/*
	'BOLD' template css
	author: Robert O'Rourke
	copyright: Versatilia Ltd 2006
*/



html, body {margin: 0; padding: 0;}
body {
	font: 100%/1.25 helvetica, Arial, tahoma, sans-serif;
  color: #000000;
  background: #fff url(/utils/template-bits/bold/maxwidthborder.png) repeat-y 1200px 0;
}
img {border: 0; display: inline;}


@media print {
  body {width: 100%!important;}
  #thebody {margin: 0;}
  #information, #navigation {display: none;}
}


/* header
---------------------------------------------------------------------------------------*/
#header {color: #fff; position: relative; float: left; width: 100%;}

h1#company { position: relative; float: left; width: 247px; text-indent: -99em; height: 254px; margin: 0; padding: 0; }
h1#company a { position: absolute; width: 90px; height: 90px; top: 9px; left: 44px; }

#header ul { position: absolute; top: 0; right: 0; list-style: none inside; margin: 1px 8px 0 0; padding: 0; font-weight: bold; }
#header ul li { float: left; color: #fff; margin: 0 4px 0 0; }
#header ul li a:link {color: ; text-decoration: none;}
#header ul li a:visited {color: ; text-decoration: none;}
#header ul li a:hover {color: #000000; text-decoration: none;}
#header ul li a:active {color: #000000; text-decoration: none;}

h2#strap {position: absolute; background: none; border: 0; color: ; top: 110px; left: 25%; font-size: 2em; margin: 0; padding: 0; font-weight: normal;}

.products h1#company, .products #headimg, .products #headmain { height: 144px; }
.products h2#strap  { top: 60px; left: 30%; }


/*------------- theme css for Weleda ----------------*/
#wrapper { max-width : 1200px ; min-width : 970px ; width: 99.9%; overflow: hidden; background: no-repeat top left; }


/*------------ general stuff, colours and generic colour parts of the layout -----------------*/

ul#cat-nav li {background: url(/utils/template-bits/bold/fadey-liney.png) no-repeat -40px bottom ;}
ul#cat-nav li li {background: none;}

.products #content { overflow: hidden; }


.sb p, #news {background: url(/utils/template-bits/bold/fadey-liney.png) no-repeat center top;}
.home ul#pages {background: url(/utils/template-bits/bold/fadey-liney-btm.png) no-repeat bottom center;}

#footer {background: #ffffff url(/utils/template-bits/bold/fadey-linebottom.png) no-repeat top right;}


/* the body layouts
-----------------------------------------------------------------------------------------*/

#thebody {clear: both;}
.sb {font-size: 0.9em;}

/* layout for home page */

.home #navigation {width: 200px; float: left; margin: 0; padding: 0; position: relative; z-index: 6;}
.home #cntr {float: right; margin-left: -216px; width: 100%;}
.home #content {margin-left: 216px; padding-top: 16px;}

/* altered layout for every other page */

.products #thebody { width: 100%; float: left; margin-right: -172px; }
.products #cntr { margin: 0 172px 0 202px; background: url(/utils/template-bits/bold/wibble-new.gif) no-repeat right 32px; }
.products #navigation { position: absolute; left: 0; top: 144px; width: 202px; height: 400px; z-index: 6; }
.products #information { float: right; width: 170px; padding: 26px 0;}

* html .products #wrapper { position: relative; }
* html .products #thebody { width: 100%; float: left; margin-right: -172px; }
* html .products #cntr { float: right; padding: 0 ; background: url(/utils/template-bits/bold/wibble-new.gif) no-repeat right 32px; }
* html .products #content { margin: 0 0 ; }
* html .products #navigation { float: right; width: 202px; height: 400px; z-index: 6; position: static; margin-right: -202px; }
* html .products #information { float: left; width: 170px; padding: 170px 0 26px 0; margin-left: -172px; }


/* height reset and min-height match for decent browsers */
.products div[id="navigation"] {height: auto; min-height: 400px;}

.home .p { padding: 1px 12px; }
.products .p { overflow: hidden; }
* html .products .p { zoom: 1; }


/* central column, styles for content
---------------------------------------------------------------------------*/
/* home page */
.home #content {padding: 0; line-height: 1.25em;}

/* product pages */
.products #content {padding: 16px 40px 32px 26px; line-height: 1.25em;}
.products #content .metadata { float: left; margin: 0 12px 4px 0; clear: left; width: 250px; }

/* basic elements */
#content h1,h2 { margin: 0.5em 0; font-size: 1.6em; clear: left; padding: 0; color: #000000; }
h3 {font-size: 1.2em; padding: 8px 0; margin: 0.2em 0 0;}
h4 {font-size: 1em; margin: 8px; padding: 0;}
.p, p {margin: 8px 0 26px; font-family: 'Trebuchet MS', helvetica, sans-serif;}
address {padding: 16px 2%; font-style: normal; float: left; width: 44%;}
small {font-size: 0.75em;}

/*--------- message styles, error success etc.. --------------------------------------*/

.msg {background: #ffc; padding: 16px 16px 16px 50px; border: 1px solid #000000; }

/* reset for good browsers */
html>body .msg {height: auto; }
.msg strong { padding: 4px 8px 8px 40px; margin-left: -40px; display: block; }
.msg br { display: none; }
.update strong { color: #008000; background: url(/utils/template-bits/bold/update-msg.png) no-repeat top left; }
.notice strong {color: #6495ed;background: url(/utils/template-bits/bold/info-msg.png) no-repeat top left;}
.warning strong {color: #ffd700; background: url(/utils/template-bits/bold/warning-msg.png) no-repeat top left;}
.error strong {color: #ff0000; background: url(/utils/template-bits/bold/error-msg.png) no-repeat top left;}
.successful strong {color: #008000; background: url(/utils/template-bits/bold/success-msg.png) no-repeat top left;}



/*----------------- table styles, product-list --------------*/

table#products {
  margin: 16px auto 16px;
  padding: 0;
  border: 0;
  border-collapse: collapse;
  width: 99%;
  clear: both;
}
table#products th {
  text-align: left;
  background:  ;
  border-bottom: 1px solid #000000;
  border-top: 1px solid #000000;
  padding: 4px 6px;
}
table#products td {
  padding: 4px;
  border-bottom: 1px solid #000000;
  font-family: 'trebuchet MS', sans-serif;
}
table#products td div, .more-info { margin: 8px; }
td, th { text-align: left; }
tr.even { background-color: ;}
td.nicelistedge div { padding: 10px 0 14px;  }
table.nicelist tbody th { font-weight: bold; background: ; color: ; }
table.nicelist tr td.nicelistedge { background: #fff; }
table.nicelist .nicelistedge form { margin: 2px 0; }
table.nicelist .altbg td { background: #fefefe; }
.tar { text-align: right; }
.tac { text-align: center; }
.tal { text-align: left; }

table.order { width: 100%; margin: 12px 0; }
table.nc { border-bottom: 1px solid #000; border-collapse: separate; }
thead { background: ; color: ; }
thead th { padding: 2px; border-bottom: 1px solid #000; }
.ttop { border-top: 1px solid #000; }

.pagination { float: left; width: 70%; display: inline; clear: none; margin: 0; }
.nb { float: right; display: inline; clear: none; margin: 8px 0; width: 160px; text-align: right;  }
.next, .back { float: right; margin-left: 8px; display: inline; }

/* pagination */
.basic { float: left; clear: both; width: 100%; font-size: 0.7em; border: 1px solid ; border-width: 1px 0; background: ; padding: 2px 0; }
.basic p { margin: 0; padding: 0 4px; float: left; }
.basic div { display: inline; }
.basic .per-page { float: left; clear: left; padding: 2px 4px; }
.basic .prev { float: right; margin: -1em 16px 0 0; font-size: 120%; line-height: 2em; }
.basic .prev a { text-decoration: underline; }
.basic .prev a:hover { text-decoration: none; color: ; }
.basic .next { float: right; font-size: 120%; line-height: 2em; margin: -1em 16px 0 0; }
.basic .next a { text-decoration: underline; }
.basic .next a:hover { text-decoration: none; color: ; }


/*----------------  home page link boxes  --------------------*/
.home-link {float: left; width: 30%; text-align: center; margin: 1em 0 1em 2.5%; padding: 0 0 0; display: inline; position: relative; height: 20px; }
html>body .home-link { height: auto; min-height: 20px; }
.home-link img { display: block; margin: 0 auto; }


/*------------------- product display ------------------------*/
.sub-category {float: left; width: 44%; display: inline; margin: 0 5% 22px 0; min-height: 120px; line-height: normal; }
.sub-category a:link, .sub-category a:visited, .sub-category a:hover, .sub-category a:active {display: block; text-decoration: none; color: #000000; }
.sub-category strong { display: block;}
.sub-category a:hover strong { text-decoration: underline; }
.sub-category p, .sub-category .p {padding: 8px; clear: left; width: auto;}
.sub-category br { display: none; }

* html .subcategory a:hover { text-decoration: underline; }

.product-display span {float: right;}


/* sidebar(s) - interchangeable between the home page and the rest, basically thoroughly confusing
--------------------------------------------------------------------------------*/
.products #information { padding-top: 20px; }
#information h4 {padding: 0 16px;}
#information p {text-align: left; margin: 0 16px; clear: both; padding: 16px 0;}
#information p img {float: right; width: 50px; height: 50px; margin: 0 6px 12px 0; display : inline;}

/* meta */
.home #meta {padding: 0 0 16px 0; position: relative; z-index: 10;}
#meta form {margin: 0; padding: 0; border: 0;}
.home #meta p {margin: 0 12px; padding: 10px 0 0; text-align: center;}
.home #meta p strong {color: red;}
#meta fieldset {padding: 4px 10px 10px; margin: 10px;}


/* search bar */
#search { margin: 20px 10px 0; position: relative; z-index: 10;}
#search span.txt { border: 0; padding: 0; }
#search span.txt input { border: 1px solid #000000; background: #ffffff url(/utils/template-bits/bold/inputshadow.png) no-repeat left top; }
.home #search { margin: 10px 8px 0; }
.home #search .txt input { width: 122px; }
.products #search { margin-right: 40px; }
.products #search .txt input { width: 94px; }

.sub { cursor: pointer; padding: 0; display: inline; vertical-align: middle; }
.txt { border: 1px solid #000000; color: #000000; display: inline;  vertical-align: middle; }


/* login form */
.products #login fieldset { margin-top: 0; }
.products #login .txt {width: 126px;}
.products #login .sub { width: 126px; margin-top: 2px; }
.home #login { margin-top: 0; padding-top: 0; }
.home #login .txt {width: 155px;}
#login .txt {margin: 0 0 6px;}
#login .submit {margin: 8px 0; padding: 0; text-align: center;}
#login .chk { display: inline; }
#login .chk input {margin: 0; padding: 0;}
#login a {padding-top: 4px;}


/* logged in */
#account {margin: 0; padding: 0 0 10px 0;}
#account h4 {padding: 0 16px; margin: 10px 0 0 0;}
#account ul {list-style: disc inside; margin: 0 0 0 16px; padding: 8px 0 8px;}
#account ul li { padding: 2px 0 3px 0; position: relative;}

/* MyAccount */
#myaccount {}

/* logout */
.logout {margin: 2px 16px; text-align : left; display: block; }

/* news */
#news {padding: 10px 0; margin: 0; }
#news p {background: none; padding-top: 0; }
#news h4 {margin: 8px 0;}

/* card logos */
#logos { text-align: center; padding: 12px 16px; }


/* Links
--------------------------------------------------------------------------------------*/

/* navigational lists */

ul#cat-nav {margin: 0 12px 0 0; padding: 22px 0 0 0; list-style: none; font-weight: bold; position: relative; z-index: 2;}

/* position relative here fixes a wierd ie bug where all <li>s above the submenu
    didnt display the fadey line thing */
ul#cat-nav li {position: relative; display: block; padding: 3px 0 5px 12px;}
ul#cat-nav a:hover {text-decoration: none;}


#cat-nav ul.sub-nav {font-size: 0.9em; font-weight: normal; list-style: none outside; line-height: 1.3em; margin: 0 0 0 0; padding: 3px 0 0 0;}
#cat-nav ul.sub-nav li {background: none; margin: 0; padding: 3px 0;}

/* page list */
ul#pages {list-style: disc outside; margin: 26px 0 8px 24px; padding: 0 0; position: relative; z-index: 2;}
.home ul#pages { margin-top: 16px; margin-bottom: 0; padding-bottom: 8px; }
ul#pages li { padding: 2px 0 3px 0; position: relative;}
ul#pages ul.sub-nav {font-size: 0.9em; font-weight: normal; list-style: none outside; line-height: 1.3em; margin: 0 0; padding: 0 32px 0 0; }
ul#pages ul.sub-nav li {background: none; padding: 3px 0 3px; position: relative;}


/* links */
a:link {color:#404040; text-decoration: none;}
a:visited {color:#404040; text-decoration: none;}
a:hover {color:#000000; text-decoration: underline;}
a:active {color:#000000; text-decoration: underline;}

/* active links - current location */
ul#pages li.active { list-style: disc outside; }
#wrapper ul.sub-nav li.active {list-style: none outside; color: #000000; position: relative; z-index: 3;}
.active li a:link {color: #404040; text-decoration: none;}
.active li a:visited {color: #404040; text-decoration: none;}
.active li a:hover {color: #000000; text-decoration: underline;}
.active li a:active {color: #000000; text-decoration: underline;}
/*.active a:link, .active a:visited,
.active a:hover, .active a:active {color: #000000;}*/

.despatches ul { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #efefef; }
.despatches li { margin: 0; padding: 0; clear: both; border-top: 1px solid #efefef; overflow: hidden; }
dl { float: left; width: 100%; margin: 0; padding: 16px 0; font-size: 0.9em; line-height: 1.3em; overflow: hidden; }
dt { float: left; width: 30%; clear: left; font-weight: bold; display: inline; }
dt.price { color: #900;}
dd { float: left; width: 60%; }
dd.value { color: #900; }

/* the forms
------------------------------------------------------------------------*/
form {margin: 16px 0; padding: 0; border: 0;}
form p {margin: 16px; background: url(/utils/template-bits/bold/more-info-16x16.png) no-repeat top left;}
html>body fieldset { border: 1px solid #000000; /*-moz-border-radius: 6px;*/ }
table form fieldset {padding: 10px; text-align: center; border : 0;}
form table { width: 99%; margin: 8px 0; }

legend {padding: 0; margin: 0 0 2px; font-weight: bold; font-size: 1em; color: #000000;}

#content legend {font-size: 1.4em; padding: 0.2em 1px;}

#content fieldset fieldset { margin: 4px 5%; }
#content fieldset fieldset legend { font-size: 1em; }

/* for the wee forms */
.smallform { float : left ; display : inline ; margin-top : 0 ; width : auto ; text-align : center ; }
.smallform fieldset { padding : 4px 8px 8px ; }
#content .smallform legend { padding : 0 1px ; font-size : 1em ; }
.smallform div { padding : 0 ; }
.smallform div label { padding : 0 ; margin : 0 3px 0 0 ; }
.smallform input.image { padding : 0 ; margin : 0 4px 0 0 ; vertical-align : middle; }


.input-box, .check-box, .Text {clear: both; width: 100%;}

.input-box label, .check-box label, .Text label {
  width: 43%;
  display: block;
  float: left;
  text-align: right;
  padding: 0 2% 0 0; margin: 0 0 12px;
  clear: left;
}
/*.Text label { text-align: left; width: 27.2%; }*/

/* static forms */

form.sidebar { text-align: left; }
form.sidebar .input-box label { width: 30%; }
form.sidebar .check-box label { width: 30%; }
form.sidebar .input-box input { width: 65%; }
form.sidebar .input-box select { width: 66%; }

* html form.sidebar .input-box input { width: 100%; }

/* normal text inputs */
.input-box input, .Text input, .input-box select {
  width: 50%; margin: 0 0 12px; display: inline-block;
}

.input-box input, .Text input, select, input.txt, textarea, .smallform label input {
  background: #ffffff url(/utils/template-bits/bold/inputshadow.png) no-repeat left top;
  border: 1px solid #000000; }

.nolabel select { width: 95.5%; float: none; }
* html .nolabel select { margin-left: 8px; }

/* checkbox inputs */
.check-box input, .Checkbox input, .Radio input {width: auto; float: left; background: none; border: 0;}

/* favourites add all */
.addall { margin-top: 16px; }
.addall fieldset { padding: 10px; float: right; text-align: right; }
.addall input { padding : 0 ; margin : 0 ; vertical-align : middle; }

/* address edit form */
.address-edit {
  float: left;
  width: 40%;
  margin: 0 2% 16px;
  background: url(/utils/template-bits/bold/subcatfade-x.gif) repeat-x top;
}
.address-edit address {min-height: 100px; height: 100px; float: none; width: auto; padding: 16px;}
html>body .address-edit address {height: auto;}
.address-edit form {text-align: left; float: left; width: 45%; margin: 0; padding: 0;}
.address-edit fieldset {border: 0; margin: 0; padding: 0;}

/* quantitty and favourites buttons on single product page */
.two-col {float: left; width: 45%;}
.two-col fieldset {padding-top: 6px;}

/* submit box */
.submit {
  text-align: center;
  clear: both;
  padding: 8px 0;
}
.submit input {
  width: auto; float: none; cursor: pointer;
}
.submit a img {display: inline;}

/* styles for individual forms */
#add-address {clear: left;}

      /* short text inputs and selects */
      .short input, .Postal input {
        width: 20%;
        margin-right: 30%;
      }

      .short select {
        width: 20%;
        margin-right: 30%;
      }

      html>body .short select {
        margin-right: 31.4%;
        width: 20%;
      } /* sets non-ie margin */

      /* text and select */

      /* 3 selects for date */



      /* textareas */
      .TextBox {
        width: 100%;
        margin: 16px 0 0;
        clear: left;
      }

      .TextBox p, .TextBox label, .input-box p {
        width: 26%;
        margin: 0;
        float: left;
        text-align: left;
        display : block ;
      }

      .TextBox textarea {
        width: 70%;
        height: 7em;
        padding: 1px;
        margin: 0 0 12px;
        /*float: right;*/
      }
      .input-box textarea {
        width: 53%;
        height: 7em;
        padding: 1px;
        margin: 0 0 6px;
        /*float: right;*/
      }
	  
	  * html .TextBox textarea {
		display: inline;
		width: 68%;
		margin-right: 10px;
	  }
	  * html .TextBox p { display: inline; width: 24%; margin-left: 10px; }

      /* this bit will handle two column sections of the form */

      .double {
       padding: 0 0 16px;
       width: 100%;
       min-width: 250px;
      }
      * html .double fieldset {
        margin: 0 1.5% 0 0;
        padding: 0 1.1%; /* perfect for FF, Opera still a bit of right margin */
        text-align: left;
        float: left;
        position: relative;
        width: 48.5%;
      }
      .double fieldset {
        margin: 0 0 0 0.5%;
        padding: 0 1.1%; /* perfect for FF, Opera still a bit of right margin */
        text-align: left;
        float: left;
        position: relative;
        width: 46.5%;
      }

      .double .input-box {
        text-align: left;
        clear: left;
      }
      .double .input-box input {
        margin: 0 0 6px 0;
      }

      .double .short {
        padding: 0 0 6px 0;
      }
      .double .short input {
        width: 25%;
        margin: 0 0 6px 0;
      }
      * html .double .short input {
        width: 50%;
      }

      .required {font-weight: bold;}

      /* generated forms */
      /*.Text, .Email, .Action, .Adjustment, .Angle, .URL, .Number, .Password,
      .Postcode, .Country, .Currency, .DateTime, .Bandwidth, .Checkbox, .Colour,
      .Distance, .Area, .Enum, .Field, .Link, .Percentage, .Permission, .Table,
      .Temperature, .TimeSpan, .Volume, .Weight {
        text-align: right;
        margin: 2px;
      }*/

form div.file { border: solid #000; border-width: 1px 0; padding: 6px 0 0; margin: 6px 0 12px; overflow: hidden; }
form div.file label { width: 90%; text-align: left; font-weight: bold; }
form div.file span { display: inline; font-weight: normal; }
form div.file label.file-title input { width: 55.6%; vertical-align: top; }
form div.file label.file-browse input { width: 55.6%; vertical-align: top; }
form div.file label.file-title { display: block; padding: 4px 5%; text-align: right; }
form div.file label.file-browse { display: block; padding: 4px 5%; text-align: right; }


/* footerer
------------------------------------------------------------*/
#footer {width: 100%; clear: both; text-align: right;}
#footer p {padding: 8px; margin: 1px 0;}

/* utility belt */
.fl-l {float: left; margin: 0 12px 4px 0;}
.fl-r {float: right; margin: 0 0 4px 12px;}
.cb {clear: both;}
hr {display: none;}


 /* clearfix hack */

      .clearfix:after {
          content: ".";
          display: block;
          height: 0;
          clear: both;
          visibility: hidden;
      }

      .clearfix {display: inline-block;}

      /* Hides from IE-mac \*/
      .clearfix {height: auto;}
      .clearfix {display: block;}
      /* End hide from IE-mac */

/* fancy stuff */
#thebody p a:link img, #thebody .sub-category a:link img {opacity: .99; -moz-opacity: .99; filter:alpha(opacity=99); color:#000000;}
#thebody p a:visited img, #thebody .sub-category a:visited img {opacity: .99; -moz-opacity: .99; filter:alpha(opacity=99); color:#000000;}
#thebody p a:hover img, #thebody .sub-category a:hover img {opacity: .6; -moz-opacity: .6; filter:alpha(opacity=60); color:#000000;}
#thebody p a:active img, #thebody .sub-category a:active img {opacity: .6; -moz-opacity: .6; filter:alpha(opacity=60); color:#000000;}


/* New modular list css */

.pagination { overflow: hidden; margin-bottom: 12px; width: 100%; }
.pagination p {  }
.pagination .next { }
.pagination .prev { }
.pagination .per-page { }

.product-list { clear: both; overflow: hidden; list-style: none; margin: 12px 0 0 0; padding: 0 0 1px; }
.product-list li { float: left; width: 48%; padding: 14px 0; margin: 0 0 -1px 0;  border: solid ; border-width: 1px 0; font-size: 0.8em; overflow: visible; }
.product-list>li { }
.product-list li.odd { clear: both; }
.product-list li.even { margin-left: 16px; /*float: right; clear: right;*/ }
.product-list h3 { margin: 0 0 0 0; padding: 0; line-height: 1em; height: 4em; }
.product-list>h3 { height: auto; min-height: 4em; }
.product-list h3 a { float: none; }
.product-list a { float: left; } /* the link surrounding the image */
.product-list a img { padding: 0; margin: 0 10px 0 0; }
.product-list .excerpt { margin: 0 0 10px 0; color: ; height: 4em; }
.product-list>.excerpt { height: auto; min-height: 4em; }
.product-list .excerpt * { margin: 0; line-height: 0.8em; }
.product-list a.more-info { float: none; display: block; font-weight: bold; color: #000; text-decoration: none; text-align: center; margin: 8px 0 10px; }
.product-list a.more-info:hover { color: #000; text-decoration: none; }
.product-list .item-info { text-align: center; overflow: hidden; margin-bottom: 6px; }
.product-list .item-info * { display: inline; margin: 0; padding: 0; }
.product-list .item-info dt { text-align: right; padding: 0 0 0 12px; }
.product-list .item-info dd { text-align: left; padding: 0 12px 0 0; }
.product-list .item-info .price { color: #990000; } 
.product-list .item-info .value { color: #990000; font-weight: bold; font-size: 110%; }
.product-list .item-info .min-qty { color: #bbb; } 
.product-list .item-info .min-val { color: #bbb; }
.product-list .item-info abbr { border-bottom: 0; text-decoration: none; }
.product-list form { margin: 6px 0 0 0; display: block; text-align: right; vertical-align: middle; float: right; }
.product-list form * { vertical-align: middle; }
.product-list form label { margin: 0 6px 0 0; }
.product-list form>label { margin: 0; }
.product-list form label abbr {  }
.product-list form label input { text-align: center; width: 3em; font-size: 0.8em; }
.product-list form button { padding: 0 0 1px; margin: 0; line-height: 1em; }
.product-list form button img { margin: 1px 1px 0; }
.product-list form button { font-size: 0.8em; }

/* product lists */
#qo-sl1 .product-list { clear: both; overflow: hidden; list-style: none; margin: 12px 0 0 0; padding: 0; text-align: center; }
#qo-sl1 .product-list li { text-align: center; float: left; width: 48%; padding: 14px 0; margin: 0 1% 12px 0; }
#qo-sl1 .product-list li.odd { clear: left; }
#qo-sl1 .product-list li.even { margin: 0 0 12px 1%; float: right; clear: right; }
#qo-sl1 .product-list h3 { margin: 0; padding: 0; line-height: 1em; font-size: 1.3em; height: 2.1em; color: #000; }
#qo-sl1 .product-list li>h3 { min-height: 2.2em; height: auto; }
#qo-sl1 .product-list h3 a { float: none; }
#qo-sl1 .product-list a { float: none; display: inline; margin: 0 auto; } /* the link surrounding the image */
#qo-sl1 .product-list a img { padding: 0; margin: 4px auto; float: none; }
#qo-sl1 .product-list .excerpt { margin: 0 0 10px 0; color: #000000; }
#qo-sl1 .product-list .excerpt * { margin: 0; line-height: 0.8em; }
#qo-sl1 .product-list a.more-info { display: inline; font-weight: bold; color: #000; width: 109px; height: 28px; text-decoration: none; text-align: center; vertical-align: middle; }
* html #qo-sl1 .product-list a.more-info { margin-bottom: -2px; }
#qo-sl1 .product-list a.more-info img { margin: 0; display: inline; vertical-align: middle; }
#qo-sl1 .product-list a.more-info:hover { color: #000; text-decoration: none; }
#qo-sl1 .product-list .item-info { text-align: center; overflow: hidden; padding: 8px 0; }
#qo-sl1 .product-list .item-info * { display: inline; margin: 0; padding: 0; }
#qo-sl1 .product-list .item-info dt { text-align: right; padding: 0 0 0 12px; }
#qo-sl1 .product-list .item-info dd { text-align: left; padding: 0 12px 0 0; }
#qo-sl1 .product-list .item-info .price { color: #990000; } 
#qo-sl1 .product-list .item-info .value { color: #990000; font-weight: bold; font-size: 110%; }
#qo-sl1 .product-list .item-info .min-qty { color: #999; }
#qo-sl1 .product-list .item-info .min-val { color: #999; }
#qo-sl1 .product-list .item-info abbr { border-bottom: 0; text-decoration: none; }
#qo-sl1 .product-list .item-options { line-height: 28px; }
#qo-sl1 .product-list .item-options * { vertical-align: middle; } /* options like quantity, add to basket/faves */
#qo-sl1 .product-list form { margin: 0; padding: 0; display: inline; text-align: center; float: none; vertical-align: middle; }
#qo-sl1 .product-list form * { vertical-align: middle; width: auto; float: none; clear: none; display: inline; }
#qo-sl1 .product-list form label { margin: 0 6px 0 0; display: inline; }
#qo-sl1 .product-list form>label { margin: 0; }
#qo-sl1 .product-list form label abbr { }
#qo-sl1 .product-list form label input { text-align: center; font-size: 0.9em; padding: 1px; }

#qo-2col .product-list { clear: both; overflow: hidden; list-style: none; margin: 12px 0 0 0; padding: 0 0 1px; }
#qo-2col .product-list li { float: left; width: 48%; padding: 14px 0; margin: 0 0 -1px 0;  border: solid ; border-width: 1px 0; overflow: visible; }
#qo-2col .product-list>li { }
#qo-2col .product-list li.odd { clear: both; }
#qo-2col .product-list li.even { margin-left: 16px; /*float: right; clear: right;*/ }
#qo-2col .product-list h3 { margin: 0 0 0 0; padding: 0; line-height: 1em; height: 4em; }
#qo-2col .product-list>h3 { height: auto; min-height: 4em; }
#qo-2col .product-list h3 a { float: none; }
#qo-2col .product-list a { float: left; } /* the link surrounding the image */
#qo-2col .product-list a img { padding: 0; margin: 0 10px 0 0; }
#qo-2col .product-list .excerpt { margin: 0 0 10px 0; color: #000000; height: 4em; }
#qo-2col .product-list>.excerpt { height: auto; min-height: 4em; }
#qo-2col .product-list .excerpt * { margin: 0; line-height: 0.8em; }
#qo-2col .product-list a.more-info { float: none; display: block; font-weight: bold; color: #000; text-decoration: none; text-align: center; margin: 8px 0 10px; }
#qo-2col .product-list a.more-info:hover { color: #000; text-decoration: none; }
#qo-2col .product-list .item-info { text-align: center; overflow: hidden; margin-bottom: 6px; }
#qo-2col .product-list .item-info * { display: inline; margin: 0; padding: 0; }
#qo-2col .product-list .item-info dt { text-align: right; padding: 0 0 0 12px; }
#qo-2col .product-list .item-info dd { text-align: left; padding: 0 12px 0 0; }
#qo-2col .product-list .item-info .price { color: #990000; } 
#qo-2col .product-list .item-info .value { color: #990000; font-weight: bold; font-size: 110%; }
#qo-2col .product-list .item-info .min-qty { color: #bbb; } 
#qo-2col .product-list .item-info .min-val { color: #bbb; }
#qo-2col .product-list .item-info abbr { border-bottom: 0; text-decoration: none; }
#qo-2col .product-list form { margin: 6px 0 0 0; display: block; text-align: right; vertical-align: middle; float: right; }
#qo-2col .product-list form * { vertical-align: middle; }
#qo-2col .product-list form label { margin: 0 6px 0 0; }
#qo-2col .product-list form>label { margin: 0; }
#qo-2col .product-list form label abbr {  }
#qo-2col .product-list form label input { text-align: center; width: 3em; font-size: 0.8em; }
#qo-2col .product-list form button { padding: 0 0 1px; margin: 0; line-height: 1em; }
#qo-2col .product-list form button img { margin: 1px 1px 0; }
#qo-2col .product-list form button { font-size: 0.8em; }

.hide { position: absolute; left: -999em; }

#qo-bigpic  { overflow: hidden; width: 100%; }
#qo-bigpic .product-list { clear: both; list-style: none; margin: 12px 0; padding: 0 0 1px; border: solid #000; border-width: 1px 0 0; }
#qo-bigpic .product-list li { clear: both; float: left; display: block; width: 100%; padding: 14px 0; margin: 0; text-align: center;  border: solid #000; border-width: 0 0 1px 0; }
#qo-bigpic .product-list h3 { margin: 0 0 8px 250px; padding: 0; line-height: 1em; height: 1.8em; text-align: left; }
#qo-bigpic .product-list li>h3 { height: auto; min-height: 1.8em; }
#qo-bigpic .product-list h3 a { float: none; }
#qo-bigpic .product-list a { float: left; } /* the link surrounding the image */
#qo-bigpic .product-list a img { padding: 0; margin: 0 10px 0 0; }
#qo-bigpic .product-list .excerpt { margin: 0 0 10px 250px; color: #000000; text-align: left; height: 13em; }
#qo-bigpic .product-list li>.excerpt { height: auto; min-height: 13em; }
#qo-bigpic .product-list .excerpt * { margin: 0; line-height: 0.8em; }
#qo-bigpic .product-list a.more-info { float: right; width: 278px; display: block; font-weight: bold; color: #000; text-decoration: none; text-align: center; margin: 8px 0 10px 0; }
#qo-bigpic .product-list a.more-info:hover { color: #000; text-decoration: none; }
#qo-bigpic .product-list .item-info { text-align: center; margin: 0 0 6px 0; padding: 14px 0 3px; float: right; width: 278px; clear: right; }
#qo-bigpic .product-list .item-info * { display: inline; margin: 0; padding: 0; }
#qo-bigpic .product-list .item-info dt { text-align: right; padding: 0 0 0 12px; }
#qo-bigpic .product-list .item-info dd { text-align: left; padding: 0 12px 0 0; }
#qo-bigpic .product-list .item-info .price { color: #990000; } 
#qo-bigpic .product-list .item-info .value { color: #990000; font-weight: bold; font-size: 110%; }
#qo-bigpic .product-list .item-info .min-qty { color: #bbb; } 
#qo-bigpic .product-list .item-info .min-val { color: #bbb; }
#qo-bigpic .product-list .item-info abbr { border-bottom: 0; text-decoration: none; }
#qo-bigpic .product-list .item-options { float: left; clear: left; text-align: center; width: 240px; line-height: 30px; height: auto !important; height: 28px; overflow: visible; }
#qo-bigpic .product-list .item-options * { vertical-align: middle; } /* options like quantity, add to basket/faves */
#qo-bigpic .product-list form { margin: 0 2px; padding: 0; display: inline; vertical-align: middle; }
#qo-bigpic .product-list form * { vertical-align: middle; width: auto; float: none; clear: none; display: inline; }
#qo-bigpic .product-list form label { margin: 0 6px 0 0; display: inline; }
#qo-bigpic .product-list form>label { margin: 0; }
#qo-bigpic .product-list form label abbr { }
#qo-bigpic .product-list form label input { text-align: center; font-size: 0.9em; padding: 1px; }

#qo-tc1 .product-list { clear: both; float: left; width: 100%; list-style: none; margin: 1px 0; padding: 12px 0; text-align: center; }
#qo-tc1 .product-list li { float: left; width: 31.5%; padding: 0; margin: 12px 1% 12px 0; font-size: 0.8em; background:  url(/utils/template-bits/gfx/product-lists/white-corner-right-top.png) no-repeat right top; }
#qo-tc1 .product-list li.one { clear: both; }
#qo-tc1 .product-list li.two { margin-left: 1.7%; margin-right: 0; }
#qo-tc1 .product-list li.three { float: right; margin: 12px 0; }
#qo-tc1 .product-list h3 { margin: 0; padding: 8px 16px 2px; line-height: 1em; font-size: 1.3em; height: 2.1em; background: url(/utils/template-bits/gfx/product-lists/white-corner-left-top.png) no-repeat left top; }
#qo-tc1 .product-list li>h3 { min-height: 2.1em; height: auto; }
#qo-tc1 .product-list h3 a { float: none; }
#qo-tc1 .product-list .prod-info { overflow: hidden; height: 18em; margin: 2px 2px; background: #fff; padding: 8px; }
#qo-tc1 .product-list a { display: inline; } /* the link surrounding the image */
#qo-tc1 .product-list a img { padding: 0; margin: 4px auto; }
#qo-tc1 .product-list a.more-info { display: inline; text-align: center; vertical-align: middle; }
#qo-tc1 .product-list a.more-info img { margin: 0; display: inline; vertical-align: middle; }
#qo-tc1 .product-list a.more-info:hover {  }
#qo-tc1 .product-list .item-info { text-align: center; overflow: hidden; padding: 8px 0 0; }
#qo-tc1 .product-list .item-info * { display: inline; margin: 0; padding: 0; }
#qo-tc1 .product-list .item-info dt { text-align: right; padding: 0 0 0 12px; }
#qo-tc1 .product-list .item-info dd { text-align: left; padding: 0 12px 0 0; }
#qo-tc1 .product-list .item-info .price { color: #900; } 
#qo-tc1 .product-list .item-info .value { color: #900; font-weight: bold; font-size: 110%; }
#qo-tc1 .product-list .item-info .min-qty { color: #bbb; }
#qo-tc1 .product-list .item-info .min-val { color: #bbb; }
#qo-tc1 .product-list .item-info abbr { border-bottom: 0; text-decoration: none; }
#qo-tc1 .product-list .item-options { padding: 0 0 8px; margin: 0; }
#qo-tc1 .product-list .item-options * { vertical-align: middle; } /* options like quantity, add to basket/faves */
#qo-tc1 .product-list form { margin: 0; padding: 0; display: inline; vertical-align: middle; }
#qo-tc1 .product-list form * { vertical-align: middle; width: auto; float: none; clear: none; }
#qo-tc1 .product-list form img { display: inline; }
#qo-tc1 .product-list form label { margin: 0 6px 0 0; display: inline; }
#qo-tc1 .product-list form>label { margin: 0; }
#qo-tc1 .product-list form label abbr { }
#qo-tc1 .product-list form label input { text-align: center; font-size: 0.9em; padding: 1px; }


img { border: 0; }

/* sidebar advanced search for all ages */
#advanced-search { margin: 16px 0; padding: 0; }
#advanced-search label { }
#advanced-search fieldset { margin: 0; }
#advanced-search legend { display: block; line-height: 1.4em; font-weight: bold; font-size: 1.2em; z-index: 1; background: #fff; }
#advanced-search label { display: block; margin: 0; padding: 0; font-size: 0.9em; }
#advanced-search label span.desc { display: block; margin: 4px 0; }
#advanced-search input { margin: auto; font-size: inherit; font-size: 0.9em; padding: 1px; }
#advanced-search select { margin: auto; font-size: 0.9em; float: left; width: 58%; }

#advanced-search label.keywords { }
#advanced-search label.keywords span.desc {  }
#advanced-search #keywords { width: 99.5%; padding: 1px; font-size: inherit; }

#advanced-search label.code { clear: both; overflow: hidden; padding: 12px 0 6px 0; }
#advanced-search label.code span.desc { float: left; width: 30%; margin: 0; vertical-align: middle; }
#advanced-search #code { float: right; width: 63%; padding: 1px; font-size: inherit; vertical-align: middle; }

#advanced-search label.price-range { padding: 8px 0 4px; }
#advanced-search label.price-range span.desc { float: left; width: 47%; }
#advanced-search #price-range { float: right; width: 50%; }

#advanced-search label.min-price { float: left; width: 48%; clear: both; }
#advanced-search label.min-price span.desc {  }
#advanced-search label.min-price input { width: 96%; }
#advanced-search label.max-price { float: right; width: 48%; }
#advanced-search label.max-price span.desc {  }
#advanced-search label.max-price input { width: 97%; }

#advanced-search label.cat-search { clear: both; overflow: hidden; padding: 8px 0 4px 1px; }
#advanced-search label.cat-search span.desc { float: left; width: 30%; }
#advanced-search label.cat-search select { float: right; width: 63%; }

#advanced-search label.class-search { clear: both; overflow: hidden; padding: 8px 0 4px 1px; }
#advanced-search label.class-search span.desc { float: left; width: 30%; }
#advanced-search label.class-search select { float: right; width: 63%; }
#advanced-search label.class-search input { float: right; width: 62%; }

#advanced-search div { clear: both; text-align: center; width: 100%; margin: 8px auto; }
#advanced-search div input { margin: 0 auto; width: auto; padding: 2px; }

/* advanced search at the top of search results */
#advanced-search-top { margin: 0 0 8px; padding: 0 2px 2px; }
#advanced-search-top fieldset { padding: 0 10%; margin: 0 auto; }
#advanced-search-top legend { display: block; line-height: 1.4em; font-weight: bold; font-size: 1.2em; z-index: 1; background: #fff; }
#advanced-search-top label { display: block; margin: 0; padding: 0; font-size: 0.9em; vertical-align: middle; }
#advanced-search-top label span.desc { display: block; margin: 4px 0; }
#advanced-search-top input { margin: auto; font-size: inherit; font-size: 0.9em; padding: 1px; }
#advanced-search-top select { margin: auto; font-size: 0.9em; float: left; width: 58%; }

#advanced-search-top label.keywords { width: 48%; float: left; margin-bottom: 6px; }
#advanced-search-top label.keywords span.desc {  }
#advanced-search-top #keywords-t { padding: 1px; font-size: inherit; width: 96%; }

#advanced-search-top label.code { width: 48%; float: right; margin-bottom: 6px; }
#advanced-search-top label.code span.desc { margin: 4px 0 4px; }
#advanced-search-top #product-id { padding: 1px; font-size: inherit; width: 96%; }

#advanced-search-top label.price-range { float: left; width: 99%; padding: 4px 0 4px 0; clear: both; }
#advanced-search-top label.price-range span.desc { float: left; width: 30%; }
#advanced-search-top #price-range-t { float: right; width: 66%; }

#advanced-search-top label.min-price { float: left; width: 48%; clear: both; padding-bottom: 6px; }
#advanced-search-top label.min-price span.desc {  }
#advanced-search-top label.max-price { float: right; width: 48%; padding-bottom: 6px; }
#advanced-search-top label.max-price span.desc {  }

* html #advanced-search-top label.min-price input { padding: 0; }
* html #advanced-search-top label.max-price input { padding: 0; }

#advanced-search-top label.cat-search { clear: both; float: left; width: 99%; padding: 4px 0 4px; }
#advanced-search-top label.cat-search span.desc { float: left; width: 30%; }
#advanced-search-top label.cat-search select { float: right; width: 66%; }

#advanced-search-top label.search-class { clear: both; float: left; width: 99%; padding: 4px 0 4px; }
#advanced-search-top label.search-class span.desc { float: left; width: 30%; }
#advanced-search-top label.search-class select { float: right; width: 66%; }
#advanced-search-top label.search-class input { float: right; width: 64%; }

#advanced-search-top div { clear: both; text-align: center; width: 100%; margin: 8px auto; }
#advanced-search-top div input { margin: 0 auto; width: auto; padding: 2px; }

/* product details on single product page */
.fl-r { float: right; margin: 0 12px 12px 0; }
.product-details img { float: right; }
.product-details table caption { display: none; }
.product-details table { margin: 12px 0 24px; border-collapse: separate; clear: both; } /* the quantity discounts */
.product-details thead th { background: ; color: ; }
.product-details table td,
.product-details table th { padding-right: 16px; }
.product-details .item-info { overflow: hidden; line-height: 1.2em; margin: 0 -250px 0 0; padding: 16px 0; width: 100%; }
/* html .product-details .item-info { float: left; }*/
.product-details .item-info dt { float: left; width: 25%; clear: both; font-size: 1em; font-weight: bold; margin: 0; padding: 0; }
.product-details .item-info dd { float: right; width: 73%; font-size: 1em; clear: right; margin: 0; padding: 0; }
.product-details .item-info .price { margin: 8px 0 0; line-height: 26px; }
.product-details .item-info .value { margin: 8px 0 0; line-height: 26px; }
.item-options { vertical-align: middle; text-align: center; clear: both; }
.item-options h3 { text-align: center; font-size: 90%; }
.item-options form { display: inline; }
.item-options form label { font-size: 0.9em; }
.item-options form input { vertical-align: middle; display: inline; text-align: center; }

/* =uber pdv */
#product .enquiry,
#product .favourites,
#product .sample,
#product .small fieldset {
display: block;
float: left;
margin-right: 20px;
}
#product #qty-validation {
clear: both;
font-size: 1em;
margin: 10px 0px;
}
#product p.error {
color: #c00;
border: 1px solid #c00;
}
#product fieldset {
border: 0;
}
#product .basket fieldset {
display: block;
float: none;
margin: 0;
}
#product .basket table.product-grid {
margin: 0 10px 10px;
width: 97%;
}
#product .nc th {
padding: 2px 20px 2px 2px;
}
#product input.submit {
padding: 0;
display: inline;
}

/* =gallery */
#user-gallery form { clear: both; }
#user-gallery form fieldset { border-bottom: 0; }
#user-gallery form fieldset.submit { border-top: 0; border-bottom: 1px solid ; }
#user-gallery form label { clear: both; display: block; padding: 0.2em 0; }
#user-gallery form label span.desc { float: left; width: 10em; padding: 0.35em 0; line-height: 1.2em; }
#user-gallery ul.galleries { overflow: hidden; list-style: none; margin: 0; padding: 16px 0; }
#user-gallery ul.galleries .image { display: block; float: left; width: 30.8%; min-width: ; text-align: center; font-size: small; padding: 6px 0; margin: 0 1% 12px; border: 1px solid #ccc; }
#user-gallery ul.galleries .image-link { display: block; height: 140px; max-width: 140px; margin: 0 auto 6px; }
#user-gallery ul.galleries .image img { display: block; width: 95%; margin: auto; }
#user-gallery .single-image { width: 100%; overflow: hidden; }
#user-gallery .single-image img { width: auto; max-width: 100%; }
#user-gallery .a { clear: left; }

* html #user-gallery form legend { margin-left: -7px; }
*:first-child+html #user-gallery form legend { margin-left: -7px; }
* html #user-gallery form fieldset { padding: 8px; }
*:first-child+html #user-gallery form fieldset { padding: 8px; }
* html #user-gallery ul.galleries .image-link { width: 140px; }

/* address lookup button */
.address-lookup { margin: 0 0 12px 45%; }

/* after adding text labels to each address line: */
label.address-line234 { visibility: hidden; }
#wrapper #content input.hidden-Enum { display: none; }