/* resets */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr { margin: 0; padding: 0; font-size: 1em; }

img, embed, form, fieldset { border: 0; vertical-align: bottom; }

input, select, textarea { font: 1em 'Arial', sans-serif; vertical-align: bottom; }

table { border-collapse: collapse; border-spacing: 0; border: 0; }
table th { font-weight: normal; text-align: left; }
table th, table td { border: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

ul, ol { list-style: none; }
li { display: list-item; }

a { color: #999; text-decoration: underline; cursor: pointer; }
a:hover, a:active, a:focus { text-decoration: none; }
a:active, a:focus { color: #666; }

/* global */

html, body { height: 100%; }

body { font: 62.5%/1.2 'Arial', sans-serif; background: #999; color: #999; text-align: left; }

/* map */
#map { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

/* overlay */
#overlay { position: absolute; top: 50%; left: 50%; }
#overlay_panel { position: absolute; left: -245px; top: -70px; width: 150px; background: #e2007a; color: #fff; font-size: 1.2em; font-weight:bold; padding: 10px 80px 10px 15px; }
#overlay_panel p { padding: 5px 0; }
#close { position: absolute; left: -30px; top: -60px; width: 20px; height: 20px; background: url(../img/overlay-close.gif) center center no-repeat; z-index: 1;}

/* panel */

#panel { background: #fff; width: 300px; position: absolute; top: 20px; right: 20px; border-top: 10px solid #e2007a; -webkit-box-shadow: #666 0px 0px 3px; -moz-box-shadow: #666 0px 0px 3px; box-shadow: #666 0px 0px 3px; }

#find { width: 300px; margin: 30px 0 0 -10px; padding: 0 0 11px; background: url(../img/findlocation-bg.png) no-repeat 0 bottom; position: relative; }
#find .wrap { padding: 10px 0 10px 10px; background: #e2007a; }
#find label { margin: 5px 0; background: url(../img/findlocation.png) no-repeat 0 0; height: 15px; overflow: hidden; display: block; text-indent: -99999px; color: #fff; cursor: pointer; }
#find input { font-size: 1.1em; color: #999; background: #fff; border: 0; width: 225px; padding: 8px 10px; vertical-align: middle; margin-right:3px; }
#find input.submit { width: auto; padding: 0; }

#markers {margin:0; font-size: 1em; border-top:1px solid #f1f1f1; border-bottom: 3px solid #f1f1f1; background:url(../img/hatching.gif); height:30px;}
#markers li { margin:0;}
#markers li a {font-weight:normal; font-size:11px; text-decoration:none; display:block; padding: 8px;}
#markers li a span {text-decoration:underline;}
#markers li a:hover {color:#e2007a;}
#markers li#liLeft {float:left; width:auto;}
#markers li#liRight {float:right; border-left:1px solid #f1f1f1; width:150px;}
.clearBoth {clear:both;}

#scroll { overflow: auto; overflow-x: hidden; }

#select-area { background: url(../img/select-area.png) no-repeat top right; padding:20px 10px 10px 10px; font-size: 1.2em; font-weight: bold; color: #999; font-size: 1.3em; height:60px; }

#get-quote form {  }
#get-quote ul li { overflow: hidden; zoom: 1; border-bottom: 1px solid #f1f1f1; }
#get-quote ul li label { font-size: 1.1em; padding: 8px 0 8px 8px; float: left; cursor: pointer; width: auto;}
#get-quote ul li label.error { font-size: 1.1em; margin: 1px 0 8px 0px; float: right; cursor: pointer; width: 154px; color: #E2007A; font-weight: bold; }

#get-quote ul li span.dummy { font-size: 1.1em; margin: 8px 0 0 8px; float: left; }
#get-quote ul li span.dummy a { color: #e2007a; }
#get-quote ul li input { width: 138px; background: #fdfdfd url(../img/getquote-input.png) repeat-x 0 0; float: right; font-size: 1.1em; margin: 0; padding: 8px 6px; color: #999; border:none; border-left: 1px solid #f1f1f1; }
#get-quote ul li input#sample {margin-left:8px;}
#get-quote ul li textarea { width: 134px; background: #fdfdfd url(../img/getquote-input.png) repeat-x 0 0; float: right; font-size: 1.1em; margin: 0; padding: 8px; color: #999; border:none; border-left: 1px solid #f1f1f1; }
#get-quote ul li .radios { width: 142px; background: #fff; float: right; padding: 8px 8px 8px 0; color: #999; border-left:1px solid #f1f1f1; }
#get-quote ul li .radios label { margin: 0; float: none; }
#get-quote ul li .radios input { width: auto; background: none; border: 0; float: none; font-size: 1em; padding: 0; }
#get-quote ul li.submit { border-bottom: 0; padding: 10px }
#get-quote ul li.submit input { width: auto; background: none; border: 0; padding: 0;}

#get-quote #leveldesc { display: none; clear: both; padding: 8px; }

#formsuccess, #formerror { padding: 10px 20px 10px 10px; font-size: 1.2em; font-weight: bold; color: #e2007a; display: none; }
#formsuccess p { font-size: 1.8em; margin-bottom: 0.75em; }

#current-selection { margin: 40px 0 0; border-top: 1px solid #f1f1f1; }
#current-selection strong.hdr { display: block; padding: 10px; font-size: 1.2em; font-weight: bold; color: #e2007a; }
#current-selection table { font-size: 1.1em; width: 100%; }
#current-selection table th, #current-selection table td { padding: 8px; border: 1px solid #f1f1f1;}
#current-selection table td {width:134px;}
#contact { padding: 10px; font-size: 1.2em; color: #e2007a; font-weight: bold; border-top: 1px solid #f1f1f1; }

/* level of detail */

#levelOfDetail { position:absolute; top:50%; left:50%; width:470px; height:315px; padding:10px; border-top:10px solid #e2007a; background:#fff; margin-left:-245px; margin-top:-162px; z-index:2;display:none;}
#levelOfDetail h2 {font-size:1.1em; font-weight:bold; color:#e2007a;}
#levelOfDetail h3 {font-size:1.1em; font-weight:normal; color:#999; margin-bottom:10px;}
#closeLOD {width:15px; height:15px; position:absolute; top:10px; right:10px; background:url(../img/closeLOD.png) top left no-repeat;}