/*##################################################################*/
/*
@import "../css/reset.css";
@import "../css/skeleton.min.css";
@import "../css/superfish.css";
@import "../css/superfish_top.css";
@import "../css/flexslider.css";
@import "/includes/font-awesome/css/font-awesome.min.css";
*/
/* NOT USED */
/*@import "../css/forms.css";*/
/*@import "../css/font-awesome.css";*/

/*##################################################################*/

body { background: #f1f1f3 url('../images/body-top-outer.gif') no-repeat; background-size: 100% 168px; font:13px/18px Arial, sans-serif; color:#323232; position:relative; min-width:320px; }
html,body {	height:100%; }
a {	color:#323232; outline:none; cursor:pointer; text-decoration:none; }
img { max-width:100%; }

/*  Header styles */
.banner { float:left; padding: 10px 0px 12px 0px; }
.banner a {	display: block; text-indent: -999em; width: 280px; height: 89px; background: url('../images/logo.png') no-repeat; padding: 5px;}
.banner-radio-times { float:left; padding: 10px 0px 12px 0px; }
.banner-radio-times a {	display: block;	text-indent: -999em; width: 280px; height: 89px; background: url('../images/logo-radio-times.gif') no-repeat; padding: 5px;}

h1,.composerSearch { font: 20px/28px Arial, 'Ubuntu', sans-serif; text-transform:none; color: #666666; }
h1 a:link { color: #666666; }
h1 a:visited { color: #666666; }
h1 a:hover { color: #323232; }

h1.sidSinPro { font: 16px Arial, 'Ubuntu', sans-serif; text-transform:none; color: #fff; background: #999; padding: 4px 8px 4px 8px; width: 210px; text-align:center;}
h1.productDetails { font-size: 24px; }
h2 { font: 16px/22px Arial, 'Ubuntu', sans-serif; color: #666666; text-transform:none; }
h3 { font: 14px/16px Arial, 'Ubuntu', sans-serif; color: #000000; text-transform:none; }

.strong { font-weight: bold; }

.newLine { display: inline; }

/*##################################################################*/
/* GLOBAL STRUCTURE */
/*##################################################################*/

.display_phone { display: none; }

.header-block-1 { margin: 0px 0px 22px 0px; }

.clear { clear:both; line-height:0;	font-size:0; overflow:hidden; height:0;	width:100%; }
.wrapper { width: 100%; }
.extra-wrap { overflow:hidden; display:block; }
.fleft { float:left; }
.fright { float:right; }
.alignright { text-align:right; }
.aligncenter { text-align:center; }
.alignmiddle *{	vertical-align:middle; }

.sf-menu > li > a, .list-2 li a, .list-follow a, .list-1 li a, .date-block-2 a, .button, .sf-menu li li a, .policy a, .link-1, dl#accordion dt a, dl#accordion dd a, .link-2 {
	-webkit-transition: color 0.3s ease, background-color 0.3s ease;
	-moz-transition: color 0.3s ease, background-color 0.3s ease;
	-o-transition: color 0.3s ease, background-color 0.3s ease;
	transition: color 0.3s ease, background-color 0.3s ease;
}

/*##################################################################*/
/* IDENTS */
/*##################################################################*/

.ident-bot-1 {margin-bottom: 18px;}
.ident-bot-2 {margin-bottom: 13px;}
.ident-bot-3 {margin-bottom: 19px;}
.ident-bot-4 {margin-bottom: 50px;}
.ident-bot-5 {margin-bottom: 24px;}
.ident-bot-6 {margin-bottom: 15px;}
.ident-bot-7 {margin-bottom: 14px;}
.ident-bot-8 {margin-bottom: 35px;}
.ident-bot-9 {margin-bottom: 32px;}
.ident-bot-10 {margin-bottom: 11px;}
.ident-bot-11 {margin-bottom: 36px;}
.ident-bot-12 {margin-bottom: 22px;}
.ident-bot-13 {margin-bottom: 41px;}
.ident-bot-14 {margin-bottom: 26px;}
.ident-bot-15 {margin-bottom: 20px;}
.ident-bot-16 {margin-bottom: 52px;}
.ident-bot-17 {margin-bottom: 10px;}
.ident-bot-18 {margin-bottom: 31px;}
.ident-bot-19 {margin-bottom: 30px;}
.ident-bot-20 {margin-bottom: 9px;}
.ident-bot-21 {margin-bottom: 56px;}
.ident-bot-22 {margin-bottom: 12px;}
.ident-bot-23 {margin-bottom: 70px;}
.ident-bot-24 {margin-bottom: 61px;}
.ident-bot-25 {margin-bottom: 25px;}
.ident-bot-26 {margin-bottom: 21px;}
.ident-bot-27 {margin-bottom: 16px;}
.ident-bot-28 {margin-bottom: 17px;}
.ident-bot-29 {margin-bottom: 44px;}
.ident-bot-30 {margin-bottom: 4px;}

.ident-left-1 {margin-left: 16px;}

.ident-right-1 {margin-right: 16px;}
.ident-right-2 {margin-right: 10px;}

.ident-top-1 {margin-top: 8px;}
.ident-top-2 {margin-top: 5px;}
.ident-top-3 {margin-top: 18px;}
.ident-top-4 {margin-top: 50px;}
.ident-top-5 {margin-top: 30px;}

/*##################################################################*/
/* INPUT SELECT TEXTAREA RADIO CHECKBOXES
/*##################################################################*/

input { width: 94%; height: 30px; margin: 0px 0px 15px 0px; z-index: 1; border: 1px solid #ccc; background: #FFFFFF; padding: 5px 10px 3px 10px; font-size: 16px; color: #666; }
select { height: 40px; margin: 0px 0px 15px 0px; z-index: 1; border: 1px solid #ccc; background: #FFFFFF; padding: 8px 10px 6px 10px; font-size: 16px; color: #666; }
select.large { width: 323px; }
select.small { width: 160px; }
textarea { width: 300px; height: 90px; font-family: arial; border: 1px solid #ccc; padding: 5px 10px 3px 10px; background: #FFFFFF; color: #666; }

input.newcard { width: 220px; }
.inputDisabled { background: #ccc; }
.inputEnabled { background: #fff; }

.advSearch { width: 340px; }
.advSearchLabel { display: inline-block; width: 67px; height: 30px; background: #ccc; color: #fff; font-size: 16px; padding: 10px 5px 0px 5px; text-align: left; }
select.advSearch { width: 380px; height: 40px; }

.memberDetails { width: 260px; }

.subscribe { margin:0px; z-index: 1; border: 1px solid #ccc; background: #FFFFFF; padding: 5px 10px 3px 10px; color: #999; }

.search { float: right; margin: 20px 0px 0px 0px; z-index: 1; border: 1px solid #cccccc; margin-bottom: 20px; }
.search .input { width: 570px; height: 30px; padding: 3px 10px 3px 10px; margin: 0px 0px 0px 0px; border: none; color: #999999; font-size: 16px; }

.newsletter { width:430px; margin: 0px 0px 0px 0px; z-index: 1; border: 2px solid #ffffff; background: #FFFFFF; }
.newsletter .input { width: 370px; height: 30px; padding: 5px 10px 3px 10px; margin: 0px; border: none; color: #999999; font-size: 16px; }

/* custom radio and checkbox */
input[type="checkbox"] { display:none; }
input[type="checkbox"] + label span { display:inline-block; width:19px; height:19px; margin:-1px 4px 0 0; vertical-align:middle; background:url(/images/check_radio_sheet.png) left top no-repeat; cursor:pointer; }
input[type="checkbox"]:checked + label span { background:url(/images/check_radio_sheet.png) -19px top no-repeat; }

input[type="radio"] { display:none; }
input[type="radio"] + label span { display:inline-block; width:19px; height:19px; margin:-1px 4px 0 0; vertical-align:middle; background:url(/images/check_radio_sheet.png) left top no-repeat; cursor:pointer; }
input[type="radio"]:checked + label span { background:url(/images/check_radio_sheet.png) -19px top no-repeat; }

/*##################################################################*/
/* CONTENT */
/*##################################################################*/

.main { width:976px; margin: 0 auto; background: #666666; -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.1); box-shadow: 0 0 5px rgba(0,0,0,0.1); }
.row-main {	background: #ffffff; margin 0; padding: 0px 0px 20px 0px; }
#content { padding: 20px 0 57px 0; }
#page1 #content { padding: 0px 0 0px 0; }

/*##################################################################*/
/* FOOTER */
/*##################################################################*/

.row-footer { padding: 20px 0px 20px 0px; border-top: 12px solid #F2CF0A; color: #ffffff; }

.copyright { font: 14px/20px Arial, Arial, sans-serif; color: #ffffff; }
.copyright a { color: #ffffff;	text-decoration:underline; }
.copyright a:hover { color:#F2CF0A; }

.footer-menu li { float:left; color: #ffffff; padding:0 8px; }
.footer-menu li:first-child { background:none; padding-left:0; }
.footer-menu li a {	font: 13px/20px Arial, Arial, sans-serif; color: #ffffff; }
.footer-menu li a:hover { text-decoration:underline; }

.footer-text-1 { font:21px/26px Arial, 'Ubuntu', sans-serif; color:#ffffff; }
.footer-text-link { font:20px/26px Arial, 'Ubuntu', sans-serif; color:#ffffff; vertical-align: middle; margin-left: 10px; }

.home-text { font-size: 14px; background: #dddddd; color: #666666; padding: 10px; border-top: 12px solid #F2CF0A; }

.list-2 li { list-style-type: none; }
.list-2 li { line-height: 28px; padding-left: 12px; }
.list-2 li a { color: #ffffff; font: 14px/28px Arial, Arial, sans-serif; }
.list-2 li a:hover { color: #F2CF0A; }

.block-1 { text-align:left;	padding-top: 0px; }
.block-2 { display:inline-block; }

/*##################################################################*/
/* PADDING */
/*##################################################################*/

.padding5 { padding: 5px; }
.padding8 { padding: 8px; }
.padding10 { padding: 10px; }

.padding5top { padding-top: 5px; }
.padding10top { padding-top: 10px; }
.padding20top { padding-top: 20px; }

.padding10bot { padding-bottom: 10px; }
.padding20bot { padding-bottom: 20px; }

.padding5left { padding-left: 5px; }

.margin5 { margin: 5px; }
.margin10top { margin-bottom: 10px; }
.margin20top { margin-bottom: 20px; }
.margin5left { margin-left: 5px; }
.margin5right { margin-right: 5px; }
.margin10right { margin-right: 10px; }
.margin10bot { margin-bottom: 10px; }
.margin20bot { margin-bottom: 20px; }

.minhgt100 { min-height: 100px }
.minhgt125 { min-height: 125px }
.minhgt200 { min-height: 200px }

/*##################################################################*/
/* CLEARFIX */
/*##################################################################*/

.cf:before, .cf:after { content: ""; display: table; } 
.cf:after { clear: both; }
.cf { zoom: 1; /* For IE 6/7 (trigger hasLayout) */ }

/*##################################################################*/
/* MISC */
/*##################################################################*/

.fontWhite { color: #ffffff; }
.fontGrey { color: #cccccc; }
.fontDkGrey { color: #999999; }
.fontLtGrey { color: #eeeeee; }
.fontGreen { color: green; }
.fontRed { color: red; }
.fontGold { color: #323231; }

.fontSmall { font-size: 11px; }
.fontLarge { font-size: 18px; }

.bgWhite { background-color: #ffffff; }
.bgYellow { background-color: #F2CF0A; }
.bgGrey { background-color: #cccccc; }
.bgLtGrey { background-color: #eeeeee; }

.imgCurrency { vertical-align:middle;padding: 0 5px 4px 0; }

.basketTop {  }
.basketTop img { padding: 0px 5px 5px 0px; border: none; width: 60px; float: left; }

.underline { border-bottom: 1px solid #cccccc; }
.underlineDotted { border-bottom: 1px dotted #cccccc; }
.linkUnderline { text-decoration: underline; }
.linkUnderline:hover { text-decoration: none; }
.linkHover:hover { text-decoration: underline; }

.error { color: red; font-size: 14px; font-weight: bold; margin-bottom: 10px; }
.thanks { color: green; font-size: 14px; font-weight: bold; margin-bottom: 10px; }

.border-bot { border-bottom: 1px solid #cccccc; }
.border-top { border-top: 1px solid #cccccc; }
.border-all { border: 1px solid #cccccc; }

ul { list-style-type: square; margin: 15px; 0px 15px 20px; }

/*##################################################################*/
/* BROWSER VERSION */
/*##################################################################*/

.browser_version { width:60%; margin: 10px auto 10px auto; padding: 15px; background: #eeeeee; font-size: 16px; color: #ff0000; -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.1); box-shadow: 0 0 5px rgba(0,0,0,0.1); }

/*##################################################################*/
/* BUTTONS */
/*##################################################################*/

.btn { cursor:pointer; border: none; padding:3px 4px 3px 3px; margin: 7px 7px 7px 0px; color: #fff; font-size:16px; }

.btn.checkout { background: #0A91F2; font-size: 22px; }
.btn.checkout:hover { background: #F2CF0A; color: #666; }

.btn.checkout-large { background: #0A91F2; font-size: 22px; margin-top: 20px; }
.btn.checkout-large:hover { background: #F2CF0A; color: #666; }
.btn.checkout-large-disabled { display: none; }

.btn.update { background: #fff; color: green; margin: 0px 10px 0px 10px; font-size: 22px; }
.btn.update:hover { background: #666; color: #fff; }

.btn.delete { background: #fff; color: red; margin: 0px 10px 0px 10px; font-size: 22px; width: 17px;  }
.btn.delete:hover { background: #666; color: #fff; }

.btn.add-to-basket { background: #0A91F2; font-size: 24px; width: 100%; }
.btn.add-to-basket:hover { background: #F2CF0A; color: #666; }
.btn.add-to-basket-voucher { background: #0A91F2; font-size: 22px; width: 322px; }
.btn.add-to-basket-voucher:hover { background: #F2CF0A; color: #666; }
.btn.in-basket { background: #0A91F2; font-size: 22px; width: 100%; }
.btn.in-basket:hover { background: #F2CF0A; color: #666; }

.btn.pre-order { background: #0A91F2; font-size: 22px; width: 100%; }
.btn.pre-order:hover { background: #F2CF0A; color: #666; }

.btn.add-to-wishlist { background: #F2CF0A; color: #666; width: 100%; }
.btn.add-to-wishlist:hover { background: #666; color: #fff; }

.btn.in-wishlist { background: #F2CF0A; color: #666; width: 100%; }
.btn.in-wishlist:hover { background: #666; color: #fff; }

.btn.print { background: #F2CF0A; color: #666; width: 100%; }
.btn.print:hover { background: #666; color: #fff; }

.btn.prev { background: #F2CF0A; color: #666; width: 100px; }
.btn.prev:hover { background: #666; color: #fff; }

.btn.next { background: #F2CF0A; color: #666; width: 100px; }
.btn.next:hover { background: #666; color: #fff; }

.btn.works { background: #F2CF0A; color: #666; margin-bottom: 20px; } 
.btn.works:hover { background: #666; color: #fff; }

.btn.login { width: 99%; height: 38px; background: #0A91F2; font-size: 22px; margin: 0px 0px 15px 0px; }
.btn.login:hover { background: #F2CF0A; color: #666; }

.btn.loginYell { width: 99%; height: 38px; background: #F2CF0A; color: #666; font-size: 22px; margin: 0px 0px 15px 0px; }
.btn.loginYell:hover { background: #666; color: #fff; }

.btn.memberDetails { width: 282px; height: 38px; background: #0A91F2; font-size: 22px; margin: 0px 0px 15px 0px; }
.btn.memberDetails:hover { background: #F2CF0A; color: #666; }

.btn.advSearch { width: 225px; height: 38px; background: #0A91F2; font-size: 22px; margin: 0px 0px 15px 0px; }
.btn.advSearch:hover { background: #F2CF0A; color: #666; }
.btn.advSearchClear { width: 225px; height: 38px; background: #F2CF0A; color: #666; font-size: 22px; margin: 0px 0px 15px 0px; }
.btn.advSearchClear:hover { background: #666; color: #fff; }
.btn.advSearchBlank { width: 322px; height: 35px; background: #fff; font-size: 22px; margin: 0px 0px 15px 0px; }

.btn.navResults { background: #fff; color: #666; padding: 0px; margin: 0px; }
.btn.navResults:hover { background: #666; color: #fff; padding: 0px; margin: 0px; }

.btn.add-new-address { background: #F2CF0A; color: #666; width: 170px; padding:5px 6px 4px 6px; }
.btn.add-new-address:hover { background: #666; color: #fff; }

.btn.add-new-card { background: #F2CF0A; color: #666; width: 170px; padding:5px 6px 4px 6px; }
.btn.add-new-card:hover { background: #666; color: #fff; }

.btn.add-discount { background: #F2CF0A; color: #666;  padding:5px 6px 4px 6px; }
.btn.add-discount:hover { background: #666; color: #fff; }

.btn.member { background: #F2CF0A; color: #666; padding:5px 6px 4px 6px; margin: 7px 0px 7px 0px; }
.btn.member:hover { background: #666; color: #fff; }

.btn.member-logout { background: #F2CF0A; color: #666; padding:5px 6px 4px 6px; margin: 0px 0px 16px 0px; }
.btn.member-logout:hover { background: #666; color: #fff; }

.btn.member-delete { background: inherit; color: red; margin: -8px 10px 0px 10px; font-size: 22px; width:27px; }
.btn.member-delete:hover { background: #666; color: #fff; }

.btn.member-edit { background: inherit; color: green; margin: -8px 10px 0px 10px; font-size: 22px; width:27px; padding-top:7px;  }
.btn.member-edit:hover { background: #666; color: #fff; }

.btn.stockGreen { color: green; background: white; font-size: 18px; margin: 0px; padding: 0px; }
.btn.stockRed { color: red; background: white; font-size: 18px; margin: 0px; padding: 0px; }

.btn.change { width: 323px; height: 38px; background: #0A91F2; font-size: 22px; margin: 0px 0px 15px 0px; }
.btn.change:hover { background: #F2CF0A; color: #666; }

.search .search-btn { cursor:pointer; width: 30px; height: 26px; border: none; background: #ffffff; color: #999999; font-size:22px; padding-top: 2px; }

.newsletter .newsletter-btn { cursor: pointer; border: none; background: #ffffff; color: #666666; font-size: 20px; }

/*##################################################################*/
/* SEARCH-RESULTS.php */
/*##################################################################*/

.navResults { text-align:center; font-size:18px; }
.navResults a { padding: 5px 6px 5px 6px; }
.navResults a:hover { background: #0A91F2; color: #ffffff; }
/* #F2CF0A */
.navResults .current { background: #F2CF0A; }

/*##################################################################*/
/* PRODUCT-DETAILS.php */
/*##################################################################*/

.price { font-size: 30px; padding: 6px 0px 6px 0px; }
.priceSave { font-size: 14px; padding: 0px 0px 0px 0px; }
.priceOfferEnd { font-size: 14px; padding: 0px 0px 0px 0px; }

/*.priceOverlay { font-size: 20px; color: #666; padding: 6px 0px 6px 0px; background: #F2CF0A; position: relative; left: 125px; bottom: -170px; width: 80px; text-align: center; }*/
.priceOverlay { font-size: 20px; color: #666; padding: 4px 8px 4px 8px; width: 210px; background: #F2CF0A; text-align: center; }

#sharethis { width: 275px; background: #fff; padding: 20px 40px 10px 0px; text-align:center;}
.st_sharethis_custom { background: url("/images/icon-sharethis.gif") no-repeat; padding:0px 40px 40px 0; cursor: pointer;}
.st_facebook_custom { background: url("/images/icon-facebook.gif") no-repeat; padding:0px 40px 40px 0px; cursor: pointer; }
.st_twitter_custom { background: url("/images/icon-twitter.gif") no-repeat; padding:0px 40px 40px 0px; cursor: pointer; }
.st_googleplus_custom { background: url("/images/icon-google.gif") no-repeat; padding:0px 40px 40px 0; cursor: pointer; }
.st_pinterest_custom { background: url("/images/icon-pinterest.gif") no-repeat; padding:0px 40px 40px 0; cursor: pointer; }
.st_email_custom { background: url("/images/icon-email.gif") no-repeat; padding:0px 40px 40px 0; cursor: pointer; }
/*.sharethisIndent { padding-left: 20px; font-size: 12px; }*/


/*##################################################################*/
/* TABS ON PRODUCT DETAILS */
/*##################################################################*/

.responsive-tabs__heading { display: none;}
.responsive-tabs__list__item { display: inline; cursor:pointer;}

@media (max-width: 767px) {
	.responsive-tabs__list { display: none;}
	.responsive-tabs__heading { display: block; cursor: pointer; }
	.responsive-tabs__panel--closed-accordion-only { display: none;}
}

@media (min-width: 768px) {
	.responsive-tabs__panel--closed-accordion-only { display: block !important;}
}

/* OPTIONAL - Basic Skin */
.responsive-tabs-wrapper { clear: both; zoom: 1; }
.responsive-tabs-wrapper:before,.responsive-tabs-wrapper:after { content: ""; display: table; }
.responsive-tabs-wrapper:after { clear: both; }
.responsive-tabs__heading:focus,.responsive-tabs__list__item:focus { outline: 1px solid #ccc; }
.responsive-tabs__heading--active:focus,.responsive-tabs__list__item--active:focus { outline: none !important;}
.responsive-tabs__list { font-size: 1.0em; margin: 2em 0 0 0; padding: 0;border-bottom: 1px solid #ddd; padding-bottom:11px; line-height: 1em;}
.responsive-tabs__list__item { background: #F2CF0A; padding: 10px 20px; margin-right: 1em; border-top-left-radius: 5px; border-top-right-radius: 5px;border: 1px solid #ddd; }
/*.responsive-tabs__list__item:last-child { background: #F2CF0A; }*/
.responsive-tabs__list__item:hover { background: #efefef; }
.responsive-tabs__list__item--active, .responsive-tabs__list__item--active:hover { background: #fff; border-bottom-color: #fff;}
.responsive-tabs__panel { margin-bottom: 50px;}
@media (max-width: 767px) {
	.responsive-tabs__heading {	padding: 0.5em; border-radius: 5px; border: 1px solid #ccc; box-shadow: 0px 2px 3px rgba(0,0,0,0.4); background: #ddd; position: relative; }
	.responsive-tabs__heading:after { content:""; display: block; position: absolute; right: 20px; top: 40%; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #000; }
	.responsive-tabs__heading:hover, .responsive-tabs__heading--active:hover { background-color: #efefef}
	.responsive-tabs__heading--active { background: #fff;}
	.responsive-tabs__heading--active:after { border-bottom: 10px solid #000; border-top:0; }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.responsive-tabs__list__item { padding: 10px 15px; margin-right: 1em; }
}

/* END - Optional - Basic Skin */

/*##################################################################*/

.multibuyBox { background: #eee; width: 207px; padding: 8px; border: 2px solid #F2CF0A; }

/*##################################################################*/
/* BASKET & CHECKOUT */
/*##################################################################*/

.basketImage { width: 50px; margin: 0px 0px 20px 0px; } 
 
.basketPrice { font-size: 18px; padding: 10px 0px 6px 0px; }

.basketQuantity { width: 30px; height: 30px; margin: 0px 0px 5px 0px; z-index: 1; border: 1px solid #ccc; background: #FFFFFF; padding: 2px 10px 1px 10px; font-size: 16px; color: #999; }

.checkoutAddressSelect { width: 100%; height: 30px; margin: 0px 0px 15px 0px; z-index: 1; border: 1px solid #ccc; background: #FFFFFF; padding: 5px 10px 3px 10px; font-size: 16px; color: #666; }
.checkoutAddressDisabled { background: #cccccc; color: #eeeeee; }

.checkoutCardSelect { width: 220px; height: 30px; margin: 0px 0px 15px 0px; z-index: 1; border: 1px solid #ccc; background: #FFFFFF; padding: 5px 10px 3px 10px; font-size: 16px; color: #666; }

.checkoutDiscount { width: 200px; height: 20px; margin: 0px 0px 0px 0px; z-index: 1; border: 1px solid #ccc; background: #FFFFFF; padding: 5px 10px 3px 10px; font-size: 16px; color: #999; }

.popbox { display: none; position: absolute; z-index: 99999; width: 400px; padding: 10px; background: #EEEFEB; color: #000000; border: 1px solid #4D4F53; margin: 0px; -webkit-box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1);
    box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1); }
.popbox h2 { background-color: #4D4F53; color: #E3E5DD; font-size: 14px; display: block; width: 100%; margin: -10px 0px 8px -10px; padding: 5px 10px; }

.popboxReview { display: none; position: absolute; z-index: 99999; width: 80%; padding: 10px; background: #EEEFEB; color: #000000; border: 1px solid #4D4F53; margin: 0px; -webkit-box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1);
    box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1); }
.popboxReview img { width: 140px; }
.popboxReview h2 { background-color: #4D4F53; color: #E3E5DD; font-size: 14px; font-weight: bold; display: block; width: 100%; margin: -10px 0px 8px -10px; padding: 5px 10px; }
.italic { font-style: italic; }

/*##################################################################*/
/* SF CUSTOM FONT AWESOME */
/*##################################################################*/

.basket .fa { padding-top: 0px; font-size: 28px; }
.fa-chevron-right { margin-top: 3px; }
.fa-refresh, .fa-trash-o { margin-top: 3px; }
.home .fa { }
.phone .fa { color: #ffffff; padding: 20px 0px 10px 10px; float: right; }
.email .fa { color: #ffffff; padding: 20px 10px 10px 10px; float: right;}
.twitter .fa { color: #ffffff; padding: 20px 10px 10px 10px; float: right;}
.facebook .fa { color: #ffffff;padding: 20px 10px 10px 10px;  float: right;}
.voucher .fa { padding-top: 0px; font-size: 60px; }


/*##################################################################*/
/* COMPOSER SEARCH PAGE AND MENU */
/*##################################################################*/
/*
.composerLetters { text-align:center; font-size:18px; margin: 0px 3px 0px 2px; }
.composerLetters a { padding: 5px 7px 5px 7px; }
.composerLetters a:hover { background: #F2CF0A; }
*/
.composerLettersMenu { width: 12px; text-align:center; font-size:18px; }

ul#letters, ul#letters ul.sub-menu { padding: 5px 0px 0px 0px; margin: 0; }
ul#letters li, ul#letters ul.sub-menu li { list-style-type: none; display: inline-block; }
ul#letters li a, ul#letters li { margin: 0px 0px 0px 0px; text-decoration: none; font-size: 18px; padding: 5px 4px 5px 5px; display:inline-block; }
ul#letters li a:hover, ul#letters li a:hover { background: #F2CF0A; }
ul#letters li { position: relative; }
ul#letters li ul.sub-menu { background: #fff; border: 1px solid #ccc; display:none; position: absolute; top: 32px; left: 0; width: 180px; }
ul#letters ul.sub-menu li a { font-size: 14px; }
ul#letters ul.sub-menu li a:hover { } 
ul#letters li:hover ul.sub-menu { display: block; }

.composerSearchCols { float: left; width: 180px; padding: 0px; margin-bottom: 20px; }
.composerSearchCols a { color:black; }

.composerHgt { min-height: 125px }

.worksShowProducts { background:none; border:none; cursor: pointer; text-decoration: underline; padding: 0; margin: 0;}
.worksCols { float: left; width: 580px; padding: 10px 10px 10px 10px; }
.worksCols a { color:black; margin-left:3px; }

#composersearch { width: 97%; padding: 10px; border: 1px solid #CCCCCC; color: #CCCCCC; z-index: 2; position: relative; height: auto; color: #999999; font-size: 16px; margin: 0px auto 5px auto; }
#composerResults { z-index: 3; border:1px solid #CCCCCC; width:99%; display:none; line-height:0; margin-top:-3px; margin-left: 0px; font-size: 16px; }

#composerResults ul { list-style:none; padding:0px;	margin:0px; }
#composerResults ul li { background-color:#FFFFFF; text-align: left; }
#composerResults ul li:hover { background-color:#EBEBEB; }
#composerResults ul li a { line-height:20px; text-decoration:none; padding: 5px; display: block; color: #333333; }
.composerSearch_hover { background-color:#EBEBEB!important;	color:#232323!important; }

.composerSubWorksIndent { padding-left: 20px; }


/*##################################################################*/
/* LABEL SEARCH PAGE AND MENU */
/*##################################################################*/
/*
.labelLetters { text-align:center; font-size:18px; margin: 0px 3px 0px 2px; }
.labelLetters a { padding: 5px 7px 5px 7px; }
.labelLetters a:hover { background: #F2CF0A; }
*/
.labelLettersMenu { width: 12px; text-align:center; font-size:18px; }
.labelSearchCols { float: left; width: 180px; padding: 0px; margin-bottom: 20px; }
.labelSearchCols a { color:black; }

#labelsearch { width: 97%; padding: 10px; border: 1px solid #CCCCCC; color: #CCCCCC; z-index: 2; position: relative; height: auto; color: #999999; font-size: 16px; margin: 0px auto 5px auto; }
#labelResults {	z-index: 3; border:1px solid #CCCCCC; width:99%; display:none; line-height:0; margin-top:-3px; margin-left: 0px; font-size: 16px; }

#labelResults ul { list-style:none; padding:0px; margin:0px; }
#labelResults ul li { background-color:#FFFFFF; text-align: left; }
#labelResults ul li:hover { background-color:#EBEBEB; }
#labelResults ul li a { line-height:20px; text-decoration:none; padding: 5px; display: block; color: #333333; }
.labelSearch_hover { background-color:#EBEBEB!important; color:#232323!important; }

.labelIndent { padding-left: 0px; }
.labelSubIndent { padding-left: 20px; }


/*##################################################################*/
/* OTHER MISC */
/*##################################################################*/

.specialOfferCols { float: left; width: 270px; padding: 0px; }

.flagPosition { background-repeat: no-repeat; background-position: 5px 3px; padding-left: 27px;  }


/*##################################################################*/
/* DISC OF WEEK ON HOMEPAGE */
/*##################################################################*/

.discBlock h1.underline { width: 280px; }
.discBlock { height: 340px; border: 1px solid #ccc; background: #fff; margin: 0px 10px 15px 0px; }
.discInner { padding: 12px;  }
.discInner img { width: 140px; }
.discInner .tablet { display: none; }

/*##################################################################*/
/* AUDIO PLAYER ON PRODUCT DETAILS */
/*##################################################################*/

audio {	display: inline-block; *display: inline; *zoom: 1; width: 300px; height: 34px; background-color: #666; }
button { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; line-height: normal; *overflow: visible; }
.simBtn { border: 1px dotted; }
div#npTitle { padding: 0 0 10px 0px; }
div#audiocontent { padding-bottom: 33px; }
div#cwrap {	padding: 0px 0px; }
#audiowrap { margin: 0 auto; text-align: center; }
.double { padding-bottom: 20px; }
.ctrlbtn { width: 148px; cursor: pointer; }
.no-audio {	display: none; }
div#extraControls { }
div#plwrap { padding-top: 20px;	font-size: 1em; }
#plUL {	list-style: none; margin: 0; padding: 2px 0 0 0; }
#plUL li { cursor: pointer;	line-height: 36px; border-bottom: 1px dotted #ccc;	margin: 0 3px 0px 3px; background: url('/images/audio-play.png') 0px 12px no-repeat; background-size: 15px 15px; }
#plUL li:hover { font-size: 1.25em; }
.plItem { position: relative; }
.plTitle { position: absolute; top: 0; right: 65px; left: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.plNum { width: 25px; color: white;   }
.plNum, .plLength {	text-align: right; }
.plLength { position: absolute; top: 0; right: 5px; width: 60px; }
.plSel, .plSel:hover { font-size: 1.25em; cursor: pointer !important; }
.is-audio, #audio0 {  }
.js.audio .is-audio { display: block; }
.js #audio0 { display: block; }

.pressReview { border-top: 1px dotted #ccc; margin-bottom: 15px; padding-top: 15px; }
.pressReview.first { border: none; }
.pressReview img { max-width: 180px; }
.pressName { margin-top: 20px; font-size: 16px; font-weight: normal; font-style: italic;  }
.pressReviewDate { font-size: 14px; font-style: normal; color: #666; margin-left: 10px; margin-right: 10px; }
@media only screen and (max-width: 479px) {
	.pressReviewDate { margin-right: 30px; }
}

/*##################################################################*/
/* OVERLAY ON PRODUCT DETAILS */
/*##################################################################*/

.overAvail { display:none; z-index:10000; background-color:#fff; width:500px; min-height:200px; border:1px solid #666; padding: 10px; -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; }
.overAvail .close { background-image:url(/images/close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px; }
/* http://jquerytools.org/demos/overlay/index.html */


/*##################################################################*/
/* MEMBER HOME AND ORDERS */
/*##################################################################*/

.orderBox { border: 2px solid #F2CF0A; padding: 8px; margin-bottom: 35px; }


/*##################################################################*/
/*##################################################################*/
/*##################################################################*/
/* RESPONSIVE
/*##################################################################*/

/* tablet portrait */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.main { width:778px; }
	.row-main {	padding-right:5px; padding-left:5px; }
	.footer-menu li { padding: 0 3px; }
	.search { margin: 5px 0px 20px 0px; }
	.search .input { width: 690px; }
	.newsletter { width: 350px;  }
	.newsletter .input { width: 280px; font-size: 14px; }
	.copyright { font-size: 12px; }
	.btn.add-to-basket { font-size: 20px; }
	ul#letters li a, ul#letters li { padding: 5px 3px 5px 2px; }
	select { height: 34px; margin: 0px 0px 10px 0px; padding: 8px 3px 6px 3px; font-size: 14px; }
	.discBlock { height: 268px; }
	.discBlock h1.underline { width: 200px; }
	.discInner { padding: 8px; }
	.discInner h1 { font-size: 18px; }
	.discInner h2 { font-size: 14px; }
	.discInner img { width: 100px; }
	.discInner .full { display: none; }
	.discInner .tablet { display: inline; }
	.composerHgt { min-height: 130px }
	.advSearch { width: 260px; }
	select.advSearch { width: 286px; }
	.btn.advSearch { width: 178px; }
	.btn.advSearchClear { width: 178px; }
	.btn.login { width: 100%; }
	.btn.loginYell { width: 100%; }
	.display_phone { display: none; }
	select.large { width: 300px; }
	.btn.change { width: 300px; }
	.multibuyBox { width: 152px; }
	h1.sidSinPro, .priceOverlay { width: 155px; }
	
}

/* phone landscape */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.main { width:440px; }
	.row-main {	padding-right:5px; padding-left:5px; }
	.menu-1 { margin-top:10px; margin-right:12px; margin-bottom:10px; }
	.search .input { width: 362px; }
	.newsletter { width: 416px;  }
	.newsletter .input { width: 360px; font-size: 16px; }
	.display_full { display: none!important; }
	.display_phone { display: inline; }
	.display_video { display: none!important; }
	.cards, .copyright  { text-align: center; }
	.discBlock { height: 260px; }
	.discBlock h1.underline { width: 260px; }
	.discInner { padding: 8px; }
	.discInner h1 { font-size: 18px; }
	.discInner h2 { font-size: 14px; }
	.discInner img { width: 100px; }
	.discInner .full { display: none; }
	.discInner .tablet { display: inline; }
	.productHome { min-height: 305px; }
	#composersearch { width: 94%; }
	#labelsearch { width: 94%; }
	.advSearch { width: 319px; }
	select.advSearch { width: 342px; }
	.btn.advSearch { width: 207px; }
	.btn.advSearchClear { width: 207px; }
	select.large { width: 420px; }
	.btn.change { width: 420px; }
	.multibuyBox { width: 400px; }
	h1.sidSinPro, .priceOverlay { width: 402px; }
	.newLine { display: block; }
}

/* phone portrait */
@media only screen and (max-width: 479px) {
	.main {	width:330px; }
	.menu-1 { margin-right: 70px; }
	.search .input { width: 242px; }
	.newsletter { width: 300px;  }
	.newsletter .input { width: 240px; font-size: 12px; }
	.display_full { display: none!important; }
	.display_phone { display: inline; }
	.display_video { display: none!important; }
	.cards { text-align: center; }
	.copyright { text-align: center; }
	.discBlock { height: 290px; }
	.discBlock h1.underline { width: 180px; }
	.discInner { padding: 8px; }
	.discInner h1 { font-size: 16px; }
	.discInner h2 { font-size: 14px; }
	.discInner img { width: 80px; }
	.discInner .full { display: none; }
	.discInner .tablet { display: inline; }
	#composersearch { width: 90%; }
	#labelsearch { width: 90%; }
	.advSearch { width: 201px; }
	select.advSearch { width: 223px; }
	.btn.advSearch { width: 299px; }
	.btn.advSearchClear { width: 299px; }
	select.large { width: 100%; }
	.btn.change { width: 300px; }
	.multibuyBox { width: 280px; }
	h1.sidSinPro, .priceOverlay { width: 282px; }
	.newLine { display: block; }
}

/*##################################################################*/
/*##################################################################*/
/*##################################################################*/

/* MOBILE MENU HIDE */

#mobnav-btn {
    display: none;
    font-size: 20px;
    font-weight: bold;
    background-color: #F2CF0A;
    color: #666;
    padding: 10px;
    cursor: pointer;
    text-align: center;
}
.mobnav-subarrow {
    display: none;
}
@media only screen and (max-width: 768px) {
    #mobnav-btn {
        display: block;
    }
    .mobnav-subarrow {
        display: block;
        background-color: #0f3975;
        opacity: .3;
        border-bottom: 1px solid white;
        border-top: 1px solid black;
        height: 20px;
        width: 30px;
        background-position: top left!important;
        position: absolute;
        top: 8px;
        right: 10px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        cursor: pointer;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        cursor: pointer;
        -webkit-transition: all .1s ease-in-out;
        -moz-transition: all .1s ease-in-out;
        -ms-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out;
    }
    .sf-menu {
        width: 100%!important;
        display: none;
    }
    .sf-menu.xactive {
        display: block!important;
    }
    .sf-menu li {
        float: none!important;
        display: block!important;
        width: 100%!important;
    }
    .sf-menu li a {
        float: none!important;
    }
    .sf-menu ul {
        position:static!important;
        display: none!important;
    }
    .xpopdrop ul {
        display: block!important;
    }
}

.xmas { margin-bottom: 20px; border: 1px solid #ccc; padding: 10px; text-align: center; font-size: 14px; color: black; background: #eee; }

input::placeholder {
	color: #aaaaaa;
	font-weight: normal;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #cccccc;
  font-weight: normal;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #aaaaa;
  font-weight: normal;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #cccccc;
  font-weight: normal;
}
:-moz-placeholder { /* Firefox 18- */
  color: #cccccc;
  font-weight: normal;
}

.checkoutinput { font-weight: bold; }

#cookie-bar {background:#111111; height:auto; line-height:24px; color:#eeeeee; text-align:center; padding:8px 0;}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable {background:#0A91F2;}
#cookie-bar .cb-enable:hover {background:#F2CF0A;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#e6e6e6; color:#000000; }
#cookie-bar .cb-policy:hover {background:#8c8c8c;}