/*====== developed by =========
======== Joel  Friesen ========
== jfriesen@sageinternet.com ==
====== March 30th 2007 ========
Copyright (c)2007 Sage Internet 
=============================*/

/*Globals*/
body{ background:#FFF url('/images/pagebg.gif') repeat-x 50% top; 
font-size:.69em; letter-spacing:0; line-height:1.6em; word-spacing:0; font-family:Helvetica, Trebuchet MS, Arial, Geneva, sans-serif;
    text-align: center;
}

table {margin-bottom:1em;}
th, td {padding:0; vertical-align:top;}
th {border:1px solid #FFF;}
td {text-align:left; border:0px solid #FFF;}

.forumlisttable th, .forumlisttable td {padding:0.5em; vertical-align:top;}
.forumlisttable th { font-weight:bold;}



a:link, 
a:visited, 
a:active {color:#055A8D;}
a:hover {color:#379AD6;}

#header, #main, #footer, #bottomnav {float:left; width:100%; text-align:center; padding:0; margin:0;}
.center{ margin-left:auto; margin-right:auto; width:770px; padding:0;}


address {line-height: 1.4em;}

/*Unique Classes - Reusable*/
#slideshow{ float:right;}
.invis{width:0px; height:0; margin:0; padding:0; display:none; visibility:hidden}
img.imageright{float:right; padding:.5em;}
img.imageleft{float:left; padding:.5em;}
.highlight {border: 1px solid #83998E; background-color: #EDF0EE; display:table; padding:.5em; margin:inherit; clear:none; width:inherit;}
.more {display:block; padding-bottom:.7em; text-align:right; clear:none;}
.moreclear {display:block; padding-bottom:1em; text-align:right; clear:both;}
.left{float:left; width:38%; display:block; }
.right{float:right; width:49%; display:block; }
.clear {clear:both;}
tr.headerrow th{text-align:center; background:#eee;}
img.decor{display:block; margin-left:auto; margin-right:auto; clear:both;}


/*Header*/
#header{margin-top:0}
#header .center{display:block; overflow:hidden; height:44px; background:#000000 url("/images/contechlogo.gif") no-repeat top left; color:#CCCCCC; text-decoration:none;}
#header .center img{margin:.4em 0}
#header li{list-style-type:none; float:right; position:relative; clear:both; padding:0 1em 0 0;}

/*Print*/
#print {width:0px; height:0; margin:0; padding:0; display:none; visibility:hidden}
#print .center{}
#print .center h1{}
#print .center h2{}

/*Nav - also see Menu.css*/
#nav {width:100%; text-align:center; padding:0; margin:0;}
#nav .center {background:url("/images/navbg.gif") top center repeat; height:2.3em; }

/*Side Nav Search*/
/* #sidenavsearch {background: #003F60 url("/images/sidenavsearchbgtop.gif") top no-repeat; padding-top:3em; margin-top:1.5em; color:#FFFFFF;} */
#sidenavsearch {background: #003F60 url("/images/sidenavsearchbgtop.gif") top no-repeat;  padding-top:3em; margin-top:.2em; color:#FFFFFF;}
#searchpad {margin-left: 7px; background-image: url("/images/onlinestorebuttonover.gif"); background-repeat: no-repeat; background-position: -9999px -9999px;}     /*Preloading Storebutton Over*/
#formgobutton {height: 23px; margin: 1px 1px 2px 1px; padding: 1px 1px 2px 1px;}

/*Contech Online Store button*/
#storebutton a {background:url("/images/onlinestorebutton.gif") top no-repeat; margin-top: 25px; margin-left:2px; display:block; width:167px; height:43px; text-indent:-9999px}
#storebutton a:hover {background:url("/images/onlinestorebuttonover.gif") no-repeat;}
#storebutton {background:url("/images/sidenavsearchbgbottom.gif") bottom no-repeat;  padding-bottom:45px;}

/*Main Body*/
#main {clear:both; text-align:left;}

/*Index page*/
#main .threecol {width:760px; padding:0 15px;  padding-bottom:1em; overflow:hidden; margin-left:auto; margin-right:auto;}
#main .threecol .column1 {float:left; width:230px; margin:0;}
#main .threecol .column2 {float:left; width:230px; margin:0 16px;}
#main .threecol .columncontent {padding:0.5em;  margin:1em 0;}
#main .threecol h1 {display:block; padding:0; margin:1em 0; background: #dfe9e4; font-size:1em;}
#main .threecol h1 a {display:block; padding:.3em 0 .5em .5em; margin:0; color:#666666; text-decoration:none}
#main .threecol h2,
#main .threecol h2 a {font-size:1em; padding:0;}
/*Column 3*/
#main .threecol .column3 {float:left; width:230px; margin:0;}
#main .threecol .column3 ul.recent {margin:1em 0; padding:0; text-align:inherit;}
#main .threecol .column3 ul.recent li {list-style-type:none; padding:0; margin:0; display:block;}
#main .threecol .column3 ul.recent li a:link,
#main .threecol .column3 ul.recent li a:active,
#main .threecol .column3 ul.recent li a:visited {padding:.2em .2em .2em 2em;  background:url("/images/bullet_blue.gif") .5em .5em no-repeat; color:#497860;}
#main .threecol .column3 ul.recent li a:hover {color:#EEEEEE; }

/*Inside pages*/
#main .twocol .columncontent {padding:0; margin:0;}
#main .twocol {width:770px; padding:0; padding-bottom:1em; background:#fff url("/images/sidenavbg.gif") left top repeat-y ; overflow:hidden; margin-left:auto; margin-right:auto;}
/*Column 1*/
#main .twocol .column1 {float:left; width:170px; margin:0; overflow:hidden;}
#main .twocol .column1 ul {padding:0}
#main .twocol .column1 li {list-style-type:none;}

#main .twocol .column1 a:link {color:#D3E5F1;}
#main .twocol .column1 a:visited {color:#D3E5F1;}
#main .twocol .column1 a:active {color:#D3E5F1;}
#main .twocol .column1 a:hover {color:#FFFFFF;}
/*Column 2*/
#main .twocol .column2 {float:left; width:585px; margin-left:10px} 
#main .twocol .column2 h1 {padding:0;margin:0 0 .5em 0; font-size:1.7em; line-height:1.2em ; letter-spacing:0.03em; color:#00537e;}
#main .twocol .column2 h1 a {text-decoration:none; color:#777777;}
#main .twocol .column2 h2 {padding:0; margin:.3em 0 .3em 0; font-size:1.4em; line-height:1.2em; font-weight:bold; color:#20689b; letter-spacing:.2px;}
#main .twocol .column2 h2 a {text-decoration:none;}
#main .twocol .column2 h2.underline{clear:both; border-bottom:1px solid #DEDEDE; margin:1em 0 .5em 0;}
#main .twocol .column2 caption {padding:0; margin:1em 0 .5em 0; font-size:1.4em; line-height:1.5em; font-weight:bold; color:#1B5985; letter-spacing:.2px;}
#main .twocol .column2 h3 {padding:0; margin:0.25em 0 0.5em 0; line-height:1.2em; color:#505050; font-size:1.1em; font-weight:bold; }
#main .twocol .column2 h3 a {color:#1B5985; text-decoration:none;}
#main .twocol .column2 h3.breadcrumb {color:#999; white-space:nowrap; font-size:.8em; }
#main .twocol .column2 h3.breadcrumb a {color:#666;}
#main .twocol .column2 h3.breadcrumb a:hover {color:#ccc;}
#main .twocol .column2 h3.underline{ clear:both; border-bottom:1px solid #DEDEDE; margin:0 0 .5em 0; padding-top:1em;}
#main .twocol .column2 ul {margin:0 0 0 .5em; padding:0 0 1em 1em;}
#main .twocol .column2 ul.left{float:left; width:38%; display:block; margin-left:3em; }
#main .twocol .column2 ul li {list-style-image:url("/images/bullet_green.gif")}
#main .twocol .column2 div.thirds{ display:block; width:29%; float:left; margin:1%; }


#main .popup h1 {padding:0;margin:0; font-size:1.4em; line-height:1.2em ; letter-spacing:0.02em; color:#00537e;}
#main .popup h1 a {text-decoration:none; color:#777777;}
#main .popup h2 {padding:0; margin:.5em 0 .5em 0; font-size:1.4em; line-height:1.2em; font-weight:bold; color:#1B5985; letter-spacing:.2px;}
#main .popup h2 a {text-decoration:none;}
#main .popup h2.underline{clear:both; border-bottom:1px solid #DEDEDE; margin:1em 0 .5em 0;}
#main .popup caption {padding:0; margin:1em 0 .5em 0; font-size:1.4em; line-height:1.5em; font-weight:bold; color:#1B5985; letter-spacing:.2px;}
#main .popup h3 {padding:0; margin:0 0 1em 0; line-height:1.5em; color:#777777; font-size:1.2em; font-weight:bold; }
#main .popup h3 a {color:#1B5985; text-decoration:none;}
#main .popup h3.breadcrumb {color:#999; white-space:nowrap; font-size:.8em; }
#main .popup h3.breadcrumb a {color:#666;}
#main .popup h3.breadcrumb a:hover {color:#ccc;}
#main .popup h3.underline{ clear:both; border-bottom:1px solid #DEDEDE; margin:0 0 .5em 0; padding-top:1em;}
#main .popup ul {margin:0 0 0 .5em; padding:0 0 1em 1em;}
#main .popup ul.left{float:left; width:38%; display:block; margin-left:3em; }
#main .popup ul li {list-style-image:url("/images/bullet_green.gif")}

/*Column 3*/
#main .twocol .column3 {float:right; width:0; margin:0; display:none; visibility:hidden}
/*Float*/
#main .twocol .floatrightwhite {margin:7.5em 0 1em 1em; float:right; width:186px;}
#main .twocol .floatright {margin:0 0 2em 1em; float:right; width:186px; background-image: url("/images/rightcolbody.gif"); background-repeat: repeat-y;}
#main .twocol .floatright h1 {background:url(/images/rightcolheader.gif) top left no-repeat; font-size:1.4em;  letter-spacing:0; line-height:1.5em; color:#20689b; }
#main .twocol .floatright h1 a,
#main .twocol .floatright h1 span {display:block; text-decoration:none; padding:.2em 0 .2em .5em;}
#main .twocol .floatright h2 a {display:block; text-decoration:underline;}
#main .twocol .floatright .floatcontent {margin:1em 1em 0 1em;}
#main .twocol .floatright span.more {padding:0 2em 1.3em 0; background:url(/images/rightcolfooter.gif)}

/*Bottom Nav - Also see menu.css*/
#bottomnav {clear:both; width:100%; text-align:left; padding:0; margin:0; background:#EEEEEE;}
#bottomnav .center {background:#666666; overflow:hidden; padding:.5em 0 .5em 0;}

.alternatingRowStyle {background-color:#E7E7E7;}
.imgborderright {padding: 2px;	border: 0px solid #999999; float:right; margin:.5em;}
.column2 input {padding:2px; margin:2px;}
.column2 textarea {padding:2px; margin:2px;}
.column2 select {padding:2px; margin:2px;}
.column2 input .widebutton{width: 160px;}

.newsletterico {
	background-image:url(/Images/mail-closed.gif);
	background-repeat: no-repeat;
	background-position: 155px; center;
}

#HomePage {width:385px;}

.requiredField
{
    color: #FF0000;
}

h2.ProductSectionTitle{
	width: 100%;
	border-bottom: 2px solid #1B5985;
}

#ProductListingTable{
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

#ProductListingTable td{
	padding: 5px;
}

#ProductListingTable h3{
	display: inline;
}

.ProductName
{
    font-size: 1.5em;
    font-weight: bold;
    color: #20689b;
}

#ShippingInformation a
{
    margin:0;
}

.errorMessage
{
    color: #FF0000;
}

.ProductDisclaimer
{
    color: #FF0000;
}

.DealerProductsList td
{
    padding: 5px;   
}

.dealerLink
{
    font-weight:bold;
}

/* =============================================================================== */
/* Store css - */
/* =============================================================================== */

.tblStoreLocatorProductCheckboxList label
{
    margin-left:10px;
}

.tblStoreLocatorProductCheckboxList td
{
    padding-left:100px;
}

/* found in pages: checkoutshipping.aspx(20) shoppingcart.aspx(61,65,69,73,77,81,85) signin.aspx(20) */
.errorLg
{
    color: #FF0000;
    font-weight: bolder;    
}