/***** Overwrite Global Styles *****/
@media (min-width: 992px){
	.AgentFlyout .agent-tab a {display:none;}
  .SmartSearchFlyout {display:none;}
}
.AgentFlyout .agent-tab a {display:none;}
.SmartSearchFlyout {display:none;}
.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:#0030a0;font-size:1em;display:block;height:25px;margin-top:10px;}
/*.btn-cta, .btn-cta-lg {display: inline-block;font: 1em/23px arial,sans-serif;margin:0% 0% 6% 5%;}*/
.btn-margin {margin-left:5%;}
.leftImagebox {float: left;padding:0;}
@media (max-width: 991px) {.leftImagebox {display: none}}

.quote-agent-sm-cta .content {padding: 10px 20px 0px 10px;}
/***** New ABI Styles 9-20-16 *****/
.gridFull {width:100%; margin:0px;}
.gridFull h2 {color: #0033A0;margin-bottom: 10px;font: 1.86em arial,sans-serif;padding-top:10px 0px 0px 0px;float:none;}
.gridFullGreyBorder {width:99%;margin:0%;border:solid 1px #ccc;background-color:#f3f3f3;padding-bottom:5%;}
.gridFullGreyBorder h2 {margin-left:2%;color: #0033a0;margin-bottom: 10px;font: 1.86em arial,sans-serif;padding-top:10px 0px 0px 0px;float:none;}
.gridFullGreyBorder h3 {color:#0033A0;font:bold 1.15em arial,sans-serif;padding:4px 0 4px 10px;margin:5px 0 5px 0;text-align:left;}
.gridFullGreyBorder p{color:#000;font:1em arial,sans-serif; line-height:1.5em;text-align:left;display:block;}
.gridCol1 {width:10%;float:left;margin:2% 2% 2% 5%;}
.gridCol1:last-child {width:10%;float:left;margin:0% 2% 2% 5%;}
.gridCol2 {width:80%;float:left;border-left:solid 1px #ccc;margin-bottom:4%;}
.gridCol3 {width:40%;float:left;margin-right:10%;border:none;}
.gridCol4 {width:40%;float:left;border:none;}
.gridCol5 {width:60%;float:left;margin-right:5%;border:none;}
.gridCol6 {width:35%;float:left;border:none;}
.gridCol7 {width:60%;float:left;margin-right:5%;border:solid 1px #333;position:relative;}
.gridCol8 {width:35%;float:right;border:solid 1px #333;}
.gridCol9 {width:8%;float:left;margin-bottom:2%;margin-top:3%;}
.gridCol10 {width:80%;float:left;margin-bottom:2%;margin-top:3%;}
/****** For Grey Dropdown Box ******/
.gridCol11 {width:32%;float:left;margin-right:8%;border:none;}
.gridCol12 {width:60%;float:left;border:none;}
.gridCol13 {width:30%;float:left;border:none;}

.gridCol2 p.alignment {margin:0% 0% 0% 5%;}
/*.gridCol3, .gridCol4 h3 {color:#0033A0;}*/
.gridCol3, .gridCol4 h4 {color:#333333;font:normal .95em arial,sans-serif;}
.gridCol3, .gridCol4 p {color:#000;font:1em arial,sans-serif; line-height:1.5em;text-align:left;display:block;}
/******** Dropdown Styles **********/
.asb-drop-container {width:90%;border: 1px solid #BBB;box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);display: none;padding:1em 3em 1em 1em; position:absolute; background-color: #fff;line-height:1.5;z-index:100;}
.ui-icon-select {background: url("/resources/Allstate/images/business-insurance/buttons/all-ui-icon-select-blue.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);cursor: pointer;display: block;height: 43px;width: 256px;margin-left:3%;}
.asb-bus-column1 {width:26%;float: left;min-height: 10em;padding: 0 1.5em 0 .5em;line-height:1.8em;}
.asb-bus-column2 {width:30%;float: left;min-height: 10em;padding: 0 1em 0em 0em;line-height:1.8em;}
.asb-bus-column3 {width:31%;float: left;min-height: 10em;padding: 0 .5em 0em .9em;line-height:1.8em;}
h4.asb-bus-cat {color: #666;font-size: 1em;font-weight: bold;text-transform: uppercase;margin-top:2%}
ul.asb-bus-list {list-style-type: none;margin-left:-35px;width:100%;}
ul.asb-bus-list li a {color: #0075c9;display: block;font-size: 0.97em;text-decoration: none}
ul.asb-bus-list li a:hover {text-decoration: underline;color:#001c71;}
.no-border {border-bottom: none}
a.sbLinks {float:left;font-weight:700;;padding-right:5px;color:#0033a0;font-size:.85em;display:block;height:25px;margin-top:5px;width:100%;}
a.sbLinks:hover {color:#001c71;text-decoration: underline;}
a.cta-orange-arrow-small {float:left;font-weight:700;/*background: url(/resources/Images/cta-arrow-lg-orange.svg) right center no-repeat*/;padding-right:5px;color:#0075c9;font-size:.85em;display:block;height:25px;margin-top:5px;}
a.cta-orange-arrow-small:hover {color:#001c71;text-decoration: underline;}
/******** Margins ********/
.linkMargin {margin-left: 25%;}
.linkMargin2 {margin-left:15%;}
/******** White and Grey Callout Boxes **********/
.calloutBox, .calloutBox2 {padding-left: 25px;border: 1px solid #e1e1e1;float: left;}
.calloutBox {margin: 10px;width: 95%;background-color: #fff;}
.calloutBox2 {margin: 10px 0;width: 97%;background-color: #f2f2f2;}
.calloutBox .lpright h3, .calloutBox2 .lpleft h3 {margin:3%;/*font: 700 1em/1.5em arial, sans-serif;*/}
.calloutBox .lpright {float: left;width: 60%;margin-left:5%;}
.calloutBox2 .lpleft {float: left;min-width: 56%;max-width: 416px;padding: 1px;}
.calloutBox .lpright span, .calloutBox2 .lpleft span {background-repeat: no-repeat;background-position: right center;padding-right: 15px;}
/*.calloutBox .lpright h3 {color: #c94e07;}*/
.calloutBox2 .lpleft h3 {color: #0033A0;}
.calloutBox .lpright p, .calloutBox2 .lpleft p {font: 1em/1.5em arial, sans-serif;}
.calloutBox .lpright p {margin:3%;color: #333;}
.calloutBox2 .lpleft p {margin: 0 40px 5px 0;color: #333;}
.calloutBox .lpright a, .calloutBox2 .lpleft p a {color: #c94e07;}
.calloutBox .lpright a, .calloutBox2 .lpleft a {font: 1em/1.5em arial, sans-serif;font-weight: 700;color: #337ab7;text-decoration: none;margin-left:3%;}
.calloutBox2 .lpleft a.orange {font: .85em/1.5em arial, sans-serif;font-weight: 700;color: #c94e07;text-decoration: none;}
.calloutBox .lpright span {background-image: url("/resources/Allstate/images/financial/global/buttons/cta-arrow-lg-orange.png");}
.calloutBox2 .lpleft span {background-image: url("/resources/Allstate/images/global/cta-arrow-sm.png");}
.calloutBox .lpright a:hover, .calloutBox2 .lpleft a:hover {text-decoration: underline;color:#001c71;}
.calloutBox .lpleft {float:left;width:35%} 
.calloutBox2 .lpright {float: left;}
.calloutBox .lpleft img {border: none;margin: 15px 0px;}
.calloutBox2 .lpright img {border: none;margin: 0;max-width: 303px;width: 100%;}
.lpright a span {color: #333;text-decoration: none;text-transform: none;width: 126px;margin-left:3%;}
/******** Agent Box **********/
.ctaQuoteAgentBox {width:100%;float:left;margin:0%;background:transparent url("/resources/Allstate/images/business-insurance/background/gray-box-265.png") no-repeat;}
.ctaQuoteAgentBox h4 {padding:5% 10% 5% 5%;margin:0%;}
/******** Circle Icon Callout Area **********/
.circles {width:100%;margin-left:0%;}
.one-third {width:30%;float:left;margin-right:5%;}
.one-third:last-child {width:30%;float:left;margin-right:0%;}
.one-third img {margin-left:15%;;width:104px;}
.one-third h4 {color:#0033a0;text-align:left;margin-top:10px;}
.one-third p {text-align:left;}
/******** Styles **********/
.industryIcon {width:45px;height:45px;border:none;}
a.cta-orange-arrow {float:left;font-weight:700;/*background: url(/resources/Images/cta-arrow-lg-orange.svg) right center no-repeat*/;padding-right:13px;color:#0033a0;font-size:1em;display:block;height:25px;margin-top:10px;}
a.cta-orange-arrow-border-btm {float:left;font-weight:700;/*background: url(/resources/Images/cta-arrow-lg-orange.svg) right center no-repeat*/;padding-right:13px;color:#0075c9;font-size:.85em;display:block;height:25px;margin-top:10px;border-bottom:solid 1px #cccccc;width:100%;}
a.cta-orange-arrow:hover, a.cta-orange-arrow-border-btm:hover {color:#001c71;}
.bizLinks {font-size: .85em;display:block;height:25px;margin-top:10px;border-bottom:solid 1px #cccccc;width:100%;}
.agentCTAGreyBox {margin: 0 0 20px 10px;padding: 50px 20px 0 255px;height: 106px;width: 403px;background: transparent url("/resources/Allstate/images/business-insurance/graphics/certified-agent-gray-box.png") no-repeat;}
.paraPadding {padding-bottom:6%;}
.horizontalLine {border-bottom: 1px solid #D9D9D9;margin: 20px 0px 25px;width: 100%;}
.clear{clear:both;}


/***small screen sizes***/
@media (max-width: 767px) {
.mobile-only {display:block !important;}
 .desktop-only {display:none !important;}
}
           
@media (min-width:768px) {
.desktop-only {display:block !important;}
.mobile-only {display:none !important;}
}

@media screen and (max-width: 767px){
.gridFullGreyBorder {width:99%;margin:0%;border:none;background-color:#fff;padding-bottom:5%;}
.gridCol3 {width:100%;float:none;}
.gridCol4 {width:100%;float:none;}
.gridCol5 {width:100%;}
.gridCol6 {width:100%;}
.gridCol9 {width:15%;}
.gridCol11 {width:38%;float:none;}
.gridCol12 {width:100%;float:none;}
.gridCol13 {float:none;}
.ctaQuoteAgentBox {width:80%;}
.asb-drop-container {width:70%;}
.asb-bus-column1 {width:100%;float:none;min-height: 3em;padding:0em;}
.asb-bus-column2 {width:100%;float:none;min-height: 3em;padding:0em;}
.asb-bus-column3 {width:100%;float:none;min-height: 3em;padding:0em;}
ul.asb-bus-list {list-style-type: none;margin-left:0px;width:100%;}
.videoWrapperRWD {position: relative;padding-bottom: 56.25%;padding-top: 25px;height: 0;margin-bottom: 3%}
/*.videoWrapperRWD iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%}*/
.calloutBox .lpleft {float:none;width:95%} 
.calloutBox .lpright {float: none;width: 100%;margin-left:0%;}
.calloutBox, .calloutBox2 {border:none;}
.one-third {width:100%;float:none;margin-left:0%;}
.one-third:last-child {width:100%;float:none;margin-left:0%}
.one-third img {margin-left:5%;;width:104px;}
.agentCTAGreyBox {background: url("/resources/Allstate/images/business-insurance/graphics/certified-agent-gray-box.png") no-repeat scroll 0 0 / 95% auto transparent;height: auto;margin: 0 0 20px 10px;padding: 30% 0 0;
    width: 100%;}
}
@media screen and (min-width:577px) and (max-width:767px) {
.ctaQuoteAgentBox h4 {padding:5% 10% 5% 5%;margin:0%;width:60%;}
}
@media screen and (min-width:576px) and (max-width:321px) {
	.ctaQuoteAgentBox h4 {padding:5% 10% 5% 5%;margin:0%;width:75%;}
}
@media screen and (max-width:320px) {
	.ctaQuoteAgentBox h4 {padding:5% 10% 5% 5%;margin:0%;width:100%;}
}

/******** Auto Property Liability chart title section rest of chart uses Industry styes ********/
.chartTitle {border-bottom: solid 1px #d9d9d9;background: #EEF0F2;width: 100%;float: left;margin-bottom: 40px;}
.chartTitle h3 {color: #0033A0;text-align: center;font-size: 16px;margin: 10px 0 10px;}

/********Industry chart********/
#industryChart {border: solid 1px #d9d9d9; width:95%; overflow: hidden; color: #333;}
.arrowBox {
	border: solid 1px #d9d9d9;
	position: relative;
	background: #EEF0F2;
	width:33.33%;
	float: left;
	margin-bottom: 40px;
	overflow: visible;
	cursor: pointer;
}

.activeArrowBox {
	position: relative;
	background: #0033A0;
	width:33.33%;
	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: #0033A0; text-align: center; font-size: 16px; margin: 10px 0 10px;}
.activeArrowBox h3 {color: #fff;}
.innerChartHeading {
    padding-bottom: 10px !important;
    border-bottom: solid 1px #d9d9d9;
    color: #333 !important;
    margin-bottom: 20px !important;
}
.sectionRight .innerChartHeading {padding-left: 30px !important;}
.greySection {background-color: #EEF0F2; overflow: hidden;}
.sectionLeft {width:35%; float:left; padding: 10px; margin-right: 25px; margin-left: 15px; position: relative;}
h4 {font-size: 14px; font-weight: bold;}
.sectionLeft h4 {
    color: #000;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 16px;
}
h4.checkmarkBullet {background: url(/resources/Allstate/images/global/icons/bullet-check1.png) left top no-repeat; padding-left: 30px; line-height: 1.5;}
.sectionRight {width:45%; float:left; padding: 10px; position: relative;}
.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: 33.32%;}
.sectionLeft {float: none; width:95%; margin-left: 0px;}
.sectionRight {float: none; width:95%; padding-left: 10px;}
.sectionRight p {padding-left: 0px;}
.innerChartHeading {display:none;}
.chartCTA {padding-left: 10px !important; margin-right: 8px !important;}
}