/* CSS Document */
* {
margin: 0;
}
html, body {
height: auto;
text-align: center;
color: #ECE9D7;
background:url(../img/bodybg.jpg) left bottom fixed repeat-x;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(../img/bodybg.jpg) left bottom fixed repeat-x;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -145px; /* the bottom margin is the negative value of the footer's height */
}
#flash_menu{
margin: 0 auto;
width: 980px;
text-align: center;
/*
background: url(../img/contentbg2.png) center bottom no-repeat;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(../img/contentbg2.png) center bottom no-repeat;
*/
}

.home #flash_menu{
background: url(../img/contentbg2.png) center bottom no-repeat;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(../img/contentbg2.png) center bottom no-repeat;
}


/* BODY CONTENT*/
.content{
position: relative;
margin: 0 auto;
height: 650px;
width: 819px;
background: url(../img/contentbg2.png) center repeat-y;
}
.content p{
color: #576468;
}
/* FLASH ROTATION*/
.flash_imgs{
position: relative;
float: left;
left: 26px;
clear: both;
height: 270px;
width: 767px;
background-color: #F3F3F3;
border-color: #F3F3F3;
}
/* INTRODUCTION TEXT*/
.intro{
position: relative;
float: left;
left: 26px;
clear: none;
height: 310px;
width: 380px;
top: 10px;
background-color: #F3F3F3;
border-color: #F3F3F3;
padding: 5px;
background: url(../img/intro_hdr.gif) top center no-repeat;
}
.intro p{
position: relative;
width: 400px;
font-family: Verdana;
font-size: 10px;
text-align: left;
top: 30px;
display: block;
}
ul{
position: relative;
text-align: left;
top: 10px;
}
li{
line-height: 12px;
font-family: Verdana;
font-size: 10px;
color: #006699;
}
/* FEATURED PRODUCTS*/
.fea_prod_hdr{
position: relative;
width: auto;
height: 26px;
top: -9px;
background: url(../img/feat_prod.gif) top center no-repeat;
}
.fea_prod{
position: relative;
margin: 0 auto;
height: 319px;
width: 365px;
top: 19px;
float: right;
right: 26px;
clear: none;
}
div.img1{
position: relative;
float: left;
left: 0px;
top: 0px;
clear:none;
height: 138px;
width: auto;
}	
#fea_prod_img1{
height: 138px;
width: 182px;
text-indent: 10000px;
overflow: hidden;
background: url(../img/prod_hd.jpg) center top no-repeat;
display: block;
}
#fea_prod_img1:hover{
background-position: bottom left;
}
div.img2{
position: relative;
float: right;
left: 0px;
top: 0px;
clear: none;
height: 138px;
width: auto;
}	
#fea_prod_img2{
height: 138px;
width: 182px;
text-indent: 10000px;
overflow: hidden;
background: url(../img/prod_gb.jpg) center top no-repeat;
display: block;
}
#fea_prod_img2:hover{
background-position: bottom left;
}
div.img3{
position:relative;
float: left;
left: 0px;
top: 0px;
clear: none;
height: 138px;
width: auto;
}	
#fea_prod_img3{
height: 138px;
width: 182px;
text-indent: 10000px;
overflow: hidden;
background: url(../img/prod_nm.jpg) center top no-repeat;
display: block;
}
#fea_prod_img3:hover{
background-position: bottom left;
}
div.img4{
position: relative;
float: right;
left: 0px;
top: 0px;
clear: none;
height: 138px;
width: auto;
}	
#fea_prod_img4{
height: 138px;
width: 182px;
text-indent: 10000px;
overflow: hidden;
background: url(../img/prod_k.jpg) center top no-repeat;
display: block;
}
#fea_prod_img4:hover{
background-position: bottom left;
}
/* FOOTER CONTENT*/
.footer, .push {
height: 145px; /* .push must be the same height as .footer */
}
.footer{
margin: 0 auto;
width: 819px;
background: url(../img/cwt_footer2.png) center top no-repeat;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(../img/cwt_footer2.png) center top no-repeat;
}
.footer p{
position: relative;
width: auto;
top: -35px;
font-family: Verdana;
font-size: 10px;
color: #576468;
}
.contact_footer{
position: relative;
margin: 0 auto;
height: 12px;
width: 650px;
display: inline;
font-family: Verdana;
font-size: 12px;
color: #576468;
vertical-align: middle;
top: -45px;
right: 45px;
}
.contact_footer b{
color: #006699;
}
.cc_logo{
position: relative;
background: url(../img/creditcard_logo.jpg) top center no-repeat;
height: 32px;
width: 86px;
float: right;
clear: none;
top: -70px;
right: 80px;
}
.contact_txt{
font-family: Verdana;
font-size: 10px;
}
div.img{
position: relative;
float: right;
clear: none;
height: 27px;
width: 53px;
right: 95px;
top: -55px;
}	
/*PRODUCTS*/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.prod_intro{
top: 20px;
font-family: Verdana;
font-size: 10px;
color: #666666;
}
.prod_intro p{
position: relative;
float: left;
clear: none;
left: 30px;
text-align: left;
top: 30px;
width: 719px;
height: 60px;
}
.content_prod{
position: relative;
margin: 0 auto;
height: 1400px;
width: 819px;
background: url(../img/contentbg2.png) center repeat-y;
}
.content_prod a{
color: #FF0000;
}
.content_prod a:link{
text-decoration: none;
}
.content_prod a:visited{
text-decoration: none;
}
.content_prod a:hover{
text-decoration: none;
}
.content_prod a:active{
text-decoration: none;
}
.prod_img{
position: relative;
float: left;
clear: none;
left: 30px;
top: 10px;
background: url(../img/prod.jpg) top left no-repeat;
height: 26px;
width: 120px;
}
.prod{
position: relative;
float: left;
clear: none;
left: 30px;
top: 30px;
height: 180px;
width: 719px;
}
.prod h1{
position: relative;
float: left;
clear: none;
top: 0px;
left: 5px;
font-family: Verdana;
font-size: 12px;
color: #006699;
}
.prod p{
font-family: Verdana;
text-align: left;
font-size: 10px;
color: #666666;
}
.brand1{
background: url(../img/brands/hd/hd_thumb.jpg) top center no-repeat;
height: 138px;
width: 180px;
}
.brand2{
background:url(../img/brands/gb/gb_thumb.jpg) top center no-repeat;
height: 138px;
width: 180px;
}
.brand3{
background: url(../img/brands/k/k_thumb.jpg) top center no-repeat;
height: 138px;
width: 180px;
}
.brand4{
background:url(../img/brands/nm/nm_thumb.jpg) top center no-repeat;
height: 138px;
width: 180px;
}
.brand5{
background:url(../images/lutronback.jpg) top center no-repeat;
height: 138px;
width: 180px;
}
.thumb_container{
position: relative;
float: left;
clear: none;
height: 138px;
width: 180px;
}
.thumb_container p{
position: relative;
top: -3px;
text-align: center;
}
.thumb_pos{
position: relative;
top: -75px;
right: 2px;
text-align: center;
}
.thumbnail{
position: relative;
z-index: 5;
}
.thumbnail:hover{
background-color: transparent;
z-index: 100;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 5px;
left: 0px;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0px;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -70px;
left: 80px; /*position where enlarged image should offset horizontally */
}
.moreprod{
top: 20px;
font-family: Verdana;
font-size: 10px;
color: #666666;
}
.moreprod{
position: relative;
float: left;
clear: none;
left: 30px;
text-align: left;
top: 30px;
width: 719px;
height: 60px;
}
.moreprod h1{
position: relative;
top: 0px;
left: 5px;
font-family: Verdana;
font-size: 12px;
color: #006699;
}
.moreprod a{
font-family: Verdana;
font-size: 12px;
font-weight: bold;
color: #000000;
}
.moreprod a:link{
text-decoration: none;
}
.moreprod a:visited{
text-decoration: none;
}
.moreprod a:hover{
text-decoration: none;
}
.content_prod a:active{
text-decoration: none;
}
#TICKER{
position: relative;
float: right;
clear: none;
overflow: hidden;
right: 65px;
top: 17px;
}
/*WARRANTY*/
.warranty_img{
position: relative;
float: left;
clear: none;
left: 30px;
top: 10px;
background: url(../img/warranty.jpg) top left no-repeat;
height: 26px;
width: 120px;
}
.warranty{
position: relative;
float: left;
clear: none;
left: 30px;
top: 30px;
height: auto;
width: 719px;
}
.warranty p{
font-family: Verdana;
text-align: left;
font-size: 10px;
color: #666666;
}
.warranty h1{
position: relative;
float: left;
clear: none;
top: 0px;
left: 5px;
font-family: Verdana;
font-size: 12px;
color: #006699;
}
.content_warranty{
position: relative;
margin: 0 auto;
height: 1000px;
width: 819px;
background: url(../img/contentbg2.png) center repeat-y;
}
.content_warranty a{
color: #FF0000;
}
.content_warranty a:link{
text-decoration: none;
}
.content_warranty a:visited{
text-decoration: none;
}
.content_warranty a:hover{
text-decoration: none;
}
.content_warranty a:active{
text-decoration: none;
}
.cwt_van{
position: relative;
left: 20px;
background: url(../img/cwt_van.jpg) bottom center no-repeat;
height: 476px;
width: 719px;
overflow: hidden;
}
/*ABOUT*/
.about_img{
position: relative;
float: left;
clear: none;
left: 30px;
top: 10px;
background: url(../img/about.jpg) top left no-repeat;
height: 26px;
width: 120px;
}
.about{
position: relative;
float: left;
clear: none;
left: 30px;
top: 30px;
height: auto;
width: 719px;
}
.about p{
font-family: Verdana;
text-align: left;
font-size: 10px;
color: #666666;
}
.about h1{
position: relative;
float: left;
clear: none;
top: 0px;
left: 5px;
font-family: Verdana;
font-size: 12px;
color: #006699;
}
.content_about{
position: relative;
margin: 0 auto;
height: 1000px;
width: 819px;
background: url(../img/contentbg2.png) center repeat-y;
}
.content_about a{
color: #FF0000;
}
.content_about a:link{
text-decoration: none;
}
.content_about a:visited{
text-decoration: none;
}
.content_about a:hover{
text-decoration: none;
}
.content_about a:active{
text-decoration: none;
}
.cwt_van2{
position: relative;
top: 100px;
left: 20px;
background: url(../img/cwt_van.jpg) bottom center no-repeat;
height: 476px;
width: 719px;
overflow: hidden;
}
/*CONTACT*/
.contact_img{
position: relative;
float: left;
clear: none;
left: 30px;
top: 10px;
background: url(../img/contact.jpg) top left no-repeat;
height: 26px;
width: 132px;
}
.contact{
position: relative;
float: left;
clear: none;
left: 25px;
top: 20px;
height: 400px;
width: 719px;
}
.contact p{
font-family: Verdana;
text-align: left;
font-size: 10px;
color: #666666;
}
.contact h1{
position: relative;
float: left;
clear: none;
top: 0px;
left: 5px;
font-family: Verdana;
font-size: 12px;
color: #006699;
}
.content_contact{
position: relative;
margin: 0 auto;
height: 800px;
width: 819px;
background: url(../img/contentbg2.png) center repeat-y;
}
.content_contact a{
color: #FF0000;
}
.content_contact a:link{
text-decoration: none;
}
.content_contact a:visited{
text-decoration: none;
}
.content_contact a:hover{
text-decoration: none;
}
.content_contact a:active{
text-decoration: none;
}
.form{
position: relative;
top: 10px;
}
.form_top{
position: relative;
left: 35px;
width: auto;
}
select{
font-family: Verdana; 
font-size: 10px; 
font-weight: bold;
background: url(../img/inputcell.jpg) top left repeat-x;
border-bottom: #999999 thin dashed;
border-left: #999999 thin solid;
border-right: #999999 thin dashed;
border-top: #999999 thin solid;
}
label{
position: relative;
font-family: Verdana;
font-size: 10px;
font-weight: bold;
color: #006699;
text-align: left;
margin-right: 0.5em;
display: block;
}
input{
font-family: Verdana;
font-size: 10px;
color: #000000;
margin: 4px;
background: url(../img/inputcell.jpg) top left repeat-x;
border-bottom: #999999 thin dashed;
border-left: #999999 thin solid;
border-right: #999999 thin dashed;
border-top: #999999 thin solid;
}
.form_bottom{
position: relative;
top: 10px;
left: 35px;
width: auto;
}
.comments{
position: relative;
top: -10px;
}
.comments textarea{
position: relative;
font-family: Verdana;
font-size: 10px;
color: #666666;
left: 20px;
top: 30px;
background: url(../img/inputcell.jpg) top left repeat-x;
border-bottom: #999999 thin dashed;
border-left: #999999 thin solid;
border-right: #999999 thin dashed;
border-top: #999999 thin solid;
}
.comments label{
position: relative;
top: 30px;
left: 35px;
}
.buttons{
position: relative;
top: 20px;
float: right;
clear: none;
text-align: right;
}
.captcha{
position: relative;
font-family: Verdana;
font-size: 10px;
color: #666666;
top: 20px;
float: left;
left: 20px;
clear: none;
text-align: left;
}
.error{
position: relative;
font-family: Verdana;
font-size: 12px;
color: #FF0000;
font-weight: bold;
margin: 0 auto;
width: 450px;
height: auto;
top: 100px;
}
.thankyou{
position: relative;
font-family: Verdana;
text-align: left;
font-size: 12px;
color: #006699;
font-weight: bold;
margin: 0 auto;
width: 450px;
height: auto;
top: 100px;
}

/* HD Updates 4.1.09 */
.hdh1 {float:none;padding-top:40px;font:normal 18px helvetica,arial,sans-serif;text-align:left;color:#666;margin:0px;line-height:20px;clear:both;}
.hdh2 {font:bold 14px helvetica,arial,sans-serif;text-align:left;color:#999;margin-bottom:0px;}
.intro p {top: 10px;}
.hdh2 a {color:#327a93;}

.menu {text-align:center;margin:auto;height:400px;background:transparent url(/images/cwtbanner.gif) no-repeat;font:normal 12px verdana,sans-serif;}
.menulist {padding-top:337px;}
.spacer {margin-left:150px;}
.menu a {color:#327a93;text-decoration:none;margin-right:30px;} 
.menu a:hover {text-decoration:underline;color:#3b3221;}