/*----------------------------------------------------------
title:		master stylesheet
template:	00136
version:  	1.0
created:	may 2009
----------------------------------------------------------*/

@import 'reset.css';

body {
	margin: 0 auto;
	padding: 0 auto;
	background: #cbcbcb;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	line-height:18px;
	}
	
a {color:#339933; margin-bottom:5px;}
#container {
	margin: 0 auto;
	padding: 5px;
	width: 900px;
	}

/*////////// begin header //////////*/

#header {
	margin: 0;
	padding: 0 0 0 45px;
	width: 900px;
	height: 202px;
	background: url(../images/header.png) no-repeat;
	}
	
#logo {
	float: left;
	margin: 0;
	padding: 40px 0 0 0;
	width: 89%;
	height: 50px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 2.80em;
	font-weight: bold;
	color: #fff;
	line-height: 1.3;
	}
	
	
/*/ begin main navigation /*/
	
#nav {
	float: left;
	margin: 60px 0 0 -37px;
	padding: 0;
	width: 900px;
	}
	
#topNav {
	margin: 0;
	padding: 0;
	width: 900px;
	}

#topNav .left {
	float: left;
	margin: 0;
	padding: 0;
	}

#topNav .center .link {
	float: left;
	padding: 20px 0 0 0;
	margin: 0;
	width: 170px;
	height: 34px;
	text-align: center;
	background: url(../images/tab.png) no-repeat;
	}

#topNav .center .link a {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.40em;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	}

#topNav .center .link a:hover {
	color: #d2d2d2;
	}

#topNav .center .spacer {
	float: left;
	width: 0px;
	height: 35px;
	}

#topNav .right {
	float: left;
	width: 2%;
	}

/*/ end main navigation /*/
	
/*////////// end header //////////*/

/*////////// begin content //////////*/

#content {
	float: left;
	margin: 0;
	padding: 9px 0 0 8px;
	width: 900px;
	background: url(../images/content.png) repeat-y;
	}
	
#content-left {
	float: left;
	margin:0px;
	padding: 0;
	width: 190px;
	}
	
#content-middle {
	float: left;
	margin: 0;
	padding: 0;
	width: 510px;
	}

#content-right {
	float: left;
	margin: 0;
	padding: 0;
	width: 150px;
	}
	
/*////////// end content //////////*/

/*////////// begin footer //////////*/

#footer {
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	width: 900px;
	background: url(../images/footer.png) repeat-y;
	}

/*////////// end footer //////////*/
	
/* Category grid */
#categoryGrid h2 a{ 
	margin: 10px 0 20px 0;
color:#339933;
font-size:16px;
text-decoration:none;
	}

#categoryGrid h2 { 
	margin: 10px 0 20px 0;

	}

/* Product Grid  (Item Search Page) */

#productGrid table { width: 95%; }
#productGrid .photo { display: none; }
#productGrid .content-even3 {
	text-align: center;
	padding: 10px 0px;
	border: 1px solid #DDD;
}
#productGrid .content-odd3 {
	text-align: center;
	padding: 10px 0px;
	border: 1px solid #DDD;
}
#productGrid .options .form-label{
	clear: left;
	float: left;
	text-align: center;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#productGrid .options .form-field{
	float: left;
	text-align: center;
	width: 100%;
	margin: 0px;
	padding: 0px;
	padding-bottom: 10px;
}

#productGrid .details .sprice {
	width: 100%;
	font-size: 13px;
	font-weight: bold;
	margin-top: 6px;
	margin-bottom: 6px;
}

#productGrid .content-even3 div.title a,#productGrid .content-odd3 div.title a
{ font-size:14px; font-weight: bold; text-decoration:none; }

#productGrid .details {

}

#productGrid .details .sprice {
	font-size: 13px;
	font-weight: bold;
	padding: 0 5px;
}

#productGrid .details .buttons .detailBtn {
	background:url(../images/details_button.jpg);
	font-weight: bold;
	font-size: 10px;
	width: 80px;
	padding: 1px 0 4px 0;
	margin: 2px auto;
	height: 15px;
	text-align:center;
	vertical-align: middle;
}

#productGrid .details .buttons .detailBtn a {
	color: #FFFFFF;
	text-decoration: none;
}

#productGrid .details .buttons .detailBtn a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#productGrid .details .buttons .addToCartBtn {
	background:url(../images/add_to_cart_button.jpg) no-repeat center center;
	font-weight: bold;
	font-size: 10px;
	width: 100px;
	padding: 1px 0 4px 0;
	margin: 2px auto;
	height: 15px;
	text-align:center;
}

#productGrid .details .buttons .addToCartBtn a {
	color: #FFFFFF;
	text-decoration: none;
}

#productGrid .details .buttons .addToCartBtn a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#btmoptions { clear: both; }

/* Product List */
#productList .options {
   width: 20%;
	float: right;
	margin-top: 3px;
}

#productList .options .form-label {
	width:30px;
	text-align: right;
	padding: 3px 0;
	float:left; 	
	font-weight:bold;
}

#productList .options .form-field {
	text-align: right;
	float: right;
	width:60px;
	padding: 0px;
}

#productList .photo { display:none; } 

#productList .content-even1 {
	display: block;
	position: relative;
	float: left;
	text-align: left;
	width: 470px;
	padding: 5px;
	.height: 50px;
	min-height: 50px;
}

#productList .content-odd1 {
	display: block;
	position: relative;
	float: left;
	text-align: left;
	width: 470px;
	background-color: #EEEEEE;
	padding: 5px;
	.height: 50px;
	min-height: 50px;
}

#productList .content-even1 div.title a,#productList .content-odd1 div.title a
{ font-size:14px; text-decoration:none; font-weight: bold; }

#productList .details {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 200px;
}

#productList .details .sprice {
	font-size: 13px;
	font-weight: bold;
	text-align: right;
	padding: 0 5px;
		margin-top: 6px;
	margin-bottom: 6px;
}

#productList .details .buttons .detailBtn {
	background:url(../images/details_button.jpg);
	font-weight: bold;
	font-size: 10px;
	float: right;
	width: 80px;
	padding: 1px 0 4px 0;
	margin: 2px;
	height: 15px;
	text-align:center;
	vertical-align: middle;
}

#productList .details .buttons .detailBtn a {
	color: #FFFFFF;
	text-decoration: none;
}

#productList .details .buttons .detailBtn a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#productList .details .buttons .addToCartBtn {
	background:url(../images/add_to_cart_button.jpg) no-repeat center center;
	font-weight: bold;
	font-size: 10px;
	float: right;
	width: 100px;
	padding: 1px 0 4px 0;
	margin: 2px;
	height: 15px;
	text-align:center;
	vertical-align: middle;
}

#productList .details .buttons .addToCartBtn a {
	color: #FFFFFF;
	text-decoration: none;
}

#productList .details .buttons .addToCartBtn a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}



/* Product Detail */
#productDetail .form-label {
	font-weight: bold;
	width: 150px;
	float:left;
}

#productDetail .form-field { }

#productDetail #price {
	font-size: 13px;
	font-weight: bold;
	text-align:left;
	margin-bottom:5px;
}

/* Category List */
#categoryList #categoryDescription {
	float: left;
	clear: left;
	margin-bottom: 10px;
	border: 1px solid #FFFFFF;
	width: auto;
	height: auto;
}
#categoryList .content-odd1 {

	text-align: keft;
	vertical-align: top;
	padding: 8px;
	margin-top:	15px;
	width: 460px;
	float: left;
}

#categoryList .content-even1 {
	text-align: left;
	vertical-align: top;
	padding: 8px;
	margin-top:	5px;
	width: 460px;
	float: left;
}

#categoryList .title {
	margin-top: 8px;
	margin-bottom: 8px;
	text-align: left;
	float: left;
	clear: both;
	width: 100%;
}

#categoryList .title a {
	font-size: 14px;
	text-decoration: underline;
	font-weight: bold;
	line-height: 16px;
}

#categoryList .title a:hover {
	text-decoration: none;
}


#categoryList h2 a {font-size:14px;margin-bottom:10px; }

/* Category Grid */
#categoryGrid .content-odd3 {
	border: 1px dotted #D9D9D9;
	text-align: center;
	vertical-align: top;
	padding: 5px;
	margin:	5px;
	width: 100px;	
}

#categoryGrid .content-even3 {
	border: 1px dotted #D9D9D9;
	text-align: center;
	vertical-align: top;
	padding: 5px;
	margin:	5px;
	width: 100px;
}

#categoryGrid {
	text-align: left;
	margin: 4px 4px 4px 5px;
	width: 480px;
}

#productPhotos { display: none; }

#content-middle #productDetail h2 { font-size: 14px; margin-bottom: 10px; color: #339933; }