@charset "utf-8";
/* CSS Document */

#menu-main li { 
	color: #FFFFFF;
    display: block;
    float: left;
    font-size: 16px;
    text-transform: uppercase;
    width: 191px;
	line-height:30px;
 }
 
#menu-main li { 
	color: #FFFFFF;
    display: block;
    float: left;
    font-size: 14px;
    text-transform: uppercase;
    width: 191px;
	line-height:33px;
 }

 #menu-main li a{ 
 	padding: 0px;
    width: 190px;
 }

#dropdown-overlay {
	display: none;
	position: absolute;
	margin-top: 0px;
	/*background: url('images/overlay-bg.png');*/
	width: 100%;
	height: 100%;
	z-index: 610;
}

#dropdown {
	display: none;
	height: 0;
	position: absolute;
	width: 100%;
	overflow: visible;
	z-index: 620;
	font-size: 14px;
}

.show {
	display: block !important;
}


.top-arrow {
	position: absolute;
	top: -17px;
}
.small-block {
	padding: 25px;
	min-width:300px;
	min-height:387px;
}


#dropdown #Home .top-arrow {
	margin-left: 47px;
}
#dropdown #Who .top-arrow {
	margin-left: 100px;
}
#dropdown #What .top-arrow {
	margin-left: 100px;
}
#dropdown #Why .top-arrow {
	margin-left: 603px;
}
#dropdown #Where .top-arrow {
	margin-left: 175px;
}

#dropdown .title {
	/*padding-top:16px;*/
	margin:0 !important;	
}

.section img { margin:0 35px 0px 0; }


/* Arrow Lists */
/******* Lists with Arrow Bullets *****/

.content ul {
	list-style-image: url('images/arrow-bullet-blue.png');
	margin-left:21px;
}

ul.arrow-bullets, .information .switch ul {
    list-style-image: url('images/arrow-bullet-blue.png');
    margin-left:21px;
}

ul.arrow-bullets a {
	color: #23303A;
}

ul.arrow-bullets a:hover {
	/*color: #cf7029;*/
	color: #AA9E58;
	
}

.content li, .arrow-bullets li, .information .switch li {
	margin-bottom:7px;
}

.content ul ul, ul.arrow-bullets ul, .page.archive .content li li li, .page.archive .content *[id*='MainContentHolder_SingleItem'] li li {
	margin-top:7px;
	list-style-image: none;
	list-style-type:circle;
}


/**************** Dropdowns *****************/

#dropdown .wrapper {
	/*height:350px;*/
	width:350px;
	background:url('images/dropdown-bg.png') no-repeat;
	/* border:1px solid black; */
}

.wrapper {
	position: relative;
	width: 960px;
	margin: 0 auto;	
}

#dropdown #who .top-arrow { margin-left:76px; }
#dropdown #what .top-arrow { margin-left:306px; }
#dropdown #why .top-arrow { margin-left:540px; }
#dropdown #where .top-arrow { margin-left:776px; }

.drop {
	display:none;
}

.drop.active {
	display:block;
}

#dropdown .center img {
	margin-right:auto;
	margin-left:auto;
}

#dropdown img.right-img {
	padding-left:14px;
	background:white;
	position:absolute;
	top:0;
	right:0;
}

#dropdown h2 {
	font-size:26px;
	line-height:26px;
	margin:20px 0 18px;
	padding-bottom:10px;
}

#dropdown h2 .black {
	font-size:11px;
	line-height:11px;
	text-transform: none;
}

#dropdown h2 .right {
	padding-top:6px;
	font-size:13px;
	text-transform:none;
	margin-right:236px;
}

#dropdown h3 {
	line-height:22px !important;
	margin:0 0 0 16px;
	font-size: 26px;	
	text-transform: uppercase;
}


#dropdown h4 {
	font-size: 22px;
	text-transform: uppercase;
	margin-bottom: 4px;
	font-weight: 400;
}
#dropdown h4 a {
	color: #666666;	
}

#dropdown .four-wide, #dropdown .three-wide {
	/*yellow: border-top: #FAD966 solid 8px;*/
	/*gold: */border-top: #AA9E58 solid 8px;
}

#dropdown .four-wide {
	margin-top:5px;
	padding-top:10px;	
}

#dropdown .four-wide .section {
	float:left;
	width:210px;
	margin:0px 10px 0 0px;
}

#dropdown .four-wide p.section a {
    position:relative;
    display:block;
    width:250px;
}

#dropdown .four-wide .block {
	padding-right:0;
	padding-left:0;
}


#dropdown .three-wide {
	margin-top:5px;
	padding-top:10px;	
}

#dropdown .three-wide div.section {
	float:left;
	width:294px;
	margin:0 10px 0 0;
}

#dropdown .three-wide .section select, #dropdown .three-wide .section input {
	width:234px;
	text-align:center;
}

#dropdown .mapcontainer {
	float:right;
	background:white;
	padding-left:14px;
}

#dropdown #googlemap {	
	height:356px;
	width:600px;
	z-index:500;
}

.quote-product-drop {
    display:none;
}

.quote-product-drop.active
{
    display:inline-block;
}

.location-switch {
	position:relative;
	margin:-8px 0 0 8px;
	height:30px;
}

.location-instruction {
    font-style:italic;
    font-size:12px;
    text-align:center;
    *position:relative;
    *bottom:10px;
}

.location-switch div {
	position:absolute;
}

.location-switch .switch {
	color: #abaaa9;
	cursor: pointer;
}

.location-switch input {
	width:130px;
	margin-top:-3px;
}

.office-locations {
	height:200px;
	overflow-y:scroll;
	overflow-x:hidden;
	margin:10px 10px 20px;
}

.office-locations ul {
	margin-left:24px;
}

.office-locations li 
{
	float:left;
	width:100%;
	padding: 6px 0 13px 6px;
	cursor:pointer;
}

.office-locations li:hover {
	background:#EEE;
}

.office-locations img {
	float:left;
	margin-right:12px;
}

.office-locations p {
	float:left;
	width:200px;
	margin-bottom:0;
}

.contact-icons {
	width:880px;
	margin:60px auto 0;
}

.contact-icons div {
	float:left;
	width:220px;
	font-size:22px;
	text-align:center;
}

.contact-icons img {
	margin:0 auto;
}

.contact-form div.section {
	float:left;
	width:280px;
	padding-left:20px;
}

#design_content .design_textfield, div.design_content .design_textfield {
    width: 100%;
}

#expert-form input, #expert-form textarea, #expert-form select {
	width:400px;
}

#expert-form textarea {
	height:50px;
}

#expert-form input#PostToFAQ {
	width:20px;
}

.contact-form input, .contact-form select, .contact-form textarea {
	width:100%;
	margin:0 0 6px 0;
	padding:0;
}

.contact-form textarea {
	height: 110px !important;
}

.contact-form label, .contact-form input {
	display:block;
}

.contact-form label {
	height:20px;
}

.contact-form #submit {
	float:right;
}

/******* Related Coverages Tab *********/

.related-coverages img {
    width:140px;
}
