@charset "utf-8";
/* CSS Document */








body {background-image: url(../images/_background.jpg);background-repeat: repeat-x;}

.clear{clear:both;}

/*/////////   TYPOGRAPHY /////////  */
#wrapper{font-family:Verdana, Geneva, sans-serif;}
#general_content h1 {color:red; font-size:20px; line-height:1.4em; margin:0.3em 0 0 0; }
#general_content h2 {color:blue; font-size:16px; line-height:1.3em; margin:0.3em 0 0 0; }
#general_content p {color:#000; font-size:14px; line-height:1.3em;margin:0.3em 0 10px 0; font-family:Arial, Helvetica, sans-serif;}

/*------navbar-------*/
#navbar{font-size:13px; margin-left:18px;}
#navbar a{text-decoration:none;}
#navbar ul{list-style:none;}

ul.dropdown    { position: relative; }
ul.dropdown li {font-weight: bold;float: left;zoom: 1;background-image: url(../images/navbarbground.jpg);background-repeat: repeat-x;}

ul.dropdown a:hover	{ color: #FFF; }
ul.dropdown a:active { color: #ffa500; }
ul.dropdown li a  { display:block;padding:5px 15px;color:#FFF; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover, ul.dropdown li:hover {color: black;position: relative;background-image: url(../images/navbarbgroundover.jpg);}
ul.dropdown li.hover a  { color: white; }

/* 	LEVEL TWO  */
ul.dropdown ul 	{ width: 170px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li 	{ font-weight: normal; background-image: url(../images/navbarbground.jpg);
	background-repeat: repeat-x; color: #000;  border-bottom: 1px solid #ccc; float: none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 

/* 	LEVEL THREE   */
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }

/*---------------------------------------------------------------------------*/


/*////////  MAIN DIVS   //////////   */

#wrapper {margin:0px auto;width:820px;/*border: thin solid #F00;*/text-align:left;}

#footerindex {height:62px;width:519px;background-image: url(../images/footerbground.jpg);border-left:1px solid #CCC;border-right:1px solid #CCC;}

#footer{height:59px;padding-top:3px;width:520px;background-image: url(../images/footerbground.jpg); border-left:1px solid #CCC;border-right:1px solid #CCC;}

/*-------------Head CSS--------------*/
#header {height:100px;background-image: url(../images/_header.jpg);background-repeat: no-repeat;}
#home {float:left;height:70px;width:450px}
#socialmediabuttons{float:right;height:70px;width:305px; padding:0 0 0 40px;}/*original width 345px*/
#socialmediabuttons .threebuttons {float:left;margin:13px 20px 0 0; }
#socialmediabuttons .spanishbutton {float:right;margin:10px 20px 0 0;}

#livesupport{float:right;width:305px; padding:8px 0 0 40px;}
/*-------------Index divs-------------------*/

#leftbarindex{margin-top:5px;float:left;width:512px;} /*IE 6 fix*/ #leftbarindex{display:inline;}
#mainquote{height:210px;width:inherit;background-image: url(../images/freequote.png);background-repeat: no-repeat; }
#quoteleft{ float: left; margin:57px 0 0 10px;}


#quoteform {width:270px;float:right;margin:97px 19px 0 0; }
#quoteform ul{list-style:none;}
#quoteform li{float:left;display:block;}
.lisep{margin:5px 27px 0 0;}

/*-video-*/
  
  
#video_console {/*border:1px dotted #CCC; */height:145px; margin:0 15px 0 3px; overflow-x:scroll; overflow-y: hidden;}

.single_video {width:120px; height:120px; padding:0 5px; float:left; /*border-right: 1px dotted #CCC; */}

.single_video img{background-color:#999; padding: 8px 6px; border:2px solid #CCC; margin:5px 0 0 4px;}
.single_video p {line-height:1.1em; font-size:11px; margin:2px; text-align:center;}

.single_video a {color:#666; text-decoration:none;}
.single_video a:hover{color: #333;}


/*- vertical -*/

#video_console_vertical {height:140px;margin:3px 15px 0 0; overflow:auto; font-family: Arial, Helvetica, sans-serif;border-top:1px solid #666; border-bottom:1px solid #666;}
.single_video_vertical {height:60px; border-bottom:1px dotted #CCC;}
.single_video_vertical img{float:left; margin:2px 0 0 2px; border:1px solid #000;}
.single_video_vertical p {line-height:1.1em; font-size:11px; margin:10px 5px 0 0; width:118px; float:right; font-weight:bold;}
.single_video_vertical a {color:#666; text-decoration:none;}
.single_video_vertical a:hover{color: #333;}
/*---------contentindex-----------*/
#contentindex{width:524px;font-family: Tahoma, Geneva, sans-serif;padding:16px 0 5px 0;/* border:1px solid #CCC;*/}
#contentindex .greenrow{height:90px;background-image: url(../images/greenbgroundindex.jpg);background-repeat: repeat-x;border: 0px none #F0F0F0;}
#contentindex .whiterow{height:90px;background-image: url(../images/whitebgroundindex.jpg);background-repeat: repeat-x;}

#contentindex .square{height:inherit;float:left; width:255px;}
#contentindex img{float:left;}
#contentindex h3 {letter-spacing:0em;font-size:15px;margin:0.6em 0 0.4em 0;font-weight:bold;color: #006;text-decoration:underline;}
#contentindex h4 {letter-spacing:0em;font-size:14px;margin:0.8em 0 0.5em 0;font-weight:bold;color: #006;text-decoration:underline;}
#contentindex p {font-size:12px;letter-spacing:0px; line-height:1.1em;}
#contentindex a {color: #006;}
#contentindex a:visited{color: #006;}
#contentindex a:hover{color:#000;}
/*---------footer-------------------------*/
#footer{font-size:10px;font-weight:bold;text-align:center;}
#footer ul{padding:0.5em 0 0.3em 0;}
#footer li{display:inline;margin-right:0.5em; padding-right:0.75em; border-right:1px solid #99C; }
#footer li.last{border-right:0px;}
#footer a{color: #333; text-decoration: none;}
#footer a:hover{text-decoration:underline;}
#footer p{font-size: 1em;color: #333;padding:.5em 0 0 0; font-weight:normal;}


/*-------------rightbarindex------------*/
#payonline ul {margin:20px 0 0 21px;}
#payonline li{display: inline;padding: 0;margin: 0;}/*make for individual pages*/
#payonline a{display:block;}
#paybutton span {display:none;}
a#paybutton {height:66px;width: 246px;	background-image: url(../images/button_payonline_index.jpg);}
a#paybutton:hover{background-position: 0 -66px;} 


#rightbarindex{margin-top:10px;float:left;width:280px;height:750px;background-image: url(../images/rightnavbarindex-nl.png);display:inline;}
#rightbarvideo{padding-top:18px;padding-left:25px;}
#rightbar2{height:190px;}
.paybutton{margin:19px 0 0 22px;}
#location ul {margin:10px 0 0 20px;}
#location li{display: inline;padding: 0;margin: 0;}/*make for individual pages*/
#location a{display:block;}
#locationbutton span {display: none;}
a#locationbutton {height:82px;width: 246px;	background-image: url(../images/button_location.png);}
a#locationbutton:hover{background-position: 0 -82px;}


/*---------------------------------*/



/*--------------------SERVICES PAGES-------------------------------*/
/*-----------------------------------------------------------------*/
#free_quote{width:219px; height:80px; background-image:url(../images/_bground_quote2.png);margin:15px 0 0 35px;padding:9px 0 0 0; background-repeat:no-repeat;}
#leftbar{margin-top:10px;float:left;width:512px;}
.leftheader{height:210px;width:492px;background-repeat: no-repeat;color:#FFF;font-weight:bold;padding-left:20px;}
#general_content{width:482px;padding: 0 20px 15px 20px;margin-top:10px; height:auto; background-color:#F3F8FE; background-image: url(../images/_mainbground.jpg); background-repeat:repeat-x; border-top: solid 1px #666;border-bottom: solid 1px #666;}


/*---payonline button---*/
#payonline_inner ul {margin:0 0 0 35px;}
#payonline_inner li{display: inline;padding: 0;margin: 0;}
#payonline_inner a{display:block;}

#paybutton_inner span {display:none;}
a#paybutton_inner {height:80px;width: 225px;	background-image: url(../images/button_payonline_inner.png);}
a#paybutton_inner:hover{background-position: 0 -80px;} 


/*------------------services ids---------------------*/
#serv_auto{background-image: url(../images/serv_auto.jpg);}
#serv_services{background-image: url(../images/serv_main.jpg);}
#serv_home{background-image: url(../images/serv_home.jpg);}
#serv_moto{background-image: url(../images/serv_moto.jpg);}
#serv_renter{background-image: url(../images/serv_renter.jpg);}
#serv_comvehicle{background-image: url(../images/serv_comvehicle.jpg);}
#serv_business{background-image: url(../images/serv_business.jpg);}
#serv_mobile{background-image: url(../images/serv_mobile.jpg);}
#serv_mexico{background-image: url(../images/serv_mexico.jpg);}
#serv_flood{background-image: url(../images/serv_flood.jpg);}
#serv_specialty{background-image: url(../images/serv_specialty.jpg);}
#find_location{background-image: url(../images/serv_findlocation.jpg);}
#serv_ourteam{background-image: url(../images/serv_ourteam.jpg);}
#serv_dmv{background-image: url(../images/serv_dmv.jpg);}
#serv_ticket{background-image: url(../images/serv_ticket.png);}

#serv_customer1{background-image: url(../images/serv_customer1.png);}
#serv_customer2{background-image: url(../images/serv_customer2.png);}
#serv_customer3{background-image: url(../images/serv_customer3.png);}
/*---------------rightbar------------------*/

#rightbar{float:left;width:280px;height:auto;}
#rightbar_top{height:15px;width:inherit;background-image: url(../images/rightbar_top.png);}
#rightbar_content{background-image:url(../images/rightbar_middle.png); background-repeat:repeat-y;height:auto;padding:0 0 20px 0;}
#rightbar_bottom{height:30px;width:inherit; background-image:url(../images/rightbar_bottom.png);}

#socialmediabottom{ height:70px; margin:20px 0 0 35px; }
#socialmediabottom a{margin:0 20px 0 5px;}
/*-navbar right-*/
#navbar_right {
	padding:30px 0 35px 8px;
	margin:20px 0 0 35px;
	background-image: url(../images/rightbar_background.png);
	background-repeat:no-repeat;
}

#navbar_right ul {float:left;}
#navbar_right li{display: inline;padding: 0;margin: 0;}/*make for individual pages*/
#navbar_right a{display:block;}

#right_auto span, #right_moto span, #right_commvehicle span, #right_mobile span, #right_flood span, #right_dmv span, #right_home span, #right_rent span, #right_business span, #right_mexico span, #right_specialty span, #right_dmvforms span, #right_ticket span, #right_travel span, #right_legal span, #right_notary span{display:none;}
a#right_auto:hover, a#right_moto:hover, a#right_commvehicle:hover, a#right_mobile:hover, a#right_flood:hover, a#right_dmv:hover, a#right_home:hover, a#right_rent:hover, a#right_business:hover, a#right_mexico:hover, a#right_specialty:hover, a#right_dmvforms:hover, a#right_ticket:hover, a#right_travel:hover, a#right_legal:hover, a#right_notary:hover {background-position: 0 -30px;} 

a#right_auto {height:30px;width: 102px;	background-image: url(../images/sidebar_auto.png);}
a#right_moto {height:30px;width: 102px;	background-image: url(../images/sidebar_moto.png);}
a#right_commvehicle {height:30px;width: 102px;	background-image: url(../images/sidebar_commvehicle.png);}
a#right_mobile {height:30px;width: 102px;	background-image: url(../images/sidebar_mobile.png);}
a#right_flood {height:30px;width: 102px;	background-image: url(../images/sidebar_flood.png);}
a#right_dmv {height:30px;width: 102px;	background-image: url(../images/sidebar_dmv.png);}
a#right_home {height:30px;width: 102px;	background-image: url(../images/sidebar_home.png);}
a#right_rent {height:30px;width: 102px;	background-image: url(../images/sidebar_rent.png);}
a#right_business {height:30px;width: 102px;	background-image: url(../images/sidebar_business.png);}
a#right_mexico {height:30px;width: 102px;	background-image: url(../images/sidebar_mexico.png);}
a#right_specialty {height:30px;width: 102px;	background-image: url(../images/sidebar_specialty.png);}
a#right_dmvforms {height:30px;width: 102px;	background-image: url(../images/sidebar_dmvforms.png);}
a#right_ticket {height:30px;width: 102px;	background-image: url(../images/sidebar_ticket.png);}
a#right_travel {height:30px;width: 102px;	background-image: url(../images/sidebar_travel.png);}
a#right_legal {height:30px;width: 102px;	background-image: url(../images/sidebar_legal.png);}
a#right_notary {height:30px;width: 102px;	background-image: url(../images/sidebar_notary.png);}
/*-location-*/
#locationbutton_small span {display: none;}
a#locationbutton_small {height:68px;width: 205px;	background-image: url(../images/button_location_small.png); background-repeat:no-repeat;}
a#locationbutton_small:hover{background-position: 0 -68px;} 


/*----------------------Services pages--------------------*/
.clear_border {height:10px;border-bottom:1px solid #CCC;margin-bottom:15px; clear:both;}
#scroll {overflow:auto; height:350px;}
.slogan{padding:20px 0 0 20px;}
/*------------typeography---------*/

#general_content h1 {color:red; font-size:20px; line-height:1.4em; margin:0.3em 0 0 0; }
#general_content h2 {color:blue; font-size:15px; line-height:1.3em; margin:0.3em 0 0 0; }
#general_content h3 {color:black; font-size:14px; line-height:1.3em; margin:0.3em 0 0.5em 0; }

#general_content p {color:#000; font-size:14px; line-height:1.3em;margin:0.3em 0 10px 0; font-family:Arial, Helvetica, sans-serif;}
/*--------insurance services page-------------*/

.servicesquare{height:86px;width:110px;padding-left:10px; float:left; text-align:center;}
.servicesquare h6{font-size:9px; padding-top:3px;}
.servicesquare a{text-decoration:none; color:#00F;}
.servicesquare a:hover{text-decoration:none;}


/*----serv-auto----*/
.auto1 {font-size:14px; font-family:Arial, Helvetica, sans-serif;width:260px; list-style:disc;margin:0 0 0 20px; float:left; line-height:1.3em;}
.auto1 li{margin-bottom:.8em;}


/*-----------------PAY ONLINE---------------------------*/
#companybuttons{border-top:1px dotted #CCC;border-bottom:1px dotted #CCC;padding: 10px 0 10px 0;}
#companybuttons img {margin:5px 12px;}

/*---------------Find Location-------------------*/
#maps{border-top:1px solid #CCC;margin:10px 0;padding:10px 0; font-family:Arial, Helvetica, sans-serif;}
#maps .innermap{text-align:center; font-family:Arial, Helvetica, sans-serif;}
.littlemaptop{float:left;height:145px;width:142px;padding:0 5px 0 5px;margin:0 0 0 2px;}
.littlemapbottom{float:left;height:145px;width:142px;;padding:0 5px 0 5px;margin:5px 0 0 55px;}
#maps .fontsmall{font-size:11px; text-align: center; font-weight:bold; line-height:1.1em;}
#inlineContent a{color:#00F;text-decoration:none;}
#inlineContent a:hover{color:#00F;text-decoration:underline;}
#inlineContent img {margin:0 0 10px 0;}
.goback{font-size:10px;color:#F00;font-weight:bold;}

/*This is the specific css for the CONTACTUS page */

#contact_page{}
#contact_page p{line-height: 1.2em; margin:0 0 0.1em 0;}
.red {color:#F00} 
.blue {color:#00F} 


#contactstuff{padding:10px 0; margin:10px 0;border-top: 1px solid #CCC;}

div#colonecontact{width:180px;height:auto; line-height:1em;float:left;}
div#colonecontact .small {font-size:11px; line-height:1.3em;}
div#coltwocontact{width:180px;line-height:1em;float:left;}
div#coltwocontact .small {font-size:11px; line-height:1.3em;}

div#colthreecontact{float:left;padding-top:20px;}
div#contacttable{padding-left:60px;padding-top:30px;}
div#contacttable .biggerfont{font-size:12px;}

/*-----------css for ourt team--------------*/


.basicpicturesquare {height:160px; width:100px; margin-left:5px;margin-right:5px; margin-top:10px;float:left; text-align:center;}
.teamtext {}
.basicpicturesquare a {font-size:10px; color:#00F;text-decoration:none;}

#teamtable{font-size:12px;} 
#teamtable td{padding:0; border:1px solid #CCC; }
#teamtable img{padding:0; margin:0;}
#teamtable a{padding:0; margin:0;}

/*This is the CSS fot the specific team pages*/

div#teampicleft{float:left;}
div#teampictable{float:left;width:220px;padding-left:15px;}
div#sendmebutton{padding-left:100px;}

/*jobspage*/
#jobcontent p{line-height:1.3em;}
#jobcontent li{font-size:14px;font-weight:bold; line-height:1.8em; margin:0 0 0 30px;}
#jobcontent ul{float:left; list-style:circle;}
#jobcontent img {margin:10px 15px 0 0;}
#jobcontent a{text-decoration:none;color:#00F;}
#jobcontent a:hover{color:#666;}

/*--- DMV Page ---*/
.dmvlist{font-weight:bold; font-size:14px; list-style:circle; margin:0 0 0 40px;}
.dmvlist li {line-height:1.5em;}

/*---Other Services---*/
#other_services{}

#other_services a{ color:#000; text-decoration:none; }
#other_services a:hover{ color:#CCC;}