/*************************************************************
Global Resets
**************************************************************/

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, address, th, td {margin: 0; padding: 0;}
dt, address, caption, cite, code, dfn, em, i, strong, b, th, var {font-style: normal; font-weight: normal;}
img, fieldset {border: 0;}
textarea, input {font-family: inherit; font-size: inherit;}
strong, b, th {font-weight: bold;}
em, i {font-style: italic;}
td {vertical-align: top;}
ul {list-style: none;}
ol {line-height: 1.5em; padding: 6px 5px 3px 35px;}
table {
	width: 100%;
	font-size: 100%;
}
a {outline: none;}
.fl {float: left;}
.fr {float: right}
.helpcursor:hover {cursor: help;}
#accessibility, legend {display: none;}
form #basket th {padding: 1em;}
fieldset {margin: 0 0 2em 0; padding: 1em;}
address{margin:0 0 1em 0;}


/*************************************************************
Buttons
**************************************************************/

.cat-button a, .soldout, button.cat-button, .trans-button a, button.trans-button, .close, .site-button a, button.site-button, .product-image-controls button, .peak-button a, button.peak-button {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background-repeat: no-repeat;
	cursor: pointer;
}
button.cat-button, button.trans-button, .close, button.site-button, .product-image-controls button, button.peak-button {
	border: 0;
	background-color: transparent;
	padding: 0;
	margin: 0;
}

/* Catalogue Buttons */

.buynow a {background-position: 0 0;}
.preorder a {background-position: 0 -28px;}
.product-details .buynow a, .product-details button.buynow {background-position: 0 -56px;}
.product-details .preorder a, .product-details button.preorder {background-position: 0 -96px;}
.more a {background-position: 0 -136px;}
.viewall a {background-position: 0 -164px;}
.soldout {
	background-position: 0 -192px;
	cursor: default;
}
.navbasket-viewbasket {background-position: 0 -220px;}
.navbasket-gotocheckout {background-position: 0 -248px;}
.navbasket-delete a {background-position: 0 -276px;}
.navbasket-adddiscountcode {background-position: 0 -304px;}
button.search {background-position: 0 -332px;}
.moreinfo a {background-position: 0 -360px;}
button.zoombutton {background-position: 0 0;}

/* Peak Buttons */
button.findagift {background-position: 0 0;}
button.findagift:hover {background-position: right 0;}


/* Transactional Buttons */

.basket-remove a {background-position: 0 0;}
.basket-add a {background-position: 0 -28px;}
.basket-delete a {background-position: 0 -56px;}
.add {background-position: 0 -84px;}
.continueshopping a {background-position: 0 -112px;}
.gotocheckout a {background-position: 0 -140px;}
.addnewaddress a, button.addnewaddress {background-position: 0 -180px;}
.addnewcard a {background-position: 0 -208px;}
.change a, button.change {background-position: 0 -236px;}
#existing-wrap .login, button.login {background-position: 0 -264px;}
#new-wrap .register, button.register {background-position: 0 -304px;}
button.continue {background-position: 0 -344px;}
button.placeorder {background-position: 0 -384px;}
button.send {background-position: 0 -424px;}
.logout a {background-position: 0 -464px;}
.submit {background-position: 0 -492px;}
.view a {background-position: 0 -520px;}
.edit a {background-position: 0 -548px;}
.close {background-position: 0 -576px;}
.cancel a {background-position: 0 -604px;}
.query a {background-position: 0 -632px;}
button.requestcancellation {background-position: 0 -660px;}
.resolve a {background-position: 0 -688px;}
.resolveproblem a, button.resolveproblem {background-position: 0 -716px;}
.delete a {background-position: 0 -744px;}
.makefavourite a {background-position: 0 -772px;}
button.contactus {background-position: 0 -800px;}
.wrap a {background-position: 0 -840px;}
.unwrap a {background-position: 0 -868px;}
button.submit-large {background-position: 0 -896px;}
.myaccount a {background-position: 0 -936px;}
button.help-search {background-position: 0 -964px;}
.dontusecredit a {background-position: 0 -992px;}
.usecredit a {background-position: 0 -1020px;}
.viewbasket a {background-position: 0 -1102px;}

/* --- Hover States --- */


/* Catalogue Buttons */

.buynow a:hover {background-position: right 0;}
.preorder a:hover {background-position: right -28px;}
.product-details .buynow a:hover, .product-details button.buynow:hover {background-position: right -56px;}
.product-details .preorder a:hover, .product-details button.preorder:hover {background-position: right -96px;}
.more a:hover {background-position: right -136px;}
.viewall a:hover {background-position: right -164px;}
.navbasket-viewbasket:hover {background-position: right -220px;}
.navbasket-gotocheckout:hover {background-position: right -248px;}
.navbasket-delete a:hover {background-position: right -276px;}
.navbasket-adddiscountcode:hover {background-position: right -304px;}
button.search:hover {background-position: right -332px;}
.moreinfo a:hover {background-position: right -360px;}
button.zoombutton:hover {background-position: right 0;}

/* Transactional Buttons */

.basket-remove a:hover {background-position: right 0;}
.basket-add a:hover {background-position: right -28px;}
.basket-delete a:hover {background-position: right -56px;}
.add:hover {background-position: right -84px;}
.continueshopping a:hover {background-position: right -112px;}
.gotocheckout a:hover {background-position: right -140px;}
.addnewaddress a:hover, button.addnewaddress:hover {background-position: right -180px;}
.addnewcard a:hover {background-position: right -208px;}
.change a:hover, button.change:hover {background-position: right -236px;}
#existing-wrap .login:hover, button.login:hover {background-position: right -264px;}
#new-wrap .register:hover, button.register:hover {background-position: right -304px;}
button.continue:hover {background-position: right -344px;}
button.placeorder:hover {background-position: right -384px;}
button.send:hover {background-position: right -424px;}
.logout a:hover {background-position: right -464px;}
.submit:hover {background-position: right -492px;}
.view a:hover {background-position: right -520px;}
.edit a:hover {background-position: right -548px;}
.close:hover {background-position: right -576px;}
.cancel a:hover {background-position: right -604px;}
.query a:hover {background-position: right -632px;}
button.requestcancellation:hover {background-position: right -660px;}
.resolve a:hover {background-position: right -688px;}
.resolveproblem a:hover, button.resolveproblem:hover {background-position: right -716px;}
.delete a:hover {background-position: right -744px;}
.makefavourite a:hover {background-position: right -772px;}
button.contactus:hover {background-position: right -800px;}
.wrap a:hover {background-position: right -840px;}
.unwrap a:hover {background-position: right -868px;}
button.submit-large:hover {background-position: right -896px;}
.myaccount a:hover {background-position: right -936px;}
button.help-search:hover {background-position: right -964px;}
.dontusecredit a:hover {background-position: right -992px;}
.usecredit a:hover {background-position: right -1020px;}
.viewbasket a:hover {background-position: right -1102px;}


/* ############ alert highlight ############ */
#alert-highlight {
	border-width: 1px; 
	border-style: solid; 
	border-color: #F00; 
	background-color: #F00; 
	padding: 1em; 
	color: #FFF; 
	margin:0 0 1em 0;
}
#alert-highlight p {color: #666;}
#alert-highlight a {color: #FFF; text-decoration: underline;}


.availability-help #did-this-help {display: none;}


/* --- Account locked--- */
#account-login-wrap p.error-lock{color:#f00; font-weight:bold; font-size:1.6em; text-align:center;}

.panel-content .row .item ul { display: none; }


#q-background { position: absolute; top: 0; width: 100%;}
#q-wrap { position: relative; top:0; clear: both;}

.zoomButtons {
	background: #FFF;
}

/* --- Product Image --- */

.item .product-image {
	float:none;
	display: block;
	text-align: center;
	clear: both;
	overflow: hidden;
	width:100%;
}

#middle-rail .chart .product-image, #searchlist #middle-rail .product-image, #memory #middle-rail .product-image, #product-details .product-details .product-image {
	width: 23%;
	height: auto;
	overflow: visible;
	min-height: inherit;
	max-height: inherit;
	float: left;
}

/* --- account pagination --- */
a.theCurrentPage {
	font-weight: bold;
}


/*************************************************************
Double Product Panel
**************************************************************/

#wrap #body-content #double .wrapper {
	display: inline;
	float: left;
	min-height: 180px;
	height: auto !important;
	height: 180px;
	width: 50%;
	margin: 10px 0;
}

#wrap #body-content #double .product-image, #wrap #body-content #single .product-image {
	float: left;
	width: 110px;
}

#wrap #body-content #double .wrapper .product-text {
	padding: 0 0 0 10px;
	width: 58%;
	text-align: left;
	float: left;
}


/*************************************************************
Shops
**************************************************************/

/* --- Shops CSS Resets --- */

body#shops #header {padding-bottom: 0;}

body#shops #middle-rail {
	width: 100%;
	padding: 0;
}

body#shops #shop-content-wrap {
	width: 896px;
	margin: 0 auto;
	position: relative;
	z-index: 6;
	padding-top: 450px;
}
body#shops #middle-rail .shop-child {padding-top: 200px;}

body#shops #shop-header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
	text-align: center;
}

body#shops #middle-rail #shop-content {
	position: relative;
	z-index: 20;
	width: 860px;
	margin: 0 auto;
	float: none; /* ie6 bug fix. absolutely positioned elements disappear when next to floats */
}

body#shops #middle-rail .panel {
	background: transparent none 0 0;
	width: 100%;
	padding: 0;
}

body#shops #middle-rail .panel, body#shops #middle-rail .panel-head, body#shops #middle-rail .panel-head h1,
body#shops #middle-rail .panel-head h2, body#shops #middle-rail .panel-head a, body#shops #middle-rail .panel-head span,
body#shops #middle-rail .panel-body, body#shops #middle-rail .panel-content, body#shops #middle-rail .panel-foot,
body#shops #middle-rail .panel-foot p {
	background: transparent none 0 0;
	border: 0;
}

body#shops #middle-rail .panel-head {
	border-bottom: 0;
	margin: 0;
	padding: 0;
	width: 100%;
}
body#shops #shop-header h1 {
	background: none;
	border: 0;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
	height: 0;
	text-align: left;
}
body#shops #shop-header h1 span, body#shops .panel-head h2 span {
	padding: 0;
	display: block;
}

body#shops #middle-rail .panel-head h2, body#shops #middle-rail .panel-head h2 span body#shops #middle-rail .panel-head h2 a {
	padding: 0;
	text-align: left;
}

body#shops #middle-rail .panel-body, body#shops #middle-rail .panel-content {
	padding-left: 0;
	padding-right: 0;
	width: 100%;
}

body#shops #middle-rail .panel-foot {border-bottom: 0;}
body#shops #middle-rail .panel-foot .viewall {display: none;}

body#shops #body-content #middle-rail #double .wrap {width: 50%;}

body#shops #middle-rail .item p {
	padding-right: 0;
	padding-left: 0;
}

body#shops #middle-rail p.rrp {margin: 0; padding: 0;}
body#shops #middle-rail p.releasedate {display: none;}

body#shops #middle-rail .yousave {
	position: static;
	width: auto;
	padding: 0;
	text-transform: none;
	background: transparent none 0 0;
	height: auto;
	font-weight: normal;
}
body#shops #middle-rail .yousave a {font-weight: normal;}
body#shops #middle-rail .yousave span {display: inline;}

body#shops #middle-rail #list-sort, body#shops #middle-rail .list-nav {background: transparent none  0 0;}

body#shops #middle-rail .shop-promo {
	float: left;
	width: 272px;
	margin: 0 0 20px 22px;
}
body#shops #middle-rail .p1 {margin-left: 0;}

#shop-promo-wrap {
	clear: both;
	width: 860px;
	margin: 0 auto;
}


/* ********* Double & Single product styles ********* */

body#shops  #wrap #body-content #double .wrapper { width: 50%; float: left; display: inline; min-height: 180px; margin: 10px 0 10px 0;}
body#shops #double .product-text, body#shops #single .product-text  { float: left; width: 58%; text-align:left; padding: 0 0 0 10px !important;}
body#shops #double .product-text .product-info, body#shops #single .product-text .product-info  {float: left; width: 100%;}
body#shops #double .product-image, body#shops #single .product-image {float: left; width:110px;}
body#shops #double .item p.product-name, body#shops #single .item p.product-name { margin:0 0 0.5em 0; padding:0;}

body#shops #double .product-image, body#shops #single .product-text {padding-bottom: 1em;}
body#shops #double .synopsis_wrap, body#shops #single .synopsis_wrap {
	float: left;
	width: 100%;
	font-size: 1em;
	padding: 0;
	text-align: left;
}
body#shops #double .synopsis_wrap p, body#shops #single .synopsis_wrap p {padding: 10px 30px 0 10px;}

#middle-rail #double p.price { padding: 10px 0 10px 0; margin:0; font-size: 1.3em;}
#double .price-wrap, #single .price-wrap { position: relative;}
#middle-rail #double p.product-button { width: 136px; margin: 0 0 0.5em 0;}
.wrapper .product-details { border:none;}

body#shops #single .product-button, body#shops #double .product-button {margin-bottom: 0;}

body#shops #single .releasedate {
	margin-top: 10px;
	padding: 0;
}


/* ********* Single product specific styles ********* */

body#shops #wrap #body-content #single .wrapper { width: 100%; float: left; display: inline; margin: 10px 0 0 0; padding: 15px 0 0 0;}
body#shops #wrap #body-content #single .row {margin-bottom: 0;}
body#shops #middle-rail #single .row .product-image {height: auto;}

body#shops #single .product-text .product-info .product-name { font-size: 14px; margin: 0; padding: 0;}

body#shops #middle-rail #single p.price span { padding: 4px 0 0 0;}
 
body#shops #middle-rail #single p.price { padding: 10px 0 10px 0; margin:0;}


/* ********* Single product and Trailer specific styles ********* */

#single-trailer {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 40px;
}

#single-trailer #single, body#shops #single-trailer #trailershop {
	float: left;
	width: 50%;
}
body#shops #single-trailer #trailershop {
	float: right;
	clear: none;
}
body#shops #single-trailer #trailershop #trailerspace {
	padding: 0;
	float: right;
}
body#shops #single .product-button {margin-bottom: 0;}


/* ********* Shop list specific styles ********* */

body#shops #middle-rail ul#main-menu {
	padding: 0 0 10px 0;
	position: static;
	float: left;
	width: 100%;
}
body#shops #middle-rail ul#main-menu li {
	width: auto;
	margin: 0 10px 0 0;
}
body#shops #middle-rail ul#main-menu a {
	padding: 4px 10px;
	text-indent: 0;
	height: auto;
}

body#shops #middle-rail ul#sub-menu {border: 0;}

body#shops #middle-rail #list-sort ul, body#shops #middle-rail .list-nav,
body#shops #middle-rail #pagination {background: transparent none 0 0;}

body#shops #middle-rail #list-sort, body#shops #middle-rail .list-nav {
	border: 0;
	width: 100%;
}


  
/*************************************************************
Christmas Department
**************************************************************/
#christmas #wrap #leaderboard-banner { background: #fff; margin:0; padding: 0; width: 622px;}
#christmas #middle-rail .panels-wrap .panel { padding:0;}

/************* Christmas Department Gift Finder *************/

#christmas .panel-content .giftfinder-container {
	width: 100%;	
}
#christmas .panel-content .giftfinder-container ul {
	list-style: none;
	float: left;
	margin: 0 15px 0 0;
	padding: 10px 0 10px 0;
	width: 130px;
	background: #f1f0f0;
}
#christmas .panel-content .giftfinder-container ul.last {
	margin: 0 0 0 0;
}
#christmas .panel-content .giftfinder-container li {
	margin: 0;
	padding: 0;
	width: 130px;
	height: 30px;
	clear: left;
	position: relative;
}
#christmas .panel-content .giftfinder-container li label {
	margin: 0;
	position: absolute;
	top: 8px;
	font-size: 11px;
	right: 30px;
}
#christmas .panel-content .giftfinder-container li.selectall label {
	font-weight: bold;
}
#christmas .panel-content .giftfinder-container li input {
	margin: 0;
	position: absolute;
	top: 8px;
	right: 8px;
	width: 15px;
	height: 15px;
}
#christmas .panel-content .giftfinder-button {
	padding: 60px 14px 42px 10px;
	float: right;
}
.peak-button a, button.peak-button {
	height: 38px;
}
#christmas .panel-content .giftfinder-container .selectall { text-align:left; padding: 10px 0 0 10px; width:115px; height: 20px !important;}
button.findagift {width: 190px;}

#christmas #wrap .giftfinder-option-heading-gender, #christmas #wrap .giftfinder-option-heading-age, #christmas #wrap .giftfinder-option-heading-price, #christmas #wrap .giftfinder-option-heading-category { 
	font-size: 1.7em; 
	font-weight: bold;
	padding: 0 0 0 10px;
	text-align:left;
	width: 105px;
}

#gift-finder #middle-rail .panels-wrap .panel { padding: 0 0 10px 0;}
.dept #wrap .christmas .giftfinder h2 { font-size: 1.6em; margin:0;}
#christmas .list-nav {
	clear: both;
	border-bottom: 0;
	padding: 0 0 1em 0;
	margin: 0 0 1em 0;
}

/************* Christmas seasonal template *************/
#wrap #middle-rail ul.christmas-main-menu{width: 100%;}
#wrap .christmas-main-menu li{margin: 0 2px 0 2px;}
#wrap .christmas-main-menu li a{color: #fff; margin:0; padding: 0.5em; font-weight: bold; font-size: 11px;}
#wrap .christmas-main-menu li a:hover { text-decoration:underline;}
#christmas #middle-rail .panel-body h2 { margin:0;}
#wrap #body-content #middle-rail .christmas-sub {width: 100%; padding: 0; text-align: center; list-style:none; margin:auto;  padding: 4px 0 8px 0;}
#wrap #body-content #middle-rail .christmas-sub li {display: inline; padding: 4px 2px 4px 2px; margin: 0 2px 0 0 ; text-align: center; float: none;}
#wrap #body-content #middle-rail .christmas-sub li a {font-weight: bold; background: #fff; font-size:10px; text-align: center; display: inline;}
.for-kids-1, .for-him-1, .for-her-1, .daily-deals-1, .stocking-fillers-1 { display: none;}
.christmas #campaign-header { margin:0;}
#christmas #middle-rail .panel { padding-top: 0;}
#christmas #wrap #left-rail h2 a { background:none;}

/*************************************************************
sIFR
**************************************************************/

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {visibility: visible !important;}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */

.sIFR-flash + div[adblocktab=true] {display: none !important;}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #shop #middle-rail h2 {visibility: hidden;}
/*.sIFR-hasFlash h2 {letter-spacing: -9px;}*/