/* ----------- BEGIN import from standard.css STYLES ------------------------------------ */

html {  /* this forces vertical scroll bar on firefox*/
  height: 100%;
  margin-bottom: 1px;
  overflow: -moz-scrollbars-vertical;
}

/*-------------BASIC FORMATTING and RESETTING OF DEFAULTS--------------*/
body, p, h1, h2, h3, h4, h5, h6, ul, li, ol, table, tr, td, label, input, select, textarea {
	padding: 0; margin: 5px 0 11px 0;
	font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
	font-size: 12px; line-height: 18px; color: #333;
}

form {padding: 0; margin: 0;}

hr {margin: 0px; paddng: 0px;}
.tb {font-weight: bold;}
.tbi {font-weight: bold; font-style: italic;}
.tbcap {font-weight: bold; text-transform: uppercase;}
.ti {font-style:italic;}
.tu {text-decoration:underline;}
.tui {text-decoration:underline; font-style:inherit;}
.tcap {text-transform: uppercase;}
.marginHomeImg {margin: 0 20px 0 70px;}
.description {padding: 30px 0 100px 0;}

h1 {font-size: 28px; line-height: 30px; font-weight: normal; margin: 10px 0; color: #003372;}

h2 {font-size: 24px; line-height: 24px; color: #003372; margin-bottom: 12px;}
h3 {font-size: 16px; line-height: 20px; color: #003372; margin-bottom: 12px;}
h4 {font-size: 16px; line-height: 20px; color: #003372; margin-bottom: 12px;}
h5 {font-size: 14px; color: #333; margin-bottom: 12px;}
h6 {font-size: 14px; color: #333; margin-bottom: 12px;}

ul, ol {padding-left: 12px;}
ul li, ol li {color: #000; margin-left: 20px; margin-bottom: 0;}

a, a:hover {color: #b50937; text-decoration: underline;}
a:hover, a:hover h3  {color: #000;}

table, tr, td {color: #000; line-height: 14px;}
table {margin-left: 50px; padding-bottom: 50px;}
input, textarea {color: #444; font-weight: normal; font-size: 11px;}

.clearabove {line-height:0;height:0;font-size:0;clear:both;} /* Use on a clearing element following a float */
.clearcontents:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
.clearcontents {clear: both; display:inline-block;}
.clearcontents {display:block;}
*html .clearcontents {height:1%;} /* Use on a container to clear enclosed floats */
.clearAll {clear: both;}
/* ----------- BEGIN import from standard.css STYLES ------------------------------------ */

body {width: 100%; margin: 0; padding: 0; background-color: #001f43;}

.header {position: relative; width: 100%; height: 165px; margin: 0; padding: 0; background: #001227 url(../images/headerBkgd.jpg) no-repeat;}
.logo {position: relative; top: 0; left: 0;}

.title {position: absolute; top: 68px; left: 630px; width: 400px; height: 100px;}
.topNav {position: absolute; top: 7px; left: 330px; width: 500px; color: #fff; text-align: right; font-family: "Calibri","Lucida Grande","Lucida Sans Unicode","Verdana,Arial,sans-serif";}
.topNav a, .topNav a:link, .topNav a:active, .topNav a:visited {color: #fff; font-size: 11px; margin: 0 5px; text-transform: uppercase;}
.topNav a:hover {color: #6cf;}
.topNav .cartQuantity {display: inline-block; *display: inline; color: #CAEEFF; font-size: 16px; }
.topNav .cartItem {display: inline-block; *display: inline; margin: 0 4px; color: #CAEEFF; font-size: 11px; text-transform: uppercase;}


.content {position: relative; width: 100%; min-height: 400px; text-align: left; background-color: #fff; padding: 70px 0 40px 80px;}
.contentSized {width: 900px;}
productGroup_container {display: block; width: 965px; margin: 0 0 0 -20px;}
.lrgrTxt {font-size: 14px;}
.breadcrumb a {font-size: 11px; color: #a00; text-decoration: underline;}
.breadcrumb a:hover {color: #999;}

.cont48 {position: relative; width: 792px; height: 20px; border: 2px solid #001f43; padding: 3px 8px; margin-bottom: 20px;}
.cont48 p {font-size: 11px; padding: 0; margin: 0; text-align: center;}




.footer {position: relative; width: 1050px; height: 90px; margin: 0; padding: 10px 0 0 0; text-align: center; color: #6cf; }
.footer a, .footer a:link, .footer a:active, .footer a:visited {color: #6cf; text-decoration: none; margin: 0 5px;}
.footer a:hover {text-decoration: underline;}
.footer p {font-size: 11px; margin-top: 10px; color:#aaa; font-family: Arial, Helvetica, sans-serif;}

.blueBox {
	color: #003372; margin-top: 10px; margin-bottom: 10px; width: 400px; border: 2px solid #003372;
	padding: 5px; line-height: 12px;
}

/*---LOGIN PAGE STYLES---------------------------------------------------------------*/
fieldset {float: left; width: 360px; margin: 0 20px 20px 0; padding: 5px 20px 20px 20px; border: 1px solid #ddd;}
div.guestCkout {clear: both; width: 782px; margin: 0; padding: 5px 20px 20px 20px; border: 1px solid #ddd;} 
.storeLogin label {width: 150px; float: left; clear: left; line-height: 12px;}
.storeLogin input {width: 180px; float: left;}
.left160px {margin-left: 152px;}
.newCust input {width: 180px; margin-left: 95px;}
.newCust ul {margin-left: 77px;}

/*---TAX EXEMPT FORM STYLES----------------------------------------------------------*/
form.taxExempt {width: 820px;}
.personalInfo {width: 400px;}
.personalInfo label {clear: left; float: left; width: 125px; line-height: 11px;}
.personalInfo input, .personalInfo select {float: left; width: 200px;}
.personalInfo select {margin-bottom: 6px;}
.indent {margin-left: 60px;}
.ml20px {margin-left: 20px;}
hr.lessMargin {margin: 10px 0;}

/*---PRODUCT LISTING STYLES----------------------------------------------------------*/
.prodCell {display: block; position: relative; float: left; width: 180px; margin: 0 25px 0 -25px; height: 295px; text-align: center;}
.prodTitle {position: relative; padding: 0 25px; height: 77px; vertical-align: bottom;}
.prodImg {position: relative; height: 125px;}
.prodDetails {position: relative; left: 0; bottom: 0; margin-bottom: 20px\0/;}
.prodCell {font-size: 11px;}
.prodCell a {font-size: 11px; font-weight: bold; color: #a00;}
.prodCell a:hover {color: #333;}
.prodCell a img {border:none;}
input {margin: 3px 0;}
input.qty {text-align: center;}

/*---CHECKOUT PAGES STYLES---------------------------------------------------------------*/
table.cartDetail, table.reviewOrder {width: 760px;}
.addressBlock {float: left; width: 350px; margin-left: 50px;}
tr.totalLine td {border-top: 1px solid #ddd; padding-top: 10px;}
table.reviewOrder th {padding-bottom: 20px;}
p.marginL {margin-left: 50px;}



/*.prod_btn_container {display: block; width: 147px; margin: 0 auto; text-align: center;}*/

input.addCart_btn {display: block; width: 90px; margin: 3px auto; padding: 2px 7px;}
input.selectStyle_btn {display: block; width: 140px; margin: 3px auto; padding: 2px 7px;}

input.addCart_btn,
input.selectStyle_btn {
	border: #003F86 solid 1px; background: #800400;	font-weight: bold; color: #FFF;	text-align: center; 
}
input.addCart_btn:hover,
input.selectStyle_btn:hover {
	cursor: pointer; background: #CB5958;
}

input.quantity_input {
	display: block; width: 30px; border: #003F86 solid 1px; background: #fff; font-weight: normal; 
	color: #000; text-align: center; margin: 0 auto; padding: 2px 0;
}
input.quantity_input:hover {
	cursor: pointer;
	background: #F5E2E2;
}
input.quantity_input:active, 
input.quantity_input:focus {
	background: #DFEEFF;
}

.prod_name {position: relative; height: 15px; margin: 0 auto; text-align: center;}
.prod_price {position: relative; height: 15px; margin: 0 auto; padding-bottom: 5px; text-align: center;}
.prod_quantity {position: relative; height: 30px; margin: 0 auto; text-align: center;}
.prod_colorStyle {margin-top: 13px;}
hr {
	display: block; height: 1px; width: 850px; border: none; /*border-top: 1px solid #ddd;*/ 
	background: #ddd; margin: 20px 0 30px 0; margin-left: -170px\0/;
}


/*---PRODUCT DETAIL STYLES----------------------------------------------------------*/
#productImage {float: left; margin-right: 40px;}
#productDetail {float: left; width: 500px;}



/*---MAIN NAV STYLES--------------------------------------------------------------*/
.mainNav {position: absolute; top: 153px; left: 00px; width: 1050px; height: 45px; z-index: 1000; text-align: center;}

#nav {position: relative; height: 45px; z-index: 1000; text-align: center;}

ul#nav {margin: 0; padding: 0;}
ul#nav li {position: relative; display: inline-block; *display: inline; margin: 0 7px 0 0; padding: 0; list-style: none;}
ul#nav li a {margin: 0;}

#nav li.btn1 {height: 45px; *padding-bottom: 10px; background: url(../images/btn_mainNavBkgd.png) no-repeat 41% top;}
#nav li.btn1 a {height: 45px; padding: 8px 10px; *padding: 0 10px; background: url(../images/btn_mainNavL.png) no-repeat 0 0; text-decoration: none;}
#nav li.btn1 a:hover {padding:8px 10px; *padding: 0 10px; background: url(../images/btn_mainNavL.png) no-repeat 0 -45px; *background-position-y: -44px;}

#nav li.btn1 a span {height: 45px; padding: 10px 20px 11px 10px; line-height: 34px; background: url(../images/btn_mainNavR.png) no-repeat top right;
					 font-family: Arial, sans-serif; font-weight: bold; font-size: 11px; color: #fff; text-decoration: none; text-transform: uppercase;}
#nav li.btn1 a:hover span {line-height: 34px; padding: 11px 20px 10px 10px; background: url(../images/btn_mainNavR.png) no-repeat bottom right;}
#nav li.btn1 li, #nav li.btn1 li a {background-image: none;}



/*---SUBNAV STYLES---------------------------------------------------------------------*/
ul#subnav {
    z-index: 1000; position: absolute; top: 40px; *top: 36px; left: 5px; width: 200px; text-align: left;
    display: none; background-image: none; background-color: #f5f5f5; font-size: 11px; 
    font-weight: bold; padding: 0; margin: 0;
}
#nav li ul#subnav li {
    position: relative; top: 0; left: 0; width: auto; height: auto; text-align: left; background: #f5f5f5; 
    background-image: none; border: none; border-top: 1px solid #ddd; border-bottom: 1px solid #fff; 
    margin: 0; padding: 0; display: block;
}
#nav li ul#subnav li a, 
#nav li ul#subnav li a:hover {
    display: block;	float: none; background-image: none; color: #999; text-transform: none; 
    margin: 0 0 0 10px; padding: 2px 5px 2px 10px; width: auto;	height: auto;  
    text-indent: -10px; text-decoration: none;
}
#nav li ul#subnav li a {color: #b50937;}
#nav li ul#subnav li a:hover {color: #fff;}
#nav li ul#subnav li a:hover {
    text-decoration: none; 
    color: #999; 

}
#nav li:hover ul, #nav li.sfhover ul {display: block; margin-left: 0;}

#dhtmlwindowholder {z-index: 1006; position: absolute; top: 100px; left: 328px;}