/* CSS MAIN SETTINGS - ect
-------------------------------------*/
body{
/*margin:0;
padding:0;
line-height: 1.5em;*/
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
background-color:#60c630;
background-image:url(images/bkgd.jpg);
background-repeat:repeat-x;
}


#maincontainer{
width: 1024px;
/*width: 960px;*/
margin: 0 auto;
/*border-right: 1px solid #b3b3b3;
border-left: 1px solid #b3b3b3;*/
}

/* STUFF FROM JENNIFERS CSS*/

#wrapper {
width: 1024px;
margin: 20px auto;
}


.maincontent {
/* padding: 20px 28px 20px 27px; */
padding: 10px 0px 20px 0px; 
}
.maincontent .col1 { width: 260px; float:left;}
.maincontent .col2 {width: 260px; float:right;}

.maincontent2  {   /* for pages with txt*/
padding: 20px 20px 20px 20px;

}

.maincontent2 ul li, .maincontent2 ol li  {
padding-top: 5px;
}

h1 {
color: #2c602b;
font-size: 20px;
}

h2 {
font-size: 16px;
}

#wht-brd {
border-bottom: 1px solid #fff;
}

.head-logo {
float:left;
width: 370px;
color: #FFFFFF;
font-size: 28px;
}

.customer-log {
float:left; 
width: 650px; 
text-align:right;
color: #FFCC00;
margin-top: 7px;
}

p.tagline {
color: #FFFFFF;
font-size: 14px;
padding: 0px;
margin: 0px;
}

.s10 {
font-size: 10px;
}
.s12 {
font-size: 12px;
}
.s14 {
font-size: 14px;
}
.s21 {
font-size: 21px;
}
.s28 {
font-size: 28px;
}
.wht {
color:#FFFFFF;
}

.bits a:link, .bits a:visited {
background-color:#999;
color:#000000;
text-decoration: none;
}

.bits a:hover {
background-color:#999;
color:#fff;
text-decoration: none;
}


.page-content { padding: 20px;}

.form1-ft { width: 10px;} /* limits size of qty input box */


/* start of home - left side navigation */
#nav-hm { /* all lists */
width: 190px;
margin: 0px;
padding: 0px 4px 5px 4px;
float : left;
background-color:#231f20;

}

#nav-hm h2 {
color: #ffcc00;
padding-bottom: 0px;
margin-bottom: 2px;
}


#nav-hm ul { /* all lists */
padding: 0px;
margin: 0px;
list-style: none;
}
	
#nav-hm li { /* all list items */
width: 100%;
padding: 0px;
margin: 10px 3px;
height: 36px;
}

.shop  {
background-image:url(images/btn-shop.gif);
background-repeat:no-repeat;
}

.toolfinder  {
background-image:url(images/btn-toolfinder.gif);
background-repeat:no-repeat;
}
.question  {
background-image:url(images/btn-question.gif);
background-repeat:no-repeat;
}
.brochure  {
background-image:url(images/btn-brochure.gif);
background-repeat:no-repeat;
}

.list  {
background-image:url(images/btn-list.gif);
background-repeat:no-repeat;
}

.checkout  {
background-image:url(images/btn-checkout.gif);
background-repeat:no-repeat;
}
	
#nav-hm a:link, #nav-hm a:visited, #nav-hm a:hover {
display: block;
font-weight: bold;
padding: 18px 0px 0px 5px;
color:#fff;
text-decoration:none;
}

/*#nav-hm a:hover {
color: #FFFFFF;
padding: 18px 0px 0px 5px;
text-decoration:none;
}*/

/* end of home-left side navigation */



/* start of base links */


.footera {
width:100%; 
padding:0px; 
color:#fff; 
font-size:11px; 
clear:both; 
height: 70px; 
/*background-color:#666666;*/
background:url(images/tri-bg-foot.gif);
background-repeat:repeat-y;
}

.footera p { 
padding:0; 
color:#fff; 
margin:2px 0px 10px 0px; 
font-weight: bold;
}

.footera .col1 {
float:left; 
width:205px;
height: 70px;
}

.footera .col1-air {
float:left; 
width:205px;
height: 70px; 
background-color:#5db900;
}

.footera .col2 {
float:left; 
width:197px; 
border-right:2px solid #999; 
height: 70px;
}

.footera .col3 {
float:left;
width:207px; 
padding-left:0; 
border-right:2px solid #999; 
height: 70px;
}

.footera .col4 {
float:left;
width:180px; 
padding-left:0px; 
height: 70px;
}

.footera .col5 {
float:left;
width:197px; 
padding-left:0px;
}

.footera .col5-air {
float:left; 
width:202px; 
height: 70px; 
padding-left:0px; 
background-color:#000;
}

.footera a:link, .footera a:visited {
color:#fff;
font-size: 10px;
text-decoration:none;
padding:1px 1px 2px 1px;
margin: 0px;
}

.footera a:hover {
color:#fff;
font-weight: bold;
text-decoration: underline;
padding:3px 3px 3px 2px;
margin: 1px 0px 2px 0px;
}


/* end of base links */

.calculator {
clear:both;
width: 180px;
padding: 100px 0px 0px 0px;
margin: 10px 10px 0px 10px;

color:#FFFFFF;
font-size: 11px;
}

#address {
clear:both;
font-size: 10px;
color: #000;
padding-top: 10px;
}

/* ---END OF STUFF FROM JENNIFERS CSS--------------- */




/* HEADER SECTION
-------------------------------------*/
#header{
/*background: #fff;*/
}
#header .logo {
	padding-top: 14px;
	padding-bottom:5px;
	padding-left:5px;
	float:left;
}
#header .coname {
	padding-top: 0px;
	padding-bottom:5px;
	padding-left:5px;
	float:left;
}

#header .hdrR {
/*	line-height: 18px;*/
	line-height: 14px;
	text-align: right;
	float:right;
	padding-right:6px;
/*	padding-top:10px;*/
	padding-top:0px;
	padding-bottom:0px;
	color:#FFFFFF;
	font-size: 14px;

}
.clr {
	clear: both;
	line-height: 0;
	font-size: 0;
	height: 0;
	border: none;
}

.header-nav {
	background-image:  url(images/content-top.jpg);
	background-repeat:no-repeat;
	font-size: 11px;
	font-family : Tahoma;
	color : #FFFFFF;
	padding: 0px;
	margin:0px;
	height:36px;
}

.nav {
/*	float:right;*/
	padding-top: 12px;

	font-size:11px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}
.nav a{
	text-decoration:none;
	color:#FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
}

.nav a:link{
	color:#FFFFFF;
}

.nav a:visited {
	color:#FFFFFF;
}

.nav a:active {
	color:#FFFFFF;
}

.nav a:hover {
	color: #FFCC00;
}



#header-bar {
	width:1024px;
	height:20px;
	background-image:url(images/topbg.gif);
	background-position:top left;
	background-repeat:repeat-x;
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
}
#bar-left {
	float:left;
	width:165px;
	height:20px;
	color:#ffffff;
	background-color:#999999;
	background-image:url(images/topleftcorn.gif);
	background-position:top right;
	background-repeat:no-repeat;
}
#bar-date {
	float:left;
	padding-top:2px;
	font-family:Verdana, Arial, Helvetica, sans-serif; color:#fff;
}

.w5 {
width: 5px;
}

/* MAIN BODY
-------------------------------------*/
#content{
float: left;
width: 1024px;
/*background:#FFFFFF;*/
background:url(images/tri-bg-air.gif);
background-repeat:repeat-y;
min-height: 790px;
padding-top: 0px;
}

#columns{
/*margin: 0 150px 0 168px; */
margin: 0 210px 0 210px; 
padding-top: 0px;
padding-right: 20px;
padding-left: 20px;
}

/* LEFT COLUMN
-------------------------------------*/
#leftside{
float: left;
/*width: 150px;*/
width: 205px;
margin-left: -1024px;
/*background: #60c630;*/
}
/* RIGHT COLUMN
-------------------------------------*/
#rightside{
float: left;
width: 200px;
margin-left: -200px;
/*background: #000000;*/
}

.detail-rtcol {
clear:left;
float: left;
width: 200px;
margin-left: -200px;
}

.rsi {margin:15px 0px 0px 0px; padding-top: 20px;}

.rsi p {color: #ff9900; text-align: left; margin-left: 18px; }

.rsi p.wht {color: #ffffff; margin: 5px 5px 0px 0px; font-size: 11px;}

.rsi ul {color: #ffffff; }
.rsi li {color: #ffffff; margin-right: 10px; font-size: 11px;}

/* FOOTER SECTION
-------------------------------------*/
.footer1{
clear: left;
width: 100%;
/*background: #fff;*/
padding-bottom:4px;
}
#footer{
clear: left;
width: 100%;
/*background: #fff;*/
border-top: 1px solid #b3b3b3;
}
div.bottomlinks{
float: left;
width: 220px;
/*background: #fff;*/
/*border-right: 1px solid #b3b3b3;*/
padding:8px;
}
div.bottomlinksend{
float: left;
width: 220px;
/*background: #fff;*/
padding:8px;
}
/* LEFT MENU
-------------------------------------*/
#menulist
{
padding: 0;
margin-left: 0;
margin-top:0;
font: 11px Verdana, sans-serif;
background: #fff;
width: 150px;
border-right: 1px solid #b3b3b3;
}
#menulist li
{
list-style: none;
margin: 0;
border-bottom: 1px solid #666;
text-align: left;
}

#menulist li a
{
display: block;
padding: 4px 1px 2px 3px;
border-left: 4px solid #F0F0F0;
background: #fff;
text-decoration: none;
}

#menulist li a:link { color: #666; }
#menulist li a:visited { color: #666; }

#menulist li a:hover
{
border-color: #fff;
color: #333;
background: #F0F0F0;
}

/* LINK PROPERTIES
-------------------------------------*/
A:link {
	color: #244aa0;
	text-decoration: underline;
}

A:visited {
	color: #244aa0;
	text-decoration: underline;
}

A:active {
	color: #244aa0;
	text-decoration: underline;
}

A:hover {
	color: #244aa0;
	font-weight: bold;
	text-decoration: underline;
}

A.dark:link {
	color: #666666;
	text-decoration: none;
}

A.dark:visited {
	color: #666666;
	text-decoration: none;
}

A.dark:active {
	color: #666666;
	text-decoration: none;
}

A.dark:hover {
	color: #333333;
	text-decoration: none;
}

A.white:link {
	color: #ffffff;
	text-decoration: none;
}

A.white:visited {
	color: #ffffff;
	text-decoration: none;
}

A.white:active {
	color: #ffffff;
	text-decoration: none;
}

A.white:hover {
	color: #333333;
	text-decoration: none;
}

A.black:link {
	color: #000000;
	text-decoration: none;
}

A.black:visited {
	color: #000000;
	text-decoration: none;
}

A.black:active {
	color: #000000;
	text-decoration: none;
}

A.black:hover {
	color: #333333;
	text-decoration: none;
}

a.yellow:link {
	color: #FFCC00;
	text-decoration: none;
	font-size: 11px;
	padding-right: 10px;
	padding-left: 10px;
}

a.yellow:visited {
	color: #FFCC00;
	text-decoration: none;
	font-size: 11px;
	padding-right: 10px;
	padding-left: 10px;
}

a.yellow:active {
	color: #FFCC00;
	text-decoration: none;
	font-size: 11px;
	padding-right: 10px;
	padding-left: 10px;
}

A.yellow:hover {
	color: #FFCC00;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
	padding-right: 10px;
	padding-left: 10px;
}


/* BOX HEADER
-------------------------------------*/
div.heading{
	background-image:  url(images/topmenu.jpg);
	background-repeat: repeat-x;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #168baa;
	border-bottom-color: #b3b3b3;
	height: 20px;
	padding-left: 4px;
	letter-spacing:2px;
	font-weight:bold;
	padding-top:4px;
	}
	
/* MAIN CONTENT FORMATTING
-------------------------------------*/
div.maintable{
border: 1px solid #b3b3b3;  
float:left;
/*width:600px;*/

width:100%;
/*margin-right:10px;
margin-bottom:10px;*/
/*background-color:#606060;*/
background-color:#FFFFFF;
}

div.bottomtable{
border: 1px solid #b3b3b3;  
float:left;
width:610px;
margin-right:10px;
margin-bottom:10px;
background-color:#666666;
}

div.prod1{
border: 1px solid #b3b3b3;  
float:left;
width: 270px;
height: 180px;
margin-right:5px;
margin-bottom:7px;
}

div.prod2{
border: 1px solid #b3b3b3;  
float:right;
width: 270px;
height: 180px;
margin-right:0px;
margin-bottom:7px;
}

div.prodpic{
float:left;
padding:4px;
}
div.prodtext{
float:right;
width:210px;
padding:4px;
}

div.rightbox{
border: 1px solid #b3b3b3;  
  float:left;
width:150px;
margin-right:10px;
margin-bottom:7px;
}
div.boxcontent{
padding:6px;
}
/* MINI SEARCH
-------------------------------------*/
input.search{
height: 14px;
/*background-color: #fff;*/
border: solid #999;
border-width: 1px;
font-family: tahoma;
color: rgb(0,0,0);
font-size: 11px;
}
input.search1{
vertical-align: bottom;
}
/* PRICE NAME and DISCOUNTS DISPLAY
-------------------------------------*/
.prodprice, .detailprice, .prodname, .detailname {
color: #60596A;
font-size: 18px;
font-weight : bold;
}
.discountsapply{
color: #84210F;
font-size: 12px;
font-weight : bold;
}
.proddiscounts, .detaildiscounts, .catdiscounts{
color: #84210F;
font-size: 11px;
font-weight : normal;
}
/* PRODUCT REVIEWS
-------------------------------------*/
.numreviews{
color: #333;
font-size: 13px;
font-weight : bold;
background-color:#ccc;
border-bottom:1px solid #000;
padding:4px;
}
.reviewheader{
color: #333;
font-size: 12px;
font-weight : bold;
}
.reviewcomments{
color: #333;
font-size: 12px;
font-weight : normal;
line-height:1.6;
}
.reviewname{
color: #666;
font-size: 12px;
font-weight : normal;
line-height:1.6;
}
/* DESCRIPTION FIELDS
-------------------------------------*/
.detaildescription, .proddescription{
 font-family: Arial, Helvetica, sans-serif;
 color: #333;
 line-height:1.6;
}
/* MINICART
-------------------------------------*/
TD.mincart {
	font-size: 10px;
	font-family : Verdana;
border: 1px dotted #b3b3b3;
}

P.mincart {
	font-size: 10px;
	font-family : Verdana;
}
/* HORIZONTAL RULE
-------------------------------------*/
HR {
	height: 1px;
	color: #999999;
}

/* Accordian Menu 
-------------------------------------*/
ul.ectmenu1 {
list-style: none;
border:0px solid;
font-size:12px;
padding:0px 0px 0px 10px;
color: #FFFFFF;
/*background-color: #fdedc9;*/
}
li.ectmenu1 {
/*border: 1px dotted #e69d01;*/
border:0px solid;
padding:0px;
color: #FFFFFF;

/*background-color:#fdedc9;*/
}
li.ectmenuhassub1 a:link, li.ectmenuhassub1 a:visited {
display:block;
padding:4px;
color: #FFFFFF;
background-image:url(images/arrow2.gif);
}
li.ectmenuhassub1 a:hover{
display:block;
padding:4px;
color: #FFFFFF;
background-image:url(images/arrow2ov.gif);
/*background-color: #e69d01;*/
color: #fff;
}
li.ectmenu1 a:link, li.ectmenu1 a:visited {
display:block;
padding:4px;
color: #FFFFFF;
}
li.ectmenu1 a:hover{
/*background-color: #e69d01;*/
color: #fff;
color: #FFFFFF;
}
li.ectsubmenu1{
/*background-color: #efefef;*/
border-bottom:0px;
color: #FFFFFF;
margin-left: 10px;
}

 /* Category Layout */
/*----------------------------------*/

.cpd {
/*background : #FFCC00;*/
background : #FFFFFF;
}

.cpdll {
background : #f0fae5;
color: #000000;
text-align: left;
}

.cpdhl {
background : #5db900;
color: #FFFFFF;
font-weight: bold;
}

div.prod3description{
font-size: 10px;
text-align: left;
}

div.prod3description ul{
padding: 0px;
margin-left: 1em;
}

div.prod3description li{
padding: 0px;
margin: 0px;
}


 /* Product Detail Page Layout */
/*----------------------------------*/

div.detailname {
font-size: 18px;
margin-top: 20px;
}

div.detailid {
font-size: 12px;
margin-top: 200px;
}

td.detailimage {

}

img.prodimage {

}

div.detaildescription {
margin-top: 20px;
}

div.detailoptions {

}

div.detailprice{
font-size: 12px;
margin-bottom: 20px;
}

div.detailcurrency{

}