/* Welcome to Compass. In this file you should write your main styles. (or centralize your imports) Import this file using the following HTML or equivalent: */
/* html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline) v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark html5doctor.com/html-5-reset-stylesheet/
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
article, aside, figure, footer, header, hgroup, nav, section { display: block; }
nav ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after { content: ''; content: none; }
q:before, q:after { content: ''; content: none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; }
/* tables still need cellspacing="0" in the markup */
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }
/* END RESET CSS */
/* minimal base styles */
/* #333 looks better than black: twitter.com/H_FJ/statuses/11800719859 */
body, select, input, textarea { color: #333; font-family: Tahoma, Geneva, Verdana, Arial, sans-serif; font-size: 16px; }
/* Headers (h1,h2,etc) have no default font-size or margin, you'll want to define those yourself. */
/* www.aestheticallyloyal.com/public/optimize-legibility/ */
h1, h2, h3, h4, h5, h6, ul.nav { font-family: "PT Sans Narrow", "Arial Narrow", Tahoma, Geneva, Verdana, Arial, sans-serif; font-weight: bold; font-weight: 700; text-transform: uppercase; text-rendering: optimizeLegibility; }
/* maxvoltar.com/archive/-webkit-font-smoothing */
html { -webkit-font-smoothing: antialiased; }
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a { color: #620b00; }
a:hover { outline: none; }
a:active { outline: none; color: #10133E; }
a:visited { color: #620b00; }
a:hover { color: #4C51A1; }
ul, ol { margin-bottom: 0.75em; margin-left: 30px; font-size: 0.75em; list-style-image: url(../images/bullet.gif); }
ul li, ol li { line-height: 1.5em; margin: 10px 0; }
ul li.spacer, ol li.spacer { list-style-image: none; height: 0; margin: 0; line-height: 0; }
ul ul, ol ul { font-size: 1em; }
ol { list-style-image: none; list-style-type: decimal; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }
td img { vertical-align: top; }
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre { padding: 15px; /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */ white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ }
/* align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
/* hand cursor on clickable input elements */
label { cursor: pointer; }
input[type=button], input[type=submit] { cursor: pointer; }
button { cursor: pointer; }
/* These selection declarations have to be separate. No text-shadow: twitter.com/miketaylr/status/12228805301 Also: hot pink. */
::-moz-selection, ::selection { background: #666; color: #fff; text-shadow: none; }
/* j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #FF5E99; }
/* always force a scrollbar in non-IE */
html { overflow-y: scroll; }
/* make buttons play nice in IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button { width: auto; overflow: visible; }
/* bicubic resizing for non-native sized IMG: code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }
/* Welcome to Compass. In this file you should write your main styles. (or centralize your imports) Import this file using the following HTML or equivalent: */
label, input, textarea { display: block; float: left; margin: 2px 5px; padding: 1px; font-size: 0.75em; line-height: 1.2em; }
label[type=checkbox], input[type=checkbox], textarea[type=checkbox] { margin: 8px 5px; }
label { width: 95px; padding: 3px; text-align: right; }
label.checkbox { width: 400px; text-align: left; }
label.valid, label.invalid { clear: both; padding-left: 100px; }
label.invalid { width: 270px; text-align: left; color: #E70033; }
input { width: 150px; }
input.button { width: auto; }
input.checkbox { width: auto; }
textarea { width: 225px; padding: 2px; }
div.textarea label.invalid { width: 200px; }
div#foxcontainer_m124 .control-group { margin-bottom: 5px; }
div#foxcontainer_m124 .alert-success { background: none; color: inherit; }
/* Welcome to Compass. In this file you should write your main styles. (or centralize your imports) Import this file using the following HTML or equivalent: */
.popup-info { position: relative; width: 152px; height: 96px; }
.popup-info .trigger { position: absolute; left: 0; border: 1px solid #666; }
.popup-info .popup { position: absolute; z-index: 150; bottom: 84px; left: -20px; width: 172px; padding: 10px; border: 1px solid #666; background: #E9E9E9; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 5px #333333; -moz-box-shadow: 0px 0px 5px #333333; box-shadow: 0px 0px 5px #333333; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; display: none; }
.wrapper #site-footer #disclaimer .popup-info { width: 80%; height: auto; margin: 0 auto; }
.wrapper #site-footer #disclaimer .trigger { position: static; border: none; color: #FFF; }
.wrapper #site-footer #disclaimer .popup { width: 100%; bottom: 20px; left: 0; }
.wrapper #site-footer #disclaimer .popup p { text-align: left; color: #212121; }
html { background: black url(../images/body-bg.jpg) left top no-repeat; }
h1 { line-height: 2.3em; font-size: 2em; }
#content h1 { text-transform: none; }
h2 { line-height: 1.5em; font-size: 1em; }
h3 { margin-bottom: 0.5em; padding: 3px 5px; line-height: 1.2em; font-size: 0.875em; background: #CCC; }
p { margin-bottom: 0.75em; font-size: 0.75em; line-height: 1.5em; }
table tr.header-row { background: #666; }
table tr.odd { background: none; }
table tr.even { background: #D9D9D9; }
table td, table th { padding: 5px; font-size: 0.75em; line-height: 1.5em; }
table td p, table th p { font-size: 1em; }
table td ul, table th ul { font-size: 1em; }
table td ul li, table th ul li { line-height: 1.5em; }
table td.actions, table th.actions { white-space: nowrap; }
table th { white-space: nowrap; }
table tbody th { text-align: right; }
.wrapper { width: 957px; margin: 0 auto 20px; }
.wrapper #site-header { height: 102px; margin-bottom: 7px; padding: 0 5px 6px; background: url(../images/header-nav-with-divider.gif) left bottom repeat-x; }
.wrapper #site-header #logo { display: block; float: left; width: 258px; height: 102px; }
.wrapper #site-header div.right { float: right; width: 689px; height: 102px; }
.wrapper #site-header div.right h1 { float: left; width: 364px; height: 19px; margin: 40px 0 17px 20px; background: url(../images/a-higher-standard-of-performance.png) left top no-repeat; text-indent: -9999px; }
.wrapper #site-header div.right #social-media { float: right; width: 54px; height: 20px; margin: 41px 18px 17px 0; padding: 0; list-style-type: none; list-style-image: none; }
.wrapper #site-header div.right #social-media li { float: left; margin-left: 7px; width: 20px; height: 20px; }
.wrapper #site-header div.right #social-media li a { display: block; width: 20px; height: 20px; text-indent: -9999px; }
.wrapper #site-header div.right #social-media li#sm-facebook a { background: url(../images/icons/facebook.png) left top no-repeat; }
.wrapper #site-header div.right #social-media li#sm-twitter a { background: url(../images/icons/twitter.png) left top no-repeat; }
.wrapper #site-header div.right #social-media li#sm-youtube a { background: url(../images/icons/youtube.png) left top no-repeat; }
.wrapper #site-header div.right #social-media li#sm-flickr a { background: url(../images/icons/flickr.png) left top no-repeat; }
.wrapper #site-header div.right div#site-navigation { float: right; height: 24px; }
.wrapper #site-header div.right div#site-navigation ul { height: 24px; list-style-type: none; list-style-image: none; }
.wrapper #site-header div.right div#site-navigation ul li { float: left; height: 24px; margin: 0; }
.wrapper #site-header div.right div#site-navigation ul li a { display: block; padding: 0 8px; font-size: 1.167em; line-height: 1.714em; font-weight: bold; font-weight: 700; font-family: "PT Sans Narrow", "Arial Narrow", Tahoma, Geneva, Verdana, Arial, sans-serif; text-transform: uppercase; text-decoration: none; color: #FFF; }
.wrapper #site-header div.right div#site-navigation ul li a :hover { text-decoration: underline; }
.wrapper .slideshow-wide { width: 598px; height: 231px; overflow: hidden; margin-bottom: 8px; }
.wrapper #content-wrapper { padding: 13px 0 0 13px; background: rgba(0, 0, 0, 0.3); }
.wrapper #content { margin: 0; padding: 10px 0; color: #212121; background: #e9e9e9 url(../images/content-corner-bg.gif) left bottom no-repeat; /*
#home-slideshow { width: 693px; height: 404px; margin: 0; padding: 0; overflow: hidden; }
*/ /*
.content-right { position: relative; float: right; width: 200px; padding-left: 51px; background: url(../images/brushed-metal-vertical-bg.jpg) left top repeat-y; @include box-shadow( rgba( 0, 0, 0, 0.35 ), -5px, 0, 15px, 2px ); .home-logo { width: 180px; height: 104px; margin: 18px auto; //padding: 0; list-style-type: none; &#star-home { padding: 5px 0; } &#icon-home { margin-top: 28px; } }
.z-top {
position: relative;
z-index: 25;
width: 200px;
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
background: none;
} .darken { position: absolute; bottom: 0; left: 0; width: 251px; height: 108px; background: url(../images/darken-251.png) left top no-repeat; } }
*/ }
.wrapper #content .content-left { float: left; width: 673px; padding: 10px; }
.wrapper #content .content-left a img { border: 1px solid #000; }
.wrapper #content .content-left a.no-border img { border: none; }
.wrapper #content #feature-left { float: left; width: 673px; margin-top: -10px; padding: 0; }
.wrapper #content #feature-left .wk-slideshow { width: 693px; height: 404px; margin: 0; padding: 0; overflow: hidden; }
.wrapper #content #feature-left .wk-slideshow ul li { margin: 0; }
.wrapper #content #feature-right { position: relative; float: right; width: 200px; margin-top: -10px; padding-left: 51px; background: url(../images/brushed-metal-vertical-bg.jpg) left top repeat-y; -webkit-box-shadow: rgba(0, 0, 0, 0.35), -5px, 0, 15px, 2px; -moz-box-shadow: rgba(0, 0, 0, 0.35), -5px, 0, 15px, 2px; box-shadow: rgba(0, 0, 0, 0.35), -5px, 0, 15px, 2px; }
.wrapper #content #feature-right ul.home-product-nav { position: relative; z-index: 25; width: 200px; margin: 0; padding: 0; list-style-type: none; list-style-image: none; background: none; }
.wrapper #content #feature-right ul.home-product-nav li { width: 180px; height: 104px; margin: 18px auto; list-style-type: none; }
.wrapper #content #feature-right ul.home-product-nav li#star-home { padding: 5px 0; }
.wrapper #content #feature-right ul.home-product-nav li#icon-home { margin-top: 28px; }
.wrapper #content h2 { margin: -8px -8px 8px; padding: 0 0 0 6px; color: #EDEDED; background: #666; }
.wrapper #content #content-full ul.nav { height: 1.5em; margin: -8px -28px 0; padding: 0 0 0 6px; line-height: 1.5em; font-size: 1em; color: #EDEDED; list-style-image: none; list-style-type: none; background: #666; }
.wrapper #content #content-full ul.nav li { float: left; margin: 0; border-left: 2px solid #A9A9A9; }
.wrapper #content #content-full ul.nav li a { padding: 0 10px; color: #A9A9A9; line-height: 1em; text-decoration: none; }
.wrapper #content #content-full ul.nav li a:hover { color: #FFF; text-decoration: underline; }
.wrapper #content #content-full ul.nav li:first-child { border: none; }
.wrapper #content #content-full ul.nav li:first-child a { padding-left: 2px; }
.wrapper #content #content-full ul.nav li.active a { color: #EDEDED; }
.wrapper #content .content-intro { clear: both; float: left; width: 580px; margin: 0 0 0 10px; padding: 0 18px 18px; border-right: 1px solid #666; }
.wrapper #content .content-intro h2 { margin: 0 -8px 8px -18px; }
.wrapper #content .content-intro .slideshow { width: 580px; margin: 0 0 5px; }
.wrapper #content .content-intro .slideshow .med-thumbnail-fade { float: left; position: relative; width: 485px; height: 290px; overflow: hidden; }
.wrapper #content .content-intro .slideshow #med-thumbnail-a, .wrapper #content .content-intro .slideshow #med-thumbnail-b { position: absolute; top: 0; left: 0; z-index: 20; display: block; width: 483px; height: 288px; border: 1px solid #000; background: #FFF; }
.wrapper #content .content-intro .slideshow #med-thumbnail-b { z-index: 19; }
.wrapper #content .content-intro .slideshow ul.slideshow-thumbnails { float: right; margin: 0 10px 0 4px; list-style-type: none; list-style-image: none; }
.wrapper #content .content-intro .slideshow ul.slideshow-thumbnails li { width: 81px; height: 54px; margin: 0 0 5px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; }
.wrapper #content .content-intro .slideshow ul.slideshow-thumbnails li.selected { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
.wrapper #content .content-intro .slideshow ul.slideshow-thumbnails li a { display: block; width: 79px; height: 52px; border: 1px solid #000; background: #FFF; }
.wrapper #content .content-intro .slideshow ul.slideshow-thumbnails li a:hover { border-color: #620B00; }
.wrapper #content .content-intro .slideshow ul.slideshow-thumbnails li:last-child, .wrapper #content .content-intro .slideshow ul.slideshow-thumbnails li.last { margin: 0; }
.wrapper #content .content-intro a.view-more-photos { display: block; width: 570px; height: 38px; margin-top: 4px; text-indent: -9999px; background: #ededed url(../images/view-more-photos-bg.jpg) left center no-repeat; }
.wrapper #content .content-intro img.product-logo { display: block; margin: 5px auto 15px; }
.wrapper #content .content-intro p.model-shown { font-size: 0.625em; text-align: center; }
.wrapper #content .content-intro table#dealer-list { width: 100%; }
.wrapper #content .content-intro table#dealer-list th, .wrapper #content .content-intro table#dealer-list td { text-align: left; }
.wrapper #content .content-intro table#dealer-list th:last-child, .wrapper #content .content-intro table#dealer-list td:last-child { text-align: right; }
.wrapper #content .content-intro table#customer-support th, .wrapper #content .content-intro table#customer-support td { width: 87px; text-align: center; }
.wrapper #content #content-sidebar { float: right; width: 261px; margin: 0 10px 0 -1px; padding: 8px 18px 18px 28px; border-left: 1px solid #666; }
.wrapper #content #content-sidebar .moduletable { margin: 0 0 40px; }
.wrapper #content #content-sidebar h2 { margin: -8px -18px 8px -18px; }
.wrapper #content #content-sidebar ul.nav { margin: 0; padding: 0; font-family: Tahoma, Geneva, Verdana, Arial, sans-serif; font-weight: normal; text-transform: none; list-style-type: none; list-style-image: none; }
.wrapper #content #content-sidebar ul.nav li { margin: 6px 0; }
.wrapper #content #content-sidebar ul.nav li a { display: block; padding: 0 0 0 24px; line-height: 1.583em; border: 1px solid #620B00; text-decoration: none; background: #FFF; background-image: url(../images/icons/link-link.gif); background-position: 5px 5px; background-repeat: no-repeat; }
.wrapper #content #content-sidebar ul.nav li a.download { background-image: url(../images/icons/link-download.gif); }
.wrapper #content #content-sidebar ul.nav li a:hover { background: #620B00; color: #FFF; }
.wrapper #content #content-sidebar ul.nav li.lit-download a, .wrapper #content #content-sidebar ul.nav li.lit-download a:hover, .wrapper #content #content-sidebar ul.nav li.spec-download a, .wrapper #content #content-sidebar ul.nav li.spec-download a:hover { height: 46px; padding: 0; line-height: normal; border: none; text-indent: -9999px; background: url(../images/download-literature.gif) left top no-repeat; }
.wrapper #content #content-sidebar ul.nav li.spec-download a, .wrapper #content #content-sidebar ul.nav li.spec-download a:hover { background: url(../images/download-spec-sheet.gif) left top no-repeat; }
.wrapper #content #content-sidebar ul.nav li ul { margin-left: 24px; }
.wrapper #content #content-sidebar a img { border: none; }
.wrapper #content .content-main, .wrapper #content #content-full { clear: both; margin: 0 10px 10px; padding: 8px 18px; }
.wrapper #content .content-main.commercial-quality, .wrapper #content #content-full.commercial-quality { margin: 0; padding: 8px 28px 18px 28px; background: url(../../../../images/icons/quality-stamp-trans-15.png) 720px -35px no-repeat; }
.wrapper #content .content-main.big-five-left, .wrapper #content #content-full.big-five-left { margin: 0; padding: 8px 5px 18px 51px; background: url(../../../../images/icons/big-5-opaque.png) -25px -5px no-repeat; }
.wrapper #content .content-main.nav, .wrapper #content #content-full.nav { margin: 0; padding: 8px 18px 0; }
.wrapper #content .content-main .big-ten-left, .wrapper #content #content-full .big-ten-left { margin: -8px -28px 0; padding: 8px 5px 18px 51px; background: url(../../../../images/icons/big-10-opaque.png) -25px -5px no-repeat; }
.wrapper #content .content-main h2, .wrapper #content #content-full h2 { margin-top: 5px; }
.wrapper #content .content-main a img, .wrapper #content #content-full a img { border: none; }
.wrapper #content .content-main table#products-list thead tr th, .wrapper #content #content-full table#products-list thead tr th { width: 276px; padding: 0 10px; }
.wrapper #content .content-main table#products-list tbody td, .wrapper #content #content-full table#products-list tbody td { padding: 5px 15px; border-left: 1px solid #666; }
.wrapper #content .content-main table#products-list tbody td:first-child, .wrapper #content #content-full table#products-list tbody td:first-child { border: none; }
.wrapper #content .content-main table#product-comparison tr.section-header th, .wrapper #content .content-main table#product-comparison tr.section-header td, .wrapper #content #content-full table#product-comparison tr.section-header th, .wrapper #content #content-full table#product-comparison tr.section-header td { background: #666; color: #EDEDED; font-weight: bold; }
.wrapper #content .content-main table#product-comparison tr.odd th, .wrapper #content .content-main table#product-comparison tr.odd td, .wrapper #content #content-full table#product-comparison tr.odd th, .wrapper #content #content-full table#product-comparison tr.odd td { background: none; }
.wrapper #content .content-main table#product-comparison tr.even th, .wrapper #content .content-main table#product-comparison tr.even td, .wrapper #content #content-full table#product-comparison tr.even th, .wrapper #content #content-full table#product-comparison tr.even td { background: #D9D9D9; }
.wrapper #content .content-main table#product-comparison td, .wrapper #content #content-full table#product-comparison td { text-align: center; }
.wrapper #content .content-main table#product-comparison th h3, .wrapper #content #content-full table#product-comparison th h3 { margin: 0; padding: 0; font-size: 1.3em; color: #EDEDED; background: none; }
.wrapper #content .content-main table#product-comparison tr.thead th, .wrapper #content #content-full table#product-comparison tr.thead th { width: 220px; text-align: center; }
.wrapper #content .content-main table#product-comparison tr.thead tr.thead td, .wrapper #content #content-full table#product-comparison tr.thead tr.thead td { width: 200px; text-align: left; }
.wrapper #content ul.three-col { float: left; width: 255px; margin-right: 10px; }
.wrapper #content table.construction-features { margin: auto; }
.wrapper #content table.construction-features td { padding: 20px; text-align: left; }
.wrapper #content table.specifications td { padding: 5px 10px; text-align: center; white-space: nowrap; }
.wrapper #content table.specifications td a.floorplan-link { text-decoration: none; }
.wrapper #content table.specifications td a.floorplan-link:hover { text-decoration: underline; }
.wrapper #content table.big-five-home, .wrapper #content table.big-ten-home { width: 690px; float: right; }
.wrapper #content table.big-five-home td, .wrapper #content table.big-ten-home td { padding: 5px; }
.wrapper #content table.big-five-home td h3, .wrapper #content table.big-ten-home td h3 { text-align: center; }
.wrapper #content table.big-five-home td .popup-info, .wrapper #content table.big-ten-home td .popup-info { width: 126px; height: 88px; }
.wrapper #content table.big-five-home td .popup-info .trigger, .wrapper #content table.big-ten-home td .popup-info .trigger { position: absolute; left: 0; border: 1px solid #666; }
.wrapper #content table.big-five-home td .popup-info .popup, .wrapper #content table.big-ten-home td .popup-info .popup { position: absolute; z-index: 150; bottom: 84px; left: -50px; width: 196px; padding: 10px; border: 1px solid #666; background: #E9E9E9; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 5px #333333; -moz-box-shadow: 0px 0px 5px #333333; box-shadow: 0px 0px 5px #333333; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; display: none; }
.wrapper #content table.photo-gallery a { padding: 4px; }
.wrapper #content table.photo-gallery a:hover { background: #C6C6C6; }
.wrapper #content .features-big-five, .wrapper #content .features-big-ten { width: 368px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #AAA; }
.wrapper #content .features-big-five img, .wrapper #content .features-big-ten img { margin-right: 25px; }
.wrapper #content .features-big-five ul, .wrapper #content .features-big-ten ul { float: left; width: 120px; margin: 0; padding-top: 4px; list-style-image: none; list-style-type: none; }
.wrapper #content .features-big-five ul li, .wrapper #content .features-big-ten ul li { text-align: right; margin: 5px 0; font-size: 1.3em; }
.wrapper #content .features-big-five a, .wrapper #content .features-big-ten a { padding: 0 !important; background: none; }
.wrapper #content .features-big-five a:hover, .wrapper #content .features-big-ten a:hover { background: none; }
.wrapper #content .features-big-five a img, .wrapper #content .features-big-ten a img { margin: 0; }
.wrapper #dealer-search-map { width: 100%; height: 400px; }
.wrapper table#dealer-search-results { width: 100%; margin: 15px 0; }
.wrapper table#dealer-search-results tr th { padding: 3px 5px; text-align: left; background: #666; color: #EDEDED; }
.wrapper table#dealer-search-results tr td { border-top: 1px solid #212121; margin: 5px 0; }
.wrapper table#dealer-search-results tr td p { margin-bottom: 0; }
.wrapper table#dealer-search-results tr td.dealer-get-directions { vertical-align: middle; }
.wrapper table#dealer-search-results tr td.dealer-get-directions a { display: block; width: 103px; height: 50px; text-indent: -9999px; background: url(../images/map-icon.gif) center top no-repeat; }
.wrapper table#dealer-search-results tr td.dealer-contact { white-space: nowrap; }
.wrapper #site-footer { margin: 0 0 14px; background: url(../images/footer-bg.gif) left 12px repeat-x; }
.wrapper #site-footer .divider { height: 12px; margin: 0; background: url(../images/footer-divider.jpg) left top no-repeat; }
.wrapper #site-footer .content { height: 57px; margin: 0 6px; background: url(../images/footer-corner-bg.gif) left bottom no-repeat; }
.wrapper #site-footer .content #sheffield-financial { font-family: 'Arial Narrow', Tahoma, Geneva, Verdana, Arial, sans-serif; display: block; float: left; margin: 3px 0 0; color: #FFF; font-weight: bold; text-decoration: none; }
.wrapper #site-footer .content #sheffield-financial:hover { text-decoration: underline; }
.wrapper #site-footer .content #sheffield-financial:hover img { border: 1px solid #333; }
.wrapper #site-footer .content #sheffield-financial img { margin-right: 5px; border: 1px solid #FFF; }
.wrapper #site-footer .content .footer-links { float: right; margin: 3px 0 0; padding: 0; list-style-type: none; list-style-image: none; }
.wrapper #site-footer .content .footer-links li { float: left; margin: 0; padding: 0 7px 0 0; list-style-type: none; font-size: 2em; line-height: 50px; font-weight: bold; text-transform: uppercase; color: #FFF; text-decoration: none; background: url(../images/footer-links-border.gif) right center no-repeat; }
.wrapper #site-footer .content .footer-links li a { display: block; float: left; height: 50px; padding: 0 15px; }
.wrapper #site-footer .content .footer-links li:last-child, .wrapper #site-footer .content .footer-links li.last { background: none; padding-right: 0; }
.wrapper #site-footer .content .footer-links li:last-child a, .wrapper #site-footer .content .footer-links li.last a { padding-right: 7px; }
.wrapper #site-footer .sub-content { background: none; padding: 0 13px; }
.wrapper #site-footer .sub-content div.footer-menu { float: right; margin: 0; padding: 0; }
.wrapper #site-footer .sub-content div.footer-menu ul { margin: 0; padding: 0; list-style-type: none; list-style-image: none; }
.wrapper #site-footer .sub-content div.footer-menu ul li { float: left; margin: 0; padding: 6px 0; }
.wrapper #site-footer .sub-content div.footer-menu ul li a { padding: 0 7px; display: block; line-height: 0.8em; font-size: 0.8em; font-weight: bold; color: #FFF; text-transform: uppercase; text-decoration: none; border-right: 2px solid #FFF; }
.wrapper #site-footer .sub-content div.footer-menu ul li a:hover { text-decoration: underline; }
.wrapper #site-footer .sub-content div.footer-menu ul li:last-child a, .wrapper #site-footer .sub-content div.footer-menu ul li.last a { border: none; padding-right: 0; }
.wrapper #site-footer #disclaimer { margin: 5px 0; }
.wrapper #site-footer #disclaimer p { font-size: .7em; line-height: 1.1em; color: #FFF; text-align: center; }
.wrapper #site-footer #disclaimer a { color: #FFF; }
.wrapper #site-footer #copyright { margin-top: 20px; text-align: center; }
.wrapper #site-footer #copyright p { font-size: 0.7em; font-weight: bold; text-transform: uppercase; color: #FFF; }
p.reader-download, p.label { text-align: center; font-size: 0.625em; }
.slideshow-image { vertical-align: bottom; }
.map { float: right; width: 425px; height: 400px; }
.nav { font-family: "Arial Narrow", Tahoma, Geneva, Verdana, Arial, sans-serif; }
#Modal { display: none; }
a.lightbox { display: block; border: 1px solid #000; }
a.lightbox img { vertical-align: bottom; }
a.camera { text-indent: -9999px; background: url(../images/camera.png) top left no-repeat; }
span.bordered-image { display: block; padding: 4px; border: 1px solid #000; }
div.center, p.center { text-align: center; }
img.center, a.img.center { clear: both; display: block; margin: 10px auto; }
img.left, a.img.left { clear: both; display: block; float: left; margin: 5px 10px 10px 0; }
img.right, a.img.right { clear: both; display: block; float: right; margin: 5px 0 10px 10px; }
a.img img { border: 1px solid #666; padding: 4px; background: #FFF; }
a.img:hover img { background: #999; }
.clear { clear: both; }
div.clear { height: 0; line-height: 0; }
.horiz-scroll-container { width: 100%; overflow: auto; }
#yoo-zoo .details h1.title { height: auto; padding: 0; font-size: 18px; line-height: 2.3em; text-indent: 0; background: none; }
#yoo-zoo .items h2.pos-title { margin: 0 0 8px; padding: 0; text-indent: 6px; }
#yoo-zoo .categories h2.title { margin: 0 0 8px; padding: 0; text-indent: 6px; }
.yoo-zoo.element-download-button { background-image: url(../images/download-button.png); }
.yoo-zoo.element-download-button > span { background-image: url(../images/download-button.png); }
.yoo-zoo.element-download-button > span > span { background-image: url(../images/download-button.png); }
.wrapper #content .content-sidebar ul.menu { margin-bottom: 25px; }
form#form-login br { display: none; }
form#form-login fieldset label { display: block; float: left; width: 100px; margin-right: 5px; font-size: 12px; }
form#form-login fieldset input { display: block; float: left; width: 100px; font-size: 12px; }
form#form-login fieldset.userdata p { clear: both; margin-bottom: 10px; }
form#form-login fieldset #form-login-remember input { width: auto; }
a[data-lightbox] { display: inline; }
a[data-lightbox] img { padding: 4px; border: 1px solid #000; background: #FFF; }
.wk-slideshow-inside .nav img { opacity: 0.4; }
.wk-slideshow-inside .nav li { margin: 0; background: #E9E9E9; }
.wk-slideshow-inside .nav li.active img { opacity: 1; }
.wk-slideshow-inside a[data-lightbox] img { padding: 0; border: none; }
.wk-gallery-wall a img { padding: 6px; }
.wk-gallery-wall a[data-lightbox] img { background: none; }
#sl_sidebar { width: 100%; float: none; border: none; margin: 0; }
#sl_sidebar div { background: none; cursor: pointer; margin: 0; padding: 10px 5px; border-bottom: 1px solid 1px #212121; }
#sl_sidebar div:hover { background: #CCC; }
/* Media Queries for mobile devices */
@media screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; } }