/*
title:		Everest Kitchens stylesheet
created:	05.11.2009
modified:	04.12.2009
*/


/* ================[ reset ]================ */

* { padding: 0; margin: 0; }

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%;
}

img { border: none; }

/* ================[ general styles ]================ */

body {
	font-size: 62.5%; /* 1em is now 10px */
	font-family: Arial, sans-serif;
	color: #000;
	background: #f2f2f2;
}

ol, ul { list-style: none; }

a { color: #000; }
a:hover {  }

.clearme { clear: both; height: 0; font-size: 0em; }
.hideme { visibility: hidden; }
.none { display: none; }

fieldset{border:none;}

/* ================[ layout ]================ */

div#container {
	width: 959px;
	margin: 0 auto;
	background: #c5c5c4;
	padding-bottom: 20px;
}

div#innerWrap {
	width: 949px;
	padding: 0 5px;
	font-size: 1.2em;
}

/* ================[ header ]================ */
div#flashIntro { position: relative; }
h2#altFlashText { position: absolute; top:40px; left: 60px; color:#FFF;font-size:7em; }

div#header {
	width: 936px;
	height: 91px;
	background: url(../images/headerBG.jpg) top left no-repeat;
	padding: 18px 0 0 23px;
	position: relative;
	border-bottom: 1px solid #f2f2f2;
}

span#logo { margin-top: 11px; float: left; }
span#logo h1 { text-indent: -5555px; }
div#getintouch {
	float: right;
	width: 500px;
	text-align: right;
	margin-right: 13px; display: inline;
	font-family: Tahoma, Geneva, sans-serif;
}
h1#topHeader { display:none; }

div#getintouch ul {
	margin-bottom: 15px;
}

div#getintouch li {
	display: inline;
	font-size: 1.2em;
	padding-left: 10px;
	margin-left: 10px;
	border-left: 1px solid #959595;
}

div#getintouch li.first { border-left: none; }

div#getintouch li a {
	text-decoration: none;	
	color: #959595;
}

div#getintouch p {
	color: #551151;
	font-size: 1.5em;
	float: left;
	margin-left: 175px; display: inline;
}

div#getintouch span#callNowHeader {
	width: 210px;
	height: 24px;
	display: block;
	background: url(../images/phone.gif) top left no-repeat;
	text-indent: -5555px;
	text-align: left;
	float: right;
	margin-bottom: 10px;
}

/* ================[ navigation ]================ */


ul#jumpNav {
	position: absolute;
  	left: -10000px;
  	top: auto;
  	width: 1px;
  	height: 1px;
  	overflow:hidden;	
}

ul#mainNav {
	position: absolute; bottom: 0; right: 0;	
}

ul#mainNav li {
	float: left;
	margin-left: 1px;
	display: inline;
}

ul#mainNav a {
	font-size: 1.1em;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	float: left;
	padding: 6px 12px 0 12px;
	height: 20px;
	background: url(../images/navBG.gif) top left repeat-x;
	color: #b196af;
	font-weight: bold;
}

ul#mainNav a#ctl00_MainNavigation_OurOffers { background: url(../images/offersNavBG.gif) top left repeat-x; color: #eb89a9; }
ul#mainNav a#externalLink { background: url(../images/externalNavBG.gif) top left repeat-x; color: #80adb8; }

ul#mainNav a:hover, ul#mainNav a#ctl00_MainNavigation_OurOffers:hover, ul#mainNav a#externalLink:hover, ul#mainNav a#ctl00_MainNavigation_OurOffers.selected, ul#mainNav a#externalLink.selected { color: #FFF; }
ul#mainNav a.selected { background-position: 0 -26px; color: #FFF; }

/* ================[ homepage ]================ */

div.homeHighlight {
	width: 	313px;
	float: left;
	margin-right: 5px; display: inline;
	background: #989896;
	height: 125px;
	margin-bottom: 5px;
	position: relative;
	
	margin-top: 5px;
}
div.homeHighlight-last { margin-right: 0; }

div.homeHighlight h3 {
	background: url(../images/homeHighlightHead.jpg) top left no-repeat;
	height: 27px;
	width: 264px;
	padding: 5px 5px 0 44px;
	color: #FFF;
	font-size: 1.3em;
}

div.homeHighlight p {
	margin-bottom: 3px;
	height: 52px;
	background: #FFF;
	padding: 10px 14px 5px 14px;
}

div.homeHighlight a {
	background: url(../images/greenLink.gif) top left repeat-x;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	padding: 2px 10px 4px 10px;
	display: inline-block;
	float: right;
	margin-right: 4px; display: inline;
}

div#orderBrochure p { padding-right: 100px;	}

div#orderBrochure img {
	position: absolute; top: 0; right: 0;
}

div.homeKitchens {
	border: 7px solid #e4e4e3;
	width: 299px;
	float: left;
	margin-right: 5px; display: inline;
	margin-bottom: 5px;
}
div.homeKitchens-last { margin-right: 0; }

div.homeKitchens a { float: left; }
div.homeKitchens a.kitchenLink {
	width: 289px;
	display: block;
	text-align: right;
	padding: 4px 10px 0 0;
	clear: both;
	text-decoration: none;
	text-transform: uppercase;
	color: #FFF;
	height: 20px;
	font-size: 1.1em;
}
a#modernHome { background: url(../images/colourways/modern/homeLinkBG.gif) top left repeat-x; }
a#modernHome span { color: #a07f9e; }

a#classicHome { background: url(../images/colourways/classic/homeLinkBG.gif) top left repeat-x; }
a#classicHome span { color: #b9798d; }

a#traditionalHome { background: url(../images/colourways/traditional/homeLinkBG.gif) top left repeat-x; }
a#traditionalHome span { color: #7a9895; }

div#homeIntro {
	background: #FFF;
	padding: 8px 8px 0 8px;
	clear: both;
}

div#homeIntro p {
	padding: 0 10px 16px 10px;
}

div#homeIntro h1 {
    margin-bottom: 16px;
    background: url(../images/deserveHeader.gif) top left no-repeat;
    height: 50px;
    width: 933px;
    text-indent: -5555px;
}

span#replacePhone {
    display:block;
    background: url(../images/phone.jpg) top left no-repeat;
    width: 135px;
    height: 24px;
    text-indent: -5555px;
    position: absolute;
    top:4px; right:13px;
}

/* ================[ main topper ]================ */

div#mainTopper {
	width: 958px;
	height: 230px;
	position: relative;
}
div#mainTopper.tallTopper { height: 460px; }
div#mainTopper-errorTop { height: 200px; }

div#mainTopper h1 {
	position: absolute;
	top: 40px; left: 60px;
	color: #f8f8f8;
	font-size: 3.6em;
}
div#mainTopper h1 span {
	display: block;
	font-size: 1.5em;
}

div#mainTopper ul {
	position: absolute;
	bottom: -6px; left: 5px;
}

div#mainTopper ul li {
	float: left;
	display: inline;
}

div#mainTopper ul li a {
	display: block;
	float: left;
	height: 33px;
	color: #b3b3b3;
	text-decoration: none;
	text-align: center;
	font-size: 1.4em;
	border-right: 1px solid #c8c8c6;
	padding-top: 8px;
	background: url(../images/subNavBG.gif) top left repeat-x;
}

div#mainTopper ul li a.lastTab { border-right: none; }

div#mainTopper ul li a:hover {  color: #FFF; }

div#mainTopper ul li a.subSelected, div#mainTopper ul li a.subSelected:hover {
	background: #FFF;
	color: #000;
	border-right: none;
}

div#mainTopper ul li a#subKitchens { width: 159px; }
div#mainTopper ul li a#subModern { width: 156px; }
div#mainTopper ul li a#subClassic { width: 157px; }
div#mainTopper ul li a#subTraditional { width: 156px; border-right: none; }

div#mainTopper ul li a#subContact { width: 158px; }
div#mainTopper ul li a#subOrder { width: 207px; }
div#mainTopper ul li a#subBook { width: 264px;border-right: none; }

div#mainTopper ul li a#subWhy { width: 160px; }
div#mainTopper ul li a#subFinance { width: 160px;border-right: none; }

div#mainTopper ul li a#subWorkSurfaces { width: 159px; }
div#mainTopper ul li a#subWorkSinks { width: 157px; }
div#mainTopper ul li a#subWorkStorage { width: 157px; }
div#mainTopper ul li a#subHandles { width: 155px; border-right: none; }

a#promo1 {
	display: block;
	width: 172px;
	height: 172px;
	text-indent: -5555px;
	/* background: url(../images/banners/promo1.png) top left no-repeat; */
	background: url(../images/banners/summerSale.png) top left no-repeat;
	position: absolute;
	top: 33px;
	left: 704px;
	
	/* target ie6 and fix PNGs */
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/banners/promo1.png'),sizingMethod=’scale’;
	
	overflow: hidden;
}

a#promo2 {
	display: block;
	width: 172px;
	height: 172px;
	text-indent: -5555px;
	/* background: url(../images/banners/promo2.png) top left no-repeat; */
	background: url(../images/banners/summerSaleSilverRoundel.png) top left no-repeat;
	position: absolute;
	top: 93px;
	left: 820px;
	
	/* target ie6 and fix PNGs */
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/banners/promo2.png'),sizingMethod=’scale’;
	
	overflow: hidden;
}

a#promo {
	display: block;
	top: 20px;
	left: 670px;
	width: 289px;
	height: 211px;
	text-indent: -5555px;
	/*background: url(../images/homeBannerPromo.jpg) top left no-repeat; -- orginal image*/
	background: url(../images/summerSaleBothRoundel.png) top left no-repeat;
	position: absolute;
	
	/* target ie6 and fix PNGs */
	_background: none;
	overflow: hidden;
}
a#classicRange {
	display: block;
	top: 346px;
	left: 60px;
	width: 212px;
	height: 77px;
	text-indent: -5555px;
	background: url(../images/homeBannerClassicRange.jpg) top left no-repeat;
	position: absolute;
	
	/* target ie6 and fix PNGs */
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/banners/promo2.png'),sizingMethod=’scale’;
	
	overflow: hidden;
}

/* ================[ main content ]================ */

div#mainContent {
	width: 631px;
	float: left;
	margin-top: 5px;
}

div#mainContent p {
	margin-bottom: 16px;
}

div.breadcrumb {
	font-size: 0.9em;	
	margin-bottom: 8px;
}

div.breadcrumb a {
	color: #979797;
	text-decoration: none;
}
div.breadcrumb a:hover { color: #000; }

div#ourKitchensIntro {
	background: #FFF;
	padding: 8px;
	margin-bottom: 5px;
	width: 615px;
}

div#ourKitchensIntro h2 {
	background: #e3e3e3;
	color: #4b0049;
	font-size: 2em;
	padding: 5px 7px;
	margin-bottom: 16px;
}

div#ourKitchensIntro p { padding: 0 10px; }

div#ourKitchensIntro a {
	float: right;
	font-weight: bold;
	color: #FFF;
	display: block;
	background: #561553;
	text-decoration: none;
	padding: 2px 10px;
}

div.kitchenOverview {
	background: #FFF;
	padding: 8px;
	margin-bottom: 5px;	
	clear: both;
	width: 615px;
}

div.kitchenOverview img {
	float: right;	
}

div.kitchenOverviewInner {
	width: 281px;
	float: left;
}

div#mainContent div.kitchenOverviewInner p { padding: 0 10px; margin-bottom: 0; margin-top: 10px; }

div.kitchenOverviewInner a {
	display: block;
	width: 281px;
	height: 50px;
	text-indent: -5555px;
	background: url(../images/modernLink.jpg) top left no-repeat;
}

div#classicOverview a { background: url(../images/classicLink.jpg) top left no-repeat; }
div#traditionalOverview a { background: url(../images/traditionalLink.jpg) top left no-repeat; }

div#mainContentInner {
	background: #FFF;
	padding: 8px 8px 20px 8px;
	width: 615px;
}

div.modernContent h2, div.classicContent h2, div.traditionalContent h2 {
	background: #e3e3e3;
	color: #4b0049;
	font-size: 2em;
	padding: 5px 7px;
	margin-bottom: 16px;	
}
div.modernContent h3, div.classicContent h3, div.traditionalContent h3 {
	color: #4b0049;
	font-weight: bold;
	margin-bottom: 8px;
	font-size: 1.2em;
}
div.modernContent h4, div.classicContent h4, div.traditionalContent h4 {
	color: #4b0049;
	font-weight: bold;
	margin-bottom: 8px;
}

div.classicContent h2, div.classicContent h3, div.classicContent h4 { color: #680122; }
div.traditionalContent h2, div.traditionalContent h3, div.traditionalContent h4 { color: #033530; }

div#kitchenOptions {
	border-top: 1px dotted #b2b2b2;
	border-bottom: 1px dotted #b2b2b2;
	padding: 12px 0 4px 0;
	margin-bottom: 16px;
}

div#kitchenOptionsDetail { padding-left: 30px; }

div.optionInfo {
	width: 102px;
	float: left;
	margin-right: 12px; display: inline;
	margin-bottom: 12px;
}

div.optionInfo img { margin-bottom: 4px; }
div.optionInfo span { font-size: 0.9em; }

div.customiseArea {
	width: 303px;
	float: left;
	margin-right: 9px; display: inline;
}
div.customiseArea-last { margin-right: 0; }

div.homeKitchens a { float: left; }
div.customiseArea a.customiseLink {
	width: 293px;
	display: block;
	text-align: right;
	padding: 4px 10px 0 0;
	clear: both;
	text-decoration: none;
	text-transform: uppercase;
	color: #FFF;
	height: 20px;
	font-size: 1.1em;
}
div.modernContent a.customiseLink { background: url(../images/colourways/modern/homeLinkBG.gif) top left repeat-x; }
div.modernContent a.customiseLink span { color: #a07f9e; }

div.classicContent a.customiseLink { background: url(../images/colourways/classic/homeLinkBG.gif) top left repeat-x; }
div.classicContent a.customiseLink span { color: #b9798d; }

div.traditionalContent a.customiseLink { background: url(../images/colourways/traditional/homeLinkBG.gif) top left repeat-x; }
div.traditionalContent a.customiseLink span { color: #7a9895; }

div.theRanges {
	position: relative;
	width: 305px;
	height: 154px;
	float: left;
	margin: 0 5px 5px 0;
}
div.theRanges-end { margin-right: 0; }

div.theRanges a.rangeTextLink {
	position: absolute; bottom: 8px; right: 8px;
	color: #FFF;
	text-decoration: none;
	padding: 2px 10px;
	text-align: right;
}
div.modernContent div.theRanges a.rangeTextLink { background-color: #4b0049; }
div.classicContent div.theRanges a.rangeTextLink { background-color: #680122; }
div.traditionalContent div.theRanges a.rangeTextLink { background-color: #033530; }

div.modernContent div.theRanges a#ultra-gloss-ultra-smooth { width:160px; display: block; }

div.theRangesOverview {
	border-top: 1px dotted #b2b2b2;
	padding-top: 10px;
	margin-top: 10px;
}

div#mainContent div.theRangesOverview p { margin-bottom: 0; }

div#whyEverest {
	padding-top: 15px;	
}
div#whyEverest p, div#financeContainer p, div#terms p, div#privacy p { padding: 0 10px; }

div#whyEverest h2 {
	background: #e3e3e3;
	color: #4b0049;
	font-size: 2em;
	padding: 5px 7px;
	margin-bottom: 16px;
	margin-top: 25px;
}

div#whyEverest li {
	list-style-type: disc;
	color: #5d1c5c;
	font-weight: bold;
	font-size: 1.3em;
	background: #f1f1f1;
	margin-bottom: 12px;
	padding: 4px 4px 4px 10px;
	list-style-position: inside;
}
div#whyEverest li span { font-size: 0.8em; font-weight: normal; color: #000; }

div#whyEverest a {
	background: url(../images/greenLink.gif) top left repeat-x;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	padding: 2px 10px 4px 10px;
	display: inline-block;
	margin-left: 10px;
}

div#terms h4, div#privacy h4 {
	font-weight: bold;
	margin-bottom: 16px;
	padding: 0 10px;
	color: #4b0049;
}

div#financeContainer h3 
{
	font-size:large;
	font-weight: bold;
	margin-bottom: 16px;
	padding: 0 10px;
	color: #4b0049;
}

div#financeContainer h2 {
	background: #e3e3e3;
	color: #4b0049;
	font-size: 2em;
	padding: 5px 7px;
	margin-bottom: 16px;
}

div#financeContainer p#callUs {
	background: #e3e3e3;
	padding: 20px 12px;
}

div#financeContainer p#callUs span {
	display: block;
	color: #4b0049;
	font-size: 1.6em;
	padding: 5px 0;
}

div.financeExtra { display: none; }

a.showFinance {
	margin-bottom: 10px;
	display: block;
	width: 600px;
	height: 23px;
	background: url(../images/showFinanceBG.gif) top left no-repeat;
	color: #FFF;
	text-decoration: none;
	padding-left: 16px;
	font-size: 1.2em;
	font-weight: bold;
	padding-top: 4px;
}

div#terms ul, div#privacy ul {
	padding: 0 0 16px 12px;
	list-style-type: disc;
	margin-left: 20px;
}

ul#financeList {
    margin: 0 0 15px 10px;
    padding-left: 20px;
}

ul#financeList li { list-style: disc; }

/* ================[ book a design consultation / order a brochure ]================ */

ul#formSteps {
	width: 605px;
	height: 38px;
	font-size: 1.8em;
	padding: 12px 0 0 10px;
	color: #977196;
	margin-bottom: 10px;
}
ul#formSteps li {
	float: left;
	padding-right: 50px;
}
ul#formSteps li.lastStep { padding-right: 0; }

ul#formSteps li.currentStep { color: #4b0049; }
ul#formSteps li.currentStep strong { font-weight: normal; }

ul.consultationStep1 { background: url(../images/consultationStep1.gif) top left no-repeat; }
ul.consultationStep2 { background: url(../images/consultationStep2.gif) top left no-repeat; }
ul.consultationStep3 { background: url(../images/consultationStep3.gif) top left no-repeat; }

ul.brochureStep1 { background: url(../images/consultationStep1.gif) top left no-repeat; }
ul.brochureStep2 { background: url(../images/brochureStep2.gif) top left no-repeat; }

div#bookAppointment h3 {
	width: 605px;
	padding-left: 10px;
	color: #FFF;
	font-size: 1.4em;
	height: 27px;
	background: url(../images/formHeader.gif) top left repeat-x;
	padding-top: 5px;
	border-bottom: 1px solid #FFF;
}

div.formData {
	background: #e3e3e3;
	padding: 12px;
	margin-bottom: 10px;
	width: 591px;
	
	position: relative;
}

div.leftForm {
	float: left;
	width: 280px;
}

div.rightForm {
	float: right;
	width: 280px;
}

div.formRow {
	clear: both;
	margin-bottom: 6px;
}

div.leftForm label {
	float: left;
	width: 80px;
	padding-right: 10px;
	text-align: right;
}

div.leftForm input {
	width: 180px;
	border: none;
	padding: 2px;
}

div.leftForm select {
	width: 120px;
	padding: 2px;
}

div.rightForm select {
	width: 270px;
	padding: 2px;
	margin-bottom: 10px;
}

label#termsLabel { font-size: 0.9em; }

label.altLabel { font-size: 0.9em; }

div#yourAddress {
	width: 280px;
	background: #f1f1f1 url(../images/yourAddressBG.gif) top center no-repeat;
	padding-top: 25px;
	padding-bottom: 1px;
}

div#yourAddress label {
	float: left;
	width: 100px;
	padding-right: 10px;
	text-align: right;
}

div#yourAddress input {
	width: 150px;
	border: none;
	padding: 2px;
}

div#yourAddress p {
	padding-left: 110px;
	font-size: 0.9em;
	color: #666;
}

span.error { color: #ff0000; }

input#ctl00_MainContent_nextStep, input#ctl00_MainContent_makeAppointment { float: right; }
span#mandInfo { display: block; float: left; }

select#time { width: 184px; }

div#appointmentDetails {
	font-weight: bold;
	background: #f7f7f7;
	padding: 16px;
	text-align: center;
	font-size: 1.2em;
}
div#appointmentDetails p { margin-bottom: 0; }

div#getBrochure-container { width: 500px; margin: 0 auto; padding: 40px 0; }

input#ctl00_MainContent_downloadPDF, input#ctl00_MainContent_requestPost {
	font-weight: bold;
	text-decoration: none;
	cursor:pointer;
	display: block;
	height: 73px;
	float:left;
	text-align: right;
	font-size: 0.9em;
	border: none;
}
input#ctl00_MainContent_downloadPDF:hover { text-decoration: underline; }

input#ctl00_MainContent_downloadPDF { background: url(../images/downloadPDF.gif) top left no-repeat; width: 180px; margin-right: 90px; display: inline; }
input#ctl00_MainContent_requestPost { background: url(../images/requestPost.gif) top left no-repeat; width: 230px; }

label#interestedLabel { float: left; width: 300px; }

div.interestedOptions {
	float: left;
	width: 120px;
	padding-bottom: 40px;
}

div#ctl00_MainContent_ValidationSummary1 ul {
    width: 280px;
    float: right;
}

div#ctl00_MainContent_ValidationSummary2 ul {
   padding: 10px 0 0 0;
    width: 280px;
    float: left;
}

/* ================[ FAQs ]================ */

div#faqs a.faqHighlight {
	background: url(../images/greenLink.gif) top left repeat-x;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	padding: 2px 10px 4px 10px;
	display: inline-block;
} 

ul#faqList a {
	display: block;	
	background: #f1f1f1;
	color: #444;
	text-decoration: none;
	padding: 6px 10px;
	margin-bottom: 2px;
}

ul#faqList a span {
	font-size: 1.4em;
	color: #4b0049;
	display: block;
	float: left;
	width: 30px;
	position: relative; top: -3px;
}

ul#faqList a:hover { background: #e3e3e3; }

ul#faqList { margin-bottom: 20px; }
ul#faqList li {
	border-bottom: 1px dotted #b2b2b2;
	margin-bottom: 2px;
}

h2#faqQuestion {
	background: #e3e3e3 url(../images/questionBG.gif) 20px 20px no-repeat;
	padding: 20px 20px 20px 60px;
	font-size: 1.2em;
}

div#faqAnswer {
	padding: 0 20px 4px 60px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #b2b2b2;
	background: url(../images/answerBG.gif) 20px 3px no-repeat;
}

/* ================[ appliances / personaliseIntro ]================ */

div#appliancesIntro, div#personaliseIntro {
	padding: 0 10px;	
}

div.appliancesOverview, div.personaliseOverview {
	background: #FFF;
	padding: 4px;
	margin-bottom: 5px;	
	clear: both;
	width: 600px;
}

div.appliancesOverview img, div.personaliseOverview img {
	float: right;	
}

div.appliancesOverviewInner, div.personaliseOverviewInner {
	width: 260px;
	float: left;
}

div#mainContent div.appliancesOverviewInner p, div#mainContent div.personaliseOverviewInner p { padding: 0 10px; margin-bottom: 0; margin-top: 10px; }

div.appliancesOverviewInner h3, div.personaliseOverviewInner h3 {
	display: block;
	background: #e3e3e3;
	width: 240px;
	padding: 10px;
	font-size: 2em;
	color: #4b0049;
}

h2#personalisationHeader {
	font-weight: bold;
	margin-bottom: 16px;
}

div.storageHandlesOverview {
	width: 200px;	
	float: left;
	margin-right: 7px; display: inline;
	margin-bottom: 15px;
}
div.storageHandlesOverview-end { margin-right: 0; }
div.storageHandlesOverview span { font-size: 0.9em; }
div.storageHandlesOverview img { margin-bottom: 4px; }

div.tapOverview {
	width: 200px;	
	float: left;
	margin-right: 3px; display: inline;
	margin-bottom: 15px;
}
div.tapOverview-end { margin-right: 0; }
div.tapOverview span { font-size: 0.9em; }
div.tapOverview img { margin-bottom: 4px; }

/* ================[ our service ]================ */

div#serviceIntro {
	padding: 0 10px;	
}

div.eachService {
	border-bottom: 1px dotted #b2b2b2;	
	margin-bottom: 10px;
	position: relative;
}

div.eachService  h3 {
	background: #e3e3e3;
	padding: 10px;
	font-size: 2.2em;
	color: #4b0049;
	margin-bottom: 10px;
	z-index: 1;
	position: relative;
}

div.rightService div.innerService { padding: 0 10px; float: left; width: 370px; }
div.rightService img { float: right; margin-bottom: 16px; margin-right: 10px; display: inline; }

div.leftService div.innerService { padding: 0 10px; float: right; width: 360px; }
div.leftService img { float: left; margin-bottom: 16px; margin-left: 10px; display: inline; }

p#askUs { padding: 0 10px; }

img.nextStep {
	position: absolute; bottom: -60px;	 right: 145px;
	z-index: 99999;
	_display: none;
}

div.leftService img.nextStep {
	left: 155px; 
}

/* ================[ special offers ]================ */

div#mainTopper h1#specialOffers { top: 90px; }

div.specialOffer {
	width: 611px;
	background: #FFF;
	padding: 10px;
	margin-bottom: 10px;
	position: relative;
}

div.specialOffer h2 {
	background: #e3e3e3;
	color: #d51352;
	padding: 10px 0 7px 140px;
	font-size: 2.4em;
	margin-bottom: 10px;
}

div.offerInner {
	width: 277px;
	float: left;
	margin-left: 142px; display: inline;
}

div.specialOffer img.offerImage {
	float: right;	
}

div.offerInner a, a.offerLink {
	display: block;
	width: 147px;
	height: 21px;
	background: url(../images/offerLink.gif) top left no-repeat;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	padding: 4px 0 0 10px;
	margin-bottom: 10px;
}

p.offerIntro { font-size: 1.2em; } 

div.wideOffer {
	margin-left: 142px;
}

p.offerHighlight { color: #d30c4d; }

div.applianceList {
	width: 151px;
	float: left;
	margin-bottom: 10px;
	margin-right: 8px;
}
div.applianceList span { font-size: 0.9em; display: block; padding-top: 4px;  }
div.endAppliance { margin-right: 0; }

div#applianceWrapper {
	border-bottom: 1px dotted #b2b2b2;
	margin-bottom: 15px;
}

div#offerTerms {
	background: #FFF;	
	padding: 15px;
	font-size: 0.9em;
}

div#offerTerms p { margin-bottom: 5px; color: #777; }

span#moneyoff, span#cashback, span#freeappliances {
	display: block;
	width: 140px;
	height: 140px;
	text-indent: -5555px;
	background: url(../images/35off.png) top left no-repeat;
	position: absolute;
	top: -35px;
	left: 5px;
	
	/* target ie6 and fix PNGs */
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/35off.png'),sizingMethod=’scale’;
}

span#moneyoff { width: 151px; height: 151px; top: -40px; left: 0; }

span#cashback, span#freeappliances {
	background: url(../images/cashback.png) top left no-repeat;
	
	/* target ie6 and fix PNGs */
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/cashback.png'),sizingMethod=’scale’;
}

span#freeappliances {
	background: url(../images/freeappliances.png) top left no-repeat;
	
	/* target ie6 and fix PNGs */
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/freeappliances.png'),sizingMethod=’scale’;
}

/* ================[ contact us ]================ */

div#contactWrapper h2 {
	background: #e3e3e3;
	color: #4b0049;
	font-size: 2.6em;
	padding: 10px 5px 5px 10px;
	margin-bottom: 16px;
}

div#contactWrapper p { padding: 0 10px; }

div.contactMethod {
	border-top: 1px dotted #b2b2b2;
	padding: 10px 10px;
}

span.contactLabel {
	float: left;	
	display: block;
	width: 250px;
	margin-bottom: 20px;
}

span.contactHL {
	font-weight: bold;
	color: #561552;
	font-size: 1.4em;
}

div#contactWrapper p#address {
	padding: 0;
	float: left;
}

a.contactLink {
	display: block;
	width: 181px;
	height: 19px;
	background: url(../images/contactLink.gif) top left no-repeat;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	padding: 4px 0 0 10px;
}

a#servicesLink { float: left; margin-right: 60px; display: inline; }

input#ctl00_MainContent_btnGetAddress { margin-left: 89px; width: 185px; background:#5c5c5c; color:#FFF;background:url(../images/findAddress.gif) top right no-repeat; }

/* ================[ sinks and taps ]================ */

div#sinksTapsIntro {
	background: #FFF;
	padding: 12px 12px 1px 12px;
	border-bottom: 5px solid #C5C5C4;
}

div#sinksTapsIntro h3 {
	font-weight: bold;
	margin-bottom: 16px;
}

div#sinksIntro, div#tapsIntro {
	background: #FFF;
	padding: 12px 12px 1px 12px;
	border-bottom: 5px solid #C5C5C4;
}

div#sinksIntro h2, div#tapsIntro h2 {
	font-weight: bold;
	margin-bottom: 10px;
	color: #6a2e68;
	font-size: 1.4em;
	border-bottom: 1px dotted #b2b2b2;
	padding-bottom: 5px;
}

/* ================[ sub content ]================ */

div#subContent {
	width: 313px;
	float: right;
	margin-top: 5px;
}

div.subHighlight {
	width: 	313px;
	background: #989896;
	height: 125px;
	margin-bottom: 5px;
	position: relative;
}

div.subHighlight h2 {
	background: url(../images/homeHighlightHead.jpg) top left no-repeat;
	height: 27px;
	width: 264px;
	padding: 5px 5px 0 44px;
	color: #FFF;
	font-size: 1.3em;
}

div.subHighlight p {
	margin-bottom: 3px;
	height: 52px;
	background: #FFF;
	padding: 10px 14px 5px 14px;
}

div.subHighlight a {
	background: url(../images/greenLink.gif) top left repeat-x;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	padding: 2px 10px 4px 10px;
	display: inline-block;
	float: right;
	margin-right: 4px; display: inline;
}

img#subbanner1 {
	border: 8px solid #e4e4e3;	
	margin-bottom: 5px;
}

/* ================[ footer ]================ */

div#footer {
	text-align: right;
	padding-top: 10px;
	clear: both;
	font-size: 1.1em;
}

div#footer ul li {
	display: inline;
	padding-right: 30px;
}

div#footer a {
	color: #FFF;
	text-decoration: none;
}
div#footer a:hover { text-decoration: underline; }

div#copyright
{
	color: #FFF;
	text-align: right;
	padding-top: 10px;
	padding-right: 29px;
	clear: both;
	font-size: 1.0em;
	}

/* ================[ error pages ]================ */

div#errorPage {
  height:347px;
  
  padding-left: 5px;
  padding-top: 10px;
}

div#errorPage h3 {
	font-size: 3em;
	color: #540e52;
	margin-bottom: 10px;
}

/* ================[ sitemap ]================ */

div#sitemapLeft {
	width: 300px;
	float: left;
}

div#sitemapRight {
	width: 300px;
	float: right;
}

div#sitemapContainer a {
	text-decoration: none;	
}

div.topMap {
	border-bottom: 1px dotted #b2b2b2;
	padding: 5px 0;
	margin-bottom: 10px;
}

a.topLevelLink, div.topMap a.topLevelLink {
	color: #51094e;
	font-weight: bold;
	font-size: 1.3em;
}
div.topMap a.topLevelLink { font-size: 1.5em; margin-bottom: 0; }

ul.level1 {
	border-bottom: 1px dotted #b2b2b2;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

ul.level2 {
	padding-top: 15px;	
	padding-bottom: 10px;
}

ul.level1-small {
	border-bottom: 1px dotted #b2b2b2;	
	padding-bottom: 10px;
	margin-bottom: 10px;
	padding-left: 10px;
}
a.topLevelSmall { color: #51094e;
	font-weight: bold; }
ul.level1-small ul { padding-left: 10px; padding-top: 0px; }












