/* globals */
*, html, div, p, ul, body { margin: 0; padding: 0;}

ul, ol { list-style-type: none;}

img { border: none;}

a:link, a:visited { text-decoration: none; color: #3e7cb0;}
a:hover { border-bottom: 1px dashed;}
.clr { margin: 0; padding: 0; clear: both;}
.inspan { padding: 0 10px;}
.sidebarinspan { padding: 0 9px 0 0;}
.inspancontents { padding: 25px 35px 15px 10px;}
.yellow { color: #ffa200;}
.black { color: black;}
.green { color: green;}

.submitimage {
	vertical-align: bottom;
	padding: 0;
	margin: 0;
}
.error { color: #d20000; font-weight: bold; margin: 15px 0;}

/* layout */
body {
	text-align: center;
	font-family: Tahoma, Arial, sans-serif !important;
	font-size: 12px;
	color: #4f4f4f;
	background: white;
}

#container {
	padding: 0;
	margin: 0 auto;
	text-align: left;
	width: 982px;
	background: url(/images/containerbg.gif) repeat-y;
}
#containerpadding {
	padding: 0 1px;
}
#containerclose {
	width: 982px;
	_width: 984px; /* IE hack, instead of display inline hack */
	background: url(/images/footerbg.gif) top left no-repeat;
	height: 8px;
	margin: 0 auto;
	padding: 0 0 5px 0;
	font-size: 1%; /* IE hack */
}
#copyrights {
	margin: 0 auto;
	text-align: left;
	width: 982px;
	padding-bottom: 20px;
}

/* header */

#top {
	background: url(/images/topbg.jpg) repeat-x;
	height: 77px;
}

#logo {
	float: left;
	width: 200px;
	margin: 0;
	height: 77px;
}
#logo a { border: none;}

#sections {
	float: right;
	width: 590px;
}

#sections ul {
	float: right;
}
#sections ul li {
	display: inline;
	float: left;
}
#sections li a, #sections li span { border: none; text-decoration: none; display: block; height: 77px;}
#sections ul li span { visibility: hidden;}

#sectionitem-2 { width: 144px;}
#sectionitem-2 a { width: 144px; background: url(/images/2section.jpg) no-repeat;}
#sectionitem-2 a:hover, #sectionitem-2 { background: url(/images/2sectionh.jpg) no-repeat;}
#sectionitem-3 { width: 210px;}
#sectionitem-3 a { background: url(/images/3section.jpg) no-repeat;}
#sectionitem-3 a:hover, #sectionitem-3 { background: url(/images/3sectionh.jpg) no-repeat;}
#sectionitem-4 { width: 221px;}
#sectionitem-4 a { background: url(/images/4section.jpg) no-repeat;}
#sectionitem-4 a:hover, #sectionitem-4 { background: url(/images/4sectionh.jpg) no-repeat;}

#images {
	height: 140px;
}

#orderstatus {
	height: 34px;
	float: left;
}

#quicknav {
	float: left;
	padding-top: 8px;
	width: 530px;
	position: relative;
}

#quicknav a {
	font-size: 9px;
	color: #414141;
	border: none;
}
#quicknav img { position: absolute; top: 11px; left: 230px;}

#quicknav-main {
	padding-left: 30px;
}

#quicknav-sitemap {
	padding-left: 45px;
}

#orderstatusform {
	float: right;
	width: 450px;
}

#orderstatusform p {
	float: right;
	padding: 4px 0 0 0;
	color: #24425f;
	font-size: 10px;
	font-weight: bold;
	height: 20px;
	width: 450px;
}

#orderstatusform p span {
	vertical-align: top;
	float: left;
	margin: 6px 5px 0 0;
}

#orderstatusform form {
	height: 20px;
}

#orderstatusform #orderid {
	margin: 0 12px 3px 0;
	padding: 0;
	font-size: 11px;
	font-family: Verdana;
	color: #4f4f4f;
	vertical-align: bottom;
	width: 130px;
	font-weight: normal;
}

/* main wrapper */
#wrapper {
	float: left;
	width: 982px;
}
#sidebar { float: left; width: 210px;}
#contents { float: right; width: 720px;}
#sidebar ul {
	text-align: right;
}
#sidebar ul li {
	padding: 3px 7px 6px 0;
	font-size: 11px;
	font-weight: bold;
	color: white;
	background: url(/images/sidebarlistseparator.gif) bottom right no-repeat;
}

#sidebar a:link, #sidebar a:visited {
	color: #24425f;
	display: block;
}
#sidebar a:hover {
	color: white;
	border: none;
}
#sidebar ul li span {
	padding-left: 15px;
	background: url(/images/sidebararrow.gif) center left no-repeat;
}
#sidebar ul li.active, #sidebar ul li:hover {
	background: url(/images/sidebarlistactivebg.gif) center left repeat-x;
}
#sidebar ul li:hover a { color: white;}

#contents h2 { font-size: 13px; font-weight: bold; color: #555;}
#contents h3 { font-size: 12px; font-weight: normal; color: #555;}
#contents h4 { font-size: 12px; font-weight: normal; color: #555; font-style: italic;}
#breadcrumb { margin-bottom: 15px; font-size: 11px;}
#breadcrumb span { color: #3a689b;}

/* footer */

#footer {
	height: 45px;
}

#footernote {
	padding: 25px 0 0 0;
	font-size: 9px;
	color: #4f4f4f;
}

#footernote p {
	width: 196px;
	text-align: right;
	color: #a5a5a5;
}
#footernote p span {
	color: #8badc5;
}
#footernote a {
	color: #a5a5a5;
}

/* news */
.newstitle {
	color: #3a689b;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
	padding-top: 10px;
}

.newsdate {
	color: #a9a9a9;
	margin-bottom: 10px;
	font-size: 11px;
}

.bottomspan {
	padding-bottom: 40px;
}

#newsitemintro {
	font-weight: bold;
}

#pagination {
	text-align: right;
	margin: 10px 0;
}

/* wysiwyg editor formats */
.wysiwyg { font-size: 12px; margin: 3px 0 5px 0; text-align: left; color: #555;}
.wysiwyg p { margin: 8px 0; line-height: 15px;}
.wysiwyg p.indent {text-indent: 15px;}
.wysiwyg h1 { font-size: 13px; margin: 12px 0; font-weight: bold;}
.wysiwyg h2 { font-size: 12px; margin: 8px 0; font-weight: bold;}
.wysiwyg h3 { font-size: 12px; margin: 8px 0; font-weight: normal;}
.wysiwyg a:link, .wysiwyg a:visited { color: #94c219; border-bottom: none;}
.wysiwyg a:hover { color: #1576c4; border-bottom: 1px dashed #1176a1;}
.wysiwyg sup { font-size: 9px;}
.wysiwyg ul, .wysiwyg ol { margin-left: 20px; list-style-type: disc;}

/* sitemap */
#sitemap { margin: 15px 0 15px 30px;}
#sitemap li { font-size: 13px; margin: 4px 0;}
#sitemap li.indent1 { margin-left: 30px;}

/* orderstatus */
#displayorderstatus { margin: 40px 0px 40px 50px;}
#displayorderstatus h1 { margin-bottom: 10px;}

/* contactform */
#contactform { margin-left: 220px;}
html fieldset { border: none; margin-top: 10px;}
html legend { font-size: 14px; font-weight: bold; color: #444; margin: 0 0 5px -5px;}
#contactform label { margin-top: 10px; display: block;}
input, textarea, select { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #4f4f4f;}
.submit {
	padding: 2px 5px;
	margin: 5px 0;
	color: white;
	background: #1576c4;
	font-weight: bold;
	font-family: Verdana;
	font-size: 11px;
	border: none;
}
.submit:hover {
	color: #1576c4;
	background: #eee;
}

/* inquiry */
#inquiryform { margin: 20px 0 0 100px;}
#inquiryform select, #inquiryform textarea { width: 200px;}
#inquiryform .row { margin: 7px 0 3px 0; clear: both; padding: 0;}
#inquiryform span.label { margin: 0 6px; width: 125px; float: left; padding-top: 2px; text-align: left; _padding-top: 2px;}
#inquiryform span.formw { margin: 0; padding: 0;}