/* SITE SELECTORS
---------------------------------*/

/* PAGE */
html { background:#fff; }
body { color: #262223; }
a:link,a:visited,a:hover,a strong { color: #56100e; }
#home,#internal { position:relative; }
#home > .t,#internal > .t {left:0; top:37px; background:url(../img/site-heading.jpg); height: 150px; }
#home > .l,#internal > .l {left:0; top:187px; background:url(../img/site-x.png) 0 -251px; height: 383px; }
#internal > .l { height:251px; }
#home > .x,#internal > .x {left:0; top:570px; background:url(../img/site-x.png) 0 -91px; height: 12px; }
#internal > .x { top:438px; }
#home > .r,#internal > .r {left:0; bottom:150px; background:url(../img/site-x.png) 0 -59px; height: 12px; }
#home > .b,#internal > .b {left:0; background:url(../img/site-footer.jpg); height: 150px; }

.site { width: 960px; text-align:left; margin: 0 auto 130px auto; position:relative; }

.manufacturer-label { clear: both; margin-bottom: 10px; }

/* BRANDING */
#branding { position:relative; height: 143px; }
#logo { position:absolute; top: 0; left:70px; background: url(../img/site.jpg) 0 -785px; width: 288px; height: 143px; text-indent:-6000px; border: solid #000; border-width: 0 8px; }
#logo > .l {top:0;left:-34px; background: url(../img/site.jpg) 0 -459px; width: 28px; height: 143px; }
#logo > .r {top:0;right:-34px; background: url(../img/site.jpg) 0 -622px; width: 28px; height: 143px; }

/* SEARCH */
#search { position: absolute; z-index:10; top: 27px; right: 0; background:url(../img/site.png) 0 -381px; width: 234px; height: 34px; }
#search form { }
#search label { display:none; }
#search fieldset { padding:0; margin:0; font-weight:normal; }
#search input[type="text"] { width: 185px;padding:2px; margin: 8px 0 0 10px; vertical-align:middle; background:transparent!important; }
#search button { margin:0; text-indent:-6000px; width: 30px; height: 22px; vertical-align:middle; background:transparent; }

/* PHOTO */
#photo { display:block; width: 960px; height: 249px; background-position: 0 0; position:relative; }

/* SLIDESHOW */
#slideshow { position:relative; width: 960px; padding:342px 0 0 0; height:39px; overflow:hidden; background: url(../img/slideshow-loading.gif) 50% 50% no-repeat #000; }
#slideshow > .b { left:0; background:url(../img/site-x.png) 0 -760px; z-index:20; width:100%; height:39px; }
#slideshow > .t { left:0; background:url(../img/site-x.png) 0 -819px; z-index:20; width:100%; height:6px; }
#slideshow .display { float:left;height: 26px; padding: 13px 0 0 19px; }
#slideshow .display li { color:#000; display:none; margin: 0 0 20px 0; }
#slideshow .display li.active { display:block; }
#slideshow .display li a { display:block; height:100%;color:#000; position:relative; z-index:50; text-decoration:none; font-size:14px; font-weight:bold; }

#slideshow .display li .t { left:0; display:none; position:absolute; z-index:8; height: 381px; width:100%; }
#slideshow .display li.active .t{ z-index:10;display:block; }
#slideshow .display li.last-active .t{ z-index:9; }
#slideshow .display li a > span{ background:url(../img/site.png) 0 -115px no-repeat; width: 9px; height: 8px; margin: 0 0 0 10px; padding: 0 9px 0 0; line-height:8px; }

#slideshow .nav{ position:relative; z-index:50; display:block; overflow:hidden; height:15px; margin: 10px 0 0 19px; padding: 4px 9px 0 0; float:left; border-right: 1px solid #000; }
#slideshow .nav > span { background:url(../img/site.png) 0 -50px; width: 15px; height: 15px; float:left; margin: 0 9px 0 0; }
#slideshow .nav > span.active { background-position: 0 -85px; }

/*nav top*/
#nav-top{ position:absolute; z-index:10; right:0; top: 118px; }
#nav-top ul{ margin: 0 0 0 auto; }
#nav-top li{ border-left:#252525 1px solid; width: auto; float:left; }
#nav-top li.first{ border-left:0; }
#nav-top li a{ text-decoration:none; color:#252525; margin: 0 6px 0 9px; }
#nav-top li.last a{ margin-right: 0; }
#nav-top li a:hover{ text-decoration:underline; }

/*NAV*/
#nav { position:relative; z-index: 100; background:url(../img/site-x.png) 0 -187px;height: 44px; margin: 0 11px 2px 11px; }
#nav > .l { top:0; left:-11px; background: url(../img/site.png) 0 -236px; width: 11px; height: 44px; }
#nav > .r { top:0;right:-11px; background: url(../img/site.png) -11px -236px; width: 11px; height: 44px; }
#nav > ul > li { float:left; width: auto; display:block; position:relative; }
#nav > ul > li.first { border:0; }
#nav > ul > li.last { border:0; }
#nav > ul > li > a { font-size: 1.2em; text-transform:uppercase; display:block; height:44px; padding: 0 38px 0 37px; text-decoration:none; font-weight:bold; line-height:44px; }
#nav > ul > li:hover > a { color:#fff; background:url(../img/site-x.png) 0 -123px; height: 44px; }
#nav > ul > li.last > a { padding-right:30px; }

/* nav dropdown */
#nav ul li:hover > ul{ display:block; }
#nav ul ul { display:none; padding: 5px 0; position: absolute; top: 44px;left: 0; width: auto; min-width:200px; background:#e3d1a1; }
#nav ul ul a { display:block; color:#252525; padding: 6px 3px 6px 20px; height:100%; width: auto; text-decoration:none; }
#nav ul ul a:hover { background-color:#ecdbb1; }
#nav li ul li { position:relative; width:100%; display:block; }
* html #nav li ul li { height:1%; float:left; }
*+html #nav li ul li { height:1%; float:left; }
#nav li ul li:hover { }
#nav li ul li ul { position: absolute; top: 5px; left: 100%; } /*flyout positioning */

/*MAIN*/
#main { overflow:hidden; width: 100%; margin: 0; padding: 34px 0; position:relative; }

/* CONTENT */
#content { overflow:hidden; width:px; position:relative; }

/*content panel*/
#content-panel { float:left; width: 311px; display:inline; margin:0; border-right:1px solid #56100e; }
#internal #content-panel{width:219px; border-right:0;}

#whats-new {}
#whats-new h2 { font-style:italic; font-size: 1.4em; color:#56100e; }
#whats-new ul{}
#whats-new dl{ line-height:1.4em; margin: 0 29px 0 0;}
#whats-new dt { font-weight:bold; padding: 29px 0 0; }
#whats-new dt a{ text-decoration:none; }
#whats-new dt a:hover{ text-decoration:underline; }
#whats-new dd{ border-bottom:1px solid #cdcdcd; padding: 0 0 9px; position:relative; }
#whats-new dd .date{ position:absolute; top:-34px; left:0; }
#whats-new dd.last{ border-bottom:0; }
#whats-new .link{ display:block; text-align:right;}
#whats-new {}

/*nav sub*/
#nav-sub { width: 181px; position:relative; margin: 0 0 32px 21px; }
#nav-sub ul { }
#nav-sub li { background: url(../img/site.png) no-repeat 0 -109px;  padding: 0 0 0 14px; width: 167px; border-bottom:1px solid #ececec; }
#nav-sub li a { color:#262223; display:block; line-height: 1.2em; padding: 6px 0; width: 100%; text-decoration:none; }
#nav-sub li a:hover { text-decoration:underline; }

/*nav cats*/
#nav-cats { width: 219px; position:relative; margin: 0 0 21px; border:solid #ebebeb; border-width: 1px 0; }
#nav-cats > .l {top:-1px; background: url(../img/site.png) 0 0; width: 5px; height: 5px; z-index:30; }
#nav-cats > .t {top:-1px; right:0; background: url(../img/site.png) -5px 0; width: 5px; height: 5px; z-index:30; }
#nav-cats > .r {bottom:-1px; background: url(../img/site.png) -5px -5px; width: 5px; height: 5px; z-index:30; }
#nav-cats > .b {left:0;bottom:-1px; background: url(../img/site.png) 0 -5px; width: 5px; height: 5px; z-index:30; }
#nav-cats > .y {left:0; background: url(../img/site-y.png) 0 0; width: 100%; height: 100%; }
#nav-cats h3 { color:#56100e; height:43px; border-bottom:1px solid #56100e; line-height:43px; font-size:1.4em; z-index:20; position:relative; padding: 0 0 0 20px; margin: 0 2px; }
#nav-cats ul { border:solid #fff; border-width: 1px 0; position:relative; z-index:20; padding: 0 0 13px; }
#nav-cats li { background:url(../img/site-x.png) repeat-x 0 0; padding: 0; width: 215px; height:39px; border-bottom:1px solid #ececec; margin: 0 2px 0 2px; }
#nav-cats li a { display:block; line-height:32px; padding: 6px 0 0 20px; text-decoration:none; }
#nav-cats li a:hover { background: #CCC; }
#nav-cats li.current a { color: #FFF; font-weight: bold; background: #56100E; }

/*testimonials*/
#testimonials{ margin: 0 0 27px; padding:0 0 20px; position:relative; }
#testimonials .t{ left:0; background:url(../img/site.jpg) 0 -46px; width: 219px; height: 186px;}
#testimonials .b{ left:0; bottom:-27px; background:url(../img/site.jpg) 0 0; width: 219px; height: 27px;}
#testimonials dl{ position:relative; z-index:10; color:#56100e;}
#testimonials dl dt{ position:absolute; bottom:5px; right:25px; width:auto;}
#testimonials dl dd{ padding:28px; line-height:1.4em;}

/* content main */
#content-main { float:right; width: 600px; display:inline; margin: 0 17px 0 0; padding: 0 0 0 0; position:relative; }
#internal #content-main {width: 700px;}
#content-main h2{ font-style:italic; font-size: 1.4em; color:#56100e;}
#internal #content-main h2{ border-bottom:1px solid #56100e; }

#content-main .c { min-height: 200px; }
#link-tour-showroom { background: url(../img/site.jpg) 0 -402px; width: 179px; height: 37px; position:absolute; bottom:12px; right:0; }
#link-home { background: url(../img/site.png) no-repeat 0 -201px; width: 37px; padding: 0 0 0 22px; height: 17px; position:absolute; top:0; right:0; text-transform:uppercase; z-index:10; }
#link-home a{ display:block; width:100%; height:100%; text-decoration:none; }
#link-home a:hover{ text-decoration:underline; }

/* BREADCRUMB */
#breadcrumbs { margin: 15px 0 10px; }
#breadcrumbs h3 { display:inline; font-size: 1em; padding:0; font-weight:normal;}
#breadcrumbs h3:after { content:": "; }
#breadcrumbs ul{ display:inline; }
#breadcrumbs li { color:#000; color:#3c0307; display:inline; }
#breadcrumbs ul ul li:before { content:" > "; }
#breadcrumbs ul.active a { color:#000; font-weight:bold; text-decoration:none; }

/* SITE INFO */
#site-info { color:#fff; height: 150px; padding: 0; position:relative; }
#site-info address { position:absolute; top:30px;left:0; font-style: normal; }
#site-info address span { }
#site-info address span.name { font-weight:bold; font-size:1.2em; }
#site-info address br { }
#hours{position:absolute; top:30px;left:331px; border-left:1px solid #fff; padding: 0 0 0 47px;  }
#hours h3{ margin: 0; font-size: 1.2em;}
#nav-site-info ul { position:absolute; right:0; bottom:60px;  }
#nav-site-info li { display:inline; border-left: 1px solid #fff; white-space:nowrap; }
#nav-site-info li.first { border:0; }
#nav-site-info li a { font-size:.9em; color:#fff; line-height: 1em; margin: 0 5px 0 9px; }
#link-directions{ position:absolute; top: 63px; left: 133px; background: url(../img/site.png) 0 -147px; width: 128px; height: 32px; }

#memberships{ position:absolute; left:0;bottom:-100px; }
#memberships ul{}
#memberships li{float:left; background:url(../img/site.png); margin: 0 50px 0 0; }
#memberships li a{display:block; width:100%; height:100%; text-indent:-6000px;}
#memberships #link-eanycc{ background-position:0 -491px;width:80px;height:82px;}
#memberships #link-stb{ background-position:0 -598px;width:109px;height:82px;}
#memberships #link-ellicottville{ background-position:0 -703px;width:288px;height:67px;}
#memberships #link-nfi{ background-position:0 -796px;width:46px;height:82px;}

#copyright { font-size:.9em; position:absolute; right:0; bottom:45px; }

/*CORE101*/
#logo-core101 { color: #999; position:absolute; text-align:left; bottom:-125px; right:3px; height:15px; line-height:14px; width: 400px; padding: 0 0 0 0; }
#logo-core101 a { color: #999; text-decoration:none; }
#logo-core101 > .r { right:0; position:absolute; text-indent:-6000px; top:0; display:block; width: 86px; height:17px; background:url(../img/site.png) top right no-repeat; }

/* CUSTOM SELECTORS*/

/*PAGES*/
#page-category{}
#page-category .display{ width:100%; }
#page-category .display .item{ float:left; margin:0 10px 20px 0; width: 223px; height: 250px; }
#page-category .display .item a { border:5px solid #e1e1e1; display:block; }
#page-category .display .item .img{ position: relative; }
#page-category .display .item img{ width: 211px; height:211px; border:1px solid #a2a2a2; }
#page-category .display .item .title{ display: block; width: 160px; color:#000; font-size: 12px; padding: 6px 0 0; font-weight:bold; border:0; text-decoration:none; }
#page-category .display .item .title:hover{ text-decoration:underline; }
.capacity-marker { position: absolute; bottom: -20px; right: 0; background-image: url(../img/icon-heat.png); height: 20px; }
.capacity-marker.low { width: 20px; }
.capacity-marker.medium { width: 40px; }
.capacity-marker.high { width: 60px; }
.legend { float: left; margin: 10px 0 20px; width: 690px; height: 36px; background: url(../img/legend.png) no-repeat; }

#page-details{}

#link-back { position:absolute; top:35px;left:0; width:50px; height:12px; background:url(../img/site.png) -226px -68px no-repeat; }
#link-back a { color:#000; display:block; width: 100%; height:100%;padding:0 0 0 15px;}

#page-details #content-main{ float: none; width:auto; display:block; margin: 0 20px;}
#page-details .video{ position:absolute; width:375px; top:60px; left:0; border:10px solid #e1e1e1; }
#page-details .video object{ display:block;width:373px; height:242px; border:1px solid #999; background:#111; }
#page-details .description{ margin: 0 0 34px 410px; min-height:402px; padding:45px 0 0; }
#page-details .tabs{}
#page-details .tabs .nav { padding-left: 20px;  font-weight: bold; background:url(../img/site-x.png) 0 -655px; height: 30px; border:1px solid #56100e; }
#page-details .tabs ul { padding:0;margin:0; }
#page-details .tabs li{ width:130px; float:left; border-left: 1px solid #7b2927; border-right:1px solid #340403; }
#page-details .tabs li.active { border-left: none; margin-left: 1px; }
#page-details .tabs li a { height:30px; line-height:30px; color:#fff; display:block; text-align:center; text-decoration:none; }
#page-details .tabs li a:hover { text-decoration:underline; }
#page-details .tabs li.active a { cursor:default; color:#56100e; margin: -4px 0 0; background:url(../img/site-x.png) 0 -705px; height: 36px; line-height: 38px; position:relative; z-index:100; }
#page-details .tabs li.active a:hover{ text-decoration:none;}
#page-details .tabs .display { border:solid #56100e; border-width: 0 1px 1px 1px; position:relative; padding:1px 0 0; }
#page-details .tabs .display > .t{ left:0;background:#c2c2c2; width: 100%; height:10px; }
#page-details .tabs .display > .l{ bottom:-1px;left:-1px;background:url(../img/site.png) 0 -435px; width: 5px; height: 6px; z-index:30; }
#page-details .tabs .display > .r{ bottom:-1px;right:-1px;background:url(../img/site.png) 0 -461px; width: 5px; height: 5px; z-index:30; }
#page-details .tabs .display .col{ margin: 9px 0 0; }
#page-details .tabs .display .col.active{display:block!important;}
#page-details .tabs .display .col.active .jScrollPaneContainer{display:block!important;}
#page-details .tabs .display .scroll{ height:383px; overflow:hidden; }
#page-details .tabs .display .col .c{ padding: 5px 18px;  }
#page-details .tabs .display .col .c table { background-color:#e1e1e1; border-color:#ffffff; }
#page-details .tabs .display .col .c table td { padding:10px; }

#page-details .jScrollPaneContainer {position: relative;overflow: hidden;z-index: 1; }
#page-details .tabs .display .active .jScrollPaneContainer{ display:block;}
#page-details .jScrollPaneTrack {position: absolute;right: 10px;top: 0px;height: 100%; background: url(../img/site-y.png) -239px 0 repeat-y #bda66a; }
#page-details .jScrollPaneDrag {position: absolute; background: #56100e;overflow: hidden; }
#page-details .jScrollPaneDragTop {position: absolute;top: 0;left: 0; overflow: hidden;}
#page-details .jScrollPaneDragBottom {position: absolute;bottom: 0; left: 0; overflow: hidden;}
#page-details a.jScrollArrowUp { text-indent:-6000px; display: block; position:absolute; z-index: 1; top: 0; right: 10px;overflow: hidden; background: url(../img/site.png) 0 -338px; width: 17px; height: 23px; }
#page-details a.jScrollArrowDown { text-indent:-6000px;display: block;position:absolute;z-index: 1;	bottom: 0;right: 10px;overflow: hidden;background: url(../img/site.png) 0 -298px; width: 17px; height: 20px; }