body { padding:15px; color:black; font-family:tahoma, verdana, sans-serif; font-size:70%; background:white; }
/* BODY TAG SETS THE ATTRIBUTES OF THE PAGE EDITOR */
table { font-size:1em; }

a { color:#100275; text-decoration:none; font-weight:bold; }
a:hover { color:#5974ac; }


h1, h2, h3, h4 { font-family:"trebuchet ms", tahoma, sans-serif; }
h1 { color:#0a0890; font-size:2em; border-bottom:1px solid #0a0890; line-height:25px; letter-spacing:-1px; padding-bottom:4px; clear:both;}
h2 { color:#fff; font-size:1.6em; background:#b5c6f1; line-height:21px; letter-spacing:-1px; padding-left:3px; border-right:4px solid #100275; clear:both;}
h3 { color:#f78f1e; font-size:1.6em; border-bottom:1px solid #C6C6C6; border-top: 1px solid #C6C6C6; line-height:25px; letter-spacing:-1px; clear:both;}
h4 { color:#D96203; font-size:1.4em; clear:both;}
img.clsleft { margin-right:10px; margin-bottom:10px; }
img.clsmiddle { margin-right:10px; margin-left:10px; margin-bottom:10px; }
img.clsright { margin-left:10px; margin-bottom:10px; }

img.clsborderleft { margin-right:10px; margin-bottom:10px; border:1px solid #100275; padding:4px;}
img.clsbordermiddle { margin-right:10px; margin-left:10px; margin-bottom:10px; border:1px solid #100275; padding:4px;}
img.clsborderright { margin-left:10px; margin-bottom:10px; border:1px solid #100275;padding:4px;}


.datatable th { background:#f78f1e; color:white; font-weight:bold;  border:1px solid white; padding:4px; }
.datatable td { background:#b5c6f1; color:#fff; border-bottom:1px solid #100275 }
.datatable ul { margin-bottom:0px }
.datatable p { padding:0; margin:0; }
.notes { font-size:0.8em; }
.shout { font-size:1.2em; color:#fff; font-weight:bold; padding:5px; padding-top:2px; background:#b5c6f1; text-align:center; border-top:3px solid #100275; clear:both;}
.shout2 { font-size:1.2em; color:#fff; font-weight:bold; padding:4px 5px; background:#D96203; border:1px solid white; }
.submit { background:#100275; color:white; border:0; cursor:pointer; font-weight:bold; font-size:1em; padding:2px; }
.reset { background:#b5c6f1; color:white; border:0; cursor:pointer; font-weight:bold; font-size:1em; padding:2px; }
.quote { border:1px solid #C6C6C6; padding:4px; color:#f78f1e; font-weight:bold; }
.caption { font-weight:bold; background:#f78f1e; float:right; width:200px; padding:10px 8px; margin:0 0 10px 10px; color:white; font-size:0.9em; }
.custom1 {}
.custom2 {}
.border { border:2px solid #C6C6C6; }
.noborder: { border:0; }
#outer_table { margin:0 auto; }
#container { height:auto; width:768px; border:2px solid #a8bef4; border-top:0px; margin-bottom:10px; text-align:left; }
#main { height:auto; width:768px; border:5px solid #fff; border-top:0px; }
#sitelogo { color:#D96203; height:90px; background:white; border:0px; font-size:2em; font-weight:bold; text-align:left; }
#hbc { height:90px; color:#f78f1e; background:url(../template/hbc_back.gif) white no-repeat right; border:0px; padding-right:10px; }
#hbc a img { border:0; padding-left:20px; padding-top:10px; }

#main_pic { height:150px; width:753px; #96aad3; margin:auto; padding:auto; background:url(../template/top_pic.jpg); }
#date { height:25px; background:url(../template/date_back.gif) #0a0890 no-repeat right top; border-bottom:2px solid white; border-top:1px solid white; text-align:right; color:#fff; padding-right:10px; }
#pagebody { background:url(../template/pagebody_back.gif) center no-repeat #fff; padding:30px; padding-top:10px; color:black; width:100%; min-height:300px;}
#pagebody form img { border:0; }
#pagebody p { line-height:16px; }
#bottom { padding: 3px; background:#0a0890; border-top:3px solid #b5c6f1; text-align:center; font-size:1em; color:white; }
#bottom a {color: white; font-weight: normal}
#end, #end a { color:#1b3381; font-size:0.9em; font-weight:normal; }
#end a:hover { color:#1b3381; border-color:white; }
#copyright { color:#1b3381; }
#top_menu { height:2px; line-height:2px; width:700px; background: #2046a7 no-repeat right; font-weight:bold; color:white; border-bottom:1px solid white; }
#product_menu { width:160px; background:url(../template/product_back.gif) #b5c6f1 no-repeat bottom; border-bottom:3px solid #fff; padding:0; margin:0;}
#product_menu img { border-bottom:1px solid #fff; margin:0; padding:0;}
#product_menu a img { border:0;}
#nav, #nav ul { padding:0; margin:0; list-style:none; width:160px; text-align:left; }
#nav a { display:block; width:153px; padding-left:7px; background:#b5c6f1; color:#fff; height:21px; line-height:20px; border-bottom:1px solid #fff; font-weight:normal; }
#nav a:hover { background:#5974ac; color:#fff; text-decoration:none; }
#nav li { float:left; width:160px; }
#nav li ul { position:absolute; width:160px ; left:-999em; }
#nav li ul ul { margin:-27px 0 0 160px; }
#nav li:hover ul ul, #nav li.sfhover ul ul { left:-999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left:auto; margin:-23px 0 0 160px; }
#nav li ul ul { margin:-1em 0 0 10em; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left:-999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left:auto; }
#nav .nav_child, #nav .nav_child2 { border:1px solid #fff; border-bottom:0; }
#nav .nav_parent a { background:url("../template/menu_out.jpg") right no-repeat #9cb0e3;}
#nav .nav_parent a:hover { background:url("../template/menu_over.jpg") right no-repeat #5974ac; }
#nav .nav_child a { background:#9cb0e3; }
#nav .nav_child a:hover  { background:#5974ac; }
#nav .nav_parent2 a { background:url("../template/menu_out.jpg") right no-repeat #9cb0e3;}
#nav .nav_parent2 a:hover  { background:url("../template/menu_over.jpg") right no-repeat #5974ac; }
#nav .nav_child2 a { background:#9cb0e3; }
#nav .nav_child2 a:hover  { background:#5974ac; }

#heading {background: #dc852e; font-weight: bold; margin: 0 0 -1px -7px; padding: 2px 4px; border-left: 3px solid #be6a16; text-align: center; letter-spacing: 3px; text-transform: uppercase}
#heading1 {background: #dc852e; font-weight: bold; margin: 0 0 -1px -7px; padding: 2px 4px; border-left: 3px solid #be6a16; text-align: center; letter-spacing: 3px; text-transform: uppercase}
#heading3 {background: #dc852e; font-weight: bold; margin: 0 0 -1px -7px; padding: 2px 4px; border-left: 3px solid #be6a16; text-align: center; letter-spacing: 3px; text-transform: uppercase}

#bottom_back { background:url("../template/background.gif") repeat-x bottom #fff ; display:block ; height:76px; margin-top:20px;}

verdana, sans-serif; font-size:70%;}
#quote_form fieldset { margin:0 auto; COLOR: #0159b4; padding:10px 15px; width:500px;  display:block; border:1px solid #0159b4;}
#quote_form legend { COLOR: #0159b4; padding:6px 6px; background:#fff; /* This is the text that intersect the border around the form */ border:1px solid #0159b4; margin-bottom:10px; }
#quote_form select, #quote_form input, #quote_form textarea { display:block; width:260px; float:right; margin-bottom:18px; padding:2px 4px; background:#fff; border:1px solid #0159b4; color:#3c3c3c; font-family:"lucida sans unicode", arial, sans-serif; /* don't forget to change this so it's the same font as the rest of the site. It's probably a better idea to target this earlier in the css document */ font-size:1em; overflow:hidden; }
#quote_form select { width:270px; border:1px solid #0159b4; }

input .radio { border:0; background:transparent; }
#quote_form label { float:left; text-align:left; width:400x; padding-right:10px; height:30px; clear:both  }
#quote_form textarea { height:130px; }
#quote_form br { clear:left; }
#quote_form .submit, #quote_form .reset { width:60px; margin:8px 0; cursor:pointer; float:right; border:0;}
#quote_form .submit { margin-right:4px; background:#100275; color:#fff; height:20px; line-height:6px}
#quote_form .reset { background:#5974ac; color:#fff; height:20px; line-height:6px}



 #quote_contact_form select, #quote_contact_form input, #quote_contact_form textarea { display:block; width:250px; float:right; margin-bottom:7px; padding:2px 4px; background:#fff; border:1px solid #0159b4; color:#3c3c3c; font-family:"lucida sans unicode", arial, sans-serif; /* don't forget to change this so it's the same font as the rest of the site. It's probably a better idea to target this earlier in the css document */ font-size:1em; overflow:hidden; }

#quote_contact_form select { width:260px; border:1px solid #0159b4; }

#quote_form p { text-align:left; margin:10px 0 10px 0; border-bottom:1px dashed #0159b4; border-top:1px dashed #0159b4; padding-bottom:4px; padding-top:4px; COLOR: #0159b4; clear:both;}


#quote_form .radio { float:right; width:50px; }
#quote_form .radio input { width:20px; border:none; background:transparent; float:right;}

#quote_form .check { float:right; width:100px; line-height:20px; text-align:left }
#quote_form .check input { width:20px; border:none; background:transparent; float:right;}