html{overflow-y:scroll;}
html{overflow:-moz-scrollbars-vertical;}
* { outline: none; -moz-outline-style: none; } /* get rid of flash outline on click */
body{
margin:0px;
padding:0 0 20px 0;
font-family:Arial,Helvetica,sans-serif;
color:#CCCCCC ;
font-size:11px;
background:url(images/mainBg.jpg) top left repeat-x #000000;
}
p{ margin:0px; padding:12px 0 0 0; }
/*----------------------------------------
a styles
-----------------------------------------*/
a, a:hover{text-decoration:none; color:#ffffff;}
a:hover, .numHighlight{color:#ababab;}
/* bttnNav */
.bttnNav{padding:5px 0 0 13px; height:22px; clear:both;}
.bttnNav a{float:left; margin-right:11px;}
a.bttn, a.bttn:hover{display:block; width:115px; height:15px; background:url(images/bttnBg.gif) 0px 0px no-repeat; font-weight:bold; padding:1px 0 0 7px}
a.bttn:hover{background-position:0px -16px;}
a.bttn_down, a.bttn_down:hover{display:block; width:115px; height:15px; background:url(images/dropDownBg.gif) 0px 0px no-repeat; font-weight:bold; padding:1px 0 0 7px}
a.bttn_down:hover{background-position: 0px -16px;}
/* arrows */
a.arrowLeft, a.arrowLeft:hover, a.arrowRight, a.arrowRight:hover{display:block; width:9px; height:9px; line-height:9px; background:url(images/arrowsBg.gif) 0px 0px no-repeat;}
a.arrowLeft:hover{background:url(images/arrowsBg.gif) 0px -9px no-repeat;}
a.arrowRight{background:url(images/arrowsBg.gif) -9px 0px no-repeat;}
a.arrowRight:hover{background:url(images/arrowsBg.gif) -9px -9px no-repeat;}
/* arrows */
.arrowRightSearch, .arrowRightSearch:hover{padding:0 0 0 4px; display:block; width:25px; height:19px; line-height:19px; background:url(images/new/arrowBttns.gif) 3px 0px no-repeat; }
.arrowRightSearch:hover{background:url(images/new/arrowBttns.gif) 3px -19px no-repeat;}
/*----------------------------------------
h styles
-----------------------------------------*/
h1, h2{ font-size:18px; color:#FFFFFF; font-weight:bold; margin:0px;}
h1{padding:1px 0 0 14px;}
.h1Bg{height:22px; background:#505050;}
h2{ font-size:12px; padding:4px 0 0 14px; color:#c6c39b;}
.h2Bg, .h2noBg{background:#3e3e3e; height:19px; margin-top:1px;}
.h2noBg{height:23px;}
h3{ font-size:11px; font-weight:bold; color:#c6c39b; text-transform:uppercase; padding:0; margin:0;}
/*----------------------------------------
id styles
-----------------------------------------*/
#bgWrapper{margin:auto; width:881px; background:url(images/wrapperBg.jpg) top left no-repeat; padding-top:15px;}
#contentWrapper{margin:auto; width:851px; border:1px solid #3d3d3d; background:url(images/contentWrapperBg.jpg) top left repeat-y #212121}
#header{
z-index:3;
position: relative;
margin:0px auto;
padding:0px;
height:185px;
width:851px;
background:#000000;
}
#content{
z-index:1;
position: relative;
margin:0px auto;
padding:0px;
width:851px;
/* min height for firefox and IE */
height: auto !important;
height:405px;
min-height:405px;
}
#footer{
position: relative;
margin:1px 0 0 14px;
padding:10px 10px 10px 15px;
width:826px;
font-size:10px;
color:#000000;
border:1px solid #3d3d3d; background:#212121
}
#footer a{color:#000000;}
#largeImageCaption{
font-size:10px;
}
/*----------------------------------------
class styles
-----------------------------------------*/
.leftColumn{position:relative; float:left; width:214px; margin-right:1px; padding:152px 0 0 0; font-weight:bold; font-size:10px;}
.rightColumn{float:left; width:636px;position:relative; }
.greyBg{position:relative; z-index:1; padding:13px 0px 13px 14px; height: auto !important; height:80px; min-height:80px; background:url(images/greyGradBg.jpg) top left no-repeat #454545}
.headerSubLeft{float:left; width:415px; height: auto !important; height:57px; min-height:57px; border-right:1px solid #454545;}
.headerSubRight{float:right; width:204px; height: auto !important; height:37px; min-height:37px; padding:22px 0 0 16px;}
/*----------------------------------------
galleries styles
-----------------------------------------*/
/* materials projects products */
.thbBg{ background:url(images/smallBg1.jpg) top left no-repeat; vertical-align:top; height:98px; width:155px;}
.noThbBg{vertical-align:top; height:98px; width:155px; }
.thbBg2{ background:url(images/smallBg2.jpg) top left no-repeat; vertical-align:top; height:98px; width:155px;}
.thumbBorder{z-index:0; width:145px; height:93px;}
.thumbBorder div a {position:absolute; display:block; width:143px; height:91px; }
.thumbBorder div a:hover{border:1px solid #cccccc; background:url(images/thumbTrans.gif) top left no-repeat;}
.thbLinkBg{ background:url(images/materialsThbLinkBg.jpg) top left repeat-y; padding:0px; width:155px; vertical-align:top}
.thbLinkBg div{width:127px; margin:5px 5px 10px 10px}
.thbLinkBg div a{color:#ababab}
.thbLinkBg div a:hover{color:#ffffff}
/* materials projects products details */
.detailsThbBg td{ background:url(images/detailsThbBg.jpg) top left no-repeat; vertical-align:top; width:103px; height:67px; }
.detailsThumbBorder{z-index:-100; position:relative; display:block; width:97px; height:57px}
.detailsThumbBorder div a, .detailsThumbBorder a:hover{position:absolute; display:block; width:95px; height:55px; }
.detailsThumbBorder div a:hover{ border:1px solid #cccccc; background:url(images/detailsTrans.gif) top left no-repeat;}
.detailsThbBgTd{ background:url(images/detailsThbBg.jpg) top left no-repeat; vertical-align:top; width:103px; height:67px; }
.detailsThbBgTd .detailsThumbBorder { position:static; }
/* finishes */
.finishesThbBg { background:url(images/finishesBg.jpg) top left no-repeat; vertical-align:top; width:210px; height:131px; }
.finishesWrapper{width:610px; border-bottom:3px solid #3e3e3e; margin-bottom:15px;}
.finishesWrapper table{margin-bottom:10px;}
/* showroom */
.showroomThbBg { background:url(images/showroomBg.jpg) top left no-repeat; vertical-align:top; width:210px; height:131px; }
.showroomWrapper{width:610px; border-bottom:3px solid #3e3e3e; margin-bottom:15px;}
.showroomWrapper table{margin-bottom:10px;}
/* news */
.newsDetailsBg{ background:url(images/newsDetailsBg.jpg) top left no-repeat; vertical-align:top; height:180px; width:210px;}
.newsDetailsWrapper{position:relative; display:block; width:192px; height:173px}
/*----------------------------------------
misc styles
-----------------------------------------*/
.clear{clear:both; margin:0px; padding:0px; height:1px; line-height:1px; font-size:1px; }
.hDivider{height:23px; margin-bottom:1px;z-index:2;}
.noPadding{padding:0}
.title1{font-size:11px; font-weight:bold; color:#c6c39b; text-transform:uppercase; padding:0; margin:0;}
.noBackground{background:none;}
.white{color:#FFFFFF;}
.orange{color:#FF6600;}
.h3PaddingBottom{margin-bottom:5px}
a.beige{color:#c6c39b;}
.highlight{ font-size:12px;}
/*----------------------------------------
nav styles
-----------------------------------------*/
.navUl{ list-style:none; list-style-image:none; margin:0px; padding:0px; }
.navUl li{ margin-bottom:1px;}
.navUl li a, .navUl li a:hover{display:block; width:182px;height: auto !important; height:22px; min-height:22px; line-height:19px; margin-bottom:1px; background:#323232; color:#818181; padding:3px 0 0 20px;}
.navUl li a:hover, .navUl li a.selected_item{color:#bebb98;}
.navUl li a.selected_item{background:url(images/highlightArrow3.gif) 4px 9px no-repeat;}
.navUl .main a, .navUl .main a:hover, .navUl .mainHighlight a, .navUl .mainHighlight a:hover{ width:189px; background:#3e3e3e; color:#818181; line-height:19px; padding:3px 0 0 13px; font-size:11px; color:#FFFFFF;}
.navUl .main a:hover{background:#464646;}
.navUl .mainHighlight a, .navUl .mainHighlight a:hover{ background:url(images/highlightArrow.gif) 182px 8px no-repeat #3e3e3e}
/*.navUl{ list-style:none; list-style-image:none; margin:0px; padding:0px; }
.navUl li{ margin-bottom:1px;}
.navUl li a, .navUl li a:hover, .navUl a.subHighlight{display:block; width:190px;height: auto !important; height:22px; min-height:22px; line-height:19px; margin-bottom:1px; background:#3e3e3e; color:#FFFFFF; padding:3px 0 0 12px}
.navUl a.subHighlight, .navUl a.subHighlight:hover{ background:url(images/highlightArrow.gif) 182px 8px no-repeat #3e3e3e}
.navUl li a:hover{background:#464646;}
.navUl a.sub, .navUl a.sub:hover{ width:182px; background:#323232; color:#818181; line-height:19px; padding:3px 0 0 20px; font-size:10px;}
.navUl a.sub:hover{color:#bebb98}*/
/*----------------------------------------
general ul and li styles
-----------------------------------------*/
.generalUl{margin:12px 0 0 0; padding:0; list-style:none;}
.generalUl li{margin-bottom:3px; list-style:none; padding:0 0 0 6px; background:url(images/dash.gif) 0px 6px no-repeat;}
/*----------------------------------------
form styles
-----------------------------------------*/
form{padding:0px; margin:0px;}
.formElement, .menuList{width:200px; margin:0 0 1px 0; height:12px; font-family:Arial,Helvetica,sans-serif; font-size:11px;}
.formElement2{width:160px; margin:0 0 1px 0; height:12px; font-family:Arial,Helvetica,sans-serif; font-size:11px;}
.menuList{width:200px; height:15px;}
.textArea, .textArea2{width:200px; height:50px; font-family:Arial,Helvetica,sans-serif; font-size:11px; margin:0 0 7px 0;}
.textArea2{width:394px; height:100px;}
.formBttn{width:92px; height:22px; display:block; background-color:#242424; text-decoration:none; padding:0px 0 3px 0px; color:#FFFFFF; font-weight:bold; font-size:11px; text-align:center; border:0px;}
.formBttn:hover{background-color:#ffffff; text-decoration:none; color:#000000;}
a.formBttn{width:92px; line-height:22px; display:block; background-color:#242424; text-decoration:none; padding:0px 0 0 0px; color:#FFFFFF; font-weight:bold; font-size:11px; text-align:center}
a.formBttn:hover{background-color:#ffffff; text-decoration:none; color:#000000;}
select.bttn{width:140px;height:15px; border:1px solid #757575; font-size:11px; padding:0px 0 0 4px; margin: 0px; color:#ffffff; background-color:#212121;}
#collections_div {
position: absolute;
left: 273px;
top: 40px;
max-height: 200px;
width: 172px;
background-color: #242424;
border: 1px solid white;
z-index: 2000;
overflow-y: auto;
overflow-x: hidden;
padding: 5px 0px 10px 0px;
line-height: 15px;
}
#collections_div.materials_page {
top: 70px;
left: 16px;
}
#collections_div .dropdown_row {
padding: 1px 8px 1px 8px;
}
#collections_div .dropdown_row:hover {
background-color: #464646;
cursor: pointer;
cursor: hand;
}