@import 'design.css';
#left .top { background-image:url(../images/top.jpg); }
ul.collapse { position: relative; margin-top: -29px; }
ul.collapse li a.c { background-image: url(../images/tab.png); color: #333; padding-top: 17px; height: 19px; margin-bottom: 6px; font-family: "GS"; }
ul.collapse li.ok a.c:hover { background-position: 0 -37px; height: 25px; margin-bottom: 0; }
ul.collapse li.on a.c, ul.collapse li.ok.on a.c { background-position: 0 -37px; height: 27px; margin-bottom: 1px; }
ul.collapse li ul { margin-bottom: 4px; }
ul.collapse li ul li { margin-bottom: 2px; }
ul.collapse li ul li ul {display: none; }
ul.collapse li ul li.callout { width: 240px; padding:10px 27px 20px; margin: 11px 9px 2px; color: #555; font-size: 11px; border: 1px solid #dbdbdb; background-color:#f8f7ed; }
ul.collapse li ul li.callout strong { color: #333; text-transform: uppercase; }
ul.collapse li ul li.callout a { color: #555; text-decoration: underline; margin-left: 0; }
ul.collapse li ul a { font-size: 11px; margin-left: 38px; color: #808080; text-decoration: none; }
ul.collapse li ul a:hover { text-decoration: underline; }
ul.collapse li ul a.on { color: #AF9437; text-decoration: underline }
#left a.btn { margin-left: 33px; }

#main .pad { float: left; display: inline; width: 560px; margin: 40px 0 0 40px; color: #666 }
#main .pad h2 { margin: 0; font: 19px/22px "GS"; }
#main .pad h2 span.fx { font-size: 15px; position: relative; top: -1px }
#main .pad h3 { margin: 8px 0 0; font: 16px/19px "GS"; }
#main .pad select { margin: 10px 0; width: 316px; }
#main .pad .smaller { font-size: 11px; }
.fl { float: left; display: inline; margin: 0 25px 25px 0; }
.fr { float: right; display: inline; margin: 0 0 25px 25px; }
div.fl { margin-right:0; }

#main .pad #faq p span.typeface-js { float: left; display: inline-block; margin: -2px 4px -2px 0; font: 19px/19px "GS"; }

div.hr { display:block; width: 619px; position: relative; left: -28px; height: 28px; border-top: 1px solid #e6e6e6; margin: 20px 0 0; clear:right }
form.support { float: left; display: inline; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; margin: 28px 0; padding: 28px; position: relative; left: -28px; }

#results { margin-left: 4px; }
#results.dealer { height: 117px; background-image: url(../images/locator/hdr.jpg); }
#left .top.dealer { background-image:url(../images/locator/top.jpg); height: 131px; width: 250px; padding-right: 28px; }

#results.design h1 { color: #CBB14F; }
#results h2 { font-size: 16px; }
#results h2 a { color: #fff; /*text-decoration: none;*/ }
#results.design div { color: #808080; }

#gallery { float: left; display: inline; width: 639px; margin-left: 4px; }
#player { float: left; width: 320px; height: 240px; }
#vidinfo { float: right; display: inline; width: 271px; height:221px; padding: 19px 24px 0; background: url(../images/gallery/bg_vid.jpg) no-repeat 0 0; color: #424242; }

#thumbs { float: left; display: inline; width: 632px; padding: 24px 0 0 8px; }
#thumbs .thm { float: left; display: inline; width: 139px; height: 108px; padding: 3px; background: url(../images/gallery/bg_thm.png) no-repeat 0 0; margin: 0 0 6px 9px; }
#thumbs .thm a { float: left; display: inline; text-decoration: none; padding: 9px 0 0 10px; width: 127px; height: 97px; border: 1px solid #d7d7d7; font-size: 11px; color: #555; }
#thumbs .thm a img { display: block; margin-bottom: 3px; }
#thumbs .thm.on a { border-color: #008AB8; }
#thumbs .thm .info, #thumbs .thm .flv { display: none; }

#images { float: left; display: inline; width: 639px; margin-left: 4px; background:url(../images/gallery/bg_images.gif) repeat-y 0 0; position: relative; }
#images #gallery { margin-left: 0; height: 258px; border-bottom: 7px solid #fff; text-align: center; background:url(../images/gallery/bg_gallery.jpg) no-repeat 0 0; }
#images #gallery img { height: 250px; margin: 4px auto; }
#imginfo { float: left; display: inline; margin:2px 2px 0 26px; width: 286px; color: #424242; }
#imginfo a { color: #008ab8; }
#images #thumbs { width: 309px; padding-top: 0; }
#gallery a.p, #gallery a.n { display: block; width: 33px; height: 31px; position: absolute; top: 113px; left: 0; background: url(../images/gallery/bg_arrows.jpg) no-repeat 0 0; }
#gallery a.n { left: auto; right: 0; background-position: -33px 0; }

.floorplans { float: left; display: inline; width: 560px; margin: 10px 0 28px; padding: 0 28px 28px; position: relative; left: -28px; border-bottom: 1px solid #e6e6e6 }
.floorplans.nob { border-bottom: none; }
.floorplans a { float: left; display: inline; margin: 0 40px 40px 0; color: #B89724; text-decoration: none }
.floorplans a img { display: block; }

#main a.more { color: #B89724; text-decoration: none; }
#main input.txt, #main input.txt2, #main textarea, #main .textarea { display: block; width: 281px; height: 28px; padding: 0 5px; margin: 5px 0; font: 12px/28px Arial; background: url(../images/txt.png) no-repeat 0 0; border: none }
#main input.txt2 { width: 237px; background-image: url(../images/txt2.png) }
#main textarea, #main .textarea { padding: 5px; width: 278px; height: 201px; background-image: url(../images/textarea.png); line-height:15px; }
#main .textarea { padding: 0; width: 288px; height: 211px; }
#main .textarea textarea { background: none; margin: 0 }
#main #dealerlocate input { float: left; }
#main #dealerlocate input.txt { width: 263px; margin: 0; height: 29px; background-image: url(../images/locator/input.png); }
#main #right a.btn, #myfavs input.btn { display: block; width: 230px; height: 28px; padding: 0 10px; font: 12px/28px Arial; background: url(../images/btn2.png) no-repeat 0 0; color: #555; text-decoration: none }
#main #right a.btn:hover, #myfavs input.btn:hover { color: #fff; background-position: 0 -28px; }

div.fav a img { float: left; display: inline; width: 167px; margin-right: 30px; }
#myfavs input.btn { background-image:url(../images/btn160.png); padding: 0; cursor: pointer; float: left; display: inline; width: 160px; border: none; margin-right: 37px;  }
#myfavs div.hdr, div.fav { float: left; display: inline; width: 569px; position: relative; left: -28px; padding: 20px 25px; border-top: 1px solid #e6e6e6; }
div.fav div { float: left; width: 367px; }

#dealerlocate h1 { font: 22px/32px "GS"; }
.dealers ul.tabs { float: left; display: inline; width: 627px; padding: 15px 0 0 15px; height: 44px; margin: 0; list-style: none; border-bottom: 1px solid #dfdfdf; }
.dealers ul.tabs li { float: left; }
.dealers ul.tabs li a { float: left; display: inline; width: 299px; height: 44px; position: relative; top: 1px; background: url(../images/locator/tabs.png) no-repeat 0 -44px; font: 13px/44px "MX"; color: #666; text-decoration: none; text-align: center; margin-right: 11px }
.dealers ul.tabs li.on a { color: #333; background-position:0 0; }
.dealers .result { float: left; display: inline; width: 642px; border-bottom: 1px solid #dfdfdf; padding: 15px 0 19px; color: #666 }
.dealers .result div { float: left; display: inline; width: 161px; }
.dealers .result div.name { width: 278px; margin-left: 42px; }
.dealers .result.odd { background-color:#F6F5EF; }
.dealers .result.hdr { padding: 9px 0 5px; text-transform: uppercase; font-family: "GS"; color: #333 }