/**************************************** 
 CARBIDE WORLD WEBSITE
 
 Developed by: Aaron Pariona
 Created: 11/10/09
 Modified: 11/11/09
 ****************************************/
 
 	/* global */
	body { background-color: #f8f6f0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 80%;
	margin: 0; padding: 0; }
	h1, h2, h3, h4, p { margin: 0; padding: 0; }

	/* masthead */
	#mastheadBack { background-image: url(../old/img/main/mastheadBackGrad.gif); background-repeat: repeat-x; height: 150px;  width: 100%; }
	#masthead { background-image: url(../old/img/main/mastheadBack.jpg); background-repeat: no-repeat; height: 150px; margin: 0 auto; width: 900px; }
	#masthead h1 { margin: 0; padding: 0; text-indent: -3000px;}
	
	/* order now button */
	#masthead .orderBtn { display: block; width: 196px; height: 68px; margin: 10px 0 0 674px; padding: 0;
	background: url(../old/img/main/order_now2.jpg) no-repeat 0 0; text-indent: -3000px;}
	#masthead .orderBtn:hover { background-position: 0 -68px; }
	
	/* navigation */
	#navBack { background-image: url(../old/img/main/navBackGrad.gif); background-repeat: repeat-x; height: 55px; width: 100%; }
	#nav { background: url(../old/img/main/navBack.jpg) repeat-x; height: 55px; margin: 0 auto; width: 900px; font-weight: bold;}
	ul.topnav { list-style: none; padding: 20px 0 0 30px; margin: 0; float: left; width: 600px; }
	ul.topnav li { float: left; margin: 0; padding: 0 10px 0 0; position: relative; /*--Declare X and Y axis base--*/ }
	ul.topnav li a{ padding: 10px 5px; color: #333; /*--link color--*/ display: block; text-decoration: none; float: left; }
	ul.topnav li a:hover{ background: url(../img/topnav_hover.gif) no-repeat center top; color: white; }
	ul.topnav li span { /*--Drop down trigger styles--*/ width: 17px; height: 35px; float: left; background: url(../old/img/main/subnav_btn.gif)
	no-repeat center top; }
	ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
	ul.topnav li ul.subnav { list-style: none; position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px; background: #333; margin: 0; padding: 0; display: none; float: left; width: 170px;
	-moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; 
	-webkit-border-bottom-right-radius: 5px; border: 1px solid #cdb685; }
	ul.topnav li ul.subnav li{ margin: 0; padding: 0; border-top: 1px solid #d0cab2; /*--Create bevel effect--*/
	border-bottom: 1px solid #d0cab2; /*--Create bevel effect--*/ clear: both; width: 170px; }
	html ul.topnav li ul.subnav li a { float: left; width: 145px; background: #eee7cb url(../old/img/main/dropdown_linkbg.png) no-repeat 10px 
	center; padding-left: 20px; }
	html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background-color: #807254; background-image: url(../img/dropdown_linkbg.gif); background-repeat: no-repeat; background-position: 10px 
	center; }
	
	/*seach box */
	#searchBox { padding: 25px 0 0 0; width: 270px; float: right; }
	
	/* featured product */
	#featuredBack { background-image: url(../old/img/main/featuredGrid.gif); background-repeat: repeat-x; height: 375px; width: 100%; }
	#featured { background-image: url(../old/img/main/featuredBack.jpg); height: 375px; margin: 0 auto; width: 900px; }
	#featuredText { color: white; line-height: 1.8em; padding: 100px 0 0 210px; }
	#featuredText .detailBtn { color: #333; display: block; width: 95px; height: 30px;
	background: url(../old/img/main/detailsBtn.gif) no-repeat 0 0; text-indent: -3000px;}
	#featuredText .detailBtn:hover { background-position: 0 -30px; }
	
	/* best seller */
	#bestSellerBack { background-image: url(../old/img/main/bestSellerGrad.gif); background-repeat: repeat-x; height: 180px; width: 100%; }
	#bestSeller { background-image: url(../old/img/main/bestSeller.jpg); height: 180px; margin: 0 auto; width: 900px; }
	
	/* jcarousel */
	#list { height:140px; width:900px; }
	.slider { float:left; left: -5000px;  margin: 37px 20px 0 20px; position:relative; visibility:hidden; }	
	.slider ul { height:100px; width:600px; }
	.slider ul li { padding:0 20px; }
	.slider ul li img {	cursor:pointer; height:143px; padding-top:3px; width:160px; border: 0; }
	.prev {	cursor:pointer; float:left; padding-top: 90px; }
	.next { cursor:pointer; float:right; padding-top:90px; }
	
	/* caption */
	.caption-top, .caption-bottom { background: #000; color: #ccff66; font-weight: bold; cursor:default; padding:10px;
	font-size:11px; }
	.caption-top { border-width:0px; } 
	.caption-bottom { border-width:0px; }
	.caption a, .caption a { background:#000; border:none; text-decoration:none; padding:2px; }
	.caption a:hover, .caption a:hover { background:#202020; }
	
	/*footer */
	#footer { width: 900px; margin: 0 auto; font-weight: bold; }
	#footer ul { display: inline; }
	#footer ul li { list-style: none; display: inline; float: right; padding: 10px 15px; }
	#footer a { color: #333; }
	#footer a:hover { color: #025697; }
	#footer p { font-size: 11px; margin: 30px 0 0 170px; color: #8c8c8c; }