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

html{ 
 margin:0; 
 padding:0;
 background-color:#dfe1d4;
 font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
 font-size:12px;
 } 
 
body{ 
 margin:0; 
 padding:0;
 color:#696969;
 background-image: url(../images/body-bg.jpg);
 background-position:top center;
 background-repeat:no-repeat;
 background-color:transparent;
}
 
a img{ border:0px none;}

a{ color:#023e70;}
a:hover, a:active{ color:#920403;}

ul{padding-left:20px; padding-right:10px; margin:0px; font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif; font-size:12px;}
ul li{padding:0px; margin:0px;}

h3{font-size:13px;}

.clearer{ clear:both;}
.flLeft{ float:left;}
.flRight{ float:right;}

img.flLeft{ float:left; margin-right:10px;}
img.flRight{ float:right; margin-left:10px;}

#pagewidth{ width:963px; margin:0px auto; background-image: url(../images/content-bg.jpg); background-position:top center; background-repeat:no-repeat; position:relative;}

#header{ position:relative; height:116px; background-image: url(../images/full-header-bg.jpg); background-color:transparent; background-position:bottom left; background-repeat: repeat-x; position:relative;}

#header #logo{ position:absolute; left:20px; top:0px; z-index:1;}

#header #logo a{ width:210px; height:104px; visibility:visible; position:absolute;}
#header #logo a span{ display:none;}

#header #featuredBox div{ margin-left:14px; float:right; }

#header #liveHelp{ width:85px; display:block;}
#header #liveHelp a{}
#header #liveHelp a img{ margin-top:15px;}

#header #seHabla{ background-image:url(../images/mexicoflagsmall.jpg); background-position:0 4px; background-repeat:no-repeat; width:130px; font-size:13px; height:20px; line-height:20px;text-align:left; color:#FFF; padding-left:30px;}
/*#header #seHabla img{ border:1px solid #fff; float:left; margin-right:6px; margin-top:3px;}*/
#header #seHabla a{ color:#FFFFFF; }
#header #seHabla a:hover{ color:#495261; }

#header #featuredBox{ height:43px; padding-top:10px; text-align:right; width:100%; overflow:hidden; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; }
#header #featuredBox a{ color:#FFF;}
#header #featuredBox a:hover{ color:#495261;}

#header #featuredBox .box{ height:43px; line-height:43px; }
#header #featuredBox .box p{ margin:0px; float:right;}
#header #featuredBox .box p img{ float:right; margin-left:14px;}

#header #mainMenu{  
 background-image: url(../images/menu-bg.jpg);
 background-color:transparent;
 background-position:top center;
 background-repeat:no-repeat;
 z-index:0;
 margin-top:34px;
 margin-right:3px;
 position:absolute;
 right:0;
/* width:630px;*/
 width:667px;
}

#breadcrumb{ text-align:right; font-size:10px; line-height:10px; color:#333; height:10px; position:absolute; right:12px; top:4px; }
#breadcrumb p{ margin:0px; position:relative;}
#breadcrumb p a{ color:#333; text-decoration: none; border-bottom:1px dotted #333333;}
#breadcrumb a:hover{ color:#023E70; text-decoration:none;}

#main{ background-color:#97c7dc; padding:9px; padding-bottom:0px; position:relative; width:945px;}

#main #homeRight, #main #contentRight{ float:right; margin:9px 0px 0px; width:630px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}
#main #homeLeft, #main #contentLeft{ float:left; margin:9px 0px 0px; width:306px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}
#main #leftHalf #homeLeft{ width:460px !important;}
#main #rightHalf #homeRight{ width:360px !important;}
#main #homeLeft.narrow{ width:200px !important;}
#main #homeRight.wide{ width:724px !important;}

#main #homeLeft #freeQuote{ width:302px; height:269px; background-image: url(../images/instant-quote-box-bg4.jpg); padding:2px; margin-bottom:9px; position:relative;}
#main #homeLeft #freeQuote #bottom{ position:absolute; bottom:10px; margin:0 5%; position:absolute; text-align:center; width:90%;}
#main #homeLeft.narrow #freeQuote{ width:208px; height:315px; background-image: url(../images/narrow-instant-quote-box-bg2.jpg); padding:2px; margin-bottom:9px;}
#main #homeLeft #freeQuote h1{ color:#023E70; font-size:18px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; text-align:center; margin:9px 0px; line-height:23px; font-weight:normal; background-repeat:no-repeat;}
#main #homeLeft #freeQuote div#options{ height:160px; margin:14px auto 0; width:85%; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; }
#main #homeLeft #freeQuote div#options select{ text-align:center; margin:3px auto; display:block; width:100%; color:#696969; border:1px solid #8a8a8a; font-size:14px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; }
#main #homeLeft #freeQuote div#options select option{ margin:0px; }
#main #leftHalf #homeLeft #freeQuote div#options input{ text-align:center; margin:4px 0; float:right; }
#main #homeLeft #freeQuote div#options input{ text-align:center; margin:4px 0; float:right; }
#main #homeLeft #freeQuote div#options #DivExample{ margin:0px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:11px; color:#FFF; text-align:center;}
#main #homeLeft #freeQuote h1{ padding:0px; background-image: url(../images/instant-quote-header2.jpg); background-repeat:repeat-x; background-color:#357fa9; background-position:top; padding:9px 4px; margin:0px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}
#main #homeLeft #freeQuote h4{ padding:0px; background-image: url(../images/instant-quote-header5.gif); background-repeat:repeat-x; background-color:#357fa9; background-position:top; padding:9px 4px; margin:0px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}
#main #homeLeft #freeQuote h4{ color:#023E70; font-size:18px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; text-align:center; margin:0px 0px; line-height:23px; font-weight:normal; background-repeat:no-repeat;}
#main #homeLeft #freeQuote h2{ color:#023E70; font-size:18px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; text-align:center; margin:0px; font-weight:normal;}
#main #homeLeft #freeQuote h2 span{ font-size:12px; font-weight:bold; }
#main #homeLeft #freeQuote h2 span a{ color:#023E70;}
#main #homeLeft #freeQuote h2 span a:hover{ color:#634B16;}
#main #homeLeft #freeQuote h5{color:#023E70; font-size:10px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; text-align:center; margin:0px; font-weight:normal; }

#main #contentRight{ width:312px; margin-bottom:0px;}
#main #contentLeft{ width:624px; margin-bottom:0px;}

.left{ float:left; margin-top:-12px;}
.right{ float:right; margin-top:-12px;}

#coverageTypes #auto, #coverageTypes #mobile-rv, #coverageTypes #motorbike, #coverageTypes #travel, #coverageTypes #boat, #coverageTypes #home{ height:81px; width:144px; float:left; margin-right:11px; font-size:12px; padding:2px; text-align:center; font-weight:bold; background-repeat:no-repeat;}

#coverageTypes #auto a, #coverageTypes #mobile-rv a, #coverageTypes #motorbike a, #coverageTypes #travel a, #coverageTypes #boat a, #coverageTypes #home a{ line-height:33px; color:#634b16; text-decoration:none; padding:10px 10px 56px;  font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}

#coverageTypes #auto a:hover, #coverageTypes #mobile-rv a:hover, #coverageTypes #motorbike a:hover, #coverageTypes #travel a:hover, #coverageTypes #boat a:hover, #coverageTypes #home a:hover{ line-height:33px; color:#634b16; text-decoration:underline;}

#coverageTypes { text-transform:uppercase;}
#coverageTypes div, #coverageTypes div *{ font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}
#coverageTypes #auto{ background-image:url(../images/auto-button.jpg);}
#coverageTypes #mobile-rv{ background-image:url(../images/mobile-rv-button.jpg);}
#coverageTypes #motorbike{ background-image:url(../images/motorbike-button.jpg);}
#coverageTypes #travel{ background-image:url(../images/travel-button.jpg);}
#coverageTypes #boat{ background-image:url(../images/boat-button.jpg);}
#coverageTypes #home{ background-image:url(../images/home-button.jpg); margin-right:0px;}

#homeLeft h1, #homeRight h1, #contentLeft h1, #contentRight h1{ background-image:url(../images/content-header-bg.jpg); margin-top:0px; background-repeat:repeat-x; line-height:40px; 	padding-left:16px; font-size:18px; color:#634b16; font-weight:normal;}

#homeLeft h2, #homeRight h2, #contentLeft h2, #contentRight h2 {
background-image:url(../images/content-header-bg.jpg);
background-position:left bottom;
background-repeat:repeat-x;
color:#634B16;
font-size:16px;
font-weight:normal;
line-height:22px;
margin-top:0;
padding-left:16px;
}

#homeLeft h4, #homeRight h4, #contentLeft h4, #contentRight h4{ font-size:12px; color:#be7a00; margin:19px 0px;}

#homeLeft p, #homeRight p, #contentLeft p, #contentRight p{ font-size:12px; line-height:13px; color:#696969; }

#homeLeft .element, #homeRight .element, #contentLeft .element, #contentRight .element{ background-color:#FFF; border:1px solid #ccc; margin-bottom:9px;}
#homeLeft .element .content, #homeRight .element .content, #contentLeft .element .content, #contentRight .element .content{ margin:0px 20px; padding-bottom:10px; }

#homeLeft.narrow .element { width:210px;}

.narrowForm{ margin:0px auto; width:250px; text-align:right;}
.narrowForm input{ float:right; margin-left:10px;}
.narrowForm p{ line-height:22px !important; }

.wideForm{ border:1px solid #EFEFEF; margin:10px auto; padding:5px; width:95%;}
.wideForm h3{ }
.wideForm p{ }
.wideForm .note{ background:#EFEFEF none repeat scroll 0 0; line-height:13px !important; padding:10px; }

#footer-content{ background-image:url(../images/footer-content-bg.jpg); background-position:right bottom; background-repeat:no-repeat; background-color:#0B5886; height:279px; padding:0px 6px; overflow:hidden;}

#footer-content .element{ margin:0px 23px; width:189px; float:left; display:inline; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 12px;}
#footer-content .element h4{ color:#FFF; margin:25px 0px; font-size:12px;}
#footer-content .element p{ color:#ffffff; font-size:12px;}
#footer-content a{ text-decoration:none; color:#ffffff;}
#footer-content a:hover{ text-decoration:underline; color:#ffffff;}

#footer{ background-color:#eff0ea; height:80px; line-height:25px; text-align:center; border-bottom:24px solid #DFE1D4; color:#120805; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px;}
#footer a{ text-decoration:none; color:#120805;}
#footer a:hover{ text-decoration:underline; color:#023E70;}

.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-left-width:1px;margin-top:9px;height:11px; border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;}.qmmc {position:relative;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:inline-block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none;}.qmmc li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}

	/* Main Menu */

	/*"""""""" (MAIN) Container""""""""*/	
	#qm0	
	{	
		width:auto;
		color:#d0b67b;
		position:relative;
		float:right;		
	}


	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
		padding:3px 12px;
		color:#d0b67b;
		font-family:Arial;
		font-size:11px;
		text-decoration:none;
		text-align:left;
		word-spacing:-1px;
		letter-spacing:.2px;
		text-transform:uppercase;
		margin:1px;
	}


	/*"""""""" (MAIN) Hover State""""""""*/	
	#qm0 a:hover	
	{	
		background-color: transparent;
		margin:0px;
		background-color:#FFF;
		border:1px solid #CCCCCC;
		color:#495261;
}


	/*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 li:hover>a 	
	{	
		color:#495261;
		margin:0px;
		background-color:#FFF;
		border:1px solid #CCCCCC;
	}


	/*"""""""" (MAIN) Active State""""""""*/	
	body #qm0 .qmactive, body #qm0 .qmactive:hover	
	{	
		color:#495261;
		text-decoration:none;
		background-color:#FFF;
		border:1px solid #CCCCCC;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		margin:0px;
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	
	{	
		padding:5px;
		margin:0px;
		background-color:#FFFFFF;
		background-repeat:repeat-x;
		border-width:1px;
		border-style:solid;
		border-color:#9A9A9A;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a	
	{	
		padding:2px 20px 2px 5px;
		border-width:0px;
		border-style:none;
		color:#920403;
		letter-spacing:0px;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover	
	{	
		text-decoration:underline;
		color:#120805;
	}


	/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 ul li:hover>a	
	{	
		text-decoration:underline;
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		background-color:#F1F1F1;
	}


	/*"""""""" Individual Titles""""""""*/	
	#qm0 .qmtitle	
	{	
		margin:2px 5px 5px 5px;
		color:#46180A;
		font-family:Arial;
		font-size:11px;
		font-weight:bold;
	}


	/*"""""""" Individual Horizontal Dividers""""""""*/	
	#qm0 .qmdividerx	
	{	
		border-top-width:2px;
		margin:4px 5px 4px 5px;
		border-color:#A2A1AD;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul li:hover > a.qmparent	
	{	
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul .qmparent	
	{	
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 li:hover > a.qmparent	
	{	
		text-decoration:underline;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 .qmparent	
	{	
		background-repeat:no-repeat;
		background-position:97% 50%;
	}
	
	.invisible{ display:none;}
	
	.half{width:47%;}