@charset "utf-8";
/* CSS Document
#009393 -> #26A3A3
#80C9C9
#BFE4E4
*/

* {
   font-family: 'Droid Sans', Arial, Verdana, Geneva, sans-serif;
   font-size: 13px;
   margin: 0;
   padding: 0;
}

body {
  background-color: white;
  color: #465450;
  text-align: left;
}

h1, h2, h3, h4, h5, h6 
{
   font-weight: bold;
   color: #555;
}

h4, h5 {
  padding-top: 10px; 
} 

h1 {font-size: 200%;}
h2 {font-size: 180%;}
h3 {font-size: 160%;}
h4 {font-size: 140%;}
h5 {font-size: 120%;}
h6 {font-size: 110%;}

p {margin: 0 0 5px 0;}

h3 {
  padding-top: 15px; /*changed padding - JR */
}

h3 a {
  color: #26A3A3;
  font-weight: normal;
}

h3 a:hover {
  text-decoration: underline;
}

legend {
  font-size: 16px;
}

.wf-loading body {
  font-family: Tahoma;
}
.wf-loading body {
  font-family: Tahoma;
}
.wf-active p, .wf-active h2, .wf-active h4, .wf-active h5, .wf-active th, .wf-active td, .wf-active tr  {
  font-family: 'Droid Sans';
}
/*.wf-active p, .wf-active li {
  font-size: 14px!important;
} removed - messing up class smaller */

.wf-active h2.droid, .wf-active h4.droid, .wf-active h5.droid, .wf-active p.droid {
  font-family: 'Droid Sans';
}

table {
  border-collapse: collapse;
  width: 618px;
}

th {
  font-weight: bold;
  /*background-color: #F4F3F3;*/
  border-top: 1px solid #E2E0DE;
}

td, th {
  padding: 5px;
  /*vertical-align: text-top;*/
}

table.article tr, table.article tr td, table.article tr th {
  border-bottom: 1px solid #E2E0DE;
}

table.basket tr.row, table.basket tr.row td, table.basket tr.row th {
  border-bottom: 1px solid #E2E0DE;
}

table.border {
  border-left: 1px solid #E2E0DE;
  border-right: 1px solid #E2E0DE;
  border-bottom: 1px solid #E2E0DE;
}

img {
  border: none;
}

em {
   font-weight: bold;
   font-style: normal;
   color: #ff3100;
}

ul, ol
{
   margin-left: 25px;
}

hr
{
   color: #26A3A3;
   border: none;
   border-top: #26A3A3 1px solid;
   margin: 10px 0;
}

a {
   color: #26A3A3;
   text-decoration: none;
   font-size: inherit;
}

a:visited
{
   text-decoration: none;
}

a:hover
{
   color: #ff3100;
}

a.button:hover {
  color: white;
}

/* Custom Buttons */
.wlr-button-orange
{
   background: #ff4800 !important;
   border-color: #e54100 !important;
   color: #fff !important;
   font-weight: bold !important;
}

.wlr-button-orange:hover
{
   background: #e54100 !important;
   border-color: #cc3a00 !important;
   color: #fff !important;
}

/*=== STYING TO DEFINE IF HOVER HAS BOLD, UNDERLINE, BOTH OR NEITHER (DEPENDING ON LOCATION ===*/

div.noBoldNoUnderline a:hover {
  color: #26A3A3;
}
div.boldNoUnderline a:hover {
  color: #26A3A3;
  text-decoration: underline;
}

div.noBoldUnderline a:hover {
  color: #26A3A3;
  text-decoration: underline;
}
.boldNoUnderline a {
  color: #465450;
  text-decoration: none;
  font-weight: bold;
}
.noBoldNoUnderline a {
  color: #465450;
  text-decoration: none;
  font-weight: normal;
}
.noBoldUnderline a {
  color: #465450;
  text-decoration: underline;
  font-weight: normal;
}
/*=== ===*/

ul { /*Do NOT change - override in tabs*/
  list-style: disc inherit;
  padding: 5px 0 5px 20px; /*use: left padding 20px needed to override chrome webkit - JR */
}

.ul2 { /*Use: menu */
  list-style: none;
  padding: 5px 0 5px 0; /*use: left padding 20px needed to override chrome webkit - JR */
}

.ul2.white a { /*Use: footer*/
  color: white;
}

.ul2.white a:hover { /*Use: footer*/
  color: #cc3333;
}

li {
  display: list-item;
}

em {
  font-style: italic;
}

blockquote {
  font-size: 0.87em;
  color: #465450;
  text-align: center;
  padding: 10px;
  margin: 5px 0;
  
}

/* === Element sizing === */

.full { 
  width: 100%; 
}

.twothird {
  width: 618px;
}
.half { /*use: product description text - JR */
  width: 456px;
}

.twothird, .half, .third, .quarter, .fifth, .sixth, .logo, .errors { /*have changed margins - JR */
  margin: 5px;
  padding: 5px;
}
.WLRLogo { /*=== LOGO div - used for spacing around logo ===*/
  margin: 8px 0px;
  padding: 5px;
}
.basketh { /*=== BASKET DIV  used to style up 'my basket' link ===*/
  position: absolute;
  top: 50px;
  right: -65px; 
  height: 29px;
  width: 231px;
  background-image: url(/img/basket.png);
}

#header .basketh img {
  margin-right: 10px;
}

.third {  /*NEW*/
  width: 298px;
  position: relative;;
}

.quarter {
  width: 220px;
}

.fifth {
  width: 170px;
}

.sixth { /* use: product boxes / related / accessories - JR */  /*NEW*/
  width: 138px;
  position: relative; top: 0; left: 0;
}

/*.sixth img, .third img {
  width: 138px;
  height: 130px;
}*/

.sixth img.thumb {
  width: 138px;
  height: 130px;
}

.sixth img.sectionImg, .third img.sectionImg {
  width: 298px;
  height: 210px;
}

.sixth img.rosetteImg, .third img.rosetteImg {
  width: 88px;
  height: 99px;
}

.w120{
  width: 120px;
}

.w185 {
  width: 190px;
}

.w175 {
  width: 170px;
}

.w600 {
  width: 600px;
}

.h30 { /*FOR BOTTOM BAR*/
  height: 30px;
}
.h200 {
  height: 190px;
}

.h210 { /*NEW*/
  height: 215px; /* Was 210px */
}

.h230 { /*NEW*/
  height: 230px;
}

.h400 {
  height: 400px;
}


/* === Styling === */

.box {
  border: 1px solid #ccc; /*use: product boxes, lightbox image - JR */
 /* position: relative; /*use: bestseller/new/sale images */
}

.box.notbox {
  border: none;
}

.linkbox {
  padding: 5px;
  margin: 0 5px 5px 5px;
  width: 938px;
  text-align: right;
  clear: both;
}

.thickBox {
  border: 10px solid #e6dfcf; /*use: product boxes, lightbox image - JR */
 /* position: relative; /*use: bestseller/new/sale images */
}


.errors {
  border: 1px solid #cc3333; 
  color: #cc3333;
  margin-top: 0;
}

.sesame {
  /*background-color: #f4f1ea; /* Darker brown colour - used for boxes and text */
  background-color: #BFE4E4;
}

.wheat {
  /*background-color: #e6dfcf; /* Lighter brown colour - used for boxes and text */
  background-color: #80C9C9;
}

.wheat.notwheat {
  background: #FFF;
}

.tag {
  z-indez: 10;
  position: absolute;
  top: -10px;
  right: -5px;
}

/* === Positioning === */

.left {
  float: left;
  display: inline;
}

.right {
  float: right;
}

.centre {
  text-align: center;
}

.break { /*use: tabs - JAY */
  clear: both;
}
.clear {
  clear: both;
}


.t10 {
  margin-top: 10px;
}

.t5 {
  margin-top: 5px;
}

.t2 {
  margin-top: 2px;
}

.r5 {
  margin-right: 5px;
}

.l5 { /*use: bundle image*/
  margin-left: 5px;
}

.r10 { /*use: primary category, highlight boxes*/ /*NEW*/
  margin-right: 10px;
}


/* === Text styling === */

.smaller {
}

.larger {
  font-size: larger;
}

.bold {
  font-weight: bold; 
}

.normal {
  font-weight: normal;
}


.droid {
  font-family: Droid Sans; /*use: special offer / new / bestseller text - JR */
  font-weight: bold;
}

.teal {
  color: #26A3A3;
}

.white {
  color: white; /*use: tabs - JAY */
}

.red {
  color: #26A3A3;
}

.redstyle {
  color: #FF3100;
}

.charcoalt {
  color: #465450;
}

.gray { /*use: for text colouring grey! */
}

/* === ??? === */

.content { /*use: constraining elements to page - JR */
  margin: 0 auto;
  width: 960px;
}

.content.notcontent {
  width: auto;
}

.container { /*can replace need for extra clear div if added to container div eg.Product Description - JR */
  overflow: hidden;
  width: 961px; /*have given an extra pixel clearance to avoid scroll bars which appear at 960px - JL */
  margin-top: 5px;
  margin: 0 auto;
}
.container .half p, .container .half li {
  font-size: 16px;
}
.hidden {
  display: none;
}

.bottom {
  position: absolute;
  top: 520px;
}


/*----------------------------------------------------------------------------*/

/* Tab Layout (FIRST TIER OF TABS, AS IN WLR)

/*----------------------------------------------------------------------------*/

#tab-strip
{
   width: 100%;
   text-align: center;
/*   margin-bottom: 10px;*/
   border-bottom: #26A3A3 5px solid;
   background-image: url(../img/site/grad.png);
   background-repeat: repeat-x;
   background-position: bottom;
}

#tab-strip a
{
   font-weight: bold;
   color: #26A3A3;
   text-decoration: none;
   font-size: 14px;
   background-color: #fff;
   
   display: inline-block;
   padding: 5px 15px 5px 15px;
   margin: 0 2px 0 1px;
   
   border: 1px solid #cccccc;
   border-bottom: none;
   
   -webkit-border-top-left-radius: 5px;
   -webkit-border-top-right-radius: 5px;
   -moz-border-radius-topleft: 5px;
   -moz-border-radius-topright: 5px;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
}

#tab-strip a:hover
{
   color: #ff3100;
}

#tab-strip a.selected, #tab-strip a.selected:hover
{
   color: #fff;
   border: 1px solid #26A3A3;
   border-bottom: none;
   background-color: #26A3A3;
}


/* ==== Header Specific ==== */

#header {
  position: relative;
}
#header, #header.third, #header.sixth {
  /*height: 69px;*/
  height: 90px;
}

#header p, #header h3 {
  padding: 0;
  margin: 0;
}

#header img {
  margin: 0 0 0 10px;
}

#header ul#login {
   float: right;
   text-transform: uppercase;
   list-style: none;
}

#header #login li {
   float: left;
   font-size: 70%;
   font-weight: bold;
   margin-top: 0;
   margin-right: 5px;
   padding-right: 5px;
   border-right: 1px black solid;
}

#header #login li.noLine {
   border-right: none;
}


/* === Lightbox specific === */

.lightbox {
  height: 381px; 
  /*border-bottom: 1px solid #e2e0de;*/
  margin-bottom: 5px;
}

.lightbox p {
  font-size: 16px;
}

.w380 { /*used for: lightbox - JR */
  width: 380px;
  padding-top: 60px;
}

.w380f {
  width: 380px;
  padding-top: 40px;
}

.gradient {
}

/*  === Shopping Tabs specific (SECOND TIER OF TABS, NAVIGATION FOR WLR SHOP === */

#shoppingTabs {
  background-color: #26A3A3;
  padding: 0px 2px;
  height: 26px;
}
/*===  ===*/

#nav, #nav ul { /* all lists */
	padding: 0;
	list-style: none;
   width: 100%;
   text-align: center;
   background-color: #26A3A3;
   margin: 0;
}
 
#nav a {
	display: block;
   padding: 5px 15px 5px 15px;
    text-decoration: none;
    color: white;
   font-weight: bold;
   font-size: 14px;
   text-decoration: none;
   margin: 0;
   border-left: 1px solid #ffffff;
   border-right: 1px solid #ffffff;
   margin-right: -1px;
   border-bottom: none;
}

#nav a:hover {
  background-color: #ff3100;
  z-index: 1;
}

#nav .noUnderline {
  display: none;
}

ul#nav li#tHFE a:hover, ul#nav li#tWLD a:hover, ul#nav li#tHFC a:hover, ul#nav li#tSaM a:hover, ul#nav li#tEH a:hover, ul#nav li#tSO a:hover  {
  background-color: #ff3100;
}
 
#nav li { /* all list items */
	float: left;
    font-size: 13px;
}
 
#nav li ul { /* second-level lists */
	position: absolute;
	width: 230px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
        background-color: #80C9C9;
        z-index: 204;
}
 
#nav li ul li {
	width: 100%;
}
 
#nav li ul li a {
	border: none;
} 

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/*  === Checkout Details Specific === */


ul#nav li.checkoutCompleted a  {
  background: #BFE4E4;
}

ul#nav li.checkoutCurrent a  {
  background: #80C9C9;
}

ul#nav li.checkoutCompleted a:hover  {
  background: #FF3100;
}

ul#nav li.checkoutCurrent a:hover  {
  background: #FF3100;
}
ul#nav li.checkoutPending a {
  background: #26A3A3;
}

ul#nav li.checkoutPending a:hover  {
  background: #FF3100;
}
#checkoutTabs {
  background-color: #26A3A3;
  padding: 0px 2px;
  height: 26px;
}

#checkoutTabs a {
  color: white;
}

/*  === Breadcrumbs specific === */

#breadcrumbs {
  border-bottom: 1px solid #26A3A3;
  background-color: #BFE4E4;
  height: 30px;
  padding: 2px;
  overflow: hidden;
  margin: 0 auto;
}

#breadcrumbs p, #breadcrumbs p a {
  margin: 6px 5px;
}

/* === Flash specific === */

.w380#bestseller {
  background: url(../img/bestseller.jpg) no-repeat;
}
.w930 {
  width: 930px;
  padding-top: 10px;
}
/*=== INFO BOX IS FOR BOXES WHERE FURTHER IFORMATION IS GIVEN, SUCH AS MULTI BUY, USEFUL LINKS, DELIVERY OPTIONS OR NEWSLETTER SIGNUP ===*/
.infoBox {
  /*position: relative;*/
}
.infoBox h3 {
  font-weight: bold;
  color: #8c8a78;
  font-size: 30px;
  padding: 0;
  padding-bottom: 10px;
}

.infoBox h3 span {
  color: #26A3A3;
  font-style: italic;
  font-weight: normal;
  font-family:"Droid Sans";
}

.infoBox h3 span.smaller {
  font-size: 20px;
  padding: 0;
}

.infoBox span.lowerCase {
  font-weight: normal;
  font-style: normal;
  color: #8c8a78;
}
.relative {
  position: relative;
}
/*===  ===*/

#freeTrial { /*=== FREE TRIAL STICKER, STOLEN FROM WLR ===*/
  position: absolute;
  width: 90px;
  height: 90px;
  top: -8px;
  right: -6px;
  z-index: 20;
}

/*=== CSS FOR BOTTOM STRIP ===*/


.delivery { /*=== STRIP WITH DELIVERY INFORMATION AT BOTTOM OF PAGE ===*/
  position: relative;
  margin-top: 20px;
  height: 31px;
  padding-top: 12px;
}

.delivery .van { /*=== IMAGE OF VAN IN DELIVERY BOX ===*/
  position: absolute;
  /*z-index: 100;*/
  background-repeat: no-repeat;
  top: 2px;
  left: 45px;
  background-image: url(../img/site/delivery.gif);
  height: 38px;
  width: 65px;
}
/* === Table specific === */

.table2 {
  width: 290px;
}

.table2 tr th {
  border-bottom: 0;
}

table.table2 td, table.table2 th {
/*
  font-size: 0.8em;
*/
}

.tr {
  text-align: right;
}

.w100 {
  width: 100px;
}

.w80 { 
  width: 80px;
}

.w40 {
  width: 40px;
}

/* === Form specific === */

label {
  width: 8em;
  float: left;
  text-align: right;
  margin-right: 0.5em;
  display: block
}

label.radio {
   float: none;
   display: inline;
}

input[type="submit"] {
  float: right;
}

input[type="radio"] {width: 14px; margin-left: 120px;}

.submit input {
  margin-left: 8.5em;
  font-size:11px;
  font-weight:bold;
  color:#fff;  
}

label.checkbox {
  width: auto;
  float: none;
  text-align: left;
  margin-left: 0;
  display: inline;
}

input.checkbox {
  margin-left: 8.5em;
}

.checkboxspace {
  width: 8.5em;
}

form {
  margin-top: 10px;
}

form.search {
  margin: 2px 2px 0 0;
}

form.search input {
  padding: 4px;
  width: 200px;
}

fieldset
{
  border: 1px solid #CCC;
  width: 598px;
  padding: 5px;
  position: relative;
}

legend
{
  color: white;
  background: #FF3100;
  border: 1px solid #FF3100;
  padding: 2px 7px;
  margin-bottom: 15px;
  font-weight: bold;
}

.wlr-neutral input.ui-button {
   padding: 5px 13px;
}

.small {
  width: 8em;
}

.medium {
  width: 16em;
}

.wide {
  width: 24em;
}

.notes {
  font-size: 0.8em;
  /*float: right;*/
  color: #8C8A78;
  /*width: 12em;*/
  /*text-align: left;*/
  /*display: inline;*/
  position: absolute;
  left: 455px;
}

.summary p {
  font-size: smaller;
  padding: 5px 5px 0 5px;
}

.lightbox img.box, .lightbox img {
  border: none;
}

.wlr-neutral a.button.buynow, .wlr-neutral button.buynow {
  position: absolute;
  bottom: 5px;
  right: 5px;
}

.wlr-neutral a.button.buynow span, .wlr-neutral button.buynow span {
  padding: 0.17em 1em !important;
}

h3.specialoffer {
  color: #fff;
  background: #26A3A3;
}

/* // Easy Slider */
   #slider {
     width:570px;
    height:380px;
   overflow:hidden;
   }
	#slider ul, #slider li {
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li {
		/*
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/
		width:570px;
		height:380px;
		overflow:hidden;
		}
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}
	#nextBtn, #slider1next{
		left:570px;
		}
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;
		}
	#nextBtn a, #slider1next a{
		background:url(../images/btn_next.gif) no-repeat 0 0;
		}

	/* numeric controls */

	ol#controls{
		margin:0;
		padding:0;
		height:20px;
      position:relative;
      top:350px;
      left:-560px;
      z-index: 10;
		}
	ol#controls li{
		margin:0 10px 0 0;
		padding:0;
		float:left;
		list-style:none;
		height:20px;
		line-height:20px;
		}
	ol#controls li a{
		float:left;
		height:20px;
		width:20px;
      text-align: center;
		line-height:20px;
		border:1px solid #008080;
		background:white;
		color:#008080;
		padding:0;
		text-decoration:none;
		}
	ol#controls li a:hover{
		background:#2F9595;
		color:white;	
	}
		ol#controls li.current a{
		background:#26A3A3;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

/* // Easy Slider */
/*  // JQuery Edits // */

#searchJQ span { padding: .17em 1em !important; }

/*=== CHRISTMASTEXT IS FOR THE TEXT BOX IN THE CHRISMAS THEMED LIGHTBOX===*/

.christmasGradient {
  background-image: url(../img/site/snowflake-background.png);
  background-repeat: no-repeat;
  background-position: 0 100%;
  border-bottom: 1px e6dfcf solid;
  position: relative;
}
.numberBase {
  border-bottom: 1px e6dfcf solid;
}
.one {
  background: url(../img/site/one.png);
  background-repeat: no-repeat;
  background-position: 0 100%;
}
.two {
  background: url(../img/site/two.png);
  background-repeat: no-repeat;
  background-position: 0 100%;
}
.three {
  background: url(../img/site/three.png);
  background-repeat: no-repeat;
  background-position: 0 100%;
}
.four {
  background: url(../img/site/four.png);
  background-repeat: no-repeat;
  background-position: 0 100%;
}
.five {
  background: url(../img/site/five.png);
  background-repeat: no-repeat;
  background-position: 0 100%;
}
.six {
  background: url(../img/site/six.png);
  background-repeat: no-repeat;
  background-position: 0 100%;
}
.seven {
  background: url(../img/site/seven.png);
  background-repeat: no-repeat;
  background-position: 0 100%;
}
.eight {
  background: url(../img/site/eight.png);
  background-repeat: no-repeat;
  background-position: 0 100%;
}
.nine {
  background: url(../img/site/nine.png);
  background-repeat: no-repeat;
  background-position: 0 100%;
}
.ten {
  background: url(../img/site/ten.png);
  background-repeat: no-repeat;
  background-position: 0 100%;
}
.lightboxChristmas {
  margin-bottom: 5px;
  background: url(../img/site/lightboxBackground.jpg);
  background-repeat: no-repeat;
  position: relative;
}
.christmasText {
  position: absolute;
  top: 100px;
  right: 110px;
  height: 200px;
  width: 420px;
}

.christmasText h3 {
  font-weight: bold;
  color: #26A3A3;
  font-size: 25px;
  padding: 0;
  padding-bottom: 10px;
  font-weight: normal;
  font-family:"Droid Sans";}

.christmasText h1 {
  font-weight: bold;
  font-style: italic;
  color: #008080;
  font-size: 42px;
}
.christmasText h1.smaller {
  font-weight: bold;
  font-style: italic;
  color: #008080;
  font-size: 42px;
}
h1.christmasTextHead {
  font-weight: bold;
  color: #008080;
  font-size: 35px;
}
h1.christmasTextHead span {
  font-size: 22px;
  color: #26A3A3;
}
.tag25 {
  background: url(../img/site/tag25.png);
  position: absolute;
  top: -1px;
  right: -43px;
  height: 138px;
  width: 129px;
  background-repeat: no-repeat;
  z-index: 10;
}
.tag30 {
  background: url(../img/site/tag30.png);
  position: absolute;
  top: -1px;
  right: -43px;
  height: 138px;
  width: 129px;
  background-repeat: no-repeat;
  z-index: 11;
}
.tag33 {
  background: url(../img/site/tag33.png);
  position: absolute;
  top: -1px;
  right: -43px;
  height: 138px;
  width: 129px;
  background-repeat: no-repeat;
  z-index: 12;
}
.tag35 {
  background: url(../img/site/tag35.png);
  position: absolute;
  top: -1px;
  right: -43px;
  height: 138px;
  width: 129px;
  background-repeat: no-repeat;
  z-index: 13;
}

.shoppingList h3 {
  background-color: #F4F1EA;
  padding: 5px;
  color: #FF3100;
}
.shoppingList ul li a, .shoppingList ol li a {
  border-bottom: 1px solid #EDEDEC;
  display: block;
  font-size: 13px;
  padding: 5px;
  text-decoration: none;
}
.shoppingList ul li a:hover, .shoppingList ol li a:hover {
  background-color: #F4F1EA;
}

/*===  ===*/


#freeTrial { /*=== FREE TRIAL STICKER, STOLEN FROM WLR ===*/
  position: absolute;
  width: 90px;
  height: 90px;
  top: -8px;
  right: -6px;
  z-index: 20;
}