/* Begin Structure Styles =============================================== */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #1862A6;
	font-size: 11px;
	overflow: -moz-scrollbars-vertical;
	background: url(../images/body_shim.gif) repeat-x #03539E;
}

#wrapper {
	padding: 0;
	width: 759px;
	margin: 0px auto;
	text-align: left;
	background: url(../images/wrapper_shim.gif) repeat-y;
}

#header {
	text-align: left;
	height: 117px;
	background: url(../images/top_shim.gif) no-repeat;
	width: 759px;
	margin: 0;
	padding: 0;
}

#product_nav {
	list-style-type: none;
	float: right;
	padding: 91px 28px 0 0;
}

#product_nav ul li {
	display: inline;
	border-right: 1px solid #FFFFFF;
	padding-right: 14px;
	margin-left: 14px;	
}

#product_nav ul li.last {
	border: 0;
	padding: 3px 2px;
}

#product_nav a {
	text-decoration: none;
	color: #FFFFFF;
}

#product_nav a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#footer {
	clear: both;
	background: url(../images/footer_shim.gif) repeat-x;
	width: 759px;
	font-size: 10px;
	color: #8199AF;	
	text-align: center;
	padding: 14px 0 0 0;
	margin-top: 15px;
	height: 40px;
}

#footer a {
	text-decoration: underline;
	color: #8199AF;
}

#footer a:hover {
	color: #8199AF;
	text-decoration: none;
}

/* End Structure Styles =============================================== */

#outer_content_container {
	text-align: left;
	float: left;
	width: 759px;
	margin-bottom: 5px;
}

#content_container {
	float: right;
	margin: 0 0 0 0;
	width: 560px;
}

#home_content_wrapper {
	margin: 0;
	padding: 0;
	float: left;
	width: 363px;
	background: url(../images/home_bg.gif) no-repeat;
}

.home_title {
	margin: 0;
	padding: 8px 0 10px 10px;
	float: left;
	width: 352px;
	background: #02325F;
}

.home_title h1 {
	font-size: 14px;
	font-weight: bold;
	color: #D1B321;
}

.home_content {
	margin: 0;
	padding: 15px;
	float: left;
	width: 333px;
}

.main_title {
	margin: 0;
	padding: 8px 0 10px 10px;
	float: left;
	width: 549px;
	background: #02325F;
}

.main_title h1 {
	font-size: 14px;
	font-weight: bold;
	color: #D1B321;
}

.main_subtitle {
	margin: 0;
	float: left;
	width: 532px;
	background: #AE0035;
	margin: 10px 0 5px 0;
	padding: 4px;
}

.main_subtitle h2 {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

#main_content {
	margin: 0;
	padding: 10px 10px 7px 10px;
	float: left;
	width: 539px;
	background: #FFFFFF;
}

#main_content ul {
	padding-left: 15px;
}

#main_content ul li {
	list-style: none;
	background: url(../images/arrow.gif) no-repeat 0 4px; /* new */
	padding-left: 10px;
}

#main_content ul li a {
	text-align: left;
	display: block;	
	padding: 0 0 5px 0;
	text-decoration: none;
}

#main_content ul li a:hover {
	text-decoration: none;
}

#main_content ul li a:visited {
	text-decoration: none;
}

#main_content ul li a:active {
	text-decoration: none;
}

/* Begin Breadcrumb Styles =============================================== */

#breadcrumb {
	margin: 0;
	padding: 8px 10px 8px 10px;
	border-bottom: 1px dashed #4D6F8F;
	font-size: 10px;
	width: 540px;
	color: #606069;
}

#breadcrumb ul {
	margin: 0;
}

#breadcrumb ul li {
	display: inline;
	border-right: 1px solid #606069;
	padding-right: 4px;
	margin-left: 4px;	
}

#breadcrumb ul li a {
	color: #606069;
}

#breadcrumb ul li.last {
	border: 0;
	padding: 0;
}

/* End Breadcrumb Styles =============================================== */

/* Begin Left Menu Styles =============================================== */

#left_nav_container {
	margin: 0;
	padding: 0;
	width: 199px;
	float: left;
}

.left_content_nav_container {
	width: 199px;
	float: left;
	text-align: center;
	padding: 0;
}

.left_content_nav {
	width: 179px;
	float: left;
	padding-left: 10px;
}

.left_content_nav ul li {
	list-style-type: none;
}

.left_content_nav ul li a {
	background: url(../images/leftnavarrow.gif) no-repeat 12px 8px #537492; /* new */
	color: #FFFFFF;
	text-align: left;
	font-size: 11px;
	display: block;
	height: 20px;
	padding: 5px 0 0 25px;
	border: 1px solid #63809D;
	text-decoration: none;
	margin-bottom:2px;
}

.left_content_nav ul li a:visited {
	text-decoration: none;
	color: #FFFFFF;
}

.left_content_nav ul li a:active {
	text-decoration: none;
	color: #FFFFFF;
}

.left_content_nav ul li a:hover {
	background: url(../images/leftnavarrowover.gif) no-repeat 12px 8px; /* new */
	color: #D1B321;
	text-decoration: none;
}

/* End Left Menu Styles =============================================== */

/* Begin Class Styles =============================================== */

.fontwhite {
	color: #FFFFFF;	
}

.fontgrey {
	color: #999999;	
}

.fontlightblue {
	color: #8199AF;	
}

.fontblack {
	color: #000000;	
}

.fontred {
	color: #AE0035;	
}

.fontyellow {
	color: #D8B637;	
}

.backgroundblack {
	background: #000000;
}

.backgroundgrey {
	background: #4D5767;
}

.backgrounddarkblue {
	background: #02325F;
}

.backgroundlightblue {
	background: #DCE8F4;
}

.bordergrey {
	border: 1px solid #4D5767;
}

.borderblue {
	border: 1px solid #537492;
}

.bordertop {
	border-top: 1px	solid #A0A0A5;
}

.borderbottomdashedwhite {
	border-bottom: 1px dashed #FFFFFF;
}

.borderbottomdashedblue {
	border-bottom: 1px dashed #43688B;
}

a:link, a:visited, a:active {
	text-decoration: underline;
	color: #02325F;
}

a:hover, a {
	text-decoration: none;
	color: #8199AF;
}

a.yellow:link, a.yellow:visited, a.yellow:active {
	color: #D8B637;
}

a.yellow:hover, a.white {
	color: #8199AF;
}

a.white:link, a.white:visited, a.white:active {
	color: #FFFFFF;
}

a.white:hover, a.white {
	color: #FFFFFF;
}

/* End Class Styles =============================================== */

/* Begin Basket Styles =============================================== */

.baskettop {
	font-weight: bold;
	background: #DCE8F4;
	padding: 5px;
}
.basketmiddle {
	padding: 3px;	
}
.basketbottom {
	padding: 3px;
	background: #DCE8F4;
}

/* End Basket Styles =============================================== */

.productlistrow {
	float: left;
	border: 1px solid #003B77;
	width: 537px;
	background: #DCE8F4;
}
.productlistcolumn1 {
	float: left;
	padding: 5px 10px 5px 5px;
	margin: 0;
	width: 125px;
}
.productlistcolumn2 {
	float: left;
	padding: 5px 0;
	margin: 0;
	width: 387px;
}

.productdetailrow {
	float: left;
	border: 1px solid #003B77;
	width: 529px;
	margin-top: 12px;
	padding: 4px;
}
.productdetailcolumn1 {
	float: left;
	padding: 0;
	margin: 0;
	width: 205px;
}
.productdetailcolumn2 {
	float: left;
	padding: 0;
	margin: 0 0 0 4px;
	width: 320px;
	background-color: #E4EBF1;
	min-height: 220px;
}
.productdetailcolumn2 ul {
	padding: 10px;
	background:#F5F8FB;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom:5px;
}

.productdetailcolumn2 ul li {
	list-style: none;
	background: url(../images/arrow.gif) no-repeat 0 4px; /* new */
	padding-left: 10px;
}

/* Begin Form Styles =============================================== */

form {
	margin: 0;
	padding: 0;
}

legend { 
	padding: 0 6px;
	color: #02325F;
	font-weight: bold;
}

fieldset, input:focus, textarea:focus {
	border: 1px solid #7D7D7D;
}

label { 
	display: block; 
	float: left; 
	text-align: right; 
	padding: 0 10px 0 6px; 
	margin-bottom: 0; 
	width: 160px; 
	font-weight: bold; 
}

.input {
	font: 11px Verdana, Arial, Helvetica, sans-serif; 
	background-color: #FFFFFF;
	border: 1px #7D7D7D solid;
	color: #02325F;
	height: 17px;
}

.select {
	font: 11px Verdana, Arial, Helvetica, sans-serif; 
	background-color: #FFFFFF;
	border: 1px #7D7D7D solid;
	color: #02325F;
}

.inputsmall {
	font: 10px Verdana, Arial, Helvetica, sans-serif; 
	background-color: #FFFFFF;
	border: 1px #7D7D7D solid;
	color: #02325F;
}

.textarea {
	font: 11px Verdana, Arial, Helvetica, sans-serif; 
	background-color: #FFFFFF;
	border: 1px #7D7D7D solid;
	color: #02325F;
}

/* End Form Styles =============================================== */


/* INVOICE */

#invoice_top, #invoice_customer_table, #invoice_carrier_table, #invoice_details_table, #invoice_conditions, #invoice_terms_table {
	display: block;
	float: left;
	width: 759px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

#invoice_top p { display: block; float: left; width: 213px; height: 96px; margin: 0px; padding: 20px; }
#invoice_top p span { display: block; float: left; width: 60px; text-align: right; margin: 0px 20px 0px 0px; padding: 0px; }

#invoice_top_title { display: block; float: left; width: 759px; margin: 0px 0px 10px 0px; padding: 0px; text-align: center; }
#invoice_top_title .invoice_top_box { display: block; float: left; width: 213px; height: 60px; margin: 0px; padding: 20px; text-align: left; }
#invoice_top_title .invoice_top_box h2 { display: block; float: left; width: 100%; margin: 0px; padding: 0px; text-align: center; }
#invoice_top_title .invoice_top_box p { display: block; margin: 5px 0px 5px 0px; padding: 0px; font-size: 10px; text-align: center; }

#invoice_customer_table table, #invoice_carrier_table table { border-top: 1px solid #333333; border-left: 1px solid #333333; }
#invoice_customer_table table tr td, #invoice_carrier_table table tr td { border-bottom: 1px solid #333333; border-right: 1px solid #333333; padding: 5px; }

#invoice_details_table table { border-top: 1px solid #333333; border-left: 1px solid #333333; border-bottom: 1px solid #333333; }
#invoice_details_table table tr td, #invoice_details_table table tr td { border-right: 1px solid #333333; padding: 5px; }

#invoice_conditions p { display: block; float: left; width: 379px; margin: 0px; padding: 0px; }

#invoice_terms_table table {  border-top: 1px solid #333333; border-left: 1px solid #333333; border-bottom: 1px solid #333333; }
#invoice_terms_table table tr td { border-right: 1px solid #333333; padding: 5px; }
#invoice_terms_table table tr td.totals table { border: none; }
#invoice_terms_table table tr td.totals table tr td { border: none; }
#invoice_terms_table table tr td p { font-size: 8px; }

