/* ---- RESET --*/

* { font-weight: inherit; font-family: inherit; font-style: inherit; font-size: 100%; border: 0 none; outline: 0; padding: 0; margin: 0; }

/* ---- GLOBALS --*/

body { background: #fff; color: #666; font: normal normal normal 0.7em Arial, Helvetica, sans-serif; }

FIELDSET {  border: 0px; }

/* top-of-main-page branding */

#wrapper {	margin-top: 0px;  vertical-align: top; width: 100%;	text-align: left; }
#kettle { z-index: 4; position: absolute; left: 280px; top: 0px;  }
#toaster { z-index: 4; position: absolute; left: 280px; top: 0px;  }
#kettle2 { position: absolute; left: 280px; top: 0px; }
#mainlogo { position: absolute; left: 30px; top: 0px; }
#topbanner { position: absolute; height: 100px; left: 0px; top: 90px; width: 100%;	background: url(../img/top-gradient3.jpg) repeat-x; }
#topbannerSetanta { 	clear: both;  	position: relative;  	top: -16px; }
#commonSense4reasons { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; height: 39px; width: 771px; display: inline; background: transparent url(../images/img_commonSensetxt.gif) no-repeat 20px 12px; }
#topbanner4reasons { height: 124px; width: 100%; background: url(../images/headerBg.jpg) repeat-x left top; }
#topbannerjdf { position: absolute; height: 124px; left: 0px; top: 0px; width: 100%;	background: transparent url(../images/headerBg.jpg) repeat-x; }

/* pop-up styles */

#popuptop { 	background: #6d1eb7 url(../img/popup_top.gif) repeat-x; 	color: white; 	font-weight: bold; 	font-size: 12px;	height: 38px; 	padding-top: 16px; 	padding-left: 16px; }
#wincontent { 	font-size: 11px; 	margin: 16px 16px 16px 16px; }

/* left-hand side banners */
.lefthandPurple { color: #5A00AD; margin: 20px 0px 0px 20px; padding: 0px; font-weight: bold; font-size: 1em; }
.lefthandGrey { color: #666; margin: 20px 0px 0px 20px; padding: 0px; font-weight: bold; font-size: 1em; }
.lefthandphoneGrey { color: #666; margin: 0px 0px 0px 20px; padding: 0px; font-weight: bold; font-size: 1.4em; text-decoration: none; }
.lefthandphonePurple { color: #5A00AD; margin: 0px 0px 0px 20px; padding: 0px; font-weight: bold; font-size: 1.4em; text-decoration: none; }
.lefthandMS { color: #666; margin: 10px 0px 0px 20px; padding: 0px; font-weight: normal; font-size: 1.2em; }
.quotePurple2 { font-size: 1.2em; color: #5A00AD; text-decoration: none; margin: 10px 0px 0px 15px; padding: 0px; font-weight: bold; }
.phoneNumberPurple2 { font-size: 1.8em; color: #5A00AD; text-decoration: none; margin: 0px 0px 15px 15px; padding: 0px; font-weight: bold; }
.quoteGrey2 { font-size: 1.2em; color: #3F3F3F; text-decoration: none; margin: 0px 0px 0px 15px; padding: 0px; font-weight: bold; }
.phoneNumberGrey2 { font-size: 1.8em; color: #3F3F3F; text-decoration: none; margin: 0px 0px 35px 15px; padding: 0px; font-weight: bold; }

#lefthandside { width: 189px; position: absolute; top: 160px; left: 0px; border: 0 0 0 0;}
#lefthandside2011 { width: 210px; position: absolute; top: 124px; left: 0px; border: 0 0 0 0;}
#rightbanner { 	margin: 0px 6px 0px 6px; }
#washwrap { 	width: 189px;	float: left;	font-size: 10px;	margin: 0px 0px 0px 0px;	padding: 0px 0px 0px 0px; } 
#washer2 {	padding: 0px 0px 0px 0px;	margin: 0px 6px 0px 0px;	background: #5700ac url(../img/washer-middle.gif) repeat-y;	color: white;
	font-style: italic;	font-size: 11px;	text-align: center; }
#washer3 {	padding: 0px 0px 0px 0px;	margin: 0px 6px 0px 6px;	color: white;	font-style: italic;	font-size: 10px;	text-align: center; }
#washer3 a { color:white; text-decoration:none; font-weight:bold;}
#washer3 a:hover { color:white; text-decoration:underline;}
/* divide is essentially an "<hr>" replacement between LHS promotions inside christine's speechbubble */
.divide { margin: 6px 12px 0px 12px; padding: 0px 0px 6px 0px; border-top: 1px solid white; text-align:center; }


/* main page content - structural layout */


#pagecontent {  margin-top: 25px; float: left; width: 555px;}

/* main page layout - styles */

H2 { font-size: 12px; font-weight: bold; color: #5700ac; }

.buttonright { 	text-align: right; 	width: 90%; 	}

.telephone {	font-size: 1.2em; }
.errors { 	font-size: 1.2em; 	color: red; }



/* footer */
.greenbar { position: relative;	margin: 32px 20px 16px 200px; 	background: #c0dd1a url(../img/greenbar.gif) repeat-x;  	height: 6px; 	padding: 0 0px 0 0; }
#footerterms {	margin-left: 210px; float:left; width: 380px; }
#verisign { float: left;}



#purplebar { width: 95%; font-size: 11px; text-align: left; background-color: #5700AC; padding: 8px 0px 7px 6px; margin-bottom: 8px;color: white; font-weight: bold;}
#purplebar #rightboxes{ font-size: 10px; text-align: right; float: right; margin-right: 3px; position: relative; top: -3px;}
.box1{background-color: #fff; color: #000; margin-right:4px; padding: 3px 0 3px 0; text-align: center; width:20px; float:left;}
.box2 {background-color: #A574D3; color: #CDB2E6; margin-right:4px; padding: 3px 0 3px 0; text-align: center; width:20px; float:left;}

/* results page */

.purpleline { border-bottom: 1px solid #5700AC; }

#tabcontain { }
.tab1 { 
	border: 1px solid #5700ac;
	border-bottom: 0px;
	background-color: #5700ac;
	color: white;
	float:left;
	padding: 4px;
	margin-right: 2px;
}

.tab2 {
	border: 1px solid #5700ac;
	border-bottom: 0px;
	background-color: white;
	color: #A574D3;
	float:left;
	padding: 4px;
	margin-right: 2px;
}

.tab1 a, .tab1 a:link, .tab1 a:hover, .tab1 a:visited { color: white; }
.tab2 a { color: #A574D3; }

.results_header {
	background-color: #5700ac;
	color:white;
	padding: 2px 4px 2px 4px;

	border-right: 1px solid white;
	text-align: center;
}

.results_tariff {
	background-color: #A574D3;
	color: white;
 	padding: 4px;
 	border-right: 1px solid white;
 	border-top: 1px solid #5700ac;
 	vertical-align: top;
}

.results_tariff a, .results_tariff a:hover  { color: white; }

.results_detail { vertical-align: top; padding-top: 4px; padding-bottom: 6px; text-align: center;}
.results_features { vertical-align: top; padding-top: 4px; padding-bottom: 6px;}
.results_features UL { list-style-position: inside; margin-left: 6px;  padding-left: 0px; padding-top: 0px; margin-top: 0px; padding-bottom: 0px; margin-bottom: -6px;}

.results_table { border-bottom: 1px solid #5700ac; }

.resultsBorder { margin: 20px 120px 20px 80px; border: 1px solid #5000ad; padding: 12px; background-color: #D7C7E5;}
.resultsBorder TD {font-size: 11px;}
.resultsBorderSidebar {border: 1px solid #5000ad; margin: 0px 25px 0px 25px; padding: 0px; background-color: #D7C7E5;}



#bottomcell{margin: 10px 0 0 3px; padding: 5px 0; width: 95%; color: #5A00AD;}
#bottomcell a{color: #5A00AD;text-decoration:none;}
#bottomcell a:hover{color: #5A00AD;text-decoration:underline;}
#bottomcell .results{margin-left: 110px;}
.right { float: right; }
.left: { float: left; }

#central { margin-bottom: 18px; }
/* end of results page */


/* summary page */

#purpletable { border-color: #5700ac;	}
.cell1{color:#000;border-top: 1px solid #CDB2E6;border-left: 1px solid #CDB2E6;padding:3px;}
.cell2{color:#000;border-top: 1px solid #CDB2E6;border-left: 1px solid #CDB2E6;border-right: 1px solid #CDB2E6;padding:3px;}
.cell3{color:#000;border-top: 1px solid #CDB2E6;border-left: 1px solid #CDB2E6;border-bottom: 1px solid #CDB2E6;padding:3px;}
.cell4{color:#000;border-top: 1px solid #CDB2E6;border-left: 1px solid #CDB2E6;border-right: 1px solid #CDB2E6;border-bottom: 1px solid #CDB2E6;padding:3px;}
.cell5{color:#000;border: 1px solid #CDB2E6;padding:3px;}
.cell6{color:#000;border-top: 1px solid #CDB2E6;border-left: 1px solid #CDB2E6;padding:3px; vertical-align: text-top;}
.cell7{color:#000;border-top: 1px solid #CDB2E6;border-left: 1px solid #CDB2E6;border-right: 1px solid #CDB2E6;padding:3px; vertical-align: text-top;}


/* end of summary page */


.padding { padding-top: 8px; } 




/* override anything else we've set up with these defaults */
a { color:#5000ad; text-decoration:none; font-weight:bold;}
a:visited { color:#5000ad; text-decoration:none; font-weight:bold;}
a:hover { color:#5000ad; text-decoration:underline;}
a:active { color:#5000ad!important;}
img { border: 0px; }











img { overflow: hidden; display: block; }
ul, ul li, ol, ol li { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-family: "Trebuchet MS", sans-serif; font-weight: bold; line-height: 1.0em; margin-bottom: 15px; }
h1 { font-size: 2.0em; color: #5A00AD; }
h2 { font-size: 1.8em; color: #999; }
h3 { font-size: 1.8em; color: #5A00AD; margin-bottom: 5px; }
h4 { font-size: 2.2em; color: #666; }
h5 { font-size: 1.8em; color: #5A00AD; }

p { margin-bottom: 15px; line-height: 1.0em; }

strong { font-weight: bold !important; }

a, a:visited { color: #5A00AD; text-decoration: none; }
a:hover, a:active, a:focus { text-decoration: underline; }

/* ---- REUSABLE CLASSES --*/

/* universal clearfix hack */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.clear { clear: both; overflow: hidden; height: 0px; margin-top: -1px !important; }

.hidden { display: none !important; }
.purple { color: #5A00AD; }
.lime { color: #C0DD1A; }
.green { color: #699519; }

.last { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }

/* ---- BUTTONS --*/
.btnShort a, .btnShort a:visited { float: left; background: transparent url(../Images/bgNext.gif) no-repeat scroll right top; color: #fff !important; padding: 7px 0px 0px 10px; text-decoration: none; width: 74px; height: 24px; cursor: pointer; display: block; font-weight: bold; }


/* ---- LAYOUT --*/
.head { float: left; width: 100%; height: 120px; background: transparent url(../images/bgTopGrad.gif) repeat-x scroll left bottom; border-bottom: solid 5px #5E7F14; position: relative; }
.headlogo { float: left; display: block; background: transparent url(../images/bgLogo.gif) no-repeat scroll 20px 10px; width: 300px; height: 85px; }
.head span { background: transparent url(../images/imgVicky.gif) no-repeat scroll left top; display: block; width: 70px; height: 77px; position: absolute; top: 8px; left: 205px; z-index: 999; }
.head h1 { float: left; width: 500px; height: 85px; line-height: 85px; margin-bottom: 0px; }

.body { float: left; width: 100%; }
.bodyLeft {padding: 25px 40px 0px 25px; float: left; width: 210px; }
.bodyLeftRbs {padding: 25px 40px 0px 25px; float: left; width: 188px; height:320px; background: transparent url(../images/rbs-affinity.jpg) }
.bodyLeftNat {padding: 25px 40px 0px 25px; float: left; width: 188px;  height:220px; background: transparent url(../images/natwest-affinity.jpg) no-repeat scroll center top; }
.bodyLeftImage { padding: 0px 40px 0px 0px; float: left; width: 205px; }
.bodyLeftSamsung {padding: 25px 40px 0px 25px; float: left; width: 188px;  height:220px;}
.bodyLeftSamsung span {padding: 125px 40px 0px 25px; float: left; background: transparent url(../images/samsung-image.jpg) no-repeat scroll center top;width: 188px;  height:220px;}
.bodyLeftAmazon {padding: 25px 40px 0px 25px; float: left; width: 188px;  height:220px;}
.bodyLeftAmazon span {padding: 125px 40px 0px 25px; float: left; background: transparent url(../images/amazon-image.jpg) no-repeat scroll center top;width: 188px;  height:220px;}
.bodyLeftiSubscribe {padding: 25px 40px 0px 25px; float: left; width: 188px;  height:220px;}
.bodyLeftiSubscribe span {padding: 125px 40px 0px 25px; float: left; background: transparent url(../images/iSubscribe-image.jpg) no-repeat scroll center top;width: 188px;  height:220px;}
.bodyLeftApple {padding: 25px 40px 0px 25px; float: left; width: 188px;  height:220px;}
.bodyLeftApple span {padding: 125px 40px 0px 25px; float: left; background: transparent url(../images/apple-image.jpg) no-repeat scroll center top;width: 188px;  height:220px;}


.bodyLeftHeading { margin: 30px 0px 30px 0px; padding: 0px 0px 0px 0px; float: left; background: transparent; width: 210px; font-size: 1.8em; text-align: center; }
.bodyLeftVirgin  {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  z-index: 999; font-size: 0.8em; color:#999; text-align: left; }
.bodyLeftVirgin em { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: transparent; width: 85px; position: absolute; bottom: 0px; right: 0px; z-index: 999; font-size: 0.8em; color:#999; text-align: center; }

.bodyRight { margin-top: 25px; float: left; width: 555px; background: transparent url(../images/bgOr.gif) no-repeat scroll center top; }
.bodyRightNoImage { margin-left: 100px;margin-top: 25px; float: left; width: 555px; }

.bodyRightNoImage ul { float: left; width: 555px; }
.bodyRightNoImage ul li { float: left; width: 555px; }
.bodyRightNoImage ul li input { float: left; width: 15px; height: 15px; margin-right: 5px; }
.bodyRightNoImage ul li label { float: left; width: 210px; margin-top: 1px; }
.bodyRightNoImage ul li span { float: left; margin: 3px 10px 0px 0px; font-weight: bold; }
.bodyRightNoImage ul li.postcode { margin: 10px 0px 10px 0px; }

.bodyRightNoImage ul li.postcode input { float: left; border: solid 1px #999; padding: 2px; width: 30px; margin-right: 5px; color: #666; }
.bodyRightNoImage ul li.postcode input:hover { border: solid 1px #5A00AD; }

.bodyRightLeft { float: left; width: 230px; }
.bodyRightLeft ul { float: left; width: 230px; }
.bodyRightLeft ul li { float: left; width: 230px; }
.bodyRightLeft ul li input { float: left; width: 15px; height: 15px; margin-right: 5px; }
.bodyRightLeft ul li label { float: left; width: 210px; margin-top: 1px; }

.bodyRightLeft ul li.postcode { margin: 10px 0px 10px 0px; }

.bodyRightLeft ul li.postcode input { float: left; border: solid 1px #999; padding: 2px; width: 30px; margin-right: 10px 5px 10px 0px; color: #666; }
.bodyRightLeft ul li.postcode input:hover, .bodyRightLeft ul li.postcode input:focus, .bodyRightLeft ul li.postcode input:active { border: solid 1px #5A00AD; }

.bodyRightRight { float: right; width: 210px; }

.bodyRightFooter { margin-top: 25px; padding-top: 15px; float: left; width: 555px; background: transparent url(../images/bgBodyRight.gif) repeat-x scroll left top; }
.bodyRightFooter ul { float: left; width: 555px; }
.bodyRightFooter ul li { float: left; width: 555px; }

.footer { float: left; width: 150%; border-top: solid 5px #FF7900; }
.footerContent { margin: 0px; padding: 20px 20px 30px 10px; float: left; width: 770px; }
.veriSign { float: right; width: 100px; height: 59px; display: block; }
.footer p { margin-top: 10px; }

.btnLong a, .btnLong a:visited { margin-right: 5px; float: left; background: transparent url(../img/bgBtnLong.gif) no-repeat scroll right top; color: #fff !important; padding: 7px 0px 0px 0px; text-decoration: none; width: 114px; height: 24px; cursor: pointer; display: block; font-weight: bold; text-align: center; }

.bodyLeftVirgin { padding: 25px 50px 0px 15px; float: left; width: 180px; }
.bodyLeftVirgin1 { padding: 25px 50px 0px 15px; float: left; width: 180px; }
.bodyLeftVirgin2 { padding: 25px 50px 0px 15px; float: left; width: 180px; }
.head h2.bottles { padding: 15px 150px 0px 0px; float: left; background: transparent url(../images/image_02.jpg) no-repeat scroll right bottom; width: 405px; height: 70px; text-align: right; color: #5A00AD; margin: 0px; }
.bodyLeftKidStart{ padding: 25px 50px 0px 15px; float: left; width: 180px; }
.bodyLeftQuidco{ padding: 25px 50px 0px 15px; float: left; width: 180px; }
.bodyLeftGIC{ padding: 25px 50px 0px 15px; float: left; width: 280px;}

.bodyLeftVirgin h2 { margin: 0px 0px 30px 0px; float: left; background: transparent; width: 180px; text-align: center; }
.bodyLeftVirgin1 h2 { margin: 0px 0px 30px 0px; float: left; background: transparent; width: 180px; text-align: center; }
.bodyLeftVirgin2 h2 { margin: 0px 0px 30px 0px; float: left; background: transparent; width: 180px; text-align: center; }
.bodyLeftVirgin span { float: left; display: inline; background: transparent url(../images/imgVirginWines.jpg) no-repeat scroll left top; width: 184px; height: 340px; position: relative; }
.bodyLeftVirgin1 span { float: left; display: inline; background: transparent url(../images/imgVirginWinesStep2.jpg) no-repeat scroll left top; width: 184px; height: 340px; position: relative; }
.bodyLeftVirgin2 span { float: left; display: inline; background: transparent url(../images/imgVirginWinesStep3.jpg) no-repeat scroll left top; width: 184px; height: 340px; position: relative; }
.bodyLeftVirgin em { width: 85px; position: absolute; bottom: 0px; right: 0px; z-index: 999; font-size: 0.8em; color:#999; text-align: center; }
.bodyLeftVirgin1 em { width: 85px; position: absolute; bottom: 0px; right: 0px; z-index: 999; font-size: 0.8em; color:#999; text-align: center; }
.bodyLeftVirgin2 em { width: 85px; position: absolute; bottom: 0px; right: 0px; z-index: 999; font-size: 0.8em; color:#999; text-align: center; }
.bodyLeftQuidco span { float: left; display: inline; background: transparent url(../images/quidco-img.jpg) no-repeat scroll left top; width: 184px; height: 340px; position: relative; top:30px; left: 20px }
.bodyLeftQuidco em { width: 85px; position: absolute; bottom: 0px; right: 0px; z-index: 999; font-size: 0.8em; color:#999; text-align: center; }
.bodyLeftGIC span { float: left; display: inline; background: transparent url(../images/gic-img.gif) no-repeat scroll left top; width: 298px; height: 140px; position: relative; top:30px; left: 20px }
.bodyLeftGIC em {width: 85px; position: absolute; bottom: 0px; right: 0px; z-index: 999; font-size: 0.8em; color:#999; text-align: center; }
.bodyLeftKidStart span { float: left; display: inline; background: transparent url(../images/kidstart-img.jpg) no-repeat scroll left top; width: 184px; height: 340px; position: relative; top:30px; left: 30px }
.bodyLeftKidStart em { width: 85px; position: absolute; bottom: 0px; right: 0px; z-index: 999; font-size: 0.8em; color:#999; text-align: center; }
.bodyLeftCashback span { float: left; display: inline; background: transparent url(../images/cashback-img.jpg) no-repeat scroll left top; width: 284px; height: 340px; position: relative; top:30px; left: 30px }
.bodyLeftCashback em { width: 85px; position: absolute; bottom: 0px; right: 0px; z-index: 999; font-size: 0.8em; color:#999; text-align: center; }
.continueButton {background-image: url(../images/imgButton.gif);width: 103px;height: 28px;font: 1em Arial, Helvetica, sans-serif; color: white;font-weight: bold}
select {border-left: 1px solid #ccc;border-top: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.bodyLeftVirgin p {width:190px;margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  z-index: 999; font-size: 1.0em; color:#999; text-align: left; }
.bodyLeftVirgin1 p {width:190px;margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  z-index: 999; font-size: 1.0em; color:#999; text-align: left; }
.bodyLeftVirgin2 p {width:190px;margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  z-index: 999; font-size: 1.0em; color:#999; text-align: left; }
.bodyLeftQuidco p {width:190px;margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  z-index: 999; font-size: 1.0em; color:#999; text-align: left; }
.bodyLeftGIC p {width:190px;margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  z-index: 999; font-size: 1.0em; color:#999; text-align: left; }
.bodyLeftKidStart p {width:190px;margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  z-index: 999; font-size: 1.0em; color:#999; text-align: left; }
.greenMonster {position:absolute; top:150px; left:10px;height: 65%; width: 22%; background: url(../images/greenMonster.bmp) no-repeat;}