/* --------------- CSS Reset -------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, hr,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    /*font: inherit;
    vertical-align: baseline;*/
}
html, body, form#aspnetForm, #dsm_wrap { height: 100%; }
/*p, h1, h2, h3, h4, h5, h6, ul { margin-bottom: 1em; }*/
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1.2;
}
ol, ul {

}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
hr { border-top: solid 1px #998675;margin-bottom: 1em;}
/* ------------------ END CSS Reset ------------------ */

/* ------------------ general font specificaitons ----------------*/

p { margin: 0 0 1em 0;}
h3 {margin-bottom: 1em;font-size: 1.2em;}
a { text-decoration: none;color: #ffffff; }
sup { font-size: 0.7em; baseline-shift: sup}

em { font-style: italic; }
.note { color: #534741;font-size: 0.8em;}
.date { font-size: 0.8em;text-transform: uppercase;}
.caption { font-size: 0.8em;font-style: italic; }
.disclaimer { font-size: 1em;clear: left;}
.availability { font-style: italic;font-weight: bold;}

/* ----- Layout ------ */
body { background-color: #000000;font-size: 0.9em;color: #534741; }

div#PageWrap 
{
    width: 85%;
    max-width: 750px;
    margin: 0 auto;
    display: block;
    background: url(../images/bg_tapa.gif);
    min-height: 100%;
    position: relative;
    padding-bottom: 1em;
}
.banner { width: 95%;padding-top: 0.5%;margin: 0 auto; }
#Banner img { width: 100%;max-width: 637px;margin: 0 auto;display: block; }
#BannerMobile { display: none;}
#BannerMobile img { width: 95%;margin: 0 auto;}

/* ------------------- Fonts --------------------- */
body { font-family: 'Muli', sans-serif; }

/* ------------------- Navigation ---------------- */
#MainNav, footer ul { background-color: #362f2d;color: #ffffff;height: 30px; }
#MainNav a { color: #ffffff;text-decoration: none; }
#MainNav ul { margin-left: 3%;height: 30px; }
#MainNav li a, footer li a { text-transform: uppercase; }
#MainNav ul li, footer ul li { display: inline-block;max-height: 30px;position: relative; }
#MainNav ul li ul, footer ul li ul { display: none; }
#MainNav ul li a:hover { background-color: #eb0b7e;}
#MainNav ul li a:hover ul, footer ul li a:hover ul { display: block; }
#MainNav ul li a { display: inline-block;padding: 7px 1em 0 1em;height: 23px;}
#MainNav ul li.selected a, #MainNav ul li.selected a:hover, #MainNav ul li.parent a, #MainNav ul li.parent a:hover { background-color: #998675;}
#MainNav ul li.selected ul, #MainNav ul li.parent ul { z-index: 100; }

li.selected a, li a.parent { color: #ffffff !important; }

#SubNav { background-color: #998675;color: #ffffff;width: 97%;margin-left: 3%;font-size: 0.9em; }
#SubNav a { color: #ffffff;text-decoration: none; }
#SubNav ul { margin-left: 4%;padding-right: 4%; /*text-align: right;*/margin-top: 0; }
#SubNav li a { text-transform: uppercase; }
#SubNav ul li { display: inline-block;position: relative; }
#SubNav ul li ul { display: none; }
#SubNav ul li a:hover { background-color: #eb0b7e;}
#SubNav ul li a:hover ul { display: block; }
#SubNav ul li a { display: inline-block;padding: 7px 1em;}
#SubNav ul li.selected a, #SubNav ul li.selected a:hover, #SubNav ul li a.parent, #SubNav ul li a.parent:hover { background-color: #eb0b7e;}
#SubNav ul li.selected ul, #SubNav ul li.parent ul { display: block;z-index: 100; }

.mainContent .schedule h4 { margin-top: 1em;border-top: 1px solid #998675;padding-top: 1em; }
.schedule h4:first-child { border-top: 0 none;padding-top: 0; }
.mainContent .schedule h3 { margin-bottom: 0.5em;color: #eb0b7e; }

div#Home, div#Hamburger { float: left;margin-left: 3%; }
div#Home:hover, div#Hamburger:hover { background-color: #eb0b7e; }

.menu-button 
{
    height: 30px;
    width: 30px;
    display: inline-block;
    margin: 0;
    background-image: url(../images/sprite.png);
    background-repeat: no-repeat;
}


.menu-button a {height: 30px;width: 30px; height: 100%;width: 100%; text-indent: -5000px;display: block;}
#MainNav #Home { background-position: -25px 0px;margin-right: 1%; }
#MainNav #Hamburger { background-position: -25px -30px;margin-right: 1%;display: none;}
#MainNav #Facebook { background-position: -25px -60px; }
#MainNav #Facebook:hover { background-position: -55px -60px; }
#MainNav #Twitter { background-position: -25px -90px; }
#MainNav #Twitter:hover { background-position: -55px -90px; }
#MainNav #EmailUs { background-position: -25px -120px; }
#MainNav #EmailUs:hover { background-position: -55px -120px; }
#MainNav #ShoppingCart { background-position: -25px -180px; }
#MainNav #ShoppingCart.selected, #ShoppingCart2.selected { background-position: -55px -180px;}



/* ------------- footer ----------------- */
footer { clear: both;font-size: 0.8em;text-align: right;color: #c7b299;bottom: 1em;width: 100%;max-width: 750px;margin-left: 0;margin-top: 3em; }
footer a { color: #ffffff;text-decoration: none;}
footer, footer .copyright a { color: #998675; }
.copyright { float: left; }
footer ul { padding-left: 0px; }
footer ul li a { display: inline-block;padding: 9px 1.5em;}

section#HeroSpotlight { width: 100%; /*height: 380px;*/}

.spotlight {
    background-color: #534741;
    margin: 0;
    padding: 0 3% 1% 0;
    margin-top: 25px;
    display: block;
    width: 97%;
    color: #c7b299;
    /*position: relative !important;*/
    display: none;
    min-height: 305px !important;
}
.spotlight h3, .newsLatest h3 { color: #ffffff;font-size: 1.2em;padding: 0.5em 0 0 0; }
/*.spotlight p { margin-bottom: 0.5em;}*/
.spotlight a { color: #ffffff;text-decoration: none;}
.spotlight img {
    float: left;z-index: 1;margin: -10px 1em 0.5em 3%;width: 63%;
}
.spotlight img { box-shadow: 5px 0px 0px #eb0b7e; }
.spotlight .content {
    padding: 1em 1em 1em 0;
    float: right;
    width: 33%;
}
.spotlightInfo { padding-left: 3%;min-height: 50px; }
.spotlightInfo h3 { padding-top: 1em; }
.spotlightInfo img { width: 32%;float: none;margin: 0;box-shadow: none;}
.spotlightInfo h3 {  }
#SpotlightSlider { /*min-height: 375px !important;*/width: 100% !important;/*overflow: visible !important;*//*height: 335px !important;*/}

.sliderControls { margin: 15px 0 0 0;z-index: 10;position: absolute;width: 98%;padding-right: 3%;text-align: right; }
.sliderControls a
{
    background-image: url(../images/dot-off-hover.png);
    width: 15px;
    height: 15px;
    display: inline-block;
    cursor: pointer;
    color: transparent;
    margin: 0 10px 0 0;
    text-indent: -9999px;
}
.sliderControls a:hover { background-image: url(../images/dot-off.png); }
.sliderControls a.activeSlide { background-image: url(../images/dot-on-hover.png); }
/*.sliderControls a.activeSlide:hover { background-image: url(/Templates/images/dot-on-hover.png); }*/
#sliderControlsHolder { }


.product .spotlight img { float: right;margin: -10px 5px 1em 3%;}
.product .spotlight h3 { margin-top: 0.5em;}
.product .spotlightInfo { padding-top: 1px;}

#HeroSpotlight h3 { margin-bottom: 0.5em; }
#HeroSpotlight.interior { position: relative; }
#HeroSpotlight.interior img { width: 33%;float: right;margin: -10px 0% 0 3% }
#HeroSpotlight.interior .spotlightInfo { padding-left: 3.2%;}

#HeaderSlider img { position: relative !important; box-shadow: -5px -2px 0px #eb0b7e;width: 33%; }

#HeadBlock { width: 100%;background-color: #534741;margin: 15px 0 0 0;}
#HeadBlock img { height: 106%;margin: -5px 3% 10px 1em;float: right;width: 33%;box-shadow: -5px 0px 0px #eb0b7e;}
#HeadBlock h3 { color: #ffffff;}
#HeadlineBlock { padding: 1em 1em 1em 3%;}

.productDetail #HeadBlock img { width: 33%; }

.reverseDark { color: #c7b299;}
.reverseDark a { color: #ffffff;text-decoration: none; }

.readMore { text-align: right;margin-bottom: 0 !important;text-transform: uppercase;padding-bottom: 0.5em;white-space: nowrap; }
.readMoreBelow { margin-bottom: 0 !important;text-transform: uppercase;padding-bottom: 0em; }
.moreInfo { display: none;}

#NewsContent h4.heading { margin-top: 1em; }
#NewsContent h4.subHeading { margin-bottom: 0.5em;font-size: 1em;font-weight: normal; }

/* ------ Shopping cart ------ */
.checkout { width: 100%;}
.checkout table { width: 100%;}
.checkout td.item { width: 60% !important;}
.checkout td.qty { width: 10% !important;}
.checkout td.price { width: 10% !important;}
.checkout td.total { width: 10% !important; }
.checkout td.action { width: 10% !important;}
td.qty input { width: 30px;}
.checkout .header td { padding: 5px;font-size: 0.8em;text-transform: uppercase;background-color: #534741;color: #ffffff; }
.checkout td { padding: 5px;}
.checkout .totalRow td { padding-top: 10px;  }
.checkout .cartRow td { border-bottom: 1px solid #998675;color: #ffffff;}


/* -------------- news ------------------- */
section#News  { margin: 1em 0;color: #c7b299;width: 64%;float: left; }
section#News img { float: right;display: block;width: 33%;min-width: 175px;margin: -5px 9px 1em 10px; box-shadow: 4px 0px 0px #eb0b7e; }
section#News h3, section#News a { color: #ffffff;text-decoration: none; }
.newsItems { width: 91%;padding: 1.5em 2.1% 1em;margin: -8px 0 0 4.8%;background-color: #534741;position: relative;}
.newsItems p { font-size: 0.8em;margin-bottom: 1em; }
.newsInfo h3, .newsItem h3 { margin-bottom: 0.5em;font-weight: gold;}
.newsInfo { padding-right: 2%;min-height: 120px;margin-left: 4.8%;padding-bottom: 6px; }
.newsInfo a { color: #ffffff !important; }
.newsLatest p { margin-bottom: 0.5em;color: #ffffff; }
.newsLatest { background-color: #a67c52;width: 102%;position: relative;z-index: 10;clear: both; }
/*.newsLatest img { box-shadow: 5px 2px 0px #eb0b7e; }*/

.newsViewAll 
{ 
    background-color: #362f2d;
    width: 140px;
    text-align: center;
    padding: 6px;
    text-transform: uppercase;
    margin: -15px -1.7% 0 0;
    z-index: 10;
    position: relative;
    float: right; 
}
.newsViewAll:hover { background-color: #eb0b7e;}

#QuickHits { float: right; width: 29%; margin: 1em 3%; }
#QuickHits h3 { font-size: 1em;color: #ffffff;background-color: #eb0b7e;padding: 3px 5px;text-transform: uppercase;margin-bottom: 0.5em;}
#QuickHits p { font-size: 1em;padding-left: 5px;}
#QuickHits a { color: #ffffff;text-decoration: none;}

#Formerly img { width: 33%; }

.mainContent, .checkout {height: auto;min-height: 250px; background-color: #c7b299;width: 62%;margin: 0 0 1.5em 3%;padding: 1em 2%;}
.mainContent.disclaimer { min-height: inherit;}
.mainContent h3, .checkout h3 { margin-bottom: 0.5em;}
.mainContent a, .mainContent a:visited { color: #eb0b7e; cursor: pointer; }
/*.mainContent p { margin-bottom: 0.5em;}*/
.mainContent table { width: 100%;margin-bottom: 1em; }
.mainContent table td { width: 67%;vertical-align: top;padding-bottom: 0.5em; }
.mainContent table td:first-child { width: 33%; }
.fullWidth { width: 90%; }

#SideBar { float: right; width: 26%; clear: right;margin-right: 3%;padding-top: 5px;}
#SideBar2 { display: none; padding-top: 5px;}

#Sponsors { clear: both;margin-left: 3%;}
#Sponsors img { max-height: 100px; }
#SideBar #Sponsors img { max-height: 100px;max-width: 98%; }
h5 { text-transform: uppercase;font-size: 0.8em;font-weight: normal;letter-spacing: 3px; border-bottom: 1px solid #534741;margin: 1em 0;color: #534741; }
#SideBar h3, #SideBar2 h3 { color: #eb0b7e;}
#SideBar h3, #SideBar p, #SideBar2 h3, #SideBar2 p { margin-bottom: 0.5em; }

#SideBar img { width: 100%;max-width: 150px; } 
aside img { width: 100%; }

.schedule img.thumb { width: 32%;margin-right: 1%; }

.menu-button.addToCart { background-position: -25px -210px; }
.menu-button.addToCart:hover { background-position: -55px -210px; }
.menu-button.addToCart.menu-button a { cursor: pointer; }
.menu-button.addToCart.purchased { background-position: -55px -240px; }
/*.menu-button.addToCart.purchased:hover { background-position: -55px -210px; }*/
.button-label.addToCart.purchased { background-color: #999999;}

.simplemodal-wrap { height: auto !important;background-color: #ffffcc;padding: 15px;box-shadow: #534741 3px 3px 0;}
.button { text-align: center;margin: 0.5em 0;}
.button a { padding: 5px 15px;cursor: pointer;}

.goButton { width: 150px;margin: 0 0 0 2px; }
.button-label { height: 22px;text-transform: uppercase;font-weight: bold;background-color: #534741;padding: 8px 0 0 5px;text-align: center;}
.button-label a { text-decoration: none;color: #ffffff;cursor: pointer;}
.priceInfo { margin-right: 20px;margin-bottom: 1em; }
.orderGroup { margin-bottom: 1em; }

.shopQty h3 { width: 50px;}
.shopQty input[type=text] { width: 30px;height: 28px;text-align: center;font-size: 1.0em;cursor: pointer;}
.mainContent .shopForm h3 { margin: 5px 0 0.5em 0;}
.priceInfo h3 { margin-bottom: 0 !important;}
.priceInfo h3.sale { /*color: DarkGreen;*/ }
.priceInfo p { margin-bottom: 0; }
.shopOption select { height: 30px;font-size: 1.0em;/*-webkit-appearance:none*/ }
.shopOption select option.default { color: #999999;text-transform: uppercase;}

.shopForm.list .productInfo { clear: both; border-top: 1px solid #998675;padding-top: 0.5em;}
.shopForm.list .productInfo:first-child { border-top: none;clear: none; }
.productInfo .package { color: #eb0b7e;}
.productInfo ul { list-style: disc;margin-bottom: 1em; }
.productInfo ul li { margin-left: 30px;}
.productInfo h2 { font-size: 1.6em; }
.productInfo.divider h2 { /*margin-top: 1em;*/ }
.productInfo p { margin-bottom: 0.5em;}
.checkoutTerms { /*margin: 1em 0;padding: 1em 0 0 0;*/  }
.checkoutButtonHolder { text-align: right;width: 100%;margin-top: 1em;height:30px;}
.checkoutButtonHolder a { background-color: #eb0b7e;font-weight: bold;padding: 5px 15px; cursor: pointer;}
.rowButtons.action { text-align: center;}
.rowButtons a { display: inline-block;padding: 3px 5px;}
.checkoutTerms li { margin-bottom: 0.5em; }
.checkoutTerms li li { margin-bottom: 0; }

p.ticketWarn { margin: 5px 0 0 0;text-align: left;color: #eb0b7e;}
p.ticketRemain { margin: 5px 0 0 0;text-align: left;}
.validationError {padding: 10px 20px 0; border: solid 3px #eb0b7e;margin: 0 0 10px 0;}
.validationError h3 { color: #eb0b7e;margin-bottom: 0.5em; }
.validationError p { margin-bottom: 0.5em; }
.validationError ul { margin: 0.5em 0; }
.validationError li { font-weight: bold; }

table.ticketLink { width: 100%; }
table.ticketLink td { border-bottom: 1px solid #999999;padding: 5px 0; }

.purchaseControls select { height: 33px;font-size: 1.0em;display: inline; }
.purchaseControls .shopQty { display: inline;width: 100px;}
.purchaseControls .goButton { display: inline-block; }

    
.right { float: right !important; }
.left { float: left !important; }
.hidden { display: none; }
.finePrint { font-size: 0.8em;}
.alert { color: #ffd700; }

.schedule dt { display: inline-block;}
.schedule dt a { display: inline-block;background-color: #534741;color: #ffffff;padding: 5px 10px;margin: 0 0 5px 0;font-weight: bold; }
.schedule dt:hover { background-color: #eb0b7e; }
.schedule dt a.active { background-color: #eb0b7e;padding-bottom: 5px; }
.schedule dd.open { display: block; }
.schedule div.scheduleBlock { display: none; }
.schedule div.scheduleBlock.open { display: block; }

.vendors { padding: 10px;}
.featuredVendor { background-color: #eeeecc; padding: 10px; margin-bottom: 0.5em; }
.vendors h3 { margin: 1em 0 5px;}


/* Screen widths: 768 640 600 540 480 400 360 320 */

@media (max-width: 750px) 
{
    #PageWrap { width: 100% !important; }
    #HeroSpotlight.interior img { width: 50%; }

}

@media (max-width: 640px) {
    .spotlight img { width: 97%;}
    .spotlightInfo img { width: auto; }
    #HeadBlock img { width: 50%; }
    section#News  { margin-top: 1em;color: #c7b299;width: 97%; }
    #QuickHits { float: none;display: block;width: 100%; }
    .quickHit { width: 29.4%;float: left;margin: 0 3% 1em 0; }
    #News { clear: both;}
    .newsLatest { width: 97%; }
    /*body { font-size: 1.0em;}*/
    #SubNav, #PrimaryNav { display: none; }
    /*#PrimaryNav ul li { display: none; }*/
    #MainNav ul { position: relative; }
    #MainNav #Home { /*display: none;*/margin-left: 0; }
    #MainNav #Hamburger { display: block;}

    #PrimaryNav.active { display: block;margin-top: 30px;position: absolute;width: 97%;height: auto;}
    /*
    #PrimaryNav.active ul li { display: inline; }
    #PrimaryNav.active ul li a { width: 92%;padding: 7px 4% 0 4%;background-color: #998675; }
    #PrimaryNav.active ul li ul { width: 97%;display: block;}
    #PrimaryNav.active ul li ul li { }
    #PrimaryNav.active ul { width: 100%;margin-left: 0; height: auto;}
    #PrimaryNav.active ul li ul li a { width: auto; }
    */
    
    #MainNav { height: auto;padding: 0 0 10px 0; }
    #MainNav ul { margin-left: 0; }
    #MobileNav { display: block;height: auto;min-height: 20px; }
    #MobileNav ul { position: relative;clear: both;display: none;height: auto;}
    #MobileNav ul li { max-height: none;display: block;}
    #MobileNav ul li a { display: block; }
    #MobileNav ul li ul { display: block;margin-left: 15px; }
    #MobileNav ul li ul { display: block; }
    a.selected { color: Yellow;}
    
    div#PageWrap { padding-bottom: 60px;}
    footer ul { height: 60px; }
    .copyright {
        float: left;
        display: block;
        width: 98%;
        text-align: left;
    }
    .productDetail #HeadBlock img { width: 100%; }
}

@media (max-width: 400px) {
    #SideBar { display: none; }
    #SideBar2 { display: block;float: none;padding: 0 3%; }
    /* swap banners */
    #Banner { display: none; }
    #BannerMobile { display: block; }
    #QuickHits { width: 97%%;}
    .quickHit { width: 97%; }
    #Formerly img { width: 85%;margin-left: 5%;}
    #HeroSpotlight.interior img { width: 100%;float: right;margin: -10px 0% 1em 3% }
    .mainContent { width: 86%;padding: 4%;height: auto;}
    #HeadlineBlock { clear: both;}
    #HeadBlock img { width: 100%; }
    .productDetail #HeadBlock img { width: 100%; }
    .shopForm.list .productInfo { clear: both; }
    section#HeroSpotlight { height: 460px;}
    .sliderControls { margin-top: 10px; }
    #SpotlightSlider { min-height: 455px !important; }

}