/* USWITCH screen CSS */

.autoScrollerH { /* products list on homepage */
	overflow: auto; overflow-y: auto; overflow-x: hidden;
	height: 344px;
}

.printOnly { display: none; }

img { border: none; }

form { margin: 0px 0px 0px 0px; }

body {
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.75em; font-weight: normal; text-align: left; color: #333;
	background: url(../images/bg.png) repeat;
	background-color: #FFFFFF;
}

.contentbg {
	margin: 0px; padding: 0px 9px 1px 9px;
	background: url(../images/contentbg.gif) repeat-y;
}

.toplinks { margin: 0px; padding: 0px; font-size: 0.9em; font-weight: normal; text-align: right; color: #333; }
.toplinks a { text-decoration: none; color: #333; }
.toplinks a:hover { text-decoration: underline; color: #333; }

.header {
	background-color: #FFF;
	margin: 0px 0px 20px 0px; padding: 0px 12px 0px 12px;
	font-size: 0.75em; font-weight: normal; color: #0049BC;
	border-right: solid 1px #D7D7D7; border-top: solid 1px #D7D7D7; border-left: solid 1px #D7D7D7;
}

.footer {
	background-color: #FFF;
	margin: 0px 0px 20px 0px; padding: 0px 12px 0px 12px;
	font-size: 0.75em; font-weight: normal; color: #0049BC;
	border-right: solid 1px #D7D7D7; border-bottom: solid 1px #D7D7D7; border-left: solid 1px #D7D7D7;
}
.footer a { text-decoration: none; color: #0049BC; }
.footer a:hover { text-decoration: underline; color: #0049BC; }


/* main text styles */
.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em; color: #333399; font-weight: bold;
	margin: 0px 0px 10px 0px;
}

.headertxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.25em; color: #008CF1; font-weight: bold;
	margin: 0px;
}

.headertxtbk {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.25em; color: #333; font-weight: bold;
	margin: 0em 0em 0em 0em;
}

.bodytxt { margin: 0px 0px 10px 0px; }

.base { /* address and links at very bottom of screen */
	font-size: 0.8em; color: #888888; font-weight: bold;
	margin: 0px 12px 15px 0px;
}

.small { font-size: 0.8em; font-weight: normal; }

/* list styles */
ul { margin-top: 5px; margin-bottom: 5px; }
li { margin-left: -16px; margin-top: 3px; }

/* phone number styles */
.banner { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #008CF1; }
.bannerPhone {  font-size: 26px; margin: 0px; padding: 0px;  }
.bannerTxt { font-size: 11px; margin: -3px 0px 0px 0px; padding: 0px; }
.phonesml { font-family: Arial, Helvetica, sans-serif; font-size: 1.8em; color: #008CF1; font-weight: bold;	}

.helpBtn { position:absolute; top: 67px; z-index: 1; margin-left: 21px; }

.icon { } /* help icon graphic */

/* Homepage styles */
.homepaneli { /* Insurer logos */
	background-image: url(../images/homePaneli.gif); background-repeat: no-repeat;
	width: 453px; height: 109px;
}
.homepanell { /* Login field */
	background-image: url(../images/homePanell.gif); background-repeat: no-repeat;
	width: 175px; height: 109px;
}

.homepanelp { /* Products List */
	background-image: url(../images/homePanelp.gif); background-repeat: no-repeat;
	width: 175px; height: 258px;
}
#Plist { width: auto; text-align: left; }
.Plisti {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold; text-align: left; text-indent: 28px;
	margin: 0px; padding: 0px; height: 37px; /**************** !!!!  tweaked for 8 Heros  !!!! ****************/
	background-color: #FFFFFF;
}

.Plisti a {
	background-image: url(../images/homepbg.gif); background-repeat: no-repeat;
	display: block; padding: 11px 4px 12px 0px;
	text-decoration: none; color: #330066;
	background-color: #FFF;
}
.Plisti a:hover {
	background-image: url(../images/homepbg.gif); background-repeat: no-repeat;
	text-decoration: none;  color: #333399;
	background-color: #FFF;
}

/**************** !!!!  custom uSwitch classes  !!!! ****************/
.Plisti2 { /* for 2-line Product names  */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold; text-align: left; text-indent: 28px;
	margin: 0px; padding: 0px; height: 52px;
	background-color: #FFFFFF;
}
.Plisti2 a {
	background-image: url(../images/homepbg2.gif); background-repeat: no-repeat;
	display: block; padding: 11px 4px 12px 0px;
	text-decoration: none; color: #330066;
	background-color: #FFF;
}
.Plisti2 a:hover {
	background-image: url(../images/homepbg2.gif); background-repeat: no-repeat;
	text-decoration: none;  color: #333399;
	background-color: #FFF;
}
/**************** !!!!  end of custom uSwitch classes  !!!! ****************/
/* end of Homepage Products List */

.login { /* LOG IN box on --login.htm-- */
	background: url(../images/eoqLoginPanel.gif) no-repeat;
	width: 235px; height: 115px;
	margin: 0px; padding: 0px;	
}
.loginfield { /* Homepage & Brochureware Log In fields */
	font-family: Arial, Helvetica, sans-serif; font-size: 1em;
	background: url(../images/inputbg.gif) repeat-x;
	border: solid 1px #8A85C5;
}




/* Start of Qset styles */
.Qtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em; color: #333399; font-weight: bold;
	padding: 0px 0px 0px 5px; margin: 6px 0px 10px 0px;
}
#QboxTop {
	background-image: url(../images/QboxTop.gif);
	background-repeat: no-repeat;
	height: 14px; padding: 0px 0px 0px 0px;
}
.Qbox {
	background-color: #FFFFFF;
	border-left: solid 1px; border-right: solid 1px; border-color: #CCC;
	padding: 0px 2px 0px 4px; margin-bottom: -10px;
}
#QboxBtm {
	background-image: url(../images/QboxBtm.gif);
	background-repeat: no-repeat;
	height: 25px; padding: 0px 0px 2px 0px;
}

.legal {
	font-size: 0.9em; color: #888888;
	margin: 0px 0px 10px 0px;	
}

.login { /* LOG IN box graphic for Logging In at the end of a quote.*/
	background-image: url(../images/eoqLoginPanel.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	padding-top: 12px;
	height: 109px;
	width: 235px;
}

.menuClashSwap { /* replacement textarea that swaps with select lists on menu rollover (IE 5 & 6 only) */
	font-family: Arial, Helvetica, sans-serif; font-size: 1em;
	margin-top: -1px; margin-bottom: -1px;
}
.textentry { /* used for single line text entry fields */
	font-family: Arial, Helvetica, sans-serif; font-size: 1em;
	background: url(../images/inputbg.gif) repeat-x;
	border: solid 1px #8A85C5;
}
.textentryERR {
	font-family: Arial, Helvetica, sans-serif; font-size: 1em;
	background: url(../images/inputbgERR.gif) repeat-x;
	border: solid 1px #ED1B24;
}
.textarea { /* used for multiline text entry fields */
	font-family: Arial, Helvetica, sans-serif; font-size: 1em;
	margin-bottom: 10px;
	background: url(../images/inputbg.gif) repeat-x;
	border: solid 1px #8A85C5;
}
.textareaERR {
	font-family: Arial, Helvetica, sans-serif; font-size: 1em;
	margin-bottom: 10px;
	background: url(../images/inputbgERR.gif) repeat-x;
	border: solid 1px #ED1B24;
}
.radioERR {
	color: #ED1B24;
}
.selectlist { /* drop-down select lists */
	font-family: Arial, Helvetica, sans-serif; font-size: 1em;
}
.selectlistERR {
	font-family: Arial, Helvetica, sans-serif; font-size: 1em;
	color: #ED1B24;
}

/* Start of 'Landing Screen' styles */
table.quote td {
	background-image: url(../images/lineDotted700.gif); background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 10px; padding-top: 10px;
}

.big { font-size: 1.1em; } /* insurer name */

.ap {font-size: 0.75em; font-weight: normal;} /* 'Annual Premium' */

.bigPrice {
	font-size: 1.3em;
	text-align: right;
	font-weight: bold;
	padding-right: 31px;
}
.landingSmall {font-size: 0.9em}
/* End of 'Landing Screen' styles */

/* hide/show used by "hideXtra" & "showXtra" JavaScript functions */
.hide { display: none; }
.show { display: block; }

.btnRemove {  /* Question set "remove this item" button */
	height: 20px;
	width: 112px;
	font-size: 12px;
}

.btnRemove2 {  /* Question set "remove this item" button (buy-to-let) */
	height: 20px;
	width: 121px;
	font-size: 12px;
}

.btnAddAnotherItem {  /* Question set "add another item" button */
	height: 20px;
	width: 121px;
	font-size: 12px;
	margin-top: -10px;
	margin-bottom: 10px;
}

.btnFindAddress {  /* Question set "find address" button */
	height: 20px;
	width: 80px;
	font-size: 12px;
	margin-left: 5px;
}
/* End of Qset styles */

/* floats */
.floatleft { float: left; margin: 0px 10px 0px 0px; }
.floatright { float: right; margin: 4px 0px 0px 10px; }

/* floats for insurer logos */
.floatleft {
	float: left;
	margin-left: 0px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.floatright {
	float: right;
	margin-left: 10px;
	margin-right: 0px;
	margin-top: 4px;
	margin-bottom: 0px;
}

/* colours! */
.grey {color: #ABABAB;}
.greymid {color: #888888;}
.greydark {color: #666666;}
.red {color: #008CF1;} /* bodged */
.orange {color: #008CF1;}
.black {color: #333;}
.white {color: #FFFFFF;}
.darkblue {color: #333399;}
.lightblue {color: #008CF1;}

/* link default style */
a {text-decoration:none}
a:hover {text-decoration:underline}

/* link styles with no underline on rollover */
a:link.rotxt {color: #333399;}
a:visited.rotxt {color: #333399;}
a.rotxt {text-decoration:none}
a:hover.rotxt {text-decoration:underline; color: #333399;}
a:active.rotxt {color: #333399;}

a:link.rotxtbk {color: #008CF1;}
a:visited.rotxtbk {color: #008CF1;}
a.rotxtbk {text-decoration:none}
a:hover.rotxtbk {text-decoration:none; color: #333399;}
a:active.rotxtbk {color: #008CF1;}

a:link.rotxtbkr {color: #000;}
a:visited.rotxtbkr {color: #000;}
a.rotxtbkr {text-decoration:none}
a:hover.rotxtbkr {text-decoration:none; color: red;}
a:active.rotxtbkr {color: red;}

/* BACK BUTTON */
.qnavb {
	position:absolute; top: 5px; text-align: left;
	margin: 0px; padding: 0px; width: 73px; height: 29px;
	background:  url(../images/back.gif) no-repeat;
}



/* for reducing unwanted vertical space */
#pullup2 { margin-top: -2px; }
#pullup3 { margin-top: -3px; }
#pullup5 { margin-top: -5px; }
#pullup7 { margin-top: -7px; }
#pullup9 { margin-top: -9px; }
#pullup10 { margin-top: -10px; }
#pullup12 { margin-top: -12px; }
#pullup15 { margin-top: -15px; }
#pullup18 { margin-top: -18px; }
#pullup19 { margin-top: -19px; }
#pullup20 { margin-top: -20px; }

/* for adding vertical space */
#space2 { margin-top: 2px; }
#space3 { margin-top: 3px; }
#space5 { margin-top: 5px; }
#space7 { margin-top: 7px; }
#space9 { margin-top: 9px; }
#space10 { margin-top: 10px; }
#space12 { margin-top: 12px; }
#space15 { margin-top: 15px; }
#space18 { margin-top: 18px; }
#space19 { margin-top: 19px; }
#space20 { margin-top: 20px; }



/* for stripey tables */
table.stripesColour th {
	font-family: Arial, Helvetica, sans-serif; color: #333399; font-size: 16px; font-weight: bold;
	border: none; height: 32px;
	margin: 0px; padding: 10px 0px 0px 10px;
}
table.stripesColour tr.odd td {
	margin: 0px; padding: 5px 10px 15px 10px;
	background: url(../images/stripesbg.gif) repeat-x; background-position: bottom;
	height: 24px; overflow: auto;
}
table.stripesColour tr.even td {
	margin: 0px; padding: 5px 10px 15px 10px;
	background: url(../images/stripesbg.gif) repeat-x; background-position: bottom;
	height: 24px; overflow: auto;
}


/* popup help "bubbles" */
div.pop { margin-left:auto; margin-right:auto; text-align:left; }
table.pop { font-family: Verdana, Geneva, sans-serif; color: #333399; background: #FFF; border: solid 1px #333399; }
tr.pop { border: none; }
td.pop { border: none; width: 280px; }
#object1 {
	background: transparent; color: black;
	border-width: 0px; border-color: black;
	position: absolute; visibility: visible;
	left: -400px; top: -400px;
	z-index: +1;
}
/* end of popup help "bubbles" styles */

/* END */