body {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	background-color: #FFFFFF;
	font-family: arial, serif;
	font-size: 12px;
}

h1 {
	font-size: 18pt;
	line-height: 19pt;
}
h2 {font-size: 15pt;}
h3 {font-size: 12pt;}
h1, h2, h3 {
	color: #0015FE;
	font-weight: bold;
	clear: both;
}

a:VISITED {
	color:#111166;
}

a img {
	border: none;
}

.noScriptHide {
	display: none;
}

/** Template Layout begin **/
#main {
	width: 1000px;
	background-color: #FFFFFF;
	margin: 0 auto;
}

#header {
	border: 0px;
	width: 1000px;
	height: 136px;
	position: relative;
}
#header a {
	color: #0000FF;
}

.coName {
	font-size: 20px;
	font-weight: bold;
	color: #3300c8
}

#logo {
	position: absolute;
	top: 13px;
	left: 1px;
	border: 0px;
	height: 70px;
}

#headerActionsBox {
	position: absolute;
	float: right;
	top: 0;
	right: 0;
	background-color: #EBEBEB;
	text-align: right;
	padding: 5px;
}

#headerActions {
	border: 0px;
	font: 8pt "Arial";
	font-weight: bold;
}
#headerActions .cartStatus {
	color: #0000FF;
}
#headerActions a {
	color: #000000;
	text-decoration: none;
}

#headerSearch {
	height: 30px;
	float: right;
	border: 0px;
	position: absolute;
	bottom: 34px;
	right: 5px;
}
#headerSearch form{
	display: inline;
}
#headerSearch input {
	font: 10pt "Arial";
}

#headerBar {
	background-image: url("/images/header_grad.png");
	height: 26px;
	width: 1000px;
	position: absolute;
	bottom: 0;
}

#headerContacts {
	font: 7pt "Arial";
	font-weight: bold;
	color: #FFFFFF;
	position: absolute;
	top: 8px;
	left: 15px;
}
#headerContacts a {
	color: #FFFFFF;
	text-decoration: none;
}

#messageBox .error {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	background-color: #F6E3E8;
	border: 1px solid #C80202;
}
#messageBox .message {
	font-size: 10pt;
	font-weight: bold;
	color: #464646;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	background-color: #EBEBEB;
	border: 1px solid #464646;
}

#contentDiv {
	float: left;
	width: 1000px;
}

#body {
	float: left;
	width: 720px;
	padding: 15px 15px 15px 15px;
	background-color: #FFFFFF;
}

#navigation {
	float: left;
	width: 240px;
	padding: 15px 5px 5px 5px;
}

ul#navList {
	margin: 0;
	padding: 0 0 27px 0;
	list-style: none;
	font: 10pt "Arial";
	color:#777;
}
ul#navList a{
	font-weight: bold;
}

ul#navList div {
	margin-right: 2px;
	padding-top: 6px;
	padding-bottom: 5px;
	border-bottom: 1px solid #E5E5E5;
	text-align: left;
	overflow: visible;
}

ul#navList li.selected {
	font-weight: bold;
	padding-left: 18px;
	background-image: url("/images/nav_logo.png");
	background-repeat: no-repeat;
	background-position: 0 6px;
}

ul#navList li {
	font-weight: normal;
	margin: 0;
	padding-left: 2px;
}

ul#navList ul{
	list-style: none;
	margin-left: 0px;
	padding-left: 15px;
}

ul#navList a {
	text-decoration: none;
	color: #555555;
}

#paymentOptions {
	float: left;
	width: 234px;
	height: 53px;
	border-top: 1px solid #E5E5E5;
	padding-left: 2px;
	margin-left: 7px;
}
#paymentOptions img {
	height: 27px;
	margin-top: 14px;
}

#footer {
	width: 1000px;
	height: 40px;
	border-top: 1px solid #CCCCCC;
	clear: both;
	color: #636363;
	font: 8pt "Arial";
}

#copyright {
	padding-top: 11px;
}

/** Template Layout end **/
b {
	font-size: 110%;
}

em {
	color: red;
}


input, select{
	font-family: "Arial", Arial, monospace;
	font-size: 10pt;
}
fieldset {
	padding: 20px; margin-bottom: 20px;
}

td.money {
	text-align: right;
}
td.qty {
	text-align: center;
}

/*
 * LANDING PAGE
 *
 */
table#highlights{
	text-align: center;
}
table#highlights td{
	padding:5px;
}

/*
 * RESULTS PAGE
 */
ul#prodList{
	list-style:none;
	padding-left:0;
	margin-left:0;
}
ul#prodList li{
	padding:10px;
	border-bottom: 1px solid #AAF;
}
ul#prodList br{
	clear:both;
}
ul#prodList li.featured{
	font-weight: bold;
	border:1px dashed #55F;
	margin: 4px;
	background-image: url("/images/featuredBg.png");
	background-position:top right;
	background-repeat: no-repeat;
	background-color:#ffB;

}
ul#prodList li.nav{
	background-color: #AAF;
	border:1px solid #55F;
	text-align: center;
	margin-top: -1px;
}
ul#prodList .thumb {
	vertical-align: middle;
	float: left;
	margin-right:10px;
	border: 0px solid black;
	max-width: 60px;
	max-height: 60px;
}

.thumb {
	max-width: 60px;
	max-height: 60px;
}

.even{background-color:#DDF;}
div.pageNav{text-align:right;padding:0}
div.pageNav div{display:inline;white-space:nowrap}
div.pageNav div.left{float:left}

.brandList{
	padding:10px;
	width:100%;
}
.brandList td{
	padding:10px;
}
h3{ color:#f00; margin: 0;}
div#link {font-size: 1.4em; font-weight:bold; text-align: center;
font-family:Lucida Console, Courier, monospace;}
ul.breadcrumbList{
	list-style:none;
	padding-left:0;
	margin-left:15px;
	margin-top:0px;
}
ul.breadcrumbList ul, ul.breadcrumbList ul li{
	display: inline;
	padding-left:2px;
}
ul.breadcrumbList ul li{
	background-image: url("/images/bc_arrow.png");
	background-repeat:no-repeat;
	background-position: 0px 2px;

	padding-left:12px;
}

/*
 * PRODUCT PAGE
 */
#primary {
	border: 1px solid #C2C2C2;
}
#primaryImgContainer{
	height: 270px;
}
.allowance{
	font-weight:bold;
	font-size: .9 em;
	color:red;
}

.breadcrumbList ul {
	margin: 0;
	padding: 0;
}

img.swapimg{
	margin-top: 5px;
	border: 1px solid #C2C2C2;
	cursor: pointer;
	max-height: 50px;
	max-width: 50px;
}

#brandSpan {
	color: #000000;
}
#brandSpan a {
	color: #000000;
}

td.productDetails{
	width: 60%;
	vertical-align: top;
	padding-right: 0;
	/*color: #898989;*/
}
td.productDetails a {
	color: #898989;
}
form fieldset {
	border-color: #AAA;
	border-width: 1px;
	border-style: solid;
	padding: 10px;        /* padding in fieldset support spotty in IE */
	margin: 10px;
	color: #000000;
	padding:5px;
}
form fieldset legend {
	font-size:1.1em; /* be careful with padding, it'll shift the nice offset on top of border . */
	font-weight:bold;
}
.productDetails td.left {
	text-align: right;
	white-space: nowrap;
	width:50%;
}
.productDetails .estQty{
	font-size:0.9em;
	color:#444;
}
.productDetails input, .productDetails select{
	margin-bottom:5px;
}
.productOptions{
	background-color: #EEE;
	margin:5px;
	border: 1px solid #000;
	padding:15px;
	min-width:60%;

	}
div.error{
	text-align: center;
	font-size: 0.9em;
}
#hazmat {
	overflow: auto;
	margin:5px;
}
#hazmat p {
	padding-top: 7px;
	padding-right: 10px;
}
#hazmat img {
	height: 70px;
	float: left;
	padding-right: 10px;
}

td.productImages{
	width:40%;
	vertical-align: top;
	padding-top: 7px;
}
#itemNum{
	font-weight: bold;
}
#initialPrice {
	font-weight: bold;
}

.customPrice{
	text-decoration: line-through;
}

.yourPrice{
	font: 9pt "Arial";
	font-weight: bold;
	color: red;
}

/* Cart Page */
table#cart {
	border-collapse: collapse;
	margin-bottom: 10px;
}
table#cart th,
table#cart td {
	padding: 3px 5px 3px 5px;
	margin: 0;
}
table#cart thead th {
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid black;
}
table#cart tfoot td {
	border-top: 1px solid black;
}
table#cart td.subTotal {
	text-align: right;
}
div.emptyCart {
	width: 450px;
	font-size: 16px;
	text-align: center;
	padding: 50px 20px;
}
div.shippingInfo {
	clear: both;
	width: 450px;
}
div.shippingInfo strong {
	font-size: 16px;
}

/* Checkout Pages */
div.cartTotals {
	float: left;
	width: 350px;
	padding-bottom: 10px;
	font-size: 16px;
}
div.cartTotals .fieldHelp {
	font-size: 12px;
}
div.upsInfo {
	float: left;
	width: auto;
}
div.upsLogo,
div.upsNote {
	float: left;
}
div.upsLogo {
	padding: 16px;
}
div.upsNote {
	width: 250px;
	padding: 16px 0 0 0;
}

/* Order Display Page - Confirmation and Receipt */
div#orderDisplay {
	width: 608px;
}
div#orderDisplay div.sectionLink {
	float: right;
}
div#orderDisplay h2 {
	padding: 0;
	margin: 0 0 5px 0;
}
div#orderDisplay ul {
	list-style: none;
	float: left;
}
div#orderDisplay li {
	float: left;
	clear: left;
}
div#orderDisplay span.label,
div#orderDisplay span.value {
	float: left;
	display: block;
}
div#orderDisplay span.label {
	font-weight: bold;
	text-align: right;
	width: 120px;
	margin-right: 20px;
}
div#orderDetails,
div#paymentDetails,
div#profileDetails,
div#shippingDetails,
div#unitedFireDetails {
	border: 1px solid black;
	margin: 10px;
	padding: 10px;
}
div#orderDetails h2,
div#profileDetails h2,
div#paymentDetails h2,
div#shippingDetails h2,
div#unitedFireDetails {
	clear: none;
}
div#orderDetails table {
	border-collapse: collapse;
}
div#orderDetails table td,
div#orderDetails table th {
	padding: 3px 5px 3px 5px;
	margin: 0;
}
div#orderDetails table thead th {
	border-bottom: 1px solid black;
}
div#orderDetails table tfoot tr.first td {
	border-top: 1px solid black;
}

div#unitedFireDetails table {
	border-collapse: collapse;
}
div#unitedFireDetails table td,
div#unitedFireDetails table th {
	padding: 3px 15px 3px 15px;
	margin: 0;
	text-align: center;
}
div#unitedFireDetails table thead th {
	border-bottom: 1px solid black;
}
div#unitedFireDetails table tfoot tr.first td {
	border-top: 1px solid black;
}

/* Forms */
form.narrow fieldset {
	width: 608px;
	border: none;
	margin: 0;
	padding: 10px;
	clear: both;
}
ul.form, ul.form li {
	border: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.form li {
	clear: both;
	padding-bottom: 10px;
	/*height: 15px;*/
}
ul.form li.error label {
	color: red;
	font-size: 12px;
	font-weight: normal;
}
ul.form li.error input,
ul.form li.error select {
	border: 2px solid red;
}
ul.form input,
ul.form select {
	float: left;
}
ul.form label {
	float: left;
	width: 120px;
	text-align: right;
	margin-right: 10px;
}
ul.form .checkbox {
    float: left;
    margin-left: 130px;
    width: 303px;
}
ul.form .checkbox span {
    float: left;
}
ul.form .error {
	font-size: 12px;
	font-weight: normal;
}
ul.form span.error {
	float: right;
	text-align: left;
	width: 175px;
}
ul.form .errorCheckbox {
    clear: left !important;
    float: left !important;
    margin-left: 130px !important;
    width: 303px !important;
}
ul.form span.fieldHelp {
	float: left;
	clear: left;
	margin-left: 130px;
	width: 303px;
}
div#payment_opt div.option {
	margin-bottom: 5px;
}
div#payment_opt div.fieldHelp {
	margin-left: 30px;
	width: 350px;
	color: #AA4444;
}
.requiredField {
    font-weight: bold;
}
.requiredFieldImg {
    color: #f00;
    cursor: help;
    line-height: 10px;
}
div.formControls {
	float: left;
	width: 608px;
	padding: 10px 10px 30px 10px;
	margin: 0;
}
div.formControls div.continue {
	width: 238px;
	margin: 0;
	padding: 0;
	float: right;
}
div.formControls div.back {
	width: 350px;
	margin: 0;
	padding: 0;
	float: right;
}
div.formControls img.sslLogo {
	padding: 10px 0 10px 0;
	margin-left: 350px;
}
.fieldHelp,
.note {
	color: #505050;
	font-style: italic;
}
.clear {
	clear: both;
}
.disabled {
	font-style: italic;
	color: #777777;
}

/* Registration Form Styles */
.privacyDiv {
	background-color: #f0f0f0;
	border: #d0d0d0 1px solid;
	padding: 8px;
	width: 180px;
	height: 257px;
	float: right;
	color: #606060;
}

/* Order History */
.reportButton {
	margin-top: -2px;
}

