/* reset
-------------------------------------------------*/
img, fieldset {
	border: 0;
}
/* reset end
-------------------------------------------------*/

html,
body { margin: 0 0 20px 0; padding: 10px 0 0 0; font-family: Verdana, Geneva, sans-serif; font-size: 11px; color:#333; background-color: #3D3D3D; background-image:url(../images/bg.jpg); background-repeat:repeat-x; line-height: 18px; }

#menu { width: 840px; margin: 0 auto 0 auto; overflow: hidden; text-align:left; background-image:url(../png/middle.png); background-repeat:repeat-y; background-position:top center; padding: 0; }
#menuwrapper { margin: 0 auto 0 auto; }

a:link, a:visited, a:hover, a:active, a:hover { color: #093; text-decoration: none; }

h1, h2, h3, h4, h5 { font-weight: normal; font-family: Verdana, Geneva, sans-serif; margin: 0; padding: 0; }
h1 { padding: 0 0 7px 0; font-size: 16px; color: #4D4D4D; } 
h3 { padding: 0 0 3px 0; font-size: 14px; color: #333; } 
h5 { font-size: 11px; line-height: 18px; color:#666; margin: 0 0 10px; padding: 0 0 10px 0; border-bottom: 1px solid #ccc; }

p { padding: 0 0 10px 0; margin: 0; line-height: 22px; }

/* header
-------------------------------------------------*/

#headerWrapper { width: 780px; margin: 0 auto 0 auto; overflow: hidden; text-align:left; padding: 0; background-image:url(../png/top.png); background-position: top center; background-repeat: no-repeat; padding: 0 30px; }
#headerWrapper #headerLeft { width: 300px; float:left; padding: 20px 0 0 0; }
#headerWrapper #headerRight { width: 480px; float:left; text-align: right; padding: 28px 0 0 0; }

/* banners
-------------------------------------------------*/
#bannerWrapper { width: 780px; margin: 0 auto 0 auto; overflow: hidden; text-align:center; background-image:url(../png/middle.png); background-repeat:repeat-y; background-position:top center; padding: 10px 30px 0 30px; }

/* two column content divs
-------------------------------------------------*/
#contentWrapper { width: 780px; padding: 20px 30px; margin: 0 auto 0 auto; overflow: hidden; background-image:url(../png/middle.png); background-repeat:repeat-y; background-position:top center; }
#contentWrapper #contentLeft { width: 235px; float: left; margin: 0 20px 0 0; }
#contentWrapper #contentRight { width: 520px; text-align: left; float: left; }

/* footer
-------------------------------------------------*/
#footerWrapper { width: 780px; padding: 0 30px 10px 30px; margin: 0 auto 0 auto; overflow: hidden; background-image:url(../png/bottom.png); background-position:bottom center; background-repeat: no-repeat; }
#footer { background-image:url(../images/footer.jpg); background-position:center top; background-repeat:no-repeat; display: block; overflow: hidden; height: 120px; text-align: right;  }

/* titles
-------------------------------------------------*/
.pagetitle { margin: 0 0 15px 0; padding: 0 0 10px 0; display: block; color: #5D5D5D; font-size: 16px; border-bottom: #CCC 1px solid; } 
.producttitle { margin: 0 0 5px 0; padding: 0 0 10px 0; display: block; color: #5D5D5D; font-size: 16px; border-bottom: #CCC 1px solid; } 
.productoverview { padding: 5px 0 7px 22px; width: 213px; color: #fff; margin: 0 0 4px 0; background-image: url(../images/titlebg.jpg); background-repeat: no-repeat; background-position: top left; display: block; outline: none; font-size: 13px; }
.productsubtitle { padding: 5px 0 7px 22px; width: 213px; color: #fff; margin: 0 0 8px 0; background-image: url(../images/subtitlebg.jpg); background-repeat: no-repeat; background-position: top left; display: block; outline: none; font-size: 13px; }

.supplysubtitle { position: relative; padding: 5px 0 7px 22px; width: 213px; color: #333; margin: 12px 0 0 0; background-image: url(../images/supplytitlebg.jpg); background-repeat: no-repeat; background-position: top left; display: block; outline: none; font-size: 13px; }

/* button rollovers
-------------------------------------------------*/
.videotitle a, .videotitle a:active, .videotitle a:visited { padding: 5px 0 7px 40px; width: 195px; color: #fff; margin: 0 0 4px 0; background-image: url(../images/videodemo.jpg); background-repeat: no-repeat; background-position: top left; display: block; outline: none; font-size: 13px; text-align: left; } 
.videotitle a:hover { background-position: right top; } 

.gogreen a, .gogreen a:hover, .gogreen a:active, .gogreen a:visited { padding: 5px 0 7px 40px; width: 195px; font-size: 13px; color: #fff; display: block; background-image: url(../images/gogreenbtn.jpg); background-repeat: no-repeat; background-position: left top; } 
.gogreen a:hover { background-position: right top; outline: none; } 

.quote a,.quote a:active, .quote a:visited { margin: 0; padding: 5px 0 7px 40px; width: 195px; font-size: 13px; color: #fff; display: block; background-image: url(../images/quote.jpg); background-repeat: no-repeat; background-position: left top; outline: none; }
.quote a:hover { background-position: right top; } 

.viewbtn a,.viewbtn a:active, .viewbtn a:visited { position: relative; margin: -18px 0 15px 250px; padding: 6px 0 8px 25px; width: 140px; font-size: 11px; color: #fff; display: block; background-image: url(../images/viewbtn.jpg); background-repeat: no-repeat; background-position: left top; outline: none; }
.viewbtn a:hover { background-position: right top; } 

/* product menu
-------------------------------------------------*/
#productmenu { margin: 0; font-weight: normal; text-decoration: none; }
.category { }
.category a {  padding: 5px 0 7px 22px;  color: #fff; margin: 0 0 4px 0; background-image: url(../images/categorybtn.jpg); background-repeat: no-repeat; background-position: top left; display: block; outline: none; font-size: 13px; width: 213px; }
.category a:hover { background-position: right top; }

.subcategory { }
.subcategory a { padding: 5px 0 7px 22px;  color: #fff; margin: 0 0 4px 0; background-image: url(../images/subcategorybtn.jpg); background-repeat: no-repeat; background-position: top left; display: block; outline: none; font-size: 13px; width: 213px; }
.subcategory a:hover { background-position: right top; }

.subsubcategory { display: block; margin: 8px 0 0 8px; padding: 0; font-size: 11px; font-weight: bold; }

.sublist { background-color:#E9E9E9; background-image:url(../images/listbg.jpg); background-position:top left; background-repeat: repeat-x; padding: 0 0 10px 0; }


/* product features table style
-------------------------------------------------*/
.features { margin: 6px 0 0 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height:normal; font-weight:normal; color: #333; text-decoration: none; }
.features td { padding: 4px; }

/* misc styles
-------------------------------------------------*/
.clearfloat { clear: both; display: block; }
.bannerpadding { padding: 0 0 10px 0; display: block; }
.divideline { border-top: 1px #ccc solid; margin: 20px 0; clear: both; display: block; }
.dividelinealt { margin: 3px 0; display: block; }
.red { color:#900; }
.leftbox { margin: 20px 0 0 0; width: 235px; display: block; overflow: hidden; }
.leftbox img { margin: 0 0 0 20px }
.smallprint { font-size: 10px; color: #999; line-height: normal; }
.leftalignimage { margin: 0 0 0 15px; }
.rightalignimage { margin: 0 15px 0 0; }

#demopage a, #demopage a:active, #demopage a:hover, #demopage a:active { text-decoration: underline; }
#demopage .showhide a,.showhide a:active, .showhide a:visited { margin: 0; padding: 6px 0 7px 35px; width: 100px; font-size: 11px; color: #333; display: block; background-image: url(../images/showhide.jpg); background-repeat: no-repeat; background-position: left top; outline: none; text-decoration: none;  }
#demopage .showhide a:hover { background-position: right top; text-decoration: none; } 

#bottomnav { float: right; margin: 44px 20px 0 0; }
#bottomnav ul { padding: 0; margin: 0; }
#bottomnav li { float: left; display: block; margin: 0; }
#bottomnav a, #bottomnav a:visited, #bottomnav a:active { color: #fff; text-decoration: none; padding: 0 10px; }
#bottomnav a:hover { color: #fff; text-decoration: underline; }

#kevin	{ width: 780px; text-align: center; margin: 5px auto 0 auto; color:#666; }
#kevin a, kevin a:visited, kevin a:active { color: #666; text-decoration: none; }
#kevin a:hover { color: #666; text-decoration: underline; }

.logopadding { padding-bottom: 20px; }
.leftpadding { padding: 0 0 0 10px; }