/******** CSS Reset **************************************/
/* Name: FreeInsuranceReport.com */
/* Copyright: FreeInsuranceReport.com 2010 */

/********************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
td {
	vertical-align:top; /* vertical-align: baseline; from above messes up table structure */
}
body {
	line-height: 1;
	font-family: Helvetica, Arial, sans-serif;
	background: #F4F4F4 url(/images/mainBG.gif) repeat-x;
	
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	
}

a{
color: #2D5DD6;
font-size: .9em;
text-decoration: none;
}

/********* end CSS Reset *****************/

h1{
font-size: 4em;
margin: 50px 0 0 50px;
}

#mainContainer{
width: 1000px;
height: 100%;
background: #fff;
margin: 0 auto 30px auto;
-moz-box-shadow: 0px 2px 5px #444;
-webkit-box-shadow: 0px 2px 5px #444;
border-top:5px solid #f4f4f4;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
position: relative;
}


/********* Header style*******************/

.headerLogo {
float: left;
margin: 10px 0  0 22px;
}

.headerLogo a{
background: transparent url(/images/new_logo_new.png) no-repeat;
width: 395px;
height: 42px;
display: block;
text-indent: -9999px;
}

ul.login{
float: left;
display: inline;
margin: 0px 10px 0 244px;
}

ul.login li{
float: left;
margin: 0 5px 0 15px;
padding: 7px 7px 7px 15px;
-moz-box-shadow: 1px 1px 2px #ddd;
-webkit-box-shadow: 1px 1px 2px #ddd;
background: #f4f4f4 url(/images/arrow_down_signup.png) no-repeat 7px 10px;

}

ul.login li:hover{
background-color: #fff;
border-bottom: 4px solid #B90F0D;
}


ul.login li a{
font-weight: bold;
padding-left: 10px;
}

ul.login span.welcome{
font-size: .8em;
display: block;
margin: 7px 0 0 -100px;
padding-left: 15px;
background: transparent url(/images/welcome_person.png) no-repeat;
}

ul.login span.welcome a{
font-weight: bold;
}

ul.login span.welcome a:hover{
text-decoration: underline;
}

ul.login span.arrow{
display: block;
width: 1px;
height: 1px;
position: relative;
border-top: 4px solid transparent;
border-left: 5px solid #616161;
border-bottom: 4px solid transparent;
float: left;
top: -10px;
left: 150px;
}

ul.login a.view_profile{
display: block;
float: left;
margin: -25px 0 0 138px;
padding: 13px 6px 10px 14px;
background: #f4f4f4 url(/images/view_profile_bg.gif) repeat-x;
color: #616161;
font-weight: bold;
font-size: .7em;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
text-shadow: 1px 1px 0 #fff;
}

ul.login a.view_profile:hover{
text-decoration: underline;
}

 ul.login a.logout{
display: block;
margin: -25px 0 0 240px;
padding: 8px 6px 10px 6px;
background: #c9c9c9;
color: #fff;
font-weight: bold;
font-size: .7em;
border-top: 5px solid #f4f4f4;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
}

 ul.login a.logout:hover{
 background-color: #b5b5b5;
 }
 
ul#navbar{
float: left;
background: transparent url(/images/navbar_bgstrip.gif) repeat-x;
width: 1000px;
height: 35px;
margin: 20px 10px 10px 0px;
font-size: 1em;
position: relative;
z-index: 99;
}

ul#navbar li{
float: left;
margin-top: 10px;
}


ul#navbar li a{
color: #fff;
font-weight: bold;
text-shadow: 1px 1px 0px #444;
padding: 11px 20px 8px 25px;
background: transparent url(/images/navbar_spacer.gif) no-repeat top right;
}

ul#navbar li a:hover{
background-color: rgba(0, 0 ,0, .3);
}



ul#navbar li a#selected{
background-color: #f7f7f7;
color: #aa0000;
text-shadow: none;
border-top: 1px solid #ccc;
border-bottom: 1px solid #f7f7f7;
border-left: 0px solid #ccc;
}


ul#navbar li#searchbox{
background-image: none;
}

li#searchbox input#searchBox{
color: #363636;
font-size: .6em;
height: 15px;
width: 185px;
margin-left: 45px;
float: left;
margin-top: -3px;
background-color: #fff;
}

li#searchbox input#submitbutton{
width: 13px;
height: 14px;
background: #fff url(/images/search_icon.gif) no-repeat;
text-indent: -9999px;
border: 0;
margin-left: -18px;
float: left;
margin-top: 2px;
}

/******* footer style********/


#footerContainer{
padding: 20px;
font-size: .8em;
margin: 10px auto;
width: 950px;
}

ul#sharing{
padding-top: 15px;
margin: 5px auto;
padding-right: 10px;
border-bottom: 1px solid #d3d3d3;
height: 40px;
background: transparent url(/images/footer_topstripbg.gif) repeat-x ;
}

ul#sharing li{
display: inline;
float: left;
padding: 10px 20px 10px 20px;
}


ul#sharing li.fb a{
background: transparent url(/images/fb_icon.gif) no-repeat;
padding-left: 20px;
}

ul#sharing li.youtube a{
background: transparent url(/images/youtube_icon.gif) no-repeat;
padding-left: 20px;
}

ul#sharing li.twitter a{
background: transparent url(/images/twitter_icon.gif) no-repeat;
padding-left: 20px;
}

ul#footerlinks{
border-top: 9px solid #E3E3E3;
background-color: #f4f4f4;
float: left;
width: 950px;
margin-top: -5px;
}


ul#footerlinks li{
float: left;
margin: 10px auto;
padding-left: 20px;

}

ul#footerlinks li a{
border-right: 1px solid #d3d3d3;
padding-right: 30px;

}

ul#footerlinks li a:hover{
text-decoration: underline;
}

p.copyright{
display: block;
margin-top: 20px;
text-align: center;
font-size: .9em;
}


/**** Login for Customer and Agent ****/


.loginBox{
float: left;
height: 305px;
width: 730px;
border: 1px solid #f4f4f4;
margin: 50px 0 20px 225px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-box-shadow: 3px 3px 5px #ccc;
-webkit-box-shadow: 3px 3px 5px #ccc;
background: #eee url(/images/loginBox_bg.gif) repeat-x;
}


.big_picture_customer{
display: block;
height: 577px;
width: 300px;
position: absolute;
background: transparent url(/images/customer_login_bigpic.png) no-repeat;
margin-top: 12px;
margin-left: 15px;
}


.big_picture_agent{
display: block;
height: 392px;
width: 255px;
position: absolute;
background: transparent url(/images/agent_login_bigpic.png) no-repeat;
margin-top: 58px;
margin-left: 25px;
}
.loginBox h1{
font-size: 3em;
display: block;
margin: 25px 0 0 40px;
color: #4D4D4D;
text-shadow: 2px 2px 0px #fff;
}


.loginBox h1.customerLoginHeader{
color: #2556d5;
}

.loginBox table{
margin: 20px 0 0 120px;
font-size: 1.5em;
font-weight: bold;
}

.loginBox table td{
padding: 10px;
}

.loginBox input.textfield{
width: 320px;
height: 38px;
border: 1px solid #ccc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
font-size: 1.2em;
}

.loginBox .loginButton input{
margin-left: 355px;
}

.loginBox a{
display: block;
font-size: 1em;
margin: -35px 0 0px 130px;
}


.loginBox a:hover{
text-decoration: underline;
}


h3.agentRegisterNow{
margin: 5px 0 0 440px;
display: block;
font-size: 1.4em;
}

h3.agentRegisterNow a:hover{
text-decoration: underline;
}


/******** Agent Login *******/

h2.agentRegister span{
font-size: 4em;
display: block;
margin-bottom: 25px;
color: #426DDA;
letter-spacing: -.04em;
}

h2.agentRegister{
display: block;
margin: 30px 0 30px 0;
width: 900px;
line-height: 1.5em;
font-size: 1.1em;
color: #555;
}


.agentFillBox{
float: left;
margin: 0 0 0 40px;
padding: 20px;
background-color: #F8f8f8;
}

table#contactInfo{
float: left;
width: 400px;
font-size: .8em;
font-weight: bold;
color: #333;
}

table#contactInfo input, table#createLogin input{
border: 1px solid #ddd;
height: 25px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
margin-bottom: 10px;
}

table#createLogin{
float: left;
width: 400px;
font-size: .8em;
font-weight: bold;
color: #333;
margin-top: 15px;
background: #eee url(/images/agentLoginBG.gif) repeat-x;
margin: 30px 50px 50px 30px;
border: 7px solid #ccc;

}

table#createLogin h3{
margin-bottom: 15px;
font-size: 20px;
margin-top: 15px;
text-shadow: 1px 1px 0px #fff;
}

table#createLogin input#agentReg{
border: 0;
height: 100%;
margin-left: 85px;
}



/********** Index Page Style ****/


#homecontainer{
background: #E8ECEF url(/images/homepageContainerBG.gif) repeat-x;
padding-top: 20px;
margin-top: -10px;
}


.quoteBoxContainer{
position: absolute;
margin: -295px 0 0 548px;
z-index: 99;
}


.caption{
float: left;
margin: -152px 0 0 560px;
border: 1px solid #fff;
height: 130px;
width: 395px;
-moz-box-shadow: 0 0 5px #bbb;
-webkit-box-shadow: 0 0 5px #bbb;

}

.caption p a{
text-indent: -9999px;
display: block;
background: transparent url(/images/hompage_caption2.jpg) no-repeat;
height: 130px;
}

#slider{
margin-top: 5px;
margin-left: 22px;
border: 1px solid #fff;
-moz-box-shadow: 0 0 5px #bbb;
-webkit-box-shadow: 0 0 5px #bbb;
}



h1.bigcaption{
font-size: 2.6em;
margin-left: 22px;
margin-top: 20px;
text-transform: uppercase;
color:#aa0000;
text-shadow: 1px 1px 0 #fff;
}


.middleBackground{
float: left;
padding: 10px;
margin: 15px 0 15px 5px; /** 30px 0 20px 5px; */
font-size: 1.2em;
}

ul.steps{
float: left;
font-weight: bold;

}



ul.steps li.blurb{
line-height: 1.4em;
font-size: 1em;
color:#2053A3;
width: 280px;
margin-left: 10px;
margin-bottom: 20px;
text-transform: uppercase;
display: block;
}


ul.steps li.blurb span{
color: #ba1614;
padding-right: 20px;
font-size: 1.6em;
font-family: georgia, times, times-roman;
text-shadow: 1px 1px 0 #444;
display: block;
float: left;
height: 50px;
}

ul.steps li.snapshot img {
margin: 20px 10px 0 10px;
border: 1px solid #f8f8f8;
-moz-box-shadow: 0 0 5px #999;
-webkit-box-shadow: 0 0 5px #999;
}

 /********** Old style with grey background and 1 2 3 circle
 .middleBackground{
background-color: #F8F8F8;
float: left;
padding: 10px;
margin: -8px 0 20px 35px;
border: 1px solid #E9E9E9;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
font-size: 1.2em;
}

ul.steps{
float: left;
width: 300px;
text-align: center;
font-weight: bold;
background: transparent url(/images/homepage_separator.gif) no-repeat;
}

ul.steps#one{
background-image: none;
}

ul.steps li.number{
width: 92px;
height: 92px;
text-indent: -9999px;
margin: 10px auto;
}

ul.steps li.one{
background: transparent url(/images/circle_one.png) no-repeat;
}


ul.steps li.two{
background: transparent url(/images/circle_two.png) no-repeat;
}

ul.steps li.three{
background: transparent url(/images/circle_three.png) no-repeat;
}

ul.steps li.blurb{
line-height: 1.2em;
font-style: oblique;
font-size: 1.4em;
color: #2953BF;
width: 280px;
margin-left: 10px;
}
 ************************End old background style ***********/





/********** Quote Box Style *****/

.quoteBox{
width: 424px;
height: 150px;
background: transparent url(/images/quote_bg.png) no-repeat;
float: left;
position: relative;
}

.quoteBox h2{
color: #fff;
font-size: 1.6em;
text-shadow: 1px 2px 0 #000;
display: block;
margin: 15px 0 8px 30px;
}

.quoteBox table{
margin-left: 15px;
text-align: center;
}

.quoteBox table td{
font-weight: bold;
padding: 2px 0 0 15px;
}

input.quoteSubmitButton{
float: left;
display: block;
margin-bottom: -10px;
margin-left: -3px;
}

#current_display{
font-size: .8em;
color: #fff;
text-shadow: 1px 1px 0 #000;
display: block;
margin-top: 7px;
margin-left: -20px;
}


/********* Container used for auto, life, home, health, business, other ******/

.greyContainer{
background-color: #F7F7F7;
float: left;
margin-top: -10px;
margin-left: 0px;
width: 96%;
border: 0px solid #ccc;
}

.greyContainer h3{
font-size: 1.7em;
margin-left: 35px;
}


.greyContainer p{
margin: 10px 55px 10px 35px;
padding: 10px;
font-size: .8em;
line-height: 1.4em;
color: #111;
width: 80%;
}

.greyContainer p span{
font-weight: bold;
color: #000;
font-size: 1.1em;
}

/******* Auto Info ***************/

h2.autoInfo{
color: #444;
margin-left: 35px;
font-size: 1.7em;
line-height: 1.3em;
margin-top: 20px;
width: 600px;
}



.autoquoteContainer{

margin-left: 20px;
margin-top: 40px;
}

img.car{
float: left;
margin-left: -15px;
margin-top: 15px;
}

img.girl{
margin-top: -90px;
}

/******** Home Info ***********/
h2.homeInfo{
color: #444;
margin-left: 35px;
font-size: 1.7em;
line-height: 1.3em;
margin-top: 20px;
width: 550px;
}

.homequoteContainer{
margin: 40px 0 0 35px;
}

img.house{
float: left;
margin-left: 60px;
margin-top: -140px;
}

.home h3{
margin-top: 20px;
}

/********* Life Info *************/
h2.lifeInfo{
color: #444;
margin-left: 35px;
font-size: 1.7em;
line-height: 1.3em;
margin-top: 20px;
width: 450px;
}

.lifequoteContainer{
margin: 40px 0 0 35px;
}

img.life{
margin-left: 5px;
margin-top: -145px;
}

/******* Health Info *************/
h2.healthInfo{
color: #444;
margin-left: 35px;
font-size: 1.7em;
line-height: 1.3em;
margin-top: 20px;
width: 450px;
}


.lifequoteContainer{
margin-top: 75px;
}

img.health{
margin-top: -120px;
margin-left: 30px;
}



/******** Business Insurance Info *********/

h2.businessInfo{
color: #444;
margin-left: 35px;
font-size: 1.7em;
line-height: 1.3em;
margin-top: 20px;
position: relative;
}


.businessquoteContainer{
margin: 20px 0 0 35px;
float: left;
position: relative;
}

img.businessPeople{
margin: -10px 10px -50px 150px;
}

ul.policies{
float: left;
padding: 10px;
background: #fff;
border: 1px solid #bbb;
margin: 28px 0 40px 40px;
width: 340px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
position: relative;
}


ul.policies h3{
background-color: #d3d3d3;
padding: 10px 95px 10px 30px;
display: block;
margin: 0 0 10px 0;
}

ul.policies li{
padding: 5px;
list-style-type: square;
color: #aaa;
margin-left: 20px;
}

ul.policies li a:hover{
text-decoration: underline;
}


/****** Other Insurance Info *******/


h2.otherInfo{
color: #BA0F0D;
margin-left: 35px;
font-size: 1.7em;
line-height: 1.3em;
margin-top: 20px;
text-shadow: 1px 1px 0 #000;
}


img.comingsoon{
float: left;
margin: 10px 20px 10px 40px; 
}


/********** Style below here are for the footer links *************/


/*********** About Us, Investor Relations, In the Press **************/
.aboutUsContainer h1{
font-size: 3.4em;
float: left;
}

.aboutUsQuote{
float: right;
margin: 20px 30px 0 0;
}


.aboutUsContainer p{
display: block;
float: left;
line-height: 1.6em;
font-size: .9em;
color: #333;
margin: 30px 40px 0 45px;
width: 500px;
}

.aboutUsContainer p a{
font-weight: bold;
font-size: 1.2em;
}

.aboutUsContainer p a:hover{
text-decoration: underline;
}


/************** Jobs *****************/
#careerContainer h1{
float: left;
}

img.career{
margin-left: 60px;
margin-top: 20px;
}

#careerContainer p{
color: #333;
float: left;
width: 400px;
margin-left: 55px;
font-size: 1.1em;
line-height: 1.5em;
}

#careerContainer p.summary{
margin-top: -50px;
}


.careerQuote{
float: left;
display: inline;
margin-left: 90px;
}

#careerContainer h3{
font-size: 1.6em;
color: #2E5DD7;
display: block;
margin: 55px 0 20px 55px;
}

#careerContainer ul{
background-color: #f5f5f5;
float: left;
padding: 15px;
width: 380px;
margin: -10px 20px 30px 100px;
border: 1px solid #ccc;
}

#careerContainer ul h4{
font-size: 1.3em;
float: left;
}

#careerContainer ul span{
color: #BA0F0D;
margin-left: 10px;
font-weight: bold;
font-style: oblique;
font-size: 1.2em;
}


#careerContainer ul li{
list-style-type: square;
margin: 10px;
}


#careerContainer h5{
display: block;
margin: 25px 0px 20px 210px;
background-color: #f3f3f3;
padding: 10px;
float: left;

}


/********* Private Policy *******/

h2.privatePolicy{
color: #BA0F0D;
margin-left: 35px;
font-size: 1.7em;
line-height: 1.3em;
margin-top: 20px;
text-shadow: 1px 1px 0 #000;
width: 550px;
}

ul.address{

margin: 10px 0 10px 35px;
float: left;
color: #444;
font-weight: bold;
}

ul.address li{
margin: 10px;
}

.privatequoteContainer{
margin: 10px 0 10px 50px;
}

.privatePolicyContainer p{
margin: 10px 35px 10px 35px;

font-size: .8em;
line-height: 1.4em;
padding: 10px;
}

/*********** Terms and Conditions ***********/

.privatePolicyContainer p span.header{
font-size: 1.3em;
color: #333;
font-weight: bold;
}

/********* Agent Info ***************/

img.agent{
margin-left: 0px;
margin-top: 1px;
}

.agentForm{
float: left;
width: 348px;
height: 432px;
background: transparent url(/images/agent_inputfield.png) no-repeat;
margin: 15px 20px 10px 10px;
color: #fff;
}

.agentForm h3{
font-family: tahoma, verdana, arial;
text-shadow: 1px 1px 0px #1E5782;
font-size: 1.2em;
display: block;
text-align: center;
line-height: 1.3em;
margin: 13px 5px 10px 5px;
width: 320px;
}

.agentForm table{
font-weight: bold;
margin-left: 20px;
margin-top: 20px;
width: 320px;
font-size: .8em;
}

.agentForm table td{
padding-bottom: 15px;
}

.agentForm input.agentsubmit{
margin: 5px 0 0 216px;
width: 89px;
height: 28px;
background: transparent url(/images/submit_button.gif) no-repeat;
border:0;
text-indent: -9999px;
cursor: pointer;
}

h2.agentCaption{
float: left;
width: 520px;
margin: 20px 0 40px 0;
color: #BA0F0D;
font-size: 1.53em;
line-height: 1.3em;
display: block;
}

p.agentDescription{
color: #444D56;
font-size: 1.2em;
line-height: 1.3em;
}

.contactPhone{
margin: 30px 0 0 0;
float: left;
background: transparent url(/images/phone_icon.gif) no-repeat top left;
color: #444D56;
font-family: tahoma, verdana, arial;
}

.contactPhone h1{
font-size: 3.4em;
display: block;
margin: 0px 0 0 90px;
}

.contactPhone span{
font-weight: bold;
display: block;
margin: 10px 0 20px 95px;
font-size: 1.1em;
}

/***********Quote submission confirm ********/

h2.confirmationAlert{
display: block;
width: 600px;
margin: 25px auto;
text-align: center;
line-height: 1.6em;
color: #333;
}

h2.confirmationAlert a{
display: block;
padding: 4px;
background-color: #f3f3f3;
float: left;
border: 1px solid #bbb;
margin: 25px 0 0 190px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

/***** Auto Insurance ********/

table.vehicle_info, table.vehicle_coverage_info, table.driver_info{
margin: 20px 0 20px 0;
border: 0px solid #ccc;
font-size: .8em;
background-color: #f6f6f6;
}

table.vehicle_info td, table.vehicle_coverage_info td, table.driver_info td{
padding: 7px;
}

table.vehicle_coverage_info #pic h3{
display: inline-block;
cursor: pointer;
width: 30px;
height: 30px;
background: transparent url(/images/questionmark.png) no-repeat;
text-indent: -9999px;
}

table.vehicle_info h3, table.vehicle_coverage_info h3, table.driver_info h3{
color: #aa0000;
font-size: 1.4em;
font-family: georgia, times, times-romans;
font-weight: normal;
padding-bottom: 10px;
}

/*********** HOme Insurance Quote Info ********/


#home_insurance_infoQuote table{
margin: 10px auto 30px;
font-size: .8em;
line-height: 1.4em;
}

#home_insurance_infoQuote table td{
padding: 7px;
text-align: left;
}

#home_insurance_infoQuote h2{
font-family: georgia, times, times-roman;
font-size: 2em;
font-weight: normal;
color: #aa0000;
text-shadow: 1px 1px 0 #aaa;
margin-top: 15px;
}

#home_insurance_infoQuote table strong{
display: block;
background: #F9F9F9 url(/images/cust_quote_requestBG.gif) repeat-x;
padding: 5px;
color: #314251;
text-align: center;
}

table td.strong_header{
padding: 0 !important;
}


input.quoteSubmitbutton{
margin: 10px 0 0 450px;
}


/********* Auto Insurance pop up coverage type Input Form *************/


#pic a{
position: relative;
width: 1px;
height: 1px;
display: block;
oveflow: none;
}
				
						
			.coverageType p {
			padding: 10px;
			line-height: 1.5em;
			}
			
			.coverageType p span{
			color: #000;
			font-weight: bold;
			font-size: 1.4em;
			display: block;
			margin: 5px;
			}
			
			.coverageType ul{
			margin: 10px 0px 0px 15px;
			}
			
			.coverageType ul ul{
			float: left;
			width: 400px;			
			margin: 5px;
			padding: 5px;
			background-color: #f4f4f4;
			}
			
			.coverageType ul ul li{
			padding: 5px;
			line-height: 1.4em;
			font-size: .9em;
			}
			
			.coverageType ul ul li.nameType{
			font-weight: bold;
			color: #444;
			font-size: 1.2em;
			}
			
			.coverageType{
			border: 1px solid #888;
				display: block;
				background-color: #fff;
				-moz-box-shadow: 2px 2px 4px #ccc;
				-webkit-box-shadow: 2px 2px 4px #ccc;
				margin: 20px 50px 10px 40px;
			}
			



/********** Agent Profile page *********/

/***agent profile navbar*****/

ul#agent_navbar{
margin: 20px 0 20px 40px;
float: left;
width: 900px;
clear: both;
background: transparent url(/images/agentProfileNavbarBG.gif) repeat-x;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
}

ul#agent_navbar li{
display: inline;
float: left;
}

ul#agent_navbar li a{
padding: 15px 25px 15px 25px;
display: block;
float: left;
color: #333;
font-weight: bold;
border-right: 1px solid #ccc;
text-shadow: 1px 1px 0 #fff;
font-size: .7em;
}

ul#agent_navbar li a:hover{
color: #b90f0d;
background: transparent url(/images/agentProfileNavbarBG_hover.gif) repeat-x;
}


ul#agent_navbar li a#selected{
background-color: #fff;
color: #314251;
text-shadow: 1px 1px 0px #fff;
border-bottom: 2px solid #fff;
margin-bottom: -2px;
position: relative;
}


ul#agent_navbar li a#selected:hover{
background: #fff;
}

/******** Agent Profile Profile ******/

#agent_profile_edit{    /******** This ID is used for agent and customer container box **********/
float: left;
margin: 10px 20px 10px 40px;
border: 1px solid #ccc;
margin-top: -20px;
padding-right: 0;
}


#agent_profile_edit h2.edit_profile{
font-size: 2em;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight: normal;
margin: 20px 0 0 30px;
}

h3.agentInfoHeader{
font-size: 1.3em;
color: #333;

}

h3.viewBut a{
float: left;
display: block;
margin: -35px 14px 0 800px;
padding: 5px;
background-color: #aa0000;
color: #fff;
font-size: .7em;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
cursor: pointer;
}



#tabs {
margin: 40px 0;
}

#tabs ul {
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
background: #fff;
width: 250px;
float: left;
margin: 0 0 0 25px;
-webkit-border-top-left-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-bottomleft: 7px;
border-top-left-radius: 7px;
border-bottom-left-radius: 7px;
}


#tabs li {	
list-style: none;
background: #f6f6f6 url(/images/myprofile_tab_bg.gif) repeat-x;
border-bottom: 1px solid #ddd;
font-size: 1em;
padding: 15px 0 15px 0;
}


#tabs li a {
font-size: 1em;
padding: 10px 0 10px 0;
}


#tabs li.basic a{
padding-left: 45px;
background: transparent url(/images/basicinfo_icon.png) no-repeat 5px 5px;
}

#tabs li.personal a{
padding-left: 45px;
background: transparent url(/images/message_icon.png) no-repeat 5px 5px;
}

#tabs li.credentials a{
padding-left: 45px;
background: transparent url(/images/basicinfo_icon2.png) no-repeat 5px 5px;
}

#tabs li.social a{
padding-left: 45px;
background: transparent url(/images/social_icons.png) no-repeat 5px 5px;
}


#tabs li.videos a{
padding-left: 45px;
background: transparent url(/images/videos_icon.png) no-repeat 5px 5px;
}

#tabs li.pictures a{
padding-left: 45px;
background: transparent url(/images/pictures_icon.png) no-repeat 5px 5px;
}


#tabs li a:hover {
color: #2556d5;
}


#tabs ul li.active {	
background: #fff;
margin-right: -1px;
position: relative;
}

#tabs ul li.active a {
color: #2556d5;
font-weight: bold;

}



#tabs ul li a {
	text-decoration: none;
	padding: 8px;
	color: #000;
}



.info_box{
float: left;
width: 600px;
background-color: #fff;
font-size: .8em;
border: 1px solid #ccc;
min-height: 252px;
padding: 10px 0 20px 0;
-webkit-border-top-right-radius: 7px;
-webkit-border-bottom-right-radius: 7px;
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomright: 7px;
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
}


.info_box h3.agentInfoHeader{
font-size: 1.5em;
display: block;
margin-bottom: 10px;
padding: 5px;
color: #627AAD;
}

 .tab_content input, .tab_content textarea {
background-color: #ffffeb;
border: 1px solid #eee;
}

.agent_basicInfo table.agent_info{
margin: 15px 0 15px 10px;
float: left;
}

.agent_basicInfo table.agent_info td{
padding: 10px;
}


.agent_basicInfo table.agent_info input{
border: 1px solid #ccc;
height: 25px;
background-color: #fff;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

.agent_basicInfo #profileImageUpload h3{
display: block;
margin: 10px;
}

.agent_basicInfo #profileImageUpload img{
margin-left: 15px;
}

.agent_basicInfo #profileImageUpload #upload_button{
background: transparent url(/images/uploadButton.gif) repeat-x;
margin: 10px;
cursor:pointer;
cursor:hand;
border: 1px solid #bbb;
font-weight: bold;
width: 150px;
padding: 5px;
text-align: center;
}


.agent_basicInfo #profileImageUpload{
float: left;
width: 220px;
border: 1px solid #ccc;
margin: 25px 20px 0 25px;
padding: 10px;
background-color: #eee;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-moz-box-shadow: -1px -1px 2px #ddd;
-webkit-box-shadow: -1px -1px 2px #ddd;
}

.agent_basicInfo .territory_coverage{
height: 280px;
overflow: auto;
margin-top: 20px;
float: left;
width: 520px;
border: 1px solid #ccc;
margin: 15px 20px 20px 25px;
padding: 10px;
background-color: #fff;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-moz-box-shadow: -1px -1px 2px #ddd;
-webkit-box-shadow: -1px -1px 2px #ddd;
}

.agent_basicInfo .territory_coverage img.logos{
float: left;
width: 150px;
margin: 10px;
border: 1px solid #ccc;
padding: 5px;
}

.info_box td{
padding: 5px;
}


.info_box.media table.homelocation_info span.subhead{
font-style: italic;
display: block;
font-size: .9em;
color: #444;
line-height: 1.2em;
}

span.profile_updatedOrNot{
font-size: 1.7em;
font-family: Georgia, "Times New Roman", Times, serif;
color: #000;
display: block;
margin: 20px 0 20px 400px;
background: transparent url(/images/greencheck_updatedProfile.png) no-repeat 200px -5px;
}

.agent_basicInfo table.agent_info td span.http{
color: red;
width: 70px;
font-size: .9em;
display: block;
line-height: 1.4em;
font-style: italic;
}

#agent_profile_edit input#agent_profilesubmit{
background: transparent url(/images/agentProfile_button.png) no-repeat;
border: 0;
height: 73px;
width: 244px;
color: #fff;
font-size: 1.7em;
font-weight: bold;
padding: 0 0 15px 0;
text-shadow: 1px 1px 0px #000;
cursor: pointer;
margin: 10px 10px 10px 350px;
float: left;
}




/********* View Agent Profile *******/

.view_agent_container{
float: left;
margin: 10px 5px 10px 35px;
}


.view_agent_container h1{
display: block;
font-size: 1.6em;
margin: 10px 0 20px 0;
font-family: georgia, times, times-roman;
font-weight: normal;
padding: 5px 5px 10px 5px;
border-bottom: 2px dotted #eee;
width: 900px;
}

.view_agent_container .shareThis{
float: left;
margin: -50px 0 0 795px;
}

.view_agent_container .shareThis a.stbar.chicklet img{
border:0;
height:16px;
width:16px;
margin-right:3px;
vertical-align:middle;
}

.view_agent_container .shareThis a.stbar.chicklet {
height:16px;
line-height:16px;
}



.view_agent_container .left_col{
float: left;
width: 220px;
}


.view_agent_container .left_col img.portrait{
float: left;
border: 0px solid #f1f1f1;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-moz-box-shadow: 0px 4px 7px #888;
-webkit-box-shadow: 0px 4px 7px #888;
padding: 10px;
width: 200px;
margin: 0;
position: relative;
}

.left_col ul.credentials{
float: left;
width: 210px;
font-size: .7em;
background-color: #eee;
margin-top: 0px;
padding: 5px;
white-space: pre-wrap;
-webkit-border-bottom-right-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-bottomright: 7px;
-moz-border-radius-bottomleft: 7px;}

.left_col ul.credentials li{
padding: 2px 0 3px 5px;
line-height: 1.3em;
text-shadow: 1px 1px 0 #fff;
}

.left_col ul.credentials li.headline{
font-weight: bold;
color: #555;
font-family: georgia, times, times-roman;
color: #fff;
margin: 15px 0 0px -16px;
font-size: 1.2em;
background-color: #5374AB;
width: 237px;
text-align: center;
text-transform: uppercase;
-moz-box-shadow: 0 3px 2px #bbb;
-webkit-box-shadow: 0 3px 2px #bbb;
text-shadow: 1px 1px 0 #444;
}

.left_col ul.credentials span.leftTri{
display: block;
height: 10px;
width: 10px;
background: transparent url(/images/credential_leftTri.png) no-repeat;
margin: 0px 0 0 -16px;
}

.left_col ul.credentials span.rightTri{
display: block;
height: 10px;
width: 10px;
background: transparent url(/images/credential_rightTri.png) no-repeat;
margin: -10px 0 0 215px;
}



.view_agent_container .middle_col{
float: left;
width: 310px;
margin-left: 20px;

}


.middle_col ul.personalInfo{
font-size: .9em;
float: left;
margin: 0 0 15px 0px;
width: 300px;
}


.middle_col ul.personalInfo li{
padding-bottom: 2px;
}



.middle_col ul.personalInfo ul.socialnetwork{
margin: 25px 0 0 -5px;

}


.middle_col ul.personalInfo ul.socialnetwork li{
float: left;
height: 32px;
width: 32px;
margin: 5px;
}

.middle_col ul.personalInfo ul.socialnetwork li a{
text-indent: -9999px;
display: block;
padding: 10px;
}

.middle_col ul.personalInfo ul.socialnetwork li.fb a{
background: transparent url(/images/facebook_32.png) no-repeat;
}

.middle_col ul.personalInfo ul.socialnetwork li.twitter a{
background: transparent url(/images/twitter_32.png) no-repeat;
}

.middle_col ul.personalInfo ul.socialnetwork li.linkedin a{
background: transparent url(/images/linkedin_32.png) no-repeat;
}

.middle_col ul.personalInfo ul.socialnetwork li.blog a{
background: transparent url(/images/blogger_32.png) no-repeat;
}

.middle_col ul.personalInfo ul.socialnetwork li.email a{
background: transparent url(/images/email_32.png) no-repeat;
}



.middle_col .view_profile_ratings{
float: left;
margin-top: -10px;
color:#ff0000;
}

.middle_col .view_profile_ratings span{
font-size: .7em;
color: #555;
display: block;
margin-bottom: 5px;
}

.middle_col .view_profile_ratings h3 a{
display: block;	
font-size: .7em;
float: left;
margin: -40px 0 0 155px;
padding-right: 17px;
padding-bottom: 5px;
background: transparent url(/images/smallcomment.png) no-repeat top right;
}


.middle_col .view_profile_ratings h3 a:hover{
	text-decoration:underline;
}

.middle_col span.agentMessage{
color: #555;
line-height: 1.4em;
width: 310px;
float: left;
font-size: .8em !important;
display: block;
white-space: pre-wrap;
/*margin: 20px 20px 10px 20px;*/
}


.view_agent_container .right_col{
float: left;
width: 370px;
margin: 0 0 0 18px;
}


.right_col .videos{
float: left;
margin-bottom: 20px;
}


.right_col .insurance_logos{
float: left;
padding: 10px;
width: 330px;
margin-bottom: 20px;
background-color: #fafafa;
border: 1px solid #f1f1f1;
}

.right_col .insurance_logos li{
list-style: none;
padding-top: 10px;
}

.right_col .insurance_logos li span{
font-size: .7em;
font-weight: bold;
margin-top: 0px;
display: block;
color: #555;
}

.right_col .insurance_logos img.logos{
width: 150px;
background-color: #fff;
margin: -15px 0 10px 80px;;
border: 1px solid #ccc;
padding: 10px;
}




.right_col .blogs{
width: 350px;
float: left;
margin: 0px 0 0 0px;
border: 1px solid #ddd;
font-size: .8em;
-moz-box-shadow: 1px 1px 3px #ccc;
-webkit-box-shadow: 1px 1px 3px #ccc;
display: none;
}


.right_col .blogs h2{
display: block;
color: #5574AD;
font-family: georgia, times, times-roman;
padding: 10px;
font-size: 1.5em;
text-shadow: 1px 1px 0px #fff;
font-weight: normal;
background: transparent url(/images/agentProfileNavbarBG.gif) repeat-x;
}


.right_col .blogs li{
padding: 15px 0 0px 8px;
}

.right_col .blogs li span{
color: #888;
font-size: .8em;
font-style: italic;
}

#bottom_tabs ul{
margin: 10px 0 0 20px;
}

#bottom_tabs ul li{
display: inline;	
}

#bottom_tabs ul li a{
float: left;
margin: 7px;
border: 1px solid #ccc;
padding: 10px;
background: transparent url(/images/agentProfileNavbarBG.gif) repeat-x;

}


#bottom_tabs ul li:hover a{
background: transparent url(/images/agentProfileNavbarBG_hover.gif) repeat-x;
}


#bottom_tabs ul li.active a{
background: #f2f2f2;
border-bottom: 1px solid #f2f2f2;
position: relative;
display: inline;
}

#bottom_tabs .show_box{
border: 1px solid #ccc;
float: left;
padding: 25px;
margin: -8px 0 0 0;
width: 870px;
background-color: #f2f2f2;
}





#bottom_tabs .show_box img{
width: 400px;
padding: 7px;
margin: 10px;
background-color: #fff;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
float: left;
}


.post_comments{
float: left;
margin: 0 0 20px 0;
}

.post_comments a:hover{
text-decoration: underline;	
}

.post_comments input.add_comment{
background: transparent url(/images/btn_postComment.gif) no-repeat;
border: 0;
width: 135px;
height: 30px;
text-indent: -9999px;
cursor: pointer;
margin: 10px 0 0 0;
}

.show_comments{
float: left;
height: 200px;
overflow: auto;
width: 850px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding-top: 25px;
background-color: #fff;
padding-left: 15px;
}


h6.recent_comments{
padding-bottom: 10px;
}

.comment_block{
float: left;
clear: both;
margin: 10px 0 10px 0;
width: 800px;
padding-bottom: 15px;
font-size: .9em;
border-bottom: 1px dashed #ddd;
}

.comment_block span.customerUsername{
display: block;
color: #587eba;
font-weight: bold;
font-size: .8em;
padding-right: 20px;
}

.comment_block span.date{
display: block;
float: left;
font-size: .7em;
font-style: italic;
color: #888;
padding-top: 5px;

}

.comment_block table span.actualComment{
display: block;
padding: 10px;
margin: -25px 0 0 10px;
background-color: #f4f4f4;
font-size: .9em;
line-height: 1.4em;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;

}

.comment_block table span.commentTri{
display: block;
width: 20px;
height: 20px;
margin-bottom: -30px;
background: transparent url(/images/comment_tri.png) no-repeat;

}




/********* Agent Profile Pending Quotes and Quoted page, and Customer Profile (auto, home, life, health, business) **********/

#agent_profile_edit table.pending_quotes{
margin: 30px 70px 20px 30px;
font-size: .8em;
color: #000;
font-family: tahoma, verdana, serif;
}

#agent_profile_edit table.pending_quotes td.categories{
color: #444;
font-weight: bold;
padding: 5px 0 10px 5px;
border-bottom: 1px solid #ddd;
background: #f1f1f1 url(/images/view_profile_bg.gif) repeat-x;

}

#agent_profile_edit table.pending_quotes td{
padding: 5px 0 5px 0;
text-align: center;
}

#agent_profile_edit table.pending_quotes tr.highlight{
background-color: #eee;
color: #2556d5;
}

#agent_profile_edit table.pending_quotes td p.post_quote, 
#agent_profile_edit table.pending_quotes td p.view_lead,
#agent_profile_edit table.pending_quotes td p.archive_but{
color: #2556d5;
padding: 4px;
float: left;
font-size: .85em;
border-bottom: 1px dashed #2556d5;
cursor: pointer;
}


#agent_profile_edit table.pending_quotes td p.view_lead{

}

#agent_profile_edit table.pending_quotes td p.archive_but{
background-color: #b1b1b1;
color: #fff;
border: 0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}


#agent_profile_edit table.pending_quotes td p.post_quote:hover, 
#agent_profile_edit table.pending_quotes td p.view_lead:hover,
#agent_profile_edit table.pending_quotes td p.archive_but:hover{
color: #aa0000;	
}

#agent_profile_edit span.what_is_archive{
cursor: help;
color: #2556d5;
display: block;
font-size: 11px;
float: left;
background: transparent url(/images/questionmark.png) no-repeat;
padding: 2px 0 0 18px;
height: 15px;
margin: -10px 0 10px 750px;
position: relative;
}

span.archive_is{
margin-left: -999em;
position: absolute;
}


span.what_is_archive:hover span.archive_is{
display: block;
position: absolute;
height: 65px;
width: 250px;
margin-left: 0;
z-index: 99;
top: 25px;
left: -50px;
border: 1px solid #f5f5f5;
background-color: #FFFFCC;
padding: 8px;
color: #444;
line-height: 1.2em;
-moz-box-shadow: 0 0 5px #777;
-webkit-box-shadow: 0 0 5px #777;
}


span.requestQuote {
display: block;
text-align: center;
font-size: .7em;
font-weight: bold;
margin: 5px 0 15px 0;
padding: 10px 7px 10px 7px;
background: transparent url(/images/contactAgentButBG.gif) repeat-x;
border: 1px solid #ccc;
width: 120px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
margin-left: 370px;
text-shadow: 1px 1px 0 #fff;
}

span.requestQuote a:hover{
text-decoration: underline;	
}

/********** Customer Profile Info *********/
#agent_profile_edit table.customer_profile_info{
margin: 40px 70px 20px 30px;
}

#agent_profile_edit table.customer_profile_info td{
padding: 5px;
font-size: .8em;
background-color: #f2f2f2;
border: 1px solid #fff;
}

/********** Customer Profile Auto *********/

table.pending_quotes.customerLoginSide td.customerProfile{
font-size: 1.6em;
color: #000 !important;
text-shadow: 1px 1px 0 #fff;
padding: 8px !important;
text-align: center;
background: #f1f1f1 url(/images/agentProfileNavbarBG.gif) repeat-x !important;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
border-top: 1px solid #eee;
}

table.customerLoginSide td{
padding: 0 !important; 
}

table.pending_quotes td.underline{
border-bottom: 1px solid #e8e8e8;
}

 img.agentPortrait{
width: 150px;
padding: 7px;
margin: 25px 10px 10px 10px;
-moz-box-shadow: 0 3px 4px #333;
-webkit-box-shadow: 0 3px 4px #333;
}



ul.agentInfo{
margin: 25px 0 0 5px;
color: #000;
text-align: left;
}

ul.agentInfo li img{
width: 175px;
margin-bottom: 15px;
}

ul.agentInfo li{
padding: 7px 0 0 0;
}


ul.agentInfo li a.aboutAgent{
background: transparent url(/images/aboutAgent.gif) no-repeat;
padding: 3px 0 10px 20px;
margin-bottom: 35px;
display: block;
}

ul.agentInfo li a.aboutAgent:hover{
text-decoration: underline;
}

table.pending_quotes td.pricingField{
background-color: #f4f4f4;
}


ul.quotedField{
margin: 25px 0 0 0;
text-align: center;
}

ul.quotedField li{
padding: 7px 0 5px 0
}

ul.quotedField li.price{
font-size: 2.5em;
font-family: georgia, times, times-roman, serif;
color: #2657D5;
font-weight: bold;
}

ul.quotedField li.terms{
font-size: 1.4em;
color: #930C0A;
text-transform: uppercase;
letter-spacing: -.04em;
}

ul.quotedField li a{
display: block;
background: transparent url(/images/contactAgentButBG.gif) repeat-x;
float: left;
color: #222;
font-size: 1em;
font-weight: bold;
margin: 0px 0 0 25px;
text-shadow: 1px 1px 0 #fff;
padding: 12px 7px 10px 7px;
border: 1px solid #ccc;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-moz-box-shadow: 0 2px 2px #999;
-webkit-box-shadow: 0 2px 2px #999;
}


ul.quotedField li a:hover{
color: #aa0000;
background: transparent url(/images/contactAgentButBGhover.gif) repeat-x;
}


table.pending_quotes h4.ratings{
display: block;
background: transparent url(/images/starsRating.gif) no-repeat;
padding-top: 30px;
margin-top: 50px;
margin-left: 30px;
}

/******** Agent Pending Quotes  used  for home, auto, health, life  ****/

.agent_pending_quote_container{
float: left;
margin: -20px 20px 10px 40px;
border: 1px solid #ccc;
padding: 50px;
}

span.result_executed{
display: block;
margin: -7px 0 -35px 340px;
float: left;
font-size: 1.2em;
font-weight: bold;
position: relative;

}

span.result_executed#success{
color: #5CB423;
background: transparent url(/images/greencheck_updatedProfile.png) no-repeat;
padding-left: 30px;
padding-bottom: 15px;
}

span.result_executed#not_quoted{
color: #aa0000;
}

.submit_quote_for_all{
background: #f7f7f7 url(/images/agentLoginBG.gif) repeat-x;
margin-bottom: 40px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-box-shadow: 0 4px 7px #bbb;
-webkit-box-shadow: 0 4px 7px #bbb;
padding: 25px 0 20px 25px;
text-align:center;
}

.submit_quote_for_all{
border:0px;	
background_color:#F00;
}

.submit_quote_for_all h2{
display: block;
font-size: 1.2em;
color: #333;
margin-bottom: 15px;
}

.submit_quote_for_all img{
vertical-align: middle;
width: 200px;
}

.submit_quote_for_all #quoteForm{
margin: 20px 0 20px 0;
}

.submit_quote_for_all #quoteForm {
margin: 10px 30px 20px 0;
font-size: 1.5em;
color: #333;
}


.submit_quote_for_all #quoteForm img{
height: 40px;
width: 35px;
margin-left: 15px;
margin-top: 5px;

}

.submit_quote_for_all select, .submit_quote_for_all #quoteForm input{
height: 30px;
font-size: 1em;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #aaa;
}

.submit_quote_for_all select{
font-weight: bold;
}

.submit_quote_for_all #quoteForm #upload_button{
font-size: .7em;
cursor: pointer; 
cursor: hand;
color: #2556d5;
font-weight: bold;
font-size: .7em;
background: transparent url(/images/box_upload_32.png) no-repeat 0px 0px;
height: 32px;
padding: 10px 0 0 35px;
text-decoration: underline;
margin-top: 0px;
float:left;
}

.submit_quote_for_all #quoteForm #uploaded_file{
float:right;
padding-right:20px;
}

.submit_quote_for_all input.submitQuote{
border: 1px solid #ccc;
height: 35px;
width: 75px;
background: transparent url(/images/contactAgentButBG.gif) repeat-x;
color: #000;
cursor: pointer;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.submit_quote_for_all ul#quoteForm li input:focus{
border: 1px solid #aa0000;
}

/********** Agent Quoted Request for Home, auto, life, health, business *********/


.agent_quoted_lead_container{
background: #f7f7f7  url(/images/agentLoginBG.gif) repeat-x;
margin: 35px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding:15px 15px 30px 15px;
-moz-box-shadow: 0 3px 2px #ccc;
-webkit-box-shadow: 0 3px 2px #ccc;
}

.agent_pending_quote_container span.prev_quote_but{
display: block;
margin: 10px 0 -25px 10px;
font-size: 13px;
padding: 3px;

}


.agent_pending_quote_container h2.your_quote{
display: block;
background: #F9F9F9 url(/images/cust_quote_requestBG.gif) repeat-x;
padding: 5px;
border-top: 1px solid #dcdcdc;
color: #314251;
text-align: center;
font-size: 1.3em;
text-shadow: 1px 1px 0px #ccc;
}

.agent_pending_quote_container table{
background-color: #fff;
text-align: center;
}

.agent_pending_quote_container table td{
padding: 10px 0 5px 10px;
border: 1px solid #e3e3e3;
vertical-align: middle;
}


.agent_pending_quote_container table tr.top_header{
background-color: #5374AB;
color: #fff;
font-weight: bold;
}

.agent_pending_quote_container table tr.result{
font-size: 1em;
}

.agent_pending_quote_container table td.quote_price{
font-family: georgia, times, times-roman, serif;
font-size: 2.6em;
color: #5CB423;
}

table.want_to_do {
background-color: #5374AB;
color: #fff;
margin-left: -30px;
}


table.purchase_cust_contact{
font-size: .9em;
background-color: #f4f4f4;
}


table.purchase_cust_contact p.purchase_it{
display: block;
margin: 10px 10px 10px 5px;
background-color: #fff;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
width: 350px;
padding: 10px 0px 10px 10px;
float: left;
line-height: 1.5em;
position: relative;
}


p.purchase_it a.exclusive{
cursor: help;
border-bottom: 1px dashed #444;
}

p.purchase_it span.show_exclusive_explanation{
margin-left: -999em;
position: absolute;
}

p.purchase_it:hover span.show_exclusive_explanation{
display: block;
position: absolute;
margin-left: 0;
height: 70px;
width: 350px;
top: -90px;
left: 20px;
z-index: 99;
background-color: #FFF7DB;
border: 1px solid #ccc;
padding: 10px;
font-size: .8em;
-moz-box-shadow: 0 0 5px #aaa;
-webkit-box-shadow: 0 0 5px #aaa;
}


table.purchase_cust_contact p.purchase_it span.note{
display: block;
color: #444;
font-size: .8em;
font-style: oblique;
}

table.purchase_cust_contact span.or{
display: block;
margin: 10px 0 10px -150px;
font-size: 1.5em;
font-style: italic;
color: #314251;
clear: both;
}


table.purchase_cust_contact input.buycredit_button{
float: left;
margin: 30px 0 0 10px;
}

table.purchase_cust_contact p.credits_remain{
display: block;
padding: 7px;
border: 1px solid #d7d7d7;
width: 130px;
font-weight: bold;
color: #444;
background-color: #fff;
margin-left: 30px;
}

table.purchase_cust_contact p.credits_remain span.credit_left{
display: block;
font-size: 2.5em;
margin: 10px 0 10px 0;
color: #5374AB;
}


table.purchase_cust_contact a.buy_credits{
display: block;
margin: 5px 0 0 32px;
width: 141px;
height: 48px;
background: transparent url(/images/buymore_credit_sprite.png) 0px 0px no-repeat;
text-indent: -9999px;
}


table.purchase_cust_contact a.buy_credits:hover{
background: transparent url(/images/buymore_credit_sprite.png) 0px -47px no-repeat;
}

/******** Customer Quote Request for HOme, Life, Health, Business ********/

.customer_quote_request {
font-size: .9em;
margin-bottom: 50px;
}

.customer_quote_request table td{
padding: 5px;
}

.customer_quote_request h2{
color: #aa0000;
font-size: 1.5em;
display: block;
margin-bottom: 10px;
}
.customer_quote_request h3{
color: #aa0000;
}
.customer_quote_request strong{
display: block;
margin: 0px 0 10px 0;
background: #F9F9F9 url(/images/cust_quote_requestBG.gif) repeat-x;
padding: 5px;
border-bottom: 1px solid #dcdcdc;
border-top: 1px solid #dcdcdc;
color: #314251;
}




/******** Customer Quote for Health, Life, Home *********/

table.get_insurance td{
border: 1px solid #fff;
background-color: #f2f2f2;
}

table.get_insurance h3 {
color: #aa0000;
font-size:1.4em;
}

/********* Newsletter ***********/
.newsletter_container {
margin: 0 45px 10px 35px;
background: url(/images/newsletter_bg.jpg) no-repeat 520px 220px;
}

.newsletter_container h1{
display: block;
font: 1.9em georgia, times, times-roman ;
margin: 20px 0 20px 0;
line-height: 1.4em;
text-align: center;
}

.newsletter_container h1 span{
color: #aa0000;
font-weight: bold;
}

.newsletter_container h1 span.blue{
color: #316AC5;
}

.newsletter_container p{
color: #444;
line-height: 1.5em;
font-size: .9em;
}

.newsletter_container p span{
font-weight: bold;
color: #000;
}

.newsletter_container ul{
margin: 20px 0 40px 0;
font-size: .9em;
color: #426DDA;
}

.newsletter_container ul li{
padding: 5px 0 5px 0
}
.newsletter_container ul li span{
color: #000;
}

.newsletter_container p span.red_italic{
color: #aa0000;
font-style: oblique;
font-size: 1.5em;
}

.newsletter_container h2{
font: 1.9em georgia, times, times-roman;
color: #aa0000;
display: block;
margin: 70px 0 20px 0;
}


.newsletter_container p.bottomParagraph{
background: transparent url(/images/website_snapshot.jpg) no-repeat right top;
display: block;
padding-right: 500px;
padding-bottom: 130px;
line-height: 1.7em;
}

.newsletter_container h2.bottomHeader{
font-family: helvetica, arial, san-serif;
font-size: 1.6em;
font-weight: bold;
color: #000;
display: block;
margin: 25px 0 5px 0;
border: 0;
}

.newsletter_container p.bottom{
text-align: center;
display: block;
padding: 0;
background-color: #bc1616;
color: #fff;
font-size: 3em;
font-weight: bold;
}

/************* Agent Toolbox*************/

.tools{
font-size: .8em;
margin: 20px;
padding: 20px;
}

.tools h2{
display: block;
text-align: center;
font-size: 1.4em;
margin: 0 0 20px 0;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight: normal;
border-bottom: 1px dashed #b2b2b2;
padding-bottom: 10px;
}

.tools p{
line-height: 1.3em;
}

.tools span{
font-weight: bold;
color: #2556d5;
display: block;
font-family:Georgia, "Times New Roman", Times, serif;
}


.tools_container{
margin: 50px 55px 30px 45px;
float: left;
width: 800px;
}


span.download_agent_pdf{
position: relative;
margin: 30px 0px -600px 650px; 
display: block;
float: left;
font-size: .8em;
font-weight: bold;
padding: 0px 30px 15px 0;
background: transparent url(/images/pdf_icon.png) no-repeat 105px -2px;
}

span.download_agent_pdf:hover{
text-decoration: underline;
}

h2.acc_trigger {
	padding: 0;
	margin: 15px 0 -5px 0;
	height: 46px;
	line-height: 46px;
	width: 800px;
	font-size: 1.1em;
	
	float: left;
background-color: #f6f6f6;
border: 0px solid #d0d0d0;



}

h2.acc_trigger a {
color: #2556d5;
text-decoration: none;
display: block;
padding: 0 0 0 50px;
background: transparent url(/images/circle_tool_dropdown.png) no-repeat 10px 10px;
text-transform: uppercase;

letter-spacing: -.04em;
}


h2.acc_trigger a:hover {
	color: #000;
}

h2.active{
-moz-box-shadow: 0 2px 3px #ccc;
-webkit-box-shadow: 0 2px 3px #ccc;
}

h2.active a{background-position: 10px -50px;}

.acc_container {
margin: 0px 0 10px 0;
padding: 0;
background: #eee;
	overflow: hidden;
	font-size: 1.2em;
	width: 800px;
	clear: both;
	border: 0px solid #d6d6d6;
}

.acc_container .block {
	padding: 0px;
}


/********* Buy Credits Page ************/

h1.buy_credit_headerpage{
display: block;
margin: 30px 0 10px 35px;
color: #314251;
width: 400px;
font-family: georgia, times, times-roman, serif;
font-weight: normal;
text-shadow: 1px 1px 2px #aaa;
}

.how_much{
padding: 5px 0 10px 0;
font-size: 11px;
margin: -65px 30px 20px 600px;
color: #333;
border-top: 2px dashed #d9d9d9;
background: #f9f9f9;
}

.how_much p{
margin: 7px 0 7px 10px;
}

.how_much p span{
font-weight: bold;
color: #5374AB;
}

ul.credits_list{
float: left;
padding-top: 20px;
background-color: #f4f4f4;
border-top: 5px solid #ddd;
width: 900px;
}

ul.credits_list li{
float: left;
border: 0px solid #f6f6f6;
height: 250px;
width: 170px;
margin: 10px 10px 40px 40px;
text-align: center;
background-color: #fff;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-moz-box-shadow: 0 0 4px #d1d1d1;
-webkit-box-shadow: 0 0 4px #d1d1d1;
}

ul.credits_list li:hover{
background-color: #DCE9F6;
}


ul.credits_list li h4{
display: block;
background: #ccc url(/images/credit_header_BG.gif) repeat-x;
padding: 20px;
font-size: 1.1em;
letter-spacing: -.03em;
color: #314251;
-webkit-border-top-left-radius: 7px;
-webkit-border-top-right-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
}


ul.credits_list li h3{
font-size: 2.7em;
font-family: georgia, times, times-roman, serif;
font-weight: normal;
background-color: #f1f1;
padding: 15px;
margin: 0 0 20px 0;
color: #5374AB;
font-style: italic;
letter-spacing: -.03em;
}

ul.credits_list li h5{
color: #709CE6; 
display: block;
margin: -27px 0 40px 0;
}

ul.credits_list li button.buy_credit_now{
display: block;
width: 141px;
height: 48px;
text-indent: -9999px;
background: transparent url(/images/buynow_credit_button.png) no-repeat;
border: 0;
cursor: pointer;
margin: 0 auto;
}

ul.credits_list li button.buy_credit_now#no_discount{
margin-top: 50px;
}

.paypal p{
margin: 10px;
width: 800px;
font-size: .7em;
}

/********** Registration Success *****/

.reg_success{
margin: 0 50px 10px 45px;
}

.reg_success h1{
font-size: 2em;
margin: 20px 0 20px 0;
color: #314251;
letter-spacing: -0.06em;
}

.reg_success p{
margin: 10px 0 0 0;
font-size: .8em;
background-color: #f6f6f6;
padding: 20px;
border-top: 3px solid #ccc;
line-height: 1.4em;
}


.reg_success p span{
font-weight: bold;
}

/************ Customer Registration Page also for Auto, HOme, Health, Life, Business Quotes *************/


#registration_page{
float: left;
margin: 35px;
padding-bottom: 10px;
}


#registration_page table {
width: 450px;
float: left;
color: #444;
font-size: .8em;
margin-left: 20px;
border: 1px solid #f5f5f5;
-moz-box-shadow: 0px 0px 3px #eee;
-webkit-box-shadow: 0px 0px 3px #eee;
}



#registration_page table td{
padding: 10px;
border: 1px solid #f8f8f8;
}

#registration_page table td input{
border: 1px solid #ccc;
}

#registration_page table span.error{
font-size: .8em;
display: block;
}


#registration_page .thanks_message {
float: left;
width: 400px;
margin: 0 30px 0 25px;

}

#registration_page .thanks_message p{
line-height: 1.4em;
font-size: .8em;
color: #777;
background: transparent url(/images/customer_reg_pic.jpg) no-repeat 50px 180px;
padding: 0px 0 320px 0;
display: block;
border-bottom: 1px solid #f5f5f5;
}

#registration_page .thanks_message p span{
color: #2053a3;
line-height: 1.4em;
margin-bottom: 10px;
display: block;
font-weight: bold;

}

#registration_page p.already_have{
display: block;
float: left;
margin: 50px 0 0 45px;
font-weight: bold;
}

#registration_page p.already_have a{
margin: 10px;
background: #aa0000;
padding: 5px;
color: #fff;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

#registration_page p.already_have a:hover{
text-decoration: underline;
}


/******** BeachChair Promo Page ************/

#chairContainer{
position: relative;	
}

h1.beachHeader{
float: left;
width: 500px;
-webkit-font-smoothing: antialiased;
}

h1.beachHeader span{
color: #da222d;
font-style: italic;
}

img.clickArrow{
float: left;
position: absolute;
z-index: 199;
margin: 0px 0 0 310px;
}

img.chairPromo{
float: left;
}

.beachchair_quoteContainer{
float: left;
margin: -130px 0 0 0;
position: relative;
}


img.flyer{
float: left;
margin: 0;
}

.chairDescription{
float: left;
text-align: right;
margin-left: 10px;
margin-top: 10px;
border: 1px dashed #ccc;
padding: 0 20px 10px 0;
background-color: #eee;
}

.chairDescription h2{
font-size: 1.8em;
margin: 10px 0 15px 25px;
}


.chairDescription h2 span{
color: #da222d;
}

.chairDescription h3{
font-size: 1.25em;
margin-bottom: 15px;
}

.chairDescription p{
color: #3C69AF;
font-weight: bold;
}

span.limitcount{
display: block;
float: left;
width: 500px;
margin: 20px 0 0 45px;
font-size: .8em;
color: #555;
}