/* Product Search */
div#content {
	
}

div#center {
	float:left;
	margin-left: 18.4em;
	width: 61.4em;
	padding: 0 1em;
}

div#navigation {
	position: relative;
	float:left;
	width:18.4em;
	right:18.4em;
	margin-left: -63.4em;
}

body#page-list div#left {
	float:left;
	width: 79.8em;
	padding: 0 1em;
}

div#navigation h4 {
	margin:0;
	border: 0.1em solid #959698;
	font-size: 1em;
	padding: 1em;
	background: url("../../images/refine_bgrnd.gif") no-repeat top right;
}

div#navigation h4 span {
	font-size: 1.5em;
}

li.facet {
	padding: 0 1.08em 1.7em;
	margin: 0;
	background: url("../../images/curve_white_middle.gif") no-repeat bottom left;	
	border-right: 0.1em solid #959698;
	cursor: pointer;
}

li.last-facet {
	background: url("../../images/curve_white.gif") no-repeat bottom left;	
}

li.facet strong,
li.facet a {
	font-size: 1.2em;
}

li.emptyFacet {
	display:none;
}

li.facet h5 {
	margin: 0;
	padding:0.5em 0;
	font-weight: bold;
}

li.facet a.remove {
	position: absolute;
	top: 0.1em;
	left: 0;
	width: 1.3em;
	height: 1.3em;
	text-indent: -1000px;
	background: url("../../images/buttons/delete-search.gif") no-repeat top left;
	overflow: hidden;
}

li.selectedFacet li.selected {
	position: relative;
}

li.facet strong {
	padding-left: 1.5em;
}

li.facet span.more {
	float: right;
	margin-top: -0.1em;
	margin-right: -0.5em;
}

li.facet li div.info {
	display: none;
	height: 14.47em;
}

/* Product Listing */
ul#trail li {
	display:inline;
}

ul#trail li a {
	text-decoration:none;
	color:#959698;
}

div#other-results {
	border: 0.08em solid #959698;
	padding: 0.2em 0.8em;
	background-color: #F0F0F0;
	margin:0.4em 0;
}

div.info {
	position:relative;
	margin: 1em 0 1em 0;
	padding: 0.5em;
	clear: both;
	background-color: #f0f0f0;
	color: #444;
	border: solid 1px #ccc;
}

/* Search results pages */
body#page-list ol.page-results li {
	float: left;
	width: 19.2em;
	height: 17em;
	margin: 0 0 1em 1em;
	padding-top: 1.5em;
	overflow: hidden;
	background: url(../../images/page-search-box.gif) center left no-repeat;
}

body#page-list ol.page-results li.start {
	margin-left: 0;	
}

body#page-list ol.page-results li a {
	display: block;
	margin: 0 1.5em;
	font-weight: bold;
	font-size: 1.2em;
	color: #000;
}

body#page-list ol.page-results li img.screenshot {
	margin: 1.5em 0 0 2em;
	border: 0.1em solid #000;
}

span.strap {
	margin-right: 1em;
}

span.results {
}

span.pages {
	padding-left:1em;
}

span.pages .step, 
span.pages .nextLink {
	padding: 0.2em 0.5em;
}

span.pages .step:hover {
	background-color: rgb(225,225,225);
}

span.pages a {
	text-decoration:none;
}

span.pages .currentStep {
	border: 0.1em solid #959698;
	color:#282828;
	margin-left:0.2em;
	padding: 0.1em 0.5em;
	background-color: #fff;
}

span.sort {
	position: absolute;
	right: 0.5em;
	top: 0.5em;
}

h4.cant-find {
	text-align: center;
}

/* Product Search Results */
ol.productResults {
	margin-top:0.5em;
}

ol.productResults li {
	position: relative;
	float:left;
	width: 14.4em;
	height: 19.9em;
	margin-left:1em;
	margin-bottom:1em;
	border: 0.1em solid #959698;
	overflow: hidden;
}

ol.productResults li a.title {
	display:block;
	height:1.5em;	
	padding:0.25em 0.5em;
	overflow:hidden;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration:none;
	color: rgb(240,240,240);
	background-color: #505050;
}

ol.productResults li a.title:hover {
	text-decoration:underline;
}

ol.productResults li.start {
	margin-left:0;
}

ol.productResults li div.summary {
	display:none;
}

ol.productResults li div.overlay, 
ol.productResults li div.mask {
	position:absolute;
	top:2.4em;
	left:0;
	display:block;
	width: 14.4em;
	height: 17.7em;
	display:none;
}

ol.productResults li div.mask {
	background-color:black;
	-moz-opacity: 0.6;
	opacity: 0.6;
	filter: alpha(opacity=60);
	z-index: 10;
}

ol.productResults li div.overlay {
	z-index: 100;
	text-align: center;
}

ol.productResults li.hover div.overlay, ol.productResults li.hover div.mask {
	display:block;
}

div.overlay a {
	color:white;
	display:block;
}

div.overlay a.more {
	margin-top:1.2em;
	font-size:120%;
	font-weight:bold;
}
div.overlay div.price {
	font-weight: bold;
	font-size:140%;
}

div.overlay div.price span.original-price {
	display: block;
	position: relative;
	top:-1.5em;
	margin-right:8px;
	margin-bottom:-1.5em;
	font-weight: normal;
	text-decoration: line-through;
}

div.overlay a.walls {
	display:none;
	margin-top: 1.2em;
}
div.overlay a.sample {
	margin-top: 0;
}

div.overlay a.addtoBasket {
	background: url(../../images/basket-overlay.gif) center left no-repeat;
	height:25px;
	padding-top:8px;
	width:136px;
	margin-left:9px;
	font-weight: bold;
	font-size:120%;
}

div.overlay a.outofStock {
	height: 19px;
	padding: 1px 0 0 18px;
	margin-left: 23px;
	margin-top: 7px;
	font-weight: bold;
	font-size: 120%;
	text-align: left;
	background: url(../../images/buttons/icon-email.gif) center left no-repeat;
}

div.overlay a.stock-notification-text {
	margin-top: 3px;
	margin-bottom: -4px;	
}

div.price {
	margin-top:2.5em;
	color:white;
	font-size:120%;
	font-weight: bold;
}

li.empty {
	display:none;
}

ul.colours {
	display:table;
	width: 16em;
	margin-left:0.08em;
}

ul.colours li {
	display:block;
	width:1.5em;
	height:1.5em;
	float:left;
	border: 1px solid #a0a0a0;
	margin: 1px;
}

ul.colours li.colourSelected {
	display:block;
	width: 16em;
	height: auto;
	border: none;
	margin: 1px;
}

ul.colours li a {
	display:block;
	width:1.5em;
	height:1.5em;
	text-indent: -10000px;
}

ul.colours li.colourSelected a {
	text-indent: 0;
	width: auto;
}

ul.colours li.colour-yellow { background-color: rgb(235, 206, 126); }
ul.colours li.colour-terracotta {	background-color: rgb(212, 143, 88); }
ul.colours li.colour-red { background-color: rgb(176, 36, 42); }

ul.colours li.colour-pink { background-color: rgb(250, 176, 194); }
ul.colours li.colour-lilac { background-color: rgb(205, 175, 212); }
ul.colours li.colour-purple { background-color: rgb(149, 65, 111); }

ul.colours li.colour-light-blue { background-color: rgb(200, 226, 233); }
ul.colours li.colour-blue { background-color: rgb(112, 141, 185); }
ul.colours li.colour-navy-blue { background-color: rgb(39, 62, 111); }

ul.colours li.colour-pale-green { background-color: rgb(192, 212, 169); }
ul.colours li.colour-green { background-color: rgb(193, 175, 44); }
ul.colours li.colour-dark-green { background-color: rgb(86, 100, 35); }

ul.colours li.colour-white { background-color: rgb(255, 255, 255); }
ul.colours li.colour-cream { background-color: rgb(236, 231, 208); }
ul.colours li.colour-beige { background-color: rgb(198, 170, 160); }

ul.colours li.colour-stone { background-color: rgb(221, 205, 199); }
ul.colours li.colour-mocha { background-color: rgb(146, 115, 101); }
ul.colours li.colour-chocolate { background-color: rgb(73, 56, 41); }

ul.colours li.colour-grey { background-color: rgb(165, 163, 150); }
ul.colours li.colour-graphite { background-color: rgb(57, 45, 43); }
ul.colours li.colour-black { background-color: rgb(32, 33, 35); }

ul.colours li.empty { display:none}
ul.colours li.selected {
	border:solid 2px rgb(53,181,239);
	margin:0;
}

ul.colours li.selected:hover {
	background: url(../../images/buttons/delete-search.gif) center 0.1em no-repeat;
}


/* Page Listings */

body#page-list ol li {
	margin-top: 0.5em;	
}

body#page-list ol li div.summary {
	margin-top: 0.5em;
	margin-left: 2em;	
}

/* Contact Form */
div.inner form#contact div.comment {
	margin: 0.5em 0.5em 0;	
}

div.inner form#contact textarea {
	width: 99%;
}

#dialog form#contact div.comment label.error {
	margin-left: 0;
}

/* Fixes for spotlight page */
body.with-spotlight div#center {
	width: 74.4em;
	margin-left: 19.4em;
	padding: 0;
}

body.with-spotlight div#navigation {
	margin-left: -74.4em;
	right:19.4em;
}

body.with-spotlight h4.cant-find,
body.with-spotlight div.info {
	width: 60.2em;
}

body.with-spotlight ol.productResults {
	width: 61.4em;
}