/* --Containers-- */
.container_9{margin-left:auto;margin-right:auto;width:972px;}
/* --Grid >> Global-- */
.grid_1,.grid_2,.grid_2half,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9{display:inline;float:left;position:relative;margin-left:6px;margin-right:6px;}
/* --Grid >> 9 Columns-- */
.container_9 .grid_1{width:96px;}
.container_9 .grid_2{width:204px;}
.container_9 .grid_2 { margin-top: 36px;} /* BG - edit*/
.container_9 .grid_2half{width:264px;}/*new edition: 5/12/2011*/
.container_9 .grid_3{width:312px;}
.container_9 .grid_4{width:420px;}
.container_9 .grid_5{width:528px;}
.container_9 .grid_6{width:636px;}
.container_9 .grid_7{width:744px;}
.container_9 .grid_8{width:852px;}
.container_9 .grid_9{width:960px;}
.container_9 .push_1{left:108px;}
.container_9 .push_2{left:216px;}
.container_9 .push_3{left:324px;}
.container_9 .push_4{left:432px;}
.container_9 .push_5{left:540px;}
.container_9 .push_6{left:648px;}
.container_9 .push_7{left:756px;}
.container_9 .push_8{left:864px;}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* --Title and Wrapper-- */
#title{height:90px;z-index:0;}
div.title{left:0; position:relative;margin:8px 0 15px;}
.nogsub{margin-bottom:12px;}
.line { padding-bottom:15px; } /*edit: 05/27/2011 - left nav spacing fix*/

/* --Main Content-- */
#howtovideos #mainContent{border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;-khtml-border-radius:8px;margin-top:36px; background:#FFF;font:11px/17px Verdana, Geneva, sans-serif;color:#6f685f;margin-bottom:52px;}
#howtovideos #mainContent p, #howtovideos #mainContent h3{margin-left:81px;} /* edit from 135px to 81px */
/*#savings #mainContent p,#howtovideos #mainContent h3{margin-left:135px;} 
#savings #mainContent{border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;-khtml-border-radius:8px;margin-top:36px; background:#FFF;font:11px/17px Verdana, Geneva, sans-serif;color:#6f685f;margin-bottom:52px;}
#savings #mainContent h2{margin-left:130px;}
#trust #mainContent p,#howtovideos #mainContent h3{margin-left:135px;}
#trust #mainContent{border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;-khtml-border-radius:8px;margin-top:36px; background:#FFF;font:11px/17px Verdana, Geneva, sans-serif;color:#6f685f;margin-bottom:52px;}
#trust #mainContent h2{margin-left:130px;}*/
.mainlg	{ color: #170939; font: bold 16px/20px Arial,Helvetica,sans-serif; padding-bottom: 10px; } 
.mainsm	{ color: #170939; font: bold 11px/16px Verdana,Verdana,Geneva,sans-serif; padding-bottom: 5px; }
#howtovideos #mainContent h2{margin-left:80px;}
#mainContent ul {padding-bottom:16px; margin-top:-2px;}
div#container.container_9 div#mainContent.grid_7 div div#index li{list-style:disc outside none;margin:10px 0 10px 39px;}
#mainContent ol {padding-bottom:16px; margin-top:-2px;}
div#container.container_9 div#mainContent.grid_7 div div#index ul li{list-style:disc outside none;margin:10px 0 10px 40px;}

#mainContent ol li{list-style:decimal outside none;margin:10px 0 10px 40px;}
#disclaimer{font:9px Verdana, Geneva, sans-serif;color:#6f685f;}/*edit: removed: margin-bottom:51px; 5/13/2011*/
#phone_number	{ left: 20px; position: absolute; top: 100px; }
li.first{font-weight:800;}
ions{height:36px;width:135px;display:block;float:right;}
sup{height:0;line-height:1;position:relative;bottom:1ex;vertical-align:baseline} /*edit: taken from style.css 9/22/2011*/

/* --Basic-- */
hr.main {border:1px solid #969088; margin-bottom: 20px; clear:both;}
ul#basic li {background:url(https://images.esurance.com/icn_blu_arrow.png) no-repeat scroll left center transparent;padding:15px 0 0 15px;}
ul.logolist{padding:16px 0;}
ul.logolist li{list-style:none outside none;}
ul.logolist li img {float:right;margin:0 0 15px 10px;}
img.nogsub{padding-bottom:15px;}
img.nobcrumb{padding-top:41px;}
#commercial_screen{height:364px;width:640px;margin:30px auto}
#trtagline{float:right;margin: -40px 0 0 0;}
#rtab{height:192px;width:43px;background:url(https://images.esurance.com/text_rnavshare.png) 0 0 no-repeat;margin:30px -43px 0 0;position:absolute;right:0px;}
#rtab a.btn {position:absolute;}
#rtab a.tabtwitter{background:url(https://images.esurance.com/icn_sq_twitter_h.png) -43px 0 no-repeat;height:43px;width:43px;margin-top:95px;-moz-transition: all .3s linear}
#rtab a.tabtwitter:hover,#rtab a.tabfacebook:hover{background-position:0 0;transition: all .3s linear;-moz-transition: all .3s linear}
#rtab a.tabfacebook{background:url(https://images.esurance.com/icn_sq_facebook_h.png) -42px 0 no-repeat;height:43px;width:42px;margin-top:150px;-moz-transition: all .3s linear}

#commintro{width:330px;height:54px;margin:0 0 20px 52px;}
img.elogocomm{position:absolute;top:428px;left:52px;}
#commintro img{float:left;}
.videothumb{height:190px;width:744px;position:relative;border-bottom:2px solid #fefefe;border-top:0px solid #fefefe;transition: all .3s linear;-o-transition: all .3s linear;-moz-transition: all .3s linear;-webkit-transition: all .3s linear; background:none repeat scroll 0 0 #F2F2F1;}
.videothumb:hover{background:#dededb;}
.videothumbinactive {height:190px;width:744px;position:relative;border-bottom:2px solid #fefefe;border-top:0px solid #fefefe;background:none repeat scroll 0 0 #F2F2F1;}
.vdtext {width:482px;height:135px;float:left;margin-top:25px;}
.vdtextmain{margin:12px 0 0 135px;}
.vdimgs{width:296px;height:136px;float:right;}
.vdimgs a{width:202px;height:114px;float:right;margin:47px 107px;}
.tmarker{position:absolute;right:15px;top:28px;}
a.play {float:right;margin:25px 25px 0 0;}
.noplay {float:right;margin:25px 25px 0 0;}
.play2 {position:absolute; z-index:10; overflow:hidden; height:130px; width:214px;}
.play2:hover img {margin-top:-130px;}
/*#index{padding-right:60px;} */
/*.cmcarosel{background:#fff;border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;-khtml-border-radius:8px;height:115px;margin:15px 0 12px 0px;width:594px;position:relative;overflow:hidden;padding-left:40px;}
.cmcarosel a img{filter:progid:DXImageTransform.Microsoft.alpha(opacity=55);opacity:0.55;-moz-transition:opacity 1s ease;-webkit-transition:opacity 1s ease;-o-transition:opacity 1s ease;transition:opacity 1s ease;margin:21px 0 0 10px;}
.cmcarosel a img:hover{filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);opacity:1}
.cmcarosel a div{filter:progid:DXImageTransform.Microsoft.alpha(opacity=55);opacity:0.55;-moz-transition:opacity 1s ease;-webkit-transition:opacity 1s ease;-o-transition:opacity 1s ease;transition:opacity 1s ease;margin:21px 0 0 10px;}
.cmcarosel a div:hover{filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);opacity:1}*/

/* Infinate carousel */
/*.cmcarosel .wrapper{width:530px;height:115px;position:absolute;top:0;left:20px;}
.cmcarosel .wrapper ul{width:9999px;list-style-image:none;list-style-position:outside;list-style-type:none;position:absolute;top:0;margin:0;padding:0;left:-5px}
div.cmcarosel div.wrapper ul li{display:block;float:left;}
.cmcarosel ul li a img{display:block}
.cmcarosel ul li a div{display:block}
.cmcarosel .arrow{display:block;height:24px;width:24px;background:url(https://images.esurance.com/arrow_icon2.png);text-indent:-999px;position:absolute;top:45px;cursor:pointer;display:hidden;}
.cmcarosel .forward{background-position:0 0;right:0;margin-right:10px;}
.cmcarosel .forward:hover{background-position:0 -24px;right:0;}
.cmcarosel .back{background-position:0 -72px;left:0;margin-left:10px;}
.cmcarosel .back:hover{background-position:0 -48px;left:0;}
#thumbkarma{height:71px;width:126px; background:url(https://images.esurance.com/videothumb_sm_dollarKarma.jpg) 0 0 no-repeat;}
#thumbkarma.end{height:71px;width:126px; background:url(https://images.esurance.com/videothumb_sm_dollarKarma_end.jpg) 0 0 no-repeat;} 
#thumbkarma.mov{height:71px;width:126px; background:url(https://images.esurance.com/videothumb_dollarKarma_m.gif) 0 0 no-repeat;}
#thumbtrust{height:71px;width:126px;}
#thumbtrust{height:71px;width:126px; background:url(https://images.esurance.com/videothumb_sm_trust.jpg) 0 0 no-repeat;} 
#thumbtrust.end{height:71px;width:126px; background:url(https://images.esurance.com/videothumb_sm_trust_end.jpg) 0 0 no-repeat;} 
#thumbtrust.mov{height:71px;width:126px; background:url(https://images.esurance.com/videothumb_trust_m.gif) 0 0 no-repeat;}
#thumbbuilt{height:71px;width:126px; background:url(https://images.esurance.com/videothumb_sm_builtToSave.jpg) 0 0 no-repeat;}
#thumbbuilt.end{height:71px;width:126px; background:url(https://images.esurance.com/videothumb_sm_builtToSave_end.jpg) 0 0 no-repeat;} 
#thumbbuilt.mov{height:71px;width:126px; background:url(https://images.esurance.com/videothumb_builtToSave_m.gif) 0 0 no-repeat;}
#thumbrelationship{height:71px;width:126px; background:url(https://images.esurance.com/videothumb_sm_allstateRelationship.jpg) 0 0 no-repeat;}
#thumbrelationship.end{height:71px;width:126px; background:url(https://images.esurance.com/videothumb_sm_allstaterelationship_end.jpg) 0 0 no-repeat;}
#thumbrelationship.mov{height:71px;width:126px; background:url(https://images.esurance.com/videothumb_allstaterelationship_m.gif) 0 0 no-repeat;}
#thumbsavings{height:71px;width:126px; background:url(https://images.esurance.com/videothumb_sm_savings.jpg) 0 0 no-repeat;}
#thumbsavings.end{height:71px;width:126px; background:url(https://images.esurance.com/videothumb_sm_savings_end.jpg) 0 0 no-repeat;} 
#thumbsavings.mov{height:71px;width:126px; background:url(https://images.esurance.com/videothumb_savings_m.gif) 0 0 no-repeat;}
#thumbwhatif{height:71px;width:126px; background:url(https://images.esurance.com/videothumb_sm_whatif.jpg) 0 0 no-repeat;} 
#thumbwhatif.mov{height:71px;width:126px; background:url(https://images.esurance.com/videothumb_whatif_m.gif) 0 0 no-repeat;}
#thumbwhatif.end{height:71px;width:126px; background:url(https://images.esurance.com/videothumb_sm_whatif_end.jpg) 0 0 no-repeat;}*/

div.captionwrap{position:relative}
div.captionwrap a{text-decoration:none}
div.description{position:absolute;bottom:2px;left:10px;display:none;background-color:#11072a;font:9px/11px Arial, Helvetica, sans-serif;color:#fff;width:126px}
div.description_content{padding:3px}

#howtovideos.howtoindex div#container div#mainContent p, #howtovideos.howtoindex div#container div#mainContent h3 {margin-left: 25px;}
#howtovideos #mainContent h2 {margin: 0; padding: 6px 0;}

#howtovideos.howtoindex div#container div#mainContent h1+P, #howtovideos div#container div#mainContent h1+P  {margin: 25px 0;}
#howtovideos #mainContent div#tabs ul li a h2.mainlg {color: #FFF;}
#howtovideos #mainContent div#tabs ul li a:hover h2.mainlg {color: #6699FF;}
#howtovideos #mainContent div#tabs ul li.active a h2.mainlg {color: #170939;}
#howtovideos #mainContent p, #howtovideos #mainContent h3 {margin-left: 0px;}
div.vdtext h3.mainlg {font-size: 14px;}
div.radtext h3.mainlg {font-size: 14px;}
 
div#index h3.tagline  {font-size: 18px;}

/* --Side bar-- */
.line { padding-bottom:15px; } /*edit: 05/27/2011 - left nav spacing fix*/
.line2 {background:url(https://images.esurance.com/img_h2_line.png) 0 0 no-repeat; padding-top:18px; margin-top:20px;} /* 12/6/12 dg - /insurance-resources */
#sidebar{margin-top:36px;}
#sidebartext{font:11px/16px Verdana, sans-serif;color:#969088;width:200px;margin-bottom:20px;}
#sidebartextinsights{font:11px/16px Verdana, sans-serif;color:#969088;width:200px;margin-bottom:20px;}
#qcontact {margin-top: 20px;}
#sidebartext img {margin-right:5px;}
#sidebartextr img {margin-bottom:10px;}
#sidebartextr{font:11px/16px Verdana, sans-serif;color:#969088;width:200px;margin-top:20px;margin-bottom:20px;}
.h2side{font:bold 16px Arial,Helvetica,sans-serif;color: #969088;padding-bottom:5px;}
.h2tips{font:bold 14px Arial,Helvetica,sans-serif;color:#969088;padding-bottom:5px;}
.container_9 .grid_2 { margin-top: 36px;} /* BG - edit*/
#tree {font:11px/16px Verdana, sans-serif;color:#969088;}
#tree ul{ list-style:none; margin:0; padding-left:16px; zoom: 1;}
#tree li {margin:0;padding:0;}
#tree li a{ text-decoration:none; margin-bottom:5px;}
#tree li a:visited{text-decoration:none;}
#tree li a:hover{text-decoration:underline;}
#tree li a:active{text-decoration:underline;}
#tree ul li {list-style:none;font-weight:200;padding-bottom:5px;} /*edit: added padding-bottom:5px 8/31/2011*/
ul#tree li.first {margin-bottom:12px;}
ul#tree li ul {padding-top:5px;}

#share_howto {float: right; margin-top:-20px; width:264px;}
#share_howto span {float: left;  font: bold 20px/25px "esurance-bryant-web",arial,sans-serif;}

#message_manual {width: 250px; padding: 20px; height: auto;background-color: #969088;float: right; margin-left: 10px;border-radius: 5px; color: #f2f2f1;} /* used in how to jump start car for sidenote info box */
#message_manual img {float:left;}
#message_manual p strong {display: inline-block; padding: 5px 10px 0; position: relative; width: 180px;}

#howtovideos.howtoindex p {padding-bottom: 11px;}

#bcrumb {color: #6F685F; font: 10px/16px Verdana,Geneva,sans-serif; margin-top: 8px;}
#howtovideos.howtoindex p#bcrumb {padding-bottom: 17px;}
#howtovideos.howtoindex p.line {padding-bottom: 15px;}

/* Added 2/14/2013 BG */
/*
.video-arrow-sprite {display: block; width: 213px; height: 130px; text-indent: -99999px;}
.video-arrow-sprite:hover {background-position: 0px 130px;}
.htjumpstart {background: url('https://images.esurance.com/videothumb_HT_jump-start.png') left top;}
.hthillpark {background: url('https://images.esurance.com/videothumb_HT_hill-start.png') left top;}
.htoverheat {background: url('https://images.esurance.com/videothumb_HT_overheat.png') left top;}
.htflattire {background: url('https://images.esurance.com/videothumb_HT_flattire.png') left top;}
*/
/*
#htjumpstart {
	display: block;
	width: 213px;
	height: 130px;
	background: url('https://images.esurance.com/videothumb_HT_jump-start.png') left top;
	text-indent: -99999px;
}
#htjumpstart:hover {
	background-position: 0px 130px;
}

#hthillpark {
	display: block;
	width: 213px;
	height: 130px;
	background: url('https://images.esurance.com/videothumb_HT_hill-start.png') left top;
	text-indent: -99999px;
}
#hthillpark:hover {
	background-position: 0px 130px;
}

#htoverheat {
	display: block;
	width: 213px;
	height: 130px;
	background: url('https://images.esurance.com/videothumb_HT_overheat.png') left top;
	text-indent: -99999px;
}
#htoverheat:hover {
	background-position: 0px 130px;
}

#htflattire {
	display: block;
	width: 213px;
	height: 130px;
	background: url('https://images.esurance.com/videothumb_HT_flattire.png') left top;
	text-indent: -99999px;
}
#htflattire:hover {
	background-position: 0px 130px;
}
/*


/* added dg 080913 */
.videothumb2 {padding:24px 0; height:auto; width:744px; position:relative; border-bottom:2px solid #fefefe; border-top:0px solid #fefefe; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; transition: all .3s linear; background:none repeat scroll 0 0 #F2F2F1;}
.videothumb2:hover {background:#dededb;}
.videothumb2 .media {margin:0 24px;}
.videothumb2 .media-body p {padding-bottom:11px;}
#howtovideos.howtoindex div#container div#mainContent p, #howtovideos.howtoindex div#container div#mainContent h3 {margin-left: 0;}