/*  Copyright 2007 Dynacor Media Group  */

/* ############################## GENERAL DEFAULTS ############################## */

/* === body === */
html, body { width: 100%; height: 100%; margin: 0px; padding: 0px; background-image: url(bg.gif); background-repeat: repeat-x; background-position: center top; }

/* === text === */
body, td, input, select, textarea { font-family: arial; font-size: 12px; font-weight: normal; color: #58595b; }

/* === links === */
a { text-decoration: none; color: #50b848; }

a:hover { text-decoration: none; color: #ee3224; }

/* === images === */
img { border: 0px; }

/* ############################## FONT CLASSES ############################## */

/* === red === */
font.red { color: #ee3224; }

/* === green === */
font.green { color: #50b848; }

/* === white === */
font.white { color: #ffffff; }

/* === heading === */
font.heading { font-size: 14px; font-weight: bold; }

/* === quote === */
font.quote { font-size: 14px; font-style: italic; }

/* ############################## SHADOW CLASSES  ############################## */

/* === shadow base === */
.shadow_base { background-color: #58595b; }

/* === horizontal === */
.shadow_horizontal { width: 752px; height: 1px; }

/* === vertical === */
.shadow_vertical { width: 1px; }

/* === strip 1 === */
.shadow_strip_1 { opacity: 0.30; filter: alpha(opacity=30); }

/* === strip 2 === */
.shadow_strip_2 { opacity: 0.25; filter: alpha(opacity=25); }

/* === strip 3 === */
.shadow_strip_3 { opacity: 0.20; filter: alpha(opacity=20); }

/* === strip 4 === */
.shadow_strip_4 { opacity: 0.15; filter: alpha(opacity=15); }

/* === strip 5 === */
.shadow_strip_5 { opacity: 0.10; filter: alpha(opacity=10); }

/* === strip 6 === */
.shadow_strip_6 { opacity: 0.05; filter: alpha(opacity=5); }

/* === strip 7 === */
.shadow_strip_7 { opacity: 0.02; filter: alpha(opacity=2); }

/* === strip 8 === */
.shadow_strip_8 { opacity: 0.01; filter: alpha(opacity=1); }

/* ############################## container TABLE ############################## */

/* === table === */
table.container { width: 100%; border: 0px; border-collapse: collapse; }

/* === cells === */
table.container td { border: 0px; padding: 0px; text-align: left; vertical-align: top; }

/* === center cell === */
table.container td.center { width: 752px; }

/* ############################## main DIV ############################## */

/* === main === */
div.main { width: 750px; border: 1px solid #58595b; position: relative; background-color: #ffffff; }

/* ############################## header DIV ############################## */

/* === div === */
div.header { height: 68px; background-image: url(header.gif); background-repeat: no-repeat; background-position: left top; }

/* === header_home image === */
div.header img.header_home { position: absolute; }

/* === home image === */
div.header img.home { width: 196px; height: 64px; position: absolute; }

/* === search form === */
div.header form.search_form { position: absolute; left: 512px; top: 24px; }

/* === search query === */
div.header form.search_form input.search_query { width: 138px; height: 16px; background-color: #f1f1f1; border-top: 1px solid #58595b; border-left: 1px solid #dedede; border-right: 1px solid #dedede; border-bottom: 0px; }

/* === search button === */
div.header form.search_form img.search_button { cursor: pointer; position: relative; top: 2px; }

/* ############################## footer/bnav DIVs ############################## */

/* === footer div === */
div.footer { height: 30px; background-image: url(footer.gif); background-repeat: no-repeat; background-position: left top; }

/* === bnav div === */
div.footer div.bnav { text-align: center; font-family: arial; font-size: 11px; position: relative; top: 6px; }

/* === bnav links === */
div.footer div.bnav a { text-decoration: none; color: #58595b; }

div.footer div.bnav a:hover { text-decoration: none; color: #ee3224; }

/* ############################## mnav DIV ############################## */

/* === div === */
div.mnav { height: 41px; position: relative; background-image: url(bg_mnav.gif); background-repeat: no-repeat; background-position: left top; }

/* === images === */
div.mnav img { position: absolute; }

/* === image 1 === */
div.mnav img#mnav_1 { left: 156px; }

/* === image 2 === */
div.mnav img#mnav_2 { left: 225px; }

/* === image 3 === */
div.mnav img#mnav_3 { left: 322px; }

/* === image 4 === */
div.mnav img#mnav_4 { left: 446px; }

/* === image 5 === */
div.mnav img#mnav_5 { left: 539px; }

/* === image 6 === */
div.mnav img#mnav_6 { left: 662px; }

/* ##############################   DIV ############################## */

/* === div === */
div.hnav { height: 41px; position: relative; background-image: url(bg_hnav.gif); background-repeat: no-repeat; background-position: left top; }

/* === images === */
div.hnav img { position: absolute; }

/* === image 1 === */
div.hnav img#mnav_1 { left: 32px; }

/* === image 2 === */
div.hnav img#mnav_2 { left: 101px; }

/* === image 3 === */
div.hnav img#mnav_3 { left: 198px; }

/* === image 4 === */
div.hnav img#mnav_4 { left: 446px; }

/* === image 5 === */
div.hnav img#mnav_5 { left: 539px; }

/* === image 6 === */
div.hnav img#mnav_6 { left: 662px; }

/* ############################## bookNav DIV ############################## */

/* === div === */
div.bookNav { height: auto; padding:10px 10px 10px; position: relative; }

div.content.heading > a { color:#58595B !important; }

/* ############################## snav DIV ############################## */

/* === div === */
div.snav { width: 245px; height: 213px; position: absolute; top: 152px; background-image: url(bg_snav.gif); background-repeat: no-repeat; background-position: left top; }

/* === images === */
div.snav img { position: absolute; left: 6px; }

/* === image/area 1 === */
div.snav img#snav_1, div.snav img#area_1 { top: 10px; }

/* === image/area 2 === */
div.snav img#snav_2, div.snav img#area_2 { top: 41px; }

/* === image/area 3 === */
div.snav img#snav_3, div.snav img#area_3 { top: 74px; }

/* === image/area 4 === */
div.snav img#snav_4, div.snav img#area_4 { top: 106px; }

/* === image/area 5 === */
div.snav img#snav_5, div.snav img#area_5 { top: 138px; }

/* === image/area 6 === */
div.snav img#snav_6, div.snav img#area_6 { top: 170px; }

/* === divider 1 === */
div.snav img#divider_1 { top: 41px; }

/* === divider 2 === */
div.snav img#divider_2 { top: 73px; }

/* === divider 3 === */
div.snav img#divider_3 { top: 105px; }

/* === divider 4 === */
div.snav img#divider_4 { top: 137px; }

/* === divider 5 === */
div.snav img#divider_5 { top: 169px; }

/* ############################## ism/quote DIVs ############################## */

/* === ism div === */
div.ism { width: 245px; height: 330px; position: absolute; bottom: 29px; background-image: url(bg_ism.gif); background-repeat: no-repeat; background-position: left top; }

/* === title div === */
div.ism div.title { font-size: 18px; font-weight: bold; text-decoration: underline; color: #ee3224; position: absolute; left: 75px; top: 36px; }

/* === quote div === */
div.ism div.quote { width: 180px; text-align: justify; position: absolute; left: 34px; top: 65px; }

/* === images === */
div.ism img { position: absolute; left: 23px; bottom: 0px; }

/* ############################## content_container/content DIVs ############################## */

/* === content_container div === */
div.content_container { width: 505px; position: relative; left: 245px; background-image: url(bg_content_top.gif); background-repeat: no-repeat; background-position: left top; }

/* === content div === */
div.content_container div.content { padding: 0px 30px 20px; text-align: left; background-image: url(bg_content_bottom.gif); background-repeat: no-repeat; background-position: left bottom; }

/* ############################## content_home DIV ############################## */

/* === content_home div === */
div.content_home { width: 750px; height: 462px; position: relative; background-image: url(home_2010.jpg); background-repeat: no-repeat; background-position: left top; }

/* === div one === */
div.content_home div.one { width:210px; position: absolute; text-align:left; float:right; left: 19px; top: 5px; }

/* === div two === */
div.content_home div.two { width:210px; position: absolute; text-align:left; float:right; left: 125px; top: 155px; }

/* === div three === */
div.content_home div.three { width:210px; position: absolute; text-align:left; float:right; left: 19px; top: 340px; }

/* === div four === */
div.content_home div.four { position: absolute; left: 372px; top: 20px; }

/* === div five === */
div.content_home div.five { padding:20px; position:absolute; width:710px; background:#fff; top:300px; }

/* ############################## order TABLE ############################## */

/* === table === */
table.order { border: 0px; border-collapse: collapse; }

/* === cells === */
table.order td { border: 1px solid #58595b; padding: 5px; text-align: left; vertical-align: top; }

/* === no border cell === */
table.order td.noborder { border: 0px; }

/* === narrow 50px cell === */
table.order td.narrow50 { width: 50px; }

/* === narrow 60px cell === */
table.order td.narrow60 { width: 60px; }

/* === right align cell === */
table.order td.right { text-align: right; }

/* === center align cell === */
table.order td.center { text-align: center; }

/* === middle valign cell === */
table.order td.middle { vertical-align: middle; }

/* ############################## order_form FORM ############################## */

/* === quantity field === */
form.order_form input.quantity { width: 40px; text-align: right; }

/* ############################## newsletter DIV ############################## */

/* === div === */
div.newsletter { width: 241px; border: 1px solid #58595b; padding: 10px; text-align: left; background-color: #f0f0f0; }

/* ############################## newsletter_form FORM ############################## */

/* === email address field === */
form.newsletter_form input.email_address { width: 170px; }

/* ############################## disclaimer DIV ############################## */

/* === div === */
div.disclaimer { width: 500px; border: 1px solid #58595b; margin: 10px; padding: 10px; text-align: left; background-color: #f0f0f0; }

/* ############################## signature DIV ############################## */

/* === div === */
div.signature { text-align: center; font-family: arial; font-size: 10px; color: #808080; position: relative; top: -4px; }

/* === links === */
div.signature a { text-decoration: none; color: #808080; }

div.signature a:hover { text-decoration: none; color: #ffffff; }

/* ############################## Cart ############################## */
form.paypal { marign: 0 0 20px 0 !important; padding:0 0 20px 0; }

form.paypal input.add { margin:0 0 -5px 0 !important; padding:0; }

.small { font-size:75%; }

#slidepanel { width:100%; display:none; position:relative; }

.slide { margin: 0; padding: 0; border-top: solid 4px #000; background: #fff; }

#panelContent { position:relative; width:450px; margin:0 auto 0 auto; text-align:left; }

form.cssform { position:relative; }

form.cssform input { padding:2px 0 0 0; background:#fff; border:1px solid #ccc; font-size:12px; width:200px; height:15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin:0 0 10px 0; padding:5px; }

form.cssform select { padding:10px; background:#fff; border:1px solid #ccc; font-size:12px; height:30px; width:400px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin:0 0 10px 0; padding:5px; }

form.cssform fieldset { padding:15px; margin-bottom: 10px; border-left:1px solid #ccc; border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

form.cssform fieldset legend { font-size:12px; font-weight:bold; color:#333; }

form.cssform label { display: inline-block; line-height: 1.8em; vertical-align: top; text-shadow: #fff 1px 1px 0; }

form.cssform fieldset ol { margin:20px 0 0 0; padding: 0; }

form.cssform fieldset li { list-style: none; margin: 0; width:400px; }

form.cssform label { width: 180px; /* Width of labels */ }

form.cssform label span.required { font-color:#f00; font-weight:bold; }

form.cssform input.submit { width:200px; height:35px; font-size:16px; font-weight:bold; }

ol.checkBox li table { width:350px !important; }

ol.checkBox li table tr td { font-size:0.80em !important; height:30px !important; margin:0 0 50px 0 !important; }

ol.checkBox li input { margin: 0 20px 0 0 !important; width:10px !important; height:10px !important; }

#processReview { padding:35px; border-top:1px solid #666; width:680px; position:relative; background:#fff !important; }

table.orderTable { width:680px; font-size:10px !important; }

table.orderTable tbody tr td { border-bottom:1px solid #ccc; font-size:1em !important; padding:5px; }

h2 a.btn-toggle { margin:0 auto; border:1px solid #ccc; display:block; padding:10px; width:200px; text-align:center; background:#50b848; color:#fff; }

h2 a.btn-toggle:hover { border:1px solid #ccc; display:block; padding:10px; width:200px; text-align:center; background:#fff; color:#50b848; }

/***
* Promotion Block
***/
#promoblock { margin:-157px 0 0 0; background:url('bg_promo.jpg') no-repeat; height:157px; width:750px; float:left; position:relative; }

#promoblocksingle { background: url("bg_promo_single.jpg") no-repeat scroll 0 0 transparent; float: right; height: 154px; margin: -165px 0 0 0; position: relative; width: 403px; }

.promotional_block { padding:18px 27px; text-align:center; width:345px; float:left; position:relative; }

.promotional_block h2 { color:#fff; }

.promotional_block a { display: block; width:345px; color:#222; text-decoration:underline; }

.promotional_block a:hover { color:#f00; }