/*--------------------------------+
 | Site: Owner Building Supplies  |
 +--------------------------------*/

 
@import url("reset.css");



/* Core layout  
======================================================================*/
body {background:#fff url(../images/core/bg.gif) repeat-x top center; font:12px Verdana, Arial, Helvetica, sans-serif; color:#333;}
body#product-popup {background:none !important;}
#container {width:1000px; margin:0 auto;}
#banner {width:1000px; height:325px; background:url(../images/core/banner-bg.jpg) no-repeat top center;}
	#logo {float:left; width:400px; height:134px;}
	#navigation-container {float:left; width:550px; height:134px; position:relative;}
		#navtop {position:absolute; left:235px; top:0px; height:50px; width:340px;}
		#cart-container {float:right; height:20px; margin:10px 0 0 0; width:295px; padding:50px 0 0 0; text-align:right;}
		#cart-container a {color:#fff;}

	
#content-container {width:900px; margin:0 auto;}
#content {width:870px; padding:20px 15px 10px 15px; margin:0 0 20px 0; background:#fff; position:relative;}
.home #content-container {width:900px; margin:0 auto; background:url(../images/core/home-body-bg.gif) no-repeat 0 0;}
.home 	#content {width:370px; padding:20px 15px 10px 15px; float:left;  background:none; }
				.column {width:200px; float:left; padding:20px 30px 20px 10px; font-size:11px; color:#666;}
				.column-affiliates {width:230px; float:left; padding:20px 0 20px 20px; font-size:11px; color:#666;}
					#flash {width:230px; height:580px; overflow:hidden;}
					.nav {text-align:center;}
				
				.products-column {float:left; width:290px; text-align:center;}

#footer {
	background:url(../images/core/footer-bg.jpg) repeat-x; 
	height:90px; 
	width:900px; 
	text-align:center; 
	margin:0 auto; 
	font-size:10px; 
	color:#dedddd; 
	padding:15px 0 0 0;
	line-height:20px;
	}

#flash2 {width:900px; height:191px; overflow:hidden;float:left; margin:0 0 0 50px; display:inline;}

#buy-form-container {float:left; width:600px;}



/* Navigation layout 
======================================================================*/
ul.navtop {list-style:none; height:44px; display: inline-block; clear: both; padding:7px 0 0 0;}
ul.navtop li {float:left; height:44px; overflow:; text-transform:uppercase; font-size:9px; padding:0 8px 0 0; text-align:center;}
ul.navtop li a {display:block; height:44px; color:#FF6600; text-decoration:none; font-weight:normal !important;}
ul.navtop li a:hover {color:#666;}

ul.navtop li#home a {width:60px;} 
ul.navtop li#about a {width:80px;} 
ul.navtop li#faq a {width:50px;} 
ul.navtop li#contact a {width:100px;} 

ul.navbot {list-style:none; height:44px; display: inline-block; clear: both; padding:0px 0 0 0; float:right;}
ul.navbot li {float:left; height:44px; overflow:hidden;}
ul.navbot li a {display:block; height:44px; text-indent:-9999px;}
ul.navbot li a:hover {background-position:0 -44px!important;}

ul.navbot li#benefits a {background: url(../images/nav/benefits.jpg) no-repeat 0 0; width: 137px;} 
ul.navbot li#buy a {background: url(../images/nav/buy.jpg) no-repeat 0 0; width: 183px;} 
ul.navbot li#products a {background: url(../images/nav/products.jpg) no-repeat 0 0; width: 196px;} 

.benefits ul.navbot li#benefits a {background: url(../images/nav/benefits.jpg) no-repeat 0 0; background-position:0 -44px!important; width: 137px;} 
.buy ul.navbot li#buy a {background: url(../images/nav/buy.jpg) no-repeat 0 0; background-position:0 -44px!important; width: 183px;} 
.products ul.navbot li#products a {background: url(../images/nav/products.jpg) no-repeat 0 0; background-position:0 -44px!important; width: 196px;} 

a {color:#f18236; text-decoration:none; font-weight:bold;}
a:hover {text-decoration:underline;}

#footer a {color:#fff; font-weight:bold;}

ul.list {padding:0 0 20px 0;}
ul.list li {list-style:none; background:url(../images/bullet_orange.gif) no-repeat 0 3px; padding:4px 0 4px 20px;}

ul.list2 {padding:0 0 20px 0;}
ul.list2 li {list-style:none; float:left; width:160px; background:url(../images/bullet_orange.gif) no-repeat 0 3px; padding:4px 0 4px 20px;}

a.redlink {color:#ef3128;}




 /* Font Style
======================================================================*/
.home h1 {text-indent:-9999px; background:url(../images/titles/h1-home.jpg) no-repeat 0 0; height:54px; width:377px; padding:0 0 15px 0;}
.about h1 {text-indent:-9999px; background:url(../images/titles/h1-about.jpg) no-repeat 0 0; height:54px; width:377px;}
.faq h1 {text-indent:-9999px; background:url(../images/titles/h1-faq.jpg) no-repeat 0 0; height:54px; width:377px;}
.contact h1 {text-indent:-9999px; background:url(../images/titles/h1-contact.jpg) no-repeat 0 0; height:54px; width:377px;}
.benefits h1 {text-indent:-9999px; background:url(../images/titles/h1-benefits.jpg) no-repeat 0 0; height:54px; width:377px;}
.buy h1 {text-indent:-9999px; background:url(../images/titles/h1-buy.jpg) no-repeat 0 0; height:54px; width:377px;}
.products h1 {text-indent:-9999px; background:url(../images/titles/h1-products.jpg) no-repeat 0 0; height:54px; width:377px;}

h2 {font:16px Arial, Helvetica, sans-serif; font-weight:normal; color:#FF6600; padding:0 0 15px 0;}
h3 {font-size:14px; color:#FF6600; font-weight:normal; padding:0 0 15px 0; text-align:center;}
h4 {font-size:13px; color:#666; font-style:italic; font-weight:normal; padding:0 40px 15px 40px; line-height:18px; }
h5 {font-size:12px; color:#FF6600; padding:0 0 15px 0;}
p {line-height:20px; padding:0 0 15px 0;}

ul.categories {}
ul.categories li {width:150px; float:left; padding:5px 10px 5px 10px; margin:5px; background:#faefe0;}








/* Extras 
======================================================================*/
ul.products-list {list-style:none;}
ul.products-list li {padding:5px 0px 5px 0px; margin:3px; background: url(../images/button-bg.gif) no-repeat top center;}
ul.products-list li a {font-weight:bold; color:#666;}
ul.products-list li .mover a {font-weight:normal; background:url(../images/bullet_orange.gif) no-repeat 0 0; padding:0 0 0 20px;}
ul.products-list li ul li {background:none;}
ul.products-list li ul li a {font-weight:bold; color:#FF6600;}

.imgright {position:absolute; top:500px; right:0;}
.mover {padding:7px 0 7px 0;}
.hidden {display: none;}
#product-popup .popup {text-align:center; padding:20px;}
.desc {text-align:left;}
.desc ul li{font-weight:normal; background:url(../images/bullet_orange.gif) no-repeat 0 2px; padding:0 0 0 20px;line-height:20px;}
.desc ul, .desc ol{margin-bottom:15px;}
.desc ol li{list-style:decimal; list-style-position:outside;margin-left:20px;line-height:20px;}

.popup .img {padding:1px; margin:5px; border:5px solid #ccc;}

hr {height:1px; border:none; border-bottom:1px solid #ccc; margin:0 0 10px 0;}

#paypal{border:5px solid #E6CEAD; padding:10px; margin-bottom:15px;}
#paypal p{padding:0}
#paypal-logo{float:left; width:60px; margin:10px 10px 0 0;}

#contact-details {width:300px; float:right;}
#buynow-container {
	width:182px; 
	float:right; 
	background:url(../images/core/buy-your-card-now.gif) no-repeat 0 0; 
	padding:190px 0 0 0;
	text-align:center;
	}
#buynow-container h2 {font:60px Arial, Helvetica, sans-serif; color:#999;}

form#filter {margin-bottom:10px;}
form#filter input{
	background: #fff url(../images/core/input-background-top.gif) top left repeat-x;
	border: 1px solid #e6cead;
	background: #f7eedb;
	padding: 2px 2px;
	height:22px;
	width:200px;
}
form#filter input#filter-submit{
	height:auto;
	width: auto;
	font-weight:bold;
	border: 0;
	background: #333;
	color: #fff;
	cursor: pointer;
	padding:2px 5px 8px 5px;
}


#payment-options {float:right; margin:10px; padding:10px; border:1px solid #bbb; background:#eee; width:250px;}
#checkout ol {width:850px !important;}

.center {text-align:center; margin:0 auto;}

dl {width:300px; display:block;}
dt {font-weight:bold; width:100px; float:left;}
dd {width:180px; float:right;}
.clear {clear:both;}
a.button {margin:0 auto; height:21px; width:75px; display:block; margin:10px 0; background:url(../images/core/button-background.jpg) no-repeat 0 0; text-align:center; font-size:12px; color:#fff!important; line-height:21px;}
a.button:hover {color:#ccc; text-decoration:none;}

 /* Form Style
======================================================================*/

#payment-options a.button {color:#fff;}

form.form fieldset,
form.form ol, 
form.form li, 
form.form legend {
	margin: 0;
	padding: 0;
}

form.form fieldset { border: 0; }

form.form ol { list-style: none; }

form.form li { margin-bottom: 5px; }

form.form label {
	display: inline-block;
	width: 200px;
	float:left;
}

form.form input, form.form select, form.form textarea {

	padding: 3px;
	border: 1px solid #e6cead;
	background: #f7eedb;
	font: normal 13px/13px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}

form.form textarea { height: 200px; }

form.form select {
	padding: 0;
	width: auto;
}

form.form li.button { margin-top: 15px; }

form.form li.button input {
	width: auto;
	border: 0;
	background: #333;
	color: #fff;
	cursor: pointer;
}

form.form fieldset legend {
	padding: 20px 0;
	font-weight: bold;
	font-size: 18px;
	color: #444;
	_margin: 0 -7px; /* IE Win fix */
}

.checkbox1 {width:30px!important;}

/* IE Mac legend fix */
form.form legend {
  display: inline-block;
}



#cart th {
	text-align: left;
	background: #ddd;
	color: #000;
	padding: 2px;
}

#cart table table td {
	padding: 2px;
	background: #fff;
	border-bottom: 1px dashed #DCD2DB;
}

#cart .right { text-align: right; }

#cart table table table td { border-bottom: 0; }

#cart td.totalprice {
	text-align: right;
	font-weight: bold;
	padding: 8px 0;
}

#cart td.buttons {
	padding-top: 10px;
	text-align: right;
}
#cart td.buttons input {
	width: auto;
	border: 0;
	background: #333;
	color: #fff;
	cursor: pointer;
	padding:5px;
}