/* 
   File Name:    site.css
   Copyright:    Noble Lowndes Corporation Limited
                 http://www.noblelowndes.com/
*/

/* General */

* {margin:0; padding:0;} /* Default margin and padding */
body {background:#fff url(../images/bg.gif) repeat-x; font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#5e5e5e;}

/* Page Stucture

#wrapper.....................................
    #container...............................
        #header..............................
            #headertop.......................
            #logobar.........................
        #menubar.............................
        #imagebar............................
            #imagebox1.......................
            #imagebox2.......................
        #content.............................
            #maincolumn......................
            #rightcolumn.....................
            #featurebar......................Home Page Only
                #featurebox1.................Home Page Only
                #featurebox2.................Home Page Only
                #featurebox3.................Home Page Only
            #footerspacer....................
        #footer..............................
            #copyrightbox....................
            #legalbox........................
    #basebar.................................

*/

#wrapper {width:778px; margin:0 auto; padding:15px;}
#container {clear:both; width:728px; border:1px solid #b6c3cc; padding-left:24px; padding-right:24px; background:#fff;}
#header {width:100%; height:78px; background:#fff url(../images/headerbg.gif) no-repeat;}
#headertop {width:100%; height:24px; padding-top:7px;}
#logobar {width:100%; height:50px;}
#menubar {clear:both; width:728px; height:25px; border-bottom:1px solid #2e4b6c; background:#7499c4 url(../images/menubg.gif) repeat-x;}
#imagebar {clear:both; width:100%; height:145px; background:#fff url(../images/imagebarbg.jpg) no-repeat;}
#imagebox1 {float:left; display:inline; width:150px; height:100px; margin-left:373px; padding:20px 0 0 10px;}
#imagebox2 {float:left; display:inline; width:150px; height:100px; padding:20px 0 0 10px;}
#content {width:100%;}
#maincolumn {float:left; display:inline; width:447px; border-right:1px dotted #ccc; padding-left:0; padding-right:15px; min-height:500px;}
#rightcolumn {float:right; display:inline; width:250px; overflow:hidden;}
#footerspacer {clear:both; width:100%; height:12px;}
#footer {width:100%; height:26px; border-top:1px dotted #ccc;}
#copyrightbox {float:left; display:inline; width:380px; height:26px;}
#legalbox {float:right; display:inline; width:340px; height:26px; text-align:right;}
#basebar {clear:both; width:750px; height:40px; padding-top:10px; text-align:right; padding-left:14px; padding-right:14px;}

/* Dividers and Spacers */

.divider {clear:both; width:100%; height:10px; border-top:1px dotted #ccc; font-size:10px; line-height:1em;}

/* Header Styles */

h1, h2, h3, h4, h5, h6 {padding-top:6px; padding-bottom:6px; font-family:Arial,Helvetica,sans-serif; font-weight:bold; color:#444;}
h1 {font-size:16px; padding-bottom:10px;}
h2 {font-size:14px; border-top:1px dotted #ccc; padding-top:10px; padding-bottom:10px;}
h3 {font-size:12px;}
h4 {font-size:11px;}
h5 {font-size:11px; font-style:italic;}
h6 {font-size:10px;}

/* Paragraph Styles */

p, .bullet, .number, .emailaddress {line-height:1.5em; padding-bottom:1em;}

.date {font-size:10px; text-align:right;}
.large {font-size:14px;}
.medium {font-size:11px;}
.small {font-size:10px;}
.italic {font-style:italic;}
.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}

/* List Styles */

ul {list-style:none;}
ol {list-style:decimal outside;}

.bullet {list-style:disc url(../images/bullet.gif) outside; margin-left:22px; padding-bottom:6px;}
.number {list-style:decimal outside; margin-left:24px; padding-bottom:6px;}

.bullet li, .number li {padding-bottom:6px;}

/* Hyperlinks */

a {color:#3366cc; text-decoration:underline;}
a:hover {color:#66af00;}

a img {border:none;} /* Removes underline from image links */

/* Main Menu

#menubar
    [ul] #menu
        [li] #menu1
        [li] #menu2 (optional)
        [li] #menu3 (optional)
        [li] #menu4 (optional)
        [li] #menu5 (optional)
        [li] #menu6 (optional)
        [li] #menu7 (optional)
        [li] #menu8 (optional)
        [li] #menu9 (optional)
                        
*/

#menu {clear:both; list-style:none; margin:0; padding:0; font-size:10px; line-height:1em; font-family:"Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,sans-serif; color:#fff; text-transform:uppercase;}
#menu li {float:left; display:inline; height:25px; margin:0; padding:0;}
#menu li a {float:left; height:16px; border-right:1px solid #b7cadf; padding:7px 6px 2px 4px; color:#fff; text-decoration:none; text-align:center;}
#menu #menu1 a {width:62px;} /* 72px less left and right padding */
#menu #menu2 a {width:119px;} /* 129px less left and right padding */
#menu #menu3 a {width:127px;} /* 137px less left and right padding */
#menu #menu4 a {width:129px;} /* 139px less left and right padding */
#menu #menu5 a {width:118px;} /* 128px less left and right padding */
#menu #menu6 a {width:108px; border-right:0;} /* 118px less left and right padding */
#menu #menu1 a:hover,
 #menu #menu2 a:hover,
  #menu #menu3 a:hover,
   #menu #menu4 a:hover,
    #menu #menu5 a:hover,
     #menu #menu6 a:hover {background:#557ca9 url(../images/menubghover.gif) repeat-x; color:#fff;}

/* Sub Menu */

.submenu {font-size:10px; padding:4px 0 0 0; line-height:1em; font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Helvetica,Arial,sans-serif; color:#5e5e5e; text-align:right;}
.submenu a {color:#5e5e5e; text-decoration:none;}
.submenu a:hover {color:#66af00; text-decoration:underline;}

/* Breadcrumbs */

#breadbar {clear:both; width:100%; height:20px;}
#breadbar p {font-size:10px; padding:0; line-height:1em; color:#999;}

/* Form Styles

.formcontainer
    .formbox
        .formlabelbox
            .formlabel
        .formfieldbox
            .formfield
    .formbox    
        .formlabelbox
            .formlabel
        .formarea
        .formbutton

*/

.formcontainer {clear:both; padding-top:12px; padding-bottom:24px;}
.formbox {clear:both; width:440px;}
.formlabelbox {float:left; width:100px; height:34px;}
.formlabel {padding:5px 0 8px 0; line-height:1em;}
.formfieldbox {float:left; width:300px; height:34px;}
.formfield {width:240px; padding:2px 1px 2px 1px; font-size:11px; font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;}
.formarea {width:340px; padding:2px 1px 2px 1px; font-size:11px; font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; vertical-align:top;}
.formbutton {font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:11px;}

.linkcodearea {width:438px; padding:2px 1px 2px 1px; vertical-align:top;}

/* Email Addresses */

.emailaddress {clear:both;}
.emailaddress li {float:left; display:inline;}

/* Sitemap */

#sitemap {list-style:disc url(../images/bullet.gif) outside; margin-left:20px; padding-bottom:12px; line-height:2em;}

.sitemap1 {margin-left:0;}
.sitemap2 {margin-left:20px;}
.sitemap3 {margin-left:40px;}
.sitemap4 {margin-left:60px;}
.sitemap5 {margin-left:80px;}
.sitemap6 {margin-left:100px;}

/* Previous Next Links */

.prevnext {text-align:center;}
.prevnext a {text-decoration:none;}
.prevnext a:hover {text-decoration:underline;}

/* Footer */

#footer p {padding:7px 0 5px 0; font-size:10px; line-height:1em; font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Helvetica,Arial,sans-serif; color:#5e5e5e;}

#footer a {color:#5e5e5e; text-decoration:none;}
#footer a:hover {color:#66af00; text-decoration:underline;}

/* Google Custom Search Element */

#cse {width:100%;} /* Default Google setting */

/* Home Page */

#featurebar {clear:both; width:100%; height:125px; padding-top:15px; background:#fff url(../images/featurebarbg.gif) no-repeat;}
#featurebar p {font-size:11px; line-height:1.273em; padding-top:8px;}

#featurebox1 {float:left; width:175px; margin-right:4px; padding:4px 55px 0 10px;}
#featurebox2 {float:left; width:155px; padding:4px 75px 0 10px;}
#featurebox3 {float:right; width:155px; padding:4px 75px 0 10px;}

#homespecial {border:1px solid #c7dcea; padding:10px 10px 2px 10px;}

/* Quote Boxe */

#quotebox1 {width:327px; height:116px; margin:0 auto; border:1px solid #89b854; padding:0; background:#badb8a;}
#quotebox1 .titlebox {width:100%; height:30px; background:#89b854;}
#quotebox1 .titlebox p {font-size:14px; line-height:1em; padding-top:7px; color:#fff; text-align:center;}
#quotebox1 .dropbar {width:289px; height:26px; margin:0 auto; padding:10px 0 8px 18px; background:url(../images/quote-box-arrow.gif) no-repeat;}
#quotebox1 .droplistbox {float:left; width:176px; height:26px; padding:0;}
#quotebox1 .droplist {width:170px; padding:2px 1px 2px 1px;}
#quotebox1 .zipfieldbox {float:right; width:107px; height:26px; padding:0;}
#quotebox1 .zipfield {width:101px; padding:2px 1px 2px 1px; text-align:center;}
#quotebox1 .comparequotesbox {width:150px; height:26px; margin:0 auto;}
#quotebox1 .ziperrorbox {clear:both; width:100%; height:14px;}
#quotebox1 .ziperrorbox p {font-size:10px; line-height:1em; padding:2px 0 0 0; text-align:center;}

.residents {font-size:10px; line-height:1.2em; color:#999; text-align:center;}

/* Pop Ups */

#popwrapper {margin:0 auto; padding:15px;}
#popcontainer {clear:both; border:1px solid #b6c3cc; padding:6px 15px 6px 15px; background:#fff;}
.popclose {text-align:right;}