/*====================================================================*/
/* Buying Solutions */
/* Updated on Mar 2009 */
/* Products Screen styles */
/*====================================================================*/

/* ------------------------------------------------------------------ */
/* =Structure */
/* ------------------------------------------------------------------ */

#content {width: 76.5%}

/* ------------------------------------------------------------------ */
/* =Logo */
/* ------------------------------------------------------------------ */

#header h1 {background: url(/graphics/logo_products.gif) no-repeat;}
	
/* ------------------------------------------------------------------ */
/* =Product page */
/* ------------------------------------------------------------------ */

div.product_info {overflow: hidden;}

div.product_info img {
	float: left;
	margin: 0 20px 1.5em 0;
	border: 1px solid #F1EDEA;
	padding: 5px;
	background: #fff;
	}

div.product_info div {overflow: hidden;}

#content p.product_price {
	margin-bottom: 0.5em;
	font-size: 1.7em;
	color: #B81C8C;
	}
	
	
	
	
/* ------------------------------------------------------------------ */
/* =Needs sorting/tidying */
/* ------------------------------------------------------------------ */

/* Filter search form */

#rightmenu {display: block;}

#rightmenu li.no-link {
	font-size: 0.9em;
	background:#F9F7F6;
	border:1px solid #E1E1E1;
	display:block;
	margin:1px 0;
	padding:4px 8px;
	text-decoration:none;
	z-index:1;
	}

#rightmenu form input.submit {
	color: #fff;
	background: #933c3d;
	border: 1px solid #520b0c;
	width: 2em;
	padding: 0;
	font-size: 1em;
	}

div.filter-notify {
	position: fixed;
	top: 0;
	z-index: 100000;
	width: 165px;
	text-align: center;
	}

div.filter-notify p {
	border: 1px solid #f0cf9c;
	padding: 15px 0;
	background: #fffcaf;
	}

span.link_details {
	border: 1px solid #691A1B;
	padding: 5px;
	position: absolute;
	top: 14px;
	left: 0;
	z-index: 2;
	background: #F9F7F6;
	width: 21em;
	text-align: left;
	font-size: 1.2em;
	}

span.link_details input {
	padding: 3px;
/* border:2px inset #691A1B;*/
	background: #fff;
 	width: 95%;
	margin: 5px 0 0 0;
	font-size: 0.8em;
	}


	
/* ---------------------------------------------------------------------------------*//* Product Filtering */

h2.search-list span {
	font-weight: normal;
	font-size: 0.7em;
	}

h2.search-list span a {
	padding: 0 1px;
	font-weight: normal;
	text-decoration: underline;
	}
	
h2.search-list span a:hover,
h2.search-list span a:focus,
h3.filter-list span a:hover,
h3.filter-list span a:focus {text-decoration: none;}
	
#content h3.filter-list {
	margin-bottom: 1em;
	font-weight: normal;
	font-size: 0.9em;
	color: #00457C;
	}
	
h3.filter-list span {font-size: 0.9em;}
	
h3.filter-list span a {
	padding: 0 1px;
	text-decoration: underline;
	color: #6a1a1b;
	font-weight: normal;
	}

#rightmenu ul.filters ol {
	list-style: none;
	margin: 4px;
	}

#rightmenu ul.filters ol label {
	display: block;
	position: relative;
	padding: 3px 5px 3px 18px;
	font-size: 0.85em;
	line-height: 1.1;
	cursor: pointer;
	}

#rightmenu ul.filters ol label:hover {background-color: #fff;}

#rightmenu ul.filters ol label input {
	position: absolute;
	left: 1px;
	top: 4px;
	}
	
#rightmenu ul.filters a.more-filters {
	display: block;
	margin: 5px 0;
	border: 1px solid #e1e1e1;
	padding: 5px 20px 5px 5px;
	background: #fff url(/graphics/navigation/blue_arrow_down.gif) no-repeat 95.5% 50%;
	color: #00457C;
	text-decoration: none;
	}

#rightmenu ul.filters a.more-filters:hover,
#rightmenu ul.filters a.more-filters:focus,
#rightmenu ul.filters a.loading {
	border-color: #00457C;
	background-color: #00457C;
	color: #fff;
	}		

#rightmenu ul.filters a.more-filters.loading {background-image: url(/graphics/product_store/left-menu-filter-loading-small.gif);}

#rightmenu ul.filters li.update a,
#rightmenu ul.filters li.update a:hover,
#rightmenu ul.filters li.update a:focus {
	border-color: #520b0c;
	background: #f9f7f6;
	color: #fff;
  margin: 0 0 13px 0;
	padding: 4px 8px;
	}

body div.loading p strong {visibility: hidden;}

#container_new #rightmenu ul li.loading a,
body div.loading p a/* ,
#rightmenu ul li.loading a:hover,
#rightmenu ul li.loading a:focus */ {
	background:  #F9F7F6 url(/graphics/product_store/left-menu-filter-loading-large.gif) no-repeat 50% 50%;
	}

#rightmenu ul li.update.loading a strong {
	visibility: hidden;
	}

#rightmenu ul li.update a strong {
	display: block;
	text-align: center;
	margin: 7px 10px;
	padding: 5px;
	background: #d0cece;
	border: 1px solid  #520b0c;
	color: #520b0c;
	}

#rightmenu ul li.nonjs_update {
	display: block;
	text-align: center;
   	margin: 0 0 13px 0;
	padding: 12px 3px;
	background: #F9F7F6;
	border: 1px solid  #520b0c;
	color: #520b0c;
	}

#rightmenu ul li.update a:hover strong {
	background: #6A1A1B;
	color: #fff;
	text-decoration: none;
	}
	
/* Product Listings */

#search-results .listing h3 {
	font-weight: normal;
	padding: 6px;
	}

#content h3.results_prefs {
	font-weight: normal;
	padding: 0;
	border: none;
	margin: 0;
	font-size: 1em;
	font-weight: bold;
	color: #fff;
	}

#content h3.results_prefs em {
	padding: 4px 0 0 0;
	}
		
#search-results .listing h3 label,
#content h3.results_prefs label {
	white-space: nowrap;
	font-size: 0.85em;
	margin-left: 2px;
	}

#search-results .listing option,
#content h3.results_prefs option {
	white-space: nowrap;
	}

#search-results .listing input,
#content h3.results_prefs input {
   	background:#fff;
	border:1px solid #520B0C;
	color: #6D2021;
	font-size:0.9em;
	font-weight: bold;
	padding:0;
	}

#search-results .listing input,
#content h3.results_prefs input.mark_for_scratchpad_product {
	border: none;
	background: none;
	}

#search-results .listing select,
#content h3.results_prefs select {
	font-size: 0.95em;
	margin-left: 2px;
	}

#search-results .listing h3 em,
#content h3.results_prefs em {
	float: left;
	font-style: normal;
	margin-right: 10px;
	}
	
#search-results .listing select#view,
.grid-listings select#view {
	width: 5.6em;
	}

#search-results .listing select#show,
.grid-listings select#show {
	width: 7.1em;
	}
	
#search-results .listing select#sort,
.grid-listings select#sort {
	width: 9.5em;
	}
	

		
/* ---------------------------------------------------------------------------------*//* Full listing styles */

/* ul#search-results ol.full-listings div.more-info {
	width: 90%;
	} */

ul#search-results ol.full-listings li {
	border: none;
	padding: 0px;
	margin: 1px 0;
	}
	
ul#search-results ol.full-listings li.active,
ul#search-results li.products ol.full-listings li.active {
	border: none;
	}

ol.full-listings .more-info {
	padding: 12px;
	background: #fff;
	}

 ol.full-listings .even .more-info {
	padding: 12px;
	background: #f9f7f6;
	}
	
ul#search-results li.products ol.full-listings li.active  {
	border: none;
	}
	
ul#search-results li.products ol.full-listings li.active div.more-info {
   	border-bottom: 1px solid #D7D7D7; 
	}
	
ul#search-results ol.full-listings li div.more-info p.icons {
	margin-right: 2px;
	}
	
ul#search-results ol.full-listings li div.more-info p.icons span {
	margin: -6px 0px 0 0;
	}
	

		
/* ---------------------------------------------------------------------------------*//* Grid listing styles */

div.grid-listings {padding: 0 5px;}
	
/* Grid styles */
	
div.grid-listings div.product-grid-item {
	float: left;
	position: relative;
	/* border-left: 1px solid #DADADA;  */
	border-bottom: 1px solid #DADADA;
	width: 33%;
	text-align: center;
	}
	
div.grid-listings div.even {background: #fff;}
	
div.grid-listings .product-grid-item .product_details {min-height: 230px;}
	
div.grid-listings div.product_details {padding: 8px;}
	
div.grid-listings img {
	border: 1px solid #e1e1e1;
	padding:2px;
	}

#content div.grid-listings h4 {
	overflow: hidden;
	margin: 4px 0;
	max-height: 3.4em;
	font-size: 1em;
	}

#content div.grid-listings h4 a {
	font-weight: bold;
	color: #B71A8B;
	text-decoration: none;
	}
	
#content div.grid-listings p {
	font-size: 0.9em;
	margin: 0;
	}
	
#content div.grid-listings p.supplier {
	max-height: 3.75em;
	line-height: 1.2em;
	overflow: hidden;
	}
	
div.product_icons {
	margin: 2px 0;
	}
	
div.product_icons span {
	display: block;
	text-indent: -10000px;
	height: 18px;
	margin: 0 auto;
	}

div.grid-listings .product_pricing {
	background: #F1EDEA;
	border-top: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	padding: 4px 8px;
	}

div.grid-listings .product_pricing p.add-basket,
.full-listings p.add-basket {
	float: right;
	display: block;
	text-align: right;
	}

#content div.grid-listings .product_pricing a.basket {
	display: block;
	}

div.grid-listings .has-offers .item-offers p.add-basket {
	position: relative;
	top: 5px;
	}

#content ol.full-listings p.price  {
	padding-top:5px;
	}

#content ul#search-results ol.full-listings p.price-old  {
	line-height: 2.2em;
	}

ul#search-results ol.full-listings li p.price em {
	margin-right: 3px;
	}

/*div.grid-listings .product_pricing p.add-basket a {display: block;}*/

#content div.grid-listings .product_pricing p.price {
	float: left;
	text-align: right;
	font-weight: bold;
	font-size: 1.4em;
	letter-spacing: -0.05em;
	margin: 0;
	color: #B81C8C;
	}

#content div.grid-listings .has-offers .item-offers p.price {
  text-align: right;
	width: 100%;
	}

div.grid-listings .has-offers .product_pricing p.price em {
	float: left;
	font-size: 0.6em;
	letter-spacing: 0em;
	font-style: normal;
	text-transform: uppercase;
	border: 1px solid #621d1e;
	background: #ae191a url(/graphics/search_new/offer-bg.gif) repeat-x top left;
	padding: 1px 3px; 
	color: #fff;
	margin: 4px 0 0 0;
	}
	
div.grid-listings .has-offers .product_pricing p.price-old {
	float: left;
	text-align: left;
	width: 78px;
	letter-spacing: -0.05em;
	font-size: 0.8em;
	line-height: 1.1em;
	}
	
div.grid-listings .product_pricing p.price-old span {
	font-size: 1.2em;
	font-weight: bold;
	}

div.grid-listings .has-offers .product_pricing {
	min-height: 4.8em;
	}
	
#content div.grid-listings p.compare {
	cursor: pointer;
	margin: 8px;
	}
	
#content div.grid-listings p.compare span {
	text-decoration: underline;
	margin: 0 0 0 5px;
	}
	
#content div.grid-listings p.compare input {
	position: relative;
	top: 2px;
	}
	
/* paging */
	
#content div.grid-listings ul.paging {
	margin: 1px;
	padding: 7px;
	list-style: none;
	}

div.grid-listings ul.paging.even.more {
	display:none;
	}
	
div.grid-listings ul.paging li {
	display: inline;
	font-size: 0.8em;
	border: none;
	padding: 0;
	}

#content div.grid-listings ul.paging li.prev-five,
#content div.grid-listings ul.paging li.next-five {
	display:none;	
	}
	
#content div.grid-listings ul.paging li a {
	font-weight: bold;
	font-size: 1.1em;
	margin-right: 4px;
	}

#content div.grid-listings ul.paging li a.current {
	color:#000;	
	}

#content div.grid-listings ul.paging li.next-five {
	display:none;	
	}

#content div.grid-listings ul#fewer-options li.js_required,
#content div.grid-listings ul#more-options li.js_required {
	display:none;
	}

div.grid-listings ul.paging li.loading,
#content ul#search-results ul.paging li.loading {
	float:right;
	height:16px;
	width:16px;
	background: #f9f7f6 url(/graphics/product_store/left-menu-filter-loading-small.gif) no-repeat;
	display:none;
	}

.js_required {
	display:none;	
}

.loading_anim {
	position:fixed;
	bottom:0;
	right:0;
	padding:2px;
	margin:5px;
	background-color:#fff;
	border: 1px solid black;
	}

/* Education users warning */

#edu-warning {
	margin: 0 0 1em 0;
	border: 1px solid #B81C8C;
	padding: 10px;
	text-align: center;
	}

#content #edu-warning p {margin: 0;}

#content #edu-warning a {
	font-weight: bold;
	color: #B81C8C;
	}

/* Revised list heading */

#content ul.products_store {
	margin: 0;
	position: relative;
	z-index: 10;
	}

#content div.list_header {
	z-index: 200;
	text-align: right;
	color: #fff;
	}

#content div.list_header p {
	float: left;
	font-style: normal;
	display: inline;
	margin: 2px 0 0 0;
	}

#content div.list_header p em {
	font-style: normal
	}

#content div.list_header a {
	text-decoration: none;
	color: #000;
	}

#content div.list_header ul {
	list-style: none;
	float: right;
	margin: 0 0 0 0;
	font-size: 0.95em;
	z-index:200;
	}

#content div.list_header ul li  {
	position: relative;
	display: inline;
	z-index:200;
	}

#content div.list_header ul li div  {
	position: relative;
	display: inline;
	z-index:200;
	}

#content div.list_header ul li a {
 	padding: 1px 17px 1px 4px;
	margin-right: 6px;
	font-weight: normal;
	color: #000;
	border: 1px solid #666;
	background: #f3f3f3 url(/graphics/navigation/pink_arrow_down.gif) no-repeat 95% 60%;
	position: relative;
	display: inline-block;
	text-align: left;
	}
	
#content div.list_header ul li a.loading,
#content div.list_header ul li a.loading:hover,
#content div.list_header ul li a.loading:focus { 
	background: #f3f3f3 url(/graphics/new_nav/lil-loading.gif) no-repeat 95% 60%;
	}

#content div.list_header ul li a:hover,
#content div.list_header ul li a:focus {
	background: #f3f3f3 url(/graphics/navigation/blue_arrow_down.gif) no-repeat 95% 60%;
	}

#content div.list_header ul li.view a {
	width: 2.5em;
	}

#content div.list_header ul li.show a {
	width: 5.9em;
	}

#content div.list_header ul li.sort a {
 	padding: 1px 4px 1px 4px;
	width: 8.5em;
	}

#content div.list_header ul li.sort a {
	margin-right: 0;
	}

#content div.list_header ul ul {
    z-index: 200;
	border: 1px solid #666;
	border-top:0;
	background: #f3f3f3;
	text-align: left;
	position: absolute;
	left: 0px;
	}

#content div.list_header ul ul li {
	display: block;
	}

#content div.list_header ul ul li a {
	display: block;
 	padding: 1px 18px 1px 4px;
	line-height: 1.7em;
	margin-right: 0px;
	font-weight: normal;
	color: #000;
	border: none;
	background:none;
	}

#content div.list_header ul ul li a:hover {
	color: #fff;
	background: #B71A8B;
	}

#content dl.details-price {
	margin: 20px 0;
	padding: 20px;
	background: #FAF9F8;
	}

#content dl.details-price dd.usual-price strong {font-size: 1.3em;}		
#content dl.details-price dt.offer-desc,
#content dl.details-price dd.offer-price {color: #B81C8C;}	
#content dl.details-price dd.offer-price strong {font-size: 1.7em;}