/* Always declare this */
* { padding: 0px; margin: 0px; }

/* Shortcuts/Tools */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.spacer{ height: 15px; }
.italic{ font-style: italic; }
.bold{ font-weight: bold; }
.clear {clear: both; }
.left { float: left; }
.right { float: right; }
.all_float_left * { float: left; }
.all_float_right * { float: left; }
.border { border: 1px solid black; }
.width33 { width: 33%; }
.width50 { width: 50%; }
.width100 { width: 100%; }

/*Lists - General */
ul.list_outside { list-style: outside; padding-left: 20px; margin-bottom: 15px; }
ul.list_inside { list-style: inside; margin-bottom: 15px;}
ol.list_outside { list-style: outside; padding-left: 30px; margin-bottom: 15px;}
ol.list_outside { list-style: inside; margin-bottom: 15px; }

/* Tables - General */
table { width: 100%; }
table, td { vertical-align: top; }

/* Links - General */ 
a, img { border: none; }
a { text-decoration: none; color: #0066CC; }
a:hover { text-decoration: underline; color: #0066CC; }

/* Headers - General */
h1 { font: 14pt Verdana; color: #02639C; }
h2 { font: bold 12pt Arial, Helvetica, sans-serif; color: #333333; }

/* Dynamic Output */
.msg { color: #FF0000; margin-bottom: 15px; } 
.success_msg { color: #006600; margin-bottom: 15px; } 

/* jQuery-specic css */
.unclickable { cursor: default; }


/* ------------------------Site Specific----------------------------*/

html { height: 100%; }

body { background: #FFFFFF url("../images/bg.jpg") no-repeat top center; font: 10pt Verdana; color: #333; min-height: 100%; }

body.california_tow_truck_insurance { background: #FFFFFF url("../images/bg/bg-tow.jpg") no-repeat top center; }

body.sand_and_gravel_insurance { background: #FFFFFF url("../images/bg/sand-gravel-back.jpg") no-repeat top center; }

body.california_truck_stops { background: #FFFFFF url("../images/bg/truck-stop.jpg") no-repeat top center; }

body.california_truck_insurance_quote{ background: #FFFFFF url("../images/bg/quote-bg.jpg") no-repeat top center; }

p { margin-bottom: 15px; line-height: 1.3em; }

#header { width: 978px; height: 400px; margin: auto; margin-top: 20px; position: relative; } 

#nav { background: url("../images/navbg.png") no-repeat; width: 978px; height: 56px; position: relative; z-index: 1; } 

#logo { position: relative; z-index: 0; width: 515px; margin-left: -50px; height: 368px;float: left; margin-top: -30px; }

#logo * { float: left;}

#main  { width: 986px; background: url("../images/main_middle.png") repeat-y; margin: auto; margin-top: 60px;    }

#main #sidebar { width: 275px;  float: left; margin-left: 5px; padding-left: 5px; padding-top: 5px;  }

#main #sidebar .quote_box { float: left; margin-left: -20px; margin-top: -10px; margin-bottom: 15px; }

#main #sidebar .box1 { width: 271px; background: #E1EEF6; margin-bottom: 15px;}
	
	#main #sidebar .box1 .text{ padding: 5px; }
	
	#main #sidebar .box1 a{ text-decoration: underline; }
	
	#main #sidebar .box1 a:hover{ text-decoration: none; }

#main #sidebar .box2 {  clear: both; margin-bottom: 15px;}

	#main #sidebar .box2 h1 { background: #8697AD; color: #FFF; font-size: 10pt; padding: 10px; }
	
	#main #sidebar .box2 ul{ background: url("../images/sidebar_mod_bg.jpg") repeat-x; min-height: 177px; padding: 10px 0; }

	#main #sidebar .box2 ul li { margin: 0 30px; margin-bottom: 5px; }

	#main #sidebar .box2 ul li a { text-decoration: underline; color: #034374;}
	
	#main #sidebar .box2 ul li a:hover { text-decoration: none; color: #000; }
	
#main #rightcol { width: 675px; float: right; margin-right: 10px; padding-right: 10px;}

#main #rightcol .title { width: 698px; height: 93px; background: url("../images/title_bar.png") no-repeat; margin-top: -40px; margin-left: -10px; position:relative; padding-top: 1px; margin-bottom: 10px;}

#main #rightcol .title h3 { width: 415px; margin-top: 35px; margin-left: 27px; font: bold 11pt Arial, Helvetica, sans-serif; color: #333333; text-transform: uppercase;  }

#main #rightcol .title .quote_btn{ position: absolute; right: 20px; top: 28px; width: 234px; height: 44px; }

#main #rightcol .title .quote_btn * {float: left; }

#main #rightcol #content { padding-left: 15px; }

#footer { width: 976px; margin: auto; background: #24679C; }

#footer .wrap { padding: 10px; } 

#footer .wrap ul { list-style: none; float: left; width: 24%; margin-left: 5px; }

#footer .wrap ul li { list-style: none; padding-bottom: 3px; }

#footer .wrap ul li h3 { color: #FFDE01; font-size: 10pt; font-weight: bold;}

#footer .wrap ul li a { color: #FFFFFF; display: block; }

#copyright { text-align: center; margin: 20px 0;} 

#blogbox { margin: 20px 0; clear: both; width: 685px; }
#blogbox .top img{ display: block;}
#blogbox .middle { background: url("../images/blogbox-middle.jpg") repeat-y; min-height: 100px; padding: 10px; }
#blogbox .bot{ background: url("../images/blogbox-bot.jpg") no-repeat; height: 13px; }
#blogbox .articles p{ margin:0px; }
#blogbox .articles { margin-bottom: 20px; }

#state_coverage { padding-left: 15px; margin-bottom: 25px; float: left; width: 100%;}

#state_coverage ul { list-style: none;  float: left; width: 19%; } 

/* Forms */

input[type=submit] { padding: 5px 10px; margin-right: 30px; }

/* Contact Form */ 
#contact_form { }
#contact_form table {  }
#contact_form table tr td:first-child { text-align: right; }
#contact_form table td { padding: 0 5px 15px 5px;  }
#contact_form label {  color: #000; line-height: 20px; }
#contact_form input[type=text], #contact_form textarea { width: 300px; padding: 3px; color: #000000; font: normal 10pt Verdana; border: 1px solid #529FC1; }
#contact_form textarea { height: 100px; color: #000000; }


/* Request Form */ 

form#quote ul.form_checkboxes_list { list-style: none; float:left; width: 33%; margin-bottom: 15px; float: left; text-align: left; }

form#quote ul.form_checkboxes_list li {padding: 10px; float:left; width: 190px;}

form#quote fieldset { padding: 10px; margin-bottom: 25px; border: 1px solid #CCCCCC; }

form#quote fieldset legend { padding: 0 10px; margin-left: -5px; font: bold 11pt Verdana; color: 
#02639C; }

form#quote fieldset table tr td { padding: 5px; }

form#quote fieldset table tr td:first-child { width: 40%; text-align: right; }

form#quote fieldset#general input[type=text] { width: 200px;}