body{background:#0f1c2a url(/_img/bg-static.jpg) center top no-repeat fixed; background-size:100% ;}

/* == Main Structure
------------------------------------------------------------------------------------------------------------------------ */
#wrap{width:1034px; margin: 0 auto; text-align: left;}

.siteHead{width:1020px; background: #e3e3e3 url(/_img/texture.gif) left top; margin: 40px 0 10px 0; padding: 7px 7px 10px 7px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -moz-box-shadow: inset 5px -2px 1px #aba9a3; -webkit-box-shadow: inset 5px -2px 1px #aba9a3; box-shadow: inset 5px -2px 1px #aba9a3;}
.headInner{background: url(/_img/head-groove.png) no-repeat top center; padding-top: 40px; zoom: 1;}
.headInner:after{content: "."; clear: both; display: block; height:0; visibility: hidden;}

#mainContent{padding:0 0 20px; zoom: 1;}
#mainContent:after{content: "."; clear: both; display: block; height:0; visibility: hidden;}

.siteFoot{clear: both;}

@media screen and (max-width:1050px){
    #wrap{width: 710px;}
    .siteHead{width: 696px;}  
}

@media screen and (max-width:750px){
    #wrap{width: 382px;}
    .siteHead{width: 368px;}
}

@media screen and (max-width:410px){
    #wrap{width: 310px;}
    .siteHead{width: 296px;}
}

/* == Navigation
------------------------------------------------------------------------------------------------------------------------ */
#priNav{padding: 7px 15px 22px 15px; margin: 20px 20px 15px 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0 5px 15px #c2b4a8, inset 0 -2px 3px #c2b4a8; -webkit-box-shadow: 0 5px 15px #c2b4a8, inset 0 -2px 3px #c2b4a8; box-shadow: 0 5px 15px #c2b4a8, inset 0 -2px 3px #c2b4a8;}
#priNav ul{background: url(/_img/stripe.gif) repeat-x left top; padding-top: 20px; margin: 0; list-style-type: none; list-style-image: none; zoom: 1;}
#priNav ul:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
#priNav ul li{float:left; margin:0 3px 0 0; padding:0; position: relative;}
#priNav ul li a{float:left; width: 102px; height: 33px; line-height: 33px; text-align: center; text-transform:uppercase; background: url(/_img/sprite.png) no-repeat left -35px;}
#priNav .navUpdates a, #priNav .photos a{background-position: left -70px;}
#priNav .clsAudio a, #priNav .clsStore a{background-position: left -105px;}
#priNav ul li a:hover, #priNav ul li a.on{background-position: left top; color: #000;}

#priNav ul li ul{position:absolute; display:none; padding:6px 0 0 0; top:30px; left: 0; width:180px; float:left; border:solid 0 #fff; z-index:11; clear:both;}
#priNav ul li ul li{float: none; width:auto; margin:0; padding:0; height:auto; line-height:auto; border-bottom: solid 1px #bbb; background:#000;}
#priNav ul li ul li a{float: none; width: auto; display: block; padding: 5px 10px; background: none; color: #fff; text-align: left;}
#priNav ul li ul li a:hover, #priNav ul li ul li a.on{color: #d07821;}

@media screen and (max-width:1050px){
    #priNav ul li{margin-bottom: 5px;}
}
@media screen and (max-width:750px){
    #priNav{padding-left: 8px; padding-right: 5px;}
}

/* == Header Content
------------------------------------------------------------------------------------------------------------------------ */
.logo{display: block; margin: 0 auto; background: url(/_img/logo-wide.png) no-repeat left top;}

.topSignup{float: left; background: url(/_img/arrow.png) no-repeat left center; padding-top: 5px; padding-left: 25px; zoom: 1; position: relative;}
.topSignup:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.topSignup label.signup{float: left; width: 290px; padding-top: 5px; text-transform: uppercase;}
.topSignup .input{float: left;}
.topSignup .btn{float: left; width: 39px; height: 40px; background: url(/_img/sprite.png) no-repeat left -140px; margin-top: -6px; margin-left: 5px; text-indent: 200%; white-space: nowrap; overflow: hidden;}
.topSignup .fbSignup{float: left; clear: left;}
.topSignup .terms{float: left; padding: 3px 0 0 15px; font-size: 90%;}
.topSignup .countryDropDown{position:absolute; top:45px; right:0; z-index: 11; display:none; width: 204px; background: #fff url(/_img/stripe.gif) repeat-x left top; border:solid 2px #000; border-top: 0; color:#000; padding:15px 5px 5px 5px;}
.topSignup .countryDropDown p{padding:0 0 3px; margin:0;}
.topSignup .countryDropDown .input{width:201px; margin:0 0 5px 0;}

.flags{float:left; text-align:left; margin-left: 20px; padding-left: 22px; background: url(/_img/head-divide.gif) repeat-y left top; position: relative;}
.flags label{float: none; width: auto; display: block; padding: 5px 0; text-transform: uppercase;}
.flags ul{margin: 0; list-style: none;}
.flags ul li{margin: 0; display: inline;}
.flags a{display: inline-block; width:38px; height:24px; margin:1px; background:url('/_img/flags/country/uk.gif') top left no-repeat;}
.flags a.on, .flags a:hover{margin:0; border:solid 1px #686461;}
.flags a.on{border-color:#686461;}
.flags a.us{background-image:url('/_img/flags/country/us.gif');}
.flags a.fr{background-image:url('/_img/flags/country/fr.gif');}
.flags a.de{background-image:url('/_img/flags/country/de.gif');}
.flags a.row{background-image:url('/_img/flags/country/row.gif');}
.flags .countryFlyover{position:absolute; top: 60px; left: 17px; z-index: 11; display:none; width: 253px; background: #fff url(/_img/stripe.gif) repeat-x left top; border:solid 2px #000; color:#000; text-align:left; padding: 5px 10px 0 10px;}
.flags .countryFlyover p{margin:6px 0;}
.flags .countryFlyover p span{font-size:90%; font-style:italic;}

.social{float: left; margin-left: 20px; padding-left: 22px; background: url(/_img/head-divide.gif) repeat-y left top;}
.social ul{margin: 0; list-style: none; zoom: 1; border: solid 1px #2a2a2a; padding: 6px 3px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.social ul:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.social ul li{float: left; margin: 0 3px;}
.social a{float: left; height: 40px; width: 39px; text-indent: 100%; white-space: nowrap; overflow: hidden; background: url(/_img/sprite.png) no-repeat -42px -140px;}
.social .youtube a{background-position: -89px -140px;}
.social .facebook a{background-position: -135px -140px;}
.social .instagram a{background-position: -182px -140px;}

@media screen and (max-width:1050px){
    .topSignup{margin-bottom: 20px;}
    .flags{margin-left: 23px; padding-left: 0; background: none;}
    .logo{background: url(/_img/logo-mid.png) no-repeat left top; height: 40px; width: 670px;}
}

@media screen and (max-width:750px){
    .topSignup label.signup{padding-bottom: 8px;}
    .topSignup .countryDropDown{right: auto; left: 20px; top: 70px;}
    .social{margin-left: 23px; padding-left: 0; background: none; margin-top: 20px;}
    .logo{background: url(/_img/logo-sml.png) no-repeat left top; height: 21px; width: 350px;}
}

@media screen and (max-width:410px){
    .topSignup label.signup{width: auto}
    .logo{background: url(/_img/logo-mini.png) no-repeat left top; height: 16px; width: 260px;}
}

/* == Footer Content
------------------------------------------------------------------------------------------------------------------------ */
.siteFoot{color: #fff;}
.siteFoot a{color: #fff;}
.siteFoot a:hover{color: #d07821;}
.siteFoot .copy{float: left; margin-right: 10px;}
.siteFoot ul{list-style: none; margin: 0;}
.siteFoot ul li{display: inline; margin: 0 10px 0 0;}
.siteFoot .cookieText{text-transform: uppercase; font-size: 90%;}

.handleLeft{position: absolute; top: 344px; left: 50%; margin-left: -632px;}
.handleRight{position: absolute; top: 344px; right: 50%; margin-right: -632px;}

@media screen and (max-width:1300px){
    .handleLeft, .handleRight{display: none;}
}

/* == Page Layouts
------------------------------------------------------------------------------------------------------------------------ */
#wrap .templateHome .zoneOne{float:left; width:316px; margin:0 11px 0 0; display:inline;}
#wrap .templateHome .zoneTwo{float:left; width:382px; margin:0; display:inline;}
#wrap .templateHome .zoneThree{float:right; width:316px; margin:0; display:inline;}

#wrap .templateInternal .zoneOne{float:left; width:670px; margin:0 0 20px 0; display: inline; background: #e9ebeb url(/_img/texture2.gif) left top; padding: 12px 20px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -moz-box-shadow: inset 5px -2px 1px #aba9a3; -webkit-box-shadow: inset 5px -2px 1px #aba9a3; box-shadow: inset 5px -2px 1px #aba9a3;}
#wrap .templateInternal .zoneTwo{float:right; width:316px; margin:0; display:inline;}

#wrap .fullWidthForm{padding-bottom:20px;}
#wrap .fullWidthForm h3{border-bottom:dotted 1px #000; padding:0 0 5px 0;}
#wrap .fullWidthForm .input{width:300px;}
#wrap .fullWidthForm select{font-size:90%;}
#wrap .fullWidthForm .small{border:solid 0 #982516; background: url('/_img/bg/btn-on.png') top left no-repeat; font-size:100%; display:inline-block; margin:0; font-size: 90%; letter-spacing:0; font-family:Arial; text-decoration:none; padding:2px 7px; cursor:pointer;}

@media screen and (max-width:1050px) {
    #wrap .templateHome .zoneTwo{float: left; position: absolute;}
    #wrap .templateHome .zoneOne, #wrap .templateHome .zoneThree{float: right; clear: right; margin-right: 0;}
    #wrap .templateInternal .zoneTwo{float: left; clear: both;}
}

@media screen and (max-width:750px){
    #wrap .templateHome .zoneTwo{position: static;}
    #wrap .templateHome .zoneOne,
    #wrap .templateHome .zoneTwo,
    #wrap .templateHome .zoneThree, 
    #wrap .templateInternal .zoneTwo{width: 100%;}
    #wrap .templateInternal .zoneOne{width: 342px;}
}

@media screen and (max-width:410px){
    #wrap .templateInternal .zoneOne{width: 94%; padding-left: 3%; padding-right: 3%;}
}

/* == Sidebar Modules
------------------------------------------------------------------------------------------------------------------------ */
.module{margin:0 0 10px; zoom: 1; background: #e9ebeb url(/_img/texture2.gif) left top; padding: 12px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -moz-box-shadow: inset 5px -2px 1px #aba9a3; -webkit-box-shadow: inset 5px -2px 1px #aba9a3; box-shadow: inset 5px -2px 1px #aba9a3;}
.module:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.module .modMore{display: block; width: 161px; height: 15px; background: url(/_img/sprite.png) no-repeat -110px -107px; padding: 16px 0 0 80px; text-transform: uppercase;}
.module .modTools{display: block; width: auto; height: 15px; background: url(/_img/sprite.png) no-repeat -267px -208px; padding: 16px 0 0 80px; text-transform: uppercase;}

.rel{position: relative;}
.pin{float: left; height: 24px; width: 24px; background: url(/_img/pin.png) no-repeat left top; position: absolute; top: 5px; left: 10px;}
.pin2{left: auto; right: 10px;}

/* == Sidebar Module Titles
------------------------------------------------------------------------------------------------------------------------ */
.sideAudio h2{width: 250px; height: 52px; background: url(/_img/sprite.png) no-repeat left -187px; text-indent: 100%; white-space: nowrap; overflow: hidden; margin: 0 0 0 20px;}
.sideStore h2{width: 252px; height: 51px; background: url(/_img/sprite.png) no-repeat left -247px; text-indent: 100%; white-space: nowrap; overflow: hidden; margin: 0 0 0 17px;}
.sidePhoto h2, #bodyPhotos h1{width: 248px; height: 46px; background: url(/_img/sprite.png) no-repeat left -309px; text-indent: 100%; white-space: nowrap; overflow: hidden; margin: 0 0 0 17px;}
.sideVideos h2, #bodyVideo h1{width: 243px; height: 52px; background: url(/_img/sprite.png) no-repeat left -362px; text-indent: 100%; white-space: nowrap; overflow: hidden; margin: 0 0 0 17px;}
.modUpdates h2, #bodyUpdates h1{width: 319px; height: 58px; background: url(/_img/sprite.png) no-repeat left -422px; text-indent: 100%; white-space: nowrap; overflow: hidden; margin: 0 0 0 17px;}

@media screen and (max-width:750px){
    .sideAudio h2, .sideStore h2, .sidePhoto h2, .sideVideos h2, .modUpdates h2{margin: 0 auto;}
}

@media screen and (max-width:410px){
    .modUpdates h2, #bodyUpdates h1{width: 250px;}
}

/* == Sidebar Modules >  Audio
------------------------------------------------------------------------------------------------------------------------ */
.sideAudio .currentTrack{display: block; text-align: center; margin-bottom: 5px;}
.sideAudio .controls{background: url(/_img/punched.gif) repeat-x 3px top; padding-top: 80px; margin-bottom: 15px;}
.sideAudio .controls ul{margin: 0; list-style: none; background: #000; zoom: 1; -moz-box-shadow: -3px 3px 5px rgba(0,0,0,0.4); -webkit-box-shadow: -3px 3px 5px rgba(0,0,0,0.4); box-shadow: -3px 3px 5px rgba(0,0,0,0.4);}
.sideAudio .controls ul:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.sideAudio .controls ul li{float: left; margin: 0 2px; width: 52px; height: 51px; background: url(/_img/sprite.png) no-repeat -110px top; text-indent: 100%; white-space: nowrap; overflow: hidden; cursor: pointer;}
.sideAudio .controls ul li.stop{background-position: -166px top;}
.sideAudio .controls ul li.pause{background-position: -222px top;}
.sideAudio .controls ul li.previous{background-position: -278px top;}
.sideAudio .controls ul li.next{background-position: -334px top;}
    
.sideAudio .controls ul li.on{background-position: -110px -55px;}
.sideAudio .controls ul li.stop.on{background-position: -166px -55px;}
.sideAudio .controls ul li.pause.on{background-position: -222px -55px;}
.sideAudio .controls ul li.previous:active{background-position: -278px -55px;}
.sideAudio .controls ul li.next:active{background-position: -334px -55px;}
    
.sideAudio .player{background: #000; padding: 5px 0; border: solid 3px #ccc; margin-bottom: 10px; overflow: hidden;}
.sideAudio .player p{color: #fff; margin: 0; padding: 5px 0 7px 0; text-align: center;}
.sideAudio .player .embed{width: 318px; margin-left: -35px; overflow: hidden;}
.sideAudio .audioList{display: none;}
    
.sideAudio .channels{background: url(/_img/channels.gif) no-repeat left top; width: 100%; height: 70px; position: relative;}
.sideAudio .channels .light{position: absolute; top: 21px; left: 0; display: none;}
.sideAudio .channels .channel1{left: 15px}
.sideAudio .channels .channel2{left: 47px}
.sideAudio .channels .channel3{left: 89px}
.sideAudio .channels .channel4{left: 121px}
.sideAudio .channels .channel5{left: 154px}
.sideAudio .channels .channel6{left: 194px}
.sideAudio .channels .channel7{left: 228px}
.sideAudio .channels .channel8{left: 262px}

.sideAudio .channels .show{display: block;}

/* == Sidebar Modules > Dials
------------------------------------------------------------------------------------------------------------------------ */
.sideDials{position: relative;}
.sideDials .arm{position: absolute; bottom: 59px; left: 50px;}
.sideDials .arm2{position: absolute; bottom: 66px; left: 236px;}
.sideDials .pin1{top: auto; bottom: 7px; left: auto; right: 7px;}

@-moz-keyframes rotate {
    0%{-moz-transform: rotate(0deg);} 
    25%{-moz-transform: rotate(45deg);} 
    50%{-moz-transform: rotate(20deg);} 
    75%{-moz-transform: rotate(80deg);} 
    100%{-moz-transform: rotate(60deg);} 
}
@-webkit-keyframes rotate {
    0% { -webkit-transform: rotate(0deg);} 
    25% { -webkit-transform: rotate(45deg);} 
    50% { -webkit-transform: rotate(20deg);} 
    75% { -webkit-transform: rotate(80deg);} 
    100% { -webkit-transform: rotate(60deg);} 
}
@keyframes rotate { 
    0% { transform:rotate(0deg);} 
    25% { transform:rotate(45deg);} 
    50% { transform:rotate(20deg);} 
    75% { transform:rotate(80deg);} 
    100% { transform:rotate(60deg);} 
}
@-moz-keyframes rotate2 {
    0%{-moz-transform: rotate(0deg);} 
    25%{-moz-transform: rotate(-40deg);} 
    50%{-moz-transform: rotate(20deg);} 
    75%{-moz-transform: rotate(-10deg);} 
    100%{-moz-transform: rotate(55deg);} 
}
@-webkit-keyframes rotate2 {
    0% { -webkit-transform: rotate(0deg);} 
    25% { -webkit-transform: rotate(-40deg);} 
    50% { -webkit-transform: rotate(20deg);} 
    75% { -webkit-transform: rotate(-10deg);} 
    100% { -webkit-transform: rotate(55deg);} 
}
@keyframes rotate2 { 
    0% { transform:rotate(0deg);} 
    25% { transform:rotate(-40deg);} 
    50% { transform:rotate(20deg);} 
    75% { transform:rotate(-10deg);} 
    100% { transform:rotate(55deg);} 
}


.rotating{
    -webkit-animation: rotate 2s 1s linear infinite alternate;
    -moz-animation: rotate 2s 1s linear infinite alternate;
    animation: rotate 2s 1s linear infinite alternate;
}

.rotating2{
    -webkit-animation: rotate2 2s 1s linear infinite alternate;
    -moz-animation: rotate2 2s 1s linear infinite alternate;
    animation: rotate2 2s 1s linear infinite alternate;
}

/* == Sidebar Modules > Store
------------------------------------------------------------------------------------------------------------------------ */
.sideStore{position: relative;}
.sideStore .divLoading{position:absolute; margin:-15px 0 0 250px;}
.sideStore .prodList{margin: 0; list-style: none;}
.sideStore .prodList li{zoom: 1; padding-right: 0;}
.sideStore .prodList li:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.sideStore .prodList li .prodText{padding-left:60px; overflow: hidden; background: url(/_img/prod-text-bg.gif) no-repeat left top; margin-top: 6px;}
.sideStore .prodList li h3{margin: 0;}
.sideStore .prodList li .prodImage{float: left;}
.sideStore .prodList li .prodImage img{border: solid 1px #2a2a2a; padding: 3px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.sideStore .prodList li .prodTextPrice{color: #d07821;}
.sideStore .modMore{margin-top: -10px;}
.sideStore .badge{position: absolute; bottom: 7px; right: 7px; background: url(/_img/sprite.png) no-repeat -396px top;}

/* == Sidebar Modules > Photos & Videos
------------------------------------------------------------------------------------------------------------------------ */
.module .itemWrap{margin: 10px 0; overflow:hidden; background:url('/_img/loading-sml.gif') center 75px no-repeat; text-align: center;}
.module .scroll{float:left;background: #000; color:#fff; height:53px; line-height:53px;width:14px; text-align:center; font-weight:bold; font-size:150%; text-decoration:none;}
.module .scroll img{margin-top:18px;}
.module .thumbs{float: left; position: relative; left: 50%; margin-left: -146px; margin-bottom: 10px; zoom: 1;}
.module .thumbs:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.module .thumbs .thumbHolder{float:left;width:264px;overflow:hidden;}
.module .thumbs .thumbHolder .inner{width:10000px;}
.module .thumbs .thumb{float:left; height:53px; width:85px; overflow:hidden; border-left:solid 1px #000; background-color:#D9B989;text-align:center;}

/* == Sidebar Modules > Videos
------------------------------------------------------------------------------------------------------------------------ */
.sideVideos .itemWrap{width: 282px; height: 216px; background: url(/_img/vid-frame.gif) no-repeat left top; padding: 11px 0 0 10px; margin-bottom: 0;}
.sideVideos .modLinks{clear: both; height: 62px; background: url(/_img/mod-people.gif) no-repeat left top; margin-top: 10px; text-transform: uppercase; padding-left: 20px;}

@media screen and (max-width:750px){
    .sideVideos .itemWrap{margin: 0 auto;}
}

/* == Sidebar Modules > Photos
------------------------------------------------------------------------------------------------------------------------ */
.sidePhoto .itemWrap{height:180px;}
.sidePhoto .modMore{clear: both;}

/* == Sidebar Modules > Facebook
------------------------------------------------------------------------------------------------------------------------ */
.fbBox{margin: 10px 0 20px 0; text-align: center;}
.fbBox iframe{border: solid 3px #ccc;}

.launchPad{width: 292px; margin: 0 auto; position: relative;}
.launchPad .rocket{position: absolute; bottom: 5px; right: 5px;}

/* == Sidebar Modules > Gigs
------------------------------------------------------------------------------------------------------------------------ */
.sideGigs{}


/* == Modules > Updates
------------------------------------------------------------------------------------------------------------------------ */
.modUpdates{padding: 0 0 5px 0;}
.updatesInner{padding: 12px; zoom: 1;}
.updatesInner:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}

.speaker{background: url(/_img/speaker.gif) no-repeat 7px bottom; height: 430px; position: relative;}
.speaker .on{position: absolute; top: 190px; left:55px; opacity: 1;}
.speaker .off{position: absolute; top: 191px; left:31px; opacity: 0;}
.speaker .off2{position: absolute; top: 191px; left:80px; opacity: 0;}

@-moz-keyframes flashOff {
    0%{opacity: 0;} 
    100%{opacity: 1;} 
}
@-webkit-keyframes flashOff {
    0% {opacity: 0;} 
    100% {opacity: 1;} 
}
@keyframes flashOff { 
    0% {opacity: 0;} 
    100% {opacity: 1;} 
}
@-moz-keyframes flashOn {
    0% {opacity: 1;}
    10%{opacity: 0;} 
    20%{opacity: 1;}
    30%{opacity: 0;}
    100% {opacity: 0;} 
}
@-webkit-keyframes flashOn {
    0% {opacity: 1;}
    10%{opacity: 0;} 
    20%{opacity: 1;}
    30%{opacity: 0;}
    100% {opacity: 0;} 
}
@keyframes flashOn { 
    0% {opacity: 1;}
    10%{opacity: 0;} 
    20%{opacity: 1;}
    30%{opacity: 0;}
    100% {opacity: 0;} 
}

.speaker .off, .speaker .off2{-webkit-animation: flashOff 1s 1s linear infinite alternate; -moz-animation: flashOff 1s 1s linear infinite alternate; animation: flashOff 1s 1s linear infinite alternate;}
.speaker .on{-webkit-animation: flashOn 1s 1s linear infinite alternate; -moz-animation: flashOn 1s 1s linear infinite alternate; animation: flashOn 1s 1s linear infinite alternate;}

/* == Tabs
------------------------------------------------------------------------------------------------------------------------ */
ul.tabs{margin:10px 0;list-style:none; background: url(/_img/tab-bg.gif) left top; zoom: 1;}
ul.tabs:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
ul.tabs li{float:left;margin: 0;}
ul.tabs li a{float: left; height: 80px; line-height: 78px; width: 92px; text-align: center; color: #fff; text-transform: uppercase; background: url(/_img/tab-item.gif) no-repeat left top; text-decoration: none;}
ul.tabs li a:hover, ul.tabs li.on a, ul.tabs li a.on{cursor:pointer; text-decoration: none; color: #d07821;}

ul.tabsWide li a{width: 140px; background-image: url(/_img/tab-item-wide.gif);}

.modUpdates .tabs, .sideArchive .tabs{margin-left: -7px; margin-right: -12px;}
.templateInternal .zoneOne .tabs{margin-left: -15px; margin-right: -20px;}

ul.updFilterTabs{margin: 10px 0;}
ul.updFilterTabs li{display: inline;}
ul.updFilterTabs li select.input{margin:-5px 10px 0 10px; font-size:90%;}
ul.updFilterTabs li a img{vertical-align: middle;}

@media screen and (max-width:410px){
    .modUpdates .tabs, .sideArchive .tabs, .templateInternal .zoneOne .tabs{margin-left: 0; margin-right: 0;}
}

/* == Instagram Photos
------------------------------------------------------------------------------------------------------------------------ */
.photoReel{margin:0 0 10px; zoom: 1;background: #e9ebeb url(/_img/texture2.gif) left top; padding: 12px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -moz-box-shadow: inset 5px -2px 1px #aba9a3; -webkit-box-shadow: inset 5px -2px 1px #aba9a3; box-shadow: inset 5px -2px 1px #aba9a3;}
.photoReel:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.photoReel .photoHolder{float:left; width:100%; height: 306px; background: #e9ebeb url(/_img/texture2.gif) left top;}
.photoReel .photoHolder .photos{position:relative; z-index:10; float:left; width:100%; margin:0 0 10px; height: 306px;}
.photoReel .photoHolder .photos .items{position:absolute; z-index:11; left:0; top:0; width:100%; height:100%; background:#000; overflow:hidden;}
.photoReel .photoHolder .photos .items ul,
.photoReel .photoHolder .photos .items ul li{float:left; margin:0; padding:0; list-style:none;}
.photoReel .photoHolder .photos .items ul{width:10000%; margin:0;}
.photoReel .photoHolder .photos .items ul li a{position:relative; float:left;}
.photoReel .photoHolder .photos .items ul li a .imgCaption{display:none; position:absolute; left:0; top:50%; width:40%; height:100%; margin:0 0 0 30%; text-align:center;}
.photoReel .photoHolder .photos .items ul li a .imgCaption span{position:absolute; top:-18px; left:-10px; width:100%; padding:10px 10px 5px; background:#fff; color:#000; font-size:24px; text-transform:uppercase; font-weight:normal; opacity:0.8}
.photoReel .photoHolder .photos .items ul li a .imgCaption span em{font-style:normal; font-size:90%;}
.photoReel .photoHolder .photos .framePad{width:1215px; margin:0 0 0 -115px;}
.photoReel .photoHolder .photos .itemsLinks{z-index:30; background:url('/_img/pixel.gif') top left repeat;}
.photoReel .photoHolder .photos .itemsLinks ul li a{width:306px; height:270px; margin-top:5px; background:url('/_img/pixel.gif') top left repeat;}
.photoReel .photoHolder .photos .itemsLinks ul li img{visibility:hidden;}
.photoReel .photoHolder .photos .itemsLinks .scroll{display:block; position:absolute; top:50%; right:20px; width:39px; height:47px; margin-top:-23px; background:url('/_img/sprite.png') -265px -154px no-repeat;}
.photoReel .photoHolder .photos .itemsLinks .scrollLeft{right:auto; left:20px; background-position: -312px -154px;}
.photoReel .pin{z-index: 11;}

/* listing */
.photosInstagram{}
.photosInstagram .largeView{display:none; text-align: center; min-height:612px; height:auto !important; height:612px; margin:0 0 15px 0; background:url('/_img/loading-sml.gif') center center no-repeat;}
.photosInstagram .largeView img{max-width: 100%; height: auto;}
.photosInstagram .largeView span{display:block; clear: both; padding:10px 5px 5px; text-align:center;}
.photosInstagram ul,
.photosInstagram ul li{float:left; width:100%; margin:0; padding:0; list-style:none;}
.photosInstagram ul li{width:auto; margin:0 10px 10px 0;}
.photosInstagram ul li img{width:150px; height:150px;}

@media screen and (max-width:750px){
    .photosInstagram .largeView{min-height:370px; height:auto !important; height:370px;}
}

/* == Generic List Styles
------------------------------------------------------------------------------------------------------------------------ */
ul.genList{margin:0; list-style:none; padding:10px 0 0 0; border-top:dotted 1px #b0b0b6;}
ul.genList li{margin:0 0 10px 0; padding:0 0 5px 0; border-bottom:dotted 1px #b0b0b6; zoom: 1;}
ul.genList li:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
ul.genList li .img{float:left; width:100px;}
ul.genList li .thumbnail img{border: solid 1px #2a2a2a; padding: 3px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-bottom: 5px;}
ul.genList li .txt{padding-left:60px; background: url(/_img/prod-text-bg.gif) no-repeat left top; margin-top: 10px; min-height: 66px; overflow: hidden;}
ul.genList li .txt .flag{float:right; margin-top:-1px;}
ul.genList li .txt .lnk:hover{text-decoration:none;}
ul.genList ul{float:left; margin:0; padding:0; list-style:none; width:100%;}
ul.genList li li{border:solid 0 #fff; margin: 5px 5px 0 0; width:auto;}
ul.genList .links a{text-transform: uppercase; padding-right: 7px;}

ul.basicList{margin: 0 0 10px 0; list-style: none;}
ul.basicList li{margin: 0 0 5px 0;}

.calendar{float:left; width:50px; text-align:center; border: solid 1px #2a2a2a; padding: 20px 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-bottom: 5px;}
.calendar p{margin:0;}
.calendar p.day{font-size:200%; line-height:0.9em; color: #d07821;}

/* == Paging
----------------------------------------------------------------------------------------------------------------------*/
.paging{zoom: 1;margin: 10px 0; padding: 0; font-size: 90%;}
.paging:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.paging .text{float:left; padding:4px 10px; margin:3px 0; border: solid 1px #2a2a2a; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-bottom: 5px;}
.paging .pg{float: right;}
.paging .pg ul{float: right;margin: 0; list-style: none;}
.paging .pg ul li{float: left; margin: 0 0 0 3px;}
.paging .pg ul li.det{padding: 8px 8px 3px 0;}
.paging .pg ul li a{float:left; padding:4px 10px; margin:3px 0; border: solid 1px #2a2a2a; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-bottom: 5px;}
.paging .pg ul li a.on{background:#000; color:#fff; text-decoration:none;}

.pagingbase{zoom: 1;margin: 10px 0;}
.pagingbase:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.pagingbase .text{float:left; padding:4px 10px; margin:3px 0; border: solid 1px #2a2a2a; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-bottom: 5px;}
.pagingbase .pg{float: right;}
.pagingbase .pg ul{float: right;margin: 0; list-style: none;}
.pagingbase .pg ul li{float: left; margin: 0 0 0 3px;}
.pagingbase .pg ul li.det{padding: 3px 8px 3px 0;}
.pagingbase .pg ul li a{float:left; padding:4px 10px; margin:3px 0; border: solid 1px #2a2a2a; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-bottom: 5px;}
.pagingbase .pg ul li a.on{background:#D9B989; color:#982516; text-decoration:none;}

/* == News Listings
------------------------------------------------------------------------------------------------------------------------ */
.updListLoader{text-align:center; width:100%; padding:30px 0 80px 0; color:#000; font-weight:bold;}

/* == News Pages
----------------------------------------------------------------------------------------------------------------------*/
.newsView{position: relative;}
.newsView iframe, .newsView object, .newsView embed, .newsView img{max-width: 100%;}

/* == News Info
----------------------------------------------------------------------------------------------------------------------*/
.info{float:left; width:100%; margin:5px 0 0 0; border-top:dotted 1px #b0b0b6;}
.info div{float:left; margin:5px 0 0 0;}
.info .facebookLike{float:left; margin-top:4px; width:80px;}
.info .det{float:right; text-align:right; letter-spacing:-0.3px; font-size:11px;}

/* == Gigs listing + view page
------------------------------------------------------------------------------------------------------------------------ */
.gigs .gigSearch{zoom: 1;}
.gigs .gigSearch:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.gigs .gigSearch label{float:left; width:auto; margin-top:1px;}
.gigs .gigSearch label.lblMonth{margin-left:4px;}
.gigs .gigSearch .select{float:left; margin:1px 10px 0 5px;}
.gigs .gigSearch .ddlArea{width:110px; margin-right:0;}
.gigs .gigSearch .btn{margin-left: 5px;}
.gigs .jScrollPaneContainer{margin:10px 0;}

.gigView .calendar{margin-right: 20px;}

/* == Discog view page
----------------------------------------------------------------------------------------------------------------------*/
.discogList{margin: 0; list-style: none; zoom: 1;}
.discogList:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.discogList li{float: left; margin: 0 7px 7px 0; position: relative;}
.discogList li h2{color: #fff; font-size: 100%;}
.discogList li .packshot{width: 160px; height: 160px;}
.discogList li .overlay{position: absolute; top: 0; left: 0; background: url(/_img/lens.png) left top; color: #fff; padding: 10px; height: 140px; width: 140px; display: none;}
.discogList li a:hover .overlay{display: block;}

.discogView .mainImg{float:left; margin:0 10px 10px 0;}
.discogView .base{clear: both;}
.discogView .base table{width:100%; margin-top:0;}
.discogView .base table .colTrack{width:450px;}
.discogView .base table .extraRow{width:100%;}
.discogView .base table .extraRow td{display:none;}
.discogView .base table .extraRow a{text-decoration:none;}
.discogView .samplePlayer{position:absolute; margin:-5px 0 0 390px; margin-left:-10000px;}

.viewLyrics .items{float:left; width:200px; margin:0 10px 0 0;}
.viewLyrics .lyric{overflow: hidden;}
.viewLyrics .lyric h2{border-bottom:dotted 1px #b0b0b6; padding-bottom: 10px;}

@media screen and (max-width:750px){
    .discogView .mainImg{float: none; display: block; margin-right: 0;}
    .viewLyrics .items{float:none; width: auto;}
}

/* == Videos/Photos view page
----------------------------------------------------------------------------------------------------------------------*/
.viewMedia .fullThumbs{margin-bottom: 10px; background:#000; zoom: 1;}
.viewMedia .fullThumbs:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.viewMedia .scroll{float:left;background: #000; color:#fff; height:53px; line-height:53px;width:14px; text-align:center; font-weight:bold; font-size:150%; text-decoration:none;}
.viewMedia .scroll img{margin-top:18px;}
.viewMedia .fullThumbs .thumbs{float: left; width:642px; overflow:hidden; margin:0;}
.viewMedia .fullThumbs .thumbs ul,
.viewMedia .fullThumbs .thumbs .inner{float:left; list-style:none; margin:0; width:20000px;}
.viewMedia .fullThumbs .thumbs .thumb{float: left;}
.viewMedia .fullThumbs .thumbs ul li {float:left; margin:0;}
.viewMedia .fullThumbs .thumbs ul li a{float:left; width:85px; height:53px; overflow:hidden;}

/* == Videos view page
----------------------------------------------------------------------------------------------------------------------*/
.videoHold{height: 490px ! important; background:url('/_img/loading-sml.gif') center 225px no-repeat;}

@media screen and (max-width:750px){
    .videoHold iframe, .videoHold object, .videoHold embed{max-width: 100%;}
    .viewMedia .fullThumbs .thumbs{width: 314px;}
}

@media screen and (max-width:750px){
    .viewMedia .fullThumbs .thumbs{width:262px}
}

/* == Photo Gallery Listings
------------------------------------------------------------------------------------------------------------------------ */
.photoLanding .viewAll{display: block; width: auto; height: 15px; background: url(/_img/sprite.png) no-repeat -267px -208px; padding: 16px 0 0 80px; text-transform: uppercase; margin-bottom: 20px;}
.photoLanding .paging{margin: -30px 0 0 0;}
.photoLanding .paging .text{display:none;}

.photoList{margin: 0; padding: 0; zoom: 1; list-style: none; list-style-image: none;}
.photoList:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.photoList li{float: left; width: 50%; margin: 0 0 15px 0; height: 80px;}
.photoList li .thumb{float: left; margin-right: 10px;}
.photoList li .thumb .thumbImg{border: solid 1px #2a2a2a; padding: 3px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}

.photoOnlyList,
.photoOnlyList li{float:left; list-style:none; margin:0; padding:0;}
.photoOnlyList li{margin:0 5px 0 0;}

@media screen and (max-width:750px){
    .photoList li{width: 100%;}
}

/* == Photos view page
----------------------------------------------------------------------------------------------------------------------*/
.viewPhoto{display:inline;}
.viewPhoto .main{background:#000; clear:both; margin-bottom:10px; text-align:center;}
.viewPhoto .caption{clear: both; font-style: italic; margin: 10px 0; padding: 5px; text-align: center;}
.viewPhoto .controls{display: block; width: auto; height: 15px; background: url(/_img/sprite.png) no-repeat -267px -208px; padding: 16px 0 0 80px; text-transform: uppercase; margin-bottom: 20px;}
.viewPhoto .imgHolder img{max-width: 100%; height: auto;}

/* == Social Styles
------------------------------------------------------------------------------------------------------------------------ */
.addthis_toolbox{height:18px;}

/* == Popup Audio
------------------------------------------------------------------------------------------------------------------------ */
#popAudio{float:left; width:90%; padding: 5%;}
#popAudio .popAudio{position:relative; width:260px; display:block; margin:5px; text-align:left; padding-bottom:10px;}
#popAudio .popAudio .divPlayerWrap{margin-left:-10px;}
#popAudio .popAudio h2{float:left; width:60px; margin:3px 0 5px 0; text-transform:uppercase;}
#popAudio .popAudio .current{float:right; padding-top:3px; letter-spacing:-0.5px}
#popAudio .popAudio .audioList ul,
#popAudio .popAudio .audioList ul li{float:left; margin:0; list-style:none;}
#popAudio .popAudio .audioList ul{border-top:solid 0 #ded5c9; border-bottom:solid 1px #000;}
#popAudio .popAudio .audioList ul li{width:100%; border-top:solid 1px #000; padding:3px 0; font-size:90%;}
#popAudio .popAudio .jScrollPaneContainer{border-top:solid 0 #000; border-bottom:solid 0 #000;}

/* == Twitter lead module
------------------------------------------------------------------------------------------------------------------------ */
.twitterLead{ height:1%; margin:0 0 15px 0; padding:0;}
#bodyTwitter .twitterLead{background:url('/_img/bg/twitter3.gif')}
.twitterLead h3{font-style:normal; font-weight:normal; font-size:100%; letter-spacing:-0.1px; margin:0; padding:5px;}
.twitterLead h3 span{font-weight:normal; color:#000;}
.twitterLead a{}
.twitterLead a:hover{text-decoration:none;}
.twitterLead .itemDetails{font-size:90%; margin:2px 5px; padding:3px 0 0 0; border-top: solid 1px #cccdc7;}
.twitterColour{color:#32CBFF;}

/* == Screen Messages
----------------------------------------------------------------------------------------------------------------------*/
ul.error{border:solid 1px #AFAFAF; background:#f6f6f6 url(/_img/warning.gif) center left no-repeat;margin: 10px 0; list-style-type:none; list-style-image:none; padding:5px 0 5px 70px; min-height:50px; height:auto !important; height:50px; font-weight:bold;}
.validationP{margin:20px 0 30px 5px;}


/* == Popup Lightboxes
----------------------------------------------------------------------------------------------------------------------*/
#fadeWrap{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 55;display: none;}
#fade{background: #000;position: fixed;width: 100%;height: 100%;filter:alpha(opacity=70);opacity: .70;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*--IE 8 Transparency--*/left: 0;z-index: 15;}

#popup{background: #aaa;border: 5px solid #ccc;padding: 1px;float: left;width: 750px;position: fixed; top: 50%; margin-top: -187px;left: 50%;margin-left: -384px;z-index: 100;display: none;}
#popup .inner{border: solid 20px #eee;}
#popup .inner .innerMost{border: solid 1px #ccc;padding: 10px;background: #fff;height: 300px;overflow: auto;}
#popup .ClosePopup{position: absolute; top: -15px; right: -15px;}
.loadingOverlay{display:none; position:absolute; z-index:1000001; text-align:center; width:100%;}
.loadingOverlay .inner{position:fixed; bottom:0; right:0; text-align:center; padding: 10px 0; background:#fff; width:150px;}

/* == Duplicate popup styles for managed splashpage lightbox popup
------------------------------------------------------------------------------------------------------------------------ */
#splashPopup{position:fixed; z-index:10000; top:50%; left:50%; float:left; width:750px; margin:-300px 0 0 -402px; padding:25px; background:#fffcd7; border:solid 2px #1b1613; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
#splashPopup .inner .innerMost{padding:5px; background:#fff; border:solid 1px #1b1613;}
#splashPopup .ClosePopup{position: absolute; top: 30px; right: 30px; background:url('/_img/popup-close.png') top left no-repeat; width:40px; height:40px;}
#splashPopup .ClosePopup img{visibility:hidden;}
#splashPopup table td{border: 0;}
#splashPopup .inner .innerMostContent{position:relative; padding-bottom:56.25%; padding-top:60px; overflow:hidden; background:#fff;}
#splashPopup .inner .innerMostContent iframe,
#splashPopup .inner .innerMostContent object,
#splashPopup .inner .innerMostContent embed,
#splashPopup .inner .innerMostContent img{position:absolute; top:0; left:0; width:100%; height:100%;}

/* == 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%;}
.popoverHover{display:none; position:absolute; z-index:1000000; top:0; left:0; border:solid 1px #000; color:#fff; background:#000; padding: 2px 10px;}
a.sml .whyText{display:none;}
a.sml:hover{border:0 none; position:relative; text-decoration:none; z-index:500;}
a.sml:hover .whyText{background:#EFE7DC; border:5px solid #BFB19A; color:#333; display:block; font-size:95%; font-weight:normal; left:30px; padding:5px; position:absolute; text-decoration:none; top:0; width:170px;}