/*===========================================
     R O O T   S T Y L  E    S H E E T 
============================================*/

body {margin:0;padding:0; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#666666;  background:url(../images/bgtile.png) repeat-y center #e3e3e3;}
p {margin:0 0 5px 0;}
a {text-decoration:none;} 
a:hover {text-decoration:underline !important;}
img {border:none;background:none;}
.cleaner {overflow:hidden;clear:both;height:1px;margin-top:-1px}
ul {margin-top:8px; margin-bottom:8px;}
li {font-size:0.9em;}
.hidden {display:none;}
form {margin:0; padding:0; display:inline;}
.smaller {font-size:0.9em}
h1.mainheader {position:absolute; text-indent:-9999px; top:-9999px; left:-9999px; padding:0; margin:0;}
.center {text-align:center}

/* Mcafee logos
**************************************************************************/
.mcafee_header {position:absolute;top:50px;right:0px;}

/* UVEX Prescription Safety Spectacles
**************************************************************************/
.uvex100 { float:left; position:relative; width:100%; }
.uvexGreenRight { float:left; position:relative; width:720px; background:url(../images/uvex-green-right.jpg) no-repeat right; text-align:right; padding-right:20px; }
.uvexGreenLeft { float:left; position:relative; width:720px; background:url(../images/uvex-green-left.jpg) no-repeat left; text-align:left; padding-left:10px; }
.uvex50Left { float:left; position:relative; width:365px; }
.uvex50Right { float:left; position:relative; width:365px; padding-left:10px; background:#f7f9e8; }

/* web offer font changes */
/**************************************************************************/
div.web {color:#cc0000;}
span.was {text-decoration:line-through;}
span.web  {color:#cc0000;}
span.hi-light {color:#cc0000; font-size:1.3em;}
span.new {font-size:1.6em; font-weight:bold; padding-top:10px;}
p.now {font-size:0.9em;color:#cc0000; font-weight:bold; text-align:left;}
p.product-code {font-weight:bold;}
span.error {color:#cc0000; font-style:italic;}
p.center { text-align:center; font-weight:bold;}

/************ other site wide **********/
/**************************************************************************/
p.question {color:#cc0000; text-align:center; margin-bottom:2px;}
.red{color:#cc0000; font-weight:bold;}
.black{color:#000000; font-weight:bold;}
div.padding {padding-left:10px;}
.italic {font-style:italic; font-size:0.9em;}
.blue {color:#336699 !important;}
.right {text-align:right;}
.verdana {font-family:Verdana, Arial, Helvetica, sans-serif;}
.link a {color:#336699 !important;}
span.branding {color:#cc0000;}

/*************** content *****************/
div#maincontent {float:left; margin:0px; padding:0px; display:inline; width:792px;}
div#maincontentsecure {float:left; margin:0px; padding:0px; display:inline; width:885px}

/*************** accessibility links ************/
/**************************************************************************/
ul#accessibility {display:none;}

/*************** container ******************/	
/**************************************************************************/
div#container {margin:0px auto; padding:0; width:960px;  position:relative;  }
/* div#container {border-left:#cccccc solid 1px; border-right:#cccccc solid 1px; border-top: #cccccc solid 1px;}


/************** container for two columns ************/
/**************************************************************************/
div#content div#content-center {float:left;width:600px;margin:2px 10px 0 10px;display:inline; padding:0px;}

/* ie6 only */
* html div#content div#content-center{
	margin: 2px 10px 0 10px;
	mar\gin:0;
	}
	
	
	
div#content div#content-right {float:right; width:167px;margin:0px; padding:0px; display:inline;}
div#maincontent .sectiondescription a {color:#039 !important;}
div#maincontent div#content-center {float:left;width:570px;margin:2px 10px 0 10px;display:inline; padding-left:0px;}
/* ie5.5 only */
* html div#maincontent div#content-center {float:left;width:570px;margin:2px 10px 0 5px;display:inline; padding-left:0px;}

div#maincontent div#content-right {float:right;width:167px;margin:0px; padding:0px;}

div#maincontent div#content-rightbrand {float:left;width:120px;margin:0px; padding:0px;}
div#maincontent div#content-centerbrand {float:left;width:610px;margin:2px 10px 0 10px;display:inline; padding-left:0px;}
/* ie5.5 only */
* html div#maincontent div#content-centerbrand {float:left;width:615px;margin:2px 10px 0 5px;display:inline; padding-left:0px;}
/****************** header ******************/
/**************************************************************************/
div#header {position:relative; height:170px; z-index:999;}
div#header a.logo {float:left;}
div#header a.free-delivery {padding-left:280px;}
div#header-ads {margin:20px 0 0 50px; float:left;}


/***************** navigation primary **************/
/**************************************************************************/
ul#nav-primary {float:left;background:#cc0000;left:0px;padding:0;margin:0;width:100%;list-style:none;position:relative;z-index:0;overflow:visible; background:url(../images/background-nav.gif) repeat-x;}
ul#nav-primary li {float:left;padding:0 1.3em 0 1.3em !important; border-right:1px solid #ac0505 !important;}
ul#nav-primary li:hover {background: #bb0101; }
ul#nav-primary li a {color:#ffffff;font-size:1.1em; font-weight:600; display:inline-block; height:28px; line-height:28px;}
ul#nav-primary li a.active {border-bottom:2px solid #ffffff;}
ul#nav-primary li a.active:hover {text-decoration:none;}
ul#nav-primary li.first {background:url(../images/background-nav.gif) repeat-x; padding:0;}
ul#nav-primary li.first a{background:url(../images/nav-home.gif) no-repeat top; width:32px; height:27px; padding:0;}
ul#nav-primary li.first a:hover{background-position:bottom;}
ul#nav-primary li.first a span{display:block; top:-9999px; left:-9999px; text-indent:-9999px;}
ul#nav-primary li.first:hover{background:#bb0101 !Important; padding:0;}
ul#nav-primary li.noBorder {border-right:none !important; background: url(../images/bluetile.gif) repeat-x;}
#navtop {display:block; position:absolute; top:-9999px; left:-9999px;}

/***************** navigation when logged in **************/
/**************************************************************************/
div#account-nav  {float:left;width:770px;margin:2px 10px 20px 10px; font-size:1em; font-weight:bold; text-align:center}
/* ie5.5 only */
* html div#account-nav  {float:left;width:570px;margin:2px 10px 0 5px;}
ul#account-nav {float:left;background:#000000; left:0px;padding:0;margin:5px 0 0 0;width:100%; list-style:none;position:relative;z-index:0;overflow:visible;}
ul#account-nav li {float:left;padding:5px 30px; color:#333333; font-size:1.1em;}
ul#account-nav li a {color:#ffffff;font-size:1em; font-weight:bold;}
ul#account-nav li a.active {border-bottom:2px solid #ffffff;}
ul#account-nav li a.active:hover {text-decoration:none;}
ul#account-nav li.first {background:none;padding-left:5px;}


/*************** navigation login *****************/
/**************************************************************************/
ul#nav-login {position:absolute;top:0;right:0;list-style:none;margin:0;padding:6px 0 0 3px; height:16px;}
ul#nav-login li {float:left;position:relative;}
ul#nav-login li a {color:#333333;padding:0 8px 0 7px;margin:0;font-size:1em;font-weight:bold;border-right: 1px solid #cccccc;}
ul#nav-login li:hover ul {display:block;}
ul#nav-login li ul {display:none;position:absolute;left:0;margin:0;padding:5px 0 8px 0;width:155px;z-index:3;}

ul#basket {position:absolute;top:0;right:0;list-style:none;margin:0;padding:30px 10px 0 3px;height:16px; z-index:-1;}
ul#basket span.price {color:#cc0000; font-weight:bold;}
ul#basket li {background: url(../images/basket.jpg) no-repeat;border:none;padding:0 0px 3px 20px;display:block;margin-top:-1px;}

/************ search bar *******************/
/**************************************************************************/
div#search {float:left; font-size:12px; color:#333333; font-weight:bold; z-index:999; margin: 5px 0 0 0; padding:0px;}
div#search .button {float:left; margin:0 0 0 5px; padding:0px;}
div#search .search {float:left; margin:2px 0 0 0;}

/* ie5.5 only */
* html div#search {position:relative; float:left;  background-color:#e1e1e1; padding: 5px 0 0 0; width:235px; height:32px; font-size:1em; color:#333333; font-weight:bold;}
/* ie6 only */
* html div#search {width: 235px; wid\th:500px;}
.search input {margin-top:0px; padding:0px;}


div#brand {font-size:12px; padding:0px; float:right; margin: 7px 10px 0 0; padding:0px;}
div#brand input.button {float:left; margin:0 0 0 5px; padding:0px;}
div#brand select {float:left; margin:2px 0 0 0; font-size:11px;}

/* ie6 only */
* html div#brand {font-size:1em; padding:0px; float:right; position:absolute; margin-left:-150px; z-index:999;}

div#searchDropDown							{margin:-1px 0 0 46px; z-index:999; position:relative;}
div#searchDropDown .searchList				{width:370px; background:#ffffff; border:1px solid #999999; padding:5px 0 5px 0; margin:0; list-style:none; position:absolute; top:0px; left:0px;}
div#searchDropDown .searchList li 			{position:relative; width:260px; padding:1px 105px 1px 5px;}
div#searchDropDown .searchList li.on		{background:#EAEAEA;}
div#searchDropDown .searchList li a			{color:#336699;}
div#searchDropDown .searchList li a:hover,
div#searchDropDown .searchList li.on a		{text-decoration:underline;}
div#searchDropDown .searchList li a:hover span,
div#searchDropDown .searchList li.on a span	{color:#333333;}
div#searchDropDown .searchList li a span	{display:inline-block; width:100px; position:absolute; right:5px; top:0px; color:#CCCCCC; text-align:right; font-weight:normal;}

/**************** sign up ***************************/
/**************************************************************************/
div#signup {background:url(../images/newsletternew.png) no-repeat;  position:relative; width: 164px; padding-top:7px; padding-left: 8px;font-size:1em; font-size:1em; height:90px; margin-bottom:5px;}

div#signup input.button {position:absolute; bottom:20px; right:17px;}
div#signup input.box {position:absolute; bottom:20px; left:10px; color:#666; font-size:11px; padding: 4px 10px 4px 0; border:1px solid #bcbcbc;}

/*************** left hand navigation *****************/
/**************************************************************************/
div#nav-secondary {float:left;width:161px; padding-right:6px; display:inline; }
/* ie5.5 only */
* html div#nav-secondary {float:left;width:165px; top:1500px; display:inline; padding: 0 0 20px 0px;}
/* ie6 only */
* html div#nav-secondary{
	width: 165px;
	wid\th:161px;
	}


div.side-nav {padding-top:0px;}
/* ie5.5 only */
* html div.side-nav {padding-top:0px; margin-top:10px;}
div.side-nav h2 {font-size:1em; color:#ffffff; background:url(../images/navigation-top.gif) no-repeat; height:20px; padding-left:10px; padding-top:6px; margin:0px;}
div.side-nav h2 a {color:#FFFFFF;}
div.side-nav h3 {font-size:1em; color:#ffffff; padding:4px 10px; background:#666666; margin:0px;}
div.side-nav h3.green {background:#7e9f6d;}
div.side-nav h3.red {background:#c96f70;}
div.side-nav h3.brown {background:#964a4c;}
div.side-nav h3.purple {background:#8b76c3;}
div.side-nav h3.blue {background:#6782ad;}
div.side-nav ul {list-style:none; margin:0px; padding:0px;}
div.side-nav li {color:#666666;text-decoration:none;font-size:1em; padding-left:8px; padding-top: 3px; padding-bottom:2px;border-right:#cccccc 1px solid; border-left:#cccccc 1px solid; border-bottom:#eeeeee 1px solid}
div.side-nav li:hover {background:#f6f6f6;}
div.side-nav li.last {padding-bottom:5px;}
div.side-nav li.lastlast {border-bottom:#cccccc 1px solid; padding-bottom:10px;}
div.side-nav li a{color:#666666; display:block; width:100%;}
div.side-nav h3 a{color:#ffffff;}
div.side-nav-advert img {padding-bottom: 4px !important; border:none;}

/*************** *24 hour offer ***************/
/**************************************************************************/
div.banner24 {margin:0px 0 5px 0px; padding-top:1px;clear:both;background:url(../images/24backgroundt.jpg) no-repeat; width:167px; height:172px; position:relative;}
/* ie5.5 only */
* html div.banner24 {margin:0px 0 5px 0px; padding:0px;}

div.banner24 div.time {font-size:16px; font-weight:bold; color:#ffffff; position:absolute; top:40px; left:30px; float:left; width:167px; letter-spacing:10px;}

/* ie5.5 only */
* html div.banner24 div.time {width:80px;}
/* ie6 only */
* html div.banner24 div.time{
	width: 80px;
	wid\th:70px;
	}
div.banner24 h4 {font-size:1em; color:#CC0000; text-align:center; font-style:italic; margin:15px 0 5px 25px;}
div.banner24 img {float: left; position:absolute; top:78px; left:10px;}
.banner24image a{min-height:120px; height:auto !important; height:120px;}
div.banner24 div.text {} 
div.banner24 p.product { font-size:0.8em; color:#ffffff; font-weight:bold; position:absolute; top:78px; left:80px;}
div.banner24 p.price {font-size:0.8em; margin-top:5px; color:#ff8f8f; position:absolute; top:110px; left:80px;}
div.banner24 div.web {color:#f6ff00; font-size:12px; position:absolute; top:150px; left:30px;}
div.banner24 div.web span.large {font-size:1.35em; font-weight:bold;}
div.banner24 span.was {text-decoration:line-through;}


/*************** company logos ****************/
/**************************************************************************/
ul#logos {top:0px;left:0px;padding:10px 0 0 0;margin:0 auto;width:960px;list-style:none; clear:both;}
ul#logos li {float:left;}
ul#logos li a.active:hover {text-decoration:none;}
ul#logos li.first {background:none;padding-left:5px;}
	
/************** footer *******************/
/**************************************************************************/
div#footer {float:left; clear:both;text-align:center;width:100%; padding:6px 0 5px 0; margin-top:0px; background-color:#f1f1f1; border-top:#cccccc solid 1px; border-bottom:#cccccc solid 1px; bottom:0px; position:static; text-align:center;}
div#footer p {color:#333333; font-size:1em; text-align:center;}
div#footer ul {list-style:none;margin:3px 0 3px 0;padding:0; text-align:center;}
div#footer ul li {float:left;} 
div#footer ul li a {color:#333333;border-left:1px #cccccc solid;padding:0 10px;font-size:1em; font-weight:bold}
div#footer ul li.first a {border-left:none;padding:0 6px 0 80px;}
div#footer ul li.first2 a {border-left:none;padding:0 6px 0 170px;}
div#footer ul li.paddingleft {padding:0 0 0 30px;}
#footerCentre {position:relative; width:580px; text-align:center; padding-bottom:4px;}


.pagefooter {clear:both; margin: 0 auto; width:960px;}
.pagefooter ul{list-style:none; padding:0; margin:12px 15px 0 15px; width:210px; float:left; display:inline;  background-color:#f9f9f9;}
.pagefooter li {color:#545454; line-height:20px; height:20px; padding-left:10px;}
.pagefooter a {color:#666666;}
.pagefootertop {font-size:13px; font-weight:bold; background-color:#AAAAAA; padding: 0 0 0 10px; margin-bottom:5px;}
.pagefootertop a {color:#FFFFFF;}

/* *************     copyright     ********************************/
/**************************************************************************/
div#copyright {clear:both;text-align:center;width:100%; padding:3px 0 5px 0; margin-top:0px;}
div#copyright p {color:#333333; font-size:0.9em;}

/*************      RSS     *************************/
/**************************************************************************/
div.bannerrss, div#news_rss {margin-top:10px;clear:both; width: 167px; text-align:center;}

div.bannerrss img {padding-bottom:3px;}

/***************   best sellers 1   ********************/
/**************************************************************************/
div.bestsellers { width:160px; font-size:1em; position:relative; margin:0; float:left }


div.bestsellers div.product-list {float: left;width:160px;margin:0 0 0 0; background:#ecebeb; padding:0 0 5px 0;}
/*ie5.5 only */
* html div.bestsellers div.product-list {float: left;width:160px;margin:0px; background:#ecebeb; padding:0 0 5px 0;}
div.bestsellers div.product-list div.image img {float:right; margin-top:10px; margin-right:7px;}
div.bestsellers div.product-list div.imagelast img {float:right; margin-top:10px; margin-right:7px; margin-bottom:10px;}
div.bestsellers div.product-list p {float:left; width: 95px; margin:5px 0px 5px 5px; font-size:0.9em; color:#000000; font-weight:bold;} 
div.bestsellers div.product-list a { color:#000000; text-decoration:none;} 
div.bestsellers h3 {font-size:1em; color:#ffffff; background:url(../images/bestsellers-top.gif) no-repeat; height:15px; text-align:center; padding:7px 0px; margin:0px;}
div.bestsellers div.product-list span.price {margin:0;color:#0099cc; font-weight:bold;}

.relatednews {
	padding:5px;
	}

/*****************	news container ***********************/
/**************************************************************************/
div.news-container {clear:both;margin:0;float:left;width:580px;position:relative; padding-bottom:10px;}	
div.news-container div.news {width:280px;margin:0 5px 0px 5px;float:left;display:inline; color:#666666; border-bottom: #cccccc solid 1px;}
div.news-container div.news div.newscontent {float:left;width:260px;margin:0; padding-left:8px; padding-right:10px; padding-top:10px; font-size:0.8em; background-color:#faf8f8; border-right:#cccccc solid 1px; border-left:#cccccc solid 1px;min-height:170px; height:auto !important; height:170px;}
/* ie5.5 only */
* html div.news-container div.news div.newscontent {width:280px;}
/* ie6 only */
* html div.news-container div.news div.newscontent{
	width: 280px;
	wid\th:260px;
	}


div.news-container div.news h4 {font-size:1em;font-weight:bold;color:#ffffff;margin:0; background:url(../images/news-top.gif) no-repeat; height:16px; text-align:center; padding:10px 0 5px 0; margin:0px; width:280px;}
div.news-container div.news div.newscontent .title {font-size:1em;font-weight:bold;}
div.news-container div.news div.newscontent a { color:#336699;}	
div.news-container div.news div.newscontent .moreinfonews a{position:absolute;bottom:0; padding-bottom:15px; width:260px; text-align:right;}
/* ie5.5 only */
* html div.news-container div.news div.newscontent .moreinfonews a{position:absolute;bottom:0; padding-bottom:20px; width:260px; text-align:right;}

.h4link {color:#ffffff; text-decoration:none !important;}


/****************	animated banner ********************/
/**************************************************************************/
div #stop-animation {background-color:silver; text-align:right; font-size:7pt;}
div #stop-animation a{color:white; font-weight:bold; font-size:7pt; cursor:pointer; display:block; padding-top:1px; padding-right:10px;}
div #stop-animation a:hover{background-color:#CC0000; text-decoration:none;}

/****************	products on offer  ********************/
/**************************************************************************/
div.products-container {clear:both;margin:0px 0 10px 0;float:left;width:600px;position:relative; padding:0px;}
/* ie5.5 only */
* html 	div.products-container {clear:both;margin:0px 0 10px 0;float:left;width:610px;position:relative; padding:0px;}
	
div.products-container  div.one-product {width:132px;margin:10px 23px 1.8em 0px;float:left;display:inline;min-height:275px; height:auto !important; height:275px;}
.prodlast{margin-right:0px !important;}
/* ie5.5 only */
* html div.products-container  div.one-product {min-height:255px; height:auto !important; height:255px;}

div.products-container  div.one-product div.image {float:left;margin-left:0px;display:inline;height:130px;width:130px;}
div.products-container  div.one-product div.image img {position:absolute;}
div.products-container  div.one-product div.content {float:left;width:128px;margin:20px 0 5px 0px;padding-bottom:6em;}
/* ie5.5 only */
* html div.products-container  div.one-product div.content {float:left;width:128px;margin:20px 0 5px 0px;padding-bottom:4.5em;}

div.products-container  div.one-product div.content h3 {font-size:1em;font-weight:normal;color:#333333;margin:0;}
div.products-container  div.one-product div.content a {color:#333333; font-weight:bold;}
div.products-container  div.one-product div.content div.purchase {position:absolute;bottom:0;}
div.products-container  div.one-product div.content div.purchase p.price {font-size:0.8em;margin:0;color:#666666;}

div.products-container  div.one-product div.content div.purchase a.button {position:relative;left:0px; }	
div.products-container  div.one-product div.content div.purchase span.view {display: block;background-color:#e1e1e1; color:#666666; font-weight: bold;font-size:0.85em; padding:5px 15px; text-align:center;}

div.one-product-section {width:180px; border: #ebebeb solid 1px; float:left; text-align:center; margin-right:10px; height:200px;}
div.one-product-section h3 a {color:#496592;}
div.one-product-section h3 {margin:10px 5px 5px 0; font-size:14px;}
div.one-product-section .image {padding-top:10px; height:140px;}

div.branding-section {width:115px; border: #ebebeb solid 1px; float:left; text-align:center; margin: 0 13px 10px 0; height:170px;}
div.branding-section h3 a {color:#496592;}
div.branding-section h3 {margin:10px 5px 5px 0; font-size:14px;}
div.branding-section .image {padding-top:10px; height:100px;}
div.branding-right {float:right; margin:0 0 20px 20px; width:388px;}
div.branding-left {float:left; width:520px;}


/********************* Subpage banner *****************/
/**************************************************************************/
div.subbanner {float:left;width:774px;margin:2px 0px 5px 10px;display:inline; clear:both; }
/* ie5.5 only */
* html div.subbanner {float:left;width:774px;margin:2px 0px 5px 5px;display:inline; padding:0px; }
/* ie6 only */
* html div.subbanner{
	margin: 2px 0 5px 5px;
	mar\gin:2px 0 5px 0px;
	}
div.breadcrumb {font-size:0.9em; color:#333333; margin-bottom:5px;}
div.breadcrumb a {color:#696969;}
div.title {float:left;background:#6782ad; width:784px; height:43px; padding:0px; margin:0px; display:inline;}
/* ie5.5 only */
* html div.title {float:left;background:#6782ad; width:774px; height:43px; padding:0px; margin:0px; display:inline;}

div.title h1{float:left;width:480px; color:#ffffff; font-size:1.4em; padding-left:10px; margin-top:10px;}
div.title img {float:right; padding:0px; margin:0px;}
div.subsearch {position:relative; float: left;  background-color:#e1e1e1; height:25px; font-size:1em; color:#333333; width:774px; padding-top:3px; padding-left:10px; font-size:0.95em;}
/*ie5.5 only */
* html div.subsearch {position:relative; float: left;  background-color:#e1e1e1; height:25px; font-size:1em; color:#333333; width:770px; padding-top:3px; padding-left:10px; font-size:0.95em; padding-bottom:0px; margin:0px;}
/* ie6 only */
* html div.subsearch{
	width: 774px;
	wid\th:764px;
	}

div.subsearch input.button {position:absolute;}

/**************** sub *section NEW ***********/
/**************************************************************************/
div.subpage-container {clear:both;margin:0px 0 10px 0;float:left;width:690px;position:relative; padding:0px;}
/* ie5.5 only */
* html div.subpage-container {clear:both;margin:0px 0 10px 0;float:left;width:580px;position:relative; padding:0px;}
/* ie 6 only */
* html div.subpage-container{
	width:580px;
	wid\th: 590px;
	}

div.subpage-container  div.one-product {width:170px;margin:0px 20px 0 5px;float:left;display:inline;}
/* ie5.5 only */
* html div.subpage-container  div.one-product {width:170px;margin:0px 10px 0 5px;float:left;display:inline;}
div.subpage-container  div.one-product div.image {float:left;margin-left:0px;display:inline;height:140px;width:170px; padding:0px;}
div.subpage-container  div.one-product div.image img {position:absolute; bottom:0px; text-align:center; padding-left:10px; vertical-align:middle; }
div.subpage-container  div.one-product div.image a { text-align:center !important;}
div.subpage-container  div.one-product h3 {color:#336699; font-size:1.3em; text-align:center; margin-top:40px; margin-bottom:0px; padding:0px;}
div.subpage-container  div.one-product h3 a {color:#336699;}

/****************************************************************************************************************************
/****************************************************************************************************************************
/****************************************************************************************************************************
/****************************************************************************************************************************/

/**************** product *list page ***************/
/**************************************************************************/
div.productlist {width:775px;margin:7px 0 0 10px; border-bottom:#cccccc solid 1px; clear:both; position:relative;}
/* ie5.5 only */
* html div.productlist {margin:7px 0 0 0px;}

div.productlist div.image  {float:left; margin-top:25px;}
div.productlist div.text {margin:10px 10px 0 15px; width:550px; font-size:0.9em; padding-bottom:10px; float:left}
/* ie5.5 only */
* html div.productlist div.text { margin:10px 0 0 5px;}

div.productlist div.text h4 {margin-bottom:0px; color:#336699; font-size:1.4em; margin-top:0px; margin-left:0px;}
div.productlist div.text h4 a{color:#336699;}
div.productlist div.text div.price {padding-top:10px; margin-bottom:3px;}
div.productlist div.text span.ex {font-size:1.3em; color:#336699; font-weight: bold;}
div.productlist div.text span.was {font-size:1.3em; color:#336699; font-weight: bold; text-decoration:line-through;}
div.productlist div.text span.brand { color:#000000; font-weight:bold; font-size:1.1em;}
div.productlist div.rating {float:right; position: relative; margin: -110px 0px 0 0 ;background:url(../images/rating-background.jpg) no-repeat; width:131px; height:72px;}
/* ie6 & 5.5 only */
* html div.productlist div.rating {
	margin: 20px 0px 0 0 ;
	}
div.productlist div.rating p{text-align:center; margin-top:7px;color:#666666;}
div.stars {text-align:center; margin-top:15px;}
div.text div.branding {float:left; margin:4px 0 0 10px; color:#666666;}
div.branding a {color:#666666;}
div.text img {float:left;margin:5px 0 0 0;}
div.discount {position:relative; bottom:3px; margin-left: 340px; color:#336699; font-size:0.9em; font-style:italic;}
div.basket {float:left;}
div.addformbutton {float:left; margin:5px 0 0 0;}

.addtobasket{margin-top:2px; text-align:center; float:right; margin-right:35px;}
/**************** feedback page ***************/
/**************************************************************************/
.feedback-rating img {float:left;}
.feedback-text {float: left; width:500px;} 
.feedback-rating .review-rating {float:right; width:120px;}


/****************** if a web offer ******************/
/**************************************************************************/

div.infoweb {float:right; margin-top:125px; color:#666666; font-size:0.9em;}
div.infoweb a{color:#666666;}
div.productlist div.ratingweb {float:right; margin: -120px -80px 0 0;background:url(../images/rating-background.jpg) no-repeat; width:131px; height:72px; padding:0px;}
div.productlist div.ratingweb p{text-align:center; margin-top:7px;color:#666666;}

/****************************************************************************************************************************
/****************************************************************************************************************************
/****************************************************************************************************************************
/****************************************************************************************************************************/

/*****************  *Product page *********************/
/**************************************************************************/
div.product-container {float:left; clear:both;margin:25px 0px 5px 10px; width:775px;}


/* ie5.5 only */
* html div.product-container {float:left; clear:both;margin:25px 0px 5px 0px; width:775px;}
/* ie6 */
* html div.product-container {
	margin:25px 0px 5px 0px;
	mar\gin: 25px 0 5px 0 ;
	}
	
div.product-image {float:left;  width:225px; text-align:center; margin-top:10px;}
div.product-text {float:left;  width:300px; margin-left:5px; margin-right:5px;}
div.product-text div.price {font-size:0.9em;}
div.product-text div.price span.ex {font-size:1.4em; color:#336699; font-weight: bold;}
div.product-text h3 {font-size:1.2em; color:#336699; margin-bottom:10px; margin-top:0px;}
div.product-text img {float:left;}
div.product-text span.brand {font-size:1.1em; font-weight:bold; color:#000000;}
div.product-email {float:left; width:130px; font-size:0.9em;} 
div.product-email img {float:left; padding-right:5px;}
div.product-email p {margin-top:8px;}
div.product-email a {color:#336699;}
div.options {margin:10px 0 10px 0;font-size:0.9em;}
div.options img {float:left;margin:9px 0 0 0;}

.dropdownnew {font-size:1em; margin-top:7px;}
.dropdownnew2 {font-size:1em; margin-top:2px;}

.freeico{padding:10px 0 20px 15px;}

.quicko{margin-right:48px;}

div.product-rating {float:right; width:230px; text-align:center; margin-top:20px;}

/*********** extra info box **********/
/**************************************************************************/
div.moreinfobox {position:relative; clear:both; width:765px; margin-top: 40px; /*float:left;*/ display:inline; height:500px; padding-top:40px;} 
/*#related {
	position:absolute;
	width:770px;
	top: 20px;
}
#customer {
	position:absolute;
	width:770px;
	top: 20px;
	visibility: hidden;
}
#productdis {
	position:absolute;
	width:770px;
	top:20px;
	visibility: hidden;
}
#addreview {
	position:absolute;
	width:770px;
	top: 20px;
	visibility: hidden;
}
#addthread {
	position:absolute;
	width:770px;
	top: 20px;
	visibility: hidden;
}*/

div.link1title {font-size:1.1em; color:#333333; font-weight:bold; margin-top:20px;}
div.link1title a {color:#336699;}
div.link1title ul{list-style:none; margin-left:-40px;}
div.link1title li{float:left;border:#e1e1e1 solid 1px;}
div.link1text {clear:both; font-size:0.9em; width:760px;}
li.background {width:122px; background:#e1e1e1; padding:4px; text-align:center;}
li.border {width:122px; border-right:#e1e1e1;padding:4px; text-align:center;}

/* Branding page */
div.link2title {font-size:1.1em; color:#333333; font-weight:bold;}
div.link2title a {color:#336699;}
div.link2title ul{list-style:none; margin-left:-40px;}
div.link2title li{float:left;border:#e1e1e1 solid 1px;}
div.link2text {clear:both; font-size:0.9em; width:760px;}
div.link2title li.background {width:170px;background:#e1e1e1; padding:4px; text-align:center;}
div.link2title li.border {width:170px;border-right:#e1e1e1;padding:4px; text-align:center;}

div.subtitle {width:765px; background:#e1e1e1; float:left;}


/*.code, */.codeTitle {
	float:left; 
	width:120px;
	margin:5px 0 5px 5px;
	font-size:1em;
	height:20px;
}

/*.code, */.ImageTitle {
	float:left; 
	width:90px;
	margin:5px 0 5px 5px;
	font-size:1em;
	height:20px;
}
div.relatedCode a {
	color:#336699; 
	font-weight:bold;
	float:left;
	margin:4px 0 4px 2px;
	display:inline-block;
	width:120px;
	height:80px;
}
div.code a {
	color:#336699; 
	font-weight:bold;
}
div.description, .descriptionTitle {
	float:left; 
	width:380px;
	font-size:1em; 
	margin: 5px 0 5px 0; 
	font-size:1.1em;	
	height:80px;
}

div.description2{
	float:left; 
	width:100px;
	font-size:1em; 
	margin: 5px 0 5px 0; 
	font-size:1.1em;	
	height:80px;
}


div.price-right, .price-rightTitle {float:right; margin:5px 5px 5px 0; text-align:right; font-size:1.1em; height:80px;}

.codeTitle, .descriptionTitle, .price-rightTitle {	height:15px;}

div.review-post {float:left;margin: 5px 0 5px 5px; width:600px; font-size:1.1em;}
div.postreview {float:left;margin: 5px 0 10px 5px; width:760px; font-size:1.1em;}
div.industrynews {float:left;margin:5px 5px 5px 5px; font-size:1.1em;}
span.poster a{font-weight:bold; color:#336699;}
span.reviewer {font-weight:bold; color:#cc0000;}
div.replies {float:left; width:20px; margin: 5px 0 5px 5px; text-align:center;}

div.footnote {float:left; font-size:0.8em; position:relative; font-style:italic; margin: 20px 0 0 10px; width:700px;}

div.review-form {float:left; padding:0 0px 0px 20px; margin:0px; clear:both; width:600px;}
div.news-box {float:left; padding:20px 0px 0px 20px; margin:0px; clear:both; width:600px;}
.oneArticle {
	padding:0.5em 0 0.5em 0;
}
.oneArticle a {
	color:#336699;
}
.industrynews {
	padding:0 0 0.3em 0;
}

/************* extra product images *******************/
/**************************************************************************/

div#imageswap {position:relative; width:230px; margin:0px auto; float:left; }
div#imageswap div.what { vertical-align:top !important; height:200px;}
a.gallery, a.gallery:visited {display:inline;  width:90px; height:90px ; float:left; margin:7px 8px; position:relative; }
/* ie only */
* html a.gallery, a.gallery:visited{ 
	padding-bottom:20px;
	padd\ing-bottom:0px; }

a.gallery span {visibility: hidden; display:block; position:absolute; width:170px; height:180px; top:0px; left:0px; text-align:center; border:2px solid #ffffff; background-color:#ffffff; padding:10px 30px 10px 10px;vertical-align:middle;}
/* ie5.5 only */
* html a.gallery span { padding:0 10px 0px 10px; /*height:190px;*/}

a.slide1 span {left:0px; top:-230px; }
/*ie 6 only */
/** html a.slide1 span {left:-10px; top:-220px; }*/
a.slide2 span {left:-106px; top:-230px;}
/*ie 6 only */
/** html a.slide2 span {left:-120px; top:-220px;}*/
a.slide3 span {left:0px; top:-331px;}
/*ie 6 only */
/** html a.slide3 span {left:-3px; top:-327px;}*/
a.slide4 span {left:-106px; top:-331px;}
/*ie 6 only */
a.slide5 span {left:0px; top:-437px;}
/*ie 6 only */
a.slide6 span {left:-106px; top:-440px;}

a.gallery:hover {white-space:normal; z-index:100;}
a.gallery:hover span {visibility:visible; z-index:100;}
a.gallery:hover span img { position:relative; z-index:100;}
a.gallery:active, a.gallery:focus { z-index:10;}
a.gallery:active span, a.gallery:focus span {visibility:visible; z-index:10;}
a.gallery:active span img, a.gallery:focus span img { position:relative;z-index:10; /*padding-bottom:50px;*/}

/*ie 6 only */
/** html a.gallery:active span img, a.gallery:focus span img {
	padding-bottom:50px;
	padd\ing-bottom:0px;}*/


/**************** *search page ***************/
/**************************************************************************/

div.search-container {float:left; clear:both;margin:0px 0 10px 0;width:580px; padding:0px;}
/* ie5.5 only */
* html div.search-container {float:left;clear:both;margin:0px 0 10px 0;width:450px;position:relative; padding:0px;}
div.search-container h1 {margin:0 0 5px 0px; padding:0px; color:#336699; font-size:1.3em;}
/*div.search-container p {margin:0 0 0 5px;}*/
div.searchlist {border-bottom:#cccccc solid 1px; width:570px; clear:both; margin:7px 0 0 10px;}
/* ie5.5 only */
* html div.searchlist {width:540px;}

div.searchlist div.image  {float:left; margin-top:20px;}
div.searchlist div.text {float:left; margin:10px 10px 0 15px; width:400px; font-size:0.9em; padding-bottom:10px;}
/* ie5.5 only */
* html div.searchlist div.text {float:left; margin:10px 0 0 5px; width:300px; font-size:0.9em; padding-bottom:10px;}

div.searchlist div.text h4 {margin-bottom:0px; color:#336699; font-size:1.4em; margin-top:0px; margin-left:0px;}
div.searchlist div.text h4 a{color:#336699;}
div.searchlist div.text div.price {padding-top:10px; margin-bottom:3px;}
div.searchlist div.text span.ex {font-size:1.3em; color:#336699; font-weight: bold;}

div.resultfilter {margin:0 0 10px 0;clear:both; padding-left:5px; width:180px; /*border-left: 1px solid #cccccc;*/}
/* ie5.5 only */
* html div.resultfilter {margin:0 0 10px 0;clear:both; padding-left:0px; width:175px;}
/* ie6 only */
* html div.resultfilter{
	padding-left: 5px;
	padd\ing-left:0px;
	}
div.resultfilter h5 {margin:0 0 5px 0; background:#e1e1e1; padding:3px 0 3px 5px;font-size:1em; color:#333333; font-weight:normal; width:185px;}
/* ie5.5 only */
* html div.resultfilter h5 {width:167px; padding:0px;}
div.resultfilter p {color:#666666; font-size:0.9em; /*margin:5px 0 5px 2px;*/} 
div.resultfilter a {color:#336699; margin:0 0 0 2px;}
div.filter input.filter {font-size:0.9em; margin:5px 0 0 0; width:185px;}
/* ie5.5 only */
* html  div.filter input.filter {width:167px;}
/* ie6 */
* html div.filter input.filter {
	width:167px;
	wid\th: 167px;
	font-size:0.9em;
	f\ont-size: 0.8em;
	}
div.filter input.button2 { margin:5px 0 10px 0; padding-left:145px;}
/* ie5.5 only */
* html  div.filter input.button2 {padding-left:145px;}
/* ie6 */
* html div.filter input.button2 {
	padding-left:145px;
	padd\ing-left: 125px;
	}
div.filter {font-size:1.1em; font-weight:bold; color:#333333; margin:40px 0 0 0;}

.suggestedSearchBox		{background:#F3F3F3; color:#FF0000; margin:5px; padding:5px; font-weight:bold; border:1px dashed #FF0000;}
.suggestedSearchBox a	{color:#336699;}

/****************************************************************************************************************************
/****************************************************************************************************************************
/****************************************************************************************************************************
/****************************************************************************************************************************/

/***************** plain content pages **********************/
/******************************************************************/

div#plaincontent {margin:10px 0 0 15px; min-height:630px; height:auto !important; height:630px; color:#333333;}
div#plaincontent p {color:#333333;}
.security a {color:#000000; font-weight:bold; text-decoration:underline;}

div#plaincontent li { font-size:1em; margin:0 0 5px 0;}
div#plaincontent div.oneanswer {float:right; font-size:1.6em;}
div#plaincontent a {color:#336699; text-decoration:underline;}
div#plaincontent span.important {color:#336699; font-weight:bold;}
div#plaincontent h1 {font-size:1.3em; color:#336699;}
/*div#plaincontent h2 {font-size:1.3em; color:#336699;}*/
div#plaincontent h3 a {color:#000;}
div#plaincontent h3 {margin:15px 0 7px 0; font-size:1.1em; color:#000;}
div#plaincontent .abc {list-style-type:lower-alpha; font-size:1em;}
div#plaincontentsecure {margin:10px 20px 0 15px;  min-height:630px; height:auto !important; height:630px;}
div#plaincontentsecure p {color:#333333;}

/******************* *sitemap *******************************/
/************************************************************/

div#sitemapcontent h1{font-size:1.3em; color:#336699;}
div#sitemapcontent {margin:10px 0 0 15px;}
div#sitemapcontent p {color:#333333;}
div#sitemapcontent a {color:#666666;}

h3.sitemap, h3.maximise, h3.minimise { background : url(../images/maximise.gif) no-repeat 5px 2px;	cursor : default; font-size:1.1em; 	padding-left : 20px;	}
h3.minimise	{ background : url(../images/minimise.gif) no-repeat 5px 2px  ;	}
ul.sitemap { list-style-type : none;	padding-left : 0;}
ul.sitemap li { background : transparent;	padding :2px 0 2px 0px;}
ul.sitemap li a	{ background : transparent url(../images/sitemapdocbullet.gif) no-repeat 0px 0px;	padding-left : 15px;	}
ul.sitemap li img { padding-right : 3px;}
ul.sitemap li a.parent { background : transparent;	padding-left : 0;}
ul.sitemap li ul { background : transparent /*url(images/sitemapfolderbullet.gif)*/ no-repeat;	list-style-type : none;	}
ul.sitemap li ul:hover { background : transparent /*url(images/sitemapfolderbullethover.gif)*/ no-repeat;}
ul.sitemap li ul li	{ margin-left :1cm;	padding-left : 0px;}

/****************************************************************************************************************************
/****************************************************************************************************************************
/****************************************************************************************************************************
/****************************************************************************************************************************/

/******************* *Protec Reach *******************************/
/************************************************************/

div#reachContent h1			{font-size:1.3em; color:#336699;}
div#reachContent h2			{font-size:1.2em; color:#336699;}
div#reachContent 			{margin:10px 0 0 15px;}
div#reachContent p 			{color:#333333;}
div#reachContent a 			{color:#666666;}

.reachBulletList			{font-size:1.1em;}
.reachBulletList li			{padding:0.2em 0;}

#COSHHList					{font-size:1.1em;}

/***************** *prescription **********************/
/******************************************************************/

div#pagetopinfo  {float:left;width:580px;margin:2px 0px 5px 10px; display:inline; clear:both; }
/* ie5.5 only */
* html div#pagetopinfo {float:left;width:580px;margin:2px 0px 5px 5px;display:inline; padding:0px; }
/* ie6 only */
* html div#pagetopinfo{
	margin: 2px 0 5px 5px;
	mar\gin:2px 0 5px 0px;
	}
div#pagetopinfoimg { float:left;width:100px;margin:0px;display:inline;} 
div#pagetopinfo2  {float:left;width:775px;margin:2px 0px 5px 10px; display:inline; }
/* ie5.5 only */
* html div#pagetopinfo2 {float:left;width:775px;margin:2px 0px 5px 5px;display:inline; padding:0px; clear:both; }
/* ie6 only */
* html div#pagetopinfo2{
	margin: 2px 0 5px 5px;
	mar\gin:2px 0 5px 0px;
	}
div#pagetopinfo h2{font-size:1.3em; color:#336699;}

/***************** *brands pages **********************/
/******************************************************************/

div#brands {width:750px;}
div.brand-container { width:610px; margin:15px 0 15px 0;  border-bottom:1px solid #cccccc;}
/* ie5.5 only */
* html div.brand-container { border-bottom:1px solid #cccccc; width:600px; margin-bottom:15px; margin-right:20px;}
div.brand-container h3 {font-size:1em; color:#333333; margin:0 0 10px 0;}
div#brandsinfoimg { float:left;width:120px;margin:5px 0 0 10px;display:inline; clear:both;} 
div#brandsinfo  {float:left;width:580px;margin:10px 0px 5px 10px; display:inline; vertical-align:middle; height:60px;}
/* ie5.5 only */
* html div#brandsinfo {float:left;width:580px;margin:2px 0px 5px 5px;display:inline; padding:0px; }
/* ie6 only */
* html div#brandsinfo{
	margin: 2px 0 5px 5px;
	mar\gin:2px 0 5px 0px;
	}

div.brand-list {float:left;width:600px;margin:7px 0 5px 10px; clear:both;}
/* ie5.5 only */
* html div.brand-list {float:left;width:600px;margin:7px 0 0 0px; clear:both;}
div.brand-list div.image  {float:left; width:50px;}
div.brand-list div.text {float:left; margin:0 0 0 15px; width:530px; font-size:0.9em;}
/* ie5.5 only */
* html div.brand-list div.text {float:left; margin:0 0 0 5px; width:530px; font-size:0.9em;}
div.brand-list div.text h4 {color:#336699; font-size:1.1em; margin: 0px;}
div.brand-list div.text h4 a{color:#336699;}

div.Threeinarow div.text h4 {color:#336699; font-size:1.15em; margin: 0px;}
div.Threeinarow div.text h4 a{color:#336699;}

div.list-2row {background-image:url(../images/list-2row-bg.jpg); width:381px; max-width:381px; height:189px; max-height:189px; display:inline; float:left; margin:0 3px 10px 5px;}
div.list-2row-right {float:right; width:230px; height:150px; display:block;}
div.list-2row h4 {color:#336699 !important; margin:0px 0 1px 10px; font-weight:bold !important; display:block; font-size:12px;}
div.list-2row h5 {color:#696969 !important; margin:2px 0 1px 10px; font-weight:normal !important; display:block; font-size:11px;}
div.list-2row h4 a {color:#336699 !important;}
div.list-2row-image {float:left; width:138px; height:149px !important; margin-left:2px; display:block; overflow:hidden; margin-top:0px;}
div.list-2row-image img {max-width:134px; max-height:105px; margin-left:2px; display:block; margin-bottom:5px;}
div.list-2row .code {font-size:11px !important; color:#9e9e9e; margin-left:5px;}
div.texttop {height:45px; display:block;}
*html div.list-2row {overflow:hidden;}
*html div.list-2row-image img {height:100px; width:130px;}

div.list-2row div.price {padding-top:10px; margin-bottom:3px;}
div.list-2row span.ex {font-size:1.6em; color:#d7081c; font-weight: bold; padding-bottom:5px;}
div.list-2row span.was {font-size:1.3em; color:#336699; font-weight: bold; text-decoration:line-through;}
div.list-2row span.brand { color:#000000; font-weight:bold; font-size:1.1em;}
div.list-2row .option {padding-top:10px;}
div.list-2row .option select {max-width:170px; font-size: 0.9em;}
div.list-2row .addformbutton {width:160px; padding-top:5px; float:left; display:block;}
div.list-2row .addformbutton input {float:left;}
div.list-2row .basket {float:right; margin-top:2px; margin-left:5px; padding:0px; display:block;}


div.topsellers div.brandproduct-list {float: left;width:140px;margin:0 0 0 10px; background:#ecebeb; padding:0 0 5px 0;}
/*ie5.5 only */
* html div.topsellers div.brandproduct-list {float: left;width:140px;margin:0px; background:#ecebeb; padding:0 0 5px 0;}
div.topsellers div.brandproduct-list p {float:left; width: 130px; margin-top:5px; margin-left:7px; font-size:0.9em; color:#000000; font-weight:bold;} 
/* ie5.5 only */
* html div.topsellers div.brandproduct-list p {float:left; width: 130px; margin-top:5px; margin-left:3px; font-size:0.9em; color:#000000; font-weight:bold;} 
div.topsellers div.brandspecial-list p {float:left; width: 90px; margin-top:5px; margin-left:7px; font-size:0.9em; color:#000000; font-weight:bold;}
/* ie5.5 only */
* html div.topsellers div.brandspecial-list p {float:left; width: 90px; margin-top:5px; margin-left:3px; font-size:0.9em; color:#000000; font-weight:bold;}
div.topsellers div.brandspecial-list img {margin-top:7px;}
div.topsellers div.brandspecial-list {float: left;width:140px;margin:0 0 0 10px; background:#ecebeb; padding:0 0 5px 0;}
/*ie5.5 only */
* html div.topsellers div.brandspecial-list {float: left;width:140px;margin:0px; background:#ecebeb; padding:0 0 5px 0;} 
div.backtop { font-size:0.8em; width:600px;}
div.topsellers h3 {font-size:1em; color:#ffffff; background:url(../images/bestsellers-top2.gif) no-repeat; height:15px; text-align:center; padding:7px 0px; margin:0px;}
div.quicklinks { float:right; }
div.quicklinks select.quicklinks { font-size:0.9em;} 
div.topsellers div.brandproduct-list a { color:#000000;} 
div.topsellers div.brandspecial-list a { color:#000000;} 

/****************************************************************************************************************************
/****************************************************************************************************************************
/****************************************************************************************************************************
/****************************************************************************************************************************/

/***************** *register forms **********************/
/******************************************************************/

div.regform form {  
  margin: 0;
  padding: 0;
  width: 580px;
}

div.regform form label { 
	float: left; 
	width: 230px; 
	padding: 0; 
	margin: 9px 10px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

div.regform form input, div.regform form select {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 0px; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
	font-size:1em;
	padding:2px;

}

div.regform form .required{font-weight:bold; color:#333333;}
div.regform form br { clear:left;}
div.regform div.tickbox {float:left; width:400px; margin:0 0 0 240px;}
/* ie 5.5 only */
* html div.regform div.tickbox {float:left; width:400px; margin:0 0 0 123px;}
div.regform div.tickbox form input {margin:0px; padding:0px;}
div.regform form img {vertical-align:bottom; margin:5px 10px 10px 2px;}
/***************** email forms **********************/
/******************************************************************/

div.emailform form {  
  margin: 0;
  padding: 0;
  width: 400px;
}

div.emailform form label { 
	float: left; 
	width: 200px; 
	padding: 0; 
	margin: 9px 10px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

div.emailform form input, div.emailform form select {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 0px; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
	font-size:1em;
}

div.emailform form .required{font-weight:bold; color:#333333;}
div.emailform form br { clear:left;}
div.emailform div.tickbox {float:left; width:400px; margin:0 0 0 210px;}
div.emailform div.tickbox form input {margin:0px; padding:0px;}
div.emailmain {float:left; width:580px; border:1px solid #cccccc;}
div.emailmain div.product-text {float:left;  width:340px; margin:0px; padding:0px;}
div.print {float:left; width:600px;}
div.print div.product-text {float:left;  width:340px;padding:0px; margin:0 0 0 20px;}
div.print img {vertical-align:middle; padding:0 5px 0 10px;}
div.print a {font-size:0.9em; color:#336699; font-weight:bold;}

/***************** *prescription form **********************/
/******************************************************************/


div.presform form label { 
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 9px 10px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

div.presform form input, div.presform form select, div.presform form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 0px; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
	font-size:1em;
}


div.presform form .required{font-weight:bold; color:#333333;}
div.presform form br { clear:left;}
/***************** *contact form **********************/
/******************************************************************/

.contact-form {
	border: 1px solid #cccccc;
	margin:0 0 0 0;
	padding: 1em ;
	background:#fafafa;
	width:400px;
}
.contact-form label {
 	float: left; 
	width: 100px; 
	padding: 0; 
	margin: 0.6em 0.5em 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
	font-weight:bold
}
.contact-form form input, .contact-form select, .contact-form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:0.4em 0 0 0; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
	font-size:1em;
	padding:0.2em;
}
.contact-form fieldset {
	border: dashed 1px #cccccc;	
	margin-bottom:1em;
	padding:1em;
}
.contact-form .button {
	margin-left:12.5em;
}


/***************** *branding form **********************/

.contact-form-branding {
	margin:0 0 10px 0;
	padding: 1em ;
	background:#fafafa;
	width:365px;
	border: #ebebeb solid 1px;
}
.contact-form-branding label {
 	float: left; 
	width: 7em; 
	padding: 0; 
	margin: 0.6em 0.5em 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
	font-weight:bold
}
.contact-form-branding form input, .contact-form-branding select, .contact-form-branding textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:0.4em 0 0 0; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
	font-size:1em;
	padding:0.2em;
}
.contact-form-branding fieldset {
	border: dashed 1px #cccccc;	
	margin-bottom:1em;
	padding:1em;
}
.contact-form-branding .button {
	margin-left:85px;
}

/***************** *brochures **********************/
/******************************************************************/

div.brochure {float:left; list-style:none; clear:both; display:inline; width:100%;}
div.brochure ul {float:left; clear:both; display:inline;}
div.brochure p {color:#333333; font-size:0.9em;}
div.brochure ul {list-style:none;margin:2px 0 0 0;padding:0;}
div.brochure ul li {float:left; width:140px; padding-left:30px; color:#666666; margin:4px 2px; display:block; text-align:center;}
div.brochure img {padding:10px;}
div.brochure ul li a {color:#336699; font-weight:bold; display:block; text-align:center;}
div.brochure ul li.first {padding:0 0 0 40px;}


/***************** *shopping basket **********************/
/******************************************************************/

.vat {font-size:0.8em; font-weight: normal; }

.basket-table { padding: 0px; margin: 0px; margin-bottom: 10px; border-collapse: collapse; border-spacing: 0; }

.basket-table thead tr { margin: 0px; background-color: #E1E1E1; font-size: 0.9em; font-weight: bold; vertical-align: bottom; }
.basket-table th { margin: 0px; padding: 2px 5px 2px 5px; border-top: 1px #AAAAAA solid; border-bottom: 1px #AAAAAA solid; }

.basket-table tbody td { font-size: 1em; padding: 3px; vertical-align: middle; color: #666666; border-bottom: 1px silver solid; }
.basket-table .thumbnail { padding-left: 0px; text-align: right; vertical-align: top; }
.basket-table .product { font-weight: bold; font-size: 1.1em; }
.basket-table .brandednotice { border: 1px #8DCD9A solid; background-color: #DFF2BF; color: #3D6607; font-size: 0.7em; padding: 1px 2px 1px 2px; }
.basket-table .option { color: black; }
.basket-table .measure { color: #666666; }
.basket-table .code { font-size: 0.9em; color: #666666; }
.basket-table .remove { text-align: center; }
.basket-table .value { text-align: right; font-weight: bold; color: #666666; }
.basket-table .discount { text-align: right; color:  red; }
.basket-table .discountprice { text-align: right; color: #666666; }
.basket-table .majorvalue { text-align: right; font-weight: bold; color: black; }

.basket-table tr.voucher { background-color: #DFF2BF; color: #3D6607; }
.basket-table tr.voucher td { background-color: #DFF2BF; color: #3D6607; }
.basket-table tr.voucher td.price { background-color: #DFF2BF; color: black; text-align: right; font-weight: bold; }

.basket-table tfoot td { font-size: 1em; padding: 3px; vertical-align: bottom; color: #666666; }
.basket-table tfoot tr.total td { padding-top: 8px; padding-bottom: 8px; font-size: 1.2em; font-weight: bold; color: black; background-color: #E1E1E1; border-top: 1px #AAAAAA solid; border-bottom: 1px #AAAAAA solid; }

.basket-error { font-size: 1em; font-weight: normal; padding: 5px; color: maroon; background-color: #eed9d7; border: 1px solid #caacaa; margin: 0px;}
.basket-error h2 { margin: 0px; padding: 0px; font-size:14px;}

.basket-promo-free { font-size: 1em; padding: 2px; color: #3d6607; padding-left: 31px; height: 18px; line-height: 18px; background: url(../images/icotick.png) no-repeat #dff2bf; border: 1px solid #8dcd9a; margin: 0 auto 5px 0; }
.basket-promo-notify { font-size: 1em; padding: 2px; color: #2776a2; padding-left: 31px; height: 18px; line-height: 18px; background: url(../images/icoinfo.png) no-repeat #ebf6fc; border: 1px solid #5aa9e2; margin: 0 auto 5px 0; }
.basket-promo-christmas { font-size: 1em; padding: 2px; color: #2776a2; padding-left: 31px; height: 18px; line-height: 18px; background: url(../images/ico-christmas.png) no-repeat #ebf6fc; border: 1px solid #8dcd9a; margin: 0 auto 5px 0; }
.promotional-code { padding: 0px; margin: 0px; border-collapse: collapse; border-spacing: 0; border: 1px #d5e4fc solid; background-color: #edf4ff; color: #3e5171; }
.promotional-code .content { border: 0px; color: #3e5171; }

.basket-branding-warning { background-color: #ebf6fc; color: #2776a2; border: 1px #5aa9e2 solid; padding: 3px; margin: 0px 0px 10px 0px; }

/***************** *secure area **********************/
/******************************************************************/
table.basket-order th.invoice {width:100px; text-align:left;}
table.basket-order td.invoice a { color:#336699 !important;}

table.basket-order td.details  { font-size:1em;text-align:left;}
table.basket-order th.details {width:700px; text-align:left;}
table.basket-order th.date {width:100px; text-align:center;}
table.basket-order td.date {text-align:right; padding-bottom:10px;}
table.basket-order td.code {width: 70px; font-size:0.9em;}
table.basket-order th.code {text-align:left;}
table.basket-order th.quant {width:150px;text-align:center;}

/***************** *sales order **********************/
/******************************************************************/
table.basket-order th.itemsales {width:400px;}

div.data {width:130px;float:left;font-size:1em;margin:2px 10px 0 15px;display:inline; font-weight:bold;}
div.my-account div.details div.value {font-size:1em; margin-top:2px;}
div.my-account div.details {clear:both;}
div.my-account p {margin:0 0 0 20px; color:#666666 !important;}
div#plaincontent div.my-account h3 { font-size:1em; border-bottom:1px solid #cccccc; border-top:1px solid #cccccc; padding:5px; background:#f8f8f9; margin:20px 0 20px 0;}


/************ *printer friendly order **********/
/**************************************************************************/
div.printer-friendly {float:right; width:160px; font-size:0.9em;} 
div.printer-friendly img {float:left; padding-right:5px;}
div.printer-friendly p {margin-top:8px;}
div.printer-friendly a {color:#336699;}

/************ *card details **********/
/**************************************************************************/
table.card {width:100%;margin-bottom:20px; color:#333333;}
table.card th {background:#e1e1e1;font-size:1em;font-weight:bold;padding:5px 5px; }
table.card tbody td {font-size:1em;padding:2px;vertical-align:middle;border-bottom: 1px dotted #666666;}

table.basket-order th.card {width:100px; text-align:left;}
table.basket-order th.cardn {width:150px; text-align: left;}
table.basket-order th.name {width:300px; text-align:left;}
table.basket-order td.card {text-align: left; padding-left:8px;}
table.basket-order td.cardn {text-align: left; padding-left:8px;}
table.basket-order td.blank {border:none; padding-left:10px;}
div.cardimage {float:left; margin-left:50px;}
div.cardimageleft {float:left; margin-left:150px;}
div.cardimage p {text-align:center;}

/************ *checkout **********/
/**************************************************************************/

div.regform form .notes {width:500px;}
div.my-account div.regform form textarea {width:300px; margin-left:100px;} 
div.my-account div.regform p {margin:0 0 0 5px;}
div#plaincontent div.my-account div.regform h3 {margin:20px 0 5px 0;}
div.my-account div.regform div.data {width:100px;}
div.my-account div.regform form label {width:100px; text-align:left; margin: 5px 10px 0 15px; color:#666666;}
div.my-account div.regform form input, div.my-account div.regform form select {margin:3px 0 0 0px; font-size:1em;}

div#shop-status {float:left; width:100%;clear:both; padding-left:250px;}
div.checkout-header-here {float:left; color:#FFFFFF; font-size:1.5em; border-bottom:1px solid #CC2432; border-top:1px solid #CC2432; padding:15px; background:#CC2432; margin:10px 0 10px 0; font-weight:bold;}
div.checkout-header {float:left; font-size:1.5em; border-bottom:1px solid #CC2432; border-top:1px solid #CC2432; padding:15px; background:#ffffff; margin:10px 0 10px 0;}

div#maincontentsecure div.regform form label { 
	float: left; 
	width: 300px; 
	padding: 0; 
	margin: 5px 10px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
	color:#666666;
}

div#maincontentsecure div.regform form {  
  margin: 0;
  padding: 0;
  width: 700px;
}

div#maincontentsecure div.regform form div.info { float:left; font-weight:normal; margin: 5px 10px 0 0; }

div#maincontentsecure div.regform div.tickbox {float:left; width:400px; margin:0 0 0 310px;}
/* ie 5.5 only */
* html div#maincontentsecure div.regform div.tickbox {float:left; width:400px; margin:0 0 0 155px;}



/************* WConfirm **********/
/**************************************************************************/

#confirm-shopstatus {clear:both; padding-left:150px;}

#wconfirm-table {width:590px; margin:0 20px 20px 0; color:#333333;}
#wconfirm-table .header-text {border-bottom: 1px #B4B4B4 solid; font-weight: bold; text-align: left; padding: 2px 5px 2px 5px; background-color: #E1E1E1;}
#wconfirm-table .header-value {border-bottom: 1px #B4B4B4 solid; font-weight: bold; text-align: right; padding: 2px 5px 2px 5px; background-color: #E1E1E1;}
#wconfirm-table .item-text {border-bottom: 1px #D8D8D8 solid; font-weight: normal; text-align: left; padding: 2px 5px 2px 5px; background-color: #F8F8F9;}
#wconfirm-table .item-value {border-bottom: 1px #D8D8D8 solid; font-weight: normal; text-align: right; padding: 2px 5px 2px 5px; background-color: #F8F8F9;}
#wconfirm-table .item-important-value {border-bottom: 1px #D8D8D8 solid; font-weight: bold; text-align: right; padding: 2px 5px 2px 5px; background-color: #F8F8F9;}
#wconfirm-table .total-text {border-bottom: 1px #B4B4B4 solid; border-top: 1px #B4B4B4 solid; font-weight: bold; text-align: left; padding: 2px 5px 2px 5px; background-color: #E1E1E1;}
#wconfirm-table .total-value {border-bottom: 1px #B4B4B4 solid; border-top: 1px #B4B4B4 solid; font-weight: bold; text-align: right; padding: 2px 5px 2px 5px; background-color: #E1E1E1;}
#wconfirm-table .brandednotice { border: 1px #8DCD9A solid; background-color: #DFF2BF; color: #3D6607; font-size: 0.7em; padding: 1px 2px 1px 2px; }

#confirm-buttons {float:right; width:252px;}
#confirm-buttons h3 {font-size:14px; color:#666666 !important; display:block; padding: 8px 0 8px 10px !important;}

#confirm-paybycard {width:251px; height:151px; background:url(../images/basket-order-bg.jpg) repeat-y center #f5f5f5; display:block; margin-bottom:20px;}
#confirm-paybycard p {width:80px !important; text-align:right; font-weight:bold; display:inline !important; margin:5px 0 5px 10px;}
#confirm-paybycard .price {font-size:20px; color:#666666; display:inline !important;}
#confirm-paybycard .deliveryoption {text-align:left; font-weight:normal; display:inline !important; font-size:10px; }
#confirm-paybycard .button {padding:20px !important;}

#confirm-paybyaccount {width:251px; height:151px; background:url(../images/basket-order-bg.jpg) repeat-y center #f5f5f5; display:block;}
#confirm-paybyaccount p {width:80px !important; text-align:right; font-weight:bold; display:inline !important; margin:5px 0 5px 10px;}
#confirm-paybyaccount .price {font-size:20px; color:#666666; display:inline !important;}
#confirm-paybyaccount .deliveryoption {text-align:left; font-weight:normal; display:inline !important; }
#confirm-paybyaccount .button {padding:20px !important;}





/************ *news page **********/
/**************************************************************************/
div.newspageClass { 
	float:left;
	width:580px;
	margin:2px 10px 0 0px;
	display:inline; 
	padding:0px;
}

div#news_rss  img{
	padding:5px 0 0 0;
}
div.newspageClass img 	{
	float:left;
	padding:0 10px 0 0
}
div.newspageClass div.news-title {
	font-size:1em; 
	border-bottom:1px solid #cccccc; 
	border-top:1px solid #cccccc; 
	padding:0 0 2px 5px; 
	background:#f8f8f9; 
	margin:10px 0 10px 0;
}
div.newspageClass div.news-title h3 a{
	color:#336699 !important;	
}
div.newspageClass div.news-title p { 
	font-size:0.9em; 
	font-weight:bold; 
	padding:0px;
}

div#newspageMonths{
	float:left;
	width:167px;
	margin:20px 0 0 0; 
	padding:0; 
	display:inline;
}
div#newspageMonths .bestsellers h3 {
	color:#ffffff;
	margin:0;
}
div#newspageMonths .bestsellers a {
	color:#000000;
}
div#newspageMonths ul.monthList{
	font-size:0.8em;
	padding:0;
	margin:0;
	list-style:none;
}
div#newspageMonths ul.monthList li{
	margin:0;
	padding:0;
	color:#CCCCCC;
	background:#F8F8F9;
	width:160px;	
	border-bottom:1px solid #CCCCCC;
}
div#newspageMonths h2 {
	font-size:1em;
	color:#ffffff;
	background:url(../images/navigation-top.gif) no-repeat;
	height:20px;
	padding-left:10px;
	padding-top:6px;
	margin:0px;
}
div#newspageMonths ul.monthList a {
	display:block;
	padding:3px 5px 3px 10px;
}
.allArticles {
	float:right;
}
.news-date { 
	margin-top:-10px;
	font-weight:bold; 
}
div.newspageClass .newsImgLrg {
	float:left;
	margin:0 5px 5px 0;
}


/***** QUICK ORDER *****/

.quickorder{ margin-top:10px; background:url(../images/quickord.png) no-repeat ;padding-left:20px; padding-top:40px; height:175px; width:150px; float:left;}


/************ *forum **********/
/**************************************************************************/


div#forum-list {clear:both;}
div.forum {margin:10px 0 0 15px;}
/*ie5.5 only */
* html div.forum {margin:0px 0 0 15px; width:757px;}
div.forum h1 {font-size:1.3em; color:#336699;}
div.forum a {color:#336699;}
div.forum-search {position:relative; float: left;  background-color:#e1e1e1; height:25px; font-size:1em; color:#333333; width:578px; padding:3px 0px 3px 5px; font-size:0.95em; border-bottom:1px solid #999999;}
/*ie5.5 only */
* html div.forum-search {width:595px; padding-bottom:0px;}
/* ie 6 only */
* html div.forum-search{
	width:595px; 
	wid\th:575px; 
	}

div.forum-search input.button {position:absolute;}

/********** *headers *****************/
div.forum-headers {clear:both; width:100%;}
div.forum-threadsh {float:left; width:50px; color:#333333; background:#e1e1e1;padding:6px 5px 0px 8px; height:25px; border-bottom:1px solid #999999;border-right:1px solid #999999;border-left:1px solid #999999;}
/*ie only */
* html div.forum-threadsh { height:28px;}
/* ie 6 only */
* html div.forum-threadsh { 
	height:28px;
	he\ight:22px;
	}
div.forum-timeh {float:left; width:100px; color:#333333; background:#e1e1e1;padding:6px 5px 0px 5px; height:25px; border-bottom:1px solid #999999;border-right:1px solid #999999; text-align:center;}
/*ie only */
* html div.forum-timeh {height:28px;}
/* ie 6 only */
* html div.forum-timeh { 
	height:28px;
	he\ight:22px;
	}
div.forum-headerh {float:left; width:392px; color:#333333; background:#e1e1e1;border-bottom:1px solid #999999;border-right:1px solid #999999; text-align:left; padding:2px 5px;}
/*ie only */
* html div.forum-headerh {width:410px; }
/* ie 6 only */
* html div.forum-headerh{
	width:410px; 
	wid\th:389px; 
	}
div.forum-starterh {float:left; width:120px; color:#333333; background:#e1e1e1; border-bottom:1px solid #999999;border-right:1px solid #999999; text-align:center; padding:2px 1px;}
div.forum-viewsh {float:left; width:50px; color:#333333; background:#e1e1e1;border-bottom:1px solid #999999;border-right:1px solid #999999; text-align:center; padding:2px 1px;}
div.forum-lposth {float:left; width:125px; color:#333333; background:#e1e1e1; border-bottom:1px solid #999999;border-right:1px solid #999999; text-align:center; padding:2px 1px;}

/***********************/
div.forum-section {float:left; width:100%; clear:both; margin:0 0 10px 0;}
div.forum-sectionA {float:left; width:100%; clear:both; margin:0 0 10px 0; background:#f5f5f5;}
div.forum-section div.forum-headertitle img , div.forum-sectionA div.forum-headertitle img {float:left; width:27px; height:27px; margin:0 5px 0 0;}
div.forum-header {float:left; width:570px;}
/* ie only */
* html div.forum-header {width:585px;}
div.forum-headertitle {float:left; width:395px; padding:5px; }
/* ie only */
* html div.forum-headertitle {width:410px; }
/* ie 6 only */
* html div.forum-headertitle{
	width:410px; 
	wid\th:388px; 
	}
div.forum-starter {float:left; width:110px; padding:5px; text-align:center;}
/* ie only */
* html div.forum-starter {width:115px; }
div.forum-threads {float:left; width:80px; text-align:center;}
div.forum-view {float:left; width:43px; text-align:center; padding:5px;}
/* ie only */
* html div.forum-view {width:52px;}
/* ie 6 only */
* html div.forum-view {
	width:52px; 
	wid\th:42px; 
	}
div.forum-lpost {float:left; width:110px; text-align:center; padding:5px;}
/*ie only */
* html div.forum-lpost {width:120px;padding:5px;}
/* ie 6 only */
* html div.forum-lpost {
	width:120px; 
	wid\th:115px; 
	}
rum-time {float:left; width:90px;}
/*************************/
div.forum-header h4 {background: url(../images/folder.jpg) no-repeat;border:none;padding:0px 0px 2px 25px;display:block; font-size:1.2em; margin:0 0 3px 0;}
div.forum-header h4 a {color:#336699;}
div.forum div.forum-title h3 {clear:both; width:100%; color:#666666; font-size:1.3em; font-weight:bold; margin:10px 0 10px 0; border-bottom: 1px dotted #cccccc; padding-top:10px;}

div.forum p.back-forum {background: url(../images/folder.jpg) no-repeat;border:none;padding:0px 0px 2px 25px;display:block; font-size:1.2em; margin:0 0 3px 0; font-weight:bold}
div.forum p.back-title {background: url(../images/folder.jpg) no-repeat;border:none;padding:0px 0px 2px 25px;display:block; font-size:1.1em; margin:0 0 3px 10px; font-weight:bold}
div.forum p.thread-title {font-size:1.1em; margin:0 0 3px 35px; font-weight:bold}
div.productimage{float: left; margin:0 20px 0 10px;}
/********************************/
div.forum-postedbyh {float:left; width:190px; color:#333333; background:#e1e1e1;border-bottom:1px solid #999999;border-right:1px solid #999999; text-align:left; padding:2px 5px;}
div.forum-messageh {float:left; width:545px; color:#333333; background:#e1e1e1;border-bottom:1px solid #999999;border-right:1px solid #999999; text-align:left; padding:2px 5px;}
/* ie only */
* html div.forum-messageh {width:565px;}
/* ie 6 only */
* html div.forum-messageh {
	width:565px; 
	wid\th:545px; 
	}
div.forum-postedby {float:left; width:189px; padding:5px;}
/* ie only */
* html div.forum-postedby {width:188px;}
div.forum-message {float:left; width:542px; padding:5px; border-left:1px solid #cccccc; overflow:auto;}
div.forum-messagesection {float:left; width:755px; clear:both; margin:0; border:1px solid #cccccc;}
div.forum-messagesectionA {float:left; width:755px; clear:both; margin: 0; background:#f5f5f5; border:1px solid #cccccc;}
div.forum h3 {font-size:1.2em; color:#336699; margin:20px 0 5px 0px;}
/********* page numbers ************/
div.forum-pages {margin:5px 2px 5px 0; float:right;}
div.forum-pages ul {font-size:1em; clear:both; list-style:none;padding:0;margin:0; color:#666666;}
div.forum-pages li {float:left; border:1px solid #cccccc; background:#e1e1e1;}
div.forum-pages p {padding:0px 6px 0px 6px; font-size:1em; margin:0px}
div.forum-pages li a {font-weight:bold; background-color:#ffffff; padding:2px 6px 2px 6px;}


/************ *branding select **********/
/**************************************************************************/

div.columnleft {float:left; width:48%; margin-right:30px;}
/* ie 6 only */
* html div.columnleft {
	wid\th:48%;
	wid\th:45%; 
	}
div.columnright {float:left; width:48%;}
div.brandingselect img {float:left; margin-right: 20px;}
div.brandingselect h3 { font-size:1em; border-bottom:1px solid #cccccc; border-top:1px solid #cccccc; padding:5px; background:#f8f8f9; margin:20px 0 20px 0;}
div.brandingselect h3 span.smaller {font-size:0.8em; font-weight:normal;}
div.brandingselect h4 {font-size:1.2em; color:#336699;}
div.brandingselect div.buttons {margin-left: 100px;}

/*div.externalAcc h3 { font-size:1em; border-bottom:1px solid #cccccc; border-top:1px solid #cccccc; padding:5px; background:#f8f8f9; margin:20px 0 20px 0; margin:0;}*/



/************ *branding page **********/
/**************************************************************************/

ul#brandingtype  li {float:left;padding:5px 15px; background:#333333; margin:8px; border:1px solid #333333; list-style:none;}
ul#brandingtype  li a {color:#ffffff;font-size:1.1em; font-weight:600;}
ul#brandingtype  li a.active {border-bottom:2px solid #ffffff;text-decoration:none;}
ul#brandingtype  li a.active:hover {text-decoration:none;}
div.brandingtitle {float:left; width:176px; margin:30px 10px 10px 0px; font-size:1.2em; font-weight:bold; color:#ffffff; background:#666666; padding:5px 12px; text-align:center; border:1px solid #333333;}
/* ie 5.5 only */
* html div.brandingtitle {width:200px; }
/* ie 6 only */
* html div.brandingtitle {
	width:200px; 
	wid\th:176px}
div.brandingfaq { padding:10px; margin:5px 0px 5px 60px; border:2px solid #cccccc; width:550px; clear:both; }
div.brandinginfo {float:left; padding:0px; width:500px;}
div.brandinginfo p {padding-top:8px;}
div.brandinginfo img {float:left; vertical-align:top; padding:0px 5px 10px 0;}
div.brandingextra {float:left; margin-left:190px; font-size:0.9em; width:550px;}
/* ie 5.5 only */
* html div.brandingextra {margin-left:95px;}

/********* Sams Branding Edits *********/

ul#branding-faq {list-style-type:none;margin:0 0 0 1em;padding:0em;}
ul#branding-faq li.question {font-weight:bold;}
ul#branding-faq li.answer {padding-bottom:5px;}

ul.branding-type {margin:0 0 0 14em;}

h3.branding-h3 {font-size:1.4em !important;color:#CC0000 !important;text-align:left;}

img.floatleft {float:left;padding-right:5px;padding-bottom:5px;}
img.floatright {float:right;padding-left:5px;padding-bottom:5px;}

/***************************************/

/********** SalesForce Contact Form *****/
/************************************************************************/
/* added  for survey SJL 12/05/08 */

#survey { color: #373737; font-size: 11px; padding-left :0.5em; font-weight: normal; width:60%;}
div.SalesForceRow{clear:both;}
.SalesForceCol1 {color: #5A698B; text-align: right; float: left; margin:0.25em; margin-right: 4px;}
.SalesForceCol2 {display: block; float: right; margin: 0.25em; margin-right:2em;}
.SalesForcefieldwidth {width:50%; margin-left:auto; margin-right:auto;}
.extrapad {margin-right:2em;}

/* Customer Feedback Form (OrderReview.asp) - Phil 30/06/08 */
div.cust-review-form {float:left; padding:10px 10px 10px 10px; margin:0px; clear:both; width:750px;} 


/********** YouTube Video styling ACP 23/01/09 *****/
/************************************************************************/

.greyHeader
{
	position:relative;
	background:#e1e1e1;
	font-size:0.9em;
	font-weight:bold;
	text-align: center;
	padding:4px 0 4px 0;
	margin-bottom:4px;
}

.videoText {
	width:25em;
	float:left;
}
.videoText h2{
	margin:0 0 0.5em 0;
	padding:0 !important;
	font-size:1.1em;
	color:#336699
}
.videoText {
	margin:0 !important;
	padding:0 !important;
	font-size:0.9em !important;
}

.videoWindow {
	width:38em;
	float:left;
	text-align:center
}

div#keywords  {
	width:167px;
	background:url('../images/keyword-bg.gif') 0 0 repeat-y;
	margin:10px 0 10px 0;
	color:#000000;
	float:left;
	clear:both;
	padding:0;	
	height:105px;
}

div#keywords-bottom {
	background:url('../images/keyword-bottom.gif') bottom no-repeat;
	min-height:105px; height:auto !important; height:105px;
}

div#keywords-bottom div#keywords-content {
	padding:2px 0px 0 2px;
	margin:0 10px 16px 11px;
	background-color:#f0f2f7;
	text-transform:lowercase;
}

#keywords h3, #newspageMonths #keywords h3 {
	font-size:1em;
	margin:0 0 2px 0;
	border-bottom:1px solid;
	text-transform:none;
}

#keywords a, #section-keywords a {
	color:#000;
	text-decoration:none;
}
#account-app {background-color:#ECF0F0; padding:10px;}
#account-app h1 {font-size:18px; color:#333333; width:100%; border-bottom:#dbdbdb 1px solid; float:left;}
#account-app-buttons {float:right; width:250px; border:#CCCCCC solid 1px; margin:0 0 20px 20px; background-color:#FFFFFF;}
#account-app-buttons h3 {background-color:#CCCCCC; margin:0 !important; color:#5f5f5f !important; font-size:16px !important; text-align:center; padding:3px 0 3px 0;}
#account-app-buttons p {padding:10px; text-align:center; font-size:11px;}


/***************************************************/



/* Email image fix on product page */
.mailFix
{
	 margin-top:-7px;
}

div.guide3m {float:left; width:100%; font-size:1em;} 
div.guide3m img {float:left; padding-right:5px;}
div.guide3m p {margin-top:8px;}
div.guide3m a {color:#336699;}

.fix3m
{ margin-top:-20px; }
 
.fix3malign
{ margin-left:250px; }

.threecol {
	float:left;
	width:199px;
}

.address {
	width:160px;
}

a img.trade-counter-images {
	padding:5px;
	border:1px solid #ccc;
	margin:0 0 10px 0;
}

a img.trade-counter-images:hover {
	border:1px solid #cc0000;
}

#trade-counter-image-column {
	float:right;
	width:195px;
}

.directions {
	clear:left;
}

div#export {position:relative; float: left;  background-color:#e1e1e1;line-height:28px; padding: 5px 0 0 0; width:240px; height:32px; font-size:1em; color:#333333; font-weight:bold; z-index:999;}
div#export a {
color:#000;
padding-left:10px;
font-style:italic;
}
div#nav-primary-grey {width:960px; display:block; height:35px; float:left; background-color:#E1E1E1;}
div#nav-primary-grey ul {width:450px; float:left; margin:3px 0 0 0; padding:0px;}
div#nav-primary-grey li {display:inline-block; float:left; padding:5px 7px 0 7px; color:#666666; font-size:12px; font-weight:bold;}
div#nav-primary-grey li .last {border:0px;}
div#nav-primary-grey li a {color:#666666;}

.export-link img {
	padding-right:5px;
}

.promo-free {
float:left;
	font-size:1em;
	padding:2px;
	color:#3d6607;
	padding-left:31px;
	height:18px;
	line-height:18px;
	background:url(../images/icotick.png) no-repeat #dff2bf;
	border:1px solid #8dcd9a;
	width:724px;
	margin:0 auto 5px 0;
}

.promo-notify {
	float:left;
	font-size:1em;
	padding:2px;
	color:#2776a2;
	padding-left:31px;
	height:18px;
	line-height:18px;
	background:url(../images/icoinfo.png) no-repeat #ebf6fc;
	border:1px solid #5aa9e2;
	width:724px;
	margin:0 auto 5px 0;
}


.postal
{
	width:99%;
	border:#FF0000 1px dashed;
	padding:4px;
	text-align:center;
	margin-bottom:10px;
}

.xmasmask{background:url(../images/xmaS.png) no-repeat; display:block; position:relative; margin-top:-180px; width:167px; height:176px; text-align:center;}
.xmasmask span{font-size:54px; color:#b5dcfb; font-weight:bold; display:block;outline:none; padding-top:60px;}

.reallysmall {font-size:10px;}
.reallysmalllink {color:#336699;}

/* for new list.asp page layout. */
.Threeinarow
{
	position:relative;
	float:left;
	width:252px;
	margin:0 0 40px 4px;
}

/* PDF */

.downloadpdf{margin:0 0 0 10px;}

/* Ribbon */

.savedribbon{position:absolute; top:0px; right:10px; background:url(../images/special-offer-ribbon.png) no-repeat; width:45px; height:42px; 
padding:23px 10px 10px 10px; text-align:center; color:#fff; font-size:24px;}

/* product call to actions*/
.product-action{float:right; display:inline; width:230px;  border:1px solid #e1e1e1; margin:0px; padding:0px;}
* html .product-action{float:right; display:inline; width:230px;  border:1px solid #e1e1e1; overflow:hidden;}

	.product-action h3{float:left; width:210px; text-align:center; padding:10px; height:16px; line-height:16px; margin:0 0 10px 0; color:#666; background:#E1E1E1; font-size:14px;}
	.product-action .options{padding:0px 10px 0px 10px; margin:0 auto;  border-bottom:1px solid #e1e1e1; background:url(../images/calltoactionbg.png) repeat-x bottom; }
	.product-action .options label{color:#666666; font-size:12px; width:80px; }
	.product-action .options input{font-size:14px; color:#000; /*border:1px solid #666;*/ padding:3px;}
	.product-action .options select{ border:1px solid #666; padding:3px; max-width:210px; width: expression(Math.min(parseInt(this.offsetWidth), 220 ) + "px"); }
	.product-action .addbasket{border:none !important; margin:15px 3px 5px 3px;}
	
.product-action ul{padding:0; margin:0; float:left; list-style:none;}
.product-action li{width:210px; padding: 0 10px 0 10px; border-bottom:1px solid #e1e1e1; font-size:12px; height:42px; line-height:42px;}
.product-action li a{color:#5274ac; border:none;}
.product-action li a span:hover{text-decoration:underline;}
.product-action li a span{float:left; display:inline; display:block; cursor:pointer;}
.product-action li img{padding-right:10px; float:left;}
.productrate{width:230px; float:left; height: auto !important; text-align:center; border:none !important; font-size:14px;}
.starcontainer{margin:0 30px 10px 0px; width:210px; padding-bottom:10px;}
.starcontainer img{ float:left; display:inline; padding-top:2px } 

.freedeliv{text-align:center; background:url(../images/freedelivtick.jpg) left no-repeat #faab74; color:#333333; height:25px !important; line-height:25px !important;}
.lblbrand{font-size:12px !important; color:#333333;}

div.product-action div.price {font-size:0.9em; padding: 10px 0px 0 0px;}
div.product-action span.ex {font-size:1.4em; color:#336699; font-weight: bold;}
div.product-action  span.new{font-size:2.2em !important; font-weight:bold;}
div.product-action  span.dex{font-size:2.2em !important; font-weight:bold; color:#336699;}
.quantdisc{background:#fff; border:1px dashed #CCC; margin-top:2px; vertical-align:middle; padding:2px;}
.quantex{color:#666; font-size:1.4em; }
.imagepad{padding-right: 10px; padding-bottom:10px;}

/* Branding pages */
.LeftBrand { position:relative; float:left; width:40%; border:#999999 1px dashed; padding:2px; }
.RightBrand { position:relative; margin-left:340px; width:400px; height:431px; border:#999999 1px dashed; padding:2px; text-align:center; }
.RightBrand h2 { font-size:1.2em;}
.BrandArrow {
	position:absolute;
	border:#CC0000 1px solid;
	left: 434px;
	top: 500px;
	width: 119px;
	height: 51px;
	background:url(../images/branding-arrow.gif) no-repeat top left;
}
.BrandNotes { position:relative; float:left; width:100%; text-align:left; }
.BrandButton { margin-left:10px; }
.imagepad{padding-right: 10px; padding-bottom:10px;}
.DragContainer { width: 248px; }

.brandedworkwear {float:right; display:inline; font-family:Arial, Helvetica, sans-serif; color:#666666; text-align:center; font-size:12px;}
.brandedworkwear img {display:block; width: 175px; margin-bottom:3px;}
.brandedlogo{float:left;}
.badgedcontainer{float:left; width:100%; }

/* Branding select */
.threeCol { width:245px; border:#bbbbbb 1px solid; float:left; height:580px;}
.bTxt { padding:8px; }
.padRight { margin-right: 4px; }

/* product page branding */
.prodBrandAvailable
{ position:relative; width:245px; height:38px; background-image:url(../images/product-iwanttobrand.jpg); background-repeat:no-repeat;}
.prodBrandAvailable input {margin:4px 0 0 5px; padding:0px;}
.prodBrandHelp
{ position:relative; float:left; width:auto; margin-left:8px;  }
.prodBrandHelp img
{ padding-right:6px; }
.brandWhite
{ color:#696969; font-size:0.9em; font-weight:bold; }
.listBrandAvailable
{ position:relative; float:left; width:216px; height:60px; background:url(../images/brand-available-list.gif) top left no-repeat; }
.listBrandAvailableText
{ position:relative; float:left; width:200px; height:60px; }
.brandingButtons
{ margin-left:38px; }
#brandingDrag
{ position:absolute; background:url(../images/branding-drag.gif) top left no-repeat; width:127px; height:39px; top: -26px; left: 253px; visibility:visible; }
.prodBrandPrint {padding:3px; margin-left:5px; margin-top:15px;}
.prodBrandPrint a {color:#003399;}

.branding-textBG
{ position:relative; float:left; width:555px; background:url(../images/branding-textbg.gif) top left no-repeat; height:196px; margin-bottom:6px; }

.branding-textPreviewBG
{ position:relative; float:left; width:385px; margin-left:6px; background:url(../images/branding-txt-previewbg.gif) top left no-repeat; height:175px; margin-bottom:6px; padding:10px; }

.brandTextQTR
{ position:relative; float:left; width:170px; margin:0 14px 40px 0; }

.branding-textBG h2
{  font-size:1.4em; margin:10px 0 10px 14px; }

.RightBrand h2
{  font-size:1.4em; margin:0 0 10px 4px; }

#slider{width:600px; height:150px !important; overflow:hidden; float:left;  display:block;  position:relative;}

/*################ BRANDING END ###################*/

.jqifade{
	position: absolute;
	background-color: #aaaaaa;
}
div.jqi{
	width: 400px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	position: absolute;
	background-color: #ffffff;
	font-size: 11px;
	text-align: left;
	border: solid 1px #eeeeee;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 7px;
}
div.jqi .jqicontainer{
	font-weight: bold;
}
div.jqi .jqiclose{
	position: absolute;
	top: 4px; right: -2px;
	width: 18px;
	cursor: default;
	color: #bbbbbb;
	font-weight: bold;
}
div.jqi .jqimessage{
	padding: 10px;
	line-height: 20px;
	color: #444444;
}
div.jqi .jqibuttons{
	text-align: right;
	padding: 5px 0 5px 0;
	border: solid 1px #eeeeee;
	background-color: #f4f4f4;
}
div.jqi button{
	padding: 3px 10px;
	margin: 0 10px;
	background-color: #2F6073;
	border: solid 1px #f4f4f4;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
}
div.jqi button:hover{
	background-color: #728A8C;
}
div.jqi button.jqidefaultbutton{
	background-color: #BF5E26;
}
.jqiwarning .jqi .jqibuttons{
	background-color: #BF5E26;
}

/*Branding Phase2*/
#brandingp2left {float:left; width:437px;}
#brandingp2right {float:right; width:320px;}
#brandingp2logobox {width:320px; height:83px; margin:0 0 10px 0; background:url(../images/branding-p2-main-logo.jpg) no-repeat #FFFFFF; clear:both;}
#brandingp2logobox .letter {padding:23px 10px 0 10px; display:inline; float:left;}
#brandingp2logobox .image {float:left; display:inline; width:88px; height:83px; margin:5px; background:url(../images/branding-p2-logobg.jpg) no-repeat;}
#brandingp2logobox .image img {margin:5px}
#brandingp2logobox .info {margin:5px; display:inline; width:150px; float:right;}
#brandingp2logobox .info p {display:block; font-size:13px;}
#brandingp2prices {}
#brandingp2prices .heading {background-color:#e6e6e6; height:20px;}

/*Twitter feed*/

#twitter {border: 1px solid #ebebeb;  margin: 0 0 10px 0; float:left; width:160px;}
#twitter h4 {margin:5px; border-bottom:#ebebeb solid 1px;}
#twitter ul {margin:0px !important; padding:0px;}
#twitter li {list-style:none; margin:5px 5px 10px 5px;}
#twitter_update_list {margin:0px;}
#twitter .twitterlink {padding:5px;}
#facebooklink {border:1px solid #ebebeb; padding:10px 10px 3px 10px; margin-bottom:10px;}

#headeright {float:right;}
#mybasket {width:237px; height:62px; background-image:url(../images/mybasket-bg.jpg)}
.mybasketleft {float:left; margin:23px 0 0 10px;}
.mybasketleft p {margin: 2px 0 3px 0;}
.mybasketright {float:right; margin:23px 10px 0 0;}
.mybasketright a {display:block; margin:2px 0 3px 0;}
.loginregister {margin:8px 0 5px 0; padding:0px; text-align:right;}
.loginregister a {color:#666666; text-decoration:none; font-weight:bold;}
.loginregister a:hover {text-decoration:underline;}
.headerlogo {float:left;}

/*PROTEC NETWORK - RIGHT COLUMN */

div.networkBox h3 {font-size:1em; color:#ffffff; background:url(../images/bestsellers-top.gif) no-repeat; height:15px; text-align:center; padding:7px 0px; margin:0px;}

.networkBox	{
	width:160px;
	margin-bottom:20px;
	
}


.networkField	{
	padding:5px 5px 5px 0;
	border-bottom:1px dotted #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	height:50px;
}

.networkField img	{
	float:left;
	width:39px;
	margin-right:5px;
}

.networkField p	{
	float:left;
	width:108px;
	font-size:9px;
	padding:0px; margin:0px;
	
}

.networkField a	{
	text-decoration:none;
	color:#666;
	
}

.networkField p span	{
	font-weight:bold;
	font-size:10px;
	color:#3C89E4;
}

.clearStyle	{
	clear:both;
	line-height:0px;
	font-size:0px;
}