/* Template Styles */

body {font-size: 62.5%; font-family: Arial, Tahoma, Verdana, Sans-Serif; background: #4164a8 url(/i/header.jpg) repeat-x 50% 0;}
.clear, .Clear{clear: both; font-size: 0; line-height: 0; height: 0; }

#header { position: relative; height: 150px; width: 940px; margin: 0 auto; }
#headerLink A { position: absolute; left: 0; top: 54px; display: block; width: 283px; height: 85px; }
#headerAnimation { position: absolute; right: -20px; top: 0; }

.mainNav { position: absolute; top: 102px; left: 291px; }
.mainNav .mainNavItem { position: relative; float: left; height: 48px; overflow: hidden; }
.mainNav .mainNavItem A { display: block; height: 27px; background: url(../i/mainNav.gif); }
.mainNav .home A { width: 50px; background-position: 0 0; }
.mainNav .home A:hover, .mainNav .home.selected A { background-position: 0 -27px; }
.mainNav .karaoke A { width: 100px; background-position: -50px 0; }
.mainNav .karaoke A:hover { background-position: -50px -27px; }
.mainNav .services A { width: 64px; background-position: -149px 0; }
.mainNav .services A:hover { background-position: -149px -27px; }
.mainNav .faq A { width: 32px; background-position: -212px 0; }
.mainNav .faq A:hover { background-position: -212px -27px; }
.mainNav .about A { width: 49px; background-position: -246px 0; }
.mainNav .about A:hover { background-position: -246px -27px; }
.mainNav .contact A { width: 62px; background-position: -296px 0; }
.mainNav .contact A:hover { background-position: -296px -27px; }

.mainNav .mainNavItem .mainNavOverlay { position: absolute; bottom: 0; left: 0; height: 6px; margin: 0 4px; width: 100px; display: block; line-height: 0; overflow: hidden; background: #314f8c; }
.mainNav .selected .mainNavOverlay { height: 23px; background: #839bc2; }

#master { width: 940px; margin: 0 auto 0; }
#masterContainer { display: inline-block; }
#master .masterOuterColumn { float: left; width: 220px; }
#master .masterInnerColumn { float: left; width: 480px; margin: 10px 10px 0; }

.masterOuterColumn .columnBox { margin: 10px 0; }
.masterOuterColumn .columnBox .top { height: 36px; }
.masterOuterColumn .columnBox .middle { padding: 5px 16px 12px; background: #ffffff; }
.masterOuterColumn .columnBox .bottom { height: 13px; line-height: 0; overflow: hidden; background: #ffffff url(/i/outerColumnBox_bottom.gif) no-repeat 0 100%; }

/* subcategories on browse page */
.masterInnerColumn .contentBox .middle .subcategories {margin-bottom: 10px; display: inline-block;}
.masterInnerColumn .contentBox .middle .subcategories li { display: block; float: left; margin-right: 10px; font-size: 1.1em; font-weight: bold;}
.masterInnerColumn .contentBox .middle .subcategories li a {text-decoration: none; color: #3C63CC; }
.masterInnerColumn .contentBox .middle .text {color: #7C8DA6; font-size: 1.1em;}

.masterOuterColumn .columnBox .field { margin-bottom: 7px; }
.masterOuterColumn .columnBox .textbox INPUT { height: 19px; width: 170px; padding: 4px 9px 0; font-size: 1.2em; color: #2358c0; border: none; background: url(/i/columnInput_bg.gif); }
.masterOuterColumn .columnBox .select { height: 23px; width: 188px; background: transparent url(/i/columnInput_bg.gif); }
.masterOuterColumn .columnBox .select SELECT { width: 186px; padding: 4px 0 0 4px; font-size: 1.2em; color: #2358c0; border: none; background: transparent; }
.browserIE .masterOuterColumn .columnBox .select SELECT { width: 182px; position: relative; top: 2px; left: 2px; margin: 0; }
.browserIE8 .masterOuterColumn .columnBox .select SELECT { top: 0px; left: 2px; }
.browserSafari .masterOuterColumn .columnBox .select SELECT {width: 184px; margin: 4px 0 0 3px; }
.browserFirefox .masterOuterColumn .columnBox .select OPTION { background: #ffffff; }
.masterOuterColumn .columnBox .checkbox { height: 23px; background: url(/i/checkbox_bg.gif) no-repeat; }
.masterOuterColumn .columnBox .checkbox INPUT { margin: 5px 0 0 5px; }
.browserIE .masterOuterColumn .columnBox .checkbox INPUT { margin: 1px 0 0 1px; }
.browserIE8 .masterOuterColumn .columnBox .checkbox INPUT { margin: 5px 0 0 5px; }
.masterOuterColumn .columnBox .checkbox LABEL { position: relative; top: -2px; left: 10px; font-size: 1.1em; color: #6699ff; }
.browserIE .masterOuterColumn .columnBox .checkbox LABEL { top: -1px; left: 8px; }
.browserIE8 .masterOuterColumn .columnBox .checkbox LABEL { top: -2px; left: 10px; }
.masterOuterColumn .columnBox P { margin: 0 0 8px; font-size: 1.1em; color: #6699ff; }
.masterOuterColumn .columnBox A { font-weight: bold; color: #3870e1; }
.masterOuterColumn .columnBox A:hover { color: #6791e5; }

.masterOuterColumn .promoBox { margin: 10px 0; position: relative;}

#search .top { height: 30px; background: url(/i/searchColumnBox_top.gif); }
#search .middle { padding: 0; }
#search #searchTabs { position: relative; height: 37px; background: url(/i/searchTabs.gif) 0 -37px; }
#search #searchTabs #productsSearchTab { position: absolute; top: 0; left: 0; display: block; width: 91px; height: 26px; }
#search #searchTabs #karaokeDiscsSearchTab { position: absolute; top: 0; left: 92px; display: block; width: 128px; height: 26px; }
#search #productsSearch { padding: 5px 16px 3px; background: #ffffff url(/i/productSearch_bg.jpg) no-repeat 0 100%; }
#search #karaokeDiscsSearch { padding: 5px 16px 3px; background: #ffffff url(/i/karaokeDiscsSearch_bg.jpg) no-repeat 0 100%; }

#categories .top { background: url(/i/categoriesColumnBox_top.gif); }
#categories .middle { padding-bottom: 55px; background: #ffffff url(/i/categoriesColumnBox_middle.jpg) no-repeat 0 100%; }
#categories LI { margin-bottom: 2px; position: relative; }
#categories LI A { display: block; height: 19px; padding: 2px 0 0 9px; font-size: 1.2em; font-weight: normal; color: #2358c0; text-decoration: none; background: url(/i/categoriesNav_bg.gif); }
#categories LI A:hover, #categories LI.selected A { color: #ffffff; background-position: 0 -21px; }
#categories LI .subCatClosed {position: absolute; right: 0; top: -6px; margin-top: 3px; margin-right: 2px; height: 17px; width: 14px; font-size: 1.7em; font-weight: bold;}

#categories .subcategories { margin-bottom: 10px; display: none;}
#categories  .selected .subcategories { margin-bottom: 10px; display: block;}
#categories .subcategories LI {}
#categories .subcategories LI A {font-weight: bold; color:#3C63CC;  text-decoration: none; background: none; height: 10px;}
#categories .subcategories LI A:hover {text-decoration: underline; color: #153972;}
#categories .subcategories LI.selected A,.subcategories LI.selected A:hover {text-decoration: none; color: #7C8DA6;}


#basket .top { background: url(/i/basketColumnBox_top.gif); }
#basket .top UL { padding: 3px 0 0 143px; }
#basket .top LI { float: left; }
#basket .top LI A { display: block; width: 23px; height: 23px; background: url(/i/basketCurrencies.gif); }
#basket .top LI A.sterling { background-position: 0 0; }
#basket .top LI A.sterling:hover, #basket .top LI.selected A.sterling { background-position: -73px 0; }
#basket .top LI A.dollar { background-position: -24px 0; }
#basket .top LI A.dollar:hover, #basket .top LI.selected A.dollar { background-position: -97px 0; }
#basket .top LI A.euro { background-position: -47px 0; }
#basket .top LI A.euro:hover, #basket .top LI.selected A.euro { background-position: -120px 0; }
#basket .middle { padding: 2px 0; background: #ffffff url(/i/basket_bg.jpg) no-repeat 0 100%; }
.basketItem { display: inline-block; overflow: hidden; padding: 0 16px; margin: 3px 0 0; background: url(/i/basketItemPanel_bg.gif) repeat-y; }
.basketItem .column1 { float: left; width: 40px; }
.basketItem .column2 { float: left; width: 110px; margin-left: 5px; padding-top: 5px; }
.basketItem .column3 { float: left; width: 30px; padding: 4px 0 0 2px; }
.basketItem .itemTitle { margin-bottom: 2px; font-size: 1.1em; font-weight: bold; color: #2a458e; }
.basketItem .itemPrice { font-size: 1.1em; color: #3c63cc; }
.basketItem .textbox LABEL { padding-left: 2px; font-size: 1.1em; font-weight: bold; color: #8ea5b8; }
.browserFirefox .basketItem .textbox LABEL { position: relative; bottom: 1px; }
.browserIE8 .basketItem .textbox LABEL { position: relative; bottom: 1px; }
.masterOuterColumn .basketItem .textbox INPUT, #checkout .basketItem .textbox INPUT { background: #ffffff; border: 1px solid #a4bed3; color:#475d78; font-size: 1.1em; height: 13px; padding: 0px 4px 0; width: 9px; }
 #checkout .basketItem .field {margin-bottom: 7px;}
.basketUpdate { float: left; position: relative; top: -3px;  }
.basketUpdate A { display: block; width: 15px; height: 15px; background: url(/i/basketUpdate.gif); }
.basketUpdate A:hover { background-position: 0 -15px; }
.basketDelete { float: left; position: relative; top: -3px; left: 2px; }
.basketDelete A { display: block; width: 15px; height: 15px; background: url(/i/basketDelete.gif); }
.basketDelete A:hover { background-position: 0 -15px; }
.basketAmount { display: inline-block; padding: 4px 16px; font-size: 1.1em; color: #6699ff; }
.basketAmount .column1 { float: left; width: 138px; }
.basketAmount .column2 { float: left; width: 50px; text-align: right; }
#basketPostage { margin-top: 4px; color: #6699ff; }
#basketTotal { font-weight: bold; color: #3c63cc; border-top: 1px solid #ccd8e1; }
.basketCheckout { margin: 16px 16px 12px; }
.basketCheckout A { display: block; width: 97px; height: 23px; background: url(/i/basketCheckoutButton.gif); }
.basketCheckout A:hover { background-position: 0 -23px; }
#basket .middle p {height: 80px; padding: 5px; text-align: center; margin: 0;}

#yourAccount .top { background: url(/i/yourAccountColumnBox_top.gif); }
#yourAccount .middle { background: #ffffff url(/i/yourAccount_bg.jpg) no-repeat 0 100%; }
#yourAccount .bottom { height: auto; padding: 10px 16px; line-height: 0.7em;  }

#newsLetter .top { background: url(/i/newsletterColumnBox_top.gif); }
#newsLetter .middle {padding-bottom: 0px;}

#footer { height: 80px; margin: 20px 0 0 0; background: #273f76 url(/i/footer_bg.gif) repeat-x; }
#footerContainer { width: 940px; margin: 0 auto; padding: 10px 0 0 0; text-align: center; }

#footer UL { display: inline; margin: 0 6px; }
#footer LI { display: inline; margin: 0 4px; font-size: 1.1em; color: #5d82d1; }
#footer LI A { color: #aed0ff; font-weight: bold; text-decoration: none; }


/* Common Styles */

.imgLeft { float: left; margin: 0 15px 15px 0; }
.imgRight { float: right; margin: 0 0 15px 15px; }

.error {font-weight: bold; color: Red;}

.displayInline {display: inline;}

.masterInnerColumn .promo { margin: 10px 0; }

.contentBox .top { height: 36px; padding-left: 15px; background: url(/i/contentBox_top.gif); }
.contentBox .middle { padding: 8px 15px 15px; background: #ffffff; }
.contentBox .bottom { height: 7px; line-height: 0; overflow: hidden; background: url(/i/contentBox_bottom.gif); }

.contentBox .hr { clear: both; position: relative; left: -15px; width: 480px; height: 1px; line-height: 0; overflow: hidden; margin: 10px 0; border-bottom: 1px solid #ccd7e1; }
.browserIE6 .contentBox .hr { left: 0; width: 450px; }

.contentBox P { margin: 6px 0; font-size: 1.2em; color: #506480; }
.contentBox H2 { margin-bottom: 6px; font-size: 1.8em; font-weight: bold; color: #3c63cc; }
.contentBox H3, .columnBox H3 { margin-bottom: 6px; font-size: 1.4em; font-weight: bold; color: #3c63cc; }

.breadcrumb { padding-top: 8px; }
.breadcrumb LI { display: inline; margin: 0 6px 0 0; font-size: 1.1em; font-weight: bold; color: #ffffff; }
.breadcrumb LI A { padding: 0 14px 0 0; font-weight: normal; color: #9fb8e9; text-decoration: none; background: url(/i/breadcrumbArrow.gif) no-repeat 100% 50%; }

.paginationWrapper { width: 100%; height: 20px; display: block; }
.pagination { display: inline-block; float: right; }
.pagination .nav { float: left; width: 20px; margin: 0 1px; }
.pagination .nav A { display: block; width: 20px; height: 17px; background: url(/i/paginationButtons.gif); }
.pagination .first A { background-position: 0 0; }
.pagination .first A:hover { background-position: 0 -17px; }
.pagination .prev A { background-position: -20px 0; }
.pagination .prev A:hover { background-position: -20px -17px; }
.pagination .next A { background-position: -40px 0; }
.pagination .next A:hover { background-position: -40px -17px; }
.pagination .last A { background-position: -60px 0; }
.pagination .last A:hover { background-position: -60px -17px; }
.pagination UL { float: left; padding: 2px 5px 0 5px; text-align: center; }
.pagination UL LI { display: inline; font-size: 1.1em; font-weight: bold; color: #3c63cc; }
.pagination UL LI A { font-weight: bold; color: #98b0dd; text-decoration: none; }
.pagination UL LI A.Current { font-weight: bold; color: #3c63cc; text-decoration: none; }

.quantity { display: inline-block; padding: 5px 0; }
.quantity .textbox { float: left; width: 78px; height: 20px; margin-right: 4px; background: url(/i/quantity.gif); }
.quantity .textbox INPUT { width: 23px; height: 14px; margin: 3px 0 0 51px; text-align: center; font-size: 1.2em; font-weight: bold; color: #1f3f75; background: transparent; border: none; }
.browserIE6 .quantity .textbox INPUT, .browserIE7 .quantity .textbox INPUT { margin: 2px 0 0 51px; }
.browserSafari .quantity .textbox INPUT { margin: 4px 0 0 51px; }
.quantity .addBasket { float: left; }

.description { margin: 5px 0; font-size: 1.2em; color: #506480; }

.productBrowseItem { display: inline-block; }
.productBrowseItem .column1 { float: left; width: 100px; text-align: center; }
.productBrowseItem .column2 { float: left; width: 220px; margin: 0 10px 0 10px; }
.productBrowseItem .column2 a { text-decoration: none;}
.productBrowseItem .column3 { float: left; width: 100px; }
.productBrowseItem P { margin: 4px 0; font-size: 1.1em; color: #7c8da6; }
.productBrowseItem .price { margin-bottom: 5px; font-size: 1.1em; color: #6699ff; }

.sortBy { margin: 6px 0; font-size: 1.1em; color: #7C8DA6; text-align: right; }
.sortBy A { font-weight: bold; color: #7C8DA6; text-decoration: none; }
.sortBy A:hover, .sortBy .selected { color: #a0acbd; }

.productDetail { display: inline-block; }
.productDetail .column1 { margin-right: 10px; }
.productDetail .column2 { float: right; width: 210px; margin-left: 10px; }
.productDetail .variantSelect { margin: 10px 0 8px; }
.productDetail .variantSelect .select SELECT { width: 170px; padding: 0 0 0 3px; font-size: 1.1em; color: #506480; background: #ffffff; border: 1px solid #c8c8c8; }
.browserFirefox .productDetail .variantSelect .select SELECT { padding: 2px 0 1px 3px; }

.price { margin: 5px 0; font-size: 1.1em; color: #7c8da6; }
.price .blue { font-size: 1.2em; color: #6699ff; }
.price .sale { font-size: 1.2em; font-weight: bold; color: #d41558; }

.currency .original {display: none;}

.stock { margin-left: 10px; font-size: 1.1em; font-weight: bold; color: #2aa2d4; }
.stock.inStock { color: #34ad0e; }
.stock.outStock { color: #d41558; }
.stock.comingSoon { color: #2aa2d4; }

.productGallery .mainImg { width: 100%; text-align: center; min-height: 100px; }
.productGallery .thumbnails { display: inline-block; margin-top: 10px; }
.productGallery .thumbnails .thumbnail { float: left; width: 47px; margin-right: 4px; padding: 4px 0; text-align: center; border: 1px solid #dae8e4; }

.featureList { margin: 10px 0; }
.featureList LI { margin: 3px 0; padding: 0 0 0 16px; font-size: 1.1em; color: #7c8da6; background: url(/i/featureList_bullet.gif) no-repeat 0 3px; }

.relatedProduct { margin: 15px 0; clear: both; margin-bottom: 20px;}
.relatedProduct .thumbnail { float: left; margin: 0 15px 0 0; }
.relatedProduct .title { font-size: 1.3em; font-weight: bold; color: #3C63CC; }
.relatedProduct .price { margin: 2px 0; }

.discListing { margin: 10px 0; }
.discListing .discListingTop { height: 19px; padding: 11px 0 0 25px; font-size: 1.1em; font-weight: bold; color: #ffffff; background: url(/i/discListing_top.gif); }
.discListing .discListingTop_small { height: 30px; background: url(/i/discListing_top_sml.gif); }
.discListing .discListingMiddle { border-left: 1px solid #8cb2ff; border-right: 1px solid #8cb2ff; }
.discListing .discListingMiddle .row { display: inline-block; padding: 4px 0 6px 0; line-height: 1em; overflow: hidden; font-size: 1.1em; color: #7c8da6; }
.discListing .discListingMiddle .row .column1 { float: left; width: 260px; padding-left: 9px; font-weight: bold; color: #506480; }
.discListing .discListingMiddle .row .column1 A { color:#506480; text-decoration:none; }
.discListing .discListingMiddle .row .column1 A:hover { text-decoration:underline; }
.discListing .discListingMiddle .row .column2 { float: left; width: 60px; }
.discListing .discListingMiddle .row .column3 { float: left; width: 50px; }
.discListing .discListingMiddle .row .column4 { float: left; width: 47px; }
.discListing .discListingMiddle .row .column5 { float: left; width: 15px; padding-right: 7px; }
.discListing .discListingMiddle .row .column5 A { display: block; width: 15px; height: 15px; background: url(/i/discInfoArrow_white.gif); }
.discListing .discListingMiddle .row .column5 A:hover { background-position: 0 -15px; }
.discListing .discListingMiddle .row .trackDetails {padding-left: 9px; color: #506480; }
.discListing .discListingBottom { height: 8px; line-height: 0; overflow: hidden; background: url(/i/discListing_bottom.gif); }
.discListing .discListingMiddle .headings {border-bottom: 1px solid #8CB2FF; font-weight: bold;}

.tracklisting .discListingMiddle .row .column1 { float: left; width: 20px; padding-left: 9px; font-weight: normal; color: #7c8da6;  }
.tracklisting .discListingMiddle .row .column2 { float: left; width: 240px; font-weight: bold; color: #506480; }
.tracklisting .discListingMiddle .row .column3 { float: left; width: 170px; padding-right: 9px; }
.tracklisting .discListingMiddle .row A {color: #506480; text-decoration: none;}
.tracklisting .discListingMiddle .row A:hover {text-decoration: underline;}
.tracklisting .discListingMiddle .headings {border-bottom: 1px solid #8CB2FF; font-weight: bold;}
.discDetails { display: inline-block; }
.discDetails .discDetailsCol1 { float: left; margin-right: 15px; margin-bottom: 20px;}
.discDetails .discDetailsCol2 { float: left; }

.contactForm  { margin: 10px 0; }
.contactForm .field { margin: 8px 0; }
.contactForm .textBox LABEL { display: block; margin: 0 0 3px 0; font-size: 1.1em; font-weight: bold; color: #48649A; }
.contactForm .textBox INPUT { width: 300px; padding: 3px 10px; font-size: 1.2em; color: #506480; background: #ffffff; border: 1px solid #c8c8c8; }
.contactForm .select LABEL { display: block; margin: 0 0 3px 0; font-size: 1.2em; font-weight: bold; color: #48649A; }
.contactForm .select SELECT { width: 320px; padding: 0 0 0 8px; font-size: 1.2em; font-weight: bold; color: #506480; background: #ffffff; border: 1px solid #c8c8c8; }
.browserFirefox .contactForm .select SELECT { padding: 2px 0 1px 8px; }
.contactForm .textArea LABEL { display: block; margin: 0 0 3px 0; font-size: 1.2em; font-weight: bold; color: #48649A; }
.contactForm .textArea TEXTAREA { width: 310px; padding: 10px 0 10px 10px; overflow: auto; font-size: 1.2em; color: #506480; font-family: Arial, Tahoma, Verdana, Sans-Serif; background: #ffffff; border: 1px solid #c8c8c8; }
.contactForm .error {display: none;}

#map { width: 320px; height: 250px; margin: 10px 0 20px; }

/* Home Page Styles */

#homepageIntro { height: 100px; padding: 50px 180px 0 19px; font: bold 1.5em Tahoma, Arial, sans-serif; color: #d3f8ff; background: url(/i/hompeageIntro_bg.jpg); }

/*-- buttons --*/

.addBasket A { display: block; width: 88px; height: 20px; background: url(/i/addBasket.gif); }
.addBasket A:hover { background-position: 0 -20px; }

.loginButton { margin: 12px 0 0; }
.loginButton A { display: block; width: 75px; height: 23px; background: url(/i/loginButton.gif); }
.loginButton A:hover { background-position: 0 -23px; }

.moreInfo A { display: block; width: 70px; height: 20px; background: url(/i/moreInfo.gif); }
.moreInfo A:hover { background-position: 0 -20px; }

.searchButton { margin: 12px 0; }
.searchButton A { display: block; width: 82px; height: 23px; background: url(/i/searchButton.gif); }
.searchButton A:hover { background-position: 0 -23px; }

.sendMessage { margin: 25px 0 0 0; }
.sendMessage A { display: block; width: 98px; height: 20px; background: url(/i/sendMessage.gif); }
.sendMessage A:hover { background-position: 0 -20px; }

.btnSave { margin: 25px 0 0 0; }
.btnSave A { display: block; width: 50px; height: 20px; background: url(/i/save.gif); }
.btnSave A:hover { background-position: 0 -20px; }

.btnForgot { margin: 25px 0 0 0; }
.btnForgot A { display: block; width: 115px; height: 20px; background: url(/i/buttons/forgot.gif); }
.btnForgot A:hover { background-position: 0 -20px; }

.btnContinue { margin: 25px 0 0 0; }
.btnContinue A { display: block; width: 69px; height: 20px; background: url(/i/continue.gif); }
.btnContinue A:hover { background-position: 0 -20px; }

.btnMakePayment { margin: 25px 0 0 0; }
.btnMakePayment A { display: block; width: 93px; height: 20px; background: url(/i/makePayment.gif); }
.btnMakePayment A:hover { background-position: 0 -20px; }

.btnNewsletter { margin: 25px 0 0 0; }
.btnNewsletter A { display: block; width: 63px; height: 20px; background: url(/i/signup.gif); }
.btnNewsletter A:hover { background-position: 0 -20px; }

/* General Forms */

.form  { margin: 10px 0; }
.form .field { margin: 8px 0; }
.form .textBox .question { display: block; margin: 0 0 3px 0; font-size: 1.1em; font-weight: bold; color: #48649A; }
.form .textBox INPUT { width: 300px; padding: 3px 10px; font-size: 1.2em; color: #506480; background: #f1f6ff; border: 1px solid #8cb2ff; }
.form .checkBox .question { display: inline; margin: 0 0 3px 0; font-size: 1.1em; font-weight: bold; color: #48649A; }
.form .checkBox .answer, .form .checkBox .answer div {display: inline; margin-left: 10px;}
.form .checkBox INPUT { padding: 3px 10px; font-size: 1.2em; color: #506480; background: #ffffff; border: 1px solid #8cb2ff; }
.form .select .question { display: block; margin: 0 0 3px 0; font-size: 1.2em; font-weight: bold; color: #48649A; }
.form .select SELECT { width: 320px; padding: 0 0 0 8px; font-size: 1.2em; font-weight: bold; color: #506480; background: #f1f6ff; border: 1px solid #8cb2ff; }
.browserFirefox .form .select SELECT { padding: 2px 0 1px 8px; }
.form .textArea .question { display: block; margin: 0 0 3px 0; font-size: 1.2em; font-weight: bold; color: #48649A; }
.form .textArea TEXTAREA { width: 310px; padding: 10px 0 10px 10px; overflow: auto; font-size: 1.2em; color: #506480; font-family: Arial, Tahoma, Verdana, Sans-Serif; background: #f1f6ff; border: 1px solid #8cb2ff; }
.form a {color: #3870E1; font-weight: bold; font-size: 1.1em;}
.form a:hover {color: #6791e5;}

/* Services Page */

#installations_information {display: none;}
.contentBox .servicesMiddle { position: relative; padding-top: 32px; }
.content_selector { display: inline-block; width: 480px; position: absolute; left: 0; top: -6px; background: url(../i/servicesInstallationSeperat.gif); }
.browserIE6 .content_selector { left: -15px; }
.content_selector .studio { display: block; float: left; width: 76px; height: 32px; margin-right: 1px; background: url(/i/studio_ON.gif); }
.content_selector .installations { display: block; float: left; width: 403px; height: 32px; background: url(/i/installations_OFF.gif); }


/* FAQ */

.questionGroup .question p {display: none;}
.questionGroup .question {padding: 3px 0 3px 25px; background: url(/i/FaqLev1Off.gif) no-repeat top left; cursor: pointer;}
.questionGroup h3 {color: #6699ff;}
.questionGroup h2 {font-size: 2em; color: #1a478e; text-transform: uppercase;}

/* Pack Details */

.diskLinks { margin: 10px 0; }
.diskLinks LI { display: inline; margin: 3px 0; padding: 0 7px 0 11px; font-size: 1.1em; color: #7c8da6; background: url(/i/featureList_bullet.gif) no-repeat 0 4px; }
.diskLinks LI A { font-weight: bold; color: #3870e1; font-size: 0.8em;}
.diskLinks LI A:hover { color: #6791e5; }


/* Checkout */

.EcomCheckoutTrail{margin:10px;padding-bottom:10px;border-bottom:0px solid #A8C486; text-align:center; font-size: 1.2em;  color: #517EE5;}
.EcomCheckoutTrail span{margin:5px;}
.EcomCheckoutTrail span b{}
.EcomAddressBar{padding:5px;margin-bottom:5px;}
.EcomAddressBar a{color:Black;}
.EcomAddressBar input{vertical-align:middle;}
.EcomConfirmAddress{text-align:left;margin:10px}
.EcomConfirmAddress td{vertical-align:top;padding:10px;padding-right:50px;}
.EcomConfirmAddress a{color:black; text-decoration: underline;}
.EcomBasketItems{width:100%;border-collapse:collapse;text-align:left;margin:5px;}

.EcomBasketItems td{font-weight:bold;padding:5px;}
.EcomBasketItem table td{padding:0px; border:none;}
.EcomBasketItemAlt td{border-top:1px dotted #003366;}
.EcomBasketItemImg{ vertical-align:top; width:70px;}
.EcomBasketItemRemove{ border-left:1px dotted #003366;text-align:center; width:100px;}

.EcomBasketSummary{width:100%;text-align:left; background-color:#D6E3C6;}
.EcomBasketSummary table{border-collapse:collapse;width:100%;}
.EcomBasketSummary table td{border:solid 1px #A8C486;padding:5px;}
.EcomOrderTracker{width:100%; border-collapse:collapse;}
.EcomOrderTracker td{ padding:5px;}
.EcomOrderTrackerHeader td{ border-bottom:1px solid #CCCCCC; font-weight:bold;}
.question {color: #48649A; font-weight: bold; font-size: 1.1em;}
.boxHeader {font-size: 2em; color: #3C63CC; font-weight: bold;}

.form table td {color: #506480; font-size: 1.2em; margin: 6px;}

.pageOrderHistory .Order {margin-bottom: 20px;}
.pageOrderHistory .OrderTable {width:100%; border-collapse:collapse;}
.pageOrderHistory .OrderTable td{ padding:5px;}
.pageOrderHistory .OrderDetail td{ border-bottom:1px solid #B7DDF7;}

#explanation {display: none;}

.Unavailable p{color: Red; font-weight: bold;}
.promoBox a.masterMix {display: block; height: 100px; width: 220px; z-index: 2;}
.promoBox .masterMixSwf {position: absolute; z-index: -1; top: 0;}