@charset "UTF-8";
/*
 * CSS for 3 column layout
 *
 * Color palette:
 *
 *   White: #fff
 *   Orange: #f27a25
 *   Grey: #ccc
 *   Med Grey: #666
 *   Dark Grey: #333
 */

body  {
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 140%;
	background: #000;
	margin: 0;
	padding: 0;
	text-align: center; 
	color: #333;
	background:url(../images/bkgrd.jpg) no-repeat center top #000;
}
h1 {
	font: 20px Arial Narrow, Helvetica, Arial, sans-serif;  /* Condensed Headlines */
	font-weight:bold;
	color:#333;
	text-align:center;
}
h2 {          
	margin-top: 0px;
	font: 13px Arial, Helvetica, sans-serif;  /* reversed WHITE bullets */
	font-weight:bold;
	color:#fff;
	text-align:left;
}
h3 {
	font:20px Arial, Helvetica, sans-serif; /* price on home page*/
	color:#fff;
	line-height:150%;
}
h4 {
	font:bold 12px Arial, Helvetica, sans-serif; /* orange subheads*/
	color:#f27a25;
	line-height:150%;
	margin-top:0px;
}
h5 {
	font:bold 14px Arial, Helvetica, sans-serif; /* orange heads*/
	line-height:110%;
	color:#f27a25;
	margin-top:0px;
	text-align:center;
}
h6 {
	font:bold 16px Arial, Helvetica, sans-serif; /* orange Condensed Headlines*/
	line-height:110%;
	color:#f27a25;
	margin-top:0px;
	text-align:left;
}


a:link {color: #666; font-weight:bold; text-decoration: underline; }
a:visited {color: #666; font-weight:bold; text-decoration: underline; }
a:hover {color: #f27a25; font-weight:bold; text-decoration: underline; }
a:active {color: #f27a25; font-weight:bold; text-decoration: underline; } 

a.nav:link {color: #fff; font-weight:bold; text-decoration: none; }
a.nav:visited {color: #fff; text-decoration: none; }
a.nav:hover {color: #333; text-decoration: none; }
a.nav:active {color: #333; text-decoration: none; }

a.crumbs:link {color: #fff; text-decoration: none; }
a.crumbs:visited {color: #fff; text-decoration: none; }
a.crumbs:hover {color: #333; text-decoration: none; }
a.crumbs:active {color: #333; text-decoration: none; } 

a.products:link {color: #333; text-decoration: none; }
a.products:visited {color: #333; text-decoration: none; }
a.products:hover {color: #fff; text-decoration: none; }
a.products:active {color: #fff; text-decoration: none; }

a.bucket:link {color: #666; font-weight:bold; text-decoration: none; }
a.bucket:visited {color: #666; font-weight:bold; text-decoration: none; }
a.bucket:hover {color: #f27a25; font-weight:bold; text-decoration: none; }
a.bucket:active {color: #f27a25; font-weight:bold; text-decoration: none; }

a.more:link {color: #f27a25; font-weight:bold; text-decoration: none; }
a.more:visited {color: #f27a25; font-weight:bold; text-decoration: none; }
a.more:hover {color: #666; font-weight:bold; text-decoration: none; }
a.more:active {color: #666; font-weight:bold; text-decoration: none; }  

#container { 
	width: 990px;  /* live area is actually 990px */

	margin: 0 auto; 
	border: 0;
	text-align: left;
	/*height: 950px;*/
	min-height: 950px;
} 
#header {
	width:990px;
	height:131px;
	margin-top:0px; 
	/*
	margin-left:80px;
	margin-right:80px;
    */
}
#logo {
	float:left;
	width:268px;
	height:131px;
} 
#topNavbar {
	background-image:url(../images/navbkgrd.jpg);
	background-repeat:no-repeat;
	float:left;
	width:680px; 
	font: bold 12px Arial, Helvetica, sans-serif;
	text-align: right;
	color:#fff;
    height: 58px;
    margin-top: 0px;
} 
#topMenus {
	float:left;
	width:722px; 
    height:32px;
    margin-top:0px;
}

#breadCrumbs { 
	font: bold 10px Arial, Helvetica, sans-serif;
	text-align: right;
	padding: 4px 15px 4px 0px;
}
a.CMSBreadCrumbsLink:link {color: #fff; text-decoration: none; }
a.CMSBreadCrumbsLink:visited {color: #fff; text-decoration: none; }
a.CMSBreadCrumbsLink:hover {color: #333; text-decoration: none; }
a.CMSBreadCrumbsLink:active {color: #333; text-decoration: none; } 
.CMSBreadCrumbsCurrentItem {color: #fff; }
#homeContent { 
	width:824px;
	margin: 10px 0px 0px 165px;
}
#homeText { 
	width:760px;
	margin: 10px 0px 14px 35px;
}
#featuresOne {
	position:absolute;
	float:left;
	width: 460px;
	top: 660px;
	}
#featuresTwo {
	position:absolute;
	float:left;
	width: 230px;
	margin-left: 250px;
	top: 660px;
}
#rule	{
	position:absolute;
	float:left;
	width:1px;
	height:70px;
	margin-left:500px;
	top:705px;
	background-image:url(../images/spacer.gif);
}
#featuresThree {
	position:absolute;
	float:left;
	width: 180px;
	height:82px;
	margin-left:500px;
	margin-bottom:20px;
	padding-left:30px;
	top: 685px;
}
#featuresFour {
	position:absolute;
	float:left;
	width: 180px;
	height:82px;
	line-height: 100%;
	margin-left:650px;
	margin-bottom:20px;
	top: 715px;
}
#colContent3 { 
    position: relative;
	width:800px;
	margin: 5px 0px 0px 185px;
	background-image:url(../images/3col_whitetop.jpg);
	background-repeat:no-repeat;
	background-color:#fff;
	/*height: 710px;*/
	min-height: 710px;
}
#rowOne {
    position: relative;
	text-align:left;
    height: 75px;
    margin-bottom: 20px;
}
#bannerLeft {
    margin-top: 10px;
	width: 340px;
	float: left;
}
#introRight {
	float:right;
	width:440px;
    margin-top: 10px;
	padding-right:20px;
	height:75px;
	text-align:right;
	font-size:14px;
}
#rowTwo {
    clear: both;
	margin-right: 20px;
	padding-left:20px;
}
#rowTwo h1 {
	padding-top:20px;
}
#tabs {width:750px;}
#tabs4 {width: 950px;}


#tabs, #tabs4 { 
	float:left;
	/*width:750px;*/
	line-height:normal;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-top:1px solid #ccc;
	overflow:hidden;
	color:#f27A25;
}
#tabs ul, #tabs4 ul {
	margin:0;
	list-style:none;
	display:inline;
}
#tabs li, #tabs4 li {
	display:inline;
	margin:0;
	padding:0;
}
#tabs a, #tabs4 a {
	float:left;
	margin:0;
	text-decoration:none;
	width:150px;
}
#tabs a span, #tabs4 a span {
	float:left;
	display:block;
	padding:6px 15px 8px 10px;
	border-right:1px solid #666;
	border-bottom:6px solid #f27A25;
	margin:0px;
	color:#fff;
	background-color:#ccc;
	font-weight:bold;
	height:30px;
}
#tabs span.fill, #tabs4 span.fill {
	float:left;
	display:block;
	padding:8px 15px 6px 10px;
	border-top: 0px;
	border-right: 0px;
	border-bottom:6px solid #f27A25;
	margin:0px;
	font-weight:bold;
	height:30px;
}
#tabs .noright, #tabs4 .noright {
   border-right: 0px;
}
#tabs .tab_on, #tabs4 .tab_on
{
	color:#f27a25;
	background-color:#fff;
	border-bottom:6px solid #fff;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span, #tabs4 a span {float:none;}
/* End IE5-Mac hack */

#tabs a:hover, #tabs4 a:hover {
	background-position:0%;
}
#tabs a:hover span, #tabs4 a:hover span {
	color:#f27a25;
	background-color:#fff;
	border-bottom:6px solid #fff;
} 
#tabContent {
    clear: both;
	padding: 10px 20px 1px 20px;
	margin-top:10px;
	background:#fff;
}
.columns {
	float:left;
	width:350px;
}
.column25 {
	float:right;
	width:25%;
}
/*.column70 {
	float:left;
	width:72%;
	border-right:6px #f27a25 solid;
}*/
.columnLibrary {
	float:right;
	width:180px;
}
.columnMain {
	float:left;
	width:519px;
	padding-right: 15px;
	border-right:6px #f27a25 solid;
}
.spec {
  padding: 8px 4px 4px 10px;
  background-color: #f5f5f5;
  /*height: 36px;   */
  line-height:normal;
}
.alt {
  padding: 8px 4px 4px 10px;
  background-color: #E0E0E0;
  /*height: 36px;   */
  line-height:normal;

}
.topics{
	width:164px;
	text-align:left;
	float:right;
}
.insetRight {
	width:175px;
	float:right;
	margin-left: 8px;
	margin-bottom: 6px;
}
.caption {
	color:#f27a25;
	font: bold italic 12px Arial, Helvetica, sans-serif;
	margin:10px 0px;
	line-height:110%;
}
.byline {
	font:bold 14px Arial Narrow, Helvetica, sans-serif;
	color:#333;
	text-align:center;
	margin-top:-10px;
	margin-bottom:20px;
}
#specs {
  clear: both;
  background-color: #f27a25;
  text-align: left;
  font: bold 14px Arial,Helvetica, sans-serif;
  padding: 4px 0px 4px 10px;
  margin-bottom: 0px;
  color: #fff;
}
.productsBucket {
  /*margin: 0px 0px 0px 0px;
  float: left;*/
  width: 220px;
}
#dateBucket {
  margin: 0px 0px 0px 0px;
  float: left;
  width: 170px;
}
.titleBucket {
  width: 450px;
  /*float: left;
  margin: 0px;*/
}
.articleBucket {
  width: 500px;
  float: left;
  margin: 0px;
}
.linkBucket {
  width: 90px;
  /*float: left;
  margin: 0px;*/
}
.linkBucket a {
  color:#f27a25;
}
.linkBucket a:hover {
	color:#666;
}
.productRow {
  background-color: #f27a25;
  font: bold 14px Arial,Helvetica, sans-serif;
  color: #fff;
  padding: 4px 0px 4px 10px;
  height: 21px;
}
.specRow {
  padding: 2px 0px 2px 10px;
  background-color: #f5f5f5;
  height: 21px;
  vertical-align: middle;
}
.altRow {
  padding: 2px 0px 2px 10px;
  background-color: #E0E0E0;
  height: 21px;
  vertical-align: middle;
}
#buckets {
	float:left;
    padding-left: 190px;

}
#bucketOne {
	float:left;
	width:152px;
	height:180px;
	background-image:url(../images/tips_box.jpg);
	padding:10px 6px 10px 32px;
	font:12px Arial, Helvetica, sans-serif;
	line-height:110%;
	text-align:center;
	margin-right:13px;
}
#bucketTwo {
	float:left;
	width:152px;
	height:180px;
	background-image:url(../images/accessories_box.jpg);
	padding:10px 6px 10px 32px;
	font:12px Arial, Helvetica, sans-serif;
	line-height:110%;
	text-align:center;
	margin-right:13px;
}
#bucketThree {
	float:left;
	width:152px;
	height:180px;
	background-image:url(../images/fund_box.jpg);
	padding:10px 6px 10px 32px;
	font:12px Arial, Helvetica, sans-serif;
	line-height:110%;
	text-align:center;
	margin-right:13px;
}
#bucketFour {
	float:left;
	width:144px;
	height:180px;
	background-image:url(../images/support_box.jpg);
	padding:10px 6px 10px 40px;
	font:12px Arial, Helvetica, sans-serif;
	line-height:100%;
	text-align:left;
}
#bucketFive {
	float:left;
	width:544px;
	height:180px;
	background-image:url(../images/parts_box.jpg);
	padding:10px 6px 10px 40px;
	line-height:100%;
	text-align:left;
	margin-right:20px;
}
#bucketSix {
	float:left;
	width:344px;
	height:200px;
	background-image:url(../images/press_box.jpg);
	padding:10px 6px 10px 40px;
	line-height:100%;
	text-align:left;
	margin-right:20px;
}
#bucketSeven {
	float:left;
	width:344px;
	height:200px;
	background-image:url(../images/dealer_box.jpg);
	padding:10px 6px 10px 40px;
	line-height:100%;
	text-align:left;
}
#footer { 
	padding: 0 20px;
	text-align:center;
	color:#fff;
	font: bold 12px;
} 
#footer #copyright {
	margin: 0;
	padding: 20px 0;
}
#privacy {
    position:relative; 
    left:0px; 
    top:-37px; 
    float:right;
}
#privacy a:link 
{
    text-decoration:none;
}
img {
	border:none;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
	margin-bottom: 6px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
	margin-bottom: 6px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.logoBucket {
  width: 160px;
  float: left;
  text-align:center;
  padding:10px;
}
.orgBucket {
  width: 340px;
  float: left;
  text-align:left;
  margin-bottom:10px;
  margin-top:20px;
  padding-right:20px;

}
.photoViewer {
	width:720px;
	background-color: #ccc;
	font-weight:bold;
	padding: 8px 8px 0px 8px;
	height:120px;
}
#photoRepeater
{
    display:inline-block;
    float:left;
    width: 3000px;
}
#gearContent {
	width:760px;
	padding: 10px 0px 1px 0px;
	margin:20px 20px 20px 20px;
	background:#fff;
}
.gearBucket {
   width: 225px;
   float: left;
   border-right: 1px solid #000;
   padding: 0px 15px;
   margin-top: 20px;
   text-align:center;
}
.gearBucketRight {
   width: 220px;
   float: left;
   border-right: 0px;
   padding: 0px 10px 0px 15px;
   margin-top: 20px;
   text-align:center;
}
.gearTitle {
   font: bold 30px Arial Narrow, Helvetica, sans-serif;
   line-height:90%;
   color: #f27a25;
   _font-size: 26px;
}
.gearDesc {
   margin-top: 5px;
   font: normal 14px Arial, Helvetica, sans-serif;
   color: #666;
   text-align:left;
   line-height:130%;
}
.partsDesc {
   margin-top: 5px;
   font: normal 14px Arial, Helvetica, sans-serif;
   color: #666;
   text-align:left;
   line-height:130%;
   /*width:380px;*/
}
.partsRight {
   /*font: normal 14px Arial, Helvetica, sans-serif;*/
   /*color: #666;*/
   /*float:right;*/
   padding:20px 20px 0px 10px;
   text-align:right;
   /*height:180px;*/
}
#popup {
	text-align: center; 
	width:800px;
}
#popupHeader {
  clear: both;
  background-color: #f27a25;
  width:741px;
  height:20px;
  text-align: left;
  font: bold 14px Arial,Helvetica, sans-serif;
  padding: 8px 0px 2px 20px;
  color: #fff;
  float:left;
  margin:0px 0px 20px 0px;
}
#onlineRetailers {
	background: #fff;
	padding:20px 20px 40px 20px;
}
.retailerLogo {
	padding: 10px 5px;
	float:left;
	width:180px;
	text-align:center;
}
.click {
	float:right;
	width:39px;
  	margin:0px 0px 20px 0px;
	height:30px;
}
#zipLocator {
	width:715px;
}
#zipHeader {
  	background-color:#f27a25;
  	float:left;
  	margin:0px;
}
#searchRight {
	float:right;
	width:440px;
    margin-top: 10px;
	height:75px;
	text-align:left;
	font-size:14px;
}

a.search:link {color: #f27a25; font-size: 12px; font-weight:normal; text-decoration: underline; }
a.search:visited {color: #f27a25; font-size: 12px; font-weight:normal; text-decoration: underline; }
a.search:hover {color: #666; font-size: 12px; font-weight:normal; text-decoration: underline; }
a.search:active {color: #666; font-size: 12px; font-weight:normal; text-decoration: underline; } 

.searchBucket {
  width: 166px;
  float: left;
 /* border-right: 1px solid #000;*/
  padding-left: 15px;
  margin-bottom:17px;
    margin-left:0;
    margin-right:0;
    margin-top:6px;
    padding-bottom:0;
}
.searchBucketLeft {
  width: 168px;
  float: left;
  padding-left:5px;
  padding-bottom: 20px;
  margin: 0px;
}
.searchPrice {
	font: bold 14px Arial, Helvetica, sans-serif;
	padding:6px 0px;
}	
.searchImg {
   clear: both;
   width: 150px;
   height:150px;
   margin-top: 10px;
   margin-bottom: 10px;
   text-align:center;
}
.searchBucket h2 {
  color: #f27a25;
  font: bold 14px Arial Narrow, Helvetica, sans-serif;
  margin:0px;
  height:35px;
}
.searchBucket h2 a
{
    color: #f27a25;
}
.searchBucketLeft h2 {
  color: #f27a25;
  font: bold 14px Arial Narrow, Helvetica, sans-serif;
    margin:0px;
}
#resultsHead {
	font: 30px Arial, Helvetica, sans-serif;
	padding-left:20px;
	padding-top:8px;
	float:left;
	color:#999;
	background:#ccc;
	margin:10px 0px 0px 0px;
	width:100px;
	height:44px;
}
#resultsRule {
	background-color: #ccc;
	height: 32px;
	margin:10px 0px 0px 0px;
	padding:20px 20px 0px 20px;
	text-align:left;
	float:left;
	width:400px;
}
#resultsSort {
	background-color:#CCCCCC;
    float:left;
    height:35px;
    margin-bottom:0;
    margin-left:0;
    margin-right:0;
    margin-top:10px;
    padding-bottom:0;
    padding-left:0;
    padding-right:20px;
    padding-top:17px;
    text-align:left;
    width:180px;
}
#orgDivider {
	background:#f27a25;
	width:720px;
	height:4px;
	margin:10px 0px;
}

/* These styles are used by the press room */

.lineItem, .lineItemAlt, .lineItemHeader 
{
  padding: 4px 0px 4px 10px;
  *height: 34px;
}

.lineItemHeader 
{
    background-color: #f27a25;
    color: #fff;
    vertical-align: middle;
    font: bold 14px Arial,Helvetica, sans-serif;
}

.lineItem 
{
    background-color: #f5f5f5;
    border-bottom: solid 2px #fff;
}

.lineItemAlt 
{
    background-color: #E0E0E0;
}

.dateCol 
{
    width: 170px;
    float: left;
    font-weight: bold;
}

.articleCol 
{
    width: 500px;
    float: left;
}

.linkCol
{
    width: 80px;
    float: left;
    font-weight: bold;
}

.btnSearch
{
    display: none;
    visibility: hidden;
}

#topNavbar 
{
      padding-top: 15px;
}

.searchForm
{
  display:inline;
  margin-left:20px;
}

.searchForm .searchButton
{
  background:url(../images/xsd_search_target.png) no-repeat;
  border:none;
  width:31px;
  height:27px;
  vertical-align:middle;
  cursor:pointer;
  margin: 0;
  padding: 0;
}

.searchForm .search
{
  background:#EC7928 url(../images/xsd_search_bg.png) no-repeat top right;
  border:none;
  width:110px;
  vertical-align:middle;
  height:22px;
  padding:5px 5px 0 0;
  color:#666;
  font-size:12px;
  
}
.thumbnail
{
    padding:4px;
}
#tabContent
{
    /*height: 200px;*/
    min-height: 200px;
    padding: 20px;
    
}
.tabContent
{
     clear: both;
	padding: 10px 20px 1px 20px;
	margin-top:10px;
	background:#fff;
	min-height: 200px;
    padding: 20px;
    position:relative;
}
.pagerLayout
{
    float:left;
left:135px;
position:absolute;
top:19px;
}
.rating_bar 
{
  display: inline-block;
  width: 55px;
  background: url(../images/star_x_grey.gif) 0 0 repeat-x;
  float: left;
}

.rating_bar div {
  height: 12px;
  background: url(../images/star_x_orange.gif) 0 0 repeat-x;
}
#features, #contents, #specif, #warranty, #reviews
{
    /*height: 200px;*/
    min-height:200px;
    padding: 20px;   
}



.more_btn {
	background:url(../images/more_btn.jpg) no-repeat center center;
	display:block;
	width:16px;
	height:16px;
	float:left;
}

a:hover .more_btn {
	background-image:url(../images/more_hvr.jpg);
}
.validationsummary
{
    border: solid 1px #ff0000;
    padding:10px;
    
}
h1.alignLeft
{
    text-align:left;
}
.categoryDescr
{
    padding: 0px 60px;
}

/*editor styles*/
.PageManagerInfo,
.PageManagerPreviewInfo,
.PageManagerWorkflowInfo,
.CMSEditableRegionTitle {
	display:block;
	background-color:#fff;
	font-size:12px;
	font-weight:bold;
	padding:5px 3px;
	text-align: left;
}

.PageManagerPreviewInfo a 
{
    margin:0 .3em 0 .5em;
    color:#00c;
}
/*end editor styles*/