/* @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 0}
h2 {font-size:22px; color:#333333; margin:0 0 14px 0; }
h3 {font-size:16px; color:#666666; margin:0 0 8px 0; }

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

ul.nobullet li { background:none; list-style:none; padding:0 0 0 0;font-style:italic}
ul.nobullet li.heading { font-weight:bold; list-style:none; margin:0 0 8px 0; padding:6px 0 0 25px;font-style:normal }
.alert-container { background:url(../images/bullets/alert_icon_sm.gif) 25px 4px no-repeat; padding:0 0 0 15px; width:540px;  }

/* @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;}
.s20 {font-size:20px;}
.s24 {font-size:24px;}
.black {color:#000000;}
.red {color:#CC0000;}
.green {color: #339900;}
.gray {color:#666666;}
.light-gray {color:#CCCCCC;}
.dark-gray {color:#333333;}

.fileSize {font-size:12px; color:999999}
/* @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;}
.add-left-padding {padding-left: 20px;}

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

/* @end */
/* a[href$='.pdf'] { background: url(../images/bullets/pdf.gif) 99% 2px no-repeat; padding-left:20px;}
a[href^="https:"] { background: url(../images/bullets/goicon.gif) 99% 4px no-repeat; padding-left: 20px;}
*/
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.golink {background: url(../images/bullets/goicon.gif) 99% 4px no-repeat; padding-right:18px}
a.goicon {background: url(../images/bullets/goicon.gif) 99% 4px no-repeat; text-decoration:none}
a.xls {background: url(../images/bullets/xls.jpg) 99% 2px no-repeat; text-decoration:none }
a.pdf {background: url(../images/bullets/pdf.gif) 99% 2px no-repeat; text-decoration:none }
a.application {background: url(../images/bullets/application.gif) 99% 2px no-repeat; text-decoration:none }
a.word {background: url(../images/bullets/word.gif) 99% 2px no-repeat;text-decoration:none }
a.login {background: url(../images/buttons/login.gif) 99% 0 no-repeat; text-decoration:none }
/* @end */

.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:905px; background:url(../images/body_ui/content-mid.gif) repeat-y; margin:0; padding:16px 20px 10px 20px }
.content-mid p, .content-mid ul, .content-mid h3, .content-mid h2 {margin-left:12px;}
.content-mid-home {width:937px; min-height:634px; height:634px; background:url(../images/common/home_lighthouse.jpg) top left no-repeat; margin:0 0 0 4px; padding:5px 0 0 0 }
.home-blurb {width:660px; padding:50px 0 0 70px; font-family:Arial, Helvetica, sans-serif; font-weight:bold }
.home-blurb h1 {font-size:32px; color:#cccccc; margin:0 0 0 0; line-height:32px }
.home-blurb h2 {font-size:18px; color:#ffffff; line-height:26px}
.home-blurb h3 {font-size:14px; color:#ffffff; line-height:22px;}

.content-mid-home a, .content-mid-home a:visited,.content-mid-home a:active  { color:#FFFFFF; text-decoration:none}
.content-mid-home a:hover { color:#CCCCCC;text-decoration:underline }

#splashLogos {width:800px;padding:30px 0 0 50px; font-size:14px; line-height:16px}
#splashLogos span.usli {width:100px; padding:0 0 0 40px; height:50px; background:url(../images/common/usli_logo_bl.gif) top left no-repeat; float:left }
#splashLogos span.modernlink {width:190px; margin-left:20px; padding-left:128px; background:url(../images/common/modernlink_logo_bl.gif) top left no-repeat;float:left }
#splashLogos span.rli {width:126px; padding-left:80px; background:url(../images/common/rli_logo_bl.gif) top left no-repeat;float:left }


.content-mid .left {width:560px; float:left }
.content-mid .left#Contact {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: 600px; 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#Contact {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;}
.content-bot-home {width:945px; height:10px; background:none; 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:10px 0 0 5px; color:#666666; margin:0 0 24px 0;font-size:12px}
.footer ul li {line-height:18px}
.footer .col1 {float:left; width:435px}
.footer .col2 {float:left; width:100px; padding:0 0 0 100px}
.footer .col3 {float:left;width:60px; padding-left:80px }
.footer .col3 a {padding:0 0 0 5px;}
.footer .col4 {float:right;width:122px; padding:0 10px 0 20px }


/* @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:#000000; background: url(../images/nav/selected.jpg) top left; font-size:15px;  padding:0 0 0 20px; }
.nav li.selected a span { color:#000000; background: url(../images/nav/selected.jpg) top right;  padding:0 20px 0 0 ; }
.nav li.selected a:visited {color:#000000; cursor:default;}
.nav li.selected a:hover {color:#000000; cursor:default; text-decoration:none;}
.nav li.selected a:hover span {color:#000000; 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;}

.col-container {width:800px; margin-bottom:24px}
.col {width:200px; float:left }

.gototop {float:right; width:50px}

/* @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 18px 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 */