body {font-family: "pragmatica-web", Arial, Helvetica, sans-serif;font-size: 13px; color:#4a4a4a; line-height:1; background:#f2f2f2 url(http://www.ecologicalbuildingshop.ie/library/main-bg.jpg) no-repeat top center}

html, body, div, a, p, h1, h2, h3, h4, h5, span, pre, blockquote, dl, dt, dd{margin:0; border:0; padding:0; outline:none; }
img{border:0;}
table{border-collapse:collapse; max-width:100%!important}
ul, ol{margin:0; padding:0;}
ul li, ol li{margin:0; padding:0;}

input, textarea, select{color:#4a4a4a;}


/* MAIN LINKS
--------------------------------------------------------- */
a:link{text-decoration: underline; color:#4375a3;}
a:visited{text-decoration: underline; color:#4375a3;}
a:active{text-decoration: underline; color:#4375a3;}
a:hover{text-decoration: underline; color:#93960d;}

/* TYPOGRAPHY
--------------------------------------------------------- */
h1, h2, h3, h4, h5, .heading_text{color:#2f6291; padding:15px 0; line-height:1.3; font-weight:normal}
h1{padding:0 0 15px 0; font-size:24px;}
h2{font-size:19px;}
h3{font-size:18px;}
h4{font-size:17px;}
h5{font-size:16px;}
p{}

.small_heading{font-size:16px; color:#a1a1a1; margin:0 0 15px 0; padding:0 0 15px 0; line-height:1; border-bottom:1px solid #dddddd}

#checkout_container h2{padding:0 0 10px 0}

#rightcol .table_style h2, #rightcol .table_style h3, #rightcol .table_style h3, #rightcol .table_style h5{padding:0 0 10px 0}

#rightcol .detail_heading{font-size:18px; color:#2f6291; border-bottom:1px solid #2f6291; padding:0 0 10px 0; margin:0 0 10px 0; line-height:1.3; font-weight:normal}

.red_highlight{color:#cd2525}

.heading_text{font-size:20px}
pre{padding:0 0 15px 0}

blockquote{margin: 0 0 15px 10px;padding: 10px;	border-left: 5px solid #e3d1bd;	background-color: #ede1d4;}
blockquote p{padding:0;}

dt{font-weight: bold;}
dd{margin: 0 0 15px 0;padding: 0;}	

.center{text-align:center;}
.right{text-align:right}


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

.cf:before, .cf:after {content:""; display:table;}
.cf:after {clear:both;}

/* For IE 6/7 (trigger hasLayout) */
.cf {*zoom:1;}

/* HEADER
----------------------------------------*/
#header{width:990px; height:153px; position:relative;}

	#header_logo{width:216px; height:70px; display:block; text-indent:-9999px; background:url(https://www.ecologicalbuildingshop.ie/library/sprite.png) no-repeat 0 0; position:absolute; top:20px; left:15px;}
	#mobile_nav {display:none;}
	#top_nav{margin:0; padding:0; height:50px; width:990px; list-style:none; position:absolute; bottom:0; left:0; background:url(http://www.ecologicalbuildingshop.ie/library/nav-bg.png) no-repeat}
	#top_nav li{margin:0; padding:0; float:left}
	#top_nav li a{display:block; padding:0 27px 0 17px; color:#454545; height:50px; text-decoration:none; line-height:45px; font-size:14px; -webkit-transition: all 200ms ease;-moz-transition: all 200ms ease;-ms-transition: all 200ms ease;-o-transition: all 200ms ease;transition: all 200ms ease;}
	#top_nav li a:hover{background:#2d577b; color:#fff;}
	#top_nav li img{position:relative; top:-2px; left:5px;}
	#top_nav li.first_link a:hover{-webkit-border-radius: 5px 0px 0px 0px; border-radius: 5px 0px 0px 0px; }
	
		#top_nav ul{margin:0; padding:0; background:#2d577b; z-index:20; list-style:none; padding:15px; position: absolute;width: 200px;left: -999em;top:50px;-webkit-border-radius: 0px 5px 5px 5px; border-radius: 0px 5px 5px 5px;   }
		#top_nav ul li{width: auto; width:100%; padding:3px 0 3px 10px; background:url(http://www.ecologicalbuildingshop.ie/library/sprite.png) no-repeat -500px -153px}
		#top_nav ul li a{ color:#fff; display:block; line-height:1.3; height:auto; padding:0; font-size:13px;}
		#top_nav ul li a:hover{text-decoration:underline; color:#fff; background:none;}
		#top_nav li:hover ul, #top_nav li.sfhover ul {left: auto;}	
		
		.current_page_cats{background:#dfdfdf;}
		.first_link .current_page_cats{-webkit-border-radius: 5px 0px 0px 0px; border-radius: 5px 0px 0px 0px;}
		
		#top_nav .current_page_subcats{text-decoration:underline;}	
		
				
	#tech_support_button{padding:8px 25px 8px 8px; text-decoration:none; -webkit-border-radius:5px; border-radius:5px; color:#fff; font-size:12px; text-align:center; display:block; position:absolute; top:20px; right:15px; background:#36628b url(http://www.ecologicalbuildingshop.ie/library/tech-support-icon.png) no-repeat right center}
	#tech_support_button:hover{background:#274b6c url(http://www.ecologicalbuildingshop.ie/library/tech-support-icon.png) no-repeat right center}
	
	#blue_top_bar{width:370px; height:34px; padding:0 10px 0 30px; position:absolute; top:69px; right:15px; list-style:none; background:url(http://www.ecologicalbuildingshop.ie/library/blue-bar-bg.png) no-repeat 0 0}
	#blue_top_bar li{margin:0; padding:0; float:left; }
	#blue_top_bar li a{display:block; padding:0 8px; font-size:12px; line-height:1; color:#fff; text-decoration:none; line-height:34px}
	#blue_top_bar li a:hover{text-decoration:underline;}
	
		#blue_top_bar #tot_cart:hover{text-decoration:none; background:#fff; color:#4375a3}
		
		#blue_top_bar #eco_facebook, #blue_top_bar #eco_twitter{padding:0;}
	
		#eco_facebook{width:22px; height:22px; display:block; text-indent:-9999px; margin:6px 5px 0; background:url(http://www.ecologicalbuildingshop.ie/library/sprite.png) no-repeat 0 -80px}
		#eco_facebook:hover{background-position:0 -102px}
		
		#eco_linkedin{width:11px; height:22px; display:block; text-indent:-9999px; margin:6px 5px 0; background:url(http://www.ecologicalbuildingshop.ie/library/sprite.png) no-repeat -47px -80px}
		#eco_linkedin:hover{background-position:-47px -102px}
		
		#eco_twitter{width:22px; height:22px; display:block; text-indent:-9999px; margin:6px 5px 0; background:url(http://www.ecologicalbuildingshop.ie/library/sprite.png) no-repeat -23px -80px}
		#eco_twitter:hover{background-position:-23px -102px}
		
		#mini_cart{position: absolute; top: 34px; right:0; background: white; line-height:1.5; width: 420px; -webkit-border-radius:0px 0px 10px 10px; border-radius:0px 0px 10px 10px; height: auto;z-index: 200; padding:15px; display:none;  -webkit-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, .2); box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, .2);}
		
			#mini_cart span{display:block; width:50px; height:50px}
			#mini_cart img{max-height:100%}
			#mini_cart table{border-bottom:1px solid #dedede; margin:0; padding:0 0 10px 0}
			
			#blue_top_bar #view_cart_button, #blue_top_bar #go_checkout_button{float:left; margin:15px 10px 0 0; text-decoration:none; padding:7px 10px; line-height:1; -webkit-border-radius:5px; border-radius:5px;}
			
			#blue_top_bar #view_cart_button{color:#4B4C14!important; background:#CACF01;}
			#blue_top_bar #view_cart_button:hover{background:#b2b603}
			
			#blue_top_bar #go_checkout_button{color:#fff!important; background:#366998}
			#blue_top_bar #go_checkout_button:hover{background:#265077}
	
	#second_nav{margin:0; padding:0; list-style:none; position:absolute; top:75px; left:260px;}
	#second_nav li{margin:0; padding:0; float:left; }
	#second_nav li a{display:block; padding:5px; margin:0 5px; font-size:12px; line-height:1; color:#fff;  -webkit-border-radius:5px; border-radius:5px; text-decoration:none;}
	#second_nav li a:hover{text-decoration:underline;}
	
		#second_nav .current_page_top{background:#36628B;}
	
	
/* CONTENT
----------------------------------------*/
#content{width:960px; height:auto;padding:15px; position:relative; line-height:1.5; background:#fff; margin:0 0 30px 0; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px;  -webkit-box-shadow:  0px 0px 15px 0px rgba(0, 0, 0, .2); box-shadow:  0px 0px 15px 0px rgba(0, 0, 0, .2);}

		#content p{padding:0 0 15px 0;}
		
		.slideshow_heading{color:#ced300; font-size:20px;}
		
		#content .shop_btn{width:180px; height:45px; line-height:45px; font-size:16px; padding:0 15px;  text-decoration:none; color:#fff; display:block; 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 .shop_btn:hover{background:#08335c url(http://www.ecologicalbuildingshop.ie/library/white-shop-btn-arrow.png) no-repeat right center}
		#content .shop_btn:focus{position:relative; top:1px;}
		
		#slideshow img{width:609px; height:250px; float:right}

	/* Left column */
	#leftcol{width:250px; height:auto; float:left; line-height:1.3;}
	
		#calc_button{width:104px; height:33px; margin:0 0 15px 0; text-indent:-9999px; padding:13px 2px 10px 49px; color:#a6c0d7; display:block; background:url(http://www.ecologicalbuildingshop.ie/library/sprite.png) no-repeat 0 -130px}
		#calc_button:hover{background-position:0 -186px;}
		
		#leftcol .left_links{width:248px; margin:0 0 15px 0; padding:0; list-style:none; background:#ededed; border:1px solid #c9c9c9; -webkit-border-radius:5px; border-radius:5px;}
		#leftcol .left_links li{}
		#leftcol .left_heading{color:#fff; font-size:14px; padding:5px 10px;	-webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; 	
		background: #3b6e9d; /* Old browsers */
		background: -moz-linear-gradient(top,  #3b6e9d 0%, #2f6291 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b6e9d), color-stop(100%,#2f6291)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #3b6e9d 0%,#2f6291 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #3b6e9d 0%,#2f6291 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #3b6e9d 0%,#2f6291 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #3b6e9d 0%,#2f6291 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b6e9d', endColorstr='#2f6291',GradientType=0 ); /* IE6-9 */
		}
		#leftcol .left_links li a{text-decoration:none; display:block; color:#606060; padding:4px 10px;}
		#leftcol .left_links li a:hover{text-decoration:underline;}
		
		.left_heading_green{color:#4b4c21; font-size:12px; padding:5px 10px;	-webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; 	
		background: #ced300; /* Old browsers */
		background: -moz-linear-gradient(top,  #ced300 0%, #c8cd02 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ced300), color-stop(100%,#c8cd02)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ced300 0%,#c8cd02 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ced300 0%,#c8cd02 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ced300 0%,#c8cd02 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #ced300 0%,#c8cd02 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ced300', endColorstr='#c8cd02',GradientType=0 ); /* IE6-9 */
		}
		
		#leftcol .current_page_subcats_side{background:#c8c8c8;}
		
		#newsticker{width:228px; height:110px; margin:0 0 15px 0; padding:10px; background:#ededed; border:1px solid #c9c9c9; -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px;}
		
			.newsdetail{width:128px; height:100px; margin:10px 0 0 10px}
			#newsticker p{padding:0 0 5px 0}
		
	/* Right column */
	#rightcol{width:700px; float:right; line-height:1.5; position:relative;}
	#stock_clearance {background:#EE3B33; border-radius:6px; color:#fff; display:block; font-weight:bold; margin:0 auto; padding:1%; position:absolute; right:0; text-align:center; text-decoration:none; top:2px; width:250px; -webkit-box-shadow:inset -3px -3px 4px 1px rgba(0,0,0,0.2), inset 3px 3px 4px 1px rgba(255,255,255,0.4), 2px 2px 4px 1px rgba(0,0,0,0.4);
box-shadow:inset -3px -3px 4px 1px rgba(0,0,0,0.2), inset 3px 3px 4px 1px rgba(255,255,255,0.4), 2px 2px 4px 1px rgba(0,0,0,0.4);}
		#stock_clearance:hover {background:#D72712;}

		#product_listing_area{width:660px; padding:0 30px;}
	
		#rightcol .breadcrumb{color:#dddddd; text-decoration:none; font-size:11px; padding:0 0 5px 0;}
		#rightcol .breadcrumb a{color:#979797; text-decoration:none}
		#rightcol .breadcrumb a:hover{text-decoration:underline;}
	
		#rightcol p{padding:0 0 15px 0;}
		#content ol{margin:0 0 15px 25px;}
		#content ul{ margin:0 0 15px 25px; list-style-image:url(../library/grey-arrow.png)}
		#content ul li{}
		
		#content .default_list{list-style:none; margin:0 0 10px 0}
		#content .default_list li{padding:3px 0}
		
		#offers{width:770px; height:auto; background:#4375A3; margin:0 0 0 10px; padding:10px;  -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px;}
				#offers h1, #offers h2, #offers h3, #offers h4, #offers h5, #offers p, #offers ul li, #offers ol li{color:#fff; list-style:circle;}
				#offers img{border:solid #FFF 2px;}
				#offers a{ text-decoration:none; color:#CCC;}
				#offers a:hover{ text-decoration:underline; color:#fff;}
		#detail_box{background:#e6e6e6; padding:10px; color:#818181}	
		
		#table-bg{background:#e6e6e6;}
		
			#table-bg .cms_form_cart{padding:5px;}
		
			#detail_box .subm{color:#444519; float:right; font-size:18px; cursor:pointer; padding:10px 30px 10px 10px; background:#cbd100 url(http://www.ecologicalbuildingshop.ie/library/basket-icon.png) no-repeat right center; border:none;}
			#detail_box .subm:hover{background:#b9be00 url(http://www.ecologicalbuildingshop.ie/library/basket-icon.png) no-repeat right center}
			
			.the_price{font-size:20px; font-weight:bold; color:#656565}
			
			#detail_box_left{width:170px; float:left; margin:0 10px 0 0;}
			#detail_box_left select{max-width:100%;}
			#detail_box_left .checkout_qty{display:inline-block; margin-left:8px;}
			
			#discount_area{display:block; padding:10px; background:#953232; color:#fff;}			
			
			.detail_spacer{display:block; margin:4px 0 5px; width:100%; height:1px; border-bottom:1px dotted #ccc}
			
			#prod_price_tot{display:block; font-size:18px; font-weight:bold;}
			#rightcol .prod_price{line-height:1.2; width:100px; float:left;}
			#rightcol .vat_status{font-size:12px; color:#a4a4a4; font-weight:normal; display:block;}
			
		
		#rightcol .table_style table{margin:0 0 15px 0}
		#rightcol .table_style table td, #rightcol .table_style table th{border:1px solid #c9c9c9; padding:7px;}
		#rightcol .table_style table tr:nth-child(odd){background:#f9f9f9;}
		#rightcol .table_style table tr:nth-child(even){background:#f2f2f2;}
		#rightcol .table_style table tr:hover{background:#e2e2e2}
		
		#home_content{margin-top:-65px; position:relative; z-index:2;}
		
		#contact_page form td{padding:5px 0}
		#contact_page form input, #contact_page form select, #contact_page form textarea{padding:5px; font-family: "pragmatica-web", Arial, Helvetica, sans-serif;font-size: 13px; color:#4a4a4a; background:#fff; border:1px solid #ccc; -webkit-border-radius:5px; border-radius:5px; -webkit-box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, .2); box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, .2); }	
		#contact_page form input:hover, #contact_page form select:hover, #contact_page form textarea:hover, 
		#contact_page form input:focus, #contact_page form select:focus, #contact_page form textarea:focus{border:1px solid #666}
		#contact_page form #subm, input[type=button]{padding:5px 20px; cursor:pointer; font-size:13px; border:none; text-decoration:none; -webkit-border-radius:5px; border-radius:5px; color:#fff; font-size:12px; text-align:center; background:#36628b}
		#contact_page form #subm:hover, input[type=button]:hover{background:#274b6c}
		
		/* News page */ 
		#rightcol .cms_current_news{padding:0;}
		#rightcol .cms_current_news a{padding:0 0 10px 0; display:block; font-size:18px; text-decoration:none; margin:0 0 10px 0; border-bottom:1px solid #ccc;}
		#rightcol .cms_current_news a:hover{text-decoration:underline;}
		#rightcol .cms_current_news_desc{padding:0; margin:0 0 20px 0;}
		
		#content .cms_faq_answer_title{margin:0; padding:0 0 15px; font-size:16px; color:#2f6291;}
		#faq_page hr{margin:50px 0;}
		
		#rightcol table{margin:0 0 15px}
		#rightcol table td{padding:5px; border:1px solid #ccc;}
		#rightcol #image_table td{border:none; }
		
		#contact_page #rightcol table td{border:none; padding:5px 0;}
		#rightcol .checkout_table td{border:none;}
		

/* FOOTER
----------------------------------------*/
#footer{width:990px; margin:0 auto 30px; color:#8c8c8c; font-size:11px;}

	#footer_left{width:450px; float:left;}
	
	#footer_right{width:450px; float:right; text-align:right;}
	
		#footer_right a{text-decoration:none;}
	
	#footer a{color:#8c8c8c}
	#footer a:hover{color:#565656; text-decoration:underline;}
	


/* FORM STYLING
----------------------------------------*/
form{margin:0;}

input, textarea, select{margin:0; color:#4a4a4a; font-family:"pragmatica-web", Arial, Helvetica, sans-serif; font-size:13px; background: #fff; text-transform:none;  border:1px solid #cfcfcf;  -webkit-border-radius:3px; border-radius: 3px; box-shadow: 0 4px 5px -5px rgba(0, 0, 0, 0.3) inset;}
input[type=text], input[type=password]{height:24px; margin-right:10px; padding:3px 6px;}
textarea{padding:3px 6px;}
input[type=text]:hover, input[type=password]:hover, input[type=text]:focus, input[type=password]:focus, select:hover, select:focus{border:1px solid #2F6291;}

select{padding:6px; margin-right:10px;}


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





/* ECOMMERCE SITES, PRODUCT LISTING
--------------------------------------------------------- */
.cms_prod_listing{width:200px; height:300px; position:relative; z-index:5; line-height:1.2; color:#474747;  float:left; margin: 0 20px 20px 0;}
.cms_prod_listing_rec{width:185px; border: 3px solid #4275A4;
    border-radius:10px; -webkit-border-radius:10px; height:255px;  font-weight:bold; position:relative; z-index:5; line-height:1.2; color:#474747;  float:left; margin:5px 2.5px 0 2.5px;}
.cms_prod_listing_rec a{text-decoration:none; color:#474747}
.cms_prod_listing_rec:hover{  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.8);}

span .cms_prod_listing{display:block;}
#related_prods .detail_heading { color:#fff; text-align:center; font-size:20px; padding-top:15px;}
#related_prods .cms_prod_listing_related {width: 200px; height:220px; background:#fff; -webkit-border-radius:10px; border-radius:10px; display:block; margin:0px auto 20px auto; padding:10px;}
#related_prods .cms_prod_listing_related a{color:#474747; text-decoration:none; font-weight:bold; line-height:1.2; text-align:center; display:block; padding-top:0px;}
#related_prods .cms_prod_listing_related * { color:#fff;}
#related_prods .cms_prod_listing_related:hover{ color:#4275A4;-webkit-box-shadow: 0 0 4px 4px rgba(0,0,0,0.4);
box-shadow: 0 0 4px 4px rgba(0,0,0,0.4);}
#related_prods .cms_prod_listing_related a:hover {color:#4275A4}
#related_prods .listing_image img{display:block; margin:0 auto; margin-bottom:10px;}
#rightcol .cms_prod_listing:hover{podition:relative;  z-index:10;}
#rightcol .cms_prod_listing img{max-width:100%} 
#rightcol .cms_prod_listing form{width:179px;  padding:10px; position:relative;}
#rightcol .cms_prod_listing p{padding:0 10px 10px}
.listing_desc{display:block; margin:0 0 10px 0}
.middle a{margin:0 auto!important}
#related_prods{ background:#4275A4; height:auto; width:250px; -webkit-border-radius:5px; border-radius:5px; padding-bottom:5px;}
#rightcol .scroller_prodname{width:164px; display:block; margin:0 auto}
	
.cms_prod_listing_content{ width: 199px; height:290px; background:#fff; position:absolute; top:0;border:solid 3px #4275A4; -webkit-border-radius:10px; border-radius:10px; }
		.cms_prod_listing_banner{width: inherit;height: 30px;text-align:center; line-height: 1.6em; font-weight: bold; font-size: 18px; color: #fff;}
		.active_banner{background: /*url(../library/product_top_banner.jpg)*/ #4275A4; }
		
				.light_green{border:solid 3px #00cc00;}
					.light_green .active_banner{background:#00cc00;}
				
				.dark_green{border:solid 3px #006600;}
					.dark_green .active_banner{background: #006600;}
					
				.grey{border:solid 3px #c8c8c8}
					.grey .active_banner{background: #c8c8c8}
					
				.yellow{border:solid 3px #ffff33;}
					.yellow .active_banner{background: #ffff33;}
					
				.dark_blue{border:solid 3px #003399; }
					.dark_blue .active_banner{background: #003399; }
					
				.light_blue{border:solid 3px #97b9ff;}
					.light_blue .active_banner{background: #97b9ff;}
					
				.red{border:solid 3px #ff0000;}
					.red .active_banner{background: #ff0000;}
				
				.orange{border:solid 3px #ff9900;}
					.orange .active_banner{background: #ff9900;}
					
				.green{border:solid 3px #009900;}
					.green .active_banner{background: #009900;}
					
				.yellow_green{border:solid 3px #978f02;}
					.yellow_green .active_banner{background: #978f02;}
					
				.eco_green{border:solid 3px #ced300;}
					.eco_green .active_banner{background: #ced300;}
		
		
		
		
		
		

.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:190px;  vertical-align:bottom}

	.special_offer_list{display:block; position:absolute; top:2px; right:2px; width:50px; height:50px; background:url(../library/offer-new.png) no-repeat; background-size: contain;}
	
	.special_offer_detail{display:block; position:absolute; top:10px; left:0; width:50px; height:44px; background:url(../library/offer.png) no-repeat 0 0}
	
#rightcol .cms_prod_listing img{display:block; margin:0 auto 10px; vertical-align:bottom}
#rightcol .price_listing{float:right; margin:0; color:#C21724; font-weight:bold; text-align:right}
#rightcol .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: 360px; 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;}





/* ==========================================================
CHECKOUT SECTION 
========================================================== */

/* =============
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:60px; max-width:60px;}


/* 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;}

	

/* Use these if you want to style any of the sections at the order confirmation page 
#checkout_final_bill_to{}
#checkout_final_ship_to{}

#checkout_final_order_summary{}
#checkout_final_ship_cost{}

#checkout_final_paym{}
#checkout_final_instructions{}*/




/* ==========================================================
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_message{width: 800px;border:solid 1px red;position: absolute;left: 50%;margin-left: -400px; top: 200px; background:#F5F5F5;text-align:center;padding:20px;}


#added_confirm{background: #4375a3; color:#fff; -webkit-border-radius:15px; border-radius:15px; position: absolute; top: 0px;left:0px; padding:20px; z-index:200;display:none; -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, .1); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, .1); }
#added_confirm a{color:#fff;}
#added_confirm a:hover{color:#c6dcf1}



/******************  product slider  *****************/
#slides_container{width: 400px; height: 300px;position:relative; border:4px solid #cacaca; overflow:hidden;}

#slides_container div{z-index: 25;}

#lefthandle2{display: block;width: 20px; height: 14px;background-image: url(http://www.ecologicalbuildingshop.ie/library/slider-arrows.png);float: left;}
#lefthandle2:hover{background-position: bottom left;}
#righthandle2{display: block;width: 20px; height: 14px;background-image: url(http://www.ecologicalbuildingshop.ie/library/slider-arrows.png);background-position: top right;float:right;}
#righthandle2:hover{background-position: bottom right;}

#slide_progress{width: 100px; margin-left: auto;margin-right: auto;z-index:1501;}
	.progress{ width:7px;height:7px;margin:3px;float:left;}
	.active{background-color: red;}
	.inactive{background-color: black;}
	
	
	#all_slides{width: 400px; height: 400px; float:left; margin-left: auto;margin-right:auto;}
	
	#caption_content{width: 100%; height: 35px;z-index: 500;position: absolute;bottom:0px;left:0px;background-color: #666666;opacity:0.8;text-align:center; display:none;}/* show s the caption */
		#caption_content p{font-size: 16px; font-weight:bold;opacity: 1;margin-top: 5px;}	
			
/***************************************************************/


/* carousel on the home page */

	   				ul.overview{padding:0; width: 650px !important;}
				
				#slider_home_top { overflow:hidden; position: relative; padding: 0 0 0px; margin:0px auto 20px auto; width:700px; }
				
				#slider_home_top .viewport { float: left; width: 650px; margin:20px 25px 20px 25px; height: auto; overflow: hidden; position: relative; }
				
				
					#slider_home_top .viewport .cms_prod_listing_rec { width:300px; height: 330px; border: none; background: #eee; -webkit-border-radius:0px; border-radius: 0px;  }
					#slider_home_top .viewport .cms_prod_listing_rec img { max-width:100%; min-width: 100%; height: auto;}
					#slider_home_top .viewport  #rightcol .scroller_prodname { width:160px;}
				#slider_home_top .buttons {position:absolute; z-index:10; top:50%; margin:-45px 0 0; display: block; text-indent: -999em; float: left; width: 40px; height:40px; background-color:#4D7DA7;  overflow: hidden; }
				#slider_home_top .prev{left:0px; background-image:url(../library/arrow-previous.png); background-repeat:no-repeat; background-position:center center}
				#slider_home_top .next { right:0px; background-image:url(../library/arrow-next.png); background-repeat:no-repeat; background-position:center center }
				#slider_home_top .prev:hover,  #slider_home_top .next:hover{ background-color:#014c2f; }
				#slider_home_top .disable { visibility: hidden; }
				#slider_home_top .overview { list-style: none; }
				#slider_home_top .overview li{ float: left;  height: 330px; ; width: 300px; position:relative; z-index:5; margin:10px;}
				#slider_home_top .viewport ul{margin:0;}
				#slider_home_top .overview li a{text-decoration:none; color:#474747; line-height:1.2; font-weight:bold; background:#ccc; }
					


				#slider_home_top .buttons { display:none}
				#slider_home_top .overview li a:hover{text-decoration:none;}
				.scroller_img{display:block; width:100%; height:auto; margin:0 0 10px 0; }
				.scroller_img img{display:block; margin:0px auto;}
				.scroller_prodname { text-align:center; display:block; text-decoration:none; font-size:15px; font-weight:700; color:#4D7DA7}
				.cms_prod_listing_rec .scroller_prodname:hover{ color:#EE3B33; text-decoration:none;}

	   .cms_prod_listing_rec{width:210px;  height:225px;  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; border:3px solid #4D7DA7; -webkit-border-radius:5px; border-radius:5px;overflow:hidden;}
.cms_prod_listing_rec a{text-decoration:none; color:#474747}
.cms_prod_listing_rec:hover{ box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.2)}
		.small_banner, .large_banner{width: 55px; height:auto; background:url(../library/corner_bg.png) top left no-repeat; background-size: contain;  position:absolute;  padding:5px 80px 80px 5px; color:#fff; font-size:15px; text-align:left; top: 0px !important; left:0px !important;
}
		/*.large_banner{width: 200px; height:auto; background:#4474A4; position:absolute; padding:15px; color:#fff; font-size:16px; text-align:center;}*/
	   
  #slider_heading { font-size:25px; position:absolute; background:#fff; padding:0px 10px; top:-15px; left:15px; z-index:50000;}
	
/*
ul.overview{padding:0;}

#slider_home_top { height: 1%; overflow:hidden; position: relative; padding: 0 0 15px; border:2px solid #4D7DA7; -webkit-border-radius:8px; border-radius:8px;   }
#slider_home_top .viewport { float: left; width: 780px; height: 270px; overflow: hidden; position: relative; }
#slider_home_top .buttons {position:absolute; z-index:10; top:50%; margin:-20px 0 0; display: block; text-indent: -999em; float: left; width: 40px; height:40px; background-color:#666666; background-color: rgba(0, 0, 0, .4); overflow: hidden; }
#rightcol #slider_home_top .prev{left:0; background-image:url(http://www.ecologicalbuildingshop.ie/library/arrow-previous.png); background-repeat:no-repeat; background-position:center center}
#rightcol #slider_home_top .next { right:0; background-image:url(http://www.ecologicalbuildingshop.ie/library/arrow-next.png); background-repeat:no-repeat; background-position:center center }
#rightcol #slider_home_top .prev:hover, #rightcol #slider_home_top .next:hover{ background-color:#414141; background-color: rgba(0, 0, 0, .8);}
#slider_home_top .disable { visibility: hidden; }
#slider_home_top .overview { list-style: none; position: absolute; width: 240px; left: 0 top: 0; }
#slider_home_top .overview li{ float: left;  height: 232px; background:#fff; width: 195px; position:relative; z-index:5}
#slider_home_top .viewport ul{margin:0;}
#slider_home_top .overview li a{text-decoration:none; color:#474747; line-height:1.2; font-weight:bold;}
#slider_home_top .overview li a:hover{text-decoration:underline;}
.scroller_img{display:block; width:100%; height:150px; margin:0 0 10px 0}
.scroller_img img{display:block; margin:10px auto}
#slider_home_top .overview li .cms_prod_listing{padding:10px; width:179px; height:195px;}

*/








/*** calcualtor */

.result{display:none;}
#calculator{position: absolute; padding:10px; color:#4a4a4a; font-size:13px; width: 400px; height: 350px; background: #fff; -webkit-border-radius:10px; border-radius:10px; top:25%; left: 50%;margin-left: -250px;z-index: 500;display:none; -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, .2); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, .2)}

	#calculator td{padding:7px;}
	#calculator .form_width{width:90%}
	
	.result{background:#f1f1f1;}
	
	#calculator input, #calculator select{padding:5px;}
	
	#calculator .heading_text{padding:0 0 15px 0}
	
	#closeCalc{width:22px; height:22px; display:block; text-indent:-9999px; position:absolute; top:-5px; right:-5px; background:url(http://www.ecologicalbuildingshop.ie/library/close-btn.png) no-repeat 0 0}
	#closeCalc:hover{background-position:0 -22px}



/* ==========================================================
LOGIN PANEL
========================================================== */
#grey_layer{position: absolute; top: 0;left: 0; width: 0; height: 0;z-index:449;background:#000000;}

#login_panel{width: 290px;height:200px; -webkit-border-radius:5px; border-radius:5px; padding:15px; background: white;position:absolute;left: -9999px;top: 0px;z-index:505;}

	#close-panel{position:absolute; top:15px; right:15px; text-indent:-9999px; width:17px; height:17px; background:url(../library/checkout/close-button.png) no-repeat 0 0}
	#close-panel:hover{background-position:0 -18px}
	
	.form_bold{color:#2f6291; font-size:18px; padding:0 0 10px 0;}
	
	.form_input{padding:5px 0}
	
		.form_input label{float:left; width:100px; line-height:2.3}
		.form_input input{width:176px; margin-right:0;}
	
	.login_spacing{padding:10px 0;}
	
		.right_button{float:right}



/*  home banner to show once only */
#home_banner{left:50%; width:100%;  z-index: 5000; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .15); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .15); display:none; background:#fff; padding:20px 0;}

	#home_banner p{padding:0 0 10px;}
	
	#top_left{width:650px; float:left}
	
		#top_left .heading{font-size:16px; color:#2f6291}
	
	#top_right{width:200px; float:right;}
	
		#top_right a{float:right; padding:7px 29px 7px 10px; color:#fff; background:#4474a4 url(../library/x.png) no-repeat right center; text-decoration:none; -webkit-border-radius:3px; border-radius:3px;}
		#top_right a:hover{background:#36628b url(../library/x.png) no-repeat right center;}
		#top_right a:focus{position:relative; top:1px}



		
		/*******************  COOKIE LAW  *****************/
	#cookie_button{width: 135px; height: 123px; position: absolute; right: 0px; top: 0px; background:url(../library/cookies/cookies_bg_blue.png) no-repeat;overflow:hidden; font-family: Arial, Helvetica, sans-serif; }
		#cookie_button:hover{background:url(../library/cookies/cookies_bg_hover_blue.png) no-repeat;}
	#cookie_content{width: 830px;height:123px;margin-left: 134px;background:url(../library/cookies/cookies_content_bg_blue.jpg) repeat-x ; color:#fff; font-size:13px; }
		#cookie_content p {  text-align:right;margin-top: 0px; line-height:1.5}
		#cookies_accept a{background:url(../library/cookies/tick.png) no-repeat 120px -5px; padding:0px 140px 0px 0px; 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  ****************/


@media only screen and (max-width:1006px) {
	
	* {box-sizing:border-box;}

	#slideshow_home, #slideshow_inside,
	#slider_home_top, #slideshow_home_previous, #slideshow_home_stop, #slideshow_home_start, #slideshow_home_next, 
	#top_nav ul, #top_nav li img, .left_heading, #newsticker, #mini_cart {display:none !important;}
	#header, #header_logo, #content, #rightcol, #slider_home_top, /*#rightcol img,*/ #stock_clearance, #footer, #footer_left, #footer_right, #product_listing_area, #leftcol, #right_detail, #image_table, #image_table tbody, #image_table tr, #image_table td {width:100%;display:block;float:none;margin:0;position:relative;}
	
	#header_logo {background:url('../library/logo.png') no-repeat center center; height:160px;}
		#header, #top_nav, #blue_top_bar {height:auto;}
		#blue_top_bar li a {padding:20px 10px;}
		#header_logo, #second_nav, #tech_support_button, #blue_top_bar, #top_nav {position:relative; width:100%; display:block; top:0;left:0; right:0; bottom:0;}	
	#mobile_nav {display:block;padding:20px;text-align: center;text-decoration: none;width: 100%;}
		#top_nav {background:#FAFAFA; display:none;}
			#top_nav li {float:none;width:100%;}
			#top_nav li a {text-align:center;}
		#second_nav {background: rgba(39, 75, 108, 0.8);padding: 10px 20px;text-align: center;}
		#blue_top_bar {background:#4D7DA6;text-align:center;}
			#blue_top_bar li, .cms_prod_listing, #second_nav li {float:none;display:inline-block;}
		.first_link .current_page_cats {border-radius:0;}
		
	#leftcol, #leftcol .left_links {width:100%;text-align:center;}
		#leftcol .left_links li a {padding:15px; width:100%;}
		#leftcol .left_links li a:hover{background:#fff; text-decoration:none;}
	#rightcol {text-align:center;}
		/*#rightcol img {margin-top:20px;}*/
		#rightcol .detail_heading {margin:60px 0 10px;}
		#rightcol .cms_prod_listing img {display: block;margin: 0 auto 10px;vertical-align: bottom;width: auto;}
		#rightcol .cms_prod_listing form, .cms_prod_listing_content {width:100%;}
	#calc_button {color: #a6c0d7;display: block;height: 57px;margin: 20px auto;padding: 13px 2px 10px 49px;text-indent: -9999px;width: 153px;}
	#product_listing_area {padding:0;}
	#rightcol .prod-text table {margin:0 auto 15px;}
	#faq_page hr{margin:50px auto;}
	.cms_prod_listing {width:49%; margin:0 0 45px;}
	#tech_support_button {margin:10px auto;}
	#content ul {list-style-image:none;list-style:none;}
		/*#content ul li {padding:10px;}*/	
	#footer_left, #footer_right {padding:6px 0; text-align:center;}
	#footer_left p {padding-top:10px;}
}

@media only screen and (max-width:600px) {
	#contact_page #rightcol table td, #contact_page #rightcol table tr td textarea#elId_8381.cms_form, #contact_page #rightcol table tbody tr td input#strCAPTCHA {display:block; text-align:center; width:100%;}
	#rightcol table#image_table tbody tr td.thumnail_prod { height:100px; clear:both;}
	#related_prods .cms_prod_listing_related {width:50%;}
	#login_panel {height:230px; text-align:center; max-width:260px;}
		.form_input label {display:block; float:none; margin:0 auto;}
		.right_button {float:none;}
	#added_confirm {min-height:220px; max-width:280px!important; padding:5px;}
		#added_confirm a {display:block;}
}

@media only screen and (max-width:480px) {
	h1 {font-size:18px; padding:15px 0 5px;}
	#second_nav {padding:10px 2px;}
		#second_nav li a {margin:0 2px;}
	#blue_top_bar {margin:0; padding:0;}
		#blue_top_bar li:nth-child(5), #blue_top_bar li:nth-child(6) {display:inline-block; width:25%;}
		#blue_top_bar li a {padding:8px;}
		#blue_top_bar #eco_facebook, #blue_top_bar #eco_twitter {margin:0 auto 10px;}
	.cms_prod_listing {margin-bottom:50px; width:98%;}
	#current_img_container {width:100%;}
		#current_img img {max-width:100%;}
	#right_detail ul {margin:0; padding:0;}
	#rightcol .price_listing {float:none; text-align:center;}
	.prod_listing_cart {left:0; margin:auto; right:0;}
	#detail_box .subm {float:none;}
}

@media only screen and (max-width:400px) {
	#cookie_button #cookies_title {font-size:12px; margin:0;}
		#cookie_content p {font-size:10px;}
	#rightcol .detail_heading {margin:0px 0 10px;}	
	#detail_box_left, #rightcol .prod_price {float:none; width:100%;}
	#content ul.tabs li a {font-size:12px; padding: 0 3px!important;}
}