/* ==========================
============================
BEGIN: Merkatis 
============================
============================ */
#content{
	width:710px	
}

#content .BoxedSections h2{
	font:bold 15px arial;
	padding:4px 10px;
	margin:-10px -10px 10px -10px;
	text-transform:lowercase;
	color:#fff;
	background-color:#385fa4;
	border-bottom:6px solid #2e4e86
}

.ErrorMessages{
	color:#d00;
	font-weight:bold
}

#OrderDetails th{
	text-align:right	
}

.BorderLeftRight{
	border-left:1px solid #fff;
	border-right:1px solid #fff
}

#centeredWidth{
	margin:auto;
	width:500px
}

.BoxedSections, .StepBoxes{
	background-color:#eaf1fb;
	border:1px solid #c5d1d4;
}

.BoxedSections{
	width:500px;
	padding:10px;
	margin:10px auto;
	clear:both
}

.BoxedSections:after{
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}

.StepBoxes{
	position:relative;
	padding:10px 10px 10px 40px;
	width:450px;
	float:left;
	margin:16px auto auto auto
}

.StepNumbers{
	position:absolute;
	left:-20px;
	top:20px
}

#orSeparator{
	float:left;
	margin:0 10px
}

#SameAsShipping{
	background:#385fa4 url(/images/shipInfoSideImgBottom.jpg) no-repeat right top;
	color:#fff;
	float:left;
	border:1px solid #ccc;
	border-top:0;
	width:480px;
	padding:10px
}

.TextBox{
	width:170px
}

.SelectBox{
	width:174px;
	_width:176px
}

#Step1 div{
	float:left;
	text-align:center
}

#Step2{
	border-bottom:0;
	background:#eaf1fb url(/images/shipInfoSideImgTop.jpg) no-repeat right bottom
}

.th{
	font-weight:bold;
	background:#385fa4;
	color:#fff;
	padding:5px
}

.th a{
	color:#fff
}

.floatingButtons{
	float:right;
	margin:14px 0
}

.EvenRows{
	background:#e1f4f9
}

.EvenRows2{
	background:#fff
}

.notTooImportant{
	color:#5376b3;
	font-size:10px
}

.leftColumns{
	width:215px;
	padding:0 20px 0 15px;
	margin:15px 0;
	float:left;
	border-right:1px solid #7f9db9
}

.EachProductSection{
	padding:0 0 14px 0;
	background:transparent url(/images/dottedLineBg.gif) repeat-x bottom
}

.rightColumns{
	width:215px;
	padding:0 10px 0 24px;
	margin:15px 0 15px -1px;
	float:left;
	border-left:1px solid #7f9db9
}

.CarrierLogos{
	float:left
}

#PaymentMethod{
	width:230px;
	padding:16px 20px 16px 270px;
	background-image:url(/images/paymentMethodSideImage.jpg);
	background-position:left bottom;
	background-repeat:no-repeat
}

#PaymentMethod h6, #LastOrderSummary h6, h6.sp{
	background:transparent url(/images/dottedLineBg.gif) repeat-x bottom;
	padding-bottom:3px
}

#PaymentMethod table{
	float:right
}

#PaymentMethod th, #PaymentMethod td, #LastOrderSummary th, #LastOrderSummary td{
	text-align:right;
	font-weight:normal
}

#LastOrderSummary{
	background-image:url(/images/sslLogo.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	padding:20px 20px 20px 300px;
	width:200px
}

.adjustVertically{
	position:relative;
	top:6px
}

.required{
	position:absolute;
	top:30px;
	right:150px
}

.checkbox label{
	position:relative;
	left:5px;
	_left:2px;
	_bottom:1px;
}

/* BEGIN: Sale Products ============== */
#SaleItemsSection{
	margin:10px 0;
	padding:10px 0 0 0;
	border-top:4px solid #bc2734;
	border-right:4px solid #bc2734
}

.EachSaleProduct{
	width:69px;
	float:left;
	background:transparent url(/images/dottedLineBg.gif) repeat-y top right;
	padding:0 10px;
}

.EachSaleProduct a{
	display:block
	
}
/* END: Sale Products ============== */
/* BEGIN: Featured Products ============== */
#FeaturedProducts{
	width:174px;
	margin:12px 25px;
	min-height:300px
}

#FeaturedProducts .ProductImages img{
	width:174px
}

.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: CustSignIn.aspx ============== */
#ReturningCustomers div, #NewCustomers div{
	background:#eaf1fb;
	border:1px solid #ccc;
	padding:10px;
	margin:0 0 6px 0;
	width:300px
}

#ReturningCustomers, #NewCustomers{
	float:left;
	width:320px;
	padding:0
}

h4 span{
	color:#555
}

#orSeparator{
	float:left;
	margin:-10px 20px 0 20px
}
/* END: CustSignIn.aspx ============== */
/* BEGIN: ViewCart.aspx, SavedCart.aspx, OrderHistory.aspx ============== */
.gridFooter, tr.gridHeader td{
	background-color:#385fa4;
	color:#fff;
	font-weight:bold
}

.CartProductImage{
	float:left; 
	margin-right:8px
}

.CartProductDescription{
	float:left; 
	width:400px
}

.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;
}

.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;
}

.CategoryImages{
	border:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	display:block;
	padding-top:5px;
}

a.CategoryImages:hover{
	border:1px solid #efefef;
	border-right:1px solid #efefef;
	border-bottom:1px solid #efefef;
	display:block;
	padding-top:5px;
}


/* ==========================
============================
END: Merkatis 
============================
============================ */