﻿/* Search for [[COLOURS]] to specify different coloured backgrounds, title bars and bullets. */

/*******************************  Colour chart  *************************************
[COLOURS]
#8A8A8A - Gray used for most text
#ff7800 - Orange used for links
#122c86 - Header text colour

*************************************************************************************/


/*******************************  Search Terms  ***************************************

[[Colours]]
[[Buttons]]
[[Typography]]
[[Review]]
[[Category]]
[[Product]]
[[Details]]
[[Basket]]
[[Tabbed]]
[[popup]]
[[basket popup]]
[[Write review]] popup
[[Info]]
[[Delivery]]
[[Icons]]

[[print]]


*************************************************************************************/

/* Override Sharepoint defaults */
select {
	font-size: inherit;
	font-family: inherit;
}
img.thumbnail {
	border:inherit;
}
.caption {
	font-size:inherit;
	font-family:inherit;
	color:inherit;
	padding-bottom:inherit;
	margin-top:inherit;
}
.caption p {
	padding-top: inherit;
	margin-bottom: inherit;
}
/* Hide links and text used for accessibility */

.accessibility {
	display: none;
}
/* Backgrounds */

body {
	color: #8A8A8A;
	font-family: verdana, sans-serif;
	background-color: #122c86;
	background-image: url('Images/Backgrounds/Blue.jpg');
	background-repeat: repeat-x;
	background-position: top left;
	text-align: center;
	min-width: 750px;
	margin: 0;
	padding: 0;
	height:100%;
}
/* [[COLOURS]] Add more body background colours here */

form {
	margin: 0;
	padding: 0;
}
a img {
	border:0;
}
/* Font sizes and line spacing */
.footer, .bread {
	font-size: 56%;
	line-height: 120%;
}
.box p {
	margin: 7px 0; /*was margin:7px 0 0;*/
}
.boxcontent {
	font-size: 68.75%;
	line-height: 130%;
}
h2 {
	font-size:14px;
	/*font-size: 140%;*/
	margin: 0;
	font-weight: bold;
	line-height: 14px;
	/*line-height: 120%;*/
	color: #122c86;
}
h3 {
	font-size:12px;
	/*font-size: 110%;*/
	line-height:12px;
	/*line-height: 120%;*/
	margin: 0;
	font-weight: bold;
	color: #122c86;
}
a {
	color: #ff7800;
	text-decoration:none;
}
/* Widths */
.w_1, .tw_1 {
	width: 169px;
}
.w_1 .boxlc {
	width: 156px;
}
.w_15 {
	width: 288px;
}
.w_15 .boxlc {
	width: 275px;
}
.w_2, .tw_2 {
	width: 408px;
}
.w_2 .boxlc {
	width: 395px;
}
.w_3, .tw_3 {
	width: 579px;
}
.w_3 .boxlc {
	width: 566px;
}
.w_4, .tw_4 {
	width: 750px;
}
.w_4 .boxlc {
	width: 737px;
}
/* Heights */
.h_1 {
	min-height: 127px;
}
.h_15 {
	min-height: 116px;
}
.h_2 {
	min-height: 282px;
}
.h_3 {
	min-height: 437px;
}
.h_4 {
	min-height: 566px;
}
.h_5 {
	min-height: 40px;
}
.h_6 {
	min-height: 214px;
}
.h_7 {
	min-height: 137px;
}
.h_8 {
	min-height: 700px;
}
/* Box positioning */
.box {
	float: left;
}
.boxhead, .boxfoot, .boxlc, .boxrc {
	font-size: 1px;
}
.box {
	position: relative;
	margin: 0 0;
}
/* Box top and bottom */
.boxhead, .boxfoot {
	height: 13px;
}
.boxrc {
	width: 13px;
	height: 13px;
	float: left;
}
.boxlc {
	float: left;
	height: 13px;
}
/* Box contents */
.trunk .boxcontent {
	position: relative;
}
.boxcontent {
	padding: 0 13px;
}
/* Box corner images */
.boximage {
	position: relative;
	z-index: 200;
}
/* Box backgrounds */

.hc .boxhead .boxrc, .boxhead .boxrc {
	background-image: url('Images/Box/curve_topright.png');
	background-repeat: no-repeat;
	background-position: top left;
}
.boxfoot .boxrc {
	background-image: url('Images/Box/curve_botright.png');
	background-repeat: no-repeat;
	background-position: top left;
}
.hc .boxhead .boxlc, .boxhead .boxlc {
	background-image: url('Images/Box/top.png');
	background-repeat: no-repeat;
	background-position: top left;
}
.boxfoot .boxlc {
	background-image: url('Images/Box/bot.png');
	background-repeat: no-repeat;
	background-position: top left;
}
.b_1, .b_2, .b_3, .b_4 {
	float:inherit;
}
.b_1 {
	background-image: url('Images/Box/w1_bg.png');
	background-repeat: repeat-y;
	background-position: top left;
}
.b_2 {
	background-image: url('Images/Box/w2_bg.png');
	background-repeat: repeat-y;
	background-position: top left;
}
.b_3 {
	background-image: url('Images/Box/w3_bg.png');
	background-repeat: repeat-y;
	background-position: top left;
}
.b_4 {
	background-image: url('Images/Box/w4_bg.png');
	background-repeat: repeat-y;
	background-position: top left;
}
/* Layout */
.page {
	margin: 2px auto;
	width: 756px;
	text-align: left;
}
.main, .durexheader, .bread, .footer {
	width: 750px;
	float: left;
	clear: both;
}
.trunk_left {
	width: 171px;
	float: left;
	clear: left;
}
.trunk_main {
	float: left;
}
.trunk_right {
	float: right;
	clear: right;
}
.durexheader {
	margin-top: 4px;
}
.footer {
	margin: 4px 0;
}
.bread, .trunk_left, .trunk_main, .trunk_right {
	margin-top: 2px;
}
/* Header */
/* Header logo */
.durexheader .logo {
	height: 64px;
}
.durexheader .logo {
	width: 156px;
	text-align: center;
	float: left;
}
.durexheader .logo img {
	border: none;
	vertical-align: middle;
	margin-top: 1px;
	margin-right: 8px;
	position: relative;
}
/* Breadcrumb and footer */
.breadinner {
	padding: 0 17px;
}
.bread, .bread a {
	color: #FFF;
	text-decoration: none;
}
.footer, .footer a {
	color: #D4D9E9;
	text-decoration: none;
}
.footer a {
	padding: 0 6px;
}
.footer ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
}
.footer ul li {
	display: block;
	list-style: none;
	margin: 0 0 0 12px;
	padding: 0 0 0 12px;
	border-left: 1px solid #D4D9E9;
	float: left;
}
.bread ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}
.bread ul li {
	display: block;
	list-style: none;
	margin: 0 0 0 11px;
	padding: 0 0 0 16px;
	float: left;
	background-image: url('Images/Bullets/bread.gif');
	background-repeat: no-repeat;
	background-position: center left;
}
.bread ul li.first {
	margin: 0;
	background: none;
}
/* Left hand navigation */
/* Prevent IE from turning white space between LI tags into new lines */
/* See http://www.csscreator.com/node/6745 */
.leftnav a {
	display: inline-block;
}
.leftnav a {
	display: block;
}
.leftnav ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0 9px 0 4px;
}
.leftnav ul li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}
.leftnav ul li a {
	border-bottom: 1px solid #DEDEE1;
	color: #8A8A8A;
	display: block;
	margin: 0;
	padding: 7px 0 7px 26px;
	background-image: url('Images/Bullets/leftnav.png');
	background-repeat: no-repeat;
	background-position: top left;
	text-decoration: none;
}
.leftnav ul li a:hover {
	color: #ff7800;
}
/* sub navigation */
.leftnav ul li ul {
	padding: 6px 0;/*border-bottom: 1px solid #DEDEE1;*/
}
.leftnav ul li ul li a {
	border: none;
	padding: 3px 0 2px 34px;
	font-size: 90%;
	background-image: url('Images/Bullets/bullet.png');
}
/* [[COLOURS]] Add more coloured bullets here */
/* blue bullets */
.leftnav ul li ul li.blue a {
	background-image: url('Images/Bullets/bullet_blue.png');
}
/* no bullets */
.leftnav ul li ul li.none a {
	background-image:none;
	padding: 3px 0 2px 3px;
}
.leftnav ul li ul li.none {
	text-align:center;
}
/* clearfix from http://positioniseverything.net/easyclearing.html */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Coloured box headings */
/* blue */
.hc_blue h3.titlebar {
	background-color: #0D6BB9;
	background-image: url('Images/Box/blue/heading.png');
	color: #FFF;
}
.hc_blue .boxhead .boxrc {
	background-image: url('Images/Box/blue/curve_topright.png');
}
.hc_blue .boxhead .boxlc {
	background-image: url('Images/Box/blue/top.png');
}
/* [[COLOURS]] Add more title bar (hc_) colours here */


.hc_blue h3.titlebar /* [[COLOURS]] Add more title bar (hc_) colours here */ {
	background-repeat: repeat-x;
	background-position: bottom left;
	line-height: 7px;/* line-height: 69%;  Commmented out to test [TEST] lineheight issue*/
}
.hc h3.titlebar {
	background:none;
	line-height:120%;
	color: #122c86;
}
/*MB 24-Oct-2007 fix for peekaboo*/
h3.titlebar {
	margin:0 -9px 1px;
	padding:1px 9px 8px;
}
/* All coloured headings */
.hc_blue .boxhead .boxrc, .hc_blue .boxhead .boxlc /* [[COLOURS]] Add more title bar (hc_) colours here */ {
	background-repeat: no-repeat;
	background-position: top left;
}
/* Text input formating */

input[type=text], input[type=password], select, .textbox {
	border: 1px solid #8a8a8a;
	padding:2px;
}
/* text formatting */

h1, h2, h3 {
	clear:both;
}

.basic-input{
	margin:7px 0;
}


/****** [[Buttons]] ******/

/* REQUIRED BUTTON STYLES: */		
button, button:active {
	position: relative;
	border: 0;
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
}
 button::-moz-focus-inner {
 border: none;  /* overrides extra padding in Firefox */
}
button span {
	position: relative;
	display: block;
	white-space: nowrap;
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
 margin-top: -1px;
}
}
/* General Button */

/* OPTIONAL BUTTON STYLES for applying custom look and feel: */		
button.general-button, button:active.general-button {
	padding: 0 7px 0 0;
	font-size:10px;
	font-weight:bold;
	text-align: center;
	background: transparent url(Images/Buttons/generalbutton.png) no-repeat right -44px; /*This sets the location of the right hand side*/
	_background: transparent url(Images/Buttons/generalbutton6.png) no-repeat right -44px;
}
button.general-button span {
	padding: 3px 21px 0 28px;
	text-align:center;
	height:19px;
	background: transparent url(Images/Buttons/generalbutton.png) no-repeat left top; /*This sets the location of the left hand side*/
	_background: transparent url(Images/Buttons/generalbutton6.png) no-repeat left top;
	color:#fff;
}
button.general-button:hover {
}
button.general-button:hover span {
	text-decoration:underline;
}
/* transactional version */
.control-box button.general-button, .control-box button:active.general-button {
	background: transparent url(Images/Buttons/generalbuttonOrange.png) no-repeat right -44px; /*This sets the location of the right hand side*/
	_background: transparent url(Images/Buttons/generalbuttonOrange6.png) no-repeat right -44px;
}
.control-box button.general-button span {
	background: transparent url(Images/Buttons/generalbuttonOrange.png) no-repeat left top; /*This sets the location of the left hand side*/
	_background: transparent url(Images/Buttons/generalbuttonOrange6.png) no-repeat left top;
}
/* Category Item button */

button.category-button {
	padding: 0 7px 0 0;
	font-size:10px;
	font-weight:bold;
	text-align: center;
	background: transparent url(Images/Buttons/generalbutton.png) no-repeat right -44px; /*This sets the location of the right hand side*/
	_background: transparent url(Images/Buttons/generalbutton6.png) no-repeat right -44px;
}
button.category-button span {
	padding: 3px 0 0 7px;
	text-align:center;
	height:19px;
	background: transparent url(Images/Buttons/generalbutton.png) no-repeat left top; /*This sets the location of the left hand side*/
	_background: transparent url(Images/Buttons/generalbutton6.png) no-repeat left top;
	color:#fff;
}
button.category-button:hover {
}
button.category-button:hover span {
	text-decoration:underline;
}
/* transactional version */

.control-box button.category-button {
	background: transparent url(Images/Buttons/generalbuttonOrange.png) no-repeat right -44px; /*This sets the location of the right hand side*/
	_background: transparent url(Images/Buttons/generalbuttonOrange6.png) no-repeat right -44px;
}
.control-box button.category-button span {
	background: transparent url(Images/Buttons/generalbuttonOrange.png) no-repeat left top; /*This sets the location of the left hand side*/
	_background: transparent url(Images/Buttons/generalbuttonOrange6.png) no-repeat left top;
}

/* Related item button */
button.related-button {
	padding: 0 7px 0 0;
	font-size:12px;
	font-weight:bold;
	text-align: center;
	width:27px;
	height:22px;
	float:right;
	background: transparent url(Images/Buttons/AddButtonBasketIcon.png) no-repeat left top; /*This sets the location of the right hand side*/
	_background: transparent url(Images/Buttons/AddButtonBasketIcon6.png) no-repeat left top;
}
button.related-button span {
	display:none;
}
button.related-button:hover {
}
button.related-button:hover span {
	text-decoration:underline;
}
/* Large Button */

button.large-button, button:active.large-button {
	padding: 0 7px 0 0;
	font-size:14px;
	text-align: center;
	background: transparent url(Images/Buttons/LargeButtonOrange.png) no-repeat right top; /*This sets the location of the right hand side*/
	_background: transparent url(Images/Buttons/LargeButtonOrange6.png) no-repeat right top; /*This sets the location of the right hand side*/
}
button.large-button span {
	padding: 8px 21px 0 28px;
	text-align:center;
	font-weight:bold;
	height:26px;
	background: transparent url(Images/Buttons/LargeButtonOrange.png) no-repeat left top; /*This sets the location of the left hand side*/
	_background: transparent url(Images/Buttons/LargeButtonOrange6.png) no-repeat left top; /*This sets the location of the left hand side*/
	color:#fff;
}
button.large-button:hover {
}
button.large-button:hover span {
	text-decoration:underline;
}
/* Basket Button */

button.basket-button {
	padding: 0 7px 0 0;
	font-size:10px;
	font-weight:bold;
	text-align: center;
	background: transparent url(Images/Buttons/generalbutton.png) no-repeat right -44px; /*This sets the location of the right hand side*/
	_background: transparent url(Images/Buttons/generalbutton6.png) no-repeat right -44px; /*This sets the location of the right hand side*/
}
button.basket-button span {
	padding: 3px 0 0 7px;
	text-align:center;
	height:19px;
	background: transparent url(Images/Buttons/generalbutton.png) no-repeat left top; /*This sets the location of the left hand side*/
	_background: transparent url(Images/Buttons/generalbutton6.png) no-repeat left top; /*This sets the location of the left hand side*/
	color:#fff;
}
button.basket-button:hover {
}
button.basket-button:hover span {
	text-decoration:underline;
}
/* Basket Button Transactional Version */

.control-box button.basket-button {
	background: transparent url(Images/Buttons/generalbuttonOrange.png) no-repeat right -44px; /*This sets the location of the right hand side*/
	_background: transparent url(Images/Buttons/generalbuttonOrange6.png) no-repeat right -44px; /*This sets the location of the right hand side*/
}
.control-box button.basket-button span {
	background: transparent url(Images/Buttons/generalbuttonOrange.png) no-repeat left top; /*This sets the location of the left hand side*/
	_background: transparent url(Images/Buttons/generalbuttonOrange6.png) no-repeat left top; /*This sets the location of the left hand side*/
}
.basket .control-box button.basket-button {
	background: transparent url(Images/Buttons/generalbutton.png) no-repeat right -44px; /*This sets the location of the right hand side*/
	_background: transparent url(Images/Buttons/generalbutton6.png) no-repeat right -44px; /*This sets the location of the right hand side*/
}
.basket .control-box button.basket-button span {
	background: transparent url(Images/Buttons/generalbutton.png) no-repeat left top; /*This sets the location of the left hand side*/
	_background: transparent url(Images/Buttons/generalbutton6.png) no-repeat left top; /*This sets the location of the left hand side*/
}

/* Transactional versions of main buttons */
button.category-button.transactional, button.related-button.transactional, button.general-button.transactional {
	background: transparent url(Images/Buttons/generalbuttonOrange.png) no-repeat right -44px; /*This sets the location of the right hand side*/
	_background: transparent url(Images/Buttons/generalbuttonOrange6.png) no-repeat right -44px;
}
button.category-button.transactional span, button.related-button.transactional span, button.general-button.transactional span {
	background: transparent url(Images/Buttons/generalbuttonOrange.png) no-repeat left top; /*This sets the location of the left hand side*/
	_background: transparent url(Images/Buttons/generalbuttonOrange6.png) no-repeat left top;
}

/*text-buttons*/
.text-button {
	color:#ff7800;
	background:none;
	border:none;
}
/* Product Mini Actions */

.email-friend-button, .print-page-button {
	background:url(/Style%20Library/Durex/Images/Buttons/ProductMiniActions.png) no-repeat;
	padding: 0 0 0 18px;
}
.email-friend-button {
	background-position:left 2px;
	margin:0 0 0 10px;
}
.print-page-button {
	background-position:left bottom;
}
/* Qty Buttons */

.shorttextbox {
	width:20px;
}
.quantity {
	float:left;
}
ul.qty-buttons {
	display:block;
	float:left;
}
ul.qty-buttons li {
	width:15px;
	height:10px;
	overflow:hidden;
	line-height:1px;
	font-size:1px;
}
ul.qty-buttons li input {
	width:15px;
	height:10px;
	display:block;
	background:url(Images/Buttons/QtyArrows.png) top left no-repeat;
	border:none;
	padding:0;
	margin:0;
	text-indent:500px;
	line-height:0;
}
ul li input.up {
	background-position:left top;
}
ul li input.down {
	background-position:left bottom;
}
ul li input.up-disabled {
	background-position:right top;
}
ul li input.down-disabled {
	background-position:right bottom;
}
/* Close Button */
button.close {
	padding:0 16px 0 0;
	color:#ff7800;
	background: url(Images/Buttons/CloseButton.png) right top no-repeat;
	font-size:10px;
	position:absolute;
	top:8px;
	right:8px;
}
button.close span {
}
/* button alignment helper */
.button-right {
	text-align:right;
	clear:both;
	padding: 5px 0 0;
}
.button-right button {
	margin:0;
}
/****** Login/Registration Page  Profile Page******/

.login-column, .registration-column {
	position:relative;
}
.login-column {
	float:left;
	width:48%;
}
.registration-column {
	float:right;
	width:48%;
}
.login-column h2, .registration-column h2, .profile h2, .order-history-summary h2, .tell-friend h2, .order-history-detail h2 {
	padding-top:15px;
	clear:both;
}
.login-column label, .registration-column label, .profile label, .tell-friend label {
	display:block;
}
.login-column input[type=text], .login-column input[type=password], .login-column select, .registration-column input[type=text], .registration-column input[type=password], .registration-column select, .profile input[type=text], .profile input[type=password], .profile select, .tell-friend input[type=text] {
	padding:2px;
	font-size:12px;
}
.login-column input[type=text], .login-column input[type=password], .registration-column input[type=text], .registration-column input[type=password], .profile input[type=text], .profile input[type=password], .tell-friend input[type=text] {
	width: 232px;
}
.login-column .basic-input, .registration-column .basic-input, .profile .basic-input, .tell-friend .basic-input {
	padding:0;
}
/****** [[Typography]] ******/

/* Asterisk Highlight */
.highlight, em {
	font-style:normal;
	color:#ff7800;
}
h4 {
	margin:5px 0;
}
/****** [[Inner]] Pods ******/

/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/

.inner-pod {
	position:relative;
	margin:0 auto;
	min-width:8em;
	max-width:1000px; /* based on image dimensions - not quite consistent with drip styles yet */
	z-index:1;
	margin-left:10px; /* default, width of left corner */
	margin-bottom:0.5em; /* spacing under dialog */
}
.inner-pod .content, .inner-pod .t, .inner-pod .b, .inner-pod .b div {
	background:transparent url(Images/Box/innerframe.png) no-repeat top right;
	_background-image:url(Images/Box/innerframe6.png);
}
.inner-pod .content {
	position:relative;
	zoom:1;
	_overflow-y:hidden;
	padding:0 10px 0 0;
}
.inner-pod .t {
	/* topleft vertical slice */
		position:absolute;
	left:0;
	top:0;
	width:10px; /* top slice width */
	margin-left:-10px;
	height:100%;
	_height:1600px; /* arbitrary long height, IE 6 */
	background-position:top left;
}
.inner-pod .b {
	/* bottom */
	 position:relative;
	width:100%;
}
.inner-pod .b, .inner-pod .b div {
	height:10px; /* height of bottom cap/shade */
	font-size:1px;
}
.inner-pod .b {
	background-position:bottom right;
}
.inner-pod .b div {
	position:relative;
	width:10px; /* bottom corner width */
	margin-left:-10px;
	background-position:bottom left;
}
.inner-pod .wrapper {
	/* extra content protector - preventing vertical overflow (past background) */
	position:static;
	max-height:1000px;
	overflow:auto;  /*note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
	padding:10px 0 0;
}
/* This might be removable - may have been causing issues
	.inner-pod h1, .inner-pod p {
		margin:0; /* margins will blow out backgrounds, leaving whitespace. 
		padding:0.5em 0 0.5em 0;
	}
	*/
	.inner-pod h1 {
	padding-bottom:0;
}
/******  [[Tabbed]] Areas ******/

.tabs {
	position:relative;
	height:26px;
	z-index:100;
}
.tabs ul {
	list-style:none;
	margin:0;
	padding:0;
	display:block;
	z-index:500;
	position:absolute
}
.tabs li {
	margin-left:0;
	display:block;
	float:left;
	height:20px;
	width:120px;
	text-align:center;
	padding-top:7px;
	background:url(Images/Buttons/tabs.png) no-repeat right top;
	_background:url(Images/Buttons/tabs6.png) no-repeat right top;
}
.tabs li.tab-active {
	background-position: left top;
	color:#122c86;
	font-weight:bold;
}
.tabs li.tab-active a {
	color:#122c86;
}
.tabs-bordered {
	border-bottom:1px solid #ccc;
	padding:0 0 0 10px;
}
/******* [[Basket]] Page ******/
.basket div.button-holder {
	height:30px;
}
.basket .promotions {
	margin:0 0 10px;
}
.basket .promotions h2 {
	padding: 10px 0 0;
	font-size:14px;
}
.basket .promotions ul {
	color:#c00;
}
.basket .promotions ul li {
	list-style:disc inside;
}
/**** Table headers ****/
.headers {
	color:#122c86;
	font-size:11px;
	font-weight:bold;
	height:16px;
	padding:4px 0 0 7px;
	clear:both;
}
.basket .headers .c_3, .order-detail-basket .headers .c_3 {
	text-align:right;
}
/*
.headers div
{
	margin:0 7px 0 0;
}*/

/* Column width definitions for basket page*/
.c_1 {
	width:380px;
}
.c_2 {
	width:85px;
}
.c_3 {
	width:55px;
}
.c_1, .c_2, .c_3, .c_4, .c_5, .c_6, .c_7, .c_8, .c_9 {
	float:left;
	overflow:hidden;
	line-height:1.2em;
}
/* Order summary boxes */
.order-summary .c_1 {
	width:440px;
	text-align:right;
}
.order-summary .c_2 {
	width:80px;
	text-align:right;
}
.basket .info-box img {
	float:left;
	width:128px;
	height:96px;
	margin: 0 10px 0 0;
}
.basket .info-box .title {
	font-size:11px;
	font-weight:bold;
}
.basket .info-box .promo-text {
	color:#c00;
	font-size:10px;
}
.basket .control-box .textbox {
	width:15px;
	font-size:11px;
	color:#8a8a8a;
}
.basket .control-box button {
	float:left;
	clear:both;
	margin:5px 0 0;
}
.basket .price-box {
	font-size:11px;
	font-weight:bold;
	text-align:right;
}
.order-summary {
	font-weight:bold;
}
.order-summary .total {
	font-size:14px;
}
.order-summary .saving {
	color:#c00;
}
.basket .voucher {
	margin:0;
	height:80px;
	clear:left;
}
.basket .voucher label {
	font-weight:bold;
	width:200px;
	display:block;
	float:left;
	line-height:2em;
}
.basket .voucher .textbox {
	font-weight:bold;
	width:180px;
	display:block;
	float:left;
}
.basket .voucher button {
	float:right;
}
.basket .promotions p {
	color:#c00;
	font-weight:bold;
	margin:0;
}
.basket .promotions .voucher-promos li {
	width:100%;
	clear:both;
	display:block;
	padding:2px 0;
	height:12px;
}
.basket .promotions .voucher-promos .text {
	display:list-item;
	width:250px;
	float:left;
}
.basket .promotions .voucher-promos .percentage {
	display:block;
	width:150px;
	float:left;
}
.basket .promotions .voucher-promos a {
	display:inline;
	float:left;
	width:70px;
}
.basket .no-items h2 {
	margin:20px;
}
.basket .no-items .inner-pod {
	width:250px;
	margin:20px 50px;
}
/* Basket Promotion Item */


/* Basket Totals */

/****** ------------ [[Inner]] Pods ------------ ******/

/****** [[Shared]] Inner Pod Styles ******/

.inner-pod h5 {
	color:#ff7800;
	font-size:11px;
}
.product-image-block {
	position:relative;
}
.product-image-block .badge {
	position:absolute;
}
.info-box p {
	margin:0;
	line-height:125%;
	padding:0;
}
.price-block {
	font-weight:bold;
	color:#8a8a8a;
	font-size:11px;
}
.price-block .old-price {
	text-decoration:line-through;
}
.price-block .promo-price {
	color:#c00;
}
.price-block .promo-title {
	color:#c00;
}
.price-block .promo-text {
	color:#c00;
	font-weight:normal;
	font-size:10px;
}
.stock-status {
	font-size:10px;
 	background:none;
}
.stock-status span {
	padding-right:10px;
	background:url(/Style%20Library/Durex/Images/StockStatusButton/stock-out.png) right 3px no-repeat;
}
.stock-status span.in {
	background:url(/Style%20Library/Durex/Images/StockStatusButton/stock-in.png) right 3px no-repeat;
}
.stock-status span.out {
	background: url(/Style%20Library/Durex/Images/StockStatusButton/stock-out.png) right 3px no-repeat;
}
/****** [[Category]] Items ******/

.category-item {
	font-size:10px;
	line-height:130%;
}
.category-item .validation {
	display:inline;
}
.category-item .product-image-block {
	float:left;
	padding:0 5px 0 0;
	height:105px;
}
.category-item .product-image-block img {
	width:123px;
	height:92px;
}
.category-item .product-image-block .badge {
	width:40px;
	height:40px;
	top:0;
	left:0;
}
.category-item .info-box {
	font-size:11px;
}
.category-item .description {
	font-size:10px;
}
.category-item .rating {
	float:left;
	clear:left;
	padding:7px 0 0;
}
.category-item .control-box {
	position:relative;
	display:block;
	padding:0;
	float:right;
	overflow:auto; /*fixes issues with scroll bars showing*/
}
.category-item .control-box .quantity {
	padding-left:5px;/*display:inline;*/
}
.category-item .control-box .quantity input[type=text], .category-item .control-box .quantity .textbox {
	font-size:11px;
	color:#8a8a8a;
	width:16px;
}
.category-item .control-box .button-right {
	display:inline;
	text-align:right;
}

/* [[Merch]] Page Item */
.merch-item .checkbox-control{
	float:left;
	position:relative;
	top:45px;
	margin:0;
}

th div.button-holder{
	height:15px;
}


/* [[Product]] Page Item */

.product {
	position:relative;
}
.product .status {
	color:#c00;
	font-size:14px;
	font-weight:bold;
	margin:10px 0;
}
.product .quantity input[type=text] {
	font-size:11px;
	color:#8a8a8a;
	width:15px;
}
.product .product-image-block {
	width:260px;
	float:left;
	padding: 5px 5px 5px 0;
}
.product .product-image-block .badge {
	height:60px;
	width:60px;
	top:0;
	left:0;
}
.product .product-image-block #product-image {
	width:260px;
	height:195px;
}
.product .product-image-block .switch-image {
	margin:5px 5px 0;
	width:68px;
	height:51px;
}
.product .info-box {
	display:block;
	font-size:11px;
	padding:5px 0;
	width:280px;
	float:right;
	min-height:250px;
	position:relative;
}
.product .info-box p {
	margin:0;
	padding:2px 0;
}
.product .description {
	font-size:11px;
}
.product .delivery {
	font-size:11px;
}
.product .price-block {
	font-weight:bold;
	color:#8a8a8a;
	font-size:12px;
}
.product .price-block .old-price {
	text-decoration:line-through;
}
.product .price-block .promo-price {
	color:#c00;
	font-size:13px;
}
.product .price-block .promo-title {
	color:#c00;
}
.product .price-block .promo-text {
	color:#c00;
	font-weight:normal;
	font-size:11px;
}
.product .stock-status {
	font-size:11px;
 	background:none;
}
.product .stock-status span {
	padding-right:10px;
	background:url(/Style%20Library/Durex/Images/StockStatusButton/stock-out.png) right 3px no-repeat;
}
.product .stock-status span.in {
	background:url(/Style%20Library/Durex/Images/StockStatusButton/stock-in.png) right 3px no-repeat;
}
.product .stock-status span.out {
	background: url(/Style%20Library/Durex/Images/StockStatusButton/stock-out.png) right 3px no-repeat;
}
.product .control-box {
	width:350px;
	float:left;
	height:36px;
}
.product .large-button {
	position:absolute;
	bottom:-39px;
	right:0;
}
.product .brand-icons {
	text-align:right;
	height:34px;
}
.product .brand-icons img {
	width:34px;
	height:34px;
	margin:0 5px;
}
/* Product Page [[Discontinued]] */


/* [[[Bundle]] Product Page */
.bundle {
	clear:both;
	padding:10px 0 0;
}
.bundle .promo-title {
	color:#c00;
	font-size:12px;
	font-weight:bold;
	padding:0;
}
.bundle .promo-description {
	color:#c00;
	border-bottom:#eee solid 1px;
}
.bundle .item {
	margin: 10px 0 0;
	border-bottom: #eee 1px solid;
	height:60px;
}
.bundle .item .product-image-block {
	width:68px;
	height:51px;
	float:left;
	position:relative;
}
.bundle .item .product-image-block .badge {
	width:40px;
	height:40px;
	top:0;
	left:0;
}
.bundle .item .product-image-block img {
	width:68px;
	height:51px;
}
.bundle .item .info-box {
	width:450px;
	float:right;
}
.bundle .item .info-box .title {
	font-weight:bold;
}
/* related item */

.related-item {
	font-size:10px;
	line-height:130%;
	overflow:hidden;
}
.related-item img {
	width:123px;
	height:92px;
	text-align:center;
}
.related-item .title {
	font-weight:bold;
}
.related-item .info-box {
	font-size:10px;
}
.related-item .price-block {
	font-size:10px;
}
.related-item .price-block .old-price {
	text-decoration:line-through;
}
.related-item .price-block .promo-price {
	color:#c00;
	font-size:11px;
}
.related-item .quantity {
	font-size:10px;
	font-weight:normal;
	float:left;
}
.related-item .quantity input[type=text] {
	font-size:10px;
	color:#8a8a8a;
	font-weight:normal;
	width:15px;
}
.related-item .quantity .textbox {
	font-size:10px;
	color:#8a8a8a;
	font-weight:normal;
	width:15px;
}
/* Rating Stars - Used in category items and product pages*/

.rating {
	display:inline;
}
.rating div {
	padding-left:80px;
	height:11px;
	background:url(/Style%20Library/Durex/Images/RatingStars/RatingStars.png) left 0 no-repeat;
	display:inline;
}
.rating div.r00 {
	background-position:left 0;
}
.rating div.r05 {
	background-position:left -22px;
}
.rating div.r10 {
	background-position:left -44px;
}
.rating div.r15 {
	background-position:left -66px;
}
.rating div.r20 {
	background-position:left -88px;
}
.rating div.r25 {
	background-position:left -110px;
}
.rating div.r30 {
	background-position:left -132px;
}
.rating div.r35 {
	background-position:left -154px;
}
.rating div.r40 {
	background-position:left -176px;
}
.rating div.r45 {
	background-position:left -198px;
}
.rating div.r50 {
	background-position:left -220px;
}
/* Pager */

.pager {
	font-size:11px;
	height:15px;
	padding:5px;
}
.pager table {
	width:auto;
	margin:0;
	float:right;
}
.pager table td {
	padding: 0 3px;
}
.pager a, .pager a:link, .pager a:active, .pager a:visited, .pager a:hover {
	color:#8a8a8a;
	font-weight:normal;
}
.pager a.currentpage {
	font-weight:bold;
}
/* [[Review]] Item */

.review {
	font-size:11px;
	padding-top:10px;
}
.review p {
	padding:0;
	margin:2px 0;
}
.review .rating div {
	margin:2px 0 0;
	float:right;
	display:block;
}
.review .customer-name {
	font-size: 12px;
	color:#122c86;
	font-weight: bold;
}
.review .date {
	color:#009ee9;
}
.review .title {
	color:#122c86;
	font-weight: bold;
}
/* [[popup]] */
.popup-holder {
	text-align:left;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
.popup-wrap {
	margin:0 auto;
	width:573px;
}
.mask {
	position:fixed;
	background:url(/Style%20Library/Durex/Images/Backgrounds/popupbg.png) repeat;
	_background:url(/Style%20Library/Durex/Images/Backgrounds/popupbg.png) repeat;
	width:100%;
	height:100%;
	top:0;
	left:0;
	display:block;
	z-index:900;
}
.popup {
	margin:150px 0 0;
	position:absolute;
	top:0;
	width:576px;
	z-index:1000;
	padding:10px;
}
.popup div.button-holder {
	margin:10px 0 0;
	clear:both;
}
/* [[basket popup]]*/
.popup .basket {
	font-size:11px;
}
.popup .basket table {
	width:100%;
	margin:0 0 10px;
}
.popup .basket .c_1.info-box input {
	float:left;
	padding:0 5px 0;
}
.popup .basket .info-box a {
	font-weight:bold;
}
.popup .basket .c_3.price {
	text-align:right;
	font-weight:bold;
	width:68px;
}
.popup .basket .c_2.quantity {
	text-align:center;
}
.popup .basket .c_1.info{
	width:340px;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
}
.also-in-basket .c_2, .also-in-basket .c_3 {
	line-height:20px;
	padding:5px 0 8px;
}
.popup .basket .delivery {
	font-size:10px;
	padding:3px 11px 0 3px;
	color:#c00;
	font-weight:bold;
	clear:both;
	text-align:right;
}
.popup .basket .total-price {
	font-size:14px;
	font-weight:bold;
}
.popup .basket .c_1.total-price {
	width:464px;
}

/* [[Write Review]] popup */
.popup .write-review {
	font-size:12px;
}
.popup .write-review label {
	width:120px;
	text-align:right;
	display:block;
	float:left;
	padding:3px 5px;
	font-weight:bold;
}
.popup .write-review input {
	width:300px;
}
.popup .write-review .small-review-label {
	padding:0 0 10px 130px;
	font-size:10px;
	line-height:12px;
}
.popup .write-review h2 {
	padding:0 0 10px;
	font-size:16px;
}
/* button helper */

div.button-holder {
	display:block;
	height:auto;
	clear:both;
	width:100%;
	overflow:visible;
	margin:10px 0;
}
div.button-holder button {
	float:left;
	margin:0 3px;
}
div.button-holder .right {
	float:right;
}
div.button-holder .left {
	float:left;
}
/* [[Info]] Boxes */

/* [[Delivery]] Details */

.delivery table {
	width:300px;
}
.delivery>p>span {
	padding:5px 0 0;
	width:230px;
}
.delivery>p>label {
	padding:5px 0 0;
	width:260px;
	display:inline-block;
}
.delivery .address-holder {
	width:100%;
}
.billing .address-holder .address {
	margin:10px 0;
}
.address-holder .address h4 {
	line-height:18px;
}

.delivery .address-holder .alternate-address {
	clear:both;
}
.delivery .address {
	width:140px;
	height:151px;
	float:left;
	margin: 5px 15px 10px 0;
}
.delivery .address input[type=radio], .billing .address input[type=radio] {
	float:left;
}
.delivery .address label {
	font-weight:bold;
	font-size:12px;
}
.address p {
	margin: 2px 0 0 4px;
}
.inner-pod .address p {
	padding:0;
}
.address h4 {
	margin:0;
}
.address button {
	margin:5px 0 0;
}
p.nickname {
	/*margin: 2px 0 0 4px;*/
	line-height:16px;
	font-weight:bold;
}
.delivery .address .billing-address {
	font-weight:bold;
}
.delivery .address-lookup {
	position:relative;
}
.address-lookup label, .delivery .phone label, .address-entry label, .card-entry label {
	width:180px;
	display:block;
	padding:0 10px 0 0;
	line-height:1.4em;
}
.address-lookup .basic-input, .address-entry .basic-input, .card-entry .basic-input {
	width:530px;
	padding:3px 0;
	display:block;
	margin:0;
	clear:both;
}
.address-lookup input[type=text], .delivery .phone input[type=text], .address-entry input[type=text], .card-entry input[type=text] {
	width:230px;
}
.address-lookup input[type=text].small, .delivery .phone input[type=text].small, .address-entry input[type=text].small, .card-entry input[type=text].small {
	width:50px;
	margin-right:15px;
}
.address-entry input[type=text].address-number, .address-entry .address-number input[type=text] {
	width:40px;
}
.address-entry input[type=text].address-name, .address-entry .address-name input[type=text] {
	width:182px;
}
.address-number {
	width:50px;
	float:left;
	position:relative;
}
.address-number div span{
	left:239px;
	position:absolute;
	top:21px;
	width:235px;
}
.address-name {
	margin:19px 0 2px;
	float:left;
}
.address-name label {
	display:none;
}
.address-name .basic-input {
	width: 120px;
	display:inline;
}

.address-number .basic-input {
	display:block;
	width:auto;
}
.address-lookup .button-holder {
	margin:4px 0 10px;
	height:18px;
}
.address-lookup .lookup-address-selector {
	width:400px;
	margin: 0 0 5px;
}
.saved-card-details {
	width:215px;
}
.saved-card-details label, .saved-card-details input[type=text] {
	margin-right:15px;
}
.saved-card-details input[type=text], .saved-card-details cv2box {
	width:40px;
}
.billing-address-details {
	width:215px;
	float:left;
	min-height:100px;
	_height:100px; /*IE6*/
}
.card-details {
	width:215px;
	/*display:inline;*/
	float:left;
}
.delivery-address-details {
	width:300px;
}
.checkout-summary .terms {
	padding:10px 0;
	float:right;
	clear:both;
}
/* Checkout status Bar */
.checkout-status-bar {
	height:20px;
	padding:6px 0 3px;
	font-size:10px;
}
.checkout-status-bar li {
	padding:5px 0 4px 25px;
	float:left;
	line-height:9px;
	background:url(/Style%20Library/Durex/Images/Backgrounds/CheckoutStatusBar.png) left top no-repeat;
	margin: 0 0 0 20px;
	font-weight:bold;
	height:11px;
}
.checkout-status-bar .active {
	background:url(/Style%20Library/Durex/Images/Backgrounds/CheckoutStatusBar.png) left -20px no-repeat;
}
/* [[forgotten password]] */
.forgotten-password div.button-holder {
/*height:35px;*/
}
.forgotten-password .input-area {
	margin:30px 0;
	width:100%;
}
/*
.forgotten-password label
{
	font-weight:bold;
	width:150px;
	display:block;
	float:left;
	line-height:2em;
	text-align:right;
	padding:0 10px 0 0;
}
*/

.forgotten-password .textbox, .forgotten-password input[type=text] {
	font-weight:bold;
	width:240px;
	display:block;
	line-height:2em;
}
/* [[Tell a friend]] */

.tell-friend .inner-pod {
	width:250px;
	margin:20px 50px;
}
.tell-friend div.button-holder {
/*height:35px;*/
}
.tell-friend .input-area {
	margin:30px 0;
	width:100%;
}
.tell-friend .input-area label {
	line-height:2em;
	text-align:right;
	padding:0 10px 0 0;
}
.tell-friend .input-area .textbox, .tell-friend .input-area input[type=text] {
	font-weight:bold;
	width:200px;
	display:block;
	line-height:2em;
}
.tell-friend label.checkbox {
	display:block;
	width:250px;
}
.tell-friend .c_1 {
	float:left;
	width:50px;
}
.tell-friend .c_2 {
	float:left;
	width:280px;
}
.tell-friend .disclaimer {
	clear:both;
	padding:15px 0 0;
}

/* [[Add address]] */
.profile-add-address div.button-holder {
/*height:30px;*/
}
.profile-add-address .make-default {
	padding:0 0 10px;
}
/* Success/Failure/Info [[Icons]] */

.success, .info, .failure {
	background:transparent url(Images/InfoBoxes/status-icons.png) no-repeat scroll left -32px;
	padding:5px 0 8px 40px;
	font-size:16px;
	height:19px;
}
.info {
	background-position:left 0;
}
.success {
	background-position:left -32px;
}
.failure {
	background-position:left -64px;
	color:#c00;
}
h2.success, h2.info, h2.failure {
	color:#8a8a8a;
}
p.success, p.info, p.failure {
	padding:5px 0 8px 40px;
	font-size:12px;
	font-weight:bold;
	margin:10px 0;
}
/* /h2/h3 tweaks */

.checkout-summary h3, .delivery h3, .billing h3, .registration-column h3, .login-column h3, .checkout-summary h2, .delivery h2, .billing h2 {
	margin:10px 0 5px;/*added to prevent squashing if text in content areas*/
}
.registration-column h3, .login-column h3 {
	margin:12px 0;
}
.clear-text {
	clear:both;
}
/* Table generic style */

table {
	border:hidden;
	width:100%;
	margin:10px 0 0;
}
table td, table th {
	border:hidden;
}
/* Span to label converter*/
span.label {
	display:block;
}
/* Basket Fragment */

.mini-basket {
	background:url(/Style%20Library/Durex/Images/Basket/BasketFragment.png) left top;
	width:142px;
	height:38px;
	font-size:10px;
	float:right;
	position:relative;
}
.mini-basket .title {
	color:#fff;
	font-weight:bold;
	position:absolute;
	top:7px;
	left:28px;
}
.mini-basket .title a {
	color:#fff;
}
.mini-basket .items a, .mini-basket .price a {
	color:#9cf;
}
.mini-basket .items, .mini-basket .price {
	top:20px;
	position:absolute;
	color:#9cf;
}
.mini-basket .items {
	color:#9cf;
	left:8px;
}
.mini-basket .price {
	right:8px;
}
.mini-basket a.hidden-link {
	position:absolute;
	width:142px;
	height:38px;
	top:0;
	left:0;
}
/* Input box fixes */

input[type="checkbox"] + label {
	display:inline;
}
.remember-me p {
	margin: 2px 0
}
select {
	margin-right:4px;
}
/* Mini Search */
.mini-search {
	background-color:#FFF;
	border:1px solid #DEDEE1;
	height:1.4em;
	margin:6px 0 0;
	padding:2px 6px 1px;
	position:absolute;
	text-align:left;
	width:128px;
	right:13px;
	top:50px;
	font-size:11px;
	color:#8a8a8a;
}
.mini-search .textbox {
	border:0 solid #FFF;
	left:4px;
	margin:0;
	padding:0;
	position:absolute;
	width:110px;
}
.mini-search button {
	background:transparent url(Images/Misc/go.png) no-repeat scroll center top;
	border:0 none;
	cursor:pointer;
	height:11px;
	margin:0;
	overflow:hidden;
	padding:11px 0 0;
	position:absolute;
	right:0;
	width:12px;
}
.mini-search button span {
	display:none;
}
/* Delivery Method */

.delivery-method-list .delivery-method {
	padding: 10px 0;
	clear:both;
}
.delivery-method-list .delivery-method .description {
	font-size:11px;
	float:left;
	width:65%;
	margin:0 2% 0 0;
}
.delivery-method-list .delivery-method .price {
	font-weight:bold;
	font-size:11px;
}
/* Product Details */

.product-details {
	padding:0 0 10px;
}
.product-details .attribute {
	padding:10px 0;
	clear:both;
}
.product-details .attribute .title {
	font-weight:bold;
	float:left;
	width:31%;
	margin:0 2% 0 0;
}
.product-details .attribute .description {
	width:66%;
	float:left;/*margin:0 0 0 10px;*/
}
.product-details .attribute .description p {
	padding:0 0 0.5em;
}
/*Header Nav*/

.header-nav {
	position:absolute;
	width:422px;
	height:40px;
	text-align:right;
	color:#8a8a8a;
	right:161px;
	font-size:10px;
}
.header-nav a {
	color:#8a8a8a;
}
.header-nav .first-link {
	padding: 0 3px 0 0;
}
.header-nav .link {
	padding: 0 3px;
	border-left:1px solid #8a8a8a;
}
.header-nav .last-link {
	padding: 0 0 0 3px;
	border-left:1px solid #8a8a8a;
}
/* Order History Details */

.order-details div {
	padding:6px 0;
	clear:both;
}
.order-details div div {
	padding:0;
}
.order-details .title {
	float:left;
	width:143px;
	font-weight:bold;
}
.order-details .description {
	width:100px;
	display:inline;
}
.order-detail-basket {
	clear:both;
}
/* Order History  */
.order-history-summary table button {
	margin:0 0 5px;
}
.order-history-summary table {
	clear:both;
}
.order-history-summary .order-no {
	font-weight:bold;
}
.order-history-summary .item-details {
	width:230px;
	float:left;
}
.order-history-summary .item-details .item-row {
	clear:both;
	padding:0 0 3px;
}
.order-history-summary .item-details .total-price {
	font-weight:bold;
}
.order-history-summary .c_1, .order-history-summary .c_2, .order-history-summary .c_6 {
	width:80px;
}
.order-history-summary .c_3 {
	width:105px;
	padding:0 5px 0 0;
}
.order-history-summary .c_4 {
	width:40px;
	text-align:center;
}
.order-history-summary .c_5 {
	width:70px;
	text-align:right;
	padding:0 10px 0 0;
}
.order-history-summary .c_7 p {
	margin:0;
	padding:0;
}
/* search results*/

.search-page .search-input input[type=text] {
	position:relative;
	top:1px;
	width:180px;
}
/* address-book */

.address-book .c_1 {
	width:240px;
}
.address-book .c_2 {
	width:210px;
}
.address-book .c_3 {
	width:80px;
}
.address-book .address p, .address-book .address p.nickname {
	padding:0;
	margin:0;
}
.leftnav ul li .product-filter {
	position:relative;
	left:-6px;
	font-size:10px;
}
.leftnav ul li .product-filter .hd {
	background:url(Images/Backgrounds/ProductFilterTop.png) no-repeat left top;
	width:147px;
	height:15px;
}
.leftnav ul li .product-filter .bd {
	background:url(Images/Backgrounds/ProductFilterMiddle.png) repeat-y left top;
	width:147px;
}
.leftnav ul li .product-filter .ft {
	background:url(Images/Backgrounds/ProductFilterBottom.png) no-repeat left top;
	width:147px;
	height:15px;
}
.leftnav ul li .product-filter .title {
	font-weight:bold;
	border-bottom:solid 1px #ccc;
	margin:0 12px;
	padding:2px;
}
.leftnav ul li .product-filter ul li {
	margin:5px 0 0 12px;
}
.leftnav ul li .product-filter ul li a {
	background:none;
	border:none;
	padding:0;
	font-size:10px;
}
.leftnav ul li .product-filter a.clear-all, .leftnav ul li .product-filter ul li a.active-filter {
	background:url(/Style%20Library/Durex/Images/Buttons/CloseButton.png) right 1px no-repeat;
	padding:0 16px 1px 0;
	margin:0 9px 0 0;
	border:none;
	color:#FF7800;
}
.leftnav ul li .product-filter a.clear-all {
	text-align:right;
	padding:0 21px 1px 0;
	background:url(/Style%20Library/Durex/Images/Buttons/CloseButton.png) right 1px no-repeat;
	/*padding:0 16px 1px 0;*/
	border:none;
	color:#FF7800;
}
.leftnav ul li .product-filter div.subcontainer {
	padding:10px 0 0;
}
.category-image {
	height:147px;
	left:3px;
	position:absolute;
	top:-10px;
	width:573px;
	overflow:hidden;
}
.category-image img {
	position:absolute;
	bottom:0;
	right:0;
}
/* Password indicator */
.password-strength .pwd-indicator {
	background:url(/Style%20Library/Durex/Images/PasswordImages/PasswordStrengthIndicator.png) left bottom no-repeat;
	width:152px;
	height:20px;
}
.password-strength .weak {
	background:url(/Style%20Library/Durex/Images/PasswordImages/PasswordStrengthIndicator.png) left -53px no-repeat;
	width:152px;
	height:20px;
}
.password-strength .medium {
	background:url(/Style%20Library/Durex/Images/PasswordImages/PasswordStrengthIndicator.png) left -27px no-repeat;
	width:152px;
	height:20px;
}
.password-strength .strong {
	background:url(/Style%20Library/Durex/Images/PasswordImages/PasswordStrengthIndicator.png) left top no-repeat;
	width:152px;
	height:20px;
}


.cv2-whats-this{
	position:relative;
}
.cv2-whats-this .link{
	
}
.cv2-whats-this .description{
	position:absolute;
	bottom:11px;
	left:-60px;
	background:url(/Style%20Library/Durex/Images/Tooltip/CV2TooltipMiddle.png) repeat-y;
	min-height:50px;
	width:177px;
	margin:10px 0 22px;
	font-size:11px;
	padding:5px;	
}

.cv2-whats-this .description .top{
	position:absolute;
	top:-10px;
	left:0;
	height:10px;
	width:187px;
	background:url(/Style%20Library/Durex/Images/Tooltip/CV2TooltipTop.png) no-repeat;
}

.cv2-whats-this .description .bottom{
	position:absolute;
	bottom:-22px;
	left:0;
	height:22px;
	width:187px;
	background:url(/Style%20Library/Durex/Images/Tooltip/CV2TooltipBottom.png) no-repeat;
}

/******* home nav ******/
.home-nav{
	
}
.home-nav ul li{
	height:30px;
	padding:8px 0;
	border-top:1px solid #ccc;
}
.home-nav ul li:first-child{
	border:none;
}
.home-nav ul li a{
	background:url(/Style%20Library/Durex/Images/Bullets/HomePageNavIcons.png) left top no-repeat;
	height:30px;
	line-height:30px;
	padding: 8px 0 8px 35px;
	color:#8a8a8a;
	font-size:12px;
	font-weight:bold;
}
.home-nav ul li a.condoms{
	background-position:left 0;
}
.home-nav ul li a.lubes{
	background-position:left -30px;
}
.home-nav ul li a.massage{
	background-position:left -60px;
}
.home-nav ul li a.merchandise{
	background-position:left -90px;
}
.home-nav ul li a.stimulation{
	background-position:left -120px;
}
.home-nav ul li a.vibes{
	background-position:left -150px;
}

/************** Home Image Rotator *******************/
.homepage-image {
	height:147px;
	left:3px;
	position:absolute;
	top:-10px;
	width:573px;
}
/* rotator in-page placement */
.homepage-image div#rotator {
	position:relative;
	height:302px;
}
/* rotator css */
.homepage-image div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
.homepage-image div#rotator ul li.show {
	z-index:500
}

/************** home middle section *******************/
.middle-pod{
	width:236px;
	height:64px;
	position:relative;
	float:left;
	margin:0 0 0 4px;
}
.middle-pod .title{
	position:absolute;
	font-weight:bold;
	font-size:12px;
	top:5px;
	left:10px;
	color:#122c86;
}
.middle-pod .description{
	position:absolute;
	top:25px;
	left:10px;
	width:145px;
	height:30px;
	overflow:hidden;
}
.middle-pod .hidden-link{
	position:absolute;
	width:236px;
	height:64px;
}
.middle-pod .hidden-link img{
	position:absolute;
	width:236px;
	height:64px;
}
.middle-pod.durex-range{
	background:url(/Style%20Library/Durex/Images/Backgrounds/HomepageBoxes/durexRange.png) top left no-repeat;
}
.middle-pod.play-range{
	background:url(/Style%20Library/Durex/Images/Backgrounds/HomepageBoxes/playRange.png) top left no-repeat;
}
.middle-pod.special-offers{
	background:url(/Style%20Library/Durex/Images/Backgrounds/HomepageBoxes/specialOffers.png) top left no-repeat;
}
.middle-pod.special-offers .title{
	color:#cc0000;
}
.middle-pod.delivery{
	background:url(/Style%20Library/Durex/Images/Backgrounds/HomepageBoxes/delivery.png) top left no-repeat;
}
.middle-pod.newsletter{
	background:url(/Style%20Library/Durex/Images/Backgrounds/HomepageBoxes/newsletter.png) top left no-repeat;
}

/************** home bottom section *******************/
.explore-pod{
	width:236px;
	height:140px;
	position:relative;
	float:left;
	margin:4px 0 0 4px;
}
.explore-pod img{
	position:absolute;
	top:0;
	left:0;
}
.explore-pod .title{
	position:absolute;
	font-weight:bold;
	font-size:14px;
	top:9px;
	left:10px;
	color:#122c86;
}
.explore-pod .description{
	position:absolute;
	top:25px;
	left:10px;
	width:105px;
	height:110px;
	overflow:hidden;
}
.explore-pod .hidden-link{
	position:absolute;
	width:236px;
	height:140px;
}
.explore-pod .hidden-link img{
	position:absolute;
	width:236px;
	height:140px;
}
.explore-pod.durex{
	background:url(/Style%20Library/Durex/Images/Backgrounds/HomepageBoxes/ExploreDurex.jpg) top left no-repeat;
}
.explore-pod.play{
	background:url(/Style%20Library/Durex/Images/Backgrounds/HomepageBoxes/ExplorePlay.jpg) top left no-repeat;
}
.explore-pod.condoms{
	background:url(/Style%20Library/Durex/Images/Backgrounds/HomepageBoxes/ExploreCondoms.jpg) top left no-repeat;
}
.explore-pod.lubes{
	background:url(/Style%20Library/Durex/Images/Backgrounds/HomepageBoxes/ExploreLubes.jpg) top left no-repeat;
}
.explore-pod.massage{
	background:url(/Style%20Library/Durex/Images/Backgrounds/HomepageBoxes/ExploreMassage.jpg) top left no-repeat;
}
.explore-pod.merchandise{
	background:url(/Style%20Library/Durex/Images/Backgrounds/HomepageBoxes/ExploreMerchandise.jpg) top left no-repeat;
}
.explore-pod.stimulation{
	background:url(/Style%20Library/Durex/Images/Backgrounds/HomepageBoxes/ExploreStimulation.jpg) top left no-repeat;
}
.explore-pod.vibes{
	background:url(/Style%20Library/Durex/Images/Backgrounds/HomepageBoxes/ExploreVibes.jpg) top left no-repeat;
}