
body {
	font: 90% arial, verdana,helvetica, sans-serif;
	background: #dbdbdb url('../images/bg-bodyv2.gif') top center fixed repeat-y;
	color: #666;
	padding:0;
	margin:0;
}

/*************************************************************
Global Resets
**************************************************************/

ol{color: #fff;padding: 6px 5px 3px 30px;}
#left-rail fieldset{margin:0;}

img {vertical-align: bottom;}

/*************************************************************
Main Layout
**************************************************************/

#wrap {margin: 0 auto;width: 960px;padding:0 10px;}

#header {
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 10px 0;
	font-size: 11px;
}
#shops #header {margin-bottom: 0;}

#account #middle-rail, #checkout #middle-rail, #info #middle-rail { font-size: 0.8em;}
#account #middle-rail p, #checkout #middle-rail p, #info #middle-rail p  { font-size: 1em;}

#body-content {width: 100%; float:left;}

#middle-rail, .account-creation #body-content #middle-rail {float: left; width: 620px;}

#help #middle-rail, #account #middle-rail, #help-contact-us #middle-rail{width:790px;}

.processing  #middle-rail, .checkout-complete #middle-rail {float:left; width:100%;}
.processing  .panel-content, .checkout-complete .panel-content { width: 940px;}
.processing #left-rail, .processing  #right-rail, .checkout-complete #left-rail, .checkout-complete  #right-rail { display: none;}

.login #body-content #middle-rail, .password-reminder-sent #body-content #middle-rail, .warner-bros-tv #body-content #middle-rail, .warner-bros-kids #body-content #middle-rail, #info #middle-rail {float: left; width: 100%;}
.login #body-content #middle-rail .panel-head h1, .password-reminder-sent #body-content #middle-rail .panel-head h1, .warner-bros-tv #body-content #middle-rail .panel-head h1, .warner-bros-kids #body-content #middle-rail .panel-head h1 {background:transparent url(../images/side-header-nav-bg-right-long.png) no-repeat right top;}

#left-rail{width:160px;margin:0 10px 10px 0;float:left;}
#inner-left-rail{width:160px;margin:0 0 10px 0; background: #B4C2AF url(../images/rail-bottom.gif) no-repeat left bottom; float:left; padding: 0 0 10px 0;}
#right-rail {width:160px;margin:0 0 0 10px;float:left;}
#wrap #footer{padding: 10px 0; clear:both; font-size: 0.8em;}
#account #wrap #footer, #checkout #wrap #footer, #info #wrap #footer {border-top: 1px solid #d6d9d1; padding: 10px 0 0 0;} 
#info { color: #000;}

/*************************************************************
Links
**************************************************************/

a:link { text-decoration: none; color:#131A13;}
a:visited {text-decoration: none; color:#131A13;}
a:hover {text-decoration: underline;color:#131A13;}
a:active {text-decoration: underline; color:#131A13; }

.panel-head h1 a:link {color:#fff;}
#middle-rail .panel-head h1 a:visited {color:#fff; text-decoration:none;}
.panel-head h1 a:hover {color:#fff;}
.panel-head h1 a:active {color:#fff; }

#left-rail a:link, #right-rail a:link { color: #000;}

/* exceptions */
#left-rail li a {color: #131a13; text-decoration: none;display: block;}
#left-rail li a, #left-rail dd a {color: #000; text-decoration: none; padding: 3px 10px 3px 10px; margin: 0 1px; display: block;}
#right-rail li a:hover, #left-rail li a:hover, #left-rail dd a:hover { color: #4da002; text-decoration: underline;}

#left-rail .panel-foot p.more a, #right-rail .panel-foot p.more a {text-decoration: none;}
.panel-foot a{text-decoration:underline;}
#footer a:hover { color: #131A13;}
#middle-rail a:hover {text-decoration: underline; color: #4da002 ;}


/*************************************************************
Typography
**************************************************************/

h1, h2,h3,h4,h5,h6 {font-weight:bold;}
h1 {font-size: 1.4em; color:#fff}
h3{clear:both; padding:1em 0; border-top:1px solid #ccc;}
h4 {margin:0 0 1em 0;}
select, input {font-size:1em; outline: none;}
/*label{font-weight:bold;}*/

#footer, #header {font-size: 0.75em;}
#right-rail .panel-foot a { padding:0;}
#middle-rail p.price { margin:0 0 5px 0; padding: 0 0.3em 0 0.3em; font-size: 1.1em;}
#middle-rail .product-details p.price { padding: 3px 0; font-size: 1.5em; margin: 0; color: #000;}
#middle-rail p{margin:0 0 1.5em 0; font-size: 0.8em;}
#middle-rail .panel-foot p{margin:0;}

#games-consoles #middle-rail .first .panel-foot, #games-games-accessories #middle-rail .first .panel-foot, #gifts #middle-rail .first .panel-foot { display: none;}

#checkout #middle-rail h2, #checkout #middle-rail h3 a, #account #middle-rail h2, #account #middle-rail h3 a, #info #middle-rail h2, #info #middle-rail h3 a, #middle-rail #product-details .product-text h2 { color:#000}
#product-details .product-text h2 { font-size: 1em;}
#account #middle-rail #account-login-wrap h2 { color: #fff;}

#middle-rail h2, #middle-rail h3 a {text-decoration: none; color: #fff;}
#middle-rail #product-details h2 {
	color: #fff;
	width: 620px;
}

#middle-rail #product-details .product-text h2 { width:350px;}
#account-wrap h2 {text-align: left;color:#fff;margin-left: 10px;}
.formtitle h2 {color: #fff;	margin-left: 15px;}	

#account-content-wrap h3, #delivery-options h3,#payment-options h3{margin:1em 0;border:none;}

.prod-panel-body table .item p {padding: 5px 1px 5px 1px;text-align: center;}

.prod-panel-footer p {float: left;	width: 100%;}

#account-home p {margin: 0 0 0 15px;}
.account-alert p {padding: 5px;}	

#left-rail ul, #right-rail ul, #right-rail ol {font-size:0.8em;}
#middle-rail p.rrp, #middle-rail p.yousave, #middle-rail p.price span{font-size:0.75em;}


/*************************************************************
Lists
**************************************************************/


#footer li{display:inline;padding: 0 0.5em 0 0.8em;border-left:1px solid #999999; color:#fff;}

#left-rail ul {
	float: left;
	margin: 0;
	padding: 5px 0 5px 0;
	width: 100%;
}

#right-rail ul {margin:0.5em;}

#left-rail ul li, #left-rail dd {
	padding: 0;
	float: left;
	width: 100%;
	clear: both;
}

#left-rail li ul {
	padding: 0 0 5px 10px;
	font-size: 0.94em;
	width: auto;
	clear: both;
}


#left-rail ul li.log-out, #left-rail ul li.back-to-shop { text-indent: -9000px; overflow: hidden; padding: 0 0 5px 10px; width:148px;}
#left-rail ul li.log-out a { background-image:url(../images/buttons/transactional-spritev3.png); cursor:pointer; background-position: 0 -1048px; width: 117px;}
#left-rail ul li.log-out a:hover {background-position: right -1048px; background-color: #fff;}
#left-rail ul li.back-to-shop a { background-image :url(../images/buttons/transactional-spritev3.png); cursor:pointer; background-position: 0 -1076px; width: 117px;}
#left-rail ul li.back-to-shop a:hover { background-position: right -1076px; background-color: #fff;}

#right-rail ul li  {
	padding: 0 5px 0 4px;
	float: left;
	width: 140px;
}

#right-rail ol {
	color: #000;
	padding: 5px 0 0 0;
	margin: 0 1px;
	list-style-type: none;
}
#right-rail ol li {
	background: transparent url('../images/chart-numbers.png') no-repeat;
	width: 100%;
	display: block;
}
#right-rail ol a {
	display: block;
	margin: 0 10px 0 35px;
	padding: 3px 0;
}
#right-rail ol li.listitem-1 {background-position: 20px 5px;}
#right-rail ol li.listitem-2 {background-position: -236px -57px;}
#right-rail ol li.listitem-3 {background-position: 16px -119px;}
#right-rail ol li.listitem-4 {background-position: -236px -181px;}
#right-rail ol li.listitem-5 {background-position: 16px -243px;}
#right-rail ol li.listitem-6 {background-position: -236px -305px;}
#right-rail ol li.listitem-7 {background-position: 18px -367px;}
#right-rail ol li.listitem-8 {background-position: -236px -429px;}
#right-rail ol li.listitem-9 {background-position: 17px -491px;}
#right-rail ol li.listitem-10 {background-position: -236px -552px;}

#right-rail ol li:hover {background-color: #deffaa;}
#right-rail ol li:hover a {color: #000;}
#right-rail ol li a:hover {color: #000;}

#middle-rail ol{color:#666; font-size: 0.8em;}
#middle-rail ul {list-style:disc;padding:0px 10px 10px 10px; line-height: 1.5em;margin:0 4em;}
#middle-rail ul li {line-height:2em;padding:0;}

#footer ul{list-style-position:outside;margin:0;padding:0 0.5em 0.5em 0.5em; text-align: center;}


/*************************************************************
Panels
**************************************************************/

#left-rail h2, #right-rail h2 {
	display: block;
	/*height: 30px;*/
	/*text-indent: -9999px;*/
	overflow: hidden;
	color: #fff;
	font-size:1em;
}

#left-rail #left-rail-wrap {
	width: 100%;
	float: left;
	clear: both;
	background: url('../images/rail-bck-right.gif') top left no-repeat;
}

/*
#middle-rail .panel h2{
	display: block;
	overflow: hidden;
}*/

.panel {float:left; margin:0 0 8px 0; width:100%; text-align:left; border-bottom: 1px solid #d6d9d1;}

.panel-head { background: url(../images/header-nav-bg.png) top left no-repeat; float:left; width:100%;}
.panel-head h2 {background: url(../images/header-nav-bg-right.png) top right no-repeat; padding:10px 0;}
.panel-head span {
	padding: 0 10px;
	display: block;
}

#offers #middle-rail .panel-head span {
	padding: 0 0 0 10px;
	display: block;
	width: 610px;
}
#middle-rail .panel-head h2 {padding: 6px 0;}
.panel-body{float:left; width:100%; padding:0; margin:0; }

#wrap #right-rail .panel-head h2, #wrap #left-rail .panel-head h2  {padding:8px 0 10 0px;color: #fff; background:#url(../images/side-header-nav-bg-right.png) top right no-repeat;}
#wrap #right-rail .panel-head, #wrap #left-rail .panel-head {background:url(../images/side-header-nav-bg-left.png) top left no-repeat; float: left; width: 100%;}
#right-rail .panel-head h2 a {color: #fff; background: none; width: 90%;}
#left-rail .panel-head h2 a { background: none !important; width:80%; color: #fff;} 
#left-rail .panel, #right-rail .panel { margin-bottom: 0.9em; border-bottom: 1px solid #d6d9d1;}
#left-rail #search .panel {margin: 0;}

.panel-foot{clear:both; float:left; width:100%}

.panel-foot {
	display: block;
	background: url(../images/panel-bg-light.png) repeat-y top left;
}


#right-rail .panel-body {
	background: url(../images/panel-bg-light.png) top left repeat-y;
}

#left-rail .panel-body {
	background: url(../images/panel-bg-light.png) top left repeat-y;
}

#leaderboard-banner .panel-foot {display: none;}
#footer_banner { float: left; width: 100%; }
#footer_banner img {padding: 10px 0 0 0;}
#middle-rail .panel-foot p.offers{text-align:center; width:96%; padding:2% 2%; line-height:1.5em;}
.panel-foot p{padding:1em 0; float:right;}
#left-rail .panel-foot p, #right-rail .panel-foot p {padding:0;}
#left-rail .panel-foot p.more, #right-rail .panel-foot p.more {padding:0 1em;}
#middle-rail .panel-head {color:#fff;}
#middle-rail .panel-body{background:#fff; float:left;}
#middle-rail .panel-body h2{margin:0 0 1em 0;}
#account #middle-rail .panel-body h2 {margin:1em 0 1em 0; font-size: 1em;}
#searchlist #middle-rail .panel-body h2 { color: #000; padding: 10px 0 0 0;}
#account #middle-rail  #account-login-wrap h2 {margin:0 0;}
#account .account-button {
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 1em;
}

#middle-rail #page-error h2, #middle-rail #page-error h3 a { color: #666;}
#middle-rail #page-error ul li {font-size: 0.85em;}
#middle-rail #page-error {padding: 10px 0 0 0;}
.account-address-book #wrap span.trans-button {float: left; margin-right: 3px;}

#middle-rail .panel-foot{ font-size: 0.75em;}
#middle-rail .panel-foot p { padding:0 1em 1em 0; font-size: 1.1em;}

#middle-rail .panel-head h2 a {display: block;height: auto;text-decoration:none;position:relative; color:#fff;}
#middle-rail .panel-head h2 a span {font-size:0.8em; position:absolute; right:5px; top: 5px; padding: 0; cursor: pointer;}
#middle-rail .panel-head h2 a:hover {color: #fff; text-decoration: none;}
#help #middle-rail .panel h2 a {display: block;height: auto;color:#36C;}

#middle-rail .panel h1{display: block;/*text-indent: -9999px;*/	overflow: hidden;color:#fff;}
#middle-rail .panel-head h1 {background: transparent url(../images/side-header-nav-bg-right.png) no-repeat right top; padding: 10px 0;}

#basket-panel{margin:0 0 10px 0;}


#basket-panel .panel-foot p{padding:0;}

#leaderboard-banner { background: none; margin: 0; border: none; padding:0; }
#middle-rail #leaderboard-banner .panel-head {float: left; width: 100%; margin:0; background:#131A13; display: none;}
#middle-rail #leaderboard-banner .panel-head h1 { color: #fff; background: none;}

/* new basket styles */

#basket-panel #basket p {
	padding: 4px 0 3px 0;
	color: #131A13;
	margin: 0px;
}

#basket-panel .basketitem {
	width: 50%;
	float: left;
	text-align: left;
	clear: both;
	padding-left: 8px;
	font-weight:normal;
	color: #131A13;
}

#basket-panel .odd {background-color: #d2e9b6; color: #FF2D00;}

#basket-panel .basketqty {
	width: 26%;
	float: left;
	text-align: right;
	font-weight:normal;
	color: #131A13;
}

#basket-panel .basketqty p{text-align:center;}

#basket-panel .basketqty img {padding-right: 0px; vertical-align:middle;}
#basket-panel .basketqty a {}
#basket-panel .total {color: #000;width:100%;}
#basket-panel #basketqty-total {
	width: 100%;
	float: right;
	text-align: center;
	font-weight:bold;
	color: #265d01;
}

#basket-panel #basketqty a img {padding-top: 3px;}
#basket-panel .basketrow {
	width: 100%;
	float:left;
	clear:both;
	padding: 0.5em 0px;
}

#basket-panel .basketrow .withdiscount {color: #FF2D00;}

#basket-panel #basket-sub {
	color: #C11B20;
	text-align:right;
}

#basket-panel #basket-sub a {
	color: #000;
	text-align:right;
}

.gocheckoutbtn {
	color: #333;
	padding: 0.1em 0;
	width:145px;
	margin: 0.3em 0 1em 0;
}

.button-change {
	color: #333;
	padding: 0.1em 0;
	margin: 0.3em 0 1em 0;
}

#basketcontents{width:100%; text-align:center;}
#basketcontents .navbasket-adddiscountcode, #basketcontents .navbasket-delete a {margin: 0;}
p.onpagebasket-empty{text-align:center; margin:1em 0 0 0; padding:0; color:#666; font-weight: bold;}

#basketcontents .buttons {
	margin: 0.5em 0 0em 0;
}

#account .buttons {display:block;}

.basket-buttons {
	clear: both;
	float: left;
	width: 100%;
	text-align: center;
	padding: 1em 0 0 0;
}
.basket-buttons form {margin: 4px 0 4px 0;}
#right-rail .basket-buttons form button {margin: 0 auto;}

.basket-discount {text-align: center; padding-bottom: 0.5em;}
.basket-discount #discountCode {
	margin: 0 8px 0 10px;
	float: left;
	width: 104px;
}
#right-rail .basket-discount .navbasket-adddiscountcode {margin: 0;}


#checkouteditdetails{float:left; width:100%;}
#checkouteditdetails .editdeladdress, #checkouteditdetails .editbilladdress, #checkouteditdetails .editpaycard {float:left; width:33%;}

#account .basket table.actions {width: 150px;}
#account .basket table.actions td {
	border: 0;
	padding: 0;
}
#account .basket table.actions td span a {margin: 0 auto;}

.discountcode{border:1px solid #b1b2ad;padding:0.2em; color:#999;}

.wasprice .rrp{text-decoration:line-through;}


.panel-content{
	float: left;
	width: 600px;
	padding: 0 10px;
}
#middle-rail .panel-content {background: url('../images/panel-vert-borders.gif') top right repeat-y;}


/*************************************************************
Header
**************************************************************/

#logo {
	float: left;
	width: 220px;
	height: 59px;
	background: url('../images/header-assets-light-v4.png') bottom left no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	margin: 23px 0 17px 10px;
}

#logo-print {display: none;}

#utilities {
	float: right;
	width: 715px;
}

#utilities ul {
	float: right;
	width: 100%;
	clear: both;
	margin: 8px 0 5px 0;
}
#utilities ul li {
	float: right;
	border-right: #000 1px solid;
	padding: 1px 6px;
}
#utilities ul li.util-link-1 {
	border-right: 0;
	padding-right: 0;
}

#utilities a {
	color: #000;
	text-decoration: none;
}
#utilities a:hover {
	color: #000;
	text-decoration: underline;
}

/* --- Multi-Currency --- */

#utilities li.currency {border: 0;}
#utilities li.gbp, #utilities li.gbp-on {
	margin-left: 125px;
	padding-right: 0;
}

#utilities li.currency a {
	background-image: url('../images/currency-icons.png');
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	width: 15px;
	height: 15px;
	cursor: pointer; /* required for IE6 */
}
#utilities li.gbp a {background-position: 0 0;}
#utilities li.gbp a:hover, #utilities li.gbp-on a {background-position: -15px 0;}
#utilities li.eur a {background-position: -30px 0;}
#utilities li.eur a:hover, #utilities li.eur-on a {background-position: -45px 0;}

#search {
	float: left;
	width: 377px;
	height: 50px;
	background: url('../images/header-assets-light-v4.png') -177px 0 no-repeat;
	margin: 6px 0 0 0;
}

#search fieldset {
	padding: 13px 20px;
	margin: 0;
}
#search select, #search input {font-size: 12px;}
#search select {width: 100px;}
#search input {
	width: 145px;
	margin: 0 6px;
	border: #d6d9d1 1px solid;
	padding: 1px;
}
#search button {display: inline;}

#header-basket {
	float: right;
	width: 275px;
}
#header-basket .basket-head {
	float: left;
	clear: both;
	width: 100%;
	background: url('../images/header-assets-light-v4.png') top right no-repeat;
	font-size: 12px;
	font-weight: bold;
}
#header-basket .basket-head a {
	display: block;
	color: #fff;
	padding: 6px 10px 5px 10px;
}
#header-basket .basket-body {
	float: left;
	width: 100%;
	clear: both;
	background: url('../images/header-assets-light-v4.png') bottom right no-repeat;
}
#header-basket .basket-body p {
	font-size: 12px;
	margin: 0;
	color: #000;
}
#header-basket .basket-body p.basket-empty {
	color: #4da002 ;
	text-align: center;
	font-weight: bold;
	padding: 14px 12px;
}
#header-basket .basket-body p.basket-info {
	padding: 6px 0 7px 10px;
	width: 142px;
	float: left;
}
#header-basket .basket-body p.basket-info #basketNoOfItems, 
#header-basket .basket-body p.basket-info #basketTotalPrice {color: #4da002; font-weight: bold;}
#header-basket .basket-body p.basket-info #basketViewBasket {font-size: 10px;}
#header-basket .basket-body p.basket-info a {display: block;}
#header-basket .basket-body .basket-button {
	float: right;
	width: 104px;
	padding: 8px 10px 9px 0;
}

#strip-banner {
	float: left;
	width: 100%;
	clear: both;
	background-color: #85d706;
	padding: 0 0 5px 0;
	font-size: 1px; /* required for ie6 to display the correct strip height */
}
.header-checkout #strip-banner {margin: 14px 0 0 0;}
#strip-banner img {
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
}
#strip-banner img, #strip-banner embed, #strip-banner object {margin-top: 5px;}

#popular-searches {
	float: left;
	clear: both;
	width: 100%;
	margin: 16px 0 6px 0;
}
#popular-searches ul {
	float: left;
	width: 100%;
}
#popular-searches li {
	float: left;
	font-weight: bold;
	font-size: 1.1em;
	margin: 0 9px;
}
#popular-searches li.heading {
	margin: 0 9px 0 0;
	width: 147px;
	overflow: hidden;
	text-indent: -9999px;
	background: url('../images/header-assets-light-v4.png') -177px -50px no-repeat;
	height: 14px;
}
#popular-searches a {
	text-decoration: none;
	color: #606060;
}
#popular-searches a:hover {
	color: #4da002;
	text-decoration: underline;
}


#wrap #header .more_link { color: #356a00; text-decoration: underline; padding: 5px 0 5px 0;}
#left-rail #search h2 { background: #fff; text-align: left; float: left; width: 150px; padding: 8px 0 8px 10px; color: #000;font-weight: bold; }
#left-rail #search .panel-body { background: #b4c2af url(../images/search-bg-lng.gif) top left repeat-x; padding: 10px 0;}
#left-rail #search #selection { text-align: center; float: left; padding: 0 0 10px 0; width: 100%;}
#left-rail #search #searchFilters { width: 140px; border: 1px solid #ccc; margin: 0 0 5px 0; color: #666666;}
#left-rail #search #search-text { width: 134px; border: 1px solid #ccc; padding: 2px; color: #666666;}
#left-rail #search #search-button { float: right; width: 61px; margin: 6px 6px 0 0; text-align: center; display: inline;}



/*************************************************************
Navigation
**************************************************************/

#nav {
	float: left;
	width: 100%;
	clear: both;
	margin: -10px 0 0 0;
	padding: 30px 0 0 0;
}

#nav ul {
	list-style: none;
	float: left;
	width: auto;
	padding: 0 0 0 61px;
}
#nav ul#second-nav { padding:0;}

#nav ul li {
	list-style: none;
	float: left;
	margin: 0 2px 0 0;
	position: relative;
	z-index: 9998; /* required so dropdown sits above everything in IE */
}

#nav li a {
	float: left;
	text-indent: -9999px;
	background-image: url('../images/global-nav-bg-v9.png');
	background-repeat: no-repeat;
	text-decoration: none;
	cursor:pointer;
	height: 34px;
}
#nav li.last a {margin-right: 0;}

#nav a.home, #nav a.home-on {width: 38px; background-position: 0 0;}
#nav a.dvd, #nav a.dvd-on {width: 40px; background-position: -40px 0;}
#nav a.blu-ray, #nav a.blu-ray-on {width: 58px; background-position: -82px 0;}
#nav a.cd, #nav a.cd-on {width: 47px; background-position: -142px 0;}
#nav a.games, #nav a.games-on {width: 51px; background-position: -191px 0;}
#nav a.books, #nav a.books-on {width: 53px; background-position: -244px 0;}
#nav a.electronics, #nav a.electronics-on {width: 84px; background-position: -299px 0;}
#nav a.computing, #nav a.computing-on {width: 90px; background-position: -385px 0;}
#nav a.health-beauty, #nav a.health-beauty-on {width: 133px; background-position: -505px 0;}
#nav a.clothing, #nav a.clothing-on {width: 66px; background-position: -477px 0;}
#nav a.sports, #nav a.sports-on {width: 58px; background-position: -545px 0;}
#nav a.toys, #nav a.toys-on {width: 46px; background-position: -605px 0;}
#nav a.gifts, #nav a.gifts-on {width: 46px; background-position: -653px 0;}
#nav a.summer, #nav a.summer-on {width: 72px; background-position: -701px 0;}
#nav a.sale, #nav a.sale-on {width: 62px; background-position: -839px 0;}
#nav a.blog, #nav a.blog-on {width: 49px; background-position: -827px 0;}
#nav a.win, #nav a.win {width: 49px; background-position: -777px 0;}
#nav a.myzavvi, #nav a.myzavvi {width: 74px; background-position: -877px 0;}

#home #nav a.home {background-position: 0 -34px;}
#dvd #nav a.dvd {background-position: -40px -34px;}
#blu-ray #nav a.blu-ray {background-position: -82px -34px;}
#cd #nav a.cd {background-position: -142px -34px;}
#games #nav a.games, #games-platforms-nintendo-ds #nav a.games, #games-platforms-nintendo-wii #nav a.games, #games-platforms-xbox-360 #nav a.games, #games-platforms-ps3 #nav a.games, #games-platforms-ps2 #nav a.games, #games-platforms-psp #nav a.games, #games-platforms-pc #nav a.games {background-position: -191px -34px;}
#books #nav a.books {background-position: -244px -34px;}
#electronics #nav a.electronics {background-position: -299px -34px;}
#computing #nav a.computing {background-position: -385px -34px;}
#health-beauty #nav a.health-beauty {background-position: -505px -34px;}
#clothing #nav a.clothing, #clothing-men #nav a.clothing, #clothing-men-clothing #nav a.clothing,
#clothing-men-accessories #nav a.clothing, #clothing-men-footwear #nav a.clothing,
#clothing-men-underwear #nav a.clothing, #clothing-women #nav a.clothing, #clothing-women-clothing #nav a.clothing,
#clothing-women-accessories #nav a.clothing, #clothing-women-footwear #nav a.clothing,
#clothing-women-lingerie #nav a.clothing {
	background-position: -477px -34px;
}
#sports #nav a.sports {background-position: -545px -34px;}
#toys #nav a.toys {background-position: -605px -34px;}
#gifts #nav a.gifts {background-position: -653px -34px;}
#summer #nav a.summer {background-position: -701px -34px;}
#blog #nav a.blog {background-position: -827px -34px;}
#win #nav a.win {background-position: -777px -34px;}
#myzavvi #nav a.myzavvi {background-position: -877px -34px;}
.best-ever-sale #nav a.sale {background-position: -839px -34px;}

#nav a.home:hover, #nav li.hover a.home {background-position: 0 -68px;}
#nav a.dvd:hover, #nav li.hover a.dvd, #nav li.active a.dvd {background-position: -40px -68px;}
#nav a.blu-ray:hover, #nav li.hover a.blu-ray, #nav li.active a.blu-ray {background-position: -82px -68px;}
#nav a.cd:hover, #nav li.hover a.cd, #nav li.active a.cd {background-position: -142px -68px;}
#nav a.games:hover, #nav li.hover a.games, #nav li.active a.games {background-position: -191px -68px;}
#nav a.books:hover, #nav li.hover a.books, #nav li.active a.books {background-position: -244px -68px;}
#nav a.electronics:hover, #nav li.hover a.electronics, #nav li.active a.electronics {background-position: -299px -68px;}
#nav a.computing:hover, #nav li.hover a.computing, #nav li.active a.computing {background-position: -385px -68px;}
#nav a.health-beauty:hover, #nav li.hover a.health-beauty, #nav li.active a.health-beauty {background-position: -505px -68px;}
#nav a.clothing:hover, #nav li.hover a.clothing, #nav li.active a.clothing {background-position: -477px -68px;}
#nav a.sports:hover, #nav li.hover a.sports, #nav li.active a.sports {background-position: -545px -68px;}
#nav a.toys:hover, #nav li.hover a.toys, #nav li.active a.toys {background-position: -605px -68px;}
#nav a.gifts:hover, #nav li.hover a.gifts, #nav li.active a.gifts {background-position: -653px -68px;}
#nav a.summer:hover, #nav li.hover a.summer, #nav li.active a.summer {background-position: -701px -68px;}
#nav a.sale:hover, #nav li.hover a.sale, #nav li.active a.sale {background-position: -839px -68px;}
#nav a.blog:hover, #nav li.hover a.blog, #nav li.active a.blog {background-position: -827px -68px;}
#nav a.win:hover, #nav li.win a.win, #nav li.active a.win {background-position: -777px -68px;}
#nav a.myzavvi:hover, #nav li.myzavvi a.myzavvi, #nav li.active a.myzavvi {background-position: -877px -68px;}


/*#nav a.home:active, #nav li.on a.home {background-position: 0 -37px;}
#nav a.dvd:active, #nav li.on a.dvd  {background-position: -72px -37px;}
#nav a.cd:active, #nav li.on a.cd {background-position: -144px -37px;}
#nav a.games:active, #nav li.on a.games {background-position: -211px -37px;}
#nav a.books:active, #nav li.on a.books {background-position: -295px -37px;}
#nav a.electronics:active, #nav li.on a.electronics {background-position: -372px -37px;}
#nav a.computing:active, #nav li.on a.computing {background-position: -476px -37px;}
#nav a.sports:active, #nav li.on a.sports {background-position: -581px -37px;}
#nav a.perfume:active, #nav li.on a.perfume {background-position: -660px -37px;}
#nav a.lingerie:active, #nav li.on a.lingerie {background-position: -751px -37px;}
#nav a.blu-ray:active, #nav li.on a.blu-ray {background-position: -842px -37px;}*/


/* --- Nav --- */

#nav {
	float: left;
	clear: both;
	width: 100%;
}

#nav ul {
	list-style: none;
	float: left;
	width: auto;
}

#nav ul li {
	list-style: none;
	float: left;
	margin: 0 2px 0 0;
	position: relative;
	z-index: 9998; /* required so dropdown sits above everything in IE */
}

#nav ul li:hover ul {display: block;}


/* --- Sub Nav --- */

#nav ul li ul {
	position: absolute;
	top: 34px;
	width: 150px;
	display: none;
	font-size: 11px;
	font-weight: normal;
	z-index: 9999;
	padding: 0;
	background-color: #fff;
	border: 5px solid #85d706;
	font-size: 1.1em;
	left: 0;
}

#nav ul li ul li {
	float: left;
	width: 100%;
	margin: 0;
}

/* Fix IE. Hide from IE Mac \*/
* html #nav ul li ul li {float: left;}
* html #nav ul li ul li a {height: 1%;}
/* End */

#nav ul li ul li a {
	text-indent: 0;
	overflow: visible;
	background-image: none;
	float: none;
	height: auto;
	width: auto;
	display: block;
	color: #000;
	padding: 5px;
}
#nav ul li ul li a:hover {color: #000; text-decoration: underline; background: #deffaa;}

#lowernav div {
	display: none;
}

#subnav {
	clear: both;
	float: left;
	width: 100%;
	padding: 8px 0;
	background-color: #84d605;
}
#subnav p {}
#subnav ul {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	list-style-type: square;
}
#subnav li {
	display: inline;
	margin: 0;
	padding: 0;
}
#subnav a {
	display: inline;
	margin: 0.3em;
	padding: 0 6px 0 11px;
	color:#355602;
	font-weight:normal;
	border-left:1px solid #355602;
}

#subnav li.first a{border-left:none;}

#strip-promo, #header-info {
	float: left;
	clear: both;
	width: 100%;
}

#strip-promo{
	height:40px;
	background:#355602;
}

#footer #strip-promo img { padding-bottom: 20px;}
#header-info {padding-top: 14px;}

#second-nav li a{ position: relative; top: 0px; left: 9px; }


/*************************************************************
Product Details
**************************************************************/

#technicaldetails {width:100%; float:left; clear:both;}
#technicaldetails table{margin: 0; text-align:left; width:100%; clear:both;}
#technicaldetails th{vertical-align:top; width:160px; text-align:right;padding:5px 20px 5px 0; font-weight:bold;}
#technicaldetails ul {list-style:disc;padding: 0; line-height: 1.5em;margin:0 4em 2em 1em;}

#specialfeatures ul, #technicaldetails ul, #tracklisting ul {
list-style-type:none;
margin:0pt;
padding:0px;
text-indent:0px;
}

#technicaldetails ul li, #tracklisting ul li {display:inline;}
#specialfeatures ul li, .specialfeatures ul li #technicaldetails ul li, #tracklisting ul li {
margin:0;padding:0px; line-height:1.6em; }
#wrap #middle-rail #product-details ul li { font-size: 0.85em;}

/*also used on product details*/
.product-details{display:inline; float:left; width:100%; padding:1em 0 1em 0; border-bottom:1px solid #ccc; position: relative;}
#product-details .product-details{border-bottom:none; padding:1em 0 0em 0}
.top-products .product-details{display:inline; float:left; width:49%;padding:0 0 1em 0; border:none; }

#trailerspace {
	width: 400px;
	margin: 0 auto;
}

#middle-rail .panel-body {
	float: left;
	/*width:99.7%;*/
	width: 100%;
	background: #fff url('../images/panel-vert-borders.gif') top left repeat-y;
}
#middle-rail .panel-foot { background: #fff; border-right: 1px solid #d6d9d1; border-left: 1px solid #d6d9d1; width:99.7%;}
.product-image {
	display:block;
 	text-align:center;
 	float: left;
	padding:0;
}

.search .product-image { width: 21%;}
.product-details .product-image { padding: 2px 0 0 7px;}

.chart .product-image { width: 23%; text-align: center;}

.product-details .product-text {color:#666;float:right;width:70%;}
.product-details .large-image-product-text {width: 60%;}

.product-details .product-text .product-title-info {
	margin-top: 0.4em;
}

#middle-rail .product-details .free-delivery {
	color: #4da002;
	font-weight: bold;
	font-size: 1em;
	margin: 0 0 0.8em 0;
}

#wrap #middle-rail .product-details .product-text .availability {
	font-weight: bold;
	border-bottom: #ccc 1px solid;
	padding: 0 0 1em 0;
}

.product-details .variations {width: 63%;}
#productoptions, #imageZoomControl span { font-size: 0.85em;}

.product-details .productoptions {padding-top: 0.6em;}

.product-details .productoptions fieldset {
	padding: 0;
	font-size: 1em;
}
.product-details .productoptions fieldset select {font-size: 0.9em;}

#product-desc{margin:1em 0; float:left; clear:both; width:100%;}

#tracklisting {
	padding: 10px 0px;
	width: 100%;
	text-align: left;
	clear: both;
	display: block;
	color: #666;
}

#tracklisting th{vertical-align:top; width:130px; padding:0 0 2em 0;}
#tracklisting ol {margin:1em 0em;}

/* product page */

#product-details .prod-panel .image {
	float: left;
	height: 100%;
	width: 110px;
}

#product-text p {margin:0 0 0.5em 0;}
#product-details .certificate {
	position: absolute;
	right: 0;
	top: 10px;
}

#middle-rail p.product-name {font-weight: bold; margin:0 1em 0.5em 0em;}
#middle-rail .item p.product-name {font-weight: bold; margin:0.4em 0.3em 0.5em 0.3em; font-size: 0.9em;}


#middle-rail .top-products p.product-name  {}
.top-products {float:left; width:100%;}
.price {color: #4da002 ;	font-weight: bold; font-size: 1.2em;}
.price span{display:block;color:#666; font-size: 0.8em; }

.product-details .price span{display:inline; color:#666; }

.strike {text-decoration: line-through;}
#product-details .strike {margin: 0 1em 0 0;}
.contentsrow .strike{margin:0;}
.productmessage {font-weight: bold;}


/*************************************************************
Dept & List Loops
**************************************************************/

.row {
	clear: both;
	float:left;
	width: 100%;
}

.item {
	margin:1em 0 0 0;
	display: inline;
	float: left;
	text-align: center;
	width: 25%;
	position: relative;
	min-height: 23em;
	height: auto !important;
	height: 23em;
}

/* --- Item Heights --- */

#cd .item, #offers-cd .item {
	min-height: 23.6em;
	height: auto !important;
	height: 23.6em;
}

#lingerie .item, #clothing .item, #sports .item,
#clothing-men .item, #clothing-men-clothing .item, #clothing-men-accessories .item,
#clothing-men-footwear .item, #clothing-men-underwear .item,
#clothing-women .item, #clothing-women-clothing .item, #clothing-women-accessories .item,
#clothing-women-footwear .item, #clothing-women-lingerie .item {
	min-height: 24em;
	height: auto !important;
	height: 24em;
}

/* Reset all item heights for multi format lists */

#offers .item, #shops .item, #gift-finder .item {
	min-height: 23em;
	height: auto !important;
	height: 23em;
}

.item .cat-button a, .item .soldout {margin: 0 auto;}

.price-wrap{position:absolute; bottom:5px; left:0; margin:0; width: 100%;}

#middle-rail p.rrp{padding:0; margin:0; color: #666;}
#middle-rail .yousave a, #middle-rail .yousave a:hover {color: #666; text-decoration: none;}

/* vertical list */

#middle-rail .chart .item, #memory #middle-rail .item {
	clear: both;
	text-align: left;
	display: block;
	width: 100%;
	min-height: 12em;
	height: auto !important;
	height: 12em;
	border-bottom: #d6d9d1 1px solid;
}

#middle-rail .chart .item .product-button .cat-button a,
#memory #middle-rail .item .product-button .cat-button a,
#middle-rail .chart .item .product-button .soldout,
#memory #middle-rail .item .product-button .soldout {
	margin: 0;
}
#middle-rail .chart .product-text, #memory #middle-rail .product-text {margin: 0; float: right; width: 72%;}
#middle-rail .chart .product-text .product-name, #memory #middle-rail .product-text .product-name {padding-top: 0; margin-left: 0;}
#middle-rail .chart .product-text .rrp, #memory #middle-rail .product-text .rrp {padding: 0;}
#middle-rail .chart .item .price-wrap, #memory #middle-rail .item .price-wrap {
	position: static;
	margin: 0;
	min-height: 3.5em;
	height: auto !important;
	height: 3.5em;
	padding: 0 0 2em 0;
}

#middle-rail .chart .panel-body .item .price, #memory #middle-rail .panel-body .item .price {
	padding: 0;
	margin: 0 0 0.5em 0;
}

#middle-rail .chart .panel-body .item .price span, #memory #middle-rail .panel-body .item .price span {display: inline;}
#middle-rail .chart .panel-body .item .product-button, #memory #middle-rail .panel-body .item .product-button {
	padding: 0;
	margin: 0;
}


/* --- Item Images --- */

.item .product-image {
	float: none;
	display: block;
	text-align: center;
	clear: both;
	overflow: hidden;
	height: 140px;
	width: 94%; /* use 94% instead of 100% to keep a gutter between products if the image is too big */
	margin: 0 auto 1em auto;
}
.item-clothing .product-image, .item-clothing-men .product-image,
.item-clothing-women .product-image, .item-clothing-men-clothing .product-image,
.item-clothing-women-clothing .product-image, .item-clothing-men-accessories .product-image,
.item-clothing-men-footwear .product-image, .item-clothing-men-underwear .product-image,
.item-clothing-women-accessories .product-image, .item-clothing-women-footwear .product-image,
.item-clothing-women-lingerie .product-image, .item-lingerie .product-image, .item-sports .product-image {
	height: 160px;
}

/* Reset product-image container height for multi format lists */

#offers #body-content .item .product-image, #home #body-content .item .product-image,
#shops #body-content .item .product-image, #gift-finder #body-content .item .product-image {height: 130px;}

/*
#offers .item-clothing .product-image img, #offers .item-lingerie .product-image img,
#shops .item-clothing .product-image img, #shops .item-lingerie .product-image img,
#gift-finder .item-clothing .product-image img, #gift-finder .item-lingerie .product-image img {margin-top: -70px;}
*/

/* Vertical List Layout */

#middle-rail .chart .product-image,
#memory #middle-rail .product-image,
#product-details .product-details .product-image {
	width: 25%;
	height: auto;
	overflow: visible;
	min-height: auto;
	float: left;
}


.pagingnumbers{clear:both; width: 100%; margin: auto; border-bottom: 1px solid #CCCCCC; }
#middle-rail .pagingnumbers ul {margin:0; padding:0; text-align:center; font-size: 0.85em; }
.pagingnumbers li{display:inline; padding:0; margin:0;}
.pagingnumbers a:link, .pagingnumbers a:visited { padding:0.3em 0.3em; color:#000; font-weight:bold;}
.pagingnumbers a:hover{color:#87d300;}
.pagingnumbers li.currentpage a:link, .pagingnumbers li.currentpage a:visited{color:#87d300; font-weight: bold;}
#pagingnumbers-back {margin: 0.5em;  background:#fff; clear:both;}


/*************************************************************
List Pages
**************************************************************/

.listtable{margin:0 0 1em 0; border-bottom:1px solid #ccc; width:auto;}

/*************************************************************
Login
**************************************************************/

#account-login-wrap {
	width: 550px;
	margin: auto;
	text-align: center;
	padding: 1em 0 0 0;
}
#existing-wrap {
	width: 47%;
	float: left;
	border: 1px solid #CCC;
	text-align: center;
	min-height: 290px;
	height: auto !important;
	height: 290px;
}

#existing-wrap fieldset{margin:0;}

#existing-wrap h2 {
	background-color: #4da002;
	color: #fff;
	padding: 1em 0;
	margin: 0;
}

#existing-wrap form {margin: 1em 0 0 0;}

#existing-wrap .text, #forgotpassword .text {
	margin: 0.4em 0 0 0;
	padding: 0.2em;
}

#forgotpassword .text, #forgotpassword button {float: left;}
#forgotpassword .text {margin: 2px 4px 0 120px;}

#new-wrap {
	width: 47%;
	float: right;
	border: 1px solid #CCCCCC;
	min-height: 290px;
	height: auto !important;
	height: 290px;
}

#new-wrap p {
	margin: 0 15px 15px 10px;
}

#new-wrap h2 {
	background-color: #4da002;
	color: #fff;
	padding: 1em 0;
	margin:0;
}

#new-wrap h3{border-top:none;}

#existing-wrap .login, #new-wrap .register, #new-wrap .contactus {margin: 0 auto;}

div#forgotpassword {
	margin: auto;
	text-align: center;
	clear: both;
	padding: 1em 0;
	float: left;
	width: 100%;
}

.formerror {
	color: #f00;
	font-weight: bold;
}
.formerror a {
	color: #f00;
	text-decoration: underline;
}

/*************************************************************
FOOTER
**************************************************************/
#footer a {color:#4da002 ;font-weight:bold;}
#footer a:hover { color: #4da002 ; text-decoration: underline;}
#footer p {
	text-align: left;
	margin: 0 2em 1em 0;
	color: #fff;
}

#footer li.first {border: 0;}

#tech-track {
	clear: both;
	float: left;
	width: 90px;
	padding: 1em 1em 2em 2em;
}

#disclaimer {
	padding: 2em 0 1em 0;
	margin: 0 0 0 125px;
}

#searchlist #body-content #middle-rail {
	width: 620px;
	margin: 0;
	padding: 0;
}

#footer-links {
	clear: both;
	margin: 10px 0 0 0;
}

#footer-links dl {
	float: left;
	width: 160px;
	min-height: 11em;
	height: auto !important;
	height: 11em;
	line-height: 1.6em;
	padding: 0 0 1.4em 0;
}

#footer-links dt, #footer-links dd {padding-right: 10px;}
#footer-links dt, #footer-links dt a {
	font-weight: bold;
	color: #4da002;
}

#footer-links dd a {
	font-weight: normal;
	font-size: 0.95em;
	color: #606060;
}
#footer-links dd a:hover {color: #4da002;}


#wrap #footer #f-nav, #wrap #footer #f-nav-go {clear: both; padding: 0.5em 0 0.5em 0;}
#wrap #footer #f-nav a {
	display: block;
	height: 50px;
	text-align: center;
	background: url(../images/global-spritev2.png) top center no-repeat;
}
#wrap #footer #f-nav-go a {
	width: 100%;
	height: 25px;
	text-align: center;
	float: left;
	background: url(../images/global-spritev2.png) bottom center no-repeat;
}

#f-terms ul li {color: #908f8f; font-size: 0.9em;}

/*HACKS*/

.cf:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.cf {display:inline-block;}
/* Hide from IE Mac \*/
.cf {display:block;}
/* End hide from IE Mac */


/*************************************************************
CHECKOUT
**************************************************************/

#checkout th {vertical-align: top;}
.content {padding: 0;}

p.instructions {
	text-align: center;
	padding: 1em;
	border-bottom: 1px solid #ccc;
	margin: 1em 0;
	padding: 1em 0;
}
.processing p.instructions {border: 0;}

#account #wrap p.acceptterms {
	text-align: left;
	padding: 0 0 1em 0;
	margin:0;
	border-width: 0;
}

#middle-rail p.basket-merged {
	text-align: center;
	padding: 1em;
	border: #d70202 1px solid;
	color: #d70202;
	margin: 1em 0;
	background-color: #ffe9e9;
	font-weight: bold;
}

input#existingCardSecurityCode, input#issueNumber, input#securityCode, input#defaultCardSecurityCode {width: 40px;}
#checkout th, #account th {text-align: left; vertical-align: top;}
#checkout td, #account td { padding: 0 0 0.5em 0; font-weight: normal;}

#middle-rail .basket-progress {
	border-bottom: 1px solid #ccc;
	padding:0;
	text-align: center;
	margin: 0 0 1em 0;
}

#middle-rail .basket-progress ul {
	list-style-type: none;
	margin: 0;
	padding: 0.5em 0;
	text-indent: 0;
}

#middle-rail .basket-progress ul li {
	display: inline;
	list-style-type: none;
	margin: 0 15px 0 0;
	padding: 9px 5px 11px 22px;
	line-height: 30px;
	background: url('../images/basket-progress-icon.gif') 0 center no-repeat;
}

.payment-options #middle-rail .basket-progress ul li.nav-paymentoptions,
.delivery-options #middle-rail .basket-progress ul li.nav-deliveryoptions,
.gift-wrapping #middle-rail .basket-progress ul li.nav-deliveryoptions, 
.gift-wrapping #middle-rail .basket-progress ul li.nav-chooseorderdetails, 
.confirm-details #middle-rail .basket-progress ul li.nav-chooseorderdetails,
.shipping-options #middle-rail .basket-progress ul li.nav-deliveryoptions, 
.shipping-options #middle-rail .basket-progress ul li.nav-chooseorderdetails,
.checkout-confirm #middle-rail .basket-progress ul li.nav-revieworder,
.checkout-complete #middle-rail .basket-progress ul li.nav-ordercomplete {
	background-image: url('../images/basket-progress-icon-current.gif');
	color: #4da002 ;
}

.basket-progress ul li {font-weight: bold;}

#cancelorder #basket {margin: 1em 0 0 0;}
.account-order-cancel #basket td {padding: 1em;}

#middle-rail .pageerror {
	color: #c00;
	font-weight: bold;
	text-align: center;
	border: #e16f6f 1px solid;
	padding: 1em;
	clear: both;
	background-color: #fef2f2;
	margin: 1em 0;
}

#right-rail #checkout-secureshopping img {margin: 1em 0;}
#checkout-secureshopping .panel-foot { border-bottom: 1px solid #d6d9d1;}

/* --- Checkout Specific Header & Footer --- */

/* Header */

#checkout .checkout #branding, .account-creation .checkout #branding {width: 50%;}

#checkout .checkout .logo, .account-creation .checkout .logo {
	text-indent: -9999px;
	overflow: hidden;
}

#checkout .checkout #hdr-right, .account-creation #wrap .checkout #hdr-right {width: 440px;}
#checkout .checkout #hdr-right #toplinks, .account-creation #wrap .checkout #hdr-right #toplinks {
	width: 20px;
	text-align: right;
	display: inline; /* ie6 double margin bug fix */
}

#cs-banner {
	float: left;
	width: 340px;
	text-align: center;
	margin: 16px 0 0 0;
}

#checkout .checkout #subnav, .account-creation .checkout #subnav {border: 0;}

/* Footer */

#checkout .checkout #disclaimer, .account-creation .checkout #disclaimer {
	width: 100%;
	clear: both;
	padding: 0 0 1em 0;
	margin: 0;
	background:transparent url(../images/bg-cornerbottomleft.gif) no-repeat scroll left bottom;
}

#checkout .checkout #disclaimer p, .account-creation .checkout #disclaimer p {padding: 5px 1.5em;}
/* --- Checkout & Register Fields --- */

.required {color: #c00;}

.section-head {
	float: left;
	width: 100%;
	clear: both;
	margin-bottom: 1.5em;
}

.section {
	margin: 0 0 1em 0;
	float: left;
	width: 100%;
	clear: both;
}

.section .field {
	float: left;
	width: 96%;
	padding: 0 0 0 1.5em;
	margin: 0 0 0.5em 0;
}

.section .radios {margin: 0;}

.section .radio-fields {margin: 0 0 0 140px;}

.section .radio-fields .field {
	padding: 0 0 0 1.5em;
	width: 96%;
	display: inline;
}

.section .radio-fields .field input {
	float: left;
	margin: 0 1em 0 0;
}

.section .radio-fields .field label {
	text-align: left;
	width: auto;
	padding: 0;
}

.section label, .section .radio-label {
	float: left;
	width: 140px;
	font-weight: bold;
	text-align: right;
	padding: 0.4em 0.5em 0.4em 0;
}

.section .radio-label {padding: 0 0 0.4em 0;}

.section .text, .section select {
	float: left;
	padding: 0.2em;
}

.section .text {width: 180px;}
.section #issueNumber {width: 40px;}
.section #streetName, .section #addressLine2, .section #addressLine3 {margin-left: 146px;}

.section .monthYearDivide {
	float: left;
	padding: 0.4em;
}

.section .saveCard, .section .receiveNewsletter {padding-top: 0.5em;}
.section .saveCard input, .section .receiveNewsletter input {
	float: left;
	margin: 0 0 0 146px;
}

.section .saveCard label, .section .receiveNewsletter label {
	font-weight: normal;
	float: left;
	padding: 0 0 0 0.5em;
	width: 380px;
	text-align: left;
	margin-right: -3px; /* ie6 duplicate character bug fix */
}

#checkout .section .required, #account .section .required {
	float: left;
	margin: 0 0 0 0.4em;
	padding: 0.2em 0 0 0;
}

.payConfirm .cv2 .required {
	display: inline;
	margin: 0;
}

.error {color: #c00;}
#checkout .section .hint, #account .section .hint, #checkout .section .error, #account .section .error {
	clear: both;
	margin: 0 0 0 146px;
	padding: 0.2em 0 0 0;
}

.payConfirm .error {
	text-align: center;
	float: left;
	clear: both;
	width: 100%;
}

.payConfirm #termsCheck .error {
	padding: 0.4em 0 0 30px;
	text-align: left;
}

.deliverTo .field {padding-left: 2.2em;}
.deliverTo input {float: left;}
.deliverTo label {
	font-weight: normal;
	width: auto;
	padding: 0 1em;
}

#checkout .section-head h2 {
	float: left;
	width: 60%;
	margin: 0;
}

#checkout .section-head .instructions {
	border: 0;
	float: left;
	width: 100%;
	padding: 0;
	margin: 0.4em 0;
	text-align: left;
	font-size: 0.75em;
	font-weight: normal;
}

#checkout .section-head .error {
	font-weight: normal;
	margin: 0.5em 0;
	float: left;
	width: 100%;
}

#checkout .section-head .add-button {float: right;}

#deliveryAddresses, #paymentCards{
	padding: 1em 1em 0 1em;
	width: 92%;
	margin: 0 auto;
}

#deliveryAddresses, #paymentCards {
	background-color: #ededed;
	border: #ccc 1px solid;
	margin-bottom: 2em;
}

#deliveryAddresses .section, #paymentCards .section {margin-bottom: 0;}

.section .deliveryAddress, .section .paymentCard {
	padding: 0;
	width: 100%;
	float: left;
}

.checkout-confirm .section .deliveryAddress, .checkout-confirm .section .paymentCard {border: 0;}

.confirm-details .section .deliveryAddress:hover, .confirm-details .section .deliveryAddress label:hover,
.confirm-details .section .paymentCard:hover, .confirm-details .section .paymentCard label:hover {cursor: pointer;}

.section .deliveryAddress img, .section .paymentCard img {margin: 0 0 1em 0;}
.section .deliveryAddress input, .section .paymentCard input, .shipping-options .section input {
	float: left;
	margin: 0 1em 0 2em;
}

.section .deliveryAddress address, .section .paymentCard .card, .section .paymentCard address {
	float: left;
	width: 85%;
	margin: 0;
}

.checkout-confirm .section .deliveryAddress address {margin: 0;}
.section .deliveryAddress label, .section .paymentCard label, .shipping-options .section label {
	font-weight: normal;
	text-align: left;
	padding: 0;
	width: 85%;
}

.section .paymentCard span, .section .deliveryAddress span {
	display: block;
	margin: 0 0 1em 0;
}

.section .paymentCard span strong, .section .deliveryAddress span strong {
	float: left;
	width: 90px;
	display: block;
	text-align: right;
}

.section .paymentCard span.detail, .section .deliveryAddress span.detail {margin: 0 0 0 100px;}
.section .deliveryAddress .edit-button, .section .paymentCard .edit-button {float: right;}

.checkout-complete .fl, .checkout-complete .fr {margin-bottom: 1em;}

/* hints */

.showHint {position: relative;}

#checkout .showHint .hint, .account-creation #wrap .section .showHint .hint {
	position: absolute;
	background-color: #ededed;
	border: #ccc 1px solid;
	margin: 0;
	left: 374px;
	z-index: 2000;
	width: 180px;
	padding: 0;
	display: none;
}

#checkout .section .showHint .hint, .account-creation #wrap .section .showHint .hint {top: -6px;}
#checkout .showHint .hint span, .account-creation #wrap .section .showHint .hint span {
	background: url('../images/hint-arrow-left.gif') top left no-repeat;
	position: relative;
	top: 0;
	left: -10px;
	padding: 1em 0 1em 20px;
	display: block;
}

#checkout .showHint .hint span.amex {
	background: none;
	padding: 0 10px 1em 10px;
	display: block;
	position: static;
	margin: 0;
}

.checkout-confirm #wrap .showHint .hint {
	background-color: #fff;
	color: #666;
	top: 48px;
	left: 8%;
	margin: 0;
	text-align: left;
	width: 260px;
}

.checkout-confirm #wrap .showHint .hint span {
	background: url('../images/hint-arrow-up.gif') 20px 0 no-repeat;
	padding: 20px 1em 0 1em;
	top: -11px;
	left: 0;
}

.continue {
	clear: both;
	padding: 0.9em 0 0.7em 160px;
}

.confirm-details div.continue, .shipping-options div.continue, .gift-wrapping div.continue {padding: 0.9em 0 0.7em 0;}
.confirm-details div.continue button, .shipping-options div.continue button, .gift-wrapping div.continue button {margin: 0 auto;}

.payConfirm {
	clear: both;
	border: #ccc 1px solid;
	background-color: #ededed;
	width: 96%;
	margin: 2em auto;
}

.payConfirm .placeOrder {
	text-align: center;
	width: 50%;
	margin: 0 auto 1em auto;
}

.payConfirm .placeOrder .hint {
	float: left;
	clear: both;
	width: 100%;
}

.payConfirm .cv2 {
	width: auto;
	padding: 1em 0;
	margin: 0 0 0 1em;
	float: left;
	text-align: center;
}

.payConfirm label {font-weight: bold;}
.payConfirm .text {
	padding: 0.2em;
	width: 40px;
}

#checkout .payConfirm .instructions {
	width: 75%;
	margin: 0 auto 1em auto;
}
.payConfirm #payCheckoutConfirm, .payConfirm #checkoutConfirm {float: right; margin: 0.6em 0;}
.payConfirm #payCheckoutConfirm {margin-right: 1em;}

.payConfirm .placeOrderNoCV2 {text-align: center;}
.payConfirm .placeOrderNoCV2 #payCheckoutConfirm, .payConfirm .placeOrderNoCV2 #checkoutConfirm {
	float: none;
	margin: 0.6em auto 1em auto;
}

.processing #middle-rail p {text-align: center;}
.processing #middle-rail p img {margin-top: 2em;}
.processing p.instructions {padding-top: 0;}

#termsCheck {
	margin: 0 auto 1em auto;
	width: 75%;
}

#termsCheck input {float: left;}
#termsCheck label {
	margin: 0 0 0 30px;
	display: block;
}

#checkoutDetails {
	clear: both;
	width: 96%;
	float: left;
	padding: 0 1em;
	margin: 1em 0;
}

/* Gift Wrapping */

.giftwrapping input {
	float: left;
	margin: 0.4em 2em 0.4em 0.6em;
}

.giftwrapping label {width: auto;}

/*************************************************************
Help Popups
**************************************************************/

.checkout-help #wrap, .availability-help #wrap, .size-charts #wrap {width: auto;}

.checkout-help #wrap #middle-rail, .availability-help #wrap #middle-rail, .size-charts #wrap #middle-rail {width: 100%;}

.checkout-help #wrap #body-content #middle-rail .panel-content, 
.availability-help #wrap #body-content #middle-rail .panel-content, 
.size-charts #wrap .panel-content {
	width: 100%;
	padding: 10px 0 0 0;
}

.checkout-help #wrap .panel-content p, .checkout-help #wrap .panel-content h2,
.availability-help #wrap .panel-content p, .availability-help #wrap .panel-content h2,
.size-charts #wrap .panel-content p, .size-charts #wrap .panel-content h2 {padding: 0 1em;}

.availability-help #wrap .panel-content h3 {padding: 1em;}

.checkout-help .panel-foot span {display: none;}
.checkout-help .panel-foot span.close {display: block;}


/*************************************************************
BASKET
**************************************************************/

/* --- new basket layout --- */

#basketItems {
	border-collapse: collapse;
	border-spacing: 0;
	border: #DCDED7 1px solid;
	/*position: relative;*/
	margin: 0 0 1em 0;
	float: left;
	clear: both;
	width: 100%;
}

#basketItems th {
	background-color: #e8e8e8;
	border: #ccc 1px solid;
	padding: 1em;
	color: #000;
	text-align: center;
	font-weight: bold;
}

#basketItems th.description {text-align: left;}
#basketItems th.qty {width: 8%;}
#basketItems th.subtotal {width: 14%;}
#basketItems th.remove {width: 14%;}

#basketItems .basketQty {
	border-collapse: collapse;
	border-spacing: 0;
	width: 70%;
}

#basketItems .basketQty td {
	padding: 0;
	border: 0;
}

#basketItems td {
	vertical-align: middle;
	text-align: center;
	border-right: #DCDED7 1px solid;
	border-bottom: #DCDED7 1px solid;
	padding: 1em;
}

#basketItems td.description {text-align: left;}
#basketItems td.description .packshot {
	float: left;
	width: 19%;
	min-width: 70px;
}

#basketItems td.description .details {
	float: right;
	width: 75%;
}

.basket #basketItems td.description .details {width: 72%;} /* decrease width on basket page to sort ie layout issue */
#basketItems td.description span {
	display: block;
	margin-bottom: 0.5em;
}

#basketItems td.description .strike {display: inline;}

#basketItems td.description .title {font-weight: bold;}
#basketItems td.description .availability, #basketItems td.description .delivery-message {}
#basketItems td.description .delivery-message a {
	color: #666;
	cursor: help;
	text-decoration: underline;
}

#basketItems td.description .price {}

#basketItems td.description .giftwrapping, #basketItems td.description .sendasgift {}
#basketItems td.description .sendasgift, #basketItems td.description .giftwrappingChargeMessage {clear: both;}
#basketItems td.description .giftwrappingChargeMessage {margin-top: 0.5em;}

#basketItems td.description .giftwrapping .trans-button {float: left;}

#basketItems .noItems {padding: 3em 1em;}

#basketItems .basketMessage {
	background-color: #fef2f2;
	color: #c00;
	font-weight: bold;
}

#basketItems .discount {background-color: #87d300;}
#basketItems .discount td {
	border-right: 0;
	color: #000;
}

#basketItems .discountApplied {
	text-align: right;
	padding-right: 0;
}

#basketItems .discountValue {text-align: left;}

#basketItems tfoot td {border: 0;}

#basketItems tfoot td.giftwrapping, #basketItems tfoot td.giftwrappingPrice {padding-bottom: 0;}
#basketItems tfoot td.giftwrapping {
	font-weight: bold;
	text-align: right;
	padding-right: 0;
}

#basketItems tfoot td.giftwrappingPrice {text-align: left;}

#basketItems td.delivery, #basketItems td.deliveryPrice {padding-bottom: 0;}
#basketItems td.delivery {
	font-weight: bold;
	text-align: right;
	padding-right: 0;
}

#basketItems td.deliveryPrice {text-align: left;}

#basketItems td.total {
	font-weight: bold;
	text-align: right;
	padding-right: 0;
}

#basketItems td.totalPrice {text-align: left; color:#4da002 ; font-size: 1.6em; font-weight: bold;}

#discount {
	margin: 0 0 1em 0;
	float: left;
	width: 100%;
	clear: both;
	text-align: center;
}

#discount label, #discount input, #discount button {float: left;}
#discount label {
	font-weight: bold;
	padding: 0.4em 0 0.4em 1em;
}

#discount #discountcode {
	padding: 0.2em;
	margin: 0.1em 1em;
}

#basketButtons {
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 1em 0;
}

/* old */

#basket {
	border-collapse: collapse;
	border-spacing: 0;
	border: #ccc 1px solid;
	position: relative;
	margin: 0 0 1em 0;
}

#basket th {
	color: #000;
	font-weight: bold;
	background-color: #e8e8e8;
	text-align: center;
	border: #ccc 1px solid;
	padding: 1em;
}

#basket td {
	text-align: center;
	border-right: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	color: #666;
	vertical-align: middle;
	padding: 3px 0 3px 0;
}

#basket tfoot td {text-align: center; border-right: 0;}
#basket tfoot td.formerror {padding: 1em;}

#basket tfoot img {padding: 1em;}
#basket tfoot #checkoutConfirm, #basket thead #checkoutConfirm {margin: 1em; padding: 0 1em;}

#basket .strike {text-decoration: line-through;}

#basket .basketimage {border-right: 0; padding: 1em; width: 80px;}
#basket .baskettitle {
	padding: 1em 0;
	padding: 1em 0.2em;
	font-weight: bold;
	vertical-align: middle;
	text-align: left;
}

#basket td.noitems {
	border-right: 0;
	padding: 3em;
	font-weight: bold;
}

#basket .proceedtocheckout {text-align: right;}
#basket .continueshopping{ text-align: left;}
#basket .basketlast {border-right: #0162ff 1px solid;}

#basket .basketquantity {width: 70%; margin: 0 auto;}
#basket .basketquantity td {
	text-align: center;
	border-right: 0;
	border-bottom: 0;
	color: #666;
	vertical-align: middle;
}

#basket .basketQty {
	border-collapse: collapse;
	border-spacing: 0;
	width: 70%;
	margin: 0 auto;
}

#basket .basketQty td {
	padding: 0;
	border: 0;
}

.contentsrow {
	background: #fff;
	height: 35px;
	vertical-align: middle;
	color: #000;
	padding: 10px 5px 10px 5px;
}

#basket td.contentsrowdiscount {
	background: #bfdfff;
	height: 35px;
	vertical-align: middle;
	color: #0162ff;
}

.contentsrowerror {
    background: #9cf;
    height: 35px;
    vertical-align: middle;
    color: red;
}

#basketprogress table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

#basketprogress th {border-bottom: #666 1px solid; width: 20%;}
#basketprogress th img {margin: 0 1em 0 0;}
#basketprogress td {text-align: center;}

#discountcodewrap {color: #666; font-weight: bold; padding: 0 1em;}
#discountcodewrap label, #discountcodewrap input {float: left;}
#discountcodewrap label {padding: 0.5em 0;}
#discountcodewrap input {color: #666; font-weight: normal;}
#discountcodewrap #discountcode {
	margin: 0.1em 0.5em 0.1em 0;
	border: #0162ff 1px solid;
	padding: 0.3em;
	width: 138px;
}

#discounttable {margin: 1em 0; width: 100%;}
#discounttable td {border: 0; vertical-align: middle;}

p#freedelivery {
	background: transparent none repeat scroll 0%;
	text-align: right;
	width: 95%;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

.alert {
	border: #ff0000 1px solid;
	color: #f60;
	padding: 1em;
	margin: 0 0 1em 0;
}

.alert p {color: #666;}
.alert a {color: #f60;}
.alert .hint {font-weight: normal;}

/*************************************************************
Campaign Menu
**************************************************************/

/* --- Campaign Menu 1 --- */

#campaign1-menu {
	width: 620px;
	margin: 0;
	position: relative;
	text-align: left;
}

#middle-rail #campaign1-menu h2 a {background: none;}

#campaign1-menu h1, #middle-rail #campaign1-menu h2 {background-color: transparent;}

#campaign1-menu h2 a {
	display: block;
	text-align: left;
	overflow: hidden;
	background: top left no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	width: 97%;
}
.campaign1 .banner-wrap {
	float: left;
	display: inline;
	width: 185px;
	padding: 0 10px;
	text-align: center;
	background: #fff;
}

.campaign1 .banner-wrap a { float: left; width:100%; display: block;} 

#wrap .banner-wrap img { margin: 0 !important;}

.campaign1 .banner-wrap img {margin: 1em 0 0.5em 0;}
.campaign1 #banner_main_wrap { float: left; width: 100%; background: #fff; padding: 10px 0 10px 0;}

/* --- Campaign Menu 2 --- */

#campaign2 {
	width: 620px;
	margin: 0;
	position: relative;
	text-align: left;
}

#middle-rail #campaign2-menu {
	width: 620px;
	margin: 0;
	position: relative;
	text-align: left;
}

#campaign2-nav {
	position: absolute;
	top: 20px;
	left: 20px;
}

#middle-rail #campaign2-menu ul#main-menu {
	float: left;
	width: 266px;
	text-align: left;
	padding: 0;
	background-image: none;
	clear: both;
}

#middle-rail #campaign2-menu .level-2 ul#main-menu {padding-bottom: 110px;}

#middle-rail #campaign2-menu ul#main-menu li {
	float: left;
	width: 123px;
	padding: 0 10px 0 0;
	display: inline;
	margin: 0;
}

#middle-rail #campaign2-menu ul#main-menu li a {
	background-color: transparent;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	padding: 0;
	display: block;
	text-align: left;
	margin: 0;
	color: #fff;
}

#middle-rail #campaign2-menu ul#sub-menu {
	float: left;
	width: 266px;
	text-align: left;
	padding: 0;
	background-image: none;
	clear: both;
	margin-top: 10px;
}

#middle-rail #campaign2-menu ul#sub-menu li {
	float: left;
	width: 123px;
	padding: 0 10px 0 0;
	display: inline;
	margin: 0;
}

#middle-rail #campaign2-menu ul#sub-menu li a {
	background-color: transparent;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	padding: 0;
	display: block;
	text-align: left;
	margin: 0;
	font-weight: normal;
	line-height: 1.6em;
	color: #fff;
}


/*************************************************************
Deal Promo Lists
**************************************************************/

.deal-list-promos, .deal-list-promo-row {
	float: left;
	width: 100%;
	clear: both;
}

.deal-promo {float: left;}

.deal-list-promo-row a {
	float: left;
	padding-bottom: 10px;
}

.deal-promo a {
	padding-left: 10px; /* Padding is on the a tag as the banner is optional */
	float: left;
}
.deal-promo-1 a {padding-left: 0;}


/*************************************************************
Banners
**************************************************************/

.banners-container {width: 100%;float: left;}

.banners-container .left {
	width: 49.25%;
	float: left;
	background-position: top left;
	background-repeat: no-repeat;
}

.banners-container .right {
	width: 49.25%;
	float: right;
	background-position: top left;
	background-repeat: no-repeat;
}

#right-rail img, #right-rail embed, #right-rail object, #left-rail img, #left-rail embed, #left-rail object {margin: 0 0 1em 0;}

.checkout-complete-banner {
	text-align: center;
	float: left;
	width: 100%;
	clear: both;
}
.checkout-complete-banner img {margin-top: 2em;}

		
/*************************************************************
RANDOM
**************************************************************/

#adult-wrap, .offers-wrap, .floated-elements-wrap {float: left; width: 100%; clear: both;}
.floated-elements-wrap {padding: 1em 0;}

.offers-wrap .fl {padding: 0 0 1em 6em;}
.offers-wrap .fr {padding: 0 6em 1em 0;}

.flashbanner {margin-bottom: 10px;}

#checkout iframe {display: none;}

.banner-wrap {
	float: left;
	display: inline;
	width: 33%;
	text-align: center;
}

.banner-wrap img, .banner-wrap .flash-banner {margin: 1.5em 0;}

body#offers.post-tournament-depression .banner-wrap img {margin: 1em 0 !important;}

label.hiddenlabel {display: none;}

.password-reminder-sent .panel-content {padding-top: 1em;}


/*************************************************************
Disney Shop
**************************************************************/

/*menu*/

#middle-rail .sale .panel-body, #middle-rail .sale .panel-body h2 { padding:0; margin:0; }

#promotional-menu h1, #middle-rail #promotional-menu #promotional-menu-wrap {background-color: transparent;}

#promotional-menu {
	height: 205px;
	float: left;
	width: 620px;
	margin: 0;
	position: relative;
}

#promotional-menu #promotional-menu-wrap #promotional-header {
	display: block;
	text-align: center;
	overflow: hidden;
	height: 205px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/offers/disney/top-main.gif) top left no-repeat;
}

#middle-rail #promotional-main-menu {
	position: absolute;
	top: 130px;
	left: 320px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 310px;
}

#promotional-main-menu li {
	float: left;
	padding: 0;
	margin: 0 3px;
	width: 90px;
	list-style-type:none;
}

#promotional-main-menu li a {
	display: block;
	text-align: center;
	overflow: hidden;
	background: top left no-repeat;
	height: 31px;
	text-indent: -9999px;
	overflow: hidden;
}

#promotional-main-menu li a {background-image: url('../images/offers/disney/seasonal-main-menu.gif');}
#promotional-main-menu li.m01 a  {background-position: 0 0;}
#promotional-main-menu li.m02 a  {background-position: -93px 0;}
#promotional-main-menu li.m03 a  {background-position: -182px 0;}
#promotional-main-menu li.m04 a  {background-position: -246px 0;}
#promotional-main-menu li.m05 a  {background-position: -285px 0;}

#promotional-main-menu.cd li.m01 a  {background-position: 0 -30px;}
#promotional-main-menu.dvd li.m02 a  {background-position: -93px -30px;}
#promotional-main-menu.games li.m03 a  {background-position: -182px -30px;}
/*	#sub-menu {
float: left;
	margin: 0px 0 0 178px;
	padding: 0;
	list-style-type: none;
	border:1px solid #f00;
}*/

#middle-rail #promotional-sub-menu {
	position: absolute;
	top: 175px;
	right: 17px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	color: #fff;
	font-weight: bold;
}

#middle-rail #promotional-sub-menu li {
	float: left;
	padding: 0 8px;
	text-align: center;
	border-right: #035076 1px solid;
	line-height: normal;
}

#middle-rail #promotional-sub-menu li.last {border-right: 0;}

#promotional-sub-menu li a {
	display: inline;
	text-align: center;
	color: #035076;
	text-decoration: none;
	font-weight: bold;
}

#promotional-sub-menu li a:hover {text-decoration: underline;}

/*************************************************************
Sales
**************************************************************/

/*menu*/

#sales-menu{
	background: url(../images/sales/sale/top-main.gif) top left no-repeat;
	float: left;
	width: 620px;
	margin: 0;
	position: relative;
	padding: 0 0 15px 0;
}

#sales-menu h1, #middle-rail #sales-menu h2{background-color:transparent;}

#sales-menu h2 a{
	display: block;
	text-align: center;
	overflow: hidden;
	background: top left no-repeat;
	height: 140px;
	text-indent: -9999px;
	overflow: hidden;
}

#middle-rail #main-menu, #middle-rail #sub-menu {
	margin: 0;
	padding: 10px 10px 0 10px;
	width: 600px;
	background: url('../images/panel-vert-borders.gif') top right repeat-y;
	text-align: center;
}
#middle-rail #sub-menu {
	padding: 0 10px 10px 10px;
	line-height: normal;
}

#middle-rail #main-menu li {
	list-style-type: none;
	display: inline;
	width: auto;
	margin: 0 10px 0 0;
}
#middle-rail #main-menu li.last {margin: 0;}

#middle-rail #main-menu li a {
	width: auto;
	margin: 0 0 10px 0;
	display: -moz-inline-stack; /* for Firefox 2 */
	display: inline-block;
	padding: 6px 8px;
	line-height: normal;
	background-color: #4da002;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	border-radius: 0.3em;
	color: #fff;
	font-weight: bold;
}
#middle-rail #main-menu li.active a, #main-menu li a:hover {
	background-color: #85d706;
	text-decoration: underline;
}

#middle-rail #sub-menu li {
	padding: 0 10px 0 0;
	text-align: center;
	display: inline;
	line-height: normal;
}
#middle-rail #sub-menu li.last {padding: 0;}

#sub-menu li a {
	text-align: center;
	color: #4da002;
	font-weight: bold;
	font-size: 0.8em;
	line-height: normal;
}
#sub-menu li a:hover {text-decoration: underline;}



#middle-rail .panel-body #sales-menu h2 {
	padding: 0;
	margin: 0;
}

#middle-rail .panel-body #sales-menu ul { padding: 0;}

#middle-rail #sales-menu ul { margin:0 0 10px 17px !important; clear: both;}


/*************************************************************
Campaign Menu
**************************************************************/

#campaign1-menu{
	width: 620px;
	margin: 0;
	position: relative;
	text-align: left;
}

#middle-rail #campaign1-menu h2 a {background: none;}

#campaign1-menu h1, #middle-rail #campaign1-menu h2 {background-color: transparent;}

#campaign1-menu h2 a {
	display: block;
	text-align: left;
	overflow: hidden;
	background: top left no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	width: 97%;
}

#wrap #body-content #middle-rail .campaign1 .panel-body, #wrap #body-content #middle-rail .campaign1,
#wrap #body-content #middle-rail .campaign2 { padding:0; margin:0; }

.campaign1 .banner-wrap {
	float: left;
	display: inline;
	width: 185px;
	padding:0 10px 0 10px;
	text-align: center;
}

.campaign1 .banner-wrap img {margin: 1.5em 0 0 0;}
.campaign1 #banner_main_wrap { float: left; width: 100%; padding: 0;}

/*************************************************************
Sales Pages
**************************************************************/

#seasonaltop {
	display: block;
	width: 610px;
	margin: 0px;
	padding: 0px;
	background: url(../images/sales/sale/top-main.gif) no-repeat top left;
	height: 328px;
	position:relative;
}

#seasonaltop.sale {
	background: url(../images/sales/sale/sale-top-main.gif) no-repeat top left;
	height:248px;

}

#seasonaltop.sale a#dvdnav{height:40px; width:60px; position:absolute; top:0; left:265px;}
#seasonaltop.sale a#cdnav {height:53px; width:156px; position:absolute; top:10px; left:337px;}
#seasonaltop.sale a#gamenav{height:45px; width:99px;position:absolute; top:34px; right:0px;}


#seasonaltop a#dvdnav {
	display: block;
	float: left;
	width: 220px;
	height: 328px;
}

#seasonaltop a#cdnav {
	display: block;
	float: left;
	width: 170px;
	height: 328px;
}

#seasonaltop a#gamenav {
	display: block;
	float: left;
	width: 220px;
	height: 328px;
}

#subcat-holder {
	width: 610px; 
	padding: 0px; 
	float: left;
	background: url(../images/sales/sale/bottom.gif) no-repeat bottom left #3395fa;
}

#subcat-holder h2 {
	text-align: left;
	margin: 10px 0 0 40px;
}

#subcat-holder h2 a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	display: block;
	width: 100%;
}

#subcat-holder ul {
	list-style: none;
	margin: 20px 0 20px 40px;
	padding: 0;
}

#subcat-holder ul li {
	line-height: 25px; 
	background: url(../images/sales/sale/list-arrow.gif) no-repeat center left;
}

#subcat-holder ul li a {
	color: #fff;
	margin-left: 15px;
	font-weight: bold;
}

#subcat-holder .wrap {
	width: 203px; 
	float: left;
	padding: 0; 
	min-height: 380px;
}

#subcat-holder .wrap-2 {
	width: 203px; 
	float: left;
	margin: 0; 
	padding: 0; 
	min-height: 380px;
}

#subcat-holder.sale-subcat .wrap, #subcat-holder.sale-subcat .wrap-2{min-height: 120px;}



#seasonalprimarynav {
	display: block;
	width: 610px;
	background-color: #3395fa;
	padding: 10px 0 0 0;
}

#seasonalprimarynav p {
	padding: 4px 0 6px 15px;
	color: #fff;
	margin: 0px;
	font-weight: bold;
	text-decoration: none;
}

#listpanelcontent {
	background-color: #fff;
}

#seasonalprimarynav a {
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}

#seasonalprimarynav a:hover {
	text-decoration: underline;
	color: #fff;
}

#seasonalsecondarynav {
	display: block;
	width: 610px;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #3395fa;
}

#seasonalsecondarynav p {
	text-align: left;
	margin: 0;
	margin: 0;
	padding: 7px 0 7px 15px;
	background-color: #3395fa;
}

#seasonalsecondarynav p a {
	font-weight: bold;
	color: #fff;
}

#seasonalsecondarynav p a:hover {
	text-decoration: underline;
	color: #fff;
}

#seasonaltitle {
	text-align: center;
	width: 610px;
	height: 70px;
}

#seasonaltitle h2 {
    background-color:transparent;
	text-align: left;
	font-weight: bold;
	padding: 0 0 0 5px;
	margin: 0;
	color: #797b79;
}

/*************************************************************
January-sales
**************************************************************/


.panel-head-sales { 
	background: url(../images/sales/january/title-bg.gif) top repeat-x;
	padding: 3px 0 3px 5px;
	height: 29px;
	display: block;
	clear: both;
	color: #ffffff;
}
.panel-foot-sale { border-top: 1px solid #c3c3c3; float: left; width: 600px; padding: 3px 10px 0 0;}
.panel-foot-sale p {text-align: right; margin: 0 ;}
.panel-foot-sale p a {color: #ff2d00; font-weight: bold;}

/*************************************************************
Help Pages
**************************************************************/
#help #middle-rail #help-wrap{width:100%; float:left;}
#help #middle-rail #help-wrap div {border:1px solid #0162FF; width:46%; float:left;margin:14px; height:24em;}
#help #middle-rail #help-wrap h2 {background:#3395FA; color:#fff; padding:0.9em;border-bottom:1px solid #0162FF;}
#help #middle-rail h2 {border-bottom:1px solid #ccc; padding-bottom:1em; clear:both;}
#help #middle-rail h3 {border-top:none; padding:0.5em 0;}

#help #middle-rail #help-search {border:1px solid #0162FF; margin:0 0 1em 0;width:100%;float:left; clear:both;}
#help #middle-rail #help-search input {float:left; margin:2em 1em 0.5em 1em ;}


#help #middle-rail #help-search .help-search-submit{margin:1.5em 1em 0.5em 1em ;}


/* --- classifications table --- */

.classifications {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
	margin: 1em 0;
}
.classifications td {
	padding: 6px;
	border-bottom: #ccc 1px solid;
	border-right: #ccc 1px solid;
	vertical-align: middle;
}


/*************************************************************
List Sorting Module
**************************************************************/
#list-sort {
	clear: both;
	width: 100%;
	margin: auto;
	background: #dbdbdb url('../images/panel-vert-borders.gif') top right repeat-y;
	padding: 0;
	color: #000;
}
#middle-rail #list-sort ul {
	margin: 0;
	padding: 0.5em 0;
	text-align: center;
	background: url('../images/panel-vert-borders.gif') top left repeat-y;
}
#middle-rail #list-sort li{display:inline; padding:0; margin:0; font-size: 0.85em;}
#list-sort a:link, #list-sort a:visited { padding:0.1em 0.6em 0.1em 0.3em; color:#131A13; font-weight:normal; border-right:1px solid #131A13;}
#list-sort li.last a {border-right: 0;}
#list-sort a:hover{color:#131A13; text-decoration:underline;}

#list-sort li a:link.active, #list-sort li a:visited.active{color:#131A13; font-weight: bold; text-decoration:underline;}

/*************************************************************
List Navigation
**************************************************************/

.list-nav {
	clear: both;
	padding: 1em 0;
	position: relative;
	text-align: left; /* IE6 position left bug fix */
	background: url('../images/panel-vert-borders.gif') top right repeat-y;
}

.list-nav a, .list-nav a:visited {text-decoration: underline;}

.list-nav .previous, .list-nav .next {
	position: absolute;
	top: 1em;
	width: 100px;
	text-align: left;
	font-size: 0.8em;
}
.list-nav .previous {left: 1em;}
.list-nav .next {
	right: 1em;
	text-align: right;
}

.list-nav .paging {
	padding: 0 100px;
	text-align: center;
}

.list-nav .paging ol {
	padding: 0;
	line-height: normal;
	list-style-type: none;
}
.list-nav .paging li {
	display: inline;
	padding: 0 6px 0 3px;
}

.list-nav .paging li.currentpage a {
	text-decoration: none;
	font-weight: bold;
}

#middle-rail .results ul {margin: 0; padding: 0; text-align: center;}
.results li {display: inline; padding: 0; margin: 0;}
.results a:link, .results a:visited {padding: 0.3em 0.3em; color:#0162ff; font-weight: bold;}
.results a:hover {color: #f60;}
.results li.currentpage a:link, .results li.currentpage a:visited {color: #f60; font-weight: bold;}
#list-nav-pages{text-align:center;padding:0.5em 0; clear:both; width:100%;}



/*************************************************************
Affiliates
**************************************************************/

.affiliatedesc {display:none;}
#middle-rail p.affiliateimage{margin:0;}
#middle-rail #affiliates.panel .panel-foot{border-top:0px;}


/*************************************************************
New Styles
**************************************************************/

/*List styles*/

.default .product-desc, .genre .product-desc, .sale .product-desc, .seasonal .product-desc, .offers .product-desc, #searchlist .product-desc {display:none;}
.default .product-image, .genre .product-image, .sale .product-image, .seasonal .product-image, .offers .product-image {float:none;}

#memory .default .product-image { float: left;}

.home .product-desc, .cd .product-desc, #games-platforms-ps3 .product-desc, #games-platforms-nintendo-ds .product-desc, #games-platforms-nintendo-wii .product-desc, #games-platforms-xbox-360 .product-desc, #games-platforms-ps2 .product-desc, #offers .product-desc, #games-platforms-psp .product-desc, #games-platforms-pc .product-desc, .dvd .product-desc, #games .product-desc, .books .product-desc, .youmightlike .product-desc, .related .product-desc, .hd-dvd .product-desc, #promo .product-desc, .blu-ray .product-desc, .electronics .product-desc, .computing .product-desc, .perfume .product-desc, .lingerie .product-desc, .sports .product-desc, .games-games-accessories .product-desc, .games-consoles .product-desc, .gifts .product-desc{display:none;}

/*.home .product-image, .cd .product-image, .dvd .product-image, .games-platforms-ps3 .product-image, #promo .product-image, #offers .product-image, .games-platforms-nintendo-ds .product-image, .games-platforms-nintendo-wii .product-image, .games-platforms-xbox-360 .product-image, .games-platforms-ps2 .product-image, .games-platforms-psp .product-image, .games-platforms-pc .product-image, #games .product-image, .books .product-image, .youmightlike .product-image, .related .product-image, .blu-ray .product-image, .hd-dvd .product-image, .electronics .product-image, .computing .product-image, .perfume .product-image, .lingerie .product-image, .sports .product-image, .games-games-accessories .product-image, .games-consoles .product-image, .gifts .product-image{float:none;}*/

/* override float: none on product image for memory products */
#memory .youmightlike .product-image, #memory .related .product-image {float: left;}


.hide {display:none;}
.freedelivery {display:none;}
.lingerie #middle-rail h2 {}

/*competition*/

#competition #middle-rail fieldset {padding: 0;}

#comp-question{width:290px; float:left; margin: 0 0 1em 0; padding: 0 10px 0 10px;}
#panel-comp-content{width:320px; float:right; padding-top: 1em; font-size: 0.85em;}
#competition .panel-comp fieldset {margin: 0; padding: 0; border: 0;}

.comp-banner{clear:both; width: 620px;}

.competition .panel-body, .competition-entered .panel-body, .competition-error .panel-body {
	padding: 0;
	width: 100%;
}

#panel-comp{
	float: left;
	width: 100%;
	position: relative;
}

#panel-comp form {float: left;}
#comp-terms h3 {border-top: 0;}
#comp-terms { font-size: 0.85em;}
#comp-terms p {font-size: 1em;}

.panel-comp .comp-prizes {float: left; width: 260px;}

#panel-comp-content #comp-question p {
	padding: 0;
}

#panel-comp-content .answers {
	clear: both;
	float: left;
	margin:0 0 2em 0;
	width: 310px;
}
#panel-comp-content .answers div {
	clear: both;
	margin: 0 0 1em 1em;
	padding:1em 0;

}

#panel-comp-content .answers input {
	margin: 0 8px 0 0;
	float: left;
}



#panel-comp-content .answers label {
	display: block;
	float: left;
	width: 200px;
}

#panel-comp-content .fields {
	float: left;
	clear: both;
	padding: 0 0 0 10px;
	display:block;
	width:260px;
}

#panel-comp-content .fields label {
	display: block;
	float: left;
	width: 41px;
	margin: 0 6px 5px 0;
	padding: 4px 0 0 0;
}

.fields input {
	width: 200px;
	color: #000;
	float: left;
	clear: right;
	margin-bottom: 5px;
	padding: 0.2em;
}

.checkbox {
	clear:both;
}
.checkbox #newsletter, .checkbox #thirdpartynewsletter {width: 15px; float: left; margin:0 10px 30px 0;}

#panel-comp-content .errors {
	clear: both;
	color: #f00;
	padding: 5px 0 5px;
}
#panel-comp-content .errors ul {margin: 0 10px;}

#panel-comp-content .submit{ padding: 0 0 0 10px; width: 200px;}

#panel-comp-content .submit input {
	margin: 10px 0;
	clear: both;
}
#panel-comp-content #submit {font-weight: bold;}

.comp-panel-entered{padding:20px;}

.comp-banner .comp-bottom-banner-1 {float: left; width: 310px;}
.comp-banner .comp-bottom-banner-2 {float: right; width: 310px;}

.comp-prizes a {cursor: default;}

#middle-rail .submit ul, #middle-rail #comp-question ul {margin:0 0.5em;}
#middle-rail .submit ul li {line-height:1.2em;}

#spore-text {font-weight: bold;color: #be007c;}
#spore-anwsers {display: none;}

#account .panel-content { width: 770px;}
#checkout .panel-content, #account .panel-content, #info .panel-content { float: left; padding-top: 10px;}
#games-chart .freedelivery { display: none;}
.login #wrap #body-content .panel-content, .password-reminder-sent #wrap #body-content .panel-content, #info #wrap #body-content .panel-content { width: 940px;}
.account-creation #wrap #body-content .panel-content {width: 600px;}

#list-banner-01, #list-banner-02 {
background:#fff;
clear:both;
color:#FFFFFF;
margin:auto;
padding:0pt;
width:100%;
}


/*partners*/



.homepagepanelcontent {
	width: 610px;
	background: #fff url('../images/morethan/morethan-header.gif') top left no-repeat;
	padding-top: 135px;
}
.people-desc {
}
.people-desc p {
	color: #000;
	display: block;
	padding: 0 1.5em 1em 1.5em;
	margin: 0;
	text-align: justify;
}
.people-error p {padding: 0 1.5em 1.5em 1.5em; color: #57b021;}
#people .panel-body {padding: 0;}


body.hut-dvd-content-super-mario {background: #3566CD url('../images/content/mario-and-sonic.jpg') top no-repeat;}
body.hut-dvd-content-doctor-who{background: #3566CD url('../images/content/doctor-who.jpg') top no-repeat;}

/*************************************************************
Seasonal
**************************************************************/

#seasonal-menu h1, #middle-rail #seasonal-menu h2 {background-color: transparent;}

#seasonal-menu {
	background: #fff url('../images/sales/seasonal/top-main.gif') top left no-repeat;
	float: left;
	width: 620px;
	margin: 0;
	clear: both;
	padding-bottom: 4px;
}

#seasonal-menu h2 a {
	display: block;
	text-align: center;
	overflow: hidden;
	background: top left no-repeat;
	height: 160px;
	text-indent: -9999px;
	overflow: hidden;
	width: 97%;
}

#middle-rail #seasonal-main-menu {
	float: left;
	clear: both;
	margin: 0 10px 0 0;
	padding: 0;
	list-style-type: none;
	display: inline; /* ie6 double margin bug fix */
}

#seasonal-main-menu li {
	float: left;
	padding: 0;
	margin: 0 3px;
	width: 82px;
	list-style-type:none;
}

#seasonal-main-menu li a {
	display: block;
	text-align: center;
	overflow: hidden;
	background: top left no-repeat;
	height: 25px;
	text-indent: -9999px;
	overflow: hidden;
}


#seasonal-main-menu li a {background-image: url('../images/sales/sale/sales-main-menu.gif');}
#seasonal-main-menu li.m01 a {background-position: 0 0;}
#seasonal-main-menu li.m02 a {background-position: -93px 0;}
#seasonal-main-menu li.m03 a  {background-position: -174px 0;}
#seasonal-main-menu li.m04 a {background-position: -246px 0;}
#seasonal-main-menu li.m05 a  {background-position: -364px 0;}
#seasonal-main-menu li.m06 a  {background-position: -436px 0;}



#seasonal-main-menu.blu-ray li.m01 a  {background-position: 0 -30px;}
#seasonal-main-menu.family-dvds li.m02 a  {background-position: -93px -30px;}
#seasonal-main-menu.games li.m03 a  {background-position: -174px -30px;}
#seasonal-main-menu.horror-dvds li.m04 a{background-position: -246px -30px;}
#seasonal-main-menu.horror-tv li.m05 a{background-position: -364px -30px;}
#seasonal-main-menu.horror-tv li.m06 a {background-position: -436px -30px;}

/*	#sub-menu {
float: left;
	margin: 0px 0 0 178px;
	padding: 0;
	list-style-type: none;
	border:1px solid #f00;
}*/

#middle-rail #seasonal-sub-menu {
	position: absolute;
	top: 175px;
	left: 5px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	color: #fff;
}

#middle-rail #seasonal-sub-menu li {
	float: left;
	padding: 0 8px;
	text-align: center;
	border-right: #ffffff 1px solid;
	line-height: normal;
}
#middle-rail #seasonal-sub-menu li.last {border-right: 0;}

#seasonal-sub-menu li a {
	display: inline;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
#seasonal-sub-menu li a:hover, #seasonal-sub-menu li a:link  {color: #ffffff;}


/*************************************************************
Pink Shop
**************************************************************/

#pink-menu h1, #middle-rail #pink-menu h2 {background-color: transparent;}

#pink-menu {
	height: 195px;
	float: left;
	width: 620px;
	margin: 0;
	position: relative;
}

#pink-menu h2 a {
	display: block;
	text-align: center;
	overflow: hidden;
	height: 195px;
	text-indent: -9999px;
	overflow: hidden;
	background: url('../images/offers/seasonal/pink-shop/top-main.gif') top left no-repeat;
}

.pink #list-sort { background: #d46693;}
.pink #list-sort a:link, #list-sort a:visited {border-right:1px solid #000; color: #000; font-weight: bold; }

#middle-rail #pink-main-menu {
	position: absolute;
	top: 140px;
	left: 4px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 590px;
}

#pink-main-menu li {
	float: left;
	padding: 0;
	margin: 0 3px;
	width: 112px;
	list-style-type:none;
}

#pink-main-menu li a {
	display: block;
	text-align: center;
	overflow: hidden;
	background: top left no-repeat;
	height: 35px;
	text-indent: -9999px;
	overflow: hidden;
}


#pink-main-menu li a {background-image: url('../images/offers/seasonal/pink-shop/seasonal-main-menu.gif');}
#pink-main-menu li.m01 a  {background-position: 0 0;}
#pink-main-menu li.m02 a  {background-position: -112px 0;}
#pink-main-menu li.m03 a  {background-position: -235px 0;}
#pink-main-menu li.m04 a  {background-position: -356px 0;}
#pink-main-menu li.m05 a  {background-position: -476px 0;}

#pink-main-menu.pink--music li.m01 a  {background-position: 0 -34px;}
#pink-main-menu.pink-dvds li.m02 a  {background-position: -112px -34px;}
#pink-main-menu.pink-gadgets li.m03 a  {background-position: -235px -34px;}
#pink-main-menu.pink-lingerie li.m04 a  {background-position: -356px -34px;}
#pink-main-menu.pink-perfume li.m05 a  {background-position: -476px -34px;}
/*	#sub-menu {
float: left;
	margin: 0px 0 0 178px;
	padding: 0;
	list-style-type: none;
	border:1px solid #f00;
}*/

#middle-rail #pink-sub-menu {
	position: absolute;
	top: 175px;
	left: 5px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	color: #fff;
}

#middle-rail #pink-sub-menu li {
	float: left;
	padding: 0 8px;
	text-align: center;
	border-right: #ffffff 1px solid;
	line-height: normal;
}
#middle-rail #pink-sub-menu li.last {border-right: 0;}

#pink-sub-menu li a {
	display: inline;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
#pink-sub-menu li a:hover, #pink-sub-menu li a:link  {color: #ffffff;}

/*************************************************************
Customer Services Messaging
**************************************************************/

/* --- discussion functionality styles --- */

#account .basket {
	border-spacing: 0;
	border: #ccc 1px solid;
	margin: 0 0 1em 0;
	border-collapse: collapse;
}

#account .basket th, #account .basket td {
	padding: 1em;
	border-bottom: #ccc 1px solid;
	border-right: #ccc 1px solid;
}
#account .basket th {
	text-align: center;
	background-color: #e8e8e8;
	color: #000;
	font-weight: bold;
}
#account #middle-rail .basket h3 {padding: 0; margin-top: 0;}
#account .basket .message-head {background-color: #4da002;}
#account .basket .message-head p {
	margin: 0;
	padding: 0.5em;
	color: #fff;
}
#account .basket .message-head p span {font-weight: bold;}
#account .basket .message-body {padding: 1em 0.5em 0 0.5em;}
#account .basket .message-body p {}

#account .basket .new-message  {border-top: #ccc 1px solid; margin: 0;}
#account .basket .new-message label {
	display: block;
	font-weight: bold;
	margin: 0 0 1em 0;
}
#account .basket .new-message textarea {
	border: #ccc 1px solid;
	padding: 0.3em;
	color: #666;
	display: block;
	width: 75%;
	height: 110px;
	margin: 0 0 1em 0;
}

#account .toggleDiscussion {
	display: block;
	width: 17px;
	height: 17px;
	margin: 0 auto;
	text-indent: -9999px;
	cursor: pointer;
	overflow: hidden;
	background: url('../images/buttons/transactional-spritev3.png') 0 -28px no-repeat;
}
#account .toggleDiscussion:hover {background-position: right -28px;}
#account .collapse {background-position: 0 0;}
#account .collapse:hover {background-position: right 0;}

/* --- message form styles --- */

#account .message-form {margin: 0;}
#account .message-form label {
	display: block;
	font-weight: bold;
	margin: 0 0 0.5em 0;
	color: #000;
}
#account .message-form label span {font-weight: normal;}
#account .message-form .text, #account .message-form .select-wrap, #account .message-form textarea {
	margin: 0 0 1em 0;
	border: #ccc 1px solid;
	padding: 0.3em;
	color: #666;
}

#account .message-form .text {width: 240px;}
#account .message-form select {
	width: 250px;
	color: #666;
	border: 0;
}
#account .message-form .select-wrap {width: 250px;}
#account .message-form textarea {width: 75%; height: 110px;}


/* --- random --- */

#account-content-wrap {padding-top: 1em;}


/*************************************************************
Promo Pages
**************************************************************/

#promo #body-content #middle-rail .panel-content .panel-head { display: none;}
#promo #body-content #middle-rail .panel-content { padding: 0;}
#promo #body-content #middle-rail .panel-content .row { padding: 10px 10px;}
#promo #body-content #middle-rail .panel-content .panel-body { background: #fff;} 
#promo #body-content #middle-rail .panel-content .panel-foot { background: none; border: none;}
#promo #body-content #middle-rail .panel-content .panel-foot p { background: none;}


/* search - did you mean */

.panel-didyoumean {
	float: left;
	width: 600px;
	padding: 1em 9px 1em 10px;
	border-bottom: #ccc 1px solid;
	margin: 0 0 1em 0;
}
#middle-rail .panel-didyoumean p {margin: 0;}


/*************************************************************
Account Credit
**************************************************************/

p.account-credit{background-color: #fff; color: #3366CC; border: #3366CC 1px solid; padding:1em; text-align: center; margin: 1.5em;}
p.account-credit strong {margin: 0 0 0.1em 0; display: block;}


/*************************************************************
Gift Wrapping
**************************************************************/

#delivery-gifts {
	border: #3395FA 1px solid;
	width: 98%;
	margin: 0 auto 1.5em auto;
}
.delivery-options #middle-rail #delivery-gifts h2 {
	color: #fff;
	background-color: #3395FA;
	padding: 0.2em 0.6em;
	margin: 0;
}

/* --- delivery options page gift wrapping --- */

.delivery-options #gift-wrapping {
	margin-bottom: 0;
	padding: 1em 1em 0 1em;
}
.delivery-options #middle-rail #gift-wrapping h3 {
	margin: 0 0 0.5em 0;
	padding: 0;
	border: 0;
}
.delivery-options #gift-wrapping td, .delivery-options #gift-wrapping th {padding: 0.5em;}
.delivery-options #gift-wrapping p {margin: 0.5em 0 0 0;}

/* send as gift */

.delivery-options #send-as-gift {padding: 1em; margin-bottom: 0;}
.delivery-options #middle-rail #send-as-gift h3 {
	margin: 0 0 0.5em 0;
	padding: 0;
	border: 0;
}
.delivery-options #send-as-gift td, .delivery-options #send-as-gift th {padding: 0.5em;}
.delivery-options #send-as-gift p {margin: 0.5em 0 0 0;}

/* --- gift wrapping page --- */

.gift-wrapping #middle-rail .baskettitle p {font-weight: normal; margin: 0.5em 0 0 0; width: 280px;}
.gift-wrapping table textarea {width: 300px; height: 80px; padding: 1px;}


/*************************************************************
Gift Vouchers
**************************************************************/

/* --- fields --- */

#gift-vouchers .section {
	margin: 0 0 1em 0;
	float: left;
	clear: both;
	width: 100%;
}

#gift-vouchers .field, #gift-vouchers .char-limit {
	float: left;
	width: 100%;
	clear: both;
}
#gift-vouchers .field {
	margin: 0 0 1em 0;
	padding: 0;
}

#middle-rail #gift-vouchers h2 {margin: 0 0 0.5em 0;}

#gift-vouchers label {
	float: left;
	margin: 0 0 0.5em 0;
	padding-right: 0;
	width: 100%;
	clear: both;
	text-align: left;
}
#gift-vouchers h2 label {margin: 0; float: none;}

#middle-rail #gift-vouchers h2 {background-color: transparent;}

#gift-vouchers .text {
	width: 200px;
	padding: 0.3em;
	float: left;
	clear: left;
	border: #ccc 1px solid;
	color: #666;
}

#gift-vouchers #voucherValue {width: 50px; clear: none;}
#gift-vouchers #yourMessage {
	width: 75%;

	height: 110px;
	margin: 0 0 1em 0;
}

#gift-vouchers .currency-symbol {
	margin: 0.3em 0.4em 0.3em 0;
	font-weight: bold;
	float: left;
}

#gift-vouchers div.formerror {
	float: left;
	padding: 0.3em 0 0.3em 0.4em;
	display: block;
	width: 320px;
}
#gift-vouchers ol {
	margin: 0 0 1.5em;
}

#gift-vouchers .instructions {
	padding: 1em 0em;
}


/*************************************************************
Breadcrumbs
**************************************************************/

#breadcrumbs, #breadcrumbs ul {
	float: left;
	clear: both;
	width: 100%;
	display: inline;
}

#breadcrumbs {
	width: 600px;
	margin: 10px 10px 0 10px;
}
.dept #breadcrumbs {
	width: 100%;
	margin: 0;
}

#breadcrumbs ul {
	margin: 0 0 10px 0;
	padding: 0;
	list-style-type: none;
	font-size: 0.8em;
}
#product-details #breadcrumbs {font-size: 1.2em;}

#middle-rail #breadcrumbs li {
	float: left;
	padding: 0 0 0 14px;
	margin: 0 0 0 8px;
	line-height: normal;
	background: url('../images/list-arrow.gif') 0 50% no-repeat;
	color: #666;
}

#middle-rail #breadcrumbs li.first {
	background-image: none;
	padding: 0;
	margin: 0;
}

#breadcrumbs li.first span {
	display: block;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	width: 84px;
	height: 11px;
	background: url('../images/header-assets-light-v4.png') -324px -50px no-repeat;
	margin: 1px 10px 0 0;
}

#breadcrumbs a {
	color: #000;
	font-weight: bold;
}
#breadcrumbs a:hover {color: #000;}


/*************************************************************
Deal of the Day
**************************************************************/

#deal-day-top { width: 100%; float: left; border:0; margin:0; padding:0;}
#deal-day-bottom-wrap { width: 100%; float: left; border:0; margin:0; padding:0;}
#deal-day-bottom-1 { width: 50%; float: left; background-color:#fff; border:0; margin:0; padding:0;}
#deal-day-bottom-2 { width: 50%; float: right; background-color: #fff; border:0; margin:0; padding:0;}


/************************************************************
Image Zoom
*************************************************************/
#imageZoom {
	width: 195px;
	height: 287px;
	position: relative;
	border: 1px solid #CCC;
	margin-bottom: 10px;
}	
#imageZoomContainer {
	width: 195px;
	height: 256px;
	overflow: hidden;
	border-bottom: 1px solid #CCC;
	position: relative;
}	
.imageZoomImage {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1100;
}
#imageZoomControl {
	height: 30px;
}
#imageZoomControl span {
	background-image: url(/common/images/zoomin.gif);
	background-repeat: no-repeat;
	background-position: left 50%;
	padding: 5px 5px 5px 30px;
	line-height: 25px;
}

/*************
image zoom pop up
*************/
.image-zoom #wrap #middle-rail .panel h1 { 
	background:#4DA002; 
	color: #FFF;
}
.image-zoom #wrap #middle-rail #zoomWindowClose a, 
.image-zoom #wrap #middle-rail #zoomWindowClose a:link, 
.image-zoom #wrap #middle-rail #zoomWindowClose a:visited {
	color: #fff;
}

/*************************************************************
Slideshow
**************************************************************/

#middle-rail .slideshow-wrap {
	position: relative;
	width: 100%;
	padding: 0;
	height: 219px;
	background: none;
	float: left;
	clear:both;
	margin: 0 0 10px 0;
	/* border: 1px solid #000; */
}

#middle-rail .slideshow-wrap { border: none;}
			
	
/* slideshow pictures */
			
.pics {
	height: 181px;
	width: 620px;
	padding: 0;
	margin: 36px 0 0 0;
	overflow: hidden;
}
.pics img {border: 0;}

/* slideshow navigation */

#middle-rail #slides-nav {
	position: absolute;
	top: 0px;
	/*left: 8px;*/
	left: 0px;
	z-index: 1000;
	line-height: normal;
	margin: 0;
	padding: 0 0 0 0;
	/* list-style-type: none; */
	width: 100%;
	background: transparent url(../images/header-nav-bg.png) no-repeat scroll left top;
	height: 36px;
}
#middle-rail #slides-nav h2 {
	background: transparent url(../images/header-nav-bg-right.png) no-repeat scroll right top;
	padding: 4px 0 0 0;
	height: 32px;
}
#middle-rail #slides-nav h2 span {padding: 0 10px;}
#middle-rail #slides-nav h2 a:link, #middle-rail #slides-nav h2 a:active, #middle-rail #slides-nav h2 a:visited, #middle-rail #slides-nav h2 a:hover {
	color: #FFF;
	text-decoration: none;
}

/* slideshow controls - pause / play  buttons */

#middle-rail #slides-nav-controls{
    position: absolute;
	top: 0px;
	/*left: 8px;*/
	right: 0px;
	z-index: 9000;
	line-height: normal;
	margin: 0;
	padding:5px 5px 0 0 ;
	width:100%;
	float:right;

}

#middle-rail #slides-nav-list {
		top: 0px;
		/*left: 8px;*/
		right: 0;
		z-index: 9000;
		line-height: normal;
		margin: 0;
		padding:0;	
		float:right;
}

#middle-rail #slides-nav-playpause {
		top: 0px;
		/*left: 8px;*/
		right: 0;
		z-index: 9000;
		line-height: normal;
		margin: 0;	
		padding:0;
		float:right;
}

#middle-rail #slides-nav-list li, #middle-rail #slides-nav-controls li {
	float: left;
	width: 28px;
	height: 28px;
	line-height: normal;
	list-style-type:none;
}
#slides-nav-list li a, #slides-nav-controls li span {
	background-image: url('../images/slideshow/slideshow-controls.png?v=2');
	background-repeat: no-repeat;
	display: block;
	height: 28px;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
}
#slides-nav-list li.s-nav0 a {background-position: 0 7px;}
#slides-nav-list li.s-nav1 a {background-position: -28px 7px;}
#slides-nav-list li.s-nav2 a {background-position: -56px 7px;}
#slides-nav-list li.s-nav3 a {background-position: -84px 7px;}
#slides-nav-list li.s-nav4 a {background-position: -112px 7px;}
#slides-nav-list li.s-nav5 a {background-position: -140px 7px;}
#slides-nav-list li.s-nav6 a {background-position: -168px 7px;}
#slides-nav-list li.s-nav7 a {background-position: -196px 7px;}
#slides-nav-list li.s-nav8 a {background-position: -224px 7px;}
#slides-nav-list li.s-nav9 a {background-position: -252px 7px;}
#slides-nav-controls li#slideshow-play {margin-left: 12px;}
#slides-nav-controls li#slideshow-play span {background-position: -280px 7px;}
#slides-nav-controls li#slideshow-pause span {background-position: -308px 7px;}

#slides-nav-list li.s-nav0 a:hover {background-position: 0 -21px;}
#slides-nav-list li.s-nav1 a:hover {background-position: -28px -21px;}
#slides-nav-list li.s-nav2 a:hover {background-position: -56px -21px;}
#slides-nav-list li.s-nav3 a:hover {background-position: -84px -21px;}
#slides-nav-list li.s-nav4 a:hover {background-position: -112px -21px;}
#slides-nav-list li.s-nav5 a:hover {background-position: -140px -21px;}
#slides-nav-list li.s-nav6 a:hover {background-position: -168px -21px;}
#slides-nav-list li.s-nav7 a:hover {background-position: -196px -21px;}
#slides-nav-list li.s-nav8 a:hover {background-position: -224px -21px;}
#slides-nav-list li.s-nav9 a:hover {background-position: -252px -21px;}

#slides-nav-list li.activeSlide a.s-nav0 {background-position: 0 -21px;}
#slides-nav-list li.activeSlide a.s-nav1 {background-position: -28px -21px;}
#slides-nav-list li.activeSlide a.s-nav2 {background-position: -56px -21px;}
#slides-nav-list li.activeSlide a.s-nav3 {background-position: -84px -21px;}
#slides-nav-list li.activeSlide a.s-nav4 {background-position: -112px -21px;}
#slides-nav-list li.activeSlide a.s-nav5 {background-position: -140px -21px;}
#slides-nav-list li.activeSlide a.s-nav6 {background-position: -168px -21px;}
#slides-nav-list li.activeSlide a.s-nav7 {background-position: -196px -21px;}
#slides-nav-list li.activeSlide a.s-nav8 {background-position: -224px -21px;}
#slides-nav-list li.activeSlide a.s-nav9 {background-position: -252px -21px;}
#slides-nav-controls li#slideshow-play span.activeControl {background-position: -280px -21px;}
#slides-nav-controls li#slideshow-pause span.activeControl {background-position: -308px -21px;}

/*************************************************************
Buttons
**************************************************************/

.cat-button a, .soldout, button.cat-button {
	height: 22px;
	background-image: url('../images/buttons/catalogue-spritev2.png');
}
.product-details .cat-button a, .product-details button.cat-button, .product-details .soldout {height: 34px;}
.product-details .soldout {height: 22px;} /* redefined height for small sold out button on product pages */

.trans-button a, button.trans-button, .close {
	height: 23px;
	background-image: url('../images/buttons/transactional-spritev3.png');
}

button.zoombutton, button.catwalkbutton {
	background-image: url('../images/buttons/product-image-controls.gif');
	background-repeat: no-repeat;
	float: left;
	height: 18px;
	margin-top: 10px;
}
button.catwalkbutton {float: right;}

button.zoomin {
	width: 74px;
	background-position: 0 0;
}
button.zoomout {
	width: 74px;
	background-position: 0 -28px;
}
button.viewcatwalk {
	width: 107px;
	background-position: 0 -56px;
}
button.backtoimage {
	width: 107px;
	background-position: 0 -84px;
}

button.zoomin:hover {background-position: right 0;}
button.zoomout:hover {background-position: right -28px;}
button.viewcatwalk:hover {background-position: right -56px;}
button.backtoimage:hover {background-position: right -84px;}

/* Catalogue Buttons */

.buynow a {width: 90px;}
.preorder a {width: 90px;}
.soldout {width: 91px;}
.product-details .buynow a, .product-details button.buynow,
.product-details .preorder a, .product-details button.preorder {
	width: 136px;
}
.navbasket-viewbasket, .navbasket-gotocheckout {width: 137px;}

.navbasket-delete a, button.navbasket-adddiscountcode {
	width: 18px;
	height: 18px;
	padding: 0;
}
button.search {width: 70px;}
.moreinfo a {width: 89px;}

/* Transactional Buttons */

.basket-remove a, .basket-add a, .basket-delete a {width: 17px; margin: auto;}
.add {width: 38px;}
.continueshopping a {width: 144px;}
.gotocheckout a {width: 104px;}
.viewbasket a {width: 116px;}
.addnewaddress a, button.addnewaddress {width: 107px;}
.addnewcard a {width: 87px;}
.change a, button.change {width: 56px;}
#existing-wrap .login, button.login, #new-wrap .register, button.register, button.continue, button.placeorder, button.send {
	width: 116px;
	height: 25px;
}
.logout a {width: 56px;}
.submit a, button.submit {width: 56px;}
.view a {width: 41px;}
.edit a {width: 41px;}
.close {width: 45px;}
.cancel a {width: 51px;}
.query a {width: 48px;}
button.requestcancellation {width: 123px;}
.resolve a {width: 57px;}
.resolveproblem a, button.resolveproblem {width: 103px;}
.delete a {width: 48px;}
.makefavourite a {width: 96px;}
button.contactus {
	width: 117px;
	height: 25px;
}
.wrap a {width: 94px;}
.unwrap a {width: 106px;}
button.submit-large {
	width: 116px;
	height: 25px;
}
.myaccount a {width: 81px;}
button.help-search {width: 54px;}
.dontusecredit a {width: 145px;}
.usecredit a {width: 116px;}

/* Site Specific Buttons */



.item-variation .productoptions label {
	display: none;
}
.item-variation .productoptions {
	float: left;
	width: 100%;
}
.item-variation .productoptions select {
	width: 105px;
	font-size: 11px;
}
.item-variation .price-wrap{
	margin: 0;
	width: 100%;	
	position: static;
	bottom: inherit;
	left: inherit;
}

button.submit-review {
	width: 136px;
	background-image: url('../images/buttons/catalogue-spritev4.png');
	background-position: 0 -457px;
	height: 35px;
}

button.submit-review:hover {
	background-image: url('../images/buttons/catalogue-spritev4.png');
	background-position: right -457px;
}



.item-variation button.cat-button {
	margin: 0 auto;
	width: 90px;
	height: 23px;
}
.item-variation button.buynow {
	background-position: 0 0;
}
.item-variation button.buynow:hover {
	background-position: right 0;
}
.item-variation button.preorder {
	background-position: 0 -28px;
}
.item-variation button.preorder:hover {
	background-position: right -28px;
}
.item-variation button.soldout {
	background-position: 0 -192px;
	cursor: default;
}


/* --- Image Replacement Override --- */

#wrap .viewall a {
	text-indent: 0;
	overflow: visible;
	background: none;
	width: auto;
	height: auto;
	margin: 0;
	display: inline;
	font-size: 1.2em;
	font-weight: bold;
}

/* New product list styling */

.productlist .panel-body .row #left {float: left;}
.productlist .panel-body .row #right {float: right;}
.productlist .panel-body .row #right ol {margin: 20px 0 0 0; float: right;}

.password-reminder-sent #left-rail { display: none;}



/* Countdown
**************************************************************/

#right-rail .countdown {
	float: left;
	position: relative;
	width: 100%;
	text-align: left;
	z-index: 5000;
}

#right-rail .countdown .panel-body {
	padding: 8px 0 8px 0;
}

#right-rail .countdown .panel-content {
	padding: 0;
	width: 100%;
}

#right-rail .countdown .product-image {
	float: left;
	margin: 0 0 0 10px;
	width: 70px;
	display: inline;
}
#right-rail .countdown .product-image a {padding: 0;}

#right-rail .countdown .releasedate {
	float: right;
	width: 60px;
	text-align: center;
	margin: 4px 10px 0 0;
	display: inline;
}

#right-rail .countdown .product-text {
	float: left;
	width: 100%;
	clear: both;
}

#right-rail .countdown .product-name {
	font-weight: bold;
	margin-bottom: 0.2em;
	margin: 0 10px 0.2em 10px;
}

#right-rail .countdown .price-wrap {
	margin: 0 10px;
	position: static;
	width: auto;
	display: block;
	padding-bottom: 6px;
}

#right-rail .countdown .price {font-weight: bold;}

#right-rail .countdown .panel-foot p {
	padding: 0 1em 1em 0;
	font-size: 0.85em;
}

#right-rail .countdown .panel-foot p a, #right-rail .countdown .product-text p a { color: #000;}
#right-rail .countdown .panel-content p a:hover {color: #4da002;}



/* Dealoftheday
**************************************************************/

#wrap .dealoftheday {
	float: left;
	position: relative;
	width: 100%;
	text-align: left;
	z-index: 5000;
}

#wrap .dealoftheday .panel-body {
	padding: 8px 0 8px 0;
}

#wrap .dealoftheday .panel-content {
	padding: 0;
	width: 100%;
}

#wrap .dealoftheday .product-image {
	display: inline;
	float: left;
	margin: 0 0 0 10px;
	width: 70px;
	text-align: center;
}
#wrap .dealoftheday .product-image a {padding: 0;}

#wrap .dealoftheday .price-wrap {
	width: 60px;
	text-align: center;
	margin: 4px 10px 0 0;
	position: relative;
	float: right;
	display: inline;
}

#wrap .dealoftheday .price-wrap .rrp, #left-rail .dealoftheday .price-wrap .yousave { font-size: 0.75em;}
#wrap .dealoftheday .price-wrap .yousave a {color: #666;}
#wrap .dealoftheday .price-wrap .yousave span { color: #4da002 ; font-weight: bold;}

#wrap .dealoftheday .product-text {
	float: left;
	width: 100%;
	clear: both;
	padding-bottom: 10px;
}

#wrap .dealoftheday .product-name {
	font-weight: bold;
	margin-bottom: 0.2em;
	margin: 0 10px 0.2em 10px;
}



#wrap .dealoftheday .price {font-weight: bold; padding: 0 0 7px 0;}

#wrap .dealoftheday .panel-foot p {
	display:none;
}

#wrap .dealoftheday .panel-foot p a, #right-rail .countdown .product-text p a { color: #000;}
#wrap .dealoftheday .panel-content p a:hover { color: #4da002 ;}


/********** Size Charts **********/

.banner-sizing {
	float: left; 
	width: 620px; 
	background: #fff;
}

#sizeCharts {
	font-size: 0.9em;
	width: 600px;
	color: #4da002;
	padding: 0;
	background: #fff;
	float: left;
	margin-left: 10px;
}

#sizeCharts table {
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	width: 600px;
}
.sizing-guide img {padding: 10px 0;}

#sizeCharts td {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align: center;
	margin: 0px;
	padding: 4px;
}

#sizeCharts caption {
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
	margin: 0px;
	padding: 5px 0px;
	color:#666;
}

#sizeCharts .sizeNeeded, #sizeCharts .chartHeading {
	background-color: #E8E8E8;
}

ul#size-charts-nav {
	background: #E8E8E8;
	clear: both;
	margin: 0 0 10px 0;
	padding: 0.5em 0;
	width: 100%;
	float: left;
}

#size-charts-nav li {
	float: left;
	position: relative;
	z-index: 9997;
	list-style: none;
	font-size: 0.95em;
}

#size-charts-nav a {
	border-right: 1px solid #ccc;
	color: #4da002;
	font-weight:normal;
	padding:0.3em 0.5em;
}

#size-charts-nav li.livetab a {color: #666;}
#size-charts-nav li.last a {border-right: 0;}
.size-charts #wrap .panel-head h1 {padding-left: 10px;}
#info.size-charts #wrap #body-content .panel-content {width: 100%;}

/* ********* Micro Sites ********* */
.warner-bros-tv #body-content #left-rail, .warner-bros-tv #body-content #right-rail, .warner-bros-tv #breadcrumbs, .warner-bros-kids #body-content #left-rail, .warner-bros-kids #body-content #right-rail, .warner-bros-kids #breadcrumbs { display: none;}



	/*.right-rail-bg{background:#0ecc00;}*/

	#lowernav {float: left; width: 100%;}	
	#lowernav .dlc { background: #edfeda; float: left; width: 100%; height: 110px; overflow: hidden;}
	#lowernav dl { width: 14%; padding: 10px; display: inline; float: left;}
	#lowernav dt { color: #356a00; font-size: 1.2em; font-weight: bold; padding: 0 0 5px 0;}
	#lowernav dl dd { line-height: 17px;}
	#lowernav div#sub_banner { float: right; width: 580px; background: #edfeda; display: block;}


/* ********* Carousel ********* */

.carousel {
	position: relative;
	/*background-color: #ededed;*/
	width: 615px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	z-index: 2;
}
.panel-body .carousel {
	position: relative;
	width: 613px;
	/*width: 1400px;*/
	z-index: 1;
}

.panel-body .carousel a img {
	display: block;
	border: 0;
	margin: 0 auto;
}
.panel-body .carousel a span {
	width: 100%;
	margin-top: 10px;
	font: bold 11px arial, helvetica, verdana, sans-serif;
}			
#controls {
	font: 11px arial, helvetica, verdana, sans-serif;
	color: #7ac5e6;
	width: 605px;
	padding: 0 0 0 5px;
	float: left;
	position:relative;
	top: -145px;
	text-indent: -9000px;
	z-index: 9000px;
}
#controls span {
	cursor: pointer;
}

#controls span a { width: 100%; float: left; height: 32px; width: 32px; }

#prev {float: left; background-position: -0px -388px; height: 32px; width: 32px; background-image: url('../images/buttons/catalogue-spritev2.png');}
#next {
	 float: right;	
	 background-position: -0px -422px; height: 32px; width: 32px; background-image: url('../images/buttons/catalogue-spritev2.png');
}

#prev:hover {background-position: -242px -388px; background-image: url('../images/buttons/catalogue-spritev2.png');}
#next:hover {background-position: -242px -422px; background-image: url('../images/buttons/catalogue-spritev2.png');}	
			
#output {
	clear: both;
	text-align: center;
	font: 11px arial, helvetica, verdana, sans-serif;
}



/* ********* highlight product ********* */

#highlight .product-text { float: right; width: 74%; text-align:left;}
#highlight .product-text .desc { float: left; width: 52%; padding: 0 20px 0 10px; }
#highlight .product-text .desc p { font-size: 0.9em; line-height: 17px; display:block;}
#highlight .product-text .desc p.product-name { font-size:1.1em;}
#highlight .product-text .product-info { float: right; width: 38%; font-size: 1.2em; font-weight: bold;}

#highlight .product-image {float: left; width:24%;}

#highlight .item p.product-name { margin:0 0 0.5em 0; padding:0;}
#middle-rail p.rrp{ margin: 0;}
#middle-rail p.yousave  { margin: 0 0 1em 0;}

#highlight .buynow a { background-position: 0 -56px; width: 136px; height: 40px;}
#highlight .buynow a:hover {background-position: right -56px;}

#highlight .moreinfo a { background-position: 0 -56px; width: 136px; height: 40px;}
#highlight .moreinfo a:hover {background-position: right -56px;}

#highlight .preorder a { background-position: 0 -96px; width: 136px; height: 40px;}
#highlight .preorder a:hover {background-position: right -96px;}

#highlight .yousave span { color:#4da002 ; font-size: 1.1em;}
#middle-rail #highlight p.price { padding: 10px 0 10px 0; margin:0; font-size: 1.3em;}
body #wrap #body-content #highlight .wrap { width: 600px; min-height: 150px; margin: 10px 0 10px 0;}
#highlight .price-wrap { position: relative;}
#middle-rail #highlight p.product-button { width: 136px; margin: 0 0 0.5em 0;}
.deptlink { text-transform:uppercase;}


/*************************************************************
Gift Finder Department
**************************************************************/
.selectall { font-size: 0.75em;}

#wrap #middle-rail ul.gift-finder-main-menu{ background:url(../images/tabs-bg-gift-finder.gif) bottom center repeat-x;  padding:0 0 8px 82px; width: 538px; margin: 10px 0 0 0;}

#wrap .gift-finder-main-menu li{ background:url(../images/tabs-bg-gift-finder.gif) no-repeat top right;}
#wrap .gift-finder-main-menu li a{ background:url(../images/tabs-bg-gift-finder.gif) 0 -46px no-repeat; font-size: 14px; margin:0; padding:7px;}
#wrap .gift-finder-main-menu li a:hover { text-decoration: underline;}

#gift-finder h1#campaign-header .view-all { padding: 3px 15px 0 0;}
#gift-finder h1#campaign-header .view-all a { color: #fff;}

#gift-finder #middle-rail .search .panel-body h2 { color: #000; margin: 10px 0 10px 0;}

#gift-finder .panel-content .giftfinder-container .selectall { padding: 0 0 0 10px;}

.dept #wrap .gift-finder .gift-finder-main-menu .gift-finder, #wrap .for-him .for-him, #wrap .for-her .for-her, #wrap .romantic .romantic, #wrap .caring .caring, #wrap .cheeky .cheeky {background: transparent url(../images/tabs-bg-gift-finder.gif) no-repeat right -92px;}

.dept #wrap .gift-finder .gift-finder-main-menu .gift-finder a, #wrap .for-him .for-him a, #wrap .for-her .for-her a, #wrap .romantic .romantic a, #wrap .caring .caring a, #wrap .cheeky .cheeky a {background: transparent url(../images/tabs-bg-gift-finder.gif) no-repeat left -138px;}

#gift-finder #wrap .giftfinder-option-heading-gender, #gift-finder #wrap .giftfinder-option-heading-love-level, #gift-finder #wrap .giftfinder-option-heading-price, #gift-finder #wrap .giftfinder-option-heading-category { font-size: 1em; color:#000;}

.gift-finder .search .product-image { width:100%;}

.gift-finder #campaign-header { margin:0;}


#gift-finder .panel-content .giftfinder-container li label {
	top: 0;
}
.list .gift-finder h1 { margin: 10px 0 0 0;}
#gift-finder #middle-rail .panels-wrap .panel { margin:0; padding:0;}
.giftfinder-container fieldset { margin:0; padding: 1em 1em 0 1em;}
#gift-finder #middle-rail .panel-head, #gift-finder #middle-rail .panel-head h1, #gift-finder #middle-rail .panel-head h2 { background: #4fa403; margin:0; float: left;}
#gift-finder #middle-rail .panel-head h1 { width: 99%;}
.peak-button a, button.peak-button {background-image: url('../images/buttons/gift-finder-sprite.png');}
#gift-finder #wrap #body-content #sub-menu li a { color: #000; font-weight: bold; font-size: 12px;}
#wrap #body-content .gift-finder { border-bottom: none;}
#gift-finder .panel-content .giftfinder-button { padding: 20px 0 10px 10px;}

/**************************************************
Ajax Basket
***************************************************/
#header {
	position: relative;
	z-index: 9995;
}
#basketAlert {
	position: absolute;
	z-index: 9999;
	background: url(/images/basket/basket-popup-bgv1.png) no-repeat top left;
	padding: 30px 20px 0 0;
	width: 330px;
	height: 115px;
	display: none;
	top: 100px;
	left: 480px;
}

#basketAlertContent{
	padding: 50px 10px; font-size:14px; 
}
#basketAlertImage{
background: url(../images/basket/basket-cart.gif) no-repeat top;
}
#basketAlertButtons{ margin:10px 15px 0 15px;}

#basketAlert p { text-align:center;}

#basketAlertContent .basketAlertNoOfItems, #basketAlertContent .basketAlertTotalPrice{ color:#85D706;
font-weight:bold;
}

/*************************************************************
Lingerie Fitting Guide Content pages
**************************************************************/

#middle-rail .lingerieguide .panel-content {
	margin: 0;
	padding-top: 0;
}

#middle-rail .lingerieguide .panel-content a, 
#middle-rail .lingerieguide .panel-content a:hover, 
#middle-rail .lingerieguide .panel-content a:visited {
	color: #000;
}

#brafittingguide {
	float: left;
	width: 100%;
}

#brafittingguide-header {
	background-color: #172117;
	padding-top: 20px;
	float: left;
	width: 100%;
}

#brafittingguide #brafittingguide-header h1 {
	margin: 0 0 0 1.8em;
	padding: 0 0 0 0;
	width: 481px;
	height: 60px;
	overflow: hidden;
	text-indent: -9999px;
	background: #172117 url('../images/sizing-guides/braFittingGuideH1.gif') no-repeat top left;
}

.sizing-guide { float: left; width:100%; }

#brafittingguide #brafittingguide-header h2 {
	margin: 0 0 0 1.8em;
	padding: 0 0 0.8em 0;
	width: 500px;
	height: 40px;
	overflow: hidden;
	text-indent: -9999px;
	background: #172117 url('../images/sizing-guides/braFittingGuideH2.gif') no-repeat top left;
}

#middle-rail .panel #brafittingguide-content,
#middle-rail .panel #brastyleguide-content,
#middle-rail .panel #adviceformen-content {
	background-color: #fff;
	color: #000;
	margin: 0;
	padding: 0;
	border-left: 1px solid #D6D9D1;
	border-right: 1px solid #D6D9D1;
	border-bottom: 1px solid #D6D9D1;
	float: left;
	width: 938px;
}

#brafittingguide-content {
	background: #fff url('../images/sizing-guides/braFittingGuideModel.jpg') no-repeat 50% 15%;
	padding-bottom: 0;
}

h3#brafit-title {
	margin: 1em 0 0 2em;
	padding: 0;
	width: 195px;
	height: 25px;
	overflow: hidden;
	text-indent: -9999px;
	background: url('../images/sizing-guides/braFittingH3.gif') no-repeat top left;
	border: none;
}

#brafittingguide-content h4 {
	margin: 0.5em 0 0 2.5em;
	padding: 1em 0 1.5em 0;
	width: 347px;
	height: 23px;
	overflow: hidden;
	text-indent: -9999px;
	background: url('../images/sizing-guides/braFittingGuideH4.gif') no-repeat top left;
}

ol#brafittingtips {
	margin: 400px 0 0 1em;
	list-style: none;
	padding: 0;
	width: 500px;
	font-size: 1.1em;
}

#brafittingtips li {
	margin: 1em 0 1em 0; 
	padding: 0 0 1em 4.38em;
	color: #000;
}

#brafittingtips li#tip-one {
	background: url('../images/sizing-guides/braFitTip1.gif') no-repeat 1.25em 0em;
}
#brafittingtips li#tip-two {
	background: url('../images/sizing-guides/braFitTip2.gif') no-repeat 1.25em 0em;
}
#brafittingtips li#tip-three {
	background: url('../images/sizing-guides/braFitTip3.gif') no-repeat 1.25em 0em;
}
#brafittingtips li#tip-four {
	background: url('../images/sizing-guides/braFitTip4.gif') no-repeat 1.25em 0em;
}
#brafittingtips li#tip-five {
	background: url('../images/sizing-guides/braFitTip5.gif') no-repeat 1.25em 0em;
}
#brafittingtips li#tip-six {
	background: url('../images/sizing-guides/braFitTip6.gif') no-repeat 1.25em 0em;
}
#brafittingtips li#tip-seven {
	background: url('../images/sizing-guides/braFitTip7.gif') no-repeat 1.25em 0em;
}

h3#brastyle-title {
	margin: 1em 0 0 2em;
	padding: 0;
	width: 185px;
	height: 25px;
	overflow: hidden;
	text-indent: -9999px;
	background: #fff url('../images/sizing-guides/braStyleH3.gif') no-repeat top left;
	border: none;
}

#brastyleguide-content h4 {
	margin: 0.5em 0 0 2.5em;
	padding: 0 0 0.2em 0;
	width: 489px;
	height: 41px;
	overflow: hidden;
	text-indent: -9999px;
	background: #fff url('../images/sizing-guides/braFitStyleGuideH4.gif') no-repeat top left;
}

#middle-rail .panel #brastyleguide-content {
	position: relative;
}

ul#brastyle-nav {
	position: absolute;
	bottom: 0;
	width: 100%; 	
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	background-color: #e2e2e2;
}

#brastyle-nav li {
	margin: 0;
	padding: 0;
	display: inline;
}

#brastyle-nav a {
	float: left;
	padding: 5px 15px;
	margin: 0;
	color: #000;
	font-size: 1.4em;
}
#brastyle-nav li.last a {
	float: left;
	padding: 5px 14px 5px 15px;
	margin: 0;
	color: #000;
	font-size: 1.4em;
}

#brastyle-nav a:hover, #brastyle-nav .active a {
	color: #000;
	background-color: #fff;
	text-decoration: none;
}

#brastyleguide-tshirt, 
#brastyleguide-balconette, 
#brastyleguide-push-up, 
#brastyleguide-strapless, 
#brastyleguide-plunge {
	width: 598px;
	height: 376px;
	border-top: 1px solid #e2e2e2;
	margin: 0;
	padding: 0;
}

#brastyleguide-tshirt {
	background: #fff url('../images/sizing-guides/braStyleGuideTshirtBra.jpg') no-repeat bottom right;
}
#brastyleguide-balconette {
	background: #fff url('../images/sizing-guides/braStyleGuideBalconetteBra.jpg') no-repeat bottom right;
}
#brastyleguide-push-up {
	background: #fff url('../images/sizing-guides/braStyleGuidePushUpBra.jpg') no-repeat bottom right;
}
#brastyleguide-strapless {
	background: #fff url('../images/sizing-guides/braStyleGuideStraplessBra.jpg') no-repeat bottom right;
}
#brastyleguide-plunge {
	background: #fff url('../images/sizing-guides/braStyleGuidePlungeBra.jpg') no-repeat bottom right;
}

#middle-rail .lingerieguide #brastyleguide-tshirt h1, 
#middle-rail .lingerieguide #brastyleguide-balconette h1, 
#middle-rail .lingerieguide #brastyleguide-push-up h1, 
#middle-rail .lingerieguide #brastyleguide-strapless h1, 
#middle-rail .lingerieguide #brastyleguide-plunge h1 {
	margin: 2em 0 0 1.5em;
	font-size: 1.8em;
	color: #000;
}

#middle-rail .lingerieguide #brastyleguide-tshirt p, 
#middle-rail .lingerieguide #brastyleguide-balconette p, 
#middle-rail .lingerieguide #brastyleguide-push-up p, 
#middle-rail .lingerieguide #brastyleguide-strapless p, 
#middle-rail .lingerieguide #brastyleguide-plunge p {
	font-size: 1.1em;
	margin: 2em 0 0 2.38em;
	width: 280px;
	line-height: 1.3em;
}

h3#adviceformen-title {
	margin: 1em 0 0 2em;
	padding: 0;
	width: 185px;
	height: 25px;
	overflow: hidden;
	text-indent: -9999px;
	background: #fff url('../images/sizing-guides/braFitAdviceH3.gif') no-repeat top left;
	border: none;
}

#adviceformen-content h4 {
	margin: 0.5em 0 0 2.5em;
	padding: 0;
	width: 347px;
	height: 23px;
	overflow: hidden;
	text-indent: -9999px;
	background: #fff url('../images/sizing-guides/braFitAdviceForMenH4.gif') no-repeat top left;
}

#adviceformen-content h5 {
	margin: 0.5em 0 0 2em;
	padding: 0.5em 0 0 0;
	color: #000;
	font-size: 1.4em;
}

#adviceformen-content h6 {
	margin: 1em 1em 0 2.5em;
	padding: 0;
	color: #000;
	font-size: 1.2em;
}

#middle-rail #adviceformen-content p {
	margin: 1em 1.5em 1em 3em;
	padding: 0;
	color: #000;
	font-size: 1.1em;
}

/*Lingerie Fitting Guide Tabs styles
**************************************************************/

#brafittingguide .tabs {
	width: 620px;
}

#brafittingguide .tabsmenu {
	float: left;
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	border: none;
	background: #172117 url('../images/sizing-guides/braFit-tabsmenu-border-bottom.gif') bottom right no-repeat;
}

#brafittingguide .tabsmenu li {
	float: left;
	font-size: 1.1em;
	margin: 0 -1px 0 0;
	color: #000;
	background: #172117 url('../images/sizing-guides/braFit-tabs-r.gif') top right no-repeat;
}

#brafittingguide .tabsmenu li a {
	padding: 6px 18px;
	margin: 0 -1px 0 0;
	display: block;
	font-weight: bold;
	cursor: pointer;
	background: url('../images/sizing-guides/braFit-tabs-l.gif') top left no-repeat;
	font-size: 1.6em;
	color: #000;
}

#brafittingguide .tabsmenu li.livetab {
	color: #000; 
	margin: 0 -1px 0 0;
	background: #172117 url('../images/sizing-guides/braFit-tabs-livetab-r.gif') top right no-repeat;
}

#brafittingguide .tabsmenu li.livetab a {
	padding: 6px 18px 7px 18px;
	margin: 0 -1px 0px 0; 
	color: #000;
	background: url('../images/sizing-guides/braFit-tabs-livetab-l.gif') top left no-repeat;
}

#brafittingguide .tabsmenu li.first {margin-left: 13px;}

#brafittingguide .tabsmenu li:hover {
	text-decoration: underline;
}

#wrap #body-content .availability { font-weight: normal; color: #666666; }

/**************************************
Shop Landing Pages
**************************************/
body#shops .shops-home #body-content {
	padding-top: 10px;
}

body#shops .shops-home #middle-rail .panel-head {
	background: transparent url(../images/header-nav-bg.png) no-repeat scroll left top;
	float: left;
	width: 100%;
	margin-bottom: 5px;
}

body#shops .shops-home #middle-rail .panel-head h1 {
	background: transparent url(../images/side-header-nav-bg-right.png) no-repeat scroll right top;
	padding: 10px 0;
}

body#shops .shops-home #shop-header h1 span,
body#shops .shops-home .panel-head h2 span {
	display: block;
	padding: 0 10px;
}

#info #left-rail, #info #right-rail { display: none;}


/**************************************
Basic Shop Template
**************************************/

#basic-shop-content-wrap {
	background-color: #fff;
	position: relative;
	padding: 310px 0 0 0;
	margin: 0 auto;
	width: 100%;
}

#middle-rail #basic-shop-content-wrap.sub-level {
	padding: 190px 0 0 0;
}

#basic-shop-content-wrap .panel {
	position: relative;
	z-index: 20;
}

#middle-rail #basic-shop-content-wrap .panel-body {
	background: none;
}

#basic-shop-header {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	text-align: center;
}

#basic-shop-menu {
	float: left;
	width: 150px;
}

#basic-shop-content-wrap ul li {line-height:1.6em;}

#middle-rail .panel #basic-shop-menu h1 {
	color: #fff;
	font-size: 1em;
	display: block;
	margin: 0;
	padding: 10px 10px;
	background: #4FA403;
}

ul#basic-main-menu {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#basic-main-menu li {
	margin: 0;
	padding: 0;
	background-color: #fff;
	height: 1%; /* IE6 display bug fix */
}

ul#basic-main-menu li.active ul {
	list-style-type: none;
	background-color: #fff;
	margin: 0;
	padding: 0 0 0 10px;
}

ul#basic-main-menu li a {
	margin: 0;
	padding:0 10px;
	display: inline-block;
	font-size:0.8em;
}

ul#basic-main-menu li a {display: block;} /* IE6 & IE7 gap between list items that contain block level elements bug fix */

ul#basic-main-menu li.active {background-color: #dff3cf;}

#basic-shop-products {margin: 0 0 0 156px; }

#basic-shop-products .item {width: 33%;}

#basic-shop-products #list-sort,
#basic-shop-products .list-nav,
#basic-shop-products .panel-content, 
#basic-shop-products .row {
	clear: none;
}

#basic-shop-products .list-nav {
	width: 100%;
	margin: 0 auto;
	float: left;
}

#basic-shop-products #list-sort {
	padding: 0; 
	width: 99%;
	float: right;
}

#basic-shop-products #list-sort ul {
	text-align: center;
	display: block;
	width: 100%;
}

#basic-shop-products .panel-content {
	float: left;
	margin: 0;
	padding: 0;
	width: 464px;
}

#basic-shop-products .panel {
	width: 444px;
}

#middle-rail #basic-shop-products .panel-head h2 {
	display: block;
	margin: 0;
	padding: 5px;
	background: #4FA403;
}

#basic-shop-products .panel-body {
	width: 444px;
	background: none;
}

#basic-shop-products .panel,
#middle-rail #basic-shop-products .panel-foot {
	border: none;
}

#basic-shop-products .panel,
#basic-shop-products .panel-head h2,
#basic-shop-products .panel-foot,
#basic-shop-products .panel-foot p {
	background: none;
}

#basic-shop-products #highlight .product-text {
	float: left;
	width: 65%;
	padding: 0 0 0 10px;
}

body #wrap #body-content #basic-shop-products #highlight .wrap {
	float: left;
	width: 100%;
}

#basic-shop-products #highlight .product-image {width: 140px;}
#basic-shop-products #highlight .product-text .product-info {float: left;}
#basic-shop-products #highlight .product-text .desc {padding: 0 5px 0 0;}
#basic-shop-products #highlight .product-text .desc p.product-desc {display: none;}

#basic-shop-footer {
	width: 100%;
	float: left;
	clear: both;
	padding: 20px 0 0 0;
}

/* Campaign Banners */
#banner_main_wrap { float: left; background: #fff; padding: 10px 0 10px 0; width:620px; }
.banner1, .banner4 { padding: 0 0 0 2px;}

/* Reviews */
#wrap .product-text .average { font-size: 12px;}
.product-text #review-wrap { padding: 0 0 10px 0;}
#middle-rail #reviews p.write-review a { color: #000; font-weight: normal; font-size:12px;}
#middle-rail #reviews p.write-review { float: left; width:100%;}
#wrap .review { border-bottom: 1px solid #ccc;}
#review #middle-rail { font-size: 0.8em;} 
#review #middle-rail h2 { font-size:16px;}
#review #middle-rail h4.releasedate { font-size: 12px;}
#review-list #middle-rail .panel-body { background: none;}

.review-success {
	background-color: #D6D6D6;
	padding: 0.5em;
	color: #000;
	text-align: center;
}
#review .product-details, #review #middle-rail .panel-body { border-bottom:none; background: none;}
.submit-review .product-details .product-image { margin: 0 1em 1em 0;}

.banner-space img {padding: 15px 0 10px 0;}

#review .submit-review p {font-size: 1em;}


/****** Email Sign Up Page ******/

.competition .panel-body-email {
	padding: 0;
	width: 100%;
	float: left;
	background: url('../images/email-sign-up/email-sign-up-bg.jpg') top left no-repeat;
	min-height: 650px;
	height: auto !important;
	height: 650px;
}

.competition .panel-body-email-entered {
	padding: 0;
	width: 100%;
	float: left;
	background: url('../images/email-sign-up/email-entered-bg.jpg') top left no-repeat;
	height: 650px;
}

.panel-body-email #panel-comp-content {
	float: left;
	width: 410px;
	display: inline; /* IE6 double margin bug fix */
	margin: 135px 0 0 170px;
}

.panel-body-email #panel-comp-content .fields input {
	border: 1px solid #d6d9d1;
	background: #fff !important;
	clear: right;
	color: #000000;
	float: left;
	padding: 0.3em;
	width: 250px;
	font-size: 1.6em;
	margin: 4px 0 8px 0;
} 

.panel-body-email #panel-comp-content .errors {
	color: #f00;
	padding: 0;
	clear: both;
	float: left;
	width: 100%;
	margin: 0;
}

.panel-body-email #panel-comp-content .errors ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.panel-body-email #panel-comp-content .errors ul li {line-height: normal;}

.panel-body-email #panel-comp-content .submit {
	float: right; 
	width: 123px;
	margin-top: 10px;
}

.panel-body-email #panel-comp-content .submit input {
	margin: 0;
	clear: both;
}

.panel-body-email-entered .comp-panel-entered {
	padding: 120px 0 0 0; 
	float: left;
}

.competition .panel-body-email-entered .continueshopping {
	float: left; 
	width: 123px;
	margin-left: 20px;
}

body#competition.competition .panel-foot {display: none;}

body#competition .panel, body#competition .panel-body, body#competition .panel.competition .panel-content {
	background: none; 
	border: none;
}

/**************************************
Competitions Landing Page
**************************************/
body#info.competitions #middle-rail {width: 620px;}
body#info.competitions #wrap #middle-rail .panel-content {width: 100%; padding: 0;}
body#info.competitions #wrap #middle-rail .panel-content .row .banner-wrap img {padding: 15px 0;}
body#info.competitions #wrap #middle-rail .panel-content .row .banner-wrap.first, body#info.competitions #wrap #middle-rail .panel-content .row .banner-wrap.last {width: 100%;}
body#info.competitions #wrap #middle-rail .panel-content .row .banner-wrap.first img {padding: 0;}
body#info.competitions #wrap #middle-rail .panel-content .row .banner-wrap.last img {padding-bottom: 0;}
body#info.competitions #left-rail, body#info.competitions #right-rail {display: block;}

/**************************************
Mobile Landing Page
**************************************/

body#info.mobile ul.social-icons  { 
	list-style:none; 
	text-decoration:none;
	margin:5px 0 0 30px;
	padding:0 0 30px 0;
	float:left;
	width:600px;
	display:inline;
}

body#info.mobile ul.social-icons li { width:160px; float:left;}

/**************************************
Social Media
**************************************/

#reviews {
	float: left;
	width: 100%;
}

#addthis {
	float: left;
	width: 100%;
	padding: 10px 0;
}

/**************************************
1000000th-order
**************************************/

#info.millionth-order #middle-rail #millionth-order-intro p { font-size:1.4em; padding:30px; margin:0;}
#info.millionth-order #middle-rail .banner-wrap { width:160px; padding-right:35px;}
#info.millionth-order #middle-rail .banner-wrap.last { width:160px; padding-right:0;}
#info.millionth-order #middle-rail .banner-wrap.footer { width:940px; padding:35px 0 10px 0;}

#info.millionth-order #middle-rail ul {
	margin:0 0 0 4em;
}


