@charset "utf-8";
/* CSS Styling Document */

body {
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 auto;
	padding:0px;
	background: url(../images/bg.gif) repeat-x #8a898a;
}

h1 {
	font-size:22px;
	color:#474747;
	margin-bottom:15px;
}

h2 {
	font-size:120%;
	color:#474747;
	font-weight:bold;
	margin:1.5% 0 2% 0;
}

h3 {
	font-size:16px;
	color:#474747;	
	margin-bottom:15px;
}

h6 {font-size:16px; font-weight:bold; margin-bottom:10px; color:#474747}
p {
	margin-bottom:2%;
	font-size:12px;
}

ul,ol {
	margin-left:10px;
	padding:3px 0 3px 6px;
}

li {
	margin:5px 0 5px 0;
}

a:link, a:visited {
	color:#144484;
	text-decoration:none;
}

a:hover {
	color:#000;
	text-decoration:none;
}

a:active {
	color:#FF9900;
}

.hide {
	visibility:hidden;
}

.clear {
	height:0;
	width:0;
	line-height:0;
	font-size:0px;
	visibility:hidden;
	clear:both;
}

/* ---------------------------------------------------- PAGE STRUCTURE -- */

#pagewrapper {
	width:960px;
	margin:0 auto;
	background-color:#f1f1f3;
	padding: 0 10px 20px 10px;
	overflow:hidden;
}

#header {
	float:left;
	width:100%;
	height:125px;
	overflow: hidden;
}

#banner {
	width:100%;
	color:#FFFFFF;
	overflow:hidden;
	background-color:#666666;
	height:125px;
}

#content_holder {
	width:100%;
	float:left;
	margin:10px 0 0 0;
	padding:0px;
}

#footer {
	width:100%;
	height:70px;
	font-size:10px;
	text-align:right;
	border-top:1px solid #dedede;	
	margin:20px auto 0 auto;
	padding-top:5px;
	float:left;
	overflow:hidden;
}

/* ------------------------------------------------------------ HEADER -- */

#logo {
	float:left;
	margin:20px 0 5px 15px;
}

.header_contact{
	font-size:16px;
	text-align:right;
	margin: 30px 10px 9px 0;
	color:#777777;
	font-weight:bold;
	float:right;
}

#header_nav {
	width:100%;
	font-size:14px;
	margin:5px 0;
	padding:0px;
	overflow:hidden;
	height:30px;
}

#header_nav ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#header_nav li {
	border-right:#666666 1px solid;
	float:left;
}

#header_nav .last {
	border-right:none;
}

#header_nav a:link, #header_nav a:visited {
	float:left;
	display:block;
	color:#666666;
	text-decoration:none;
	padding: 2px 10px;
}

#header_nav a:hover  {
	background-color:#666666;
	color:#FFFFFF;
}

#header_nav a:active {
	color:#FF9900;
}
.headerad {float:left; margin:15px 0 0 110px;}

/* ----------------------------------------------------------- BANNER -- */

#banner h3 {
	font-size:16px;
	color:#FFFFFF;
	width:660px;
	float:left;
	padding:20px;
	margin:0;
}

#banner a:link, #banner a:visited { 
	color:#CCCCCC;
}

#banner a:hover { 
	color:#FFF;
}

#banner a:active {
	color:#f90;
}

#banner img {
	float:right;
	margin:70px 20px 0 0;
}

/* ----------------------------------------------------------- CONTENT -- */

#single_col_content {
	float:right;
	width:740px;
	margin:0;
}

#double_col_left_content {
	float:right;
	width:500px;
	margin:0 20px 0 0;
}

#double_col_right_content {
	float:right;
	width:222px;
	min-height:510px;
	background-color:#CCCCCC;
	margin:48px 10px 0 0;
}

#double_col_right_content #green {
	width:100%;
	height:510px;
	background-color:#99cc99;
	background-image:url(../images/istock0000101089.jpeg);
	background-position:bottom;
	background-repeat:no-repeat;
}

#double_col_right_content #grey {
	width:100%;
	height:510px;
	background-color:#f1f1f3;
}

#left_nav {
	background-color:#ebebeb;
	float:left;
	font-size:11px;
	width:180px;
	margin:0 0 0 10px;
}

#left_nav h2 {
	font-size:13px;
	color:#FFF;
	font-weight:bold;
	line-height:30px;
	background:#666666;
	padding-left:10px;
	margin:0 0 0 0;
}

#left_nav h4 {font-size:14px;
	color:#1e1e1e;
	font-weight:bold;
	line-height:30px;
	background:#DEDEDE;
	padding-left:10px;
	margin:0 0 0 0;
	border-bottom: solid 1px #EBEBEB;
}
#left_nav ul {
	list-style-type:none;
	margin:10px 0 0 10px;
	padding:0;
}

#left_nav li {
	margin:0 0 10px 0;
	padding:0;
}

#left_nav a:link, #left_nav a:visited {
	color:#000000;
	font-size:12px;
	text-decoration:none;
}

#left_nav a:hover  {
	text-decoration:underline;
}

#left_nav a:active {
	color:#FF9900;
}

#left_nav .current {
	color:#FFF;
}

#double_col_right_content .current {
	color:#000000;
}


/* ----------------------------------------------------------- HOME -- */
#home_banner {
	width:677px;
	height:260px;
	float:left;
	position:relative;
	margin-left:10px;
}

#home_call_to_actions {
	width:243px;
	height:239px;
	float:right;
	margin-top:10px;
	margin-right:10px;
}

#home_left_content {
	float:left;
	width:655px;
	min-height:242px;
	background-color:#E7E7EB;
	padding:0 10px 0 10px;
	border:1px #ababac solid;
	margin-top:10px;
	margin-left:10px;
}

#home_left_content a {
	text-decoration:underline;
	font-weight:bold;
}

#home_left_content h1 {
	font-size:20px; 
	color:#333333;
	margin-top:5px;
}

#home_right_content {
	float:right;
	width:243px;
	background-color:#E7E7EB;
	margin-right:10px;
}

#home_popdown {
	width:100%;
}

#home_popdown.hidden {
	display:none;
}

#home_popdown.visible {
	display:block;
}

/* ----------------------------------------------------------- CONTACT -- */
#contact-area {
	width: 100%;
}

#contact-area input, #contact-area textarea, #contact-area select {
	padding: 3px;
	width: 230px;
	display:block;
	margin: 0px 0px 5px 0px;
	border: 1px solid #ccc;
}

#contact-area select {
	padding: 2px;
	width: 238px;
}

#contact-area textarea {
	width:300px;
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus, #contact-area select:focus {
	border: 1px solid #900;
}

#contact-area input.submit-button {
	clear:both;
	margin:30px 20px 0 0;
	width: 80px;
}

#contact-area input.check-box {
	margin:5px 0 0 0px;
	width:20px;
	border:0;
	display:inline;
	
}

#contact-area label.checkBox-labels {
	margin-right:7px;
}

#contact-area label {
	float:left;
	width: 120px;
	margin-right:10px;
	text-align:right;
	font-size:12px;
}

.contactError {
	font-weight:bold;
	color:#FF0000;
}
/* ------------------------------------------------------------ FOOTER -- */
#footer #footerright {
	float:right;
	padding:0;
	margin:10px 15px 0 0;
}

#footer p {
	margin-bottom:1%;
}

#footer #footerleft {
	float:left;
	color:#666666;
	text-align:left;
	padding:0;
	margin:0 0 0 15px;
}

/* ------------------------------------------------------------ MISC -- */

.shadow_placeholder {
	width:113px;
	height:90px;
	margin:0 35px 20px 0;
	padding:10px 7px 10px 0;
	float:left;
	text-align:center;
	background-image:url(../images/shadow-placeholder.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

.shadow_placeholder a:link, .shadow_placeholder a:visited { 
	color:#666;
	font-weight:bold;
}

.shadow_placeholder a:hover { 
	color:#000;
}

.shadow_placeholder a:active {
	color:#f90;
}

.firstBorder {
	border-top:2px #CCC solid;
	border-bottom:2px #CCC solid;
	padding:10px 0 10px 0;
}

.border {
	border-bottom:2px #CCC solid;
	padding:10px 0 10px 0;
}

.firstBorder img {
	float:left;
	margin-right:10px;
}

.border img {
	float:left;
	margin-right:10px;
}

.infoHolder {
	float:left;
	width:535px;
}

.greyLink a:link, .greyLink a:visited {
	color:#666666;
	text-decoration:none;
	font-size:12px;
}

.greyLink a:hover {
	color:#000;
	text-decoration:none;
}

.greyLink a:active {
	color:#FF9900;
}

.strap {
	width:100%;
	background-color:#CCCCCC;
	overflow:hidden;
	margin-bottom: 10px;
}

.strap h2 a:link, .strap h2 a:visited {
	color:#4A4A4A;
}

.strap h2 a:hover {
	color:#000;
	text-decoration:none;
}

.strap h2 a:active {
	color:#FF9900;
}

.strap h2 {
	color:#4A4A4A;
	padding:3px 0 3px 5px;
	float:left;
	margin:0;
}

.strap p {
	float:right;
	padding:0;
	font-size:90%;
	margin:5px 5px 0 0;
}

.tablepad td {
	padding:3px;
}

/* ####### NEWS ######## */
.hpNews
{ float:right; width:96%; border:#CCCCCC 1px solid; background-color:#F9F9F9; margin-bottom:6px; padding:6px; font-size:10px; }

.hpNewsTitle
{ font-size:11px; color:#880000; font-weight:bold; margin-bottom:2px; }

.hpNews img
{ text-align:left; margin-right: 6px; width:60px;}

#newsMain
{ float:left; width:920px; min-height:242px; background-color:#E7E7EB; padding:0 10px 0 10px; border:1px #ababac solid; margin-top:10px; margin-left:10px; }

#newsMain img
{ margin:0 20px 60px 0; }
#newsMain h1
{ font-size:20px; color:#666666; letter-spacing:-1px; font-weight:bold; }

.h1Bigger
{ font-size:20px!important; margin-left:22px; }

#productlist {float:left; width:210px; height:230px; border: 1px solid #ebebeb; padding:7px; margin:0 10px 10px 0; background:#f5f5f5;}
#productlist h4 {font-size:14px; font-weight:bold; margin:7px 0;}
#productlist h4 a {color:#666666;}
#productlist h4 a:hover {text-decoration:underline;}


/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
	width:670px;
	overflow:auto;
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #dfdfdf;
 font: bold 14px Verdana, sans-serif;
 width:100%;
 height:20px;
}
ul.tabbernav li
{
	float:left;
 margin: 0;
 list-style:none;
}

ul.tabbernav li a
{
 padding: 5px;
 height:25px;
 line-height:25px;
 margin-left: 3px;
 border: 1px solid #dfdfdf;
 border-bottom: none;
 background: #dedede;
 text-decoration: none;
 font-size:13px;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #dc8d8d;
 border-color: #dfdfdf;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid #dfdfdf;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:20px 5px 5px 5px;
 border:1px solid #ebebeb;
 border-top:0;
 font-size:12px;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

.rightimage {float:right; padding:0 0 20px 20px;}
.imageHolder {
	margin:0 10px 0 0;
	padding:0;
	float:left;
	text-align:left;
	width: 130px;
	font-size:12px;
}