/* @group BASE */

html, body {margin-top:0px; padding:0px; background:#FFFFFF url(../images/common/bg_fade.jpg) repeat-x; font-family: Georgia, "Times New Roman", Times, serif; font-size:16px; line-height:20px }

/* @group Headers, Text, Links, Lists */

h1 {font-size:30px; color:#000000; font-weight:normal; margin:6px 0 36px 6px}
h1.brown {font-size:24px; color:#764c29;font-weight:normal; margin:0 0 8px 0}
h2 {font-size:18px; color:#663300; margin:0 0 4px 0; }

ul { margin: 0 10px 0 3px; padding:0; list-style:none; }
ul.gray-square li { background: url(../images/bullets/gray-bullet.gif) no-repeat 0 7px; padding-left: 15px; margin:0; list-style:none; }
ul.gray-square li ul li { background: url(../images/bullets/gray-bullet-indent.gif) no-repeat 0 7px; padding-left: 15px; margin:0; list-style:none; }
ul.gray-square li.lastchild {margin:0 0 14px 0;}

ul.brown-square li { background: url(../images/bullets/square_bn.gif) no-repeat 0 7px; padding-left: 15px; margin:0; list-style:none; color:#333333; font-size:15px  }
ul.brown-square li.lastchild {margin:0 0 14px 0;}

/* @group Text Colors/Size */
p {font-size:15px; color:#333333; margin:0 0 20px 0 }
.s12 {font-size:12px;}
.s14 {font-size:14px;}
.s16 {font-size:16px;}
.s18 {font-size:18px; line-height:26px;}
.s24 {font-size:24px;}
.black {color:#000000}
.red {color:#CC0000}
.green {color: #339900}
.gray {color:#666666}
.light-gray {color:#CCCCCC}
.dark-gray {color:#333333}
/* @end */

/* @group Text Formatting */
.strong {font-weight:bold}
.remove-padding {padding:0;}
.remove-top-padding {padding-top:0;}
.remove-bot-padding {padding-bottom:0;}
.remove-margin {margin:0;}
.remove-top-margin {margin-top:0;}
.remove-bot-margin {margin-bottom:0;}
.add-padding {padding-bottom:6px;}

.floatLeft {float:left}
.spacer {line-height:0; font-size:0; clear:both;	}

/* @end */

a { color:#0066CC; text-decoration:none}
a:visited { color:#0066CC; text-decoration:none }
a:hover { color:#003399;text-decoration:underline }
a:active { color:#0066CC;text-decoration:none }

a.goicon {background: url(../images/bullets/goicon.gif) 99% 4px no-repeat; padding-right:20px; text-decoration:none}


/* @end */


/* @group Form Elements */
/* form.aligned-form { margin: 0; padding: 0;  width: 520px; }
form.aligned-form fieldset { padding: 0 0 0 0; margin: 0; border:none }
form.aligned-form form fieldset legend { font-size:16px; }
form.aligned-form label { display: block; float: left; width: 180px; padding: 0; margin: 5px 0 0; color:#333333; text-align: right; }
form.aligned-form input, form.aligned-form select { margin:5px 0 0 10px; border:1px solid #cccccc; height:20px  }
form.aligned-form textarea { margin:5px 0 0 10px; border:1px solid #cccccc;}
form.aligned-form #add-vehicle-info { width:160px; margin:0 0 0 10px}
form.aligned-form .inline label { float:none; display:inline; width:30px; }

form.aligned-form textarea { overflow: auto; }
form.aligned-form .formRow { clear:left; }

form label {padding: 0; margin:0; color:#333333;}
form input, form select { margin:5px 0 0 0; border:1px solid #cccccc; height:20px}
form textarea { margin:5px 0 0 0; border:1px solid #cccccc;}
form .number {margin-right:20px; font-family:Arial, Helvetica, sans-serif; font-weight:bold}
/*p.error { padding:0; margin:0; display:none; color: #CC0000; font-weight:bold; font-size:11px; line-height:12px; margin:4px 0 0 0; clear:both}
*/
.error { background:#ffffff url(../images/bullets/error_icon.gif) left no-repeat;  }
.submit-btn { background:transparent url(../images/buttons/submit.jpg) repeat scroll 0 50%; border:medium none; cursor:pointer; height:25px; margin:0 0 0 10px; width:97px;}

/* ----------- basic ----------- */
.makkForm {margin:0; width:520px;	padding:6px; }
.makkForm fieldset { padding: 0 0 0 0; margin: 0 ; border:none;  display:block}
.makkForm .elementRow {clear:both; width:500px; margin-bottom:6px; height:30px;}
.makkForm .buttonHolder {clear:both; width:430px; margin:12px 0 0 auto;}
*+ html .makkForm .buttonHolder {clear:both; width:430px; margin:24px 0 0 auto;}
.makkForm label { text-align:right; color:#333333; width:250px; margin:0 10px 0 0; float:left; }
.makkForm input { float:left; width:200px; margin:2px 0 0 0; border:1px solid #cccccc; height:20px }
.makkForm button {  background:transparent url(../images/buttons/submit.jpg) repeat scroll 0 50%; border:medium none; cursor:pointer; height:25px; margin:14px auto 0 auto; display:block; width:97px; }
.makkForm .inlineLabel {width:30px}
.makkForm .radio {width:30px; border:0;}
.captcha {float:left; width:200px;}
.captcha input { float:none;}
.captcha label { float:none;}

input.error { background:#ffffff url(../images/bullets/error_icon.gif) no-repeat right;  }
select.error { border:1px solid #CC0000  }
p.error { display:none; line-height:0; font-size:0; height:0; clear:both;	 }
.required-label {color:#CC0000}
.contactForm {margin:0; width:395px;	padding:6px; }
.contactForm input { margin:2px 0 0 0; border:1px solid #cccccc; height:20px }
.contactForm textarea { margin:2px 0 0 0; border:1px solid #cccccc; }
.contactTable td {padding-bottom:10px}

/* @end */

/* @group Global Layout */
.flag-bg {background: url(../images/common/flag_bg2.jpg) no-repeat top; margin:0px auto 0 auto; width:100%;}
.wrapper {margin:0 auto; width:945px; background:url(../images/body_ui/header_bg.png) top left no-repeat}
.content {width:945px; margin:0;}
.content-top {width:941px; margin:0; padding-left:4px }
.content-mid {width:925px; min-height:650px; background:url(../images/body_ui/content-mid.gif) repeat-y; margin:0; padding:16px 0 10px 20px }
.content-mid#contact {width:925px; min-height:420px; background:url(../images/body_ui/content-mid.gif) repeat-y; margin:0; padding:16px 0 10px 20px }
.content-mid#disclaimer {width:905px; min-height:600px; background:url(../images/body_ui/content-mid.gif) repeat-y; margin:0; padding:16px 20px 10px 20px }
.content-mid#home {width:940px;min-height:500px; background:url(../images/body_ui/content-mid.gif) repeat-y; margin:0; padding:16px 0 0 5px }
.content-mid#about {width:925px; min-height:10px; background:url(../images/body_ui/content-mid.gif) repeat-y; margin:0; padding:16px 0 10px 20px }

.content-mid .left {width:560px; float:left }
.content-mid .left#contactLeft {width:420px; float:left }
.content-mid .about-bg {width:900px; background:url(../images/photos/minuteman.jpg) top right no-repeat; }

.content-mid .right#Auto {width:345px; height: 400px; background:url(../images/photos/auto.jpg) -5px top no-repeat;float:right }
.content-mid .right#Home {width:325px; height: 400px; background:url(../images/photos/home.jpg) 0px top no-repeat; float:right}
.content-mid .right#Family {width:325px; height: 420px; background:url(../images/photos/family.jpg) 60px top no-repeat;float:right }
.content-mid .right#Business {width:325px; height: 515px; background:url(../images/photos/business-insurance.jpg) 20px top no-repeat;float:right }
.content-mid .right#contactRight {width:440px; padding:0 20px 0 0; float:right }

.content-bot {width:945px; height:10px; background:url(../images/body_ui/content-bot.gif) bottom left no-repeat; margin:0;}

.gray-box {width:440px; margin:0; }
.gray-box-top {width:440px; height:10px; margin:0; padding:0; background:url(../images/body_ui/gray_box_top.gif) top left no-repeat;}
.gray-box-mid {width:429px; padding:0 0 0 11px; margin:0;background:url(../images/body_ui/gray_box_mid.gif) repeat-y;}
.gray-box-bot {width:440px; height:10px; margin:0; padding:0;background:url(../images/body_ui/gray_box_bot.gif) top left no-repeat;}
.google-maps-container {border:1px solid #999999;}

.header-logo {width:905px; height:70px; padding:0 0 0 10px }
.page-title {width:915px; padding:24px 0 0 15px;clear:left;   }
.footer {width:100%; padding:12px 0 0 15px; color:#666666; font-size:11px}
.footer p { padding:36px 0 0 0; color:#666666; font-size:11px}
.footer ul li {line-height:18px}

.footer .col1 {float:left; width:200px}
.footer .col2 {float:left; width:200px}
.footer .col3 {float:left;width:200px; padding-left:0}
.footer .col4 {float:left;width:200px; padding-left:10px}
.footer .col5 {float:left;width:220px; padding-left:100px}

.logos {width:938px; padding:24px 0 10px 0; text-align:center  }
.logos a img {border:0}
.logos ul { margin: 0 10px 0 0; padding:0; list-style:none; display: inline }
.logos ul li { padding-right:25px; display:inline }

#quoteClose img{ float:right; border:0; }
.lgOutlineBox#quoteBox { position:absolute; width:800px; border:1px solid #cccccc; top:0; left:0; z-index:999; display:none; background-color:#FFFFFF; line-height:20px; color:#666666; text-align:left }
.lgOutlineBoxTop { width:800px; height:12px; background:url(../images/ui/lgOutlineBoxTop.png) top no-repeat; }
.lgOutlineBoxMid { width:760px; padding:10px 20px 5px 20px; background:url(../images/ui/lgOutlineBoxMid.png) repeat-y; }
.lgOutlineBoxBot { width:800px; height:12px; background:url(../images/ui/lgOutlineBoxBot.png) top no-repeat; }


/* @end */

/* @group Top Main Navigation */
.header-nav-container { background:url(../images/nav/bg.jpg) top left repeat-x; width:937px; height:37px; padding:0 0 0 0; margin:0 ; font-size:13px; font-family:Arial, Helvetica, sans-serif}
.nav {padding:0 0 0 0; margin:0; list-style:none; height:37px; position:relative; }
.nav li {float:left; padding-left:0}
.nav li a {display:block; float:left; height:37px; line-height:37px; text-decoration:none; font-weight:bold; text-align:center; padding:0 0 0 5px; cursor:pointer;}
.nav li a:hover { text-decoration:none;}
.nav li a span {float:left; display:block; padding:0 12px 0 4px;}
.nav li.selected a {color:#663300; background: url(../images/nav/selected.jpg) top left; font-size:15px;  padding:0 0 0 20px; }
.nav li.selected a span { color:#663300; background: url(../images/nav/selected.jpg) top right;  padding:0 20px 0 0 ; }
.nav li.selected a:visited {color:#663300; cursor:default;}
.nav li.selected a:hover {color:#663300; cursor:default; text-decoration:none;}
.nav li.selected a:hover span {color:#663300; cursor:default; text-decoration:none;}



/* @end */

/* @group Tabs Nav */

.tabs-container { width:440px; height:65px; padding:0; margin:0 0 24px 0 }

/* @end */

.show-hide-active {background: url(../images/bullets/minus.gif) left 3px no-repeat; padding-left: 18px;}
.show-hide-innactive {background: url(../images/bullets/plus.gif) left 3px no-repeat; padding-left: 18px;}
.policy {margin-bottom:24px;}
.policy-details { display: none; padding:6px 0 0 20px }

#vehicle-template {display:none}
#auto-template {display:none}
#motorcycle-template {display:none}
#recreational-template {display:none}
.vehicle-info {display: none; padding:6px 0 0 20px}
.section-divider {width:100%; height:2px; background-color:#f8f8f8; margin:12px 0 12px 0; clear:both}

.about-partners {margin:6px 0 36px 0;}
.about-associations {margin:6px 0 110px 0;}
/* @group Home Page */
.top-intro {clear:left; background:url(../images/body_ui/top-intro-bg.jpg) top left no-repeat; width:915px; margin:0; padding:24px 0 0 20px  }
.top-intro .left { width:571px }
.top-intro .right {float:right; color:#666666; width:305px; height:105px; background:url(../images/body_ui/vert_line.gif) left no-repeat; padding-left:15px }
.top-intro .right img {padding-right:25px;}
.top-intro .right p {padding:30px 0 0 0; font-weight:normal ;}
.flash {width:931px; margin:0;}

/* @end */