/*********************************************************************************************
This is the main stylesheet. These are the styles are for the website content that is editable 
by the client. These styles appear in the WYSIWYG editor.
*********************************************************************************************/

BODY {background: #ffffff; background-image: none; font-size:11px; font-family: Verdana, Arial, sans-serif; color: #4F4F4F;line-height:15px;}


/* TinyMCE specific rules */
body.mceContentBody {position: relative; width:728px; background: #ffffff; color: #666666; background-image: none; text-align: left;}

a {text-decoration: underline;outline: none}
a:link {color: #6F7CA7;	background: transparent; text-decoration: underline;outline: none}
a:visited {color: #6F7CA7; background: transparent; text-decoration: underline;outline: none}
a:hover {color: #8DC940; background: transparent; text-decoration: underline;outline: none}

a img { border:0;}

h1 {font-size: 140%; color: #A40005 ! important; font-weight: bold;font-family: Arial, Verdana, sans-serif;}
h2 {font-size: 130%; color: #8DC940 ! important; font-weight: bold;font-family: Arial, Verdana, sans-serif;}
h3 {font-size: 120%; color: #6F7CA7 ! important; font-weight: bold;font-family: Arial, Verdana, sans-serif;}
h4 {font-size: 110%; color: #8DC940  ! important; font-weight: bold;font-family: Arial, Verdana, sans-serif;}

td {font-size: 11px;line-height: 15px;font-family: Verdana, Arial;}

ul {line-height: 18px;font-family: Verdana, Arial;}
ol {font-family: Verdana, Arial;}

sup {font-size: 9px;}

.green {color: #8DC940;}

.black {color: #000000;}

.blue {color: #6F7CA7;}

.white {color: #ffffff;}

.red {color: #A40005 ! important; }

.header {font-size: 12px ! important;font-weight: bold ! important;}

.small {font-size: 8pt ! important;}

.big {font-family: Arial;font-size: 14px;line-height: 22px;}

.footer {font-size: 8pt ! important;color: #8DC940;}

.footer a:link {font-size: 8pt ! important;color: #8DC940;text-decoration: none;}
.footer a:visited{font-size: 8pt ! important;color: #8DC940;text-decoration: none;}
.footer a:hover {font-size: 8pt ! important;color: #A40005 ;text-decoration: none;}

.error {color: red}

.center {text-align: center; padding:0; margin:0;}
.right {text-align:right; padding:0; margin:0;}
.clear {clear: both; height:1px; overflow: hidden; margin:0; padding:0;}

.home {font-family: Arial;font-size: 130%;color: #A40005 ! important; }

.pointHeading, .pointHeading li {font-size: 13px; color: #A40005 ! important; font-weight: bold;font-family: Arial, Verdana, sans-serif;}
.pointHeading {margin-left: 10px; padding-left: 10px;}

/*Home*/
.homeNew {padding: 50px 0 0 50px; font-size: 16px ! important; font-weight: normal;color: #6F7CA7 ! important; background: url(/media/ecogrid_pp.gif) no-repeat 0 0;}
.homeSS {background: #6f7ca7; color: #ffffff; font-size: 13px; border:3px #d6d6d6 solid; text-align: center; width: 90%; padding: 7px 0 7px 0;margin-top: 10px;}
.homeSS p {margin-top: 6px; padding: 0 6px 0 6px;}
.homeSS a {text-decoration: none;outline: none}
.homeSS a:link {color: #ffffff;	background: transparent; text-decoration: underline;outline: none}
.homeSS a:visited {color: #ffffff; background: transparent; text-decoration: underline;outline: none}
.homeSS a:hover {color: #8DC940; background: transparent; text-decoration: underline;outline: none}



/*Products*/
.productLogo {width: 100%; background: url(/images/grey_line.gif) repeat-x 50% 50%;}
.productImg {float:right;}
.productHeading {font-size: 16px ! important; font-weight: normal;color: #6F7CA7 ! important;}

.productSubHeading { font-size: 13px; background: #6F7CA7; padding: 6px; margin: 20px 0 0 0; color: #ffffff;}
.productDataRowA td {background: #ffffff; padding: 6px;}
.productDataRowB td {background: #d6d6d6; padding: 6px;}
.productDataLabel {font-weight: bold; text-align: left ! important;}
.productContent p {margin: 10px 0 0 0; padding: 0 6px 0 6px;}
.productContent ul {margin-top: 0px;}
table.productApp {margin: 5px 0 0 0;}
table.productApp tr td ul {margin-top: 0; margin-bottom: 0;}

.brochureDownload {float: right; width:150px; background: #ffffff url(/media/download.gif) no-repeat  100% 17px; padding: 17px 25px 0 0;text-align: right;font-size: 14px ! important; text-decoration: none ! important;height: 25px;}
.brochureDownload a {text-decoration: none;outline: none}
.brochureDownload a:link {color: #a40005;	background: transparent; text-decoration: none;outline: none}
.brochureDownload a:visited {color: #a40005; background: transparent; text-decoration: none;outline: none}
.brochureDownload a:hover {color: #8DC940; background: transparent; text-decoration: none;outline: none}


.specTable {text-align: center;}