/* --Reset Styles-- */
html, body, div, span, ul, ol, li, h1, h2, h3, h4, h5, h6, p, form, fieldset, legend, input, label, select, i, strong, em, q, blockquote, a, img
{
	margin:0;
	padding:0;
}

/* --Layout-- */
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.topGap {margin-top:12px;}
.rightGap {margin-right:12px;}
.botGap {margin-bottom:12px;}
.leftGap {margin-left:12px;}

/* --Links-- */
a {color:#020082;text-decoration:underline;}
a:hover, a.active, a:focus {color:#05f;text-decoration:none;outline:none;}
a img {border:none;}
p.pageTopLink a {background:transparent url(../images/links/chevron-up.gif) no-repeat 100% 75%;margin-top:24px;padding-right:12px;}
p.skipContentLink {display:none;}
a[rel] {text-decoration:none;}

.recalculateButton {clear:both;float:left;margin:12px 0 0 5px;position:relative;}
.recalculateButton a {background:transparent;border:none;color:#020082;cursor:pointer;padding:0.75em 1.1em;font-size:1em;font-weight:bold;position:absolute;top:0;left:0;text-decoration:none;}
.recalculateButton a:hover {color:#05f;}
.recalculateButton img {width:8em;}

/* --Lists-- */
ul li {font-size:1em;list-style-type:none;padding:0.5em;}
ol {padding:5px 5px 5px 20px;}
ol li {padding:5px 0;}
ol ol {padding:5px 0 5px 20px;}
ol ol li {padding:5px 0;}
ul.alpha {padding:0 0 0 20px;}
ul.alpha li {list-style-type:lower-alpha;}
ul.alpha li ul {padding:0 0 0 20px;}
ul.alpha li ul li {list-style-type:disc;}
ul.servicesList {padding-bottom:12px;}
.section .section ul {float:left;margin-right:12px;width:180px;}
.productSection {margin-bottom:24px;}
.productSection ul li, .servicesList li {list-style-image:url(../images/lists/yellow-right.gif);list-style-position:inside;}
.productSection ul li ul li {padding-left:1.3em;}

/*---buttons---*/
ul.btn li  {padding:0;position:relative;margin-bottom:12px;width:15em;}
ul.btn li img {width:15em;}
ul.btn li a {padding:0.35em 0 0 0.8em;position:absolute;top:0;left:0;height:75%;width:95%}
ul.btn li a:hover {text-decoration:none;}

html {
	font-size:100%;
	width:100%;
}

body {
	background:#c8e1ff;
	color:#000;
	font:normal 0.8em/1.3em arial, helvetica, sans-serif;
	width:100%;
}

#body {
	margin:0 auto;
	width:1024px;
}

#page {
	background:#ffffff url(../images/pods/pod-page-bot-1024-new.gif) no-repeat center bottom;
	float:left;
	margin-bottom:24px;
	padding-bottom:12px;
	padding-left:3px;
	width:1021px;
}

#innerPage {
	background:#ffffff;
	float:left;
	padding:12px;
	width:993px;
}

#mainContent {padding-top:12px;}

/* --------HEADER CONTENT-------*/
#header {
	background:transparent url(../images/header-line.jpg) no-repeat 73% 52%;
	float:left;
	width:1000px;
}

#header div#companyName {color:#020082;float:left;font-size:2.5em;line-height:1.7em;padding:0 0 0 12px;text-align:left;}
#logo a img {vertical-align:bottom;}
#logo a {border:1px solid #020082;display:block;float:left;}
#logo a:hover, #logo a:focus {border:1px solid #05f;}
#header h1#pageTitle {color:#020082;font-size:2em;line-height:1.7em;padding:5px 24px 0 0;text-align:right;}
h2#subTitle {color:#020082;clear:both;float:left;font-size:2em;font-weight:normal;line-height:1.7em;margin-top:-46px;padding:5px 12px 0 0;text-align:center;width:100%;}

/* --------NAVIGATION---------- */

#leftNav {float:left;width:197px;}
#leftNav li {clear:both;padding:0;}

#leftNav li a {
	color:#020082;
	display:block;
	font-size:1.25em;
	line-height:1;
	list-style-type:none;
	padding:10px 0;
	text-align:right;
	text-decoration:none;
	text-transform:uppercase;
}

#leftNav li a:focus,
#leftNav li a:hover,
#leftNav li a.active

{
	color:#05f;
}

#leftNav li a span {
	background:transparent url(../images/nut-sprite.gif) no-repeat left top;
	display:inline-block;
	margin:0 0 0 8px;
	height:29px;
	width:30px;
	vertical-align:middle;
	}

#leftNav li a:hover span,
#leftNav li a.active span,
#leftNav li a:focus span {
	background-position:right top;
}

#leftNav li a.active, #leftNav li a.active span {cursor:default;font-weight:bold;}

ul#leftNav li ul.showSubMenu, ul#leftNav li ul.showSubMenu li {float:right;}

ul#leftNav li ul.showSubMenu li a {
	color:#020082;
	display:block;
	font-size:0.85em;
	font-variant:normal;
	padding:5px 8px 5px 0;
	white-space:nowrap;
}

ul#leftNav li ul.showSubMenu li a span {
	background:transparent url(../images/lists/sub-menu-sprite.gif) no-repeat 15% 50%;
	width:10px;
	height:15px;
}

ul#leftNav li ul.showSubMenu li a:hover span {
	background:transparent url(../images/lists/sub-menu-sprite.gif) no-repeat 15% 50%;
	}

ul#leftNav li ul.showSubMenu li a:hover,
ul#leftNav li ul.showSubMenu li a:focus,
ul#leftNav li ul.showSubMenu li a.active
{
	color:#05f;
}

ul#leftNav li ul.showSubMenu li a.active {cursor:default;font-weight:normal;}

ul#leftNav li ul.showSubMenu li a.active span {
	background-position:100% 50%;
}

.hideSubMenu {display:none;}
.showSubMenu {display:block;}

/* -------GENERAL LAYOUT------ */

.content {
	float:left;
	padding:20px 0 0;
	width:1000px;
}

.section {
	float:left;
	padding:0 18px 24px 30px;
	width:755px;
}

.section .section {padding:0;}

.section h1 {color:#020082;}
.section h2 {color:#020082;font-size:1.8em;text-transform:uppercase;font-weight:normal;margin:12px 0;}
.section>h2 {margin-top:0;}
.section h3	{color:#020082;font-size:1.4em;font-weight:normal;line-height:1.1em;text-transform:uppercase;margin:12px 0 6px;}
.section>h3 {margin-top:0;}
.section h4 {color:#020082;font-size:1.2em;font-weight:normal;margin:12px 0 6px;}
.article h3 {color:#020082;font-size:1.2em;margin:12px 0 6px;}
 
.section p {
	padding:12px 0;
}

.section p.required {color:#ff0000;font-size:0.8em;padding:0;clear:left;}

.section>p {
	padding:0 0 12px;
}


.section .section p {float:right;width:74%;}

p.pageTopLink {border-bottom:1px dashed #aaa;margin-bottom:24px;padding-bottom:12px;}

.article {
	float:left;
	padding:14px 0 24px 12px;
	width:356px;
}

.article p {padding:0;}

/* ------Forms----- */
form, .resultsWrapperTop {
	background:#fff url(../images/pods/pod-form-top-396-c8e1ff.gif) no-repeat 0 0;
	float:left;
	margin:6px 0;
	padding-top:12px;
	width:397px;
	}

fieldset, .resultsWrapperBot {
	background:#fff url(../images/pods/pod-form-bot-396-c8e1ff.gif) no-repeat left bottom;
    border:none;
	clear:left;
	float:left;
	padding:0 12px 12px 12px;
	width:94%;
}

.resultsWrapperBot h3 {margin:0 0 6px;}

/* Form image color = #c8e1ff */

legend {display:none;}
label {background:#c8e1ff;clear:both;float:left;padding:15px 8px 7px 5px;width:360px;}
label a {white-space:nowrap;font-size:0.8em;float:right;clear:both;}
label span {float:left;}
label:hover {cursor:pointer;}
label.over {background:#eee;border-top:1px solid #888;border-left:1px solid #888;border-right:1px solid #888;padding:9px 10px 6px;width:340px;}
label input, label select {border:1px solid #888;float:right;margin:2px 0 0;width:100px;}
label input:focus, label select:focus {background-color:#ffa;}
.error {color:#ff0000;font-size:0.85em;}
label.error {padding:0;}
input.error{background:#fff;border:1px solid #ff0000;}
p.error {color:#f00;clear:left;line-height:1em;padding:0;}
p.calculatorLink {clear:both;float:right;font-size:0.8em;padding:0;}
.formSubmitButton {background:#c8e1ff;clear:both;float:left;margin:12px 0 0 5px;position:relative;}
.formSubmitButton input {background:transparent;border:none;color:#020082;cursor:pointer;padding:0.75em 1.3em;font-size:1em;font-weight:bold;position:absolute;top:0;left:0;}
.formSubmitButton input:hover {color:#05f;}
.formSubmitButton img {width:8em;}
.recalculateButton input {background:transparent;border:none;color:#020082;cursor:pointer;padding:0.7em 0.6em;font-size:1em;font-weight:bold;position:absolute;top:0;left:0;}


/* --Footer-- */
#footer {border-top:1px dotted #aaa;clear:both;float:left;margin-top:24px;padding:12px;width:97.5%;}
#footer ul li {list-style-type:none;padding:0.1em 0;}
#footer p {padding:0 0 6px;}