/********
Filename:		products.css
Date:			
Description:	Styles for product lists, product pages etc
Author:			David Horton / James Condliffe
*********/

/* Specific product list styling for product lists in article pages */
div#curvedborder_page div.products
{
	width: 520px;
	padding: 0;
	margin: 0;
	line-height: 1em;
}

div#curvedborder_page div.products table
{
	margin-left: 0;
}


/* Product list wrappers */
div.products 
{
    margin: 0 0 0 20px;
    padding: 0 0 0 0;
    float: left;
    width: 589px;
}

div.products p#productlist_alert
{
	clear: both;
	float: left;
	margin: 20px 0 20px 10px;
}

div.bottom 
{
    background: url(../images/common/bottom.gif) left top no-repeat;
    float: left;
    height: 9px;
    width: 590px;
    overflow: hidden;
}

/* Contains the content of the selected tab */
div.products div.tab 
{
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    float: left;
    width: 587px;
}

div.products img.shoulder 
{
    position: relative;
    left: 567px;
    bottom: 5px;
}

/* Tab row */
div.products ul.AlphaTabs
{
	float: left;
    padding: 0;
    margin: 0;
    height: 30px;
}

div.products ul.AlphaTabs li
{
    float: left;
    margin: 0;
    padding: 0;
    height: 30px;
	list-style-type: none;
}

/* Publication type 'checkbox' images */
ul.pubtypes 
{
    border: 1px solid #E6E8F1;
    background-color: #E6E8F1;
    float: left;
    margin: 0 0 0 0;
    padding: 0 10px 0 0;
    position: relative;
    left: 10px;
}

ul.pubtypes h4
{
    float: left;
    padding: 20px 5px 0 0;
    margin: 0 -3px 0 0;
}

ul.pubtypes li 
{
    float: left;
    background-color: White;
    width: 82px;
    height: 67px;
    border: 1px solid #DDDDDD;
    text-align: center;
    margin: 0 2px 0 0;
    padding: 0;
    background-image:  url(../images/products/untick.gif);
    background-repeat: no-repeat;
    background-position: 3px 3px;
	list-style-type: none;
}

ul.pubtypes li a 
{
   text-decoration: none;
   color: #666666;
   display: block;
   float: left;
   width: 82px;
   height: 67px;
}

ul.pubtypes li.on
{
    background-image:  url(../images/products/tick.gif);
}

ul.pubtypes li img 
{
   display: block;
   margin: 0 auto;
}

ul.pubtypes li img 
{
   padding: 5px 0 0 0;
}

ul.pubtypes li span 
{
    display: block;
    padding: 0 5px 0 5px;
    font-size: 85%;
}


/* Table containing the product list */
div.products table 
{
    border-collapse: collapse;
    width: 520px;
    margin: 10px 0 30px 27px;
    padding: 0;
    font-size: 85%;
}

div.products table tr
{   
    margin: 0;
    padding: 0;
}

div.products td
{
    margin: 0;
    padding: 0;
    height: auto;
}

/* First column */
div.products table td.name
{
	width:410px;
	border: 0;
}

div.products div.name
{
    width:410px;
    border: 1px solid #DDDDDD;
    border-bottom: none;
    overflow: hidden;
}
div.products div.namelast{border-bottom: 1px solid #DDDDDD;}

div.products div.name a, div.products div.name div.tradecontainer
{
	display: block;
	border: 1px solid #FFFFFF;
	padding: 0.9em 0.5em 0.9em 0.5em;
}
div.products div.name a:hover{border: 1px solid #EE3338;}

div.products div.name span.icon
{
	display: block;
	width: 40px;
	margin: -0.7em 0.5em 0 0;
	float: left;
	text-align: center;
}

div.products div.name img.new
{
	margin-top: -0.7em;
	float: right;
}

div.products span.EdYear
{
	float: right;
	text-align: right;
}


/* Second column */
div.products div.detail
{
    margin: 0 0 0 0.2em;
    border: 1px solid #DDDDDD;
    border-bottom: none;
    padding: 0.9em;
    height: 1.45em;
    overflow: hidden;
}


div.products div.detaillast{border-bottom: 1px solid #DDDDDD;}

div.products div.detail div.price
{
	float: left;
	color: #EE3338;
	font-weight: bold;
	text-align: right;
	width: 40px;
}
div.products div.detail div.statusD
{
	color:#666666;
	font-weight:bold;
	text-align:center;
}

div.products div.detail a.add
{
	margin-top: -0.5em;
	float: right;
}


/* The following styles apply only to the product list in the trade orders section */
form#tradelist div.products div.detail {padding: 0.9em 0 0.9em 0;}
form#tradelist div.products div.detail div.price {margin-left: 2px;}

form#tradelist label
{
	float: left;
	width: 20px;
	margin:0 0 0 5px;
}

form#tradelist input
{
	float: none;
	margin: 0 auto;
	width: 65px;
	display: block;
	clear: both;
}

form#tradelist div.detail input.textbox
{
	font-size: 85%;
	width: 20px;
	float: left;
	margin: -2px 0 0 5px;
	clear: none;
}


/****************************************
Entry page with map / region list 
*****************************************/
div#catalogue_map_container
{
	width: 530px;
	float: left;
	margin: 0 0 0 30px;

	/* IE doubled margins */
	display: inline;
}

div#catalogue_map_container img#map
{
	float: right;
}

div#catalogue_map_container ul#catalogue_regionlist
{
	/*border: 1px solid purple;*/
	margin: 180px 0 0 0;
	padding: 0;
	float: left;
}

div#catalogue_map_container ul#catalogue_regionlist li
{
	border: 1px solid #FFFFFF;
	margin: 2.5px;
	padding: 0;
	list-style-type: none;
}

div#catalogue_map_container ul#catalogue_regionlist li a
{
	/*border: 1px solid purple;*/
	display: block;
	padding-left: 20px;
	background: url(../images/navigation/arrow.gif) left center no-repeat;
	color: #0000EE;
	font-weight: bold;
	font-size: 90%;
}

/****************************************
Product detail page
*****************************************/
div#product_detail_container
{
	width: 550px;
	margin: 0 auto;
}

div#product_detail_container div#product_images
{
	width: 220px;
	float: left;
	text-align: center;
	padding: 0 0 30px 0;
	margin-top:20px;
	overflow: hidden;
}

div#product_detail_container div#product_detail_text
{
	float: right;
	width: 300px;
	overflow: hidden;
}

div#product_detail_container div#product_detail_text em
{
	font-style: italic;
	font-size: 90%;
}

div#product_detail_container div#product_detail_text em.TOS
{
	color: red;
	font-style: normal;
}

div#product_detail_container h2
{
	color: #1C5BA2;
}

div#product_detail_container dl
{
	float: left;
	width: 100%;
	margin: 20px 0 20px 0;
}

div#product_detail_container dl dt
{
	float: left;
	font-weight: bold;
	color: #EE3338;
	clear: left;
	margin: 0 0.5em 0 0;
	padding: 0;
}

div#product_detail_container dl dt.price
{
	margin-top: 1em;
}

div#product_detail_container dl dd.price
{
	font-size: 160%;
	color: #1C5BA2;
	font-weight: bold;
	margin-top: 0.7em;
}

div#product_detail_container dl dt.offerprice
{
	font-size: 160%;
	color: #1C5BA2;
	font-weight: bold;
	margin-top: 0.7em;
	margin-left:0;
}
div#product_detail_container dl dd span.oldprice
{
	/*text-decoration: line-through;*/
	font-size: 120%;
}

/*div#product_detail_container dl dt.offerprice
{
	color: #666666;
	font-size: 120%;
	font-weight:normal;
}*/

div#product_detail_container dl dd
{
	margin: 0 0 0 5px;
	padding: 0;
}

div#product_detail_container dl dd.oldprice
{
	margin-top:18px;
}

div#product_detail_container dl dd span.offertype
{
	margin: 0 0 0 5px;
	padding: 0;
	text-decoration: none;
}

div#product_detail_container dl dd span.offersaving
{
	margin: 10px 0 0 5px;
	font-size: 120%;
	font-weight: bold;
	color: #CC0000;
	padding: 0;
	text-decoration: none;
}
form#addtobasket 
{
    float: left;
	width: 298px;
}

form#addtobasket fieldset#add_radiobuttons
{
    border: 0;
    width: 293px;
	padding: 0;
	margin: 5px 0 5px 0;
	float: left;
}

form#addtobasket fieldset#add_radiobuttons input
{
    float: left;
	clear: left;
	margin-bottom:5px;
	margin-top:5px;
	margin-bottom:2px;
}
form#addtobasket label
{
  /*  float: left;*/
    width: 265px;
	margin: 4px 0 0 5px;
    display: inline;
}

/* Styles for our hidden descriptions */
form#addtobasket label a
{
	font-size: 90%;
	position: relative;
	top: -5px;
	left: 1px;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;

}

form#addtobasket p.mountingtypedescription
{
	visibility: hidden;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	background-color: #E9EFFF;
	border: 1px solid #EBEBE4;
	margin: 0;
	padding: 4px;
	font-size: 80%;
	width: 15em;
}

form#addtobasket label span
{
    display: block;
    float: left;
    margin-top: 5px;
}
form#addtobasket label span.offerprice
{
    float: right;
    margin-right:5px;
    color: #1C5BA2;
    font-weight: bold;
}

form#addtobasket label span.hiddenprice
{
	visibility:hidden;
}

form#addtobasket label span.price
{
    float: right;
    margin-right:5px;
    color: #1C5BA2;
    font-weight: bold;
}

form#addtobasket label span.oldprice
{
    float: right;
    text-decoration:line-through;
    margin-right:5px;
}

div#product_detail_container div.stock
{
	width: 292px;
	border: 4px solid #E9EFFF;
	margin: 0 10px 10px 0;
	float: left;
	text-align: center;
	padding-top:5px;
}

/* Mini form for stock notification */
div#product_detail_container div.stock form.standard em.required, div#product_detail_container div.stock form.standard br {display: none;}

div#product_detail_container div.stock form.standard label, div#product_detail_container div.stock form.standard input
{
	width: auto;
	display: inline;
	float: none;
	margin: 0;
}

div#product_detail_container div.stock form.standard input.button
{
	display: block;
	margin: 10px auto 0 auto;
}

div#product_detail_container div.stock img, div#product_detail_container div.stock input
{
	margin: 5px 1px 5px 5px;
	/*margin: 5px;
	margin: 0 5px 5px 5px;*/
	
}

div#product_detail_container p.copyrightNotice
{
    padding: 0;
    margin: -10px 0 10px 15px;
    font-size: 80%;
    text-align: left;
    width: 180px;
}

div#product_new_offer img
{
	float:right;
}

div#curvedborderRt_1
{	
	margin: 0 0 15px 0px; 
	float: right;
	display: inline;
}

div#curvedborderRt_1 h3
{
	background: url(../images/navigation/blackfriday/smallheader.gif) no-repeat top right;
	/*background: url(../images/navigation/smallheader.gif) no-repeat top right;*/
	margin: 0px !important;
	padding: 5px 0 0 10px;
	height: 23px;
	font-size: 100%;
	color: white;
}

div#curvedborderRt_2
{
	float: left;
	background: url(../images/common/curvedborder_FR_bottom.gif) bottom left no-repeat;
	padding-bottom: 9px;
}

div#curvedborderRt_3
{
	width: 188px;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	float: left;
	overflow: hidden;
	background-color: white;
}
div.products div.name span.offertype
{
	top:5px;
	left:-5px;
	margin-left:10px;
	background: transparent;
	text-align:center;
	color: #ffffff;
	clear: both;
	float: right;
	font-size: 1.2em;
	font-weight:500;
	line-height: 1.1em;
	padding: 5px;
	position: relative;
	text-indent: 0;
	width: auto !important;
	overflow: visible;
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c0cc0000, endColorstr=#c0cc0000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#c0cc0000, endColorstr=#c0cc0000)";
}
 :root *> div.products div.name span.offertype
{
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(204, 0, 0);
    /* RGBa with 0.6 opacity */
    background: rgba(204, 0, 0, 0.8);
}

/*Related Products lIst*/

dix#related_list
{
	float:right;
	width:199px;
	
}

div#related_list_detail
{
	margin: 0 10px 0 0;
}

div#related_list_detail dt
{
	margin: 10px 10px 20px 5px;
	font-weight:bold;
}

div#related_list_detail dl
{
	margin: 0;
}

div#related_list_detail dd.price
{
    margin: 0;
    padding: 5px 5px 0 5px;
    margin-left:25px;
    font-size:11pt;
    color:#EE3338;
    float:left;
    text-align:center;
}

div#related_list_detail dd.relatedtitle
{
	text-align:center;
	margin:0 0 5px 10px;
}

div#related_list_detail dd.oldprice 
{
color:#BCBCBC;
font-weight:normal;
margin-left:35px;
margin-top:0.2em;
text-decoration:line-through;
}

div#related_list_detail dd.basket img
{
	margin-left:45px;
}

div#related_list_detail div.img1 img
{
	height:167px;
	width:101px;
}

div#related_list_detail div.img1
{
	position:relative;
	z-index:0;
	
}

div#related_list_detail h2
{
	margin: 10px 10px 20px 5px;
	font-size: 85%;
	color:#666666;
	font-weight:bold;
}

div#related_list_detail h1
{
	margin: 10px 5px 10px 5px;
	color:#666666;
	font-weight:bold;
}

div#related_list_detail div.offertype
{
	top:65px;
	background: transparent;
	text-align:center;
	color: #ffffff;
	clear: both;
	float: left;
	font-size: 1.2em;
	font-weight:500;
	line-height: 1.1em;
	margin: 15px 0 0 0;
	padding: 5px;
	position: absolute;
	text-indent: 0;
	text-decoration:none;
	width: auto !important;
	overflow: visible;
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c0cc0000, endColorstr=#c0cc0000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#c0cc0000, endColorstr=#c0cc0000)";
}
 :root *> div#related_list_detail div.offertype
{
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(204, 0, 0);
    /* RGBa with 0.6 opacity */
    background: rgba(204, 0, 0, 0.8);
    text-decoration:none;
}

/*Suggested Products*/
div#SuggestedProducts_1
{
	margin: 15px 0 30px 0px; 
	float: left;
	display: inline;

}
div#SuggestedProducts_2
{
	margin-top:0;
	float: left;
	background: url(../images/common/curvedborder_bottom_SuggestedProducts.gif) no-repeat scroll left bottom transparent;
	padding-bottom: 9px;
}
div#SuggestedProducts_3
{
	width: 545px;
	float: left;
	overflow: hidden;
	background-color: white;
	
}

dix#SuggestedProducts_3 dl
{
    height:250px;
}

div#SuggestedProducts_3 div.feature
{
	position:relative;
}

div#SuggestedProducts_3 div.img1
{
	position:relative;
	z-index:0;
	
}

div#SuggestedProducts_3 div.img1 img
{
	height:167px;
	width:101px;
	margin-left:20px;
}

div#SuggestedProducts_3 dt
 {
    font-weight: bold;
    display: block;
    float: left; 
    width: 130px;
    padding: 0 5px 0 5px;
    margin: 2px 10px 0 0;
    min-height: 50px;
}

div#SuggestedProducts_3 dl.dividingline
{
	width: 500px;
	height:20px;
	padding:0 0 0 8px;
	margin:0;
	
}


div#SuggestedProducts_1 h3
{
	margin: 0px !important;
	padding: 5px 0 0 10px;
	height: 23px;
	background:url(../images/common/CentreFeatureHeader.gif) top left no-repeat;
	color:White;
	font-size:100%;
}
div#SuggestedProducts_1 div.offertype
{
	left:17px;
	top:65px;
	background: transparent;
	text-align:center;
	text-decoration:none;
	color: #ffffff;
	clear: both;
	float: left;
	font-size: 1.2em;
	font-weight:500;
	line-height: 1.1em;
	margin: 15px 0 0 0;
	padding: 5px;
	position: absolute;
	text-indent: 0;
	width: auto !important;
	overflow: visible;
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c0cc0000, endColorstr=#c0cc0000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#c0cc0000, endColorstr=#c0cc0000)";
}
 :root *> div#SuggestedProducts_1 div.offertype
{
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(204, 0, 0);
    /* RGBa with 0.6 opacity */
    background: rgba(204, 0, 0, 0.8);
    text-decoration:none;
}

div#SuggestedProducts_1 dl {
    width:130px;
    float: left;
    margin: 10px 2px 8px 2px;
    padding: 0;
    text-align:center;
}

div#SuggestedProducts_1 dl a {
    text-decoration: none;
    color: #1C5BA2;
}
div#SuggestedProducts_1 dt {
    font-weight: bold;
    display: block;
    float: left; 
    width: 125px;
    padding: 0;
    margin: 2px 10px 0 0;
    min-height: 50px;
}
div#SuggestedProducts_1 dt a:hover 
{
	text-decoration:underline;
	color:#EE3338;
}
div#SuggestedProducts_1 dd {
    margin: 0;
    padding: 0 0 0 0;
    float: left; 
}
div#SuggestedProducts_1 dd.price{
    margin: 0;
    padding: 5px 5px 0 5px;
    display: block;
    margin-left:25px;
    font-size:11pt;
    color:#EE3338;
}
div#SuggestedProducts_1 dd.oldprice 
{
color:#BCBCBC;
font-weight:normal;
margin-left:35px;
margin-top:0.2em;
text-decoration:line-through;
}

div#SuggestedProducts_1 dd.basket
{
    margin-left:5px;
}

div.OfficialProduct
{
	text-align:center;
}

div#Insidepages
{
	margin-right: 7px;
}