/*--- Style clean up ------------------------------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,th,var,em { font-style:normal; font-weight:normal; }
ul,ol { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; }
q:before,q:after { content:''; }
.clear { clear: both; line-height: 0px; border:none; margin: 0px; padding: 0px; }
 
/*--- Basic styles --------------------------------------------------------------------------------------------------*/
html { height: 100%; width: 100%; }
body { font-family: Arial, Helvetica, Sans-Serif; font-size: 13px; text-align: center; }
h1 { font-size: 2.3em; font-weight: normal; margin: 9px 0px 16px 0px;  } 
h2 { font-size: 1.7em; font-weight: normal; margin: 10px 0px 5px 0px; } 
h3 { font-size: 1em; font-weight: bold; margin: 0; } 
h4 { font-size: 16px; margin: 0; font-weight:normal; padding:0px 0px 3px 0px; } 
ul { margin: 0; padding: 0 0 0 20px; }
a {text-decoration:none;}
a:hover {text-decoration:underline;}
input {border:1px #a2b0bd solid ;}
.checkbox input {border:0px;}
.watermarked {color:#6c6c6c; font-style:italic; }
.italic { font-style:italic; }
	
/*--- Layout foundation ---------------------------------------------------------------------------------------------*/
#page { display: block; clear: both;  margin-left: auto; margin-right: auto; padding: 20px 0px 40px 0px; text-align: left; }	
#pageTopContainer{} 
#topNav { clear: both;  margin: 0 auto; margin-top: 10px;  }
#header, #headerLarge { clear: both; width: 968px; margin: 0 auto; padding-top: 4px;padding-bottom:5px; }
#main { clear: both; margin: 0 auto; width: 968px;  }
	#mainLeft { float: left; margin-right: 20px; min-height:280px;   }
	#mainContent { float: left; width: 430px; padding-top:20px; padding-right:30px;min-height:280px;  }
	#mainContentWideHeightFix {float:left;width:1px;min-height:280px} /* Only to solve the height issue when wide is shown */
	#mainContentWide {   width:100%; min-height:280px; }
	#mainContentWideWithLeft {float:right; width:660px; padding-right:30px;padding-top:20px;}
	#mainContentWideWithRight {float:left; width:660px; padding-right:30px;padding-top:20px;}
	#mainRight { float: right; padding-right:5px; width:200px;}
#bottomNavigation { clear: both; width: 960px; margin: 0 auto; margin-top:-20px; background:transparent; }
#footer { clear: both; width: 960px; margin: 0 auto; padding-top: 20px; }
#mainContent #header { width: auto; padding-top:auto; }
#mainContent #footer { width: auto; padding-top:auto; }
#mainContent h2 {margin:20px 0px 10px 0px;}

/*--- Top navigation ------------------------------------------------------------------------------------------------*/
#topNav ul { float: right; display: block; }
#topNav li { float: left; font-size: 1em; padding-left:15px; }
#topNav li a { text-transform: uppercase; padding: 0 0px 0 10px; }

/*--- Header --------------------------------------------------------------------------------------------------------*/
/* Ordinary header (standard article page, application pages etc.) */
#header .b1, #header .b2, #header .b3, #header .b4, #header .boxContent { }
.headerBox { padding: 0px 0px 0px 0px; }
.headerBox a{cursor:pointer;}
/* Large header (startpage) */
.headerLarge {}
#headerLarge .headerLogo { height: 147px; margin-bottom: 0px;padding-top:10px; }
#headerLarge .benefit { height:101px;display: block; float: left; width: 275px;   }
.headerBenefit1, .headerBenefit2, .headerBenefit3 { text-indent: -9000px; }
.headerBenefit1 { }
.headerBenefit2 { }
.headerBenefit3 { }
#headerLarge p { font-size: 1em; }
#headerLarge .link { float: left; margin-top:88px; }
#headerLarge .content {padding-left:7px;}

/*--- Main ----------------------------------------------------------------------------------------------------------*/
.mainContainer { min-height: 280px; height: auto !important; padding: 12px 0px 0px 0px; }

/*--- Main menu -----------------------------------------------------------------------------------------------------*/
#mainMenu { float: left; width: 200px; margin: 0; padding: 25px 8px 0px 4px; background: #fff; }
#mainMenu .b1, #mainMenu .b2, #mainMenu .b3, #mainMenu .b4, #mainMenu .boxContent { }
.mainContainer .boxContent {  padding: 5px 20px 5px 20px;  }

/* first level in menu */
.mainMenuHeader { padding: 0px 0px 4px 0px; }
.mainMenuHeader a:link, .mainMenuHeader a:visited, .mainMenuHeader a:hover { font-weight: bold; color: #fff; text-transform: uppercase; text-decoration:none;  }
/* second level in menu */
#mainMenu ul { padding: 0 0 0 20px; }
	#mainMenu ul li { margin: 6px 0; }
	#mainMenu ul li a:link, #mainMenu ul li a:visited, #mainMenu ul li a:hover { }
    #mainMenu ul li.selected { font-weight: bold; color:#4c6081; list-style-type: disc; }
		/* third level in menu */
		#mainMenu ul li ul { }
			#mainMenu ul li ul li { font-weight:normal; }
			#mainMenu ul li ul li.selected { font-weight: bold;  color:#4c6081; list-style-type: disc; }
			#mainMenu ul li ul li a { }
			#mainMenu ul li ul li.selected a {   }

/*--- Main content --------------------------------------------------------------------------------------------------*/
#mainContent ul { list-style-type: disc; margin: 0; padding: 0 0 0 20px; }
#mainContent ol { list-style-type: decimal; margin: 0; padding: 0 0 0 28px; }
.articleDivider { position:relative; top:-7px; left:-30px; width:20px; height:20px; }

/*--- Bottom navigation ---------------------------------------------------------------------------------------------*/
.separator {   clear: both; height: 50px; margin:0 auto; margin-top:40px;}
#bottomNavigation { }
#bottomNavigation a:link, #bottomNavigation a:visited { }
#bottomNavigation a:hover { }
#bottomNavigation ul {padding-left:0px;}
#bottomNavigation ul li { float: left; width: 170px; }
#bottomNavigation h4 { font-size: 1em; margin-bottom: 0px; font-weight:normal; }
#bottomNavigation ul li ul { padding: 0; margin: 0; }
#bottomNavigation ul li ul li { float: none; display: block; padding: 2px 0; margin: 0; }
#bottomNavigation li a { padding-left: 10px; }
#bottomNavigation p {padding-top:3px;}
#bottomNavigation p a {color:#d4f2ff;}

/* Contact box */
#contact { width: 320px; float: right; position: relative; }
#contact .b1, #contact .b2, #contact .b3, #contact .b4, #contact .boxContent { }
#contact .boxContent { height: 65px; padding: 10px 15px 0 15px; }
.contactPerson { background: url(../images/contactPerson.png) no-repeat top left; position: absolute; top: -12px; left: 225px; width: 78px; height: 89px; }

/*--- Footer --------------------------------------------------------------------------------------------------------*/
#footer { }
#footer p { float: left; padding-top: 5px; }
#footer .logo { float:left; margin-left: 10px; }
#footer ul { float: right; display: block; padding-top:5px;}
#footer ul li { float: left; padding-left:0px; margin-left:10px;padding-right:0px; }
#footer ul li.first { border: none; }
#footer ul li a:link, #footer ul li a:visited {padding: 0 0px 0 10px; }
#footer ul li a:hover { }

/*--- Box -----------------------------------------------------------------------------------------------------------*/
.box { display: block; }
.b1, .b2, .b3, .b4 { font-size: 1px; overflow: hidden; display: block; }	/* When using the box, set b1, b2, b3, b4 and boxContent to wanted background-color */
.b1 { height: 1px; margin: 0 5px; }											/* If box with border, set background to border-color. Otherwise, set background to wanted background-color */
.b2 { height: 1px; margin: 0 3px; }											/* If box with border, set border-right and border-left to 2px solid (color) */
.b3 { height: 1px; margin: 0 2px; }											/* If box with border, set border-right and border-left to 1px solid (color) */
.b4 { height: 2px; margin: 0 1px; }											/* If box with border, set border-right and border-left to 1px solid (color) */
.boxContent {  position:relative;}																/* If box with border, set border-right and border-left to 1px solid (color) */

/*--- Standard box --------------------------------------------------------------------------------------------------*/
.standardBox { display: inline-block; /* to get the width equals to the content */ }
.standardBox .b1, .contactBox .b1 { background: #b9d0df !important; }
.standardBox .b2, .contactBox .b2 { border-right: 2px solid #b9d0df; border-left: 2px solid #b9d0df; }
.standardBox .b3, .standardBox .b4, .standardBox .boxContent, .contactBox .b3, .contactBox .b4, .contactBox .boxContent { border-right: 1px solid #b9d0df; border-left: 1px solid #b9d0df; }
.standardBox .boxContent { padding: 10px; }
.standardBox .row { padding-bottom:5px;   }
.standardBox .borderTop {float:left; border-top:1px #b9d0df solid; margin-right:20px;padding-top:10px;}
.standardBox .column { float: left; margin-right: 40px; }
.standardBox .leftwidth {width:80px; }
.standardBox h3 { text-transform: uppercase; color: #4c6081; font-size: 1em; font-weight: bold; }
.standardBox ul { float: left; list-style-type: none; padding: 0; }
.standardBox ul li { padding-right: 0px; width:290px;  float:left; }
.standardBox .header { font-weight: bold; }

/*----Error Summary Box-----------------------------------*/
.errorSummary { display: inline-block; /* to get the width equals to the content */ }
.errorSummary .b1 { background: #f79292 !important; }
.errorSummary .b2 { border-right: 2px solid #f79292 !important; border-left: 2px solid #f79292 !important; background-color: #ffe8e8 !important; }
.errorSummary .b3, .errorSummary .b4, .errorSummary .boxContent { background-color: #ffe8e8 !important; border-right: 1px solid #f79292 !important; border-left: 1px solid #f79292 !important; }
.errorSummary .boxContent { padding: 10px; background-color: #ffe8e8 !important; }

/*----Contact Box-----------------------------------------*/
.contactBox { width:100%; padding-top:3px;   }
.contactBox h3 { text-transform: uppercase; color: #4c6081;font-weight:bold; font-size:1em;}
.contactBox .fieldset input {  font-size: 1.0em; width:140px;  }
.contactBox .fieldset label { line-height:normal;}
.contactBox .fieldset  { margin-right:0; width:100%;}
.contactBox .first {height:80px;}
.contactBox .watermarked, .contactBox .phone { padding:4px 4px;margin-top:1px;}
.contactBox .boxContent {   padding-top:15px;}

/* override when in right pane */
#mainRight .contactBox .fieldset input {width:100%; margin-bottom:10px; width:148px;}
#mainRight .contactBox .boxContent { position:relative; }
#mainRight .contactBox .first  {height:auto;}
#mainRight .contactBox {padding-bottom:15px;padding-top:0px;}   

/*--- Offers box ----------------------------------------------------------------------------------------------------*/
#offers { clear: both; width: 968px; margin: 0 auto; padding: 10px 0px 0px 0px; }
#offers .b1, #offers .b2, #offers .b3, #offers .b4, #offers .boxContent { background: #fff; }
#offers .boxContent { float: left; clear: both; width: 100%; padding: 6px 0px 11px 0px; }
#offers .offersBoxHeader, #offers .offersBoxPuff { clear: both; }
#offers .offersBoxHeader { margin: 0 10px 0 0px; padding-top:10px; }
#offers .offersBoxPuff { padding-top: 0px; }
#offers h2 { display: inline; float: left;  text-indent: -9000px;  }
#offers a { display: inline;    }
#offers .offersBoxHeader a {float:right;margin-top:12px;}

/*--- Puff ----------------------------------------------------------------------------------------------------------*/
#OfferZone_0 .puff {padding-left:3px;} #OfferZone_1 .puff, #OfferZone_2 .puff {padding-left:5px;}
.puff { float: left;  height: 155px; width:305px; }
.puff a { height:155px; }	
.puff img { }	
.puff h2 { background:none !important; }
.puffContent {text-indent:-9000px; height:1px;}
 
/*--- Classification properties (how and where to display an element)  -------------------------------------------*/
.floatContainer, .boxContent { display: block; clear: both; }

.left { float: left; }
.right { float: right; }
.floatNone { float: none !important; clear: none !important; }
.clear { clear: both; }
.inline { display: inline; }
.alignLeft { text-align: left !important; }
.center {text-align:center;}
.auto { width: auto; }
.maxWidth { width: 100%; }
.upper {text-transform:uppercase;}
.lowZindex {z-index:-100;}
.block {display:block;} 
.nodisplay {display:none;}
.inputMedium { width: 225px; display:block; }
.inputSmall { width: 145px; }

.w550 {width:500px;} .w600 {width:600px;} .w620 {width:620px;} .w200 {width:200px;} .w310 {width:310px;} .w110 {width:110px;} .w650 {width:650px;}
.padTop {padding-top:20px;} .padTop5 {padding-top:5px;} .padTopMin {padding-top:8px;} .padTop4 {padding-top:4px;} .padTop10 {padding-top:10px;} .padBot {padding-bottom:15px;} .padBotMin {padding-bottom:3px;} .padBotMed {padding-bottom:8px;} .padBot15 {padding-bottom:15px;}
.padTop29 {padding-top:29px;} .padTop35 {padding-top:35px;} .padBotMax {padding-bottom:20px;} .padTopMed {padding-top:32px;} .padRight {padding-right:20px;} .padRightMin {padding-right:12px;}
.padRight5 {padding-right:5px;} .padRight3 {padding-right:3px;} .padLeftMin {padding-left:10px;} .height20 {height:20px;} .bottomPadding {padding-bottom:35px}
.bottomBorder {border-bottom:1px #90b0c5 solid;} .margBotMin {margin-bottom:10px;} .margTopMin {margin-top:10px;} .h30 {height:30px;} .l220 {left:220px;} .l420 {left:420px;} .nomarg {margin:0px !important;} 
.remark { font-weight: bold; }

#myinsurance { }
#myinsurance a { color:#005e9d; }
#myinsurance .first, #myinsurance .second {padding:5px 5px 0px 0px; width:220px; }
#myinsurance .third {width:220px; padding-top:20px;}

/*--- Applicaton: Calculate and Buy  -----------------------------------------------------------------------------*/
.app_cab_main { padding:30px 8px 0px 0px; }
.app_cab_select { }
.standardBox .boxContent { padding-bottom:1px !important; }
.app_cab_main .standardBox .boxContent { padding-top:0px; }

#cab_entry_surround {border-top:1px #b9d0df solid; border-bottom:1px #b9d0df solid;margin:20px 0px 20px 0px;padding-bottom:10px;}
#insuranceSelection { position: relative; z-index: 1000; height:200px; }	
#insuranceDetails { position: relative; z-index: 0; top:-19px; }	
#insuranceDetailsSelection { float: left; width: 600px; padding:5px 0px 2px 0px; }
#insuranceDetailsInformation { float: right; width: 260px; position:relative; }
#insuranceStep4PartContent { float: left; width: 600px; }

#SummaryControl {padding:5px 0px 2px 0px;}
#SummaryControl .dividerRow {padding-bottom:4px;padding-top:0px; }
#SummaryControl .topBorder {border-top: 1px #b9d0df solid;padding-top:7px;}
#SummaryControl .campaign {height:30px;}
#SummaryControl .campaignHead, #SummaryControl .campaignContent  {font-size:1.4em;}
#SummaryControl .campaignHead {color:#fd9753; font-weight:bold;}
#SummaryControl .campaignContent {}
#SummaryControl ul {padding-bottom:4px;}

#app_cab_buy input {font-size: 1.0em; padding:4px 4px;margin-top:1px;background:transparent #fff; }
#app_cab_buy_box {width:620px; float:left;padding-top:3px;}
#app_cab_buy_box label {line-height:normal;}
#app_cab_buy_box_right {width:290px; padding-left:16px; float:left;}

.appContainer{width:705px;}
.appContainer .fieldset input {margin-right:5px;}
.appContainer .fieldset {margin-right:10px;}
.app_cab_more_outer{padding-top:13px;display:table; height:110px; #position:relative; overflow:hidden;background:url(../images/cab_vdivider.png) left top no-repeat;}
.app_cab_more_inner {#top:50%; vertical-align:middle;}
.app_cab_more {  width:190px; padding-left:25px; position:relative;  }

.yourPrice, .yourPriceStep2, .yourPriceStep3, .yourPriceStep4 { float: left; margin-right: 10px;  width: 405px; }
.yourPriceStep2 { width: 660px; }
.yourPriceStep3 { width: 420px; }
.yourPriceStep4 { width: 780px; }
a.navyButton_cab .Step2 {float:right;}

#pageSteps ul {padding-top:25px;}
#pageSteps ul li {float: left; margin: 0px 0px 0px 40px;  }
#pageSteps span { color:#9b9b9b;  padding-right:15px;} /* default */
#pageSteps ._active { color:#000000; }  
#pageSteps ._visited { color:#9b9b9b; }  

.app { background: #fff; padding: 0px 20px 10px 30px; height:130px; }
.app ul, .app_cab_more ul { padding:5px 0px 0px 0px; margin:0; }
.app ul li, .app_cab_more ul li{ list-style-type:none; padding-bottom:3px; background:url(../images/liTag.png) 0% 50% no-repeat; padding-left:10px;  }

#tabLoaderSurround{height:210px; padding-top:12px;}
#tabLoader { margin:0 auto; text-align:left; width:980px; margin-bottom:10px; padding-bottom:5px; background:url(../images/tab_bottomcont.png) center bottom no-repeat; } /* surrounds the tabstrip and its multiviews */

.fieldRow {padding:0px 0px 10px 0px;}
.fieldset { float: left; margin-right: 20px; }
.fieldset label { line-height:30px; }
.fieldset input { font-size: 1.4em; padding: 9px 3px; }
.fieldset select { display: block;    }
.fieldset .navyButton_cab, .fieldset .navyButtonDisabled_cab, .fieldset .navyButton_claim, .fieldset .navyButton_cab span, .fieldset .navyButtonDisabled_cab span, .fieldset .navyButton_claim span { }
.width200 {width:200px;}
.width260 {width:260px;}

.errorMessage { display: block; }

#insuranceSelection { }
#insuranceSelection .standardBox h3 { text-transform: uppercase; font-size: 1.3em; width: 100%; background: #e9e9e9; color: #6b7b96; }

.selectionBox {display: inline-block;   /* to get the width equals to the content */ }
.selectionBox .b1 { background: #b9d0df ; }
.selectionBox .b2 { border-right: 2px solid #b9d0df; border-left: 2px solid #b9d0df; background: #daeefa ;  }
.selectionBox .b3, .selectionBox .b4, .selectionBox .boxContent { background: #daeefa ;  border-right: 1px solid #b9d0df; border-left: 1px solid #b9d0df; }
.selectionBox .boxContent { padding: 10px; background: #daeefa ; }
.selectionBox h3 {display:inline;}
.selectionBox .addonPrice{ font-size:13px; font-weight:bold; padding-left:5px;}
.selectionBox .addOn{ width:270px; height:120px; float:left; padding:0px 35px 10px 0px;}
.selectionBox .part_2, .selectionBox .part_5 {padding-right:0px;}
.selectionBox .part_3, .selectionBox .part_6 {clear:both;}
.selectionBox .part_3, .selectionBox .part_4, .selectionBox .part_5 {padding-top:20px;}
.selectionPriceBox {display: inline-block; width:670px; padding-right:15px;  /* to get the width equals to the content */ }
#app_cab_buy .selectionPriceBox {display: inline-block;  width:460px; padding-right:15px;  /* to get the width equals to the content */ }
.selectionPriceBox .b1 { background: #b9d0df !important; }
.selectionPriceBox .b2 { border-right: 2px solid #b9d0df; border-left: 2px solid #b9d0df; background: #eff9ff !important;  }
.selectionPriceBox .b3, .selectionPriceBox .b4, .selectionPriceBox .boxContent { background: #eff9ff !important;  border-right: 1px solid #b9d0df; border-left: 1px solid #b9d0df; }
.selectionPriceBox .boxContent { padding: 5px 10px 5px 10px; background: #eff9ff !important; }
.selectionPriceBox h3 { float:left;padding-top:4px; }

.addonPrice, .addonTotalPrice, .addonTotalPriceSuffix {color:#fe7011;white-space:nowrap;}
.addonBodyRow { padding-top:10px;}
.addonBody { float:left; }
.addonImage { float:right; padding-left:5px;}
.addonMoreInfo {padding-top:10px;background:url(../images/doc.png) 0% 78% no-repeat; padding-left:15px;}
.addonTotalPrice{ font-size:1.6em;font-weight:bold; }
.addonTotalPriceSuffix{  }
.addonYearly{padding-top:10px;}
.app_cab_main .selectionExtraPuff{padding-top:30px; width:600px;}
.app_cab_main .extraCABPuffs {}
.app_cab_main .extraCABPuffs .boxContent .contentText {float:left; width:800px; padding-right:12px;}

#regretTime {width:300px; height:77px; background:url(../images/regret.png) no-repeat; position:relative; top:20px; left:-30px;}
#regretTime .iconToolTip {top:50px; float:right;}
#regretTime .toolTipHeader {font-size: 13px; font-weight:bold; }
#regretTime .toolTipText { font-size:12px;}
#regretTime .toolTipBottom{  font-size:12px;}

.extraCABPuffs .boxContent{padding:10px 10px 10px 22px !important;}
.extraCABPuffs h3 {padding-bottom:5px !important;}

/*--- Coverage box --------------------------------------------------------------------------------------------------*/
.coverageBox { width: 195px; float: left; margin: 0 0px 0 0; padding-top: 8px; position: relative; }
.coverageBox .b1 { background: #b9d0df !important; }
.coverageBox .b2 { border-right: 2px solid #b9d0df; border-left: 2px solid #b9d0df; }
.coverageBox .b3, .coverageBox .b4, .coverageBox .boxContent { border-right: 1px solid #b9d0df; border-left: 1px solid #b9d0df; }
.coverageBox .boxContent { height: 137px; padding: 0 0px;}
.coverageBox .boxContent h3 { text-align: center; text-transform: uppercase; font-size: 1.7em; font-weight: normal; color: #4c6081; padding: 7px; }
.coverageBox .boxContent p { padding: 2px 10px 0px 10px; }

.first { margin-right:0px;padding-right:10px;}
	.first .boxContent {  background: url(../images/coverageBoxOne.png) no-repeat center 1px; }
	.first h3 {  }
.second { margin-right:0px;padding-right:10px; }
	.second .boxContent { background: url(../images/coverageBoxTwoThree.png) no-repeat center 1px; }
	.second h3 {  }
.third {   }
	.third .boxContent { background: url(../images/coverageBoxTwoThree.png) no-repeat center 1px; }
	.third h3 {  }
	
/* Selected box csses */	
.selectedPart {  background: url(../images/coverageBoxSelected.png) no-repeat center top; padding:0px 0px 0px 0px; margin-right:9px; height:195px; width:205px; }
.selectedPart .coverageBox { padding: 0px 0px 0px 0px; width:205px;   }
.selectedPart h3 { font-weight: bold !important; margin-top:8px; }
.selectedPart .coverageBox .b1, .selectedPart .coverageBox .b2, .selectedPart .coverageBox .b3, .selectedPart .coverageBox .b4  { display:none; }
.selectedPart .mainContainer .b1, .selectedPart .mainContainer .b2, .selectedPart .mainContainer .b3, .selectedPart .mainContainer .b4  { display:none; }
.selectedPart .coverageBox, .selectedPart .coverageBox .boxContent  {background:transparent;border:0px;}
.selectedPart .coverageBox .boxContent p {padding-bottom:9px;}
/* Selected box csses [end] */

h4.recommendation { z-index:1001; background: url(../images/recommendation.png) no-repeat top left; width: 373px; height: 68px; position: absolute; top: -70px;}
h4.recommendation .iconToolTip {top:40px; float:right;}
.coverageBox a:link, .coverageBox a:visited, .coverageBox a:hover { outline:none; color: #000; text-decoration:none; }
.coverageBox .description {  cursor:pointer;height:48px; padding:12px 18px 0px 18px; top:0px;overflow:hidden; }
.coverageBox .description .price {cursor:pointer;}
.selectedPart .coverageBox.description  {padding-top:14px;}
.priceSmall, .price { color: #ff6600; }
.priceSmall {font-weight:bold; padding-right:0px;}
.price { font-size: 23px; float: left; padding-left:18px; }
.price .priceExt, .priceSmall .priceExt {font-size:13px; font-weight:normal;}
.show { color: #005e9d; float: right;padding:8px 18px 0px 14px; cursor:pointer; background:url(../images/downarrow.png) no-repeat 0% 80%; }
.selectedPart .show {background:none;color: #8a8b8c; cursor:auto;}
.selectedPart .coverageBox A:link, .selectedPart .description {cursor:text;}
/*--- Insurance details box -----------------------------------------------------------------------------------------*/
.insuranceDetailsBox {   }
.insuranceDetailsBox .b2, .insuranceDetailsBox .b3, .insuranceDetailsBox .b4, .insuranceDetailsBox .boxContent { background: #daeefa !important; }
.insuranceDetailsBox .b2, .insuranceDetailsBox .b3, .insuranceDetailsBox .b4, .insuranceDetailsBox .boxContent {border-left:1px #b9d0df solid;border-right:1px #b9d0df solid; }
.insuranceDetailsBox .b1 {background: #b9d0df !important;   }
.insuranceDetailsBox h2 { margin: 0px 0 5px 0; }
.insuranceDetailsBox h3 { text-transform: uppercase; margin: 5px 0px 10px 0px; }

/*--- Information box -----------------------------------------------------------------------------------------------*/
.informationBox { }
.informationBox .b1 { background: #b9d0df !important; }
.informationBox .b2, .informationBox .b3, .informationBox .b4, .informationBox .boxContent { background: #eff9ff !important; border-right: 1px solid #b9d0df; border-left: 1px solid #b9d0df; }
.informationBox .boxContent { padding: 3px 10px 3px 10px; position: static }
.informationBox .boxContent .yearPrice { padding:0px  }
#insuranceDetailsInformationYearly .boxContent {height:auto; padding-top:0px; padding-bottom:3px;       }
#insuranceDetailsInformationYearly {width:270px; padding-top:5px;}
#insuranceDetailsInformation .informationBox h3 {margin:0px 0px 13px 0px;}
#insuranceDetailsInformation .informationBox .boxContent {padding:1px 5px 0px 5px; position: static;}
#insuranceDetailsInformation .terms {background:url(../images/doc.png) 0% 50% no-repeat; padding:5px 0px 5px 12px; cursor:pointer;color:#4c6081;margin-left:10px;text-decoration:none;display:inline-block;}
.informationBox h3, .informationBox p { margin:6px 0px 0px 0px; float:left; }
.informationBox h3 {padding-left:10px; text-transform:uppercase;}
.informationBox .price { float: right; padding-right:10px; }
.informationBox .yourPrice { margin-top: 5px; }
.informationBox ul { margin: 10px 5px 10px 0; padding-left:10px; color: #4c6081; list-style:none; }
.informationBox ul li { background-image:url(../images/linkArrow.png); float:left; }
.informationBox ul li { background-position:0% 30%; background-repeat:no-repeat;}
.informationBox ul li span {min-width:90px; display:block;  padding-bottom:5px; padding-left:10px;}
.informationBox .ul50 li {width:50%}
.informationBox .ul100 li {width:100%}
	
/*--- Separator box -----------------------------------------------------------------------------------------------*/
.separatorBox { padding:0px 10px 3px 10px; }
.separatorBox .b1, .separatorBox .b2, .separatorBox .b3, .separatorBox .b4, .separatorBox .boxContent { background: #daeefa !important; border: none !important; }
.separatorBox .boxContent { padding: 0; text-align: center; }
.separatorBox .boxContent .plus { font-weight: bold; font-size: 1.3em; line-height: 50%; color: #4c6081; }

/*--- Calculate and buy box  -------------------------------------------------------------------------------------*/
.cabBox { background: url(../images/cabBoxInner.png) no-repeat 0px 40px; width: 202px; margin-bottom:15px; }
.cabBox .cabHead { background: url(../images/cabBoxTop.png) no-repeat top center; width: 202px; height:40px;}
.cabBox .cabInner {padding:20px 20px 0px 20px;} 
.cabBox input { margin-bottom:5px; padding:5px;  }
.cabBox a { color:#d4f2ff; font-size:10px; margin-bottom:10px; display:block;}
.cabBox a:visited, .cabBox a:link { color:#d4f2ff;}
.cabBox label {color:#fff; font-size:0.9em; padding-right:3px;}
.beginHere{position:relative; left:220px;width:167px; height:34px;top:10px;}

/*-- Tabstrip commons ------------------------------------------------------------------------*/
.RadTabStrip {   }
.RadTabStrip .rtsIn {padding:0px !important; margin:0px !important;}
.RadTabStrip .rtsOut {float:left !important;padding:0px !important; margin:0px !important;}
.rtsLink { height:55px; width:227px;padding:0 !important; margin:0 !important}
.RadTabStrip .rtsTxt {text-indent: -9000px;}

/* -- Progress update bar */
.progress { background: transparent url(../images/prog.gif) center bottom no-repeat; left:1px; float:left; z-index:2000; }
.selectedPart .progress { background-position:50% 0%; }
.progress.step2price { width:70px; height:20px; } /*cab_2 price*/
.progress.buttons{width:100%; border:1px navy solid; height:40px;position:relative;background-position:center; left:0px;float:none;background-color:#fff; top:0px;}
.progressdisplay {  width:160px; height:42px; position:absolute;  }
.progressdisplay img { padding-top:13px;padding-left:4px;}
.progressOverlay {  z-index: 10000; position: fixed; cursor: wait; top: 0; left: 0; background: #fff; /*#c8c8b4;*/ filter: alpha(opacity=0); opacity: 0.0; -moz-opacity: .0; height: 100%; width: 100%;  }


/* -- ToolTip common */
.iconToolTip {top:3px;position:relative;padding-left:5px;cursor:pointer;background:url(../images/icon_info.png) no-repeat top center;width:18px;height:18px;}
.toolTip {   width: 297px; z-index:1;}
.toolTip label {line-height:normal;}
.toolTip p  { margin: 0px; padding: 0px; line-height: 0px; }
.toolTipHeader {text-transform:none; font-style: italic; color: #4c6081; font-size: 16px !important; display: block; font-weight:normal !important; background-color: #fff; }
.toolTipText { text-transform:none;display: block; background-color: #fff; color:#000; font-size:13px !important;font-weight:normal; padding-top: 10px; }
.toolTipContent { padding: 37px 20px 20px 0px; }
.toolTipBottom{ text-align:right;line-height:normal;text-transform:none;font-weight:normal;font-size:11px !important;}
.labelToolTip {cursor:pointer;}

/* **** Claims ******/
#app_claims {   padding:0px 0px 20px 0px;width:700px; float:left; clear:both;}
#app_claims_start {float:left;} /*#app_claims_start - overrides for claimsstart(leftnav) */
#app_claims_start .app {padding-left:0px;}
#app_claims_start #app_claims .fieldset label {padding-left:0px;}
#app_claims_start #app_claims { width:500px;}

#app_claims .partContent {}
#app_claims h1 {float:left; padding-top:15px;}
#app_claims .fieldset {float:left; border-top:1px #b9d0df solid;clear:both; width:590px;padding-top:10px;margin-top:10px;}
#claimEntry .fieldset {border:none; clear:none;width:auto;margin-top:auto;padding-top:auto;}
#app_claims .boxSub .fieldset {width:500px;}
#app_claims .boxSub .fieldset, #app_claims .app_claimtype .fieldset {border:none;margin-top:0px; padding-top:0px; margin-bottom:10px; padding-bottom:10px;}
#app_claims .app_claimtype .fieldsetHeader{margin-bottom:20px;}
#app_claims .app_claimtype .expText {display:block;padding-left:23px;}
#app_claims .fieldset input {  font-size: 1.0em; padding:4px 4px;margin-top:1px; }
#app_claims .fieldset label {  font-size: 1.0em; padding:0px 10px 0px 5px; margin-top:1px; line-height:normal; }
#app_claims .row {clear: both; margin-bottom: 5px;  }
#app_claims .column {float:left; width:230px;}
#app_claims .date_picker_image {float:left;margin-left:5px; margin-right:5px; margin-top:-4px}
#app_claims .fieldset .date_picker_image {margin-top:-4px}
#app_claims .claimTypes {display:block; clear:both; margin-bottom:20px;}
#app_claims .labelToolTip {cursor:auto; padding-top:0px; cursor:pointer; }
#app_claims .claimTypes input {padding:0px 5px 0px 0px; border:0;}
#app_claims .fieldsetHeader {float: left; clear: both; display: block;  font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 1em; font-weight: bold; margin: 0px;}
#app_claims .rdoList input {float:left; border:none;padding-top:2px;}
#app_claims .rdoList label {float:left; padding:0px 10px 0px 5px;}
#app_claims .boxSub { clear:both;  margin:10px 0px 10px 0px; width:690px; }
#app_claims .boxSub .b2, #app_claims .boxSub .b3,  #app_claims .boxSub .b4,  #app_claims .boxSub .boxContent { background: #daeefa !important; border-left:1px #b9d0df solid;border-right:1px #b9d0df solid; }
#app_claims .boxSub .b1 {background: #b9d0df !important;   }
#app_claims .boxSub h2 { margin: 0 0 10px 0; }
#app_claims .boxSub h3 { text-transform: uppercase; margin: 10px 0; }
#app_claims h2 {display:block;clear:both;padding-top:15px;}
#app_claims h3 {display:block;clear:both;}
#app_claims h4 {display:block;clear:both;}
#app_claims .repeatList {   float: left; clear: both; padding-bottom:20px; margin: 5px 0px 20px 0px; border-bottom:1px #b9d0df solid; width:100%; }
#app_claims .inputXLarge { width: 460px; }
#app_claims .inputXSmall { width: 45px; }
#app_claims .inputLarge { width: 215px; }
#app_claims .claimsBottomNavigation {padding-top:50px;padding-right:220px; clear:both;}
#app_claims .marginLeftSmall { margin-left: 5px; }
#app_claims .marginLeftMedium { margin-left: 10px !important; }
#app_claims .marginLeftLarge { margin-left: 15px !important; }
#app_claims .marginLeftXLarge { margin-left: 20px !important; }
#app_claims .errorMessage  { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 1em; font-weight: bold; color: #c7252e !important; display: block; margin-top: 0.5em; float: left; clear: both; width: 100%; }
#app_claims .iconToolTip {padding-left:5px;background:url(../images/icon_info.png) no-repeat top center;width:18px;height:18px;}
#app_claims #vehiclePicture .summaryLabel { display: block;}
#app_claims A.button { float:right;}
#app_claims .progressIndicator {float:right; padding-top:30px; padding-top:40px;}
#app_claims .progressIndicator .previous, #app_claims .progressIndicator .following { padding-right:50px;padding-left:0px;}
#app_claims .progressIndicator .following {background:url(../images/following.png) no-repeat 25% 50%;}
#app_claims .progressIndicator .previous {background:url(../images/previous.png) no-repeat 25% 50%;}
#app_claims .link {}
#app_claims .modalPopup { background: #fff; border: 10px solid #67a7ca; padding: 20px; width: 300px; }
#app_claims .modalPopup h3 { font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 12px; font-weight: bold; padding: 0; margin: 5px 0; }
#app_claims .modalPopup p { font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 11px; font-weight: normal; margin-bottom: 10px; }
#app_claims .modalPopupButton div { width: 300px !important; }
#app_claims .modalBackground { z-index: 10000; position: fixed; cursor: wait; top: 0; left: 0; background: #000000; /*#c8c8b4;*/ filter: alpha(opacity=70); opacity: 0.7; -moz-opacity: .70; height: 100%; width: 100%; }
#app_claims .modalPopup_wait { display: block; background: #fff; width: 200px; height: 50px; margin-bottom: -19px; z-index: 10001; position: absolute; top: 100px; left: 0; }
#app_claims .modalPopup_wait_Content { background: #fff; text-align: center; margin-bottom: -19px; height: 50px; }
#app_claims .modalPopup_wait_Content img {padding-top:10px;}
#app_claims .modalPopup_wait_Text { font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 11px; font-weight: normal; position: relative; top: 0px; left: 0px; }
#app_claims .fieldset .bigInput {font-size: 1.4em; padding: 9px 3px;}
#app_claims  .left {float:left;}
#rightClaims {padding-top:0px;}
#UpdateProgressHideSelect { display: none; }



.datePickerImage {padding-left:5px;}
.err {background-color: #ffe8e8 !important; border:1px #f79292 solid !important;}
.errLabel, .errorSummary {font-weight:bold;color:#ff0000;width:100%;}
.errCheckbox, .errInput {border:1px red solid;background-color: #ffe8e8;padding:2px 0px 0px 0px;}
.errorSummary {margin:20px 0px 10px 0px;}


/* FIX */
.error { float: none; clear: both; border: 1px solid red; padding: 5px; margin-top: 10px; margin-bottom: 10px; }

/* Contact US & Greencard & VSG */
#contactUs {}
#greenCard {padding-bottom:10px;}
#wsgInfo {padding:10px 0px 10px 0px;}
#wsgInfo h2 {margin-top:0px;}
#wsgInfo a {float:left;}
#mainRight #wsgInfo a, #mainRight #greenCard a {float:right;}
#mainRight #greenCard a {padding-right:40px;}
#mainRight #wsgInfo input {width:100px;}
#greenCard .fieldRow, #wsgInfo .fieldRow {padding-bottom:2px;}
#contactUsText {height:60px;padding-top:10px;}
#wsgInfo input, #contactUs input, #greenCard  input {font-size: 1.0em; padding:4px 4px;margin-top:1px;}
#contactUs .messageSent, #greenCard .messageSent {font-size:1.2em;}
#wsgInfo .header {font-weight:bold;}

/*--- SharePoint related fixes, only for editors internal users --------------------------------------------------*/
.ms-siteaction .ms-siteactionsmenu a:link, 
.ms-siteaction .ms-siteactionsmenu a:visited, .ms-siteaction .ms-siteactionsmenu { color: #ffffff; } 
.ms-MenuUIPopupBody,
.ms-ToolPaneOuter { text-align: left; }
.ms-formfieldvaluecontainer { background-color: #ffffff; }
#MSOZone A {float: none; }
#ctl00_PlaceHolderMain_upPnlSummary .fieldset { float: none; }
/*.UserSectionHead {position:relative;z-index:200;}*/


/* Tooltip overrides */
.toolTip .content {padding-bottom:5px !important;}
 
.RadPicker_Default img{padding-left:10px;padding-top:1px;}
.RadPicker_Default TD {vertical-align:top !important;}
.RadPicker_Default INPUT {vertical-align:top !important;}
.riError{color:#000000 !important;border:1px #a2b0bd solid !important;background:transparent #fff !important;background-image:none !important; }
.myinsurance{width:663px;}

#insuranceDetailsSelection .flowItem { } 
#insuranceDetailsSelection .fieldset {  padding-right:50px; margin:0px; height:60px; white-space:nowrap; }
#insuranceDetailsSelection .drpList {float:left;}
#insuranceDetailsSelection .drpList input {float:left; border:0px #fff solid; padding-top:0px;}
#insuranceDetailsSelection .drpList label {float:left;line-height:15px;padding:0px 20px 0px 3px;}
#insuranceDetailsSelection .fieldset label {float:left;}

#faqSurround { padding-top:10px; }
#faqSurround h2 {margin:0px;padding-bottom:5px;}
#faqSurround a {font-size:14px;}
#faqSurround .faqItem {padding-bottom:10px; }
#faqSurround .faqContent { padding-top:10px; }
#faqSurround .b2, #faqSurround .b3, #faqSurround .b4, #faqSurround .boxContent {background: #eff9ff;}
#faqSurround .boxContent {padding-bottom:10px !important;}

.modalBackground { z-index: 10000; position: fixed; cursor: wait; top: 0; left: 0; background: #fff; /*#c8c8b4;*/ filter: alpha(opacity=0); opacity: 0.0; -moz-opacity: .0; height: 100%; width: 100%; }

/* rounded dialogs */
.dialogWrapper { margin-right:0px;}
.topContainer { background: url(../images/dialogs/topr.png) no-repeat bottom right; }
.topContainerLeft { height: 11px; background: url(../images/dialogs/top.png) no-repeat bottom left; margin-right:13px; }
.bottomContainer { background: url(../images/dialogs/botr.png) no-repeat top right; }
.bottomContainerLeft { margin-right:13px; height: 11px; background: url(../images/dialogs/bot.png) no-repeat top left; }
.content {  background: #fff; padding-right: 4px; padding-left:15px; padding-bottom:20px;  clear:both;}
.contentSurround { background: url(../images/dialogs/right.png) repeat-y top right; padding-right:10px; }
.leftContent { background: url(../images/dialogs/left.png) repeat-y top left; padding-left: 5px; }