/*  GLOBALS  */







/* img, div { behavior: url(css/iepngfix.htc) }*/



 











html {



overflow-y: scroll;   /* forces firefox scrollbar on */



padding-bottom: 20px;



}







body {



font-size: 75%;



line-height: 150%;



margin: 0em auto;



padding: 0em; 



font-family:  Trebuchet MS, Helvetica, tahoma, sans-serif;  



background: #ffffff;



color: #572700;



}







 H1{  



font-size: 17px;  



color: #f6c42f;



color: #572700;



margin: 0px;



}



h2 {



font-size: 2.0em; 



font-weight: normal; 



padding: 25px 0 5px 0; 



}







h3 {     /*  right column header green on brown  */



font-size: 1.2em;

/*

color: #ACBC46;*/



margin:15px 0px 0px 0px; 



padding: 0px;



}



h4 {



font-size:16px;



color: #428fce;



margin-bottom:-5px;



}



 







p {



font-size: 1em;



margin: 5px 0px 15px 0px;



}







a {



color:#92a135;



text-decoration: none;



outline: none;



position: relative;



}



a:hover {



color:#f5911e;



text-decoration: underline;



}



a: active{



outline: none;



}







FORM{



margin: 0px;



} 







TABLE{



border-collapse: collapse;



} 







IMG{



border: 0px;



}



UL{



margin: 15px;



padding: 0px;



}







UL LI{



margin: 0px;



padding: 0px;



}















/*  CONTAINER CSS */







div.container{ 



width: 866px; 



margin: 0em auto;



background: #ffffff; 



} 







div.container-bottom{



width: 866px; 



margin: 0em auto;



/*background:  url(../../images/back_white_foot.png) 3px 0 no-repeat; */



height: 79px;



text-align:center;



padding-top: 15px;



}











 







/*  LOCKUP   */



div.lockup{  



margin: 0 auto;



background:  url(../../images/header-dots.gif)  100% 0 no-repeat; 



width: 866px; 



height: 127px;







} 



  



div.lockup IMG{  



top: 20px;



position: relative;



width: 168px; 



height: 78px;



} 



  



   







/*  PRIMARY NAV  */ 



div.nav {



width: 866px;  



margin: 0 auto;



} 







div.nav ul {   



margin: 5px  0px 0px 184px;



padding: 0px;



list-style: none;







}







div.nav li {



float: left;



white-space: nowrap;



/*margin-bottom: -10px;*/



} 











div.nav li a { 



height: 20px;



color: #582700; 



text-decoration: none;



font-size: 12px;



text-transform: lowercase;



font-weight: bold; 



/*display: block;*/



position: relative;



padding: 8px 16px 0px 16px;



/*float: left;*/



white-space: nowrap;



}



 







div.nav li a:hover, div.nav li a.m01:hover, div.nav li a.m01-on {



color: #60cae4;



text-decoration: none;



}



div.nav li a.m02:hover, div.nav li a.m02-on, div.nav li a.m05:hover, div.nav li a.m05-on {



color: #EC83B5;



text-decoration: none;



}



div.nav li a.m03:hover, div.nav li a.m03-on, div.nav li a.m06:hover, div.nav li a.m06-on {



color: #C1D82F;



text-decoration: none;



}











 div.nav li a.m07:hover, div.nav li a.m07-on {



color: #F5911E;



text-decoration: none;



}



 

 

 

 div.overview {  

 margin: -20px 0px 0px 0px;

padding: 0px 0px 10px 0px;

background-color: #d1edf7

}



  table.prodgrid {

 margin: -20px 0px 0px -30px;

width: 580px;

background-color: #ffffff;



border-collapse: collapse; 

 



} 



.gecko   table.prodgrid { 

margin-bottom: -8px; 

width: 575px;



}



 



table.prodgrid A{ 

display: block;



}







table.prodgrid TD{



width: 33%;



background-color: #e6efab;



text-align: center; 

 



padding-top: 10px;



border: 15px solid #d1edf7; 



}



/*table.prodgrid TD.right{



border-right: 0px; 



width: 32%;



}*/



/*table.prodgrid TD.left{



border-left: 0px; 



width: 32%;



}



*/



table.prodgrid TD SPAN{



display: block;



background-color: #60cae4;



color: #ffffff;



font-size: 17px;



line-height: 25px;



margin-top: 5px;



}







.ie table.prodgrid TD:hover{



  filter:alpha(opacity=60);



  opacity:0.6; 



  text-decoration: none;



}



table.prodgrid A:hover{



  text-decoration: none;



}



.gecko table.prodgrid A:hover{



  filter:alpha(opacity=70);



  opacity:0.7; 



  text-decoration: none;



}







table.prodgrid TD.quote{



background-color: #60cae4;



padding: 0 5px 0 5px;



}



.ie table.prodgrid TD.quote:hover{



  filter:alpha(opacity=100);



  opacity:1; 



  text-decoration: none;



}











div.shoppingbag{



background-color: #ffffff;



/*height: 465px;*/



margin: 15px 3px 20px 0;



padding-bottom: 50px;



}



.gecko  div.shoppingbag{



/*height: 445px;*/



}







div.shoppingbag H3{



background-color: #60cae4;



color: #582700;



padding: 8px 0 8px 15px;



margin: 0px;



}







div.shoppingbag div.bag-contents {



color: #582700;



padding: 8px 0 8px 15px;



margin: 0px;



}











/*  FOOTER  */







div.footer { 



width: 766px;



height: 46px;



margin: 0 0 0 33px;



padding: 8px 30px 0 35px;



font-size: .8em;



}



 



div.footer  A{  



padding: 0px 6px 0 6px; 



}



 











/*  cart icon bar  */ 







div.cart{  



text-align: right; 



margin: 0px 27px 5px 0;



padding-top: 15px;



}



div.cart IMG{  



float: right;



margin: -20px 0 10px 8px;



}



div.cart A{  







color: #572700;



}



/*.webkit div.cart { 



padding: 25px 20px 5px 0;



}



*/







/*   CONTENT   */ 



div.content-zoli{



/*background-color: #ffffff;  */



/*margin:0px auto; */



width: 866px; 



background:   url(../../images/back_page_white.gif)  5px 0 repeat-y; 







min-height:400px;



		height:auto !important;



		height:400px; 



}











/*  SUB NAV ON PAGE */



div.breadcrumb{  



color: #ffffff;



font-size: 12px;



font-weight: bold;



}



div.breadcrumb A{  



color:  #582700;



}

div.breadcrumb A.on{   

color: #ffffff;

cursor: default; 

}

div.breadcrumb A.on:Hover{   

text-decoration: none;

}









/*   MAIN LEFT COLUMN   */







div.content-zoli div.left{  



float: left; 

text-align: left; 

width: 600px; 

	min-height:400px; 

		height:auto !important; 

		height:400px; 



}









table.header{   



width: 600px; 



margin-bottom: 10px;



vertical-align: middle;



} 







table.header td.left{  



text-align: center;



font-weight: normal;



vertical-align: middle;



width: 110px; 



height:  105px;



}



table.header TD.right{  



vertical-align: top;



padding: 8px 0 0 15px;



}















/*  Main Content Background  */











table.welcome{  



background:  url(../../images/header_welcome.gif)  0 0 no-repeat; 



} 



table.welcome H2, table.prodover H2{  



font-size: 1.0em;



font-weight: normal;



margin: 0px 0px 0px 10px;



padding: 0px;



width: 440px;



}  



table.welcome td.right, table.prodover td.right{  



text-align: left;



font-weight: normal;



vertical-align: middle;



width: 440px;



padding-left: 0px;



padding-bottom: 10px;



font-size: 11px;



} 



table.welcome td.right {  

line-height: 15px; 



} 

table.welcome td.right span.WHITE{  

font-size: 13px;

font-weight: bold;



line-height: 15px; 



} 





table.prodover{  



background:  url(../../images/header_product_overview.gif)  0 0 no-repeat; 



} 

 





div.pink{



background:   url(../../images/back_page_pink.gif)  5px 0 repeat-y; 



}







table.about{  



background:  url(../../images/header_about.gif)  0 0 no-repeat; 



height: 115px;



margin-bottom: 0px;





}



 /*  SETS MIN HEIGHT to match BROWN COLUMN lenght */



div.about, div.faq, div.product, div.resellers {   

width: 522px; 

margin: 0 0 0 4px; 

padding: 10px 30px 20px 40px;



  min-height:340px;

  height:auto !important;

  height:340px;

} 



 



table.about H2 {  

margin-top: 20px;

color: #EC83B5;



}



div.about{   

background-color: #f9d8e7; 

width: 522px; 

margin: 0 0 0 4px; 

padding: 10px 30px 20px 40px;

} 



div.about P.line{   

border-bottom: 1px dotted #EC83B5; 

padding: 0px 0 20px 0; 

} 



 

 

 table.contact{   

background:  url(../../images/header_contact.gif)  0 0 no-repeat; 

height: 115px; 

margin-bottom: 0px;



}

table.contact H2{  

margin-top: 40px;

color: #EC83B5;



}





div.philosophy{  



background:   url(../../images/service-mark.gif)  101% 100% no-repeat; 



height: 400px;



}



div.philosophy P{  



border-bottom: 0px dotted #f9d8e7 !important;



width: 340px;



}







div.green{



background:   url(../../images/back_page_green.gif)  5px 0 repeat-y; 



}



table.faq{  



background:  url(../../images/header_faq.gif)  0 0 no-repeat; 



height: 115px;



margin-bottom: 0px;



} 



div.faq{  



background-color: #eaf1c1;



border: 0px solid #eaf1c1;



width: 522px; 

margin: 0 0 0 4px; 

padding: 10px 30px 20px 40px;



}



table.faq H2{  



margin: 38px 0 0 0px;



color: #C1D82F;



}



STRONG.question{   

font-size: 1.2em;



}



UL.faq-list {   

list-style: disc;

}



UL.faq-list LI{   

font-size: 1.2em;

padding: 1px 0 3px 0; 



}



div.top{   

text-align: right;

font-size: .9em;

margin-bottom: 10px;



}

div.top A:hover{   

text-decoration: none;



}

div.greenline{   

border-bottom: 1px dotted #c1d72e;



margin-bottom: 30px;



}



table.store{  



background:  url(../../images/header_store.gif)  0 0 no-repeat; 



height: 115px;



margin-bottom: 0px;



} 





table.press{  



background:  url(../../images/header_press.gif)  0 0 no-repeat; 



height: 115px;



margin-bottom: 0px;



} 

div.press{
background-color: #ffffff;
margin: 0 0 0 38px;
}



div.blue{



background:   url(../../images/back_page_blue.gif)  5px 0 repeat-y; 



}



table.product{  



background:  url(../../images/header_product.gif)  0 0 no-repeat; 



height: 115px;



margin-bottom: 0px;



} 



div.product{   

background-color: #d1edf7;  

}







div.prod-details{  

width: 225px;

margin-top: -15px;

}





table.product H2, table.press H2, table.other H2{  



margin: 38px 0 0 0px;



color: #62CAE3;



}



table.other{  

background:  url(../../images/header_other.gif)  0 0 no-repeat; 

height: 115px;

margin-bottom: 0px;

}



div.description UL, div.short-description UL{   

margin: -10px 0 -10px 17px; 

}

div.description LI, div.short-description LI{   

margin: 0 0 4px 0px;

padding: 0px;

list-style: disc; 

}

.gecko div.description LI{   

margin: -5px 0 -5px 0px; 

}



div.short-description UL{   

margin: -5px 0 10px 17px; 

}

div.short-description LI{   

margin: 0 0 4px 0px;

padding: 0px;

list-style: disc; 

}

.gecko div.short-description LI{   

margin: 0px 0 -15px 0px; 

}





div.orange{



background:   url(../../images/back_page_orange.gif)  5px 0 repeat-y; 



}







table.resellers{  



background:  url(../../images/header_resellers.gif)  0 0 no-repeat; 



height: 115px;



margin-bottom: 0px;



} 





table.resellers H2{  



color: #EC83B5;

margin-top: 40px;



}

div.resellers{  



background-color: #fcdebb;



border: 0px solid #f9d8e7;





}















/*   MAIN RIGHT COLUMN   */



div.content-zoli div.right{  



float: right; 



width: 195px; 



padding: 20px 15px 0 0;



margin-right: 27px;



/*font-size: .88em;*/



color: #ffffff;



background: #582700  url(../../images/cr-box-brown.gif)  100% 0 no-repeat; 



}





.ie  div.content-zoli div.right{   

margin-right: 13px;

}

.ie7  div.content-zoli div.right{   

margin-right: 27px;

}

.ie8  div.content-zoli div.right{   

width: 195px;  
padding: 20px 0px 0 0; 
margin-right: 27px;

}






div.content-zoli div.right input.search{ 



width: 160px;



font-size: 11px;



}







INPUT.brown{ 







color: #C1D82F;



border: 0px;



font-size: 10px;



margin: 0 -5px 2px 2px;



background: #582700  url(../../images/spacer.gif)  0 0 no-repeat; 



}



INPUT.brown:hover{ 



cursor: pointer;



color: #f5911e;



}







a.news, span.news{  



display: block;



background-color: #582700;



border-bottom: 1px dotted #ACBC46;



color:#ffffff;



padding: 12px 0px 13px 0;



line-height: 16px;



}







a.news STRONG, span.news STRONG{  



color: #ACBC46;



}







a.news:hover{ 



text-decoration: none;



display: block;



background: #63330e;



}



a.news:hover STRONG{ 



color: #f5911e;



}







A.buttonpage{ 



text-decoration: none;



display: block;



font-size: 22px;



font-weight: bold;



height: 28px;



padding: 12px 0px 12px 60px;



}







A.pink{ 



background: url(../../images/dot_pink.gif)  0 0 no-repeat; 



}



A.green{ 



background: url(../../images/dot_green.gif)  0 0 no-repeat; 



}



  



  







 



div.clear{  



clear: both;



} 







ul.arrow { 



list-style-type: none;



}







ul.arrow LI{   



background: url(../../images/arrow_gold.gif) 0 6px  no-repeat; 



padding: 0 0 0 20px;



line-height: 1.8em;



} 







.teal { 



color: #1c7f99;



}







.white, a.white{ 



color: #ffffff;



}



ul.sitemap, ul.sitemap UL{ 



list-style: disc;



}





/*  FIXES TO MAGENTO CART*/



SELECT.address-select{ 

width: 550px;



}





.one-page-checkout .allow .head { background:#d1edf7; border-color:#a3aeb3; border-width:1px 1px 0 1px; cursor:pointer; }



.one-page-checkout-progress h4.complete { border-bottom:1px solid #A3AEB3; background:#d1edf7; color:#5e8ab4; }



.multi-address-checkout-box .box, .inner-box, .box-no-padding {

    background:url(../images/spacer.gif) repeat-x #ffffff;

    }

	

	

.one-page-checkout .active .box {     background:url(../images/spacer.gif) repeat-x #ffffff;}





.one-page-checkout-progress li { border:1px solid #A3AEB3; background:#ffffff; margin-bottom:6px; color: #333333 }



.back {     

padding-right: 5px;}



.one-page-checkout .box, .one-page-checkout .box-no-padding, .login-box .content {

    background:#ffffff;

    }



div.product-shop H5{     

font-size: 1.2em;

}

	

	

	

	

	div.product-shop A{     

color:#92a135;

}



div.product-shop A:hover{     

text-decoration: underline; 

color:#f5911e;

}