/*
 * Useful colors:
 *
 * Red: #e63900
 * Green: #86b300
 * Link Blue: #297acc
 *
 * Font sizing:
 *
 * The standard for size is 10 pixels. Use relative em's to set the font size correctly.
 *
 * Need a 18px heading?
 *
 * h1 { font-size: 1.8em; } (1.8 x 10px == 18px)
 */

body {
	background: #ffffff;
	/*background: #eaeaea url(/images/template/background.png) repeat-x top;*/
	font-family: Arial, sans-serif;
	font-size: 62.5%;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
}
#rootContainer {
	position: absolute;
	width: 100%;
}
#bodyContainer {
	background: #eaeaea url(/images/template/background.png) repeat-x top;
}

body.christmasTheme #bodyContainer {
	background: url('/images/template/xmas-background-left.png') no-repeat center top;
}
body.christmasTheme #bodyArea {
	background: url('/images/template/xmas-background-right.png') no-repeat center top;
}

input, select, textarea { font-family: Arial, sans-serif; font-size: 100%; }
td { font-size: 100%; }

form { margin: 0; }
table { border-collapse: collapse; }
fieldset { border: none; }

/* image sprites */
body.store-1 #logo div { background: url(/images/template/splice.png?4) no-repeat 0 0; }
body.store-2 #logo div { background: url(/images/template/splice.png?4) no-repeat 0 -80px; }

#browse .content { background: url(/images/template/splice.png?4) repeat-x 0 -260px; }
#browse { background: url(/images/template/splice.png?4) no-repeat 0 -320px; }
.nav-expanded #browse, .nav-on #browse { background: url(/images/template/splice.png?4) no-repeat 0 -400px; }
#browse .left { background: url(/images/template/splice.png?4) no-repeat right -480px; }

input.searchButton { background: url(/images/template/splice.png?4) no-repeat 0 -540px; }
input.searchButton:hover { background: url(/images/template/splice.png?4) no-repeat -88px -540px; }
input.searchButton:active { background: url(/images/template/splice.png?4) no-repeat -176px -540px; }

#browse-trolley a.button { background: url(/images/template/splice.png?4) no-repeat 0 -580px; }
#browse-trolley a.button:hover { background: url(/images/template/splice.png?4) no-repeat -174px -580px; }
#browse-trolley a.button:active { background: url(/images/template/splice.png?4) no-repeat -266px -540px; }

#browse-departments a.button { background: url(/images/template/splice.png?4) no-repeat 0 -620px; }
#browse-departments a.button:hover, .nav-expanded #browse-departments a.button:hover, .nav-on #browse-departments a.button:hover { background: url(/images/template/splice.png?4) no-repeat 0 -680px; }
#browse-departments a.button:active { background: url(/images/template/splice.png?4) no-repeat -222px -620px; }
.nav-expanded #browse-departments a.button:active, .nav-on #browse-departments a.button:active { background: url(/images/template/splice.png?4) no-repeat 0 -740px; }
.nav-expanded #browse-departments a.button, .nav-on #browse-departments a.button { background: url(/images/template/splice.png?4) no-repeat 0 -800px; }
.nav-expanded #browse-departments a.button:hover, .nav-on #browse-departments a.button:hover { background: url(/images/template/splice.png?4) no-repeat -222px -800px; }
.nav-on #browse-departments a.button { background: url(/images/template/splice.png?4) no-repeat 0 -800px; }

#browse-departments .drop { background: url(/images/template/splice.png?4) no-repeat -240px -860px; }
.nav-expanded #browse-departments .drop, .nav-expanded #browse-departments .drop:hover, #browse-departments .drop:active { background: url(/images/template/splice.png?4) no-repeat -280px -860px; }
/*#browse-departments .drop:hover { background: url(/images/template/splice.png?4) no-repeat -160px -860px; }*/
#nav .drop { background: url(/images/template/splice.png?4) no-repeat -40px -860px; }
#nav li.active .drop { background: url(/images/template/splice.png?4) no-repeat -80px -860px; }
#nav .drop:hover { background: url(/images/template/splice.png?4) no-repeat -120px -860px; }

a.back, .back a { background: url(/images/template/splice.png?4) no-repeat 0 -900px; }
a.more, .more a, ul.links li a { background: url(/images/template/splice.png?4) no-repeat 0 -940px; }

.loadable a.prev { background: url(/images/template/splice.png?4) no-repeat 0 -1100px; }
.loadable a.prev:hover { background: url(/images/template/splice.png?4) no-repeat -50px -1100px; }
.loadable a.prev:active { background: url(/images/template/splice.png?4) no-repeat -100px -1100px; }
.loadable a.next { background: url(/images/template/splice.png?4) no-repeat 0 -1160px; }
.loadable a.next:hover { background: url(/images/template/splice.png?4) no-repeat -50px -1160px; }
.loadable a.next:active { background: url(/images/template/splice.png?4) no-repeat -100px -1160px; }

.loadableSmall a.prev { background: url(/images/template/splice.png?4) no-repeat 0 -980px; }
.loadableSmall a.next { background: url(/images/template/splice.png?4) no-repeat 0 -1040px; }

.galleryHeader .r { background: url(/images/template/splice.png?4) repeat-x 0 -1220px; }
.galleryHeader { background: url(/images/template/splice.png?4) no-repeat 0 -1280px;  }
.galleryHeader .l { background: url(/images/template/splice.png?4) no-repeat 100% -1340px; }

.galleryItem div.delivery span.instock { background: url(/images/template/splice.png?4) no-repeat 0 -1400px; }

span.instock { background: url(/images/template/splice.png?4) no-repeat 0 -1460px; }

#footer a.trolley { background: url(/images/template/splice.png?4) no-repeat 0 -1500px; }
#footer ul.big li.mobile a { background: url(/images/template/splice.png?4) no-repeat 2px -1560px; }
#footer ul.big li.twitter a { background: url(/images/template/splice.png?4) no-repeat 0 -1600px; }
#footer ul.big li.facebook a { background: url(/images/template/splice.png?4) no-repeat -366px -1600px; }

a.rss { background: url(/images/template/splice.png?4) no-repeat 0 -1640px; }

#nav li.item a.item { background: url(/images/template/splice.png?4) no-repeat 0 -1740px; }
#nav.dropped a.item span { background: url(/images/template/splice.png?4) no-repeat -210px -1740px; }
#nav.dropped a.item:hover span { background: url(/images/template/splice.png?4) no-repeat -210px -1800px; }
#nav li.item a.item:hover, #nav li.active a.item { background: url(/images/template/splice.png?4) no-repeat 0 -1800px; }
#nav li.active a.item span, #nav li.active a.item:hover span { background: url(/images/template/splice.png?4) no-repeat -210px -1860px; }
#nav li.giftGuide a.item b { background: url(/images/template/splice.png?4) no-repeat 0 -1860px; }
#nav li.last a.item { background: url(/images/template/splice.png?4) no-repeat 0 -1920px; }
#nav.dropped li.last a.item span { background: url(/images/template/splice.png?4) no-repeat -210px -1920px; }
#nav li.last a.item:hover { background: url(/images/template/splice.png?4) no-repeat 0 -1980px; }
#nav.dropped li.last a.item:hover span { background: url(/images/template/splice.png?4) no-repeat -210px -1980px; }
#nav li.top { background: url(/images/template/splice.png?4) no-repeat 0 -2040px; }

body.store-1 #logo div a:hover { background: url(/images/template/splice.png?4) no-repeat 0 -2560px; }
body.store-2 #logo div a:hover { background: url(/images/template/splice.png?4) no-repeat 0 -2650px; }
body#index-index #logo div a:hover { background: none; }

img { border: 0; vertical-align: middle; }

/* vertically aligns anything */
.am { vertical-align: middle; }

h1, h2, h3, h4, h5, h6, blockquote { margin: 0; padding: 0; }

h1 {
	font-size: 2.4em;
	font-weight: normal;
	line-height: 1.1em;
	margin: 16px 0;
	color: #e63900;
}
h2 {
	color: #e63900;
	font-size: 1.8em;
	font-weight: normal;
}
h3 {
	font-size: 1.6em;
}
h4 {
	font-size: 1.5em;
}
h5 {
	font-size: 1.4em;
}
h6 {
	font-size: 1.3em;
}

h2, h3, h4, h5 {
	line-height: 1.3em;
}

h1 a, h2 a, h3 a, h4 a, h5 a,
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited {
	color: #e63900;
	text-decoration: none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover,
h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active,
h1 a:visited:hover, h2 a:visited:hover, h3 a:visited:hover, h4 a:visited:hover, h5 a:visited:hover,
h1 a:link:hover, h2 a:link:hover, h3 a:link:hover, h4 a:link:hover, h5 a:link:hover{
	color: #ff5500;
	text-decoration: underline;
}

h1.withSubtitle span.title {
	display: block;
}

h1.withSubtitle span.subtitle {
	color: #666;
	display: block;
	font-size: 12px;
	line-height: 1.2em;
	padding-top: 2px;
}

p { margin: 14px 0; }
ul { padding-left: 15px; margin: 10px 0 10px 0; }

a:link { color: #297acc; }
a:visited { color: #004080; color: #297acc; }
a:hover, a:visited:hover { color: #66b3ff; text-decoration: underline; }

/* plain-styled ul */
#footer div.links ul, #footer ul.big, .notice ul, ul.vouchers, ul.links {
	list-style: none;
	margin: 0;
	padding: 0;
}

th { text-align: left; }

p, li, pre, dt, dd { font-size: 1.4em; }

dl, dt, dd { margin: 0; padding: 0; }

br.clear, .clearer, br.clearRight { line-height: 0; height: 0; clear: both; }
br.clearRight { clear: right; }

div.columns {
	padding-bottom: 1px;
}

table.columns {
	width: 100%;
}

table.columns td.col {
	padding: 0;
	vertical-align: top;
}

/* add rounded corners */
.rounded
,	.sidebar .item
,	.accountBox
,	.featuredItems
,	.specialBoxContainer
,	.searchCategories
,	div.footer
,	div.form
,	div.form .content
,	div.formContent
,	table.cols
,	p.testimonial
,	#section-home-deals
,	#summary
,	#footer .recommendations
,	div.addressBookEntry
,	div.addAddressEntry
,	div.brands
,	div.purchaseWarning
{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
}

.categorySections li.active a {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
}

.tabsBottom {
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
}

.sidebarBox {
	border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-khtml-border-radius: 5px 0 0 5px;
}

#account-left .sidebarBox {
	border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-khtml-border-radius: 0 5px 5px 0;
}

#pageBody, div.calendarMain {
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	-khtml-border-radius: 0 0 5px 5px;
}

/* remove link underlines in certain areas */
#header a:link, #header a:visited, #subnav a:link, #subnav a:visited, #footer .footer a:link, #footer .footer a:visited { text-decoration: none; }
#header a:visited { color: #297acc; }
#header a:hover { color: #66b3ff; }

/* template */
#pageContainer { width: 980px; margin: 0 auto; }

/* template: header */
#header {
	height: 74px;
	line-height: 1em;
	position: relative;
}

#logo {
	position: absolute;
	left: 0;
	top: 4px;
	padding-bottom: 3px;
}

body.store-1 #logo div, body.store-1 #logo div a {
	width: 335px;
	height: 67px;
}
body.store-2 #logo div, body.store-2 #logo div a {
	width: 355px;
	height: 67px;
}

body.store-2 #header {
	background: url(/images/template/splice.png) no-repeat 364px -2730px;
}

#logo div a {
	display: block;
	text-indent: -2000em;
	overflow: hidden;
}

body.christmasTheme #logo {
	padding-top: 2px;
}
body.christmasTheme #logo a {
	height: 60px;
	background: url('/images/template/logo-xmas.png') no-repeat left top;
}

#tagline {
	position: absolute;
	top: 14px;
	left: 364px;
	min-width: 194px;
}

#tagline div.title {
	font-size: 1.7em;
	line-height: 1.08em;
	color: #e63900;
}

#tagline div.note {
	color: #999;
	font-size: 1em;
}

#headLinks {
	position: absolute;
	right: 190px;
	top: 10px;
	width: 210px;
	height: 18px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#headLinks li {
	float: right;
	margin-left: 15px;
	font-size: 13px;
	font-weight: bold;
	line-height: 15px;
}
#headLinks .new {
	color: #e63900;
	font-size: 10px;
}

#accountOptions {
	position: absolute;
	right: 180px;
	bottom: 9px;
	width: 230px;
	height: 27px;
	color: #666666;
}
#accountOptions .welcome {
	float: right;
	width: 96px;
	font-size: 12px;
	text-align: right;
	line-height: 27px;
	margin-right: 8px;
}
#accountOptions .button {
	float: right;
	width: 116px;
}
#accountOptions.loggedout .welcome {
	width: 126px;
}
#accountOptions.loggedout .button {
	width: 86px;
}

a.headerButton {
	display: block;
	height: 27px;
	overflow: hidden;
	padding: 0 0 0 8px;
	background: url('/images/buttons/grey-small-arrow.png') no-repeat left top;
	color: #0f6ecd;
	font-size: 12px;
	font-weight: bold;
	line-height: 27px;
	text-decoration: none;
	text-align: center;
}
a.headerButton span {
	display: block;
	height: 27px;
	padding: 0 20px 0 0;
	background: url('/images/buttons/grey-small-arrow.png') no-repeat right -30px;
	cursor: pointer;
}
a.headerButton span strong {
	display: block;
	height: 27px;
	padding: 0 5px;
	background: url('/images/buttons/grey-small-arrow.png') repeat-x left -60px;
	cursor: pointer;
}
a.headerButton:hover {
	background-position: left -100px;
	color: #66b3ff;
	text-decoration: none;
}
a.headerButton:hover span {
	background-position: right -130px;
}
a.headerButton:hover span strong {
	background-position: left -160px;
}
a.headerButton:active {
	background-position: left -200px;
}
a.headerButton:active span {
	background-position: right -230px;
}
a.headerButton:active span strong {
	background-position: left -260px;
}

#accountOptions a.headerButton
{
	position: relative;
	z-index: 101;
}

.headerButton.menu, .headerButton.menu:hover
{
	background-position: left -300px;
}
.headerButton.menu span, .headerButton.menu:hover span
{
	background-position: right -330px;
}
.headerButton.menu span strong, .headerButton.menu:hover span strong
{
	background-position: left -360px;
}

.headerAccountMenu
{
	display: none;
	position: absolute;
	z-index: 100;
	top: 26px;
	right: 0;
	background: #ffffff url('/images/template/account-menu-background.png') repeat-x left top;
	border: 1px solid #999999;
	border-radius: 6px;
	border-top-right-radius: 0;
	-moz-border-radius: 6px;
	-moz-border-radius-topright: 0;
	-webkit-border-radius: 6px;
	-webkit-border-top-right-radius: 0;
	-khtml-border-radius: 6px;
	-khtml-border-top-right-radius: 0;
	box-shadow: 0 4px 5px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 4px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 4px 5px rgba(0,0,0,0.3);
}

#headerAccountMenu
{
	width: 200px;
}
#headerLoginMenu
{
	width: 238px;
	padding: 10px;
}

.headerAccountMenu .textbox label
{
	display: block;
	margin: 4px 0 7px 0;
	font-size: 12px;
	color: #666666;
}
.headerAccountMenu .textbox input
{
	display: block;
	width: 230px;
	margin: 0 0 10px 0;
	padding: 3px;
	font-size: 15px;
	font-weight: bold;
	background: #ffffff;
	border: 1px solid #99ccff;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
}

#headerLoginMenu .submit
{
	height: 27px;
	line-height: 27px;
}
#headerLoginForgot
{
	float: left;
	font-size: 11px;
}
#headerLoginSubmit
{
	float: right;
	width: 96px;
}

#headerAccountMenu .title
{
	padding: 12px;
	color: #666666;
	border-bottom: 1px solid #cccccc;
	font-size: 12px;
}
#headerAccountMenu #headerLogout
{
	float: right;
	white-space: nowrap;
}
#headerAccountMenu ul
{
	margin: 12px;
	padding: 0;
	list-style-type: none;
}
#headerAccountMenu ul li
{
	margin: 0 0 12px 0;
	padding: 0;
	font-size: 12px;
}
#headerAccountMenu ul a
{
	font-weight: bold;
}
#headerAccountMenu .menu-more, #headerAccountMenu ul a .total
{
	font-weight: normal;
}

/* trolley info */

#trolleyInfo {
	position: absolute;
	right: 10px;
	width: 151px;
}
#header .noFreeShipping div.info {
	padding-top: 52px;
}
#trolleyInfo div.info {
	font-size: 1.1em;
	padding-top: 13px;
}
#trolleyInfo a.items {
	display: block;
	float: left;

}
#trolleyInfo span.price {
	color: #666;
	display: block;
	float: right;
	font-weight: bold;
	text-align: right;
}

/* template: footer */

#footer {
	margin: 0 auto;
	padding: 0 0 10px 0;
	width: 960px;
}

#footer div.links {
	margin-top: 15px;
}

#footer div.links p.trolley {
	float: left;
	margin: 0;
	width: 180px;
}

#footer div.links ul {
	float: left;
	width: 150px;
}

#footer div.links ul li {
	font-size: 1.2em;
	margin: 0 0 5px 0;
}

#footer div.links li.section {
	font-weight: bold;
}

#footer a.trolley {
	display: block;
	line-height: 28px;
	font-weight: bold;
	height: 28px;
	text-decoration: none;
	width: 151px;
}

#footer a.trolley span { padding-left: 46px; }

#footer-main {
	float: left;
}

#footer-right {
	float: right;
	width: 240px;
}

#footer ul.big {
	width: 240px;
	margin-top: -2px;
}

#footer ul.big li {
	font-size: 1.4em;
}

#footer ul.big li a {
	display: block;
	line-height: 26px;
	padding-left: 34px;
}

#footer ul.big li.twitter, #footer ul.big li.facebook {
	margin-top: 8px;
}

#footer div.footer {
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	padding: 15px 20px 12px;
	margin: 0 0 10px 0;
}

#footer ul.tabs {
	color: #ccc;
	list-style: none;
	margin: 0;
	padding: 0;
}

#footer ul.tabs li {
	display: inline;
}

#footer ul.tabs li.active a {
	font-weight: bold;
}

#footer div.footer-text {
	padding: 5px;
}

#footer div.copyright {
	clear: both;
	color: #999;
	font-size: 1.1em;
	margin: 10px 0 0 0;
}
#footer div.copyright span.links {
	padding-right: 1em;
}

#footer div.pricing {
	color: #666;
	font-size: 1.1em;
}

#footer div.sites {
	float: right;
	color: #666;
	font-size: 1.1em;
}

#footer div.sites a.active {
	color: #666;
	font-weight: bold;
	text-decoration: none;
}

#footer div.sites .gp a {
	font-weight: bold;
}

/* template: browse bar */
#browse {
	margin-top: 0;
	position: relative;
}

#browse .left {}

#browse .content {
	min-height: 46px;
	margin: 0 10px;
}

#browse-departments {
	float: left;
	padding-top: 6px;
	width: 198px;
	margin-left: -4px;
}

#browse-departments a.button {
	color: #fff;
	display: block;
	float: left;
	font-size: 1.4em;
	text-decoration: none;
	height: 34px;
	line-height: 34px;
	width: 198px;
	position: relative;
}

#browse-departments a.button span { padding-left: 10px; }

#browse-departments .drop {
	display: block;
	float: left;
	height: 18px;
	line-height: 18px;
	position: absolute;
	right: 8px;
	text-indent: -2000em;
	top: 8px;
	width: 18px;
	cursor: pointer;
}
body#index-index #browse-departments .drop {
	display: none;
}

#browse-search {
	float: left;
	font-size: 14px;
	line-height: 16px;
	margin-left: 16px;
	padding-top: 9px;
	width: 600px;
}

#browse-search label {
	color: #fff;
	font-weight: bold;
	float: left;
	margin: 6px 6px 0 0;
}

#browse-search select.categories {
	font-size: 16px;
	width: 160px;
	height: 26px;
	padding: 1px;
	border: 1px solid #82b3e4;
	margin: 1px 6px 2px 0;
	float: left;
}

#browse-search input.query {
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	margin: 1px 6px 1px 0;
	border: 1px solid #82b3e4;
	width: 280px;
	height: 22px;
	padding: 1px 2px;
	float: left;
}

#browse-search input.searchButton {
	float: left;
}

input.searchButton {
	border: 0;
	color: #fff;
	cursor: pointer;
	font-size: 1em;
	font-weight: bold;
	height: 28px;
	line-height: 27px;
	padding-bottom: 3px;
	width: 66px;
}

#browse-trolley {
	float: right;
	padding-top: 9px;
	width: 150px;
}

#browse-trolley a.button {
	color: #fff;
	display: block;
	float: left;
	font-size: 1.4em;
	text-decoration: none;
	height: 28px;
	line-height: 28px;
	width: 151px;
}

#browse-trolley a.button span { padding-left: 46px; }

/* nav: hide by default */
#nav { display: none; }

/* unless we're on/expanded */
.nav-expanded #nav, .nav-on #nav { display: block; }

/* don't show drop on homepage */
.nav-on #departmentsDrop { display: none; }

#nav {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 210px;
	position: absolute;
	top: 40px;
	z-index: 100;
}

#nav li.top {
	height: 5px;
	font-size: 1px;
	line-height: 1px;
	overflow: hidden;
}

#nav li.item {
	margin: 0;
	padding: 0;
	position: relative;
	font-size: 0;
	line-height: 0;
}

#nav li.item a.item {
	display: block;
	font-size: 14px;
	height: 28px;
	line-height: 28px;
	text-decoration: none;
	cursor: pointer;
}

#nav li.item a.item span {
	display: block;
	height: 28px;
	padding-left: 22px;
}

#nav li.category a.item {
	font-weight: bold;
}

#nav li.other a.item {
	font-size: 12px;
}

#nav li.last a.item {
	height: 34px;
}

#nav li.giftGuide a.item {
	color: #dd0000;
}
#nav li.giftGuide a.item:hover {
	color: #ff0000;
}
#nav li.giftGuide a.item b {
	display: block;
	height: 28px;
	font-weight: bold;
}
#nav li.giftGuide a.item span {
	padding-left: 36px;
}

#nav .drop {
	display: block;
	float: left;
	height: 28px;
	font-size: 11px;
	line-height: 28px;
	position: absolute;
	right: 14px;
	text-indent: -2000px;
	top: 6px;
	width: 18px;
	cursor: pointer;
}

#subnav {
	background: url(/images/template/nav-background-bottom.png) no-repeat bottom right;
	display: none;
	left: 200px;
	padding: 0 0 12px 0; /* let bottom border show */
	position: absolute;
	top: 40px;
	width: 184px;
	z-index: 101;
}

#subnav ul {
	background: url(/images/template/nav-background.png) no-repeat top left;
	display: none;
	list-style: none;
	margin: 0;
	padding: 10px 10px 10px 20px;
}

body.store-1 #subnav ul {
	height: 231px;
}

body.store-2 #subnav ul {
	height: 175px;
	overflow: hidden;
}

#subnav li {
	font-size: 1.2em;
}

#subnav li a {
	display: block;
	padding: 3px 0;
	width: 152px;
}

#subnav li.category a {
	font-weight: bold;
}

#subnav li.broken {
	margin-top: 8px;
}

/* template: subnav */
.categoryNavContainer {
	position: relative;
}

.categoryNavContainer .loading .container {
	background: url('/images/icons/spinner.gif') no-repeat center center;
	min-height: 200px;
	height: 200px;
}

.categoryNavContainer .loading .stuff {
	visibility: hidden;
}

.categoryNav {
	background: url(/images/template/categorynav-background.png) repeat-x top;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 0 auto;
	width: 958px;
	height: 32px;
}

.categoryNav a {
	color: #297acc;
	text-decoration: none;
}

.categoryNav a:hover {
	color: #66b3ff;
	text-decoration: underline;
}

.categoryNav h2 {
	border-right: 1px solid #ccc;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 32px;
	margin: 0 0 0 0;
	padding-left: 11px;
}

.categoryNav h2 a {
	display: block;
	width: 178px;
}

.categoryNav h2, .categoryNav ul, .categoryNav li, .categoryNav li a {
	float: left;
}

.categoryNav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.categoryNav li {
	margin: 0;
	padding: 0;
	font-size: 1em;
}

.categoryNav li a, .categoryNav li span {
	display: block;
	padding: 0 13px;
	font-size: 1.2em;
	line-height: 32px;
	border-right: 1px solid #e6e6e6;
}

.categoryNav li.platform {
	font-weight: bold;
}

.creatorNav li a, .creatorNav li span {
	padding: 0 9px;
}

.categoryNav li span {
	color: #666;
}

.creatorNav li a:hover {
	text-decoration: none;
}

.creatorNav li.active a {
	background: url(/images/browse/creator-nav-highlight.png) no-repeat 0 1px;
	color: #fff;
}

#creatorContent {
	border: 1px solid #999;
	border-top: 2px solid #a3cbf4;
	border-bottom: 0;
	width: 958px;
	position: absolute;
	top: 32px;
	left: 10px;
	z-index: 51;
}

#creatorPopup {
	display: none;
}

#creatorPopup div.container {
	background-color: #fff;
	border-bottom: 1px solid #999;
	padding: 15px;
}

#creatorPopup div.content {
	margin-top: 10px;
}

#creatorShadow {
	background-color: #000;
	height: 10px;
	opacity: 0.25;
	-moz-opacity: 0.25;
}

#creatorPopup p.cant {
	margin: 0;
	float: right;
	text-align: right;
	color: #666;
	font-size: 1.2em;
}

#creatorPopup li {
	font-size: 1.2em;
	padding: 1px 0;
}

#creatorPopup a {
	text-decoration: none;
}

#creatorPopup li.popular a {
	font-weight: bold;
}

#creatorPopup h2 {
	font-size: 14px;
	font-weight: normal;
	margin-right: 550px;
}

#pageBody {
	background-color: #fff;
	border: 1px solid #ccc;
	border-top: 0;
	margin: 0 auto 10px auto;
	padding-top: 1px;
	padding-bottom: 20px;
	width: 958px;
}

div.main {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
}

.columns div.main {
	padding-right: 0;
}

/* template: notices */
.notice {
	background-position: left bottom;
	background-repeat: no-repeat;
	position: absolute;
	width: 980px;
	z-index: 500;
}

.notice .l {
	background-position: right bottom;
	background-repeat: no-repeat;
	padding-left: 75px;
}

.notice .r {
	background-position: bottom;
	background-repeat: repeat-x;
	height: 70px;
	margin-right: 10px;
}

.notice .c {
	margin-right: 65px;
}

.notice .message {
	color: #fff;
	display: table-cell;
	font-size: 1.8em;
	height: 70px;
	line-height: 1.1em;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	width: 860px;
}

.notice div.close {
	font-size: 2em;
	line-height: 66px;
	position: absolute;
	right: 20px;
	top: 0;
}

.notice div.close a {
	text-decoration: none;
}

/* template: notices: success */
.noticeSuccess {
	background-image: url(/images/template/notices/success-left.png);
	color: #596633;
}

.noticeSuccess .l {
	background-image: url(/images/template/notices/success-right.png);
}

.noticeSuccess .r {
	background-image: url(/images/template/notices/success-background.png);
}

.noticeSuccess div.close a {
	color: #364c08;
}

.noticeSuccess div.close a:hover {
	color: #fff;
}

/* template: notices: fail */
.noticeError {
	background-image: url(/images/template/notices/fail-left.png);
}

.noticeError .l {
	background-image: url(/images/template/notices/fail-right.png);
}

.noticeError .r {
	background-image: url(/images/template/notices/fail-background.png);
}

.noticeError div.close a {
	color: #610;
}

.noticeError div.close a:hover {
	color: #fff;
}

/* template: breadcrumbs */
.breadcrumbs {
	margin: 16px 0 0 0;
	padding: 0;
}

.breadcrumbs ul {
	margin: 0;
	padding: 0;
}

.breadcrumbs li {
	line-height: 1em;
	margin: 0;
	padding: 0;
	display: inline;
}

.breadcrumbs li.on {
	color: #000;
}

.breadcrumbs .divider {
	color: #999;
	margin: 0px 5px 0px 5px;
}

/* template: layouts: two columns */
#sidebar-right {
	float: right;
	padding-top: 16px;
	width: 240px;
}

#sidebar-right div.seperator { display: none; }

#main {
	float: left;
	width: 700px;
}

/* template: sidebar lists: editors picks */
ul.coolLinks, .menuColumns ul, ul.helpMenu, ul.accountMenu {
	list-style: none;
	margin: 0;
	padding: 0;
}

.helpMenu li.on a {
	color: #333;
	font-weight: bold;
	text-decoration: none;
}

ul.coolLinks li, .sidebarBox .menuColumns li, ul.helpMenu li, ul.accountMenu li {
	line-height: 1.3em;
	padding: 3px 0 3px 10px;
	background: url('/images/icons/list-item.gif') no-repeat left 0.6em;
}

ul.coolLinks span.menuCount, .menuColumns span.menuCount {
	color: #666;
	font-size: 11px;
	margin-left: 3px;
}

ul.coolLinks a, .sidebarBox .menuColumns ul a {
	text-decoration: none;
}
ul.coolLinks a:hover, .sidebarBox .menuColumns ul a:hover {
	text-decoration: underline;
}

ol.searches {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}

ol.searches li {
	line-height: 1.3em;
	padding: 3px 0 3px 0;
}

ol.searches span.number {
	color: #666;
}

/* template: sidebar lists: top sellers */
.topSellers {
	width: 100%;
}

.topSellers td {
	padding: 2px 0 8px 0;
	vertical-align: top;
}

.topSellers td.rank {
	color: #666;
	font-weight: bold;
	font-size: 1.1em;
	text-align: right;
}

.topSellers td.image {
	width: 45px;
	text-align: center;
	font-size: 0px;
}

.topSellers td.title {
	font-size: 12px;
	padding-left: 2px;
	padding-right: 4px;
}

.topSellers .product div.title {
	font-size: 1em;
}

.topSellers .product span.format {
	font-size: 1.1em;
}

.topSellers .product div.title a.title {
	font-weight: normal;
}

.topSellers td.title div.author {
	font-size: 11px;
}

.topSellers td.title .small {
	font-size: 9px;
}

.topSellers div.title a.title {
	font-weight: normal;
}

.topSellers td.title div.format, .topSellers td.title span.formatReleaseYear {
	font-size: 11px; color: #666;
}

.topSellers .product div.price {
	font-size: 1em;
}

.topSellers .product div.price span.price {
	font-size: 1em;
}

.topSellers span.saving { font-weight: bold; }

/* template: sidebar lists: reviews */

ul.reviews {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.reviews li {
	padding-top: 5px;
	padding-bottom: 5px;
}

ul.reviews li.review1 {
	margin-top: 0;
}

ul.reviews div.product {

}

ul.reviews div.review {
	color: #666;
	font-style: italic;
	margin-top: 4px;
}

ul.reviews div.rating {
	margin-top: 4px;
}

table.reviewSummary {
	font-size: 1.2em;
}

table.reviewSummary td {

}

table.reviewSummary tr td.title {
	padding-bottom: 2px;
}
table.reviewSummary tr td.stars {
	padding: 0 2px 15px 2px;
}
table.reviewSummary tr td.subject {
	padding: 0 2px 15px 2px;
	color: #666;
}

/* template: narrow content */
div.contentLarge {
	margin: 0 auto;
	width: 600px;
}

/* template: more link */
a.more, .more a, a.back, .back a, ul.links li a {
	display: inline-block;
	line-height: 16px;
	padding-left: 20px;
	text-decoration: none;
}

a.more span, .more a span, a.back span, .back a span, ul.links a span { text-decoration: underline; }

/* template: add link */
p.add a {
	background: url(/images/icons/add-16x16.png) no-repeat left center;
	display: inline-block;
	line-height: 16px;
	padding-left: 20px;
	text-decoration: none;
}

p.add a span {
	text-decoration: underline;
}

/* error page */
body#error-error div.error {
	background: url(/images/apes/slip-up2.gif) no-repeat top left;
	padding-left: 270px;
	min-height: 200px;
}

body#error-error div.error p.message {
	font-size: 1.2em;
	font-weight: bold;
}

body#error-error div.error p.notes {
	color: #333;
	font-size: 1.2em;
}

/* homepage */
body#index-index #sidebar-left {
	float: left;
	padding-left: 13px;
	width: 186px;
}

body#index-index.store-1 #sidebar-left {
	padding-top: 276px;
}

body#index-index.store-2 #sidebar-left {
	padding-top: 220px;
}

#sidebar-left .section {
	margin-top: 22px;
}

#sidebar-left p.more {
	font-size: 1.2em;
}

#sidebar-left h4, #sidebar-left h2 {
	color: #e63900;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1em;
	margin: 0 0 10px 0;
}
#sidebar-left h4 a {
	color: #e63900;
	text-decoration: none;
}
#sidebar-left h4 a:hover {
	color: #ff5500;
	text-decoration: underline;
}

#section-news h5.date {
	color: #666;
	font-size: 1.1em;
	font-weight: normal;
	line-height: 1em;
	margin-top: 15px;
}

#section-news ul {
	list-style: none;
	padding-left: 0;
	margin-top: 4px;
}

#section-news li {
	font-size: 1.2em;
	margin-bottom: 4px;
	padding-top: 4px;
	border-top: 1px dotted #e0e0e0;
}
#section-news li a {
	text-decoration: none;
}

#section-news ul > li:last-child { margin-bottom: 0; }

/* homepage: testimonial */
.testimonial div.testimonial-body {
	background: url(/images/template/testimonial.png) no-repeat left top;
	padding-left: 10px;
}
.testimonial div.testimonial-body blockquote {
	background: url(/images/template/testimonial.png) no-repeat right bottom;
	padding-right: 5px;
}

.testimonial blockquote {
	font-size: 1.2em;
}

.testimonial p.author {
	color: #999;
	font-size: 1.1em;
	line-height: 1em;
	margin: 10px 0 0 0;
}

.testimonial p.date {
	color: #999;
	font-size: 1.1em;
	line-height: 1em;
	margin: 2px 0 0 0;
}

/* homepage: about */
#section-about a.block {
	display: block;
}
#section-about p {
	margin: 0.6em 0;
	font-size: 1.2em;
}

/* homepage: best sellers */
#section-bestSellers .note {
	color: #999;
	font-size: 1.1em;
	margin: 0;
}

#section-bestSellers div.note {
	margin-bottom: 10px;
}

/* homepage: advert */
div.advert {
	text-align: center;
}

div.advert .title {
	color: #999;
	margin: 0 0 5px 0;
}

/* homepage */
#index-index #pageBody div.main {
	padding: 0;
}

/* homepage: top section */
#home-top {
	margin-left: 220px;
	padding-top: 22px;
	padding-right: 20px;
}

.home-main {}

#home-top h1.welcome {
	color: #86b300;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1em;
	margin: 0 340px 0 0;
}

#home-top p.stats {
	color: #666;
	float: right;
	font-size: 1.2em;
	line-height: 1em;
	margin: 2px 0 0 0;
	text-align: right;
	width: 330px;
	white-space: nowrap;
}

/* homepage: xmas delivery */
#xmasDeliveryPromo {
	width: 720px;
	height: 63px;
	background: url('/images/promos/xmas-delivery2.png') no-repeat left top;
	margin-top: 12px;
	margin-bottom: -6px;
}
#xmasDeliveryPromo div.title {
	float: left;
	width: 340px;
	margin: 25px 0 0 16px;
	font-size: 16px;
	font-weight: bold;
	color: #86b200;
}
#xmasDeliveryPromo div.message {
	float: right;
	width: 305px;
	margin: 17px 12px 0 0;
	font-size: 12px;
}

/* features: text */
div.textFeature {
	overflow: auto;
}

div.textFeature div.image {
	float: left;
	text-align: center;
	width: 110px;
}

div.textFeature div.body {
	margin-left: 120px;
}

div.textFeature div.body p {
	font-size: 1.3em;
	margin: 0;
}

div.feature, .section {
	margin-top: 20px;
}

table.cols {
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid #ccc;
	width: 100%;
}

table.cols td {
	border-left: 1px solid #e6e6e6;
	padding: 6px 4px 13px 4px;
	text-align: center;
	vertical-align: top;
	width: 25%;
}

.loading table.cols {
	background: url('/images/icons/spinner.gif') no-repeat center center;
}
.loading table.cols td {
	visibility: hidden;
}

table.cols2 td {
	width: 50%;
}

table.cols3 td {
	width: 33%;
}

table.cols4 td {
	width: 25%;
}

table.cols5 td {
	width: 20%;
}

table.cols td.col-1 {
	border-left: 0;
}

table.cols img.stockIcon {
	margin-left: 4px;
	vertical-align: middle;
}

/* browse */
h1.categoryName {
	margin-top: 14px;
	margin-bottom: 14px;
}

/* browse: giant button */
div.giantBrowseButton {
	margin: 36px 0 0;
}
div.giantBrowseButton a, div.giantBrowseButton a:visited {
	display: block;
	width: 680px;
	height: 32px;
	background: url('/images/browse/giant-browse-button.png') no-repeat left top;
	font-size: 15px;
	font-weight: bold;
	line-height: 32px;
	text-align: center;
	text-decoration: none;
}
div.giantBrowseButton a:hover {
	background-position: left -59px
}
div.giantBrowseButton a:active {
	background-position: left -118px
}

/* browse: featured items */
.feature h2, .section h2 {
	color: #e63900;
	font-size: 1.8em;
	font-weight: normal;
	margin: 0 0 6px 0;
}

.feature h2 sup.beta, .section h2 sup.beta {
	font-size: 12px;
}

/*.feature h2 a, .feature h2 a:hover {
	color: #e63900;
	text-decoration: none;
}*/

.feature p.more, .feature div.more, .feature p.pages {
	font-size: 1.3em;
	margin-top: 12px;
}

.feature .intro, .section .intro {
	color: #999;
	font-size: 1.1em;
	padding-bottom: 12px;
}

.feature span.pages, .feature p.pages, .feature div.pages {
	color: #999;
	font-size: 11px;
	text-align: right;
}

.feature span.pages {
	display: block;
	float: right;
	width: 100px;
}

.feature div.pages {
	position: absolute;
	top: -22px;
	right: 0;
}

/* features: loadable */
.loadable {
	position: relative;
}

/* features: loadable: big buttons */
.loadable a.load {
	display: block;
	height: 34px;
	position: absolute;
	text-decoration: none;
	top: 80px;
	width: 34px;
}

.loadable a.load span { visibility: hidden; }

.loadable a.prev {
	display: none; /* hide by default since we'll be on page 1 */
	left: -12px;
}

.loadable a.next {
	right: -12px;
	z-index: 100;
}

/* features: loadable: small buttons */
.loadableSmall a.load {
	display: block;
	height: 26px;
	position: absolute;
	text-decoration: none;
	top: 80px;
	width: 26px;
}

.loadableSmall a.prev {
	left: 0px;
}

.loadableSmall a.next {
	right: 0px;
	z-index: 100;
}

/* browse: featured items: 2 col products */
.featuredItems {
	border: 1px solid #ccc;
	border-collapse: separate;
	border-spacing: 0;
	width: 100%;
}

.featuredItems td.box {
	border-top: 1px solid #e6e6e6;
	padding: 12px;
	vertical-align: top;
}

.featuredItems-2 td.box {
	width: 50%;
}

.featuredItems-3 td.box {
	width: 33%;
}

.featuredItems-4 td.box {
	width: 25%;
}

.featuredItems td.box-1 {
	border-right: 1px solid #e6e6e6;
}

.featuredItems-3 td.box-2, .featuredItems-4 td.box-2 {
	border-right: 1px solid #e6e6e6;
}

.featuredItems-4 td.box-3 {
	border-right: 1px solid #e6e6e6;
}

.featuredItems tr.row-1 td.box {
	border-top: 0;
}

.featuredItems td.image {
	text-align: center;
	width: 90px;
}

.featuredItems td.item {
	padding-left: 10px;
	vertical-align: top;
}

.featuredItems .product div.image {
	 height: 190px;
}

.featuredItems .product div.title {
	font-size: 1.4em;
}

.featuredItems .product span.specialOffer {
	font-size: 13px;
}

.featuredItems .product div.author {
	font-size: 1.3em;
	margin-top: 10px;
}

.featuredItems div.price {
	font-size: 1.3em;
	margin-top: 10px;
}

.featuredItems div.price span.price {
	font-size: 1.15em;
}

.featuredItems div.delivery {
	font-size: 1.3em;
	margin-top: 10px;
}

.featuredItems div.trolley {
	font-size: 1.3em;
	margin-top: 10px;
}

/* trolley buttons */

button.addToTrolley {
	width: 173px;
	height: 36px;
	padding: 9px 0 9px 28px;
	background: #e53900 url(/images/buttons/trolley-large.png) no-repeat left top;
	color: #ffffff;
	border: none;
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, sans-serif;
	cursor: pointer;
}

button.addToTrolley:hover {
	background: #e53900 url(/images/buttons/trolley-large.png) no-repeat left -46px;
}

button.addToTrolley:active {
	background: #e53900 url(/images/buttons/trolley-large.png) no-repeat left -92px;
}

div.large a.addToTrolleyButton, div.large a.addToTrolleyButton:visited {
	display: block;
	width: 153px;
	height: 36px;
	overflow: hidden;
	background: url('/images/buttons/trolley-large.png') no-repeat 0 0;
	padding-left: 20px;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	line-height: 35px;
	text-align: center;
	text-decoration: none;
}
div.large a.addToTrolleyButton:hover {
	background-position: 0 -46px;
}
div.large a.addToTrolleyButton:active {
	background-position: 0 -92px;
}

div.medium a.addToTrolleyButton, div.medium a.addToTrolleyButton:visited {
	display: block;
	width: 126px;
	height: 28px;
	overflow: hidden;
	background: url('/images/buttons/trolley-medium.png') no-repeat 0 0;
	padding-left: 25px;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	line-height: 28px;
	text-align: center;
	text-decoration: none;
}
div.medium a.addToTrolleyButton:hover {
	background-position: 0 -38px;
}
div.medium a.addToTrolleyButton:active {
	background-position: 0 -76px;
}

div.small a.addToTrolleyButton, div.small a.addToTrolleyButton:visited {
	display: block;
	width: 100px;
	height: 24px;
	overflow: hidden;
	background: url('/images/buttons/trolley-small.png') no-repeat 0 0;
	padding-left: 24px;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	line-height: 24px;
	text-align: center;
	text-decoration: none;
}
div.small a.addToTrolleyButton:hover {
	background-position: 0 -34px;
}
div.small a.addToTrolleyButton:active {
	background-position: 0 -68px;
}

/* browse: paging */
#paginationBottom {
	margin: 30px 0 15px 0;
	text-align: center;
	font-size: 1.4em;
}

#paginationBottom ul {
	display: inline;
	border: 0;
	margin: 0 0 0 10px;
	padding: 0;
	list-style: none;
}

#paginationBottom li {
	display: inline;
	border: 0;
	margin: 0;
	padding: 0;
	margin-right: 3px;
	font-weight: bold;
	font-family: Arial, sans-serif;
	font-size: 13px;
}

#paginationBottom li.separator {
	color: #999;
	margin-right: 2px;
	padding: 6px 0;
	font-weight: normal;
}

#paginationBottom span.label {
	color: #666;
}

#paginationBottom a {
	margin-right: 2px;
}

#paginationBottom .previous-off, #paginationBottom .next-off {
	border: solid 1px #DEDEDE;
	color: #888888;
	margin-right: 5px;
	padding: 6px 7px;
}

#paginationBottom .next a, #paginationBottom .previous a {
	font-size: 15px;
}

#paginationBottom .active {
	border: solid 1px #DEDEDE;
	font-weight: bold;
	color: #666;
	padding: 7px 6px;
}

#paginationBottom a:link, #paginationBottom a:visited {
	padding: 6px 6px;
}

/* browse: product sorts */
.galleryHeader {
	height: 39px;
	margin: 6px 0;
}

.galleryHeader .l {
	padding-right: 8px;
	padding-left: 4px;
}

.galleryHeader .r {
	height: 39px;
	padding: 0 8px;
}

.galleryHeader .display-toggle {
	float: left;
	padding-top: 6px;
	width: 100px;
}
.galleryHeader .display-toggle ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.galleryHeader .display-toggle ul li {
	float: left;
	margin: 0 0 0 0;
	padding: 0;
}

.galleryHeader .sort {
	float: left;
	font-size: 1.2em;
	line-height: 39px;
	width: 260px;
}

.galleryHeader .summary {
	float: right;
	font-size: 1.3em;
	line-height: 39px;
	width: 200px;
	text-align: right;
}

/* browse: filters */
ul.browseFilterMenu {
	display: block;
	width: 100%;
	height: 36px;
	margin: 16px 0 0;
	padding: 3px 3px 0;
	list-style-type: none;
	background: url('/images/browse/filter-menu-background.png') no-repeat left top;
}
ul.browseFilterMenu li, ul.browseFilterMenu a, ul.browseFilterMenu div {
	height: 36px;
	cursor: pointer;
}
ul.browseFilterMenu li {
	display: block;
	float: left;
	margin-left: 2px;
	font-size: 12px;
	line-height: 27px;
}
ul.browseFilterMenu li.first {
	margin-left: 0;
}
ul.browseFilterMenu li a {
	display: block;
	padding: 0 2px;
	color: #004d99;
	text-decoration: none;
}
ul.browseFilterMenu li.active a {
	padding: 0 5px;
}
ul.browseFilterMenu li div.item {
	padding: 0 3px;
}

.categorySections li span.menuCount {
	display: block;
	float: left;
	padding: 5px 0;
	color: #666;
	font-size: 12px;
}

.categorySections li.separator {
	display: none;
}

ul.browseFilterMenu li div.name {
	height: 26px;
	padding: 0 0 10px;
}
ul.browseFilterMenu .count {
	display: inline;
	position: relative;
	top: -1px;
	background: #e63900;
	margin-left: 4px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	padding: 1px 2px 2px;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
}

ul.browseFilterMenu li:hover {
	background: url('/images/browse/filter-menu-buttons.png') no-repeat right -260px;
}
ul.browseFilterMenu li:hover a {
	background: url('/images/browse/filter-menu-buttons.png') no-repeat left -208px;
	color: #297acc;
	text-decoration: none;
}
ul.browseFilterMenu li:hover div.item {
	background: url('/images/browse/filter-menu-buttons.png') repeat-x left -156px;
}

ul.browseFilterMenu li.active {
	background: url('/images/browse/filter-menu-buttons.png') no-repeat right -104px;
}
ul.browseFilterMenu li.active a {
	background: url('/images/browse/filter-menu-buttons.png') no-repeat left -52px;
	color: #ffffff;
	font-weight: bold;
}
ul.browseFilterMenu li.active div.item {
	background: url('/images/browse/filter-menu-buttons.png') repeat-x left top;
}

ul.browseFilterMenu li.active div.name {
	background: url('/images/browse/filter-menu-arrow.png') no-repeat center bottom;
}

#sellingCategorySections li a {
	padding-right: 0;
}

/* browse: categories */
div.categories {
	/*border-top: 1px dashed #ccc;*/
	border-bottom: 1px dashed #ccc;
	margin: 0 0 13px 0;
	padding: 8px 0;
}

div.categories ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div.categories li {
	line-height: 1em;
	padding: 7px 0 7px 0;
}

div.categories span.menuFeatured {
	background: #e63900;
	margin-left: 4px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	padding: 1px 2px 2px;
	font-size: 9px;
	font-weight: bold;
	color: #ffffff;
	text-transform: uppercase;
}

div.categories li span.menuCount {
	color: #999;
	font-size: 11px;
	margin-left: 3px;
}

div.categories ul ul {
	margin-left: 10px;
	margin-top: 4px;
}

div.categories li li {
	font-size: 12px;
	padding: 4px 0;
}

div.categories div.parent a { font-weight: bold; }

div.categories div.parent span.continued {
	color: #999;
}

div.categories-brands {
	border-top: 0;
	margin-top: 0;
}

/* browse: sidebar boxes */
.sidebarBox {
	border: 1px solid #ccc;
	border-right: 0;
	margin: 0 0 12px 0;
	padding: 12px 12px 12px 12px;
}

.sidebarBox h4, .sidebarBox h2 {
	color: #e63900;
	font-size: 1.4em;
	font-weight: bold;
	margin: 0 0 10px 0;
}

.sidebarBox h3 {
	color: #E63900;
	margin-top: 10px;
	margin-bottom: 4px;
}

.sidebarBox .note {
	color: #999;
	font-size: 1.1em;
	margin: 0;
}

.sidebarBox div.note {
	margin-bottom: 10px;
}

.sidebarBox div.more, .sidebarBox p.more {
	font-size: 1.2em;
	margin-bottom: 0;
}

.sidebarBox p, .sidebarBox li, .sidebarBox dd, .sidebarBox dt, .sidebarBox div.button {
	font-size: 1.2em;
}

.sidebarBox p, .sidebarBox div.button {
	margin-top: 8px;
	margin-bottom: 0;
}

.sidebarBox dt {
	color: #333;
	font-weight: bold;
	margin-top: 8px;
}

.sidebarBox dd {
	margin-top: 4px;
}

/* brands */
div.brands {
	border: 1px solid #ccc;
}

div.brands a.load {
	top: 110px;
}

table.brands td {
	width: 20%;
	text-align: center;
	padding: 10px 0;
	vertical-align: top;
}

table.brands {
	width: 100%;
}

table.brands div.image {
	height: 70px;
}

table.brands div.title {
	font-size: 1.2em;
	height: 2.4em;
	margin-top: 5px;
}

table.brands span.total {
	color: #999;
}

.loading table.brands {
	background: url('/images/icons/spinner.gif') no-repeat center center;
}
.loading table.brands td {
	visibility: hidden;
}

/* brands: sidebar */
.sidebarBox table.brands td {
	text-align: center;
	width: 50%;
	padding: 0 0 12px 0;
}

/* RSS icon for news */
a.rss {
	display: inline;
	font-size: 0;
	line-height: 0;
	padding: 14px 14px 0 0;
}

a.rss span { display: none; }

/* table header + footer */
.tableHeader {
	background: url(/images/template/table-background.png) repeat-x top;
	height: 10px;
	line-height: 10px;
}

.tableHeader .l {
	background: url(/images/template/table-top-left.png) no-repeat left top;
	padding-left: 10px;
}

.tableHeader .r {
	background: url(/images/template/table-top-right.png) no-repeat right top;
	padding-left: 10px;
}

.tableFooter {
	background: url(/images/template/table-background.png) repeat-x top;
	height: 10px;
	line-height: 10px;
}

.tableFooter .l {
	background: url(/images/template/table-bottom-left.png) no-repeat left top;
	padding-left: 10px;
}

.tableFooter .r {
	background: url(/images/template/table-bottom-right.png) no-repeat right top;
	padding-left: 10px;
}

/* browse: points */
.pointsRegret {
	color: #666;
	font-size: 1.2em;
}

/* product lists: stock statuses */
span.preorder, span.instock, span.outofstock {}

span.preorder { font-weight: bold; color: #739900; }
span.preorder span { color: #666; }
span.preorder span.estimated-date { color: #666; }

span.instock {
	color: #739900;
	display: inline-block;
	font-weight: bold;
	padding-left: 18px;
}

span.instock span.avail { color: #000; }

span.outofstock { color: #666; }

span.backordered span {
	color: #739900;
	font-weight: bold;
}

/* product lists: general styling */
.product div.title {
	font-size: 1.4em;
	line-height: 1.2em;
}

.product img.boxshot {}

.product div.title a.title {
	font-weight: bold;
}

.product a.format {
	color: #666;
	text-decoration: none;
}

.product a.format:hover {
	color: #999;
}

span.specialOffer { color: #e63900; font-weight: bold; white-space: nowrap; }

.product div.format, .product div.rating, .product div.author { color: #666; }
.product span.format, .product span.formatReleaseYear { color: #666; font-size: 14px; }
.product span.author { color: #666; font-size: 13px; }

.product span.label { color: #666; /*text-transform: uppercase;*/ } /* labels for daily deal prices, etc */
.product span.price, .product span.now { color: #e63900; font-weight: bold; }
.product span.saving { color: #e63900; }
.product span.old { text-decoration: line-through; color: #999; padding-right: 0.5em; }

.product div.price { font-size: 1.3em; }
.product div.price span.price, .product div.price span.now { font-size: 1.1em; }

/* product lists: gallery list */
div.galleryItem {
	position: relative;
}
table.galleryItem {
	border-bottom: 1px solid #c0d8f0;
	width: 100%;
}
table.galleryItem td {
	padding: 10px;
}
table.galleryItem td.number {
	display: none;
}
table.galleryItem td.image {
	padding-left: 0;
	width: 110px;
	text-align: center;
}
table.galleryItem td.detail {
	vertical-align: top;
	padding-top: 16px;
	padding-bottom: 16px;
}
table.galleryItem .product div.title {
	font-size: 1.6em;
}

.galleryItem div.rating {
	float: right;
	margin: 0 0 0 10px;
}
.galleryItem div.format, .galleryItem div.author { font-size: 1.4em; margin-top: 10px; }
.galleryItem span.formatReleaseYear { padding-left: 3px; }

.galleryItem div.price { margin-top: 10px; }

.galleryItem div.points-price { font-weight: bold; font-size: 1.4em; margin-top: 10px; }
.galleryItem div.points-or { color: #666; font-size: 1.2em; }

.galleryItem div.delivery { margin-top: 10px; line-height: 20px; font-size: 1.4em; }
.galleryItem div.delivery span.instock { padding-left: 24px; display: block; }
.galleryItem div.delivery span.outofstock, galleryItem div.delivery span.unavailable { font-size: 12px; }
.galleryItem div.trolley { margin-top: 10px; }

.galleryItem div.wishlist { margin-top: 10px; }
.galleryItem div.wishlistOptions { margin-top: 10px; }
.galleryItem div.productRater { margin-top: 10px; margin-bottom: 10px; }

.galleryItem div.writeReview {
	color: #999999;
	font-size: 1.3em;
	line-height: 25px;
}

.galleryItem div.delete {
	margin-top: 10px;
	font-size: 1.2em;
}

.galleryItem td.rating { width: 85px; text-align: right; }

.galleryItem div.condition {
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 10px;
}

.galleryItem div.comments {
	color: #666;
	font-size: 1.2em;
	margin-top: 10px;
}

.galleryItem div.comments b {
	color: #000;
}

.galleryItem .marketplacePrice .price {
	color: #e53900;
	font-weight: bold;
	font-size: 1.6em;
	margin: 0;
}

.galleryItem .marketplacePrice .delivery {
	font-size: 1.2em;
	color: #666;
	margin: 0;
}

.galleryItem .otherPrices {
	color: #666;
	font-size: 1.3em;
	margin-top: 10px;
}

.galleryItem .sellButton {
	margin-top: 10px;
}

.galleryItem a.sell {
	width: 111px;
}

/* starburst */

#pageBody .productListStarburst, #footer .productListStarburst
{
	display: block;
	position: absolute;
	top: 26px;
	left: 66px;
	width: 59px;
	height: 62px;
	background: url('/images/browse/starburst-small.png') no-repeat left top;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}
.productListStarburst .save
{
	display: block;
	height: 12px;
	padding-top: 16px;
	font-size: 10px;
	font-weight: bold;
	line-height: 11px;
}
.productListStarburst .amount
{
	display: block;
	height: 28px;
	font-size: 13px;
	font-weight: bold;
	line-height: 11px;
}
.productListStarburst .amount span
{
	font-size: 10px;
	font-weight: bold;
	vertical-align: text-top;
}

#pageBody table.imageGallery .productListStarburst, #pageBody .deal .productListStarburst
{
	left: 154px;
	top: 160px;
}
#pageBody .feature .productListStarburst, #footer .feature .productListStarburst
{
	left: 112px;
	top: 108px;
}
#pageBody #dailyDealProduct .productListStarburst
{
	left: 0px;
	top: auto;
	bottom: 10px;
}

/* product lists: image gallery */
.imageGallery {
	padding: 16px 0;
	margin: 0;
	width: 100%;
}

.imageGallery1 {

}

.imageGalleryLine {
	border-top: 1px dashed #ccc;
	line-height: 1px;
	margin: 16px 0;
	height: 1px;
}

.imageGallery .item {
	width: 33%;
}

.imageGallery .item, .deal .product {
	text-align: center;
	vertical-align: top;
}

.imageGalleryCols3 .item {
	width: 33%;
}

.imageGalleryCols4 .item {
	width: 25%;
}

.imageGallery .col1 {
	padding-right: 16px;
}

.imageGallery .col2 {
	border-left: 1px dashed #ccc;
	border-right: 1px dashed #ccc;
	padding: 0 16px;
}

.imageGallery .col3 {
	padding-left: 16px;
}

.imageGallery .col4 {
	padding-left: 16px;
}

.imageGalleryCols4 .col3 {
	padding-right: 16px;
	border-right: 1px dashed #ccc;
}

.imageGallery table.image, .deal table.image {
	width: 100%;
	height: 100%;
}

.imageGallery table.image td, .deal table.image td {
	text-align: center;
	vertical-align: middle;
}

.imageGallery .product div.image, .deal .product div.image {
	border: 1px solid #ccc;
	height: 270px;
	overflow: hidden;
}

.imageGallery .product div.title, .deal .product div.title {
	height: 3.7em;
	margin-top: 8px;
	font-size: 1.2em;
}

.imageGallery .product span.formatReleaseYear, .deal .product span.formatReleaseYear,
.imageGallery .product span.format, .deal .product span.format {
	font-size: 11px;
}

.imageGallery .product div.author, .deal .product div.author {
	color: #666;
	font-size: 1.2em;
	margin-top: 8px;
}

.imageGallery .product .galleryItem div.rating {
	position: absolute;
	top: 4px;
	right: 2px;
	margin: 0;
}
.galleryItem div.rating img {
	display: none;
}
.galleryItem div.rating {
	width: 84px;
	height: 20px;
	background: url('/images/icons/stars/stars.png') no-repeat left top;
}
.galleryItem div.rating-50 {
	background-position: 0 0;
}
.galleryItem div.rating-45 {
	background-position: 0 -20px;
}
.galleryItem div.rating-40 {
	background-position: 0 -40px;
}
.galleryItem div.rating-35 {
	background-position: 0 -60px;
}
.galleryItem div.rating-30 {
	background-position: 0 -80px;
}
.galleryItem div.rating-25 {
	background-position: 0 -100px;
}
.galleryItem div.rating-20 {
	background-position: 0 -120px;
}
.galleryItem div.rating-15 {
	background-position: 0 -140px;
}
.galleryItem div.rating-10 {
	background-position: 0 -160px;
}
.galleryItem div.rating-5 {
	background-position: 0 -180px;
}
.galleryItem div.rating-0 {
	background-position: 0 -200px;
}

.imageGallery .product div.rating, .deal .product div.rating {
	margin-top: 8px;
}

.imageGallery .product div.price, .deal .product div.price {
	margin-top: 8px;
}

.imageGallery .product div.price span.saving, .deal .product div.price span.saving {
	font-size: 1.2em;
}

.imageGallery .product div.delivery, .deal .product div.delivery {
	font-size: 1.2em;
	margin-top: 8px;
}

.imageGallery .product div.trolley, .deal .product div.trolley {
	margin-top: 8px;
}

.imageGallery .product div.trolley a.addToTrolleyButton {
	margin-left: auto;
	margin-right: auto;
}

/* product lists: daily deals */
.dailyDeal .product {
	text-align: center;
}
.dailyDeal .product div.title {
	margin-top: 6px;
	font-size: 1.3em;
	line-height: 1.4em
}
.dailyDeal .product div.title span {
	font-size: 11px;
}

.dailyDeal .product div.price {
	margin-top: 2px;
	font-size: 1.2em;
}

.dailyDeal div.buyNow {
	margin-top: 10px;
}

.dailyDeal div.trolleyButton {
	margin-top: 10px;
}
.dailyDeal .image
{
	min-height: 100px;
}

/* product lists: product feature */
.productFeature table.cols td {

}

.productFeature table.cols td.source {
	background-color: #f5f5f5;
}

.productFeature .viewed {
	color: #999;
	font-size: 1.2em;
	float: left;
	width: 180px;
}

.productFeature .description {
	color: #999;
	font-size: 1.2em;
	margin-left: 180px;
	margin-bottom: 8px;
}

.productFeature .product div.image {
	height: 160px;
	overflow: hidden;
}

.productFeature .product div.title {
	margin-top: 10px;
	height: 2.5em;
}

.productFeature .product div.creator {
	font-size: 1.3em;
	margin-top: 8px;
	height: 2.5em;
}

.productFeature .product div.format {
	font-size: 1.2em;
	margin-top: 8px;
}

.productFeature .product div.price {
	font-size: 1.3em;
	margin-top: 8px;
}

.productFeature .product div.delivery {
	font-size: 1.2em;
	margin-top: 8px;
}

.productFeature .product div.trolley {
	margin-top: 8px;
}

.productFeature .product a.addToTrolleyButton {
	margin-left: auto;
	margin-right: auto;
}

/* small product feature */

div.productFeatureSmall .product div.image {
	width: 120px;
	height: 120px;
	margin: auto;
}
div.productFeatureSmall .product div.title {
	font-size: 1.2em;
	height: 2.4em;
}
div.productFeatureSmall .product div.creator {
	font-size: 1.1em;
	margin-top: 6px;
	height: 1.5em;
	overflow: hidden;
}
div.productFeatureSmall .product div.format {
	font-size: 1.1em;
	margin-top: 6px;
	height: 1.5em;
}
div.productFeatureSmall .product div.price {
	font-size: 1.1em;
	margin-top: 6px;
	height: 1.5em;
}
div.productFeatureSmall .product div.trolley {
	margin-top: 6px;
}

/* product lists: attribute feature */
.attributeFeature .product div.category {
	color: #e63900;
	font-size: 1.4em;
	font-weight: bold;
}

.attributeFeature div.category a {
	color: #e63900;
	text-decoration: none;
}

.attributeFeature div.category a:hover {
	text-decoration: underline;
}

.attributeFeature .product div.image {
	min-height: 145px;
}

.attributeFeature table.cols td {
	padding: 0;
}

.attributeFeature div.product {
	padding: 13px 10px;
}

.attributeFeature ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

.attributeFeature li {
	border-top: 1px solid #e6e6e6;
	font-size: 1.2em;
}

.attributeFeature li a {
	display: block;
	padding: 6px 10px;
}

.attributeFeature li.item-1 {
	font-weight: bold;
}

.attributeFeature li.last {
	font-style: italic;
}

/* product lists: top list feature */
.topListFeature {
	background: url(/images/browse/chart-background.png) repeat-y top left;
	border: 1px solid #297acc;
	margin-top: 20px;
}

.topListFeature ul.lists {
	list-style: none;
	margin: 0 1px 10px 0;
	padding: 0;
	width: 185px;
	float: left;
}

.topListFeature ul.lists li {
	border-bottom: 1px solid #a1c3e6;
}

.topListFeature ul.lists li a {
	background-color: #f0f7ff;
	display: block;
	padding: 8px 10px;
	text-decoration: none;
}

.topListFeature ul.lists li a:hover {
	background-color: #fff;
}

.topListFeature ul.lists li.active a {
	background-color: #297acc;
	background-image: url(/images/browse/chart-active-arrow.png);
	background-position: 95% center;
	background-repeat: no-repeat;
	color: #fff;
	font-weight: bold;
}

.topListFeature div.products {
	width: 470px;
	margin-left: 186px;
	padding: 0 0;
}

.topListFeature div.products td.col {
	width: 50%;
	background: url(/images/browse/chart-numbers-background.png) no-repeat top left;
	padding: 10px 0 10px 0;
	vertical-align: top;
}

.topListFeature table.topSellers td.rank {
	color: #fff;
	width: 26px;
	text-align: center;
	font-size: 1.6em;
}

.topListFeature table.topSellers td {
	height: 50px;
}

.topListFeature .loading {
	background: url('/images/icons/spinner.gif') no-repeat center center;
}

.topListFeature .loading table {
	visibility: hidden;
}

/* product lists: daily deal sidebar */
.home-sidebar .dailyDeal .product div.image {
	min-height: 125px;
}

/* auth: login */
#login-container {
	padding-left: 80px;
	padding-right: 80px;
}

#login-left {
	float: left;
	width: 350px;
}

#login-left p.tip {
	margin-top: 2em;
	color: #666666;
}

#login-right {
	float: left;
	margin-left: 68px;
	width: 340px;
}

#login-right h3, #login-right ul {
	color: #666;
}

#login-right h3 {
	font-size: 1.4em;
	margin-top: 15px;
}

#login-right p.create {
	width: 266px;
	margin-left: auto;
	margin-right: auto;
}

#login-right li {
	margin-bottom: 4px;
}

#login-right p.note {
	color: #666;
}

/* auth: login button */
input.login {
	background: url(/images/buttons/grey-105x32.png) no-repeat left top;
	line-height: 32px;
	height: 32px;
	width: 105px;
}

input.login:hover {
	background-position: left -32px;
}

/* auth: reset password button */
input.resetPassword
,	input.savePassword
,	input.createAccount
,	input.submitPayment
,	input.generateLink
,	input.sendMessage
,	input.sendToFriend
,	input.submitRequest
,	input.submitReview
,	input.submitFeedback
,	input.saveChanges
,	input.redeemVoucher
,	input.continueButton
{
	background: url(/images/buttons/grey-155x32.png) no-repeat left top;
	line-height: 32px;
	height: 32px;
	width: 155px;
}

input.resetPassword:hover
,	input.savePassword:hover
,	input.createAccount:hover
,	input.submitPayment:hover
,	input.generateLink:hover
,	input.sendMessage:hover
,	input.sendToFriend:hover
,	input.submitRequest:hover
,	input.submitReview:hover
,	input.saveChanges:hover
,	input.redeemVoucher:hover
,	input.updateSubscriptions
,	input.continueButton:hover
{
	background-position: left -32px;
}

/* auth: create account button */
a.createAccount {
	background: url(/images/buttons/blue-266x57.png) no-repeat left top;
	display: block;
	color: #fff;
	height: 57px;
	width: 266px;
	text-align: center;
	text-decoration: none;
}

a.createAccount:hover {
	background-position: left -57px;
	color: #fff;
	text-decoration: none;
}

a.createAccount strong {
	display: block;
	font-size: 18px;
	padding-top: 12px;
	padding-bottom: 4px;
}

a.createAccount span {
	font-size: 12px;
	font-weight: bold;
}

p.legal { color: #666; font-size: 12px; }

/* auth: reset password */
#resetPasswordForm {
	width: 500px;
}

/* news */
.newsItem h1 {
	margin-bottom: 10px;
}

.newsItem .image {
	float: right;
	margin: 0 0 20px 20px;
}

.newsItem .date, .newsItem .disclaimer {
	font-size: 1.2em;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #666;
}

.newsItem .disclaimer {
	margin-top: 20px;
}

.newsItem .newsBody {
	font-size: 1.4em;
	line-height: 1.3em;
}

.newsItem .newsBody * {
	font-size: 1em;
}

.newsItem .relatedItems h4 {
	font-size: 1.3em;
	margin: 10px 0;
}

.newsItem p.twitter {
	margin-top: 20px;
	font-size: 1.2em;
	color: #666;
}

/* sidebar: vouchers */
ul.vouchers li {
	border-top: 1px solid #ddd;
	font-size: 1em;
	line-height: 1em;
	margin-top: 12px;
	padding: 10px 0;
	text-align: center;
}

ul.vouchers div.title {
	line-height: 1.3em;
	margin: 10px 0;
	font-size: 1.4em;
}

ul.vouchers div.title a {
	font-weight: bold;
}

ul.vouchers div.trolley {
	margin-top: 10px;
}

ul.vouchers div.trolley a {
	margin-left: auto;
	margin-right: auto;
}

h1.my-account {
	font-size: 1.6em;
	font-weight: bold;
}

/* my account: boxes */
.accountBox {
	background: #f2f2f2;
	border: 1px solid #ccc;
	margin: 0 20px 12px 0;
	padding: 12px 12px 12px 12px;
}

.accountBox p.name {
	margin-top: 0;
	margin-bottom: 0;
}

.accountBox p.email {
	font-weight: bold;
	margin-top: 0;
}

.accountBox p.balance {
	margin-top: 0;
}

.accountBox span.balance {
	font-weight: bold;
}

.accountBox h4, .accountBox h2 {
	color: #000;
	font-size: 1.4em;
	margin: 0 0 10px 0;
}

.accountBox p, .accountBox li, .accountBox dd, .accountBox dt {
	font-size: 1.2em;
}

.accountBox p {
	margin-top: 8px;
	margin-bottom: 0;
}

.accountBox ul.links {
	margin-top: 8px;
}

.accountBox ul.links li {
	line-height: 1.6em;
}

.accountBox div.button {
	margin-top: 1em;
}

/* my account: tabs */
#accountTabs {
	list-style: none;
	margin: 0 20px;
	overflow: auto;
	padding: 0;
}

#accountTabs li {
	font-size: 1.3em;
	float: left;
	margin: 0 3px 0 0;
}

#accountTabs li a {
	background: url(/images/template/my-account/tab-background.png) no-repeat 50% 0;
	display: block;
	float: left;
	height: 32px;
	line-height: 32px;
	text-align: center;
	text-decoration: none;
	width: 105px;
}
#accountTabs li a:hover {
	background: url(/images/template/my-account/tab-background.png) no-repeat 50% -40px;
}
#accountTabs li.active a {
	background: url(/images/template/my-account/tab-background.png) no-repeat 50% -80px;
	color: #fff;
	font-weight: bold;
}

.tabsBottom {
	background: url(/images/template/my-account/tab-line-background.png) repeat-x 0 0;
}

#account-left {
	float: left;
	padding-top: 10px;
	width: 177px;
}

#account-left .seperator {
	display: none;
}

#account-main {
	float: left;
	width: 770px;
}

#account-left .sidebarBox {
	border-left: 0;
	border-right: 1px solid #ccc;
}

/* my account: prime ape */

#shippingSubscriptionBox {
	padding-left: 55px;
	position: relative;
}

#shippingSubscriptionBox h3 {
	background: url(/images/icons/icon-tick-orange-alt.png) no-repeat left 1px;
	color: #e63900;
	font-size: 1.3em;
	padding-left: 22px;
}

#shippingSubscriptionBox p {
	margin-left: 22px;
}

#shippingSubscriptionBox p.expires {
	font-size: 1em;
}

#shippingSubscriptionBox img.ape {
	position: absolute;
	left: -5px;
	bottom: -4px;
}

#shippingUpgradeBox {
	background-color: #f8f2df;
	border: 1px solid #e6d288;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding: 0;
	position: relative;
}

#shippingUpgradeBox h3.become {
	background: url(/images/my-account/account-box-become-a-prime-ape.png) no-repeat top left;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	height: 63px;
}

#shippingUpgradeBox h3.become span {
	visibility: hidden;
}

#shippingUpgradeBox div.content {
	padding: 12px 12px 12px 12px;
}

#shippingUpgradeBox p.free {
	margin-top: 0;
	margin-left: 70px;
}

#shippingUpgradeBox p.learn a {
	margin-left: 70px;
}

#shippingUpgradeBox img.ape {
	position: absolute;
	left: -5px;
	bottom: -4px;
}

a.learn {
	background: url(/images/buttons/orange-111x28.png) no-repeat center;
	display: block;
	width: 111px;
	height: 28px;
	font-size: 12px;
	font-weight: bold;
	line-height: 28px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	text-shadow: 1px 1px 1px #333;
}

a.learn:hover {
	text-decoration: underline;
	color: #fff;
}

/* my account: newsletters */
.newsletters h3 {
	font-size: 1.3em;
	margin: 0 0 10px 0;
}

table.newsletters th, table.newsletters td {
	font-size: 1.3em;
}

/* subtotal table for trolley, orders, etc */
table.subtotal {
	width: 100%;
}

table.subtotal td {
	border-bottom: 1px solid #c0d8f0;
	font-size: 1.4em;
	padding: 6px 0;
}

table.subtotal tr.total td {
	background-color: #eef5fd;
}

table.subtotal tr.total td {
	font-weight: bold;
}

table.subtotal span.free {
	text-transform: uppercase;
}

table.subtotal td.label {
	color: #638db8;
	text-align: right;
}

table.subtotal td.value {
	padding-left: 30px;
	width: 100px;
}

/* top searches / tag cloud */
div.tagCloud {
	border: 1px solid #cccccc;
	padding: 12px 12px;
	text-align: center;
}
div.tagCloud a {
	white-space: nowrap;
	margin: 0 4px;
	text-decoration: none;
	line-height: 1.2em;
}
div.tagCloud a:hover {
	background-color: #cce7ff;
}

div.tagCloud a.t1 {
	font-size: 1.0em;
}
div.tagCloud a.t2 {
	font-size: 1.1em;
}
div.tagCloud a.t3 {
	font-size: 1.2em;
}
div.tagCloud a.t4 {
	font-size: 1.4em;
}
div.tagCloud a.t5 {
	font-size: 1.5em;
}
div.tagCloud a.t6 {
	font-size: 1.6em;
}
div.tagCloud a.t7 {
	font-size: 1.7em;
}
div.tagCloud a.t8 {
	font-size: 1.8em;
}
div.tagCloud a.t9 {
	font-size: 1.9em;
}
div.tagCloud a.t10 {
	font-size: 2.0em;
}
div.tagCloud a.t11 {
	font-size: 2.1em;
}
div.tagCloud a.t12 {
	font-size: 2.2em;
}
div.tagCloud a.t13 {
	font-size: 2.3em;
}
div.tagCloud a.t14 {
	font-size: 2.4em;
}
div.tagCloud a.t15 {
	font-size: 2.5em;
}
div.tagCloud a.t16 {
	font-size: 2.6em;
}
div.tagCloud a.t17 {
	font-size: 2.7em;
}
div.tagCloud a.t18 {
	font-size: 2.8em;
}
div.tagCloud a.t19 {
	font-size: 2.9em;
}
div.tagCloud a.t20 {
	font-size: 3.0em;
}

/* ROTISSERIE */
div.rotisserie {
	position: relative;
	width: 718px;
	height: 246px;
	margin: 12px 0 0 0;
	z-index: 10;
}

div.rotisserie div.primary {
	position: absolute;
	left: 0;
	top: 0;
	width: 488px;
	height: 246px;
	background-color: #000000;
	background-position: left top;
	background-repeat: no-repeat;
	overflow: hidden;
}
div.rotisserie div.primary a.anchor {
	display: block;
	width: 488px;
	height: 246px;
	text-decoration: none;
	cursor: pointer;
}
div.rotisserie div.primary div.text {
	display: block;
	position: absolute;
	top: 190px;
	width: 488px;
	height: 56px;
	background: url('/images/rotisserie/splice.png') no-repeat 0 -275px;
	overflow: hidden;
}
div.rotisserie div.primary a.anchor:hover div.text {
	background: url('/images/rotisserie/splice.png') no-repeat 0 -650px;
}
div.rotisserie div.primary div.text .title {
	padding: 12px 10px 4px 16px;
	font-size: 18px;
	font-weight: normal;
	color: #ffffff;
}
div.rotisserie div.primary a.anchor:hover div.text .title {
	text-decoration: underline;
}
div.rotisserie div.primary div.text div.description {
	clear: left;
	font-size: 12px;
	color: #c2daf2;
	padding: 0 10px 0 16px;
}
div.rotisserie div.primary div.text .subtitle {
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}
div.rotisserie div.primary div.arrow {
	float: left;
	background: url('/images/rotisserie/splice.png') no-repeat -300px -375px;
	width: 16px;
	height: 16px;
	margin: 12px 2px 0 16px;
}
div.rotisserie div.primary div.corners {
	position: absolute;
	left: 0;
	top: 0;
	width: 488px;
	height: 246px;
	background: url('/images/rotisserie/splice.png') no-repeat 0 0;
}

div.rotisserie div.list {
	position: absolute;
	left: 488px;
	top: 0;
	width: 230px;
	height: 246px;
	overflow: hidden;
	background-color: #000000;
}
div.rotisserie div.list div.trc {
	position: absolute;
	left: 222px;
	top: 0;
	width: 8px;
	height: 8px;
	background: url('/images/rotisserie/splice.png') no-repeat -712px 0;
}
div.rotisserie div.list div.brc {
	position: absolute;
	left: 222px;
	top: 238px;
	width: 8px;
	height: 8px;
	background: url('/images/rotisserie/splice.png') no-repeat -712px -238px;
}

div.rotisserie div.secondaryImage {
	position: absolute;
	left: 0;
	width: 230px;
	height: 82px;
	background-position: left top;
	background-repeat: no-repeat;
}
div.rotisserie div.secondary {
	position: absolute;
	left: 0;
	width: 230px;
	height: 82px;
}
div.rotisserie div.secondary1 {
	top: 0;
}
div.rotisserie div.secondary2 {
	top: 82px;
}
div.rotisserie div.secondary3 {
	top: 164px;
}
div.rotisserie div.secondary a.anchor {
	display: block;
	width: 230px;
	height: 82px;
	cursor: pointer;
}
div.rotisserie div.secondary a.anchor:hover {
	background: url('/images/rotisserie/splice.png') no-repeat 0 -550px;
}
div.rotisserie div.secondary1 div.shadow-top {
	display: none;
}
div.rotisserie div.secondary2 div.shadow-top, div.rotisserie div.secondary3 div.shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 230px;
	height: 10px;
	background: url('/images/rotisserie/splice.png') no-repeat 0 -350px;
}
div.rotisserie div.secondary div.shadow-left {
	position: absolute;
	left: 0;
	top: 0;
	width: 10px;
	height: 82px;
	background: url('/images/rotisserie/splice.png') no-repeat 0 -450px;
}
div.category-rotisserie div.rotisserie div.primary {
	background-position: center top;
}
div.category-rotisserie div.rotisserie div.primary,
div.category-rotisserie div.rotisserie div.primary a.anchor,
div.category-rotisserie div.rotisserie div.primary div.text,
div.category-rotisserie div.rotisserie div.primary div.corners {
	width: 448px;
}
div.category-rotisserie div.rotisserie div.list {
	left: 448px;
}

/* Facebook */
div.facebookLikeBox {
	margin: 20px 0;
}

/* Twitter */
div.twtr-tweet p {
	font-size: 11px;
}
a.twtr-join-conv {
	font-size: 12px;
}

/* Recommendations in footer */
#footer .recommendations {
	background-color: #fff;
	border: 1px solid #99cc00;
	margin-bottom: 10px;
}

#footer .recommendations h2.title {
	background-color: #c6f43b;
	border-bottom: 1px solid #99cc00;
	color: #4d6600;
	padding: 8px 12px;
}

#footer .recommendations sup { font-size: 12px; }

#footer .recommendations .content {
	padding: 16px 0;
}

#footer .recommendations .history {
	float: left;
	width: 180px;
	padding-left: 13px;
}

#footer .recommendations h4 {
	color: #999;
	font-size: 1.2em;
	font-weight: normal;
	margin-bottom: 8px;
}

#footer .recommendations .products {
	margin-left: 220px;
	padding-right: 20px;
}

#footer .recommendations .history div.title {
	height: auto;
	margin-top: 0;
}

#footer .recommendations div.feature {
	margin-top: 0;
}

.loading .recommendations {
	background: url('/images/icons/spinner.gif') no-repeat center center;
	min-height: 80px;
}
.loading .recommendations * {
	visibility: hidden;
}

#footer .recommendations p.manage {
	font-size: 1.2em;
	margin-left: 13px;
	margin-bottom: 0;
	width: 230px;
}

#footer .recommendations p.off {
	font-size: 1.3em;
	margin: 0;
	text-align: center;
}

/* Grey Button Large */
a.greyButtonLarge {
	display: block;
	height: 32px;
	overflow: hidden;
	padding: 0 0 0 8px;
	background: url('/images/buttons/grey-large.png') no-repeat left top;
	color: #0f6ecd;
	font-size: 14px;
	font-weight: bold;
	line-height: 31px;
	text-decoration: none;
	text-align: center;
}
a.greyButtonLarge span {
	display: block;
	height: 32px;
	padding: 0 8px 0 0;
	background: url('/images/buttons/grey-large.png') no-repeat right -36px;
	cursor: pointer;
}
a.greyButtonLarge span strong {
	display: block;
	height: 32px;
	padding: 0 5px;
	background: url('/images/buttons/grey-large.png') repeat-x left -72px;
	cursor: pointer;
}
a.greyButtonLarge:hover {
	background-position: left -108px;
	color: #66b3ff;
	text-decoration: none;
}
a.greyButtonLarge:hover span {
	background-position: right -144px;
}
a.greyButtonLarge:hover span strong {
	background-position: left -180px;
}
a.greyButtonLarge:active {
	background-position: left -216px;
}
a.greyButtonLarge:active span {
	background-position: right -252px;
}
a.greyButtonLarge:active span strong {
	background-position: left -288px;
}

/* Grey Button Small */
a.greyButtonSmall {
	display: block;
	height: 26px;
	overflow: hidden;
	padding: 0 0 0 8px;
	background: url('/images/buttons/grey-small.png') no-repeat left top;
	color: #0f6ecd;
	font-size: 12px;
	font-weight: bold;
	line-height: 25px;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
}
a.greyButtonSmall span {
	display: block;
	height: 26px;
	padding: 0 8px 0 0;
	background: url('/images/buttons/grey-small.png') no-repeat right -30px;
	cursor: pointer;
}
a.greyButtonSmall span strong {
	display: block;
	height: 26px;
	padding: 0 5px;
	background: url('/images/buttons/grey-small.png') repeat-x left -60px;
	cursor: pointer;
}
a.greyButtonSmall:hover {
	background-position: left -100px;
	color: #66b3ff;
	text-decoration: none;
}
a.greyButtonSmall:hover span {
	background-position: right -130px;
}
a.greyButtonSmall:hover span strong {
	background-position: left -160px;
}
a.greyButtonSmall:active {
	background-position: left -200px;
}
a.greyButtonSmall:active span {
	background-position: right -230px;
}
a.greyButtonSmall:active span strong {
	background-position: left -260px;
}

/* Grey Button Tiny */
a.greyButtonTiny {
	display: block;
	height: 18px;
	overflow: hidden;
	padding: 0 0 0 6px;
	background: url('/images/buttons/grey-tiny.png') no-repeat left top;
	color: #0f6ecd;
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;
	line-height: 18px;
	text-decoration: none;
	text-align: center;
}
a.greyButtonTiny span {
	display: block;
	height: 18px;
	padding: 0 6px 0 0;
	background: url('/images/buttons/grey-tiny.png') no-repeat right -22px;
}
a.greyButtonTiny span strong {
	display: block;
	height: 18px;
	padding: 0 2px;
	background: url('/images/buttons/grey-tiny.png') repeat-x left -44px;
}
a.greyButtonTiny:hover {
	background-position: left -68px;
	color: #66b3ff;
	text-decoration: none;
}
a.greyButtonTiny:hover span {
	background-position: right -90px;
}
a.greyButtonTiny:hover span strong {
	background-position: left -112px;
}
a.greyButtonTiny:active {
	background-position: left -134px;
}
a.greyButtonTiny:active span {
	background-position: right -156px;
}
a.greyButtonTiny:active span strong {
	background-position: left -178px;
}

/* Orange Button Large */
.buttonLarge {
	display: block;
	height: 32px;
	overflow: hidden;
	padding: 0 0 0 8px;
	background-repeat: no-repeat;
	background-position: left top;
	color: #fff !important;
	font-size: 14px;
	font-weight: bold;
	line-height: 32px;
	text-decoration: none;
	text-align: center;
}

.buttonLarge span {
	display: block;
	height: 32px;
	padding: 0 8px 0 0;
	background-position: right -36px;
	cursor: pointer;
}

.buttonLarge span strong {
	display: block;
	height: 32px;
	padding: 0 5px;
	background-position: left -72px;
	cursor: pointer;
}

.buttonLarge:hover {
	background-position: left -108px;
	color: #ffffff;
	text-decoration: none;
}

.buttonLarge:hover span {
	background-position: right -144px;
}

.buttonLarge:hover span strong {
	background-position: left -180px;
}

.buttonLarge:active {
	background-position: left -216px;
}

.buttonLarge:active span {
	background-position: right -252px;
}

.buttonLarge:active span strong {
	background-position: left -288px;
}

.buttonLarge.orange, .buttonLarge.orange span, .buttonLarge.orange span strong {
	background-image: url('/images/buttons/orange-large.png');
}

.buttonLarge.green, .buttonLarge.green span, .buttonLarge.green span strong {
	background-image: url('/images/buttons/green-large.png');
}

.buttonLarge.blue, .buttonLarge.blue span, .buttonLarge.blue span strong {
	background-image: url('/images/buttons/blue-large.png');
}

/* grey submit button */
input.greySubmitSmall {
	width: 96px;
	height: 27px;
	background: url('/images/buttons/grey-submit-small.png') no-repeat left top;
	margin: 0;
	border: none;
	font-size: 12px;
	font-weight: bold;
	color: #297acc;
	cursor: pointer;
}
input.greySubmitSmall:hover {
	background-position: left -40px;
}
input.greySubmitSmall:active {
	background-position: left -80px;
}

input.greySubmitXSmall {
	width: 68px;
	height: 27px;
	background: url('/images/buttons/grey-submit-xsmall.png') no-repeat left top;
	margin: 0;
	border: none;
	font-size: 12px;
	font-weight: bold;
	color: #297acc;
	cursor: pointer;
}
input.greySubmitXSmall:hover {
	background-position: left -40px;
}
input.greySubmitXSmall:active {
	background-position: left -80px;
}

/* recommendations voting */
input.recommendationHelpfulButton {
	width: 51px;
	height: 23px;
	padding: 0 0 2px 0;
	border: 0;
	background: url('/images/product/review-helpful-button.png') no-repeat 0 0;
	font-size: 12px;
	font-weight: bold;
	line-height: 21px;
	color: #297acc;
	text-decoration: none;
	cursor: pointer;
}

input.recommendationHelpfulButton:hover {
	background: url('/images/product/review-helpful-button.png') no-repeat 0 -34px;
}

input.recommendationHelpfulButton:active {
	background: url('/images/product/review-helpful-button.png') no-repeat 0 -68px;
}

div.helpful {
	margin-top: 8px;
	font-size: 1.2em;
	color: #666666;
	text-align: right;
}

div.advertisement {
	text-align: center;
	display: none;
}
div.advertisement-strip {
	position: relative;
	width: 958px;
	margin: 0 auto;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
div.advertisement-strip div.advertisementTimer {
	position: absolute;
	right: 0;
	top: 20px;
	width: 200px;
	text-align: center;
	font-family: Arial;
	font-size: 24px;
}
div.advertisement-strip div.advertisementTimer  span.unit {
	font-size: 10px;
}

/* OVERLAY */

div#blackOut {
	position: fixed;
	z-index: 9998;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000000;
}

.overlay {
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.overlay .overlayOuterBox {
	position: absolute;
	background: #000000;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
}

.overlay .overlayContent {
	position: absolute;
	border: 1px solid #666666;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;

	background: #ffffff url('/images/overlay/title-background2.png') repeat-x;
}

.loading .overlayContent {
	background: #ffffff url('/images/spinner.gif') no-repeat center;
}

.error .overlayContent {
	background: #ffffff;
}

.overlay .overlayTitle {
	height: 49px;
	color: #ffffff;
	padding-left: 14px;
}

.overlay .overlayTitle .title {
	padding: 11px 0 0 0;
	font-size: 20px;
	font-weight: bold;
	line-height: normal;
}

.overlay .overlayTitle a.close {
	display: block;
	position: absolute;
	width: 180px;
	height: 32px;
	right: 8px;
	top: 7px;
	background: url('/images/overlay/close.png') no-repeat right top;
	color: #ffffff;
	padding-right: 32px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	text-align: right;
	line-height: 32px;
}

.overlay .overlayTitle a.close:hover {
	background-position: right -44px;
	text-decoration: underline;
}

.overlay .content {
	padding: 14px 0;
}

.overlay h2.title {
	font-size: 1.6em;
	font-weight: bold;
	padding-left: 16px;
}

.overlay .overlayMessage {
	font-size: 1.4em;
	margin: 14px 14px 0 14px;
}

/* overlay forms */
.overlay ul.form .input-text, .overlay ul.form textarea, .overlay ul.form select {
	font-size: 1.3em;
}

.overlay ul.form textarea {
	height: 100px;
}

.overlay ul.form div.label {
	font-size: 1.3em;
}

.overlay a.cancel {
	font-size: 1.3em;
	line-height: 25px;
	margin-left: 10px;
}

.overlay div.error {
	display: none;
}

/* TROLLEY OVERLAY */

#trolleyOverlay .overlayOuterBox {
	width: 787px;
	height: 442px;
}

#trolleyOverlay .overlayContent {
	width: 765px;
	height: 420px;
	background: #ffffff url('/images/overlay/title-background2.png') repeat-x;
}

#trolleyOverlay.loading .overlayContent {
	background: #ffffff url('/images/spinner.gif') no-repeat center;
}

#trolleyOverlay.error .overlayContent {
	background: #ffffff;
}

#trolleyOverlay .overlayTitle {
	background-image: url('/images/overlay/trolley-small.png');
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding-left: 58px;
}

div#trolleyOverlay div.productBar {
	margin: 12px 12px 0;
	font-size: 14px;
	line-height: 20px;
	height: 20px;
	overflow: hidden;
}

div#trolleyOverlay div.productBar span.intro {
	font-size: 12px;
	font-weight: bold;
	color: #999999;
}

div#trolleyOverlay div.productBar a {
	text-decoration: none;
}

div#trolleyOverlay div.productBar a:hover {
	text-decoration: underline;
}

div#trolleyOverlay div.optionBar {
	height: 38px;
	margin: 12px;
}

div#trolleyOverlay div.trolleyInfo {
	float: left;
	width: 393px;
	height: 28px;
	overflow: hidden;
	background-color: #e6e6e6;
	padding: 5px;
	font-size: 12px;
	line-height: 28px;
	color: #666666;
}

div#trolleyOverlay a.viewTrolleyButton {
	display: block;
	float: left;
	overflow: hidden;
	width: 126px;
	height: 28px;
	padding-left: 25px;
	background: url('/images/buttons/trolley-grey.png') no-repeat left top;
	font-size: 14px;
	line-height: 28px;
	color: #297acc;
	text-align: center;
	text-decoration: none;
}

div#trolleyOverlay a.viewTrolleyButton:hover {
	background-position: 0 -36px;
}

div#trolleyOverlay a.viewTrolleyButton:active {
	background-position: 0 -72px;
}

div#trolleyOverlay div.trolleyItemCount {
	float: left;
	width: 107px;
	margin-left: 15px;
}

div#trolleyOverlay div.trolleyTotal {
	float: right;
	width: 110px;
	margin-right: 10px;
	text-align: right;
}

div#trolleyOverlay div.checkoutInfo {
	float: right;
	width: 316px;
	height: 28px;
	overflow: hidden;
	border: 1px solid #e63900;
	padding: 4px;
	font-size: 12px;
	line-height: 28px;
	color: #e63900;
}

div#trolleyOverlay div.readyToOrder {
	float: left;
	width: 119px;
	margin-right: 5px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}

div#trolleyOverlay a.checkoutButton {
	display: block;
	float: right;
	overflow: hidden;
	width: 172px;
	height: 28px;
	padding-right: 18px;
	background: url('/images/buttons/checkout-small2.png') no-repeat left top;
	font-size: 14px;
	line-height: 28px;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
}

div#trolleyOverlay a.checkoutButton:hover {
	background-position: 0 -36px;
}

div#trolleyOverlay a.checkoutButton:active {
	background-position: 0 -72px;
}

div#trolleyOverlay h2.relatedProducts {
	clear: both;
	height: 18px;
	padding: 1px 12px 7px;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
}

div#trolleyOverlay div.relatedProducts {
	border-top: 1px solid #cccccc;
}

div#trolleyOverlay div.relatedProducts div.feature {
	margin: 0;
}

div#trolleyOverlay div.listContainer {
	overflow: hidden;
	height: 250px;
}

div#trolleyOverlay div.relatedProducts table.cols {
	border: none;
}

div#trolleyOverlay div.pages {
	right: 8px;
}

div#trolleyOverlay div.trolleyOverlayError {
	padding: 20px;
	text-align: center;
}

div#trolleyOverlay div.trolleyOverlayError .errorTitle {
	color: #ee0000;
	font-weight: bold;
}

/* LIGHTBOX */

#lightbox .overlayOuterBox {
	width: 980px;
	height: 525px;
}

#lightbox .overlayContent {
	width: 958px;
	height: 503px;
	background: url('/images/overlay/white-alpha80.png') repeat;
}

#lightbox.loading .overlayContent {
	background: #ffffff url('/images/spinner.gif') no-repeat center;
}

#lightbox.error .overlayContent {
	background: #ffffff;
}

#lightbox .overlayTitle {
	height: 42px;
	overflow: hidden;
	padding: 0 138px 0 10px;
	text-align: center;
}
#lightbox .overlayTitle a.close {
	top: 9px;
	right: 10px;
	width: 96px;
	height: 24px;
	padding-right: 32px;
	background: url('/images/overlay/lightbox/close.png') no-repeat right top;
	color: #666666;
	line-height: 24px;
}
#lightbox .overlayTitle a.close:hover {
	background-position: right -52px;
	color: #e63900;
	text-decoration: none;
}
#lightbox .overlayTitle a.title {
	padding: 0;
	line-height: 42px;
	font-size: 15px;
	text-decoration: none;
}
#lightbox .overlayTitle .count {
	margin-left: 10px;
	line-height: 42px;
	font-size: 12px;
	color: #666666;
}
#lightboxViewport {
	position: absolute;
	left: 10px;
	top: 42px;
	width: 800px;
	height: 450px;
	border: 1px solid #999999;
	border-right: none;
	background: url('/images/overlay/lightbox/checkerboard.png') repeat left top;
}
#lightboxViewport img {
	position: absolute;
	display: block;
}
#lightboxThumbnails {
	position: absolute;
	left: 800px;
	top: 42px;
	width: 146px;
	height: 450px;
	border: 1px solid #999999;
	border-left: none;
	overflow: auto;
	overflow-y: scroll;
	overflow-x: hidden;
}
#lightboxThumbnailsContainer {
	min-height: 444px;
	margin-left: 10px;
	padding: 3px 0 3px 3px;
	background: #000000;
}
#lightboxThumbnails img {
	display: block;
	margin: 1px 0 0 0;
	border: 2px solid #000000;
	cursor: pointer;
}
/*#lightboxThumbnails img:hover {
	border: 2px solid #297acc;
}*/
#lightboxThumbnails img.active {
	border: 2px solid #e63900;
}
#lightboxThumbnails img.first {
	margin-top: 0;
}
#lightboxTriangle {
	position: absolute;
	left: 2px;
	top: 0;
	width: 11px;
	height: 21px;
	background: url('/images/overlay/lightbox/orange-arrow.png') no-repeat 0 0;
}
#lightbox .arrow {
	position: absolute;
	top: 244px;
	width: 56px;
	height: 56px;
	cursor: pointer;
}
#lightbox .arrow div {
	width: 56px;
	height: 56px;
	background: url('/images/overlay/lightbox/arrows.png') no-repeat 0 0;
}
#lightboxPrevArrow.arrow {
	left: 25px;
}
#lightboxPrevArrow.arrow div {
	background-position: 0 0;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/overlay/lightbox/arrow-prev.png');
}
#lightboxPrevArrow.arrow.mousedown div {
	background-position: 0 -94px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/overlay/lightbox/arrow-prev-down.png');
}
#lightboxNextArrow.arrow {
	left: 740px;
}
#lightboxNextArrow.arrow div {
	background-position: -94px 0;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/overlay/lightbox/arrow-next.png');
}
#lightboxNextArrow.arrow.mousedown div {
	background-position: -94px -94px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/overlay/lightbox/arrow-next-down.png');
}

/* stuff */

div.creators ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div.creators li {
	line-height: 1em;
	padding: 4px 0 4px 0;
}

input.image {
	border: 0;
	color: #297acc;
	font-size: 1.4em;
	font-weight: bold;

	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}

input.image:hover {
	color: #66b3ff;
}

a.button {
	display: block;
	text-decoration: none;
}

/* form container */
div.form {
	background-color: #ebf5ff;
	padding: 10px;
	margin: 15px 0;
}

div.form .content, div.formContent {
	background-color: #fff;
	border: 1px solid #abd0f5;
	padding: 12px 0 12px 0;
}

div.centered {
	width: 500px;
	margin: 0 auto;
}

ul.form {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.form div.label {
	color: #000;
	font-size: 1.4em;
	margin: 0 0 5px 0;
	padding: 0;
}

ul.form div.field { margin: 5px 0; }
ul.form div.error { margin: 5px 0 0 0; }

ul.form input[type=text], ul.form input[type=password], ul.form textarea, ul.form select {
	font-size: 1.6em;
	font-weight: bold;
	border: 1px solid #abadb3;
	padding: 4px;
}

ul.form input {
	font-size: 1.6em;
}

ul.form div.field label {
	font-size: 1.4em;
}

ul.form div.field span.literal {
	font-size: 1.4em;
}

ul.form input.email { width: 280px; }

ul.form input.postCode { width: 80px; }

ul.form span.note, ul.form span.description { margin-left: 5px; color: #666; font-size: 13px; }
ul.form span.note a { text-decoration: underline; }

ul.form li.field, fieldset.submit {
	font-size: 1em;
	margin: 0 0 1px 0;
	padding: 8px 18px;
}

ul.form li.field span.value {
	font-size: 1.4em;
	font-weight: bold;
}

ul.form li.error { background-color: #fff5cc; }

ul.form div.error {
	background: url(/images/icons/icon-error-19x17.png) no-repeat left center;
	color: #c30;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 17px;
	margin-top: 8px;
	padding-left: 23px;
}

/* note below element - default */
ul.form p.note, ul.form p.description { color: #666; margin: 8px 0 0 0; font-size: 13px; }
ul.form p.note a { text-decoration: underline; }

/* note above element - use in conjunction with p.note */
ul.form p.above { margin: 0 0 8px 0; }

input.line { width: 20em; margin: 0 0 4px 0; }

ul.form span.line { display: block; }

.inline ul.form div.label { float: left; clear: left; width: 120px; padding-top: 5px; }
.inline ul.form div.field { margin-left: 130px; margin-top: 0; margin-bottom: 0; padding-top: 3px; }
.inline ul.form li.field { overflow: auto; }
.inline fieldset.submit { padding-left: 130px; }

fieldset { border: 0; padding: 0; margin: 0; }

fieldset h2 { font-size: 17px; color: #000; font-weight: bold;  }
fieldset h2.legend { margin: 0 18px 6px 18px; padding: 6px 0 0 0; }

div.hidden { display: none; }

span.req { color: #c00; font-weight: bold; }

ul.options { list-style: none; margin: 0; padding: 0; }
ul.options li { margin: 0 0 4px 0; }
ul.options span.info { color: #999; }

div.errorSummary {
	border: 2px solid #f7dfdf;
	border-width: 2px 0;
	color: #c00;
	padding: 1px 25px;
	margin: 20px 0;
}

div.errorSummary p { margin: 10px 0; font-size: 16px; font-weight: bold; }
div.errorSummary ul { margin: 10px 0; font-size: 13px; line-height: 1.4em; }

/* note about required fields */
p.required { color: #000; margin-bottom: 15px; }

/* ajax validation messages */
.validation-loading { background: #fff7d9 url(/images/spinner.gif) no-repeat 12px 50%; padding-left: 36px; color: #806600; }
.validation-failure { background-color: #f7dfdf; color: #900; }
.validation-success { background-color: #E4F7DF; color: #186600; }

p.validation-message { font-size: 12px; padding: 8px 12px; display: none; margin: 10px 0 0 0; }

div.guidelines h2 {
	font-size: 1.4em;
	font-weight: bold;
}

div.guidelines p {
	font-size: 1.2em;
	color: #666;
}

ul.log {
	color: #666;
	list-style: none;
	margin: 1em 0;
	padding: 8px 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	height: 200px;
	overflow: scroll;
}

ul.log li {
	font-size: 1.1em;
}

/* POPUP */

div.popup {
	background-color: #fff;
	border: 1px solid #999;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 4px 5px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 4px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 4px 5px rgba(0,0,0,0.3);
	padding: 8px;
	position: absolute;
	text-align: left;

	z-index: 100;
	display: none;
}

div.popup div.confirmationMessage {
	background: url(/images/icons/icon-tick-orange.png) no-repeat left center;
	color: #e63900;
	padding: 4px 10px 4px 24px;
	font-size: 14px;
	margin-bottom: 8px;
	margin-right: 40px;
}

div.popup a.close {
	background: url(/images/buttons/popup-close-grey.png) no-repeat left center;
	color: #999;
	float: right;
	font-weight: bold;
	height: 18px;
	line-height: 18px;
	width: 18px;
	text-align: center;
	text-decoration: none;
}

div.popup a.close span {
	visibility: hidden;
}

div.popup div.submit {
	margin-top: 5px;
	text-align: center;
}

div.popup div.submit a.cancel {
	margin-left: 10px;
	text-decoration: none;
}

div.popup div.submit input.save {
	background: url(/images/buttons/grey-71x25.png) no-repeat left center;
	border: 0;
	color: #297acc;
	cursor: pointer;
	font-weight: bold;
	height: 25px;
	line-height: 25px;
	padding-bottom: 2px;
	width: 71px;
}

div.confirmation h1 {
	font-size: 2em;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 10px;
}

div.confirmation h2 {
	font-size: 1.6em;
	font-weight: normal;
}

div.confirmation ul.arrows {
	list-style: none;
	margin: 10px 0;
	padding: 0 0 0 10px;
}

div.confirmation ul.arrows li {
	background: url(/images/icons/icon-arrow-red.png) no-repeat left center;
	padding: 3px 0 3px 12px;
}

#primeApeSplash {
	background: #f6efd0 url(/images/prime-ape/splash-bottom.png) no-repeat bottom;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin: 0 10px;
	padding-bottom: 50px;
}

#primeApeSplash div.join {
	background: url(/images/prime-ape/splash-top.png) no-repeat top;
	min-height: 468px;
	position: relative;
}

#primeApeSplash h1 {
	background: url(/images/prime-ape/become-a-prime-ape.png) no-repeat 0 0;
	margin: 0 0 0 108px;
	height: 172px;
	width: 850px;
}

#primeApeSplash h2 {
	background: url(/images/prime-ape/get-free-delivery.png) no-repeat 0 0;
	margin: -10px 0 0 340px;
	height: 46px;
	text-align: center;
}

#primeApeSplash h1 span, #primeApeSplash h2 span {
	visibility: hidden;
}

#primeApeSplash div.content {
	margin: 30px 50px 0 250px;
}

#primeApeSplash div.button {
	width: 300px;
	margin: 0 auto 30px auto;
	position: relative;
}

#primeApeSplash div.button img.specialOffer {
	position: absolute;
	top: -30px;
	left: 250px;
}

#primeApeSplash div.message-box {
	width: 300px;
	height: 70px;
	margin: 0 auto 30px auto;
	padding: 10px 20px;
	background: url(/images/prime-ape/message-box.png) no-repeat 0 0;
	text-align: center;
}

#primeApeSplash div.message-box .title {
	font-size: 24px;
	line-height: 38px;
	font-weight: bold;
	color: #e63900;
}

#primeApeSplash div.message-box .description {
	font-size: 12px;
	line-height: 15px;
}

#primeApeSplash div.reason {
	background: url(/images/icons/icon-tick-orange-alt-large.png) no-repeat 0 0;
	padding-left: 40px;
	float: left;
	font-size: 1.6em;
	line-height: 1.3em;
	margin-right: 20px;
	width: 265px;
}

#primeApeSplash img.ape {
	position: absolute;
	left: -10px;
	top: 5px;
	width: 281px;
	height: 467px;
}

ul.subscriptionReasons {
	list-style: none;
	margin: 3em 0 0 0;
	padding: 0;
}

ul.subscriptionReasons li {
	font-size: 1em;
	padding-top: 10px;
	padding-bottom: 20px;
}

ul.subscriptionReasons li.save {
	background: url(/images/prime-ape/monkey-save-money.png) no-repeat left top;
	margin-left: 20px;
	padding-left: 170px;
	padding-right: 60px;
}

ul.subscriptionReasons li.delivery {
	background: url(/images/prime-ape/monkey-fast-shipping.png) no-repeat right top;
	margin-right: 20px;
	padding-left: 60px;
	padding-right: 170px;
	text-align: right;
}

ul.subscriptionReasons li.gifts {
	background: url(/images/prime-ape/monkey-gifts.png) no-repeat left top;
	margin-left: 20px;
	padding-left: 170px;
	padding-right: 60px;
}

ul.subscriptionReasons h3 {
	color: #b37700;
	font-size: 2.4em;
	font-weight: normal;
	margin: 0;
}

ul.subscriptionReasons p {
	font-size: 1.6em;
	line-height: 1.3em;
	margin: 0 0 0.5em 0;
}

a.join {
	background: url(/images/buttons/orange-300x90.png) no-repeat 0 0;
	color: #fff;
	display: block;
	width: 300px;
	height: 90px;
	text-align: center;
	text-decoration: none;
}

a.join:hover {
	background-position: 0 -105px;
	color: #fff;
}

a.join:active {
	background-position: 0 -210px;
	color: #fff;
}

a.join span.join, a.join span.price {
	display: block;
}

a.join span.join {
	line-height: 1em;
	font-size: 3.6em;
	font-weight: bold;
	padding-top: 16px;
	padding-bottom: 4px;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.25);
}

a.join span.price {
	font-size: 1.6em;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.25);
}

a.join span.price b {
	font-size: 1.125em;
}

a.join span.old {
	text-decoration: line-through;
}

p.coverage {
	margin: 2em 0 1em 0;
	text-align: center;
}
