/**
 * Coldframes.com
 */

*{ margin:0; padding:0;}
body{ font-family:Arial, Helvetica, sans-serif; font-size:11px;}

/* Header */
#header{ width:900px; margin:auto; height:127px; background-color:#FFFFFF;}
	#header img { border:none;}
	#header a.logo { float:left; display:inline; margin: 0 0 0 -85px; outline:none; height:127px;}
	#header a.growhouse { float:left; outline:none; width:340px; height:127px; background:url(../imgs/header_growhouse.jpg) no-repeat;}
	#header a.growhouse:hover { background-position:bottom;}
	#header .phone-number{ float:right; text-align:right; font-size:11px; padding:20px 0 0 0;}
		#header .phone-number span { color:#A1C563; font-size:20px;}
	#header .basket-details{ float:right; text-align:right; margin:20px 0 0 0; padding:3px 0 0 55px; background:url(../imgs/icon_basket.png) no-repeat; height:24px;}
		#header .basket-details a { color:#A1C563;}
		#header .basket-details a:hover { text-decoration:none;}

/* Navigation */
#top-nav-wrapper{ width:100%; height:27px; background:#95A9CA;}
	#top-nav{ width:901px; margin:auto; height:27px; font-size:14px; color:#FFFFFF; background:#95A9CA;}
		#top-nav ul{ height:27px; list-style: none; padding: 0; margin: 0 auto; width: auto; overflow:hidden;}
		#top-nav ul li{ list-style-type: none; padding: 0; margin: 0; display: block; float: left; text-align: center; width: 134px;}
		#top-nav ul li a{ color: #FFFFFF; text-decoration: none; display: block; width: auto; /*width:133px;*/ padding: 5px 25px 6px 25px; background-color:#95A9CA; border-left:#FFFFFF 1px solid;}
			#top-nav ul li a.selected{ color:#fff200;}
			#top-nav ul li #right-border{ border-right:#FFFFFF 1px solid;}
		#top-nav ul li.main_link { width: 230px;}
		#top-nav ul li a:hover{ text-decoration:underline;}		
		#top-nav ul ul{ border-top:#766341 15px solid; margin-left:1px;}
			#top-nav ul ul li a{ border:none; padding-right:1px; font-size:12px; padding-top:2px; padding-bottom:3px; width:132px;}
			#top-nav ul ul ul{ border-top:none; padding-top:5px; margin-left:0px;}
				#top-nav ul ul ul li a{ border:none;}

/* Content */
#content{ width:900px; margin:auto; height:auto; padding-top:8px; padding-bottom:10px; padding-right:1px;}

	#content #right-content{ float:right; width:659px; /* border-left:1px solid #a79b86; */ padding:10px 0 0 10px; }
		#right-content #topimage{ height:275px; margin-bottom:20px;}
		#content #right-content h1 { font-size:16px; background:#f2e8bb; font-weight:bold; height:30px; line-height:30px; padding-left:10px; color:#333333; margin-bottom:17px;}
		#content #right-content h2 { padding-left:10px; margin-bottom:17px; color:#333333; font-size:15px; font-weight:bold;}
		#content #right-content p { margin-bottom:17px; color:#003e4a;}
		#content #right-content p.left-padding{padding-left:15px}		
		#content #right-content a { color:#95a9ca; font-weight:bold; text-decoration:underline;}
		#content #right-content a:hover { text-decoration:none;}
			#content #right-content a img { border:none;}
		#content #right-content ul { padding-right:30px; margin:0 0 17px 20px; color:#003e4a;}
			#content #right-content ul li{ margin-bottom:3px;}
			#content #right-content ul ul { margin: 0 0 0 20px;}
		#content #right-content #contact {}
			#right-content #contact table { border-collapse:collapse; border-top:#c6c688 1px solid;}
			#right-content #contact table th { text-align:right; padding-right:8px; border-bottom:#c6c688 1px solid; padding-top:10px; padding-bottom:10px;	color:#766341; font-weight:bold;}
			#right-content #contact table td { border-bottom:#c6c688 1px solid; padding-top:10px; padding-bottom:10px;}
			#right-content #contact .submit-button { width:191px; height:53px; background:url(/imgs/submit-button.gif) no-repeat; border:none; outline:none; text-indent:-9999px; cursor:pointer; display:block;}
			#right-content #contact-form .submit-button { width:191px; height:53px; background:url(/imgs/submit-btn.gif) no-repeat; border:none; outline:none; text-indent:-9999px; cursor:pointer; display:block;}
		#content #right-content #details {}
			#content #right-content #details img { float:left;}
			#content #right-content #details #text { float:right; width:350px; padding: 20px 0 0 0;}
				#content #right-content #details #text h2 { background:#f2e8bb; font-weight:bold; padding:5px;}
				#content #right-content #details #text #buy { float: left;}
				#content #right-content #details #text #buy p { padding:0; margin:0 10px 0 0; float: left; font-size:30px; font-weight:bold; line-height:30px;}
				#content #right-content #details #text #buy a { padding:0; margin:5px 0 0 0; float: left; background:url(../imgs/button_buy_now.png) no-repeat; width:88px; height:22px; text-indent:-9999px;}
				#content #right-content #details #text #buy form { float:left; padding:5px 0 0 0;}
				#content #right-content #details #text #buy .type { }
				#content #right-content #details #text #buy .type span { float:left; line-height: 30px; margin: 0 10px 0 0; font-size:30px; font-weight:bold; color:#003e4a;}
				#content #right-content #details #text #buy .type .was { text-decoration:line-through; font-weight:normal; font-size:20px;}
				#content #right-content #details #text #buy .buy_button { background:url(../imgs/button_buy_now.png) no-repeat; width:88px; height:22px; border: none; text-indent:-9999px; float:left; cursor:pointer;}
		#content #right-content #register {}
			#content #right-content #register h3 { background-color:#DEDEDE; color:#666666; font-weight:bold; padding:10px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
		#content #right-content #select-address {}
			#content #right-content #select-address .form-row-header { font-size:14px; padding: 0 0 20px 0;}

	#content #left-content{ float:left; display:inline; width:230px; /*margin-right:6px;*/ background:#f2f2f2; border-right:1px solid #a79b86;}
		#content #left-content ul {}
			#content #left-content ul li { list-style-type:none; position:relative; margin-bottom:2px;}
			#content #left-content ul li a { display:block; width:230px; height:120px; text-indent:-9999px; outline:none;}
			#content #left-content ul li.upright a 		{ background:url(../imgs/left-nav/left_upright.jpg) no-repeat;}
			#content #left-content ul li.baby a 		{ background:url(../imgs/left-nav/left_baby.jpg) no-repeat;}
			#content #left-content ul li.babygrand a 	{ background:url(../imgs/left-nav/left_babygrand.jpg) no-repeat;}
			#content #left-content ul li.grand a 		{ background:url(../imgs/left-nav/left_grand.jpg) no-repeat;}
			#content #left-content ul li.staging a 		{ background:url(../imgs/left-nav/left_staging.jpg) no-repeat;}
			#content #left-content ul li.growhouse a 	{ background:url(../imgs/left-nav/left_growhouse.jpg) no-repeat; height:143px;}
				#content #left-content ul li a:hover { background-position:bottom;}
				#content #left-content ul li.selected a { background-position:bottom;}

		#content #left-content #banners{ position:relative; border-top:#bab1a0 1px solid; margin-top:15px; padding-top:10px;}
			#content #left-content #banners a{ text-indent:-9999px; display:block;}
			#content #left-content #banners a.coldframes{ width:222px; height:101px; background:url(/imgs/coldframes-banner.jpg) no-repeat; margin-left:-10px; position:absolute; }


/* Footer */
#footer{ width:900px; margin:auto; height:auto; padding-top:7px; padding-right:1px; border-top:#a79b86 1px solid; padding-bottom:15px; color:#666666;}
	#footer-left{ display:inline; float:left; margin-left:10px;}
	#footer-right{ display:inline; float:right; margin-right:10px; width:770px; text-align:right;}
		#footer-right a{ color:#666666; text-decoration:underline;}
		#footer-right a:hover{ text-decoration:none;}	


/***************************

	SHOPPING BASKET

***************************/

#content #right-content #basket {}
	#content #right-content #basket .update_btn { margin: 0 0 20px 0;}
	#content #right-content #basket table { width:100%; margin: 0 0 20px 0; border-spacing:0px;}
		#content #right-content #basket table thead { background: #ccc;}
			#content #right-content #basket table thead th { padding: 5px; text-align:left;}
		#content #right-content #basket table tbody {}
			#content #right-content #basket table tbody td { padding: 10px; border-bottom:1px solid #ccc;}
			#content #right-content #basket table tbody input { width:30px;}
		#content #right-content #basket table#items .total { text-align:right;}
		#content #right-content #basket table#delivery .price { text-align:right;}
		#content #right-content #basket table#summary td { text-align:right; padding:10px;}
		#content #right-content #basket table#summary .price { width: 100px;}

	#content #right-content #basket .basket_item { padding: 5px 0; margin: 0 0 10px 0; border-bottom: 1px solid #ccc;}
		#content #right-content #basket .basket_item a.item_image_link { display:block; width:100px;}
		#content #right-content #basket .basket_item img { border:none;}
		#content #right-content #basket .basket_item h3 { font-size:16px; margin:0 0 10px 0;}
		#content #right-content #basket .basket_item table { width:100%;}
		#content #right-content #basket .basket_item .image_cell { width: 110px;}
		#content #right-content #basket .basket_item .quantity { width:30px;}
		#content #right-content #basket .basket_item .remove { text-align:right;}
		#content #right-content #basket #totals { text-align:right; font-size:14px;}



/* REGISTER PAGE */

	.register_new{
		width:650px;
		border-collapse:collapse;
		border-top:#cccccc 1px solid;
		margin-bottom:20px;
	}
	
	.register_new th{
		text-align:right;
		padding-right:5px;
		padding-top:10px;
		padding-bottom:10px;
		color:#666666;
		border-bottom:#cccccc 1px solid;
		width:210px;
	
	}
	
	.register_new td{
		padding: 2px 0;
		vertical-align: middle;
		border-bottom:#cccccc 1px solid;
	}
	
		.register_new td input{
			width: 210px;
		}
	
		.register_new td select{
			width: 210px;
		}
	
	.register_new .header{
		text-align:left;
		background-color:#dedede;
		padding-top:10px;
		padding-bottom:10px;
		padding-left:10px;
		color:#666666;
		font-weight:bold;
	}
	
	.register_new .required{
		color:#FF0000;
	}


.cart-cancel{
	width:131px;
	height:44px;
	float:left;
	background:url(/imgs/cancel_btn.jpg) no-repeat;
	outline:none;
	border:none;
	display:inline;
	margin-right:10px;
	margin-top:0px;
	cursor:pointer;
	overflow:hidden;
	text-indent:-9999px;	
}

/* Brochure Request */

div.delivery_method{
	padding: 4px 0;
}
div.delivery_method input{
	display: block;
	float: left;
}
div.delivery_method label{
	padding: 2px 0 0 4px;
	display: block;
	float: left;
	vertical-align: middle;
}


.brochure-next{
	float:right;
	margin-right:20px;
}

.cart-next{
	width:131px;
	height:44px;
	float:right;
	background:url(/imgs/next_btn.jpg) no-repeat;
	outline:none;
	border:none;
	display:inline;
	margin-right:10px;
	margin-top:0px;
	cursor:pointer;
	overflow:hidden;
	text-indent:-9999px;	
}

.select_address{
	margin-left:20px;
	margin-top:2px;
	margin-bottom:20px;
}

.select_address td{
	padding-left:5px;
}

.select_address tr th, td{
	padding-bottom:5px;
}


.payment-form{
	width:650px;
	border-collapse:collapse;
	border-top:#cccccc 1px solid;
	margin-bottom:20px;
}

.payment-form th{
	text-align:left;
	background-color:#dedede;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	color:#666666;
	border-bottom:#cccccc 1px solid;
}

.payment-form td.a{
	text-align:right;
	padding-right:5px;
	padding-top:10px;
	padding-bottom:10px;
	color:#666666;
	border-bottom:#cccccc 1px solid;
	width:200px;

}

.payment-form td.b{
	border-bottom:#cccccc 1px solid;
	padding-top:5px;
}

.payment-form td .small_input_1{
	width:20px;
}

.payment-form td .small_input_2{
	width:40px;
}

.payment-form td .small_select{
	width:50px;
}

.payment-form td .long-text{
	width:150px;
}

.payment-form tr{
	
}

.payment-form .header{
	text-align:left;
	background-color:#dedede;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	color:#666666;
	font-weight:bold;
}

.payment-form .required{
	color:#FF0000;
}

.cart-buy{
	width:131px;
	height:44px;
	float:right;
	background:url(/imgs/st_buy_button.jpg) no-repeat;
	outline:none;
	border:none;
	display:inline;
	margin-right:10px;
	margin-top:0px;
	cursor:pointer;
	overflow:hidden;
	text-indent:-9999px;	
}

/* Misc */
.clear { clear:both; font-size:0;}
.hide { display:none;}
#content #right-content ul.errors { padding:5px; background:#FFBBBD; border:#CC0000 2px solid; list-style-type:none; margin:0 0 15px 0;}
#content #right-content ul.errors li { background:none; padding-left:10px; color:#000000;}
#hp1 { display:none;}
#hp2 { display:none;}
p.flash_msg { padding: 5px; margin:0 0 15px 0; background: #ffbf80; border: 2px solid #ff9834; font-weight:bold;}
p.flash_msg_success { padding: 5px; margin:0 0 15px 0; background: #c2e085; border: 2px solid #99cc33; font-weight:bold;}
p.flash_msg_failure { padding: 5px; margin:0 0 15px 0; background: #eebdb1; border: 2px solid #b03223; font-weight:bold;}


/* Forms */
form fieldset { border:none; margin: 0 0 10px 0;}
form fieldset legend { display:none;}
form fieldset .input { padding:10px; border-bottom: 1px solid #ccc;}
form fieldset .input label { float:left; width:150px;}
form fieldset .input label span { font-weight:bold; color:#990000;}
form fieldset .input input { width: 250px;}
form fieldset .input textarea { width:350px; height:150px;}
form fieldset .input #submit { width:auto;}
form fieldset .focus { background:#eaeef4;}
form fieldset .error { background:#fbd2d3;}


form.select-address .input { margin: 0 0 10px 0;}