@charset "UTF-8";

* {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}

body { background:url(../images/greyBG.jpg) repeat-x top left;}

a img { border:none;}

#wrap { width:980px; margin: 0 auto; position:relative;}

.bold { font-weight:bold;}

.clear { clear:both;}



/********************************************

	*BEGIN* header Styles

********************************************/
#head {height:130px; width:100%;}
#head img.logo { margin:20px 0 14px 30px; float:left; width:auto;}
#head ul.featureItems { width:75%;float:right;list-style:none; margin:64px 0 0 0;}
#head ul.featureItems li{display:inline; font-size:.75em; padding:5px 5px 0 5px; float:right; width:auto;}
#head ul.featureItems li.borderRight {border-right:1px solid #ccc;}
#head ul.featureItems li img { margin:2px 0 0 0;}
#head ul.featureItems li a { margin:0 3px 3px 3px; color:#003468;}
#head ul.featureItems li a.green { color:#596b31;}
/********************************************

	*END* header Styles

********************************************/






/********************************************

	*BEGIN* Navigation Styles

********************************************/
#topnav { list-style:none; height:30px; float:left; width:100%;background:url(../images/navBG.jpg) repeat-x top left;}
#topnav li {
            float:left; 
            width:auto;
            display:inline;
}

#topnav li.center {
            margin:0;
            width:140px;
            float:right; 
}

#topnav li.center .info {
            width:130px;
            padding:1px 0;
            margin:0;
}

#topnav li.center .info h4 {
            color:#fff;
            font-size:10px;
            margin:0;
            padding:0 5px;
            text-transform:uppercase;
            border-bottom: 1px #666 dotted;
}

#topnav li.center .info a {
            color:#fff;
            font-size:10px;
            text-transform:uppercase;
            margin:0; 
            padding:0;
            display:block;
            float:left;
            margin:0 5px;     
}

#topnav li.center .info a:hover {
            text-decoration:underline;
}

#topnav li a.jt  { display:block; float:left; height:10px; padding:15px 10px 5px 9px; font-size:10px; line-height:0; color:#FFF; text-transform:uppercase;border-right:1px dotted #666;}
#topnav li a:hover.jt {background:url(../images/navBG.jpg) repeat-x bottom left;}

#topnav li a.jtopera  { display:block; float:left; height:10px; padding:15px 10px 5px 9px; font-size:10px; line-height:0; color:#FFF; text-transform:uppercase;border-right:1px dotted #666;}
#topnav li a:hover.jtopera {background:url(../images/navBG.jpg) repeat-x bottom left;}
/********************************************

	*END* Navigation Styles

********************************************/



/********************************************

	*BEGIN* Drop Down Menu Styles

********************************************/
#cluetip { background:url(../images/dd_bg.jpg) repeat-x top left; background-color:#6d6e71; border:5px solid #404041; border-top:none; padding:10px; width:70%; float:left; height:auto;}
.dd_links { background:#fff; margin:0px; border: 1px solid #808080; padding:0 10px; list-style:none; width:47%; float:left; display:inline;}
.dd_links li{border-bottom: 1px dotted #666; padding:0px;}
.dd_links li a{ display:block;padding:5px 10px; color:#000; text-transform:uppercase; font-size:.75em;}
.dd_links li a:hover{ background-color:#003468; color:#fff;}

.dd_linksReverse { background:#fff; border: 1px solid #808080; padding:0; list-style:none; width:47%; float:right;}
.dd_linksReverse li{border-bottom: 1px dotted #666; padding:0px;}
.dd_linksReverse li a{ display:block;padding:5px 10px; color:#000; text-transform:uppercase; font-size:.75em;}
.dd_linksReverse li a:hover{ background-color:#003468; color:#fff;}

.dd_rightcontent { width:180px; margin:0 10px; float: left; display:inline;}
.dd_rightcontent p {font-size:.85em; color:#fff;margin: 0 0 10px 0; }
.dd_rightcontent h1 { font-size:1.1em; color:#fff;}
.dd_leftcontent { width:180px; margin:0 10px; float:left;}
.dd_leftcontent h1 {font-size:1.1em; color:#fff;}
.dd_leftcontent p {}

#cluetip-close {width:25px;}

#cluetip-close a { display:block; height:25px; width:25px; background:url(../images/close.gif) no-repeat top left; text-indent:-9999px; text-decoration:none; float:right; margin:0; outline: 0;}

#cluetip-outer h3 { display:inline;}

#cluetip-title {margin:0 0 5px 5px; padding:0; width:25px; float:right; display:inline;}
.dd_links .dd_description {display: none;}
/********************************************

	*END* Drop Down Menu Styles

********************************************/





/********************************************

	*BEGIN* Content Styles

********************************************/

#collections {
    padding:0;
    width:980px;
    float:left;
    position:relative;
    }

#collections .usa { width:47px; height:81px; position:absolute; top:11px; left:425px;}

#collectionInfo { width: 470px; padding: 15px 5px 0 5px; background-color:#fff; float:left;}
#collectionInfo div.specs { width:350px; float:left;}
#collectionInfo div.specs h2 { font-size:37px; text-transform:uppercase; font-weight:normal; color:#7d3620;}
#collectionInfo div.specs h3 { font-size:15px; font-weight:normal; color:#7d3620; display:block; border-top:1px dotted #7d6a55; border-bottom:1px dotted #7d6a55; padding:5px 0; margin:5px 0 10px;}
#collectionInfo div.specs h3 a { color:#7d3620; text-decoration:underline;}
#collectionInfo div.specs h3 a:hover {color:#7d6a55;}

#collectionInfo div.specs ul { 
                                list-style:none; 
                                margin:0 0 10px 0; 
                                padding:5px; 
                                border:1px solid #ccc5bc; 
                                float:left; 
                                width:338px;
                                background:#faf9f7;
}

#collectionInfo div.specs ul li{ 
                                padding:2px 5px; 
                                float:left; 
                                width:330px; 
                                background:#fff;
}

#collectionInfo div.specs ul li img {
                                float:left;
                                width:20px;
                                height:20px;
                                margin: 0 7px 5px 0;
}
#collectionInfo div.specs ul li.construction {
                                background:none;
                                border-bottom:1px dotted #7d6a55; 
}
#collectionInfo div.specs ul li.construction h4{ 
                                width:280px;
                                margin: 2px 0 0 0;
                                font-size:14px;
}
#collectionInfo div.specs ul li.grey{ background-color:#e9e3db;}
#collectionInfo div.specs ul li h4{ font-size:.75em; text-transform:uppercase; color:#333; width:33%; display:inline-block; float:left;}
#collectionInfo div.specs ul li p{ font-size:.75em; color:#333; width:66%;display:inline; float:left;}

.bar2 { height:16px; padding:6px; background:url(../images/barBG.jpg) repeat-x top left; width:973px; float:left; margin:0 auto;}
.bar2 p {  font-size:.75em; display:block; float:left; width:auto; margin:0 6px 0 0; color:#fff;}
.bar2 a { font-size:.75em; color:#808080; display:block; float:left; width:auto; padding:0 0 0 6px; margin:0 0 0 6px; border-left:1px dotted #fff;}
.bar2 a:hover {color:#ccc;}
.search_button {height:16px;width:32px;float:left;border: 0;}
.emailField { height:16px; border:none; float:left;}

/*<--BEGIN-->Collections Small Right Column Style*/
#rightPanel{ width:100px; float:right; list-style:none; border-top:1px dotted #7d6a55; position:absolute; top:10px; right:10px;}
#rightPanel li{  border-bottom:1px dotted #7d6a55; padding:10px 0; text-align:center;}
#rightPanel li h3 a{ padding:0 0 0 25px; background:url(../images/print.png) no-repeat center left; font-size:.65em; text-transform:uppercase; font-weight:normal; color:#003468; display:block; margin:0 auto; position:relative; width:40%; min-height:15px; height:15px;}
#rightPanel li h3 a.print { padding:0 0 0 25px; background:url(../images/print.png) no-repeat center left;}
#rightPanel li h3 a.email { padding:0 0 0 25px; background:url(../images/email.png) no-repeat center left;}
/*<--END-->Collections Small Right Column Style*/


/*<--BEGIN-->Collections Room Scene Gallery*/
#roomScene { width:500px; float:left; background:#fff;}
.colorstrip { background-image:url(../images/collections/roomScenes/colorstrip/colorStrip.jpg);}
.colorplank { background-image:url(../images/collections/roomScenes/colorplank/colorPlank.jpg);}
.value {background-image:url(../images/collections/roomScenes/value/value.jpg);}
.highgloss {background-image:url(../images/collections/roomScenes/highgloss/highgloss.jpg);}
#roomScene div.roomSceneBG { height:445px; width:460px; padding:15px 20px 0 20px; background:url(../images/collections/roomSceneBG.png) repeat-x top left; float:left;}
#roomScene div.roomSceneImg { height:445px; width:460px; background-color:#fff;}
#galleryImg { height:164px; width:500px;}
.galleria{list-style:none; margin:0; padding:10px 0 0 20px; background:url(../images/collections/roomThumbBG.png) repeat-x top left; float:left;}
.galleria li{width:105px;height:75px;overflow:hidden;float:left;margin:0 5px;}
.galleria li a{display:none;}
.galleria li div{position:absolute;display:none;top:0;left:180px;}
.galleria li div img{cursor:pointer;}
.galleria li.active div img,.galleria li.active div{display:block;}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto;}
.galleria li .caption{display:block;padding-top:.5em;}
* html .galleria li div span{width:400px;} /* MSIE bug */
/*<--END-->Collections Room Scene Gallery*/


/*<--BEGIN-->Collection Tab styles*/
#tabs { width: 470px; min-height:300px; float:left; background:url(../images/tabContentBG.png) repeat-x bottom left;}
.tabInfo1 { width:100%; float:left; clear:both; margin: 0 0 10px 0;}
.tabInfo1 h2 { font-size:.8em; font-weight:normal; display:block; color:#7d3620;margin: 0 0 1em 0;}
.tabInfo1 span.head {font-size:1em; font-weight:bold; text-transform:uppercase; color:#333;}
.tabInfo1 h2.pic { width:55%; float:left;}
.tabInfo1 h2 a { color:#7d3620; text-decoration:underline;}
.tabInfo1 h2 a:hover {color:#7d6a55;}
.tabInfo1 p.pic { width:55%; float:left;}
.tabInfo1 img { float:right; margin:0px 0 0px 5px;}
.tabInfo1 img.clear { float:none; text-align:center; margin: 0 auto 5px auto; position:relative;}
.tabInfo1 p {font-size:.75em; color:#333;margin: 0 0 1em 0;}
.tabInfo1 p a {color:#333; text-decoration:underline;}
.tabInfo1 p a:hover{color:#7d3620;}

.ui-tabs-hide {display:none;}
.tabInfo2 { width:100%; float:left; clear:both; margin: 0 0 10px 0;}
.tabInfo2 h2 {font-size:.75em; text-transform:uppercase; color:#333;}
.tabInfo2 h2.pic { width:55%; float:left;}
.tabInfo2 h2 a { color:#7d3620; text-decoration:underline;}
.tabInfo2 h2 a:hover {color:#7d6a55;}
.tabInfo2 p {font-size:.75em; color:#333;margin: 0 0 1em 0;}
.tabInfo2 p.pic { width:55%; float:left;}
.tabInfo2 p a {color:#333; text-decoration:underline;}
.tabInfo2 p a:hover{color:#7d3620;}

.ui-tabs { padding:0;zoom: 1;}
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding:0; background-color:#fff; margin:0 0 20px 0; float:left; width:100%; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 0 -1px 0; padding: 0;background:url(../images/tabBG.png) no-repeat right -50px;background-color:#e9e3db;}
.ui-tabs .ui-tabs-nav li a {width:auto; display:block; color:#7d3620; font-size:.75em; text-decoration: none; padding:.4em 1.5em; overflow:hidden }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; background:url(../images/tabBG.png) no-repeat top right; background-color:#7d3620; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; color:#e9e3db; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
/*<--END-->Collection Tab styles*/



/********************************************

	*END* Content Styles

********************************************/






/********************************************

	*BEGIN* Footer

********************************************/
#footer { width:980px; margin:0 auto; clear:both;}
#footer ul{ font-size:.7em; line-height:1.25em;float:left; display:inline; list-style:none;}
#footer ul li{width:120px; margin:0 0 1px 0; padding:0 10px;}
#footer ul li.category{ font-weight:bold; background-color:#f2f2f2;}
#footer ul li a{ display:block; padding:2px; color:#b3b3b3;}
#footer ul li a:hover{ color:#fff; background-color:#b3b3b3;}
/********************************************

	*END* Footer

********************************************/