/* == STYLESHEET FUNCTIONS
------------------------------------------------------------------------------------------------------------------------
- Defines the site-wide layout for core structure
- Defines reusable widget code
- Defines page specific layout
- Overrides base HTML elements where required
----------------------------------------------------------------------------------------------------------------------*/

/* == CONTENTS
------------------------------------------------------------------------------------------------------------------------
- Main Layout
- Head Content
- Primary Navigation
- Foot Content

[Widget Styles:]

- Blog Styles
- Gallery Styles
- Comment Styles
- Music Page Styles
- Free Download Styles
- Form styles
- Paging
- Screen Messages
- Store Pages
- Tooltips


[Fan Area Styles:]

- ..
----------------------------------------------------------------------------------------------------------------------*/


/* == Main Layout
----------------------------------------------------------------------------------------------------------------------*/

#container{background: url(/_img/skin2/bg-line.gif) repeat-x top left;}
#wrap{width: 995px; margin: 0 auto;}
#wrap #head{float: left; width: 995px;padding-bottom: 60px; background: url(/_img/head-promo.gif) top right no-repeat;}
#wrap #priNav{float: left;min-height: 444px; height: auto !important; height: 444px;}
#wrap #mainContent{float: left; width: 995px;margin-top: 5px;}
#wrap #foot{float: left; width: 995px;border-top: solid 1px #e6e6e6;padding-top: 15px;margin-top: 30px;}

#wrap #mainContent #topSection{float: left; width: 995px;border-bottom: solid 1px #e6e6e6;}
#wrap #mainContent #topSection #leadBanner{float: left; width: 674px; height: 274px; background: url(/_img/banner.jpg) top left no-repeat;}


/** home specific overrides **/
/*#wrap #mainContent .home{height: 323px;}*/

/** content divisions **/
/*#wrap #mainContent #templateOne{float: left; width: 965px;margin: 0 0 0 15px; display: inline;}
#wrap #mainContent #templateOne .zoneOne{float: left; width: 666px; padding: 10px 0 15px 0;}
#wrap #mainContent #templateOne .zoneTwo{float: right; width: 280px; padding: 38px 0 15px 0;}

#wrap #mainContent #templateOne .zoneOne .homeLeft{float: left; width: 350px;}
#wrap #mainContent #templateOne .zoneOne .homeRight{float: right; width: 280px;}

#wrap #mainContent #templateOne .zoneOne .splitLeft{float: left; width: 320px;}
#wrap #mainContent #templateOne .zoneOne .splitRight{float: right; width: 320px;}*/

#wrap #mainContent #templateHome{float: left; width: 995px;margin: 0;padding-top: 40px;}
#wrap #mainContent #templateHome .zoneOne{float: left; width: 280px;margin-right: 48px;}
#wrap #mainContent #templateHome .zoneTwo{float: left; width: 312px;}
#wrap #mainContent #templateHome .zoneThree{float: right;width: 312px;}


#wrap #mainContent #templateOne{float: left; width: 995px;padding-top: 40px;}
#wrap #mainContent #templateOne .zoneOne{float: left; width: 280px;}
#wrap #mainContent #templateOne .zoneTwo{float: right; width: 666px;background: #fff;padding: 0 10px 10px 10px;}
body#photos #wrap #mainContent #templateOne .zoneTwo,
body#video #wrap #mainContent #templateOne .zoneTwo{background: none;padding: 0; width: 686px;}

#wrap #mainContent #templateOne .zoneTwo .splitLeft{float: left; width: 300px;}
#wrap #mainContent #templateOne .zoneTwo .splitRight{float: right; width: 300px;}


/* == Head Content
----------------------------------------------------------------------------------------------------------------------*/

.logo{float: left; margin: 33px 0 0 240px; background:  url(/_img/skin2/logo.png) top left no-repeat !important;background:  url(/_img/skin2/logo.gif) top left no-repeat;}
.buylink{width: 620px; height: 120px;float: right;}
.signup-head{float: left; color: #AB2421; margin: 0; font-family: 'Century Gothic';}
.signup-head a{color: #AB2421; text-decoration: none; font-size: 120%; margin: 0 3px;}
.signup-head a:hover{text-decoration: underline;}

/* == Top Section
----------------------------------------------------------------------------------------------------------------------*/


#wrap #mainContent .signupHead label{width: 92px;text-align: left;}
#wrap #mainContent .signupHead a{color: #666; font-weight: normal;}
#wrap #mainContent .signupHead a.vip{font-weight: bold; color: #b88b00;padding-left: 96px;font-size: 90%;}
#wrap #mainContent .signupHead .input{width: 160px;}
#wrap #mainContent .signupHead .clr{height: 1px; line-height: 1px;}
#wrap #mainContent .signupHead .btn{background: url(/_img/skin2/btn.gif) top left no-repeat; padding: 0; height: 20px; width: 20px; font-size: 1px;margin: 5px 0;text-indent: -999em;border: 0;}

#wrap #mainContent .emailSignup label{width: 50px;text-align: left;}
#wrap #mainContent .emailSignup .btn{background: url(/_img/skin2/btn.gif) top left no-repeat; padding: 0; height: 20px; width: 20px; font-size: 1px;margin: 0 0 0 5px;text-indent: -999em;border: 0;}
#wrap #mainContent .emailSignup .input{width: 200px;}
#wrap #mainContent #templateOne .zoneOne .emailSignup .input{width: 170px;}
#wrap #mainContent .emailSignup p.links{margin: 0; padding: 0 0 0 55px;clear: both;}
#wrap #mainContent .emailSignup a{color: #666; font-weight: normal;font-size: 90%;}

/* == Primary Navigation
----------------------------------------------------------------------------------------------------------------------*/

#wrap #priNav ul{float: left;margin: 0; padding: 0; list-style: none;}
#wrap #priNav ul li{float: left; clear: left;margin: 0 0 4px 0; padding: 0;}
#wrap #priNav ul li a{float: left;color: #b88b00;text-transform: uppercase;font-size: 180%;line-height: 0.7em;font-weight: normal; font-family: Century Gothic;height: 19px;background: #fff url(/_img/skin2/nav-sprite.gif) no-repeat 0 0;text-indent: -100000px; overflow: hidden;}
#wrap #priNav ul li a:hover{}
#wrap #priNav ul li a.on{}

#wrap #priNav ul li.navHome a{background-position: 0 0; width: 90px;}
#wrap #priNav ul li.navPhotos a{background-position: 0 -23px; width: 107px;}
#wrap #priNav ul li.navVideo a{background-position: 0 -46px; width: 85px;}
#wrap #priNav ul li.navMusic a{background-position: 0 -69px; width: 84px;}
#wrap #priNav ul li.navBlog a{background-position: 0 -92px; width: 175px;}
#wrap #priNav ul li.navVip a{background-position: 0 -115px; width: 170px;}
#wrap #priNav ul li.navShows a{background-position: 0 -138px; width: 102px;}
#wrap #priNav ul li.navCauses a{background-position: 0 -161px; width: 191px;}
#wrap #priNav ul li.navStore a{background-position: 0 -184px; width: 83px;}



/* == Foot Content
----------------------------------------------------------------------------------------------------------------------*/

#wrap #foot .links{float: left; width: 70%; color: #ccc;}
#wrap #foot .links ul, #wrap #foot .links ul li{float: left; width: 100%;margin:0;padding:0;list-style:none;}
#wrap #foot .links ul li{width: auto;border-right:solid 1px #ccc;padding-right:5px; margin-right:5px;}
#wrap #foot .copyright{float: right; text-align: right; color: #ccc;font-size: 90%;height: 28px; line-height: 28px;}
#wrap #foot .copyright img{vertical-align: middle;}
#wrap #foot a{color: #ccc; text-decoration: none; margin: 0 5px;font-size: 90%;font-weight: normal;}
#wrap #foot a:hover{text-decoration:underline}
#wrap #foot a.on{font-weight: bold;}

/* == Blog styles
----------------------------------------------------------------------------------------------------------------------*/

#wrap #mainContent .homeNews{min-height: 393px; height: auto !important; height: 393px;}

#wrap #mainContent ul.blogListing{margin: 0; list-style-type: none;}
#wrap #mainContent ul.blogListing li{margin: 0 0 10px 0; padding: 0 0 10px 0px;clear: left;position: relative;height: 1%;}
#wrap #mainContent .homeNews ul.blogListing li{padding-bottom: 0;}
#wrap #mainContent ul.blogListing li:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
body#blog #wrap #mainContent ul.blogListing li{border-bottom: solid 1px #e6e6e6;}
#wrap #mainContent ul.blogListing li .tag{position: absolute; top: -5px; left: 0; background: url(/_img/tag.gif) top left no-repeat; height: 37px; width: 56px;padding: 10px 0 0 8px;font-weight: bold;color: #7e6c56;font-size: 110%;}
#wrap #mainContent ul.blogListing li .tag img{vertical-align: top;}
#wrap #mainContent ul.blogListing li a.thumb img{float: left; margin: 0 8px 5px 0;}
#wrap #mainContent ul.blogListing li h2{background: none; padding: 0;margin: 0px 0 10px 60px;}
#wrap #mainContent ul.blogListing li a.title{font-weight: bold;text-decoration: none;color: #666;}
#wrap #mainContent ul.blogListing li a.title:hover{text-decoration: underline;}
#wrap #mainContent ul.blogListing li .date{font-size: 95%;margin: 5px 0;}
#wrap #mainContent ul.blogListing li p{margin: 0;line-height: 1.5em;}
#wrap #mainContent ul.blogListing li .comment{padding-top: 5px;font-size: 95%;}
#wrap #mainContent ul.blogListing li .comment a{text-decoration: none;color: #666;font-weight: normal;}
#wrap #mainContent ul.blogListing li .comment a:hover{text-decoration: underline;}

#wrap #mainContent ul.blogListing li a.twitterTitle{background: url(/_img/twitter-title.gif) top left no-repeat;height: 27px; line-height: 27px;padding-left: 30px; display: block; color: #fff;}

#wrap #mainContent .blogView img{margin: 0 10px 0 0;float: left;}

#wrap #mainContent .viewall{float: right; background: url(/_img/blog/readfurther.gif) no-repeat right; padding-right: 3%; text-align: right; margin-right: 14px; _margin-right: 7px;}
#wrap #mainContent .viewall a{color: #fff; text-decoration: none;}
#wrap #mainContent .viewall a:hover{text-decoration: underline;}

/* == Shows Listing
----------------------------------------------------------------------------------------------------------------------*/

#wrap #mainContent ul.showsListing{margin: 0; list-style: none;}
#wrap #mainContent ul.showsListing li{height: 1%;margin: 0 0 15px 0;border-bottom: solid 1px #e6e6e6;}
#wrap #mainContent ul.showsListing li:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
#wrap #mainContent ul.showsListing li h3{margin: 0 0 5px 0; font-size: 110%; font-weight: bold; font-family: Arial;text-transform: none; color: #666;}
#wrap #mainContent ul.showsListing li h3 a{color: #666;}
#wrap #mainContent ul.showsListing li .info{font-size: 95%;line-height: 1.3em;}
#wrap #mainContent ul.showsListing li p{margin: 5px 0;}

#wrap #mainContent ul.membersList{margin: 10px 0; list-style: none;float: left;}
#wrap #mainContent ul.membersList li{float: left; margin: 0; min-height: 150px; height: auto !important; height: 150px;}

/* == Gallery styles
----------------------------------------------------------------------------------------------------------------------*/

#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 0 30px;}
#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 .controls .prev, 
#wrap #mainContent .gallery .controls .next{float: left; display: inline; width: 25px; margin: 20px 0 0 0px;}
#wrap #mainContent .gallery .controls .next{margin: 20px 0 0 0;}
#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: 132px; height: auto !important; height: 132px;}
#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;}

/** homepage video overrides **/
#wrap #mainContent .videoWrap ul.gallery-list{padding-bottom: 5px;}
#wrap #mainContent .videoWrap ul.gallery-list li{min-height: 10px;height: auto;margin: 5px 1px 0 1px;}
#wrap #mainContent .videoWrap ul.gallery-list li a.listing span.inner{width: auto;}
#wrap #mainContent .videoWrap ul.gallery-list li a.listing img.thumb{margin: 0;}

/* == Video styles
----------------------------------------------------------------------------------------------------------------------*/

#wrap #mainContent .videoWrap{margin-bottom: 40px;background: #fff;min-height: 403px; height: auto !important; height: 403px;}
#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{background: url(/_img/video-top.gif) top left no-repeat;padding: 5px 0 0 5px;}*/
#wrap #mainContent #templateOne .zoneOne .homeLeft .videoWrap p{margin: 0;}

/* == Comments styles
----------------------------------------------------------------------------------------------------------------------*/

#wrap #mainContent .comments-hdr{background: url(/_img/gallery/bg-comments.gif) no-repeat top left; padding-left: 55px;}
#wrap #mainContent .comments-hdr .title, #wrap #mainContent .comments-hdr .viewall{float: left; width: 79%;}
#wrap #mainContent .comments-hdr .title{padding-bottom: 7px;}
#wrap #mainContent .comments-hdr .viewall{width: 15%; margin-top: 20px;}
#wrap #mainContent .comments-hdr .title a{color: #bebebe; text-decoration: none;}
#wrap #mainContent .comments-hdr .title a:hover{text-decoration: underline;}
#wrap #mainContent .add{text-align: right; padding: 5px 15px;}
#wrap #mainContent .add a{color: #d0011b; text-decoration: none;}
#wrap #mainContent .add a:hover{text-decoration: underline;}

#wrap #mainContent ul.commentList{margin: 10px 0 0 0px; list-style:none;}
#wrap #mainContent ul.commentList li{height: 1%;clear: left;margin: 3px 0 10px 0;padding: 0 0 10px 0;border-bottom: solid 1px #e6e6e6;}
#wrap #mainContent ul.commentList li:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
#wrap #mainContent ul.commentList li img{float: left; margin: 0 10px 10px 0;}
#wrap #mainContent ul.commentList li .author{font-weight: bold;} 
#wrap #mainContent ul.commentList li .date{font-size: 95%;margin: 5px 0;}
#wrap #mainContent ul.commentList li .text{padding-left: 80px;}
#wrap #mainContent ul.commentList li .text p{margin: 0;}
#wrap #mainContent .commentReport .report{float:right;width:100%;padding:0 0 8px 0;text-align:right;}
#wrap #mainContent .commentReport .form{text-align:left;}

.commentReport a.reportContent{float: right;text-decoration: none;font-weight: bold;}

#wrap #mainContent .closeLink{margin:0 15px 10px 0;}



/* == Music Styles
----------------------------------------------------------------------------------------------------------------------*/

#wrap #mainContent #audioWrap{float: right;margin-bottom: 16px;font-size: 90%;}
#wrap #mainContent #audioWrap p.current{float: left;margin: 0;padding: 0 5px 0 0;}
#wrap #mainContent #audioWrap .pop{float: left;color: #666; text-decoration: none;padding: 2px 0 0 5px;}
#wrap #mainContent #audioWrap .pop:hover{text-decoration: underline;}
#wrap #mainContent #audioWrap #divPlayer{float: left;}
#wrap #mainContent #audioWrap .scanHolder{display: none;}
#wrap #mainContent #audioWrap br{height: 1px; line-height: 1px;}

#wrap #mainContent .audio{float: left; width: 616px;}
#wrap #mainContent .musicList{float: left; width: 300px;}
#wrap #mainContent ul.musicListing{float: left; margin: 15px 0 0 0;width: 300px;list-style: none;}
#wrap #mainContent ul.musicListing li{float: left; width: 300px; margin: 0 0 5px 0;}
#wrap #mainContent ul.musicListing li a img{float: left;padding: 3px;border: solid 2px #efe7dc;margin: 0 10px 0 0;}
#wrap #mainContent ul.musicListing li a:hover{text-decoration:underline;}
#wrap #mainContent ul.musicListing li h5{font-size: 110%;float: left;clear: none;}
#wrap #mainContent ul.musicListing li h5 a{text-decoration: none;}
#wrap #mainContent .musicPlayer{float: right; width: 285px;text-align: center;margin: 15px 0 0 0;}
#wrap #mainContent .musicPlayer img{padding: 8px;border: solid 10px #efe7dc;}
#wrap #mainContent .musicPlayer h3{font-style: italic;font-family: Times New Roman;}

/* == Free Download Widget Styles
----------------------------------------------------------------------------------------------------------------------*/

p.freedownload{text-align: center; font-size: 90%;background: url(/_img/download-bg.jpg) center top no-repeat;height: 39px;padding: 60px 0 0 0;font-weight: bold;}
p.freedownload a{color: #fff; text-decoration: none;}

/* == Form styles
----------------------------------------------------------------------------------------------------------------------*/

.emailsignup{float:left;width:100%;margin:10px 0;}
.emailsignup .input{float: left; width: 190px; height: 18px; margin: 3px 3px 0 0;padding: 2px;}
.emailsignup .submit{width: 27px; height: 26px; border: 0; margin-top: 2px;}

.formHolder .input{width: 60%;}
.formHolder label, .fanArea label{width: 30%;}

/* == Paging
----------------------------------------------------------------------------------------------------------------------*/

#wrap #mainContent .paging .text{float: left;margin: 5px 0 10px 0;display: none;}
#wrap #mainContent .paging .pg{float: right;}
#wrap #mainContent .paging .pg ul{margin: 5px 0 10px 0;list-style: none;}
#wrap #mainContent .paging .pg ul li{float: left;}
#wrap #mainContent .paging .pg ul li.det{font-weight: bold;padding: 4px 8px 0 0;}
#wrap #mainContent .paging .pg ul li a{float: left; height: 20px; line-height: 20px; width: 20px;text-align: center;text-decoration: none;font-size: 95%; margin: 0 0 0 3px;color: #ccc;background: url(/_img/paging-bg.gif) top left no-repeat;}
#wrap #mainContent .paging .pg ul li a:hover, #wrap #mainContent .paging .pg ul li a.on{background: url(/_img/paging-bg-on.gif) top left no-repeat;font-weight: bold;color: #b98c00;}

#wrap #mainContent .photoList .paging{margin-top: 10px;}
#wrap #mainContent .photoList .paging,
#wrap #mainContent .photoList .paging .inner,
#wrap #mainContent .photoList .paging .pg{float: right;width: 20px;}
#wrap #mainContent .photoList .paging .text{display: none;}
#wrap #mainContent .photoList .paging .pg ul{float: right;margin: 0;width: 20px;}
#wrap #mainContent .photoList .paging .pg ul li.det{display: none;}
#wrap #mainContent .photoList .paging .pg ul li{float: right;width: 20px;margin: 0;}
#wrap #mainContent .photoList .paging .pg ul li a{float: right;clear: right;margin: 0;}

/* == Screen Messages
----------------------------------------------------------------------------------------------------------------------*/

ul.error{margin: 0; border-left: solid 3px #cc0000;list-style: none;margin: 10px 0;}
ul.error li{margin-left: 10px;font-weight: bold;color: #cc0000;font-style: italic;}

#wrap #mainContent #topSection .emailSignup ul.error{position: absolute; top: 27px; left: 7px;background: #f6f2e8;width: 270px; height: 36px;-moz-opacity:.85; filter:alpha(opacity=85); opacity:.85;}
#wrap #mainContent #topSection .emailSignup ul.error li{margin-top: 8px;}

.screenMessage{background: #f8f6ed; border-top: solid 1px #ccc;border-bottom: solid 1px #ccc;padding: 8px 15px;font-weight: bold;}
.messageBad{background: #ffcccc; border-top: solid 1px #cc0000;border-bottom: solid 1px #cc0000;padding: 8px 15px;font-weight: bold;}
.messageGood{background: #ccffcc; border-top: solid 1px #006600;border-bottom: solid 1px #006600;padding: 8px 15px;font-weight: bold;color: #006600;}
ul.success{background: #ccffcc; border-top: solid 1px #006600;border-bottom: solid 1px #006600;padding: 8px 15px;font-weight: bold;color: #006600;margin: 10px 0; list-style: none;}

/* == Store Pages
----------------------------------------------------------------------------------------------------------------------*/

.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%;}
.prodListMain li .prodText{width: 80%;}
.prodListMain li .prodStock{border: solid 1px #ccc; border-width: 1px 0; background: #F8F6ED;margin: 0 0 5px 0;padding: 3px 8px;font-weight: bold;}
.prodListMain li .prodStock .prodStockPrice{color: #000;}
.prodListMain li .btnMoreInfo{padding: 3px 8px;}

.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 .prodText{font-weight: bold;}
.prodList li h3{clear: none; margin: 0;font-size: 100%;}
.prodList li p{margin: 3px 0;line-height: 1.3em;font-weight: normal;}
.prodList li .btnMoreInfo{display: inline;}

.prodRelated .prodList li{width: 32%; padding-right: 1%;}
.prodRelated .prodList li h3{margin-bottom: 8px;}

.prodView .prodImage{float: left; width: 248px;}
.prodView .prodImage img{margin-bottom: 10px;}
.prodView .prodText{width: 400px;float: right;}
.prodView .prodText h2{clear: none;margin-top: 0;}
.prodView .prodText .prodDesc{padding-bottom: 10px;}
.prodView .prodText .prodStock{border: solid 1px #ccc; border-width: 1px 0; background: #F8F6ED;margin: 0 0 5px 0;padding: 3px 8px;font-weight: bold;}
.prodView .prodText .prodStock .prodStockPrice{color: #000;}
.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;}

.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;}

.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 label{width: 130px;}
.coPaymentDetails .input{width: 200px;}

/* == Mini Store
----------------------------------------------------------------------------------------------------------------------*/

.miniStore ul.tabs{display: none;}
.miniStore .prodList{margin: 0 0 5px 0;}
.miniStore .prodList li{float: none;width: auto;height: 1%;margin: 0;}
.miniStore .prodList li h3{padding-bottom: 5px;}
.miniStore .prodList li .btnMoreInfo{display: block;padding-top: 5px;}
.miniStore .prodList li .prodImage{margin-bottom: 0;}


/* =Tooltips
--------------------------------------------------------------------------------------------------------------------*/
a.tooltip {color:#111;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 #bfb19a; background:#efe7dc; width:170px;text-decoration: none;font-size: 95%;}

/* =Tabs
--------------------------------------------------------------------------------------------------------------------*/
ul.tabs{margin: 0; list-style: none;height: 1%;padding-bottom: 10px;}
ul.tabs:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
ul.tabs li{float: left;margin: 0 5px 0 0;}
ul.tabs li a{float: left;color: #ddd;font-family: Century Gothic;text-transform: uppercase;font-weight: normal;font-size: 180%;line-height: 0.8em;}
ul.tabs li a:hover, ul.tabs li a.on, ul.tabs li.on a{color: #b88b00;text-decoration: none;}


ul.tabsSmall{margin: 0; list-style: none;height: 1%;background: url(/_img/pixel.gif) bottom left repeat-x;padding: 0;}
ul.tabsSmall:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
ul.tabsSmall li{float: left;margin: 0 1px 0 0;}
ul.tabsSmall li a{float: left;background: url(/_img/tabs-left.gif) top left no-repeat;font-size: 95%; font-weight: normal; color: #a7947c;text-decoration: none;font-family: Arial; text-transform: none;}
ul.tabsSmall li a span{float: left;background: url(/_img/tabs-right.gif) top right no-repeat;height: 29px; line-height: 29px;padding: 0 5px;cursor: pointer;}
ul.tabsSmall li a:hover, ul.tabsSmall li a.on, ul.tabsSmall li.on a{background: url(/_img/tabs-left.gif) bottom left no-repeat;color: #b88b00;}
ul.tabsSmall li a:hover span, ul.tabsSmall li a.on span, ul.tabsSmall li.on a span{background: url(/_img/tabs-right.gif) bottom right no-repeat;}
ul.tabsSmall li.plain{height: 29px; line-height: 29px;padding: 0 25px;font-size: 150%; font-weight: bold; color: #b9201a;}
ul.tabsSmall li.on a{background: url(/_img/tabs-left.gif) bottom left no-repeat;color: #b9201a;}
ul.tabsSmall li.on a span{background: url(/_img/tabs-right.gif) bottom right no-repeat;}

.tabHolder{height: 1%;}
.tabHolder:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
body#home .tabHolder .clrz{display: none;}

/* == FAN AREA
------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------*/

#wrap #mainContent #templateOne .zoneTwo .fanArea .splitLeft{width: 320px;}
#wrap #mainContent #templateOne .zoneTwo .fanArea .splitRight{width: 320px;}

#wrap .fanArea ul.nav{margin: 10px 0 0 0; list-style: none;height: 1%;background: url(/_img/pixel.gif) bottom left repeat-x;}
#wrap .fanArea ul.nav:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
#wrap .fanArea ul.nav li{float: left;margin: 0 1px 0 0;}
#wrap .fanArea ul.nav li a{float: left;background: url(/_img/tabs-left.gif) top left no-repeat;font-size: 100%; font-weight: bold; color: #a7947c;text-decoration: none;font-family: Tahoma;}
#wrap .fanArea ul.nav li a span{float: left;background: url(/_img/tabs-right.gif) top right no-repeat;height: 29px; line-height: 29px;padding: 0 12px;cursor: pointer;}
#wrap .fanArea ul.nav li a:hover, #wrap .fanArea ul.nav li a.on{background: url(/_img/tabs-left.gif) bottom left no-repeat;color: #b88b00;}
#wrap .fanArea ul.nav li a:hover span, #wrap .fanArea ul.nav li a.on span{background: url(/_img/tabs-right.gif) bottom right no-repeat;}

#wrap .fanArea ul.fanSecNav{margin: 0; background:#f0ece2; border-bottom: solid 1px #b09e84;padding: 8px 0 8px 5px;}
#wrap .fanArea ul.fanSecNav li{display: inline; margin: 0;margin: 0 20px 0 0;}
#wrap .fanArea ul.fanSecNav li a{font-size: 100%; font-weight: bold; color: #aaa;background: url(/_img/angle-arrow.gif) center left no-repeat;padding: 0 0 0 16px;}
#wrap .fanArea ul.fanSecNav li a.on{text-decoration: none;color: #b88b00;background: url(/_img/angle-arrow-on.gif) center left no-repeat;}

#wrap .fanArea h2{font-size: 120%;font-weight: bold;}
#wrap .fanArea h3.pageHdr {color:#810201;font-family:arial;letter-spacing: -0.5px;font-size:140%;font-weight:bold;}
#wrap .fanArea ul.userimages, #wrap .fanArea ul.userimages li{float:left; list-style:none; width:100%;padding:0;text-align:center;margin:0 5px 5px 0;}
#wrap .fanArea ul.userimages li{width:120px;height:130px;background:#efe7dc;padding:15px 0 0 0;}
#wrap .fanArea ul.userimages li a{color: #AB2421}
#wrap .fanArea ul.userimages li .imglink{width:70px;height:70px;overflow:hidden;display:block;padding-left:25px;}

#wrap .fanArea .splitLeft .panel, #wrap .fanArea .splitRight .panel{background: url(/_img/fan-panel.gif) top left no-repeat;position: relative;height: 1%;}
#wrap .fanArea .panel{padding: 5px;margin: 0 0 5px 0;}
#wrap .fanArea .panel h2{margin-top: 0;}
#wrap .fanArea .panel p.tools{font-weight: bold;}

#wrap .fanArea ul.genList{clear: both;list-style: none; margin: 10px 0;}
#wrap .fanArea ul.genList li{border-bottom: dashed 1px #ccc;padding: 0 0 8px 0;margin: 0 0 8px 0;height: 1%;}
#wrap .fanArea ul.genList li:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
#wrap .fanArea ul.genList li .inlineImg{margin: 0 8px 8px 0;}

#wrap .fanArea ul.plain{clear: both;list-style: none; margin: 5px 0;}
#wrap .fanArea ul.plain li{border-bottom: dashed 1px #ccc;padding: 0 0 4px 0;margin: 0 0 4px 0;HEIGHT: 1%;}
#wrap .fanArea ul.plain li:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
#wrap .fanArea ul.plain li .inlineImg{margin: 0 4px 4px 0;}

#wrap .fanArea .imageUploader .clr{height: 1px; line-height: 1px;}

#wrap .fanArea ul.rate{margin: 10px 0; list-style: none;}

#wrap .fanArea .memberProfile .img{position: relative;text-align: center;}
#wrap .fanArea .memberProfile .img .divFullImg{position: absolute; top: 0; left: 120px;border: solid 2px #000;}
#wrap .fanArea .memberProfile .img .divFullImg a{display: block; background: #000;padding: 5px;color: #fff;}

#wrap .fanArea .imageUploader .imgListing{margin: 10px 0; list-style: none;}

#wrap .fanArea .compsList{margin: 0; list-style: none;}

#wrap .fanArea .inlineImg{margin: 0 10px 5px 10px;}

/*-----  Sprites  ------------------
- Icons
-----------------------------------*/

.sprite{background: transparent url('/_img/ico/main.gif') no-repeat top left;vertical-align: -25%;width:20px;height:20px;line-height:20px;}

/* =Icons
-------------------------------------------------------------------------*/
.ico_fan_friendmsg, .ico_fan_msgunread{background-position: -70px -268px;width:18px;height:16px;}
.ico_fan_frienddel{background-position: -90px -270px;width:18px;height:16px;}
.ico_fan_friendord{background-position: -110px -270px;width:18px;height:18px;}
.ico_fan_msgcompose{background-position: -70px -288px;width:18px;height:18px;}
.ico_fan_msgread{background-position: -70px -310px;width:18px;height:18px;}
.ico_fan_msgsent{background-position: -90px -288px;width:18px;height:18px;}