﻿
.insurance {
	/* margin-bottom: 10px;  */
	width: 680px; 

background-color:#EAEAEA;
background-position:20px 0px;
border-color: #8FABC6;
border-style:none solid solid;
border-width:medium 1px 1px;
/*background-image:url(./siteimages/bg_home_top.gif);*/
}

.left_col .insurance {
	background-color:#EAEAEA;
	background-position: 20px 0px;
	border: 1px solid #8fabc6;
	border-top: none;
	/*background-image: url(./siteimages/bg_home_top.gif);*/
}

.insurance .intro_box .pic { border-top: 1px solid #8fabc6; }

.insurance .intro_box .copy  
{
	padding: 10px; 
	height : 230px;
}

.insurance .intro_box .copy2
{
	 padding: 10px; 
	 height : 260px; /* 250px; */
}

.insurance .form {
	float: right;
	/*	width: 448px;*/
	width: 424px;
}

.insurance .form .dates {
	padding: 5px 10px 5px 10px;
	border-bottom: 1px solid #8fabc6;
	background-color: #eaeaea;
}

.insurance .form .people {
	width: 185px; /*180px;*/
	/* height: 297px; */
}

.insurance .form .adults {
	padding: 10px;
	border-bottom: 1px solid #8fabc6;
}

.insurance .form .kids {
	padding: 10px;
}

.insurance .form .extras {
	padding: 10px 0px 0px 8px; /* 10px 0px 0px 12px; */
	/* padding: 10px 10px 0px 10px;
	 width: 242px;*/
	width: 230px; /*225px;*/
	
	height : 332px;
	border-left : 1px solid #8fabc6;
	background-color : #FFFFFF;
}

.insurance .form .extras h4 { margin-bottom: 5px; }

.insurance .form .input_label {
	/* width: 125px;*/
	width: 120px;
	height: 19px;
	padding-top: 3px;
	margin-bottom: 5px;
}

.insurance .form .input_field_short {
	height: 22px;
	width: auto;
	margin-bottom: 5px;
}

.insurance .form .input_field_long {
	height: 22px;
	margin-bottom: 5px;
}

.insurance input, .insurance select {
	background-color: #fff;
	padding: 2px;
	font-size: 0.9em;
}

.input_short {
	height: 15px;
	width: 30px;
}

.select_long {
	height: 18px;
	width: 282px;
}

.couple_width { width: 80px; }

.spacer_getquote { height: 0px; } /* 23px; */

* html body .spacer_getquote { height: 29px; }

.left_col #quotes {
	
}

#quotes .border { border: 1px solid #8fabc6; border-top: none; border-bottom: none; }
#quotes .inner	 
{
	/* padding: 5px 10px 10px 10px; 
	padding-left : 5px;*/
	background-color : #DBDBDB;
	border-style : none solid none none;
	border-color:#8fabc6;
	border-left:none;
	border-right:1px solid #8fabc6;
}

#quotes .bottom { border-bottom: 1px solid #8fabc6; height: 8px; }

#quotes .quickquotecol_titles {
	width: 138px;
	/* 
	width: 105px;
	margin-top: 40px;
	line-height: 24px;
	*/
}

#quotes .column {
	width: 134px; /*135px;*/
	text-align: center;
}

#quotes .column4 {
	width: 136px; /* 130px; */
	text-align: center;
}

#quotes .row_first {
	padding-top: 7px;/*5px;*/
	height: 30px;
	margin-bottom: 5px;
}

#quotes .row {
	padding-top: 5px;
	height: 18px; /*19px;*/
}

#quotes .row_areaoftraveltitle
{
	padding-top: 10px;
	padding-left: 5px;
	height: 22px;
}


#quotes .row_areaoftraveltitleIE6
{
	padding-top: 10px;
	padding-left: 5px;
	height: 24px;
}

#quotes .row_areaoftravel
{
	padding-top: 8px; /*2px;*/
	height:  22px; /*28px;*/
}

#quotes .row_premiumtitle {
	padding-top: 8px; /*10px; */
	padding-left: 5px;
	height: 38px;/*24px;*/
}

#quotes .row_premium {
	padding-top: 5px;
	height: 45px;/*31px;*/ 
}

#quotes .row_premiumtitlebottom {
	padding-top: 1px;
	padding-left: 5px;
	height: 32px; /*28px;*/
}

#quotes .row_premiumbottom {
	padding-top: 10px; /*8px;*/
	height: 33px; /*28px;*/
}

#quotes .row_dots {
	padding-top: 2px;
	height: 19px;
}

#quotes .row_benefitlimitname {
	padding-top: 0px;
	font-size : 11px;
	text-align : center;
}

#quotes .row_benefitlimittext {
	padding-top: 0px; /*1px;*/
	font-size : 11px;
	text-align : center;
}

#quotes .row_benefitlimittextIE6 {
	padding-top: 2px; /*1px;*/
	font-size : 11px;
	text-align : center;
}

#quotes .row_benefitlimit {
	padding-top: 7px;
	height: 20px;
	/*
	padding-top: 5px;
	height: 22px;
	*/
}

#quotes .row_benefitlimithelpimage {
	padding-top: 5px;
	height: 19px;
}

#quotes .row_benefitlimitwithhelptext {
	height:24px; /*22px;*/
	padding-top:3px; /*2px;*/
}

.row_benefitlimitwithhelptext td.text
{
	font-size : 11px;
	padding-bottom : 5px; 
}

.groupTypeHelpToolTip
{
	padding-top : -2px;
}

.benefitlevelname 
{
    font-size : 10px;
    color : Black;
    padding-top : 4px;
    height : 12px;
}

.benefitlevelhelp 
{
	padding-top : 4px;
}

.benefitlevelname2
{
    font-size : 10px;
    color : Black;
    padding-top : 3.2px;
    height : 12px;
}

.benefitlevelhelp2
{
	padding-top : 3.2px;
}

.benefitlevellimittext 
{
    font-size : 10px;
    color : Black;
    padding-top : 5px;
    /* padding-left : 15px; */
    text-align : center;
    vertical-align : middle;
    height : 22px;
}

.benefitlevellimittext2
{
    font-size : 10px;
    color : Black;
    text-align : center;
    vertical-align : middle;
    height : 22px;
}

.benefitlevellimittext2 td.text
{
	font-size : 10px;
	padding-bottom : 5px;
}

.benefitlevellimittext2 td 
{
	font-size : 10px;
}

.benefitlevellimittexthelp
{
	padding-top : -5px;
}

/* Styles added for QuickQuote  changes - 22-Jan-2009 */

.outerborder 
{
	border-right : solid 1px #8FABC6;
    border-bottom : none;
    border-left : solid 1px #8FABC6;
    border-top : solid 1px #8FABC6;
}

.borderrightonly
{
	border-right : solid 1px #8FABC6;
    border-bottom : none;
    border-left : none;
    border-top : none;
}

.borderrightandleft
{
	border-right : solid 1px #8FABC6;
    border-bottom : none;
    border-left : solid 1px #8FABC6;
    border-top : none;
}
        
.borderbottomonly
{
    border-right : none;
    border-bottom : solid 1px #8FABC6;
    border-left : none;
    border-top : none;
}

.bordernone
{
	border-right : none;
    border-bottom : none;
    border-left : none;
    border-top : none;
}

.greybackground
{
    padding-left: 0px;
    background-image:url(./siteimages/grey_1.gif);
    background-repeat : repeat;
}
                
.whitebackground
{
	background-color: #ffffff;
    padding-left: 0px;
}

.quickquotetopbg1
{
	/*background-image:url(./siteimages/bg_grey.gif);*/
	background-image: url(./BrandedImages/QuotePanelBGImages.gif);
	background-position : 0px -125px;
    background-repeat : repeat-x;
}
        
.quickquotetopbg2
{
	/*background-image:url(./siteimages/bg_blue.gif);*/
    background-repeat : repeat;
}
        
.quickquotetopbg3
{
	/*background-image:url(./siteimages/bg_orange.gif);*/
	background-repeat : repeat;
}

.quickquotebottombg1
{
	/*background-image:url(./siteimages/bg_grey2.gif);*/
	background-image: url(./BrandedImages/QuotePanelBGImages.gif);
	background-position : 0px 0px;
    background-repeat : repeat-x;
    background-color :  rgb(219, 219, 219);
}

#quotes .row_benefitlimit2 {
	padding-top: 7px;
	padding-left: 5px;
	height: 20px;
}

#quotes .row_benefitlimit3 {
	padding-top: 7px;
	padding-left: 5px;
	height: 18px;
}

#quotes .row_benefitlimit4 {
	padding-top: 7px;
	padding-left: 5px;
	height: 19px;
}

.absolute
{
	position : absolute;
}

.relative
{
	position : relative;
}

#quotes .quotecolumntop
{
	width:134px;
	height:123px;/*109px;*/
}

#quotes .quotecolumn4top
{
	width:136px;
	height:123px;/*109px;*/
}

/* ******* JQuery DatePicker *********** */

/* to hide prev next text in header */
.ui-icon {
background-repeat:no-repeat;
display:block;
overflow:hidden;
text-indent:-99999px;
}

/* to hide calendar div by default */
.ui-helper-hidden-accessible {
left:-1008px;
position:absolute;
}

.datepickercontainer 
{
	border:solid black 1px;
	width:108px;
	height:20px;
	background-color : #ffffff;
}

.datepickercontainer input
{
	/*padding-top:2px;  2 for ie, 3 otherwise*/
	border:none;
	width:87px;
}

.datepickercontainer img
{
	vertical-align : top; /*middle*/
	padding-top:0px;
}

.ui-datepicker-header 
{
	text-align : left;
}

.ui-datepicker-header a
{
	cursor : pointer;
}

.ui-datepicker
{
	/*font-size : 11px;*/
}

a.ui-datepicker-prev
{
	left : 2px;
	/* border : solid red 1px; */
}


										/************** JQuery DatePicker Theme *******************/


/* Component containers
----------------------------------*/
.ui-widget { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #a6c9e2; background: #fcfdfd /*url(brandedimages/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x*/; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #4297d7; background: #5c9ccc url(brandedimages/jquerydatepicker_headerbackground.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default  
{
	/*border: 1px solid #c5dbec; 
	background: #dfeffc url(brandedimages/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;  */
	font-weight: bold; color: #2e6e9e; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #2e6e9e; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus  
{
	/*border: 1px solid #79b7e7;
	background: #d0e5f5 url(brandedimages/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x;   */
	font-weight: bold; color: #1d5987; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #1d5987; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active  
{
	/*border: 1px solid #79b7e7;  
    background: #f5f8f9 url(brandedimages/ui-bg_inset-hard_100_f5f8f9_1x100.png) 50% 50% repeat-x; */
     /*background: #fbec88 url(brandedimages/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x;*/
     background-color : #99CCFF;
    font-weight: bold; color: #e17009; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #e17009; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight 
{
			/*border: 1px solid #fad42e; 
            background: #fbec88 url(brandedimages/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x; */
                                                             color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; 
                                                     background: #fef1ec /*url(brandedimages/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x*/; 
                                                     color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }



/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(brandedimages/jquerydatepickernav.png); }
.ui-widget-content .ui-icon {background-image: url(brandedimages/jquerydatepickernav.png); }
.ui-widget-header .ui-icon {background-image: url(brandedimages/jquerydatepickernav_grey.png); }
.ui-state-default .ui-icon { /*background-image: url(brandedimages/ui-icons_6da8d5_256x240.png);*/ }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url(brandedimages/jquerydatepickernav.png); }
.ui-state-active .ui-icon { /*background-image: url(brandedimages/ui-icons_f9bd01_256x240.png); */}
.ui-state-highlight .ui-icon { /*background-image: url(brandedimages/ui-icons_2e83ff_256x240.png); */}
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon { /*background-image: url(brandedimages/ui-icons_cd0a0a_256x240.png); */}


/* positioning */
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }

.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }

/* Misc visuals
----------------------------------*/


/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; }
.ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
.ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.ui-corner-top { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.ui-corner-right {  -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
.ui-corner-left { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
.ui-corner-all { -moz-border-radius: 5px; -webkit-border-radius: 5px; }

.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }


/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/* Dialog ----------------------------------*/


								/************** END JQuery DatePicker Theme *******************/

/* PNG fix for IE6 -- PNG is used as tooltip help icon */
#areaofTravelToolTip { display: inline-block; }
#areaofTravelToolTip img { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
#areaofTravelToolTip { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/BrandedImages/Branding_question_arrow.png'); }

#voucherCodeToolTip { display: inline-block; }
#voucherCodeToolTip img { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
#voucherCodeToolTip { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/BrandedImages/Branding_question_arrow.png'); }

#startDateToolTip { display: inline-block; }
#startDateToolTip img { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
#startDateToolTip { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/BrandedImages/Branding_question_arrow.png'); }

#policyLoadingToolTip { display: inline-block; }
#policyLoadingToolTip img { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
#policyLoadingToolTip { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/BrandedImages/Branding_question_arrow.png'); }

#groupTypeToolTip { display: inline-block; }
#groupTypeToolTip img { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
#groupTypeToolTip { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/BrandedImages/Branding_question_arrow.png'); }

/* END of PNG fix for IE6 */

#salesblurbNoHref
{
    text-decoration:none;
    font-weight:normal;
    cursor:text;
}

#qqheader
{
	padding-bottom:4px;
}

.smallquote
{
	font-family : Arial;
	font-weight : normal;
	font-size : 11px;
	color : Gray;
}﻿/* ##### - STANDARD CSS - ##### */

html, body, p, li, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

p {
	margin: 12px 0px;
}

.bold { font-weight: bold; }

.align_left  { text-align: left; }
.align_right { text-align: right; }
.align_center{ text-align: center; }

.float_left  { float: left; }
.float_right { float: right;}

.clear { clear: both; }
.clear_left { clear: left; }
.clear_right { clear: right; }

.top_05	{ margin-top: 5px; }
.left_10 { margin-left: 10px; }
.right_10 { margin-right: 10px; }

.spacer_05 { height: 5px; }
.spacer_10 { height: 10px; }
.spacer_15 { height: 15px; }
.spacer_20 { height: 20px; }
.spacer_1 { height: 1px; }
.spacer_40 { height: 40px;}

.invis_fix  
{
	/*position: relative;*/ }


/* ##### - SITE DEFAULTS - ##### */

body, td, input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}

img {
	border: none;
}

h1, h2, h3, h4, h5, h6 {
	
}

h2 { font-size: 18px; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }

input, select, textarea {
	border: 1px solid *#333;
}

a:hover {
	text-decoration: underline;
}

ul {
	margin-left: -25px;
	color: #333;
}

* html body ul {
	margin-left: 18px;
}

.hidden_div { display: none; }
.visible_div { display: block; }


/* ########## global layout #################### */

/*A way in css to create round borders start tanja*/
.b1, .b2, .b3, .b4{font-size:1px; overflow:hidden; display:block;}
.b1 {height:1px; margin:0 5px;}
.b2 {height:1px; border-right:2px solid; border-left:2px solid; margin:0 3px;}
.b3 {height:1px; border-right:1px solid; border-left:1px solid; margin:0 2px;}
.b4 {height:2px; border-right:1px solid; border-left:1px solid; margin:0 1px;}

/*.inner{border-left:1px solid;border-right:1px solid;}*/ /* Added to homepage.css   .inner*/

/*change the style color of the 2 styles underneath to change the border color throughout the side*/
.bordercolor .b1, .bordercolor .b2, .bordercolor .b3,.bordercolor .b4, .greybground_border {
	border-color:#8fabc6;
}

.b1{
	background:#8fabc6;
}

.bordercolornone .b1, .bordercolornone .b2, .bordercolornone .b3,.bordercolornone .b4,.bordercolornone .inner{
	border:none;
}

.bordercolornone .b1{
	background:none;
}
	
.backgroundgrey .b2, .backgroundgrey .b3,.backgroundgrey .b4,.key_policy,.right_col .compare_us,.right_col .register {
	 background:#DBDBDB;
}

.backgroundgreylight .b2, .backgroundgreylight .b3,.backgroundgreylight .b4 {
	 background:#fff;
}

.backgroundyellow .b2, .backgroundyellow .b3,.backgroundyellow .b4 {
	 background:#fffdd8;
}

.background .b2, .background .b3,.background .b4 {
	background:none;
}
	
/*end of a way in css to create round borders end tanja*/
	
.residencystatus input 
{
	border : none;
}

/* Used in policyconfirmation.cs, to hide the controls used to focus on screening endorsement */
input.hidden
{
	width:0px; 
	height :5px; 
	border:none; 
	color:white;
}

.quote_footer 
{
	font-size:0.9em;
	width:680px;
	/*margin-top : 10px;
	margin-bottom : 10px;*/
	padding-top:6px;
	padding-bottom:6px;
	border-color:#8FABC6;
	border-style:none solid solid;
	border-width:medium 1px 1px;
	background-color:white;
}

a.black_link:link, a.black_link:visited 
{
	color:#333333;
	font-weight:normal;
}

.inner{border-left:1px solid;border-right:1px solid;}
.inner2{border-left:1px solid;border-right:1px solid;}



/* Branded style from CSSCom.global.css */


.backgroundorange .b2, .backgroundorange .b3,.backgroundorange .b4, .right_col .testimonial {
	background:#b8d1eb;
}

/*.backgroundbrown .b2, .backgroundbrown .b3,.backgroundbrown .b4, .right_col .login_box {
	background:#08488d;
}*/

#dhtmltooltip 
{
	width: 150px;
	/*height: 500px;*/
	position: absolute;
	font-family : verdana;
	font-size : 11px;
	border: 1px solid grey;
	padding: 4px 10px 4px 10px; 
	background-color: #c0c0c0; /*#B8D1EB;*/
	visibility: hidden;
	z-index: 100;
	color:black;
}

#dhtmltooltip iframe
{
	display:none;/*sorry for IE5*/
	display:block;/*sorry for IE5*/
	position:absolute;/*must have*/
	top:0;/*must have*/
	left:0;/*must have*/
	z-index:-1;/*must have*/
	filter:mask();/*must have*/
	width: 99%;/*must have for any big value*/
	height: 99%;/*must have for any big value*/
}

.tooltip {
background-color:#F5F5B5;
border:1px solid #DECA7E;
color:#303030;
font-family:sans-serif;
font-size:12px;
line-height:18px;
padding:4px 8px;
position:absolute;
/*text-align:center;*/
z-index:2;
cursor : default;
}

.helpicon {	cursor : pointer; }
									/******* CSS copied from webroot/jscript/QPCStyle.css  ********/

.insurance .intro_box 
{
	width: 255px;
	/* width: 231px; */
	/*background-color: #217cd4;*/
	border-right: 1px solid #8fabc6;
}

.insurance .intro_box .copy 
{
	 padding: 10px; 
	 height : 230px;
	 /* height : 185px; */
}

.insurance .intro_box .copy2
{
	 padding: 10px; 
	 height : 260px;
}

.insurance .intro_box .copy P
{
	font-size : 11px;
}

#quotes h1, #quotes h3, #quotes h4 {
	color: #217cd4;
}

#quotes h1
{
	color: #217cd4; 
	font-size: 22px; 
	padding-top : 3px;	
}

#quotes font.premiumipt
{
	font-size : 11px;
	color: #217cd4;
}

#quotes font.included
{
	font-weight : bold;
	color: #217cd4;
}

/* Branded style from CSSCom.orderjourney.css */

.quoteprice {
    font-size : 40px;
    font-weight : bold;
    color : #217CD4;
    /*text-align:left;*/
    width: 200px; /* was 150px*/
}

.quotepricegreen {
    font-size : 40px;
    font-weight : bold;
    color : Green;
   /*text-align:left;*/
    width: 200px; /* was 150px*/
}


.additionalcostgreen {
    font-size : 20px;
    font-weight : bold;
    color : Green;
    
}


.screeningtravellerlist th, .screeningtravellerlist td
{
	border-left : none;
	border-right : solid 1px Gray;
	border-top : none;
	border-bottom : solid 1px Gray;
	padding-left : 5px;
	padding-right : 5px;
}

.screeningtravellerlistinner th, .screeningtravellerlistinner td
{
	border-left : none;
	border-right : none;
	border-top : none;
	border-bottom : none;
	padding-left : 0px;
	padding-right : 0px;
}

table.newscreening
{
	width:620px;
}

table.newscreening th, table.newscreening td
{
	border-left : none;
	border-right : none;
	border-top : none;
	border-bottom : none;
	padding-left : 0px;
	padding-right : 0px;
}

table.newscreening iframe.screeningiframe
{
	width:618px; /* 550px*/
}

table.newscreening div.divForScreening
{
	width:620px;
	height:530px;
}

/*change the style color of the 2 styles underneath to change the border color throughout the side*/
.bordercolor .b1, .bordercolor .b2, .bordercolor .b3,.bordercolor .b4,.inner,.inner2, .greybground_border {
	border-color:#8fabc6;
}

.quoteh1 
{
color:#217CD4;
font-size:22px;
font-weight : bold;
padding-top:3px;
}

.salesblurbbottom
{
	width : 255px;
	height : 276px;
}

.salesblurbbottomflexicover
{
	width : 255px;
	height : 302px;
}

.salesblurbbottomPQE
{
	width : 255px;
	height : 322px;
}

.salesblurbtop
{
	width : 255px;
	height : 275px; /*260px;*/
}

.salesblurbSEO
{
	width : 508px;
}

.ulforie7pqe
{
	margin-left:20px;
}
										/******* END of CSS copied from webroot/jscript/QPCStyle.css  ********/
										
#sqmd  /*SaveQuote Modal Dialog*/
{
/*background-image:url(brandedimages/FadingBackground2.png);*/
/*background:#FFFFFF none repeat scroll 0 0;*/
/*border:2px solid #CECECE;*/
background-color : #ffffff;
background-image: url(Gradient.axd?Orientation=Vertical&Length=160&StartColor=68AFE5&FinishColor=FFFFFF); padding-right: 10px;
display:none;
font-size:13px;
height:135px;
padding:12px;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
width:285px;
z-index:2;
}

#sqmdinner 
{
	background-image: url(brandedimages/error_x.png);
}

#sqmdbg  /*SaveQuote Modal Dialog Background*/{
background:#000000 none repeat scroll 0 0;
border:1px solid #CECECE;
display:none;
height:100%;
left:0;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
top:0;
width:100%;
z-index:1;
}

a.button
{
border:1px solid #333333;
background-color: rgb(212,208,200);
color: black;
text-align: center;
padding: 4px;
font-weight: bold;
text-decoration : none;
cursor : pointer;
display : block;
width : 100px;
}

/*
#uqmd  /*Updating Quote Modal Dialog
{
background-repeat : no-repeat;
display:none;
font-size:13px;
position:fixed;
_position:absolute; /* hack for internet explorer 6
width:295px;
z-index:2;
}

#uqmdbg  /*Updating Quote Dialog Background{
background:#000000;
border:1px solid #CECECE;
display:none;
height:100%;
left:0;
position:fixed;
_position:absolute; /* hack for internet explorer 6
top:0;
width:100%;
z-index:1;
}
*/

/*
#vemd  
{
background-repeat : no-repeat;
display:none;
font-size:13px;
position:fixed;
_position:absolute; 
width:500px;
height:160px;
z-index:2;
background:#ffffff; 
}

#vemdbg 
{
display:none;
position:fixed;
_position:absolute;
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}

#vemdinner
{
	background-image: url(brandedimages/warning.gif);
	background-repeat :no-repeat;
	padding:5px 5px 0px 20px;
	margin-top:100px;
	margin-left:115px;
}

*/

﻿/* global.css */

.insurance input {	/*added as a fix since following style (input border) was not recognised for some reason when newdesign.css is stitched with homepage*/
}

/* input control border color changed to light grey. */
input, select, textarea {
	border: 1px solid #b0b0b0; /*was #333;*/
}

/* homepage.css */

/* datepicker container div border color changed to light grey.*/
.datepickercontainer 
{
	border:solid #cccccc 1px; /*was black;*/
}

/* dates div and agebands bgcolor */
.insurance {
background-color:#FFFFFF;  /*was #EAEAEA;*/
}

.left_col .insurance {
background-color:#FFFFFF;
}

/* remove BGColor and border - new layout is in white background without borders */
.insurance .form .dates {
	background-color: #ffffff;
	border-bottom : none;
}

.insurance .form .adults 
{
	border-bottom : none;
}

.insurance .form .extras 
{
	border-left : none;
}

.salesblurbbottom
{
	width:235px;
}

.salesblurbtop
{
	width:235px;
}

.insurance .intro_box .copy2
{
	height:126px;
}

.insurance .form .adults 
{
	padding : 0px;
}

.insurance .form .kids 
{
	padding : 10px 0px 0px 0px;
}

.insurance .form .newlayoutdiv
{
	padding : 5px 10px;
}

#grouptypediv
{
	height : 25px;
}

#grouptypediv .couple_width 
{
	width : 50px;
}

#voucherCodeBox .input_med
{
	width : 100px;
}

#uqmd  /*Updating Quote Modal Dialog*/
{
/*background-image:url(BrandedImages/updatingquoteBG.png);
background-repeat : no-repeat; */
display:none;
font-size:13px;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
width:295px;
height:150px;
z-index:2;
background:#ffffff;
}

#uqmdbg  /*Updating Quote Dialog Background*/{
background: #CCCCCC; /* #aaaaaa; #000000; #000000;*/
border:1px solid #CECECE;
display:none;
height:100%;
left:0;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
top:0;
width:100%;
z-index:1;
}

#vemd  /* Validation Errors Modal Dialog*/
{
background-repeat : no-repeat;
display:none;
font-size:13px;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
width:295px;
height:150px;
z-index:2;
background:#ffffff;
}

#vemdbg  /* Validation Errors Dialog Background*/{
background: #CCCCCC; /*#aaaaaa; #000000;*/
border:1px solid #CECECE;
display:none;
height:100%;
left:0;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
top:0;
width:100%;
z-index:1;
}

#vemdErrorList
{
	width:250px;
	color : Red;
	font-weight : bold;
	padding : 10px 10px 10px 30px;
}

/* for the horizontal div across quotepanel to show/hide benefit limits */
.togglebenefitlimits
{
position: absolute; 
width: 680px; 
height: 30px;/*20px; */
background-color: rgb(192, 192, 192);
text-align:center;
padding-top:2px;
padding-bottom:2px;
}

.salesblurbSEO
{
	width : 508px;
}

.noOfTravellers
{
	/*width:108px;*/
}

.ageBox
{
	width:42px;
}

.redbold
{
	color :Red;
	font-weight : bold;
}

/* Liquid Canvas */ 
/*
#liquidCanvasExample1 { width:30%; margin:200px auto; padding:40px; }
*/

#PolicyTabInnerDiv
{
	padding:3px 38px 7px; /*3px 40px 7px; */
	margin-bottom:10px; 
	width:176px; /*170px;*/
	cursor : pointer;
 }
#PolicyTabInnerDiv a:link, #PolicyTabInnerDiv  a:visited {
	text-decoration: none;
	color:#333333;
}
#PolicyTabInnerDiv .selected, #PolicyTabInnerDiv a.selected:link, #PolicyTabInnerDiv  a:hover {
	color: #ffffff;
}



#controltabeffect a:link, #controltabeffect  a:visited {
	text-decoration: none;
	color:#333333;
}
#controltabeffect .selected, #controltabeffect a.selected:link, #controltabeffect  a:hover {
	color: #ffffff;
}

#controlschemeeffectId a:link, #controlschemeeffectId  a:visited {
	text-decoration: none;
	color:#333333;
}
#controlschemeeffectId .selected, #controlschemeeffectId a.selected:link, #controlschemeeffectId  a:hover {
	color: #ffffff;
}





/*End of Liquid Canvas*/



/**/

#PolicyAllTabDivId a:link, #PolicyAllTabDivId  a:visited {
	text-decoration: none;

}


#PolicyAllTabDivId .selected, #PolicyAllTabDivId a.selected:link, #PolicyAllTabDivId  a:hover {
}

/**/

#seoquotepanelimage
{
    padding-left:14px;
    padding-bottom:7px;
}




