﻿/*Shopping Cart Styles*/


/*Steps*/

.steps
{
	float:left;
	margin-left:40px;	
}

.steps div
{
	padding-left:5px;
	float:left;
}

/*my shopping Cart*/

.leftAlignInput
{
	text-align:right;
	width:100px;
}

.addToCartButton
{
	margin-left:130px;
	vertical-align:middle;
}

.shoppingCart
{
	background: transparent url(../img/shoppingCart/side.jpg) repeat-y scroll left top;
	width:214px;
	margin-bottom:40px;
	margin-top:-10px;
}

.sideSteps
{
	background: transparent url(../img/shoppingCart/round_top.jpg) no-repeat scroll left top;
	padding: 10px 0 0 0;
	width:214px;
	margin-bottom:40px;
	margin-top:-10px;	
}

.cart-Header
{
	width:214px;
	height:18px;
	margin-top:0px;
	background:transparent url(../img/shoppingCart/top.jpg) no-repeat scroll left bottom;
}

.cart-SubHeader
{
	margin:0 0 0 10px;
	width:194px;
	border-bottom:2px solid #EDEDED;
	font-weight:bold;
}

.items
{
	background:transparent url(../img/shoppingCart/round_bottom.jpg) no-repeat scroll left bottom;
	margin: 0 auto -8px;
	width:214px;
	position:relative;
}

#shoppCart tr td
{
	padding-left:3px;	
	padding-right:5px;
}

.no-items
{
	background:transparent url(../img/shoppingCart/round_bottom.jpg) no-repeat scroll left bottom;
	width:214px;
	padding: 1px 0 1px 10px;
	height:40px;
}
.empty-shoppingCart
{
	background: transparent url(../img/shoppingCart/round_top.jpg) no-repeat scroll left top;
	width:214px;
	margin-bottom:40px;
	margin-top:-10px;
}

.sample-Header
{
	
	width:214px;
	height:18px;
	margin-top:0px;
	background:transparent url(../img/shoppingCart/top.jpg) no-repeat scroll left bottom;
}
.sample-SubHeader
{
	margin:0 0 0 10px;
	border-bottom:2px solid #EDEDED;
	padding-bottom:5px;
	width:194px;	
}
.sample-items
{
	background:transparent url(../img/shoppingCart/round_bottom.jpg) no-repeat scroll left bottom;
	margin: 0 auto;
	width:214px;
	padding-bottom:10px;
}

#sampleCart tr td
{
	padding-left:10px;	
	padding-right:5px;
}


#shoppCartRightPanel tr td
{
	text-align:center;	
}

#maincontent .infoboxCart
{
	 background: url(../img/shoppingCart/bg_infobox_contentFat.gif) repeat-y top left;
	 width:580px;
}

#maincontent .infoboxCart .headerCart
{
	background: url(../img/shoppingCart/bg_infobox_top.gif) no-repeat top left;
	height:28px;
	padding-top:3px;
	text-align:center;
	color:white;
	text-transform:uppercase;
}

#maincontent .infoboxCart .contentCart
{
	background: url(../img/shoppingCart/bg_infobox_bottomFat.gif) no-repeat bottom left;
	padding: 0 20px 15px;
	margin-top:-10px;
}

/*Sumary*/

.sumaryHorizontalSeparator
{
	height:1px;
	margin:2px 0;
	background-color:#CCC;
	font-size:0;
}
.sumary-item-total
{
	padding-left:5px;
	text-align:center;
	width:60px;
}
.remove
{
	color:#FAA419;
	cursor:pointer;	
}

.contShopping
{
	margin-right:10px;	
}

.emptyMySC
{
	font-size:20px;
	height:72px;
	margin-bottom:0;
	margin-left:200px;
	margin-right:0;
	margin-top:60px;	
}

/*Delivery Information*/

#twocolumnlayout #maincontent #deliveryInformationForm
{
	padding:10px 0 0 10px;
}

#twocolumnlayout #maincontent #deliveryInformationForm input
{
	/*height:15px;*/
	padding-top:2px;
}

#twocolumnlayout #maincontent #deliveryInformationForm span.highlighted
{
	color:#FAA419;
}

#twocolumnlayout #maincontent #deliveryInformationForm div
{
	margin-top:5px;
}

.firstName
{
	width:155px;
	float:left;
}

#twocolumnlayout #maincontent .firstName
{
	padding-right:40px;	
}

.lastName
{
	width:105px;
	float:left;
}

.email
{
	float:left;
	width:350px;	
}

.address
{
	float:left;
	width:350px;	
}

.town-city
{
	width:155px;
	float:left;
}

#twocolumnlayout #maincontent .town-city
{
	padding-right:10px;	
}

.state-province
{
	width:75px;
	float:left;
}

#twocolumnlayout #maincontent .state-province
{
	padding-right:10px;	
}

.zip-postal
{
	width:89px;
	float:left;
}

#twocolumnlayout #maincontent .zip-postal
{
	padding-right:5px;	
}

.country
{
	width:80px;
	float:left;
	display:none;
}

.sec-phone
{
	width:195px;
	float:left;
}

.phone
{
	width:130px;
	float:left;
}

#twocolumnlayout #maincontent .phone
{
	padding-right:5px;	
}

#twocolumnlayout #maincontent .phone input.phoneSeparator
{
	margin-right:5px;	
}

.phone-ext
{
	width:55px;
	float:left;
}
.phone-ext span
{
	margin-right:5px;	
}

#twocolumnlayout #maincontent .phone-ext
{
	padding-top:14px;
}

.sign-in
{
	width:185px;
	float:right;	
}

.sign-in-link
{
	text-align:right;	
}
#twocolumnlayout #maincontent .sign-in-link a
{
	padding-right:13px;
	color:#919191;
}

.calcShipping
{
	text-align:right;
	margin-top:10px;
}

#twocolumnlayout #maincontent  .stepInfo
{
	padding-left:5px;
}

/*Delivery Quote*/

.delivery
{
	margin-left:12px;	
}

.delivery-options
{
	width:295px;
	float:left;	
}

.delivery-options span.highlighted
{
	color:#FAA419;
}

.home-options
{
	width:210px;
}

.pickUp-options
{
	width:295px;
}

#twocolumnlayout #maincontent .home-options .radioButton,
#twocolumnlayout #maincontent .pickUp-options .radioButton
{
	margin-left:7px;
	margin-right:5px;
}
#twocolumnlayout #maincontent .saves,
#twocolumnlayout #maincontent .pickUp-options .address
{
	margin-left:25px;	
}

.ligtherText
{
	color:#CCCCCC;
}

.selectOptionText
{
	color:#919191;	
}

.priceSummary
{
	float:right;
	width:162px;
}

#twocolumnlayout #maincontent .priceSummary
{
	padding-right:20px;
}

.labels
{
	width:80px;
	float:left;	
	text-align:right;
}

#twocolumnlayout #maincontent .labels
{
	padding-right:10px;	
}

.prices
{
	float:right;
	text-align:right;
	color:#FAA419;
}

.totals
{
	float:left;
	font-size:15px;
	color:#FAA419;
}

#twocolumnlayout #maincontent .totals
{
	text-align:right;
}

.totals-price
{
	float:right;
	width:110px;
	font-size:15px;
	color:#FAA419;	
}

.totalsDiv
{
	float:left;	
}

#twocolumnlayout #maincontent .totalsDiv
{
	padding-top:10px;
}

.paymentDiv
{
	float:right;
	text-align:right;
	padding-top:10px;
}

.deliveryInfo
{
	float:left;
	width:100%;	
}

#twocolumnlayout #maincontent .deliveryInfo
{
	margin-top:30px;	
}

.deliveryInfo p
{
	color:#FAA419;
	width:490px;
}

.save-email
{
	text-align:right;	
	float:right;
	width:200px;
}

#twocolumnlayout #maincontent .save-email input
{
	padding-right:13px;	
}

#twocolumnlayout #maincontent .save-email, #twocolumnlayout #maincontent .save-email input
{
	margin-top:10px;	
}

/* Payment Details*/

.delAddressBox
{
	background:transparent url(/img/shoppingCart/address_infobox_content.gif) repeat-y scroll left top;
	width:282px;
	padding-left:0px;
	float:left;
}

#maincontent .delAddressBox .header,#maincontent .delPurchaseBox .header
{
	background:transparent url(/img/shoppingCart/address_infobox_top.gif) no-repeat scroll left top;
	color:White;
	height:28px;
	padding-top:3px;
	text-align:center;
	text-transform:uppercase;
	text-align:left;
	margin:0;
}

#maincontent .delAddressBox .content,#maincontent .delPurchaseBox .content {
background:transparent url(/img/shoppingCart/address_infobox_bottom.gif) no-repeat scroll left bottom;
padding:0 20px 5px;
}

#twocolumnlayout #maincontent .addressInfo
{
	padding:5px 0 5px 12px;
	height:70px;
}

.highligtedText
{
	color:#FAA419;
}

.strongText
{
	font-weight:bold;
}

.addressInfo p
{
	margin-top:-10px;
	width:160px;		
}

.editAddress
{
	float:right;	
}

#twocolumnlayout #maincontent .editAddress
{
	margin-right:15px;
	margin-top:-10px;
}

.delPurchaseBox
{
	background:transparent url(/img/shoppingCart/address_infobox_content.gif) repeat-y scroll left top;
	width:282px;
	padding-left:20px;
	float:left;
}

.purchaseSummary
{
	font-weight:bold;
	float:left;	
	height:70px !important;
	height:81px;
	width:100%;
}

.purchaselabels
{
	float:left;
	text-align:left;
	width:85px;	
}

.purchasePrices
{
	float:right;
	text-align:right;
	width:100px;
		
}

#twocolumnlayout #maincontent .purchasePrices
{
	padding-right:40px;	
}
#twocolumnlayout #maincontent .purchaseSummary
{
	padding:5px 10px 5px 21px;
}

.purchaseSummary div div
{
	font-size:17px;
	padding-top:10px;
}
.subTitle
{
	font-weight:bold;
	text-align:left;
}

#twocolumnlayout #maincontent .subTitle
{
	padding-left:35px;	
}

#twocolumnlayout #maincontent .paymentInfo
{
	padding: 5px 10px 3px 20px;
}

.creditCardType
{
	float:left;
	width:160px;	
	margin-right:35px;
}

.creditCardCVC
{
	float:left;
	width:60px;		
}

.creditCardCVCExp
{
	float:left;
	width:280px;
	color:#CCCCCC;
	padding-top:10px;
}
.creditCardExp
{
	float:left;
	width:250px;	
}

.creditCardExp-Month
{
	margin-right:10px;
}

#twocolumnlayout #maincontent .paymentInfo
{
	padding:10px 0 0 10px;
}

.termsAndCond
{
	padding-top:10px;
	width:382px;	
}

.purchase
{
	text-align:right;	
}

#twocolumnlayout #maincontent .purchase input
{
	padding-right:17px;	
}

#twocolumnlayout #maincontent .purchase
{
	margin-top:10px;
	padding-bottom:10px;
}

/*Order Complete*/

.techicalInfo
{
	float:left;
	width:200px;	
}

#twocolumnlayout #maincontent .techicalInfo
{
	padding-left:10px;	
}

.firstCol
{
	float:left;
	width:270px;
	text-align:left;
}

#twocolumnlayout #maincontent .summaryItems
{
	padding:5px 10px 5px 15px;	
}

.colTitle
{
	font-weight:bold;
	font-size:15px;	
}

.secondCol
{
	float:left;
	width:100px;
	text-align:left;	
}

.thirdCol
{
	float:right;
	width:150px;
	text-align:right;	
}

#twocolumnlayout #maincontent .summaryItems div
{
	padding:5px 0;	
}

#twocolumnlayout #maincontent .summaryItems div.sumaryHorizontalSeparator
{
	padding-top:0px;
	padding-bottom:0px;	
}

.orderSummary-Totals
{
	float:right;
	width:100%;
}

.orderSummary-Totals-labels
{
	width:170px;
	float:right;	
	text-align:right;
}

.orderSummary-Totals-Prices
{
	width:100px;
	float:right;
	text-align:right;	
}

.orderSummaryTotal
{
	float:right;	
	font-weight:bold;
	font-size:15px;
}
.orderSummaryTotal .c1
{
	float:right;	
}
.orderSummaryTotal .c2
{
	width:100px;
	text-align:right;
	float:right;
}

/*Login*/
#LoginForm
{
	margin-left:130px;	
	width:230px;
}

#LoginForm .labels
{
	float:left;
	width:50px;	
}
#LoginForm .labels span
{
	float:left;
}
#LoginForm .labels span span
{
	float:none;
}
#LoginForm .inputs
{
	float:left;
	width:170px;	
}
#LoginForm .inputs input
{
	float:left;
}
#LoginForm .inputs .userName
{
	margin-bottom:10px;		
}
#LoginForm .loginButton
{
	float:right;	
}
#LoginForm .accountButton, #LoginForm .lostPass,#LoginForm .loginButton
{
	float:right;
	margin-top:10px;	
}
#LoginForm .lostPass
{
	width:105px;
	cursor:pointer;
}
#twocolumnlayout #maincontent #ctl00_ctl00_MainContent_MainContent_buttonsUpdatePanel
{
	padding:0;	
}

/* Step#3 Sample BOX*/
.shopCarTotal,.sampleCarShipping, .totalCar
{
	float:left;
	width:185px;
	margin-top:5px;	
}
.shopCarTotal span,.sampleCarShipping span, .totalCar span
{
	float:left;
	width:90px;	
}
.shopCarTotal div,.sampleCarShipping div
{
	width:95px;
	float:left;
}

/* Step#5 Samples*/

.sampleName
{
	float:left;
	max-width:100px;
}

#twocolumnlayout #maincontent .summarySamples
{
	padding:5px 10px 5px 15px;
}
