﻿/* == Main Structure
------------------------------------------------------------------------------------------------------------------------ */
body{background:#000 url('/_img/bg/store.jpg') no-repeat top center;}

#wrap{width: 990px;margin: 0 auto;text-align: left;background:transparent;}


/* == Header Styles
----------------------------------------------------------------------------------------------------------------------*/
#head .signUp{font-family:century gothic;}
#head .top{float:left;width:100%;}
#head .signUp{float:left;padding-top:7px;}
#head .signUp h2{color:#1b0000;  text-transform:uppercase; width:184px; height:16px; float:left; font-size:130%; letter-spacing:2.5px;background:url('/_img/bg/sign-up-title.gif') top left no-repeat;font-size:0;}
#head label{color:#fff; font-weight:bold; text-transform:uppercase; font-size:80%; letter-spacing:1.9px;padding:1px 3px 0 15px;margin:0;}
#head .signUp .txt{float:left; background:#ece8d6;border:solid 1px #ece8d6;font-size:90%;width:160px;padding-top:0;margin-top:1px;}
#head .signUp .btn{font-family:century gothic; background: url('/_img/bg/btn.gif') no-repeat top left;border:solid 0 #fff;color:#fff;text-transform:uppercase;font-size:80%;text-align:center;width:65px; height:18px; padding-bottom:1px; margin-left:5px; cursor: pointer;}
.logo{float:right;width:599px; height:198px;border:solid 1px #fff;}
#head .topBorder{float:left;width:100%;background:#fff;line-height:1px;height:1px;font-size:1px;opacity:0.25;filter:Alpha(opacity=25);}
#head .social ul, #head .social ul li{float:left;margin:0;padding:0;}
#head .social ul{float:right;background:url('/_img/ico/social.gif'); margin-right: 25px; display: inline;}
#head .social ul li a{float:left;width:40px;height:31px;}
#head .social ul li.facebook a{width:50px;}
#head .social ul li.myspace a{width:55px;}
#head .headDD{float:right; padding: 20px 0;}
#head .headDD select{float:left;background:#ece8d6;border:solid 1px #ece8d6;font-size:90%;margin:0;}
#head .headDD img{float:left;margin:3px 0 0 5px;}
#head .headDD a{float: left; color: #fff; font-weight: bold; text-decoration: none; display: inline-block; margin-top: -2px;}


/* == Nav Styles
----------------------------------------------------------------------------------------------------------------------*/
#head .nav ul, 
#head .nav ul li{float:left;margin:0;padding:0;}
#head .nav ul{float:right; display:inline; width:580px; height:16px; margin:118px 4px 0 0; background:url('/_img/bg/nav.gif') top left no-repeat;}
#head .nav ul li a{float:left; height:16px; width:30px; color:#2a0901; margin:0 5px 0 0; font-size:0; padding-bottom:1px;}
#head .nav ul li a.aNews{width:31px;}
#head .nav ul li a.aBiog{width:59px;}
#head .nav ul li a.aPictures{width:47px;}
#head .nav ul li a.aVideos{width:39px;}
#head .nav ul li a.aTour{width:28px;}
#head .nav ul li a.aMusic{width:33px;}
#head .nav ul li a.aDaily{width:82px;}
#head .nav ul li a.aFanClub{width:49px;}
#head .nav ul li a.aShop{width:28px;}
#head .nav ul li a.aDownloads{width:64px;}
#head .nav ul li a.aForum{width:35px;margin:0;}
#head .nav ul li a:hover{border-bottom:solid 1px #fff;padding-bottom:0;}


/* == Shop Container Styles
----------------------------------------------------------------------------------------------------------------------*/
.shopHolder{float:left;display:inline;width:981px;margin:170px 0 0 10px;background: url('/_img/bg/shop-top.gif') top left no-repeat;}
.shopBase{float:left;width:981px;height:20px;display:inline;margin:0 0 0 10px;background: url('/_img/bg/shop-base.gif') top left no-repeat;}
.shopHolder .shopInner{float:left;width:979px;padding:0 0 65px 0;margin:35px 0 0 0;border-left:solid 1px #4c4a48;border-right:solid 1px #4c4a48;}


/* == Footer Styles
----------------------------------------------------------------------------------------------------------------------*/
#footer{float:left;width:981px;display:inline;border-top: solid 1px #404040;margin:10px 0 0 10px;padding: 5px 0;font-size:90%;}
#footer ul, #footer ul li{margin: 0;padding:0;float:left;}
#footer ul li{padding:5px 6px 0 0;}
#footer ul li a{text-transform:uppercase;color:#ccc;font-family:Century Gothic;text-decoration:none;letter-spacing:-0.5px !important;letter-spacing:-1px;}
#footer ul li a:hover{text-decoration:underline;}
#footer .siteDetails{float:right;text-transform:uppercase;color:#ccc;font-family:Century Gothic;}
#footer .siteDetails span{float:right;padding-top:5px;}
#footer .siteDetails ul{float:right;background:url('/_img/ico/record-labels.gif') no-repeat top left; display: inline;}
#footer .siteDetails ul li{padding:0;}
#footer .siteDetails ul li a{float:left;width:36px;height:27px;}
#footer .siteDetails ul li.reprise a{width:30px;}


/* == Tabs
----------------------------------------------------------------------------------------------------------------------*/
ul.tabs,ul.tabs li{float:left;margin:0;padding:0;}
ul.tabs li{padding:0 25px 0 0;}
ul.tabs li a{font-family:arial; font-weight:bold; text-transform:uppercase; color:#fff; text-decoration:none;}
ul.tabs li.on a, ul.tabs li a:hover{color:#33cc00;}


/* == Screen Messages
----------------------------------------------------------------------------------------------------------------------*/
ul.error{border-left: solid 4px #fe0000; color: #fe0000; background: #fff; font-style: italic;margin: 5px 0; list-style-image: none;padding: 5px 0 5px 10px;}
ul.success{border-left: solid 4px green; color: green; font-style: italic;margin: 5px 0; list-style-image: none;padding: 0 0 0 10px;}


/* == Store Styles
----------------------------------------------------------------------------------------------------------------------*/
.shopNav{float:left;width:100%;margin:20px 0 0 0;color:#fff;font-size:110%;}   
.shopNav ul.tabs{margin:0 0 0 25px; display: inline; }
.shopNav a.bakset{text-transform:uppercase;color:#fff;text-decoration:none;font-weight:bold;margin-left:25px;font-weight:bold; }
.shopNav a.bakset:hover{color:#33cc00;}


/* == Product Lists Structures
----------------------------------------------------------------------------------------------------------------------*/
ul.prodListMain, ul.prodListMain li,
ul.prodList, ul.prodList li{float:left; margin:0; padding:0;}
ul.prodListMain, ul.prodList{margin:10px 0 0 166px; display:inline;}
ul.prodListMain li, ul.prodList li{width:400px;padding:40px 0 0 0;overflow:hidden;color:#fff;font-weight:bold;}
ul.prodList li{width:228px;}
ul.basicView{margin:10px 0 0 60px;}

/* == Generic Product Styles
----------------------------------------------------------------------------------------------------------------------*/
.prodImage a:hover img{opacity:0.8; filter:Alpha(opacity=80);}
.prodText .prodTextTop{float:left;width:100%;min-height:70px; height:auto !important; height:70px;}
.prodText h3{font-size:100%;margin:8px 0 0 0;width:165px;text-transform:uppercase;font-weight:bold;line-height:110%;}
.prodText h3 a{color:#fff; text-decoration:none;}
.prodText h3 a:hover{color:#33cc00;}
.prodStockBtn a,
.btnMoreInfo a{float:left;font-family:century gothic; background-color: #703f0e; border: solid 1px #e2d9cf;color:#fff;font-weight:normal;text-transform:uppercase;font-size:80%;letter-spacing:0.5px;text-align:center; text-decoration:none;padding:4px;}
.prodStockBtn a:hover, .btnMoreInfo a:hover{opacity:0.8; filter:Alpha(opacity=80);}


/* == Product Feature List Styles
----------------------------------------------------------------------------------------------------------------------*/
ul.prodListMain .prodText h3{width:215px;}
ul.prodListMain .prodText .prodTextTop{min-height:45px; height:auto !important; height:45px;}
ul.prodListMain .prodStock{float:left; width:100%; padding:3px 0 5px 0;}
ul.prodListMain .prodStockPrice,
ul.prodListMain .prodStockSplit,
ul.prodListMain .prodStockTitle{float:left;}
ul.prodListMain .prodStockSplit{padding:0 5px;}
ul.prodListMain .prodStockBtn{float: left; margin-top: 15px; width: 390px;}
ul.prodListMain .btnMoreInfo a{margin:5px 0 0 0;}


/* == Product View Styles
----------------------------------------------------------------------------------------------------------------------*/
.prodView{float:left;width:100%;margin:50px 0 0 0;}
.prodView .prodImage{float: left; width: 248px; margin:0 0 0 60px; display: inline;}
.prodView .prodImage img{margin-bottom: 10px;clear: left;float: left;border: solid 1px #ccc; padding: 5px;background: #eee;}
.prodView .prodText{float: right;width: 530px;display:inline;margin:0 70px 0 0;color:#fff;}
.prodView .prodText h2,
.prodRelated h2{text-transform:uppercase;font-weight:bold;font-size:110%;color:#fff;margin:0 0 10px 0;}
.prodView .prodText h3{width:100%;margin-top: 30px;color:#fff;}
.prodView .prodText .prodDesc{padding-bottom: 20px;}
.prodView .prodText .prodDesc p{margin:10px 0; color:#fff;}
.prodView .prodText .prodStock{font-weight:bold;text-transform:uppercase;}
.prodView .prodText .prodStock .prodStockPrice{}
.prodView .prodTrackLists{float:left;width:100%;}
.prodView .prodTrackLists ul{margin: 0 0 5px 0; list-style: none;}
.prodView .prodTrackLists .discHold{margin:14px 0 0 0;}
.prodView .prodTrackLists p.label{margin:0;color:#fff;font-weight:bold;line-height:1em;}
.prodView .prodTrackLists .clr{line-height:1px; height: 1px; font-size:1px;margin-top:-12px;}
.prodView .prodStock{float:left;width:100%; padding:3px 0 5px 0;}
.prodView .prodStockPrice,
.prodView .prodStockSplit,
.prodView .prodStockTitle{float:left;}
.prodView .prodStockSplit{padding:0 5px;}
.prodView .prodStockTitle{width:250px;}
.prodView .prodStockBtn{margin:-5px 208px 0 0;display:inline;}
.prodView .prodStock .prodStockStatus{float: left; width: 100%; padding-top: 5px; padding-bottom: 5px;}
.prodView ul{list-style: disc;}

/* == Related Products List
----------------------------------------------------------------------------------------------------------------------*/

.prodRelated h2{margin: 30px;}
.prodRelated .prodList li{width: 165px; padding: 0; margin-right: 10px; }
.prodRelated .prodList li h3{margin-bottom: 8px;}
.prodRelated ul.prodList{margin: 0 30px;}


/* == Check Out Styles
----------------------------------------------------------------------------------------------------------------------*/

.coWrap{padding: 10px 40px 0 40px; color: #fff;}
.coWrap p{font-size: 110%; margin-top: 0;}

.coWrap .prodRelated h2{margin: 0; margin-bottom: 10px;}
.coWrap .prodRelated ul.prodList{margin: 0;}

.coProceed{height: 1%;padding: 10px 0; margin-top: 10px; border-bottom: solid 1px #2a1f12; margin-bottom: 10px;}
.coProceed:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}

.coDeliveryOptions .clr{display: none;}
.coDeliveryOptions h3{font-size: 120%; text-transform: uppercase; color: #fff; margin-bottom: 10px;}
.coDeliveryOptions select{background-color: #fff !important;}
.coDeliveryOptions label{width: 110px;}

.coPromos h3{font-size: 120%; text-transform: uppercase; color: #fff; margin-bottom: 10px;}
.coPromotion{height: 1%;}
.coPromotion:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.coPromotion input{float: left;}
.coPromotion input.btn{float: left;margin: 0 0 0 5px;}

.coAddress{float: left; width: 49%;margin-bottom: 10px;}
.coAddress h3{font-size: 120%; text-transform: uppercase; color: #fff; margin-bottom: 10px;}
.coAddress label{width: 110px;}
.coAddress .input{width: 190px;}
.coAddress select{background-color: #fff !important;}

.coAltAddress{float: right; width: 49%;margin-bottom: 10px;}
.coAltAddress h3{font-size: 120%; text-transform: uppercase; color: #fff; margin-bottom: 10px;}
.coAltAddress label{width: 110px;}
.coAltAddress .input{width: 190px;}
.coAltAddress select{background-color: #fff !important;}

.coNotes{float: right; width: 49%;margin-bottom: 10px;}
.coNotes h3{font-size: 120%; text-transform: uppercase; color: #fff; margin-bottom: 10px;}
.coNotes textarea{width: 230px;}

.coNewsletter{float: right; width: 49%;margin-bottom: 10px;clear: right;}
.coNewsletter h3{font-size: 120%; text-transform: uppercase; color: #fff; margin-bottom: 10px;}

.coSecurity{font-size: 95%; margin-top: 15px;}

.coPaymentDetails label{width: 140px;}
.coPaymentDetails h3{font-size: 120%; text-transform: uppercase; color: #fff; margin-bottom: 10px;}
.coPaymentDetails .input{width: 200px;}
.coPaymentDetails select{background-color: #fff !important;}

.coOrderSummary h2{font-size: 120%; text-transform: uppercase; color: #fff; margin-bottom: 10px;}

/* =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%;}

/* =Contact form
--------------------------------------------------------------------------------------------------------------------*/

.contactform{padding: 30px;}
.contactform label{float: left; width: 80px;}