/**
 *	ECR VISION TABS V0.8
 */

/** CLIENT SPECIFIC STYLING GOES HERE **/
h3 a {text-decoration: none;}
div#tabs-ne a {text-decoration: none;}
div#products-wrap {float: left;}


/** 
CHANGE THE FOLLOWING ID'S... 
LAYOUT SPECIFIC...
**/
div#tabs-ne {margin-bottom: -4px;}
div#tabs-ne ul {width: 725px; height: 30px;} /* We can not float the UL element, some browsers will render the link unclickable */
div#tabs-ne ul li:first-child {margin: 0px 3px 0px 0px;}
div#tabs-ne ul li {float: left; margin: 0px 3px; padding: 6px 10px 6px 10px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	background: #ccc;
}

div#tabs-ne ul li a {color: #111;}
div#tabs-ne ul li.active {background: #222;}
div#tabs-ne ul li.active a {color: #FFF;}

ul.ecr-tabs a.current {
	background: url(images/tab-style.jpg) repeat-x; 
	border-left: 1px solid #adadad;
	border-top: 1px solid #adadad;
	border-right: 1px solid #adadad;
	color: #111;
}

span.tabs-style {height: 5px; width: 728px; float: left; background: url(images/span-tabs-style.jpg) repeat-x; 
border-right: 1px solid #adadad; 
border-top: 1px solid #adadad;
border-left: 1px solid #adadad;
-moz-border-radius-topright: 5px;
}

ul.ecr-tabs { 
text-align: left; 
margin: 1em 0 0 0; 
list-style-type: none;
padding: 3px 10px 4px 0px; /* THIRD number must change with respect to padding-top (X) below */
}

ul.ecr-tabs li {display: inline; margin-right: 4px;}

ul.ecr-tabs li a { 
padding: 5px 12px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
background: url(images/tab-inactive.jpg) repeat-x; /* set unselected tab background color as desired */
color: #FFF; 
text-decoration: none;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
border-right: 1px solid #555; 
border-top: 1px solid #555;
border-left: 1px solid #555;
position: relative;
}

div.or-grad {
	background: url(images/accordion-header.jpg) no-repeat;
}

div.prod-header {
	height: 35px;
	border-right: 1px solid #000;
}

div.wrap-prod {margin: 15px 0px; height: 100%; float: left;}
div.prod-header h2 {padding: 9px 12px; color: #FFF; font-size: 14px; font-weight: normal;}
div#prod-benefits ul ul li {margin-left: 10px; font-size: 10px; margin-bottom: 5px; background-image: none; padding-left: 2px;}
div#prod-benefits ul ul li:last-child {margin-bottom: 10px;}
div#prod-benefits ul ul {list-style: square;}
div#prod-benefits ul {
margin-left: 15px;
}

.prod-tab-content {float: left; width: 100%;}
div#prod-benefits ul li,
ul.benefits li,
ul.kb-links li,
div.movieInline ul li {
	margin-bottom: 8px;
	background-image: url(images/ne-bullet.jpg);
	background-repeat: no-repeat;
	background-position: 2px 2px;
	padding-left: 24px;	
	font-size: 11px;
}
div#prod-content h2.title {font-size: 18px;}

div#prod-benefits {width: 245px; float: left; padding-left: 20px; border-left: 1px solid #ededed;}
div#prod-benefits h3 {font-size: 14px; margin-bottom: 12px;}
div#prod-info div.content {width: 450px;float: left; padding-right: 8px;  }
div#prod-info div.content p {margin: 8px 0px;}
div.content h4 {font-size: 15px;}

/**
 *	ECR VISION ACCORDION V1.0
 */
div#accordion {float: left; width: 100%;}
div#accordion h3 {height: 20px; padding: 10px 0px 5px 15px; width: 100%; background: red; float: left;}
div#accordion h3 a {color: #000; }
div#accordion h3:focus,div#accordion h3 a:focus {border: none;}
div#accordion span.product-read-more {float: left; width: 100%; margin: 10px 0px 0px 0px;}
div#accordion span.product-read-more a {float: right; width: 100px; height: 28px; padding: 7px 0px 5px 13px; background: url(images/read-more-button.jpg) no-repeat; color: #FFF; text-decoration: none;}
div#accordion div.accordion-content {margin: 10px 0px; float: left;}

div#accordion h3.ui-accordion-header {background: url(images/accordion-inactive.jpg) no-repeat;}
div#accordion h3.ui-accordion-header a {color: #FFF;}

div#accordion h3.ui-state-active {background: url(images/accordion-header.jpg) no-repeat;}
div#accordion h3.ui-state-active a {color: #FFF;}

.ui-accordion-content-active {overflow-x: visible; overflow-y: visible;}

html body ul.kb-links li {
	background-image: url(images/kb-img.jpg);
	padding-left: 20px;
}

html body ul.kb-links {
	padding-left: 1px;
	padding-top: 8px;
}

img.logoMenu {
	padding: 3px 0px 0px 15px;
}

html body .green-it div.leftC h2,
html body .green-it div.leftC h3,
html body .green-it div.rightC h2,
html body .green-it div.rightC h3
{
	color: #578418;
	font-size: 15px;
	border: none;
}
html body .green-it .leftC h2,
html body .green-it .rightC h2 {
	margin-top: 30px;
}
html body .green-it ul.greyBox {
	background-color: #e3e9cd;
	border: 1px solid #bdd88d;
}
html body .green-it {
	float: left;
}
html body .green-it .leftC {
	padding-right: 5px;
	width: 420px;
	float: left;
	
}

html body .green-it a {
	color: #578418;
}

html body .green-it .rightC {
	width: 240px;
}
div#block-block-27 {
	padding-top: 5px;
	border-top: 1px dotted #ccc;
}
div.newsPage p {
	font-weight: bold;
	color: #000;
}
div.newsPage {
	border-bottom: 1px solid #ccc;
	padding: 4px 0px;
}