@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #000000;
	margin: 0; 
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #eeeeee;
}
.oneColFixCtrHdr #container {
	width: 959px; 
	background: #000000;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

/*------ layout Accessible text  ------*/
.hideText { float: left; text-indent: -3000em; padding:0; margin:0;
}

#header {
	background: url(../images/new/header2.png) 0 0 no-repeat; width: 959px; height: 237px;
}
#buyonline { background:url(../images/new/buyonline.png) 0 0 no-repeat; width: 859px; height:53px;
}
#about { background:url(../images/new/about.png) 0 0 no-repeat; width:859px; height:53px;
}
#products { background:url(../images/new/products.png) 0 0 no-repeat; width:859px; height:53px;
}
#pricelist { background:url(../images/new/pricelist.png) 0 0 no-repeat; width:859px; height:53px;
}
#contact { background:url(../images/new/contact.png) 0 0 no-repeat; width:859px; height:53px;
}

.oneColFixCtrHdr #mainContent {
	padding:0;
	margin:0;
	background: #000000;
}
#contentContainer {
	padding:20px 40px;
}
#contentContainer img { padding: 10px 0; border:0;
}
table.productDetail { padding:0; margin:0; border:0;
}
td.productDetailimg { padding: 0 20px 0 0; border:0; vertical-align:top;
}
td.productDetailtxt { vertical-align:text-top;
}
.product { padding:15px; margin:0; width: 170px; display:inline; 
}
#product ul{
	margin: 0; padding: 0; display: inline; list-style-type: none; 
}
.productSection {
	float:left;	margin: 0;	padding: 0 10px 0 0; display: inline;	list-style-type: none; width: 170px; height:270px; overflow:hidden;
}
.productProduct {
	float:left;	margin: 0;	padding: 0 10px 0 0; display: inline;	list-style-type: none; width: 170px; height:249px; overflow:hidden;
}


.oneColFixCtrHdr #footer {
	padding: 5px 0 0 40px;
	background:#000000 url(../images/new/footer.png) 0 0 no-repeat;
	clear:both;
}
.oneColFixCtrHdr #footer p {
	margin: 0; 
	padding: 10px 40px 20px 0;
	text-align:left;
	color:#666666;
}
.oneColFixCtrHdr #footer a { color: #666666; text-decoration: underline;
}
.oneColFixCtrHdr #footer a:hover { text-decoration: none;
}
div.battens { width: 300px; padding:45px; 
}

.rightImg img { float: right; padding: 0 10px 10px 20px;
}
.imgMiddle img {vertical-align:middle;
}
.right { float: right; padding: 0;
}
td.address { vertical-align: top;
}

/*----------------- FONTS -----------------*/

p, ul, td, th { font-size: 0.8em; color:#e0e0e0;
}
/*td { font-size: 1em;
}*/
th { font-weight: bold; color:#f09f5e;
}

td p, td td { font-size:1em;
}
ul { list-style-type:none; list-style-image:url(../images/new/bullet.png);
}
.crumb { color:#aaaaaa;
}
a {color:#f09f5e;
}
a:hover { text-decoration: none;
}
.productTitle {font-size: 1em; color: #f09f5e; font-weight: bold;
}
.strong { font-weight: bold;
}
span.title {text-align:center;
}
h1, h2, h3 {font-size: 1.1em; font-family:Geneva, Arial, Helvetica, sans-serif; color: #f09f5e;
}
#totalprice { width: 500px; height: 28px; background:url(../images/new/totalprice.png) 0 0 no-repeat #000000;
}
#totalprice h4 { font-size: 1.5em; font-family:Geneva, Arial, Helvetica, sans-serif; color: #f09f5e; color:#FFFFFF; line-height: 30px; margin-left: 160px;
}
.update { width: 123px; height: 40px; background:#000000 url(../images/new/update.png) 0 0 no-repeat; border:0; cursor: hand;
}
#continue { width: 144px; height: 40px; background:#000000 url(../images/new/continue.png) 0 0 no-repeat; border:0;
}
input, select, textarea { border:#f09f5e 1px solid; margin: 0 0 4px 0; color:#FFFFFF; background-color:#000000;
}
textarea {scrollbar-highlight-color: red; scrollbar-3dlight-color: blue; scrollbar-darkshadow-color: green; scrollbar-track-color: pink; scrollbar-face-color: tan; scrollbar-arrow-color: yellow;
}
.noborder  { border:0;
}
.pent img { float: right; 
}
td { vertical-align:top; font-weight: normal; text-align: left;
}
.name {color:#f09f5e;
}
.hr { background:url(../images/rule.png) 0 0 repeat-x; height: 20px; width: 890px;
}
.hr hr { display: none;
}
.leftAlign { text-align:left;
}

.oneColFixCtrHdr #pics {width: 640px; position:absolute; top:100px; height:113px; padding:0; margin: 0 0 0 20px;
}

/*--------------------- NAVIGATION ------------------------*/

.oneColFixCtrHdr #nav { width: 525px; position:absolute; top:10px; height:57px; padding:0; margin: 0 0 0 460px;
}

/* original ------------
.oneColFixCtrHdr #nav { width: 358px; position:absolute; top:10px; height:57px; padding:0; margin: 0 0 0 590px;
--------------------}*/



.mainNav { float:left; text-indent: -3000em;
}/* hide text */

#nav ul{
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}



#nav_home, #nav_about, #nav_products, #nav_services, #nav_pricelist, #nav_contact, #nav_sheds {
	float:left;
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

#nav_home a { display:block; width:64px; height:57px; margin: 0; padding: 0; background: url("../images/new/nav_home.gif") 0 0 no-repeat;
}
#nav_home a:hover, #nav_home a.active{ background-position: 0 -57px;
}

#nav_about a { display:block; width:70px; height:57px; margin: 0; padding: 0; background: url("../images/new/nav_about.gif") 0 0 no-repeat;
}
#nav_about a:hover, #nav_about a.active{ background-position: 0 -57px;
}

#nav_products a { display:block; width:74px; height:57px; margin: 0; padding: 0; background: url("../images/new/nav_products.gif") 0 0 no-repeat;
}
#nav_products a:hover, #nav_products a.active{ background-position: 0 -57px;
}

#nav_sheds a { display:block; width:98px; height:57px; margin: 0; padding: 0; background: url("../images/new/nav_sheds.gif") 0 0 no-repeat;
}
#nav_sheds a:hover, #nav_sheds a.active{ background-position: 0 -57px;
}

#nav_services a { display:block; width:63px; height:57px; margin: 0; padding: 0; background: url("../images/new/nav_services.gif") 0 0 no-repeat;
}
#nav_services a:hover, #nav_services a.active{ background-position: 0 -57px;
}

#nav_pricelist a { display:block; width:69px; height:57px; margin: 0; padding: 0; background: url("../images/new/nav_pricelist.gif") 0 0 no-repeat;
}
#nav_pricelist a:hover, #nav_pricelist a.active{ background-position: 0 -57px;
}

#nav_contact a { display:block; width:81px; height:57px; margin: 0; padding: 0; background: url("../images/new/nav_contact.gif") 0 0 no-repeat;
}
#nav_contact a:hover, #nav_contact a.active{ background-position: 0 -57px;
}


