/*-----------------------------------------------------------------------------
123.ie

version:   1.0
author:    Kevin Devine
email:     kevind[/at/]arekibo.com
website:   http://www.arekibo.com/
date:	   Sep 2011
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/
@import url("calendar.css");

/* Remove padding and margin */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;

}
/* define focus styles! */
a:focus, button:focus, input::-moz-focus-inner { border: 0; outline-style: none; -moz-outline-style:none;}
input::-moz-focus-inner {  outline:0; outline-style: none; -moz-outline-style:none;}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Class for clearing floats */
.clear {
	clear:both;
}
.right {float:right;}
.left {float:left;}


/* Remove border around linked images */
img, a img {
	border: 0;
}

a:link, a:visited {
	text-decoration:underline;
	color: #1122CC;
	}
a:hover, a:active {
	text-decoration:none;
	color: #1122CC;
	 }

li {
    list-style-image: url("/include/default/common/img/bullet001.gif");
}

.tooltip li {margin-left:20px;}

h2 {line-height:normal; font-weight:normal;}

strong {font-weight:bold;}
/* =Body
-----------------------------------------------------------------------------*/

body {
  font: 62.5%/1.6  Arial, Verdana, Helvetica, sans-serif;
  background:#cfe3fd url(../../common/img/123.jpg) 50% 0 no-repeat;
  line-height:1.4em;
}


#wholepage {width:880px; padding:0 30px; margin:0 auto; background:#fff url(../../common/img/header.jpg) 50% 0 no-repeat; display:block; position:relative; /*_padding-right:0px;  _background-position:30px 0;
_color : orange;  IE6 */
}

#header {display:block; float:left; width:100%; _width:880px;}

#logo, #logo a {display:block; width:180px; height:90px;  margin-top:50px;  float:left;}
#logo a {margin-top:0px;text-indent:-9999px;}

#primary_nav { float:right; width: 550px; height:40px; display:block;}
#primary_nav #navbar {float:right; margin-right:-1px; padding-top:6px; font-size:12px;}
#primary_nav ul li {float:left; padding:5px 8px; background:url(../../common/img/navBorder.gif) no-repeat right 50%; list-style-image:none;}
#primary_nav ul li:last-child {background:none;}
/*for IE, that doesn't recognise :last-child*/
#primary_nav ul li.last-child {background:none;}
#primary_nav ul li a:link, #primary_nav ul li a:visited  {color:#fff;  text-decoration:none;}
#primary_nav ul li a:hover {text-decoration:underline;}





#banner377 {float:right;  width:390px; height:100px; text-indent:-9999px; display:block; }

/*#navbar2 { width:882px; float:left; display:block; height:40px; padding-bottom:10px;}

#navbar2 li {float:left; display:block;  margin-right:0px;}
#navbar2 li a {width:100%; height:40px; display:block; text-indent:-9999px;}


#navbar2 li a#Car { background: url(../img/navActive.gif) no-repeat 0px -40px; width:176px; }
#navbar2 li a#Van { background: url(../img/navActive.gif) no-repeat -441px -40px; display:none; }
#navbar2 li a#Home { background: url(../img/navActive.gif) no-repeat -176px -40px; width:176px;}
#navbar2 li a#Life { background: url(../img/navActive.gif) no-repeat -352px -40px;width:176px; }
#navbar2 li a#Travel { background: url(../img/navActive.gif) no-repeat -528px -40px;width:176px; }
#navbar2 li a#Pet { background: url(../img/navActive.gif) no-repeat -704px -40px;width:176px; }

#navbar2 li a#Car:hover, #carForm #navbar2 li a#Car { background: url(../img/navActive.gif) no-repeat 0px 0px;  }
#navbar2 li a#Van:hover, #vanForm #navbar2 li a#Van { background: url(../img/navActive.gif) no-repeat -441px 0px;  }
#navbar2 li a#Home:hover, #homeForm #navbar2 li a#Home { background: url(../img/navActive.gif) no-repeat -176px 0px; }
#navbar2 li a#Life:hover { background: url(../img/navActive.gif) no-repeat -352px 0px; }
#navbar2 li a#Travel:hover, #travelForm #navbar2 li a#Travel { background: url(../img/navActive.gif) no-repeat -528px 0px; }
#navbar2 li a#Pet:hover, #petForm #navbar2 li a#Pet { background: url(../img/navActive.gif) no-repeat -704px 0px; }*/

#navbar2 { display:block; width: 100%; float:left; border-radius:3px; padding-bottom: 10px; }
#navbar2 li {list-style-image: none; display:block; width:145px; float:left; height:51px;}
#navbar2 li:first-child, #navbar2 li:last-child { width:150px;}
#navbar2 li a{ display:block; line-height:51px; text-align: center; background: #14417a; background: -moz-linear-gradient(top,  #4673ac 0%, #14417a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#14417a), color-stop(100%,#14417a)); background: -webkit-linear-gradient(top,  #4673ac 0%,#14417a 100%); background: -o-linear-gradient(top, #4673ac 0%, #14417a 100%); background: -ms-linear-gradient(top,  #4673ac 0%,#14417a 100%); background: linear-gradient(to bottom,  #4673ac 0%,#14417a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4673ac', endColorstr='#14417a',GradientType=0 ); color:#fff; font-size: 20px; font-family: "Arial Rounded MT Bold",Arial,Helvetica,sans-serif; letter-spacing: -1px; text-transform: uppercase; text-decoration: none; border-right:1px solid #254166; border-left:1px solid #7494bb; zoom:1;}
#navbar2 li:first-child a{ border-left: none; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
#navbar2 li:last-child a{ border-right: none; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
#navbar2 li a:hover, #petForm #navbar2 li.pet a, #carForm #navbar2 li.car a, #homeForm #navbar2 li.home a, #travelForm #navbar2 li.travel a, #healthForm #navbar2 li.health a { background: #3a6bad; background: -moz-linear-gradient(top,  #6d9ddf 0%, #3a6bad 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6d9ddf), color-stop(100%,#3a6bad)); background: -webkit-linear-gradient(top,  #6d9ddf 0%,#3a6bad 100%); background: -o-linear-gradient(top,  #6d9ddf 0%,#3a6bad 100%); background: -ms-linear-gradient(top,  #6d9ddf 0%,#3a6bad 100%); background: linear-gradient(to bottom,  #6d9ddf 0%,#3a6bad 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d9ddf', endColorstr='#3a6bad',GradientType=0 ); }

/*#carForm #navbar2 li a#Car, #carForm2 #navbar2 li a#Car { background: url(../img/navActive.gif) no-repeat; }
#carForm #navbar2 li a#Car, #carForm2 #navbar2 li a#Car { background: url(../img/navActive.gif) no-repeat; }

 End Navigation */

#formSteps {width:100%; display:block; float:left; height:41px; background: url(../img/steps.gif) no-repeat; margin-bottom:10px;}
#formSteps li {display:block; float:left; width:33%; text-indent:-9999px;}


/* Layout specific Styles */

#c3outright {display:block; clear:both; float:left;  width:580px;  }


#rightHandCol {display:block; width:280px; float:right;/* _position:absolute; _top:200px; _right:40px;*/}
#rightHandCol .carPromo, #rightHandCol .petPromo, #rightHandCol .vanPromo, #rightHandCol .travelPromo, #rightHandCol .homePromo   {padding-bottom:15px; display:block;}

.CPCsidebar{ margin-top:10px; color:#19529F;font-size:12px; float:left; display:block;}
.CPCsidebar a{color:#1122CC;text-decoration:underline; }
.carPromo ul {display:none;}

#qfooter {display:block; width:100%; clear:both; float:left; font-size:12px;  padding-bottom:10px;}

#footer { display:block; margin:20px 0; background:url(../img/footerLinks.gif) no-repeat; height:20px; padding:12px 0px 8px 0; }
#petForm #footer { background: url(../../default/common/img/pet-insurance-footer.jpg)  no-repeat; padding:77px 0px 8px 0; margin-top:0px; }
#footer a:link, #footer a:visited { color:#fff; padding:0 15px; font-size:12px; }
#f_sitemap { float:left; background:url(../../common/img/navBorder.gif) no-repeat left 50%; }
#f_tandc_large { float:left; }
#f_tandc_large a.bordered{ background:url(../../common/img/navBorder.gif) no-repeat left 50%; }


/* Form specific Styles */

.panelHeaderThick {background:url(../img/header580.gif) no-repeat; height:28px; font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
color:#fff; font-size:19px;
padding:12px 0 0 20px;
float:left; clear:both; width:560px;
}

.formData { float:left; display:block;  font-size:1.2em;}


.rich-panel-body {display:block; float:left; width:552px; padding:10px 0 0 28px; background:url(../img/formBg.gif) repeat-y;}

#qs\:wqsnotes .rich-panel-body  {background:none; padding:10px 0; color:#19559E;}
.rich-panel-body.quoteSelectionBody {width:100%;}

#qsw_body.rich-panel-body {background:none; width:100%;}




.mandatoryText {color:#174d94; font-weight:bold; text-align:right; display:block; width:490px; padding:0 0 10px 0; font-size:12px;}
.mandatoryText.full {width:850px;}

.w-field-error label, .formLabel { color:#174d94; font-weight:bold; text-align:right; display:block; width:170px; float:left; clear:both; padding-right:58px; font-size:12px; }

.w-field-error, .fieldwrapper {display:block; padding-bottom:10px;clear:both; float:left; position:relative; width:auto; }
div.w-field-error div.w-field input[type="text"],
div.w-field-error div.w-field select {width:245px; height:21px; padding:2px 5px 0 9px; border:0px;
border-bottom:1px solid #ddd;
border-left:1px solid #c3c3c3;
border-right:1px solid #c3c3c3;
border-top:1px solid #7c7c7c;
background:url(../img/inputBg.gif) no-repeat;
font-size:12px;
}
div.w-field-error div.w-field input:focus[type="text"],
div.w-field-error div.w-field select:focus {background-color:#cfe3fd; background:url(../img/inputBgFocus.gif) no-repeat;}



div.w-field-error div.w-field select {width:261px; padding:0px 0px 0 9px; height:25px; float: left;}

.birthDaySelect {
    width: 52px !important;
	margin-right:5px;
}
.birthMonthSelect {
    width: 104px !important;
	margin-right:5px;
}
.birthYearSelect {
  margin-right:5px;
    width: 96px !important;
}

.expMonthSelect {
  margin-right: 5px;
  width: 65px !important;
}
.expYearSelect {
  margin-right: 5px;
  width: 75px !important;
}
#quoteForm:licenseInfoPanel .panelHeaderThick {display:none;}

.tooltip {display:none;}


.w-error { }

div.w-field-error div.w-error {
    float: left;
   /* padding-bottom: 5px;
    padding-top: 2px;*/
    width: 100%;
    /*margin-top:-1px;*/



	/*float:right; width:268px;*/
}


#formFullWidth div.w-field-error div.w-error {
	margin-left:128px;
	width: 265px;
}

.error-off{
display: none;
}

.warningPanel {
	 background: none repeat scroll 0 0 #fde0e0;
   border:1px solid red;
    color: red;
    display: block;
    margin: 2px;
    padding:4px 8px;
	clear:both;
	font-size:12px;
	max-width:552px;
	width:580px;

}

.warningBox {
	clear: both;
    float: left;
    padding-top: 10px;
    width: 579px;
	display:block;
	*float:none;
}

#qbtnw {display:block; }

.errorMess {
    background: none repeat scroll 0 0 #fde0e0;
    border: 1px solid red;
    color: red;
    display: block;
    margin: 2px;
    padding:4px 8px;
	clear:both;
	font-size:12px;
	max-width:468px;
}

/*.modalPanel .errorMess {max-width:325px;}*/

/* Error Messages
.errorMess {
    background: none repeat scroll 0 0 #fde0e0;
    border: 1px solid red;
    color: red;
    display: block;
    margin: 2px;
    padding:4px 8px;
	clear:both;
	float:left;
	max-width:468px;
	width:100%;
}*/








#main-errors {font-size:12px;}



.are-tt {background: url("../img/tooltipTop.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: auto;
    padding: 20px 10px 8px 23px;
    position: absolute;
   right: -260px;
   /* left:500px;*/
    top: 0;
    width: 250px; color:#174d94; font-size:12px; line-height:16px; z-index:100;}

#endId\3A carForm .are-tt {right:inherit; left:380px;}



.are-ttText {
	-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
background:#cfe3fd; display:block; border:1px solid #1954a2; border-top:0px; padding:0px 10px 8px 10px;}

.legal-item-text{
  display:block;
  margin:3px 0 0 30px;
}
.legal-item-text a{
  color: #1122CC;
  text-decoration: underline;
}

/* Motor payment Select */
#w-strpbk-usrDetails {font-size:12px;}
/*.justEmptyPanel { font-size:1.2em;}
.justEmptyPanel .formData {font-size:1em; margin:10px 0;}*/
#formFullWidth {width:880px; display:block;}
.justEmptyPanel #formFullWidth .formData  { margin:0 0 10px 0;}
#formFullWidth .panelHeaderThick {width:860px; background:url("../img/header880.gif") no-repeat scroll 0 0 transparent; font-size:17px;}
.form-top {display:block; border-bottom:1px solid #b0c9eb; width:100%; float:left; color:#174d94; width:840px; padding:3px 20px 5px 20px; margin-bottom:15px;}
.form-top  .w-field-error {clear:none; float:left; padding-right:20px;}
#formFullWidth .form-top div.w-field-error span.label {width:auto; font-weight:bold; padding-right:5px;}
#formFullWidth .rich-panel-body {
    background: none;
    display: block;
    float: left;
    padding: 10px 0 20px 0px;
    width: 878px;
	-moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-color: -moz-use-text-color #B0C9EB #B0C9EB;
	border-color: #B0C9EB;
    border-style: none solid solid;
    border-width: 0 1px 1px;
}

.form-left, .form-right {
    float: left;
    margin: 0 20px 3px 0;
    /*overflow: hidden;*/
    width: 419px;
	padding:5px 0 10px 0;
}

.form-left div.w-field-error label.w-label, .form-right div.w-field-error label.w-label {
    float: left;
    margin-right: 0px;
    width: 110px;
	padding-right:20px;
}
p.mandatoryhint {color:#174d94; padding:0px 20px 15px 20px; display:block; float:left; clear:both; width:820px;}

#formFullWidth .form-bottom {
    border-top: 0px;
    float: left;
    padding: 10px 20px 0px 20px;
    width: 835px;
	color:#174d94;
}

#pf\3A mailList {   display: block;
    float: left;
    margin-right: 10px;
    padding-bottom: 15px;}







/* Footer Styles  */
.formFooterWrap {background: url(../img/formBottom.gif) no-repeat bottom left; border-top:1px solid #b0c9eb; display:block; width:550px; color:#174d94; font-weight:bold; padding:10px 15px; font-size:1.2em; clear:both;  position:relative;}

.footerText {color:#19559e; font-size:12px; line-height:16px; }
#petForm .footerText  {width:877px;}

#outerfooter {background:url(../../../images/common/footer.jpg) no-repeat #cfe3fd; display:block; width:940px; height:100px; margin:0 auto; clear:both;   }


#outerfooter select {
    border:1px solid #b0c9eb;
   font-size: 12px;
    height: 23px;
    padding: 0 0px 0 9px;
    width: 220px;
	color:#134585;
	position:absolute;
	right:155px;
	top:100px;
	display:none;
}

.verisign, .encryption {  background: url(../../../images/common/verisign.jpg) no-repeat;
    bottom: 0;
	width:140px;
    display: block;
    height: 80px;
    position: absolute;
    right: -160px;
	text-indent:-9999px; }

	.verisign2, .encryption2 {  background: url(../../../images/common/encryption.gif) no-repeat;
   	width:138px;
    display: block;
    height: 90px;
    float:left; margin:10px 10px 0 0;	text-indent:-9999px;   }


.encryption4 {  background: url(../../../images/common/verisign.jpg) no-repeat;
   float:right;
	width:140px;
    display: block;
    height: 80px;
    text-indent:-9999px;
	position:absolute;
	right:10px; bottom:10px; z-index:-1; }



#qfstatusw, #\_viewRoot\:status\.start {font-size:12px; padding:10px; color:#174d94;}

.textNondescript, .textNondescript a:link, .textNondescript a:visited {/*font-weight:normal; color:#232323; font-size:11px;*/}

#quoteForm\3A getQuoteButton {background:url(../img/get-quote.gif) no-repeat; width:138px; height:42px; display:block; margin:0 auto; float:right;}

.reqCallback { background: url(../../default/common/img/request-callback.jpg) no-repeat; display:block; width:280px; height:90px;  float:right;}

#petForm .reqCallback { url(../../default/common/img/pet-insurance-quote-callback.jpg) no-repeat; display:block; width:280px; height:90px;  float:right;}

#petForm .reqCallback.left {float:left;}


#formFullWidth .reqCallback {margin-top:10px;}

.rich-calendar-button {margin-left:8px;}

#quoteForm\3A claimList {display:block; width:100%; clear:both;}
#maxClaimsError {display:block; width:244px; font-weight:bold;  clear:both; margin:5px 0 8px 228px;}


.alignedBlock { display:block; clear:both;padding-left:223px; }
.driver {font-weight:bold;}
#quoteForm\3A driverListPanel {clear: none;
    float: left;
    width: auto;}
.subinfo {display:block; clear:both; padding-top:4px; }
.space {clear:both;}
.spaceLink {
    margin-right: 5px;
}
.spaceText {
    margin-right: 5px;
}


.rich-panel-body

/* Modal Popup Styles */

.dr-mpnl-ovf-hd {
    overflow: hidden;
}
.dr-mpnl-trim {
    position: relative;
    z-index: 0;
}
.dr-mpnl-iframe {
    background-color: white;
    left: 0;
    overflow-y: hidden;
    position: absolute;
    top: 0;
    z-index: -1;
}
.dr-mpnl-mask-div {
    background-color: #000;
    border: 0 none;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
}

.dr-mpnl-mask-div-transparent {
    background-color: transparent;
}


.dr-mpnl-mask-div-opaque {
	filter: alpha(opacity =     50);
	opacity: .6;
}




.dr-mpnl-panel {
    background-color: inherit;
    left: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0;
    z-index: 9;
}
.dr-mpnl-resizer {
    font-size: 1px;
    line-height: 1px;
    position: absolute;
}
.dr-mpnl-header {
    height: 20px;
    vertical-align: middle;
    width: 100%;
    z-index: 5;
}
.dr-mpnl-pnl-button {
    border: 10px solid red;
    clip: rect(0px, 0pt, 1px, 1px);
    height: 10px;
    left: 0;
    outline-style: none;
    position: absolute;
    top: 0;
    width: 10px;
    z-index: -300;
}
.rich-mpnl-controls {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1;
}
.rich-modalpanel {
    left: 0;
    top: 0;
}
.dr-mpnl-spacer, .dr-mpnl-resizer {
}
.dr-mpnl-pnl {
    background-color: inherit;

}
.dr-mpnl-pnl-h {
   	background-color: #20579e;
    border-color: #20579e;
	background:url(../img/headerRepeat.gif) repeat-x;
	font-family: "Arial Rounded MT Bold",Arial,Helvetica,sans-serif;
    font-size: 1.6em;

    height: 28px;
    padding: 12px 0 0 20px;
	color:#fff;
    }
.dr-mpnl-pnl-b {
    padding: 10px 0px 10px 20px;
}
.dr-mpnl-shadow {
    height: 100%;
    left: 4px;
    opacity: 0.1;
    position: absolute;
    top: 4px;
    width: 100%;
    z-index: -1;
}
.dr-mpnl-pnl {
    background-color: #FFFFFF;
    border-color: #20579e;
}


.dr-mpnl-pnl-b {
    color: #000000;
    font-family: Arial;
    font-size: 12px;
}
.dr-mpnl-shadow {
    background-color: #000000;
}







.dr-mpnl-pnl .w-field-error label {padding-right:10px; width:140px;}
.dr-mpnl-pnl .w-field-error label.errorMess {width:100%; color:red; text-align:center; max-width:324px;}

.dr-mpnl-pnl div.w-field-error div.w-field input[type="text"],
.dr-mpnl-pnl div.w-field-error div.w-field select {width:180px; margin-right:8px;}
.dr-mpnl-pnl div.w-field-error div.w-field select {width:197px;}

.processing {padding:5px; color:#174f96; clear:both; display:block; float:left;}
.scrollable .dr-mpnl-pnl {
    overflow-y: auto !important;
}

.formButton {width:100%; text-align:right; clear:both;}
.formButton input {margin-right:80px;}
#formFullWidth .formButton input  {margin-right:0px;}

.formButton.left {text-align:left; margin-left:228px;}

ul.rich-datalist {    clear: both;
    padding-bottom: 10px;
    padding-left: 242px;}
	ul.rich-datalist li {padding-bottom:6px;}

#endId\3A claimForm\3A claimTypePart {padding-top:10px;}

div.w-field-error span.label {
    float: left;
    margin-right: 15px;
    width: 110px;
	color:#174D94;
	font-weight:bold;
}

#formFullWidth div.w-field-error span.label {
    clear: both;
    color: #174D94;
    display: block;
    float: left;
    font-weight: bold;
    padding-right: 58px;
    text-align: right;
    width: 170px;
	margin-right:0px;
}




div.w-field-error div.w-field {
    float: left;
    margin-bottom: 0;

}


#formFullWidth div.w-field-error div.w-field {/*min-width:262px;*/}

.motorPanel .w-field-error {
    clear: both;
    display: block;
    padding-bottom: 5px;
	float:left;
	width:433px;
	margin-left:60px;
}
#quoteForm\:j_id279 {padding-top:20px; display:block; clear:both;}
.motorPanel div.w-field-error span.label {text-align:right; margin-right:60px;}
#quoteForm\:j_id279 .value {display:block;  width:258px;}




.standoutText {
    float: left;	padding-bottom:8px;
}


 .dr-mpnl-pnl #carPanel .w-field-error label { width:100px;}

 .dr-mpnl-pnl #carPanel .w-field-error {padding-bottom:5px;}

/*  Tooltips   */

.dr-rich-tool-tip {
    background-color: #cfe3fd;
    border: 1px solid #1954a2;
    display: nofne;
    float: left;
    font-family: Arial;
    font-size: 12px;
    padding: 7px;
    position: absolute;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color:#174d94;
}

.tooltip {
    text-align: left;
    width: 400px;
}


/*  Error screens   */

#expired h1, #loginFailed h1  {color:#992023; font-size:2.8em; padding:8px 0 20px;  font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif; text-align:left;}
#expired p, #loginFailed p, #loginFailed h2 {font-size:1.3em; color:#174D94; text-align:left; }


#noQuote h1  {color:#992023; font-size:28px; padding:8px 0 20px;  font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;}
#noQuote p, #noQuote li {color:#19559e; font-size:12px; padding:4px 0 8px 0; clear:both;}

/*  Confirmation screens   */
#confirmation {display:block; width:880px; padding-top:15px; float:left;}
#confirmation .textContent {float:left;width:599px; }
.leah {background:url(../../motor/img/leah.gif) no-repeat; width:151px; height:37px; margin:4px 0; display:block; float:left; text-indent:-99999px;}

#confirmation h1  { color: #992023;
    display: block;
    font-family: "Arial Rounded MT Bold",Arial,Helvetica,sans-serif;
    font-size: 48px;
    height: 48px; margin-top:5px; line-height:48px; font-weight:normal; float:left; *line-height:55px; }
#confirmation h2  {color:#19559e; font-size:18px; padding:8px 0 20px; margin-bottom:10px; font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif; border-bottom:1px solid #b0c9eb; float:left; width:599px;}
#confirmation h2 b {font-weight:normal;}
#confirmation p, #confirmation li {color:#19559e; font-size:12px; padding:4px 20px 8px 0; clear:both;}
#confirmation li {list-style-image:none; background:url(../../default/common/img/bullet003.gif) 0 4px no-repeat; padding: 4px 0 8px 25px;}
/*  Confirmation screens   */

.cardselect-option {

	background: url("/include/default/common/img/sectionBg.gif") no-repeat scroll left top transparent;
	width:840px;
	float:left; clear:both;
	min-height:114px;
	padding:10px 0; padding-left: 20px;
	color:#174d94;
	font-size:12px;
}

.cardselect-option input {
    float: left;
    margin: 10px 40px 20px 0;
	display:block; width:215px; height:65px;
	background:url(../../default/common/img/10_easy_payments.jpg) no-repeat;
}

.cardselect-option .title {font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
 font-weight:normal; font-size:16px; padding:4px 30px 8px 0; float:left;}
 .cardselect-option .title span {font-size:20px; line-height:23px;}
  .cardselect-option span p {float:left; width:370px;}

.cardselect-option p {float:left; width:370px;}
.cardselect-option p.title {float:left; width:540px;}



 .cardsImg {float:right; padding:2px 0 10px 20px; margin-top:-2px; margin-right:40px; width:148px; text-align:right;}
  .cardsImg2 {display:block; float:right; *float:none; *display:inline; padding:0px; margin-left:10px; background:url(../../../images/common/cards.gif) no-repeat; display:block; width:148px; height:27px;

  }

.motorchequeselect-option {
	background: url("/include/default/common/img/sectionBgCheque.gif") no-repeat scroll left top transparent;
	width: 840px;
	float: left;
	clear: both;
	min-height: 96px;
	padding: 10px 0;
	padding-left: 20px;
	color: #174d94;
	font-size: 12px;
}

.motordebitselect-option {
	background: url("/include/default/common/img/sectionBgCcDd.gif") no-repeat scroll left top transparent;
	width: 840px;
	float: left;
	clear: both;
	min-height: 96px;
	padding: 10px 0;
	padding-left: 20px;
	color: #174d94;
	font-size: 12px;
}

.motordebitselect-option input {
	float: right;
	margin: 10px 20px 20px 0;
	display: block;
	width: 215px;
	height: 65px;
	background: url(../../default/common/img/10_easy_payments.jpg) no-repeat;
}

.motordebitselect-option .1stpayment {
	float: left;
	display: inline;
	width: 200px;
}

.motordebitselect-option .title {
	font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px;
	padding: 4px 0px 8px 0px;
	float: left;
}
.motordebitselect-option .firstpayment .title {
	margin-left:20px;
}
.motordebitselect-option .title span {
	font-size: 20px;
	line-height: 23px;
}

.motordebitselect-option span p {
	float: left;
	width: 370px;
}

.motordebitselect-option p {
	float: left;
	width: 370px;
	margin-top: 18px;
}

.motordebitselect-option p.title {
	float: left;
	width: 350px;
}

.motordebitselect-option .ddpayment {
	float: left;
	width: 205px;
	display: inline;
}

.motordebitselect-option .plus {
	float: left;
	width: 50px;
	display: inline;
	font-size: 30px;
	margin-top: 32px;
}

.motordebitselect-option .firstpayment {
	float: left;
	width: 100px;
	Margin-right: 30px;
}

.motordebitselect-option .directdebitplus {
	float: left;
	position: relative;
	width: 40px;
	margin-right: 10px;
	margin-top: 15px;
}
div.directdebitplus img{
	display:none;
}
.motordebitselect-option .total {
	float: left;
	display: inline;
	width: 90px;
	/* border-left: 1px solid #174D94; */
	padding: 0px 20px 0px 20px;
	/* border-right: 1px solid #174D94; */
	height: 80px;
}

.motordebitselect-option .debitamount {
	font-size: 20px;
	margin-top: 6px;
	float: left;
	text-align: center;
	width: 100%;
}

.motordebitselect-option .total .title {
	width: 100%;
	text-align: center;
}

.motordebitselect-option .directdebitwrapper {
	width: 410px;
	float: left;
	display: inline;
}

.cardsImg {
	float: right;
	padding: 2px 0 10px 20px;
	margin-top: -2px;
	margin-right: 40px;
	width: 148px;
	text-align: right;
}

.cardsImg2 {
	display: block;
	float: right;
	*float: none;
	*display: inline;
	padding: 0px;
	margin-left: 10px;
	background: url(../../../images/common/cards.gif) no-repeat;
	display: block;
	width: 148px;
	height: 27px;
}

.motorcardselect-option {
	background: url("/include/default/common/img/sectionBgCcDd.gif") no-repeat
		scroll left top transparent;
	width: 840px;
	float: left;
	clear: both;
	min-height: 96px;
	padding: 10px 0;
	padding-left: 20px;
	color: #174d94;
	font-size: 12px;
}

.motorcardselect-option input {
	float: right;
	margin: 10px 20px 20px 0;
	display: block;
	width: 215px;
	height: 65px;
	background: url(../../default/common/img/10_easy_payments.jpg) no-repeat;
}

.motorcardselect-option .title {
	font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px;
	padding: 4px 30px 8px 0;
	float: left;
}

.motorcardselect-option .title span {
	font-size: 20px;
	line-height: 23px;
}

.motorcardselect-option span p {
	float: left;
	width: 370px;
}

.motorcardselect-option p {
	float: left;
	width: 370px;
	margin-top: 10px;
}

.motorcardselect-option .description {
	float: left;
	width: 440px;
	display: inline;
	position: relative;
	margin-top: 10px;
	margin-right: 20px;
}

.motorcardselect-option .total {
	float: left;
	display: inline;
	width: 90px;
	/* border-left: 1px solid #174D94; */
	padding: 0px 20px 0px 20px;
	/* border-right: 1px solid #174D94; */
	height: 80px;
}

.motorcardselect-option .total .title {
	width: 100%;
	text-align: center;
}

.motorcardselect-option .totalamount, .motordebitselect-option .total .totalamount
	{
	font-size: 20px;
	text-align: center;
	float: left;
	width: 100%;
	margin-top: 6px;
}

.motorcardselect-option .description .debitamount {
	margin-left: 10px;
	width: 80px;
	float: left;
	display: inline;
	postion: relative;
	font-size: 20px;
	margin-top: 6px;
}
div#pf/3a ddccP_body.dr.pnl-b.rich-panel-body{
margin-bottom:0px;		
}

.motorcardselect-option .description .title {
	width: 100%
}

.motorcardselect-option .cards {
	float: right;
	display: inline;
	position: relative;
}
.payByCheque {
    display: inline;
    float: right;
    margin-right: 20px;
    margin-top: -17px;
    position: relative;
}

.encryption2 {float:left; margin:0px;}

.error-page-content{
	color:#19559E;
	font-size:14px;
}
.error-page-content h1{
    color: #992023;
    font-family: "Arial Rounded MT Bold",Arial,Helvetica,sans-serif;
    font-size: 28px;
    padding: 8px 0 20px;
	}



/* Global payment pages */
#pf\3A cardHolderPart\3A j_id101, #pf\3A debitDayPart .w-field span, #shown, .cc-exp-text, .eachMonth, #ddForm_dd_message {color:#174D94;}
.cc-exp-text {padding-left:8px;}

.sortcode, #fpay\3A accSortC input {
    width: 62px !important;
}
.shortMonthSelect {
    width: 70px !important;
}
#pf\3A directDebitText {color:#174D94;display:block; clear:both; padding:10px 20px;}

.ddServiceCharge{
	font-size: 11px;
	margin-top: 10px;
	display: block;
}
.ddInlineLabel{
	font-weight: bold;
	display: inline;
	color: #174D94;
}
.ddInlineText{
	margin-left: 10px;
	margin-right: 30px;
}


.ddAuthorizationCheckbox{
    float: left;
    display: inline;
    position: relative;
    width: 15px;
    margin-left: 10px;

}

div#pf\3A ddccP_body.dr-pnl-b.rich-panel-body{
padding-bottom:0px;		
}

div#pf\3A ccP_body.dr-pnl-b.rich-panel-body{
padding-bottom:10px;		
}

#pf\3A directDebitTextAuthorization{
    float: left;
    display: inline;
    position: relative;
    width: 800px;
	color:#174D94;
	margin-bottom: 10PX;
	margin-left:10px;
}

#pf\3A refundText{
color:#174D94;
display:block;
padding:0px 10px 30px 10px;
}
/*    IE6 pain */


input.typeText {
     _padding: 2px 5px 0 9px;
    _width: 245px;

}
.dr-mpnl-pnl .rich-panel-body input
{
	_padding: 2px 5px 0 9px;
    _width: 218px;
}

.errorMess { _height: 20px; }

/* Move to style.css in include/default/motor if we don't use it in household or pet */
.one23DDName {margin-right: 40px; }
#sitemap-panel-row1 {
	height: 100px;
}

#sitemap-panel-row2 {
	margin-top:100px;
}