/* #####  PRODUCTS STYLE ###### */

#content {
	font-size:1rem;
}

#distribution {
	margin:0 1%;
	padding: 0;
}

#dist-L {
	float:left;
	clear:left;
	width: 50%;
	min-width: 480px;
	margin: 0;
}

#dist-R {
	float:left;
	clear:right;
	width: 50%;
	min-width: 480px;
	margin: 0;
}

.bL {
	margin:2%;
	padding: 1% 2%;
	color:#FFFFFF;
	background:#444444;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1rem;
	font-weight:normal;
	text-transform:uppercase;
	border-radius:6px;
	white-space: nowrap;
}

#prodBanner {
	clear:both;
}

.prodBox {
	float:left;
	width:45%;
	margin:0 2.29%;
	border:#DBDBEA solid 1px;
	border-radius: 8px 8px 8px 0;
	background-image: -o-linear-gradient(top, #FFFFFF 95%, #EFEFFF 100%);
	background-image: -moz-linear-gradient(top, #FFFFFF 95%, #EFEFFF 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.95, #FFFFFF), color-stop(1, #EFEFFF));
	background-image: -webkit-linear-gradient(top, #FFFFFF 95%, #EFEFFF 100%);
	background-image: -ms-linear-gradient(top, #FFFFFF 95%, #EFEFFF 100%);
	background-image: linear-gradient(to bottom, #FFFFFF 95%, #EFEFFF 100%);
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}

.prodBox a.learnMore {
	display:block;
	clear:both;
	float:left;
	padding:3%;
	width: 94%;
	margin:8% 0 0 0;
	color:#FFFFFF;
	text-align:center;
	text-decoration: none;
	text-transform:uppercase;
	font-size:0.7rem;
	background-color: rgba(0,0,0,0.3);
	border-radius: 0 0 7px 0;
	
	transition-property: all;
	transition-duration: .4s;
	transition-timing-function: ease;
}

.prodBox a.learnMore:hover {
	background-color: rgba(0,0,0,0.45);
	letter-spacing: 0.1vw;
	
	transition-property: all;
	transition-duration: .4s;
	transition-timing-function: ease;
}

.prodName {
	color:#FFFFFF;
	border-radius: 8px 8px 0 0;
	padding-bottom:10px;
}

.prodName h3 {
	font-size:1rem;
	font-weight:normal;
	color:#FFFFFF;
	margin:0;
	padding:6px 0 0 10px;
}

.prodName p {
	margin:0;
	padding:2px 10px;
	width:75%;
	font-size:0.7rem;
	line-height:110%;
}

.prodItem {
	float:left;
	width:65%;
	min-height:2vh;
	margin:0;
	background-color: rgba(255,255,255,0.7);
}

.prodItem p {
	margin:5% 8%;
	font-size:0.7rem;
	color:#444444;
	text-align:right;
}

.prodItem p.alt {
	color:#888888;
}

.prodPrice {
	float:left;
	width:35%;
	min-height:2vh;
	margin:0;
	background-color: rgba(0,0,0,0.55);
}

.prodPrice p {
	margin:4% 0;
	font-size:1.1rem;
	color:#FFFFFF;
	text-align:center;
}

.prodPrice p sup {
	font-size:0.7rem;
	vertical-align:baseline;
	position:relative;
	top:-0.3rem;
}

.prodDesc {
	min-height:270px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:68.75%;
	color:#888888;
	padding-top:20px;
}

.firstProd {
	margin-left:0;
}

.prodBoxHeight {
	min-height:350px;
	width:22.9%;
	margin-right:0.1%;
	font-size:1rem;
}

.prodDesc a {
	color:#093d72;
}

.prodDesc p, .prodDesc ul {
	clear:both;
	margin:0 10px;
	padding:0;
	line-height:120%;
}

.prodDesc p:first-child, .prodDesc ul li:first-child {
	/*margin-top:50px;*/
}

.prodDesc p.plus {
	text-align:center;
	margin:10px 10px;
	/*margin: -10px 10px;*/
	line-height:100%;
}

.prodDesc ul li {
	margin-left:15px;
	margin-bottom:6px;
}

#product-detail-boxes {
	clear:both;
}

.prod0 {
	background:#444444;
	border-color:#777777;
	background-image: -o-linear-gradient(top, #777777 0%, #444444 50%);
	background-image: -moz-linear-gradient(top, #777777 0%, #444444 50%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #777777), color-stop(0.5, #444444));
	background-image: -webkit-linear-gradient(top, #777777 0%, #444444 50%);
	background-image: -ms-linear-gradient(top, #777777 0%, #444444 50%);
	background-image: linear-gradient(to bottom, #777777 0%, #444444 50%);
}

.prod1 {
	background:#99CC33;
	border-color:#6a8e22;
	background-image: -o-linear-gradient(top, #88B52D 0%, #99CC33 50%);
	background-image: -moz-linear-gradient(top, #88B52D 0%, #99CC33 50%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #88B52D), color-stop(0.5, #99CC33));
	background-image: -webkit-linear-gradient(top, #88B52D 0%, #99CC33 50%);
	background-image: -ms-linear-gradient(top, #88B52D 0%, #99CC33 50%);
	background-image: linear-gradient(to bottom, #88B52D 0%, #99CC33 50%);
}

.prod2 {
	background:#00B355;
	border-color:#0f7c3b;
	background-image: -o-linear-gradient(top, #00A14C 0%, #00B355 50%);
	background-image: -moz-linear-gradient(top, #00A14C 0%, #00B355 50%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00A14C), color-stop(0.5, #00B355));
	background-image: -webkit-linear-gradient(top, #00A14C 0%, #00B355 50%);
	background-image: -ms-linear-gradient(top, #00A14C 0%, #00B355 50%);
	background-image: linear-gradient(to bottom, #00A14C 0%, #00B355 50%);
}

.prod3 {
	background:#42A2FF;
	border-color:#2d70b2;
	background-image: -o-linear-gradient(top, #388AD9 0%, #42A2FF 50%);
	background-image: -moz-linear-gradient(top, #388AD9 0%, #42A2FF 50%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #388AD9), color-stop(0.5, #42A2FF));
	background-image: -webkit-linear-gradient(top, #388AD9 0%, #42A2FF 50%);
	background-image: -ms-linear-gradient(top, #388AD9 0%, #42A2FF 50%);
	background-image: linear-gradient(to bottom, #388AD9 0%, #42A2FF 50%);
}

.prod4 {
	background:#4B44FF;
	border-color:#3A34C4;
	background-image: -o-linear-gradient(top, #3A34C4 0%, #4B44FF 50%);
	background-image: -moz-linear-gradient(top, #3A34C4 0%, #4B44FF 50%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3A34C4), color-stop(0.5, #4B44FF));
	background-image: -webkit-linear-gradient(top, #3A34C4 0%, #4B44FF 50%);
	background-image: -ms-linear-gradient(top, #3A34C4 0%, #4B44FF 50%);
	background-image: linear-gradient(to bottom, #3A34C4 0%, #4B44FF 50%);
}

.prod5 {
	background:#810082;
	border-color:#5B005C;
	background-image: -o-linear-gradient(top, #5B005C 0%, #810082 50%);
	background-image: -moz-linear-gradient(top, #5B005C 0%, #810082 50%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5B005C), color-stop(0.5, #810082));
	background-image: -webkit-linear-gradient(top, #5B005C 0%, #810082 50%);
	background-image: -ms-linear-gradient(top, #5B005C 0%, #810082 50%);
	background-image: linear-gradient(to bottom, #5B005C 0%, #810082 50%);
}

.button-box {
	bottom:15px;
	left:20px;
	width:140px;
	margin: 20px auto 0 auto;
}

.compare-all {
	float:right;
	width:220px;
	margin-top:30px;
	margin-right:20px;
	margin-left:25px;
	background-color:#646473;
	border-color:#424251;
	color:#FFFFFF;
}

.compare-all:hover {
	background-color:#424251;
	color:#FFFFFF;
}

.detailsBox {
	display:none;
	font-size:87.50%;
	padding:10px;
	margin-bottom:10px;
	border:#DBDBEA solid 1px ;
	border-radius:8px 8px 8px 8px;
}

.detailsBox h3 {
	padding-left:10px;
}

.detailsBox p {
	padding-left:10px;
	padding-right:10px;
}

.detailsBox div.prodName {
	padding:5px;
	margin-bottom:25px;
	border-radius:8px 8px 0 0;
}

.detailsBox div.prodName h3 { font-size:137.50%; padding:5px;}
.detailsBox div.prodName p { font-size:100%;}

.detailsBox .ui-widget {
	font-size:75%;
}

dl.prodDescZebra {

}

dl.prodDescZebra dt {
	background-color:#E1E1E1;
	border-top:#CCC solid 1px;
	border-left:#CCC solid 1px;
	border-right:#CCC solid 1px;
	font-size:87.50%;
	padding:10px;
}

dl.prodDescZebra dd {
	background-color:#F1F1F1;
	border-bottom:#CCC solid 1px;
	border-left:#CCC solid 1px;
	border-right:#CCC solid 1px;
	margin:0 0 10px 0;
	padding:10px;
}


.currentProduct {
	display:none;
	position:relative;
	width: 0;
	height: 0;
	top:71px;
	left:36%;
	border-style: solid;
	border-width: 30px 30px 0 30px;
	border-color: #EEEEEE transparent transparent transparent;
}

.prod1Details .trglProd1 { display:block; border-color: #6a8e22 transparent transparent transparent;}
.prod2Details .trglProd2 { display:block; border-color: #1c7c3a transparent transparent transparent;}
.prod3Details .trglProd3 { display:block; border-color: #2e71b2 transparent transparent transparent;}
.prod4Details .trglProd4 { display:block; border-color: #342fb2 transparent transparent transparent;}
.prod5Details .trglProd5 { display:block; border-color: #5a005a transparent transparent transparent;}


.prod1Details .prod1 a.learnMore { pointer-events: none; cursor: default; color:#6a8e22;}
.prod2Details .prod2 a.learnMore { pointer-events: none; cursor: default; color:#1c7c3a;}
.prod3Details .prod3 a.learnMore { pointer-events: none; cursor: default; color:#2e71b2;}
.prod4Details .prod4 a.learnMore { pointer-events: none; cursor: default; color:#342fb2;}
.prod5Details .prod5 a.learnMore { pointer-events: none; cursor: default; color:#5a005a;}


#content h1.prodHeading {
	color: #FFFFFF;
	font-size:30px;
	font-weight:normal;
	text-transform:capitalize;
	text-align:left;
}

#content .product-banner {
	clear:both;
	float:left;
	margin:10px 0 30px;
	padding:0;
	width:100%;
	border-radius:0 8px 8px 0;
	color:#FFFFFF;
}

#content .product-banner.prod1 { border-left:#455c17 solid 10px;}
#content .product-banner.prod2 { border-left:#0f5026 solid 10px;}
#content .product-banner.prod3 { border-left:#1d4973 solid 10px;}
#content .product-banner.prod4 { border-left:#211e73 solid 10px;}
#content .product-banner.prod5 { border-left:#3a003a solid 10px;}

#content .prodBannerPrice {
	float:left;
	width:25%;
	padding:6px 0 4px 10px;
	background-color: rgba(0,0,0,0.3);
}

#content .prodBannerPrice p {
	margin: 0;
	padding: 0 15px 0 0;
	color:#FFFFFF;
	font-size:50px;
	font-weight:bold;
	text-align:right;
}

#content .prodBannerPrice p sup {
	font-size: 20px;
	top: -1em;
	vertical-align: baseline;
	position:relative;
}

#content .prodBannerPrice p.perSub {
	font-size: 11px;
	font-weight: normal;
}

#content .prodBannerinnerbox {
	float:left;
	padding:0;
	margin: 20px 0 0 20px;
	/*height:60px;*/
	font-size:17px;
	line-height:120%;
}

#content .prodBannerIcon {
	float:right;
	margin:20px 20px 0;
}



#tabs h3 {
	margin-bottom:20px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:28px;
	color:#CC0000;
	font-weight:normal;
	display:block;
}

#tabs .iddresults {
	border-collapse:collapse;
	width:100%;
	margin-top:20px;
}

#tabs tbody tr:nth-child(odd) {background-color: #EEEEEE;}

#tabs .iddtable .td1 {width:35%;}

#tabs .iddtable .td2 {width:65%;}

#tabs .iddtable td {	padding:2px 10px;}

#tabs .iddtable th {
	padding:5px;
	background-color:#888888;
	color:#FFFFFF;
}