﻿
/* Template Styles */

body { font-size: 62.5%; font-family: Arial, Tahoma, Verdana, Sans-Serif; background: url(/i/body_bg.gif) 50% 0; }
.clear, .Clear{ clear: both; font-size: 0; line-height: 0; height: 0; }

.imgRight { float: right; margin: 0 0 10px 15px; }
.imgLeft { float: left; margin: 0 15px 10px 0; }

.banner {margin-top: 5px;}

#master { width: 940px; margin: 0 auto; }

#header { display: inline-block; width: 938px; height: 107px; border: 1px solid #c3bfb5; border-top: 0; border-bottom: 0; background: #f9f5ea; }
#header #logo { float: left; padding: 23px 16px 0 16px; }
#header .promo { float: left; }
#header #login { position: relative; float: left; width: 160px; height: 93px; background: #282828 url(/i/headerLogin_corner.gif) no-repeat 100% 100%; }
#header #login .TVI-form { margin: 5px 0 0 13px; }
#header #login .TVI-form .field { margin-bottom: 4px; }
#header #login .TVI-form LABEL { display: block; margin-bottom: 2px; font-size: 1.1em; font-weight: bold; color: #ffffff; }
#header #login .TVI-form .textBox INPUT { width: 120px; height: 18px; line-height: 18px; padding: 0 5px; font-size: 1.2em; color: #474747; border: 2px solid #ccbfa6; background: #ffffff; }
.browserFirefox #header #login .TVI-form .textBox INPUT { padding-top: 1px; height: 17px; }
#header #login .TVI-form P A { font-size: 1em; line-height: 1.6em; word-spacing: -1px; font-weight: bold; color: #e7e1d3; text-decoration: none; }
#header #login .TVI-form P A:hover { color: #d1c7af; }
#header #login .TVI-form .password INPUT { float: left; width: 93px; margin-right: 3px; }
#header #login .TVI-form .password .goButton { float: left; display: block; width: 24px; height: 22px; background: url(/i/login_go.gif); }
#header #login .TVI-form .password .goButton:hover { background-position: 0 -22px; }
#header #login .TVI-form .login_passwordReal {display: none;}

#header .loginErrorBox {position: absolute; padding: 10px; right: 160px; top: 0px; height: 73px; width: 100px; text-align: right; background: #343434; color: White;}
#header .loginErrorBox h3 {color: #CA3333; font-size: 1.5em; font-weight: bold;}


#subHeader { height: 30px; margin-bottom: 10px; background: url(/i/subHeader_bg.png); }
.browserIE6 #subHeader { background: url(/i/subHeader_bg.gif); }
#subHeader P { display: inline; float: right; padding-left: 23px; margin-right: 15px; line-height: 30px; font-size: 1.4em; color: #6f6554; background: url(/i/subHeader_arrow.png) no-repeat 0 10px; }

#breadCrumb {margin-left: 10px; margin-bottom: 10px; font-size: 1.4em; color: #6f6554; text-decoration: none; }
#breadCrumb a { color: #6f6554; text-decoration: none; }


#main { display: inline-block; }
#main #mainLeftCol { float: left; width: 200px; }
#main #centreCol { float: left; width: 500px; margin: 0 20px; }
#main #mainRightCol { float: left; width: 200px; }

#mainLeftCol .leftNavPanel { margin-bottom: 5px; }
#mainLeftCol .leftNavPanel .middle { height: 53px; overflow: hidden; padding: 1px 16px 4px;  background: url(/i/leftNavPanel_middle.png); }
#mainLeftCol .leftNavPanel.open .middle { height: auto;}
#mainLeftCol .leftNavPanel .bottom { height: 21px; background: url(/i/leftNavPanel_bottom.png); }
.browserIE6 #mainLeftCol .leftNavPanel .bottom { background: url(/i/leftNavPanel_bottomIE6.png); }
#mainLeftCol .leftNavPanel LI { padding: 2px 0; font-size: 14px; line-height: 1em; }
#mainLeftCol .leftNavPanel A { color: #c7c7c7; text-decoration: none; }
#mainLeftCol .leftNavPanel A:hover { color: #ff8e2a; }
#mainLeftCol .leftNavPanel .moreButton { display: block; width: 44px; height: 12px; margin-left: 16px; line-height: 0; overflow: hidden; background: url(/i/leftNavPanel_more.gif); }
#mainLeftCol .leftNavPanel .moreButton:hover { background-position: -45px 0; }
#mainLeftCol .open .moreButton { background: url(/i/leftNavPanel_less.gif); }
#mainLeftCol .open .middle { height: auto; }
#mainLeftCol .orange .top { height: 35px; background: url(/i/leftNavPanel_top_orange.png); }
.browserIE6 #mainLeftCol .orange .top { background: url(/i/leftNavPanel_top_orangeIE6.png); }
#mainLeftCol .orange A:hover, #mainLeftCol .orange A.selected { color: #ff8e2a; }
#mainLeftCol .green .top { height: 35px; background: url(/i/leftNavPanel_top_green.png); }
.browserIE6 #mainLeftCol .green .top { background: url(/i/leftNavPanel_top_greenIE6.png); }
#mainLeftCol .green A:hover, #mainLeftCol .green A.selected { color: #61db0f; }
#mainLeftCol .blue .top { height: 35px; background: url(/i/leftNavPanel_top_blue.png); }
.browserIE6 #mainLeftCol .blue .top { background: url(/i/leftNavPanel_top_blueIE6.png); }
#mainLeftCol .blue A:hover, #mainLeftCol .blue A.selected { color: #00ccfb; }
#mainLeftCol .pink .top { height: 35px; background: url(/i/leftNavPanel_top_pink.png); }
.browserIE6 #mainLeftCol .pink .top { background: url(/i/leftNavPanel_top_pinkIE6.png); }
#mainLeftCol .pink A:hover, #mainLeftCol .pink A.selected { color: #e700cf; }

#mainLeftCol .leftNavPanel .subcategories {margin-left: 10px; font-size: 0.8em;}
#mainLeftCol .leftNavPanel .subcategories .subcategories{ font-size: 1em;}

#mainRightCol .sidePanel { margin-bottom: 5px; }
#mainRightCol .sidePanel .middle { padding: 1px 16px 4px;  background: url(/i/leftNavPanel_middle.png); }
#mainRightCol .sidePanel .bottom { height: 21px; background: url(/i/leftNavPanel_bottom.png); }
.browserIE6 #mainRightCol .sidePanel .bottom { background: url(/i/leftNavPanel_bottomIE6.png); }

#searchPanel {position: relative; z-index: 1;}
#shoppingBasket {position: relative; z-index: 2;}


#shoppingBasket .top { height: 35px; background: url(/i/shoppingBasket_top.png); }
.browserIE6 #shoppingBasket .top { background: url(/i/shoppingBasket_topIE6.png); }
#shoppingBasket.sidePanel .middle { padding: 4px 16px 0; }
#shoppingBasket .row { padding: 1px 0; }
#shoppingBasket .row .label { display: inline-block; width: 60px; margin-right: 10px; font-size: 1.1em; color: #c7c7c7; }
#shoppingBasket .row .value { font-size: 1.4em; font-weight: bold; color: #ffffff; }
#shoppingBasket P.note { margin: 5px 0 0; font-size: 1em; color: #aca188; }
#shoppingBasket .buttons { display: inline-block; margin-top: 12px; }
#shoppingBasket .buttons A { float: left; display: block; height: 20px; }
#shoppingBasket .buttons A:hover { background-position: 0 -20px; }
#shoppingBasket .editBasket { width: 78px; margin-right: 5px; background: url(/i/editBasket.gif); }
#shoppingBasket .checkout { width: 73px; background: url(/i/checkoutButton.gif); }

#informationPanel .top { height: 35px; background: url(/i/informationPanel_top.png); }
.browserIE6 #informationPanel .top { background: url(/i/informationPanel_topIE6.png); }
#informationPanel.sidePanel .middle { padding: 4px 16px 1px; }
#informationPanel LI { padding: 2px 0; font-size: 1.4em; line-height: 1em; }
#informationPanel A { color: #c7c7c7; text-decoration: none; }
#informationPanel A:hover { color: #d5b983; }

#searchPanel .top { position: relative; height: 35px; background: url(/i/searchPanel_top.png) 0 0; }
.browserIE6 #searchPanel .top { background-image: url(/i/searchPanel_topIE6.png); }
#searchPanel #searchEquipmentLink { position: absolute; top: 7px; left: 70px; display: block; width: 70px; height: 15px; }
#searchPanel #searchDiscsLink { position: absolute; top: 7px; left: 151px; display: block; width: 41px; height: 15px; }
#searchPanel.sidePanel .middle { padding: 4px 16px 1px; }
#searchPanel .TVI-form .field { padding-bottom: 7px; }
#searchPanel .TVI-form LABEL { display: block; margin-bottom: 3px; font-size: 1.1em; color: #c7c7c7; }
#searchPanel .TVI-form .textBox INPUT { width: 154px; height: 18px; padding: 0 5px; line-height: 18px; font-size: 1.2em; color: #474747; border: 2px solid #ccbfa6; background: #ffffff; }
.browserFirefox #searchPanel .TVI-form .textBox INPUT { padding-top: 1px; height: 17px; }
#searchPanel .TVI-form .select SELECT { width: 168px; height: 22px; padding: 0 0 0 3px; font-size: 1.2em; color: #474747; border: 2px solid #ccbfa6; background: #ffffff; }
#searchPanel .goButton { display: block; width: 32px; height: 21px; margin-top: 3px; background: url(/i/goButton.gif); }
#searchPanel .goButton:hover { background-position: 0 -21px; }
#searchPanel #searchDiscs { display: none; }
.karaoke #searchPanel #searchDiscs {display: block;}
.karaoke #searchPanel #searchEquipment {display: none;}
#searchPanel #searchEquipmentLink { display: none; }
.karaoke #searchPanel #searchEquipmentLink { display: block; }
.karaoke #searchPanel #searchDiscsLink { display: none; }
.karaoke #searchPanel .top {background-position: -200px 0;}



#footer { margin-top: 30px; }
#footer #footerTop { height: 28px; line-height: 0; overflow: hidden; background: url(/i/footerTop_bg.png); }
.browserIE6 #footer #footerTop { background: url(/i/footerTop_bg.gif); }
#footer #footerTop P { display: inline; float: right; padding-left: 23px; margin-right: 15px; line-height: 30px; font-size: 1.4em; color: #6f6554; background: url(/i/subHeader_arrow.png) no-repeat 0 10px; }
#footer #footerBottom { width: 938px; line-height: 25px; font-size: 1.1em; color: #a19c92; text-align: center; border: 1px solid #c3bfb5; border-top: 0; background: #f9f5ea; }
#footer #footerBottom A { font-weight: bold; color: #a19c92; text-decoration: none; }
#footer #footerBottom A:hover { color: #8c8067; }

/* Common Styles */

.price { font-size: 0.9em; font-weight: bold; text-transform: uppercase; }
.price STRONG { margin-left: 2px; font-size: 1.4em; }
.rrp { color: #5d5d5d; }
.ourPrice { color: #7e6d52; }
.salePrice { color: #c61e1e; }
.strike STRONG { text-decoration: line-through; }

.productWindow div.price {display: inline;}
.productWindow div.salePrice {color: #ffffff;}


.sectionHeader { height: 95px; margin-bottom: 5px; }
.orange .sectionHeader { background: url(/i/orangeHeader.png); }
.browserIE6 .orange .sectionHeader { background: url(/i/orangeHeader_IE6.png); }
.green .sectionHeader { background: url(/i/greenHeader.png); }
.browserIE6 .green .sectionHeader { background: url(/i/greenHeader_IE6.png); }
.blue .sectionHeader { background: url(/i/blueHeader.png); }
.browserIE6 .blue .sectionHeader { background: url(/i/blueHeader_IE6.png); }
.pink .sectionHeader { background: url(/i/pinkHeader.png); }
.browserIE6 .pink .sectionHeader { background: url(/i/pinkHeader_IE6.png); }
.musicDiscs .sectionHeader { background: url(/i/musicDiscsHeader.png); }
.browserIE6 .musicDiscs .sectionHeader { background: url(/i/musicDiscsHeader_IE6.png); }

.productWindowList { width: 500px; overflow: hidden; }
.productWindowList .row { display: inline-block; width: 510px; margin-bottom: 5px; }
.productWindowList .productWindow { float: left; width: 160px; margin-right: 10px; }
.productWindowList .productWindow .top { height: 21px; padding-left: 11px; font-size: 1em; line-height: 21px; font-weight: bold; color: #ffffff; text-transform: uppercase; }
.productWindowList .productWindow .middle {text-align: center; position: relative; padding: 4px 4px 0; background: url(/i/productWindow_middle.png); }
.productWindowList .productWindow .moreButton { position: absolute; bottom: 0; right: 4px; display: block; width: 42px; height: 12px; line-height: 0; overflow: hidden; background: url(/i/productWindow_moreButton.gif) no-repeat; }
.productWindowList .productWindow .moreButton:hover, .productWindowList .hover .moreButton { background-position: -43px 0; }
.browserIE6 .productWindowList .productWindow .moreButton { bottom: -1px; }
.productWindowList .productWindow .bottom { height: 9px; background: url(/i/productWindow_bottom.png); }
.browserIE6 .productWindowList .productWindow .bottom { line-height: 0; overflow: hidden; background: url(/i/productWindow_bottom_IE6.png); }
.orange .productWindowList .productWindow .top { background: url(/i/productWindow_orange.png); }
.browserIE6 .orange .productWindowList .productWindow .top { background: url(/i/productWindow_orange.gif); }
.green .productWindowList .productWindow .top { background: url(/i/productWindow_green.png); }
.browserIE6 .green .productWindowList .productWindow .top { background: url(/i/productWindow_green.gif); }
.blue .productWindowList .productWindow .top { background: url(/i/productWindow_blue.png); }
.browserIE6 .blue .productWindowList .productWindow .top { background: url(/i/productWindow_blue.gif); }
.pink .productWindowList .productWindow .top { background: url(/i/productWindow_pink.png); }
.browserIE6 .pink .productWindowList .productWindow .top { background: url(/i/productWindow_pink.gif); }

.featuredProductWindowList .productWindow .top { height: 28px; overflow: hidden; padding: 3px 0 0 11px; font-size: 1.1em; line-height: 1.2em; font-weight: bold; color: #ffffff; text-transform: none; }
.orange .featuredProductWindowList .productWindow .top { background: url(/i/featuredProductWindow_orange.png); }
.browserIE6 .orange .featuredProductWindowList .productWindow .top { background: url(/i/featuredProductWindow_orange.gif); }
.green .featuredProductWindowList .productWindow .top { background: url(/i/featuredProductWindow_green.png); }
.browserIE6 .green .featuredProductWindowList .productWindow .top { background: url(/i/featuredProductWindow_green.gif); }
.blue .featuredProductWindowList .productWindow .top { background: url(/i/featuredProductWindow_blue.png); }
.browserIE6 .blue .featuredProductWindowList .productWindow .top { background: url(/i/featuredProductWindow_blue.gif); }
.pink .featuredProductWindowList .productWindow .top { background: url(/i/featuredProductWindow_pink.png); }
.browserIE6 .pink .featuredProductWindowList .productWindow .top { background: url(/i/featuredProductWindow_pink.gif); }
.musicDiscs .featuredProductWindowList .productWindow .top { background: url(/i/featuredProductWindow_music.png); }
.browserIE6 .musicDiscs .featuredProductWindowList .productWindow .top { background: url(/i/featuredProductWindow_music.gif); }

.pagination { display: inline-block; float: right; width: 300px; margin: 2px 0 12px; text-align: right; }
.pagination UL { float: right; display: inline-block; }
.pagination LI { padding-left: 3px; padding-right: 3px; float: left; background: url(/i/paginationGradient.gif); }
.pagination LI A { display: inline-block; height: 18px; line-height: 18px; padding: 0 1px; font-size: 1.1em; font-weight: bold; color: #a6a6a6; text-decoration: none; }
.pagination LI A:hover, .pagination LI A.Current { color: #ffffff; }
.pagination .first, .pagination .last, .pagination .next, .pagination .previous, .pagination .viewAll {padding: 0;}

.pagination .first A { display: block; width: 21px; padding: 0 1px 0 0; background: #ffffff url(/i/paginationButtons.gif) no-repeat 0 0; }
.pagination .first A:hover { background-position: 0 -18px; } 
.pagination .previous A { display: block; width: 18px; padding: 0; margin-right: 6px; background: url(/i/paginationButtons.gif) -22px 0; }
.pagination .previous A:hover { background-position: -22px -18px; } 
.pagination .next A { display: block; width: 18px; padding: 0; margin-left: 6px; background: url(/i/paginationButtons.gif) -41px 0; }
.pagination .next A:hover { background-position: -41px -18px; } 
.pagination .last A { display: block; width: 21px; padding: 0 1px; background: #ffffff url(/i/paginationButtons.gif) no-repeat -59px 0; }
.pagination .last A:hover { background-position: -59px -18px; } 
.pagination .viewAll A { display: block; width: 57px; padding: 0; background: url(/i/paginationButtons.gif) -82px 0; }
.pagination .viewAll A:hover { background-position: -82px -18px; } 

.productList { margin-bottom: 10px; clear: both; }
.productList .top, .productList .bottom { height: 1px; line-height: 0; overflow: hidden; background: url(/i/productList_top.gif); }
.productList .middle { display: inline-block; width: 500px; background: url(/i/productList_middle.png); }
.productList.noProducts .middle { display: inline-block; width: 500px; background: white; border: 1px solid lightgrey;}
.productList .middle .col1 {text-align: center; float: left; width: 92px; padding: 3px 4px; position: relative; }
.saleBanner {position: absolute; right: 0; bottom: 0;}

 /* background: url(/i/imageborder.png); }*/
.productList .middle .col2 { float: left; width: 246px; padding: 10px 14px; }
.productList .middle .col3 { float: left; width: 117px; padding: 7px 9px 0 0; text-align: right; }
.productList.noProducts .middle .col2 {margin: auto; float: none; width: 156px;}
.productList a {color: #474747;}
.productList a:hover h3{text-decoration: underline;}
.productList .title { margin-bottom: 4px; font-size: 1.8em; line-height: 1em; color: #776953; }
.productList .col2 P { font-size: 1.2em; color: #474747; }
.productList .moreButton { float: right; display: block; width: 54px; height: 20px; margin-top: 3px; background: url(/i/productList_more.gif); }
.productList .moreButton:hover { background-position: 0 -20px; }

#sortResults { float: left; width: 170px; margin: 2px 0 12px; }
#sortResults .select SELECT { width: 168px; height: 22px; padding: 0 0 0 3px; font-size: 1.2em; color: #474747; border: 2px solid #ccbfa6; background: #ffffff; }

.productPageHeader { height: 11px; line-height: 0; overflow: hidden; }
/* .orange .productPageHeader { background: url(/i/productPageHeader_orange.png); } */
.orange .productPageHeader { background: url(/i/generalheader2.png); }
/* .browserIE6 .orange .productPageHeader { background: url(/i/productPageHeader_orange.gif); } */
.browserIE6 .orange .productPageHeader { background: url(/i/generalheader2.gif); }
.green .productPageHeader { background: url(/i/productPageHeader_green.png); }
.browserIE6 .green .productPageHeader { background: url(/i/productPageHeader_green.gif); }
.blue .productPageHeader { background: url(/i/productPageHeader_blue.png); }
.browserIE6 .blue .productPageHeader { background: url(/i/productPageHeader_blue.gif); }
.pink .productPageHeader { background: url(/i/productPageHeader_pink.png); }
.browserIE6 .pink .productPageHeader { background: url(/i/productPageHeader_pink.gif); }

.productDetails { display: inline-block; width: 460px; padding: 19px 20px 18px; background: url(/i/productPage_upperBG.png); }

.productGallery { float: left; width: 212px; padding: 4px 4px 1px; overflow: hidden; margin-right: 20px; }
.productGallery .thumbnails { display: inline-block; width: 220px; padding: 4px 0 0; }
.productGallery .thumbnails A { position: relative; float: left; display: block; padding: 0 3px 3px 0; }
.productGallery .thumbnails A .rollover { position: absolute; top: 0; left: 0; display: block; width: 40px; height: 40px; background: url(/i/galleryThumb_rollover.png); }
.browserIE6 .productGallery .thumbnails A .rollover { display: none; }
.productGallery .thumbnails A.selected .rollover { display: none; }
.productGallery .thumbnails A.rollover .rollover { display: none; }
.productGallery .thumbnails .emptyThumb { float: left; display: inline; width: 40px; height: 40px; margin: 0 3px 3px 0; background: #464646; }
.productGallery .thumbnails .thumbnail img {width: 40px; height: 40px;}

/* .productDescription { float: left; width: 220px; } */
.productDescription .title { margin-bottom: 8px; font-size: 1.8em; line-height: 1em; color: #776953; }
.productDescription .prices { display: inline-block; margin: 0 0 10px; }
.productDescription .prices .price { float: left;  margin: 0; margin-right: 20px; }
.productDescription .prices .price STRONG { display: block; }
.productDescription .brand { margin-bottom: 4px; font-size: 1.2em; font-weight: bold; color: #7e6d52; }
.productDescription .variantSelect .select SELECT { width: 220px; height: 22px; padding: 0 0 0 3px; font-size: 1.2em; color: #474747; border: 2px solid #ccbfa6; background: #ffffff; }
.productDescription P { margin: 5px 0; font-size: 1.2em; color: #474747; }
.stockBasket {width: 205px; padding: 10px 0 15px 14px; display: inline-block; }
.productDescription .stockBasket .stockLevel { float: left; margin-right: 19px; padding-top: 3px; font-size: 1.2em; font-weight: bold; color: #049f00; }
.productDescription .stockBasket .stockLevel.inStock { color: #049f00; }
.productDescription .stockBasket .stockLevel.outStock { color: #c61e1e; width: 220px; margin-bottom: 7px;}
.productDescription .stockBasket .TVI-form { float: left; width: 47px; }
.productDescription .stockBasket .TVI-form .textBox INPUT { width: 24px; height: 18px; line-height: 18px; font-size: 1.2em; color: #474747; text-align: center; border: 1px solid #c6c1b5; }
.browserFirefox .productDescription .stockBasket .TVI-form .textBox INPUT { padding-top: 1px; height: 17px; }
.productDescription .stockBasket .addToBasket { float: left; display: block; width: 104px; height: 20px; margin-left: 3px; background: url(/i/addToBasket.gif); }
.productDescription .stockBasket .addToBasket:hover { background-position: 0 -20px; }
.productDescription p { display: block; }
.productDescription .features { display: block; }

.productDetails_lower { display: inline-block; width: 460px; padding: 21px 20px 18px; margin-bottom: 10px; border-bottom: 1px solid #c6c1b5; background: url(/i/productPage_lowerBG.png); }
.productDetails_lower .title { margin-bottom: 8px; font-size: 1.8em; line-height: 1em; color: #776953; }
.productDetails_lower P { margin: 10px 0; font-size: 1.2em; color: #474747; }
.productDetails_lower .video { float: left; margin-right: 20px; }
.productDetails_lower .video OBJECT, .productDetails_lower .video EMBED { width: 220px; height: auto; }

ul.features {margin-left: 30px;}
ul.features li {list-style-type: disc; font-weight: bold; font-size: 1.2em;}

.musicCategory { position: relative; width: 466; height: 38px; padding: 0 16px; margin: 6px 0 10px; border: 1px solid #c6c1b5; background: #ffffff; }
.musicCategory .moreButton { position: absolute; top: 9px; right: 10px; display: block; width: 54px; height: 20px; background: url(/i/musicCategory_more.gif); }
.musicCategory .moreButton:hover { background-position: -54px 0; }

.musicDiscs { width: 500px; overflow: hidden; }

.musicList { display: inline-block; width: 550px; }
.browserIE6 .musicList, .browserIE7 .musicList { margin-bottom: 15px; }
.musicList .musicListItem { float: left; width: 240px; margin: 0 20px 10px 0; }

.musicList .musicListItem .top, .musicList .musicListItem .bottom { height: 1px; line-height: 0; overflow: hidden; background: url(/i/musicList_top.gif); }
.musicListItem .middle { display: inline-block; width: 240px; background: url(/i/musicList_middle.png); }
.musicListItem .middle .col1 { float: left; width: 62px; padding: 3px 4px; }
.musicListItem .middle .col2 { float: left; width: 142px; padding: 7px 14px 5px; }
.musicListItem .title { margin-bottom: 2px; font-size: 1.4em; line-height: 1em; color: #776953; }
.musicListItem P { margin-bottom: 2px; font-size: 1.1em; line-height: 1em; color: #474747; }
.musicListItem .price { font-size: 0.85em; }
.musicListItem .price STRONG { margin: 0; }

.discOverview { margin-bottom: 10px; clear: both; }
.discOverview .top { height: 11px; line-height: 0; overflow: hidden; background: url(/i/discOverview_top.png); }
.browserIE6 .discOverview .top { background: url(/i/discOverview_top.gif); }
.discOverview .middle { display: inline-block; width: 460px; padding: 13px 19px 15px; border: 1px solid #c6c1b5; border-top: 0; background: #ffffff; }
.discOverview .middle .col1 { float: left;  padding: 4px; background: url(/i/discOverview.png); }
.discOverview .middle .col2 { float: left; padding: 0 0 0 14px; width: 300px; }
.discOverview .middle .col3 { float: left; padding: 0; text-align: right; }
.discOverview .title { margin-bottom: 4px; font-size: 1.8em; line-height: 1em; color: #776953; }
.discOverview .col2 P { font-size: 1.2em; color: #474747; }

.discInformation { margin-bottom: 10px; }
.discInformation .top { position: relative; height: 11px; background: url(/i/discOverview_top.png); }
.browserIE6 .discInformation .top { background: url(/i/discInformation_top.gif); }
.discInformation .top .discTracksLink { position: absolute; left: 24px; top: 6px; display: block; width: 95px; height: 16px; }
.discInformation .top .discDetailsLink { position: absolute; left: 129px; top: 6px; display: block; width: 95px; height: 16px; }
.discInformation .middle { width: 460px; padding: 5px 19px; border: 1px solid #c6c1b5; border-top: 0; background: #ffffff; }
.discInformation .discTracks { display: inline-block; }
.discInformation .discTracks .col1 { float: left; width: 240px; margin-right: 20px;  }
.discInformation .discTracks .col2 { float: left; width: 200px; }
.discInformation .discTracks .title { margin-bottom: 10px; }
.discInformation .title { margin-bottom: 5px; font-size: 1.8em; color: #776953; }
.discInformation A.col1, .discInformation A.col2 { margin-bottom: 2px; font-size: 1.2em; color: #474747; }
.discInformation A.col1, .discInformation A.col2 { color: #474747; text-decoration: none; }
.discInformation P { margin: 4px 0; font-size: 1.2em; color: #474747; }
.discInformation .discDetails { display: none; padding: 20px 0 10px; }

.relatedDiscs { height: 30px; margin-bottom: 5px; background: url(/i/relatedDiscs.png); }
.browserIE6 .relatedDiscs { background: url(/i/relatedDiscs.gif); }

.checkout .header { position: relative; height: 80px; background: url(/i/checkoutHeader.png); }
.browserIE6 .checkout .header { background: url(/i/checkoutHeader.gif); }
.checkout .checkoutStage { position: absolute; top: 52px; left: 15px; width: 473px; height: 20px; background: url(/i/checkoutStage.gif); }
.checkout .checkoutStage1 { background-position: 0 0; }
.checkout .checkoutStage2 { background-position: 0 -20px; }
.checkout .checkoutStage3 { background-position: 0 -40px; }
.checkout .title { margin-bottom: 7px; font-size: 1.8em; color: #776953; }
.checkout P { font-size: 1.2em; color: #474747; }

.registerLogin, .billingDelivery { display: inline-block; width: 460px; padding: 13px 19px 15px; border: 1px solid #c6c1b5; border-top: 0; background: #ffffff; }
.registerLogin .register { float: left; width: 230px; }
.registerLogin .login { float: left; width: 230px; }
.registerLogin .TVI-form .field { padding-bottom: 5px; }
.registerLogin .TVI-form LABEL { display: block; margin-bottom: 1px; font-size: 1.2em; color: #474747; }
.registerLogin .TVI-form .textBox INPUT { width: 174px; height: 18px; padding: 0 5px; line-height: 18px; font-size: 1.2em; color: #474747; border: 2px solid #ccbfa6; background: #ffffff; }
.browserFirefox .registerLogin .TVI-form .textBox INPUT { padding-top: 1px; height: 17px; }
.registerLogin .TVI-form .select SELECT { width: 188px; height: 22px; padding: 0 0 0 3px; font-size: 1.2em; color: #474747; border: 2px solid #ccbfa6; background: #ffffff; }
.registerLogin .registerButton { display: block; width: 77px; height: 20px; margin-top: 15px; background: url(/i/registerButton.gif); } 
.registerLogin .registerButton:hover { background-position: 0 -20px; }
.registerLogin .loginButton { display: block; width: 77px; height: 20px; margin-top: 15px; background: url(/i/loginButton.gif); } 
.registerLogin .loginButton:hover { background-position: 0 -20px; }

.billingDelivery .TVI-form { margin-bottom: 20px; }
.billingDelivery .TVI-form .field { padding-bottom: 5px; }
.billingDelivery .TVI-form LABEL { display: block; margin-bottom: 1px; font-size: 1.2em; color: #474747; }
.billingDelivery .TVI-form .textBox INPUT { width: 274px; height: 18px; padding: 0 5px; line-height: 18px; font-size: 1.2em; color: #474747; border: 2px solid #ccbfa6; background: #ffffff; }
.browserFirefox .billingDelivery .TVI-form .textBox INPUT { padding-top: 1px; height: 17px; }
.billingDelivery .TVI-form .select SELECT { width: 288px; height: 22px; padding: 0 0 0 3px; font-size: 1.2em; color: #474747; border: 2px solid #ccbfa6; background: #ffffff; }

.addressSelect .TVI-form { margin: 15px 0; }
.addressSelect .checkBox { margin: 10px 0 0 0; display: inline-block; }
.addressSelect .checkBox INPUT { float: left; margin-right: 10px; }
.addressSelect .checkBox LABEL { float: left; width: 400px; }

.checkout .nextButton { display: block; width: 77px; height: 20px; margin-top: 15px; background: url(/i/nextButton.gif); } 
.checkout .nextButton:hover { background-position: 0 -20px; }

.checkout .printInvoiceButton { display: block; width: 92px; height: 20px; margin-top: 15px; background: url(/i/printOrderButton.gif); } 
.checkout .printInvoiceButton:hover { background-position: 0 -20px; }

.confrimOrder { display: inline-block; width: 460px; padding: 13px 19px 15px; margin-bottom: 15px; border: 1px solid #c6c1b5; border-top: 0; background: #ffffff; }
.confrimOrder p {margin-top: 8px; margin-bottom: 10px;}
.confrimOrder .col1 { float: left; width: 230px; }
.confrimOrder .col2 { float: left; width: 230px; }

.checkout .editButton { display: block; width: 36px; height: 15px; margin-top: 10px; background: url(/i/editButton.gif); } 
.checkout .editButton:hover { background-position: 0 -15px; }

.checkout .productList { margin-bottom: 5px; }
.checkout .productList .col2 { width: 187px; }
.checkout .productList .col3 { width: 175px; }
.checkout .productList .TVI-form { display: inline-block; float: right; margin-top: 5px; }
.checkout .productList .TVI-form .field { float: left; margin-right: 3px; }
 .TVI-form .updateButton { float: left; margin-right: 3px; }
 .TVI-form .deleteButton { float: left; }

.checkout .productList { margin-bottom: 15px; }
.checkout .productList .TVI-form .textBox INPUT { width: 24px; height: 18px; line-height: 18px; font-size: 1.2em; color: #474747; text-align: center; border: 1px solid #c6c1b5; }
.browserFirefox .checkout .productList .TVI-form .textBox INPUT { padding-top: 1px; height: 17px; }
.deleteButton { display: block; width: 56px; height: 20px; background: url(/i/deleteButton.gif); }
.deleteButton:hover { background-position: 0 -20px; }

.checkout .paymentBox { display: inline-block; border: 1px solid #c6c1b5; background: url(/i/paymentBox_bg.png); }
.checkout .paymentBox .col1 { float: left; width: 182px; padding: 14px; }
.checkout .paymentBox .col2 { float: left; width: 260px; padding: 14px; }
.checkout .paymentBox .TVI-form LABEL { display: block; margin-bottom: 4px; font-size: 1.2em; font-weight: bold; color: #776953; }
.checkout .paymentBox .TVI-form .textBox INPUT { float: left; width: 141px; height: 18px; line-height: 18px; padding-left: 4px; font-size: 1.2em; color: #474747; border: 2px solid #8f8675; }
.browserFirefox .checkout .paymentBox .TVI-form .textBox INPUT { padding-top: 1px; height: 17px; }
.checkout .paymentBox .TVI-form .goButton { float: left; display: block; width: 26px; height: 22px; background: url(/i/promoCode_go.gif); }
.checkout .paymentBox .TVI-form .goButton:hover { background-position: 0 -22px; }
.checkout .paymentBox .col2 .label { display: inline-block; width: 150px; font-size: 1em; font-weight: bold; color: #776953; }
.checkout .paymentBox .col2 .price { font-size: 1.2em; font-weight: bold; color: #474747; }
.checkout .paymentBox .makePayment { display: block; width: 111px; height: 20px; margin: 10px 0 0 150px; background: url(/i/makePayment.gif); }
.checkout .paymentBox .makePayment:hover { background-position: 0 -20px; }

.updateButton { display: block; width: 63px; height: 20px; background: url(/i/updateButton.gif); }
.updateButton:hover { background-position: 0 -20px; }

.generalPage .header, .searchPage .header { height: 26px; background: url(/i/generalHeader.png); }
.browserIE6 .generalPage .header { background: url(/i/generalHeader.gif); }
.generalPage .intro { padding: 10px 14px; border: 1px solid #c6c1b5; border-top: 0; border-bottom: 0; background: #e9e4d7; }
.generalPage .content {position: relative; padding: 10px 14px; border: 1px solid #c6c1b5; border-top: 0; background: #fdfcf9; }
.generalPage H1, .searchPage H1 { padding-left: 16px; line-height: 26px; font-size: 1.4em; font-weight: bold; color: #ffffff; text-transform: uppercase; }
.generalPage H2 { margin: 0 0 8px; font-size: 1.8em; color: #776953; }
.generalPage H3 { margin: 15px 0 5px; font-size: 1.5em; color: #776953; }
.generalPage P { margin: 8px 0; font-size: 1.2em; color: #474747; }
.generalPage .TVI-form { margin: 20px 0; }
.generalPage .field { margin-bottom: 8px; }
.generalPage .textBox LABEL, .generalPage .textArea LABEL, .generalPage .select LABEL{ display: inline-block; width: 100px; margin-right: 5px; padding-top: 4px; vertical-align: top; font-size: 1.2em; font-weight: bold; color: #776953; }
.generalPage .checkBox LABEL  { display: inline-block; margin-right: 5px; padding-top: 4px; vertical-align: top; font-size: 1.2em; font-weight: bold; color: #776953; }
.generalPage .textBox INPUT { width: 268px; height: 18px; line-height: 18px; padding: 0 4px; font-size: 1.2em; color: #474747; border: 2px solid #8f8675; }
.browserFirefox .generalPage .textBox INPUT { padding-top: 1px; height: 17px; }
.generalPage .textArea TEXTAREA {resize: none; width: 272px; height: 100px; overflow: auto; padding: 4px 0 4px 4px; font-size: 1.2em; color: #474747; border: 2px solid #8f8675; }
.generalPage .TVI-form .button { display: inline-block; width: 389px; padding-top: 5px; }
.generalPage .TVI-form .button A { float: right; display: block; height: 20px; }
.generalPage .TVI-form .button A:hover { background-position: 0 -20px; }
.generalPage .TVI-form .sendMessage { width: 66px; background: url(/i/submitButton.gif); }

.generalPage .TVI-form .registerButton { width: 77px; background: url(/i/registerButton.gif); }
.generalPage .checkBox { margin: 0 0 0 108px; }
.browserIE6 .generalPage .checkBox, .browserIE7 .generalPage .checkBox { margin-left: 105px; }
.generalPage .checkBox INPUT { margin-right: 5px; }
.generalPage .checkBox LABEL { position: relative; top: -1px; font-size: 1.2em; }
.generalPage TABLE { margin: 15px 0 0; }
.generalPage TABLE TD, .generalPage TABLE TH { padding: 5px 20px; font-size: 1.2em; border: 1px solid #8f8675; }
.generalPage TABLE TD { color: #474747; }
.generalPage TABLE TH { font-weight: bold; color: #80735e; }
.generalPage .select SELECT { width: 278px; height: 22px; padding: 0 0 0 3px; font-size: 1.2em; color: #474747; border: 2px solid #8f8675; background: #ffffff; }

.TVI-form .submit {position: relative; left: 108px; display: block; width: 66px; height: 20px; margin-top: 15px; margin-bottom: 20px; background: url(/i/submitButton.gif); } 
.TVI-form .submit:hover { background-position: 0 -20px; }

#glossarySelect { width: 466px; overflow: hidden; margin-bottom: 10px; }
#glossarySelect UL { width: 468px; }
#glossarySelect LI { float: left; margin-right: 2px; text-align: center; }
#glossarySelect LI A { display: block; width: 15px; height: 16px; padding: 2px 0 0 1px; font-size: 1.1em; font-weight: bold; color: #534d46; text-decoration: none; background: url(/i/glossarySelect.gif); }
#glossarySelect LI A:hover, #glossarySelect LI A.selected { color: #ffffff; background-position: 0 -18px; }

.glossarySection { display: none; }
#glossarySectionA { display: block; }

.generalPage .faqPage { padding-top: 0; padding-bottom: 50px; }
.faqPage H2 { padding-top: 10px; margin-left: 29px; font-size: 2em; color: #3b3b3b; }
.faq { margin: 3px 0; }
.faq .question { display: inline-block; height: 20px; line-height: 20px; padding: 1px 0 0 29px; font-size: 1.4em; font-weight: bold; color: #776953; cursor: pointer; background: url(/i/faq_arrows.gif) no-repeat 0 0; }
.faq .answer { display: none; margin: 3px 0 0; font-size: 1.2em; color: #474747; padding: 0 0 8px 29px; }


/* Home Page Styles */

.homepage .row { display: inline-block; margin-bottom: 14px; }
.homepage .sectionBox { float: left; width: 240px; }
.homepage .sectionBox .top { height: 100px; padding: 11px 0 9px; }
.homepage .sectionBox .middle { padding: 6px 16px 10px; background: url(/i/homepageSectionBox_middle.png); }
.homepage .sectionBox .middle .title { height: 41px; overflow: hidden; margin-bottom: 7px; }
.homepage .sectionBox .middle P { font-size: 1.4em; color: #c7c7c7; }
.homepage .sectionBox .middle .enterStore { display: block; width: 129px; height: 15px; margin-top: 10px; }
.homepage .sectionBox .bottom { height: 10px; background: url(/i/homepageSectionBox_bottom.png); }
.browserIE6 .homepage .sectionBox .bottom { line-height: 0; overflow: hidden; background: url(/i/homepageSectionBox_bottom_IE6.png); }

.homepage .sectionBox.orangeSectionBox { margin-right: 20px; }
.homepage .sectionBox.orangeSectionBox .top { background: url(/i/homepageSectionBox_orange.png); }
.browserIE6 .homepage .sectionBox.orangeSectionBox .top { background: url(/i/homepageSectionBox_orange_IE6.png); }
.homepage .sectionBox.orangeSectionBox .middle .enterStore { background: url(/i/enterStore_orange.png); }
.homepage .sectionBox.greenSectionBox .top { background: url(/i/homepageSectionBox_green.png); }
.browserIE6 .homepage .sectionBox.greenSectionBox .top { background: url(/i/homepageSectionBox_green_IE6.png); }
.homepage .sectionBox.greenSectionBox .middle .enterStore { background: url(/i/enterStore_green.png); }
.homepage .sectionBox.blueSectionBox { margin-right: 20px; }
.homepage .sectionBox.blueSectionBox .top { background: url(/i/homepageSectionBox_blue.png); }
.browserIE6 .homepage .sectionBox.blueSectionBox .top { background: url(/i/homepageSectionBox_blue_IE6.png); }
.homepage .sectionBox.blueSectionBox .middle .enterStore { background: url(/i/enterStore_blue.png); }
.homepage .sectionBox.pinkSectionBox .top { background: url(/i/homepageSectionBox_pink.png); }
.browserIE6 .homepage .sectionBox.pinkSectionBox .top { background: url(/i/homepageSectionBox_pink_IE6.png); }
.homepage .sectionBox.pinkSectionBox .middle .enterStore { background: url(/i/enterStore_pink.png); }

.contactForm .error {display: none; color: Red; font-weight: bold;}
#map {position: absolute; right: 15px; top: 40px; width: 260px; height: 200px;}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}


.musicSearch .top { height: 32px; background: url(../i/musicSearchHeader.gif); }
.musicSearch .summary { padding: 5px 15px 5px; font-size: 1.2em; color: #ffffff; background: #361b7c; }
.musicSearch .summary .item { margin-bottom: 5px; }
.musicSearch .summary .label { float: left; margin-right: 10px; color: #bdb4f2; }
.musicSearch .middle { padding: 2px 15px; border: 1px solid #c6c1b5; background: #ffffff; }
.musicSearch P { margin: 8px 0; font-size: 1.2em; line-height: 1.3em; color: #474747; }
.musicSearch P.noResults { font-size: 1.7em; color: #643bb6; }
.musicSearch P.tracksMatched { font-size: 1.1em; font-weight: bold; color: #776953; }
.musicSearch P.moreThan30 { font-size: 1.1em; color: #474747; }
.musicSearch P.moreThan30 A { font-weight: bold; color: #7e6d52; }
.musicSearch P.moreThan30 A:hover { color: #9f8c6d; }
.musicSearch TABLE { width: 470px; border: 1px solid #8f8675; margin-bottom: 10px; }
.musicSearch TABLE TH, .musicSearch TABLE TD { padding: 0 5px; }
.musicSearch TABLE TH { line-height: 20px; font-size: 1.1em; font-weight: bold; color: #ffffff; background: #4a4a4a url(../i/musicSearch_TH.gif) repeat-x 0 100%; }
.musicSearch TABLE TD { line-height: 20px; font-size: 1.1em; font-weight: bold; color: #474747; background: #f2efe8; }
.musicSearch TABLE .odd TD { background: #e9e4d7; }
.musicSearch TABLE A { color: #474747; text-decoration: underline; }
.musicSearch TABLE A:hover { color: #7a6c6c; }
.musicSearch TABLE TH.discs {width: 60px;}
.musicSearch TABLE TD.matched {color: #7A37EB;}

.mainImg {position: relative;}
