﻿/* == Main Structure
------------------------------------------------------------------------------------------------------------------------ */
#wrap{width: 995px;margin: 0 auto;text-align: left;}
#wrap:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
#wrap #head{float:left; width: 995px; height: 258px;position: relative;}
#wrap #nav{float:left;width: 230px; margin-left: 15px;display: inline;margin-top: 11px;padding-bottom: 20px;}
#wrap #mainContent{float: right;width: 695px;margin-right: 15px;display: inline;padding-top: 1px;padding-bottom: 10px;}
#foot{float: left;width: 965px;margin-left: 15px;display: inline;border-top: solid 4px #000;padding-top: 10px;}

#wrap .templateHome .zoneOne{float: left; width: 370px;}
#wrap .templateHome .zoneTwo{float: right; width: 286px;}
#wrap .templateHome .module{margin: 0 0 10px 0;height: 1%;}
#wrap .templateHome .module:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}

#wrap .templateBasic .zoneOne{float: left; width: 370px;}
#wrap .templateBasic .zoneTwo{float: right; width: 286px;}
#wrap .templateBasic .zoneOneWide{float: left;width: 695px;}
#wrap .templateBasic .zoneOneWide .splitLeft{float: left;width: 326px;}
#wrap .templateBasic .zoneOneWide .splitRight{float: right;width: 326px;}
#wrap .templateBasic .module{margin: 0 0 10px 0;height: 1%;}
#wrap .templateBasic .module:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}

#wrap .templateFull .zoneOne{float: left;width: 695px;}
#wrap .templateFull .zoneOne .splitLeft{float: left;width: 326px;}
#wrap .templateFull .zoneOne .splitRight{float: right;width: 326px;}
#wrap .templateFull .zoneOne .module{margin: 0 0 10px 0;height: 1%;}
#wrap .templateFull .zoneOne .module:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}

#wrap .templateStore .zoneOne{float: left;width: 694px;}

/* == Navigation
------------------------------------------------------------------------------------------------------------------------ */
#wrap #navList ul{float: left;margin: 0 0 30px 0; list-style-image: none;width: 230px;}
#wrap #navList ul li{margin: 0 0 2px 0;overflow: hidden;float: left; height: 21px;width: 100%;}
#wrap #navList ul li a, #wrap #navList ul li span{float: left;height: 21px;width: 100%;background: url(/_img/nav-sprite.gif) no-repeat;text-indent: -9999px;cursor: pointer;}
#wrap #navList ul li a{background-position: 0 0;}
#wrap #navList ul li span{background-position: 0 -22px}

#wrap #nav #mainBanner{clear: both;margin-bottom: 30px;}

/* == Navigation Image Replacement
------------------------------------------------------------------------------------------------------------------------ */
#wrap #navList ul li.home a{background-position: 0 -30px;}
#wrap #navList ul li.home span{background-position: 0 0px;}
#wrap #navList ul li.home a.on, #wrap #nav ul li.home a.on span{background-position: 0 -30px;}

#wrap #navList ul li.photos a{background-position: 0 -214px;}
#wrap #navList ul li.photos span{background-position: 0 -184px;}
#wrap #navList ul li.photos a.on, #wrap #nav ul li.photos a.on span{background-position: 0 -214px;}

#wrap #navList ul li.gigs a{background-position: 0 -153px;}
#wrap #navList ul li.gigs span{background-position: 0 -122px;}
#wrap #navList ul li.gigs a.on, #wrap #nav ul li.gigs a.on span{background-position: 0 -153px;}

#wrap #navList ul li.lyrics a{background-position: 0 -399px;}
#wrap #navList ul li.lyrics span{background-position: 0 -368px;}
#wrap #navList ul li.lyrics a.on, #wrap #nav ul li.lyrics a.on span{background-position: 0 -399px;}

#wrap #navList ul li.shop a{background-position: 0 -644px;}
#wrap #navList ul li.shop span{background-position: 0 -613px;}
#wrap #navList ul li.shop a.on, #wrap #nav ul li.shop a.on span{background-position: 0 -644px;}

#wrap #navList ul li.video a{background-position: 0 -276px;}
#wrap #navList ul li.video span{background-position: 0 -245px;}
#wrap #navList ul li.video a.on, #wrap #nav ul li.video a.on span{background-position: 0 -276px;}

#wrap #navList ul li.forum a{background-position: 0 -460px;}
#wrap #navList ul li.forum span{background-position: 0 -429px;}
#wrap #navList ul li.forum a.on, #wrap #nav ul li.forum a.on span{background-position: 0 -460px;}

#wrap #navList ul li.news a{background-position: 0 -92px;}
#wrap #navList ul li.news span{background-position: 0 -61px;}
#wrap #navList ul li.news a.on, #wrap #nav ul li.news a.on span{background-position: 0 -92px;}

#wrap #navList ul li.fanclub a{background-position: 0 -520px;}
#wrap #navList ul li.fanclub span{background-position: 0 -490px;}
#wrap #navList ul li.fanclub a.on, #wrap #nav ul li.fanclub a.on span{background-position: 0 -521px;}

#wrap #navList ul li.members a{background-position: 0 -583px;}
#wrap #navList ul li.members span{background-position: 0 -552px;}
#wrap #navList ul li.members a.on, #wrap #nav ul li.members a.on span{background-position: 0 -583px;}

#wrap #navList ul li.audio a{background-position: 0 -337px;}
#wrap #navList ul li.audio span{background-position: 0 -307px;}
#wrap #navList ul li.audio a.on, #wrap #nav ul li.audio a.on span{background-position: 0 -337px;}

/* == Head Content
------------------------------------------------------------------------------------------------------------------------ */
#wrap #head .logo{position: absolute; left: 0; top: 60px;z-index: 1;}
#wrap #head #headFlash{position: absolute; top: 0; left: 0;z-index: 2;}
#wrap #head #frames{float: right;}

#wrap #head ul#headLinks{float: right; clear: right; margin: 15px 0 0 0; list-style-image: none;width: 600px;position: absolute; bottom: 12px; right: 15px;z-index: 3;}
#wrap #head ul#headLinks li{float: right; margin: 0 0 0 25px;overflow: hidden;height: 21px;}
#wrap #head ul#headLinks li a, #wrap #head ul#headLinks li span{float: left;height: 21px;width: 100%;background: url(/_img/nav-sprite.gif) no-repeat;text-indent: -9999px;cursor: pointer;}

#wrap #head ul#headLinks li.headAddMe{width: 130px;}
#wrap #head ul#headLinks li.headAddMe a{float: left;height: 21px;width: 100%;background:transparent;text-indent: 0px;}


#wrap #head ul#headLinks li.headNews{width: 193px;}
#wrap #head ul#headLinks li.headNews a{background-position: 0 -712px;}
#wrap #head ul#headLinks li.headNews span{background-position: 0 -682px;}
#wrap #head ul#headLinks li.headNews a.on, #wrap #head ul#headLinks li.headNews a.on span{background-position: 0 -712px;}

#wrap #head ul#headLinks li.headMembers{width: 174px;}
#wrap #head ul#headLinks li.headMembers a{background-position: 0 -774px;}
#wrap #head ul#headLinks li.headMembers span{background-position: 0 -743px;}
#wrap #head ul#headLinks li.headMembers a.on, #wrap #head ul#headLinks li.headMembers a.on span{background-position: 0 -774px;}

#wrap #head ul#headLinks li.headMembersIn{width: 188px;}
#wrap #head ul#headLinks li.headMembersIn a{background-position: 0 -835px;}
#wrap #head ul#headLinks li.headMembersIn span{background-position: 0 -804px;}
#wrap #head ul#headLinks li.headMembersIn a.on, #wrap #head ul#headLinks li.headMembersIn a.on span{background-position: 0 -835px;}

/* == Global Listing Styles
------------------------------------------------------------------------------------------------------------------------ */
ul.genList{margin: 0; list-style-image: none;zoom: 1;}
ul.genList li{zoom: 1;border-bottom: solid 1px #000;padding: 0 0 10px 0;margin: 0 0 10px 0;}
ul.genList li:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
ul.genList li h3{font-size: 100%;margin: 0 0 0px 0;}
ul.genList li h3 a{color: #000;}
ul.genList li h3 a:hover{color: #6A9837;}
ul.genList li h3 .lang{color:#6A9837;}
ul.genList li h4{font-size: 100%;text-transform: none;margin: 0 0 5px 0;}
ul.genList li p{margin: 0 0 3px 0;}
ul.genList li a.thumb{float: left;border: solid 4px #000;margin: 0 14px 0 0;}
ul.genList li a.thumb:hover{border: solid 4px #4b2d06;}
ul.genList li .memberType1 a.thumb{border: solid 4px #996600;}

ul.genList li ul li{border: 0;padding-bottom: 0;margin-bottom: 0;}

.genListPad1{padding-left: 100px;}

/** stack this onto genList to reduce vertical spacing throughout **/
ul.condensedList{margin-bottom: 10px;}
ul.condensedList li{margin: 0 0 5px 0; padding: 0 0 5px 0;}
ul.condensedList li p{margin: 0 0 3px 0;}

/** used to dynamically switch genList into thumbnail view only **/
ul.thumbView{height: 1%;}
ul.thumbView:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
ul.thumbView li{float: left;border: 0;margin: 0 5px 5px 0; padding: 0;width: 78px; text-align: center;}
ul.thumbView li a.thumb{margin: 0;}
ul.thumbView h3{font-size: 100%; font-weight: normal;text-transform: none;}
ul.thumbView p{display: none;}

/** for thumbnail listing only **/
ul.justThumbs{margin: 0 0 5px 0; list-style-image: none;zoom: 1;}
ul.justThumbs:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
ul.justThumbs li{float: left;margin: 0 5px 0px 0;}
ul.justThumbs li a{float: left;border: solid 4px #000;}
ul.justThumbs li a:hover{border: solid 4px #4b2d06;}
ul.justThumbs h3{display: none;}
ul.justThumbsMain li{float: left;margin: 0 8px 8px 0;}
ul.justThumbsAttending li {float: left;margin: 0 5px 5px 0;}

/** member activity specific overrides **/
ul.activityThumbs{width: 372px;margin: 0 0 10px 0;}
ul.activityThumbs li{margin: 0 2px 2px 0;}

/** compact list for photo & text **/
ul.compactList{margin: 0; list-style-image: none;height: 1%;}
ul.compactList:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
ul.compactList li{float: left; width: 33%;margin: 0 0 10px 0;}
ul.compactList li h3{font-size: 100%;margin: 0 0 5px 0;}
ul.compactList li h3 a{color: #000;}
ul.compactList li h3 a:hover{color: #6A9837;}
ul.compactList li h4{font-size: 100%;text-transform: none;margin: 0 0 5px 0;}
ul.compactList li p{margin: 0 0 9px 0;}
ul.compactList li a.thumb{float: left;border: solid 4px #000;margin: 0 5px 0 0;}
ul.compactList li a.thumb:hover{border: solid 4px #4b2d06;}

/** used to remove some dead space in the comments control **/
.commentControl .genList{margin-top: -15px;}

/* == Footer Content
------------------------------------------------------------------------------------------------------------------------ */
#foot ul{margin: 0; list-style-image: none;text-align: center;}
#foot ul li{display: inline;margin: 0 20px 0 0;}
#foot ul li a{color: #000;}

/* == Login Box
----------------------------------------------------------------------------------------------------------------------*/
/** outer fade only **/
#fadeWrap{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 60;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)"; /*--IE 8 Transparency--*/left: 0;z-index: 10;}

/** main popup styling **/
#popupNorm{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 65;text-align: left;}
#popupNorm .popMain{background: url(/_img/popup-top.gif) top left no-repeat;float: left;width: 698px;position: fixed;top: 10%;left: 50%;margin: 0 0 0 -300px;z-index: 100;height: 80%;}
#popupNorm .popMain .popInner{float: left;width: 698px;height: 100%;background: url(/_img/popup-btm.gif) bottom left no-repeat;}
#popupNorm .popMain .popInner .popScroll{float: left; width: 630px; height: 88%;overflow: auto;margin: 29px 30px 0 39px;display: inline;}
#popupNorm .closePopup{position: absolute; top: -10px; right: -10px;}
#popupNorm .popMainShort{height: 470px; /*top: 32%;*/}

#popup{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 65;text-align: left;}
#popup .inner{background: url(/_img/popup-top.gif) top left no-repeat;float: left;width: 698px;position: fixed;top: 10%;left: 50%;margin: 0 0 0 -300px;z-index: 100;}
#popup .innerMost{float: left;width: 638px;height: 400px;background: url(/_img/popup-btm.gif) bottom left no-repeat;padding: 30px 30px 0 30px;overflow: auto;}
#popup .innerMost .ClosePopup{position: absolute; top: -10px; right: -10px;}
#popup .innerMost h2{font-size: 180%; font-weight: bold; margin: 10px 0;text-transform: uppercase;color: #000; font-family: Georgia; text-indent: 0; background: none; text-align: left; border: 0;padding: 0; font-size: 140%;}

#dataPopup .inner .innerMost h2 span{color: #6a9837; font-size: 80%;}
#dataPopup .inner .innerMost label{float: left; clear: left; width: 120px; font-weight: bold;padding-top: 10px;}
#dataPopup .inner .innerMost .opts{padding: 8px 10px 8px 0px;zoom:1; float: left; width: 430px;}
#dataPopup .inner .innerMost .opts:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
#dataPopup .inner .innerMost .opts .dBtn{float: left;width: 60px; background: #000; border: 0; padding: 0px; height: 20px; line-height: 18px; text-decoration: none; text-transform: uppercase; color: #fff; font-size: 11px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-weight: normal; margin: 0 3px 3px 0; cursor: pointer;}
#dataPopup .inner .innerMost .opts .dbWide{width: 98px;}
#dataPopup .inner .innerMost .opts .On{background: #6a9837;}
#dataPopup .inner .innerMost .optsWide .dBtn{width: 98px;}
#dataPopup .inner .innerMost .optsWide .dBtnWidest{width: 136px;}
#dataPopup .inner .innerMost .opts span{width: 60px; height: 20px; margin: 0 3px 3px 0; float: left; text-align: center; font-size: 80%;}
#dataPopup .inner .innerMost span img{float: none;}
#dataPopup .inner .innerMost .hr{clear: both;}
#dataPopup .inner .innerMost .optsWide span{width: 98px;}
#dataPopup .inner .innerMost .btn{width: 150px;background: url(/_img/btn-wide.gif) top left no-repeat;}

/* == Ratings
----------------------------------------------------------------------------------------------------------------------*/
ul.rate{margin: 5px 0; list-style: none;height: 1%;}
ul.rate:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
ul.rate li{float: left;padding: 0 20px 0 0;}
ul.rate li input{float: left;}
ul.rate li span{float: left;font-weight: bold;}

.icoStars{background-image:url(/_img/stars.gif);width:80px;height:16px;}
.icoStars1{background-position: 0 -16px;}
.icoStars2{background-position: 0 -32px;}
.icoStars3{background-position: 0 -48px;}
.icoStars4{background-position: 0 -64px;}
.icoStars5{background-position: 0 -80px;}
.icoStars05{background-position: 0 -96px;}
.icoStars15{background-position: 0 -112px;}
.icoStars25{background-position: 0 -128px;}
.icoStars35{background-position: 0 -144px;}
.icoStars45{background-position: 0 -160px;}

/* == Calendar Item
----------------------------------------------------------------------------------------------------------------------*/
ul.genList li .calendar{border: solid 1px #ccca9c; float: left; width: 65px;text-align: center;background: #eeeace url(/_img/calendar-pins.gif) top center no-repeat;margin: 0 10px 5px 0;}
ul.genList li .calendar p{margin: 0; padding: 3px 0;line-height: 1.3em;border: solid 1px #fff;}
ul.genList li .calendar p.one{color: #000;font-size: 120%;line-height: 1em;padding: 8px 0 3px 0;border-bottom: solid 1px #fff;}
ul.genList li .calendar p.two{font-weight: bold;color: #753c15;font-family: Arial;border-top: solid 1px #ccca9c; background: #e1ddbf;font-size: 160%;padding: 0;line-height: 1.2em;}

/* == Tabs
----------------------------------------------------------------------------------------------------------------------*/
ul.tabs{margin: 0; list-style-image: none;height: 1%;font-weight: bold;}
ul.tabs:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
ul.tabs li{float: left;margin: 0 2px 0 0;height: 20px; line-height: 20px;}
ul.tabs li.right{float: right;}
ul.tabs li a{float: left;background: url(/_img/tab-right.gif) top right no-repeat;text-transform: uppercase;color: #FCF4CD;font-size: 90%;}
ul.tabs li a span{float: left;height: 20px; line-height: 20px;text-align: center; background: url(/_img/tab-left.gif) top left no-repeat;padding: 0 8px; cursor: pointer;}
ul.tabs li.on a, ul.tabs li a.on, ul.tabs li a:hover{background-position: bottom right; color: #fff;text-decoration: none;}
ul.tabs li.on a span, ul.tabs li a.on span, ul.tabs li a:hover span{background-position: bottom left}

ul.tabs li a.linkSwitch{width: 127px;background: url(/_img/link-switch.gif) top left no-repeat;padding-left: 5px;height: 21px; line-height: 21px;}
ul.tabs li a.linkSwitchOn{background-position: bottom left;}

ul.flagTabs{text-align: center;}
ul.flagTabs li{height: 22px; line-height: 22px;float: none;display: inline;margin: 0 1px;}
ul.flagTabs li a{background: none;float: none;}

/* == Paging
----------------------------------------------------------------------------------------------------------------------*/
.paging{margin: 10px 0;border: solid 1px #ccca9c;background: #eeeace;}
.paging .inner{padding: 5px;zoom:1;border: solid 1px #fff;}
.paging .inner:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.paging .text{float: left;padding: 2px 0;}
.paging .pg{float: right;}
.paging .pg ul{margin: 0; list-style-image: none;float: right;}
.paging .pg ul li{display: inline;margin: 0 5px 0 0;float: left;}
.paging .pg ul li a{color: #a8a673;float: left; border: solid 1px #ccca9c;padding: 1px 2px;}
.paging .pg ul li a:hover, .paging .pg ul li a.on{background: #ccca9c; color: #412400;border: solid 1px #412400;text-decoration: none;}
.paging .pg ul li.det{font-weight: bold;margin-right: 10px;color: #412400;padding: 2px 0;}

.pagingbase{margin: 20px 0;border: solid 1px #ccca9c;background: #eeeace;}
.pagingbase .inner{padding: 5px;height: 1%;border: solid 1px #fff;}
.pagingbase .inner:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.pagingbase .text{float: left;padding: 2px 0;}
.pagingbase .pg{float: right;}
.pagingbase .pg ul{margin: 0; list-style-image: none;float: right;}
.pagingbase .pg ul li{display: inline;margin: 0 5px 0 0;float: left;}
.pagingbase .pg ul li a{color: #a8a673;float: left; border: solid 1px #ccca9c;padding: 1px 5px;}
.pagingbase .pg ul li a:hover, .pagingbase .pg ul li a.on{background: #ccca9c; color: #412400;border: solid 1px #412400;}
.pagingbase .pg ul li.det{font-weight: bold;margin-right: 15px;color: #412400;padding: 2px 0;}

/* == Custom scroll zones
----------------------------------------------------------------------------------------------------------------------*/
.customScroll{overflow: auto;}


/* == Video Module
----------------------------------------------------------------------------------------------------------------------*/
.sideVideos .channelSelect{width: 180px;}
.sideVideos .vidWrap{margin: 10px 0;}
.sideVideos .vidThumbs{float: left;margin-bottom: 10px;}
.sideVideos .vidThumbs .scroll{float:left;background: url(/_img/scroll-bg.gif) no-repeat top right;color: #fff;height: 53px; line-height: 53px; width: 14px; text-align: center;font-weight: bold;font-size: 150%;text-decoration: none;}
.sideVideos .vidThumbs .scroll:hover{background-position: top left;}
.sideVideos .vidThumbs .thumbHolder{float:left;width:258px;overflow:hidden;}
.sideVideos .vidThumbs .thumbHolder .inner{width:10000px;}
.sideVideos .vidThumbs .thumbHolder a{}
.sideVideos .vidThumbs .thumb{float:left;height:53px;width:72px;overflow:hidden;background-color:#000;text-align:center;}

/*== Video Module Full
----------------------------------------------------------------------------------------------------------------------*/
.fullVideos .channelSelect{width: 180px;}
.fullVideos .vidWrap{margin: 10px 0;}
.fullVideos .vidThumbs{float: left;margin-bottom: 10px;}
.fullVideos .vidThumbs .scroll{float:left;background: url(/_img/scroll-bg.gif) no-repeat top right;color: #fff;height: 53px; line-height: 53px; width: 14px; text-align: center;font-weight: bold;font-size: 150%;text-decoration: none;}
.fullVideos .vidThumbs .scroll:hover{background-position: top left;}
.fullVideos .vidThumbs .thumbHolder{float:left;width:667px;overflow:hidden; background-color:#EEEACE; }
.fullVideos .vidThumbs .thumbHolder .inner{width:10000px; }
.fullVideos .vidThumbs .thumbHolder a{}
.fullVideos .vidThumbs .thumb{float:left;height:53px;width:72px;overflow:hidden;background-color:#000;text-align:center;}

.videoFullHolderWrap {width:695px; }
.videoHolder .commentControl {float:left; width:695px;}
.videoHolder #videoPlaceHolder {height:440px; width:695px; }


/* == Photo View
----------------------------------------------------------------------------------------------------------------------*/
.viewPhoto .main{float:left;margin:0;text-align:center;border: solid 1px #ccca9c;background: #eeeace;}
.viewPhoto .main .int{margin:0;overflow:hidden;text-align:center;width:691px;border: solid 1px #fff;padding: 10px 0;}

.galleryBox{float: left;width: 695px;}
.galleryBox .scroll{float:left;background: url(/_img/scroll-bg-tall.gif) no-repeat top right;color: #fff;height: 70px; line-height: 70px;width: 14px; text-align: center;font-weight: bold;font-size: 150%;text-decoration: none;}
.galleryBox .scroll:hover{background-position: top left;}
.galleryBox .thumbs{float: left;width: 667px;overflow:hidden;margin:0;}
.galleryBox ul, .galleryBox ul li{float: left;margin:0;padding:0;list-style-image:none;}
.galleryBox ul{width:20000px;}
.galleryBox ul li{width: 75px;padding-left:0;}
.galleryBox ul li .inlineImg{margin:0;}
.galleryBox ul li a.thumb{float:left; text-align:center;}
.galleryBox ul li a.thumb:hover{}
.galleryBox .scrollInd{float:left;width: 693px;margin-top:5px;height:8px;line-height:8px;overflow:hidden;border: solid 1px #ccca9c;background: #eeeace;position: relative;}
.galleryBox .scrollInd .current{position:absolute;height:8px;line-height:8px;cursor:move;font-size:1px;background: #fff;}
.galleryBox .linkOff, .galleryBox .linkOff a.current{filter:alpha(opacity=30);-moz-opacity:.30;opacity:.30;cursor:default;}
.galleryBox .linkOff .current{cursor:default;}

/* =Tooltips
--------------------------------------------------------------------------------------------------------------------*/
.formHolder a.sml{font-size: 90%;}

/* =Members Area Styles
--------------------------------------------------------------------------------------------------------------------*/
ul.fanNav{height: 1%;margin: 10px 0 10px 0;padding: 1px 2px; list-style-image: none;background: url(/_img/fan-nav-bg.gif) top left no-repeat;}
ul.fanNav:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
ul.fanNav li{float: left;margin: 0;}
ul.fanNav li a{float: left; height: 26px; line-height: 26px;color: #faf2d2;border-left: solid 1px #000;border-right: solid 1px #b26a09;padding: 0 8px;}
ul.fanNav li a:hover, ul.fanNav li a.on{background: url(/_img/fan-nav-on.gif) center center no-repeat;text-decoration: none;color: #fff;}

.membersWrap ul.tabs{margin-bottom: 10px;}

/** Member Profile **/
.membersWrap .memberProfile .img{float: left;position: relative;margin: 0 10px 0 0;border: solid 1px #ccca9c;background: #eeeace;text-align: center;padding: 8px;}
.membersWrap .memberProfile .img .mainImage{border: solid 4px #000;}
.membersWrap .memberProfile .img .tools{clear: left;}
.membersWrap .memberProfile .img .tools ul.photos{margin: 0; list-style-image: none; text-align: center;}
.membersWrap .memberProfile .img .tools .linkBtn{margin-top: 3px;}

.membersWrap .memberProfile .divFullImg{position: absolute; top: 0; left: 0;background: #000; padding: 5px;border: solid 3px #fff;text-align: center;}
.membersWrap .memberProfile .divFullImg a{color: #fff;padding-bottom: 5px;display: block; text-decoration: none;}

/*#wrap .templateFull .zoneOne .imageUploader h2{background: none;color: #000;font-size: 140%;text-align: left; padding: 0; margin: 0 0 20px 0;height: auto; line-height: normal;} */

.uploadedimages ul.imgListing{margin: 0; list-style-image: none;height: 1%;}
.uploadedimages ul.imgListing:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.uploadedimages ul.imgListing li{float: left; width: 45%;margin: 0 0 5px 0;}

.atoz{padding: 3px;}

/* =Fan Club Styles
--------------------------------------------------------------------------------------------------------------------*/
ul.progress{float: left;background: url(/_img/progress-pixel.gif) top left repeat-x; list-style-image: none;margin: 0 0 20px 0;}
ul.progress li{float: left;margin: 0 80px 0 0;text-align: center;font-weight: bold;}
ul.progress li.end{margin-right: 0;}
ul.progress li span{float: left; margin-bottom: 5px;}
ul.progress li a.on{color: #111;}
ul.progress li a.off{color: #8a8a8a;}
ul.progress li a.on span{float: left; width: 38px; height: 38px; line-height: 38px; background: url(/_img/progress-on.gif) top left no-repeat;text-align: center; color: #fff; font-weight: bold;}
ul.progress li a.off span{float: left; width: 38px; height: 38px; line-height: 38px; background: url(/_img/progress-off.gif) top right no-repeat;text-align: center; color: #7b7b7b; font-weight: bold;}

ul.routes{margin: 0; list-style-image: none;}
ul.routes li{height: 1%;margin: 0 0 5px 0;}
ul.routes li:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
ul.routes li a{float: left; width: 306px; height: 51px; padding: 10px; background: url(/_img/membership-sprite.gif) top left no-repeat;color: #222;font-weight: normal;line-height: 1.4em;}
ul.routes li a:hover{background-position: bottom left; color: #ece4bf;}
ul.routes li a span{color: #884e0f;font-weight: bold;font-size: 140%;}
ul.routes li a:hover span{color: #fff;}

.zoneTwo ul.routes li a {float: left; width: 266px; height: 51px; padding: 10px; background: url(/_img/membership-sprite.gif) top left no-repeat;color: #222;font-weight: normal;line-height: 1.4em;}
.zoneTwo ul.routes li a:hover{background-position: bottom left; color: #ece4bf;}

.fanOverview{background: url(/_img/fanclub-overview.gif) top left no-repeat; min-height: 189px; height: auto !important; height: 189px;color: #fff;padding: 10px;}
.fanOverview a{color: #000;}
.fanOverview a:hover{text-decoration: underline;}

/* == Screen Messages
---------------------------------------------------------------------------------------------------------------------- */
div.msgInfo{border: solid 1px #ccca9c;background: #eeeace;margin: 10px 0;}
div.msgInfo p{margin: 0; padding: 10px; border: solid 1px #fff;}
ul.error{border: solid 1px #ccca9c; border-top: 0;background: #eeeace; color: #fe0000; margin: 10px 0; list-style-image: none;}
ul.error li{margin: 0;padding: 5px;border: solid 1px #fff;border-top: solid 1px #ccca9c;}
ul.success{border-left: solid 4px green; color: green; font-style: italic;margin: 5px 0; list-style-image: none;padding: 0 0 0 10px;}

/* == Store V3 overrides
----------------------------------------------------------------------------------------------------------------------*/
.templateStore h1{color: #FCF4CD;border: 0; padding: 0; background: none;zoom: 1; z-index: 55;}
.templateStore h1:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.templateStore h1 .storeTitleValue{float: left; width: 352px;height: 27px; line-height: 28px;background: url(/_img/store-titles.gif) 0 -28px no-repeat;text-indent: -9999px;}
.templateStore h2{height: 28px; line-height: 28px;background: url(/_img/store-titles.gif) 0 0 no-repeat;color: #FCF4CD; text-align: center; font-size: 190%; font-family: Courier New; letter-spacing: 1px;}
.templateStore h2 a{color: #FCF4CD;}
.templateStore .prodRelated h2{background: url(/_img/h2-bg-wide.gif) 0 -224px no-repeat; text-indent: -9999px;}
.templateStore .prodOffers h2{background-position: 0 -140px; text-indent: -9999px;}
.templateStore .coCheckout .coLogIn h2{background-position: 0 -168px; text-indent: -9999px;}
.templateStore .coCheckout .coNewCustomer h2{background-position: 0 -196px; text-indent: -9999px;}
.templateStore .coCheckoutDetails .coPersonal h2{background-position: 0 -280px; text-indent: -9999px;}
.templateStore .coCheckoutDetails .coBilling .coSplitOne h2{background-position: 0 -223px; text-indent: -9999px;}
.templateStore .coCheckoutDetails .coBilling .coSplitTwo h2{background-position: 0 -251px; text-indent: -9999px;}
.templateStore .coCheckoutSummary .coDeliveryOptions h2{background-position: 0 -308px; text-indent: -9999px;}
.templateStore .coCheckoutSummary .coPromos h2{background-position: 0 -336px; text-indent: -9999px;}
.templateStore .coCheckoutSummary .coOrderTotal h2{background-position: 0 -364px; text-indent: -9999px;}
.templateStore .coCheckoutPayment .coOrderTotal h2{background-position: 0 -392px; text-indent: -9999px;}
.templateStore .coCheckoutPayment .coPaymentDetails h2{background-position: 0 -420px; text-indent: -9999px;}
.templateStore .coFailed h2{background: url(/_img/h2-bg-wide.gif) 0 -420px no-repeat; text-indent: -9999px;}
.templateStore .coAccount .coAccountLogin .coAccountLoginDetails h2{background-position: 0 -448px; text-indent: -9999px;}
.templateStore .coAccount .coAccountLogin .coAccountLoginReg h2{background-position: 0 -476px; text-indent: -9999px;}

.templateStore label{float: left; width: 90px;}
.coCheckout .coFormPanel .input{width: 230px;}
.coCheckout .coLogIn .coSplitTwo .btn{margin-right: 10px !important; margin-top: 0px;}

ul.catList h2{text-indent: -9999px;}
ul.catList h2 a.catViewMore{text-indent: 0px; text-align: left; background: url(/_img/cat-view-more.gif) no-repeat top left; height: 29px; line-height: 31px; width: 70px; top: -1px; right: 0; padding-left: 25px;font-family: Georgia; letter-spacing: 0;font-size: 45%;}
ul.catList li.Featured h2{background-position: 0 -56px;}
ul.catList li.Music h2{background-position: 0 -84px;}
ul.catList li.Merch h2{background-position: 0 -112px;}

.templateStore ul.tabs{margin: 10px 0;}

.templateStore .btn{display: inline-block;background: url(/_img/btn-mid.gif) top left no-repeat; width: 100px;height: 20px; line-height: 20px;text-align: center; text-transform: uppercase;color: #FCF4CD;font-size: 90%;}
.templateStore .btn:hover{background-position: bottom left; color: #fff;}

.templateStore h1 #miniBasket{background: #eeeace; border: solid 1px #ccca9c;padding: 2px 3px; color: #000; font-size: 55%;}
.templateStore h1 #miniBasket .item{float: left; background: #e1ddbf; border: solid 1px #fff;padding: 3px 2px;margin-right: 5px;}
.templateStore h1 #miniBasket .basketLink{float: left; background: #e1ddbf; border: solid 1px #fff;padding: 3px 2px;}
.templateStore h1 #miniBasket .basketLink span{display: none;}
.templateStore h1 #miniBasket .btn{margin: 1px 2px 0 4px;}

.navCategories{top: 0px; right: 325px;}
.navCategories .dropdown{height: 25px;}
.navCategories .dropdown p{height: 27px;display: none;}
.navCategories .dropdown span{height: 27px; width: 44px;}
.navCategories .dropdown ul.navCatDrop{top: 27px;left: 5px;padding-top: 2px;}
.navCategories .dropdown ul.navCatDrop li{background: none; border: 0;}
.navCategories .dropdown ul.navCatDrop li a{border: 0; color: #fff; padding: 0 5px 0 10px; width: 145px; letter-spacing: 1px; background: url(/_img/dropdown-item.gif) no-repeat top left; height: 26px; line-height: 25px;}
.navCategories .dropdown ul.navCatDrop li a:hover{color: #6A9837;}

.prodList li .prodImage img{width: 140px; height: 140px;}
.prodList li .prodText{padding-left: 160px;}
.prodList li .prodText h3{font-size: 120%;}
.prodList li .prodText h3 a{color: #000;}
.prodList li .prodText h3 a:hover{color: #6A9837;}
.prodList li .prodText .prodStockDD select{width: 170px;}

.prodSlider{background: none; border: 0;}
.prodSlider .prodList li .prodImage img{height: 75px; width: 75px;}

.catView .prodView{border-bottom: solid 1px #000;}

.coBasketWrap, .tableWrap{bordeR: 0; padding: 0; background: none;}

.coBasket .coBasketTotal,
.coCheckout .coCheckoutSummary .coOrderTotal .inner,
.coCheckout .coCheckoutPayment .coOrderTotal .inner,
.coAccount .coAccountArea ul{background: #eeeace; border-color: #ccca9c}

.coProceed .btnContinue .btn,
.coProceed .btnContinue{width: 150px;background: url(/_img/btn-wide.gif) top left no-repeat;}
.coProceed .btnProceed .btn{width: 100px;background: url(/_img/btn-mid.gif) top left no-repeat;}

.coCheckout .progressList li{padding: 20px 30px;}

.coCheckoutSummary .coPromos .btn{width: 150px;background: url(/_img/btn-wide.gif) top left no-repeat;}

.coCheckoutSummary .coDeliveryOptions .coSplitTwo .btn,
.coCheckoutPayment .coPaymentDetails .coSplitOne .btn{width: 276px;background: url(/_img/btn-extra-wide.gif) top left no-repeat;}

.coCheckout .coCheckoutConfirmation .coStoreDetails h2{margin-bottom: 0; background: none; color: #000; height: auto; font-size: 130%;}
.coCheckout .coCheckoutConfirmation .coStoreVIP h2{margin-bottom: 0; background: none; color: #000; height: auto; font-size: 130%;}

.prodStockFlyout{background: #eeeace; border: solid 1px #ccca9c;}

a.tooltip {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:0px; left: 15px; padding:5px; font-weight:normal; color:#fff; border:1px solid #333; background:#000; width:200px;text-decoration: none;font-size: 90%;}

/* =Promo code
--------------------------------------------------------------------------------------------------------------------
#codeRequest label{width: 100px; float: left; color: #fff; padding-top: 5px;}
#codeRequest .input{height: 25px; width: 200px; float: left; margin-right: 10px; padding-top: 3px;}*/

/* =PWD reset override styles 
--------------------------------------------------------------------------------------------------------------------*/
#wrap .pwdReset label{width: 100px; float: left}
#wrap .pwdReset input.thirty{border: solid 1px #bdb995;margin: 0 0 3px 0; background: #faf2d2 url(/_img/input-bg.gif) top left repeat-x; float: left; width: 50%}

/* =promo page
--------------------------------------------------------------------------------------------------------------------*/
#promo #nav{display: none;}
#promo #foot{visibility: hidden;}
#promo #headLinks{display: none;}
#promo #wrap #mainContent{float: left; margin-left: 18px; width: 965px;} 

#promo .promoLeft{float: left; width: 340px; background-color: #faf2d2;}
#promo .promoRight{float: left; width: 624px; text-align: right;}

#promo .promoVideo{float: left; width: 624px; text-align: right;}
#promo .promoForm{float: left; width: 340px; background: #faf2d2 url(/_img/guby-promo-bg.gif) top left no-repeat; min-height: 410px; height: auto !important; height: 410px; }
#promo .promoForm .formHolder{padding: 10px; padding-left: 50px; margin-top: 227px;}
#promo .promoForm .formHolder label{width: 90px; color: #000; margin: 0; margin-top: 2px;}
#promo .promoForm .formHolder .input{width: 140px; margin: 0; margin-bottom: 1px;}
#promo .promoForm .formHolder ul.error{width: 226px;}
#promo .promoForm .formHolder ul.info{width: 226px;}
#promo .promoForm .formHolder a{color: #000; font-size: 90% }
#promo .promoSiteLink{margin-top: 20px; text-align: center; width: 965px; float: left}
#promo .promoForm .formHolder .btn{margin-left: 38px;}
#promo .promoForm .formHolder .dob{width: 40px;}
#promo .promoForm .formHolder .dobYear{width: 55px;}
#promo .promoForm .formHolder .psel{width: 141px;}


.mapPopoverHover{display:none; position:absolute; z-index:1000000; top:0; left:0; border:solid 1px #555; color:#222; background:#fff; padding: 2px 10px;}
	