/* Copyright 2008 JB HI-FI. All Rights Reserved.  */

/* GENERAL */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, select, textarea, p, a, span, blockquote, table, th, td {
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
body {background-color:#686868;}
img {border: 0px;}
a { outline: none; }
div.clearboth {clear: both;}

.pikepadding {padding-left: 3px; padding-right: 3px;}
div.10pxheight {height: 10px; width: 1px;}
.whitetext {color: #FFFFFF}

div.hordottedline { margin-left: 10px; margin-right: 10px; width: 634px; border-top: 1px dashed #000000;}
div.content_holder {padding: 10px;}

/* HEADER */
#topbar {margin-left:auto; margin-right: auto; width: 972px; height: 20px; background:url(/JB/images/top_bar_yellow.gif) no-repeat 50% 0%;} 
#header {margin-left:auto; margin-right: auto; text-align: center;}
#headerinside {margin-left:auto; margin-right: auto; width: 972px; background:url(/JB/images/bg_bodybg_yellow.gif) repeat-y center; text-align:left; padding: 0px 4px 7px 4px;}

h1#logo {float: left; margin-left: 15px; width: 215px; height: 116px; background: url(/JB/images/img_logo.gif) no-repeat; }
h1#logo a{display: block; text-indent:-9000px;  width: 215px; height: 116px;}
#topright {float: right; padding-right: 15px; width:700px;}

#metanav { float: right; margin-top:6px; display:inline; }
#metanav a { text-decoration: none; color: #000000;font-size: 10px; }
#metanav a:hover { text-decoration: underline; color: #000000;font-size: 10px; }

input #txtsearchstring {font-size: 11px; width: 150px; margin-left: 6px; margin-right: 3px;}
input#bnSearch { margin-left: 3px; margin-right: 6px;}

/* TOP NAVIGATION */
#outernavigation {width: 964px; padding: 0px 8px 0px 8px; margin-left:auto; margin-right: auto; background:url(/JB/images/bg_bodybg_yellow.gif) repeat-y center;}
.navigation td {text-align: center; vertical-align:middle; font-family: Verdana, Arial, Helvetica, sans-serif; }
.navigation td a {color:#ffffff; text-decoration: none; font-family:comic sans ms; font-size: 10px; text-transform: uppercase; display: block; font-weight: bold; padding: 4px;}
.navigation td a:hover {color:#ffffff; text-decoration: underline;}

/* TV */
td.catalogue_10120 { width:74px; background-color:#000000; }
td.catalogue_10120_over { width:74px; background-color:#7F7F7F; }

/* HOME THEATRE */
td.catalogue_10123 { width:69px; background-color:#0066cc; }
td.catalogue_10123_over { width:69px; background-color:#00A0FF; }

/* COMPUTER */
td.catalogue_10118 { width:82px; background-color:#FF0000; }
td.catalogue_10118_over { width:82px; background-color:#FF5F00; }

/*td.catalogue_0{background-color:#0066cc}
td.catalogue_0_over {background-color:#00A0FF}*/

/* MP3 */
td.catalogue_10116 { width:86px; background-color:#ffcc33; }
td.catalogue_10116_over { width:86px; background-color:#FFDF00; }
td.catalogue_10116 a { color: #000000; }
td.catalogue_10116_over a:hover { color: #000000; }

/* CAR SOUND */
td.catalogue_10122 { width:74px; background-color:#FF0000; }
td.catalogue_10122_over { width:74px; background-color:#FF5F00; }

/* NAVIGATION */
td.catalogue_10117 { width:83px; background-color:#000000; }
td.catalogue_10117_over { width:83px; background-color:#7f7f7f; }

/* CAMERA */
td.catalogue_10121 { width:71px; background-color:#FFDF00; }
td.catalogue_10121_over { width:71px; background-color:#FFBF00; }
td.catalogue_10121 a { color: #000000;}
td.catalogue_10121_over a:hover { color: #000000;}

/* HI-FI */
td.catalogue_10119 { width:91px; background-color:#cccccc; }
td.catalogue_10119_over { width:91px; background-color:#DFDFDF; }
td.catalogue_10119 a { color: #000000; }
td.catalogue_10119_over a:hover { color: #000000; }

/* GAME */
td.catalogue_5 { width:75px; background-color:#3399ff; }
td.catalogue_5_over { width:75px; background-color:#00E0FF; }

/* CD */
td.catalogue_4 { width:74px; background-color:#FFDF00; }
td.catalogue_4_over { width:74px; background-color:#FFBF00; }
td.catalogue_4 a { color: #000000; }
td.catalogue_4_over a:hover { color: #000000; }

/* DVD */
td.catalogue_1 { width:84px; background-color:#cc3333; }
td.catalogue_1_over { width:84px; background-color:#FF3F00; }

.reviewform .smalltxt { font-size: 10px; }
.review .rating { white-space:nowrap; padding-right:10px; vertical-align:top; color:white; }
.ratinginfos { padding-bottom:10px; }
.ratinginfos h2 { font-style:italic; }
.review table { padding-top:10px; margin-top:10px; }
.review img { padding-top:20px; }

/* BODY ELEMENTS (main elements that make the middle part)*/
#middle {margin-left:auto; margin-right: auto; width: 972px;  background:url(/JB/images/bg_bodybg.gif) repeat-y 50% 0%;}
#contentHolder {margin: 0px 4px 0px 4px;}
#leftNav{float: left; width: 155px; vertical-align: top;}
#content {float: left; width: 654px; vertical-align: top; background-color:white; }
#rightNav {float: right; width: 155px; vertical-align: top;}
div.yellowHolder {padding: 10px; background-color:#FFFF00;}
div.sideads {text-align:center;}
div.middleads {text-align:center;}

/* LEFT */
/* Subscription section */
#subscription {display:none;}
div.shoppingCart {width: 105px; background:url(/JB/images/bg_cart_top.gif) no-repeat; padding: 12px 15px 0px 15px; color: #FFFFFF; font-size:11px;}
div.shoppingCart a {color:#FFFFFF; text-decoration: none;}
div.shoppingCart a:hover {color:#FFFFFF; text-decoration: underline;}
div.shoppingCart h2{font-size: 11px; font-weight: bold;}
div.shoppingCartBottom {width: 135px; background: url(/JB/images/bg_cart_bottom.gif) no-repeat; height: 12px;}

div.subs {width: 135px; background:url(/JB/images/bg_subscription_top.gif) no-repeat; padding: 15px 0px 0px 0px; color: #FFFFFF; font-size:11px; text-align: center;}
div.subs a {color:#FFFFFF; text-decoration: none;}
div.subs a:hover {color:#FFFFFF; text-decoration: underline;}
div.subs h2{font-size: 11px; font-weight: bold; color:#000000; letter-spacing: 1px;}
div.subs div.subs2{ text-align: center;}
input.subscription {font-size: 11px; width: 97px;}
input.btnSubscribe {margin-right: 6px; background-color:#000000; border: 0px #000000; color:#FFFFFF; font-size: 10px; padding: 1px; width: 70px; cursor: pointer;}
table.subcription {width: 83px;}
table.subcription td{padding: 1px;}
.subscribeOption {color:#000000; font-size: 10px; font-weight: bold; text-align: center;}
div.greyBoxBottom {width: 135px; background: url(/JB/images/bg_subscription_bottom.gif) no-repeat; height: 17px;}
td.help a{font-size: 11px; font-weight: bold; text-decoration: none; color:#000000;}
td.help a:hover {font-size: 11px; font-weight: bold; text-decoration: underline; color:#000000;}

div.SBEmail {float: left; background-color:#808080; padding: 2px 6px 2px 6px; color:#FFFFFF; font-size: 11px;}
div.SBrss {float: right; background-color:#808080; padding: 2px 6px 2px 6px; color:#ffffff; font-size: 11px;}

div.sidenav { padding: 10px 0px 10px 10px; width: 145px;}
div.sidenav img { max-width: 130px;}
div.sidenav h2 { background-color: #fd0303; color:#FFFFFF; padding: 5px; width:125px; font-size: 11px; font-weight: bold; text-transform: uppercase; margin: 0px 0px 5px 0px;}
div.sidenav h3 { margin: 0px 0px 5px 0px; width: 100%; }
div.sidenav h3 a { background-color: #fd0303; color:#FFFFFF; text-decoration:none; width: 120px; font-size: 11px; text-transform: uppercase;font-weight: bold; display: block; padding: 5px; width: auto; }
div.sidenav h3 a:hover { background-color: #c1c0c0; color:#FFFFFF; text-decoration:none; width: 120px; font-size: 11px; font-weight: bold; text-transform: uppercase; display: block; width: auto;}
div.sidenav h3.level1child { margin: 0px 0px 5px 0px; width: 100%; }
div.sidenav h3.level1child a { background-color: #c1c0c0; color:#FFFFFF; text-decoration:none; width: 120px; font-size: 11px; text-transform:uppercase;font-weight: bold; text-transform: uppercase; display: block; padding: 5px; width: auto;}
div.sidenav h3.level1child a:hover{background-color: #E7E6E6; color:#333333; text-decoration:none; width: 120px; font-size: 11px; font-weight: bold; text-transform: uppercase; display: block; width: auto;}
div.sidenav ul.firstlinks { padding-left: 15px; margin-left: 15px; list-style: square;  font-size: 11px; color: #fd0303; font-weight: bold;}
div.sidenav ul.firstlinks a{ color: #fd0303; text-decoration: underline; font-size: 12px;}
div.sidenav ul.firstlinks a:hover{ color: #fd0303; text-decoration: none; font-size: 12px;}
div.sidenav ul.secondlinks { margin: 0 0 15px 0; list-style: none; font-size: 11px; }
div.sidenav ul.secondlinks a{ text-decoration: underline; font-size: 11px; color:#000000; }
div.sidenav ul.secondlinks a:hover{ text-decoration: none; font-size: 11px; color:#000000; }

/* RIGHT */

div.bestseller {width: 105px; background:url(/JB/images/bg_bestseller_top.gif) no-repeat; padding: 12px 15px 0px 15px; color: #FFFFFF; font-size:11px; text-align:left;}
div.bestseller a {color:#FFFFFF; text-decoration: none;}
div.bestseller a:hover {color:#FFFFFF; text-decoration: underline;}
div.bestseller h2{font-size: 11px; font-weight: bold;}
div.bestsellerBottom {width: 135px; background: url(/JB/images/bg_bestseller_bottom.gif) no-repeat; height: 12px;}
div.bestseller li{ list-style-type:square;}
div.bestseller ul{ padding-left: 8px; margin-left: 8px; list-style: outside; padding-top: 7px;}

div.comingsoon {width: 105px; background:url(/JB/images/bg_bestseller_top.gif) no-repeat; padding: 12px 15px 0px 15px; color: #FFFFFF; font-size:11px; text-align:left;}
div.comingsoon a {color:#FFFFFF; text-decoration: none;}
div.comingsoon a:hover {color:#FFFFFF; text-decoration: underline;}
div.comingsoon h2{font-size: 11px; font-weight: bold;}
div.comingsoon li{ list-style-type:square;}
div.comingsoon li a {color:#FFFFFF; text-decoration: none;}
div.comingsoon li a:hover {color:#FFFFFF; text-decoration: underline;}
div.comingsoon ul{ padding-left: 8px; margin-left: 8px; list-style: outside; padding-top: 7px;}
div.comingsoonBottom {width: 135px; background: url(/JB/images/bg_bestseller_bottom.gif) no-repeat; height: 12px;}

div.gettingStarted {width: 105px; background:url(/JB/images/bg_subscription_top.gif) no-repeat; padding: 12px 15px 0px 15px; color: #000000; font-size:11px; text-align:left;}
div.gettingStarted a {color:#000000; text-decoration: none;}
div.gettingStarted a:hover {color:#000000; text-decoration: underline;}
div.gettingStarted h2{font-size: 11px; font-weight: bold;}
div.gettingStarted li{ list-style:none;}
div.gettingStarted li a {color:#000000; text-decoration: none;}
div.gettingStarted li a:hover {color:#000000; text-decoration: underline;}
div.gettingStarted ul{ padding-left: 0px; margin-left: 0px; list-style: outside; padding-top: 7px;}

/* MIDDLE */
div.linkwyellowbg {padding: 12px; background-color:#FFFF00; text-align: center;}
img.bannerbtn {margin-right: 20px;}
div.imageads {text-align: center;}

div.middlecontent_holder {padding: 20px;}
div.middlecontent_holder hr{border: none; height: 1px; color: #999999; background: #999999;}
div.middlecontent_holder h1{font-size: 18px; padding-bottom: 20px;}
div.middlecontent_holder h2{font-size: 14px; padding: 20px 0px 10px  0px;}
div.middlecontent_holder p{font-size: 11px; padding-bottom:10px; line-height: 15px;}
div.middlecontent_holder a{font-size: 11px; color:#4f524f; font-weight: bold; text-decoration: none;}
div.middlecontent_holder a:hover{font-size: 11px; color:#ff0000; font-weight: bold; text-decoration: underline;}
div.middlecontent_holder ul {list-style: none;}

table.advancedSearch { background-color:#FFFF99; width: 100%; border: 1px solid #CCCCCC;}
table.advancedSearch td {font-size: 11px; padding: 10px; font-weight: bold;}
table.advancedSearch input {font-size: 11px; width: 200px; font-weight: normal;}
table.advancedSearch input[type=submit] {font-size: 11px; width: 100px;}
table.advancedSearch select {font-size: 11px; width: 200px; font-weight: normal;}

/* ASSOCIATES WITH SHOPS */
div.alsobought { padding: 10px; width: 634px; }
div.alsobought h1 { font-size: 14px; font-weight: bold; padding: 5px; color:#333333; background-color:#cccccc; }
div.alsobought_item { border:1px solid #BBBBBB; padding:5px; }
div.alsobought_item table{ width:614px; }
div.alsobought_item td {text-align:center; font-size:10px; width:25%; padding:0px 5px 0px 5px}
div.alsobought_item td.image{vertical-align:bottom; text-align:center}
div.alsobought_item td.texttop{vertical-align:top; text-align:center}
div.alsobought_item a {color:#000000; text-decoration: underline; font-size: 10px}
div.alsobought_item a:hover {color:#000000; text-decoration: none; font-size: 10px}
div.alsobought_item td p {font-size: 10px; width:auto; padding:5px 0px 5px 0px}
div.alsobought_item td .cat_price { font-size:12px; }

/* JB - highlight associated product prices */
div.alsobought_item.cat_price { font-size:11px; font-weight:bold; }

div.featuredproduct_holder {padding: 10px;}
#searchResults div.featuredproduct_holder { padding: 10px 10px 10px 0; }
div.featuredproduct_holder h2 { font-size: 16px; padding-bottom: 10px; }
div.featuredproduct { padding: 15px; background-color:#e7e6e6; }
div.featuredproduct img {display: block; float: left;}
div.featuredproduct div.texts {float: right; width: 310px;}
div.featuredproduct div.texts h1{ font-size: 16px; font-weight: bold; float: left;}
div.featuredproduct div.texts h2{ font-size: 11px; padding-bottom: 20px;  float: left;}
div.featuredproduct div.texts img {display: block; float: right;}
div.featuredproduct div.texts a{ color:#fd0303; text-decoration: underline; font-weight: bold; font-size: 16px; display:block ; float: right; padding: 10px;}
div.featuredproduct div.texts a:hover{ color:#fd0303; text-decoration: none; font-weight: bold; font-size: 16px;  display:block ; float: right;  padding: 10px;}

div.topselling_holder{padding: 10px;}
div.topselling {padding: 15px; background-color:#ffffcc;}
div.topselling td {width: 285px; vertical-align: top;font-weight: bold; padding-left: 10px;}
div.topselling h1{font-size: 16px; font-weight: bold; padding-bottom: 10px;}
div.topselling ol {font-weight: bold; padding-left: 15px; margin-left: 15px; list-style:outside;}
div.topselling a{color: #666666; text-decoration: none}
div.topselling a:hover{color: #666666; text-decoration: underline}

div.L1CatProduct_item li {display: inline;  float: left; height: 170px; width: 317px;}
div.L1CatProduct_item img {display: block;  float: left; margin-right: 10px; max-width: 90px;}
div.L1CatProduct_item h2 {padding-right: 20px; font-weight: bold; font-size: 12px; color: #4f524f;}
div.L1CatProduct_item p {font-size: 11px; padding-right: 20px; color: #666666}
div.L1CatProduct_item em {font-weight: bold;}
div.L1CatProduct_item a {font-size: 11px; color:#000000; font-weight: bold; color: #666666; text-decoration: none;}
div.L1CatProduct_item a:hover {font-size: 11px; color: #999999; font-weight: bold; text-decoration: none;}

div.L2CatProduct_item { width:100%; padding-left:10px; }
div.L2CatProduct_item h1 { font-size: 18px; padding-bottom: 20px; }
div.L2CatProduct_item li { display:inline; float:left; border-bottom:1px solid #999999; padding:20px 0 10px 0px; width:95%; }

div.L2CatProduct_item li a.imagecentering { width:100px; text-align:center; display:block; float:left; }
div.L2CatProduct_item h2 { padding-right: 20px; margin-left:110px; color:black; }
div.L2CatProduct_item h2 a{ font-weight: bold; font-size: 14px; color: #000000; text-decoration: none; }
div.L2CatProduct_item h2 a:hover{ font-weight: bold; font-size: 14px; text-decoration: underline; }
div.L2CatProduct_item a + p { font-size: 11px; padding-right: 20px; color: #666666; padding-bottom: 10px; }
div.L2CatProduct_item p { font-size: 11px; padding-right: 20px; margin-left:110px; }
div.L2CatProduct_item .price_list { font-size:12px; }
div.L2CatProduct_item em { font-weight: bold; }
div.L2CatProduct_item a { font-size: 11px; color:#4f524f; font-weight: bold; color: #666666; text-decoration: none; }
div.L2CatProduct_item a:hover { font-size: 11px; color: #ff0000; font-weight: bold; text-decoration: underline; }
div.L2CatProduct_item p.more { padding-bottom:10px; }

div.CatNavigation {text-align: center; padding: 10px; letter-spacing: 10px; font-size: 11px;}
div.CatNavigation h2{letter-spacing: 0px; padding: 10px; color: #4f524f}
div.CatNavigation a{letter-spacing: 0px;}
div.CatNavigation a:hover{ text-decoration: underline;}

div.orderby {border-bottom: 1px solid #999999; padding-bottom: 5px; }
div.orderby td {padding-right: 5px; font-size: 11px;}

/* FOOTER */
#footerouter {margin-left:auto; margin-right: auto; width: 972px;  background:url(/JB/images/bg_bodybg.gif) repeat-y 50% 0%;}
#footer {background-color: #000000; margin-left: 4px; margin-right: 4px; padding: 15px; color: #ffffff; vertical-align: top; text-align: center;}
#footer hr { border: solid 1px #272626; display:none; }
div.fmenuHolder {margin-left: auto; margin-right: auto; width: 780px; font-size: 10px;}
div.footerMenu{padding: 5px 20px 5px 20px; border-right: 1px solid #949393; float: left; font-size: 10px; height: 130px; text-align: left; margin: 10px 0px 10px 0px; width: 90px}
div.footerMenu li{ color: #949393;  font-size: 10px; list-style: none;}
div.footerMenu li a{ color: #949393; text-decoration: none;  font-size: 10px;}
div.footerMenu li a:hover{ color: #ffffff; text-decoration: none;  font-size: 10px;}

div.footerMenuNL {padding: 5px 20px 5px 20px; float: left; font-size: 10px; min-height: 100px; text-align: left; margin: 10px 0px 10px 0px;}
div.footerMenuNL li{ color: #949393;  font-size: 10px; list-style: none;}
div.footerMenuNL li a{ color: #949393; text-decoration: none;  font-size: 10px;}
div.footerMenuNL li a:hover{ color: #ffffff; text-decoration: none;  font-size: 10px;}

/* CART (Used over the account pages as well) */

#cart {padding: 10px 20px 20px 20px; background-color:#FFFFFF}
#cart hr{border: none; height: 1px; color: #999999; background: #999999;}
#cart ul {padding-bottom: 10px; white-space:nowrap;}
#cart li {display: inline; font-size: 12px; padding-right: 10px; margin-right: 10px;}
#cart li.active {font-weight: bold;}
#cart a{color:#4f524f; font-weight: bold; text-decoration: none;}
#cart a:hover{color:#ff0000; font-weight: bold; text-decoration: underline;}
#cart h1 {font-size: 18px; padding-bottom: 8px;}
#cart h2 {font-size: 14px; padding-top: 8px;}
#cart h3 {font-size: 14px; padding-bottom: 8px;}
#cart p {font-size: 11px; padding-bottom: 4px; line-height: 14px;}
#cart table.summary {width: 600px}
#cart table.summary th{font-weight: bold; border-bottom: 2px solid #666666; padding: 10px 10px 5px 0px;  font-size: 11px; text-align: left;}
#cart table.summary tr.total td {font-weight: bold; border-top: 2px solid #666666; padding: 5px 10px 5px 0px;  font-size: 12px;}
#cart table.summary tr.item td {padding: 10px 10px 10px 0px;}
#cart table.summary tr.item td.image {width: 60px; text-align:center; }
#cart table.summary tr.item td.image img{width: 50px; margin-left: 5px;}
#cart table.summary tr.item td.description {width: 175px;}
#cart table.summary tr.item td.status {width: 50px; font-size: 10px; font-weight:bold; }
#cart table.summary tr.gst td {padding: 0px 0px 0px 5px;  font-size: 10px;}
#cart table.summary tr.item td.priceDeleted{ text-decoration: line-through;}
#cart table.summary tr.item span.splitoorder { font-style:italic; font-size: 10px;}

#cart td {padding: 5px 10px 0px 0px; vertical-align: top; font-size: 12px;}
#cart td.errorhighlight {padding: 5px 20px 5px 0px; background:url(/images/assetimages/info_sadface.gif) no-repeat right;}  
#cart input.qty {font-size: 11px; width: 30px;}
#cart input.promo {font-size: 11px; width: 100px; font-weight: normal;}
#cart input {width: 300px;}
#cart input[type=submit] {padding:0 .25em 0 .25em; width:auto; overflow:visible;margin-right: 5px; text-transform:uppercase; }
#cart input[type=button] {padding:0 .25em 0 .25em; width:auto; overflow:visible;margin-right: 5px; }
#cart input[type=checkbox] {width: 12px;}
#cart input[type=radio] {width: 12px;}
#cart select {width: 305px; font-size: 11px;}
#cart textarea {width: 300px; font-size: 11px;}
#cart td.standard {width: 170px; font-weight: bold; color:#4f524f}
#cart table.telephone td {font-size: 10px; padding: 0px 5px 0px 0px;}
#cart table.telephone td.errorhighlight2 {padding: 0px 20px 0px 0px; background:url(/images/assetimages/info_sadface.gif) no-repeat right;} 
#cart table.telephone .telCountry {width: 50px;}
#cart table.telephone .telArea{width: 70px;}
#cart table.telephone .tel{width: 162px;}

/* Gift Card */
#giftCard { padding:10px 20px 20px 20px; background-color:#FFFFFF; }
#giftCard hr { border:none; height:1px; color:#999999; background:#999999; }
#giftCard a{ color:#4f524f; font-weight:bold; text-decoration:none; }
#giftCard a:hover{ color:#ff0000; font-weight:bold; text-decoration:underline; }
#giftCard h1 { font-size:18px; padding:8px 0; }
#giftCard h2 { font-size:14px; padding:8px 0; }
#giftCard h3 { font-size:14px; padding:8px 0; } 
#giftCard p { font-size:11px; padding:8px 0; }
#giftCard td.errorhighlight { padding:5px 20px 5px 0; background:url(/images/assetimages/info_sadface.gif) no-repeat right; }
#giftCard input { width:300px; }
#giftCard textarea { width:300px; font-size:11px; }
#giftCard table.telephone .telArea { width:60px; }
#giftCard input[type=submit] { padding:0 .25em 0 .25em; width:auto; overflow:visible; margin-right:5px; text-transform:uppercase; float:right; margin:0 100px 30px 0; }
#giftCard td { text-transform:capitalize; vertical-align:top; padding:2px; }
#giftCard td.standard { font-weight:bold; color:#4F524F; }
#giftCard td.telephone { padding:0; }
#giftCard table { margin:auto; }
#giftCard table.telephone { margin:inherit; }

div.error {background: url(/images/assetimages/info_sadface.gif) left top no-repeat; padding-left: 15px; margin-bottom: 10px; font-size: 10px; color:#FF0000;}
div.success {background: url(/JB/images/icon_success.gif) left top no-repeat; padding-left: 15px; margin-bottom: 10px; font-size: 10px; color:#009F00;} /* added by fmo , Task S-04466, green characters */

/* NEW STYLE ADDED BY HUBERT TALIB on 30.04.2008 */
#cart td.justgrey {font-weight: bold; color:#4f524f;}
#cart ul.list {padding-left: 20px; list-style-position: outside;}
#cart ul.list li {display: list-item; font-size: 11px;}
#cart p a {color:#4f524f; font-size: 11px; text-decoration: underline;}
#cart p a:hover {color:#ff0000; font-size: 11px; text-decoration: underline;}

div.L2CatProduct_item table.byartist td:first-child {width: 200px;}
div.L2CatProduct_item table.byartist td {border-bottom: 1px solid #999999; padding: 5px 5px 10px 5px; vertical-align: top;}
div.L2CatProduct_item table.byartist tr.other td {border-bottom: 1px solid #999999; padding-bottom: 5px; background: #eeeeee;}

/* NEW STYLES SUPPLIED BY IRENE on 09.05.2008 */
/* AFFILIATES STYLES */ 
.affHolderTable{width:100%;border:none;border-collapse:collapse;padding:0px;text-align:center;}
.affNavCell{width:150px;padding:10px;}  
.affContentCell{} 

.affPageHeading{font-family:arial, verdana, sans-serif;color:#000000; font-weight:bold;font-size:12px;text-decoration:none;text-transform:uppercase}
.affNavHeading{font-family:arial, verdana, sans-serif; color:#000000;font-size:12px;text-decoration:none;font-weight:bold}
.affHeadings{font-family:arial, verdana, sans-serif; padding:3px;border-bottom:1px solid #c0c0c0;font-weight:bold;color:#000000;font-size:11px;}
 
.affBackLgt{background-color : #FFFFFF;padding:5px}

.affBackDrk{background-color:#dfdbd8;border:1px solid #c0c0c0;color:#000000;padding:2px;font-weight:normal;font-size:11px} 
.affBorder{} 
.affSales{ font-family:arial, verdana, sans-serif; font-weight:normal; color:#000000; font-size:8pt; border:1px solid #c0c0c0; background-color:#ffffff; } 
.affButtons{font-size:9pt;font-weight:bold} 
.affMsg{font-family:arial, verdana, sans-serif; font-weight:normal;color:#CC0000;font-size:12px;} 
.inputAff{ font-family:arial, verdana, sans-serif; font-weight:normal; color:#000000; font-size:11px; width:120px; border:1px solid #c0c0c0; } 
.affpaymentpopupbg{background-color:#000000} 
.affSubHeading{font-family:arial, verdana, sans-serif; font-weight:normal;color:#000000;font-size:11px;} 
.affLink{font-family:arial, verdana, sans-serif; font-weight:normal;color:#000000;font-size:11px;text-decoration:underline}
.affLink:link{font-family:arial, verdana, sans-serif; font-weight:normal;color:#000000;font-size:11px;text-decoration:underline}
.affLink:visited{font-family:arial, verdana, sans-serif; font-weight:normal;color:#000000;font-size:11px;text-decoration:underline}
.affLink:active{font-family:arial, verdana, sans-serif; font-weight:normal;color:#000000;font-size:11px;text-decoration:underline}
.affLink:hover{font-family:arial, verdana, sans-serif; font-weight:normal;color:#000000;font-size:11px;text-decoration:none}
 
.affSubLink{font-family:arial, verdana, sans-serif; font-weight:normal;color:#000000;font-size:11px;text-decoration:underline}
.affSubLink:link{font-family:arial, verdana, sans-serif; font-weight:normal;color:#000000;font-size:11px;text-decoration:underline}
.affSubLink:visited{font-family:arial, verdana, sans-serif; font-weight:normal;color:#000000;font-size:11px;text-decoration:underline}
.affSubLink:active{font-family:arial, verdana, sans-serif; font-weight:normal;color:#000000;font-size:11px;text-decoration:underline}
.affSubLink:hover{font-family:arial, verdana, sans-serif; font-weight:normal;color:#000000;font-size:11px;text-decoration:none}
 
.affBoldLink{font-family:arial, verdana, sans-serif; font-weight:bold;color:#000000;font-size:11px;text-decoration:underline}
.affBoldLink:link{font-family:arial, verdana, sans-serif; font-weight:bold;color:#000000;font-size:11px;text-decoration:underline}
.affBoldLink:visited{font-family:arial, verdana, sans-serif; font-weight:bold;color:#000000;font-size:11px;text-decoration:underline}
.affBoldLink:active{font-family:arial, verdana, sans-serif; font-weight:bold;color:#000000;font-size:11px;text-decoration:underline}
.affBoldLink:hover{font-family:arial, verdana, sans-serif; font-weight:bold;color:#000000;font-size:11px;text-decoration:none}
 
.affNavLink{font-family:arial, verdana, sans-serif; font-size:12px;color:#000000;text-decoration:none}
.affNavLink:link{font-family:arial, verdana, sans-serif; font-size:12px;color:#000000;text-decoration:none}
.affNavLink:visited{font-family:arial, verdana, sans-serif; font-size:12px;color:#000000;text-decoration:none}
.affNavLink:active{font-family:arial, verdana, sans-serif; font-size:12px;color:#000000;text-decoration:none}
.affNavLink:hover{font-family:arial, verdana, sans-serif; font-size:12px;color:#000000;text-decoration:underline}
/* end affiliates */

/* Incentives */
div.Incentives{ height: auto !important; border: red solid 1px; background-color:#FFFF00; padding: 5px 5px 5px 5px; font-weight:bold;}
div.Incentives p { font-size: 11px;}
div.Incentives ul{padding: 10px 0px 0px 20px; list-style: square;}
div.Incentives li{padding-bottom:3px}
div.Incentives a{color:#95416f; font-size: 11px;} 
div.Incentives a:hover {color: #b2b3b5; font-size: 11px;}

div.sidenav h3.electronic a {background-color: #ff8c52; color:#333333; text-decoration:none; width: 120px; font-size: 11px; font-weight: bold; text-transform: uppercase; display: block; padding: 5px;}
div.sidenav h3.electronic a:hover{background-color: #c1c0c0; color:#FFFFFF; text-decoration:none; width: 120px; font-size: 11px; font-weight: bold; text-transform: uppercase; display: block;}
div.sidenav h3.vouchers a {background-color: #808080; color:#FFFFFF; text-decoration:none; width: 120px; font-size: 11px; font-weight: bold; text-transform: uppercase; display: block; padding: 5px;}
div.sidenav h3.vouchers a:hover{background-color: #c1c0c0; color:#FFFFFF; text-decoration:none; width: 120px; font-size: 11px; font-weight: bold; text-transform: uppercase; display: block;}

div.sidenav h3.electronic2 a {background-color: #c1c0c0; color:#000000; text-decoration:none; width: 120px; font-size: 11px; font-weight: bold; text-transform: uppercase; display: block; padding: 5px;}
div.sidenav h3.electronic2 a:hover{background-color: #c1c0c0; color:#FFFFFF; text-decoration:none; width: 120px; font-size: 11px; font-weight: bold; text-transform: uppercase; display: block;}

/* IE Mac legend fix */
legend {display: inline-block;}

/* Shipping Estimator   */
.FreightEstimator{width:580px; background-color:#ffffff; padding:10px; margin:20px 0 20px 0}
.FreightEstimator .block_start{display:none}
.FreightEstimator .block_end{display:none}
.FreightEstimator fieldset {border:1px solid #666666}
.FreightEstimator legend{color:#000000; font-weight:bold; font-size:12px; padding:0 0 8px 0; margin:0px; _margin:0 -7px; /*IE Win */}
.FreightEstimator ol{margin:0px; padding:5px 0 5px 0px;}
.FreightEstimator li{list-style:none;padding:5px; margin:0px;}
.FreightEstimator label {display:inline-block; vertical-align:middle; }
.FreightEstimator label {padding:0 0 0 5px}
.FreightEstimator select {width:auto; font-size:11px}
.FreightEstimator fieldset fieldset {border:none; width:auto; margin:10px; padding:0px; background-color:#f0f2f3}
#cart .FreightEstimator fieldset fieldset li{display:block; text-align:left; font-size:11px; margin:0px; padding:0 0px 5px 10px}
.FreightEstimator fieldset fieldset legend{font-size:11px}

.FreightProductDetails { margin-top:10px; font-size:11px; }
.FreightProductDetails label { display:inline-block; vertical-align:middle; margin-right:30px; font-size:11px; font-weight:bold; }
.FreightProductDetails span { display:none; font-size:9px; font-style:italic; color:#666666; }

/* JB Hi-Fi Additions */
BODY { background-color:yellow; margin-top:10px; }
#footerouter, #middle, #headerinside, #outernavigation { background:url(); }
#leftNav, #rightNav { background-color:white; }
#contentHolder { background-color:white; }

#outernavigation { margin-left:auto; margin-right:auto; width:997px; padding:0 0 5px 2px; }
#outernavigation TABLE { margin-left:auto; margin-right:auto; }
#topbar { display:none; }

.navigation { padding-left: 4px; }
.navigation TD { padding: 0 3px; }
.navigation TD A { font-size: 11px; padding: 2px 0 2px 0; }
.sidenav { background-color: white; font-weight: bold; }
h1#logo { margin-left: 15px; }
#topright { width: 730px; padding-right: 0; }
#topright P IMG { width: 730px; }

.onSale { background-color:#FFFF99; padding:10px; } 
div.productdetails_text_holder h4 { display:none; } /* Hide "usually price" */

.JBOnly { color:#FFFFFF; }
.wasPrice { display:none; }

#search FORM { display:inline; margin-left:10px; }
#searchform { display:inline; margin-left:10px; }
#searchCriteria { margin:auto; text-align:center; }
#searchCriteria TABLE { width:415px; margin-left:auto; text-align:right; }
#searchInput { width:300px; }
#searchSort { padding-top:10px; font-size:11px; } 
#searchSort .summary { font-size:11px; } 
#searchSort .pageNav { padding-left:15px; } 
#searchSort A { font-size:11px; margin:0 0 0 -3px; } 

#searchResults H1 { font-size:18px; font-family:Arial, Helvetica, sans-serif; margin:10px 0; margin-right:7px; }
#searchResults TABLE { margin-top:10px; }

#advancedSearch H1 { font-size:18px; font-family:Arial, Helvetica, sans-serif; margin:10px 0 10px 10px; }
#searchFilter { margin:auto; width:640px; }
#advancedSearch { background-color:#E8E8E8; border:1px silver solid; padding-bottom:10px; margin-bottom:10px; }
.symbol { font-family:symbol; }
#searchPopular { padding:10px; }

div.refineSearch { width:105px; background:url('/JB/images/bg_refinesearch_top.gif') no-repeat; padding:12px 15px 0px 15px; color:#FFFFFF; font-size:11px; }
div.refineSearch LI { list-style:none; }
div.refineSearch .group { font-weight:bold; }
div.refineSearch A { color:#000000; text-decoration:none; }
div.refineSearch A:hover { color:#000000; text-decoration:underline; }
div.refineSearch H2 { font-size:11px; font-weight:bold; padding-bottom:10px; }

ul.filter {	font-weight: normal; }

#cart INPUT[type=button] { text-transform:uppercase; }

/* Remove currency on lists and details page, show in cart */
.currency { display:none; color:#009900; font-weight: bold; }
div.productdetails_text_holder h1 span { display:none; }
div#cart p span { display:inline; }
div.productdetails_text_holder h1 span.saleenddate { display:inline; color:#fd0303; font-weight:bold; font-size:12px;}

#search { display:inline; width:100%; }
#search .caption, input, select { font-family: Arial, Helvetica; font-size: 11.5pt; }
#q { width: 330px; }

#search a{ text-decoration: none; color:#000000; }
#search a:hover{ text-decoration: underline; color:#000000; }
#search strong { padding-right:4px; }
#search #stype { font-size:11px; height:21px; vertical-align:top; width:90px; margin:2px 3px auto 3px; }

h2.artists_list { margin-top:-10px; }
.image_list img { float:left; }
.offer_list { width:90px; margin-right:10px; }
.currency_list { display:none; }
.price_list { font-weight:bold; font-size:12px; }
.more_list { padding-bottom:10px; }
table.searchform { background-color:#FFFF00; font-size: 18pt; }

.MostPopular, .SearchAlphabet { padding:10px; }
.MostPopular a, .AlphabetLinks a { padding-right:10px; }

.availability_instock { padding-left:5px; }
.availability_outofstock { padding-left:5px; }

/* Subscriptions */
#specO form { padding: 7px 0; }
#specO a { text-decoration: underline; }
#specO input { vertical-align: middle; }
#specOEmail { font-size: 8pt; width: 102px; }
#specOSubmit { margin: 5px -2px 0 -3px; padding:0; }

/* Cart Freight Warning */
#cart div.cart_freightwarning { background-color: #f0f2f3; }
#cart div.cart_freightwarning p { color: red; margin: 3px; }
#cart div.cart_freightwarning ol {  margin:0px; padding: 5px 0 5px 0px; }
#cart div.cart_freightwarning li { font-size: 11px; list-style: none; display: block; padding: 5px; margin: 0px; }

.bundlePrice { padding:5px; float:right; background-color:yellow; color:red; font-weight:bold; font-size:14px; }