﻿/* == 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

- Social Links
- Gigs
- Gallery
- Video
- Blogs
- Store
- Signup
----------------------------------------------------------------------------------------------------------------------*/


/* == Main Layout
----------------------------------------------------------------------------------------------------------------------*/

#wrap{background: url(/_img/bg-hdr.jpg?1) no-repeat #fff top left; width: 858px; margin: 0 auto;}
#wrap #head{position: relative; height: 260px;}
#wrap #mainContent{width: 858px; padding: 0; background: url(/_img/bg-ftr.gif) bottom right no-repeat;}
#wrap #priNav{width: 830px; height: 39px; margin: 0 auto; border: 1px #999 solid; border-width: 1px 0;}
#wrap #foot{width: 800px; margin: -13px auto 0 auto; padding: 8px 8px 0 8px; background: transparent; color: #000; font-size: 90%; text-align: center; border-top: 1px #000 solid;}


/** content divisions **/
#wrap #mainContent #templateHome,
#wrap #mainContent #templateOne{float: left; width: 815px; padding: 14px;}
#wrap #mainContent #templateHome .zoneOne{float: left; width: 168px; padding-right: 14px}
#wrap #mainContent #templateHome .zoneTwo{float: left; width: 435px; padding-right: 14px}
#wrap #mainContent #templateHome .zoneThree{float: left; width: 183px;}
#wrap #mainContent #templateOne .zoneOne{float: left; width: 601px; padding-right: 28px}
#wrap #mainContent #templateOne .zoneTwo{float: left; width: 185px; padding-right: 0px}


/* == Primary Navigation
----------------------------------------------------------------------------------------------------------------------*/

#wrap #priNav ul{margin: 0; padding: 0; list-style: none;}
#wrap #priNav ul li{display: inline; margin: 0; padding: 0;}
#wrap #priNav ul li a span{display: none;}

#wrap #priNav ul li a{float: left; display: inline; width: 54px; height: 22px; line-height: 22px; margin: 7px 2px; background-image: url(/_img/nav/sprite.gif); background-repeat: no-repeat; background-position: 0 0; text-decoration: none;}
#wrap #priNav ul li a:hover, #wrap #priNav ul li a.on{background-position: -90px 0;}
#wrap #priNav ul li.blog a{width: 48px; background-position: 0 -22px;}
#wrap #priNav ul li.blog a:hover, #wrap #priNav ul li.blog a.on{background-position: -90px -22px;}
#wrap #priNav ul li.photos a{width: 76px; background-position: 0 -44px;}
#wrap #priNav ul li.photos a:hover, #wrap #priNav ul li.photos a.on{background-position: -90px -44px;}
#wrap #priNav ul li.lyrics a{width: 61px; background-position: 0 -66px;}
#wrap #priNav ul li.lyrics a:hover, #wrap #priNav ul li.lyrics a.on{background-position: -90px -66px;}
#wrap #priNav ul li.music a{width: 58px; background-position: 0 -88px;}
#wrap #priNav ul li.music a:hover, #wrap #priNav ul li.music a.on{background-position: -90px -88px;}
#wrap #priNav ul li.shop a{width: 57px; background-position: 0 -110px;}
#wrap #priNav ul li.shop a:hover, #wrap #priNav ul li.shop a.on{background-position: -90px -110px;}
#wrap #priNav ul li.gigs a{width: 43px; background-position: 0 -132px;}
#wrap #priNav ul li.gigs a:hover, #wrap #priNav ul li.gigs a.on{background-position: -90px -132px;}
#wrap #priNav ul li.register a{width: 85px; background-position: 0 -154px;}
#wrap #priNav ul li.register a:hover, #wrap #priNav ul li.register a.on{background-position: -90px -154px;}
#wrap #priNav ul li.fanclub a{width: 78px; background-position: 0 -176px;}
#wrap #priNav ul li.fanclub a:hover, #wrap #priNav ul li.fanclub a.on{background-position: -90px -176px;}
#wrap #priNav ul li.members a{width: 136px; background-position: 0 -197px;}
#wrap #priNav ul li.members a:hover, #wrap #priNav ul li.members a.on{background-position: 0 -218px;}


/* == Home module titles
----------------------------------------------------------------------------------------------------------------------*/

.moduleTitle {width: 100%; float: left;}
.moduleTitle img {float: left; padding-bottom: 2px;}

.gigs .moduleTitle img {padding-bottom: 10px;}
.homeStore {padding-bottom: 20px;}


/* == Head Content
----------------------------------------------------------------------------------------------------------------------*/

#wrap #head a.offer{display: block; position: absolute; width: 225px; height: 160px; bottom: 0; right: 180px;}


/* == Foot Content
----------------------------------------------------------------------------------------------------------------------*/

#wrap #foot a{color: #000; text-decoration: none;}
#wrap #foot a:hover{text-decoration:underline}

/*#wrap #foot .links{float: left; width: 70%; color: #5e0403;}
#wrap #foot .links ul, #wrap #foot .links ul li{float: left; width: 100%;margin:0;padding:0;list-style:none;line-height:12px;}
#wrap #foot .links ul li{width: auto;border-right:solid 1px #5e0403;padding-right:5px; margin-right:5px;}
#wrap #foot .copyright{float: right; width: 20%; text-align: right; color: #736f70;}
*/

/* == Social Links
----------------------------------------------------------------------------------------------------------------------*/

.socialLinks{float:right; margin-top: 7px;}

/* == Gigs
----------------------------------------------------------------------------------------------------------------------*/

#wrap #mainContent #templateHome .zoneOne .gigs,
#wrap #mainContent #templateOne .zoneOne .gigs{}
#wrap #mainContent #templateHome .zoneOne .gigs ul,
#wrap #mainContent #templateOne .zoneOne .gigs ul{margin: 0px;}
#wrap #mainContent #templateHome .zoneOne .gigs ul li,
#wrap #mainContent #templateOne .zoneOne .gigs ul li{list-style: none; font-weight: bold; padding-bottom: 10px; padding-top: 8px; border-bottom: solid 1px #cccccc}
#wrap #mainContent #templateHome .zoneOne .gigs ul li{font-weight: normal;}
#wrap #mainContent #templateHome .zoneOne .gigs ul li a,
#wrap #mainContent #templateOne .zoneOne .gigs ul li a{color: #003399}
#wrap #mainContent #templateHome .zoneOne .gigs ul li a{color: #9B6D2E; font-weight: bold; text-decoration: none; text-transform: capitalize;}

body#gigs #wrap #mainContent .gigtxt{font-size: 130%; color: #9B6D2E;}
body#gigs #wrap #mainContent .gigtxt a{font-weight: bold;}
body#gigs #wrap #mainContent .gigtxt span{color: #fbc591;}
body#gigs #wrap #mainContent #templateOne .zoneOne .contentHold .inner ul{margin: 0; padding: 0;}
body#gigs #wrap #mainContent #templateOne .zoneOne .contentHold .inner ul li{float: left; display: inline; width: 97%; list-style: none; border: 1px #9B6D2E solid; border-left: 3px #9B6D2E solid; padding: 10px 7px; margin: 5px 0; background: url(/_img/bg-gallerylistitem.gif) repeat-x bottom left;}
body#gigs #wrap #mainContent #templateOne .zoneOne .contentHold .inner ul li:hover{background: #fff;}


/* == Video Player
----------------------------------------------------------------------------------------------------------------------*/

#wrap #mainContent #templateHome .video{margin: 10px 0;}
#wrap #mainContent .videos .main{height:364px;}
#wrap #mainContent .videos .main .int{width:530px;padding:10px 0;}
#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 ul.videoList {list-style:none;}
#wrap #mainContent ul.videoList li{display:inline;}
/*#mainContent .thumbs ul li img {float:left; margin:3px;}*/
#wrap #mainContent .controls .prev, 
#wrap #mainContent .controls .next {
border:1px solid #951301;
display:inline;
float:left;
margin:20px 0 0 50px;
width:26px;
}
/* == Gallery
----------------------------------------------------------------------------------------------------------------------*/
#wrap #mainContent #templateHome .zoneOne .gallery,
#wrap #mainContent #templateOne .zoneOne .gallery{margin-top: 20px;}
#wrap #mainContent #templateHome .zoneOne .gallery ul,
#wrap #mainContent #templateOne .zoneOne .gallery ul{margin: 0px;}
#wrap #mainContent #templateHome .zoneOne .gallery ul li,
#wrap #mainContent #templateOne .zoneOne .gallery ul li{list-style: none; float:left; padding: 0; margin-right: 2px;}
#wrap #mainContent #templateHome .zoneOne .gallery ul li{padding: 2px;}
#wrap #mainContent #templateHome .zoneOne .gallery ul li{border: 1px #dadada solid; padding: 1px;}

#wrap #mainContent .photogallery{position: relative;}
#wrap #mainContent .photogallery img{border: 5px #fff solid;}
#wrap #mainContent .photogallery .next, #wrap #mainContent .photogallery .prev{position: absolute; width: 18px; height: 18px; line-height: 18px; text-align: center; background: #000; color: #d81e05; font-weight: bold; top: 45%; left: 5px; text-decoration: none;}
#wrap #mainContent .photogallery .next{left: auto; right: 5px;}

#wrap #mainContent .gallery{background: url(/_img/bg-gallery.gif) repeat-x top left #fff; padding: 15px 0 0 15px; text-align: center; margin:10px 0;}
#wrap #mainContent #templateHome .gallery{background: #fff; padding: 0; text-align: right; margin: 10px 0;}
#wrap #mainContent .gallery .window, 
#wrap #mainContent .gallery .controls{float:left; display: inline; width: 97%; background: url(/_img/bg-galleryviewer.gif) repeat-x bottom left #f3b06d; margin: 5px auto ; padding: 10px 0; border: 1px #ff7f00 solid;}
#wrap #mainContent .gallery .window img{border: 1px #551414 solid;}
#wrap #mainContent .gallery .window .title, 
#wrap #mainContent .gallery .window .fantitle{float: left; display: inline; width: 75%; height: 25px; text-align: left; margin: 0 0 0 32px; font-weight: bold; font-size: 130%; color: #fff;}
#wrap #mainContent .gallery .window .num{float: left; display: inline; width: 8%; height: 25px; text-align: right; margin: 0; color: #fff; padding-top: 3px;}

#wrap #mainContent .gallery .main {float:left; display: inline;width:510px;height:344px;overflow:hidden;display: inline;margin: 4px 0 0 30px;}
#wrap #mainContent .gallery .main .int{float:left;width:1080px;height:10000px;background: transparent;}
#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 #1b1054;}
#wrap #mainContent .gallery .main img.landscape{border:solid 1px #1b1054;}

#wrap #mainContent .gallery .controls{background: url(/_img/bg-gallerylistitem.gif) repeat-x bottom left;}
#wrap #mainContent .gallery .controls .prev, 
#wrap #mainContent .gallery .controls .next{float: left; display: inline; width: 26px; margin: 20px 0 0 28px;}
#wrap #mainContent .gallery .controls .next{margin: 20px 0 0 0;}
#wrap #mainContent .gallery .controls .thumbs{float:left; display: inline;width:448px;padding: 0 0 10px 0;margin: 0 5px;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:448px;background-color: #666;border-bottom:solid 1px #B3BEDE;border-top:solid 1px #666;}
#wrap #mainContent .gallery .thumbs .scrollInd .current{float:left;width:80px;height:5px;line-height:5px;background-color:#e6e6e6;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 #3801c3;}
#wrap #mainContent .gallery .thumbs ul li a:hover{border:solid 1px #7480f8;}

#wrap #mainContent ul.gallery-list{margin: 0; list-style: none;}
#wrap #mainContent #templateOne ul.gallery-list li{float: left; width: 96%; clear: left; border: 1px #9B6D2E solid; border-top: 5px #9B6D2E solid; background: url(/_img/bg-gallerylistitem.gif) repeat-x bottom left; padding: 5px 10px 10px 10px; margin: 7px 0;}
#wrap #mainContent #templateHome ul.gallery-list li{float: left; display: inline; clear: none; padding: 5px 10px 10px 10px; margin: 0 2px 0 2px;}
#wrap #mainContent ul.gallery-list li .txt, #wrap #mainContent ul.gallery-list li .img{float: left; width: 63%;}
#wrap #mainContent ul.gallery-list li .img{width: 37%; text-align: right;}
#wrap #mainContent ul.gallery-list li .img a img{border: 1px #aaa solid; padding: 1px; margin-top: 5px;}
#wrap #mainContent ul.gallery-list li .img a:hover img{border: 1px #777 solid;}
#wrap #mainContent ul.gallery-list a.listing{display: block; margin: 5px auto; padding: 5px; background: #240000; border: 1px #240000 solid; color: #ddd; line-height: 18px; text-decoration: none;height: 70px;}
#wrap #mainContent ul.gallery-list a.listing:hover{border: 1px #9b4007 dashed;}
#wrap #mainContent ul.gallery-list a.listing img.thumb{float: left; margin: 0 5px 5px 0; border: 1px #580003 solid;}
#wrap #mainContent ul.gallery-list a.listing span{margin: -2px 0 0 3px; color: #8c2424;}

#wrap #mainContent a.btnlnk{background: url(/_img/bg-btn.gif) #efc8a0 repeat-x top left; color: #fff; padding: 3px 8px; text-decoration: none; border: 1px #aaa solid; text-transform: capitalize; font-style: italic;}
#wrap #mainContent a.btnlnk:hover{background: url(/_img/bg-btn-on.gif) #9B6D2E repeat-x top left;}

#wrap #mainContent ul.galleryListPlain{}
#wrap #mainContent ul.galleryListPlain a.listing{float: left; width: 100%; background: #2e0101; padding: 0; color: #fff; line-height: 2em; height: auto;}
#wrap #mainContent ul.galleryListPlain a.listing img.thumb{margin: 5px 10px 5px 5px;}

/* == Music Page Styles
----------------------------------------------------------------------------------------------------------------------*/

#wrap #mainContent ul.musicListing, #sideAudioWrapStyle .audioList ul.basicList, #fanArea .videoHolder .controls ul.videoList{float: left; margin: 15px 0 0 0; width: 555px; list-style: none;}
#fanArea .videoHolder .controls ul.videoList{width: 300px;}
#sideAudioWrapStyle .audioList ul.basicList{width: 200px;}
#sideAudioWrapStyle .audioList{overflow: hidden;}
#wrap #mainContent ul.musicListing li, #sideAudioWrapStyle .audioList ul.basicList li, #fanArea .videoHolder .controls ul.videoList li{float: left; width: 100%; margin: 5px 0; border: 1px #9B6D2E solid; border-left: 5px #9B6D2E solid; padding: 10px;}
#wrap #mainContent ul.musicListing li img, #sideAudioWrapStyle .audioList ul.basicList li img, #fanArea .videoHolder .controls ul.videoList li img{float: left; display: inline;padding: 1px;border: solid 1px #ccc;margin: 0 10px 0 0;}
#wrap #mainContent ul.musicListing li .txt, #fanArea .videoHolder .controls ul.videoList li .txt{width: 80%;}

#fanArea .videoHolder .controls{float: left;}

/*music player styles*/
#wrap #mainContent #sideAudioWrapStyle .holder{padding: 10px; border: 1px #9B6D2E solid; border-top: 5px #9B6D2E solid; background: url(/_img/bg-gallerylistitem.gif) repeat-x bottom left;}

/*pop up player styles*/
#sideAudioWrapStyle{background: #fff; padding: 10px;}
#sideAudioWrapStyle .audioList ul.basicList li{width: 280px;}

/* == Blogs
----------------------------------------------------------------------------------------------------------------------*/
#wrap #mainContent #templateHome .zoneTwo .blogs,
#wrap #mainContent #templateOne .zoneTwo .blogs{margin-top: 20px;}
#wrap #mainContent #templateHome .zoneTwo .blogs ul.blogListing li .title {font-weight: bold;}
#wrap #mainContent #templateHome .zoneTwo .blogs .rss,
#wrap #mainContent #templateOne .zoneTwo .blogs .rss{float: right; margin-top: -25px;}
#wrap #mainContent #templateOne .zoneTwo .blogs ul{margin: 0px;}
#wrap #mainContent #templateOne .zoneTwo .blogs ul li{list-style: none; padding-bottom: 10px; padding-top: 8px; border-bottom: solid 1px #cccccc;}
#wrap #mainContent #templateOne .zoneTwo .blogs ul li .title{color: #003399; font-weight: bold;}
#wrap #mainContent #templateOne .zoneTwo .blogs ul li a{color: #003399;}

#wrap #mainContent ul.blogListing{margin: 0; list-style-type: none;}
#wrap #mainContent ul.blogListing li{margin: 20px 0; padding: 5px 10px; clear: left; border: 1px #DCDCDC solid; border-width: 3px 1px; background: url(/_img/bg-bloglisting.gif) no-repeat 98% 98%;}
#wrap #mainContent ul.blogListing li h3{padding: 3px 0; text-transform: uppercase; font-size: 160%;}
#wrap #mainContent ul.blogListing li h3 a{color: #9B6D2E; font-weight: bold; text-decoration: none;}
#wrap #mainContent ul.blogListing li h3 a:hover{text-decoration: underline;}
#wrap #mainContent ul.blogListing li p.sub{font-size: 120%; font-family: Georgia;}
#wrap #mainContent ul.blogListing li a.title{display:block; font-size: 140%; color: #003399; font-weight: bold; border-bottom: 1px #400202 solid; padding-bottom: 3px; clear: both;text-decoration: none;}
#wrap #mainContent ul.blogListing li a.title:hover{text-decoration: underline;}
#wrap #mainContent ul.blogListing li a.img{float: left; display: inline; margin: 0 10px 10px 0; border: 1px #ccc solid; padding: 1px;}
#wrap #mainContent ul.blogListing li a.img img{width: 80px; height: 80px;}
#wrap #mainContent ul.blogListing li p{}
#wrap #mainContent ul.blogListing li .summary{margin: 10px 0; clear: both;}
#wrap #mainContent ul.blogListing li .summary a{color: #003399;}
#wrap #mainContent ul.blogListing li .summary a:hover{text-decoration: none;}
#wrap #mainContent ul.blogListing li .summary a.thumb{float: left; display: inline; margin: 0 15px 15px 0; border: 1px #3f0201 solid;}
#wrap #mainContent ul.blogListing li .summary a.thumb img{border: 3px #4f3632 solid;}
#wrap #mainContent ul.blogListing li .tools{height: 22px; border: 1px #3f0201 dashed; border-width: 1px 0; padding: 0 5px; clear: both;}
#wrap #mainContent ul.blogListing li:hover .tools{border: 1px #3f0201 solid; border-width: 1px 0;}
#wrap #mainContent ul.blogListing li .tools .postedby, 
#wrap #mainContent ul.blogListing li .tools .comments, 
#wrap #mainContent ul.blogListing li .tools .more{float: left; width: 38%; line-height: 21px;}
#wrap #mainContent ul.blogListing li .tools .comments{width: 23%; background: url(/_img/comments.gif) no-repeat right; text-align: center;}
#wrap #mainContent ul.blogListing li .tools .more{width: 35%; background: url(/_img/news/readfurther.gif) no-repeat right; text-align: right; padding-right: 3%;}
#wrap #mainContent ul.blogListing li .tools a{color: #003399; text-decoration: none;}
#wrap #mainContent ul.blogListing li .tools a:hover{text-decoration: underline;}

#wrap #mainContent .blogView{}
#wrap #mainContent .blogView .info img{float: left; display: inline; width: 250px; margin: 0 10px 10px 0; border: 1px #666 solid; padding: 1px;}
#wrap #mainContent .blogView h2.title{padding-bottom: 3px; border-bottom: 1px #9B6D2E solid;}
#wrap #mainContent .blogView h2.subtitle{font-size: 110%; padding-bottom: 3px; border: 0; color: #666;}

#wrap #mainContent .blogView p{line-height: 15px;}
#wrap #mainContent .newsView h2{font-size: 140%; color: #92d4f6; font-weight: bold;padding-bottom: 0px; border-bottom: 1px #9B6D2E solid;}
#wrap #mainContent .newsView p.tools{float: left; width: 100%; margin: 0; padding: 0 0 0 0; color: #b8a28c; border: 0;}
#wrap #mainContent .blogView p.tools{float: left; width: 100%; margin: 0; padding: 0 0 0 0; border: 0;}

#wrap #mainContent .viewall{float: right; background: url(/_img/news/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;}

.blogView img{padding: 3px; border: 3px #000 solid; float: left; display: inline; margin: 0 15px 15px 0;}


/* == Comments styles
----------------------------------------------------------------------------------------------------------------------*/

#wrap #mainContent .comments-holder{padding: 10px; border: 1px #9B6D2E solid; border-top: 5px #9B6D2E solid; background: url(/_img/bg-gallerylistitem.gif) repeat-x bottom left;}

#wrap #mainContent .comments-holder .comments-hdr{background: url(/_img/gallery/bg-comments.gif) no-repeat top left; padding-left: 50px;}
#wrap #mainContent .comments-holder .comments-hdr .title, #wrap #mainContent .comments-hdr .viewall{float: left; width: 79%;}
#wrap #mainContent .comments-holder .comments-hdr .title{}
#wrap #mainContent .comments-holder .comments-hdr .viewall{width: 15%; margin-top: 20px;}
#wrap #mainContent .comments-holder .comments-hdr .title a{color: #bebebe; text-decoration: none;}
#wrap #mainContent .comments-holder .comments-hdr .title a:hover{text-decoration: underline;}
#wrap #mainContent .comments-holder .add{text-align: right; padding: 0px 15px;}
#wrap #mainContent .comments-holder .add a{color: #526DB2; text-decoration: none; font-weight: bold;}
#wrap #mainContent .comments-holder .add a:hover{text-decoration: underline;}
#wrap #mainContent .comments-holder .form{margin-top: 7px;}

#wrap #mainContent ul.commentList{margin: 0; list-style: none;}
#wrap #mainContent ul.commentList li{clear: left;margin: 3px 0 20px 0;border-top: 1px #400202 dashed;padding: 10px 0 0 0;}
#wrap #mainContent ul.commentList li img{float: left; display: inline; border: 1px #ccc solid; margin: 0 5px 5px 0; padding: 1px;}
#wrap #mainContent ul.commentList li .info{ padding-bottom: 3px;}
#wrap #mainContent ul.commentList li .info .author, 
#wrap #mainContent ul.commentList li .info .date{display: inline; color: #333;}
#wrap #mainContent ul.commentList li .info .date{margin-left: 10px; color: #666;}
#wrap #mainContent ul.commentList li .text p{margin: 5px 0;}
#wrap #mainContent .commentReport .reportContent{float:right; display: inline; width:100%;text-align:right;margin: 0 12px 0 0;font-size: 90%;}
#wrap #mainContent .commentReport .form{text-align:left;}

#wrap #mainContent .leaveacomment{border-top: 1px #400202 dashed; color: #303030;margin: 10px 0;float: left; width: 100%;}
#wrap #mainContent .leaveacomment h2{color: #9B6D2E;}
#wrap #mainContent .leaveacomment a{color: #333;}
#wrap #mainContent .closeLink{margin: 0 15px 0 0; font-size: 90%;}

#wrap #mainContent .txtComment{background: #e4e8f4; color: #666; border: 1px #ccc solid;}


/* == Store
----------------------------------------------------------------------------------------------------------------------*/
#wrap #mainContent .store{margin: 0 0 15px 0;}
#wrap #mainContent .store .storeBox{background: url(/_img/bg-gallerylistitem.gif) repeat-x bottom left; padding: 10px 10px 0 10px; border: 1px #d3d8e6 solid; border-top: 2px #d3d8e6 solid; margin: 0 0 3px 0;}
#wrap #mainContent .store .storeBox a{display: block; text-decoration: none; border-bottom: 0; text-transform: capitalize; font-size: 120%; color: #9B6D2E; margin: 3px 0;}
#wrap #mainContent .store .storeBox a.storeHomeNav{color: #666; font-weight: bold;}
#wrap #mainContent .store .storeBox a.storeHomeNavOn{color: #9B6D2E; font-weight: bold;}

#wrap #mainContent .store .storeBoxProd{margin: 5px 0 0 0; padding: 7px 0; color: #000; font-size: 90%; clear: both;}
#wrap #mainContent .store .storeBoxProd a{color: #9B6D2E; text-decoration: none; background: none; border: none; padding: 0; font-weight: bold;}
#wrap #mainContent .store .storeBoxProd img{float: left; display: inline; width: 130px; padding: 1px; margin: 0 5px 10px 0; border: solid 1px #999; clear: both;}
#wrap #mainContent .store .storeBox ul li{list-style: none; padding-bottom: 2px; padding-top: 2px;}
#wrap #mainContent .store .storeBoxProd ul li a{color: #003399; font-weight: bold;}

.store .prodListing{float: left; display: inline; margin: 10px 0; list-style: none;}
.store .prodListing li{float: left; display: inline; width: 90%; margin: 7px; background: url(/_img/bg-gallerylistitem.gif) repeat-x bottom left; border: 1px #DCDCDC solid; border-width: 3px 1px; padding: 10px 15px;}
.store .prodListing li:hover{background: #fff;}
#store .related .prodListing li, .store .related .prodListing li{width: 80px; text-align: center;}
.store .prodListing li p{margin: 0;}
.store .prodListing li a{}
.store .prodListing li a img{float: left; display: inline; width: 100px; height: 100px; border: 1px #ccc solid; margin: 5px 15px 5px 0; padding: 1px;}
#store .related .prodListing li a img, .store .related .prodListing li a img{float: none; width: 63px; height: 57px;}
.store .prodListing li a.description{font-size: 150%; color: #9B6D2E; text-decoration: none;display: block;}
#store .related .prodListing li a.description, .store .related .prodListing li a.description{font-size: 120%; font-weight: bold;}
.store .prodListing li div.summary{float: left; display: inline; width: 280px; margin: 10px 20px 10px 0; line-height: 1.7em;}
.store .prodListing li div.productInfo{float: right; width: 120px; margin-bottom: 10px; }
.store .prodListing li div.infoLink{float: right; display: inline; width: 100px; padding-top: 5px;}
.store .prodListing li div.stockTitle{}
.store .prodListing li div.stockTitle em{font-style: normal;font-weight: bold;color: #9B6D2E;}
.store .prodListing li span.price{font-size: 150%; font-weight: bold; color: #444; margin: 0 0 15px 0;}

.store h2{border-bottom: 1px #9B6D2E solid; padding-bottom: 3px;}
.store .images{float: left; display: inline;}
.store .images img{float: left; display: inline; border: 1px #ccc solid; padding: 1px; margin: 0 10px 5px 0;}
.store .info{float: left; display: inline; width: 45%;padding: 8px;line-height: 1.7em;}
.store .info .actionBuyNow{float: left; display: inline; background: url(/_img/bg-btn.gif) top left repeat-x; border: 1px #ccc solid; color: #fff; font-size: 95%; text-decoration: none; padding: 2px 8px; margin: 7px 0 0 0;}

#store .left50percent, div.fifty{float: left; display: inline; width: 48%;margin: 0 10px 0 0;}
#store .left50percent h3, div.fifty h3{border: solid 1px #dbdee6;padding: 3px;background: #a10302 url(/_img/bg-gallerylistitem.gif) bottom left repeat-x;color: #9B6D2E; font-weight: bold; font-size: 100%;}
body#shop h2{color: #726d65;}

/* == Signup/Fan Area
----------------------------------------------------------------------------------------------------------------------*/

#wrap #mainContent .signup{background: url(/_img/bg-gallerylistitem.gif) #fff repeat-x bottom left; padding: 10px; margin: 5px 0; border: 1px #D3D8E6 solid; border-top: 2px #D3D8E6 solid;}

.formHolder{padding: 5px 10px 10px 10px; color: #303030;}
.formHolder a{color: #000;}
.formHolder h2{border-bottom: solid 2px #400202;padding-bottom: 5px; margin-bottom:10px;}
.formHolder label{float: left; width: 36%; margin: 4px 0;}
.formHolder .input{width: 60%; border: 1px #ccc solid; margin: 3px 0;}
.formHolder select{width: 100px;}
.formHolder input.btn{float: left; display: inline; width: 100px; margin: 10px 0 0 5px;}

.txtComment{background: #363232; border: 1px #333 dashed; color: #303030;}
.closeLink{}

body#fanArea .zoneOne ul.nav, body#fanArea .zoneOne ul.nav li{list-style: none; margin: 0; padding: 0; }
body#fanArea .zoneOne ul.nav{float: left; width: 550px; margin: 10px 0;}
body#fanArea .zoneOne ul.nav li{display: inline;float: left; }
body#fanArea .zoneOne ul.nav li a{display: inline; float: left; padding: 8px; font-size: 100%; background: #9B6D2E; margin: 0 1px; text-decoration: none; color: #fff; border: 0;}
body#fanArea .zoneOne ul.nav li a:hover{text-decoration: underline;}

body#fanArea .zoneOne .splitLeft, body#fanArea .zoneOne .splitRight{float: left; width: 330px; margin: 0;}
body#fanArea .zoneOne .splitRight{width: 270px;}

body#fanArea .zoneOne .benefits{width: 551px; height: 80px; background: url(/_img/bg-memberssignup.gif) no-repeat top left; padding: 40px 0 0 50px; margin: 10px 0; font-weight: bold;}
body#fanArea .zoneOne .benefits ul{width: 500px;}
body#fanArea .zoneOne .benefits ul li{float: left; display: inline; width: 46%; margin: 0 2%; list-style: square;}

body#fanArea .zoneOne label{float: left; width: 26%;}
body#fanArea .zoneOne input{width: 68%; border: 1px #ccc solid;}
body#fanArea .zoneOne select{width: 100px;}
body#fanArea .zoneOne input.btn{width: 100px; margin-top: 5px;}

body#fanArea .zoneOne .formHolder .options{margin: 5px 0 0 0;}
body#fanArea .zoneOne .formHolder .options input{width: 20px; margin: 5px 0 0 78px; border: 0;}

body#fanArea .zoneOne .uploadedimages{margin: 25px 0; clear: both; float: left;}
body#fanArea .zoneOne .uploadedimages ul.imgListing, body#fanArea .zoneOne .uploadedimages ul.imgListing li,
body#fanArea .zoneOne ul.userimages, body#fanArea .zoneOne ul.userimages li
{list-style: none; margin: 0; padding: 0; float: left; margin-bottom: 5px;}
body#fanArea .zoneOne ul.userimages li img{border: solid 2px #ccc; padding: 9px;}

body#fanArea .zoneOne ul.userimages li.photo a.btn{float: left; display: inline; text-decoration: none; text-transform: capitalize; margin: 2px 5px 0 0;}
body#fanArea .zoneOne ul.userimages li.photo a.btn:hover{text-decoration: underline;}

body#fanArea .zoneOne .fanactivity{float: right; width: 170px; border: 1px #ccc dashed; padding: 5px 10px;}
body#fanArea .zoneOne .fanactivity ul.basicList, body#fanArea .zoneOne .fanactivity ul.basicList li{list-style: none; margin: 0; padding: 0;}
body#fanArea .zoneOne .fanactivity ul.basicList li{background: url(/_img/bg-gallerylistitem.gif) repeat-x bottom left; border: 1px #dcdcdc solid; padding: 5px 5px 10px 5px; font-size: 80%; margin: 7px 0;}
body#fanArea .zoneOne .fanactivity ul.basicList li img{padding: 1px; border: 1px #dcdcdc solid;}

body#fanArea .introtext{border: 3px #EFAA59 solid; margin: 10px 0;}
body#fanArea .introtext .int{border: 1px #EFAA59 solid; background: #ededed; padding: 8px; margin: 1px;}

body#fanArea .zoneOne .memberProfile .img, body#fanArea .zoneOne .memberProfile .facts,
body#fanArea .zoneOne .memberProfile .options, body#fanArea .zoneOne .memberProfile .bottom
{float: left; display: inline; width: 110px;}
body#fanArea .zoneOne .memberProfile .facts{width: 470px; background: #dde5f5; padding: 5px; border: 1px #ccc dashed;}
body#fanArea .zoneOne .memberProfile .bottom{float: left; width: 480px; min-height: 125px; _height: 125px; margin: 25px 0 0 0;}
body#fanArea .zoneOne .memberProfile .options{display: none; width: 94px; margin: 0 16px 0 0; font-size: 80%;}

body#fanArea .zoneOne .memberProfile .img .mainImage{padding: 1px; border: 1px #c0c0c0 solid;}
body#fanArea .zoneOne .memberProfile .img a{margin: 0 2px;}
body#fanArea .zoneOne .memberProfile .options ul, body#fanArea .zoneOne .memberProfile .options ul li{list-style: none; margin: 0; padding: 0;}
body#fanArea .zoneOne .memberProfile .options ul li a{display: block; background: #dde5f5; color: #303030; padding: 3px 8px; text-decoration: none; border: 1px #aaa solid; margin: 3px 0; text-align: center;}

body#fanArea .photosBox{}
body#fanArea .photosBox ul li{list-style: none; float: left; margin-right: 8px; margin-bottom: 4px;}


/*body#fanArea .zoneOne .memberProfile .bottom ul.tabs{margin: 0;	padding: 0;	position: absolute;	bottom: -1px;}
body#fanArea .zoneOne .memberProfile .bottom ul.tabs li{display: inline; list-style: none;}
body#fanArea .zoneOne .memberProfile .bottom ul.tabs a, body#fanArea .zoneOne .memberProfile .bottom ul.tabs span,
body#fanArea .zoneOne .memberProfile .bottom ul.tabs .on a{width: 75px; display: block; float: left; padding: 4px 0; margin: 1px 2px 0 0; text-align: center; font-size: 85%; text-decoration: none; color: #333;}
body#fanArea .zoneOne .memberProfile .bottom ul.tabs span, body#fanArea .zoneOne .memberProfile .bottom ul.tabs .on a,
body#fanArea .zoneOne .memberProfile .bottom ul.tabs .on a:hover
{border: 1px solid #666; border-bottom: none; background: #fff; padding-bottom: 6px; margin-top: 0; color: #9B6D2E;}
body#fanArea .zoneOne .memberProfile .bottom ul.tabs a{background: #9B6D2E; border: 1px solid #AAA; border-bottom: none; color: #fff;}
body#fanArea .zoneOne .memberProfile .bottom ul.tabs a:hover{margin-top: 0; border-color: #666; background: #9B6D2E; padding-bottom: 5px; color: #fff;}

body#fanArea .zoneOne .memberProfile .bottom .tabHolder{width: 592px;}
body#fanArea .zoneOne .memberProfile .bottom .tabHolder .inner{border: 1px #666 solid; padding: 10px 15px;}*/


/* =Tabs
----------------------------------------------------------------------------------------- */

ul.tabs{float: left; margin: 0;background: url(/_img/pixel.gif) bottom left repeat-x;}
ul.tabs li{float: left;list-style-image: none; list-style: none;margin: 0; padding: 0;}
ul.tabs li a{float: left;border: solid 1px #4d4b4c;background: #9B6D2E; padding: 3px 10px;text-decoration: none;font-size: 90%;color: #fff;font-weight: bold;}
ul.tabs li.on a{position: relative; background: #fff;border-bottom: solid 1px #fff; color: #9B6D2E;}
ul.tabs li a:hover{text-decoration:underline;}
ul.tabs li.divLoading{float:right;}

.tabHolder{float: left; border: solid 1px #000; width: 599px;}
.tabHolder .inner{padding: 10px;}

/* == Paging
----------------------------------------------------------------------------------------------------------------------*/

#wrap #mainContent .paging .text{float: left; margin: 5px 0 10px 0;}
#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; display: inline; padding: 4px 8px; text-decoration: none; border: solid 1px #ccc; font-size: 95%; background: #fff; margin: 0 0 0 3px; color: #888;}
#wrap #mainContent .paging .pg ul li a:hover, #wrap #mainContent .paging .pg ul li a.on{background: #9B6D2E;font-weight: bold;color: #fff; border: 1px #9B6D2E solid;}


/* == Screen Messages
----------------------------------------------------------------------------------------------------------------------*/

ul.error, ul.success{margin: 0; border: dashed 1px #9B6D2E;list-style: none;margin: 10px 0;background: #fbc997;}
ul.error li, ul.success li{margin-left: 10px;color: #333; font-style: italic;}


/* =Tooltips
--------------------------------------------------------------------------- */
a.tooltip{color: #c5690c; 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: 1px solid #323232; background: #eee; width: 170px; text-decoration: none;}


/* == New store v2.2 styles
----------------------------------------------------------------------------------------------------------------------*/

/* == Product Listings
------------------------------------------------------------------------------------------------------------------------ */
.prodListMain{margin: 0 10px; list-style: none;height: 1%;}
.prodListMain:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.prodListMain li{float: left;width: 45%; margin-right: 4%}
.prodListMain li .prodText{width: 80%;clear: left;}
.prodListMain li .prodText p{margin: 5px 0;}
.prodListMain li .prodImage:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.prodListMain li .prodImage a{float: left;}
.prodListMain li .prodImage a:hover{}
.prodListMain li .prodStock{border-width: 1px 0; margin: 0 0 5px 0;font-weight: bold;}
.prodListMain li .prodStock .prodStockPrice{color: #000;}
.prodListMain li .btnMoreInfo a{background: #ececec; border: 1px #ccc solid; color: #7287c3;width: auto;cursor: pointer;font-weight: bold; padding: 4px 8px; text-decoration: none; font-size: 90%; float: left;}
.prodListMain li .btnMoreInfo a:hover{}
.prodListMain li h3{padding: 0 0 15px 0;line-height: 1.3em;margin: 10px 0 0 0; font-size: 140%}
.prodListMain li h3 a{text-decoration: none;}

.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%;}
.prodList li .prodImage{float: left; margin: 0 10px 10px 0;}
.prodList li .prodImage a{float: left; margin-right: 10px;}
.prodList li .prodText{font-weight: bold;padding-right: 5%;float: left;width: 155px;}
.prodList li h3{clear: none; margin: 0;font-size: 120%;line-height: 1.3em;}
.prodList li h3 a{text-decoration:none;}
.prodList li p{margin: 3px 0;line-height: 1.3em;font-weight: normal;}
.prodList li .btnMoreInfo a{background: #ececec; border: 1px #ccc solid; color: #7287c3;width: auto;cursor: pointer;font-weight: bold; padding: 4px 8px; text-decoration: none; font-size: 90%; margin-top: 5px; float: left;}
.prodList li .btnMoreInfo a:hover{}

.prodRelated .prodList li{width: 47%; margin-right: 2%;}
.prodRelated .prodList .prodImage{width: 90px;}
.prodRelated .prodList li h3{margin-bottom: 8px;}
.prodRelated .prodList li .prodText{width: 145px;}



/* == Product View
------------------------------------------------------------------------------------------------------------------------ */
.prodView{margin: 0 10px;}
.prodView .prodImage{float: left; width: 258px;}
.prodView .prodImage img{margin-bottom: 10px;border: solid 5px #fff;}
.prodView .prodText{width: 300px;float: right;}
.prodView .prodText h2{clear: none;margin-top: 0;padding: 0; background: none;}
.prodView .prodText .prodDesc{padding-bottom: 10px;}
.prodView .prodText .prodStock{border-width: 1px 0; margin: 0 0 5px 0;font-weight: bold;}
.prodView .prodText .prodStock .prodStockPrice{color: #000;}
.prodText .prodStock .prodStockBtn{margin: 10px 0;}
.prodText .prodStock .prodStockBtn a{background: #ececec; border: 1px #ccc solid; color: #7287c3;width: auto;cursor: pointer;font-weight: bold; padding: 4px 8px; text-decoration: none; font-size: 90%;}
.prodText .prodStock .prodStockBtn a:hover{}
.prodView .prodTrackLists{margin-top: 25px;}
.prodView .prodTrackLists ul{margin: 5px 0; list-style-image: none; list-style: none;}
.prodView .prodTrackLists .discHold .label{margin: 0;font-weight:bold;}

/* == Checkout Process
------------------------------------------------------------------------------------------------------------------------ */
.coProceed{height: 1%;padding: 10px 0;}
.coProceed:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}

.coDeliveryOptions .clr{display: none;}
.coDeliveryOptions h3{background: url(/_img/th.gif) bottom left repeat-x; color: #fff; padding: 5px; font-family: Arial; font-size: 100%; font-weight: bold;}
.coDeliveryOptions label{width: 120px;}
.coDeliveryOptions select{background-color: #fff !important;}

.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;}
.coPromotion h3{background: url(/_img/th.gif) bottom left repeat-x; color: #fff; padding: 5px; font-family: Arial; font-size: 100%; font-weight: bold;}

.coAddress{float: left; width: 49%;margin-bottom: 10px;}
.coAddress label{width: 80px;}
.coAddress .input{width: 170px;}
.coAddress h3{background: url(/_img/th.gif) bottom left repeat-x; color: #fff; padding: 5px; font-family: Arial; font-size: 100%; font-weight: bold;}

.coAltAddress{float: right; width: 49%;margin-bottom: 10px;}
.coAltAddress label{width: 80px;}
.coAltAddress .input{width: 170px;}
.coAltAddress h3{background: url(/_img/th.gif) bottom left repeat-x; color: #fff; padding: 5px; font-family: Arial; font-size: 100%; font-weight: bold;}

.coNotes{float: right; width: 49%;margin-bottom: 10px;}
.coNotes textarea{width: 276px;}
.coNotes h3{background: url(/_img/th.gif) bottom left repeat-x; color: #fff; padding: 5px; font-family: Arial; font-size: 100%; font-weight: bold;}

.coNewsletter{float: right; width: 49%;margin-bottom: 10px;clear: right;}
.coNewsletter h3{background: url(/_img/th.gif) bottom left repeat-x; color: #fff; padding: 5px; font-family: Arial; font-size: 100%; font-weight: bold;}

.coSecurity{font-size: 95%;}

.coPaymentDetails h3{background: url(/_img/th.gif) bottom left repeat-x; color: #fff; padding: 5px; font-family: Arial; font-size: 100%; font-weight: bold;}
.coPaymentDetails label{width: 130px;}
.coPaymentDetails .input{width: 200px;}

.coOrderSummary h2{background: url(/_img/th.gif) bottom left repeat-x; color: #fff; padding: 5px; font-family: Arial; font-size: 100%; font-weight: bold;}