﻿/*	Updated 26-07-13*/
	
/*#phone-header-er {
	position:absolute;
	left:-128px;
	top:-60px;
	
	width:329px;
	height:189px;
	z-index:101;
}

a.phone-header-er {
	display: block;
	width:329px;
	height:189px;
	text-decoration: none;
	background-image:url(/img/sean-header-er.png);
	}
	
a.phone-header-er:hover {

	background-image:url(/img/sean-positions/sean-header-hover-er.png);
	}
	*/
a.btn_freedelivery_header-er {
	display: block;
	margin-right:-60px;
	margin-bottom:5px;
	height:34px;
	width:288px;
	text-decoration: none;
		background-image:url(/img/btn_freedelivery_header-er.png);
		background-position: top;
	}

a.btn_freedelivery_header-er:hover {
	background-position: bottom;
		background-image:url(/img/btn_freedelivery_header-er.png);
	}	
	
.h2NewPriceER {
	
	font-family: 'sari_blackitalic';
	color:#3e719c;
	 font-size:24px;
	text-shadow:
	0 -1px 0 #fff,
	0 1px 0 #fff,
     0 2px 0 #c9c9c9,
      0 3px 0 #bbb,
     0 1px 3px rgba(0,0,0,.3);
	padding-top:20px;
	margin-bottom:10px;
	padding-left:0px;
	letter-spacing:-1px;
	
}



.icon-express-delivery-er {
	
	display: block;
	width:88px;
	height:74px;
	text-decoration: none;
	background-image:url(/img/icon_expressdelivery-er.png);
	background-position:bottom;
	}

.icon-express-delivery-er:hover {

	background-position:top;
	}
	


.icon-standard-delivery-er {
	
	display: block;
	width:165px;
	height:42px;
	text-decoration: none;
	background-image:url(/img/icon_delivery_new-er.png);
	background-position:top;
	}

.icon-standard-delivery-er:hover {

	background-position:bottom;
	}
	


.icon-free-delivery-er {
	
	display: block;
	width:165px;
	height:42px;
	text-decoration: none;
	background-image:url(/img/icon_freedelivery_new-er.png);
	background-position:top;
	}

.icon-free-delivery-er:hover {

	background-position:bottom;
	}
	
	
	

.sidebar-navigation-er {
	padding-left:20px;
	padding-top:20px;
	width:244px;
	height:1000px;
	background-image:url(/img/bg-sidebarnavigation.png);
	background-repeat:no-repeat;
	
	
}



.sidebar-navigation-er ul {
	list-style:none;
	
	
	 
}
.sidebar-navigation-er li {
	padding-bottom:30px;
	padding-top:20px;
	padding-left:0px;
	line-height:14px;
	background-repeat:no-repeat;
	margin-right:15px;
	background-image:url(/img/sidenav_li_bg.png);
	background-position:bottom;
	min-height:60px;
		
	
}
	


.sidebar-navigation-er img {

	display:inline;
	margin-top:-10px;
	padding-left:170px;
	position:absolute;
	
	
}

.sidebar-navigation-er img:hover {

	display:inline;
	margin-top:-9px;
	padding-top:2px;
	
	
	
	
}

.h3New-er {
	
	font-family: 'sari_blackitalic';
	color:#fb126f; font-size:22px;
	text-shadow:
	0 -1px 0 #fff,
	0 1px 0 #fff,
     0 2px 0 #c9c9c9,
      0 3px 0 #bbb,
     0 1px 3px rgba(0,0,0,.3);
	padding-top:20px;
	padding-bottom:20px;
	padding-left:10px;
	letter-spacing:-1px;
	
	}
	

#quick_basket_er {
	margin-left:-0px;
	background-repeat: no-repeat;
}
a.quick_basket_er {
	display: block;
	width: 480px;
	height: 57px;
	text-decoration: none;
	background-image: url(/img/bg_er_quickbasket.png);
	background-position:top;
}
a.quick_basket_er:hover {
	background-image: url(/img/bg_er_quickbasket.png);
	background-position:bottom;
}

.er_button {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffa3cf;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffa3cf;
	box-shadow:inset 0px 1px 0px 0px #ffa3cf;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff0091), color-stop(1, #b80e4d) );
	background:-moz-linear-gradient( center top, #ff0091 5%, #b80e4d 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0091', endColorstr='#b80e4d');
	background-color:#ff327a;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #969696;
	display:inline-block;
	color:#fffcff;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:6px 8px;
	text-decoration:none;
}
.er_button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b80e4d), color-stop(1, #ff0091) );
	background:-moz-linear-gradient( center top, #b80e4d 5%, #ff0091 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b80e4d', endColorstr='#ff0091');
	background-color:#b80e4d;
}
.er_button:active {
	position:relative;
	top:1px;
}

/*Added 11/10/2013 for new eroofs design*/
@charset "UTF-8";
/* CSS Document */

	* {
	margin: 0;
	padding: 0;
}
body {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	height:100%;
	;
}
h1 {
	font-size:24px;
}
h2 {
	font-size:18px;
	color:#43739c;
}
h3 {
	font-size:14px;
	color:#696969;
}
h4 {
	font-size:12;
	color:#3d3d3c;
}
a {
	color:#666;
	font-size:11px;
}
#page-wrap {
	width: 1131px;
	margin: 0px auto;
	margin-top:65px;
	background-image:url(/img/bg_pagewrap_shadow.png);
}
#tab-bar {
	position:fixed;
	text-align:center;
	top:0px;
	width: 100%;
	margin: 0px auto;
	padding: 0px;
	background-image:url(/img/bg_topbar.gif);
	height:65px;
	z-index:100;
}
#top-bar-holder {
	width: 1131px;
	margin: 0px auto;
}
.minitab_eroofs_on {
	background-image: url(/img/mini_tabs_eroofs_on.png);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 51px;
	width: 111px;
}
a.minitab_eroofs_on {
	display: block;
	height: 51px;
	width:111px;
	text-decoration: none;
	background-image: url(/img/mini_tabs_eroofs_on.png);
}
a.minitab_eroofs_on:hover {
	background-position: top;
}
.minitab_edecks_off {
	background-image: url(/img/mini_tabs_edecks_off.png);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 50px;
	width: 100px;
}
a.minitab_edecks_off {
	display: block;
	height: 50px;
	width:100px;
	text-decoration: none;
	background-image: url(/img/mini_tabs_edecks_off.png);
}
a.minitab_edecks_off:hover {
	background-position: top;
}
.social_fb {
	background-image:url(/img/social_fb.png);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 81px;
	width: 45px;
}
a.social_fb {
	display: block;
	height: 81px;
	width:45px;
	text-decoration: none;
	background-image:url(/img/social_fb.png);
}
a.social_fb:hover {
	background-position: top;
}
.social_twitter {
	background-image:url(/img/social_twitter.png);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 81px;
	width: 45px;
}
a.social_twitter {
	display: block;
	height: 81px;
	width:45px;
	text-decoration: none;
	background-image:url(/img/social_twitter.png);
}
a.social_twitter:hover {
	background-position: top;
}


.button-grey {
	-moz-box-shadow: 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow: 0px 1px 0px 0px #ffffff;
	box-shadow: 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:10px;
	padding:3px 4px;
	text-decoration:none;
	margin:2px;
}
.button-grey:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}
.button-grey:active {
	position:relative;
	top:1px;
}
#footer {
}
#footer a {
	color:#43739c
}
#footer a:hover {
	color:#fb0064
}
.price-large {
    color: #fb126f;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 10px;
    padding-top: 10px;
}
.read-more a {background-color:#3e719c; color:#FFF; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; margin-top:20px; text-decoration:none}
.read-more a:hover {background-color:#ff327a; color:#FFF; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; margin-top:20px;}
.read-less { }
.read-less a {background-color:#3e719c; color:#FFF; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; margin-top:20px; text-decoration:none}
.read-less a:hover {background-color:#ff327a; color:#FFF; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; margin-top:20px;}

	/*Updates for eR department side navigation*/


.department-side-navigation {
	padding-top:20px;
	padding-left:15px;
	}
	
.department-side-navigation h2 {
	color:#FFF;
	font-size:18px;
	padding-top:20px;
	padding-bottom:10px;
	padding-left:5px;}
	
	.department-side-navigation li {
		background-image:url(/img/dept_li_bg.png);
		background-repeat:no-repeat;
		height:122px;
		list-style:none;
		padding-top:5px;
	}
	.department-side-navigation li:hover {
		background-image:url(/img/er_dept_li_bg_hover.png);
		background-repeat:no-repeat;
		height:122px;
		list-style:none;
	
	}
	
		.department-side-navigation a {
			text-decoration:none;
			line-height:13px;
	}
	
			.department-side-navigation a:hover {
				color:#ff327a;
			text-decoration:none;
			line-height:13px;
	}
	
		
	
		.department-side-navigation img {
			margin-left:10px;
			width:95px;
			height:auto;
			
		
	}
	.department-side-link {
		font-size:14px;
		padding-top:5px;
		width:110px;
		height:70px;
	
	
			
		
	}
#department-counter { padding-left:10px;
margin-top:-1px;
margin-left:0px;
padding-top:3px;
font-size:10px;
}
	
	
	
.department-counter-button {
	text-align:center;
	-moz-box-shadow:inset 0px 1px 0px 0px #ff79a8;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ff79a8;
	box-shadow:inset 0px 1px 0px 0px #ff79a8;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff005a), color-stop(1, #ef0054) );
	background:-moz-linear-gradient( center top, #ff005a 5%, #ef0054 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8c00', endColorstr='#fa7500');
	background-color:#ff327a;
	-moz-border-radius:2x;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #696969;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:9px;
	font-weight:bold;
	padding:2px 3px;
	text-decoration:none;
	text-shadow:1px 1px 0px #783800;
	margin-right:7px;
}.department-counter-button:hover {
	
	basket-background-color:#fa7500;
}.department-counter-button:active {
	position:relative;
	top:1px;
}

/*24 06 2015 - Pips footer changes (and also styles for section2.aspx)*/
.button_new {text-align:center;
-moz-box-shadow:inset 0px 1px 0px 0px #fce08d;
-webkit-box-shadow:inset 0px 1px 0px 0px #fce08d;
box-shadow:inset 0px 1px 0px 0px #fce08d;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff0091), color-stop(1, #b80e4d) );
background: #ff327a -moz-linear-gradient(center top , #ff0091 5%, #b80e4d 100%) repeat scroll 0 0;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0091', endColorstr='#b80e4d');
background-color:#fb126f;
-moz-border-radius:2x;
-webkit-border-radius:2px;
border-radius:2px;
border:1px solid #696969;
display:inline-block;
color:#ffffff;
font-family:arial;
font-size:9px;
font-weight:bold;
padding:2px 3px;
text-decoration:none;
text-shadow:1px 1px 0px #783800;
margin-right:7px;}
.headerBestseller {
    background-image:url(/img/dept_header_bestsellers_eR.png); width:819px; height:59px;
}
.sectionHeader {
    width: 243px; color: #D4C7C7; font-size: 12px; font-weight: bold; padding-left: 15px; height: 106Px; background-image: url(/img/dept_header_eR.png);
}