﻿/* COLORS

*/
/* WEB SAFE FONTS
"Georgia", serif
"Arial", Helvetica, sans-serif
"Trebuchet MS", Helvetica, sans-serif
"Lucida Console", Monaco, monospace
"Verdana", Geneva, sans-serif
"Lucida Sans Unicode", Lucida Grande, sans-serif
"Tahoma", Geneva, sans-serif

*/
body { margin:0; padding:0; background-color:#eaeaea; /* #f8f7f5 Background:#f7f6f2 url(/images/body-BG.png) repeat-y top center;*/}

div#headerWrapper { background-color:#252525; height:183px; 
	position:relative;
}
#facebook {
	position:absolute;
	top: 78px;
	right: 135px;
}
#banner {
	position:absolute;
	top:130px;
	left:190px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#ff0000;
}
#customerlobby {
	position:absolute;
	top: 25px;
	right: -30px;
	
}
.tagline { /* Inside Header wrapper */
	position: absolute;
	top:35px;
	left: 190px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:22px;
	font-weight:bold;
	color:#fff; /* White */
}
div#menu { background-color:#ff2600; /* was fe2932; /*url(/images/bg/menu.jpg) repeat-x bottom left*/ 
height:36px; }
div#footerWrapper { background-color:#252525; padding:0 0 0 0; min-height:255px; }

div#header, div#menu ul#menuUL, div#body, div#footer { width:900px; margin:0 auto; }

a, p, li, span, input, td, th, label { font-family:Verdana, sans-serif; font-size:0.80em; color:#333; }
p a, li a, span a, td a, p span, li span, td span, span span, a span { font-size:100%; }
p { margin:0 0 1.0em 0; }
a, a span { color:#fd2932; }
input, textarea { color:Black; }
a:hover, a:hover span { color:#333; }

h1, h2, h3, h4 { clear:both; font-family:Arial, sans-serif; color:#333; }

h1, h1 span, h1 a  { margin:0 0 12px 0; font-size:28px; padding:0; }
h2 { border-bottom:solid 1px #cdcdcd; padding:0 0 5px 0; }
h2, h2 a { font-size:18px; margin:20px 0 8px 0; color:#333; text-decoration:none; font-family:Arial, sans-serif; }
h3, h3 a { font-size:16px; margin:14px 0 4px 0; color:#333; text-decoration:none; font-family:Arial, sans-serif; }
h4 { font-size:15px; margin:10px 0 8px 0; }

h2 a:hover, h3 a:hover { text-decoration:underline; }

span.headerNote, span.headerNote a { font-size:12px; font-weight:normal; }

th { text-align:left; padding-top:0 }
	
img { border:0; }
img.icon { margin:0 3px -2px 0; }
img.icons { margin:0 3px -2px 7px; }

ul { padding:0; margin:0 0 15px 19px; }
ul ul { margin-top:4px; margin-bottom:4px; }
ul.noListStyle { padding:0; margin:0 0 15px 3px; list-style-type:none; }
ul.noListStyle li { list-style-type:none; list-style-image:none; }
ol { padding:0; margin:0 0 15px 27px;}
ol li { list-style-image:none;}
li { list-style-position:outside; /*list-style-image:url(/images/li-plus.gif);*/ margin-bottom:6px; line-height:1.3em; }
li.liHeader { font-weight:bold; list-style-type:none; list-style-image:none; margin:4px 0 2px -15px; }

ul.websiteList span { /*font-weight:bold;*/ display:block; }
ul.websiteList li { margin-bottom:15px; }

.clearBoth { clear:both; font-size:1px; visibility:hidden; }

span.note { color:#888; }
.txtBoxDefault { color:gray; }
a.external { background:transparent url(/images/icons/external.png) no-repeat scroll right center; padding-right:13px; }
sup { font-size:60%; }
.attr { color:#686868; }

div.message { background-color:#f4dbdc; padding:3px 8px 6px 8px; border:solid 1px #d5b1b3; margin:5px 0 10px 0; }
div.message span.title { display:block; padding:0 0 5px 0; font-weight:bold; font-size:13px; }
div.message p { margin:0; }

div.notice { background:#FFFFB0 url(/images/icons/noticeBG.gif) no-repeat 8px 6px; padding:6px 5px 4px 33px; margin:5px 0 10px 0; border:solid 2px #DFDBA8; }
div.notice span.title { display:block; padding:0 0 5px 0; font-weight:bold; font-size:13px; }
div.notice span { display:block; }
div.notice p { margin:0; }
div.notice ul { margin-bottom:6px; }

ul.iconList { list-style-type:none; margin:20px 0 15px 3px; }
ul.iconList li { clear:both; }
ul.iconList img { display:block; float:left; margin:0 0 10px 0; }

ul.iconList span.lnkHeader { display:block; margin:0 0 4px 0; }
ul.iconList span.lnkHeader a { font-family:Arial, Sans-Serif; font-weight:bold; font-size:15px; }

ul.iconList div.content { display:block; float:right; width:490px; }

table { border:solid 1px #cdcdcd; border-width:0 0 1px 1px; }
table th, table td { border:solid 1px #cdcdcd; border-width:1px 1px 0 0; }
table th { padding:6px 10px; background:#d3232b url(/images/bg/th.jpg) repeat-x top left; font-size:.90em; }
table th a { color:White; font-size:0.95em; }
table td { padding:7px; background-color:#f4f4f4; }
table tr.alt td { background-color:#eaeaea; }

div#mainSS { margin:0 0 15px 0; }
div#mainSSImages { border-bottom:solid 1px #fe7d86; width:585px; height:340px; }
div#mainSSImages img { display:none; width:585px; height:340px; }
div#ssInfo { height:35px; background:transparent url(/images/bg/ssInfo.jpg) repeat-x top left; }
div#ssInfo span#curNum { display:block; float:left; padding:6px 0 0 365px; font-size:13px; font-weight:bold; color:White; }
div#ssInfo div#ssLnks { float:right; width:164px; }
div#ssInfo div#ssLnks a { display:block; float:left; }
div#ssInfo span#ssLeft { display:block; float:left; height:35px; width:17px; background:transparent url(/images/ss-left.jpg) no-repeat top left; }

img.mainImg { display:block; margin:0 0 20px 0; border-bottom:solid 10px #fd2932; }

div.contactInfo { border:solid 1px #bbb; background-color:#ddd; padding:12px 12px 4px 12px; }
div.contactInfo p span.attr { display:inline-block; width:45px; }
div.contactInfo p span.blk { /*display:block; margin:8px 0 -1px 0;*/ }
		
/* */
a#logo { display:block; margin-top:10px; width:165px; float:left; }
a#logo img { display:block; }
img#banner { float:right; margin:55px 45px 0 0; }

div#header { position:relative; }
div#companyLnksDiv { position:absolute; top:0; right:0; background-color:#3d3737; padding:3px 10px 5px 10px; }
div#companyLnksDiv span { color:white; }
div#companyLnksDiv span.current { color:#aaa; }
div#companyLnksDiv a:hover { color:white; }

div#menu { } /* white-space:nowrap; doesn't work */
div#menu ul li { list-style-type:none; float:left; margin:4px 0 0 16px; }
div#menu ul li a { color:white; font-weight:bold; text-decoration:none; font-size:14px; padding:5px 0 8px 0; display:block; }
div#menu ul li a:hover, div#menu ul li a.current { color:black; }

/* filter:alpha(opacity=93);-moz-opacity:.93;opacity:.93; on div.mmSub causes shadow effect to get screwed up in IE*/
div#menu div.mmSub { display:none; position:absolute; background-color:#ddd; margin:2px 0 0 0; z-index:1000; max-width:450px; }
div.mmSubContents { margin:-3px 3px 3px -3px; background-color:white; width:160px; padding:0 8px 2px 8px; border:solid 1px #ccc; }
div#menu div.mmSub ul { margin:5px auto 0 auto; }
div#menu div.mmSub ul li a, div#menu div.mmSub span { font-size:13px; font-family:Arial, Sans-Serif; color:#333; }
div#menu div.mmSub ul li { float:none; margin:0 0 6px 0; }
div#menu div.mmSub ul li a { font-weight:normal; font-family:Arial, Sans-Serif; padding:0; display:inline; }
div#menu div.mmSub ul li a:hover { text-decoration:underline; }
div#menu div.mmSub div.col { float:left; margin-right:5px; }
div#menu div.mmSub span { /*background-color:#ddd;*/ display:block; padding:5px 8px; font-weight:bold; margin:0 -8px 3px -8px; }


/* */
div#body { min-height:450px; padding:25px 0 40px 0; clear:both; }
div#mainCol { width:585px; float:left; }
div#subCol { width:290px; float:right; }

div.twoColL { float:left; width:435px; }
div.twoColR { float:right; width:435px; }

div.mainColL { float:left; width:275px; }
div.mainColR { float:right; width:275px; }

div.threeCol1 { float:left; width:290px; margin-right:15px; }
div.threeCol2 { float:left; width:290px; }
div.threeCol3 { float:right; width:290px; }

img#bannerImg { display:block; border-bottom:solid 10px #fd2932; margin:-15px 0 15px 0; }
img#doorImg { display:block; margin:0 0 15px 0; }

div#subCol h3 { margin:20px 0 8px 0; }
div#subCol h3.first { margin:12px 0 8px 0; }
ul.sideMenu { margin:0 0 25px 0; border-top:solid 1px #ccc; width:250px; }
ul.sideMenu li { list-style-type:none; border-bottom:solid 1px #ccc; margin:0; background-color:#F8F8F8; }
ul.sideMenu li a { display:block; text-decoration:none; color:#333; padding:6px 6px; font-family:Arial, Sans-Serif; }
ul.sideMenu li a:hover { background-color:#ddd; }
ul.sideMenu li.current a { background-color:#ccc; cursor:default; }

ul.sideMenu li a.external { background-position:230px center; }

div.feature { clear:both; }
div.feature img { display:block; float:left; margin:0 20px 20px 0; }
div.feature h3 { clear:none; }

div.opener { clear:both; }
div.opener img { display:block; float:left; margin:5px 0 20px 0; }
div.opener div.descr { float:right; width:460px; }
div.opener h3 { clear:none; }
div.opener h3 span { color:#777; font-size:19px; font-family:Arial, Sans-Serif; display:block; }

/* */
div#footer { padding:10px 0 15px 0; border-top:solid 10px #fd2932; }
div#footer span, div#footer p, div#footer a { color:#ddd; }
div#footer p#footerLnks { font-weight:bold; text-align:center; }
div#footer p#footerLnks a { font-weight:bold; padding:0 5px; text-decoration:none; }
div#footer p#footerLnks a:hover { text-decoration:underline; }
div#footerInfo { width:400px; float:left; margin:10px 0 0 0; }
div#footer img.footerLogo { display:block; float:left; margin:0 20px; }
div#footer p#footerContact { width:200px; float:left; margin:10px 0 0 40px; color:#fd2932; }
div#footer p.counties { text-align:center; font-size:70%; margin:8px 0 18px 0; }
div#footer p#copyright { padding-top:10px; border-top:solid 1px #383838; }

