/* Stylesheet for legacy IE before IE9 */


/* Structure*/

body { min-width: 1000px; }

#layout-header, .zone-navigation, .zone-featured, #layout-before-main, #layout-main, #footer, #layout-after-main, #layout-tripel {
    width: 960px;
}

/* Float Images */
p img.left, 
p img[align="left"]     { float: left; margin: 0.923em 0.923em 0.923em 0; }
p img.right, 
p img[align="right"]    { float: right; margin: 0.923em 0 0.923em 0.923em; }

/* Show Hidden Images */
img.desktop-view-only { display: block; }

/* Navigation */

/* Forms */
select, textarea, input.text, input.textMedium, input.text-small, input.text-box { max-width: 65%;}

/* Structure
***************************************************************/

.zone-header { padding: .3em 1em; }
.zone-featured { padding: 0 1em; }

/* Branding */
#branding {
    width: 300px;
    max-width: 300px;
	margin: 0 0 0;
    transition:all .2s linear; 
    -o-transition:all .2s linear; 
    -moz-transition:all .2s linear; 
    -webkit-transition:all .2s linear;
}

#branding a {
    background: url("../Images/Skin/Header/AgentInsider_iQ_logo.jpg") no-repeat;
    max-width: 100%;
}



/* Navigation */
#layout-navigation {
    margin-top: 0;
    background: #8c2e8c;
}
.lt-ie8 #layout-navigation { margin-top: 2em; }
.widget-navigation { float: left; }
nav ul li {
    margin: 0;
    border: none;
}
nav li.last { margin-right: 0; } 
nav ul li a { padding: 1.05em .8em; }
nav > ul > li.dropdown li.dropdown { position: relative; } 
nav > ul li.dropdown ul li:hover { background: #67236c;}
 
/* first level */
nav > ul > li { float:left; }
nav > ul > li > a { float:left; } 
    
/* second level */
nav > ul > li > ul { margin: 3.6em 0 0 0; position:absolute; width: auto; border: none; }
.lt-ie8 nav > ul > li > ul { margin-left: -6.9em; }
nav > ul > li > ul > li > a { padding:10px 18px; }
nav > ul > li > ul > li > a:before { content: ""; }

/* third level */
nav > ul > li > ul > li > ul { position:absolute; left: 100%; top: 0; width: 100%;}
nav > ul > li > ul > li > ul > li > a { padding:10px 18px; }
nav > ul > li > ul > li > ul > li > a:before { content: ""; }

/* Footer links in main navigation */
.menu-main-menu li.register-link,
.menu-main-menu li.footer-links { display: none; }

/* Main Menu */
.menu-main-menu a.about-desktop { display: block; }

/* Agent Menu */
.menu-agents-menu { display: block; }


/* Zones
***************************************************************/
.zone-navigation {
    margin: 0 auto;
    padding: 0 1em;
}

/* Secondary Zones */

/* Aside Zones */
/* If zone 1 is on */
.aside-1 #layout-content { float: right; width: 77.5%; padding-left: 2.5%; border-left: 1px solid #eee;   }
.aside-1 .aside-first {display: block; float: left; width: 22.5%; }

/* If zone 2 is on */
.aside-2 #layout-content { float: left; width: 62.5%; padding-right: 2em; border-right: 1px solid #b7b7b7;  }
.aside-2 .aside-second { float: right; width: 34.5%; }

/* If zones 1, 2 are on */
.aside-12 #layout-content { width: 62.5%; }
.aside-12 .aside-first, .aside-12 .aside-second { width: 18.75%; }
.aside-12 .aside-first, .aside-12 .aside-second, .aside-12 #layout-content { float:left; }

/* Tripel Zones*/
#layout-tripel > div { float:left; width: auto; }

/*2 zones on */
.tripel-12 #layout-tripel > div { width:50%; } /* If zones 1, 2 are on */
.tripel-23 #layout-tripel > div { width:50%; } /* If zones 2, 3 are on */
.tripel-13 #layout-tripel > div { width:50%; } /* If zones 1, 3 are on */

/*3 zones on */
.tripel-123 #layout-tripel > div { width:33.33333333333333%; } /* If zones 1, 2, 3 are on */

/* Quad Footer Zones */
#footer-quad > div { float:left; width:25%; }

/*1 zone on */
.split-1 #footer-quad-first { width:auto; } /* If zone 1 is on */
.split-2 #footer-quad-second { width:auto; } /* If zone 2 is on */
.split-3 #footer-quad-third { width:auto; } /* If zone 3 is on */
.split-4 #footer-quad-fourth { width:auto; } /* If zone 4 is on */

/*2 zones on */
.split-12 #footer-quad-first, .split-12 #footer-quad-second { width:50%; } /* If zones 1, 2 are on */
.split-13 #footer-quad-first, .split-13 #footer-quad-third { width:50%; } /* If zones 1, 3 are on */
.split-14 #footer-quad-first, .split-14 #footer-quad-fourth { width:50%; } /* If zones 1, 4 are on */
.split-23 #footer-quad-second, .split-23 #footer-quad-third { width:50%; } /* If zones 2, 3 are on */
.split-24 #footer-quad-second, .split-24 #footer-quad-fourth { width:50%; } /* If zones 2, 4 are on */
.split-34 #footer-quad-third, .split-34 #footer-quad-fourth { width:50%; } /* If zones 3, 4 are on */

/*3 zones on */
.split-234 #footer-quad-second { width:50%; } /* If zones 2, 3, 4 are on */
.split-134 #footer-quad-first { width:50%; } /* If zones 1, 3, 4 are on */
.split-124 #footer-quad-fourth { width:50%; } /* If zones 1, 2, 4 are on */
.split-123 #footer-quad-third { width:50%; } /* If zones 1, 2, 3 are on */

/*3 zones on - alternate layout*/
/*.split-123 #footer-quad-first, .split-123 #footer-quad-second, .split-123 #footer-quad-third { width:33.33333333333333%; }*/ /* If zones 1, 2, 3 are on */
/*.split-124 #footer-quad-first, .split-124 #footer-quad-second, .split-124 #footer-quad-fourth { width:33.33333333333333%; }*/ /* If zones 1, 2, 4 are on */
/*.split-134 #footer-quad-first, .split-134 #footer-quad-third, .split-134 #footer-quad-fourth { width:33.33333333333333%; }*/ /* If zones 1, 3, 4 are on */
/*.split-234 #footer-quad-second, .split-234 #footer-quad-third, .split-234 #footer-quad-fourth { width:33.33333333333333%; }*/ /* If zones 2, 3, 4 are on */
	
/*
GRID LAYOUT BEGINS HERE FOR USE 
WITHIN HTML WIDGET AREAS AND EDITOR IF ADDITIONAL COLUMNS/ROWS ARE
DESIRED
***************************************************************/
/* This is using the 1140 Grid System: http://cssgrid.net/ */
.row {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.row:after {
	content: ".";
	display: block;
	width: 100%;
	height: 0;
	visibility: hidden;
}
.onecol    { width: 4.85%;  } /* grid_1  */
.twocol    { width: 13.45%; } /* grid_2  */
.threecol  { width: 22.05%; } /* grid_3  */ 
.fourcol   { width: 30.75%; } /* grid_4  */
.fivecol   { width: 39.45%; } /* grid_5  */
.sixcol    { width: 48%;    } /* grid_6  */
.sevencol  { width: 56.75%; } /* grid_7  */
.eightcol  { width: 65.4%;  } /* grid_8  */
.ninecol   { width: 74.05%; } /* grid_9  */
.tencol    { width: 82.7%;  } /* grid_10 */
.elevencol { width: 91.35%; } /* grid_11 */
.twelvecol { width: 100%;   } /* grid_12 */
	
/* layout & column defaults */
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol { 
	float: left; 
	position: relative;
	margin-right: 3.8%; 
}
	
/* adding float to large column */
.twelvecol {
	float: left;
	position: relative;
}
	
/* default styles & fixes */
.col-last { 
	margin-right: 0; 
	float: right;
}

/* Content
***************************************************************/
.homepage .content-item.page h2 {
    padding-left: 2.5em;
    height: 36px;
    line-height: 1.7;
}
.homepage h2.award-winning  { background: url('../Images/UI/Icons/circle-with-arrow-purple.png') no-repeat; }
.homepage h2.enhanced-performance  {
    height: 2.6em!important;
    line-height: 1.4em!important;
    background: url('../Images/UI/Icons/circle-with-graph-orange.png') no-repeat;
}
.homepage h2.enhanced-performance span {
    display: block;
    font-weight: normal;
    text-transform: capitalize;
}
.homepage div.award-winning,
.homepage div.enhanced-performance { margin: 0 0 2em 3em; }

/* Agent Landing Pages */
.agent-landing-pages .widget-agents-menu li a { line-height: 6px;}
.agent-landing-pages .agent-hero-title h2 {
	font-size: 2.200em;
}
.agent-landing-pages .agent-hero-title p {
	font-size: 1.650em;
}
.agent-landing-pages.insurance-leads .aside-1 #layout-content {
	clear: none;
	width: 60%;
	float: right;
}
.agent-landing-pages.insurance-leads .aside-1 .aside-first {
	clear: none;
	width: 40%;
}
.agent-landing-pages.insurance-leads #before-content {
	background-color: transparent;
}
.agent-landing-pages.thank-you .aside-2 #layout-content {
	clear: none;
	width: 62.5%;
	float: left;	
}
.agent-landing-pages.thank-you .aside-2 .aside-second  {
	clear: none;
	float: right;
	width: 33.3%;
}
.agent-landing-pages .widget-header-contact h3 {
    margin: 1em 0;
}
.agent-landing-pages .agent-hero-title {
	width: 60%; 
}
.agent-landing-pages.thank-you .search-engine-marketing { padding: 0 2em!important; }	
.agent-landing-pages .widget-agent-rif-phone, 
.agent-landing-pages .widget-agent-rif-social-follow-us {
	display: block;
}
.agent-landing-pages.thank-you .widget-featured-background {
	display: block;
}
.agent-landing-pages.thank-you .agent-hero-title {		
	margin: -18.2em 2em;    
	width: 45%;
}			
.agent-landing-pages article[class^="widget-agent-rif-featured-background"] .bg-hero, .agent-landing-pages article[class^="widget-agent-thank-you-featured-background"] .bg-hero {
	background-size: auto;
}
.agent-landing-pages .widget-agent-sem-rif-form .lead-types li {
	width: 8em;
}
.agent-landing-pages.insurance-leads .zone-content { padding-left: 2em; }
.agent-landing-pages .widget-agent-sem-rif-form .lead-phone input[type="text"] { width: 20.9%; }
.agent-landing-pages .widget-agent-sem-rif-form .lead-phone input.input-extension { margin-right: 0; }
.agent-landing-pages .widget-agent-sem-rif-form h2 { font-size: 2.5em; }

/* Widgets
***************************************************************/
/* Agent Carrier Logo */
.widget-agent-carrier-logo {
	width: 11.5em;
	margin-top: 1.3em;
	padding-right: 0;
	float: left;
	display: inline-block;
	height: 2.5em;
}
.widget-agent-carrier-logo div.border {
    border-left: 1px solid #ccc;
    margin-left: 1em;
    padding-left: 1em;
}
.widget-agent-carrier-logo img { width: 100%; }

/* Header Contact Information */
.widget-header-contact { margin-top: .7em; }
.widget-header-contact h2 {
    display: block;
    font-size: .875em;
    font-weight: normal;
}
.widget-header-contact h2 span {
    font-size: 1.25em;
    font-weight: bold;
    text-transform: uppercase;
}
.widget-header-contact h3 {
    line-height: 2;
    margin: 0;
}
.widget-header-contact h3 .call-us-at {
    display: inline-block;
    height: 2.5em;
	margin-top: -.5em;
    padding: .25em 0 0 2.5em;
    background-size: auto;
}
.lt-ie9 .widget-header-contact h3 .call-us-at { background: url("../Images/Content/Widgets/Header-Contact/icon-phone.png") no-repeat 0 center; }
.widget-header-contact h3 .number {
    font-size: 1.7em;
    line-height: 1;
}

/* Agents Login Mobile */
.widget-agents-login-mobile { display: none; }

/* Agents Menu Desktop */
.widget-agents-menu { float: right; }
.widget-agents-menu .last {
    font-weight: bold;
}
.widget-agents-menu li.last {
    border-left: 1px solid #fff;
    height: 1.2em;
    margin-top: 1.3em;
}
.widget-agents-menu .last a {
    margin-top: -1.2em;
    padding: 1em 2em 1em 1em;
    background: #8c2e8c url("../Images/UI/Icons/lock-white.png") no-repeat 85% center;
}
.widget-agents-menu .last a:hover { background: #67236c url("../Images/UI/Icons/lock-white.png") no-repeat 85% center; }

/* Featured Slideshow */
.widget-featured-slideshow { margin: 0; }
.widget-featured-slideshow .slide-content {
    font-size: 1em;
    text-align: left;
}
.widget-featured-slideshow .slide-content ul {
    margin: 1em 0 1em .5em;
    list-style: none;
}
.widget-featured-slideshow .slide-content > .fourcol { padding: 0; }

/* Arrow Changes */
.widget-featured-slideshow ul.slides {
	margin: 0;
}
.widget-featured-slideshow .flex-direction-nav {
	position: static;
	width: auto;
	background: transparent;
	height: auto;
	box-shadow: none;
	border-radius: 0 0 10px 10px;
}
.widget-featured-slideshow .flex-direction-nav a {
	position: absolute;
	width: 68px;
	height: 474px;
	margin: -38px 0 0;
	background-size: 3em;
	background-position: center 0;
	top: 50%;
}
.widget-featured-slideshow .flex-direction-nav .flex-prev {
	left: 0;
	border: none;
}
.widget-featured-slideshow .flex-direction-nav .flex-next {
	right: 0;
	border: none;
}


/* Sign Up Form */
.widget-sign-up-form {
	margin: 1em 0 1em 32px;
	padding: 1em 2.5em .5em;
}
.widget-sign-up-form:before {
    display: block;
    z-index: 1;
    content: "";
    background: url("../Images/Content/Widgets/Sign-Up-Form/img-arrow-ribbon.png") no-repeat;
    position: absolute;
    left: -32px;
    top: 1.5em;
    width: 80px;
    height: 128px;
}
.widget-sign-up-form .panel1,
.widget-sign-up-form .panel2 { display: block; }
.widget-sign-up-form .panel1 #btn-next,
.widget-sign-up-form .panel2 #btn-back { display: none; }
.widget-sign-up-form h3 { font-size: 2.5em; }
.widget-sign-up-form label { width: 30%; }
.widget-sign-up-form input,
.widget-sign-up-form select { width: 69%; }
.widget-sign-up-form input[type="checkbox"] { margin-right: 1%; margin-top: 4px; }
.widget-sign-up-form p.phone { margin-top: -.4em;}
.widget-sign-up-form .phone input { width: 22.2%; }
.widget-sign-up-form .panel2 li { width: 49%; font-size: .8em; }
.widget-sign-up-form .panel2 label { width: 90%; line-height: 1.1; }

/* Contact Us Page */
.widget-contact-us-form input[type="text"],
.widget-contact-us-form textarea {
	max-width: 100%;
}
.widget-contact-us-form li {
	display: block;
	width: 100%;
}

/* Home Carrier Logos */
.widget-carrier-logos ul {
    max-width: 95%;
    margin: 0 auto;
}
.widget-carrier-logos li { width: 10%; margin: 0 3% .5em; }

/* ASIDE WIDGETS */
/* Sample Lead Types */
.multiple-lead-types { display: none; }

/* Success Stories */
.widget-success-stories {
    display: block;
    padding-bottom: 2em;
}
.widget-success-stories ul {
    list-style: none;
    margin: 0;
}
.widget-success-stories blockquote {
    padding-bottom: 1.5em;
    border-bottom: 1px solid #ddd;
    background: url('../Images/UI/Icons/circle-with-quote-orange.png') no-repeat;
}
.widget-success-stories p {
    margin: 0;
    padding: 5px 0 0 50px;
    text-transform: capitalize;
}
.widget-success-stories p.author {
    background: url(../Images/Content/Widgets/Success-Stories/img-testimonials-arrow.jpg) no-repeat 20% 0;
    margin-top: -1em;
    padding-top: 2em;
    font-weight: bold;
    text-transform: uppercase;
}
.widget-success-stories .flex-direction-nav .flex-next {
    top: auto;
    bottom: -2em;
    height: 1em;
    color: #8c2e8c;
    font-weight: bold;
    opacity: 1;
    right: 0;
    text-align: right;
    background: none;
}
.widget-success-stories .flexslider:hover .flex-next {
    opacity: 1;
    right: 0;
}
.widget-success-stories .flex-next:before { display: none; }
.widget-success-stories .flex-prev { display: none; }

/* Mobile Contact and Sign Up Button on Homepage */
.widget-mobile-contact-signup {
    display: none;
}

/* DESKTOP */
body { font-size: 100%; } /* Increased legibility on large screens */
#layout-header, .zone-navigation,  .zone-featured, #layout-before-main, #layout-main, #footer, #layout-after-main, #layout-tripel {
    max-width: 69em;
}
/* Branding */
#branding { font-size: 1.85em; }