@charset "UTF-8";

/* CSS Document */

body {
	margin:0;
	text-align:center;
	background-image:url(../images/bg_body.gif);
	background-repeat:repeat-x;
	background-color:#05192e;
	font-size:62.5%;
	font-family:Tahoma, Geneva, sans-serif;
}

h1, h2, h3, h4, p, ul {
	margin:0 0 20px 0;
}

h1 {
	background-image:url(../images/bg_h1.png);
	background-repeat:no-repeat;
	padding:10px 0 10px 15px;
	font-size:2.4em;
	color:#05192e;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:30px;
}

h2 {
	font-size:2.4em;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:15px;
}

p {
	color:#FFF;
	font-size:1.4em;
	line-height:175%;
	margin-bottom:10px;
}

ul {
	padding:0 0 0 15px;
	list-style-position:outside;
	color:#FFF;
}

img {
	border:none;
}

table {
	width:100%;
}


hr {
	height:2px;
	border:none;
	background-image:url(../images/hr.gif);
	background-repeat:repeat-x;
	clear:both;
	margin:8px 0;
}



* + hr {
	color:#1C3358;
	height:1px;
}


a:link,
a:visited {
	color:#1780a0;
}



input.text {
}


textarea.textarea {
	}


input.radio {
	}


input.checkbox {
}




#wrapper {
	width:980px;
	margin:0 auto;
	text-align:left;
}

#header {
	position:relative;
	background-image:url(../images/bg_header.png);
	background-repeat:no-repeat;
	height:235px;
}

ul#nav_ut {
	background-image:url(../images/bg_nav_ut.png);
	background-repeat:no-repeat;
	width:100%;
	position:absolute;
	top:113px;
	left:0px;
	border-top:1px dashed #1c3358;
	height:32px;
	overflow:hidden;
}

ul#nav_ut li {
	display:inline;
	float:right;
	height:16px;
	overflow:hidden;
}

ul#nav_ut li:last-child {
	background-image:url(../images/bg_nav_ut_li_first.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-color:none;
	padding:0px 0px 0px 17px
}

ul#nav_ut li a:link, ul#nav_ut li a:visited {
	font-size:1.1em;
	color:#FFF;
	padding:3px 15px;
	text-decoration:none;
	text-transform:uppercase;
	background-color:#08354e;
	height:16px;
}

#logo {
	position:absolute;
	top:50px;
	left:0px;
}

ul#nav_main {
	background-image:url(../images/bg_nav_main.png);
	background-repeat:no-repeat;
	width:100%;
	clear:both;
	height:65px;
	position:absolute;
	top:145px;
	left:0px;
	border-bottom:1px solid #1c3358;
	border-top:1px solid #1c3358;
	overflow:hidden;
	padding:0;
}

ul#nav_main li {
	float:left;
	display:inline;
	padding:0 7px;
	background-image:url(../images/bg_nav_main_li.gif);
	background-repeat:no-repeat;
	background-position:0 23px;
}

ul#nav_main li:first-child {
	background-image:none;
}

ul#nav_main li.active {
}

ul#nav_main li a:link, ul#nav_main li a:visited {
	float:left;
	display:inline;
	font-size:1.6em;
	color:#d1d1d1;
	text-transform:uppercase;
	margin:0 10px;
	text-decoration:none;
	padding:0 10px;
	line-height:65px;
}

* + html ul#nav_main li a:link, 
* + html ul#nav_main li a:visited {
	margin:0 9px;
	padding:0 11px;
}


ul#nav_main li a:hover {
		background-color:#152940;
}


ul#nav_main li.active a:link, ul#nav_main li.active a:visited {
	background-image:url(../images/bg_nav_main_active.png);
	background-position:center top;
	background-repeat:no-repeat;
		background-color:#152940;
}








#contentwrapper {
}

#col_left {
	width:33%;
	float:left;
	display:inline;
	margin-right:2%;
}

#col_main {
	width:65%;
	float:left;
	display:inline;
	padding-bottom:30px;
}

/* page navigation *Not in USE. Refer to nav_pg_tabs for tab styling */

ul.nav_pg {
	background-color:#081733;
	clear:both;
	width:100%;
	float:left;
	display:inline;
	margin:-30px 0 0 0;
}

ul.nav_pg li {
	padding:10px;
	float:left;
	display:inline;
}

ul.nav_pg li a:link, ul.nav_pg li a:visited {
	font-size:1.2em;
	color:#FFF;
	padding:10px 12px;
	text-decoration:none;
	text-transform:uppercase;
}

ul.nav_pg li.active a:link, ul.nav_pg li.active a:visited {
	background-image:url(../images/bg_nav_pg_off.png);
	background-repeat:no-repeat;
	background-position:0px 15px;
}

/* page navigation for pages with tabs */

ul.nav_pg_tabs {
	background-image:url(../images/bg_nav_pg_tabs.png);
	background-position:right;
	background-repeat:repeat-y;
	margin:-33px 0 30px 0;
	height:35px;
	overflow:hidden;
}

ul.nav_pg_tabs li {
}

ul.nav_pg_tabs li a:link, ul.nav_pg_tabs li a:visited {
	font-size:1.2em;
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
	margin:0 5px;
	padding:0 12px;
	line-height:33px;
}

ul.nav_pg_tabs li a.current:link, ul.nav_pg_tabs li a.current:visited {
	background-image:url(../images/bg_nav_pg_off.png);
	background-repeat:no-repeat;
	background-position:left;
}

/* Tabs for order forms */

ul.tabs_order {
	margin:0 0 0 -15px;
}


* + html ul.tabs_order {
	margin-bottom:-20px;
}

ul.tabs_order li {
	width:25%;}

ul.tabs_order li a:link, 
ul.tabs_order li a:visited {
	font-size:1.2em;
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
	margin:0 2px;
	padding:10px 12px;
	background-image:url(../images/bg_ul_order_off.png);
	background-repeat:no-repeat;
	background-position:top right;
	white-space:nowrap;
}

ul.tabs_order li a.current:link, ul.tabs_order li a.current:visited {
	background-image:url(../images/bg_ul_order_on.png);
	background-repeat:no-repeat;
	background-position:top right;	
	border-left:1px solid #9fdfdb;
}







form#form_order {
	background-color:#999;
}

p.type1 {
	position:relative;
	background-image:url(../images/bg_form_order_type1.gif);
	background-repeat:repeat-x;
	background-position:bottom;
		padding-right:50px;
}

p.type1 input {
	position:absolute;
	right:0px;
	bottom:0px;
	width:40px;
	background-image:url(../images/bg_type1_input.png);
	background-position:left bottom;
	background-repeat:no-repeat;
	border:0px none;
	padding-left:10px;
}

p.type1 label {
	background-color:#010E1B;
	line-height:130%;
	padding:4px 12px 2px 0;
	text-transform:uppercase;
}


p.type1.temp_f {
	background-image:url(../images/bg_type1_temp_f.png);
	background-repeat:no-repeat;
	background-position:bottom right;
}


p.type1.temp_f input {
	width:20px;
	right:20px;
}


p.type1.temp_c {
	background-image:url(../images/bg_type1_temp_c.png);
	background-repeat:no-repeat;
	background-position:bottom right;
}


p.type1.temp_c input {
	width:20px;
	right:20px;
}


p.indent {
	margin-left:25px;
}


/* Type2 */


p.type2 {
	position:relative;
}


p.type2 label {
	background-color:#010E1B;
	line-height:130%;
	margin-right:50px;
	padding:4px 12px 2px 0;
	display:block;
	clear:both;
	text-transform:uppercase;
	margin-bottom:3px;
}


p.type2 input {
	clear:both;
	width:100%;
}

p.type2 textarea {
	clear:both;
	width:95%;
}



/* Type3 -- single question with checkbox */


p.type3 {
	position:relative;
}


p.type3 label {
}


p.type3 input {
}



/* Type4 -- List of Checkboxes */


ul.type4 {
	position:relative;
	font-size:1.4em;
	padding-left:20px;
	list-style-type:none;
}

ul.type4 input {
	margin-left:-20px;
	vertical-align:middle;
}

/* Type5 -- Inline Checkboxes */

p.type5 {
	display:block;
	width:auto;
	float:left;
	margin:0;
}

p.type5 input {
	margin:2;
}



/* Type6 -- Inline Checkboxes */

p.type6 {
	position:relative;
	overflow:hidden;
}

p.type6 input {

}

p.type6 label {
	display:block;
	float:left;
	width:110px;
	height:50px;
}



#footer {
	border-top:1px solid #1c3358;
	position:relative;
	color:#999999;
	padding-bottom:150px;
	clear:both;
}

#footer a:link, #footer a:visited {
	color:#999999;
}

#footer a:hover {
	text-decoration:underline;
}

#footer p.legal {
	font-size:1em;
	color:#999999;
	padding:10px 0;
}

div#nav_footer {
	position:absolute;
	top:15px;
	right:0px;
	width:75%;
}

div#nav_footer div.sep {
	background-image:url(../images/bg_nav_footer_div.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
}

div#nav_footer div.row div {
	min-height:75px;
}

div#nav_footer h4, div#nav_footer ul {
	padding-left:15px;
}

div#nav_footer h4 {
	text-transform:uppercase;
	margin:0 0 5px 0;
	font-size:1em;
}

div#nav_footer h4 a:link, div#nav_footer h4 a:visited {
	text-decoration:none;
}

div#nav_footer h4 a:hover {
	text-decoration:underline;
}

div#nav_footer ul {
	list-style-type:none;
}

div#nav_footer ul li {
	line-height:170%;
}

div#nav_footer ul li.top {
	text-transform:uppercase;
	white-space:nowrap;
}

div#nav_footer ul li a:link, div#nav_footer ul li a:visited {
	color:#999999;
	text-decoration:none;
}

div#nav_footer ul li a:hover {
	text-decoration:underline;
}


div#nav_footer div.row div div.row div { /* adjustment for nested columns with footer nav */
	width:30%; }




a.order:link, a.order:visited {
	background-image:url(../images/bg_a_order.gif);
	background-repeat:no-repeat;
	background-position:top right;
	line-height:32px;
	display:block;
	padding:0 15px;
	margin-left:10px;
	background-color:#010e1b;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
}


p.button_next {
	float:right;
	background-image:url(../images/bg_button_next.png);
	background-repeat:no-repeat;
	background-position:0 0;
	width:88px;
	height:40px;
	overflow:hidden;
	margin-left:15px;
	line-height:30px;
}


p.button_next a:link,
p.button_next a:visited {
	color:#FFF;
	text-decoration:none;
	padding:0 15px;
	text-transform:uppercase;
}



p.light, span.light {
	color:#feef6f;
}


p.highlight, span.highlight {
	color:#feef6f;
	text-transform:uppercase;
	font-weight:normal;
	margin-bottom:0;
}




/* root element for tabs  */
.tabs {
	list-style:none;
}

/* single tab */
.tabs li {
	float:left;
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important;
}

/* link inside the tab. uses a background image */
.tabs a {
	display:block;
	text-align:center;
	position:relative;
	top:1px;
}

.tabs a:active {
	outline:none;
}

/* when mouse enters the tab move the background image */
.tabs a:hover {
	color:#fff;
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.tabs .current, .tabs .current:hover, .tabs li.current a {
	cursor:default !important;
	color:#FFF !important;
}


/* initially all panes are hidden */ 
.panes .pane {
	display:none;
}

/* tab pane styling */
.panes .pane_order {
	background-color:#010e1b;
	border:1px solid #a3dad7;
	padding:15px 30px 15px 15px;
	position:relative;
	z-index:2;
}

.panes .pane_order ul {
	font-size:1.4em;
}

.panes .pane_order p.light {
	line-height:125%;
}

* + html .panes .pane_order .row div {
	width:46%;
}


.panes .pane_order .row div .row div { /* adjust the margin in next 2 column configs */
	margin-left:7%;
	width:46.5%;
}

.panes .pane_order .row div .row div:first-child {
	margin-left:0;
}




/* Clearfix applied to div */

div:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

div {
	display: inline-block;
}

html[xmlns] div {
	display: block;
}

* html div {
	height: 1%;
}

/* Clearfix applied to ul */

ul:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

ul {
	display: inline-block;
}

html[xmlns] ul {
	display: block;
}

* html ul {
	height: 1%;
}