/* CSS Document */

body, html { margin: 0; padding: 0 }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background: #000000 url(../images/cats-background.jpg) repeat-x;
	padding-top: 8px;
	}
	
#page-container {
	width: 800px;
	margin: auto;
/*	background-color: #FFFFFF;*/
	background-color: #333333;
	}	
	
#header-wrap {
	background: url(../images/header-background.jpg) repeat-x;
	height: 94px;
	}
	
.logo-wrap {
	float: left;
	width: 202px;
	}
	
.brand-wrap {
	float: right;
	width: 508px;
	}
	
ul#brandlist { 
	margin: 0;
	padding: 0px 0 20px 0;
	}
	
ul#brandlist li {
	float: left;
	display: block;
	list-style: none;
	}				
	
#navigation-wrap {
	background: url(../images/navigation_background.jpg) repeat-x;
	height: 35px;
	margin: 0;
	padding: 0;
	}
	
#navigation-wrap ul#navlist {
	padding: 0px 0px 0px 20px;
	width: 780px;
	margin: 0;
	}		
	
#navigation-wrap ul#navlist li {
	float: left;
	display: block;
	list-style: none; 
	}
	
#navigation-wrap ul#navlist li a {
	display:block;
	padding: 10px;
	color: #FFF;
	text-decoration: none;
	margin: 0px 20px 0 20px;
	}	
	
#navigation-wrap ul#navlist li a:hover {
	border-bottom: 1px #FFF dotted;
	}
	
#banner-wrap {
	background-color: #333333;
	}
	
#welcome-wrap {
	background: #e7ecf0 url(../images/content-bg.jpg) repeat-x top;
	height: 152px;
	text-align: center;
	padding: 15px;
	color: #333333;
	}
	
#welcome-wrap h2 {
	font-size: 18px;
	font-weight: bold;
	color:#333333;
	padding: 0;
	margin: 0;
	}	
	
#content-pad {
	width: 650px;
	margin: auto;
	}	
	
#bodycontent-wrap {
	background: #e7ecf0 url(../images/content-bg.jpg) repeat-x top;
	text-align: left;
	padding: 15px;
	color: #333333;
	min-height: 450px;
	height: auto !important;
	}


/* ====================================== */

#content-wrap {
	background-color: #333333;
	padding: 15px;
	color:#333333;
	min-height: 450px;
	height: auto !important;

	}
	
#content-wrap h2 {
	font-size: 18px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	}

#content-wrap .titleMenu { font-size: 18px; color: #FFFFFF; padding: 10px; float:left; width: 350px; }
#content-wrap .sortMenu { float:right; width:250px; padding-top: 8px; }

#prod-main { margin:auto;  width: 750px; background-color: #FFFFFF; text-align: left; font-size: 12px; }

#prod-main img { border: #666666 1px solid; }

.prodlist-header {	background: url(../images/prod_header.jpg) repeat-x;	height: 31px; padding-left: 15px; font-weight: bold; }
.prodlist-padwrap { padding: 8px; vertical-align: top; }
.prodlist-alternate { background-color: #f4f4f4; padding: 8px; vertical-align: top;}
#prodlist-photo { width: 100px; }
#prodlist-desc { width: 250px; }
#prodlist-year { width: 100px; }
#prodlist-price { width: 150px; }



#prod-left { float: left; width: 275px; color: #000000;}
#prod_description { overflow: auto; height: 500px; width: 275px; color: #000;  }
.prod_descwrap  { width: 240px; background-color: #e4e4e4; padding: 8px;  }
#prod_description h2 { padding-bottom: 15px; color: #000000; }

ul#prod-specs {
width: 240px;
	margin: 0;
	padding: 0;
	font-size: 12px;
	
	}
	
ul#prod-specs li{
	color: #000000;
	padding: 0 0 3px 3px;
 	font-size: 11px;
	}	


#prod-right { float: right; padding-left: 8px; }
#featuredGallery { padding-top: 8px; }

#prod-right  h2 {
	font-size: 18px;
	color: #FFFFFF; }
	
#prod-right .post-date { color: #333333/*d8f2ff*/; font-style: italic; }

#calculator-wrap { padding-top: 15px ; color: #FFFFFF; }
#calculator-wrap h3 { font-size: 14px; font-weight: bold; margin: 0; padding: 0; }
.calculator-header { padding: 5px; background-color: #999999; color:#000000; font-size: 12px; }
.calculator-pad { padding: 8px 8px 15px 8px; }
.txtDownpayment { width: 100px; }
	
/* ====================================== */
.clearpad { clear: both; }

#widget-wrap { clear: both; background-color: #333333; margin-top: 5px; }
	
ul#widget-box {
	margin: 0;
	padding: 0;
	width: 790px;
	margin:auto;
	}
	
ul#widget-box li {
	width: 260px;
	display: block;
	margin-right:3px;
	float: left;
	}	
ul#widget-box li h2 {
	background: url(../images/box-widget.png) no-repeat;
	height: 19px;
	margin: 0;
	padding: 5px 5px 5px 10px;
	font-size: 14px;
	color: #FFFFFF;
	}

/*.widget-bg {
	background: #e8edf1 url(../images/widget-bg.jpg) repeat-x;
	width: 228px;
	display: block;

	padding: 15px 15px 10px 15px;
	min-height: 200px;
	height: auto !important;
	/* height: 178px; */
	/*border: 1px #8a95ad solid;
	color: #383838; }*/
	
.widget-bg {
	background: #e8edf1 url(../images/widget-bg.jpg) repeat-x;
	width: 228px;
	display: block;
	padding: 15px 15px 10px 15px;
	height: 200px;
	#height: 200px;
	-height: 225px;
	
	/*height: auto !important;
	 height: 178px; */
	border: 1px #8a95ad solid;
	color: #383838; }
		
	
	
	
#widget-wrap form { padding: 0; margin: 0; }	
.txtBoxes { width: 130px; }	
.txtMessage { width: 130px; height: 30px; }
.submitbtn { background-color: #000000; color:#FFFFFF; }

/* ================ FOOTER GOES HERE ======================== */
	
#footer-wrap {
	background: url(../images/footer-background.jpg);
	height: 50px;
	width: 800px;
	}
	
.footer-address {
	margin: auto;
	width: 650px;
	text-align: center;
	color: #83bad6;
	padding: 10px;
	}	
.footer-address a {
color:#83BAD6;
text-decoration:none;
}

#footer-copyright {
	background-color: #9a9a9a;
	text-align: center;
	padding: 5px;
	}