/* generated by csscreator.com */ 

html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
} 
 
#pagewidth{ 
 width:950px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative; 
 height:124px; 
  background-color:#FFFFFF; 
  background-image:url(../design-images/layout_header.gif);
  background-repeat:no-repeat;
 width:100%;
 z-index:1
} 

#headerBrazil{
 position:relative; 
 height:124px; 
  background-color:#FFFFFF; 
  background-image:url(../design-images/layout_header_brazil.gif);
  background-repeat:no-repeat;
 width:100%;
 z-index:1
} 
.quickCartDesign {
position:relative;
float:right;
top:60px;}

#navlist li
{
display: inline;
list-style-type: none;
padding-right: 10px;
font-size:13px;
font-weight:bold
}
#navlist li a
{
display: inline;
list-style-type: none;
padding-right: 10px;
font-size:13px;
font-weight:bold;
color:#8D8D8D;
}
 
.navcontainer {
position:relative;
padding-top:2px;
padding-left:240px}
.hackersafe {
position:relative;
padding-top:0px;
padding-left:280px}

/*begin dropdown menu---------------------------------------------------------*/
.nav-position-con{
position:absolute;
padding-top:82px;
padding-left:240px;
}
/*^'^ Navigation Structure ^'^*/
.nav-container-outer{
background: #990000;
padding: 0px;
height: 40px;
width:700px;
background: url(../images/nav-bg2.jpg);
}
.float-left{
float: left;
}
.float-right{
float: right;
}
.nav-container .divider{
display:block;
font-size:1px;
border-width:0px;
border-style:solid;
}
.nav-container .divider-vert{
float:left;
width:0px;
display: none;
}
.nav-container .item-secondary-title{
display:block;
cursor:default;
white-space:nowrap;
}
.clear{
font-size:1px;
height:0px;
width:0px;
clear:left;
line-height:0px;
display:block;
float:none;
}
.nav-container{
position:relative;
/*zoom:1;*/
margin: 0 auto;
}
.nav-container a, .nav-container li{
float:left;
display:block;
white-space:nowrap;
}
.nav-container div a, .nav-container ul a, .nav-container ul li{
float:none;
}
.nav-container ul{
left:-10000px;
position:absolute;
}
.nav-container, .nav-container ul{
list-style:none;
padding:0px;
margin:0px;
}
.nav-container li a{
float:none
}
.nav-container li{
position:relative;
}
.nav-container ul{
z-index:10000;
}
.nav-container ul ul{
z-index:20000;
}
.nav-container ul ul ul{
z-index:30;
}
.nav-container ul ul ul ul{
z-index:40;
}
.nav-container ul ul ul ul ul{
z-index:50;
}
li:hover>ul{
left:auto;
}
#nav-container ul {
top:100%;
}
#nav-container ul li:hover>ul{
top:0px;
left:100%;
}

/*^'^ Primary Items ^'^*/	
#nav-container a{	
padding:7px 14px 2px 14px;
margin: 10px 0px 0px 0px;
color: #FFFFFF;
font-family: Trebuchet MS, Arial, sans-serif, Helvetica;
font-size:13px;
text-decoration:none;
font-weight: bold;
background: url(../images/item-primary-bg.gif);
background-repeat: no-repeat;
background-position: top;
}

#nav-container a:hover{
color: #6C3600;
background: url(../images/item-primary-bg2.gif);
background-repeat: no-repeat;
background-position: center;
}

/*^'^ Secondary Items Container ^'^*/	
#nav-container div, #nav-container ul{	
padding:10px 4px 10px 4px;
margin:0px 0px 0px 0px;
background: url(../images/item-secondary-container-bg2.gif);
background-repeat: repeat-x;
background-color: #FF6500;
border-bottom: 1px solid #CA6500;
border-top: 1px solid #FFFFFF;
}

/*^'^ Secondary Items ^'^*/	
#nav-container div a, #nav-container ul a{	
padding:3px 10px 3px 6px;
background-color: #FFFFFF;
background: url(../images/item-secondary-bg.jpg);
background-repeat: no-repeat;
background-position: 0px 22px;
font-size:11px;
border-width:0px;
border-style:none;
margin: 0px 0px 0px 0px;
width: 149px;
}

/*^'^ Secondary Items Hover State ^'^*/	
#nav-container div a:hover, #nav-container ul a:hover{	
background-color: #FFFFFF;
background: url(../images/item-secondary-bg.jpg);
background-repeat: no-repeat;
color:#CC0000;
}

/*^'^ Secondary Item Titles ^'^*/	
#nav-container .item-secondary-title{	
cursor:default;
padding:4px 0px 3px 7px;
color: #6C3600;
font-family: Arial, Trebuchet MS, Arial, sans-serif, Helvetica;
font-size:11px;
/* background: url(images/item-secondary-title-bg.jpg); */
background-repeat: no-repeat;
font-weight:bold;
}

/*^'^ Horizontal Dividers ^'^*/	
#nav-container .divider-horiz{	
border-top-width:1px;
margin:5px 5px;
border-color: #C16100;
}

/*^'^ Vertical Dividers ^'^*/	
#nav-container .divider-vert{	
border-left-width:1px;
height:15px;
margin:4px 2px 0px 2px;
border-color:#AAAAAA;
}
/*END Dropdown Menu-------------------------------------------------------------*/

h3.headerMenu {
color:#666666;
background-color:#D0D0D0;
padding:3px;
margin:0px;
font-size:16px}

#priceBox{
position:relative;
background-color:#FF6500;
width:200px;
}

#searchBox{
position:relative;
background-color:#666666;
width:174px;
height:60px;
padding-top:5px;
padding-right:26px
}
#searchBox2{
position:relative;
background-image:url(../design-images/search_bg.gif);
background-repeat:no-repeat;
background-color:#FFF;
width:260px;
height:50px;
padding-top:10px;
padding-right:36px
}
#brandBox{
position:relative;
background-color:#CCCCCC;
width:200px;
}

.featuretable td{background-image:url(../design-images/feature_bg.gif)}

.buttonmenu{
list-style-type: none;
margin: 0;
padding: 0;
width: 194px;
}

.buttonmenu li a{
color: white;
display: block;
width: 100%;
padding: 2px 2px;
text-decoration: none;
font-weight:normal;
border: 1px solid;
border-color:#FFD1B3 #EA5E00 #EA5E00 #FFD1B3; /*light dark dark light*/
background-color: #FF6500;
text-decoration:none;
font-size:13px
}

.buttonmenu li a:visited{
color: white;
}

.buttonmenu li a:hover, .buttonmenu li a:active{
color: black;
background-color: #FF9E5E;
}

#maincol{background-color: #FFFFFF;  
 float: right; 
 display:inline; 
 position: relative; 
 width:100%; 
 }
 
#maincolBrazil{background-color: #transparent;  
 float: right; 
 display:inline; 
 position: relative; 
 width:100%; 
 }

table.contactMail {
color:#000000;
text-decoration:none}
.contactMail a:hover{
text-decoration:underline}

.footerBox{
display:inline;
float:left;
width:307px;
height:145px;
background-color:#999999;
border-right:1px;
padding:4px;
margin-left:1px
}
.ecommerce {display:none}

#footer{
 height:158px; 
  background-color:#FFF; 
 clear:both;
 } 
#footer a{font-size:14px; color:#000000}
#footer a:hover{text-decoration:underline;}
#footer li{font-size:14px}
#footer ul{padding-bottom:2px;margin-bottom:4px}
#footer p{
padding:5px 2px;
margin:0px;}
#footer form{
padding:0px;
margin:0px;
display:inline
}
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}
