/* RESPONSIVE HOME PAGE, COSMO LAYOUT */
/* VERSION 5: REMOVED HERO BG IMAGE SLIDER; BACK TO STATIC HERO IMAGE */


/* font-family */
body, .verdana {font-family:Verdana, Geneva, sans-serif;}
.trust-service h3, .trust-products h3, .series-feature h3, .bryantmed, h1, h2, .bryant {font-family:'esurancebryantmedium', Arial, sans-serif;}
.btn-or-call a, h1.greeting, .bryantbold {font-family:'esurancebryantbold', Arial, sans-serif;}
.arial {font-family:Arial, Helvetica, sans-serif;}

/* font color */
.hp-slider-1 span, .row-c .manage-policy h3, .more, .less, a, .active {color:#69f;} /* active blue */
.bar-menu a:hover, .select-product .lower, #V2B_dateOfBirth1_Month, #V2B_dateOfBirth1_Date, #V2B_dateOfBirth1_Year, .form-label, .series-feature h3, h1.greeting, .ribbon, .secondary-nav li a:hover, p, li, .disclaimer, h4, .gray-9, .retrieve-quote label {color:#585149;}
.gray-8 {color:#6F685F;}
.form-email input, .acct-email, .acct-password, .gray-6 {color:#827c74;}
#txtZipCode, #txtZipCode2, gray-5 {color:#a8a39c;}
.btn-or-call a, .white {color:#fff;}
h3.ui-accordion-header {color:#dcdbda;}
h3.ui-accordion-header-active, .select-product select, .select-product input, h1, h2, h3, .indigo, #txtZipCode {color:#170939;}
h3.ui-accordion-header-active:hover {color:#170939 !important;}
.trust-service h3 {color:#726B85;}

/* base elements */
body {background:#fff;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
p, h1, h2, h3, h4, h5, ul, ol {margin-top:0;}
h1, .h1 {font-size:41px; font-weight:normal; line-height:44px; letter-spacing:-2px;}
h2, .h2 {font-size:27px; font-weight:normal; line-height:30px; margin-bottom:10px; letter-spacing:-1px;}
h3, .h3 {font-size:16px; font-weight:normal; line-height:21px; margin-bottom:7px;}
p + h3, ul + h3, ol + h3 {margin-top:21px;}
h4 {font-size:13px; line-height:19px; font-weight:bold;}
.homepage h2, .homepage .media h2 {margin-bottom:15px;}

/* .main-content base elements (.main-content BEGINS BELOW HEADER and ENDS BEFORE FOOTER */
.main-content {position:relative; padding-bottom:50px;}
.main-content img {vertical-align:bottom;}
.main-content p, .main-content li {font-size:13px; line-height:20px;}
.main-content p, .main-content ul, .main-content ol {margin-bottom:12px; padding-left:0; margin-left:0;}
.main-content ol {margin-left:7px;}
.main-content li {margin-left:35px; padding-left:0; margin-bottom:2px;}
.main-content ol ol {list-style-type:lower-alpha;}

/* helper classes */
.pull-left {float:left;}
.pull-right {float:right;}
.clear {clear:both;}
.nobr {white-space:nowrap;}
.smcap {text-transform:uppercase;}
.print-only {display:none;}
.relative {position:relative;}
.border-left {border-left:1px dashed #b9b6b1;}
.border-right {border-right:1px dashed #b9b6b1;}
.main-content .disclaimer p, .main-content .disclaimer li {font-size:9px; line-height:17px;}

/* media object */
.media, .media .media-body {overflow:hidden; _overflow:visible; zoom:1;}
.media .pull-left {float:left; margin-right:15px;}
.media .pull-left img {display:block;}
.media .pull-left img.touch {display:none;}
.media > .pull-left {margin-right:15px;}
.media > .media25 {margin-right:25px;} /* apply .media25 to 'div' or 'a' enclosing img to override 15px gap */
.media {margin-bottom:10px;}
.media h2 {margin-top:-4px; margin-bottom:0;}
.registered-fix {margin-top:-8px;} /* applied to media object div when (R) gets cut off at top */
.registered-fix .media-body, .registered-fix .pull-left {padding-top:8px;}


/* HOME PAGE SPECIFIC -------------------------------------------------- */
fieldset {border:none; padding:0; margin:0;}

/* ROW A --------------- */
.row-a {background:#fff; border:none; padding:0; height:400px; background:url(https://images.esurance.com/img-hero-grassland-1300x540.jpg) 50% 0; height:540px;}
.cta-box {margin-top:30px; background:#eee; width:460px; -webkit-border-radius:4px; border-radius:4px;}
.homepage h1.greeting {font-size:45px; line-height:51px; margin:45px 0 6px; letter-spacing:-2px;}
.policy-holder h1.greeting {margin-top:30px;}
.homepage h1 {font-size:33px; margin-bottom:21px; letter-spacing:-1px;}
.homepage h1 + h1 {margin-top:15px !important;}
.media h2 {margin-top:0;}
.row-a h1 + p {margin:37px 0 33px;}
h3.ui-accordion-header {background:url(https://images.esurance.com/spr-accord-plus-19.png) /*412px*/ 94% 10px no-repeat #827c74; padding:10px 45px; cursor:pointer; margin-bottom:2px;}
h3.ui-accordion-header:hover {background-position:94% -49px; background-color:#69f; color:#fff;}
h3.ui-accordion-header-active, h3.ui-accordion-header-active:hover {background:#eee;
-webkit-transition:background-color .5s ease;
   -moz-transition:background-color .5s ease;
     -o-transition:background-color .5s ease;
        transition:background-color .5s ease;}
h3.ui-accordion-header-active:hover {cursor:default;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {background-image:none !important; transition:All 1s ease; background-color:#eee !important;}
h3.bottom-header {-webkit-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px; margin-bottom:0;}
h3.top-header {-webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0;}
.accordion-content-1, .accordion-content-2, .accordion-content-3 {padding:4px 45px 19px; /*margin-bottom:15px;*/}
.bar-menu {margin:0; padding:0; margin-bottom:20px !important;}
.bar-menu li {margin-left:0; margin-bottom:3px; list-style:none;}
.bar-menu a {background:url(https://images.esurance.com/spr-gt-arrow-8.png) 244px 10px no-repeat #fff; display:block; underline:none; -webkit-border-radius:4px; border-radius:4px; width:265px; padding:6px 19px; font-size:15px;}
.bar-menu a:hover {text-decoration:none; background-position: 244px -58px;}
.btn-or-call {display:none;} /* link to call, displays only in mobile */
h2.greeting {max-width:420px; font-size:33px; line-height:40px;}
h2.greeting br {display:none;}


/* ROW B --------------- */
.row-b {width:1040px; margin:-154px auto 0; background:#fff; -webkit-border-radius:3px; border-radius:3px; position:relative;}
.row-b h2 {margin-top:38px;}
/*.row-b .c12 {padding-left:16px !important;}*/
.series-feature {-webkit-border-radius:4px; border-radius:4px; clear:left; margin:0 20px; padding-top:29px; padding-bottom:20px; background:#eee;}
.series-feature h3 {font-size:20px;}
.series-feature h3 {font-size:21px; letter-spacing:-1px;} /* added 02/18/15 dg */
.series-feature .c4.middle {border-left:2px solid #fff; border-right:2px solid #fff; min-height:110px;}
.series-feature .c4 {height:inherit !important;}
.series-feature .disclaimer {font-size:11px !important; margin-bottom:0; color:#a8a39c; /* color dg 3/26/15 per MR */}

/* ROW C --------------- */
.row-c {margin-top:45px;}
.row-c .c4 {border-left:1px dashed #dcdbda;}

/* ROW C: CAROUSEL --------------- */
.carousel .disclaimer {font-size:11px !important; line-height:13px !important; /*color:#585149 !important; dg 3/26/15 per MR */ color:#a8a39c !important;}


/* ROW C: ACCORDION --------------- */
.row-c .manage-policy h3 {background:url(https://images.esurance.com/icn-plus-12.png) no-repeat 265px 16px #eee; padding:11px 14px; font-size:16px; margin-bottom:4px;}

.row-c .manage-policy h3:hover {cursor:pointer;}
.row-c .manage-policy h3.ui-accordion-header-active {background-image:none; display:none; transition:All 1s ease;}
.row-c .manage-policy h3.ui-accordion-header-active:hover {cursor:text;}
.row-c .manage-policy p {margin-top:13px;}
.ui-accordion-content-active {}
.row-c .manage-policy h3.ui-helper-reset {}

ul.claims-menu {list-style:none; padding:0; margin:0;} /* used for 'get claims info' */
ul.claims-menu li {margin:0; padding:0;}
ul.claims-menu a {display:block; padding:8px 0 8px 12px; font-size:13px; background:url(https://images.esurance.com/spr-gt-arrow-8.png) no-repeat 270px 13px; border-bottom:1px solid #dcdbda;}
ul.claims-menu a:hover {background-position:270px -55px; text-decoration:none; color:#585149;}

.get-other.bottom, .get-claims.bottom {margin-top:32px;}
.get-other h2 {margin-bottom:15px;}


/* FORM ELEMENTS ---> BUTTONS DEFINED */
.btn-go-lg {width:95px; height:44px; border:none; background:url(https://images.esurance.com/btn-go-95.png) no-repeat 0 0; -webkit-border-radius:5px; border-radius:5px;}
.btn-go-lg:hover {background-position:0 -44px;}
.btn-go-sm {width:77px; height:36px; border:none; background:url(https://images.esurance.com/btn-go-77.png) no-repeat 0 0;}
.btn-go-sm:hover {background-position:0 -36px;}
.btn-login-lg-blu {background:url(https://images.esurance.com/sprite-home.png) no-repeat 0 -228px; width:97px; height:44px;}
.btn-login-lg-blu:hover {background-position:0 -272px;}
.btn-lock-med {background:url(https://images.esurance.com/icn-lock-eee-13.png) 0 0 no-repeat; width:13px; height:15px; position:relative; top:6px; left:6px;}

.btn-login-sm-gray {background:url(https://images.esurance.com/btn-log-in-gray-73.png) no-repeat 0 0; width:73px; height:30px; border:none; background-position:0 0; position:relative; top:-1px; -webkit-border-radius:4px; border-radius:4px;}
.btn-login-sm-gray:hover {background-position:0 -30px;}


/* FORM ELEMENTS ---> INPUT COMMON STYLES - border, border-radius, box-shadow, background */
.acct-password, .acct-email, .select-product .getquotetext, .select-product .getquotetextbold, .getquoterow input, .select-product select, .select-product .text, .form-email input, .input-email input, .input-last input, .input-dob input {background:#fff; border:1px solid #dcdbda;  -webkit-border-radius: 3px; border-radius:3px; -webkit-box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, .15); box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, .15);}

/* FORM ELEMENTS by task */

/* input - FIRST-TIME QUOTE (#1&2 ROW-A, #3&4 ROW-B) */
.row-a .select-product select, .row-a .select-product .text {width:178px; /*font-size:21px;*/ font-size:20px; /*padding:9px 10px;*/padding:9px 8px; margin:0 0 12px;}
.row-a .select-product .text {margin-bottom:10px;}
.row-a #ProductList {height:44px;}
.row-b {position: relative; z-index: 100;}
.row-b .select-product select, .row-b .select-product .text {width:182px; font-size:16px; padding:5px 10px;}
.row-b .select-product select {margin: 3px 0 10px;}
.row-b .select-product .text {margin:2px 0 15px;}
/*.row-a .btn-go-lg.new-quote {position:absolute; left:190px; top:0;}*/
.row-b .btn-go-sm {position:absolute; left:200px; top:-3px;}

/* input - RETURNING QUOTER (ROW-A) */
.retrieve-quote label {font-size:13px; display:inline-block; width:100px; padding-right:10px;}
.retrieve-quote input {}
.form-email input, .input-email input, .input-last input, .input-dob input {font-size:13px; padding:5px; width:65%; max-width:207px;}
.input-dob div {display:inline-block;}
.retrieve-quote .DOBMonth, .retrieve-quote .DOBMonth {width:30%; max-width:52px; margin-right:12px;}
.retrieve-quote .DOBYear {width:50%; max-width:74px;}
.input-email, .input-last {margin-bottom:9px;}
.input-dob {margin-bottom:11px;}
.input-view-quote input {width:157px; height:35px; -webkit-border-radius:5px; border-radius:5px; background:url(https://images.esurance.com/btn-view-quote-157.png) 0 0 no-repeat; margin-left:100px; margin-bottom:3px;}
.input-view-quote input:hover {background-position:0 -35px;}
.retrieve-quote .secure-login {margin-left:100px; margin-bottom:0; font-size:11px;}
.retrieve-quote .secure-login a {background:url(https://images.esurance.com/icn-lock-eee-10x12.png) 100% 1px no-repeat; padding-right:15px;}
#txtZipCode {margin:0 15px 15px 0; padding:8px 10px; text-align:left;}
.row-a #txtZipCode {height:44px;}


/* input - #4 RETURNING POLICY-HOLDER/LOGIN (#4 ROW-A, #1&2 ROW-B) */
.form-email input, .form-password .acct-password {width:182px; font-size:13px; padding:6px 10px; margin:0 15px 14px 0;}
.row-b .form-email input {margin-bottom:10px;}
.row-b .form-password .acct-password {margin-bottom:10px;}
.row-a .acct-email, .row-a .acct-password {/*height:28px;*/ margin-bottom:18px; font-size:13px; padding-left:10px; vertical-align:top; width:182px;}
.row-a .btn-login-lg-blu {position:relative; left:18px; top:-7px;}
.btn-lock-lg {overflow:hidden; text-indent:-9999em; position:relative; left:34px; top:2px;}
.row-b .btn-lock-med {overflow:hidden; text-indent:-9999em; position:absolute; left:277px; top:14px;}
.acct-password, .btn-login-lg-blu, .btn-lock-lg, .btn-lock-sm {float:left;}

.select-product .lowergetquote {font-size:13px; color:#585149; padding:0;}
.select-product .getquoterow {overflow:hidden; height:1%; padding:0 0 6px; margin:3px 0 6px;}
.select-product .lower {font-size:11px; padding:0 0 3px 3px;}
.select-product .slash {font-family:arial; padding:0 5px 3px 3px; font-size:14px; vertical-align:bottom;}
.select-product .lock-button {background:url(https://images.esurance.com/icn-lock-sm-11.png) 0 0 no-repeat; width:10px; height:11px; overflow:hidden; text-indent:-9999em;float:left;}


/* labels */
.form-label {font-size:13px; clear:left;}
.form-label a {font-size:13px;}
.t-product, .t-zip {margin-bottom:6px;}
.t-forgot-password {font-size:11px; clear:both; margin-bottom:10px;}

.select-product .dateofbirth {margin-bottom:10px;}
.btn-go-lg {height:44px; float:left;}
.select-product .row {overflow:hidden; height:1%; padding:0 0 5px}
.select-product .getquotetext {float:left; font-size:13px; vertical-align:middle; margin:3px 3px 0 0; padding:2px 3px}
.select-product .getquotetextbold {float:left; font-size:13px;}
.select-product .submit {float:left;background:url(/HomeContent/Home/eshp-spr-trans2.png) 0 -128px no-repeat;width:140px;height:45px;line-height:0;text-indent:-9999em;cursor:pointer;margin-top:15px;}

.row-a .btn-lock-med {position:absolute; left:280px; overflow:hidden; text-indent:-9999em;}
.c6 > img { margin-top: 100px; margin-left: -44px; }

@media only screen and (max-width: 920px), only screen and (max-device-width: 920px) and (orientation:portrait) {
h2.greeting {max-width:450px; font-size:27px; line-height:30px;}	
}

@media only screen and (max-width: 799px), only screen and (max-device-width: 799px) and (orientation:portrait) {
.main-content {padding-bottom:0;}

/* ROW A <=799px */
.row-a {background:none; padding-bottom:0; height: inherit !important;}

/* ROW A: left side (header) <=799px */
.row-a .header-side {background:url(https://images.esurance.com/img-hero-road-800.jpg) 50% 50%; background-size:100% auto; margin-bottom:0;}
.homepage h1.greeting {margin-top:12px; font-size:37px !important; line-height:40px; margin-bottom:0;}
/*.homepage h1 + h1 {font-size:22px !important; line-height:25px !important; margin-top:0; margin-bottom:33px;}*/
.homepage h1 {margin-top:20px;}
/* ROW A: right side (cta: quote, login, claims) <=799px */
.cta-side {padding-left:0; padding-right:0; margin-bottom:10px;}
.cta-box {width:100%; margin-top:0; -webkit-border-radius:0; border-radius:0;}

/* ROW A: accordion elements <=799px */
h3.top-header, h3.bottom-header {-webkit-border-radius:0 !important; border-radius:0 !important;} /* accordion styles */
.accordion-content-3 {margin-bottom:0;} /* "get claims info" accordion content */
h3.ui-accordion-header {padding:9px 20px; background-position: 95% 10px;}
.accordion-content-1, .accordion-content-2, .accordion-content-3 {padding:4px 20px 19px; padding-top:0;}
h3.ui-accordion-header-active.top-header {padding-top:12px; padding-bottom:6px;}
h3.ui-accordion-header {background-position:95% 10px;}
h3.ui-accordion-header:hover {background-position:95% -49px;}
.input-view-quote input {background:url(https://images.esurance.com/btn-view-quote-256-@2x.png) 0 0 no-repeat; background-size:128px 60px; width:128px; height:30px;} /* HP v2a */
.input-view-quote input:hover {background-position:0 -30px;}

/* ROW A: form elements <=799px */
.row-a .select-product select, .row-a .select-product #txtZipCode {padding-top:8px; padding-bottom:8px; font-size:18px;}
.row-a .select-product select {margin-bottom:12px;} /* product dropdown */
.row-a #ProductList {height:40px;} /* added dg 042015 */
.row-a #txtZipCode {margin-right:12px; height:40px;}
.btn-login-sm-gray {background:url(https://images.esurance.com/btn-log-in-160-@2x.png) 0 0 no-repeat; background-size: 80px auto; width:80px; height:32px;
}
.btn-login-sm-gray:hover {background-position:0 -32px;}
.btn-go-lg  {background:url(https://images.esurance.com/btn-go-160-@2x.png) no-repeat 0 0; width:80px; height:40px; background-size:80px auto;}
.btn-go-lg:hover {background-position:0 -40px;}

.form-label.t-zip {display:none;} /* "enter zip" removed on mobile */
.form-label, .form-label a {/*font-size:12px;*/} /* "insurance product" and "view your saved quote" */
.btn-or-call {display:block; margin:62px 0 22px; clear:left;}
.btn-or-call a {background:#969088; text-decoration:none; -webkit-border-radius:3px; border-radius:3px; padding:10px 17px; font-size:21px;}

/* ROW B <=799px */
.row-b {background:#eee;}
/*.row-b .c12 {padding-left:20px !important;}*/
.row-b h2 {margin:0; margin-top:20px; /*font-size:21px;*/}
.series-feature {padding-top:0; padding-bottom:0; margin:0;}
.series-feature .c4 {border-left:none; height:inherit; margin-bottom:10px;}
.series-feature .c4.last {margin-bottom:0;}
.series-feature h3 {border-top:2px solid #fff; padding-top:25px; margin-bottom:4px;}
.series-feature .first h3 {border-top:none; padding-top:0;}
.series-feature .c4.middle {border-left:none; border-right:none;}


/* ROW C <=799px (general carousel styles at slick-hp-2.css */
.media .pull-left img.touch {display:block;}
.row-c h2 {margin-top:10px; margin-bottom:0;}

/* SPRITES classes & specs --------------- <=799px */
/* homesprite.png */
.sprite-btn-go-95, .sprite-btn-login-73, .sprite-btn-login-97, .sprite-drop-arrow-UP, .sprite-drop-arrow-sm-UP, .sprite-a-grade, .sprite-car-hp, .sprite-cust-service, .sprite-fast-claims, .sprite-gt-blu, .sprite-gt-gray, .sprite-homeowners-hp, .sprite-lock-lg, .sprite-lock-med-15, .sprite-lock-sm, .sprite-moto-hp, .sprite-rent-hp, .sprite-norton-seal, .sprite-trust-bullet-pt, .sprite-cust-service {background-image:url(https://images.esurance.com/sprite-home.png); background-repeat:no-repeat;}
.sprite-btn-go-95 {background-position:0 0; width:95px; height:88px;} 
.sprite-btn-login-73 {background-position:0 -128px; width:73px; height:60px;} 
.sprite-btn-login-97 {background-position:0 -228px; width:97px; height:88px;} 
.sprite-drop-arrow-UP {background-position:0 -356px; width:21px; height:10px;} 
.sprite-drop-arrow-sm-UP {background-position:0 -406px; width:16px; height:7px;} 
.sprite-a-grade {background-position:0 -453px; width:57px; height:56px;} 
.sprite-car-hp {background-position:0 -549px; width:69px; height:52px;} 
.sprite-cust-service {background-position:0 -641px; width:64px; height:54px;}
.sprite-fast-claims {background-position:0 -735px; width:64px; height:56px;} 
.sprite-gt-blu {background-position:0 -831px; width:9px; height:11px;} 
.sprite-gt-gray {background-position:0 -882px; width:9px; height:11px;} 
.sprite-homeowners-hp {background-position:0 -933px; width:69px; height:52px;}
.sprite-lock-lg {background-position:0 -1025px; width:20px; height:23px;}
.sprite-lock-med-15 {background-position:0 -10#txtZipCode88px; width:13px; height:15px;}
.sprite-lock-sm {background-position:0 -1143px; width:10px; height:11px;}
.sprite-moto-hp {background-position:0 -1194px; width:69px; height:52px;}
.sprite-rent-hp {background-position:0 -1286px; width:69px; height:52px;}
.sprite-norton-seal {background-position:0 -1378px; width:80px; height:40px;}
.sprite-trust-bullet-pt {background-position:0 -1458px; width:11px; height:23px;}

/* added 12/03/14 dg <=799px */
.homepage h1 + h1 {
line-height: 38px;
margin-top: 12px !important;
}
.row-a .btn-lock-med {left:288px;}
}

@media only screen and (max-width: 382px), only screen and (max-device-width: 382px) and (orientation:portrait) {
.homepage h1.greeting {font-size:31px !important; line-height:32px !important;}
.homepage h2.greeting {font-size:23px; line-height:25px;}
}

@media only screen and (min-width: 800px) and (max-width: 825px), only screen and (max-device-width: 800px) and (max-width: 825px) and (orientation:portrait) {
.form-email input, .row-a .acct-password {width:165px;}
.row-a .btn-lock-med {left:266px;}
}
@media only screen and (min-width:1300px) {
.row-a {background-size:100% auto; background-position:0 40%;}
}
@media only screen and (max-width: 905px) and (min-width:800px), only screen and (max-device-width: 905px) and (min-width:800px) and (orientation:portrait), only screen and (max-width: 355px), only screen and (max-device-width: 355px) and (orientation:portrait) {
.retrieve-quote label {display:block !important; margin-bottom:4px;}
.input-view-quote input, .retrieve-quote .secure-login {margin-left:0 !important;}
}

@media only screen and (max-width: 1099px) and (min-width:800px), only screen and (max-device-width: 1099px) and (min-width:800px) and (orientation:portrait) {
.cta-box {width:100%; max-width:460px;}
.row-a {padding-bottom:30px; height:410px;}
}

@media only screen and (max-width: 1099px), only screen and (max-device-width: 1099px) and (orientation:portrait) {
.row-b {width:100%; margin-top:0; -webkit-border-radius:0; border-radius:0;}
}


/* RETINA AND <=799px ------------ */
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 799px), only screen and (min-device-pixel-ratio: 2) and (max-width: 799px) {

/* row-a: accordion elements // RETINA AND <=799px */
h3.ui-accordion-header {background:url(https://images.esurance.com/icn-accord-plus-38-@2x.png) no-repeat 95% 10px #827c74; background-size:19px auto;}
h3.ui-accordion-header:hover {background-position:95% -49px;}

/* row-a: form elements // RETINA AND <=799px */
.retrieve-quote .secure-login a {background:url(https://images.esurance.com/icn-lock-18-@2x.png) 100% 2px no-repeat; padding-right:15px; background-size:9px auto;}
}


@media only screen and (min-width:1300px) {
/* adjust for longer copy on slides */
.homepage .carousel .slide h3 {line-height: 20px;}
.homepage .carousel .slide p {margin-bottom: 8px;}
.carousel {width: 958px; padding: 20px;}

/* full page slider and odd number of slides */
.full-half, .right-half, .left-half {margin: 0;}

.left-half {padding-right: 20px;}
.full-half {margin-right: 20px;}
.full-half img {margin: 0 20px 0 20px; float: left; width: 215px; height: 150px;}
.full-half img, .left-half img {margin: 0 20px 0 0;}
.full-half {border-right: 1px solid #dcdbda; border-left: none;}
.left-half {border: none;}
.right-half {border-left: 1px solid #dcdbda; border-right: none;}
.row-b {position: relative; z-index: 100;}
}
@media only screen and (min-width: 800px) and (max-width: 825px), only screen and (max-device-width: 800px) and (max-width: 825px) and (orientation:portrait) {
.row-b {position: relative; z-index:100;}
}
@media only screen and (max-width: 999px) and (min-width:800px), only screen and (max-device-width: 999px) and (min-width:800px) and (orientation:portrait), only screen and (max-width: 500px), only screen and (max-device-width: 500px) and (orientation:portrait) {
.row-b {position: relative; z-index: 100;}
}
@media only screen and (max-width: 799px), only screen and (max-device-width: 799px) and (orientation:portrait) {
.row-a .header-side {margin-bottom:0; height:190px;}
.header-side h1 {max-width:500px; line-height:35px; margin-top:17px;}
}

@media only screen and (max-width: 499px), only screen and (max-device-width: 499px) and (orientation:portrait) {
.version-2 .row-a {height:540px;}
.row-a .header-side {height:160px;}
}
@media only screen and (max-width: 999px) and (min-width:950px), only screen and (max-device-width: 999px) and (min-width:950px) and (orientation:portrait) {
.c4.last {min-height: 120px;}
}
@media only screen and (max-width: 949px) and (min-width:800px), only screen and (max-device-width: 949px) and (min-width:800px) and (orientation:portrait) {
.c4.last {min-height: 150px;}
}


/* 2015.408 bundling message for versions 1D and 2D, added 06/11/15 by KSC */
.row-b2 {background-color: #eee; margin: 65px 0 75px 0; padding: 39px 0 72px 0;}
.row-b2 h2 {margin-bottom:30px;}
.row-b2 img{width:100%;}
.row-b2 .c6 > img {margin-top: 0; margin-left: 0;}
.row-b2 .c6 > p {font-size: 16px; line-height: 27px;}
@media only screen and (max-width: 799px), only screen and (max-device-width: 799px) and (orientation: portrait){
.row-b2 {margin:10px 0 20px 0; padding: 20px 0 0 0;}
.row-b2 h2 {margin-bottom:0;}
.row-b2 .c6 > p {font-size:13px; line-height:20px;}
}


/* from version 2 pages --------------------------- */
.version-2 .retrieve-quote label {
    display: inline-block;
    font-size: 13px;
    padding-right: 10px;
    width: 100px;
    }
.version-2 .retrieve-quote .DOBMonth, .version-2 .retrieve-quote .DOBDay {
    margin-right: 9px;
    max-width: 52px;
    width: 30%;
    color: Gray;
    text-align: center;
    vertical-align: middle;
}
.version-2 .retrieve-quote .DOBYear {
    max-width: 74px;
    width: 50%;
    color: Gray;
    text-align: center;
    vertical-align: middle;
}
.version-2 .input-email, .version-2 .input-last {
    margin-bottom: 9px;
}
.version-2 .form-email input, .version-2 .input-email input, .version-2 .input-last input, .version-2 .input-dob input {
    font-size: 13px;
    max-width: 207px;
    padding: 5px;
    width: 65%;
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #dcdbda;
    border-radius: 3px;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.15) inset;
}
.version-2 h3.top-header {
    border-radius: 4px 4px 0 0;
}
.version-2 h3.ui-accordion-header-active, .version-2 h3.ui-accordion-header-active:hover {
    background: none repeat scroll 0 0 #eee;
    transition: background-color 0.5s ease 0s;
}
.version-2 .input-view-quote input {
    background: url("https://images.esurance.com/btn-view-quote-157.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: none;
    border-radius: 5px;
    height: 35px;
    margin-bottom: 3px;
    margin-left: 106px;
    width: 157px;
}
.version-2 .input-dob {
    margin-bottom: 11px;
}
.version-2 .retrieve-quote .secure-login {
    font-size: 11px;
    margin-bottom: 0;
    margin-left: 106px;
}
.version-2 .retrieve-quote .secure-login a {
/*    background: url("https://images.esurance.com/icn-lock-10x12.png") no-repeat scroll 100% 1px rgba(0, 0, 0, 0); */
    padding-right: 15px;
}
.version-2 .input-last > label {
    margin-right: 6px;
}
@media only screen and (min-width:800px) and (max-width: 905px), only screen and (min-width:800px) and (max-device-width: 905px) and (orientation:Portrait) {
.version-2 .retrieve-quote label {display:block;} 
}


.bundle-promo-desktop {background:#ededed; -webkit-border-radius:4px; border-radius:4px; padding:18px 25px 18px 30px; margin-top:45px; display:block;}
.bundle-promo-desktop .media {margin-bottom:0;}
.bundle-promo-desktop p {margin-bottom:0;}
.bundle-promo-desktop .pull-left {margin-right:24px;}
.bundle-promo-mobile {display:none; background:#fff; padding:15px 20px 7px;}
.bundle-promo-mobile .pull-left img {width:30px;}

@media only screen and (max-width: 945px) and (min-width:800px) {
h1.greeting {font-size:40px; line-height:42px;}
.bundle-promo-desktop {margin-top:20px;}
}
@media only screen and (max-width: 860px) and (min-width:800px) {
h1.greeting {font-size:38px; line-height:40px;}
}
@media only screen and (max-width: 799px), only screen and (max-device-width: 799px) and (orientation:portrait) {
.bundle-promo-desktop {display:none;}
.bundle-promo-mobile {display:block;}
}