body {font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#595959; line-height:1; background:#3C3A3A;}


/* ==========================================================
MAIN LINKS
========================================================== */

a:link{text-decoration: underline; color:#333333;}
a:visited{text-decoration: underline; color:#333333;}
a:active{text-decoration: underline; color:#333333;}
a:hover{text-decoration: underline; color:#FF0000;}

h1, h2, h3, h4, h5, h6{color:#69ABE9;}

h1{font-size: 26px; margin: 0 0 10px;}
h2{ font-size:20px;}
h3{ font-size:18px;}
h4{ font-size:16px;}
h5{ font-size:15px;}
h6{ font-size:14px;}

img{max-width: 100%;}

/*CONTAINER*/
.container{width:100%; max-width: 960px; margin:0 auto;}

/*HEADER*/
#header_bg{background:url(../library/header_bg.png) repeat-x #235c97;}
	#header{padding-top:8px;}
		#header_left{float:left;}
		#header_mid{float:right; text-align:center; padding-top:5px;}
		#header_right{float:right;}
		#header_mid p {margin:0; font:normal 22px/28px 'cabinbold',Arial, Helvetica, sans-serif; text-align:right; color:#fff; font-style:italic;}
		.phone_contact {margin:0 21px 0 0;}
		.phone a{color:#FFF; text-decoration:none; }
		

/*NAVAGATION*/		
		#nav{width:100%; height:auto; margin-top:-33px;}
		#nav ul{list-style:none; padding:0; margin:0 auto; font:normal 16px/55px 'cabinsemibold',Arial, Helvetica, sans-serif; margin-right:-18px; float:right;}
		#nav ul li{float:left; background:none; padding:0; position:relative; padding:0;}
		#nav ul a{display:block; color:#fff; padding:0 20px 8px; text-decoration:none;}
		#nav ul .active,#nav ul .active:visited,#nav ul a:hover{background:url(../library/nav_arrow.png) no-repeat center bottom;}
		
		#mobile_nav{width:50px; height:50px; background:url(../library/mobile_nav.png) no-repeat; display:none;}
		#closeM{display:none; }

/*SLIDER*/
/*
#slide_bg{width:100%; max-width:1920px; height:269px; margin-left:auto; margin-right:auto; background:url(../library/banner_bg.png) top center;}
	#slideshow{height:269px; margin-left:auto; margin-right:auto; max-width:1230px; overflow:hidden; position:relative; width:100%;}	
		.slide_pos{margin-left:179px;}	
		#slide_right_col{color:#FFFFFF; font-size:36px; height:240px; left:50%; margin-left:10%; margin-top:-280px; max-width:300px; position:relative; width:25%; z-index:5000;}
			#title{display:inline-block; margin:30px 0 0;}
			#gb_services{font-size:24px; margin:20px 0 0 0;}
			#gb_services li{margin-bottom:15px;}
			#first{margin-left:10px; padding:0;}
			#sec{margin-left:20px; padding:0;}
			#third{margin-left:30px; padding:0;}
			#fourth{margin-left:40px;padding:0;}
	
	*/
	#slide_show_background{width: 100%; max-width: 1920px; height: 269px; margin-left:auto;margin-right: auto; background:url(../library/banner_bg.png) top center;}


	
	img{max-width:100%;}
/* required block for any slide show - use for all slide shows on your site  */
				/*   main containers   */
				#slides_container{width: 100%;max-width: 1230px; height:269px;position:relative; overflow: hidden;margin-left: auto;margin-right: auto; margin-top:-269px;}
				#slides_container div{display: none;position:absolute;width:100%;}
				#slides_container div span{display: none;position:absolute;left: 0px;top:0px;z-index: 1000;}
				#slides_container #egg_timer{position: absolute;left: 50%;top:50%;}


	#slide_slogan{width: 50%;height: 10px; margin-left: 50%;position:absolute;}
		#slogan_text{margin-left: 120px; color:#FFFFFF; font-size:20px;margin-top: -269px;}
		#title{display:inline-block; margin:30px 0 0;font-size: 22px;}
		#slogan_text ul li{line-height: 150%;}
		#slogan_text ul li:nth-child(2){margin-left: 25px;}
		#slogan_text ul li:nth-child(3){margin-left: 50px;}
		#slogan_text ul li:nth-child(4){margin-left: 75px;}
	
		/*replaces slides */
		#slide_static{width: 100%; height: auto;display:none;}	
	
	
		
/*CONTENT*/			
#content_bg{width:100%; height:auto; background:url(../library/article_bg.png) repeat-x #3C3A3A;}	
	#content{width:100%; background-color:#fff; box-shadow:0px 0px 10px 0px rgba(0,0,0,.75); margin-bottom:40px;}	
		#left_col{float:left; width:60.41%;/*580px*/ line-height:1.6; color:#3d4044; font:15px/24px 'cabinsemibold', Arial, Helvetica, sans-serif; padding:20px;}
			
		#right_col{float:right; width:34.37%;/*330px*/ padding-top:50px;}
			.boxes{float:left; display:inline-block; color:#ed217c; font-size:22px; line-height:1.5;}
			#energy{width:299px; height:111px; background:url(../library/energy1.jpg) no-repeat; margin:10px 0; color:#fff; padding-left:5px; text-decoration:none;}
			#energy:hover{background:url(../library/energy1_dark.jpg) no-repeat; color:#ffee00;}
			#services{width:299px; height:111px; background:url(../library/services1.jpg) no-repeat; margin:10px 0; color:#fff; padding-left:5px; text-decoration:none;}
			#services:hover{background:url(../library/services1_dark.jpg) no-repeat; color:#ffee00;}
			#gallery{width:299px; height:111px; background:url(../library/gallery1.jpg) no-repeat; margin:10px 0; color:#fff; padding-left:5px; text-decoration:none;}
			#gallery:hover{background:url(../library/gallery1_dark.jpg) no-repeat; color:#ffee00;}
			.arrow{padding:5px 0 0 5px;}
		#logos_content{width:100%; text-align:center; margin-bottom:20px; padding:20px 0;}
			.logos_content{padding:0 30px;}
			
/*FOOTER*/
#footer_bg{width:100%; height:auto; background:url(../library/footer_bg.png) repeat-x #3C3A3A;}		
	#footer{border-style:3px solid #fff; padding-top:20px;}
		#footer_links{color:#fff; position:relative; font:normal 16px/66px 'cabinregular',Arial, Helvetica, sans-serif; float:left;}
		#footer_links a,#footer_links a:active,#footer_links a:visited{color:#fff; padding:0 17px; text-decoration:none;}
		#footer_links a:hover,#footer_links a.active{color:#ffee00;}
		.newline{display:inline-block;}
		#footer_logos{float:right;}
			.f_logos{padding-right:20px;}
		#footer_contact{font:normal 20px/64px 'cabinregular', Arial, Helvetica, sans-serif; text-align:center; color:#fef9f9; padding:35px 0 10px 0;}
			.phone_bottom{font:normal 22px/28px 'cabinbold',Arial, Helvetica, sans-serif; color:#fff; font-style:italic;}
			.phone_bottom span{ font-style:italic; margin:0 21px 0 0; }
			.phone_bottom a{color:#FFF; text-decoration:none;}
			#floweb_links{ color:#fff; text-align:center; font-size:11px;}
			#floweb_links a {color:#fff; text-align:center; text-decoration:none; font-size:11px;}
			#floweb_links a:hover { text-decoration:underline;}
/* ==========================================================
MEDIA QUERIES
========================================================== */

/*iPad landscape*/				
@media only screen and (max-width : 1024px) {	
/*ok*/
}

/*iPad portrait*/ 				   /*995px*/
@media only screen and (max-width : 1012px) {
	.phone{margin-right:15px;}
	#nav ul{margin-right:0px;}
}	

@media only screen and (max-width : 917px) {	
	#nav ul a{padding:0 8px 8px; text-align:center;}
	#left_col{width:51.41%;}
	#right_col{width:41.37%;}
}

@media only screen and (max-width : 830px) {
	#title{font-size: 18px;}
	#slogan_text{font-size: 16px;margin-left: 80px;}
	#slogan_text{line-height: 100%;}
}

@media only screen and (max-width : 768px) {
	#header_mid{float:left; padding-top:15px; margin-left:20px;}
	#header_right{margin:15px 15px 0 0;}
	.phone{font-size:16px;}
	#nav{display:none; width:100%;}
	#nav li{clear:both; width:100%; border-bottom:1px solid #fff;}
	#nav ul{float:none;}
	#nav ul #closeM{display:block; background:#999;}
	#mobile_nav{display:block; margin:auto;}
	#left_col{width:90%; float:none;}
	#right_col{width:100%; float:none; padding:0; text-align:center;}
		.boxes{float:none; text-align:left;}
	#footer_links{width:100%; font-size:14px; text-align:center;}
	#footer_links a, #footer_links a:active, #footer_links a:visited{padding:0 10px;}
	#footer_logos{display:none;}
	.phone_bottom{font-size:17px;}
	
	#slides_container,#slide_show_background,#slide_slogan{display:none;}
	#slide_static{display:block;}	
}

/*mini tablet landscape*/
@media only screen and (max-width : 640px) {
	#header_left{width:100%; float:none; text-align:center;}
	#header_mid{float:none; margin-left:0;}
	#header_right{float:none; margin:auto;}
	.phone{margin-right:0px; text-align:center;font-size:17px;}
	#mobile_nav{margin-top:10px; padding:0; width:300px; height:55px; background:url(../library/mobile_navagation.png) no-repeat;}
	#left_col{width:87%}
	#footer_links{font-size:13px;}
	#nav ul { margin:20px 0 0 0;}
}

/*phone landscape*/
@media only screen and (max-width : 480px) {
	#footer_links{font:13px/35px 'cabinregular',Arial,Helvetica,sans-serif;}
}







/* ===============================================================
****** INCLUDE YOUR STYLES HERE AND REMOVE THIS COMMENT **********
=============================================================== */

.click-nav {margin:100px auto;width:200px;}
.click-nav ul {position:relative;font-weight:900;}
.click-nav ul li {position:relative;list-style:none;cursor:pointer;}
.click-nav ul li ul {position:absolute;left:0;right:0;}
.click-nav ul .clicker {position:relative;background:#2284B5;color:#FFF;}
.click-nav ul .clicker:hover,.click-nav ul .active {background:#196F9A;}
.click-nav img {position:absolute;top:9px;left:12px;}
.click-nav ul li a {transition:background-color 0.2s ease-in-out;-webkit-transition:background-color 0.2s ease-in-out;
-moz-transition:background-color 0.2s ease-in-out;display:block;padding:8px 10px 8px 40px;background:#FFF;color:#333;text-decoration:none;}
.click-nav ul li a:hover {background:#F2F2F2;}

/* Fallbacks */
.click-nav .no-js ul {display:none;}
.click-nav .no-js:hover ul {display:block;}}






/* ==========================================================
FORM STYLING
========================================================== */

form td{padding:7px 0}

input, textarea, select{margin:0; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#333335; background: #fff;  box-shadow: 0 4px 5px -5px rgba(0, 0, 0, 0.3) inset; -webkit-border-radius:3px; border-radius:3px}
input[type=text], input[type=password], textarea, select{padding:7px; margin-right:10px; border:1px solid #cfcfcf;}

input[type=text]:hover, input[type=password]:hover, textarea:hover, select:hover, 
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus{border:1px solid #097287;}

input[type=submit]{ text-decoration:none; border:none; padding:15px 30px 15px 15px; background:#097287 url(../library/white-btn-arrow.png) no-repeat right center; color:#fff;}
input[type=submit]:hover{background:#09697c url(../library/white-btn-arrow.png) no-repeat right center; }
input[type=submit]:active{background:#09697c url(../library/white-btn-arrow.png) no-repeat right center; -webkit-box-shadow: inset 0px 2px 10px 0px rgba(0, 0, 0, .4); box-shadow: inset 0px 2px 10px 0px rgba(0, 0, 0, .4); }

input[type=radio]{margin:5px 5px 0 0 }

label{ width:90px; display:inline-block; margin:0 0 10px 0; color:#486685; font-weight:700;}
input, textarea{ border:#69ABE9 1px solid;}

#subm{ padding:5px 10px; -webkit-border-radius:5px; border-radius:5px; background:#486685; color:#fff; border:none;}
#subm:hover{ background:#264463;}

#whole_width{ width:100%;}


/* ==========================================================
PRODUCT LISTING
========================================================== */
.cms_prod_listing{width:200px; height:231px; position:relative; z-index:5; line-height:1.2; color:#474747;  float:left;}
.cms_prod_listing_rec{width:199px;  height:230px;  font-weight:bold; position:relative; z-index:5; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; line-height:1.2; color:#474747;  float:left;}
.cms_prod_listing_rec a{text-decoration:none; color:#474747}
.cms_prod_listing_rec:hover{}

span .cms_prod_listing{display:block;}

.cms_prod_listing_content{ width: 199px; height:230px; background:#fff; position:absolute; top:0; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9}
.cms_prod_listing_content:hover{-webkit-box-shadow:  0px 0px 25px 0px rgba(0, 0, 0, .2); box-shadow:  0px 0px 25px 0px rgba(0, 0, 0, .2);}
.prod_listing_cart{padding:10px; width:179px; display:none; position:absolute; top:230px; left:0;  }
	
#rightcol .listing_image{height:155px;  vertical-align:bottom}

	.special_offer_list{display:block; position:absolute; top:10px; right:0; width:50px; height:44px; background:url(../library/offer.png) no-repeat 0 0}	
	.special_offer_detail{display:block; position:absolute; top:10px; left:0; width:50px; height:44px; background:url(../library/offer.png) no-repeat 0 0}
	
.cms_prod_listing img{display:block; margin:0 auto 10px; vertical-align:bottom}
.price_listing{float:right; margin:0; color:#C21724; font-weight:bold; text-align:right}
.prod_name{font-weight:bold;}

#listing_submit{background:#cacf01; color:#4b4c14; cursor:pointer; text-decoration:none; line-height:1; padding:4px 8px; border:none; font-size:11px; -webkit-border-radius:5px; border-radius:5px;}
#listing_submit:hover{background:#aeb200}

#prod_more_detail{background:#366998; color:#fff; text-decoration:none; line-height:1; padding:4px 8px; border:none; font-size:11px; -webkit-border-radius:5px; border-radius:5px;}
#prod_more_detail:hover{background:#28547c}

#rightcol .cms_prod_listing .cms_form_cart{padding:3px 0; height:18px; margin-right:0}



/**************************  portfolio images   ****************/
	#caption{height: 25px;}
	.left_thumbs{border: solid 1px #fff;width:90px;}
	.bottom_thumbs{border: solid 1px #fff;width:90px;}
	#current_img_container{width:330px; position:relative;}
	#current_img img{max-width: 310px;}

	.thumnail_prod{vertical-align:top}
	.thumnail_prod img{position:relative;}
	.thumnail_prod a{float:left; margin:0 5px 5px 0;  padding:0 1px 0 0; overflow:hidden; }
	.thumnail_prod a img{max-width:60px;}
		
			/*floated elements in product detail page*/
			#image_table{float: left; margin:0}
			#right_detail{width: 460px; float:right;}

p.error{font-weight: bold; color:#FF0000;}/*the errors shown when adding to cart*/

/* record paging */
#page_numbers{margin-top:20px;}
#page_numbers a{text-decoration:none; display:inline-block; width:30px; height:30px; margin:0; line-height:30px; border:1px solid #cacaca; text-align:center; background: #feffff; /* Old browsers */
background: -moz-linear-gradient(top,  #feffff 0%, #efefef 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #feffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #feffff 0%,#efefef 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #feffff 0%,#efefef 100%); /* IE10+ */
background: linear-gradient(to bottom,  #feffff 0%,#efefef 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
}
#page_numbers a.next_page{margin-left:10px;width:auto; padding:0 10px;}
#page_numbers a.prev_page{margin-right:10px; width:auto;  padding:0 10px;}
#page_numbers a.cur_page, #page_numbers a:hover{background:#4375a3; color:#fff;}





/* ==========================================================
GALLERY
========================================================== */


.cms_image_layout{width:175px; float:left; overflow:hidden background:#fff; height:220px; -webkit-border-radius:5px; border-radius:5px; margin:0 10px 10px 5px; position:relative;}
.cms_photo_name { text-align:center; color:#486685; margin:10px 0 0 0; font-size:20px;}
.cms_image_layout img { margin:-15px auto 0 auto; display:block; -webkit-box-shadow:  0px 0px 3px 2px rgba(0, 0, 0, 0.2); box-shadow:  0px 0px 3px 2px rgba(0, 0, 0, 0.2); max-height:116px;}
.cms_image_layout a{ text-align:center; display:block; width:157px; border:2px solid #486685; color:#486685; background: #fff; padding:6px 10px 0 10px; display:block; margin:-15px auto;  -webkit-border-radius:5px; border-radius:5px; text-decoration:none;  }
.cms_image_layout a:hover{ text-decoration:underline; -webkit-box-shadow:  0px 0px 3px 2px rgba(0, 0, 0, 0.2); box-shadow:  0px 0px 3px 2px rgba(0, 0, 0, 0.2);}
.cms_image_layout a img{ display:inline; -webkit-box-shadow:none; box-shadow:none;}



/* =============
GENERIC STYLES
==============*/

/* Styling the main call to action button (checkout, proceed to next step, buy etc) */
#content .checkout_important{line-height:1; font-size:16px; cursor:pointer; padding:10px 39px 10px 15px; text-decoration:none; color:#fff; text-decoration:none; color:#fff; float:right; background:#0a4072 url(http://www.ecologicalbuildingshop.ie/library/white-shop-btn-arrow.png) no-repeat right center; -webkit-border-radius:5px; border-radius:5px;}
#content .checkout_important:hover{background:#08335c url(http://www.ecologicalbuildingshop.ie/library/white-shop-btn-arrow.png) no-repeat right center}
#content .checkout_important:focus{background:#08335c url(http://www.ecologicalbuildingshop.ie/library/white-shop-btn-arrow.png) no-repeat right center; -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .7); box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .7);}

	/* Add .centered-btn to it to get it centered on the page */
	#content .centered_btn{margin:0 auto; display:inline-block; float:none; position:absolute; left:50%; bottom:20px; margin-left:-75px; width:150px;}

/* Styling the medium sized call to action button */
#content .checkout_medium{line-height:1; font-size:12px; padding:5px 8px; cursor:pointer; text-decoration:none; color:#606060; float:left; background:#ededed; -webkit-border-radius:5px; border-radius:5px;}
#content .checkout_medium:hover{background:#e7e7e7}
#content .checkout_medium:focus{background:#e7e7e7 -webkit-box-shadow: inset 1px 3px 6px 0px rgba(0, 0, 0, .1); box-shadow: inset 1px 3px 6px 0px rgba(0, 0, 0, .1);}

/* Styling the blue small call to action button */
#content .checkout_medium2, .checkout_medium2{line-height:1; font-size:12px; padding:5px 8px; margin:10px 0 0 0; border:none; cursor:pointer; text-decoration:none; color:#fff; background:#0a4072; -webkit-border-radius:5px; border-radius:5px;}
#content .checkout_medium2:hover, .checkout_medium2:hover{background:#08335c}
#content .checkout_medium2:focus, .checkout_medium2:focus{background:#08335c -webkit-box-shadow: inset 1px 3px 6px 0px rgba(0, 0, 0, .1); box-shadow: inset 1px 3px 6px 0px rgba(0, 0, 0, .1);}
		
#content .centered .checkout_medium2{margin:10px 20px 0;}
#discount_code_section .checkout_medium2{margin-left:10px;}

	#content .align_button{margin-left:150px;}
		

/* Styling the tables on the basket and checkout */
.checkout_table{margin:0 0 15px 0}
.checkout_table thead{border-bottom:1px solid #ccc; background:#f4f4f4;}
#content .checkout_table td{padding:12px 0; vertical-align:top }
.cart_header_normal{}

span.cart_img{float:left; margin:0 10px 0 0; width:60px; height:60px;}
.cart_img{max-height:100%; max-width:100%;}


/* Styling form rows */
.form_row{padding:5px 0;}

	/* Styling the labels */
	.form_row label, .label{clear:both; float:left; width:150px; line-height:2.3;}
	.form_row label.no_float{float:none; line-height:1.5}
	
	/* Giving the main input and select forms a width */
	.form_row input[type=text], .form_row input[type=password]{width:200px;} 
	.form_row select{width:215px}
	

/* Mandatory Stars */
.mandatory_star{}




/* =============
THE BASKET 
==============*/

/* Delete button */
.relative{position:relative;} /* Adding this button so the delete button will position relative to the table cell */

	.cart_delete{width:9px; height:10px; display:block; text-indent:-9999px; position: absolute; top:4px; right:-10px; background:url(../library/checkout/x-close.png) no-repeat 0 0}
	.cart_delete:hover{background-position:0 -20px;}

/*Add a right margin to the checkout button to keep it aligned to the table */
.push_back{margin-right:30px;}

/* Quantity box and buttons */
.checkout_qty{position:relative; width:45px; margin:0 auto; }

	.checkout_qty input{width:20px; -webkit-border-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px;}
	
	.cart_increase, .cart_decrease{width:13px; height:14px; border:1px solid #cfcfcf; display:block; text-indent:-9999px; position:absolute; left:33px;}
	.cart_increase:hover, .cart_decrease:hover{background-color:#f4f4f4} 
	 
	.cart_increase{top:0; -webkit-border-radius: 0px 3px 0px 0px; border-radius: 0px 3px 0px 0px; background:url(../library/checkout/up-down-arrows.png) no-repeat 0 0}	
	.cart_decrease{border-top:1px solid #fff; top:16px; -webkit-border-radius: 0px 0px 3px 0px; border-radius: 0px 0px 3px 0px; background:url(../library/checkout/up-down-arrows.png) no-repeat 0 -16px}

.checkout_line{line-height:2;}

	.continue_shopping{margin-left:15px;}

/* =============
CHECKOUT (BILLING & SHIPPPING ADDRESS) 
==============*/

#address_left{width: 470px;float:left; margin:10px 0 80px;}
#address_right{width: 470px;float:right;  margin:10px 0 80px;}

	#address_left h2, #address_right h2{padding-top:0; color:#ccc; border-bottom:1px solid #ccc; margin:0 0 10px 0}



/* =============
CONFIRMATION 
==============*/

.clear_line{clear:both; width:100%; height:1px; border-bottom:1px solid #ccc; margin:0 0 30px 0}

.left_checkout{width: 460px; margin:10px 0 30px; float:left;}
.right_checkout{width: 460px; margin:10px 0 30px; float:right;}

	.left_checkout .form_row, .right_checkout .form_row{padding:0;}
	
	#checkout_final_order_summary .form_row. total_label{padding:10px 0 0 0; margin:10px 0 0 0; border-top:1px solid #ccc;}

	.checkout_sub_sub{ border-bottom:1px dashed #d7d7d7; margin:0 0 8px 0; padding:0 0 8px 0}
	
	#content .edit_button{float:right; line-height:1; padding:5px 7px; border:1px solid #c2c2c2; color:#757575; -webkit-border-radius:5px; border-radius:5px; font-size:12px; text-decoration:none; background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#efefef 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
	}
	#content .edit_button:hover{background:#ececec;}
	#content .edit_button:focus{-webkit-box-shadow: inset 1px 2px 3px 0px rgba(0, 0, 0, .1);box-shadow: inset 1px 2px 3px 0px rgba(0, 0, 0, .1); }
	
	#checkout_final_ship_to .edit_button{margin:0; position:relative}	
	
	#content .remove_button{float:right; line-height:1; padding:5px 7px; margin:0 0 0 5px; border:1px solid #c2c2c2; color:#757575; -webkit-border-radius:5px; border-radius:5px; font-size:12px; text-decoration:none; background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#efefef 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
	}
	#content .remove_button:hover{background:#ececec;}
	#content .remove_button:focus{-webkit-box-shadow: inset 1px 2px 3px 0px rgba(0, 0, 0, .1);box-shadow: inset 1px 2px 3px 0px rgba(0, 0, 0, .1); }

	#checkout_final_paym td{font-size:13px;}
	
	#checkout_final_instructions textarea{width:440px;}
	
	#discount_code_section{margin:15px 0 0}
	#discount_code_section .checkout_medium2, #promo_code{margin:0 5px 0 0;}
	#discount_code_section strong{display:block; margin:0 0 6px 0}
	
	#content #checkout_products{margin:0 0 15px 15px}
	
	.left_checkout .tr_label, .right_checkout .tr_label{float:left; width:200px;}
	#content .total_label{padding:10px 0; margin:10px 0; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea}
	
	#content #ship_to_list{margin:15px 0 0 0; padding:0; list-style:none;}
	#content #ship_to_list li{float:left; margin:0 10px 0 0;}


/* ==========================================================
CUSTOMER ACCOUNT
========================================================== */

	/* =============
	CUSTOMER NAVIGATION 
	==============*/
#content #cust_nav{margin:0 0 15px 0; padding:0 0 0 10px; list-style:none; border-bottom:1px solid #ccc;}
	#cust_nav li{display:inline-block}
	#cust_nav li a{display:block; padding:7px 12px; line-height:1; border:1px solid #ccc; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; border-bottom:none; color:#757575; text-decoration:none; -webkit-transition: all 200ms ease;-moz-transition: all 200ms ease;-ms-transition: all 200ms ease;-o-transition: all 200ms ease;transition: all 200ms ease; background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#efefef 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
	}
	#cust_nav li a:hover{color:#fff; border:1px solid #20496f;  border-bottom:none; background: #256291; /* Old browsers */
	background: -moz-linear-gradient(top,  #256291 0%, #20496f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#256291), color-stop(100%,#20496f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #256291 0%,#20496f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #256291 0%,#20496f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #256291 0%,#20496f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #256291 0%,#20496f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#256291', endColorstr='#20496f',GradientType=0 ); /* IE6-9 */
	}


	/* =============
	INVOICES 
	==============*/
	#content .invoice_box{padding:10px; background:#fff; border:1px solid #DFDFDF; -webkit-border-radius:5px; border-radius:5px; margin:0 0 15px 0}
	
		#content .invoice_box ul{list-style:none; margin:0;}
		#content .invoice_box ul li{float:left; margin:0 10px 0 0}
		#content .invoice_box .edit_button{float:left;}
		

/* ==========================================================
UPDATE CART
========================================================== */
#content .push_right{float:right; margin-right:35px}

	
			.cust_section{display:none;}/*screen 1 of registration / login*/		
			.quickReg{display:none;}/*important, do not remove*/
			
			#egg_timer_checkout{z-index:2000; left: 50%;top: 50%; margin-left:-15px; position:absolute;display:none; background:#fff; padding:10px; -webkit-border-radius:5px; border-radius:5px;}




/* ==========================================================
IE6 WARNING MESSAGE
========================================================== */

#IE6_message{width: 800px;border:solid 1px red;position: absolute;left: 50%;margin-left: -400px; top: 200px; background:#F5F5F5;text-align:center;padding:20px;}

/*******************  COOKIE LAW  *****************/
	#cookie_button{width:50px;-webkit-border-radius:5px 0 0 0 ; -webkit-box-shadow:  0px 0px 3px 2px rgba(0, 0, 0, 0.4);box-shadow:  0px 0px 3px 2px rgba(0, 0, 0, 0.4); border-radius:5px 0 0 0; padding:10px;  z-index:9999; height: 70px; font-size:13px; font-weight:700; color:#fff; text-align:center; position:fixed ; right: 0px; bottom: 0px; background:#3D87D2;/* for a change */;overflow: hidden; }
		#cookie_button:hover{color:#3D87D2;}
	#cookie_content{width: 740px;  padding:5px 10px; height:auto; margin:-30px 0 0 70px; background:#3D87D2; color:#fff; font-size:14px; line-height:1.2}
		#cookie_content p {  margin:10px 30px 10px 10px; text-align:left;}
		#cookie_content p a{ color:#fff; text-decoration:none; font-weight:bold; }
		#cookie_content p a:hover{ text-decoration:underline;}
		#cookies_accept a{background:url(../library/cookies/tick.png) no-repeat right; display:block; float:right; margin:0 20px 0 0;  padding:5px 40px 5px 5px; color:#fff; text-decoration:none; font-size:14px; font-weight:bold;}
		#cookies_accept a:hover{ text-decoration:underline;}
	#cookie_button #cookies_title{font-weight: bold; margin:0 0 0 10px; font-size:16px;}
	
		/******************  END COOKIE LAW  ****************/