/***** Overwrite Global Styles *****/
/*@media (min-width: 768px){
	.bsHeroBanner .jumbotron {height: 290px;}
}*/
/*.CenterWell .ParagraphText a.cta-orange-arrow {float:right;font-weight:700;background: url(/resources/Images/cta-arrow-lg-orange.svg) right center no-repeat;padding-right:13px;color:#2F2F32;font-size:1em;display:block;height:25px;margin-top:10px;}
.CenterWell .ParagraphText a.cta-orange-arrow-right {float:right;font-weight:700;background: url(/resources/Images/cta-arrow-lg-orange.svg) right center no-repeat;padding-right:13px;color:#2F2F32;font-size:1em;display:block;height:25px;margin-top:10px;}
*/
@media all and (min-width:992px) {
	.dwWrapper {margin-left:20px;}
}
h1.TitleOnly {color: inherit;margin-bottom: 10px;font-size: 30px;font-weight: 600;}   
h1, h1.TitleOnly {font: 1.86em arial,sans-serif;padding-left: 0;}
h1, h2{color: inherit;float:none;padding-top: .625em;margin-bottom:2px;font-weight: 600;}
h2 {font-size: 16px;margin-top:0px;padding-bottom:0px;}
h3 {color: inherit;font: 600 16px Arial, sans-serif;padding: 4px 0;margin: 0;line-height: 1.25;}
h4 {color: inherit;font-size: 16px;margin-top: 0;}
p {font: 16px/1.6 Arial, sans-serif;margin-bottom: 25px;color: inherit;}
ul {margin-bottom:20px;}
/*ul, li {font-size:16px;}*/
ul.checkmarkBullet li, li.checkmarkBullet {font-size:16px;}
/*a {color:#c94e07;font-weight: 700;text-decoration: none;}
a:hover {color:#d0670c; text-decoration: underline;}*/
/***** Drivewise Styles TE 9-9-16 *****/
.row1 {width:100%;margin-bottom: 5%;}
.row1 h2 {margin-bottom: 10px;padding-top:10px 0px 0px 0px;}
.row1 h3 {;padding:4px 0 4px 0px;margin:5px 0 5px 0;text-transform: none;}
.row1 p {margin: 2% auto;text-align: left;}
.column1 {width:30%;float:left;margin-right:2%;margin-bottom:5%;}
.column1 h3 {text-align: center;}
.column1 p {text-align: center;}
.imgDww {width:70%;margin:8% 0% 0% 15%;}
/*.checkBullet {list-style-type: none;background: url(/resources/Images/bullet-checkmark.svg) left top no-repeat;padding-left: 30px;line-height: 1.2;margin: 12px 0;min-height: 20px;}*/
.fontChange {font-weight:bold;}
.gridFull {width:100%; margin:0px;}
.gridFull h2.TitleOnly {color:inherit;margin-bottom: 10px;font: 1.86em arial,sans-serif;padding-top:10px 0px 0px 0px;float:none;}
.gridFull h3 {color:inherit;padding:4px 0 4px 10px;margin:5px 0 5px 0;text-align:center;}
.gridFull p{color:inherit;line-height:1.5em;text-align:center;display:block;}
.gridFull h3.leftAlign{color:inherit;font:bold 1.15em arial,sans-serif;padding:4px 0 4px 0px;margin:5px 0 5px 0;text-align:left;}
.gridFull p.leftAlign{color:inherit;font:1em arial,sans-serif; line-height:1.5em;text-align:left;display:block;margin:0% 0% 3% 0%;}
.gridFull p.footnote {color:#656565;font:.85em Arial;text-align:left;display:block;padding: 0;}
.gridFull a.cta-orange-arrow {float:right;font-weight:700;background: url(/resources/Images/cta-arrow-lg-orange.svg) right center no-repeat;padding-right:13px;color:#2F2F32;font-size:1em;display:block;height:25px;margin-top:10px;}
.gridFull a.cta-orange-arrow-right {float:right;font-weight:700;background: url(/resources/Images/cta-arrow-lg-orange.svg) right center no-repeat;padding-right:13px;color:#2F2F32;font-size:1em;display:block;height:25px;margin:2% 0% 5% 0%;}
.gridCol1{width:45%;float:left;margin-right:2%;border:solid 1px #ccc;margin-bottom:2%;}
.gridCol2{width:45%;float:left;border:solid 1px #ccc;margin-bottom:2%;}
.gridCol3{width:35%;float:left;margin-right:2%;border:none;margin:5% 0% 2% 0%;}
.gridCol4{width:55%;float:left;border:none;margin:5% 0% 2% 0%;}
.gridCol3, .gridCol4 h3 {color:#1666af;font:normal 1.5em arial,sans-serif;padding:4px 0 4px 0px;margin:5px 0 5px 0;text-align:left;}
.gridCol3, .gridCol4 p {color:#000;font:1em arial,sans-serif; line-height:1.5em;text-align:left;display:block;}
.gridCol3, .gridCol4 ul{margin-top:0px;margin-bottom:20px;} 
.gridCol3, .gridCol4 ul li {line-height:2.3;color:#000;font-family: arial,sans-serif;list-style:none;margin-bottom:4%;}


/******** Two Tabbed Box 
.chartTitle {border-bottom: solid 1px #d9d9d9;background: #EEF0F2;width: 100%;float: left;margin-bottom: 40px;}
.chartTitle h3 {color: #1666AF;text-align: center;font-size: 16px;margin: 10px 0 10px;}
.btn {margin-bottom: 10px;}********/
/******** Two Tabbed Box ********/
#tabbedChart {border: solid 1px #d9d9d9; width:95%; overflow: hidden; color: #333;}
.arrowBox {border: solid 1px #d9d9d9;position: relative;background: #EEF0F2;width:50%;float: left;margin-bottom: 40px;overflow: visible;cursor: pointer;}
.activeArrowBox {position: relative;background: #0033a0;width:50%;float: left;}
.activeArrowBox:after, .activeArrowBox:before {top: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.arrowBox:after {border-top-color: #0033a0;border-width: 30px;margin-left: -30px;}
.arrowBox:before {border-top-color: #0033a0;border-width: 31px;margin-left: -31px;}
.arrowBox h3 {color: #333; text-align: center; font-size: 14px; margin: 10px 0 10px;}
.activeArrowBox h3 {color: #fff;}
.innerChartHeading {padding-bottom: 20px !important; /*border-bottom: solid 1px #d9d9d9;*/ color: #333 !important;}
.sectionRight .innerChartHeading {padding-left: 30px !important;}
.sectionLeft {width:50%; float:left; padding: 10px; margin-left: 10px;}
.sectionLeft h4 {color: #1666AF;}
.sectionRight {float:left; padding: 2px;width:48%;}
.sectionRight p {padding-left: 30px;}
.chartCTA {height:auto !important; float:left !important; padding-left: 25%  !important; margin-bottom: 10px !important;}
	@media screen and (max-width: 767px) {
.arrowBox {width:50%;}
.sectionLeft {float: none; width:95%; margin-left: 0px;}
.sectionRight {float: none; width:95%; padding-left: 10px;}
.sectionRight p {padding-left: 0px;}
.innerChartHeading {display:none;}
	}
.row-med {width:100%;margin:2%;}	
.col-1 {width:45%;float:left;margin-right:2%;margin-bottom:5%;}
.col-1 h3 {text-align: center;}
.col-1 p {text-align: center;}
.imgSreenDw {width:100%;float:left;margin:2%;}
	@media screen and (max-width:480px){
.column1 {width:100%;float:none;}
.imgDw {width:40%;margin:8% 0% 0% 30%;}
}
/****** Step Bullet Icons ******/
ul.no-bullet {list-style: none;margin:0 0 5% 0;padding: 0%}
li.step1Icon {background: url(/resources/Allstate/images/global/icons/icon-number-1-blue.svg);background-repeat: no-repeat;}
li.step2Icon {background: url(/resources/Allstate/images/global/icons/icon-number-2-blue.svg);background-repeat: no-repeat;}
li.step3Icon {background: url(/resources/Allstate/images/global/icons/icon-number-3-blue.svg);background-repeat: no-repeat;}
li.step4Icon {background: url(/resources/Allstate/images/global/icons/icon-number-4-blue.svg);background-repeat: no-repeat;}
li.step5Icon {background: url(/resources/Allstate/images/global/icons/icon-number-5.png);background-repeat: no-repeat;}
.stepIcon-padding {padding:0% 0% 2% 5%;}
.stepIcon-padding-v1 {padding:0% 0% 5% 10%;}
.stepIcon-padding-v2 {padding:0% 0% 3% 10%}
.stepIcon-padding-v3 {padding:.5% 0% 3% 10%;}
.anchor{display: block;height: 130px; /*same height as header*/margin-top: -130px; /*same height as header*/visibility: hidden;}
 ul .dwIcons {list-style: none;margin:2% 0 2% 0;}
.dwIconSafeSpeeds {background:url("/resources/Allstate/images/drive-wise/safespeeds-icon.png");background-repeat: no-repeat;margin-bottom:10px;padding-left:7%;}
.dwIconSafeHours {background:url("/resources/Allstate/images/drive-wise/safehours-icon.png");background-repeat: no-repeat;margin-bottom:10px;padding-left:7%;}
.dwIconSafeStops {background:url("/resources/Allstate/images/drive-wise/safestops-icon.png");background-repeat: no-repeat;margin-bottom:10px;padding-left:7%;}
.gridCol2 a {color:#337ab7;text-decoration:none;font-size:14px;font-family:arial,san-serif;line-height: 1.42857143;font-weight:bold;}
.gridCol2 a:hover {color:#23527c;text-decoration:underline;}
.gridCol2 a span{background-image: url("/resources/Allstate/images/global/cta-arrow-lg-blue.png");background-repeat: no-repeat;background-position: 100% 65%;padding-right: 15px;}
.imgSize {width:80%;margin:10% 15% 0% 10%;}
.imgTrip {width:60%;margin:10% 0% 0% 0%;}
.imgBrands {width:80%;margin:10% 0% 0% 15%;}
.imgMobileApp {margin-left: 180px;width: 257px;}
.videoWrapperRWD {margin-left:10%;margin-bottom:10%;}
.videoWrapper {margin-left:70px;max-width: 580px;}
.paraPadding {padding-bottom:6%;}
.marginBtm {margin-bottom: 5%;}
.marginTop {margin-top: 3%;}
.leftAlign {text-align:left;}
.leftPaddingUL{padding-left:0px;}
.horizontalLine {border-bottom: 1px solid #D9D9D9;margin: 20px 0px 25px;width: 100%;}
.horizontalLineBTM {border-bottom: 1px solid #D9D9D9;margin: 20px 0px 10px;width: 100%;}
.clear {clear: both}

@media screen and (max-width:980px){
.gridFull p.footnote {padding: 0 10px;}
}
@media screen and (max-width:767px){
.CenterWell .ParagraphText, .CenterWell p .gridFull p.footnote{color:#656565;font:.85em Arial;text-align:left;display:block;}
.gridFull h3.leftAlign{font:bold 1.4em arial,sans-serif;padding:4px 0 4px 10px;}
.gridFull p.leftAlign{font:1.1em/1.5em Arial !important;margin:0% 0% 3% 3%;}
.videoWrapperRWD {position:relative;padding-bottom:56.25%;padding-top:25px;height:0;margin-bottom:3%;margin-left:0%;}
.videoWrapperRWD iframe {position:absolute;top:0;left:0;width:100%;height:100%}
.videoWrapper {margin-left:0px;}
.gridFull a.cta-orange-arrow-right {margin:2% 3% 5% 0%;}
.row1 p {padding-right: 2%;}
.imgSreenDw {width:70%;margin:2%;}
}
@media screen and (max-width:639px) {
.gridCol1{width:100%;float:none;margin-right:2%;border:none;margin-bottom:2%;}
.gridCol2{width:100%;float:none;border:none;margin-bottom:2%;}
.gridCol3{width:100%;float:none;margin-right:2%;border:none;margin:5% 0% 2% 0%;}
.gridCol4{width:100%;float:none;border:none;margin:5% 0% 2% 0%;}
.gridCol3, .gridCol4 h3 {;padding:4px 0 4px 0px;}
}
@media screen and (min-width:415px) and (max-width:540px) {
.imgSize {width:60%;margin:10% 15% 0% 20%;}
}
@media screen and (min-width:541px) and (max-width:639px) {
.imgSize {width:50%;margin:10% 15% 0% 25%;}
}
@media screen and (min-width:481px) and (max-width:768px) {
	.stepIcon-padding {padding:0% 0% 2% 7%;}
	.stepIcon-padding-v1 {padding:0% 0% 5% 7%;}
	.stepIcon-padding-v2 {padding:0% 0% 3% 7%}
	.stepIcon-padding-v3 {padding:.5% 0% 3% 7%;}

}
@media screen and (max-width:480px){
	.imgSreenDw {width:70%;margin:2%;}
	.dwIconSafeSpeeds {padding-left:10%;}
	.dwIconSafeHours {padding-left:10%;}
	.dwIconSafeStops {padding-left:10%;}
	.col-1 {width:100%;float:none;}
	.imgMobileApp {margin-left: 10px;}
	.btnMarginBtm {margin-bottom: 10px;}
	.stepIcon-padding {padding:0% 0% 2% 10%;}
	.stepIcon-padding-v1 {padding:0% 0% 5% 13%;}
	.stepIcon-padding-v2 {padding:0% 0% 3% 13%}
	.stepIcon-padding-v3 {padding:.5% 0% 3% 13%;}
}

.link-wrap { width: 100%; margin: 2% auto; font-family:Arial; }
.link-wrap h2{color:#2384C5;font:700 16px arial;margin:5px 0 0;padding:5px 5px 5px 0}
.link-column { max-width:100%; margin: 0 20px 0 0; float:left; }
.link-column h3 { color:#1666AF;font-family:Arial;font-size:14px;font-weight:700;}
.link-column ul { list-style-type:square; font-size: 12px;color:#1666AF; padding-left: 20px;}
/*.link-column li { margin-bottom: 5px; }
.link-column li a {color:#337ab7;}
.link-column li a:active { color: #ccc; text-decoration: none; }*/
.link-column h2 a {color:#337ab7;text-decoration: none;}
.link-column h2 a:hover {color:grey;text-decoration: underline;}
/*.link-column li a:hover { color: #717073; text-decoration: underline; }*/
.container2 {max-width: 730px; height:100%}
h2.subheading {color: #c94e07}
.panel-group {min-width: 320px;}
.panel-title .accordion-toggle:after {font-family: 'Glyphicons Halflings'; content: "\2796"; float: right; color: grey;}
.panel-title .accordion-toggle.collapsed:after {content: "\2795";}
@media screen and (min-width: 667px) {h2.notFirstColumn {margin-top: -30px} }
@media screen and (max-width: 767px) {.link-column { max-width: 290px; margin: 0 5px 0 0; float:left; }  }
.faqBullets {font-size:16px;}