
/* 
========================================================================
TEMPLATE.CSS
========================================================================
*/

/* '#### PINDAR : KW : Height 100% for left/right menus to inherit from */
body, html{height: 100%; min-height:100%}

html>body #container, html>body #centrecontainer, html>body #MainPageContainer, html>body #LeftSideBar, html>body #RightSideBar, html>body #pagecontent , html>body #pagecontent_pad
{height:100%; min-height:100%}


/* --- Body - control position #container, allows centering of site -- */
body {
	font-family: Verdana,Arial,Helvetica,Sans-Serif; 
	font-size: 8pt; 
	font-weight: normal; 
	color: #555555;
	background-color:#FFFFFF;
		background-image:url(../templateimages/content/header_bg.gif);
	background-repeat: repeat-x;
	height:100%;
	position: relative;
}

#container {
	display: block;
/*	background-color: #FFFFFF;*/
	margin: 0;
	width: 985px;
	margin: 0 auto;
	height: 100%; min-height:100%;
	z-index:1
}

/* Contains rest of HTML */
#centrecontainer {
	margin: 0px 10px 10px 10px;
	padding: 0 0 20px 0;
	height: 100%; min-height:100%;
	z-index:1
}


#MainPageContainer {height: 100%; 
					min-height:100%; 
					height: auto;
					border-left:200px solid #eae9e4;
					border-right:200px solid #eae9e4;
					float:left;
					margin:10px 0px 0px 0px;
					display:inline;
					z-index:-100;
					width: 560px
					}

/************************ LEFT/RIGHT COLUMNS *****************************/

/* Left AND Right hand section of page body (if you have one!) */

#LeftSideBar h4 {color: #D8781A}

#LeftSideBar { 	float: left; width: 195px; 
				text-align: left; 
				padding: 0 0 0 5px;
				display:inline; 
				/*Negative Margin for Border to give 100% height */
				margin: 0px 15px 0px -200px; 
				background-image:url(../templateimages/content/sidemenu_bg.gif); 
				background-repeat:no-repeat; 
				background-position: left top;
				background-color:#eae9e4;
				z-index:-10;
				overflow: hidden;
				}

#FavouriteLinks {margin:5px 0px 10px 20px; line-height:2.0em; z-index:99}

/* Right hand section of page body */
#RightSideBar {	float: right; 
				width: 195px; 
				text-align: left; 
				padding: 0 0 0 5px;
				display:inline; 
				/*Negative Margin for Border to give 100% height */
				margin: 0px -200px 0 0; 
				background-image:url(../templateimages/content/sidemenu_bg.gif);
				background-repeat:no-repeat; 
				background-position: left top; 
				background-color:#eae9e4; 	
				z-index:2;
				}
#RightSideBar h4 {color: #D8781A}

#QuickOrderForm {width:195px;}

#QOCode {width:95px; border:1px solid #C0C0C0; color:#777777}
#QOQTY {width:25px; border:1px solid #C0C0C0; color:#777777}

#QuickOrderCheckoutLink {text-align:right; }

#QuickOrderCheckoutLink  a{margin:0px 5px 0px 0px; font-weight:bold}

/*
#QuickOrderForm .productcode{width:95px; border:1px solid #C0C0C0; color:#777777}

#speedOrderDisplay {border:1px solid green}*/

#RightBanners {width:200px; text-align:center;}
.RightMenuSpacer {height: 5px; width:175px; border-top:1px dashed #CBBEA0; margin:10px}

#RightBanners .BoldLink {font-weight:bold}


/************************ END LEFT/RIGHT COLUMNS **************************/

/**** Make stuff uppercase if required ****/

.HeaderText {text-transform:uppercase}

/* --- Header section ------------------------------------------------ */
#header {
	margin: 10px 0px 0px 0px;
	width: 100%;
	height: 102px;
}

#logo {padding:0px 0px 0px 0px}

#MarketingMessage {float:left; padding: 15px 0px 0px 0px}

#header #title {
	padding: 0px;
	margin:0px;
	float: left;
	width:636px;
}

#HeaderLinks {float:right; margin:0px 0px 0px 0px}
#WelcomeLink {float:left; color: #7dba2b; font-weight:bold; padding:4px 0px 0px 5px}
#LoginLink {float:right; color:#2F71A1; padding: 0px 0px 5px 0px; font-size: 1.3em; font-weight:bold}
#HeaderCatalogueBox {float:left; margin-left: 20px;}
#HeaderBasketContainer {float:right; width:320px; border-top:1px solid #C0C0C0; padding: 0px 0px 0px 5px}

#miniBasketCount {color: #7dba2b; font-weight:bold; padding: 0px 0px 0px 2px; width: 150px}

#SearchForm {float:right; width: 250px; margin:10px 0px 0px 0px}
#SearchField {float:left; margin:5px 0px 0px 0px}
#SearchField input {width: 170px; border:1px solid #D8981A; color: #555555}
#SearchButton {border:1px solid #FFFFFF; margin:1px 0px 0px 0px }

#minibasketempty {margin-left: 25px;}


/******* MAIN HEADER CONTAINER ******/

#header2 {padding:0px; color:#FFFFFF; margin:0px 0px 0px 0px}

#header2 a{padding:0px; color:#FFFFFF}

/******* MARKET TAB CONTAINER *********/

	#MarketLinkContainer {height:18px; margin-top:4px;}

/******* MARKET TABS - NON-SELECTED *************/

	#MenuMarketLink{float:left;}
	
	#MenuMarketLink a {display:block; width:133px; height:17px; color:#ffffff; font-weight:bold; text-decoration:none; padding: 5px 0px 0px 4px; text-align:center; background-image:url(../templateimages/content/market_bg.gif); background-repeat:no-repeat; }
	
	#MenuMarketLink a:hover{background-image:url(../templateimages/content/market_bg_o.gif); background-repeat:no-repeat; color:#FFFFFF; font-weight:bold}
	
	#MenuMarketLink a:visited:hover{background-image:url(../templateimages/content/market_bg_o.gif); background-repeat:no-repeat; color:#FFFFFF; font-weight:bold}
	

/******* MARKET TABS - SELECTED *************/

	#MenuMarketLinkSelected {float:left;}
	
	#MenuMarketLinkSelected a {display:block; width:133px; height:17px; color:#ffffff; font-weight:bold; text-decoration:none; padding: 5px 0px 0px 4px; text-align:center; background-image:url(../templateimages/content/market_bg_o.gif); background-repeat:no-repeat; }
	
	#MenuMarketLinkSelected a:hover{background-image:url(../templateimages/content/market_bg.gif); background-repeat:no-repeat; color:#FFFFFF; font-weight:bold}
	
	#MenuMarketLinkSelected a:visited:hover{background-image:url(../templateimages/content/market_bg.gif); background-repeat:no-repeat; color:#FFFFFF; font-weight:bold}


/*************** MENU LINKS - CSS ROLLOVERS FOR ARROW AND NON ARROW ITEMS */

/************ ARROW MENU ITEMS ****************/

		.NoArrowNav { background-image:url(../templateimages/content/downbtn.gif); background-repeat:no-repeat; cursor: pointer; }
					
		.NoArrowNav:hover {background-image:url(../templateimages/content/overbtn.gif);
					background-repeat:no-repeat;}
					
		
		.ArrowNav {	background-image:url(../templateimages/content/downbtnarrow.gif);
					background-repeat:no-repeat;}
					
		.ArrowNav:hover {	background-image:url(../templateimages/content/overbtnarrow.gif);
					background-repeat:no-repeat;
					cursor:pointer;
					}
		.LeftAlign {text-align:left}
		.CenterAlign {text-align:center}
		/* menu styles */
		#PindarMenu
		{	margin: 0;
			padding: 0}
		
			#PindarMenu li
			{	float: left;
				list-style: none;
				width:192px;
				height: 30px;
			}
		
			#PindarMenu li a
			{	display: block;
			/*	background: #324143;*/
				padding: 5px 12px;
				text-decoration: none;
				width: 192px;
				color: #ffffff;
				white-space: nowrap;
				font-weight:bold;
				}
		
			#PindarMenu li a:hover
			{	/*background: #24313C*/}
				
				#PindarMenu li ul
				{	margin: 5px 0px 0px 0px;
					padding: 0;
					position: absolute;
					visibility: hidden;
					border-left: 1px solid #1B7097;
					border-right: 1px solid #1B7097;
					border-bottom: 1px solid #1B7097;
					width: 192px;
					z-index: 1;
					}
				
					#PindarMenu li ul li
					{	float: none;
						display: inline;
						
					}
					
					#PindarMenu li ul li a
					{	width: auto;
						background: #C7E7FF;	
						color: #1B7097;
						border-bottom:1px solid #accce4;
						font-weight:normal;
					}
					
					#PindarMenu li ul li a:hover
					{	background: #bddff9}
					

/*************** END MENU LINKS - CSS ROLLOVERS FOR ARROW AND NON ARROW ITEMS */




/********************** PINDAR: KW : COLLAPSIBLE CATEGORY MENU ************/

#menu1 ul li{margin-left:14px}

#menu1 ul li ul li{margin-left:0px; width: 130px;}

#menu2 ul li {margin-left:14px}

#menu2 ul li ul li{margin-left:0px; width: 130px;}

ul.purchmenu, ul.purchmenu ul {
  list-style-type:none;
  margin: 0px;
  padding: 0px 0px 0px 0px;
  width: 200px;
}

ul.categorymenu, ul.categorymenu ul {
  list-style-type:none;
  margin: 0px;
  padding: 0px 0px 0px 0px;
  width: 200px;
}

ul.categorymenu a{
  display: block;
  text-decoration: none;
  padding: 2px 2px 2px 0px;
 font-weight:normal;
 color: #3399CC;
}

ul.categorymenu a:link {
  text-decoration: none;
  font-weight:normal;
  color: #3399CC;
}

ul.categorymenu a:active {
  text-decoration: none;
  font-weight:normal;
  color: #3399CC;
}

ul.categorymenu a:visited {
  text-decoration: none;
  font-weight:normal;
  color: #3399CC;
}

ul.categorymenu a:hover {
  text-decoration: underline;
  font-weight:normal;
  color: #3399CC;
}

ul.categorymenu a:visited:hover {
  text-decoration: underline;
  font-weight:normal;
  color: #3399CC;
}




ul.categorymenu li {
margin: 1px 0px 0px 0px;

}

ul.categorymenu li ul li a{

padding-left:10px;
color: #3399CC;
}


ul.categorymenu li ul li ul li 
{
 padding-left: 3px;
 color: #3399CC;

}

ul.categorymenu li ul li  ul li {
/* background: #EAE9E4;
  color: #000;*/
  color: #3399CC;
 padding-left: 12px;
 width: 170px;
}

ul.categorymenu li ul li  ul li  ul li {
/* background: #EAE9E4;*/
 padding-left: 10px;
  width: 150px;
  color: #3399CC;
}



.CategoryHeader {width:180px;color:#D8781A; font-weight:bold; background-image:none; text-decoration:none;   border-top:1px dashed #CBBEA0; display:block; padding:5px 2px 5px 2px; margin:0px 0px 0px -15px}
.CategoryHeader a:link{color:#D8781A; font-weight:bold; background-image:none; text-decoration:none}
.CategoryHeader a:visited{color:#D8781A; font-weight:bold; background-image:none; text-decoration:none}
.CategoryHeader a:active{color:#D8781A; font-weight:bold; background-image:none; text-decoration:none}
.CategoryHeader a:hover{color:#D8781A; font-weight:bold; background-image:none; text-decoration:none}
.CategoryHeader a:visited:hover{color:#D8781A; font-weight:bold; background-image:none; text-decoration:none}


.expanded {
	background: url(../templateimages/content/menubullet_o.gif) no-repeat 0px 5px;
	}

.collapsed {
	background: url(../templateimages/content/menubullet.gif) no-repeat 0px 5px;
	}


/********************** PINDAR: KW : END COLLAPSIBLE CATEGORY MENU ************/

/* Dynamic page content section of page body */
#pagecontent {
	float: left;
	width: 540px;
	height: 100%; min-height:100%;height:auto;
	
}


#pagecontent_pad {
	padding: 10px 5px 5px 0px;
	height:auto;
	height: 100%; 
}


/* --- Footer -------------------------------------------------------- */
#footer {
	clear: both;
	/*width: 965px;*/
	margin: 50px 5px 0px 5px;
	text-align:center;
	bottom:0;
}
#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display:block;
}
#footer li {
/*	float: right;*/
	display: inline;
	margin: 0;
	color: #999999;
}
#footer li a {
	color: #999999;
	font-weight: normal;
	padding: 0 4px;
}

#footer h3 {text-align:center; font-size:1.25em; display:block}

#footer .LightText {color: #C0C0C0}
#footer .LightText a{color: #C0C0C0}
/* T&Cs text */
#terms {
	padding: 0 0 0 10px;
	color: #2c2f91;
}
#terms .fix {
	padding-left: 10px;
}


/* --- language, currency menu and search box ------------------------ */
#languagemenu form select, #currencymenu form select {
	width: 100%;
	margin: 0;
	padding: 0;
}
#searchbox {
	width: 200px;
	float: right;
	margin: 40px 0 0 0;
}
#searchbox .inner {
	height: 36px;
	background: url(../templateimages/bg_topSearch.gif) no-repeat left top;
}
#searchbox fieldset {
	padding: 8px 0 3px 8px;
}
#searchbox h4 {
	display: none;
}
#searchbox input {
	background-color: transparent;
	border: none;
	font: normal 11pt Arial, Helvetica, sans-serif;
	letter-spacing: -0.02em;
	float: left;
	width: 220px;
}

#searchbox #searchbutton {
	width: 30px;
	height: 25px;
	margin: 0;
	padding: 0;
	background-color: transparent;
	border: none;
	cursor: pointer;
}
#searchbox #searchbutton span {
	display: none;
}


/*
Processing Search Div
*/

#ProcessingSearch {width: 250px; font-weight:bold; color:#7dba2b; clear:both; float:right}

/* --- Template items ------------------------------------------------ */

/* search and mailinglist forms */
#quicksearch form {
	display: block;
}

#left input.submit {
	height: 22px;
	width: 30px;
}

#left input.text {
	width: 95px;
}

#mailinglist label#email {
	display: block;
	margin: 0px 0px 2px 0px;
}

#mailinglist label#htmlemail {
	display: block;
	margin: 2px 0px 2px 0px;
}

#right h2 {
	margin: 10px 0px 5px 0px;
	font-weight: bold;
}


/* 
========================================================================
CACTUSHOP.CSS
========================================================================
*/


/*
------------------------------------------------------------------------
COMMON ELEMENTS
------------------------------------------------------------------------
*/
/* ------------ Typographic settings --------------------------------- */
td {
	font-family: Verdana,Arial,Helvetica,Sans-Serif; 
	font-size: 8pt; 
	font-weight: normal; 
	color: #555555;
/*	background-color:#FFFFFF;
		background-image:url(../templateimages/content/header_bg.gif);
	background-repeat: repeat-x;*/
}

th {
	text-align: left;
}

/* Headings and Text */
h1 {
	font: bold 18pt Arial, Helvetica, sans-serif;
	letter-spacing: -0.05em;
	color: #D8781A;
	margin: 10px 0 4px 0;
}

h2 {
	font-size: 9pt;
	color: #D8781A;
	margin-bottom: 5px;
}

h3 {
	font-size: 8pt;
}

h4 {
	font-size: 8.5pt;
	color: #D8781A;
	margin: 10px 0 4px 0;
	padding-bottom: 0px;
}

h5 {
	margin: 20px 0px 5px 0px;
	font-size: 7.5pt;
	color: #3487C7;
	text-transform: uppercase;
	letter-spacing: -1px;
	padding: 2px 2px 2px 0px;
	text-align: left;
	font-weight: normal; 
}

.breadcrumbtrail {
	color: #999999;
	border-top: dotted 1px #CCCCCC;
}


/* Hyperlinks */
A:link, A:visited {
	text-decoration: none; 
	color: #3487C7;
	font-weight: normal;
}

A:hover	{
	text-decoration: underline; 
	color: #3487C7;
	font-weight: normal;
}

/* General site warnings & alerts */
.warning {
	font-style: normal;
	font-weight: bold;
	color: red;
	font-size: 7.5pt;
}

/* Products */
.product_message {
	color: #7dba2b;
	background: #f5f5f2;
	font-weight: bold;
	margin : 10px; 
	padding: 5px;
	width:90%; 
	border: 1px dotted #7dba2b;
	text-align:center;
}

.products .minprice {
	color: Red;
}

.quantitydiscount {
	padding: 10px 0px 5px 0px;
	font-size: 7.5pt;
}


/* Boxes for general display */
.box {
	border: none;
}

.boxinset {
/*	background-image: url(../templateimages/back_fade2.png);
	background-position: top left;
	background-repeat: repeat-x;
	*/
}

/* Shortened column format boxes */
.products_shortened .box {height:380px; margin: 0px 5px 5px 0px; border: 0px solid #cbd5db; }
	
/*.products_shortened .box {margin: 0 5px 5px 0;
	;border-color: 1px solid #cbd5db; }*/
		
	
.products_shortened .box .pad {
	padding: 0px !important;
	height: 380px;
}

.subcategories_shortened .box {
	width: 175px;
	height: 260px;
	margin: 0px 5px 5px 0px;
	background-image: url(../templateimages/back_fade2.png);
	background-position: top left;
	background-repeat: repeat-x;
	border-top: solid 1px #CBD5DB;
	border-left: solid 1px #CBD5DB;
	border-bottom: solid 1px #E2EAEF;
	border-right: solid 1px #E2EAEF;
	font-size: 7.5pt;
}

/* Line between products */
.products_extended .product {
	background-image: url(../templateimages/back_fade3.png);
	background-position: top left;
	background-repeat: no-repeat;
	padding-top: 15px;
	padding-bottom: 10px;
}

.products_normal .product {
	background-image: url(../templateimages/back_fade3.png);
	background-position: top left;
	background-repeat: no-repeat;
	margin-bottom: 0px;
	padding-top: 15px;
	padding-bottom: 10px;
}

/* tables */

/* Tables */
table caption {
	font-size: 10pt;
	color: #556699;
}

table {
	border-collapse: collapse;
	width: 100%;
}

table tr, table td {
/*	background-color: #FFFFFF;
	border-bottom: solid 1px #E3E3E3;*/
}

table tr.alt, table tr.alt td {
	background-color: #f5f5f2;
}

table tr.highlight {
	background-color: #FFFF99;
	background-image: none;
}

.versions tr.highlight td {
	background-image: none;
	background-color: #FFFF99;
}

table tr.header {
	background-color: transparent;
	background-image: none;
}

table tr.header th {
	font-size: 7.5pt;
	font-weight: bold;
	background-image: none;
	background-color: #e9e7dc;

}

table tr.subheader td {
	border-top: solid 1px #CBD5DB;
	background-image: url(../templateimages/back_fade2.png);
	background-position: top left;
	background-repeat: repeat-x;
}

table td, table th {
	padding: 3px;
}

table th {
	/*background-color: white;*/
	padding: 5px;
}

/*
------------------------------------------------------------------------
SPECIFIC ELEMENTS
------------------------------------------------------------------------
*/
/* ------------ Mini-basket ------------------------------------------ */
#basketlines a {
	display: block;
	text-decoration: none;  
	color: #666666;
	padding: 5px 2px 5px 3px;
}

#basketlines a:hover {
	background-color: #EEEEEE;
}

#baskettotals {
	background-image: url(../templateimages/back_fade2.png);
	background-position: top left;
	background-repeat: repeat-x;
	color: #333333;
	font-weight: bold;
	text-align: right;
}

#baskettotals p {
	background: #EEEEEE;
	line-height: 23px;
	color: #666666;
	border-bottom: solid 1px #CBD5DB;
	padding: 0;
	margin: 0;
}
#baskettotals p em {
	background: #FFFFFF;
	color: #666666;
	padding: 5px;
}

#basketempty, #baskethidden em{
	font-style: italic;
}	

#basketlines {
	border-top: solid 1px #CBD5DB;
}

#basketlines li {
	background: #FFFFFF;
	border-bottom: solid 1px #CBD5DB;
}

#basketlines li.alt {

}

#basketlinks a {
	display: block;
	padding: 3px 0px 3px 3px;
}

#basketlinks a:hover {
	color: #666666;
	background-color: #EEEEEE;
}

/* ------------ Other Elements --------------------------------------- */

/* Reviews */
.reviews {
	background-image: url(../templateimages/back_fade3.png);
	background-position: top left;
	background-repeat: no-repeat;
	padding-top: 5px;
}

.reviews .box {
	background-color: #E2EAEF;
	border-top: solid 1px #CBD5DB;
	border-bottom: solid 1px #CBD5DB;
}

/* Carry On Shopping / Cross Selling */
.carryonshopping {
	background-image: url(../templateimages/back_fade3.png);
	background-position: top left;
	background-repeat: no-repeat;
	padding-top: 5px;
}

/* Attributes */
.attributes {
	border-bottom: solid 1px #CBD5DB;
}

.attributes td {
	background-image: url(../templateimages/back_fade2.png);
	border-top: solid 1px #DDDDDD;
}

/* Promotions */
.product .promotions, .basket .promotions {
	background-image: url(../templateimages/back_fade3.png);
	background-position: top left;
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-bottom: 5px;
}

.promotion .box {
	background-image: url(../templateimages/back_fade2.png);
	background-position: top left;
	background-repeat: repeat-x;
	border-top: solid 1px #CBD5DB;
	border-left: solid 1px #CBD5DB;
	border-bottom: solid 1px #E2EAEF;
	border-right: solid 1px #E2EAEF;
}

.promotionfooter {
	color: #aaa;
	margin-top: 8px;
}

/* Compare */
.compare td {
	border-top: solid 1px #CBD5DB;
	background-image: url(../templateimages/back_fade2.png);
	background-position: top left;
	background-repeat: repeat-x;
}

/* Ships Today Notice */
#ShipsToday {color: #7dba2b; font-weight:bold;}

/* ------------ Forms ------------------------------------------------ */
select, input, textarea {
	font-weight: normal;
	color: black;
	border: solid 1px #CCCCCC;
	margin-bottom: 3px;
	font-size: 12px;
	padding: 2px;
}

select:focus, input:focus, textarea:focus {
	font-weight: normal;
	color: black;
	background-color: #F5F5F5;
	border-color: #cccccc;
	border-style: solid;
	border-width: 1px;
	margin-bottom: 3px;
}

input.submit {
	background-color: #C0C0C0;
	color: black;
	font-weight: normal;
	font-size: 7.5pt;
	border-bottom: 1px solid #777777;
	border-right: 1px solid #777777;
	margin: 0 5px 3px 0;
	padding: 1px 3px 1px 3px;
	width: auto;
	overflow: visible;
}

input.smallsubmit {
	display: inline;
	margin: 0 0 0 10px;
	font-size: 7.5pt;
	text-decoration: none; 
	color: #3487c7;
	font-weight: bold;
	padding: 0 2px 0 10px;
	text-align: left;
	font-weight: bold; 
	background-color: transparent;
	border: none;
}

/* form error messages */
.errors {
	display: block;
	width: 85%;
	color: red;
	background-color: #FFEEEE;
	border: dotted 1px red;
	margin: 18px;
	padding: 12px;
}

.errors label {
	border-bottom: dotted 1px red;
}




/* ------------ Checkout and Basket ---------------------------------- */
/* Card details box during checkout */
.carddetails {
	background-color: #FFFFFF;
	border: none;
}

/* shipping methods line during checkout */
.basket .shippingmethodline {
	background-image: url(../templateimages/back_fade2.png);
	background-position: top left;
	background-repeat: repeat-x;
	padding: 8px 0 20px 0;
}

.basket tr.separate {
	height: 20px;
	background-color: white;
	background-image: none;
}

.basket .section {
	width: 100%;
	padding-top: 10px;
	background-image: url(../templateimages/back_fade3.png);
	background-position: top left;
	background-repeat: no-repeat;
}

.basket .totals {
	border-top: solid 1px #CBD5DB;
	background-image: url(../templateimages/back_fade2.png);
	background-position: top left;
	background-repeat: repeat-x;
	text-align: right;
	margin-top: 18px;
	padding-top: 5px;
	margin-bottom: 8px;
}

.basket .applycoupon {
	border-top: solid 1px #CBD5DB;
	background-image: url(../templateimages/back_fade2.png);
	background-position: top left;
	background-repeat: repeat-x;
	margin-top: 18px;
	padding-top: 5px;
	margin-bottom: 8px;
}

.checkout .section {
	width: 100%;
	padding-top: 10px;
	background-image: url(../templateimages/back_fade3.png);
	background-position: top left;
	background-repeat: no-repeat;
	margin-left: 0;
}

#fieldsrequired {
	color: #888888;
	font-size: 7.5pt;
}

.shippingmethodstable .subheader .name {
	font-weight: bold;
	font-size: 7.5pt;
	color: #556699;
	margin-bottom: 4px;
	padding-bottom: 0px;
}

/* ------------ Customer --------------------------------------------- */
.customer .section {
	background-image: url(../templateimages/back_fade3.png);
	background-position: top left;
	background-repeat: no-repeat;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 10px;
	margin-bottom: 5px;
}

.vieworder {
	margin-bottom: 15px;
}

/* ------------ Site Map --------------------------------------------- 
.sitemap ul {
	padding: 0;
	margin: 0;
}

.sitemap ul li {
	display: block;
	float: left;
	width: 260px;
	margin: 5px;
	padding: 0;
	border-top: solid 1px #CBD5DB;
	border-left: solid 1px #CBD5DB;
	border-bottom: solid 1px #E2EAEF;
	border-right: solid 1px #E2EAEF;
	list-style-position: inside;	
	list-style-type: none;
}

.sitemap ul li div.pad {
	padding: 15px;
}

.sitemap ul ul {
	padding: 0;
	margin: 0;
}

.sitemap ul ul li {
	float: none;
	width: 100%;
	width: 100%;
	padding: 3px 10px 3px 10px;
	margin: 0;
	border: 0;
}
*/

/***************** NEW SITE MAP STYLING **********************/
#CustomPages li{width:150px; float:left; height:25px; color:#D8781A; list-style-type:square; margin: 2px; padding: 0px 10px 0px 0px}


.SiteMap {float:left;width: 200px;}

.SiteMap li {color:#D8781A; list-style-type:square; margin: 2px; padding: 5px 0px 5px 0px; }

.SiteMap li a {font-weight:bold}

.SiteMap ul li {color:#D8781A; list-style-type:square; padding: 2px 0px 2px 0px}

.SiteMap ul li a {font-weight:normal}

/*.SitemapCategory li {width:150px; height:25px; color:#D8781A; list-style-type:square; margin: 2px; padding: 0px 10px 0px 0px}



.SitemapCategory ul li{width:150px; float:left; height:25px; color:#D8781A; list-style-type:square; margin: 2px; padding: 0px 10px 0px 0px}*/

.CategorySiteMap {margin:0px 0px 0px 10px; border:1px solid blue; width: 250px; float:left}

.CategorySiteMap ul {list-style-type:none}

.CategorySiteMap ul li {margin-top:3px; margin-bottom: 3px}

.CategorySiteMap ul li ul{list-style-type:square}

.HighlightCategoryClinical {margin:20px 0px 0px -70px; padding:10px 0px 10px 0px; list-style-type:none}

.HighlightCategoryHealthTitle {margin:0px 0px 0px -20px}
.HighlightCategoryHealth {list-style-type:square}

/* ------------ Miscellaneous ---------------------------------------- */
/* horizontal rule */
hr {
	color: #DDDDDD; 
	background-color: #DDDDDD; 
}

/* Controls the first news item */
#newsitem1 h1 {

}

/* 'Top items' boxes on home page */
#toplists ul li div a:hover {
	color: red;
}

/* Search keyword highlight */
em.highlight {
	background-color: #FFF522;
	font-style: normal;
}

/* Strapline font styling */
.product em.strapline {
	font-style: normal;
	color: #333333;
	font-weight: normal;
	font-size: 7.5pt;
}

/* styles for common features on your content pages */
.page .cutout {
	margin: 12px;
	border-top: solid 1px #CBD5DB;
	border-left: solid 1px #CBD5DB;
	border-bottom: solid 1px #E2EAEF;
	border-right: solid 1px #E2EAEF;
}

.page .cutout_left {
	float: left;
}

.page .cutout_right {
	float: right;
}

.page .right {
	text-align: right;
}

/* style used to highlight explanations of demo data. This can be safely remove
when you have your own styles */
.demodataexpl {
	clear: both;
	color: #008800;
	background-color: #AAEEAA;
	font-size: 7.5pt;
	font-weight: bold;
	display: block;
	padding: 10px;
	margin-top: 10px;
	border: dotted 1px #008800;
}


/*
------------------------------------------------------------------------
ADVANCED CHANGES
These styles should not need to be changed - such as element 
positioning and padding that most stores would not need to alter
------------------------------------------------------------------------
*/
/* ------------ Boxes ------------------------------------------------ */
.boxheader {
	margin: 15px 0px 0px 0px;
	clear: both;
}

.pad_shortformat {
	padding: 20px;
}

div.spacer {
  	clear: both;
}

.wrap {
	display: block;
	
}
.wrap:after, .products .product .pad:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* ------------ Forms ------------------------------------------------ */
form { 
	margin: 0; 
	display: inline;
	padding: 0;
}
fieldset {
	margin: 0; 
	padding: 0;
	border: 0;
}

.inputform {
	margin-bottom: 12px;
	zoom: 100%; /* To fix IE 'invisible text' rendering bug (http://archivist.incutio.com/viewlist/css-discuss/57305) */
}

.inputform label {
	width: 180px;
	float: left;
	clear: both;
	font-weight: bold;
	text-align: right;
}
.inputform h2 label {
	text-align: left;
}

.inputform label.checklabel {
	width: auto;
	float: none;
}

.inputform div {
	margin: 0 0 5px 185px;
}
.inputform div input, .inputform div select {
	margin: 0 0 0 5px;
}
.inputform div div {
	margin: 0 0 5px 0px;
}

.inputform br {
	display: none;
}

.inputform input.submit {
	margin-left: 190px;
	width: auto;
	float: none;
	display: block;
}

.inputform input {
	width: 180px;
}

input.radio, input.checkbox {
	border-style: none;
	background-color: transparent;
	display: inline;
	width: 20px;
}

.column2 {
	padding-left: 180px;
	margin-bottom: 20px;
	width: auto;
}
.contactus .column2 {
	padding-left: 0;
}

textarea { 
	width: auto; 
}

/* ------------ Mini-basket ------------------------------------------ */
#numberofitems {
	margin: 0px 0px 5px 0px;
	padding: 0;
	font-size: 7.5pt;
}

#numberofitems em {
	font-style: normal;
	font-weight: bold;
}

/* Lines of the basket */
#basketlines {
	padding: 0;
	margin: 0;
}

#basketlines li {
	list-style: none;
	font-size: 7.5pt;
}

#basketlines em {
	font-style: normal;
}

#baskettotals p em {
	margin-left: 5px;
}

#baskettotals em {
	font-style: normal;
}

#baskettotals #taxexception {
	font-weight: normal;
}

#basketlinks {
	margin: 5px 0px 0px 0px;
	padding: 0;
}

#basketlinks li {
	list-style: none;
}

#basketlinks img {
	border: 0;
	vertical-align: middle;
	margin: 0px 5px 0px 0px;
}

#basketempty, #baskethidden {
	padding: 0px 3px 0px 3px;
	margin: 0;
}	

/* ------------ Speed order page ------------------------------------- */
.speedordertable {

}

.speedorder table {
	width: 100%;
	margin: 0 auto;
}

.speedorder td, .speedorder th {
	text-align: left;
	padding-left: 0px;
	padding-right: 10px;
}

.speedorder .productcode input {
	width: 90px;
}

.speedorder .quantity input {
	width: 25px;
	text-align: right;
}

.speedorder div.submit {
	margin-top: 15px;
	text-align: left;

}

#SpeedProcess {border:1px solid #EAE9E4;
		    	float:right}
	
	
	/* ------------ Checkout --------------------------------------------- */
/* step 1 - login form */
.emailreminder {
	width: 100%;
	padding-top: 15px;
	background-image: url(../templateimages/back_fade3.png);
	background-position: top left;
	background-repeat: no-repeat;
}

/* step 3 - shipping methods */
.shippingmethodstable {
	width: 100%;
	padding-bottom: 8px;
}

.shippingmethodstable .price_1, .shippingmethodstable .price_2, .shippingmethodstable .price {
	text-align: right;
	white-space: nowrap;
	padding-right: 30px;
}

.euvat {
	padding-bottom: 8px;
	text-align:left
}

.checkout textarea {
	width: 500px;
}

.carddetails {
	width: 100%;
}

.carddetails .inside {
	padding: 0px;
}

.shippingmethodline strong {
	padding-right: 16px;
}

.step4 input.submit {
	margin-left: 0px;
	clear: both;
}

#strMailingListHTML {
	display: block;
	margin: 10px 0 5px 0;
}


/* Billing details typography */
.billtotal em {
	font-style: normal;
}

.billtotal, .gatewaymessage {
	margin: 15px 0 30px 0;
}

.billtotal {
	font-size: 10pt;
	padding: 5px;
	background: #FFFFCC;
	border: solid 2px #CC9933;
	color: #333333;
	float: left;
	width: 98%;
	text-align:center;
	margin:20px 0px 20px 0px;
}

#termspopup {
	font-size: 7.5pt;
	}

/* ------------ Search ----------------------------------------------- */
.trythesecategories {
	margin: 8px 0px 8px 0px;
}

.trythesecategories ul {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
}

.trythesecategories ul li {
	display: inline;
	margin: 0;
	padding: 0;
	text-indent: 0;
}

#resultsheader {
	margin: 8px 0 8px 0;
}

.search .pricefields input {
	width: 4em;
}


/* ------------ Basket ----------------------------------------------- */
.basket .baskettable {
	width: 100%;
}

.basket .baskettable table {border:1px solid #c7bea4; border-collapse:collapse}

.basket .baskettable td {border:1px solid #c7bea4;}

.basket .baskettable th{
text-align:center
}

.basket .price_1, .basket .price_2, .basket .price, .basket .quantity, .basket .remove, .basket .tax, .basket .total {
	text-align: center;
	white-space: nowrap;
}

.basket .quantity input {
	text-align: right;
}

.basket .totals em {
	line-height: 30px;
	color: #333333;
	font-weight: bold;
	font-style: normal;
	font-size: 10pt;
}

.basket .totals .controls {
	margin-top: 8px;
	float:right
}

.basket .links {
	margin-top: 3px;
	overflow: hidden;
	width: 100%;
	text-align: left;
}

.basket .links div {
	width: 48%;
	margin: 0;
	padding: 0;
	float: left;
}

.basket .links div p {
	margin: 0;
	padding: 4px 4px 0 0px;
}

.basket .links img {
	margin-right: 4px;
	vertical-align: middle;
	margin-bottom: 5px;
}

.basket .continueshopping {
	margin-top: 8px;
	text-align: right;
}

.basket .continueshopping .submit {
	float: left;
	text-align: center;
}

/*
'######################################################################
'#### PINDAR : KW : Extra basket styles
'######################################################################
*/

.recalculatebasket{
	float: left;
	/*text-align: center;
	width:70px*/
}

.emptybasket  {
	float: left;
	/*text-align: center;
	width:70px*/
}

 .basketenquiry  {
	float: left;
	text-align: center;
}

 .basketcheckout  {
	float: left;
	text-align: center;
	width:70px;
}





/* ------------ Shipping rates --------------------------------------- */
.shippingtable {
	width: 100%;
	margin-bottom: 20px;
}

.shippingtable .price, .shippingtable .price_1, .shippingtable .price_2 {
	text-align: right;
	white-space: nowrap;
}

/* ------------ Customer --------------------------------------------- */
.section tbody td {
	padding: 2px;
}

.section table {
	margin-bottom: 2px;
}

.section th {
	text-align: left;
}

.savebasketstable .date, .wishliststable .date {
	width: 130px;
}

.savebasketstable .actions, .wishliststable .actions {
	text-align: right;
	width: 130px;
}

.orderdetails label {
	width: 30%;
	float: left;
}

.orderdetails div {
	float: left;
	margin-bottom: 4px;
}

.orderdetails br {
	display: block;
	clear: both;
}

.orderdetails div.tick {
	float: none;
	margin-bottom: 0;
}

.orderdetails div.tick img {
	margin-right: 8px;
}

.customer .links div {
	width: 48%;
	margin: 0;
	padding: 0;
	float: left;
}

.wishlist #chkUpdateItems {
	margin: 0;
	width: 20px;
	text-align: left;
	float: left;
	padding: 0;
}

/* ------------ Affiliate -------------------------------------------- */
.affiliatestatstable {
	width: 100%;
}

.affiliatestats .total {
	text-align: right;
	padding-right: 12px;
}

.affiliatestats .graph {
	text-align: center;
}

.affiliatestats h2 {
	margin-top: 16px;
}


/* ------------ Categories ------------------------------------------- */
.category h2 {
	margin: 0px 0px 8px 0px;
}

.subcategories {
	margin-bottom: 0px;
}

.subcategories_normal {
	background-image: url(../templateimages/back_fade3.png);
	background-position: top left;
	background-repeat: no-repeat;
	padding-bottom: 10px;
}

.subcategories_extended {
	background-image: url(../templateimages/back_fade3.png);
	background-position: top left;
	background-repeat: no-repeat;
	padding-bottom: 10px;
}

.maincategory {
	padding: 0;
	width: 100%;
	border: 0;
	overflow: hidden;
}

.subcategory {
	margin: 0;
	padding: 0px 0px 1px 0px;
}

.subcategories_normal .subcategory {
	margin: 0;
	padding: 15px 0px 1px 0px;
}

.subcategories_extended .subcategory {
	margin: 0;
	padding: 15px 0px 1px 0px;
}

.subcategory strong {
	display: block;
	margin-bottom: 4px;
	font-size: 9pt;
}

.subcategories .subcategory img{
	float: right;
	margin: 0px 0px 10px 10px;
}

.subcategories .subcategory .pad, .maincategory .pad {
	margin: 0 0 0 0;
	zoom: 100%; /* To fix IE 'invisible text' rendering bug (http://archivist.incutio.com/viewlist/css-discuss/57305) */
	overflow: hidden; /* To fix image flow in extended view, mozz/opera */
}

/* For the shortened design */
.subcategories_shortened .subcategory {
	display: block;
	float: left;
	margin-bottom: 0px;
	
}

.subcategories_shortened .subcategory .pad {
	padding: 10px;
}

/* Style specifically for the 'link'. We remove most of the box styling for link mode */
.subcategories_link .subcategory .pad {
	margin: 0;
	padding: 0;
	border: 0;
	background-color: transparent;
}

/* ------------ Products --------------------------------------------- */
/* h2s are used on product.asp to break up main parts of the page */
.product h2 {
	text-align: left;
}

.products_shortened {

}	


.products_shortened .product h2 {
	text-align: left;
	background: #FFFF99;
	border-bottom: solid 1px #CBD5DB;
	padding: 5px;
	margin-bottom: 0;
	font-size: 8pt;
	height: 2.5em;
}	
.products_shortened .product h2 a {
	color: #666666;
}

/* Covers info on all 'product' views - including product.asp */
.product em.strapline {
	display: block;
	margin: 5px 5px 15px 5px;
	padding: 0;
}

.generalspace {
	display: block;
	height: 1px;
}

.product p {
	margin: 0 0 5px 0px;
}

.product .main {
	overflow: hidden;
}

.product img.thumb {
	float: right;
	margin-left: 10px;
}

.quantitydiscount .link {
	padding: 5px 0px 5px 0px;
}
#pagecontent_pad .pad {
	padding: 10px 0 0 0;
}
#pagecontent_pad pre {
	clear: both;
}

/* All products in a list format (i.e. not product.asp) */
.products {
	margin-bottom: 0px;
	padding-bottom: 10px;
	overflow: hidden;
}

.products_end {
	clear: both;
}

.products .minprice, .products .ClickForPrice {
	display: block;
	font-weight: bold;
	padding: 4px 10px 4px 0;
	border-right: dotted 1px #CCCCCC;
	margin: 9px 10px 0 0;
	float: left;
}

.products .minprice a, .products .ClickForPrice a {font-weight:bold; color:#D8781A; text-decoration:none}


/*.products .product img {
	float: right;
	margin: 0px 0px 10px 10px;
}
'#### PINDAR : KW : Replace otherwise all images on the prodtype page for extended layout are floated
*/

.ProductThumbnail {float: right;
	margin: 0px 0px 10px 10px;}

.products .product .pad {
	margin-bottom: 8px;
	padding: 0px 0 0px 0;
	zoom: 100%; /* To fix IE 'invisible text' rendering bug (http://archivist.incutio.com/viewlist/css-discuss/57305) */
	overflow: hidden; /* To fix image flow in extended view, mozz/opera */	
}

.products .product .product_end {
	clear: both;
}

/* Specific to the shortened display - note: the width of .product is set programmatically
based on the numShortenedFormatCols config setting */
.products_shortened .product img {
	display: block;
	float: none;
	margin: 8px auto;
	text-align: center;
}	

.products_shortened .product {
	display: block;
	float: left;
	margin-bottom: 0;
	/*PINDAR SG: 28/07/09 Changed the width from 33% to 50% to create a 2 column result in the search display*/
	width: 33%;
	position:relative
}
.homepage_featured_img { border: solid thin #d3d3d3; }
.products_shortened .minprice, .products_shortened .ClickForPrice {
	text-align: center;
	float: none;
	border: none;
	padding: 5px;
	width: 80%;
	border: solid 1px #DDDDDD;
	border-width: 1px 0;
	margin: 0 auto;
}

.products_shortened .minprice a, .products_shortened .ClickForPrice a {color:#D8781A; font-weight:bold; text-decoration:none}


.products_shortened em {
	padding: 0px 10px 5px 10px;
}


/* Specific to the 'classic' search display type - no styling, just text and description */
.products_classicsearch .product .pad {
	background: none;
	border: none;
	padding: 0;
	margin: 0;
}

.products_classicsearch .product .pad p {
	margin: 4px 0 8px 0;
}


/* To improve the display you may wish to force the height of these boxes */
.products_shortened .product .pad {
	padding: 10px;
}

.products_shortened .product .moredetails {
	display: none;
	visibility: hidden;
}

/* ------------ Wish List -------------------------------------------- */
.wishlist .section {
	margin-bottom: 25px;
}

.wishlist .explanation {
	margin: 0px 0px 15px 0px;
	display: block;
	width: 90%;
	font-size: 7.5pt;
}

/* ------------ Compare ---------------------------------------------- */
.compare h4 {
	margin-bottom: 5px;
}

.compare tr {
	background-color: transparent;
}

.compare .propertyheader {
	font-weight: bold;
	font-size: 7.5pt;
}

.compare .lastrow td {
	background-color: transparent;
	font-size: 7.5pt;
	padding-bottom: 20px;
}


/* ------------ Attributes ------------------------------------------- */
.attributes {
	margin: 10px 0 10px 0;
	padding: 0;
	width: 100%;
}

.attributes table {
	width: 100%;
	border-collapse: collapse;
}

/* Product attributes table */
.attributes table tr {
	background-image: none;
	border: none;
}

/* ------------ Reviews ---------------------------------------------- */
.reviews {
	margin: 5px 0 10px 0;
}

.reviews h2 {
	margin-bottom: 8px;
}

.review {
	margin: 0 0 5px 0;
}

.review .pad {
	padding: 10px;
}

.review .stars {
	display: inline;
	margin-right: 2px;
}

.review strong {
	display: inline;
}

.review .reviewer {
	font-style: italic;
}

.review blockquote {
	margin: 15px 20px 15px 20px;
}

.review .date, .review .appliesto {
	text-align: right;
}

/* Review add page */
.addreview form strong {
	display: block;
}

.addreview form p {
	margin: 0px 0px 20px 180px;
}

.addreview textarea {
	width: 340px;
	height: 100px;
}
	
/* ------------ Cross Selling ---------------------------------------- */
.carryonshopping h2 {
	margin-bottom: 8px
}

.carryonshopping h3 {
	margin-top: 5px;
}

.carryonshopping ul {
/*	margin: 2px 0px 10px 40px;*/
	list-style-type: none;
	padding: 0;
}

/* ------------ Versions --------------------------------------------- */
/* Clear so it comes below the floating image tag */
.versions {
	clear: right;
	padding: 10px 0;
}


.versions .submit {background-image:url(../templateimages/content/add_button.gif);background-repeat:no-repeat; width:45px; height:23px; border:1px solid #FFFFFF; background-color:#FFFFFF; color:#FFFFFF; font-weight:bold; cursor:pointer; float:right}

.versions .alt .submit {background-image:url(../templateimages/content/add_button.gif);background-repeat:no-repeat; width:45px; height:23px; border:1px solid #f5f5f2; background-color:#f5f5f2; color:#FFFFFF; font-weight:bold; cursor:pointer; float:right}

/***** Submit Button for Highlighted Rows ****/

.versions .highlight .submit {background-image:url(../templateimages/content/add_button.gif);background-repeat:no-repeat; width:45px; height:23px; border:1px solid #FFFF99; background-color:#FFFF99; color:#FFFFFF; font-weight:bold; cursor:pointer}

.versions .disabledsubmit {background-image:url(../templateimages/content/add_button_disabled.gif);background-repeat:no-repeat; width:45px; height:23px; border:1px solid #FFFFFF; background-color:#FFFFFF; color:#FFFFFF; font-weight:bold; cursor:pointer; float:right}

.versions .alt .disabledsubmit {background-image:url(../templateimages/content/add_button_disabled.gif);background-repeat:no-repeat; width:45px; height:23px; border:1px solid #f5f5f2; background-color:#f5f5f2; color:#FFFFFF; font-weight:bold; cursor:pointer; float:right}


.versions strong {
	display: block;
	padding-bottom: 5px;
}

.products_shortenened .versions { /* don't want to clear if we're doing things in shortened format */
	clear: none;
}

/* Versions displayed in options may first have a price line */

.versions .price {
	padding: 5px;
	text-align:center;
}


.versions .prices {
	padding: 5px;
	text-align:right;
}

.versions .prices strong {
	display: inline;
}

.versions .prices span {
	margin-left: 2em;
}

.versions .prices .extax {
	width: 40px;
	border: none;
	overflow: visible;
	background-color: transparent;
	margin: 0;
	text-align: center;
	font-weight: normal;
	padding: 2px;
}

.versions .prices .inctax {
	width: 70px;
	border: none;
	overflow: visible;
	background-color: transparent;
	margin: 0;
	text-align: center;
	font-weight: bold;
	padding: 2px;
}

.versions .prices .weight {
	width: 40px;
	border: none;
	background-color: transparent;
	margin: 0;
	text-align: left;
	font-weight: normal;
	margin-right: 20px;
	padding: 2px;
}

.versions .line {
/*	text-align: right;
	padding: 5px;
	*/
}

.versions .line img {
	float: none;
}

/* Version Table */
.versions table {
	width: 530px;
	border: 1px solid #c7bea4;
	border-collapse: collapse;
	margin:0px 0px 0px 2px;
	
}

.versions div.versionstable {
	width: 100%;
}

.versions .CodeNumberCell {border-right:1px solid #ffffff}

.versions .alt .CodeNumberCell {border-right:1px solid #f5f5f2}
.versions .VersionInfo {width:250px;}

.VersionThumb {float:left}

.versions .alt .VersionInfo {width:250px;}


.versions .VersionInfoWithPreview {width:150px;}

.VersionThumb {float:left}

.versions .alt .VersionInfoWithPreview {width:150px;}

.versions tr.description {
	background-image: none;
	background-color: transparent;
}

.versions td.description {
	background-image: none;
	background-color: white;
}

.versions th, .versions td {
	/*text-align: right;*/
	border: 1px solid #c7bea4;
}

.versions table .stock {
	text-align: center;
}

.versions .name {
	/*padding-left: 5px;*/
	text-align:left
	width:150px;
	border-left:1px solid blue
}

.versions th {
	/*padding-left: 5px;*/
	text-align:center;
	border-bottom: 1px solid #c7bea4;
}

.versions table .addtobasket {
	padding-right: 5px;
	text-align:right;
}

.versions table .addtobasket img {
	float: none;
}

.versions table .description {
	padding: 5px;
	overflow: hidden;
}

.versions table .description img {
	float: left;
	margin-right: 4px;
}

.versiondesc {width:300px; }	
.versions table .description {
	text-align: left;
}

/* ------------ Product Options -------------------------------------- */
.optiongroups_block .options {
	padding: 10px;
	margin: 10px 0px 5px 0px;
}	

.optiongroups_block .addtobasket {
	/*text-align: right;*/
	padding: 5px;
	clear: both;
}

.outofstockmessage em {
	display: block;
	margin-top: 10px;
	border:1px solid green
}

.optiongroups_block .option {
	clear: both;
}

.optiongroups_block .option label.optiontitle {
/*	display: block;
	width: 10px;
	float: left;
	margin-right: 5px;*/
}

.versions .option label.optiontitle {
	margin-right: 5px;
}

.optiongroups_block .option div {
	display: block;
	/*margin-left: 160px;
	margin-bottom: 10px;*/
}

.optiongroups_block .option div .radiooptions {
	display: block;
}

.optiongroups_block .addtobasket img {
	float: none;
	text-align: right;
}

/* Inline groups */
.optiongroups_line {
	padding: 5px;
	margin-bottom: 5px;
	text-align: left;
	zoom: 100%;
	overflow: hidden;
}

.optiongroups_line .options, .optiongroups_line .option div, .optiongroups_line .option, .optiongroups_line strong, .optiongroups_line label, .optiongroups_line select, .optiongroups_line .addtobasket {
	display: inline;
	vertical-align: middle;
	margin-bottom: 3px;
}

.optiongroups_line label {
	margin-left: 10px;
}

.optiongroups_line .addtobasket {
	display: block;
	float: right;
	/*width: 100px;
	text-align: right;
	margin-left: 20px;*/
}
.optiongroups_line .addtobasket .submit {
	margin-bottom: 0px;
}
.optiongroups_line .addtobasket img {
	float: none;
}
/* ------------ Homepage Layout Divs --------------------------------- */
.home_region {
	float: left;
	width: 100%;
}


/* ------------ Homepage News ---------------------------------------- */
/* Controls specifically the first news item */
#newsitem1 {
	margin: 0;
	padding: 0;
	width: 100%;
	clear: both;
}

#newsitem1 .pad {
	margin: 0;
	padding: 0px 20px 20px 0px;
}

#newsitem1 h1 {
	padding-top: 0px;
}


#newsitem1 img {
	float: right;
}

/* Other news items */

#newsitems div {
	padding: 0;
	margin: 0;
}

#newsitems {
	padding: 0;
	margin: 0;
	width: 100%;
}

#newsitems .newsitem {
	width: 33%;
	float: left;
}

#newsitems .newsitem .pad {
	margin: 0px 15px 10px 0px;
}

#newsitems strong {
	display: block;
	padding: 0;
	margin: 0;
}



/* ------------ Top lists -------------------------------------------- */
#toplists {
	padding: 0;
	width: 100%;
	clear: both;
}

#toplists .box {
	width: 33%;
	font-size: 7pt;
	float: left;
}

#toplists .pad {
	margin: 0px 15px 10px 0px;
}

#toplists ul {
	margin: 0;
	padding: 0;
	border: 0;
}

#toplists ul li {
	list-style: none;
	float: none;
	clear: both;
	padding-bottom: 2px;
}

#toplists ul li div {
	display: block;
	font-size: 7.5pt;		
}

/* ------------ Homepage Specials ------------------------------------ */
.specials {
	clear: both;
}

.specials h2 {
	display: block;
	margin-bottom: 12px;
}


/* ------------ Promotions ------------------------------------------- */
/* promotion class controls listing in extended view (with thumbnail) */
.promotion {
	vertical-align: middle;
	margin: 8px 0px 8px 0px;
	display: block;
}

.promotion img {
	float: right;
	margin-left: 10px;
}

.promotion .box {
	width: 100%;
	margin: 0px 5px 5px 0px;
	font-size: 8pt;
}

.promotion .pad {
	padding: 10px;
	overflow: hidden;
}

/* promotiontext class controls listing in text view */
.promotiontext {
	clear: both;
	vertical-align: middle;
	margin: 8px 0px 8px 0px;
	display: block;
}

.promotiontext .box {
	width: 100%;
	margin: 0px 5px 5px 0px;
	font-size: 8pt;
}

.promotiontext .pad {
	overflow: hidden;
}


/* ------------ Miscellaneous ---------------------------------------- */
body, td {
	padding: 0;
	margin: 0;
}

#popup .pad {
	padding: 10px;
}

.extrainfolinks {
	margin: 8px 0px 10px 0px;
	overflow: hidden;
	font-size: 7.5pt;
}

.extrainfolinks a {
	white-space: nowrap;
}

.extrainfolinks .moreinfo, .extrainfolinks .compare {
	margin: 5px 10px 0px 0px;
	float: left;
}
.extrainfolinks .compare {
	float: right;
}
.extrainfolinks .moreinfo img, .extrainfolinks .compare img {
	vertical-align: middle;
	margin-bottom: 2px;
}
.extrainfolinks .moreinfo a, .extrainfolinks .compare a {
	background-color: #EEEEEE;
	border: solid 1px #CCCCCC;
	display: block;
	padding: 4px 8px;
	font-weight: bold;
	font-size: 8pt;
	color: #666666;
}
.extrainfolinks .moreinfo a:hover, .extrainfolinks .moreinfo a:visited:hover, .extrainfolinks .extrainfolinks a:hover, .extrainfolinks .extrainfolinks a:visited:hover {
	background-color: #FFFFAA;
	border: solid 1px #FFCC99;
}
.extrainfolinks .compare a {
	background: 0;
	border: none;
}

.extrainfolinks .compare a {
	font-weight: normal;
}

.extrainfolinks img {
	float: none;
	margin: 0;
}


.nowrap {
	white-space: nowrap;
}

/* horizontal rule */
hr { 
	height: 1px; 
	border-width: 0; 
}



/* Paddings on various items */
h1, h2 {
	padding: 0;
	margin: 0px 0px 8px 0px;
}

/* By default disable all borders on images */
img {
	border: none;
}

/* Breadcrumb trail  */
.breadcrumbtrail {
	padding: 4px 3px 5px 0px;
}

.breadcrumbtrail ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
} 

.breadcrumbtrail ul li {
	margin-left: 0;
	border: none;
	list-style: none;
	display: inline;
}

/* Pagination */
.paging { 
	margin: 0 0 15px 0;
	padding: 5px 0;
	background: #f5f5f2;
	border-top: dotted 1px #CCCCCC;
}

.paging a, .paging a:visited { 
	font-weight: normal;
	color: #2c2f91;
}

.paging_footer {
	text-align: right;
}


/*=============Pindar==================*/
#home_region1 {width:100%; height:auto;text-align:center;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=100);opacity:1.0; min-height: 215px}
#home_region1 img {border:0;}
#home_region1 #imageHolder {width:135px;float:left;}
#home_region1 #textHolder {margin-left:150px;text-align:left;}
#home_region1 .productName {}
#home_region1 .productDescription {}
#helpBox {background-color: #ffffcc; position: absolute; top: 0; left: 0; z-index: 1000; visibility: hidden; width: 250px; height:auto; padding:5px 2px 8px 10px; border:1px solid #cc9933;}

#helpBox .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(../templateimages/content/pointer.gif) left top no-repeat;}


/*'#### PINDAR : KW : Form Required Field */
.RequiredField {color:red}

#CatalogueRequest td {text-align:right}

#CatalogueRequest td input {float:left}
#CatalogueRequest td select {float:left}
#CatalogueRequest td .submit {float:right; color:#000000; background-color:#C0C0C0}

#CatalogueIntroText {text-align:left;}


#MailingListForm td {text-align:right}

#MailingListForm td input {float:left}
#MailingListForm td select {float:left}
#MailingListForm td .submit {float:right; color:#000000; background-color:#C0C0C0}

/*'#### PINDAR : DR : Basket/Checkout bread crumbs */
#checkoutbc {position: relative; top: -15px; z-index: -100;}

/************* PRODUCT PAGE TABS STYLING ****************/
#tabs {
	font-size: 90%;
	margin: 0px;
	padding:0px;
	width:535px;
}

#tabs ul {
	margin: 0px 0px 0px 0px;
	padding:0px;
	float:left
}

#tabs li {
	margin: 0px 1px 1px 0px;
	list-style: none;
	background-image:url(../templateimages/content/product_tab.gif);
	background-repeat:no-repeat;
	
}
* html #tabs li {
	display: inline;
}
#tabs li, #tabs li a {
	float: left;
}

/* Active Tab */
#tabs .active a{
background-image:url(../templateimages/content/product_tab_o.gif);
background-repeat:no-repeat;
margin: 0px 1px 1px 0px;
}

/* Normal Tab */
#tabs ul li a {
	text-decoration: none;
	padding: 8px;
	color: #FFFFFF;
	font-weight: bold;
	height:6px;
	width: 110px;
	margin: 0px 1px 1px 0px;
}


#tabs ul li a:hover {
	color: #FFFFFF;
	background-image:url(../templateimages/content/product_tab_o.gif);
	background-repeat:no-repeat;
	margin: 0px 1px 1px 0px;
}

#tabs ul li a:visited:hover {
	color: #FFFFFF;
	background-image:url(../templateimages/content/product_tab_o.gif);
	background-repeat:no-repeat;
	margin: 0px 1px 1px 0px;
}


#tabs div {

	clear: both;
	padding: 15px;
	min-height: 200px;
	border-top:1px solid #C0C0C0;
}

#tabs div h3 {
	margin-bottom: 12px;
}
#tabs div p {
	line-height: 150%;
}

#tabs div li {list-style-type: disc; background-image:none}
/************* END PRODUCT PAGE TABS *******************/


/************* SPECIFICATION TAB ***********************/
.SpecificationCodeNumber {width:10%; font-weight:bold; vertical-align:top}
/*********** END SPECIFICATION TAB *********************/


/************* RELATED PRODUCTS ***********************/

.RelatedProductImage {padding: 10px; width: 50px}
.RelatedProductName {font-weight:bold}
.RelatedProductInfo {padding:10px}

/************* RELATED PRODUCTS ***********************/

/************* Product Highlights **********************/

#ProductHighlights {float:right; width: 210px;}

.ProductHighlightTitle {font-weight: bold}

#ProductHighlights ul {list-style-type:none}

#ProductHighlights li {list-style-image: url(../templateimages/content/spec_bullet_arrow.gif)}
/************* END Product Highlights ******************/

/************* PRODUCT IMAGE GALLERY *****************

#main_image {border:1px solid #C0C0C0;}*/

#MainImageAndLink{width:300px; margin:0px 0px 10px 0px}

#MainProductImageContainer {height: 290px; width:290px; padding:5px;border:1px solid #C0C0C0; text-align:center}

#MainProductImage {cursor:pointer}

.thumbnail_gallery_container {width:500px; text-align:center; margin:0px 0px 0px -40px}

.thumbnail_gallery ul {margin:0px; padding:0px; border:1px solid green}

.thumbnail_gallery li {list-style-type:none; display:inline; float:left; border:1px solid #C0C0C0; margin:0px 25px 0px 0px}
.thumbnail_gallery li img {padding: 3px;}

.thumbnail_image {cursor:pointer}

#LargeLink {margin: 20px 2px 10px 0px}

.LargeImagePopUpLink {cursor:pointer; color:#1B7097}

#PrinterFriendlyLink {margin:10px 0px 0px 0px}

/************* END PRODUCT IMAGE GALLERY ***************/

/************* Recently viewed products ***************/

.RecentProducts {margin:0px; float:left}

.RecentProducts ul {margin:0px}

.RecentProducts li {float:left; text-align:center; margin:0px 20px 20px 0px; width:110px}

/************* END Recently Viewed Products **********/

/*** Mailing List ****/
.MailingGo {background-image:url(../templateimages/content/add_basket.gif); background-repeat:no-repeat; width: 40px; height: 20px; background-color:#FFFFFF; border:1px solid #FFFFFF; color: #FFFFFF; font-weight:bold; font-size:0.9em}

/**** Customer Account Shipping Details 8***/

.shippingdetails {width: 600px; float:left}

.shippingdetails label {
	width: 180px;
	float: left;
	clear: both;
	font-weight: bold;
	text-align: right;

	}
	
.shippingdetails div  {
	margin: 0 0 5px 185px;

}
.shippingdetails div input, .shippingdetails div select {
	margin: 0px 0px 0px 5px;
}
.shippingdetails div div {
	margin: 0px 0px 5px 0px;
}



#shipbill label {float:left}
#foo {border:1px solid red; width: 20px; }
#C_UseShippingAsBilling {width:20px; float:left}

#FormSubmitProceed {clear: both; float:none}

#FormSubmitProceed input {background-color: #C0C0C0;
	color: black;
	font-weight: normal;
	font-size: 7.5pt;
	border-bottom: 1px solid #777777;
	border-right: 1px solid #777777;
	margin: 0 5px 3px 5px;
	padding: 1px 3px 1px 3px;
	width: auto;
	overflow: visible;}


#ProcessingMsg {font-weight:bold; color:#7dba2b}


/* Truncated product description more info link */

.productmoreinfo a {
	background-color: #EEEEEE;
	border: solid 1px #CCCCCC;
	display: block;
	padding: 4px 8px;
	font-weight: bold;
	font-size: 8pt;
	color: #666666;
	float:right
}
.productmoreinfo a:hover, .productmoreinfo a:visited:hover, .productmoreinfo a:hover, .productmoreinfo a:visited:hover {
	background-color: #FFFFAA;
	border: solid 1px #FFCC99;
}


/********* VERSIONS ****************/

.UOM {text-align:center}

.versionstable .price_1 {text-align:center}


/** Images **/

.ImagePreview {text-align:center; width: 55px}
.VersionImages {text-align:center; width: 55px; padding: 3px}

.VersionImages img {float:none}



/********** OPTIONS IN A TABLE CHANGES ******************/
.OptionColumn {width: 140px;}

/*#txtPrice1 {border:0px solid #FFFFFF; background-color:#FFFFFF; font-weight: normal; width: 60px;}*/

.inctax {border:0px solid #f5f5f2; background-color:#f5f5f2; font-weight: normal; width: 60px;}

.priceinctax {width:50px; text-align:center; font-size:1.3em}

label.optiontitle {
	display: block;
	float:left;
	padding: 3px 0px 0px 0px;
	width: 80px;
	text-align:left;
}

.BaseVersionName {font-weight:bold}

.OptionVersionDescription {/*width:130px;*/ text-align:left;}

.OptionPrice {width:190px; text-align:center;}

#OptionCurrency {font-size:1.3em; border:1px solid red; height:50px; width: 20px;display:inline; margin:-10px 0px 0px 0px}
#OptionPriceField{border:1px solid green;display:inline; width:100px}

/* #### PINDAR : OM : 2009-11-10 : We need to override this because of various browser-specific default font-sizing and input-padding issues: */
#PriceLine input {height:12px}
#PriceLine input.inctax {height:15px}

.OptionGroupDD {float:left; margin: 0px 5px 0px 3px}

.OptionAddToBasket {width:98px; text-align:right}

.OptionAddToBasket input{width: 40px; float:left; margin:0px 3px 0px 0px}

.OPTCodeContainer {margin:5px 0px 5px 0px; font-weight:bold;}
.OPTCodeContainerNoPadding {margin:5px 0px 5px 0px; font-weight:bold;}

/**** OPTION IMAGES ROW ***********/

.OptionRowWithPreview {min-height:60px; height:60px;}

.OptionImageContainer {width: 55px; padding: 3px; text-align:center;}

.OptionImageContainer img {float:none}

.OptionImage {text-align:center; }

.OptionPreviewColumn {text-align:center; width: 55px}

/*#QTYAddDisabled input{margin: 1px 4px 0px 0px}

#QTYAddDisabled img{width:38px; height:18px; border:1px solid #f5f5f2; background-color:#f5f5f2; color:#FFFFFF; font-weight:bold; float: right; margin: 0px 10px 0px 0px}
*/
#PriceLine {height:18px}
#PriceLineDisabled {font-size:1.0em}

/**************** BASKET *********************/
.ToBeDetermined {font-style:italic; color:#808080}

.euvat {width: 500px; margin-bottom: 15px}
.euvat label {text-align:left; width: 180px; float:left; font-weight: bold; padding: 5px 0px 0px 0px}
.euvat input {float:left;}


/******* Subcategory Image ***********/

.subcategory_image {float:right}

.VersionAddButton {float:right}

/*
.ClickForPrice 	{text-align: center;
	float: none;
	border: none;
	padding: 5px;
	width: 80%;
	border: solid 1px #DDDDDD;
	border-width: 1px 0;
	margin: 0 auto;
	
	}
*/

.ClickForPrice 	a{color:red; font-weight:bold;text-decoration:none}

.quantitydiscountstable {margin-top:55px}
.quantitydiscountstable td {padding:5px}
.qtyheader {color:white; font-weight:bold}




/*
'#### PINDAR : OM : 2009-11-12 : Style for clearance products:
*/
.wasPrice {
	display: none;
}

.clearanceProducts .wasPrice {
	display: block;
	padding: 4px 10px 4px 0;
	border-right: dotted 1px #CCCCCC;
	margin: 9px 10px 0 0;
	float: left;
}

.clearanceProducts .strapline, .clearanceProducts .extrainfolinks {
	display: none !important;
}

.clearanceProducts a img {
	float: left !important;
	padding: 0 5px 0 0;
}

.clearanceProducts .products_normal .product h2, .clearanceProducts .products_normal .product h2 a, .clearanceProducts .products_normal .product .wasPrice, .clearanceProducts .products_normal .product .minprice {
	display: inline-block;
	font-size: 8pt;
	float: none;
	clear: none;
	border: 0;
	margin: 0 0 3px 0;
	padding: 0;
}

.clearanceProducts .products_normal .product h2 a {
	text-decoration: underline;
}

.clearanceProducts .products_normal .product .wasPrice, .clearanceProducts .products_normal .product .minprice {
	display: block;
}

.clearanceProducts .products_normal .product .minprice {
}

/*
#### PINDAR : OM : 2009-11-10 : Category product list clearance fix:
*/
.category .products_normal .product {
	clear: right;
}


/*
#### PINDAR : OM : 2009-11-10 : Banner image alignment:
*/
#LeftBanners, #RightBanners {
	width:100%; text-align:center
}


/*
#### PINDAR : OM : 2009-11-10 : Featured products / search results display fix:
*/
.products_shortened .sizingboxwin, .products_shortened .sizingboxmac {
	position: relative;
	margin: 5px;
	overflow: hidden;
	max-height: 170px;
}

.products_shortened .sizingboxwin *, .products_shortened .sizingboxmac * {
	font-size: 8pt !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 15px !important;
}

.products_shortened .sizingboxwin a, .products_shortened .sizingboxmac a {
	display: block;
	padding-bottom: 5px !important;
}

.sizingboxendwin, .sizingboxendmac {
	display: none;
}

.products_shortened .sizingboxendwin, .products_shortened .sizingboxendmac {
	display: block;
	position: absolute;
	right: 0;
	left: 0;
	top: 155px;
	text-align: right;
	background-color: white;
	padding: 0 5px 0 0 !important;
}


/*
#### PINDAR : OM : 2009-11-10 : Product version option table display fix:
*/
.OptionAddToBasket {
	width: 85px !important;
}

.OptionAddToBasket input {
	width: 30px !important;
}

.OptionPrice {
	width: 110px !important;
}

.OPTCodeContainer {
	margin-top: 10px !important;
}

.OPTCodeContainerNoPadding {
	margin-top: 0px;
}

label.optiontitle {
	width: 35px !important;
	margin-left: 5px;
	float: left;
	clear: left;
}

.OptionGroupDD {
	font-size: 90%;
	float: left;
	clear: left;
}

.OptionGroupDD:focus {
	margin-bottom: 0;
}



/***** CATEGORY TECH IMAGES ********/

.CategoryImage {float: right;margin: 0px 0px 10px 10px; /*padding: 3px; border:1px solid #C0C0C0*/}

.CategoryTechImage {float:left; padding: 3px; /*border:1px solid #C0C0C0*/}