/* sleepypod style */

/* colors
blues: 598cb3 869fb6 afcfe8
wools: eae0b6 cec9b7
grays: b2b8b8 a9afaf 8b8f8f 6c6f6f 464e4e 373434 221f1f 1f1f22 121010
magenta: ec0c69
*/

/* global */
html { margin: 0; padding: 0; color: #b2b8b8; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: #040404; } /* background: #151419 url('images/back.jpg') repeat-x bottom fixed; */
body { min-width: 850px; color: #b2b8b8; font-size: 11pt; font-family: Gill Sans, GillSans, Arial, sans-serif; text-align: center; background: none; }
img { vertical-align: middle !important; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
a img { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
a:hover img { background-color: #1f1f22; border-bottom: none !important; }
td { vertical-align: top; }
p  { padding-bottom: 1em; }
div.spacer { font-size: 1px; clear: both; }
p img { margin-right: .5em; margin-bottom: 3px; }
em { font-style: normal; font-weight: normal; text-decoration: none; }
sup { font-size: 50%; }
.fullwide { width: 100%; }

/* newsbox */
.newsbox { padding: 3px .2em; border-bottom: solid 1px #6c6f6f; color: #8b8f8f; background-color: #121010; text-align: center; font-size: 10pt; }
.newsbox b { color: #a9afaf; font-weight: bold; }
.newsbox a { color: #598cb3; text-decoration: none; }
.newsbox a:hover { color: #afcfe8; border-bottom: solid 2px #afcfe8; }

/* top menu */
div.menu { color: #8b8f8f; text-align: left; font-family: Gill Sans, GillSans, Arial, sans-serif; font-size: 12pt; margin: 1.5em auto 1em; position: relative; width: 801px; }
html>body div.menu { margin-bottom: 2px; height: auto; } /* non-ie */
.menu a { font-family: Gill Sans, GillSans, Arial, sans-serif !important; text-decoration: none; margin-right: 1em; }
.menu a:hover { color: #fff !important; border-bottom: solid 2px #fff; }
.menu a { color: #a9afaf !important; }
.menu a.selected { color: #fff !important; font-weight: normal; border-bottom: none; }
div.menuright { display: inline; text-align: right; position: absolute; right: 0; margin: 0; }
.menuright a { margin-right: 0; margin-left: 1em; }
a.ordernow { color: #598cb3 !important; }
a.selected.ordernow { color: #afcfe8 !important; }
a.ordernow:hover { color: #afcfe8 !important; border-bottom: solid 2px #afcfe8; }

/* dropmenu */
ul.dropmenu { padding: 0; margin: 0; display: inline; text-align: left; }
.menuright ul.dropmenu { text-align: right; }
.dropmenu { list-style: none; }
.dropmenu li.droptop { display: inline; }
.dropmenu li a.top_link { text-decoration: none; cursor: pointer; }
.dropmenu li a.top_link span { padding-bottom: 1em; border-bottom: none; }
.dropmenu li a:hover { border-bottom: none; }
.dropmenu table { border-collapse: collapse; width: 0; height: 0; position: absolute; top: 0; left: 0; }
.menuright .dropmenu table { right: 0; }
.dropmenu a:hover { visibility: visible; position: relative; }
.dropmenu li:hover { position: relative; z-index: 10; }
.dropmenu ul { display: inline; position: absolute; left: -9999px; top: -9999px; width: 0; height: 0; margin: 0; padding: 0; list-style: none; text-align: left; }
.menuright .dropmenu ul { text-align: right; }
.dropmenu ul.dropsub { width: auto; background: url(images/shade22275.png) repeat; border: solid 2px #121010; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; z-index: 10; }
.dropmenu :hover ul { left: -8px; top: 1.3em; white-space: nowrap; height: auto; }
.menuright .dropmenu :hover ul { right: -8px; left: inherit; }
.dropmenu :hover ul li { display: block; position: relative; font-weight: normal; width: auto;}
.dropmenu :hover ul li a, .dropmenu :hover ul li b { display: block; width: auto; margin: 2px 4px; padding: 0 2px; padding-bottom: 2px; }
.dropmenu :hover ul li :hover span { color: #fff !important; border-bottom: solid 2px #fff; padding-bottom: 0px; }

/* box */
div.bigbox { position: relative; margin: 2em auto; width: 801px; text-align: left; }

/* tail */
div.tail { color: #6c6f6f; font-size: 9pt; font-family: Gill Sans, GillSans, Arial, sans-serif; margin: 0 auto; padding-bottom: 2em; width: 802px; clear: both; text-align: center; }
.tail a { color: #598cb3 !important; font-size: 9pt !important; font-family: Gill Sans, GillSans, Arial, sans-serif !important; text-decoration: none; }
.tail a:hover { color: #afcfe8 !important; border-bottom: solid 2px #afcfe8; }

/* warning */
.warning { color: #ec0c69; background-color: #1f1f22; text-align: center; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 1em 0; margin-bottom: 1em; }

/* content */
div.content { padding: 0; color: #b2b8b8; }
.content p { padding: 1em 0; }
.content b { color: #598cb3; font-weight: bold; }
.content em img { border: solid 1px #b2b8b8; }
.content em { color: #afcfe8; }
.content a[href], .content a[onmousedown] { color: #598cb3; text-decoration: none; padding-bottom: 2px; }
.content a[href]:hover, .content a[onmousedown]:hover { color: #598cb3; border-bottom: solid 2px #598cb3; padding-bottom: 0; }
/* *:not(img) + .content a[href^="http:"]:before { content: "→ "; } */
.content a[href^="http:"] { color: #eae0b6; }
.content a[href^="http:"]:hover { color: #eae0b6; border-bottom: solid 2px #eae0b6; }
.content a[href^="mailto:"] { color: #6c6f6f; }
.content a[href^="mailto:"]:hover { color: #6c6f6f; border-bottom: solid 2px #6c6f6f; }
.content h1 { margin-top: .5em; margin-bottom: .5em; color: #fff; font-weight: normal; font-size: 20pt; text-align: center; clear: both; }
.content h1 a { color: #fff; }
.content h2 { margin-top: .5em; margin-bottom: .1em; color: #fff; font-weight: bold; font-size: 12pt; clear: both; }
.content h2 em { color: #fff; }
.content h3 { margin-top: .5em; color: #afcfe8; font-weight: bold; font-size: 10pt; clear: both; }
.content h4 { margin-top: .5em; color: #afcfe8; font-weight: bold; font-size: 10pt; clear: both; }
.content h5 { margin-top: .5em; color: #afcfe8; font-weight: bold; font-size: 10pt; }
/* .content table table tr > td:first-child { padding-left: 10px; padding-right: 5px; } */
.content table table tr > td { padding-left: 10px; padding-right: 5px; }
.content .price, .content .notprice { padding-right: 10px; }
.content th { color: #afcfe8; text-align: left; vertical-align: bottom; font-weight: bold; }
.content ul { list-style-type: none; }
.content li { padding-bottom: .5em; }
.content li:first-line { padding-left: .5em; }
.content .error { color: #ec0c69; }
.left { }
.right { width: 50%; }
.smallright { width: 30%; margin-left: 2em;  }
.right.third { padding-left: 1px; }
.third { width: 266px; }
div.logo { text-align: center; padding-bottom: 1em; }
div.diagram { text-align: center; padding: 1em 0; }
div.awards { text-align: center; padding: 0; }
.awards { vertical-align: text-top; padding: 0; }
.awards img { vertical-align: top !important; padding: 0; }
.inright { float: right; margin-left: 1em; }
img#main { margin-bottom: 1px; }
img#awards { margin-bottom: 1px; margin-top: 1px; }

/* customer submenu */
div.submenu { color: #8b8f8f; text-align: center; margin-top: 2em; margin-bottom: 2em; }
.submenu a { color: #8b8f8f; margin: 2px .5em; }
.submenu a:hover { margin: 2px .5em; }
.submenu b { color: #fff; font-weight: normal; margin: 2px .5em; }

/* comments page */
div.comment { clear: both; padding-top: 1em; }
.comment h2 { padding-bottom: 1px; border-bottom: 2px solid #b2b8b8; }
.comment a[rel] { margin-bottom: 2px; }
.comment img { float: right; margin: 0; padding: 0; vertical-align: top; }
.comment p { clear: none; padding-top: 2px; }
.comment b { clear: none; color: #fff; }
.comment span.when { position: relative; float: right; color: #6c6f6f; }
.what { text-align: right; white-space: nowrap; }


#events-archive .left, #events .left  { float: left; margin-bottom: 1em; }

/* reviews page */
div.review { clear: both; padding-top: 1em; }
.review a[rel] { margin-bottom: 2px; }
.review img { float: left; margin: 0; padding: 0; margin-right: 1em; vertical-align: top; }
.review p { clear: none; }
.review b { clear: none; color: #fff; }
span.when { position: relative; float: right; color: #6c6f6f; }

/* product pages */
.featuretables { width: 100%; text-align: center; }
.featuretables td { vertical-align: top; }
.featuretable { width: 100%; text-align: center; }
.featuretable td { padding: .3em .7em; vertical-align: middle; }
.featuretable th {  text-align: center; border-bottom: solid 1px #221f1f; color: #afcfe8; font-weight: normal; padding-top: 1em; }
.featurewhat { padding-right: .2em; color: #8b8f8f; text-align: right !important; vertical-align: top; white-space: nowrap; }
.order td { vertical-align: middle; }
.note { color: #8b8f8f; font-size: 9pt; clear: both; }
.mainright { color: #eae0b6; }
div.videoplayer { float: left; }
.videoplayer div { }
div.videonote { float: left; height: auto; }
.videoplayer p { padding: 0 8px; }
video { z-index: -100; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }

/* order page */
.orderselect { width: 100%; text-align: center; }
.orderselect td { padding: .3em .7em; vertical-align: bottom; }

/* config page */
.option, .option em { color: #6c6f6f; }
.notoption, .notoption em { color: #464e4e; }
.price { color: #598cb3; font-weight: bold; }
.notprice { color: #464e4e; text-decoration: line-through; }
.available { }
.notavailable { color: #464e4e; }

/* button */
.submitbutton input { padding: 0 4px; border: solid 2px #598cb3; color: #598cb3; background: none; white-space: nowrap; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.submitbutton input:hover { border: solid 2px #afcfe8; color: #afcfe8; }

/* contact */
table.contact { margin-left: .5em; padding-left: .5em; }
.contact td { padding-left: .5em; padding-bottom: .5em; border-top: none; }
input, textarea, select { color: #000; background-color: #b2b8b8; border: none; }

/* stores page */
div.storeblock { display: inline; width: 266px; min-height: 13em; float: left; padding: 0; margin: 0; }
.mapbubble { font-size: 10pt; }
.mapbubble b { color: #598cb3; }
.mapbubble a { color: #598cb3; padding-bottom: 2px; }
.mapbubble a:hover { color: #598cb3; border-bottom: solid 2px #598cb3; padding-bottom: 0; }
#map img { -moz-border-radius: none !important; -webkit-border-radius: none !important; border-radius: none !important;  }

/* online page */
div.onlineblock { display: inline; width: 266px; height: 100px; float: left; padding: 0; padding-right: 1px; padding-bottom: 1px; margin: 0; }

/* wheretobuy */
div.whereblock { width: 390px; float: left; margin-right: 10px; }
.whereright { clear: both; }

/* _imager */
.preloadzone { position: absolute; left: 0; top: 0; z-index: 71; width: 0; height: 0; overflow: hidden; }
div.thumbnails { white-space: nowrap; }
.imagerSelected { padding-bottom: 1px; border-bottom: solid 2px #afcfe8; }
.imagerNotSelected { padding-bottom: 3px; border-bottom: none; }

#imageContainer { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }

/* imagelibrary page */
span.thumb { float: left; width: 102px; padding: .5em 0 1em 10px; font-size: 50%; }
.thumb img { border: solid 1px #586874; }
.thumb a img { border: none; }
.thumb a { border: none; margin-right: 2px; }