@charset "utf-8";
/********** SINGLE ELEMENT STYLES **********/
* {margin:0; padding:0; outline:none;}
html, body {width:100%; height:100%;}
img {behavior:url(inc/pngbehavior.htc);}
.pad5 {padding:5px;}
.left {float:left;}
.right {float:right;}
.center {text-align:center;}
.clear {clear:both;}
.clright {clear:right;}
.clleft {clear:left;}
h1 {font-family:"Trebuchet MS";font-size:24px;font-weight:normal;line-height:35px;color:#333333;}
h2 {font-family:"Trebuchet MS";font-size:20px;font-weight:normal;line-height:28px;color:#333333;}
h3 {font-family:"Trebuchet MS";font-size:18px;font-weight:normal;line-height:28px;color:#6B7C13;}
h4 {font-family:"Trebuchet MS";font-size:16px;font-weight:normal;line-height:24px;color:#333333;}
p {font-family:"Trebuchet MS";font-size:14px;font-weight:normal;line-height:22px;color:#333333;}
h5 {font-family:"Trebuchet MS";font-size:12px;font-weight:normal;line-height:20px;color:#333333;}
h6 {font-family:"Trebuchet MS";font-size:10px;font-weight:normal;line-height:18px;color:#333333;}
#content strong {font-weight:normal;}
.bold {font-weight:bold;}
ul, ol {list-style:inside;}
ul li, ol li {padding-left:15px;}
.shhhh {display:none;}




/*******************************************/
/********** LINKS **********/
/*******************************************/
a.box:link {color: #ffffff; text-decoration: none; padding: 4px; margin:2px 0px 2px 0px;}
a.box:visited {color: #ffffff; text-decoration: none; padding: 4px; margin:2px 0px 2px 0px;}
a.box:hover {color: #ffffff; padding: 4px; background-color: #3c2815; margin:2px 0px 2px 0px;}

a:link {color: #333333; text-decoration: none;}
a:visited {color: #333333; text-decoration: none;}
a:hover {color: #6B7C13;}
a img {border: none; }

a.credit:link {color:#333333; text-decoration: none; padding:0px;}
a.credit:visited {color: #333333;text-decoration: none;padding: 0px;}
a.credit:hover { color: #6B7C13;padding:0px;}

a.box2:link {color: #333333; text-decoration: none; padding: 4px; margin:2px 0px 2px 0px;}
a.box2:visited {color: #333333; text-decoration: none; padding: 4px; margin:2px 0px 2px 0px;}
a.box2:hover {color: #ffffff; padding: 4px; background-color: #3c2815; margin:2px 0px 2px 0px;}

a.shopbyrollover { display:block; width:311px; height:212px; background:url("/images/shopby.jpg") 0 0 no-repeat; float:left }

a:hover.shopbyrollover { display:block; width:311px; height:212px; background:url("/images/shopbyroom.gif") 0 0 no-repeat; float:left; }

a.finishingrollover { display:block; width:311px; height:212px; background:url("/images/finishing.jpg") 0 0 no-repeat; float:left }

a:hover.finishingrollover { display:block; width:311px; height:212px; background:url("/images/finishing.gif") 0 0 no-repeat; float:left; }

a.financingrollover { display:block; width:311px; height:212px; background:url("/images/financingoptions.jpg") 0 0 no-repeat; float:left }

a:hover.financingrollover { display:block; width:311px; height:212px; background:url("/images/financingoptions.gif") 0 0 no-repeat; float:left; }

a.deliveryrollover { display:block; width:311px; height:212px; background:url("/images/deliverypolicies.jpg") 0 0 no-repeat; float:left }

a:hover.deliveryrollover { display:block; width:311px; height:212px; background:url("/images/deliverypolicies.gif") 0 0 no-repeat; float:left; }

/************** BASE STRUCTURE *************/
html,body {height:100%; width:100%; margin:0px auto;}

body {margin:0 auto;background-repeat: repeat-x;background-position:center top;background-image: url(../images/bg.jpg);font-family:"Trebuchet MS";font-size:14px;font-weight:normal;line-height:20px;color:#333333;background-color:#ffffff;}

#wrapper {width:1024px;margin:0px auto 0px auto;}

#header {width:1024px;height:132px;margin:0px;padding:0px;}

#content {width:1024px;height:266px;height:auto !important;min-height:266px;margin:0px; padding:0px;}
*html #content {width:985px;}

#mainimage {width:620px;height:350px;margin:0px; padding:0px;}
#insideimage {width:620px;height:350px;margin:0px 0px 5px 0px; padding:0px;}

#facebook {width:304px;height:75px;margin:10px 5px 0px 0px; padding:0px;float:left;}
#facebook2 {width:311px;height:75px;margin:10px 0px 0px 0px; padding:0px;float:left;background-repeat: repeat-x;background-position:center top;background-image: url(/images/facebook.jpg);}

#emailsignup {width:304px;height:75px;margin:10px 0px 0px 7px; padding:0px;float:left;background-repeat: repeat-x;background-position:center top;background-image: url(/images/emailsignup.jpg);}
#emailsignup2 {width:311px;height:75px;margin:10px 0px 10px 0px; padding:0px;float:left;background-repeat: repeat-x;background-position:center top;background-image: url(/images/emailsignupbg.jpg);}

#emailsignupinside {width:290px; height:50px;margin:35px 0px 0px 20px;padding:0px;float:left;}

#finishing {width:311px;height:212px;margin:11px 0px 0px 0px; padding:0px;}

.products {width:304px; height:200px;margin:0px 10px 0px 10px;padding:0px; float:left;border:solid 1px #CCCCCC}
.products2 {width:304px; height:200px;margin:0px 10px 5px 10px;padding:0px; float:right;border:solid 1px #CCCCCC}

#scratch {width:620px; height:113px;margin:0px;padding:0px; float:left;}

#shopby {width:311px;height:212px;margin:0px; padding:0px}

#financing {width:311px;height:212px;margin:11px 0px 10px 0px; padding:0px;}

#delivery {width:311px;height:212px;margin:11px 0px 0px 0px; padding:0px;}

.lighttan {width:610px; height:30px; height:auto !important; min-height:30px; background-color:#F2EDE7;padding:4px;margin:2px 0px 2px 0px;}
.lighttan2 {width:610px; height:30px; height:auto !important; min-height:30px; background-color:#F7F2EE;padding:4px;margin:2px 0px 2px 0px;}

#rightcol{width:311px;height:266px; height:auto !important;min-height:266px;margin:0px;padding:0px 41px 0px 0px;float:right;}
#leftcol{width:620px;height:266px; height:auto !important;min-height:266px;margin:0px;padding:0px 0px 0px 42px;float:left;}

#top {width:1024px; height:28px;margin:0px;padding:0px;background-repeat: no-repeat;background-position:center top;background-image: url(/images/top.png);behavior: url(inc/pngbehavior.htc);}

#middle {width:1024px; height:266px;height:auto !important;min-height:266px;margin:0px;padding:0px;background-repeat: repeat-y;background-position:center top;background-image: url(/images/middle.png);behavior: url(inc/pngbehavior.htc);}

#bottom {width:1024px; height:21px;margin:0px;padding:0px;background-repeat: no-repeat;background-position:center top;background-image: url(/images/bottom.png);behavior: url(inc/pngbehavior.htc);}

#footer {width:1024px;height:150px;margin:0px;padding:0px;}

#submenu {width:1024px; height:70px;margin:0px;padding:25px 0px 0px 0px;background-repeat: no-repeat;background-position:center top;background-image: url(/images/submenu.png); text-align:center;color:#333333;behavior: url(inc/pngbehavior.htc);}

.textbox {width:290px; height:25px;height:auto !important;min-height:25px;margin:0px;padding:0px;float:right;}

.productbox {width:304px; height:250px;margin:0px 0px 0px 10px;padding:0px; float:left;}

/*******************************************/
/********** PAGE ELEMENTS **********/
/*******************************************/
#credit{width:100px;height:50px;margin:0;font-family:Arial, Helvetica, sans-serif;font-size:10px;line-height: 16px;float:right;}

#copyright{width:940px;height:50px;margin:5px 5px 5px 40px;font-family:Arial, Helvetica, sans-serif;font-size:10px;line-height:16px;padding:0px;}

#googlemap {width: 400px; height: 600px; border:1px solid #000000;line-height:15px;float:right;margin:0px 0px 20px 0px;}



/*******************************************/
/**************  TOP NAV   ************/
/*******************************************/
#nav2 .menu { padding:132px 0px 0px 0px; overflow: hidden; height:0px !important; height /**/:132px; float:left; }

#nav2 a#home { background:url(/images/home.png) no-repeat; width:96px;behavior: url(inc/pngbehavior.htc); float:left;}

#nav2 a#home:HOVER, .home #nav2 a#home { background:url(/images/homeroll.png) no-repeat; behavior: url(inc/pngbehavior.htc);float:left;}

#nav2 a#shopbyroom { background:url(/images/shopbyhome.png) no-repeat; width:142px;behavior: url(inc/pngbehavior.htc); float:left;}

#nav2 a#shopbyroom:HOVER, .shopbyroom #nav2 a#shopbyroom { background:url(/images/shopbyhomeroll.png) no-repeat; behavior: url(inc/pngbehavior.htc);float:left;}

#nav2 a#featuredbrands { background:url(/images/featuredbrands.png) no-repeat; width:167px;behavior: url(inc/pngbehavior.htc); float:left;}

#nav2 a#featuredbrands:HOVER, .featuredbrands #nav2 a#featuredbrands { background:url(/images/featuredbrandsroll.png) no-repeat;behavior: url(inc/pngbehavior.htc); float:left;}

#nav2 a#whatsyourstyle { background:url(/images/whatsyourstyle.png) no-repeat; width:173px; behavior: url(inc/pngbehavior.htc);float:left;}

#nav2 a#whatsyourstyle:HOVER, .whatsyourstyle #nav2 a#whatsyourstyle { background:url(/images/whatsyourstyleroll.png) no-repeat; behavior: url(inc/pngbehavior.htc);float:left;}

#nav2 a#finishingtouches { background:url(/images/finishingtouches.png) no-repeat; width:216px;behavior: url(inc/pngbehavior.htc);float:left; }

#nav2 a#finishingtouches:HOVER, .finishingtouches #nav2 a#finishingtouches { background:url(/images/finishingtouchesroll.png) no-repeat; behavior: url(inc/pngbehavior.htc);float:left;}


/******* HORIZONTAL NAV MENU  ***********/
#nav2 { height:132px; width:794px; float:left;}

*html #nav2 { position:absolute; z-index:500; } /*IE 6*/

ul#imagenav { margin:0px 0px 0px 225px; border:0 none; padding: 0; width: 794px; /*For KHTML*/ list-style: none; height:132px; }

ul#imagenav li { margin: 0; border: 0 none; padding: 0; float:left; /*For Gecko*/ display: inline; list-style: none; position: relative; height:132px; z-index:500; }

ul#imagenav li li { height:20px; margin:0px 0px 2px 0px; padding:2px 0px 2px 0px; }

ul#imagenav ul { margin:0px 0px 0px 0px; border: 0 none; padding:0; width: 200px; list-style: none; display: none; position: absolute; top: 128px; left: 0; }

ul#imagenav ul li { float: none; /*For Gecko*/ display: block !important; display: inline; /*For IE*/ }

/* Root Menu */
ul#imagenav a { padding: 2px 2px; float: none !important; /*For Opera*/ float:left; /*For IE*/ display: block; color: #333333; text-decoration: none; height: auto !important; height: 1%; /*For IE*/ font-family: "Trebuchet MS"; font-size: 16px; line-height: 24px; font-weight: normal; }

/* Root Menu Hover Persistence */
ul#imagenav a:hover, ul#imagenav li:hover a, ul#imagenav li.iehover a { background: #CCC; color: #FFF; }

/* 2nd Menu */
ul#imagenav li:hover li a, ul#imagenav li.iehover li a { float: none; background:#FFFFFF; border:1px solid #CCCCCC; color: #999999; font-size:16px; height:50px; text-indent:5px; }

*html #imagenav { z-index:500; position:relative; }

/* 2nd Menu Hover Persistence */
ul#imagenav li:hover li a:hover, ul#imagenav li:hover li:hover a, ul#imagenav li.iehover li a:hover, ul#imagenav li.iehover li.iehover a { background: #DBF4FF; color: #999999; }

/* 3rd Menu */
ul#imagenav li:hover li:hover li a, ul#imagenav li.iehover li.iehover li a { background: #EEE; color: #666; }

/* 3rd Menu Hover Persistence */
ul#imagenav li:hover li:hover li a:hover, ul#imagenav li:hover li:hover li:hover a, ul#imagenav li.iehover li.iehover li a:hover, ul#imagenav li.iehover li.iehover li.iehover a { background: #CCC; color: #FFF; }

/* 4th Menu */
ul#imagenav li:hover li:hover li:hover li a, ul#imagenav li.iehover li.iehover li.iehover li a { background: #EEE; color: #666; }

/* 4th Menu Hover */
ul#imagenav li:hover li:hover li:hover li a:hover, ul#imagenav li.iehover li.iehover li.iehover li a:hover { background: #CCC; color: #FFF; }

ul#imagenav ul ul, ul#imagenav ul ul ul { display: none; position: absolute; top: 0; left: 200px; }

/* Do Not Move - Must Come Before display:block for Gecko */
ul#imagenav li:hover ul ul, ul#imagenav li:hover ul ul ul, ul#imagenav li.iehover ul ul, ul#imagenav li.iehover ul ul ul { display: none; }

ul#imagenav li:hover ul, ul#imagenav ul li:hover ul, ul#imagenav ul ul li:hover ul, ul#imagenav li.iehover ul, ul#imagenav ul li.iehover ul, ul#imagenav ul ul li.iehover ul { display: block; }



/************** CONTACT FORM ************/
form#contact 	{margin:0px 0px 20px 0px;padding: 5px;float:right;width: 275px;background:#cccccc;	border:none;font-family:"Trebuchet MS";font-size:0.75em;font-weight:normal;color:#333333;}	

#contact label,#contact input {display: block;width: 150px;float: left;margin-bottom: 10px;}

#contact label {text-align: right;width: 75px;padding-right: 5px;}

#contact br {clear: left;}

#contact fieldset	{margin:0px 0px 10px 0px;position:relative;display:block;border:1px solid #ffffff;padding: 0px 10px 10px 10px;} 
	
#contact legend	{color:#333333;font-variant:small-caps;padding:2px 5px;position: relative;font-family: "Trebuchet MS";font-size: 18px;line-height: 17px;font-weight: bold;}

#contact span.state	{width:130px;float:left;text-align:right;}
	
#contact #zip {width: 60px;margin-right:12px;float: left;}
#contact #zipname	{width:27px;margin-left:13px;float:left;}
	
#contact #comments	{display: block;width: 240px;height:70px;margin-bottom: 15px;}

textarea{overflow:auto;}
	
#contact #submit	{width: 85px;height:32px;margin-left:90px;}
	
#contact .shhhh, .shhhh {display:none;}

div.floating-menu {position:fixed;width:311px;z-index:100;}
div.floating-menu a, div.floating-menu h3 {display:block;margin:0;}
