/* GENERAL */
body {
	margin: 0 auto;
	background-image: url(/images/bg-fade.jpg);
	background-repeat: repeat-x;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	line-height: 21px;
}
h1{
	margin: 0 0 10px 0;
	padding: 0;
	font-weight: 300;
	font-size: 24px;
	letter-spacing: -1px;
}
span{
	color: #7ac145;
}
select {
	color:#1d4c61;
	text-decoration: none;
	background: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
} 

option {
	color:#1d4c61;
	text-decoration: none;
	background: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
} 

textarea {
	color:#000000;
	font: normal 10px Arial, Helvetica, sans-serif;
	text-decoration: none;
	background: #ffffff;
	border: 1px solid #CCCCCC;
} 

input {
	color:#000000;
	text-decoration: none;
	background: #ffffff; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	cursor: hand;
}

/* HEADER */
#header{
	margin: 0 auto;
	width: 900px;
	height: 130px;
}
#logo{
	float: left;
}
#cartlinks{
	margin: 15px 0 0 0;
	float: right;
}

/* NAV BAR */
#navwrap{
	margin: 0 auto;
	padding: 0;
	width: 900px;
	height: 42px;
	background: url(/images/navbar.jpg) no-repeat;

}
#nav{
	margin: 0 0 0 20px;
	width: 600px;
	height: 42px;
	list-style: none;
	float: left;
}
#nav ul{
	height: 42px;
	list-style: none;
	display: inline;
}
#nav li{
	display:block;
	height: 42px;
	float: left;
}
#nav a{
	padding: 10px 20px 0 20px;
	color: #555;
	display: block;
	height: 30px;
	text-decoration: none;
	font-size: 14px;
}
#nav a:hover{
	background: url(/images/navbar-hover.jpg);
}

/* BANNER */
#banner{
	margin: 0 auto;
	margin-top: 8px;
	margin-bottom: 15px;
	width: 900px;
	height: 178px;
	background: url(/images/banner.jpg);
}

/* CAT TREE */

#cttop{height: 28px; width: 186px; background: url(/images/subnav-top.jpg) repeat-y; margin: 0; padding: 10px 0 0 15px; font-size: 12px; font-weight: bold; color: #ffffff;}
#ct{width: 201px; background: url(/images/subnav-bg.jpg) repeat-y; margin: 0; padding:0 0 0 15px; font-size: 12px; color: #666666;}
#ct a{font-size: 12px; color: #666666; text-decoration: none;}
#ct a:hover{color: #7ac145;}
#ctbottom{margin: 0 0 15px 0; height: 16px; width: 201px; background: url(/images/subnav-bottom.jpg) no-repeat}

/* HOME PRODS */
#homeprods{
	margin: 0;
	padding: 0;
}
#homeprods td{
	padding: 0 0 0 15px;
	width: 210px;
	height: 225px;
	background: url(images/prod-bg.jpg) no-repeat;
	font-weight: bold;
	line-height: 16px;
	vertical-align:top;
}
#homeprods a{
	font-size: 15px;
	color: #333;
	text-decoration: none;
}
#homeprods a:hover{
	color: #7ac145;
}
.prodwrap{margin: 15px 0 0 0; width: 190px; height: 35px;}
.prodlink{margin: 0; float: left;}
.prodprice{margin: 0; float: right; font-size: 15px; color: #ff6633;}
.prodthumb{margin: 0; width: 190px; text-align: center;}
.prodadd{margin: 15px 0 0 0; width: 190px;}.
.details{margin: 0 0 8px;}

#contentwrap{
	margin: 15px 0 0 0;
	width: 671px;
	background: url(images/content-repeat.jpg);
}
#content{
	padding: 20px;
	font-size: 12px;
	background: url(images/content-top.jpg) no-repeat top;
}
#contentbottom{
	margin: 0;
	width: 671px;
	height: 20px;
	background: url(images/content-bottom.jpg);
}

#contentwrap-l{
	margin: 15px 0 0 0;
	width: 900px;
	background: url(images/wide-content-repeat.jpg);
}
#content-l{
	padding: 20px;
	font-size: 12px;
	background: url(images/wide-content-top.jpg) no-repeat top;
}
#contentbottom-l{
	margin: 0;
	width: 900px;
	height: 20px;
	background: url(images/wide-content-bottom.jpg);
}








/* FOOTER */
#footer{
	margin: 30px 0 0 0;
	padding: 10px 0 0 0;
	height: 80px;
	background: #f6f6f6;
}
#footerlinks{
	margin: 0 auto;
	width: 900px;
	font-size: 10px;
	color: #666;
}
#footerlinks a{
	color: #666;
	text-decoration: none;
}
#footerlinks a:hover{
	color: #666;
	text-decoration: underline;
}


/* THUMBNAILS */
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background: #FFF;
padding: 5px;
left: -1000px;
visibility: hidden;
border: 1px solid #444444;
color: black;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -400px;
left: 60px; /*position where enlarged image should offset horizontally */

}

#contactform input{
	border: 1px solid #ccc;
}