BODY  {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
/*background-image: url(/images/bgPage.gif);*/
background-image: url(/images/background.jpg);
background-repeat:no-repeat;
background-position:center top;
background-color:black;
background-attachment:fixed;

}

a {
	color: #006633
}
a.footer {color:#FFFFFF; text-decoration:none}
a.categoryLink {color: #c6c5c3; text-decoration:none;}
a.categoryLink:hover {color: #eeeeee}

h1
{
    font-family: 'Fjalla One', sans-serif;
    color: #fff;
    font-size: 21px;
    padding: 25px 0 0 15px;
    text-transform:uppercase;
    font-weight: normal
    }

.mimickh1
{
    font-family: 'Fjalla One', sans-serif;
    color: #fff;
    font-size: 21px;
    padding: 25px 0 0 15px;
    text-transform:uppercase;
    font-weight: normal;
    }
/*creating this to hide black background that is used for blog banner, it is also in the master page so overriding with a white image*/
.mimichkh2
{
    font-family: 'Fjalla One', sans-serif;
    color: #fff;
    font-size: 21px;
    padding: 25px 0 0 15px;
    text-transform:uppercase;
    font-weight: normal;
	background: url(/images/bg-heading-white.jpg);
    }

.make 
{
    color: #00a308;
    padding-right: 4px;
    }

td, body {font-family: Arial, Verdana, Helvetica; font-size:12px; line-height:17px}
/*h1 { font-size:18px; font-weight:bold; margin-bottom:0px; margin-top:0px; line-height:20px; }*/
h2 { font-size:17px; font-weight:normal; margin:0px; padding:0px 0px 5px 0px;}
h3 { font-size:13px; font-weight:bold; margin-bottom:10px}
.mimickh4 { font-size:12px; color: #c2380e; font-weight:bold; margin: auto 0; padding: 0; padding-bottom: 2px}
.mimickh3 { font-size:12px; color: #000; font-weight:bold; margin: auto 0; padding: 0; padding: 4px 4px 2px 8px;}
form {margin:0px}
input, select {margin-top:1px; margin-bottom:1px}

.tiny {font-size: 10px;}
.tinyer {font-size: 9px;}

.disclaimer {font-size: 9px; font-weight: bold;}

.btnSubmitSearch {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; border: 1px solid #f09800; background: #f09800; padding: 2px}

.sideNav
{
    list-style:none;
    font-size: 10px;
    padding-left:0px;
    margin-left:0px;
    margin-bottom:0px;
    text-transform: uppercase;
    }

.sideNavItem a
{

     display: block;
     width: 170px;
     height: 19px;
     padding-left: 12px;
     padding-top: 2px;

    }
    
.sideNavItem 
{
    background-image:URL(/images/bg-sideNav.gif);
  }
    
.sideNavItemChild
{
    border-bottom:0px solid #C0C6C9;
    padding-top:3px;
    padding-bottom:4px;
    padding-left: 10px;
    list-style:none;
    }   
    
  .sideNavItemGrandChild
{
    border-bottom:0px solid #C0C6C9;
    padding-top:3px;
    padding-bottom:4px;
    padding-left: 25px;
    list-style:none;
    }   

.sideNavLastItem 
{
    background-image:URL(/images/bg-sideNav.gif);
    }

.sideNavLastItem a
{
     
     display: block;
     width: 170px;
     height: 19px;
     padding-left: 12px;
     padding-top: 2px;

    }

.sideNavAssistance {list-style:square; list-style-image:URL(/images/bulletSideAssistance.gif); padding-left:10px; margin-left:10px; color:#2E414A; margin-top:0px; margin-bottom:10px}
.sideNavItemAssistance {border-bottom:1px solid #C0C6C9; padding-top:6px; padding-bottom:7px; }
.sideNavLastItemAssistance {padding-top:3px; padding-bottom:7px}

.bulletedList {list-style:square; list-style-image:URL(/images/bulletWhite.gif); padding-left:10px; margin-left:20px; color:#2E414A; margin-top:0px; margin-bottom:10px}
.arnottList {list-style-image: URL(/images/ArnottBullet.png)}

.categoryList {list-style:square; list-style-image:URL(/images/bulletWhite.gif); padding-left:0px; margin-left:0px; color:#2E414A; margin-top:0px; margin-top:10px; margin-bottom:3px}
.itemList {list-style:round; padding-left:0px; margin-left:10px; color:#816843; margin-top:0px; margin-bottom:3px}

.hdrSide {margin-bottom:18px}
.highlight {color:#000000}

#contact-business { display: none; } /* do not remove */ 

/*------- Start Product Search ------- */

.searchContainer
{
     width: 563px;
     height: 98px;
     border:1px solid #333333;
	 background:url(/images/find-bg.png);
	 margin: 0px;
	 padding: 0px;
    }

.field
{
     float: left;
     padding: 12px 8px 0px 8px;
     display: inline;
    }
    
.field select
{
      width: 142px;
      font-size: 11px;
      background: #fff;
      border: 1px solid #1b1b1b;
      padding: 0px;
      margin: auto 0;
    }
    
/*------- End Product Search ------- */

#whatsNewHome
{
    color: #FFFFFF;
	padding: 30px 10px 10px 10px;
	display: block;
}

#whatsNewHome a
{
    color:#0b9b18;
}

#whatsNewHome .img
{
    float: left;
	border: 0px;
	margin: 0px 20px 20px 0px
}

#whatsNewHome .highlight
{
    color: #FFFFFF;
	font-size: 15px;
	margin-bottom: 10px;
	font-weight: bold;
}

.footer a:link, .footer a:visited, .footer a:active
{
    color: #CCCCCC;
    text-decoration: none;
    }

.footer a:hover
{
    color: #FFFFFF;
    text-decoration: none;
    }

.footer {border-bottom:0px solid #FFFFFF; font-size:11px; color:#CCCCCC; line-height:14px}
.footerBugs{vertical-align:middle; float:center; padding: 0 10px 0 10px;}
.Bugs{padding:0 5px 0 5px;}
.footerBoxBottom 
{
    border-right:1px solid #29803E; 
    border-left:1px solid #29803E; 
    border-bottom:1px solid #29803E; 
    padding:5px 15px 15px 15px;  
    font-size:11px; 
    line-height:14px; 
    color:#4e5c63;
    text-align: center;
     height: 316px;
    }

.footerBoxBottom h5
{
    font-size:16px; font-weight:bold; padding:0px; margin:0 auto; margin-top: 4px;
    }

.footerBoxBottom a:link, .footerBoxBottom a:visited, .footerBoxBottom a:hover, .footerBoxBottom a:active
{
    color: #29803E;
    }

.footerColRight
{
    float:left; width:250px; padding: 0px 10px 0 0; padding-bottom: 500px; margin-bottom: -500px;
    }

.footerColLeft
{
    float:left; width:240px; padding: 0px 0 0 10px; padding-bottom: 500px; margin-bottom: -500px;
    }

.sideBoxGray {padding:14px; padding-right:12px; background:URL(/images/gradientSideGray.jpg); background-repeat:no-repeat}

.sideBoxTan {padding:14px; padding-right:12px; background:URL(/images/gradientSideTan.jpg); background-repeat:no-repeat}

.mainPanel {padding-left:18px; padding-right:19px; padding-top:22px; padding-bottom: 15px; background-color: #ffffff; min-height:870px; height:auto !important; height: 870px;}

.mainPanel h1
{
    font-family: 'Fjalla One', sans-serif;
    color: #000;
    font-size: 21px;
    padding: 0;
    margin: auto;
    text-transform:uppercase;
    font-weight: normal;
    line-height: 24px;
    }

.mainPanelProductSearch {padding-left:16px; padding-right:30px; padding-top:25px; padding-bottom:25px; background-color: #ffffff; min-height:870px; height:auto !important; height: 870px;}

.mainPanelProductSearch h1
{
    font-family: 'Fjalla One', sans-serif;
    color: #000;
    font-size: 21px;
    padding: 0;
    margin: auto;
    text-transform:uppercase;
    font-weight: normal;
    line-height: 24px;
    }

.mainPanelPromotion {padding-left:26px; padding-right:30px; padding-top:25px; padding-bottom:25px; font-size:13px; line-height:17px; background-color: #ffffff; min-height:870px; height:auto !important; height: 870px;}

.mainPanelPromotion h1
{
    font-family: 'Fjalla One', sans-serif;
    color: #000;
    font-size: 21px;
    padding: 0;
    margin: auto;
    text-transform:uppercase;
    font-weight: normal;
    line-height: 24px;
    }
    
.cellPromotion {font-size:13px; line-height:17px}
.hdUnderline {border-bottom:1px solid #C9CCCC; margin-bottom:15px}
.productListItem {list-style:square; list-style-image:URL(/images/bulletWhite.gif); padding-left:0px; margin-left:10px; margin-top:0px; margin-bottom:10px}
.productDetailItem {list-style:square; list-style-image:URL(/images/bulletWhite.gif); padding-left:0px; margin-left:0px; color:#2E414A; margin-top:0px; margin-bottom:3px}
.modelHilite {border:1px solid #CCCCCC; padding:10px; background:#F8F2E6}
.cartColumn {border-left:1px solid black; border-right:1px solid black}
.cartFirefox {margin-left:-1px; width:501px}
.cartIE {margin-left:0px; width:500px}



.thumbnails
{
    border: 1px solid #04932c;
	display: block;
	height: 132px;
	width: 132px;
	cursor: pointer;
	margin-right: 3px;
	float: left;
}
.hidden
{
	display:none;	
}
.large
{
    border: 0;
	display: block;
	cursor: pointer;		
}
.thumbnails table
{
	border-collapse:collapse;
	height: 132px;
	width: 132px;
}
.HeaderContainer
{
   position: absolute;
   top: 0px;
   width: 760px;
}
.Header
{
   background:url(/images/home/~HeaderImage~) top left no-repeat;
   background-color: #FFFFFF;
   height: 161px;
   text-align:right;
   position: relative;
}
#mainContent {
  position: relative;
  left: 185px;
  width: 775px;
}

#sideColumn {
  position: relative;
  left: -775px;
}

.sideNavBlog {line-height: 14px; font-weight: normal;}

.sideNavBlog 
{
    padding-top: 7px;
    }

#blogStyle  
{
    padding-right: 15px;
    margin-top: 5px;
    }
    
#blogStyle h2 
{
    font-size: 13px;
    color: #3dab3a;
    font-weight: bold;
    text-transform:uppercase
    }


#blogStyle a:link, #blogStyle a:visited,  #blogStyle a:active
{
    color: #c6c5c3;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 10px;
    }
#blogStyle a:hover
{
    color: #eeeeee;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 10px;
    }

div.shortHeader 
{
    top:56px;
	position:relative;
	height:203px;
	display:block;
}

/* rotator in-page placement */
div.rotator {
	top:56px;
	position:relative;
	height:375px;
	display:block;
}

div.rotator ul {
	padding: 0px;
	margin: 0px;
}

/* rotator css */
	div.rotator ul li {
	position:absolute;
	float:left;
	padding: 0px;
	left: 0px;
	list-style: none;
}
/* rotator image style */	
	div.rotator ul li img {
	border:0px;
	padding: 0px;
	background: #FFF;
}
    div.rotator ul li.show {
	z-index:500
}

.rotationMarker {
	margin:4px 2px 0px 2px;
	height: 11px;
	width: 11px;
	z-index: 600;
	cursor: pointer;
}


.balloonstyle{
position:absolute;
top: -500px;
left: 0;
padding: 5px;
visibility: hidden;
border:1px solid black;
font:normal 9px Verdana;
line-height: 15px;
z-index: 100;
background-color: #fff;
width: 400px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);*/
}

#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}

.productDetails
{
	text-transform: uppercase;
	border-collapse: collapse;

}

.productDetails td
{
	font-family: Arial, sans-serif;
	font-size: 12px;
}

.netPrice
{
	font-weight:bold;
	color: green;
}

.separator
{
	display: block;
	margin: 10px 0px 10px 0px;
	border-bottom: 1px solid #DDDDDD;
}

.priceBig
{
	padding: 5px 0px 5px 0px;
}

.priceBig span
{
	font-size: 20px;
	letter-spacing: 2px;
}
/*------------Main Navigation------------*/

.left{
	display: block;
	float:left;
	width: 120px;
	height: 56px;
    background: url(/images/nav-left.gif) 0 0 no-repeat;
    background-position: 0px 0px;
}

.flags{
	display: block;
	float:left;
	width: 40px;
	height: 56px;
}

a.home{
	display: block;
	float:left;
	width: 78px;
	height: 56px;
	padding-left:10px;
    background: url(/images/nav.gif) 0 0 no-repeat;
    background-position: -120px 0px;
	text-decoration: none;
}
a:hover.home{
	background-position: -120px -56px;
	color: #FFF;
}

a.new{
	display: block;
	float:left;
	width: 117px;
	height: 56px;
    background: url(/images/nav.gif) 0 0 no-repeat;
    background-position: -198px 0px;
	text-decoration: none;
}
a:hover.new{
	background-position: -198px -56px;
	color: #FFF;
}

a.faq{
	display: block;
	float:left;
	width: 66px;
	height: 56px;
    background: url(/images/nav.gif) 0 0 no-repeat;
    background-position: -315px 0px;
	text-decoration: none;
}
a:hover.faq{
	background-position: -315px -56px;
	color: #FFF;
}
a.manuals{
	display: block;
	float:left;
	width: 97px;
	height: 56px;
    background: url(/images/nav.gif) 0 0 no-repeat;
    background-position: -381px 0px;
	text-decoration: none;
}
a:hover.manuals{
	background-position: -381px -56px;
	color: #FFF;
}
a.about{
	display: block;
	float:left;
	width: 100px;
	height: 56px;
    background: url(/images/nav.gif) 0 0 no-repeat;
    background-position: -478px 0px;
	text-decoration: none;
}
a:hover.about{
	background-position: -478px -56px;
	color: #FFF;
}
a.contact{
	display: block;
	float:left;
	width: 109px;
	height: 56px;
	padding-right:30px;
    background: url(/images/nav.gif) 0 0 no-repeat;
    background-position: -578px 0px;
	text-decoration: none;
}
a:hover.contact{
	background-position: -578px -56px;
	color: #FFF;
}
a.cart{
	display: block;
	float:left;
	width: 124px;
	height: 56px;
    background: url(/images/nav.gif) 0 0 no-repeat;
    background-position: -688px 0px;
	text-decoration: none;
}
a:hover.cart{
	background-position: -688px 0px;
	color: #FFF;
}
a.catalog{
	display: block;
	float:left;
	width: 109px;
	height: 56px;
    background: url(/images/nav.gif) 0 0 no-repeat;
    background-position: -811px 0px;
	text-decoration: none;
}
a:hover.catalog{
	background-position: -811px 0px;
	color: #FFF;
}

#formContact
{
  display:none;
}