﻿/* == Main Structure
------------------------------------------------------------------------------------------------------------------------ */
#wrap{width: 990px; margin: 0 auto; text-align: left;}

#wrap #head{position: relative; height: 208px; margin: 0 0 10px 0;}
#wrap #head a.homelink{position: absolute; width: 333px; height: 105px; top: 29px; left: 13px; text-decoration: none;}
#wrap #head a.tags{position: absolute; width: 343px; height: 125px; right: 40px; top: 0;}
/*#wrap #head a.tags{position: absolute; width: 310px; height: 150px; right: 40px; top: 0; background: url(/_img/tags.png) no-repeat 0 0;}
#wrap #head a.tags:hover{background-position: -310px 0;}*/
#wrap #head a.homelink span, #wrap #head a.tags span{display: none;}

#wrap .templateHome{position: relative;}
#wrap .templateHome .zoneOne{float: left; width: 340px;}
#wrap .templateHome .zoneTwo{position: absolute; width: 350px; top: 420px; left: 360px;}
#wrap .templateHome .zoneThree{float: right; width: 260px;}

#wrap .templateOne .zoneOne{float: left; width: 710px;}
#wrap .templateOne .zoneTwo{float: right; width: 260px;}

#wrap .templateStore.zoneOne{float: left; width: 990px;}

/* == Main Content
----------------------------------------------------------------------------------------------------------------------*/
#wrap .section{position: relative; z-index: 10; margin: 5px 0;height: 1%;}
#wrap .content{zoom: 1;position: relative; z-index: 5; padding: 20px 15px;}
#wrap .content:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
#wrap .opacityLayer{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #0c0e13; opacity: 0.7; filter: Alpha(opacity=70); z-index: 1; border: 2px #c4c2bc solid; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

/* == Navigation
----------------------------------------------------------------------------------------------------------------------*/

#wrap #head .preOrder{float: right; text-align: right; width: 180px; z-index: 10; position: relative;}
#wrap #head .preOrder a{}

#wrap #head #nav{position: absolute; width: 100%; height: 13px; bottom: 18px;}

#wrap #head #nav ul{margin: 0; padding: 0;}
#wrap #head #nav ul li{float: left; margin: 0; padding: 0 6px 0 15px; background: url(/_img/bg-nav-star.png) no-repeat top left;}
#wrap #head #nav ul li a{float: left; width: 44px; height: 13px; background: url(/_img/sprite-nav.png) -1px 0 no-repeat; margin: 0;}
#wrap #head #nav ul li a:hover, #wrap #head #nav ul li.liOn a{background-position: -109px 0;}
#wrap #head #nav ul li a span{display: none;}

#wrap #head #nav ul li.home{background: none;}
#wrap #head #nav ul li.news a{background-position: -1px -20px;}
#wrap #head #nav ul li.news a:hover, #wrap #head #nav ul li.news a.on{background-position: -109px -20px;}
#wrap #head #nav ul li.live a{width: 31px; background-position: -1px -100px;}
#wrap #head #nav ul li.live a:hover, #wrap #head #nav ul li.live a.on{background-position: -109px -100px;}
#wrap #head #nav ul li.store{float: right;}
#wrap #head #nav ul li.store a{width: 48px; background-position: 0 -120px;}
#wrap #head #nav ul li.store a:hover, #wrap #head #nav ul li.store a.on{background-position: -108px -120px;}
#wrap #head #nav ul li.music{float: right; background: none;}
#wrap #head #nav ul li.music a{width: 46px; background-position: -1px -40px;}
#wrap #head #nav ul li.music a:hover, #wrap #head #nav ul li.music a.on{background-position: -109px -40px;}
#wrap #head #nav ul li.gallery{float: right;}
#wrap #head #nav ul li.gallery a{width: 67px; background-position: 0 -60px;}
#wrap #head #nav ul li.gallery a:hover, #wrap #head #nav ul li.gallery a.on{background-position: -108px -60px;}
#wrap #head #nav ul li.video{float: right; margin: 0 0px 0 0;}
#wrap #head #nav ul li.video a{width: 43px; background-position: 0 -80px;}
#wrap #head #nav ul li.video a:hover, #wrap #head #nav ul li.video a.on{background-position: -108px -80px;}
#wrap #head #nav ul li.charity a{width: 76px; background-position: 0 -140px;}
#wrap #head #nav ul li.charity a:hover, #wrap #head #nav ul li.charity a.on{background-position: -108px -140px;}
#wrap #head #nav ul li.about a{width: 49px; background-position: 0 -160px;}
#wrap #head #nav ul li.about a:hover, #wrap #head #nav ul li.about a.on{background-position: -109px -160px;}

/* == Footer
----------------------------------------------------------------------------------------------------------------------*/
#wrap #foot{height: 41px; margin: 5px 0 0 0;}

#wrap #foot .content{padding: 0;}
#wrap #foot .opacityLayer{border: 0;}

#wrap #foot ul{margin: 0 auto; padding: 0; float: left;}
#wrap #foot ul li{float: left; margin: 15px; padding: 0;}
#wrap #foot ul li a{float: left; width: 36px; height: 11px; background: url(/_img/sprite-nav.png) no-repeat -217px 0; margin: 0;}
#wrap #foot ul li a:hover, #wrap #foot ul li a.on{background-position: -325px 0;}
#wrap #foot ul li a span{display: none;}

#wrap #foot ul li.news a{background-position: -217px -20px;}
#wrap #foot ul li.news a:hover, #wrap #foot ul li.news a.on{background-position: -325px -20px;}
#wrap #foot ul li.live a{width: 26px; background-position: -217px -100px;}
#wrap #foot ul li.live a:hover, #wrap #foot ul li.live a.on{background-position: -325px -100px;}
#wrap #foot ul li.store a{width: 40px; background-position: -216px -120px;}
#wrap #foot ul li.store a:hover, #wrap #foot ul li.store a.on{background-position: -324px -120px;}
#wrap #foot ul li.music a{width: 38px; background-position: -217px -40px;}
#wrap #foot ul li.music a:hover, #wrap #foot ul li.music a.on{background-position: -325px -40px;}
#wrap #foot ul li.gallery a{width: 56px; background-position: -216px -60px;}
#wrap #foot ul li.gallery a:hover, #wrap #foot ul li.gallery a.on{background-position: -324px -60px;}
#wrap #foot ul li.video a{background-position: -216px -80px;}
#wrap #foot ul li.video a:hover, #wrap #foot ul li.video a.on{background-position: -324px -80px;}
#wrap #foot ul li.charity a{width: 63px; background-position: -217px -140px;}
#wrap #foot ul li.charity a:hover, #wrap #foot ul li.charity a.on{background-position: -324px -140px;}
#wrap #foot ul li.about a{width: 42px; background-position: -217px -160px;}
#wrap #foot ul li.about a:hover, #wrap #foot ul li.about a.on{background-position: -324px -160px;}
#wrap #foot ul li.contact a{width: 55px; background-position: -217px -180px;}
#wrap #foot ul li.contact a:hover, #wrap #foot ul li.contact a.on{background-position: -324px -180px;}

/* == Text, Images, Links etc
----------------------------------------------------------------------------------------------------------------------*/
/*hack to get rss icon to appear inside sifr latest updates h1*/
h2.latest{background-position: 15px bottom;}
h2.latest span.sIFR-alternate{position: absolute; left: auto; right: 15px; top: -1px; width: 21px; height: 21px;}
h2.latest span.sIFR-alternate span{display: none;}
h2.latest a.rss{position: absolute; right: 0; top: 0; background: url(/_img/ico/rss.gif) no-repeat; width:19px; height:19px;}
h2.latest a.rss:hover{background: url(/_img/ico/rss_on.gif) no-repeat;}

.btn, .reportContent{float: left; height: 21px; background: url(/_img/bg-btn.gif) repeat-x 0 0; margin: 10px 5px 10px 0; padding: 2px 10px 0 10px; text-align: center; color: #111; font-weight: bold; text-decoration: none; border: 1px #3a3a3a solid; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.btn:hover, .reportContent:hover{background-position: 0 -23px;}
input.btn{font-size: 100%; font-family: Arial; padding-bottom: 5px;}
.reportContent{float: none; padding: 4px 10px; margin-bottom: 0;}

#wrap .updates{padding: 20px 2px;}
#wrap .updates h2{padding: 0 15px;}
#wrap ul.updatelist{margin: 10px 0 0 0; padding: 0;}
#wrap ul.updatelist li{margin: 0; padding: 15px 10px; border-bottom: 1px #6d6a61 solid;min-height: 115px; height: auto !important; height: 89px;}
#wrap ul.updatelist li .thumb{float: left; margin: 0 10px 10px 0; border: 2px #8a8678 solid; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#wrap ul.updatelist li .dets, #wrap div.twitter .dets{color: #e0e0de; font-size: 95%;}
#wrap ul.updatelist li.twitter{background: url(/_img/bg-twitterupdate.gif) #2f3123 no-repeat 7px 10px; margin: 0; padding: 10px 10px 10px 55px;}
#wrap span.twitter{color: #85d8f4; font-weight: bold;}

#wrap div.twitter{background: url(/_img/bg-twitterupdate.gif) #2f3123 no-repeat 7px 10px; margin: 0; padding: 10px 10px 10px 55px; min-height: 80px; height: auto !important; height: 80px;}
#wrap div.twitter .follow{font-size: 90%;}

.social{float: left; margin-top: 2px; width: 110px; margin-right: 18px;}
.social a{float: right; width: 37px; height: 37px; margin: 0 0 0 10px; background: url(/_img/sprite-social.png) no-repeat 0 0; text-decoration: none;}
.social a:hover{background-position: -37px 0;}
.social a.facebook{background-position: 0 -37px;}
.social a.facebook:hover{background-position: -37px -37px;}
.social a.stumbleupon{background-position: 0 -74px;}
.social a.stumbleupon:hover{background-position: -37px -74px;}
.social a.twitter{background-position: 0 -111px;}
.social a.twitter:hover{background-position: -37px -111px;}

.charities{}
.charities a{float: left; width: 57px; height: 68px; margin: 20px 0; *margin: 27px 0 20px 0; background: url(/_img/sprite-charities.png) no-repeat 0 0; text-decoration: none;}
.charities a:hover{background-position: -159px 0;}
.charities a.abf{width: 65px; height: 75px; background-position: 0 -68px; margin: 5px 0 20px 20px;}
.charities a.abf:hover{background-position: -159px -68px;}
.charities a.hfh{float: right; width: 151px; height: 64px; background-position: 0 -143px;}
.charities a.hfh:hover{background-position: -159px -143px;}

.charitylogo{float: left; margin: 5px 15px 10px 0; padding: 2px; border: 1px #999 solid;}

/* == Form styles
----------------------------------------------------------------------------------------------------------------------*/
.statusreports input, .statusreports select{float: left; width: 220px;}
.statusreports select{float: right; width: 160px;}
.statusreports .submit{float: right; width: auto; height: 23px; background: url(/_img/bg-btn.gif) repeat-x 0 0; margin: 10px 0 15px 0; padding: 0 10px; font-weight: bold; font-family: 'Arial'; font-size: 100%; text-align: center; color: #111; font-weight: bold; text-decoration: none; border: 1px #3a3a3a solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor: pointer;}
.statusreports .submit:hover{background: url(/_img/bg-btn.gif) repeat-x 0 -23px;}
.statusreports .terms{float: left; margin: 13px 0 0 5px;}

ul.error, ul.success{margin: 15px 0; background: url(/_img/bg-errorbox.png) no-repeat scroll 7px center; color: #EF1D74; font-size: 90%; font-weight: bold; margin: 0 0 20px 0; min-height: 40px; padding: 10px 10px 10px 70px;}
ul.success{color: #379e3c; background: url(/_img/bg-successbox.png) no-repeat scroll 7px center;}

/* == Tabs
----------------------------------------------------------------------------------------------------------------------*/
ul.tabs{margin: 25px 0 0 0;}
ul.tabs li{display: inline}
ul.tabs li a{padding: 8px; background: url(/_img/bg-tabs.png) repeat-x top left; border: 1px #555 solid; text-decoration: none;}
ul.tabs li a:hover, ul.tabs li a.on, ul.tabs li.on a{background: #F5ECD3; color: #555;}
ul.tabs li a.on, ul.tabs li.on a{font-weight: bold;}

/* == Paging styles
----------------------------------------------------------------------------------------------------------------------*/
#wrap .paging{position: absolute; top: 22px; right: 17px;}
#wrap .paging .text{display: none;}
#wrap .paging .pg ul{margin: 0; text-align: right;}
#wrap .paging .pg ul li{display: inline; margin: 0 0 0 2px;}
#wrap .paging .pg ul li.det{margin: 0 10px 0 0;}
#wrap .paging .pg ul li a{padding: 2px 4px 0 4px; text-decoration: none; color: #fff;}
#wrap .paging .pg ul li a:hover, #wrap .paging .pg ul li a.on{color: #444; background: url(/_img/bg-paging-a-on.png) no-repeat 0 2px;}

/* == News styles
----------------------------------------------------------------------------------------------------------------------*/
#wrap ul.blogListing{margin: 0;}
#wrap ul.blogListing li{background: url(/_img/bg-listing-item.png) no-repeat bottom center; padding: 10px 0 15px 0; margin: 5px 0; clear: both;}
#wrap ul.blogListing li a.img{float: left; margin: 0 10px 10px 0; *margin: 17px 10px 10px 0; padding: 2px; border: 4px #999 solid;}
#wrap ul.blogListing li a.img:hover{border: 4px #555 solid;}
#wrap ul.blogListing li h3{background: none; font-size: 130%;}

/* == Live styles
----------------------------------------------------------------------------------------------------------------------*/
#wrap ul.showsListing{margin: 0;}
#wrap ul.showsListing li{background: url(/_img/bg-listing-item.png) no-repeat bottom center; margin: 5px 0;}
#wrap ul.showsListing li h3{background: none; font-size: 130%; margin-bottom: 5px;}

.calendar{border: solid 1px #888; float: left; width: 65px;text-align: center;background: #555;margin: 4px 10px 0 0; font-family: georgia;}
.calendar p{margin: 0; padding: 3px 0;}
.calendar p.one{background: #888;color: #fff;margin: 2px; font-size: 130%; font-weight: bold; padding: 2px 0;}
.calendar p.two{font-family: georgia;color: #fff;font-size: 120%;line-height: 1em;}

#wrap .gigimage{}
#wrap .gigimage img{float: left; margin: 5px 10px 10px 0; border: 4px #999 solid;}
#wrap .googlecopyright{font-style: italic; font-size: 95%;}

/* == Store Styles
----------------------------------------------------------------------------------------------------------------------*/
.prodListMain{margin: 0; list-style: none;height: 1%;}
.prodListMain:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.prodListMain li{float: left;width: 50%; margin: 15px 0;}
.prodListMain li .prodImage a img{border: solid 4px #999;}
.prodListMain li .prodImage a:hover img{border: solid 4px #555;}
.prodListMain li .prodText{width: 80%;margin-top: 10px;}
.prodListMain li .prodText h3{font-size: 130%; background: none;}
.prodListMain li .prodText p{margin: 10px 0 0 0;}
.prodListMain li .prodStock{margin: 0;padding: 8px 0 0 0; font-weight: bold;zoom: 1;}
.prodListMain li .prodStock:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.prodListMain li .prodStock .prodStockPrice{font-size: 150%;}
.prodListMain li .prodStock .prodStockBtn{margin: 10px 0 0px 0;}
.prodListMain li .btnMoreInfo{padding-top: 5px;}

.prodListMain li .prodStockBtn, .prodView .prodText .prodStock .prodStockBtn{margin: 7px 0 5px 0;}
.prodListMain li .prodStockBtn a, .prodView .prodText .prodStock .prodStockBtn a, .prodListMain li .btnMoreInfo a, .prodList li .btnMoreInfo a{float: left; height: 21px; background: url(/_img/bg-btn.gif) repeat-x 0 0; margin: 0 5px 5px 0; padding: 2px 10px 0 10px; text-align: center; color: #111; font-weight: bold; text-decoration: none; border: 1px #3a3a3a solid; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.prodListMain li .prodStockBtn a:hover, .prodListMain li .btnMoreInfo a:hover, .prodList li .btnMoreInfo a:hover{background-position: 0 -23px;}
.prodListMain li .prodStockBtn a, .prodView .prodText .prodStock .prodStockBtn a{float: none; padding: 4px 10px;}

.prodList{margin: 0; list-style: none;height: 1%;}
.prodList:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.prodList li{float: left;width: 48%;padding-right: 2%;}
.prodList li .prodImage{float: left; margin: 0 10px 10px 0;}
.prodList li .prodImage a img{border: solid 4px #999;}
.prodList li .prodImage a:hover img{border: solid 4px #555;}
.prodList li .prodText{font-weight: bold;zoom: 1;padding-left: 0;}
.prodList li .prodText h3{font-size: 120%; background: none;}
.prodList li p{margin: 10px 0;line-height: 1.3em;font-weight: normal;}
.prodList li .btnMoreInfo{margin-top: 10px;}

.prodRelated .prodList li{width: 32%; padding-right: 1%;}
.prodRelated .prodList li h3{margin-bottom: 8px; font-size: 110%;}
.prodRelated .prodList li .btnMoreInfo{display: none;}

.prodView{margin: 5px 0 0 0;}
.prodView .prodImage{float: left; width: 248px;}
.prodView .prodImage img{margin-bottom: 10px;clear: left;float: left;border: solid 4px #999;}
.prodView .prodText{width: 60%;float: right;padding-left: 0;}
.prodView .prodText h2{clear: none;margin-top: 0;}
.prodView .prodText .prodDesc{}
.prodView .prodText .prodStock{margin: 0 0 5px 0;padding: 0 0 8px 0; font-weight: bold;}
.prodView .prodText .prodStock .prodStockPrice{font-size: 140%;}
.prodView .prodText .prodStock .prodStockBtn{margin-top: 15px;}
.prodView .prodTrackLists ul{margin: 5px 0; list-style: none;}

.coProceed{height: 1%;padding: 10px 0;}
.coProceed:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}

.coDeliveryOptions .clr{display: none;}
.coDeliveryOptions .inner{margin: 10px 0 0 0;}
.coDeliveryOptions label{float: left; margin: 3px 10px 0 0;}
.coDeliveryOptions select{background: url(/_img/bg-tabs.png) #111 repeat-x !important; background-color: #111 !important; /*background: url(/_img/bg-select.gif) #111 repeat 0 0;*/}

.coPromos h3{margin-bottom: 0;}
.coPromotion{height: 1%;}
.coPromotion:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.coPromotion input{height: auto !important;float: left;}
.coPromotion input.btn{float: left;margin: 2px 0 0 5px;}

.coAddress{float: left; width: 49%;margin-bottom: 10px;}
.coAddress label{width: 90px;}
.coAddress .input{width: 190px;}
.coAddress select{*background: url(/_img/bg-select.gif) #111 repeat 0 0;}

.coAltAddress{float: right; width: 49%;margin-bottom: 10px;}
.coAltAddress label{width: 90px;}
.coAltAddress .input{width: 190px;}

.coNotes{float: right; width: 49%;margin-bottom: 10px;}
.coNotes textarea{width: 230px;}

.coNewsletter{float: right; width: 49%;margin-bottom: 10px;clear: right;}

.coSecurity{font-size: 95%;}

.coPaymentDetails h3{margin-bottom: 10px;}
.coPaymentDetails label{width: 130px;}
.coPaymentDetails .input{width: 200px;}
.coPaymentDetails select{background: url(/_img/bg-tabs.png) repeat-x; *background: url(/_img/bg-select.gif) #111 repeat 0 0;}

/* == Store V3 overrides
--------------------------------------------------------------------------------------------------------------------*/
.templateStore h1{border: 0; background: none; padding: 0;}
.templateStore h2{border: 0; background: none; padding: 0;}
.templateStore h3{margin: 10px 0;}
.templateStore .btn{margin: 0;}
.sIFR-active .templateStore h2{margin: 10px 0;}
.templateStore label{width: 110px;}
.templateStore .input{margin: 0 0 3px 0;}
.coBasketWrap, .tableWrap{background: none; border: 0; padding: 0;}
.coBasketWrap table td a, .tableWrap table td a{font-size: 90%; text-decoration: none;}
.coBasket .coBasketTotal{background: #000; border: solid 1px #444;}
.coBasket .coBasketTotal .value{color: #fff;}
.coProceed{border-color: #f5ecd3;}
.prodSlider{background: none; border: 0;}
.coBasket .coBasketShipping a{background: none; padding: 0;}
.coProceed .btnProceed .btn{background: url(/_img/bg-btn.gif) repeat-x 0 0;}
.coCheckout .coLogIn .coSplitTwo .btn{margin-top: 4px;}
.coCheckout .progressList li{padding: 0; font-style: italic; background: none; margin-right: 20px;}
.coCheckout .progressList li.on{color: #f5ecd3;}
.coCheckout .coCheckoutSummary .coOrderTotal .inner,
.coCheckout .coCheckoutPayment .coOrderTotal .inner,
.coAccount .coAccountArea ul,
.coCheckout .coCheckoutConfirmation .coStoreDetails .inner,
.coCheckout .coCheckoutConfirmation .coStoreVIP .inner{background: #000; border: solid 1px #444;}
.templateStore .navCategories,
.templateStore h1 #miniBasket{display: none;}
.coProceed .btnLogOut{background: #000; color: #fff;}
.prodSlider .prodSliderInner ul li .prodText{padding-left: 0;}
.templateStore .coPromos .btn{float: none; display: inline-block; height: auto;}

/* == Gallery styles
--------------------------------------------------------------------------------------------------------------------*/
.gallery-list{margin: 0;}
.gallery-list li{display: -moz-inline-stack; display: inline-block; _overflow: hidden; zoom: 1; *display: inline; vertical-align: top; width: 211px; margin: 0 15px 15px 0;}
.gallery-list li h3{font-size: 110%; font-weight: bold; background: none;}
.gallery-list li .txt, .gallery-list li .img{float: right; width: 123px; font-size: 90%;}
.gallery-list li .txt p{margin: 0;}
.gallery-list li .txt a.btnlnk{display: none;}
/*.gallery-list li .txt a.btnlnk{float: left; height: 21px; background: url(/_img/bg-btn.gif) repeat-x 0 0; margin: 0 5px 10px 0; padding: 2px 10px 0 10px; text-align: center; color: #111; font-weight: bold; text-decoration: none; border: 1px #3a3a3a solid; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.gallery-list li .txt a.btnlnk:hover{background-position: 0 -23px;}*/
.gallery-list li .img{width: 88px;}
.gallery-list li .img a img{border: 4px #999 solid;}
.gallery-list li .img a:hover img{border: 4px #555 solid;}

#wrap #mainContent .gallery{width:666px;padding: 0;margin:0 0 10px 0;}
#wrap #mainContent .gallery .window, 
#wrap #mainContent .gallery .controls{float:left;width: 100%; background: #000;text-align: center;}
#wrap #mainContent .gallery .controls{padding: 10px 0;background: transparent;}
#wrap #mainContent .gallery .window img{border: 1px #551414 solid;}
#wrap #mainContent .gallery .window .fantitle{float: left; display: inline; width: 75%; height: 25px; text-align: left; margin: 0 0 0 70px; font-weight: bold; font-size: 130%; color: #3F352C;text-align: center;}
#wrap #mainContent .gallery .window .info{margin: 0 0 0 5px; font-size: 95%;}

#wrap #mainContent .gallery .main{float:left;width:510px;height:344px;overflow:hidden;display: inline;margin: 4px 0 4px 83px; border: 4px #555 solid;}
#wrap #mainContent .gallery .main .int{float:left;width:1080px;height:10000px;}
#wrap #mainContent .gallery .main .int ul{float:left;width:100%;margin:0;padding:0;list-style:none;}
#wrap #mainContent .gallery .main .int ul li{float:left;width:510px; height:344px;text-align:center;overflow:hidden;padding:0;margin:0;list-style:none;background: transparent url('/_img/ico/loading.gif') no-repeat center center;}
#wrap #mainContent .gallery .main .int ul li img{float:left;}
#wrap #mainContent .gallery .main img.portrait{border:solid 1px #541810;}
#wrap #mainContent .gallery .main img.landscape{border:solid 1px #541810;}

#wrap #mainContent .gallery .scroll{background: #111; border: 1px #888 solid; color: #fff; float: left; font-size: 150%; font-weight: bold; height: 50px; line-height: 50px; text-align: center; text-decoration: none; width: 18px;}
#wrap #mainContent .gallery .controls .prev, #wrap #mainContent .gallery .controls .next{float: left; display: inline; margin: 5px 5px 0 0;}
#wrap #mainContent .gallery .controls .next{margin: 5px 0 0 5px;}
#wrap #mainContent .gallery .controls .thumbs{float:left;width:615px;margin: 0;display: inline;overflow:hidden;}
#wrap #mainContent .gallery .controls .thumbs a{margin: 0 2px;}
#wrap #mainContent .gallery .controls .info{text-align:left; padding: 5px 20px 0 30px;}
#wrap #mainContent .gallery .thumbs .fullthumbs {float:left;width:90000px;margin: 5px 0 0 0;}
#wrap #mainContent .gallery .thumbs .scrollInd{float:left;width:615px;background-color:#efe7dc;border-bottom:solid 1px #bfb19a;border-top:solid 1px #bfb19a;display: none;}
#wrap #mainContent .gallery .thumbs .scrollInd .current{float:left;width:80px;height:5px;line-height:5px;background-color:#bfb19a;font-size:1px;}
#wrap #mainContent .gallery .thumbs ul,
#wrap #mainContent .gallery .thumbs ul li {float:left;margin:0;padding:0;}
#wrap #mainContent .gallery .thumbs ul li {display:inline;}
#wrap #mainContent .gallery .thumbs ul{padding: 0 10px 4px 0;}
#wrap #mainContent .gallery .thumbs ul li a,
#wrap #mainContent .gallery .thumbs ul li img{float:left;}
#wrap #mainContent .gallery .thumbs ul li a{margin:2px 0 0 2px;height: 50px; width: 50px;border:solid 1px #bfb19a;}
#wrap #mainContent .gallery .thumbs ul li a:hover{border:solid 1px #b88b00;}

#wrap #mainContent ul.gallery-list{margin: 0;display: inline; padding: 0; list-style: none;float: left;}
#wrap #mainContent ul.gallery-list li{float: left;margin: 0 6px 10px 0;display: inline;min-height: 100px; height: auto !important; height: 100px;}
#wrap #mainContent ul.gallery-list a.listing{float: left; text-decoration: none;line-height: 1.5em;color: #666;}
#wrap #mainContent ul.gallery-list a.listing span.inner{float: left;width: 140px;cursor: pointer;}
#wrap #mainContent ul.gallery-list a.listing img.thumb{float: left; margin: 0 0 5px 0; border: 1px #988f83 solid;}
#wrap #mainContent ul.gallery-list a.listing .comments{font-size: 90%;}
#wrap #mainContent ul.gallery-list li .date{font-size: 95%;}
#wrap #mainContent ul.gallery-list a.listing:hover strong{color: #b88b00;}

#wrap #mainContent #templateOne .zoneTwo ul.gallery-list{margin-top: 10px;}
#wrap #mainContent .photoList ul.gallery-list a.listing span.inner{width: 132px;}
#wrap #mainContent .photoList ul.gallery-list{width: 272px;}
#wrap #mainContent .photoList ul.gallery-list li{margin-right: 4px;}
#wrap #mainContent .photoList br{display: none;}
#wrap #mainContent .photoList ul.gallery-list br{display: block;}

/* == Music styles
--------------------------------------------------------------------------------------------------------------------*/
#wrap .audio .musicList{float: right; width: 180px; min-height: 125px; _height: 125px; margin: 10px 0 10px 30px; background: #333; border: 1px #888 solid; padding: 0 5px 0 15px;}
#wrap .audio .musicList ul{margin-top: 0;}
#wrap .audio .musicList p{margin-bottom: 0;}
#wrap .audio .musicList ul li{list-style: url(/_img/list-bullet.gif);}

#wrap .audio .musicPlayer{float: left; width: 426px; margin: 10px 0 15px 0; background: #010101; border: 1px #888 solid; padding: 10px;}
#wrap .audio .musicPlayer .thumb, #wrap .audio .musicPlayer .ctrl{float: left;}
#wrap .audio .musicPlayer .thumb{padding: 1px; border: 1px #ccc solid; margin: 0 15px 0 0;}
#wrap .audio .musicPlayer .ctrl div{margin-bottom: 5px;}
#wrap .audio h3{width: 440px;}

#wrap .sideAudio a.btn{margin: 10px 0 0 0;}

/* == Comments styles
--------------------------------------------------------------------------------------------------------------------*/
#wrap ul.commentList{margin: 15px 0;}
#wrap ul.commentList li{padding: 5px 0;}
#wrap ul.commentList li .img{float: left; width: 94px; background: #121212; padding: 2px; border: 1px #232323 solid; margin: 0 15px 0 0;}
#wrap ul.commentList li .img img{float: left; padding: 2px;}
#wrap ul.commentList li .info .author{font-family: 'Trebuchet MS'; font-size: 130%; color: #fff; font-weight: bold;}
#wrap ul.commentList li .info .date{color: #555; font-style: italic;}

/* == Tooltips
--------------------------------------------------------------------------------------------------------------------*/
a.tooltip {color:#fff;text-decoration: none; cursor:help;}
a.tooltip b {display:none;}
a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip:hover b {display:block; position:absolute; top:8px; left:20px; padding:5px; font-weight:normal; color:#333; border:5px solid #000; background:#fff; width:170px;text-decoration: none;font-size: 95%;}

/* == Video Module
----------------------------------------------------------------------------------------------------------------------*/
.sideVideos{margin-top: -2px;}
.sideVideos .vidThumbs{float: left;border-top: solid 1px #888; padding: 4px 0 4px 2px; background: #111; margin: 7px 0 0 0;}
.sideVideos .vidThumbs .scroll{float:left;border: solid 1px #888;background: #111;color: #fff;height: 53px; line-height: 53px;padding: 0 2px;font-weight: bold;font-size: 150%;text-decoration: none; margin: 0 3px;}
.sideVideos .vidThumbs a.scroll:hover {border: solid 1px #EEEEEE; color:#EEEEEE;}
.sideVideos .vidThumbs .thumbHolder{float:left;width:180px;overflow:hidden;margin-top: 1px;margin-right: 2px;}
.sideVideos .vidThumbs .thumbHolder .inner{width:10000px;}
.sideVideos .vidThumbs .thumbHolder a{margin-left:4px; border:1px solid #888; background:#111 url(/_img/play.gif) 7px 0px;}
.sideVideos .vidThumbs .thumbHolder a:hover{border:1px solid #888}
.sideVideos .vidThumbs .thumbHolder a:hover img{opacity:0.4;filter:Alpha(opacity=40); text-decoration:none;}

.sideVideos .vidThumbs .thumb{float:left;height:51px;width:84px;overflow:hidden;background-color:#000;text-align:center;}
.sideVideos a.btn{margin: 5px 0 5px 5px;}

#wrap #mainContent .videoWrap{margin-bottom: 5px;background: #000; height: 200px;}
#wrap #mainContent .videoWrap p{margin: 0;}

#wrap #mainContent .videos .main{height:495px;width: 100%; margin: 0;}
#wrap #mainContent .videos .main .int{width:100%;}
#wrap #mainContent .videos .thumbs ul {padding-top:7px;}
#wrap #mainContent .videos .controls .thumbs{margin-left:1px;}
#wrap #mainContent .videos .thumbs ul li a{height: 40px; width: 70px;overflow:hidden;}

#wrap #mainContent #templateOne .zoneOne .homeLeft .videoWrap p{margin: 0;}

#video #wrap #mainContent .gallery-list li{width: 130px; margin: 0 40px 15px 0;}
#video .gallery-list li a.listing{background: url(/_img/ico/play.gif) #0F0F0F no-repeat center center; margin: 0 0 5px 0;}
#video .gallery-list li a.listing{border: 1px #888 solid;}
#video #wrap #mainContent .gallery-list li a.listing img{border: none; margin: 0;}
#video .gallery-list li a.listing:hover img{visibility: hidden;}

/* == Shop Module
----------------------------------------------------------------------------------------------------------------------*/
.sideShop {}
.sideShop ul.tabs {display:none;}
.sideShop .prodList li {width:98%;}
.sideShop .prodList li .prodImage img{border:2px solid #999; padding:0px; float:left;}
.sideShop .prodList li .prodImage:hover img{border:2px solid #555;}

/* == Archive Module
----------------------------------------------------------------------------------------------------------------------*/
.sideArchive .section .content a{text-decoration: none;}
.sideArchive .section .content a.on, .sideArchive .section .content a.off{padding-left: 16px; padding-top: 2px; background: url(/_img/bg-nav-star.png) no-repeat 0px 2px;}
.sideArchive .section .content a.off{}

/* == Pop-up styles
----------------------------------------------------------------------------------------------------------------------*/
#popup{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 50; display: none;}
.popMain{background: #000;padding: 20px;border: 2px solid #999;float: left;width: 600px;position: fixed;top: 5%;left: 50%;margin: 0 0 0 -315px;z-index: 100;height: 40%;}
.popMain .popInner{float: left;width: 600px;border: 1px solid #010202;height: 98%;overflow: auto;color: #fff; font-size:90%;}
.closeLoginBox{position: absolute; top: -23px; right: -23px;}

#popup .popMain .splitLeft, #popup .popMain .splitRight{float: left; width: 280px; margin: 0 20px 0 0;}
#popup .popMain .splitRight{margin: 0;}
#popup .popMain h3{background: none; padding: 0px;margin: 0 0 10px 0;font-size: 150%;font-weight: bold;color: #fff;}
#popup .popMain .clr{height: 1px; line-height: 1px;}
#popup .popMain .formHolder{padding-bottom: 10px;}
#popup .popMain .formHolder label{width: 80px; color: #fff; margin: 5px 0;}
#popup .popMain .formHolder .input{width: 140px;background-color: #111 !important;border: solid 1px #444;color: #fff; margin: 2px 0;}
#popup .popMain .formHolder select.input{width: 150px;}
#popup .popMain .formHolder p{display: inline;padding-right: 5px;}

#popup a.small {color:#fff;text-decoration: none; cursor:help;}
#popup a.small .whyText {display:none;}
#popup a.small:hover {border:0; position:relative; z-index:500; text-decoration:none;}
#popup a.small:hover .whyText {display:block; position:absolute; top:-70px; left:-100px; padding:5px; font-weight:normal; color:#333; border:5px solid #bfb19a; background:#efe7dc; width:170px;text-decoration: none;font-size: 95%;}
#popup .popMain label {float:left;}
#popup .popMain .btn {margin-top:5px;}
#popup .popMain h2 {margin-bottom:10px}

#popup .popMain h3{background: none; padding: 0px;margin: 0 0 10px 0;font-size: 150%;font-weight: bold;color: #fff;}
#popup .popMain .clr{height: 1px; line-height: 1px;}
#popup .popMain .formHolder{padding-bottom: 10px;}
#popup .popMain .formHolder label{color: #fff;}
#popup .popMain .formHolder .input{width: 140px;background-color: #111 !important;border: solid 1px #444;color: #fff;}
#popup .popMain .formHolder select.input{width: 150px;}
#popup .popMain .formHolder p{display: inline;padding-right: 5px;}

#popup a.small {color:#fff;text-decoration: none; cursor:help;}
#popup a.small .whyText {display:none;}
#popup a.small:hover {border:0; position:relative; z-index:500; text-decoration:none;}
#popup a.small:hover .whyText {display:block; position:absolute; top:-70px; left:-100px; padding:5px; font-weight:normal; color:#333; border:5px solid #bfb19a; background:#efe7dc; width:170px;text-decoration: none;font-size: 95%;}
#popup .popMain label {float:left;}
#popup .popMain .btn {margin-top:5px;}
#popup .popMain h2 {margin-bottom:10px}

/* == Store V3 Pop-up styles
----------------------------------------------------------------------------------------------------------------------*/
#fadeWrap{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 15;display: none;}
#fade{background: #000;position: fixed;width: 100%;height: 100%;filter:alpha(opacity=80);opacity: .80;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";left: 0;z-index: 15;}


#popup{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 50; display: none;}
#popup .inner{background: #000;padding: 20px;border: 2px solid #999;float: left;width: 600px;position: fixed;top: 5%;left: 50%;margin: 0 0 0 -315px;z-index: 100;}
#popup .inner .innerMost{float: left;width: 600px;border: 1px solid #010202;overflow: auto;color: #fff; font-size:90%;}
#popup .ClosePopup{position: absolute; top: -10px; right: -10px;}