﻿.table {width: 100%; height: 100%; display: table;}
.table .cell {vertical-align: middle; text-align: center; display: table-cell;}

#contContainMain #noProducts {width: 100%; margin: 30px 0; display: block; text-align: center; font-size: 24px; line-height: 40px;}

#contContainMain p.notAvailable {font-size: 24px; line-height: 38px; color: #f2992c;  font-family: "open_sansregular";}

/* BREADCRUMB STYLING
==================================================== */
.crumbPager {display: block; width: 100%; border: 1px solid #F2992C; margin-bottom: 10px;}
.crumbPager #categoryNav {display: inline-block; font-size: 16px; line-height: 20px; min-height: 35px;}
.crumbPager #categoryNav a,
.crumbPager #categoryNav .current {text-decoration: none; padding: 4px 3px; display: inline-block;}

.crumbPager #containerPagerOrder {float: right; width: 200px;}
.crumbPager #sortOrder {padding: 5px; font-size: 16px; float: right;}
.crumbPager #sortOrder #sortDropdown {padding: 2px 5px; background: #ccc; border: 1px solid #00a9ea; font-family: inherit; font-weight: normal; font-size: 13px; transition: all 0.2s ease;}
.crumbPager #sortOrder #sortDropdown:focus {background: #fff; transition: all 0.2s ease;}

.crumbNumbers {display: block; width: 100%; font-weight: 600;}
.bottomNumbers {margin: 20px 0 0;}
.crumbNumbers .pager {display: inline-block; float: right; color: #fff;}
.crumbNumbers a,
.crumbNumbers span {display: inline-block; padding: 5px 8px; text-decoration: none; font-size: 15px; line-height: 20px;}

@media all and (max-width: 1050px) {
	#siemensProductSpecs div {
		width: calc(100% - 20px) !important;
		margin: 10px !important;
	}
}

/* CAT DISPLAY STYLING
==================================================== */
#Categories {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	text-align: center;
	width: 100%;
	gap: 20px;
	margin-bottom: 40px;
	padding-bottom: 20px;
	border-bottom: 1px solid #f2992c;
}

@media all and (max-width: 1500px) {
	#Categories {
		grid-template-columns: repeat(4, 1fr);
	}
}


@media all and (max-width: 640px) {
	#Categories {
		grid-template-columns: repeat(2, 1fr);
	}
}



#ProdImageHolderLeft .newLeftProdPage {
	color: #000;
}

#ProdImageHolderLeft .newLeftProdPage p {
	font-weight: bold;
}

#ProdImageHolderLeft .newLeftProdPage span {
	font-weight: normal;
}

#ProdImageHolderLeft .newLeftProdPage img {
	width: auto;
	height: auto;
}


	.catDisplay {
		display: block;
		float: left;
		border: 1px solid transparent;
		transition: all 0.3s ease;
		text-align: center;
	}
.catDisplay .CategoryImage {width: 100%; /*height: 150px;*/ display: block; background: #fff; overflow: hidden; border-radius: 5px;}
.catDisplay .CategoryName {width: 100%; height: 60px; padding: 5px 0; display: block; font-size: 24px; line-height: 30px;}
.catDisplay .CategoryName a, .catDisplay a  {text-decoration: none;}

.cat5thDisplay {background: rgba(3, 14, 32, 0.5) none repeat scroll 0 0;border: 1px solid #f2992c;display: inline-block;float: none;width: calc((100% / 5) - 40px);padding:0px;}
.cat5thDisplay .CategoryImage {display: none;}
.cat5thDisplay .CategoryName {  font-size: 16px;line-height: 18px;min-height: 40px;height:auto; width: auto;padding: 7px 2px 2px;}

.catDisplay:hover, .catDisplay:active {border: 1px solid #00a9ea; background: #030e20; transition: all 0.3s ease;}
.catDisplay:hover .CategoryName a, .catDisplay:active .CategoryName a {color: #4981d6;}

.categorySectionHeader {clear: both;color: #4981d6; font-family: "latobold";font-size: 28px;font-weight: 400;margin: 30px 0 10px;text-transform: uppercase;}


/* PROD DISPLAY STYLING
==================================================== */
.addInformation {float:left; display:block; width:41.8%; position:relative; top:0px; margin: 9px 0px;clear:left;}
#miniProductPhotoWrap {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}

#ProdImageHolderLeft #miniProductPhotoWrap {
	width: 100%;
	text-align: center;
}

@media all and (max-width: 1300px){#ProdImageHolderLeft  #miniProductPhotoWrap{margin-top: 5px;width: 100%;}}
.prodDisplay {display: block; vertical-align: top; float: left; width: 200px; padding: 9px; margin:10px; border: 1px solid transparent; transition: all 0.3s ease;}
.prodDisplay .ProductImage {width: 200px; height: 120px; display: block; background: #fff; overflow: hidden; border-radius: 5px;}
.prodDisplay .prodImgTag {margin-top: -10px !important;}
.prodDisplay .ProductText {width: 200px; display: block;margin: 10px 0;}
.prodDisplay .ProductText .prodName {width: 100%; display: block; font-size: 14px; line-height: 20px;color:#4780D0;min-height:60px;}
.prodDisplay .ProductText .prodInfo {display: block;}
.prodDisplay .ProductText .productNumberLabel {display: block; text-align: center; font-size: 16px; line-height: 20px; margin: 5px 0; color: #4780d6;}
.prodDisplay .ProductText .featuredProdPrice {display: block; text-align: center; font-size: 20px; line-height: 20px; margin: 10px 0; color: #f2992c;} 

.prodDisplay .prodBuy {display: block;}
.prodDisplay .buyProduct {width: 30px; height: 30px; display: block; padding: 5px; border: none; background: #ccc; transition: all 0.2s ease;}
.prodDisplay .buyProduct:hover, .prodDisplay .ProductText .buyProduct:active {background: #fff; cursor: pointer; transition: all 0.2s ease;}

.prodDisplay .javaSub {float: right; width: 160px;}
.prodDisplay .javaSub input[type="text"] {line-height: 28px; width: 40px; text-align: center; background: #ccc; border: 1px solid #00a9ea; font-size: 16px; transition: all 0.2s ease;}
.prodDisplay .javaSub input[type="text"]:focus {background: #fff; border: 1px solid #f2992c; transition: all 0.2s ease;}

.prodDisplay .javaSub .checkout,
.prodDisplay .prodBuy .checkout {display: block; height: 30px; line-height: 30px; text-align: center; width: 108px; background: #f2992c; color: #fff; float: right; transition: all 0.2s ease;}
	.prodDisplay .javaSub .checkout,
.prodDisplay .prodBuy .checkout {
		float: none;
		margin: 0 auto;
		display: inline-block;
		vertical-align: top;
	}

	.prodDisplay .prodBuy {
		text-align: center;
	}

	.prodDisplay .buyProduct {
		float: none !important;
		display: inline-block;
		margin: 0 6px 0 0 !important;
	}

	.prodDisplay .ProductImage {
		width: 100% !important;
	}

	.prodDisplay .ProductText {
		width: 100% !important;
	}

	.prodDisplay .javaSub input[type="text"] {
		margin-right: 5px;
	}

	@media all and (max-width: 675px){
		#contContainMain .prodDisplay img {
			margin: 0 !important;
		}

		.prodDisplay .buyProduct {
			margin: 10px 5px !important;
		}

		.prodDisplay .javaSub {
			margin: 10px auto !important;
			display: block;
			float: none !important;
			width: 100%;
		}

		.prodDisplay .javaSub .checkout, .prodDisplay .prodBuy .checkout {
			width: 100px;
		}

		.prodDisplay .prodBuy .checkout.cantbuy {
			width: 100% !important;
		}
	}

	@media all and (max-width: 420px){
		.prodDisplay .javaSub input[type="text"] {
			margin-left: 20px;
		}
	}

	@media all and (max-width: 375px){
		#contContainMain .prodDisplay img {
			margin: 0 auto !important;
		}

		.prodDisplay .javaSub input[type="text"] {
			margin-left: 3px;
		}

		.prodDisplay {
			margin: 10px auto !important;
			display: block !important;
		}

		.prodDisplay .buyProduct {
			margin: 0 5px !important;
		}

		.prodDisplay .prodBuy .checkout.cantbuy {
			margin-top: 10px !important;
		}
	}


.prodDisplay .prodBuy .checkout.cantbuy {text-decoration: none; width: 160px;}

.prodDisplay .ProductText .javaSub .checkout:hover,
.prodDisplay .ProductText .javaSub .checkout:active,
.prodDisplay .prodBuy .checkout:hover,
.prodDisplay .prodBuy .checkout:active {background: #4780d6; transition: all 0.2s ease;}

.prodDisplay:hover, .prodDisplay:active {border: 1px solid #00a9ea; background: #030e20; transition: all 0.3s ease;}

/* PROD PARTS (fake table) STYLING
==================================================== */
.productHeader {display: block; width: 100%; text-align: center;}
.productHeader:nth-child(even) {background: #030e20;}
.mainHeader {font-weight: bold; text-transform: uppercase; border: 1px solid #00a9ea; background: #030e20; margin: 20px 0 0;}
.productHeader:after {content: ""; clear: both; display: block;}

.productHeader a {color:#407BD6}
.productHeader a:hover {color:#FFF;}
.productHeader .prodHeader {display: block; float: left; padding: 10px 0;}
.productHeader .altHeadline { width: 200px;}
.productHeader .altMan { width: 130px;}
.productHeader .altFull { width: 230px;}
.productHeader .altLead { width: 100px;}
.productHeader .altRush { width: 200px;}
.productHeader .altWar { width: 100px;}

.CallForPricingHeader {font-size: 24px; line-height: 30px; text-align: center; width: 100%; color: #f2992c;}
#Products .CallForPricingHeader {display: block; float: left; width: 100%; padding: 5px 0;}

/* PROD DETAILS STYLING
=================================================== */
#requestQuoteBtn {
	margin-left: 0;
	border-radius: 3px;
	width: 100%;
	-moz-box-shadow: inset 0px 1px 9px -19px #fed897;
	-webkit-box-shadow: inset 0px 1px 9px -19px #fed897;
	box-shadow: inset 0px 1px 9px -19px #fed897;
	background: #030E20;
	color: #FFF;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	line-height: 42px;
	text-align: center;
	text-decoration: none;
	display: block;
	transition: all 0.25s ease;
}

#startRepairBtn {
	text-decoration: none;
	display: block;
	margin-left: 0;
	border-radius: 3px;
	margin-bottom: 5px;
	width: 100%;
	-moz-box-shadow: inset 0px 1px 9px -19px #fed897;
	-webkit-box-shadow: inset 0px 1px 9px -19px #fed897;
	box-shadow: inset 0px 1px 9px -19px #fed897;
	background: #f2992c;
	background-color: rgb(242, 153, 44);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6b23d', endColorstr='#f08e25');
	background-color: #f2992c;
	border: 1px solid #eda933;
	color: #000;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	line-height: 42px;
	transition: all 0.25s ease;
	text-align: center;
}

	#requestQuoteBtn:hover, #startRepairBtn:hover {
		background: #000;
		transition: all 0.25s ease;
		color: #fff;
	}

#contactMotorID {background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;border: 1px solid rgba(255, 255, 255, 0.3);clear: both;color: #fff;display: inline-block;font-family: sans-serif;font-size: 14px;font-weight: 700;margin-top: -80px;padding: 10px 5px;position: absolute;right: 18px;text-align: center;text-decoration: none;text-transform: uppercase;width: 300px;}
#contactMotorID:hover {color: #f2992c;border: 1px solid #f2992c;}

#freeEval {background: #000 none repeat scroll 0 0;color: #65c757;display: inline-block;font-family: sans-serif;font-size: 25px;font-weight: 700;line-height: 17px;padding: 10px;text-align: center;vertical-align: top;width: 175px;}
#freeEval > img {float: right;width: 50px;}
#freeEval > span {display: inline-block;font-size: 20px;margin-top: 13px;}
#yearWarranty {margin-left:5px;background: #000 none repeat scroll 0 0;color: #fff;display: inline-block;font-family: sans-serif;font-size: 25px;font-weight: 700;line-height: 17px;padding: 10px;text-align: center;vertical-align: top;width: 175px;}
#yearWarranty > img {float:left;width: 50px;}
#yearWarranty > span {display: inline-block;font-size: 20px;margin-top: 12px;}
#benefitsContainer {display: inline-block;width: 100%;text-align:center;margin-top:15px;}


.quantityBtns {
	background: #c4cfe1;
	color: #FFF;
	border-radius: 3px;
	border: none;
	font-size: 18px;
	line-height: 28px;
	transition: all 0.25s ease;
	padding: 10px 18px;
	width: 48px;
}
	.quantityBtns:hover {
		background: #030e20;
		transition: all 0.25s ease;
		cursor: pointer;
	}

	.purchaseProduct #quantity {
		border-radius: 3px;
		border: none;
		font-size: 18px;
		line-height: 28px;
		color: #030e20;
		padding: 10px 18px;
		background: #e5e5e8;
	}

#ProdImageHolderLeft {
	display: block;
	float: left;
	clear: both;
	padding-right: 20px;
}


.topSpecsLine {
	text-transform: uppercase;
}


	.topSpecsLine .topSpecsBlue {
		color: #4981d6;
		display: inline-block;
		padding-right: 20px;
	}


.topSpecsLine div {
	display: inline-block;
	margin-right: 10px;
}


#prodInfoWrapper #prodText .specListLines {
	font-size: 22px;
	line-height: 1.25em;
}


.newIcon_listregion div {
	display: block;
	float: left;
	margin: 15px 0 !important;
	width: 100%;
}

.newIcon_listregion img {
	display: block;
	float: left;
	margin: 0 10px 0 0 !important;
	max-width: 20px;
	height: auto;
}

.boldedGray {
	color: #989898;
	font-weight: bold;
}

.newIcon_listregion span {
	display: inline-block;
	margin-top: 2px;
}

#ProdImageHolderLeft #mainImageWrap {
	width: 100%;
	padding: 0;
	background: #FFF;
	float: left;
	text-align: center;
	margin: 0 0 20px 0;
}

/*
@media all and (max-width: 1700px){#ProdImageHolderLeft #mainImageWrap {margin-right: 7%;}}
@media all and (max-width: 1500px){#ProdImageHolderLeft #mainImageWrap {margin-right: 0; width: 400px;}}
@media all and (max-width: 1300px){#ProdImageHolderLeft #mainImageWrap {float: left;}}
@media all and (max-width: 1050px){#ProdImageHolderLeft #mainImageWrap {width: 350px;}}
@media all and (max-width: 875px){#ProdImageHolderLeft #mainImageWrap {width: auto; float: none;}}
*/

#ProdImageHolderLeft img {border-radius: 0 !important; margin: 0 !important; max-width: 100% !important; max-height: unset !important; object-fit: cover; width: 100%;}

/*
@media all and (max-width: 1500px){#ProdImageHolderLeft img {max-width: 400px !important;}}
@media all and (max-width: 1050px){#ProdImageHolderLeft img {max-width: 350px !important;}}
@media all and (max-width: 875px){#ProdImageHolderLeft img {max-width: 100% !important; display: block;}}
*/

#ProdImageHolderLeft #miniProductPhotoWrap .miniProductPhoto {width: 100%; height: auto; padding: 0; border: 3px solid #fff; display: block; margin-bottom: 10px;}
@media all and (max-width: 875px){
	#ProdImageHolderLeft #miniProductPhotoWrap {
		margin-bottom: 0px;
	}	
}

@media all and (max-width: 480px){
	#ProdImageHolderLeft #miniProductPhotoWrap .miniProductPhoto {
		width: 100px;
	}
}
@media all and (max-width: 1300px){#ProdImageHolderLeft #miniProductPhotoWrap .miniProductPhoto{ display: inline-block; vertical-align: top; margin-right: 5px;}}
#ProdImageHolderLeft #miniProductPhotoWrap .miniProductPhoto.active {border: 3px solid #4981d6; border-radius: 5px;}
#ProdImageHolderLeft  #miniProductPhotoWrap .miniProductPhoto img {max-width:126px !important; max-height: 86px !important; height: 86px; object-fit: cover; width: 100%;}
@media all and (max-width: 480px){ #ProdImageHolderLeft  #miniProductPhotoWrap .miniProductPhoto img {max-width: 100px; max-height: 66px !important; height: 66px;}}
#miniProductPhotoWrap .miniProductPhoto {width:60px; height: 60px; float: left; padding:7.5px; border: 0; margin: 0;}
#miniProductPhotoWrap .miniProductPhoto:hover {cursor:pointer;}
.qtyNum {display:block; margin-bottom:10px; text-transform: uppercase; padding-bottom:5px;}
/*#prodInfoWrapper {display:block; float:right; width:440px; background:#FFF; color:#000; padding:10px 10px 45px; margin-right:50px; min-height:251px;}*/
#prodInfoWrapper {display:block; float:left; width:62%; background:#FFF; color:#000; padding: 10px 0px 5px; min-height: 290px;}
@media all and (max-width: 875px){#prodInfoWrapper {text-align: left !important; min-height: unset;}}
#prodInfoWrapper #prodText {font-size:17px; line-height:1em; color:#6897E4;}
#prodInfoWrapper #prodText div {margin: 0 0 8px 0; /*text-shadow: 1px 1px 1px rgba(140, 140, 140, 0.36);*/ color:#000; font-size:16px;}

	#prodInfoWrapper #prodText div.specField {
		display: inline-block;
		padding-right: 15px;
		margin: 5px 0;
		font-size: 17px;
	}

	#prodInfoWrapper #prodText div.specField.updatedLeadTime {
		display: block;
		padding-right: 15px;
		margin: 5px 0;
		font-weight: normal;
		font-size: 17px;
	}


		#prodInfoWrapper #prodText div.specField.updatedLeadTime .detailProductLabels {
			margin-bottom: 0;
			font-size: 17px;				
				
		}

		#prodInfoWrapper #prodText div.specField .detailProductLabels {
			margin-bottom: 0;
			font-size: 17px;
		}


		#prodInfoWrapper #prodText div.ProdBrand_Images img {
			max-height: 57px;
			margin: 20px 40px 20px 0;
		}


a#refurbishBtn {
	background: transparent;
	color: #030e20;
	background: #4981D6;
	margin-right: 0px !important;
	text-transform: uppercase;
	display: block;
	text-decoration: none;
	color: #FFF;
	text-align: center;
	border-radius: 3px;
	line-height: 42px;
	font-size: 14px;
	margin-top: 5px;
	transition: all 0.25s ease;
}

	a#refurbishBtn:hover {
		background: #000;
		transition: all 0.25s ease;
	}


a#refurbishBtnAlt {
	background: transparent;
	color: #000;
	background: #EEE;
	margin-right: 0px !important;
	text-transform: uppercase;
	display: block;
	text-decoration: none;
	text-align: center;
	border-radius: 3px;
	border: 1px solid #000;
	line-height: 42px;
	font-size: 14px;
	margin-top: 5px;
	transition: all 0.25s ease;
}

	a#refurbishBtnAlt:hover {
		background: #000;
		color: #FFF;
		transition: all 0.25s ease;
	}





#prodInfoWrapper #prodText .detailProductLabels {
	display: inline-block;
	color: #000;
	margin: 0 0 5px;
	text-shadow: none;
	font-size: 15px;
	text-transform: uppercase;
}

#contContainMain #repairAllVariants {background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;border: 1px solid rgba(242, 144, 53, 0.5);border-radius: 10px;clear: both;display: block;margin: 0 auto;padding: 10px;position: relative;text-align: center;width: 80%;}
#contContainMain #repairAllVariants .allVariantsHeader {color: #4981d6;display: inline-block;font-size: 18px;font-weight: 700;letter-spacing: 0.7px;margin-bottom: 3px;padding-left: 30px;}
#contContainMain #repairAllVariants ul {display: inline-block;margin: 5px 20px 5px 0;text-align: left;vertical-align: top;}
#contContainMain #repairAllVariants li {list-style-type: none;margin: 3px 10px;font-size:14px;line-height:16px;}

/*#ProductBG {margin-top:10px}*/

#ProductBG {
	position: relative;
	background: #fff;
	padding: 40px;
	text-align: left !important;

	display: grid;
	grid-template-columns: 42% calc(58% - 20px);
	gap: 20px;
}



@media screen and (max-width: 1000px) {
	#ProductBG {
		grid-template-columns: 1fr;
		gap: 10px;
	}
}

@media all and (max-width: 875px){#ProductBG  {padding: 20px;}}
#ProductBG::after {content: ""; clear: both; display: block;}
#prodInfoWrapper #purchaseInfo {}
#prodInfoWrapper #purchaseInfo #Total {font-size: 29px; line-height: 30px; display: block; margin: 8px 0 15px; color: #4981d6;}
#prodInfoWrapper #purchaseInfo #selectQ {display: inline-block; float: left; margin: 0 10px 0 0;}
@media all and (max-width: 875px){#prodInfoWrapper #purchaseInfo #selectQ {float: left !important; display: inline-block !important; margin: 0 10px 0 0 !important;}}
#prodInfoWrapper #purchaseInfo #selectQ .detailProductLabels {font-size: 14px; text-align: left; display: block; margin: 0 0 5px 0;}
#prodInfoWrapper #purchaseInfo #selectQ select {width: 48px; height: 48px; text-align: center;  appearance: none; -moz-appearance: none; -webkit-appearance: none; padding: 5px;}
#prodInfoWrapper #purchaseInfo #selectQ input {padding: 5px; background: transparent; border: 1px solid #00a9ea; color: #fff; width: 46px; text-align: center; transition: all 0.3s ease;}
#prodInfoWrapper #purchaseInfo #selectQ input:focus {background: #fff; color: #000; transition: all 0.3s ease;}
#prodInfoWrapper #purchaseInfo #selectQ select option {margin-right: 10px;}

#prodInfoWrapper #purchaseInfo #javaSubBtnWrap {
	display: block;
	width: 100%;
	margin-top: 19px;
	float: left;
}

	#prodInfoWrapper #purchaseInfo #javaSubBtnWrap input {
		margin-left: 0;
		border-radius: 3px;
		width: 100%;
		-moz-box-shadow: inset 0px 1px 9px -19px #fed897;
		-webkit-box-shadow: inset 0px 1px 9px -19px #fed897;
		box-shadow: inset 0px 1px 9px -19px #fed897;
		background: #f2992c;
		/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6b23d', endColorstr='#f08e25');*/
		background-color: #f2992c;
		border: 1px solid #eda933;
		color: #000;
		text-transform: uppercase;
		font-size: 14px;
		font-weight: bold;
		font-style: normal;
		line-height: 42px;
		text-align: center;
	}

#prodInfoWrapper #purchaseInfo #javaSubBtnWrap input:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f08e25), color-stop(1, #f6b23d) );
background:-moz-linear-gradient( center top, #f08e25 5%, #f6b23d 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f08e25', endColorstr='#f6b23d');
background-color:#f08e25; cursor:pointer;}

#productInfoTileWrapper {width:100%; float:left; display:block; margin-top:10px;}

.RelatedProducts {width: 100%; border-bottom: 1px solid #00a9ea;}
#contContainMain .RelatedProducts h2 {margin: 20px 0 5px;}

/* MINICART STYLING
==================================================== */
.miniCart {position: absolute; height: 40px; width: 54px; /*right: 24px;*/right:5px; top: 24px;}
.miniCart .myMenu {float: left; list-style-type: none; position: relative; z-index: 999; width:100%;}
.miniCart .myMenu .cart-descript-open {float: right; font-size: 12px; padding-bottom:11px;}

.miniCart .myMenu #checkoutarea:hover #closeMe {display: block;}
.miniCart .myMenu #closeMe.close {display:none;}
.miniCart .myMenu #closeMe.open {display:block;}
.miniCart .myMenu #closeMe {position:absolute; background: #4780d6; display: none; float: left; padding: 12px; right: 0; top: 27px; width: 354px; z-index: 20000; border: 1px solid #CAD1DA;}

#closeMe .mini-product-row {background: #fff; border-bottom: 1px solid #CAD1DA; float: left; margin: 0 0 5px; padding: 5px; min-height: 75px; display: block;}
#closeMe .mini-product-row .mini-product-image {float: left; width: 75px; height: 75px; text-align: center;}
#closeMe .mini-product-row .mini-product-info {float: right; text-align: left; width: 72%; color:#000000;}
#closeMe .mini-product-row .mini-product-info .miniName {float:left; width:100%; font-size:14px; line-height: 16px; height: 50px;}
#closeMe .mini-product-row .mini-product-info .miniName .cell {text-align: left;}
#closeMe .mini-product-row .mini-product-info .miniName ul {border-top:1px double #D0995D;padding-top:7px;list-style-type:none;font-size:10px;}
#closeMe .mini-product-row .mini-product-info .mini-info-price {text-align: left; float: left; width: 50%; font-size:16px;}
#closeMe .mini-product-row .mini-product-info .mini-qty {float: left; text-align: left; width: 45%; padding: 0 5% 0 0; font-size:16px; text-align: right;}


#closeMe #mini-cart-total-row {float: left; line-height: 30px; width: 100%;}
#closeMe #mini-cart-total-row div {float:left; width:50%; padding: 0;}
#closeMe #mini-cart-total-row .mini-cart-total {color: #fff; display:block; float:left; font-size:18px; letter-spacing:1px; position:relative; text-transform:uppercase; z-index:1000;}
#closeMe #mini-cart-total-row .checkout {border:1px solid #eda933; display:inline-block; color:#ffffff; font-size:14px; font-weight:bold; font-style:normal; line-height:30px; width:160px; text-decoration:none; text-align:center; text-shadow:0px 1px 0px #cd8a15; -moz-box-shadow:inset 0px 1px 9px -19px #fed897; -webkit-box-shadow:inset 0px 1px 9px -19px #fed897; box-shadow:inset 0px 1px 9px -19px #fed897; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f6b23d), color-stop(1, #f08e25) ); background:-moz-linear-gradient( center top, #f6b23d 5%, #f08e25 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6b23d', endColorstr='#f08e25'); background-color:#f6b23d; transition: all 0.2s ease;}
#closeMe #mini-cart-total-row .checkout:hover,
#closeMe #mini-cart-total-row .checkout:active {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f08e25), color-stop(1, #f6b23d) ); background:-moz-linear-gradient( center top, #f08e25 5%, #f6b23d 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f08e25', endColorstr='#f6b23d'); background-color:#f08e25; transition: all 0.2s ease;}


#miniCartWrapper {float:right;margin-top:5px;height:28px;width:auto;}
#miniCart {float:right; min-height:22px; width:auto; position:relative; margin-top:6px;}
.empty .cartIcon { }
.cartIcon {width: 44px; height: 32px; display: block; position: relative;}
.shoppingCartFullempty {position:relative; width:100%; color:#aaa; font-size:14px; letter-spacing:1px;}
.shoppingCartFull {color: #7234B0; float: left; font-size: 10px; letter-spacing: 1px; line-height: 22px; margin-right: 4px; position: relative; width: 100%;}
.empty {position: relative; display: block;}
.cart-descript-mini {color: #000; float: left; font-size: 14px; font-style:italic; width: 100%; position: relative;}



.item-count
{
	color: #FFFFFF;
    display: block;
    float: left;
    font-size: 11px;
    height: 48px;
    line-height: 48px;
    position: relative;
    z-index: 100;
}

.mini-cart-items {float:left; padding-left:10px;}

.mini-cart-total-price {color:#2EC2FF; font-weight:bold;}

.item-count span, .mini-cart-total span {color:#fff; text-transform:uppercase; font-size:11px;}

#totalQtyMini {color:#000; font-size:13px; letter-spacing:1px; line-height:16px; position:absolute; top: 3px; left: 10px; width: 16px; text-align: center;}
#totalQtyMiniFull {color:#000; font-size:13px; letter-spacing:1px; line-height:16px; position:absolute; top: 3px; left: 10px; width: 16px; text-align: center;}
.mini-cart-headers {color: #474747;	font-size: 11px; height: 21px; margin-top: 7px;	text-align: center;	text-transform: uppercase; width: 100%;}
.mini-header {float: left; width: 24%;}

#checkoutContainer {padding:25px; color:#fff; margin-bottom:100px;}
.checkoutStep2 {float:left; width:100%; margin-top:20px;}
.checkoutStep2 .editor-label01 {color:#FFF;}
#payment-message {margin-bottom:15px; text-decoration:solid; font-size:20px;}
#paymentForm {display: block; width:100%;}
#paymentForm #ccDiv {width: 100%; display: block; margin: 20px 0 0;}
#paymentForm #ccDiv input {padding: 5px; border: 1px solid #00a9ea; background: transparent; color: #fff; transition: all 0.2s ease; width:95%;}
#paymentForm #ccDiv select {padding: 4px 5px; border: 1px solid #00a9ea; margin: 0 10px 0 0; background: transparent; color: #fff; transition: all 0.2s ease; width:130px;}
#paymentForm #ccDiv label {display:block; float:left; clear:both;}
#paymentForm .editor-field {width:100%;}

#paymentForm #ccDiv input:focus, #paymentForm #ccDiv select:focus {background: #fff; color: #000; transition: all 0.2s ease;}

#paymentForm #ccDiv .ccinfoBox {width: 30%; display: block; float: left;}
#paymentForm #ccDiv .creditExp {width: 33%; display: block; float: left; margin-left:3%;}
#paymentForm #ccDiv .ccinfoBoxCCV {width: 10%; display: block; float: left;}

#CCV input {width:100%;
}
.submitPayment {width: 150px; margin-top:-46px;}

.submitPayment #submitPayment {
	-moz-box-shadow:inset 0px 1px 9px -19px #fed897;
	-webkit-box-shadow:inset 0px 1px 9px -19px #fed897;
	box-shadow:inset 0px 1px 9px -19px #fed897;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f6b23d), color-stop(1, #f08e25) );
	background:-moz-linear-gradient( center top, #f6b23d 5%, #f08e25 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6b23d', endColorstr='#f08e25');
	background-color:#f6b23d; text-indent:0px; border:1px solid #eda933; display:inline-block; color:#ffffff; font-size:13px; font-weight:bold;
	font-style:normal; height:48px; line-height:36px; text-decoration:none; text-align:center;	text-shadow:0px 1px 0px #cd8a15; padding-left:20px; padding-right:20px; width: 100%; transition: all 0.4s ease;}

.submitPayment #submitPayment:hover {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f08e25), color-stop(1, #f6b23d) );background:-moz-linear-gradient( center top, #f08e25 5%, #f6b23d 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f08e25', endColorstr='#f6b23d'); background-color:#f08e25; color:#FFF; cursor: pointer; transition: all 0.4s ease;}

#orderDetails {display: block; float: left; margin: 10px;}
#orderDetails p {margin: 0 0 10px;}
#orderDetails .orderID {font-size: 18px; line-height: 24px; color: #4981d6; text-transform: none; letter-spacing: 0;}


/* Search Styling */
/*.ProductSearch .prodDisplay {text-align:center; min-height:220px; background:#EBEBEB; border:1px solid #9A9A9A; padding:2%; margin-left:1%; width:30%;}
.ProductSearch .productDisplayImgHolder {background:#FFF;}
.ProductSearch { }
#ProductSearch .prodDisplay .addToCart {background:none; width:auto; margin-left:9%;}
#ProductSearch .prodDisplay .addToCart:hover {background:none;}
#ProductSearch .prodDisplay .addToCart .FeaturedQty {border:1px solid #4981D6; margin-left:5px;}
#ProductSearch .prodDisplay .PinfoHolder {font-weight:bold;}
#ProductSearch .prodDisplay .addToCart .checkout {background:#000; border:none; transition: all 0.4s ease; height:30px; line-height:30px; margin-left:27px; width:170px;}
#ProductSearch .prodDisplay .addToCart .checkout:hover {background:#4981D6; transition: all 0.4s ease;}
#ProductSearch .prodDisplay .buyProduct {float:right; margin-right:5px; display:none;}

#ProductSearch #entryList li {list-style-type:none; float:left; padding:1%; margin:0.5% 0; border:1px solid #9A9A9A; width:97%;}
#ProductSearch #entryList .entryHeadline {font-weight:bold; font-size:17px;}
#ProductSearch #entryList .entryReadMore {float:right; background:#4981D6; padding:3px 14px; color:#FFF; transition: all 0.4s ease;}
#ProductSearch #entryList .entryReadMore:hover {background:#000; transition: all 0.4s ease;}*/

/* CART CHECKOUT */

.cart {width: 100%;}
.cartTable2 {float:left; width:100%; margin-bottom:20px; border-collapse:collapse; border-bottom:1px solid #051C3E; background: #FFF;}
.cartHeaders {color:#FFF; font-size:16px; height:40px; margin-top:7px; margin-bottom:7px; text-align:center; font-weight:normal; background:url(/Content/images/tableRowBG.jpg) top center repeat-x;}
.cartHeaders th {font-weight:normal;}
.cartTable2 td {}
.cartTable2 td.cartImage {border-right:none; width: 144px; vertical-align:middle;}
.cartTable2 td.cartName {border-left:medium none; text-align:left; vertical-align:middle; width:350px; padding-left:25px;}
.cartTable2 .prodName {font-weight:normal; line-height:16px; margin-left:14px; text-align:left;}

.selectAddress {width: 30%; float: left; font-size: 12px;}

#addressForm {padding: 20px;}
#addressTable {padding-top: 20px; clear: both; float: left; background: #FFF; color: #000; padding: 2%;}
#addressTable tr {padding: 3px 0; width: 100%;}
#addressTable th {font-size: 14px; width: 120px;}
#addressTable td {width: 395px; height: 40px;}
#addressTable input {width:95%; padding:8px 5px; border:1px solid #00a9ea; background: transparent; color: #000; box-sizing: border-box; transition: all 0.3s ease;}
#addressTable input:focus {background: #fff; color: #000; transition: all 0.3s ease;}
#addressTable .cartHeaders {background:none; color:#000;}
#addressTable .cartHeaders span {color:#fff; display:block; float:left; font-size: 14px;}
#addressTable #billShip {float:left; width:60px;}
#addressTable select {border:1px solid #00a9ea; background: transparent; color: #000; padding:5px; width:95%; box-sizing: border-box; transition: all 0.3s ease;}
#addressTable select:focus {background: #000; color: #FFF; transition: all 0.3s ease;}
#addressTable #shippingAddy {/*font-weight:bold;*/ font-size:20px;}
#addressTable #billingAddy {/*font-weight:bold;*/ font-size:20px;}
#addressForm #addressTable #SelectedBilling_AddressCountryID {margin-top:0;}

#addressForm .submit {
	-moz-box-shadow:inset 0px 1px 9px -19px #fed897;
	-webkit-box-shadow:inset 0px 1px 9px -19px #fed897;
	box-shadow:inset 0px 1px 9px -19px #fed897;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f6b23d), color-stop(1, #f08e25) );
	background:-moz-linear-gradient( center top, #f6b23d 5%, #f08e25 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6b23d', endColorstr='#f08e25');
	background-color:#f6b23d; text-indent:0px; border:1px solid #eda933; display:inline-block; color:#ffffff; font-size:14px; font-weight:bold;
	font-style:normal; line-height:48px; width:180px; text-decoration:none; text-align:center;	text-shadow:0px 1px 0px #cd8a15; float:left; clear:both;}

#addressForm .submit:hover {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f08e25), color-stop(1, #f6b23d) );background:-moz-linear-gradient( center top, #f08e25 5%, #f6b23d 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f08e25', endColorstr='#f6b23d');background-color:#f08e25; cursor:pointer;}
#addressForm .submit:active {position:relative; top:1px;}

#addressForm .selectBillingShipping .submit {font-size:11px; width:95%; margin-top:10px; line-height:28px;}
.finaladdresses {display:block; width:100%;}

#orderDetailsInfo {display: block; float: left; margin: 20px;}
#orderDetailsInfo div {margin: 0 0 20px;}
#orderDetailsInfo div strong {color: #f2992c;}

.addressWrap {display: inline-block; float: right; width: 70%;}
.finalAddress {width:37.5%; float:right; font-size:14px; line-height: 20px; padding:2.5%; margin: 20px; border: 1px solid #00a9ea; background:#FFF; color: #000;}
.finalAddress .heading {font-weight:bold; color: #4981d6; font-size:16px; text-transform: uppercase; letter-spacing: 1px; padding: 0 0 10px;}

.pageHeadings {margin: 15px 0 5px; font-size: 16px; line-height: 20px; text-transform: uppercase; color: #f2992c; font-weight: bold; letter-spacing: 1px;}
#contContainMain .checkoutShippingLeft .checkoutShippingLeftP {margin: 10px 0;}
.checkoutShippingLeft .chooseShippingPref {display: block;}
.chooseShippingPref input {display: inline-block; margin: 8px;}

#ccImages img {margin: 2px 5px; display: inline-block; border-radius: 3px; overflow: hidden;}
#ccImages img:first-child {margin: 2px 5px 2px 0;}

.cartTable2 td.cartQty {padding-left:20px;	text-align:left; vertical-align:top; border-left:none; border-right:none;}
.cartTable2 td.cartPrice {border-right:none;}
.cartQty .remove {
	float: left;
    margin-left: 0;
    width: 28%;
	color: #AAA;
	font-size: 11px;
	letter-spacing: 1px;
	padding: 4px 0;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	transform: skew(-15deg);
	transition: all 0.3s ease 0s;}

td.cartQty input {border:1px solid #00a9ea; background: transparent; text-align: center; float: left; height: 32px; margin-left: 4px; margin-right: 13px; margin-top: 7px; width: 45px; z-index: 100; transition: all 0.3s ease;}
td.cartQty input:focus {background: #fff; color: #000; transition: all 0.3s ease;}

.cartUpdate {background-color:#AAA; border:medium none; color:#FFFFFF; float:left; height:100%; line-height:25px; text-align:center; text-decoration:none; width:30%;}
.cartUpdate:hover {background:#000;}

.cartQty .icon {font-size:14px; margin-right:4px;}

.cart-heading {
	display: block;
	text-align: center;
}
#cartWrapper {
	float: left;
	width: 95%;
	color: #000;
	background: #FFF;
	padding: 2.5%;
}
#cartWrapper a {color:#4981D6; text-decoration: none;}
#cartWrapper a:hover {color:#F2992C;}

#cart {float: left;}

.COzipCode {float: left; color: #000; display: inline-block; line-height: 28px; margin: 5px 15px 5px 0;}

#ZipCodeBox {width:40px; float:left; text-align: center; margin: 5px 0; width: 60px; padding: 5px; border:1px solid #00a9ea; background: transparent; transition: all 0.3s ease;}
#ZipCodeBox:focus {color: #000; background: #fff; transition: all 0.3s ease;}
#COzipsubmit.submit {background:#4981d6; margin: 5px 0 5px 10px; padding:6px 10px; transition: all 0.4s ease; font-weight:bold; font-size:11px; border:none; color:#FFF;}
#COzipsubmit.submit:hover {background:#A4A4A4; color:#FFF; transition: all 0.4s ease; cursor:pointer;}

#ShippingOptionContainer label {display: block;}
#ShippingOptionContainer input[type="radio"] {display: inline-block; margin: 12px;}

#codeSubmitBtn {float:left; font-weight:bold; font-size:11px; margin: 5px 0 5px 10px; padding:6px 10px; background:#4981d6; border:none; color:#FFF; transition: all 0.4s ease;}

#codeSubmitBtn:hover {background:#A4A4A4; cursor:pointer; transition: all 0.4s ease;}
#couponCode {float:left;}
#CouponCodeTitleContainer {display:block; clear:both; font-size:11px; font-style:italic;}
#CouponCodeDataContainer {padding-top:5px; font-size:13px;}
#CouponCodeDataContainer th {padding-right:15px;}

#shippingEstimate {background: transparent; float:right; min-height:150px; padding:14px; width:289px; color:#000; border:1px solid #00a9ea; position:relative; top:-39px;}
.checkoutConfirmPriceTable .cartTable2 {background: #FFF; float:right; min-height:150px; padding:14px; width:289px; color:#000; border:1px solid #00a9ea; border-collapse:separate; text-align: left;}
#shippingEstimate hr,
.checkoutConfirmPriceTable .cartTable2 hr {background:#000; border:none; height:2px; margin:10px 0; width:100%;}

.checkoutShippingLeft {float: left; width: 100%;}
.checkoutShippingLeft .shippingOptions {width: 500px; float: left;}
.checkoutShippingLeft .checkoutConfirmPriceTable {float: right;}

.shippingIcon    {float: left; margin-right:5px;}
.checkoutQuantityCouponShipping {float: left; padding: 1.5%; width:50%; color:#fff;}
.checkoutHeading {color: #000; display: block; font-size: 18px;}
#couponCodeBox   {float: left; width: 100%;}

#couponCodeBox .editor-field01 {width:300px; padding: 5px; margin: 5px 0; border:1px solid #00a9ea; background: transparent; color: #fff; transition: all 0.3s ease;}
#couponCodeBox .editor-field01:focus {color: #000; background: #fff; transition: all 0.3s ease;}

#updateQtyBtn span {float:left; margin-top:-4px; margin-left:-4px;}
#shippingEstimateBox {float:left; padding:14px; width:66%;}

.memberCheck {float:left; margin-top:7px; width:69%;}

.checkOutMemberRight {width:60%; float:left;}
.checkOutMemberRight .CheckoutLink  {float:left; width:40%; margin-top:0;}

.checkOutMemberRight #memberSignUpBtn,
#botButtons #logoutOresponse {
	-moz-box-shadow:inset 0px 1px 9px -19px #9cb4e1; -webkit-box-shadow:inset 0px 1px 9px -19px #9cb4e1; box-shadow:inset 0px 1px 9px -19px #9cb4e1; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4981d6), color-stop(1, #9cb4e1) );
	background:-moz-linear-gradient( center top, #4981d6 5%, #9cb4e1 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4981d6', endColorstr='#9cb4e1');
	background-color:#4981d6; text-indent:0px; display:inline-block; color:#ffffff; font-size:14px; font-weight:bold; font-style:normal; height:50px; line-height:50px;
    width:180px; text-decoration:none; text-align:center; text-shadow:0px 1px 0px #2c6eca; float:left; margin-left:2%;}

.checkOutMemberRight #memberSignUpBtn:hover,
#botButtons #logoutOresponse:hover {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9cb4e1), color-stop(1, #4981d6) ); background:-moz-linear-gradient( center top, #9cb4e1 5%, #4981d6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9cb4e1', endColorstr='#4981d6'); background-color:#9cb4e1; color:#FFF;}

.checkOutMemberRight #memberSignUpBtn:active {position:relative; top:1px;}


.checkOutMemberRight .CheckoutLink { }

.orDiv {width:8%; padding-right:3.5%; float:left; line-height:50px; color: #000;}
.checkoutGuestRight {width:28%; float:left;}
.checkoutGuestRight .CheckoutLink {background:#F2992C; border:none; color:#FFFFFF; font-size:12px; font-weight:bold; height:30px; line-height:42px; padding:12px; text-align:center; text-decoration:none;}
.memberCheck .checkout {width:auto; width:65%;}
#updateQtyBtn {clear:left; float:left; width:30%; cursor:pointer;}

.checkOutMember {float:left; margin:12px 0 4px 0; width:46%;}
#cartWrapper .checkOutMember .CheckoutLink {float:left;}
.headingNewCust {float:left;}

.addText {font-size:12px;}
#AddToCartMsg {text-align:center;}
.buttonWrapper {display:block; clear:both;}

#AddToCartMsg .buttonWrapper .quickCartBtn {padding:7px 40px; clear:both; display:block; margin:10px auto 0;}

#AddToCartMsg .quickCartBtn,
#botButtons #continueShoppingCOresponse {
	-moz-box-shadow:inset 0px 1px 9px -19px #fed897;
	-webkit-box-shadow:inset 0px 1px 9px -19px #fed897;
	box-shadow:inset 0px 1px 9px -19px #fed897;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f6b23d), color-stop(1, #f08e25) );
	background:-moz-linear-gradient( center top, #f6b23d 5%, #f08e25 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6b23d', endColorstr='#f08e25');
	background-color:#f6b23d; text-indent:0px; border:1px solid #eda933; display:inline-block; color:#ffffff; font-size:14px; font-weight:bold;
	font-style:normal; height:48px; line-height:34px; width:180px; text-decoration:none; text-align:center;	text-shadow:0px 1px 0px #cd8a15;}

#AddToCartMsg .quickCartBtn:hover,
#botButtons #continueShoppingCOresponse:hover {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f08e25), color-stop(1, #f6b23d) );background:-moz-linear-gradient( center top, #f08e25 5%, #f6b23d 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f08e25', endColorstr='#f6b23d');background-color:#f08e25;}

#AddToCartMsg .quickCartBtn:active {position:relative; top:1px;}

.CheckoutLink a {float:left;}
.CheckoutLink a:hover {float:left;}

.checkoutGuest {float: left; margin-top:7px; padding:10px; width:45%;}

#subWDiscount {font-size:18px; color:#4981D6;}

#botButtons {width:600px; float: left; margin: 60px 0;}
#botButtons #continueShoppingCOresponse {width: 280px; margin: 0; float: left;}
#botButtons #logoutOresponse {width: 190px; margin: 0; float: right;}

#mainContent .checkOutMember p, #mainContent .checkoutGuest p {font-size: 13px; font-style: normal; margin-top: 10px;}

tr.cartDetails {text-align:center; color: #000;}
#purchasedProductContainer {color:black;}
#purchasedProductContainer .cartTable2 td {text-align:center;}
#purchasedProductContainer .cartTable2 td.cartName {text-align: left;}

#totalCharged {display: block; float: right; margin: 20px;}
#totalCharged .cartTable2 {margin: 0; border-collapse: separate; padding: 14px; border: 1px solid #00a9ea;}
#totalCharged .cartTable2 td {text-align:right;}

#mainContent .cartDetails ul li {background:none; text-align:left; font-weight:normal; color:#9E9B8A;}
#mainContent .cartDetails .prodName {font-weight:normal; text-align:left;}
#mainContent .cartDetails ul {margin:0; padding:0;}
#mainContent .cartDetails ul li {margin:0; padding:0;}
.qtyLinks li {list-style: none;}

.checkoutStep2 .heading {font-weight:normal;}

.cartDetails td {border-top:none; padding-top: 10px; padding-bottom: 10px;}

#main .cartRight {float: right; margin-top: 0px; text-align: right;	width: 34%; margin-left: 0px;}
#main #shippingEstimate {float:left;width:100%;}
#main #shippingEstimate #Total {font-size:25px;}
#main #subtotal {font-size:18px;}

#main h4.shippingEstimateTitle {margin-left: 0px; margin-bottom: 4px; color: #2A363B;}

.member-only {float: right;	height: 140px; text-align: center; width: 200px;}

#main .member-only h4 {margin-left: 0px; margin-top: 40px;}

.guest-checkout {float: right; height: 140px; text-align: center; width: 200px;}

#main .guest-checkout h4 {margin-left: 0px;	margin-top: 40px;}

#shippingCalc {float: left; margin-left: 1px; margin-bottom: 22px;	width: 100%;}

#SIinnerCO {margin-left: 35px; font-size: 15px;}

/* ACCOUNT */

#signup {padding-top: 15px; width:100%; float:left; color:#fff;}
.editor-label {padding-left:2px; margin-bottom:4px; display:block; float:left; width:100%;}

#signup #noDisplaySpan {display:none;}

.ScreenName {border: 1px solid #CAD1DA; clear: left; color: #FA9016; float: left; font-style: italic; height: 25px; width: 100%;}
#signup .editor-label label {font-size: 11px; letter-spacing: 1px; text-transform: uppercase; color: #474747;}
#signup form {display:block; margin-top:10px; width: 412px;}
#signup .editor-label01
{
    color: #fff;
    display: block;
    float: left;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 16px;
    margin-bottom: 4px;
    margin-right: 10px;
    padding-left: 2px;
    width: 100%;
}

.editor-label label {display:block; float:left;}
.editor-field {display: block; height: 28px; margin-bottom: 8px; float:left; margin-right:10px; width:50%;}
.editor-field input {background: transparent; border:1px solid #00A9E9; color: #fff; padding: 5px; float: left; margin-bottom: 5px; display: block; margin: 0 auto; width:400px; transition: all 0.3s ease;}
.editor-field input:focus {background: #fff; border: 1px solid #000; color: #222; transition: all 0.3s ease;}

.editor-field select {background: transparent; border:1px solid #00A9E9; color: #fff; padding: 5px; float: left; margin-bottom: 5px; display: block; margin: 0 auto; width:200px; transition: all 0.3s ease;}
.editor-field select:focus {background: #fff; border: 1px solid #000; color: #222; transition: all 0.3s ease;}



.signUpHelper {color:#667B94; display: block; float: left; font-size: 11px; margin-top: 10px; width: 100%;}

.field-validation-error {color: #ff0000; font-size: 11px;}
/*.nevermind {font-size: 14px; margin-top: 11px; float:left; width:20%; margin:15px 0 0 25px;}*/
#signup .nevermind {float: right; text-align: center; width: 50%;}
#signup .nevermind a {display: block; line-height: 40px;}

.classyButton,
#backToOrders.classyButton a,
#newAddress a {
	-moz-box-shadow:inset 0px 1px 9px -19px #9cb4e1; -webkit-box-shadow:inset 0px 1px 9px -19px #9cb4e1; box-shadow:inset 0px 1px 9px -19px #9cb4e1; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4981d6), color-stop(1, #9cb4e1) );
	background:-moz-linear-gradient( center top, #4981d6 5%, #9cb4e1 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4981d6', endColorstr='#9cb4e1');
	background-color:#4981d6; text-indent:0px; display:inline-block; color:#ffffff; font-size:14px; font-weight:bold; font-style:normal; height:40px; line-height:40px;
    width:200px; text-decoration:none; text-align:center; text-shadow:0px 1px 0px #2c6eca; float:left; border:none;}

.classyButton:hover,
#backToOrders.classyButton a:hover,
#newAddress a:hover {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9cb4e1), color-stop(1, #4981d6) ); background:-moz-linear-gradient( center top, #9cb4e1 5%, #4981d6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9cb4e1', endColorstr='#4981d6'); background-color:#9cb4e1; color:#FFF; cursor:pointer;}

.classyButton:active,
#backToOrders.classyButton a:active,
#newAddress a:active {position:relative; top:1px;}

/*#sortOrder
{
    float: right;
     color: #FFFFFF;
    height:27px;
    line-height:27px;
    margin-right: 14px;
    margin-top: 7px;
}*/

.sortOrderDrop{ background: url("/Content/images/down_arrow_select.jpg") no-repeat scroll right center #FFFFFF;
    border:1px solid #A09FA9;
    height: 25px;
    overflow: hidden;
    width: 240px;
    margin-left:10px;
    float:right;}


/* #sortOrder select{
 background: none repeat scroll 0 0 #000000;
    border: 0 none;
    border-radius: 0;
    color: #FFFFFF;
    font-size: 14px;
    height: 29px;
    line-height: 1;
    padding: 5px;
    text-transform: none;
    width: 128px;} */

/* .pager a, .pager .selected {margin-left: 12px; text-decoration:none;}
.pager a:hover {color: #FFFFFF;}
.pager {background: none repeat scroll 0 0 #000000; clear: right; color: #FFFFFF; float: right; font-size: 14px; font-weight: normal; height: 18px; margin-right: 40px; margin-top: 7px; padding: 5px;}

.current {margin-left: 12px;}

#containerPagerOrder
{
    width: 100%;float: left;
    width:77%;float:right;
    height: 43px;
    padding: 0;
    margin-bottom: 12px;
    margin-top:0px;
    display: block;
    
}
*/

#leftContentContainer {float: left; width: 24%;}
.CAcityInputs {display: block; float: left; margin-right: 5px; margin-top: 10px;}
#billingandshipping {float: left; color: #484848;}
.save {padding: 2px 4px; color: White; border: none; cursor: pointer;}
#AddressState_Province {margin-top: 1px;}

#accountBillingAddressH4
{
    color: #474747;
    margin-top: 12px;
    font-size: 14px;
}

#accountShippingAddressH4
{
    color: #474747;
    margin-top: 12px;
    font-size: 14px;
}
#bodyWrapper {clear: both; width:100%; float:left;}
.md-close{background:url(/Content/images/closeWindow.png) top center no-repeat;border:none;text-indent:-999999px;overflow:hidden;width:55px;height:16px;cursor:pointer;position:absolute;top:0;right:0;}
/* General styles for the modal */

/* 
Styles for the html/body for special modal where we want 3d effects
Note that we need a container wrapping all content on the page for the 
perspective effects (not including the modals and the overlay).
*/
.md-perspective,
.md-perspective body {
	height: 100%;
	overflow: hidden;
}

.md-perspective body  {
	background: #222;
	-webkit-perspective: 600px;
	-moz-perspective: 600px;
	perspective: 600px;
}

.container {
	background: #e74c3c;
	min-height: 100%;
}

.md-modal {
	position: fixed;
	border:solid 4px #000;
	top: 50%;
	left: 50%;
	width: 729px;
	height: auto;
	z-index: 999;
	visibility: hidden;
	padding:50px;
	background:#fff;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

@media screen and (max-width: 850px) {
	body .md-modal {
		max-width: calc(100% - 40px);
		width: calc(78% - 40px);
		padding: 10%;
		height: auto;
		margin: 0 5px;
	}
}

.md-show {
	visibility: visible;
}

.md-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 998;
	opacity: 0;
	background: rgba(256,256,256,0.5);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show ~ .md-overlay {
	opacity: 1;
	visibility: visible;
}

/* Content styles */
.md-content {
	color: #fff;
	background: #e74c3c;
	position: relative;
	border-radius: 3px;
	margin: 0 auto;
}

.md-content h3 {
	margin: 0;
	padding: 0.4em;
	text-align: center;
	font-size: 2.4em;
	font-weight: 300;
	opacity: 0.8;
	background: rgba(0,0,0,0.1);
	border-radius: 3px 3px 0 0;
}

.md-content > div {
	padding: 15px 40px 30px;
	margin: 0;
	font-weight: 300;
	font-size: 1.15em;
}

.md-content > div p {
	margin: 0;
	padding: 10px 0;
}

.md-content > div ul {
	margin: 0;
	padding: 0 0 30px 20px;
}

.md-content > div ul li {
	padding: 5px 0;
}

.md-content button {
	display: block;
	margin: 0 auto;
	font-size: 0.8em;
}

/* ACCOUNT SUMMARY STYLING
==================================================== */
#AddressesMember {}
#AddressesMember .accountShippingAddresses {box-sizing: border-box; width: 25%; float: left;}
#contContainMain #AddressesMember .accountShippingAddresses ul {margin: 0; padding: 15px;}

.catImageTag {
	max-width: calc(100% - 40px);
	height: auto;
	padding: 0 20px;
	margin-top:0 !important;
}

/* Product Deets branding section */

#prodInfoWrapper .catImageTag {
	max-width: 138px !important;
	max-height: 138px !important;
	margin: -25px 0px 0px 0px !important;
}

@media all and (max-width: 875px){
	#prodInfoWrapper .catImageTag {
		margin: 20px 0px 0px 0px !important;
	}
}

@media all and (max-width: 500px){
	#contContainMain img.catImageTag {
		margin: 0 auto !important;
	}
}

/* Custom Sections for Repair Product Pages */

.infoTopBar h5 {
	margin-bottom: 0 !important;
	margin-top: 0 !important;
	text-align: left !important;
	border: 0 !important;
}

@media all and (max-width: 875px){
	.infoTopBar h5 {
		text-align: center !important;
	}
}

.infoTopBar h5 img {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px 0 0 !important;
}

@media all and (max-width: 1500px){
	.infoTopBar h5 img {
		float: left;
		padding-bottom: 25px;
	}

	.infoTopBar h5 .col:first-child img {
		float: none;
		padding-bottom: 0;
	}
}

@media all and (max-width: 875px){
	.infoTopBar h5 img {
		float: none;
		padding-bottom: 0;
	}

	#contContainMain .infoTopBar h5 .col .icon {
		margin: 0px 5px 0px 0px !important;
	}
}

.infoTopBar h5 .highlight {
	color: #F2992C;
	margin-right: 3%;
}

@media all and (max-width: 1700px) {
	.infoTopBar h5 .highlight {
		margin-right: 2%;
	}
}

@media all and (max-width: 1300px) {
	.infoTopBar h5 .highlight {
		margin-right: 0;
	}
}

@media all and (max-width: 875px) {
	.infoTopBar h5 .highlight {
		margin-bottom: 10px;
		display: inline-block;
	}
}

.infoTopBar h5 .col {
	margin: 0 3% 0 0;
	position: relative;
	display: inline-block; vertical-align: middle;
	width: 26%;
}

@media all and (max-width: 1700px){
	.infoTopBar h5 .col {
		font-size: 15px;
		width: 27%;
	}
}

@media all and (max-width: 1500px){
	.infoTopBar h5 .col {
		width: 22%;
	}
}

@media all and (max-width: 1300px){
	.infoTopBar h5 .col {
		width: 28%;
	}
}

@media all and (max-width: 875px){
	.infoTopBar h5 .col {
		width: 100%;
		display: block;
		margin-bottom: 15px;
		margin-right: 0 !important;
	}
}

.infoTopBar h5 .col::after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 40px;
	border-right: 1px solid #112544;
	position: absolute;
	right: -4px;
	top: 50%;
	transform: translateY(-50%);
}

@media all and (max-width: 1500px){
	.infoTopBar h5 .col::after {
		right: 5px;
	}
}

@media all and (max-width: 1300px){
	.infoTopBar h5 .col::after {
		right: 15px;
	}
}

@media all and (max-width: 1050px){
	.infoTopBar h5 .col::after {
		right: -12px;
	}
}

@media all and (max-width: 875px){
	.infoTopBar h5 .col::after {
		display: none;
	}
}

.infoTopBar h5 .col:first-child {
	margin-left: 0;
	width: 40%;
}

@media all and (max-width: 1700px) {
	.infoTopBar h5 .col:first-child {
		width: 43%;
	}
}

@media all and (max-width: 1500px){
	.infoTopBar h5 .col:first-child {
		width: 50.5%;
	}
}

@media all and (max-width: 1300px){
	.infoTopBar h5 .col:first-child {
		width: 36%;
		margin-left: 5%;
	}
}

@media all and (max-width: 1050px){
	.infoTopBar h5 .col:first-child {
		width: 40%;
		margin-left: 0;
	}

	.infoTopBar h5 .col:first-child .lowercase {
		display: inline-block !important;
	}
}

@media all and (max-width: 875px){
	.infoTopBar h5 .col:first-child {
		width: 100%;
	}
}

@media all and (max-width: 1300px) {
	.infoTopBar h5 .col:first-child a {
		display: inline-block;
	}
}

.infoTopBar h5 .col:first-child::after {
	right: -15px;
}

@media all and (max-width: 1700px) {
	.infoTopBar h5 .col:first-child::after {
		right: 5px;
	}
}

@media all and (max-width: 1300px) {
	.infoTopBar h5 .col:first-child::after {
		right: 15px;
	}
}

@media all and (max-width: 1050px) {
	.infoTopBar h5 .col:first-child::after {
		right: -1px;
	}
}

.infoTopBar h5 .col:last-child::after {
	display: none;
}

@media all and (max-width: 1700px){.infoTopBar h5 .col {margin-right: 1%;}}

.infoTopBar h5 .col:last-child {
	margin-right: 0;
}

@media all and (max-width: 1700px){
	.infoTopBar h5 .col:last-child {
		width: 25%;
		margin-left: 1%;
	}
}

@media all and (max-width: 1500px){
	.infoTopBar h5 .col:last-child {
		width: 20%;
	}
}

@media all and (max-width: 1300px){
	.infoTopBar h5 .col:last-child {
		width: 26%;
	}
}

@media all and (max-width: 1050px){
	.infoTopBar h5 .col:last-child {
		width: 27%;
		margin-left: 2%;
	}
}

@media all and (max-width: 875px){
	.infoTopBar h5 .col:last-child {
		width: 100%;
		margin-left: 0;
	}

	.blocked {
		display: block;
	}
}

.infoTopBar h5 a {
	text-transform: capitalize !important;
	color: #fff !important;
	text-decoration: none;
}

.infoTopBar h5 a:hover {
	color: #F2992C !important;
}

.infoTopBar h5 a strong {
	text-decoration: underline;
}

.infoTopBar h5 strong {
	text-transform: capitalize !important;
}

.infoTopBar h5 .lowercase {
	text-transform: none !important;
	font-family: "Lato";
	font-weight: 400 !important;
}

@media all and (max-width: 1500px){
	.infoTopBar h5 .lowercase {
		display: block;
		margin-top: -5px;
	}
}

@media all and (max-width: 875px){
	.infoTopBar h5 .lowercase {
		display: inline-block;
		margin-top: 0px;
	}
}

@media all and (max-width: 425px){
	.infoTopBar h5 .lowercase {
		display: block;
		margin-top: -3px;
	}
}

@media all and (max-width: 1500px){
	.infoTopBar h5 .col:first-child .lowercase {
		display: inline-block;
	}
}

@media all and (max-width: 425px){
	.infoTopBar h5 .col:first-child .lowercase {
		display: block !important;
		margin-top: -3px;
	}
}


#repairAllVariants {
	width: 100% !important;
	border: 0 !important;
	padding: 25px 10px !important;
}

@media all and (max-width: 875px){
	#repairAllVariants {
		padding: 25px 0 !important;
	}
}

#repairAllVariants ul {
	width: 45% !important;
}

@media all and (max-width: 875px){
	#repairAllVariants ul {
		width: 100% !important;
		display: block !important;
	}
}

#repairAllVariants ul:first-child {
	margin-right: 5% !important;
}

@media all and (max-width: 875px){
	#repairAllVariants ul:first-child {
		margin-right: 0 !important;
		margin-bottom: 40px !important;
	}
}

#repairAllVariants ul .allVariantsHeader {
	font-size: 23px !important;
	text-transform: uppercase;
	padding-left: 0px !important;
	padding-bottom: 10px;
	display: block !important;
	margin-bottom: 8px !important;
	line-height: 1em !important;
}

#repairAllVariants ul .allVariantsHeader:after {
	content: "";
	display: block;
	border-bottom: 4px solid #464646;
	width: 100%;
	margin-top: 15px;
}

#repairAllVariants ul li {
	font-size: 16px !important;
	margin-bottom: 20px !important;
	display: block;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

@media all and (max-width: 640px){
	#repairAllVariants ul li {
		font-size: 15px !important;
		margin-bottom: 15px !important;
	}
}

/*.purchaseProduct #ProdImageHolderLeft {
	display: none !important;
}

.purchaseProduct.isRefurb #ProdImageHolderLeft {
	display: block !important;
}

.purchaseProduct #prodInfoWrapper div {
	display: none !important;
}

.purchaseProduct #prodInfoWrapper #prodText {
	display: block !important;
}

.purchaseProduct #prodInfoWrapper #prodText div {
	display: none !important;
}

.purchaseProduct.isRefurb #prodInfoWrapper #prodText div {
	display: block !important;
}

.purchaseProduct #prodInfoWrapper #prodText div.specDetails {*/
	display: block !important;
}

.purchaseProduct #prodInfoWrapper #prodText div.specDetails .detailProductLabels {
	font-size: 16px;
}

.purchaseProduct.isRefurb #prodInfoWrapper div {
	display: block !important;
}

.specDetails p {
	line-height: 32px !important;
	font-size: 15px !important;
	font-family: 'latoregular' !important;
}

.specDetails h3 {
	display: none;
}

@media all and (max-width: 640px){
	.specDetails p {
		line-height: 28px !important;
	}
}

.specDetails strong {
	font-weight: 600 !important;
}

.repairLeftContent {
	width: 48%;
	float: left;
}

@media all and (max-width: 875px) {
	.repairLeftContent {
		float: none;
		width: 100%;
	}
}

.repairLeftContent .catImageTag {
	max-width: 230px !important;
	margin-top: -40px !important;
	margin-bottom: -40px !important;
}

@media all and (max-width: 875px) {
	.repairLeftContent .catImageTag {
		margin-top: 0px !important;
	}
}

.repairLeftContent .specField {
	display: block;
	color: #000;
	font-size: 15px !important;
	margin-bottom: 10px;
}

.repairLeftContent .specField .detailProductLabels {
	font-size: 15px !important;
	font-weight: bold;
	text-transform: uppercase;
}

.repairLeftContent .buttonRow a {
	float: left !important;
}

.repairLeftContent .buttonRow a#startRepairBtn {
	background: #f2992c;
	color: #030e20;
	font-size: 15px !important;
	margin-left: 0px !important;
}

@media all and (max-width: 875px){
	#contContainMain .specField .catImageTag {
		margin: 10px 0 -10px !important;
	}
}

@media all and (max-width: 550px){
	.repairLeftContent .buttonRow a#startRepairBtn {
		width: 160px;
		text-align: center;
	}
}

@media all and (max-width: 430px){
	.repairLeftContent .buttonRow a#startRepairBtn {
		width: 100%;
	}
}

.repairLeftContent .buttonRow a#startRepairBtn:hover {
	background: #030e20;
	color: #fff;
}

.repairLeftContent .buttonRow a#requestQuoteBtn {
	background: transparent;
	border: 1px solid #030e20;
	color: #030e20;
	font-size: 15px !important;
	margin-right: 0px !important;
}


@media all and (max-width: 1050px){
	.repairLeftContent .buttonRow a#requestQuoteBtn {
		margin-left: 0px !important;
	}
}

@media all and (max-width: 550px){
	.repairLeftContent .buttonRow a#requestQuoteBtn {
		width: 160px;
		text-align: center;
	}
}

@media all and (max-width: 430px){
	.repairLeftContent .buttonRow a#requestQuoteBtn {
		width: 100%;
	}
}

.repairLeftContent .buttonRow a#requestQuoteBtn:hover {
	background: #030e20;
	color: #fff;
}

.repairLeftContent #benefitsContainer {
	text-align: left;
}

@media all and (max-width: 875px){
	.repairLeftContent #benefitsContainer {
		margin-bottom: 30px;
	}
}

.repairLeftContent #benefitsContainer #freeEval {
	float: left !important;
	width: auto !important;
	background: none !important;
	color: #4c4c4c !important;
	font-size: 17px !important;
	padding: 0 !important;
	margin-right: 4%;
	text-transform: uppercase;
	text-align: left !important;
}

@media all and (max-width: 1500px){
	.repairLeftContent #benefitsContainer #freeEval {
		margin-right: 1%;
	}
}

@media all and (max-width: 1050px){
	.repairLeftContent #benefitsContainer #freeEval {
		margin-right: 0;
		margin-bottom: 15px;
	}
}

@media all and (max-width: 875px){
	.repairLeftContent #benefitsContainer #freeEval {
		margin-bottom: 0;
		margin-right: 3%;
	}
}

@media all and (max-width: 550px){
	.repairLeftContent #benefitsContainer #freeEval {
		font-size: 15px !important;
		display: block;
		float: none !important;
		margin-right: 0px !important;
		margin-bottom: 15px !important;
	}
}

.repairLeftContent #benefitsContainer #freeEval span {
	margin-top: 0px !important;
	font-size: 17px !important;
	font-weight: 400 !important;
}

.repairLeftContent #benefitsContainer img {
	width: auto !important;
	float: none !important;
	display: inline-block;
	vertical-align: middle;
}

@media all and (max-width: 550px){
	#contContainMain .repairLeftContent #benefitsContainer img {
		width: 30px !important;
		margin: 0 !important;
	}
}

.repairLeftContent #benefitsContainer #yearWarranty {
	float: left !important;
	width: auto !important;
	background: none !important;
	color: #4c4c4c !important;
	font-size: 17px !important;
	padding: 0 !important;
	text-transform: uppercase;
	text-align: left !important;
}

@media all and (max-width: 550px){
	.repairLeftContent #benefitsContainer #yearWarranty {
		display: block;
		float: none !important;
	}
}

.repairLeftContent #benefitsContainer #yearWarranty span {
	margin-top: 0px !important;
	font-size: 17px !important;
	font-weight: 400 !important;
}

.repairLeftContent .specField.brandImgName {
	display: table !important;
	margin-bottom: 25px;
}

@media all and (max-width: 1050px) {
	.repairLeftContent .specField.brandImgName {
		display: block !important;
		margin-bottom: 25px;
	}
}

.repairLeftContent .specField.brandImgName .catImageTag {
	display: table-cell !important;
	vertical-align: middle;
	margin: 0 !important;
	padding-right: 4%;
}

@media all and (max-width: 1050px) {
	.repairLeftContent .specField.brandImgName .catImageTag {
		display: block !important;
	}
}

@media all and (max-width: 875px) {
	#contContainMain .repairLeftContent .specField.brandImgName .catImageTag {
		margin: 0 auto !important;
		max-width: 200px !important;
		padding-right: 0;
	}
}

.repairLeftContent .specField.brandImgName .detailProductLabels {
	display: table-cell !important;
	vertical-align: middle;
}

@media all and (max-width: 1050px) {
	.repairLeftContent .specField.brandImgName .detailProductLabels {
		display: block !important;
	}
}

@media all and (max-width: 875px) {
	.repairLeftContent .specField.brandImgName .detailProductLabels {
		text-align: center !important;
	}
}
