/* BEGIN: Main Styles ============== */
.MerkatisContent{
	margin:0 !important;
	width:848px !important;
	float:none !important;
	}
.MerkatisContent h6{
	margin:0 0 5px 0;
	}
#AtcUserGreeting1_pnlUserGreeting{
	margin:0 0 14px 0
}
#emptyCart{
	padding:50px 20px; 
	background-image:url(/images/shipInfoSideImgTop.jpg);
	background-repeat:no-repeat; 
	background-position:center right
}
.ErrorMessages{
	padding:10px;
	color:#f00;
	font-weight:bold;
	margin-bottom:15px;
	display:block;
	}
.ShipmentErrorMessages{
	padding:0px;
	color:#f00;
	font-weight:bold;
	margin-bottom:15px;
	margin-top:10px;	
	display:block;
	width:225px;
	overflow:auto;
	}	
.TopErrorMessages{
	background:#f00;
	padding:10px;
	color:#fff;
	font-weight:bold;
	margin-bottom:15px;
	display:block;
	}
.TopErrorMessages ul{
	margin:10px 0 0 0;
	font-weight:bold;
}
.TopErrorMessages ul li{
	list-style-type:disc;
	margin:0 0 5px 16px;
}
.Message{
	padding:10px;
	border:1px solid #92cf00;
	background:#f6ffe0;
	color:#7caf00;
	font-weight:bold;
	margin-bottom:15px;
	display:block;
	}
ol{
	margin-bottom:15px;
	}
ol li{
	list-style-type:decimal;
	margin:0 0 4px 25px;
	}
.LastMenuItem{
	border-right:none !important;
	}
/* END: Main Styles ============== */

/* BEGIN: Product Details ============== */
#productLeft{
	width:200px;
	float:left;
	margin-right:25px;
	}
#productDetails{
	float:left;
	width:235px
}
.closeup{
	margin:10px 0 0 0;
}

#btnAddToOrder{
	margin:11px 0
}
#thumbnails img{
	border:1px solid #ddd;
	cursor:pointer;
}
#thumbnails{
	margin:5px 0 0 0;
}
.ProductImages{
	cursor:pointer;
}
#productDetails img{
	padding:0;
}
.grdAttribute{
	margin:14px 0 0 0;
	border:1px solid #D4E1ED;
	background-color:#f5f9fc;
	color:#666;
	width:100%;
	}
.grdAttribute td div{
	padding:8px;
}
.tabCust{
	position:relative;
	top:14px;
}
.HelpButton{
	position:relative;
	top:3px;
	}
.volPricing{
	margin-bottom:15px;
	color:#00708D;
	width:100%;
	border-bottom:1px solid #CFD8E1;
	}
.volPricing td{
	padding:0;
}
.volPricing h6{
	margin:0 0 5px 0;
	font-size:12px;
}	
/* END: Product Details ============== */

/* BEGIN: What's New ============== */
#WhatsNewSection{
	width:125px;
	padding:10px;
	margin:3px 0 3px 16px;
	float:left;
	background:#f9f7f7;
	border:1px solid #bc2734
}

#Products_New1_dlItem td{
	padding:0 0 16px 14px
}


/* END: What's New ============== */
/* BEGIN: Sale Products ============== */
#SaleItemsSection{
	margin:10px 0;
	border-top:4px solid #bc2734;
	border-right:4px solid #bc2734
}

.EachSaleProduct{
	width:74px;
	margin:10px 0 0 0;
	float:left;
	background:transparent url(/images/dottedLineBg.gif) repeat-y top right;
	padding:0 10px;
}

.EachSaleProduct a{
	display:block;
	margin:3px 0
	
}
/* END: Sale Products ============== */

/* BEGIN: Featured Products ============== */
.FeaturedProducts{
	width:174px;
	margin:15px 15px 0 15px;
	min-height:300px
}

.DescriptionSide{
	padding-right:7px;
	border-right:1px solid #bc2734
}

.PriceSide{
	padding-left:7px;
	width:55px
}

.FeaturedProducts a{
	display:block;
	margin:5px 0
}

a.ProductImages:hover{
	border:1px solid #bbb;
	border-right:3px solid #aaa;
	border-bottom:3px solid #aaa;
}
/* END: Featured Products ============== */

/* BEGIN: Customer Pages ============== */

#content .BoxedSections h2{
	font:bold 15px arial;
	padding:4px 10px;
	margin:-10px -10px 10px -10px;
	text-transform:lowercase;
	color:#fff;
	background-color:#396082;
	border-bottom:6px solid #183E5E
}

#OrderDetails th{
	text-align:right	
}

.BorderLeftRight{
	border-left:1px solid #fff;
	border-right:1px solid #fff
}

#centeredWidth{
	margin:auto;
	width:562px;
}

.BoxedSections, .StepBoxes{
	background-color:#F5F9FC;
	border:1px solid #c5d1d4;
}

.BoxedSections{
	width:540px;
	padding:10px;
	margin:10px auto;
	clear:both
}
.BoxedSections ul li{
	list-style:disc;
	margin:0 0 3px 16px;
}
.BoxedSections:after{
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}

.StepBoxes{
	position:relative;
	padding:10px 10px 10px 40px;
	width:510px;
	float:left;
	margin:16px auto auto auto
}
.StepBoxes div{
	margin-top:10px;
	}
.StepNumbers{
	position:absolute;
	left:-20px;
	top:20px
}

#SameAsShipping{
	background:#183E5E url(/images/shipInfoSideImgBottom.jpg) no-repeat right top;
	color:#fff;
	float:left;
	border:1px solid #D4E1ED;
	border-top:0;
	width:540px;
	padding:10px
}

.TextBox{
	width:160px
}
.TextArea{
	width:300px;
	height:100px;
	padding:4px;
	}
.SelectBox{
	width:164px;
	_width:166px
}
#Step1 div{
	float:left;
	text-align:center
}

#Step2{
	border-bottom:0;
	background:#F5F9FC url(/images/shipInfoSideImgTop.jpg) no-repeat right bottom
}
.th{
	font-weight:bold;
	background:#7691A9;
	color:#fff;
}
.th a{
	color:#fff
}
.thBoxed{
	font-weight:bold;
	background:#183E5E;
	color:#fff;
}
.td{
	background:#fff;
	color:#333;
}
.alt{
	background:#EFFCFF;
	color:#333;
}
.tblSmall{
	margin:15px 0 0 0;
	border:1px solid #7691A9;
	width:100%;
	font-size:10px;
	}
.tblSmall th, .tblSmall td{
	padding:5px;
	}

.floatingButtons{
	float:right;
	margin:14px 0;
	_margin:0;
}

.EvenRows{
	background:#F5F9FC
}

.EvenRows2{
	background:#fff
}

.notTooImportant{
	color:#00708d;
	font-size:10px
}

.leftColumns{
	width:250px;
	padding:0 20px 0 15px;
	margin:15px 0 15px 0;
	border-right:1px solid #7f9db9;
	float:left;
	overflow:hidden;
}
.rightColumns{
	width:190px;
	padding:0 15px 0 20px;
	margin:15px 0;
	float:left;
	border-left:1px solid #7f9db9;
	position:relative;
	left:-1px;
}
.EachProductSection{
	padding:0 0 14px 0;
	background:transparent url(/images/dottedLineBg.gif) repeat-x bottom;
	margin-bottom:10px;
}
.CarrierLogos{
	float:left
}
#PaymentMethod div, #LastOrderSummary div{
	width:200px;
	float:right;
}
#PaymentMethod h6, #LastOrderSummary h6, h6.sp{
	background:transparent url(/images/dottedLineBg.gif) repeat-x bottom;
	padding-bottom:3px;
	color:#BC2734;
}
#PaymentMethod th, #PaymentMethod td, #LastOrderSummary th, #LastOrderSummary td{
	text-align:right;
	font-weight:normal
}
#PaymentMethod{
	background-image:url(/images/paymentMethodSideImage.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
}
/*
#LastOrderSummary{
	background-image:url(/images/sslLogo.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
}
*/
.adjustVertically{
	margin-top:10px
}

.required{
	color:#900;
	display:block;
	margin-bottom:5px;
	text-align:right;
}
.chkOffset *, .radioOffset td *, .radioOffset *{
	vertical-align:middle;
}
.chkOffset label{
	margin-left:5px;
	}
.checkout{
	text-align:right; 
	padding:10px 0; 
	clear:both
	}
.SubmitButton{
	position:relative;
	top:6px;
	_top:4px;
	}
.formItem{
	clear:both;
	float:left;
	margin-bottom:5px;
	width:500px;
	}
.formItem *{
	vertical-align:middle
}
.formField{
	float:left
}
.formItem label{
	font-weight:bold;
	width:120px;
	text-align:right;
	padding-right:5px;
	display:block;
	float:left
}
.formLabel
{
	float:left;
	font-weight:bold;
	width:150px;
	text-align:right;
	padding-right:5px;
}
/* END: Customer Pages ============== */


/* BEGIN: CustSignIn.aspx ============== */
#ReturningCustomers div, #NewCustomers div{
	background:#F5F9FC;
	border:1px solid #D4E1ED;
	padding:10px;
	margin:0 0 6px 0;
	width:340px
}

#ReturningCustomers, #NewCustomers{
	float:left;
	width:360px;
	padding:0
}
#ReturningCustomers{
	display:inline;
	margin-left:25px;
	}
h4 span{
	color:#555
}

#orSeparator{
	float:left;
	margin:0 15px 0 15px
}

/* END: CustSignIn.aspx ============== */

/* BEGIN: ViewCart.aspx, SavedCart.aspx, OrderHistory.aspx ============== */
#grdCart{
	width:100%;
}
#tblTotals .th{
	padding:0 5px;
	width:93%;
	background:#183E5E;
	}
.thTotal{
	background:#183E5E;
	color:#fff;
	vertical-align:middle;
	height:25px;
	}
#tblTotals td{
	padding:3px 6px;
	text-align:right
}
#grdCart td{
	padding:6px
}

.gridFooter, tr.gridHeader td{
	background-color:#183E5E;
	color:#fff;
	font-weight:bold;
	padding:6px;
}

.CartProductImage{
	float:left; 
	margin-right:8px
}

.CartProductDescription{
	float:left; 
	width:400px;
	padding:15px 0;
}

.subtotal{
	color:#fff;
	font-weight:bold;
	text-align:right
}

.important{
	color:#BC2734;
	font-weight:bold;
	background-color:transparent
}
/* END: ViewCart.aspx, SavedCart.aspx, OrderHistory.aspx ============== */

#imgProduct{
	border:solid 1px #000
}
.ProductImage { display:block }
.ProductImages{
	border:1px solid #dcdcdc;
	border-right:3px solid #ccc;
	border-bottom:3px solid #ccc;
	display:block
}

a:hover .ProductImages{
	border:1px solid #bbb;
	border-right:3px solid #aaa;
	border-bottom:3px solid #aaa;
}

.GridPageNumber
{
	
}

.GridPageNumberSelected
{
	text-decoration:none;
}

/* BEGIN: SearchResult.aspx ============== */
.resultsTable{
	width:100%;
	}
.resultsTable td{
	vertical-align:top;
	padding:10px 14px 20px 0;
	width:25%;
}
.resultsTable td div p{
	margin:4px 0
}

.resultsTable td div .viewButtons{
	display:block;
	text-align:center
}
.Paging{
	text-align:center;
	font-weight:bold;
}

a.GridPageNumberSelected, a.GridPageNumberSelected:hover{
	text-decoration:none !important;
	background:#245B8B;
	padding:2px 4px;
	color:#fff !important;
}
/* END: SearchResult.aspx ============== */
/* BEGIN: ContactUs.aspx ============== */

#contactTable th{
	text-align:left;
	background:#064274;
	color:#fff;
	padding:4px 6px;
	}
#contactTable td{
	background:#F5F9FC;
	padding:3px 6px;
}
#contactTable th span{
	font-weight:normal;
}
.label{
	text-align:right;
	}
.multi{
	vertical-align:top;
	padding-top:5px !important;
}
.crit{
	text-align:right;
	width:180px;
	}
.pagerTop{
	text-align:right;
	position:absolute;
	top:10px;
	left:420px;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	}
.pager{
	border-bottom:1px dotted #CFD8E1;
	text-align:center;
	padding:10px;
	font-size:11px;
	}	
.pager a{
	font-size:11px;
	}
.price{
	font-weight:bold;
	}
.sale{
	font-weight:bold;
	color:#f30;
	}
.line{
	border-bottom:1px solid #CFD8E1;
	height:1px;
	overflow:hidden;
	margin:15px 0;
	}
.sslLogo{
	position:relative; 
	bottom:-15px; 
	}
/* END: ContactUs.aspx ============== */

/* BEGIN: Flash Replacement ================== */
/* These are standard sIFR styles... do not modify */

.sIFR-flash{
	visibility:visible !important;
	margin:0
}

.sIFR-replaced{
	visibility:visible !important
}

span.sIFR-alternate{
	position: absolute;
	left:0;
	top:0;
	width:0;
	height:0;
	display:block;
	overflow:hidden
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1{
	visibility:hidden;
	margin:0;
	font-size:17px;
}
/* END: Flash Replacement ================== */

/* BEGIN:  CSS Menu ============================= */
/* First level menu*/

/* All <ul> tags in the menu including the first level */
.menulist, .menulist ul {
 margin: 0;
 padding: 0;
 width: 147px;
 list-style: none !important; 
 z-index:1;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned across from their parent */
.menulist ul {
 visibility: hidden;
 position: absolute;
 top: -10px;
 left:188px;
}

.menulist span
{
	font-weight:normal;
	font-size:10px;
	position:relative;
	top:-1px;
	left:-2px;
	color:#aaa
}

/*
 All menu items (<li> tags) are relatively positioned to correctly offset their submenus.
 They have borders that are slightly overlaid on one another to avoid doubling up.
*/

.menulist li {
 position: relative;
 padding:0;
 background:#fff;
 margin-bottom: -2px !important; 
 z-index:1;
}

.menulist ul>li:last-child {
 margin-bottom: 1px;
}

/* Links inside the menu */
.menulist a {
 display:block;
 height:14px;
 text-decoration:none;
 border-top:1px solid #AFB8C9;
}
.menulist ul li a{
	padding:4px 0 6px 4px;
	width:140px !important;
	border-left:1px solid #AFB8C9;
	border-right:1px solid #AFB8C9;
}
/* Lit items: 'hover' is mouseover, 'highlighted' are parent items to visible menus.*/
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color: #900;
 background-color:#e6f9fe;
 text-decoration: none
}
.menulist a.highlighted {
 color: #900;
 background-color:#e6f9fe;
}

.menulist a.highlighted span{
 color: #900
}

/* 'subind' submenu indicators, which are automatically prepended to 'A' tag contents. */
.menulist a .subind {
 position:absolute;
 right:5px;
 top:7px
}

/* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/
* html .menulist li {
 float: left;
 height: 1%;
}
* html .menulist a {
 height: 1%;
}
/* End Hack */
/* END:  CSS Menu ============================= */