/* CSS Document */
body{
	padding:0; margin:0; background:url(images/bg.gif) repeat-x #000; 
	font:12px Arial, Helvetica, sans-serif;
	color:#CCC;
	}
a{
	font:12px Arial, Helvetica, sans-serif;
	color:#996600;
}
a:hover{
	font:12px Arial, Helvetica, sans-serif;
	color:#FFCC66;
}		
/*
div, ul, h1, h2, h3, h4, p, img, form{
	padding:0; margin:0;
	}
ul{
	list-style-type:none;
	}
*/
table{
	font:12px Arial, Helvetica, sans-serif;
}
.blank{
	font-size:0px; clear:both; line-height:0px;
	}


/*--------------------------------header pan---------------------------*/
#headerPan{
	width:1000px; margin:0 auto; background:url(images/header_pic_v2.jpg) no-repeat; height:226px;
}
/*
#headerPan #date{
	position:absolute;
	float:left;
	color:#999999;
	margin-top: 8px;
}
*/
#headerPan #topnav ul{
	width:1000px; margin:0 auto; height:30px; padding: 8px 0 0 0;
	text-align:right;
	/*height:30px;*/
	}
#headerPan #topnav ul li{
	/*float:left;  height:21px;*/
	border-right:1px dashed #666;
	display: inline; 
	}
#headerPan #topnav ul li a{
	font: bold 12px "Verdana", Arial, Helvetica, sans-serif; 
	color:#CCC;
	text-decoration:none; 
	padding:16px 15px 4px 15px;
	
	/* margin:0; padding:0 14px 0 14px;*/
	}
#headerPan #topnav ul li a:hover{
	color:#FFF;
	text-decoration:underline;
	/*
	background-color:#0867C3;
	*/
	}

#headerPan #breadcrumb{
	margin:126px 0 0 0;
	color:#666;
	text-transform:uppercase;
	font:10px Arial, Helvetica, sans-serif; 
}
#headerPan #breadcrumb a{
	color:#996600;
	
}
#headerPan #breadcrumb a:hover{
	color:#FFCC66;
}
#headerPan table{
	font:10px Arial, Helvetica, sans-serif;
	color:#666;
	}

#headerPan #search{
	float:right;
	padding-top: 6px;
	padding-right: 10px;
}

#headerPan #search table{
	width:350px;
}

#headerPan #search form{
	padding:0;
	margin:0;
}
#headerPan #search form input{
	/*
	Style hard coded in includes/boxes/search.php
	*/
}

#headerPan #search form select{
	background-color:#171717; 
	border:#494949 1px solid; 
	color:#ACACAC;
	font-size:12px;
}

#headerPan #navarea {
	position:relative;
	width:1000px;  
	background: url(images/search_bg_v3.gif) no-repeat 0 0; 
	margin:16px 0 0 0; 
	height:36px;
}
#headerPan #navarea ul{	
	padding:10px 0 0 10px; margin:0;
	}
#headerPan #navarea ul li{
	margin-left: -4px;
	display: inline; 	
	}
#headerPan #navarea ul li a{	
	font: bold 12px "Verdana", Arial, Helvetica, sans-serif; 
	color:#CCC;	
	padding:10px 15px 10px 15px;
	text-decoration:none;
	border-right:1px solid #333;
	}
#headerPan #navarea ul li a:hover{
	color:#FFF;
	background:url(images/search_bg_v3_over.gif) repeat-x 0 0;
	text-decoration:none;
	}
/*----------------------------------body part----------------*/
#mainBody{
	width:1000px; margin:16px auto 0 auto; 
	}
/*-------------left side------*/
#leftPan{
	width:161px; color:#B6B6B5; background:url(images/left_side_up_v2.gif) no-repeat 0 0 #171717; padding:19px 0 0 0; float:left;	
	}
#leftPan p{
	background:url(images/left_side_down.gif) no-repeat bottom left; height:16px; font-size:0; display:block;
	}
#leftPan h2{
	background:url(../images/services_icon.gif) no-repeat 0 0 #171717; color:#fff; width:90px; height:34px; display:block;
	margin:0px 0 0 25px; font: normal 24px/34px Arial, Helvetica, sans-serif; padding: 0 0 0 25px;
	}
#leftPan ul{
	width:119px; display:block; margin:6px 0 24px 25px; font-size:0;
	}
#leftPan ul li{
	background:url(images/left_side_arrow.gif) no-repeat 0 9px; padding: 0 0 0 11px; display:block; height:24px;
	}
#leftPan ul li a{
	font:12px/24px Arial, Helvetica, sans-serif; color:#B6B6B5; text-decoration:none; background-color:#171717; display:block;
	}
#leftPan ul li a:hover{
	background-color:#454545; color:#B6B6B5;
	}
#leftPan h3{
	color:#fff; width:114px; height:24px; display:block; margin:0px 0 10px 26px; padding: 0 0 0 0; background-color:#171717;	
	font: normal 24px/24px Arial, Helvetica, sans-serif; 
	}
#leftPan h3.lor{
	background:url(../images/lor_bg.gif) no-repeat  #171717; color:#fff; display:block; width:116px; height:56px;
	font: bold 12px/18px Arial, Helvetica, sans-serif; text-transform:uppercase; margin:0 0 10px 26px; padding:3px 0 0 7px;
	}
#leftPan ul.says{
	width:119px; display:block; margin:2px 0 17px 25px; font-size:0;
	}
#leftPan ul.says li{
	background:none; display:block; margin:0; padding:0;
	}
#leftPan ul.says li a{
	font:12px/18px Arial, Helvetica, sans-serif; color:#A5A5A4; text-decoration:underline; text-transform:uppercase;
	background-color:#171717;
	}
#leftPan ul.says li a:hover{
	text-decoration:none; background-color:#171717; color:#A5A5A4;
	}
#leftPan a.more{
	width:103px; height:15px; display:block; background-color:#000000; color:#FFFFFF; margin: 0 0 24px 25px; padding:0 0 0 13px;
	font:13px/10px tahoma, Arial, Helvetica, sans-serif;
	}
#leftPan a.more:hover{
	background-color:#454545; color:#B6B6B5;
	}
/*----------table-------------*/
#leftcol{
	margin: 0 4px 0 6px;
}

#leftcol hr{
	border: none 0;
	border-top: 1px dashed #333;
	height: 1px;
}

.infoBoxHeading{
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#996600;
	padding-left:4px;
}
	
#leftPan table{
	font:12px Arial, Helvetica, sans-serif;
	}
#leftPan table td{
	}
#leftPan table td a{
	 color:#B6B6B5; text-decoration:none;
	 
	}
#leftPan table td a:hover{
	background-color:#454545; color:#B6B6B5;
	}	
	
#leftPan table form{
	padding:0;
	}
#leftPan table form label{
	font:12px Arial, Helvetica, sans-serif; color:#CBCBCB; padding:0;
	font-weight:normal;
	}
#leftPan table form input{
	background-color:#000; border:#494949 1px solid; color:#ACACAC;
	}
#leftPan table form select{
	background-color:#000; border:#494949 1px solid; color:#999;
	}
#leftPan table form input.button{
	width:31px; height:23px; background:url(images/search_button.gif) no-repeat 0 0; cursor:pointer; border:none;
	}

/*-------------------------------right-------*/
#rightPan{
	width:821px; margin:0; float:right;
	}
	
#rightPan hr{
	border: none 0;
	border-top: 1px dashed #333;
	height: 1px;
	width: 100%;
	}

/*

#rightPan p{
	width:821px; font:14px/20px Arial, Helvetica, sans-serif; color:#A5A5A4; background-color:#000000; 
	margin:0 0 0 0;
	
	}

#rightPan p span{
	color:#2BCB02; background-color:#000000; font-size:17px; font-weight:bold;
	}
#rightPan p a:hover{
	text-decoration:underline;
	}
*/
#rightPan p{
	background:url(images/left_side_down_long.gif) no-repeat bottom left; height:16px; font-size:0; display:block;
	margin:0px; padding:0px;
}

#rightPan #greybg{
	background:url(images/productinfo_bg.gif) repeat-x #333;
	border: 1px solid #666;
	padding:4px;	
	margin:4px;
}

#rightPan #greyright{
	float: right;
}

#rightPan #greyright img{
	border: 1px solid #666;
	padding: 2px;
}

#rightPan #greyrightindent{
	float: right;
}

#rightPan #greyrightindent img{
	border: 1px solid #666;
	padding: 2px;
}

#rightPan #greyrightindent a{
	text-decoration:none;	
}

#rightPan .logobox{
	float:left;
	margin-right: 10px;
	width: 120px;
	height: 80px;
	/*border: 1px solid #FFF;*/
}

#rightPan .distbox{
	float:left;
	margin-right: 10px;
	width: 120px;
	height: 40px;
	/*background-color:#000;
	border: 1px solid #FFF;*/
}

#rightPan .shipbox{
	margin-left: 130px;
	width: 120px;
	height: 40px;
	background-color:#000;
	border: 1px solid #FFF;
}

#rightPan .sizebox{
	float: left;
	margin-right: 20px;

}
#rightPan .buttonbox{
	margin-top: 20px;
	margin-bottom: 4px;

}

#rightPan .descriptionbox{
	margin: 0 6px 20px 6px;
	padding-top: 20px;
}


#rightPan #contentbg{
	background:url(images/left_side_up_long_v2.gif) no-repeat 0 0 #171717;
	min-height:416px;
	padding:4px;	
}

#rightPan .infoBoxContents .smallBox{
	padding-right: 5px;
}

#rightPan .infoBoxContents .smallBox img{
	border: 1px solid #333; padding: 2px;
}

TD.pageHeading, DIV.pageHeading {
  font-size: 17px;
  font-weight: bold;
  color: #996600;
}

TD.whiteHeading, DIV.whiteHeading {
  font-size: 17px;
  font-weight: bold;
  color: #FFF;
}

#rightPan table td a{
	text-decoration:none;
}

#rightPan table form input{
	background-color:#000; border:#494949 1px solid; color:#ACACAC;
	}
#rightPan table form textarea{
	background-color:#000; border:#494949 1px solid; color:#ACACAC;
	}
#rightPan table form select{
	background-color:#000; border:#494949 1px solid; color:#999;
	}
#rightPan table form input.button{
	width:31px; height:23px; background:url(images/search_button.gif) no-repeat 0 0; cursor:pointer; border:none;
	}
	
#quickstart{
	height:38px;
	background:url(images/frontpage_quickstart.jpg) no-repeat 0 0; border:none;
	margin-bottom:8px;
}
/*
#quickstart ul{
	padding: 12px 0 0 0; 
	margin: 0 0 0 164px;
	
	
}

#quickstart li{
	display: inline;
	padding: 0px;
	margin: 0px;
}

#quickstart ul li a{
	margin: 0px;	
	font:12px Arial, Helvetica, sans-serif; color:#B6B6B5; font-weight:bold; text-decoration:none;
	padding: 8px 84px 6px 84px;
	border-right: #666666 solid 1px;	
	}
#quickstart ul li a:hover{
	background-color:#454545; color:#B6B6B5;
	}
*/
#thirds{
	/*height:95px; width:260px; display:block;*/ 
	float:left;
	color:#666;
}

#thirds a.men{
	width:211px; height:30px; display:block; text-decoration:none; margin:4px 0 0 165px;
	background:url(images/btnmen_sml.jpg) no-repeat;
}
#thirds a.men:hover{
	width:211px; height:30px; display:block; text-decoration:none; 
	background:url(images/btnmen_sml_over.jpg) no-repeat;
}
#thirds a.women{
	width:211px; height:30px; display:block; text-decoration:none; margin:4px 0 0 0;
	background:url(images/btnwomen_sml.jpg) no-repeat;
}
#thirds a.women:hover{
	width:211px; height:30px; display:block; text-decoration:none; 
	background:url(images/btnwomen_over_sml.jpg) no-repeat;
}
#thirds a.accessories{
	width:211px; height:30px; display:block; text-decoration:none; margin:4px 0 0 0;
	background:url(images/btnlabels_sml.jpg) no-repeat;
}
#thirds a.accessories:hover{
	width:211px; height:30px; display:block; text-decoration:none; 
	background:url(images/btnlabels_sml_over.jpg) no-repeat;
}




#thirds h3{
	font-size: 12px; font-weight:bold; color:#000; 
	padding:2px 0 0 4px;
	margin: 0;
}
#thirds ul{
	list-style-type:none;
	padding: 0 8px 0 8px;
	margin: 0;
}
#thirds li{
	list-style-type:none;
	padding-top: 8px;
}
#thirds .highlight{
	color:#FFCC66;
}
#thirds a{
	font-weight: bold;
	color:#999;
	text-decoration:none;
}
#thirds a:hover{
	color:#FFF;
}

#thirds #welcome1{
	width:260px; height:160px; text-decoration:none; 
	background:url(images/home_welcome_bg.gif) no-repeat;
}
#thirds #welcome2{
	width:260px; height:160px; text-decoration:none; 
	background:url(images/home_welcome_bg.gif) no-repeat;
}
#thirds #welcome3{
	width:260px; height:160px; text-decoration:none; 
	background:url(images/home_welcome_bg.gif) no-repeat;
}


#flashcontent{
	margin-top: 20px;
	width: 800px;
}
#newscontent{
	padding:10px 10px 10px 100px;
	font:14px/20px Arial, Helvetica, sans-serif;
	color:#CCC; 
}
#newsitemtop{
	width:821px; height:80px; margin:107px 0 0 0; 
	background:url(images/newsbg.jpg) no-repeat #666666;
}
#newsitem{
	width:821px; height:80px; margin:10px 0 0 0;  
	background:url(images/newsbg.jpg) no-repeat #666666;
}

/*
#rightPan p.more1 {
	background-color:#272727; color:#8C8C8B; padding:7px 0 13px 14px; width:821px; margin:0 0 0 0;
	}
#rightPan p.more1 a{
	background-color:#000000; color:#2BCB02; width:821px; display:block; font:14px/14px Arial, Helvetica, sans-serif;
	text-decoration:none; text-align:right; padding:0 3px;
	}
#rightPan p.more1 a:hover{
	color:#fff; background-color:#124D8C; text-decoration:none;
	}
#rightPan p.more2 {
	background-color:#151515; color:#8C8C8B; padding:7px 0 13px 14px; width:790px; margin:0 0 0 0;
	}
#rightPan p.more2 a{
	background-color:#000000; color:#2BCB02; width:800px; display:block; font:14px/14px Arial, Helvetica, sans-serif;
	text-decoration:none; text-align:right; padding:0 3px 0 0;
	}
#rightPan p.more2 a:hover{
	color:#fff; background-color:#124D8C; text-decoration:none;
	}

#rightPan ul{
	width:424px; display:block; margin:26px 0 0 0;
	}
#rightPan ul li{
	display:block; height:35px; padding:98px 0 0 0; float:left; width:141px;
	}
#rightPan ul li.time{
	display:block; background:url(images/time_manager.gif) no-repeat 0 0; height:35px;
	}
#rightPan ul li.time a{
	height:35px; background-color:#1C1C1C; border-bottom:#393939 1px solid; border-top:#393939 1px solid; 
	border-left:#393939 1px solid; display:block; font:14px/16px Arial, Helvetica, sans-serif; color:#FFFFFF;
	padding:0 39px 0 16px; text-decoration:none;
	}
#rightPan ul li.time a:hover{
	background-color:#080808; color:#2BCB02; text-decoration:none;
	}
#rightPan ul li.latest{
	display:block; background:url(images/latest.gif) no-repeat 21px 0; height:35px; 
	}
#rightPan ul li.latest a.la{
	height:35px; background-color:#1C1C1C; border-bottom:#393939 1px solid; border-top:#393939 1px solid; 
	border-left:none; display:block;  font:14px/16px Arial, Helvetica, sans-serif; color:#FFFFFF;
	padding:0 39px 0 37px; text-decoration:none; 
	}
#rightPan ul li.latest a.la:hover{
	background-color:#080808; color:#2BCB02; text-decoration:none;
	}
#rightPan ul li.what{
	display:block; background:url(images/what_news.gif) no-repeat 21px 0; height:35px; 
	}
#rightPan ul li.what a.wh{
	height:35px; background-color:#1C1C1C; border-bottom:#393939 1px solid; border-top:#393939 1px solid; 
	border-left:none; display:block;  font:14px/16px Arial, Helvetica, sans-serif; color:#FFFFFF;
	padding:0 39px 0 37px; text-decoration:none; border-right:#393939 1px solid;
	}
#rightPan ul li.what a.wh:hover{
	background-color:#080808; color:#2BCB02; text-decoration:none;
	}
*/
/* Style of the product listings 
TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}*/



/*-------------------------------footer---------*/
#footerMain{
	background:url(images/footer_bg.gif) repeat-x 0 0; width:100%;
	}	
#footer{
	background:url(images/footer.gif) no-repeat 0 0; height:97px; width:1000px; margin:0 auto 0 auto; padding:74px 0 0 0;
	}
#footer ul{
	width:446px; display:block; margin:0px 0 0 0px; padding:0; font-size:0; height:20px; list-style-type:none;
	}
#footer ul li{
	color:#9B9B9B; font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;  float:left; background-color:#0F0F0F;
	padding:0; margin:0;
	}
#footer ul li a{
	color:#9B9B9B; font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;  background-color:#0D0D0D;
	text-decoration:none; padding:0 6px 0 0px; 
	}
#footer ul li a:hover{
	text-decoration:underline;
	}
#footer p.copy{
	display:block; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#666; margin:0;
	padding:0; display:block;
	}
#footer p.copy a{
	text-decoration:underline; color:#CCC;
	}
#footer p.copy a:hover{
	text-decoration:none
	}