/* Reset */
body {color:#000; height: 100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
option {background-color: #ffffff;}

img{vertical-align:top; border:0px;}
legend{height:0; font-size:0;}
a, input, select, textarea{outline:none;}


/* Common Styles */

.clear, .Clear{clear:both; font-size:0px; line-height:0px;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clearfix {height: 1%;}
*:first-child+html .clearfix {min-height: 1px;}
.status, .error {color: Red; font-weight: bold;}

.content{color:#3A4141; font-size:1.1em; zoom:1;}
.content H1{color:#EF7F10; font-size:1.7em; margin-bottom:5px;}
.content H2{color:#EF7F10; font-size:1.7em;}
.content H3{color:#2A2F2F; font-size:1.4em; font-weight:bold; margin-bottom:6px;}
.content P{margin-bottom:5px;}
.content A{color:#DC3B03; text-decoration:underline;}
.content .highlight{color:#CD4D07;}
.content .lowlight{color:#828C87;}

.pad{padding-bottom:10px;}
.doublePad{padding-bottom:20px;}
.floatLeft{float:left;}
.floatRight{float:right;}
.alignLeft{text-align:left;}
.alignRight{text-align:right;}
.picLeft{float:left; padding:0px 20px 20px 0px;}
.picRight{float:left; padding:0px 0px 20px 20px;}
.inner{padding:15px;}
.strong{font-weight:bold;}
A{text-decoration:none;}
A:hover{text-decoration:underline;}

.grid{border-top:solid 1px #C5D4CD; width:100%;  margin-bottom: 10px;}
.grid TH{background:#3A4141; font-size:1.1em; color:white;}
.grid TH.firstCell{padding:8px;}
.grid TH.lastCell{padding:8px;}
.grid TR{ background:url(/i/gridRowBack.gif) left bottom repeat-x;}
.grid TR TD{border-bottom:solid 1px #C5D4CD; padding:8px 4px;}
.grid TR TD.firstCell{border-left:solid 1px #C5D4CD; padding:8px;}
.grid TR TD.lastCell{border-right:solid 1px #C5D4CD; padding:8px; text-align:right;}
.grid TR TD.firstCell{text-align:left;}
.grid SELECT{padding:3px; font-size:1.1em; font-weight:bold; color:#00364C; zoom: 1;}
.grid .gridContent{color:#3A4141; font-size:1.1em; font-weight:bold;}
.grid .gridContent A{color:#DC3B03; text-decoration:underline;}
.grid .gridContentBig{color:#3A4141; font-size:1.5em; font-weight:bold;}
.grid .highlightedRow{background:#E6EDEA;}

.hidden {display: none;}


.gridForm{}
.gridForm .firstCell{min-width:120px;}
.gridForm LABEL{color:#3A4141; font-size:1.1em; font-weight:bold;}
.gridForm LABEL .required{color:Red;}
.gridForm .TVI-textBox INPUT{width:244px; border:solid 1px #B0BDB7; color:#00364C; font-size:1.1em; font-weight:bold; padding:2px 3px; color:#00364C;}
.gridForm .TVI-textArea TEXTAREA{width:244px; height:100px; border:solid 1px #B0BDB7; color:#00364C; font-size:1.1em; font-weight:bold; padding:2px 3px; color:#00364C;}
.gridForm .TVI-checkBox INPUT{position:relative; top:1px;}
.gridForm .TVI-checkBox .checkBoxLabel{position:relative; top:-2px; color:#3A4141; font-size:1.1em; font-weight:bold;}
.gridForm .TVI-dropDownList SELECT{width:251px; border:solid 1px #B0BDB7; color:#00364C; font-size:1.1em; font-weight:bold; padding:2px 3px; color:#00364C;}
.gridForm .highlightedRow A{font-size:1.1em; color:#DC3B03; text-decoration:underline;}

.innerGrid{width:100%; border:0;}
.innerGrid TR{background:none;}
.innerGrid TR.lastRow{border-bottom:0;}
.innerGrid TD{padding:0; border:0; border-bottom:solid 1px #C5D4CD;}
.innerGrid TR TD.firstCell{padding-left:0px; border:0; border-bottom:solid 1px #C5D4CD;}
.innerGrid TR TD.lastCell{padding-right:0px; border:0; border-bottom:solid 1px #C5D4CD;}
.innerGrid TR.lastRow TD{border:0;}

.tabs{z-index:10000000; height: 36px;}
.tabs LI{float:left; position:relative; left:-1px; border:solid 1px #C5D4CD; margin-right:2px;}
.tabs LI A{font-size:1.4em; font-weight:bold; text-decoration:none;}
.tabs LI.off{padding:8px; top:2px; background:url(/i/tabsBack.gif) left bottom repeat-x;}
.tabs LI.off A{color:#6A7777;}
.tabs LI.on{padding:9px 8px; border-bottom:solid 1px white;}
.tabs LI.on A{color:#181C1C;}

.paging{}
.paging .first{float:left; margin-right:1px; }
.paging .first A{display:block; height:20px; width:20px; background:url(/i/paging.gif);}
.paging .first A:hover{background-position:-20px 0px;}
.paging .previous{float:left; margin-right:1px; }
.paging .previous A{display:block; height:20px; width:20px; background:url(/i/paging.gif) 0px -20px;}
.paging .previous A:hover{background-position:-20px -20px;}
.paging .next{float:left; margin-right:1px; }
.paging .next A{display:block; height:20px; width:20px; background:url(/i/paging.gif) 0px -40px;}
.paging .next A:hover{background-position:-20px -40px;}
.paging .last{float:left; margin-right:1px; }
.paging .last A{display:block; height:20px; width:20px; background:url(/i/paging.gif) 0px -60px;}
.paging .last A:hover{background-position:-20px -60px;}
.paging .numbers{float:left; border:solid 1px #C5D4CD; color:Black; font-size:1.1em; font-weight:bold; height:14px; padding:2px 8px; margin-right:1px;}
.paging .numbers A{color:#999999;}
.paging .numbers A:hover{color:black;}
.paging .numbers A.selected{color:black;}
.paging .viewAll{float:left; margin-right:1px; width:55px;}
.paging .viewAll A{display:block; height:20px; background:url(/i/pagingViewAll.gif) 0px 0px;}
.paging .viewAll A:hover{background-position:-55px 0px;}


.pageMenu{margin:0px 15px 10px 15px;}
.pageMenu LI{float:left; margin-right:3px;}
.pageMenu LI A{display:block; padding:6px; border:solid 1px #C5D4CD; background:url(/i/pageMenuBack.jpg);}
.pageMenu LI A{color:#181C1C; font-size:1.1em; font-weight:bold; text-decoration:none;}
.pageMenu LI A:hover, .pageMenu LI A.active{background-position:0px -28px; border:solid 1px black; color:White;}
.divider{height:10px; font-size:0; background:url(/i/dividerBack.gif);}

.button22{}
.button22 A{display:block; height:22px;}

.buttonArrow{width:22px;}
.buttonArrow A{background:url(/i/buttonArrow.gif);}
.buttonArrow A:hover{background-position:-22px 0px;}
.buttonArrow A:active{background-position:-44px 0px;}

.buttonPlus{width:22px;}
.buttonPlus A{background:url(/i/buttonPlus.gif);}
.buttonPlus A:hover{background-position:-22px 0px;}
.buttonPlus A:active{background-position:-44px 0px;}

.buttonMinus{width:22px;}
.buttonMinus A{background:url(/i/buttonMinus.gif);}
.buttonMinus A:hover{background-position:-22px 0px;}
.buttonMinus A:active{background-position:-44px 0px;}

.buttonPlay{width:22px;}
.buttonPlay A{background:url(/i/buttonPlay.gif);}
.buttonPlay A:hover{background-position:-22px 0px;}
.buttonPlay A:active{background-position:-44px 0px;}

.buttonSubmit{width:65px;}
.buttonSubmit A{background:url(/i/buttonSubmit.gif);}
.buttonSubmit A:hover{background-position:-65px 0px;}
.buttonSubmit A:active{background-position:-130px 0px;}

.buttonContinue{width:84px;}
.buttonContinue A{background:url(/i/buttonContinue.gif);}
.buttonContinue A:hover{background-position:-84px 0px;}
.buttonContinue A:active{background-position:-168px 0px;}

.buttonMakePayment{width:117px;}
.buttonMakePayment A{background:url(/i/buttonMakePayment.gif);}
.buttonMakePayment A:hover{background-position:-117px 0px;}
.buttonMakePayment A:active{background-position:-234px 0px;}

.buttonAddToBasket{width:119px;}
.buttonAddToBasket A{background:url(/i/buttonAddBasket.gif);}
.buttonAddToBasket A:hover{background-position:-119px 0px;}
.buttonAddToBasket A:active{background-position:-238px 0px;}

.buttonRedeemCredit{width:117px;}
.buttonRedeemCredit A{background:url(/i/buttonRedeemCredit.gif);}
.buttonRedeemCredit A:hover{background-position:-117px 0px;}
.buttonRedeemCredit A:active{background-position:-234px 0px;}

.buttonRedeemVoucher{width:136px;}
.buttonRedeemVoucher A{background:url(/i/buttonRedeemVoucher.gif);}
.buttonRedeemVoucher A:hover{background-position:0px 44px;}
.buttonRedeemVoucher A:active{background-position:0px 88px;}

.buttonUpdate{width:69px;}
.buttonUpdate A{background:url(/i/buttonUpdate.gif);}
.buttonUpdate A:hover{background-position:-69px 0px;}
.buttonUpdate A:active{background-position:-138px 0px;}

.buttonAddAddress{width:107px;}
.buttonAddAddress A{background:url(/i/buttonAddAddress.gif);}
.buttonAddAddress A:hover{background-position:-107px 0px;}
.buttonAddAddress A:active{background-position:-214px 0px;}

.buttonCheckout{width:92px;}
.buttonCheckout A{background:url(/i/buttonCheckout.gif);}
.buttonCheckout A:hover{background-position:-92px 0px;}
.buttonCheckout A:active{background-position:-184px 0px;}

.buttonToRight{float:left;}

#pageIntro{padding:15px; color:#181C1C; zoom:1;}
#pageIntro H2{color:#181C1C; font-size:1.4em; margin-bottom:5px;}
#pageIntro A, .inner A {color:#DC3B03; text-decoration:underline;}

.sideBoxForm .TVI-formField{margin-bottom:8px;}
.sideBoxForm .TVI-dropDownList{}
.sideBoxForm .TVI-dropDownList SELECT{position:relative; top:3px; width:208px; font-size:1.2em; color:#00364C; border:0; background:none; height:16px;}
.sideBoxForm .TVI-textBox INPUT{position:relative; top:3px; left:3px; width:204px; font-size:1.2em; color:#00364C; border:0; background:none; height:16px;}
.sideBoxDDLWrapper{position:relative; width:210px; height:22px; background:url(/i/sideBoxDDLBack.jpg);}
.sideBoxDDLShortWrapper{position:relative; float:left; width:184px; height:22px; margin-right:4px; background:url(/i/sideBoxDDLBackShort.jpg);}
.sideBoxTextboxShortWrapper{position:relative; float:left; width:184px; height:22px; margin-right:4px; background:url(/i/sideBoxTextboxBackShort.jpg);}
.sideBoxForm .TVI-dropDownList .sideBoxDDLShortWrapper SELECT{width:182px;}
.sideBoxForm .TVI-textBox .sideBoxTextboxShortWrapper INPUT{width:178px;}

#popupWrapper {width: 100%; height: 100%; background: url(/i/popupoverlay.png); position: fixed; top: 0; z-index: 100;}
* html #popupWrapper {
    background-image: url('/i/popupoverlayie.png');
    height: 100%;
    position: absolute;
}


#popup{margin: auto; margin-top: 200px; width:600px; padding:10px 0; background:#C5D4CD; z-index: 100;}
#popup .close {float: right; margin-right: 10px; margin-top: 10px;}
#popup .close a {display: block; background: url(/i/buttoncloseWindow.gif); background-position: 40px 0; width: 20px; height: 20px; }
#popup .close a:hover {background-position: 0 0; }
#popup .close a:active {background-position: 20px 0;}
#popupInner{margin:0 10px; background:white;}


#popupIntro{padding:15px; color:#181C1C; zoom:1;}
#popupIntro H2{color:#181C1C; font-size:1.4em; margin-bottom:5px;}
#popupIntro A{color:#DC3B03; text-decoration:underline;}

/* Template Styles */

HTML{background:white; background:#2A2E2E url(/i/back.jpg) repeat-x center top;}
BODY{font-family:Arial, Tahoma, Verdana, Sans-Serif; font-size:62.5%; color:black;}

#mainColumns{width:960px; margin:auto; background:url(/i/columnsBack.gif) repeat-y;}
#mainColumnLeft{float:left; width:240px;}
#mainColumnMiddle{float:left; width:480px; background:#C5D4CD;}
#mainColumnRight{float:right; width:240px;}

#mainColumnLeftTop{height:110px; background:url(/i/mainColumnLeftTop.jpg);}
#mainColumnMiddleTop{height:80px; background:url(/i/mainColumnMiddleTop.jpg);}
#mainColumnRightTop{height:110px; }

.sideBox{background:#181C1C; margin-bottom:10px;}
.sideBox A{color:#F9A51A; font-size:1.1em; text-decoration:underline;}
.sideBox A:hover{color:#FCD38F;}
.sideBox .inner{padding:10px 15px;}
.sideBoxTop{}
.sideBoxBottom{background:#181C1C url(/i/sideBoxBottom.jpg) repeat-x;}

#creditsBox { padding: 15px; }

#chooseFormatBox{}
#chooseFormatBox .chooseFormatInner{position:relative; width:210px; height:43px; margin:10px 15px; background:url(/i/chooseFormatBack.gif);}

.buttonMp3g{position:absolute; width:59px; left:0px; top:21px; height:22px;}
.buttonMp3g A{background:url(/i/buttonMp3g.jpg);}
.buttonMp3g A:hover{background-position:-59px 0px;}
.buttonMp3g A:active{background-position:-118px 0px;}

.buttonMp4{position:absolute; width:43px; left:63px; top:21px; height:22px;}
.buttonMp4 A{width:43px; background:url(/i/buttonMp4.jpg);}
.buttonMp4 A:hover{background-position:-43px 0px;}
.buttonMp4 A:active{background-position:-86px 0px;}

.buttonCdg{position:absolute; width:49px; left:115px; top:21px; height:22px;}
.buttonCdg A{width:49px; background:url(/i/buttonCdg.jpg);}
.buttonCdg A:hover{background-position:-49px 0px;}
.buttonCdg A:active{background-position:-98px 0px;}

.buttonDvd{position:absolute; width:42px; left:168px; top:21px; height:22px;}
.buttonDvd A{width:42px; background:url(/i/buttonDvd.jpg);}
.buttonDvd A:hover{background-position:-42px 0px;}
.buttonDvd A:active{background-position:-84px 0px;}

#searchForm{padding:10px 15px 0 15px;}

#browseForm{padding:10px 15px 0 15px;}
#browseBoxCategories{padding:10px 0 10px 15px;}
#browseBoxCategories LI{float:left; display:block; width:66px; margin:0 6px 6px 0;}

#azForm{padding:10px 15px 0 15px;}

#letters{}
#letters .row{margin-bottom:8px;}
#letters .lastRow{margin-bottom:0px;}
#letters .letter{float:left; width:23px; height:23px; margin-right:8px;}
#letters .letter a{display:block; height:23px; background:url(/i/letters.gif);}
#letters .num{width:54px;}
#letters .lastInRow{margin:0;}

#letters .a A{}
#letters .a A:hover{background-position:0px -92px;}
#letters .a A:active{background-position:0px -184px;}
#letters .b A{background-position:-23px 0px;}
#letters .b A:hover{background-position:-23px -92px;}
#letters .b A:active{background-position:-23px -184px;}
#letters .c A{background-position:-46px 0px;}
#letters .c A:hover{background-position:-46px -92px;}
#letters .c A:active{background-position:-46px -184px;}
#letters .d A{background-position:-69px 0px;}
#letters .d A:hover{background-position:-69px -92px;}
#letters .d A:active{background-position:-69px -184px;}
#letters .e A{background-position:-92px 0px;}
#letters .e A:hover{background-position:-92px -92px;}
#letters .e A:active{background-position:-92px -184px;}
#letters .f A{background-position:-115px 0px;}
#letters .f A:hover{background-position:-115px -92px;}
#letters .f A:active{background-position:-115px -184px;}
#letters .g A{background-position:-138px 0px;}
#letters .g A:hover{background-position:-138px -92px;}
#letters .g A:active{background-position:-138px -184px;}

#letters .h A{background-position:0px -23px;}
#letters .h A:hover{background-position:0px -115px;}
#letters .h A:active{background-position:0px -207px;}
#letters .i A{background-position:-23px -23px;}
#letters .i A:hover{background-position:-23px -115px;}
#letters .i A:active{background-position:-23px -207px;}
#letters .j A{background-position:-46px -23px;}
#letters .j A:hover{background-position:-46px -115px;}
#letters .j A:active{background-position:-46px -207px;}
#letters .k A{background-position:-69px -23px;}
#letters .k A:hover{background-position:-69px -115px;}
#letters .k A:active{background-position:-69px -207px;}
#letters .l A{background-position:-92px -23px;}
#letters .l A:hover{background-position:-92px -115px;}
#letters .l A:active{background-position:-92px -207px;}
#letters .m A{background-position:-115px -23px;}
#letters .m A:hover{background-position:-115px -115px;}
#letters .m A:active{background-position:-115px -207px;}
#letters .n A{background-position:-138px -23px;}
#letters .n A:hover{background-position:-138px -115px;}
#letters .n A:active{background-position:-138px -207px;}

#letters .o A{background-position:0px -46px;}
#letters .o A:hover{background-position:0px -138px;}
#letters .o A:active{background-position:0px -230px;}
#letters .p A{background-position:-23px -46px;}
#letters .p A:hover{background-position:-23px -138px;}
#letters .p A:active{background-position:-23px -230px;}
#letters .q A{background-position:-46px -46px;}
#letters .q A:hover{background-position:-46px -138px;}
#letters .q A:active{background-position:-46px -230px;}
#letters .r A{background-position:-69px -46px;}
#letters .r A:hover{background-position:-69px -138px;}
#letters .r A:active{background-position:-69px -230px;}
#letters .s A{background-position:-92px -46px;}
#letters .s A:hover{background-position:-92px -138px;}
#letters .s A:active{background-position:-92px -230px;}
#letters .t A{background-position:-115px -46px;}
#letters .t A:hover{background-position:-115px -138px;}
#letters .t A:active{background-position:-115px -230px;}
#letters .u A{background-position:-138px -46px;}
#letters .u A:hover{background-position:-138px -138px;}
#letters .u A:active{background-position:-138px -230px;}

#letters .v A{background-position:0px -69px;}
#letters .v A:hover{background-position:0px -161px;}
#letters .v A:active{background-position:0px -253px;}
#letters .w A{background-position:-23px -69px;}
#letters .w A:hover{background-position:-23px -161px;}
#letters .w A:active{background-position:-23px -253px;}
#letters .x A{background-position:-46px -69px;}
#letters .x A:hover{background-position:-46px -161px;}
#letters .x A:active{background-position:-46px -253px;}
#letters .y A{background-position:-69px -69px;}
#letters .y A:hover{background-position:-69px -161px;}
#letters .y A:active{background-position:-69px -253px;}
#letters .z A{background-position:-92px -69px;}
#letters .z A:hover{background-position:-92px -161px;}
#letters .z A:active{background-position:-92px -253px;}
#letters .num A{background-position:-115px -69px;}
#letters .num A:hover{background-position:-115px -161px;}
#letters .num A:active{background-position:-115px -253px;}

#manufacturersBox .corporateLogo {padding:10px 15px;}
#manufacturersBox .manufacturersInner{padding:10px 0 10px 15px;}
#manufacturersBox .manufacturersTitle{color:#CFD9D4; font-size:1.2em;}
#manufacturersBox .logos{padding-top:5px;}
#manufacturersBox .logos LI{float:left; display:block; width:102px; margin:0 6px 6px 0;}

#loggedOut{position:relative; height: 110px; background:url(/i/mainColumnRightTop.jpg);}
#loginForm-email{position:absolute; left:70px; top:29px; width:170px; height:22px; background:url(/i/loginFormEmailBack.jpg);}
#loginForm-email INPUT{position:relative; top:3px; left:3px; width:164px; font-size:1.2em; color:#00364C; border:0; background:none; height:16px;}
#loginForm-password{position:absolute; left:70px; top:59px; width:106px; height:22px; background:url(/i/loginFormPasswordBack.jpg)}
#loginForm-password INPUT{position:relative; top:3px; left:3px; width:100px; font-size:1.2em; color:#00364C; border:0; background:none; height:16px;}
#loginButton{position:absolute; left:180px; top:59px; width:60px;}
#loginButton A{background:url(/i/buttonLogin.gif);}
#loginButton A:hover{background-position:-60px 0px;}
#loginButton A:active{background-position:-120px 0px;}
#loginLinks{position:absolute; top:87px; width:240px; text-align:right;}
#loginLinks A{color:white; text-decoration:underline;}

#loginError {display: none; background-color: #8a1921; color: White; position: absolute; top: 4px; right: 0px; height: 14px; width: 162px; padding: 3px; padding-left: 5px; font-weight: bold; font-size: 1.1em;}

.loggedIn #loggedOut{display: none;}
.loggedOut #loggedIn{display: none;}
#loggedIn ul {list-style-type: none;}
#loggedIn .logout a{color: #E49A1F;}
#loggedIn li {height: 16px;}
#loggedIn li a {color: #B7C3BF; text-decoration: underline;}
#loggedIn {color: White;}
#loggedIn {text-align: right; height: 110px; padding-top: 27px; font-size: 1em; background:url(/i/mainColumnRightTopLoggedIn.jpg);}
#loggedIn #accountCredit {color: #f6ba52;}

.sideBoxList{width:210px;}
.sideBoxList .item{padding: 5px 0 3px 0; border-bottom:solid 1px #292B2B; color:#A3AFA9;}
.sideBoxList .item A{color:White; text-decoration:none;}
.sideBoxList .number{float:left; margin-top: 2px; width:18px; height:14px; text-align:center; color:White; font-weight:bold; background:url(/i/chartNumberBack.jpg);}
.sideBoxList .details{float:right; width:186px;}

#yourBasketBox{background:#181C1C;}
#yourBasketBox .content{padding: 10px 5px 10px 15px; color: #A3AFA9; font-size: 1em;}
#yourBasketBox .sideBoxTop {height: 31px; background: url(/i/sideBoxTopYourBasket.jpg);}

#yourBasketBox .delete{width:15px;}
#yourBasketBox .delete A{display:block; height:14px; background:url(/i/basketDel.gif);}
#yourBasketBox .delete A:hover{background-position:-15px 0px;}
#yourBasketBox .delete A:active{background-position:-30px 0px;}
#yourBasketBox .up{width:15px;}
#yourBasketBox .up A{display:block; height:10px; background:url(/i/basketUp.gif);}
#yourBasketBox .up A:hover{background-position:-15px 0px;}
#yourBasketBox .up A:active{background-position:-30px 0px;}
#yourBasketBox .down{width:15px;}
#yourBasketBox .down A{display:block; height:10px; background:url(/i/basketDown.gif);}
#yourBasketBox .down A:hover{background-position:-15px 0px;}
#yourBasketBox .down A:active{background-position:-30px 0px;}

#yourBasketBox .item .details{width:167px; float:left;}
#yourBasketBox .item .buttons{width:43px; float:right;}
#yourBasketBox .item .price{color:white; text-align:right; font-weight:bold; font-size:1.1em; padding-bottom:1px;}
#yourBasketBox .item .format{color:#D7A358; font-weight:normal;}
#yourBasketBox .item a{color:#D7A358; font-weight:normal; font-size: 0.8em; text-decoration: none;}
#yourBasketBox .item a:hover{text-decoration: underline;}

#yourBasketBox .track{padding:4px 15px; margin-bottom:1px; background:url(/i/yourBasketItemBack.gif);}
#yourBasketBox .track .trackName{font-weight:bold; color:White; font-size:1.1em;}
#yourBasketBox .track .artistName{color:#A3AFA9;}
#yourBasketBox .track .delete{float:right;}

#yourBasketBox .credit{padding:4px 15px; margin-bottom:1px; background:url(/i/yourBasketItemBack.gif);}
#yourBasketBox .credit img{float: left; margin-top: 6px; margin-right: 10px; }
#yourBasketBox .credit .details{width: 130px;}
#yourBasketBox .credit .creditName{font-weight:bold; color:White; font-size:1.1em; margin-top: 8px;}
#yourBasketBox .credit .delete{float:right;}

#yourBasketBox .voucher{padding:4px 15px; margin-bottom:1px; background:url(/i/yourBasketItemBack.gif);}
#yourBasketBox .voucher img{float: left; margin-top: 6px; margin-right: 10px; }
#yourBasketBox .voucher .details{width: 50px;}
#yourBasketBox .voucher .creditName{font-weight:bold; color:White; font-size:1.1em; margin-top: 8px;}
#yourBasketBox .voucher .delete{float:right;}


#yourBasketBox .album{padding:4px 15px; margin-bottom:1px; background:url(/i/yourBasketItemBack.gif);}
#yourBasketBox .album .albumName{font-weight:bold; color:White; font-size:1.1em; padding-left:14px;  background: url(/i/basketDiscIcon.gif) no-repeat;}
#yourBasketBox .album .artistName{color:#A3AFA9; padding-left:14px;}
#yourBasketBox .album .delete{float:right;}

#yourBasketBox .disc .info{padding:4px 15px; margin-bottom:1px; background:url(/i/yourBasketItemBack.gif);}
#yourBasketBox .disc .discName{font-weight:bold; color:White; font-size:1.1em; padding-left:14px;  background: url(/i/basketDiscIcon.gif) no-repeat;}
#yourBasketBox .disc .artistName{color:#A3AFA9;}
#yourBasketBox .discTrack{padding:4px 15px; margin-bottom:1px; background:url(/i/basketDiscTrackBG.gif);}
#yourBasketBox .discTrack .details{width:178px; float:left;}
#yourBasketBox .discTrack .buttons{position:relative; width:32px; float:right;}
#yourBasketBox .discTrack .trackName{font-weight:bold; color:White; font-size:1.1em;}
#yourBasketBox .discTrack .time{font-size:0.9em; font-weight:normal;}
#yourBasketBox .discTrack .up{position:absolute;}
#yourBasketBox .discTrack .down{position:absolute; top:11px;}
#yourBasketBox .discTrack .delete{position:absolute; left:16px;}
#yourBasketBox .disc .timeRemaining{padding:4px 15px; font-size:1.1em; color:#A3AFA9; background:url(/i/basketTimeRemainingBack.gif);}
#yourBasketBox .disc .timeRemaining .time{color:white; font-weight:bold;}

#yourBasketBox .totals{color:#A3AFA9; padding:10px 15px; background: url(/i/basketTotalsBack.gif) no-repeat;}
#yourBasketBox .totals STRONG{color:white; font-size:1.1em; font-weight:bold;}
#yourBasketBox .totals .labels{float:left; width:150px;}
#yourBasketBox .totals .amounts{float:right; width:50px; text-align:right;}

#yourBasketBox .currency {float: right; margin-right: 16px;}
#yourBasketBox .currency li{float: left;}
#yourBasketBox .currency a {background: url(/i/basketCurrency.gif); width: 17px; height: 18px; margin: 6px 0 0 0; display: inline-block;}
#yourBasketBox .currency .pound a {background-position: 0px 0px;}
#yourBasketBox .currency .pound a:hover {background-position: 0px 36px;}
#yourBasketBox .currency .pound .selected {background-position: 0px 18px;}
#yourBasketBox .currency .dollar a {background-position: 35px 0px; width: 18px;}
#yourBasketBox .currency .dollar a:hover {background-position: 35px 36px;}
#yourBasketBox .currency .dollar .selected {background-position: 35px 18px;}
#yourBasketBox .currency .euro a {background-position: 17px 0px;}
#yourBasketBox .currency .euro a:hover {background-position: 17px 36px;}
#yourBasketBox .currency .euro .selected {background-position: 17px 18px;}

#yourBasketBox .buttonCheckout {padding: 5px;}

#hotSongs{padding:4px 15px 15px 15px;}
#hotAlbums{padding:4px 15px 15px 15px;}
#informationMenu{padding:4px 15px 15px 15px;}

#footer{width:480px; margin:auto; height:50px; background:url(/i/footerBack.gif);}
#footerInner{padding:10px 20px; color:#717D7D;}
#footerInner A{color:#CFD9D4; font-weight:bold;}
#footerInner A.tvi{color:#717D7D; font-weight:normal;}

#inAssociationWith{height:71px; background:url(/i/inAssociationWithBack.gif);}
#associationLogo{float:right; padding:10px;}
#noAssociation{height:20px; background:url(/i/noAssociationBack.gif);}


#mainColumnMiddleInner{min-height:800px; background:white; margin:10px;}

#chooseFormatForm{width:550px; margin:auto;}
#chooseFormatForm .firstCell{width:260px;}
#chooseFormatForm .lastCell{width:60px;}

/* Home Page */

#latestSongsGrid .artistName{color:#828C87; font-size:0.9em;}
#featuredTracks{padding:10px 15px;}
#featuredTracks .track{float:left; margin-right:10px;}
#featuredTracks .last{margin:0;}

/* Formats Page */

#formats{}
#formats .item{padding:10px 15px;}
#formats .item .pic{float:left;}
#formats .item .description{float:right; width:290px;}

/* Edit Account Page */

#editAccountAddresses{}
#editAccountAddresses .item{border:solid 1px #C5D4CD; background:#E6EDEA; padding:10px; margin-bottom:3px;}
#editAccountAddresses .address{float:left; width:340px; font-size:1.1em; color:#3A4141;}
#editAccountAddresses .links{float:right; width:50px; font-size:1.1em; color:#3A4141; text-align:right;}
#editAccountAddresses .links A {color:#DC3B03; text-decoration:underline;}

/* Order Tracker Page */
#previousOrdersGrid .lastCell{text-align:left;}

/* Account Downloads Page */
#accountDownloadsGrid .lastCell{text-align:left;}

/* Search Results Page */

#searchAlbumsGrid img{float: left; margin-right: 8px;}
#searchAlbumsGrid .albumName{margin-bottom:3px;}
#searchAlbumsGrid .viewTracks{color:#828C87; font-size:0.8em; padding-right:14px;}
#searchAlbumsGrid .viewTracks.closed{background:url(/i/viewTracksClosed.gif) right top no-repeat;}
#searchAlbumsGrid .viewTracks.open{background:url(/i/viewTracksOpen.gif) right top no-repeat;}
#searchAlbumsGrid .number{color:#CD4D07;}
#searchAlbumsGrid .artistName{color:#828C87; font-size:0.9em;}
#searchAlbumsGrid .tracks {display: none;}

#searchTracksGrid .trackName a{color: #3A4141; text-decoration:none; margin-bottom:3px;}
#searchTracksGrid .trackName a:hover{text-decoration: underline;}
#searchTracksGrid .artistName a{color:#828C87; text-decoration:none; font-size:0.9em;}
#searchTracksGrid .artistName a:hover{text-decoration: underline;}
#searchAlbumsGrid .trackName a{color: #3A4141; text-decoration:none; margin-bottom:3px;}
#searchAlbumsGrid .trackName a:hover{text-decoration: underline;}
#searchAlbumsGrid .artistName a{color:#828C87; text-decoration:none; font-size:0.9em;}
#searchAlbumsGrid .artistName a:hover{text-decoration: underline;}

#latestSongsGrid .trackName a{color: #3A4141; text-decoration:none; margin-bottom:3px;}
#latestSongsGrid .trackName a:hover{text-decoration: underline;}
#latestSongsGrid .artistName a{color:#828C87; text-decoration:none; font-size:0.9em;}
#latestSongsGrid .artistName a:hover{text-decoration: underline;}

.trackDisplay #searchAlbumsGrid {display: none;}
.trackDisplay .tabs #albumsTab{padding:8px; top:2px; background:url(/i/tabsBack.gif) left bottom repeat-x;}
.trackDisplay .tabs #albumsTab A{color:#6A7777;}
.trackDisplay .tabs #tracksTab{padding:9px 8px; border-bottom:solid 1px white;}
.trackDisplay .tabs #tracksTab A{color:#181C1C;}
.albumDisplay #searchTracksGrid {display: none;}
.albumDisplay .tabs #tracksTab{padding:8px; top:2px; background:url(/i/tabsBack.gif) left bottom repeat-x;}
.albumDisplay .tabs #tracksTab A{color:#6A7777;}
.albumDisplay .tabs #albumsTab{padding:9px 8px; border-bottom:solid 1px white;}
.albumDisplay .tabs #albumsTab A{color:#181C1C;}
.albumTrackDisplay #searchAlbumsGrid {display: none;}
.albumTrackDisplay .tabs #albumsTab{padding:8px; top:2px; background:url(/i/tabsBack.gif) left bottom repeat-x;}
.albumTrackDisplay .tabs #albumsTab A{color:#6A7777;}
.albumTrackDisplay .tabs #tracksTab{padding:9px 8px; border-bottom:solid 1px white;}
.albumTrackDisplay .tabs #tracksTab A{color:#181C1C;}




/* Checkout Pages */
#addresses{}
#addresses .item{border:solid 1px #C5D4CD; background:#E6EDEA; padding:10px; margin-bottom:3px;}
#addresses .checkBox{float:left; width:20px;}
#addresses .address{float:left; width:370px; font-size:1.1em; color:#3A4141;}

#billingAndDelivery{}
#billingAndDelivery .address{width:192px; height:110px; color:#2A2F2F; padding:8px; font-size:1.1em; border:solid 1px #C5D4CD; background:#E6EDEA;}
#billingAndDelivery .address H4{font-size:1.1em; font-weight:bold; margin-bottom:5px;}
#billingAndDelivery .address A{color:#DC3B03; text-decoration:underline;}
#billingAndDelivery .billing{float:left;}
#billingAndDelivery .delivery{float:right;}

#orderGrid .totalsRow TD{background:#3A4141}
#orderGrid .totalsRow{color:White; font-weight:bold; font-size:1.1em;}
#orderGrid .totalsRow .label{float:left; width:160px;}
#orderGrid .totalsRow .amount{float:left; width:160px;}
#orderGrid .totalsRow .lowlight{color:#A6B3AD}
#orderGrid .disc .discName{font-weight:bold; padding-left:14px; }

#orderGrid .voucherControls {display: block;}

#orderGrid .delete {float: right; width: 15px;}
#orderGrid .delete A{display:block; height:14px; background:url(/i/basketDel.gif);}
#orderGrid .delete A:hover{background-position:-15px 0px;}
#orderGrid .delete A:active{background-position:-30px 0px;}


#paymentForm #paymentForm-expiryMonth{float:left; width:130px;}
#paymentForm #paymentForm-expiryMonth SELECT{float:left; width:124px;}
#paymentForm #paymentForm-expiryYear{float:left; width:80px;}
#paymentForm #paymentForm-expiryYear SELECT{float:left; width:74px;}
#paymentForm #paymentForm-startMonth{float:left; width:130px;}
#paymentForm #paymentForm-startMonth SELECT{float:left; width:124px;}
#paymentForm #paymentForm-startYear{float:left; width:80px;}
#paymentForm #paymentForm-startYear SELECT{float:left; width:74px;}
#paymentForm #paymentForm-cv2 INPUT{width:74px;}
#paymentForm .cardLogos{text-align:center; padding:20px;}


/* FAQ */

#faq{}
#faq .faqSection{padding-bottom:20px;}
#faq .faqSectionHeader{color:White; font-size:1.1em; font-weight:bold; padding:10px; background:#3A4141;}
#faq .faqQuestion{border:solid 1px #C5D4CD; border-top:0;}
#faq .question{cursor:pointer; background:white url(../i/faqQuestionBack.gif) center bottom repeat-x;}
#faq .question .toggleButton{float:left; padding:5px 5px 5px 10px;}
#faq .question .text{float:right; width:380px; color:#3A4141; padding:9px 10px 5px 0; font-size:1.1em; font-weight:bold;}
#faq .answer{display:none; border-top:solid 1px #DEE6E2; padding:10px;}
#faq .hover .buttonPlus A, #faq .hover .buttonMinus A{background-position:-22px 0px;}


/* Contact Page */

#contactColumns{padding-top:20px;}
#contactColumnsLeft{float:left; width:270px;}
#contactColumnsRight{float:right; width:140px;}

#contactForm{width:220px;}
#contactForm .firstCell{min-width:60px;}
#contactForm .TVI-textBox INPUT{width:160px;}
#contactForm .TVI-textArea TEXTAREA{width:160px;}



/* Clip Player */
.videoPlayer .close {float: right; margin-right: 10px; margin-top: 10px;}
.videoPlayer .close a {display: block; background: url(/i/buttoncloseWindow.gif); background-position: 40px 0; width: 20px; height: 20px; }
.videoPlayer .close a:hover {background-position: 0 0; }
.videoPlayer .close a:active {background-position: 20px 0;}
.videoPlayer .player {padding: 10px 0 10px 0;}



/* Credits */
.credit h2 {color: #EF7F10; font-size: 1.8em; margin-bottom: 5px; font-weight: bold;}
.credit p {font-size: 1.1em; margin: 5px 0; }
.credit .price {color: #565C5C; font-size: 1.5em; margin-bottom: 5px; font-weight: bold;}
.credit .creditImage {float: right; margin-left: 10px; background: url(/i/credit.gif); font-weight: bold; color: #565C5C; font-size: 2.8em; padding: 24px 0 64px 0; width: 99px; letter-spacing: -2px; text-align: center;}

/* Vouchers */

.voucher h2 {color: #EF7F10; font-size: 1.8em; margin-bottom: 5px; font-weight: bold;}
.voucher p {font-size: 1.1em; margin: 5px 0; }
.voucher .price {color: #565C5C; font-size: 1.5em; margin-bottom: 5px; font-weight: bold;}
.voucher .voucherImage {float: right; margin-left: 10px; background: url(/i/voucher.jpg); font-weight: bold;  color: #FFFFFF; font-family: Tahoma, Verdana; font-size: 2.8em; padding: 78px 0 20px 0; width: 213px; letter-spacing: -2px; text-align: center;}

.voucherDisplay {position relative; background: url(/i/voucher.jpg); font-weight: bold; font-family: Tahoma, Verdana; padding: 57px 0 14px 0; width: 213px; font-size: 1.2em; color: #ffffff; text-align:center;}
.voucherDisplay .code {margin-left: 100px}
.voucherDisplay .amount {margin-top: 8px; font-size: 2.5em;}
.voucherControls input {width: 170px; margin-top: 5px;}
.chkSendToMe, .chkSendToRecipient {margin: 5px; position: relative; top: 3px;}