@import "reset.css";
@import "text.css";



a { text-decoration:none;}

html, body{
	background: #fff url(../images/bg.gif) top repeat-x ;
	margin: 0px;
	color: #666;
}

h1 {color: #F63; margin-top:10px;}
h2 {color: #3399ff;}

.imgleft {
float: left;
border:#999 solid 0px;
padding: 5px;
}

.browseleft {
float: left;
border:#999 solid 0px;
padding: 5px;
}

.browse {
border:#999 solid 0px;
padding: 5px;
}



#wrapper{
	width: 900px;
	margin: 0 auto;
	text-align: left;
	padding: 0px 0 0 0;	
	}

#toprow {
	height:144px;
	margin-top:5px;
	background:#FFF  url(../images/toprowbg.gif) top no-repeat ;
	}
	
#logo { 
	width: 445px;
	height: 103px;
	float: left;	
	 }	

#feature {	
	margin-top: 8px;
	height:270px;
	} 	
	
	
#cartlogin {
	float:right;
	color: #999;
	font-size:10px;
	margin-top:10px;
	margin-right:0px;
	height:20px;
	}	
	
#cartlogin a{

	color:#09F;

	}	
	
#cartlogin input{
	size:20px;
	font-size:10px;
	color:#999;
	border:#f6dcbc 2px solid;
	}		
		
	
.featureleft {
	float:left;
	padding-left: 25px;
	}	

.featureright {
	text-align:left;
	margin-left: 360px; /*Set left margin to LeftColumnWidth*/
	border:#639 0px solid; /*for trouble shooting*/
	padding-top: 15px;
	padding-left: 25px;
	width: 500px;
	}

#feature h2{ 
text-align:left;
padding-top: 25px;
padding-left: 25px;
	}

#featurebar {	
	margin-top: 8px;
	} 	


#slideShow {width: 900px;height: 270px;overflow: hidden;position: relative}

#homeusp {
	background:url(../images/bottombghome.jpg);
	height:240px;
	} 	

#usp {
	overflow:hidden;
	padding:0; /* reset inherited pading-right:10px from ul tag */
	width:900px;
	height: 206px;
	}
	#usp li {
		float:left;
		list-style:none;
		}
		#usp li h2 {
			line-height:20px;
			padding:0 15px 10px 20px;
			}
		#usp li p {
			line-height:18px;
			padding:0 15px 0 20px; 
			}
		#usp li p  a{
			line-height:78px;
			font-size:10px;
			font-weight:bold;
			color:#b76402;
			}			
		
#usp1{
	color: #f86438;
	font-family: Verdana, Geneva, sans-serif, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:16px;
	margin-top:100px;
	margin-bottom:0px;
	margin-right:0px;
	width:225px;
	margin-left:0px;}
	
#usp2{
	color: #f86438;
	font-family: Verdana, Geneva, sans-serif,"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:16px;	
	margin-top:100px;
	margin-bottom:0px;
	margin-right:0px;
	width:225px;
	margin-left:60px;}
	
#usp3{
	color: #f86438;
	font-family: Verdana, Geneva, sans-serif, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:16px;	
	margin-top:100px;
	margin-bottom:0px;
	margin-right:0px;
	width:225px;
	margin-left:120px;}	

#content {
	margin: 0px;
	text-align:left;
	}


.boxtop {
	background:#fff url(../images/boxtop.png) top center no-repeat; 
	height: 58px;
	margin: 0px;
	text-align:left;
	}
	
.boxtop h2 {
	padding-top: 10px;
	padding-left: 15px;
	color:#33ccff;
	font-size:18px;	
	}	
.boxmid {
	background:#fff url(../images/boxmid.png) top center no-repeat; 
	height: 129px;
	margin: 0px;
	text-align:left;
	padding-left:15px;
	padding-right:15px;
	}
.boxmidfloat {
	float:left;
	}	
.boxbott {
	background:#fff url(../images/boxbott.png) top center no-repeat; 
	padding-left:15px;
	text-align:left;
	margin-top: -20px;
	}	
.boxlink {
	display: block;
	color:#33ccff;
	text-align:right;
	padding-top: 10px;
	}		
	
#maincontent {
	margin-left: 265px; /*Set left margin to LeftColumnWidth*/
	border:#639 0px solid; /*for trouble shooting*/
	padding-top: 15px;
	padding-left: 25px;
	width: 606px;
	}
	
#maincontent2 {
	margin-left: 265px; /*Set left margin to LeftColumnWidth*/
	border:#639 0px solid; /*for trouble shooting*/
	padding-top: 0px;
	padding-left: 25px;
	width: 606px;
	}	

h3 {
	font-size:18px;
	color:#666;
	padding-left: 25px;
	padding-top: 10px;
	}

#maincontent ul {
	font-size:12px;
	padding-left: 15px;
	}

#maincontent p{
	padding-left: 5px;
	padding-right: 25px;
	}

#maincontent a{
	color:#09F;
	}
	
	
#leftcolumn {
	float:left;
	padding-left: 0px;
	padding-top: 0px;	
	width: 265px; /*Width of left column*/
	 /*Set left margin to -(MainContainerWidth)*/	
	}	


#footerbottom {
	background: url(../images/footerbg.jpg) top center no-repeat;
	height:20px;
	margin-top: -20px;
	padding: 0 px;	
	}

.navigation{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif 11px;
	background:#f6dcbd;
	margin: 90px 0 0 270px;
	float: left;
	list-style: none;	
}


.navigation li{
	float: left;
	margin-left:1px;
}
.navigation li a{
	display: block;
	color: #666;	
	font-weight: normal;
	font-size: 14px;
	text-decoration: none;	
}
.navigation li a:hover{
	display: block;
	color:#33ccff;
	font-weight: normal;
	font-size: 14px;
	text-decoration: underline;
}

#nav1 {margin:0px;}

#nav1 a{ background:url(../images/nav-home.gif) no-repeat; 
width: 94px;
height: 54px;
margin:0px;}

#nav1 a:hover{ background:url(../images/nav-home.gif) 0 -54px no-repeat; 
width: 94px;
height: 54px;
margin:0px;}


#nav1sel {margin:0px;}

#nav1sel a:hover{ background:url(../images/nav-home.gif) no-repeat; 
width: 94px;
height: 54px;
margin:0px;}

#nav1sel a{ background:url(../images/nav-home.gif) 0 -54px no-repeat; 
width: 94px;
height: 54px;
margin:0px;}




#nav2 {margin-left:1px;}

#nav2 a{ background:url(../images/nav-about.gif) no-repeat; 
width: 149px;
height: 54px;
margin:0px;}

#nav2 a:hover{ background:url(../images/nav-about.gif) 0 -54px no-repeat; 
width: 149px;
height: 54px;
margin:0px;}


#nav2sel {margin-left:1px;}

#nav2sel a:hover{ background:url(../images/nav-about.gif) no-repeat; 
width: 149px;
height: 54px;
margin:0px;}

#nav2sel a{ background:url(../images/nav-about.gif) 0 -54px no-repeat; 
width: 149px;
height: 54px;
margin:0px;}



#nav3 {margin-left:1px;}

#nav3 a{ background:url(../images/nav-shop.gif)  no-repeat; 
width: 120px;
height: 54px;
margin:0px;}

#nav3 a:hover{ background:url(../images/nav-shop.gif) 0 -54px no-repeat; 
width: 120px;
height: 54px;
margin:0px;}


#nav3sel {margin-left:1px;}

#nav3sel a:hover{ background:url(../images/nav-shop.gif)  no-repeat; 
width: 120px;
height: 54px;
margin:0px;}

#nav3sel a{ background:url(../images/nav-shop.gif) 0 -54px no-repeat; 
width: 120px;
height: 54px;
margin:0px;}

#nav4 {margin-left:1px;}

#nav4 a{ background:url(../images/nav-private.gif) no-repeat; 
width: 143px;
height: 54px;
margin:0px;}

#nav4 a:hover{ background:url(../images/nav-private.gif) 0 -54px no-repeat; 
width: 143px;
height: 54px;
margin:0px;}

#nav4sel {margin-left:1px;}

#nav4sel a:hover{ background:url(../images/nav-private.gif) no-repeat; 
width: 143px;
height: 54px;
margin:0px;}

#nav4sel a{ background:url(../images/nav-private.gif) 0 -54px no-repeat; 
width: 143px;
height: 54px;
margin:0px;}



#nav5 {margin-left:1px;}

#nav5 a{ background:url(../images/nav-contact.gif) no-repeat; 
width: 107px;
height: 54px;
margin:0px;}

#nav5 a:hover{ background:url(../images/nav-contact.gif) 0 -54px no-repeat; 
width: 107px;
height: 54px;
margin:0px;}


#nav5sel {margin-left:1px;}

#nav5sel a:hover{ background:url(../images/nav-contact.gif) no-repeat; 
width: 107px;
height: 54px;
margin:0px;}

#nav5sel a{ background:url(../images/nav-contact.gif) 0 -54px no-repeat; 
width: 107px;
height: 54px;
margin:0px;}



.padding{
	padding:20px;

}



.sidenav{
	background:#fff;
	float: left;
	list-style: none;	
}


.sidenav li{
	float: left; 
	background:url(../images/sidebar-navbg.gif) no-repeat; 
	width: 265px;
	height: 39px;
	
	
}
.sidenav li a{
	display: block;
	color: #b76402;	
	text-align:left;	
	font-size: 12px;
	text-decoration: none;	
}
.sidenav li a:hover{
	display: block;
	color:#fff;
	text-decoration: none;
	background:url(../images/sidebar-navbg.gif) 0 -39px no-repeat; 
	width: 265px;
	height: 39px; 	
}

.sidenav1 {margin:0px;}

.sidenav1 a{ padding:10px;
}


span { display:none;}

	
#bottomnav{
	margin: 20px;
	font-size: 13px;
	text-align:left;
	}

#bottomnav p a{
	color:#F90;
	font-size:12px;
	}



	
/*dev */
a.folioroll 
{ width: 171px;  height: 60px; background: url("../images/portfolio.png") 0 0 no-repeat;  text-decoration: none;}
  
a:hover.folioroll 
{background: url("../images/portfolio.png") 0 0 no-repeat;  opacity:0.6;}

	
	
#footer{
	background: #213c0e;
	padding: 20px 25px 10px 20px;
	text-align: center;
	color: #fff;
	margin: 0 0 30px 0;
	border-top: 1px solid #0E0A07;
}

#footer a{
	font-size:11px;
}	

#contentwrapper2{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 340px; /*Set left margin to LeftColumnWidth*/
}

#leftcolumn2{
float: left;
width: 340px; /*Width of left column*/
margin-left: -891px; /*Set left margin to -(MainContainerWidth)*/}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

/*-------Contact Form-------*/
/*----------------------------------*/
div.grey{
/*background: #e3e3e3;
border:solid 1px #ccc;*/

	background:#f6dcbc;
	border:#ffb155 solid 1px;
}
div.contact-form{
margin: 0 0 20px 0;
width:100%; 	
}
div.contact-form h3{
	color: #333;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 20px;
	margin: 0 0 18px 0;
	width:100%;
}
div.contact-form p{
	font-family: Arial, sans-serif; 
	line-height: 16px; 
	margin: 9px 0 0 0;
}
div.contact-form p.success{background:#97cca4;color:#000; font-weight:bold; border:dashed 1px #00CC33; padding: 8px; margin-bottom:10px;}
div.contact-form p.fail{background:#f6b6b6;color:#000; font-weight:bold; border:dashed 1px #f63434; padding: 8px; margin-bottom:10px;}

div.contact-form input.text{
	border: none;
	background: none;
	background:#fff;
	color: #333;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	border: solid 1px #999;
	margin: 5px 0 5px 0;
	padding: 5px 3px 5px 3px;
	width: 80%;
}
textarea{
	color: #333;
	border: solid 1px #999;
	font-size: 12px;
	font-family: Arial, sans-serif;
	height: 55px;
	margin: 5px 0 5px 0;
	padding: 5px 3px 5px 3px;
	width: 95%;}

div.contact-form input.submit{
	background: none;
	background: url(../images/bg-submit3.gif) top left no-repeat;
	border: none;
	color: #fff;
	cursor: pointer;
	display: block;
	font-size:14px;
	height: 50px;
	margin: 10px 0 0 0;
	text-align: center;
	width: 250px; }
	
div.contact-form input.submit:hover{
background-position: bottom left;
}

/*CART ADD ONS*/

.cartimg {
float: left;
width:250px;
height:320px;
overflow:hidden;
background:#FFF;
border:#f4b963 solid 5px;
margin-right: 30px;
}

.cartdesc {
width: 590px;
border:#999 solid 0px;
}


.cartdesc ul{
	padding:0; /* reset inherited pading-right:10px from ul tag */
	margin-top: 15px;
}

.cartdesc ul li{
width:300px;
margin-left:300px;
}


.MenuTable{
	background:#f6dcbc;
	border:#ffb155 solid 1px;
	}
	
.MenuTable td{
	padding:10px;
	}
		
.dgtable{
	background:#f6dcbc;
	border:#ffb155 solid 1px;
	}
	
.dgtable td{
	padding:10px;
	}	
	
.dgheader{
	background:#ffb155 ;
	padding:10px;
	color:#fff;
	}	
	
.dgheader th{
padding:10px;
	}		
	
.checkout {
	background:#f6dcbc;
	border:#ffb155 solid 1px;
	padding:10px;
	
	}	
	
select {
	width:295px;
	}	
	

.divline {
	border-top:#ff9933 1px solid;
	width:605px;
	}