/* 

========================================================================

TEMPLATE.CSS

========================================================================

*/



/* --- Body - control position #container, allows centering of site -- */

body {

	text-align: center;

	background-color: white;

	color:F



}



#container {

	display: block;

		margin: 10px 0px 0px 0px;

}



/* Contains rest of HTML */

#centrecontainer {

	width:960px;

	text-align: left;

	margin: 0 auto;

	min-height: 100%;

}





/* --- Header section ------------------------------------------------ */

#header {

	height: 70px;

	margin: 0px;



}



#header #title {

	height: 70px;

	margin: 0px 10px 0px 10px;

}



#header2 {width: 960px;  height: 37px; background-image:url(../templateimages/content/menu_bg.gif);background-repeat: repeat-x; text-align:center}



/* Top links */

#header2 .links {

	margin: 0px 0px 0px 0px;

	padding: 12px 0px 5px 0px;

	font-size: 8pt;

	color:#FFFFFF

}







#header2 .links li {

	list-style: none;

	display: inline;

	margin: 0px;

	padding: 0px;

}



#header2 .links a:link, #header2 .links a:visited

	{

	position: relative;

	text-decoration: none;

	color: white;

	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;

	font-weight: bold;

	margin: 0 0 5px 0;

	}





#header2 .links a:hover

	{

	position: relative;

	text-decoration: none;

	color: black;

	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;

	font-weight: bold;

	}



#header2 .links2 {

	margin: 0px 0px 0px 0px;

	padding: 2px 0px 2px 0px;

}



#header2 .links2 li {

	list-style: none;

	display: inline;

	margin: 0px;

	padding: 0px;

}



#header2 .links2 a:link, #header2 .links2 a:visited

	{

	margin: 0px 10px 0px 0px;

	text-decoration: none;

	color: white;

	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;

	font-size: 7.5pt;

	font-weight: normal;

	}





#header2 .links2 a:hover

	{

	color: black;

	text-decoration: underline;

	}

	

	

/***** CATEGORY IMAGE MENU *****/

#TopCategoryMenu {height:131px; text-align:center; width: 960px; background-image:url(../templateimages/content/category_menu/topcatmenu_bg.gif); background-repeat: repeat-x; background-position: left bottom; font-weight:bold; font-size:0.8em; color: #C0C0C0}	

	

#TopCategoryMenu a:link, #TopCategoryMenu a:hover, #TopCategoryMenu a:visited, #TopCategoryMenu a:active, #TopCategoryMenu a:visited:hover {text-decoration:none; color: #1481A7; font-size:0.8em}



.CategoryMenuImage {float:left; margin:0px; padding:0px;}



#AlloyCat {width:115px}

#DiestoneCat {width:81px;}

#ProstethicCat {width:124px}}

#EquipmentCat {width:160px}

#PorcelainCat {width:120px}

#DiamondCat {width: 125px;}

#WaxCat {width:105px;}

#GeneralCat {width:110px}



/* --- Entire page body section - everything below the header -------- */

#pagebody {

	padding: 10px 10px 0px 10px;

	margin: 0px 0px 0px 0px;

}



/* Left hand section of page body (if you have one!) */

#left {

	width: 180px;

	margin: 0px;

	float: left;

	text-align:center

}



/* Dynamic page content section of page body */

#pagecontent {

	width: 580px;

	float: left;

	padding: 0;

}



#pagecontent_pad {

	padding: 10px 5px 5px 10px;

}



/* Right hand section of page body */

#right {

	width: 160px;

	margin: 0px;

	float: right;

	margin-top: 0px;

	padding-top: 0px;

}



/* --- Footer -------------------------------------------------------- */

#footer {

	padding-top: 20px;

	clear: both;

	text-align: left;



}



/* Footer nav links */

#footer .links {

	margin: 0px;

}



#footer .links li {

	list-style: none;

	display: inline;

}

	

#footer .links a {

	font-size: 7pt;

	padding: 2px;

	margin-left: 3px;

	margin-right: 3px;

}



/* T&Cs text */

#terms {

	margin-top: 4px;

	padding-top: 10px;

	margin-bottom: 12px;

	font-size: 7pt;

	color: #999999;
	
	text-align:center

}


#terms a:link, #terms a:active, #terms a:visited, #terms a:visited {color:#999999; text-decoration: none}

#terms a:hover, #terms a:visited:hover {color:#999999; text-decoration: underline}




/* --- language, currency menu and search box ------------------------ */

#languagemenu form select, #currencymenu form select, #prodtypemenuform select {

	width: 168px;

	margin: 0;

	padding: 0;

}



/* --- Template items ------------------------------------------------ */

#left_pad {

	padding: 0px 5px 0px 8px;

}



#left h2 {

	margin: 10px 0px 5px 0px;

	font-weight: bold;

	font-size: 0.9em

}



#left h4 {

	margin: 10px 0px 5px 0px;

	font-weight: bold;

	font-size: 1.2em;

	text-align:left

	}



/* 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 --------------------------------- */

body, td, select, input {

	font-family: Verdana,Arial,Helvetica,Sans-Serif; 

	font-size: 8pt; 

	font-weight: normal; 

	color: #555555;

}



th {

	text-align: left;

}



/* Headings and Text */

h1 {

	font-size: 13pt;

	font-weight: bold;

	color: #333333;

	margin: 10px 0 4px 0;

}



h2 {

	font-size: 9pt;

	color: #333333;

	margin-bottom: 5px;

}



h3 {

	font-size: 8pt;

}



h4 {

	font-size: 14pt;

	color: #333333;

	margin: 10px 0 4px 0;

	padding-bottom: 0px;
	
	font-weight: lighter; 

}



h5 {

	margin: 20px 0px 5px 0px;

	font-size: 7.5pt;

	color: #333333;

	text-transform: uppercase;

	letter-spacing: -1px;

	padding: 2px 2px 2px 0px;

	text-align: left;

	font-weight: normal; 

}



pre {

	color: #009900;

}



.breadcrumbtrail {

	color: #999999;

}



/* Hyperlinks */

A:link, A:visited {

	text-decoration: none; 

	color: #333333;

	font-weight: bold;

}



A:hover	{

	text-decoration: underline; 

	color: #333333;

	font-weight: bold;

}



/* General site warnings & alerts */

.warning {

	font-style: normal;

	font-weight: bold;

	color: red;

	font-size: 7.5pt;

}



/* Products */

.products .minprice {

	color: Red;

}



.quantitydiscount {

	padding: 10px 0px 5px 0px;

	font-size: 7.5pt;

}







/* ------------ Site Colour Scheme and Layout ------------------------- */

body {



}



/* 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 {

	width: 175px;

	height: 225px;

	margin: 0px 5px 5px 0px;

/*	background-image: url(../templateimages/back_fade2.png);

	background-position: top left;

	background-repeat: repeat-x;*/

	border-top: solid 1px #dfdfdf;

	border-left: solid 1px #dfdfdf;

	border-bottom: solid 1px #dfdfdf;

	border-right: solid 1px #dfdfdf;

	font-size: 7.5pt;

}

/* '#### PINDAR : KW : Added new div for product images so we can hide overflow */

.shortformatproductimage {height: 122px; width:122px; overflow:hidden; text-align:center; padding: 0px 0px 0px 15px }



.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: #DD7700;

}



table {

	border-collapse: collapse;

	width: 100%;

}



table tr.normalRow {

	/*background-image: url(../templateimages/back_fade2.png);

	background-position: top left;

	background-repeat: repeat-x;*/
	background-color:#fdfbe9;

}


tr.normalRow .name, tr.normalRow .price, tr.normalRow .addtobasket {	border-top:#ECE5B6 1px solid;
	border-bottom:#ECE5B6 1px solid;}


table tr.alt {

/*	background-image: url(../templateimages/back_fade2.png);

	background-position: top left;

	background-repeat: repeat-x;*/
	
	background-color:#daedf3;

}

tr.alt .name, tr.alt .price, tr.alt .addtobasket {	border-top:#bbe2ee 1px solid;
	border-bottom:#bbe2ee 1px solid;}



table tr.highlight {

	background-color: #FFF522;

	background-image: none;

}



.versions tr.highlight td {

	background-image: none;

	background-color: #FFF522;

}



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: transparent;

}



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;

}



/*

------------------------------------------------------------------------

SPECIFIC ELEMENTS

------------------------------------------------------------------------

*/

/* ------------ Mini-basket ------------------------------------------ */

#basketlines a {

	display: block;

	text-decoration: none;  

	color: black;

	padding: 1px 2px 2px 3px;

}



#basketlines a:hover {

	color: white;

	background-color: #DD7700;

	border-right: solid 1px #990000;

	border-bottom: solid 1px #990000;

	padding: 1px 1px 1px 3px;

}



#baskettotals {


	color: #969696;

	font-weight: bold;

	text-align: right;

}



#baskettotals p {

/*	border-bottom: solid 1px #CBD5DB;*/

}



#basketempty, #baskethidden {
	font-size:0.9em;
	font-style: italic;
	/*padding: 5px	*/

}	



#basketlines {

	border-top: solid 1px #CBD5DB;

}



#basketlines li {

	background-image: url(../templateimages/back_fade2.png);

	background-position: top left;

	background-repeat: repeat-x;

	border-bottom: solid 1px #CBD5DB;

}



#basketlines li.alt {

	background-image: url(../templateimages/back_fade2.png);

	background-position: top left;

	background-repeat: repeat-x;

}



#basketlinks a {

	display: block;

	border-right: solid 1px white;

	border-bottom: solid 1px white;

	padding: 1px 1px 1px 3px;

}



#basketlinks a:hover {

	display: block;

	color: white;

	background-color: #DD7700;

	border-right: solid 1px #990000;

	border-bottom: solid 1px #990000;

	padding: 1px 1px 1px 3px;

}



/* ------------ 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-color: #E2EAEF;

	border-top: solid 1px #CBD5DB;

}



/* 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;

}





/* ------------ Forms ------------------------------------------------ */

select, input, textarea {

	font-weight: normal;

	color: black;

	background-color: #DCE4E9;

	border-color: #cccccc;

	border-style: inset;

	border-width: 1px;

	margin-bottom: 3px;

}



select:focus, input:focus, textarea:focus {

	font-weight: normal;

	color: black;

	background-color: #F7F7FF;

	border-color: #cccccc;

	border-style: inset;

	border-width: 1px;

	margin-bottom: 3px;

}



input.submit {

	background-color: #1481A7;

	color: white;

	font-weight: bold;

	font-size: 7.5pt;

	border-style: outset;

	border-left: solid 1px #0a6180;

	border-top: solid 1px #0a6180;

	border-right: solid 1px #248baf;

	border-bottom: solid 1px #248baf;

	margin: 0 1px 3px 0;

	padding: 1px 3px 1px 3px;

	width: auto;

	overflow: visible;

}



input.smallsubmit {

	display: in-line;

	margin: 0;

	font-size: 7.5pt;

	text-decoration: none; 

	color: #EE6600;

	font-weight: bold;

	padding: 0px 2px 0px 2px;

	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;

}



/* --- Category menu ------------------------------------------------- */



#categorymenu {

	margin: 0 0 20px 0;

	padding: 0;

	text-align:left

}



#categorymenu ul {

	margin: 0;

	padding: 0;

	border: 0;

}



#categorymenu ul li {

	list-style: none;

	float: none;

	clear: both;

	padding: 0;

}



#categorymenu ul li div {

	font-size: 7.5pt;

	background-color: transparent; 		

}



#categorymenu ul li div a {

	display: block;

	padding: 1px 2px 2px 2px;

	color: #555555;

}



#categorymenu ul li div a:hover {

	color: #555555;

	text-decoration:underline;

}



#categorymenu ul ul li div {

	font-weight: normal;

}



#categorymenu ul ul li div a {

	font-weight: normal;

	color: #555555;

	padding-left: 10px;

}



#categorymenu ul ul ul li div a {

	padding-left: 20px;

}



#categorymenu ul ul ul ul li div a {

	padding-left: 30px;

}



#categorymenu ul ul ul ul ul li div a {

	padding-left: 40px;

}



#categorymenu ul ul ul ul ul ul li div a {

	padding-left: 50px;

}



/* ------------ 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: 99%;

	padding-top: 10px;

	background-image: url(../templateimages/back_fade3.png);

	background-position: top left;

	background-repeat: no-repeat;

}



#fieldsrequired {

	color: #888888;

	font-size: 7.5pt;

}



.shippingmethodstable .subheader .name {

	font-weight: bold;

	font-size: 7.5pt;

	color: #DD7700;

	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;

}



/* ------------ 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: #00AEEF;

}



/* Search keyword highlight */

em.highlight {

	background-color: #FFF522;

	font-style: normal;

}



/* Strapline font styling */

.product em.strapline {

	font-style: normal;

	/*color: #339900;*/

	font-weight: bold;

	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;
	color: #555555
}



.pad_shortformat {

	padding: 20px;

}



div.spacer {

  	clear: both;

}



/* ------------ Forms ------------------------------------------------ */

form { 

	margin: 0; 

	display: inline;

	padding: 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;

}



.inputform label.checklabel {

	width: auto;

	float: none;

}



.inputform div {

	float: left;

	margin-bottom: 5px;

}



.inputform br {

	display: block;

	clear: both;

}



.inputform input.submit {

	margin-left: 180px;

	width: auto;

}



.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;

}



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;

	clear: both;

}



#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;

	font-size: 7.5pt;

}



#basketlinks li {

	list-style: none;

}



#basketlinks img {

	border: 0;

	vertical-align: middle;

	margin: 0px 5px 0px 0px;

}



#basketempty, #baskethidden {

	padding: 5px 3px 5px 3px;

	margin: 0;

}	



#baskettotals p {

	padding: 0px 3px 0px 3px;

	margin: 0;

	font-size: 7.5pt;

}



/* ------------ Speed order page ------------------------------------- */

.speedordertable {



}



.speedorder table {

	width: 350px;

	margin: 0 auto;

}



.speedorder td, .speedorder th {

	text-align: left;

	padding-left: 0px;

	padding-right: 10px;

}



.speedorder .productcode input {

	width: 250px;
	background-color:#FFFFFF;
	border:1px solid #C0C0C0

}



.speedorder .quantity input {

	width: 50px;

	text-align: right;
	background-color:#FFFFFF;
	border:1px solid #C0C0C0

}



.speedorder div.submit {

	margin-top: 15px;

	text-align: left;
	float:right;
	margin:10px 70px 0px 0px;

}



/* ------------ 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;

}



.checkout textarea {

	width: 500px;

}



.carddetails {

	width: 100%;

}



.carddetails .inside {

	padding: 0px;

}



.shippingmethodline strong {

	padding-right: 16px;

}



.step4 input.submit {

	margin-left: 0px;

}



#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;

}



#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 .price_1, .basket .price_2, .basket .price, .basket .quantity, .basket .remove, .basket .tax, .basket .total {

	text-align: right;

	white-space: nowrap;

}



.basket .quantity input {

	text-align: right;

}



.basket .totals em {

	line-height: 30px;

	color: red;

	font-weight: bold;

	font-style: normal;

	font-size: 10pt;

}



.basket .totals .controls {

	margin-top: 8px;

}



.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;

}



.basket .continueshopping {

	margin-top: 8px;

	text-align: right;

}



.basket .continueshopping .submit {

	float: left;

	text-align: center;

}



/* ------------ 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, .orderhistory .view {

	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;

}



.downloadableproductstable .codenumber, .downloadableproductstable .orderdate {

	white-space: nowrap;

	padding-left: 10px;

	padding-right: 10px;

}



.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;

}



.subcategories_extended .subcategory img, .maincategory img {

	float: right;

	margin: 0px 0px 10px 10px;

}



.subcategories_shortened .subcategory_image {

	display: block;

	margin: auto;

	margin-top: 5px;

	margin-bottom: 5px;

}



.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 {

	margin-top: 5px;

	text-align: left;

	font-size: 7.5pt;

}	



/* Covers info on all 'product' views - including product.asp */

.product em.strapline {

	display: block;

	margin: 8px 0px 8px 0px;

	padding: 0;

}



.generalspace {

	display: block;

	height: 1px;

}



.product p {

	margin: 0 0 5px 0px;

}



.product .main {

	overflow: hidden;

}



.product img.thumb {

	float: left;

	margin-right: 10px;

}



.quantitydiscount .link {

	padding: 5px 0px 5px 0px;

}



/* 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 {

	display: block;

	font-weight: bold;

	padding-top: 10px;

}



.products .product img {

	float: right;

	margin: 0px 0px 10px 10px;

}





.products .product .pad {

	margin-bottom: 8px;

	padding: 0px;

	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: 0px;

}



.products_shortened .minprice {

	text-align: center;

}



.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;

}



/* ------------ 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: both;

	margin-bottom: 10px;

}



.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 .prices {

	padding: 5px;

	text-align:right;

}



.versions .prices span {

	margin-left: 2em;

}



.versions .prices .extax {

	width: 40px;

	border: none;

	overflow: visible;

	background-color: transparent;

	margin: 0;

	text-align: left;

	font-weight: normal;

	padding: 2px;

}



.versions .prices .inctax {

	width: 40px;

	border: none;

	overflow: visible;

	background-color: transparent;

	margin: 0;

	text-align: left;

	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: 100%;

	border: none;

	border-collapse: collapse;

}



.versions div.versionstable {

	width: 100%;

}



.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;

}



.versions table .stock {

	text-align: center;

}



.versions table .name {

	padding-left: 5px;

}



.versions table .addtobasket {

	padding-right: 5px;

}



.versions table .addtobasket img {

	float: none;

}



.versions table .description {

	padding: 5px;

	overflow: hidden;

}



.versions table .description img {

	float: left;

	margin-right: 4px;

}

	

.versions table .name, .versions table .name, .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;

}



.optiongroups_block .option {

	clear: both;

}



.optiongroups_block .option label.optiontitle {

	display: block;

	width: 150px;

	float: left;

	margin-right: 5px;

}



.versions .option label.optiontitle {

	margin-right: 5px;

}



.optiongroups_block .option div {

	display: inline-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;

}



.optiongroups_line label {

	margin-left: 10px;

}



.optiongroups_line .addtobasket {

	display: block;

	float: right;

	width: 100px;

	text-align: right;

	margin-left: 20px;



}

.optiongroups_line .addtobasket img {

	float: none;

}

/* ------------ Homepage Layout Divs --------------------------------- */

.home_region {

	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 0px 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; */
	width: 100%

}



#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 {


	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: left;

	padding-bottom: 2px;
	display:inline
}



#toplists ul li div {

	display: block;

	font-size: 7.5pt;		
	float: left;
	margin:0px 10px 0px 0px

}


#toplists a {margin: 0px 10px 0px 0px}

/* ------------ Homepage Specials ------------------------------------ */

.specials {

	clear: both;

}



.specials h2 {

	display: block;

	margin-bottom: 12px;

}





/* ------------ Promotions ------------------------------------------- */

/* promotion class controls listing in extended view (with thumbnail) */

.promotion {

	clear: both;

	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 .largeview {

	margin: 5px 0px 0px 0px;

	display: inline;

}



.extrainfolinks .moreinfo {

	margin: 5px 0px 0px 0px;
	line-height: 1.6;
}


.extrainfolinks .compare {

	margin: 5px 0px 0px 0px;

}



.extrainfolinks .compare a {

	font-weight: normal;

}



.extrainfolinks img {

	float: none;

	margin: 0;

}



/* Carry On Shopping / Cross Selling */

.carryonshopping a {

	font-weight: normal;

}



.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: 3px 3px 3px 0px;

	margin-bottom: 10px;

}



.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: 8px 0 8px 0;

}



.paging a { 

	font-weight: normal;

}



.paging_footer {

	text-align: right;

}





/***** PINDAR ADDED STYLES ********/



#logo {float:left}

#SearchForm {float:right; margin: 12px 0px 0px 0px; width: 250px}

#SearchIcon {float:left}

#SearchIconSubmit {margin: 5px 5px 0px 0px; background-image:url(../templateimages/content/search_icon.gif); background-repeat:no-repat; height: 23px; width:30px; background-color:#FFFFFF; border:1px solid #FFFFFF}

#SearchInput {float:right; width:207px; height: 34px; background-image:url(../templateimages/content/search_bg.gif); background-repeat:no-repeat; }



#SearchField  {float: left;margin:8px 0px 8px 10px; background-color:#FFFFFF; border:1px solid #FFFFFF}



#searchbutton {background-image:transparent; color: #FFFFFF; float:right; margin: 0; height: 34px; padding-right: 8px;}



#AdvancedSearch {float:right; font-size: 0.85em; padding: 5px 0px 0px 0px; color: #1481A7}


/************ TOP MAC DOCK MENU **************/
.dock {
	position: relative; 
	height: 65px; 
	text-align: center;
	width:580px;
/*	background: url(../templateimages/content/category_Menu/topcatmenu_bg.gif);*/
	/*border:1px solid green;*/
}
.dock-container {
	position: absolute;
	height: 30px;
	/*padding-left: 10px;*/
	margin: 0px 0px 0px -25px; 
	/*margin-top:0px;*/
	/*border:1px solid red*/
}


.dock-item {margin:0px 100px 0px 0px}

a.dock-item {
	display: block;
	color: #1481A7;
	position: absolute;
	width: 40px;
	top: 0px;
	text-align: center;
	text-decoration: none;

}

.dock-item p {	width: 50px;
	margin:0px 0px 0px 10px;
	background-color: #FFFFFF;
	color:#1481A7; float:left;display:block; font-size:0.2em}

a.dock-item:hover p {display:none}

.dock-item img {
	border: none; 
	margin: 0px 25px 0px 25px; 
	width: 100%;
}
.dock-item span {
	display: none;
	width: 1px;
	margin:0px 0px 0px -30px;
}





/************ LEFT HAND ACCORDIAN MENU *******/
ul.LeftMenu, ul.LeftMenu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 15em;
   color: #FFFFFF
}


.LeftTopLevelCategory {color: #FFFFFF}


ul.LeftMenu a {
  display: block;
  text-decoration: none;
  color: #FFFFFF
}

ul.LeftMenu li {
  margin-top: 1px;
  color: #FFFFFF
  
}

ul.LeftMenu li a {
  background: #00aeef;
  color: #FFFFFF;	
  padding: 0.5em;
}

ul.LeftMenu li a:hover {
  background: #333333;
  text-decoration:none;
  color: #FFFFFF;
}

ul.LeftMenu li ul li a {
  background: #F1F1F1;
  color: #333333;
  padding-left: 20px;
}

ul.LeftMenu li ul li a:hover {
  background: #F1F1F1;
  color: #00aeef;
  border-left: 5px #00aeef solid;
  padding-left: 15px;
}

ul.LeftMenu li ul li .selectedCategory
{
  background: #F1F1F1;
  color: #00AEFF;
  border-left: 5px #00AEFF solid;
  padding-left: 15px;
}

/******** PINDAR : LOGIN FORM  **************/

#AdvancedSearch{color: #00aeef;}

#LoginForm {width:164px; height: 164px; border:1px solid #dfdfdf; padding: 8px; margin-bottom: 10px; text-align:left}



#LoginForm input {width: 150px; background-color:#FFFFFF; border:1px solid #C0C0C0;}

#LoginForm .loginsubmit {width:48px; height: 24px; color:#FFFFFF; font-weight:bold; background-image:url(../templateimages/content/login_button.gif); border:0px solid #FFFFFF; float:right}

#LoginLinks ul {margin:0px 0px 0px 10px; padding:0px; list-style-type:square; width:150px;}

#LoginLinks  a:link, #LoginLinks  a:active, #LoginLinks  a:visited, #LoginLinks a:visited:hover, #LoginLinks  a:hover {color:#555555; text-decoration:none; font-weight:normal}



#LoginButton{float:right; width:50px; }

#MiniBasketContainer {width:160px; border:1px solid #dfdfdf; text-align:left; margin-bottom:10px; height: 100px}

#MiniBasketContainer a:link, #MiniBasketContainer a:active, #MiniBasketContainer a:visited, #MiniBasketContainer a:hover, #MiniBasketContainer a:visited:hover {color: #333333}

#CartIcon {width:30px; float:left; padding: 14px 2px 0px 3px;}
#CartContents {float:right; padding: 20px 3px 0px 0px;}

#CheckoutLink {float:right; padding: 5px 5px 0px 0px}
#CheckoutLink a:link, #CheckoutLink a:active, #CheckoutLink a:visited, #CheckoutLink a:hover, #CheckoutLink a:visited:hover {color: #333333}

#SiteByPindar {float:right; padding: 5px 0px 30px 0px}

#SiteByPindar a:link, #SiteByPindar a:active, #SiteByPindar a:visited, #SiteByPindar a:hover, #SiteByPindar a:visited:hover {font-weight:normal; color: #999999}

/***************************************************
CAROUSEL SCRIPT
***************************************************/

/* You can alter this CSS in order to give SmoothDivScroll your own look'n'feel */

/* Invisible left hotspot */
div.scrollingHotSpotLeft
{
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	min-width: 75px;
	width: 10%;
	height: 100%;
	/* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0;
	/*  When positioning the mouse over one of the hot spots, the cursor should change.
	I've noticed that this varies from browser to browser though. */
	cursor: url(../images/cursors/cursor_arrow_left.cur), w-resize;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	background-image: url(../images/arrow_left.gif);				
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	min-width: 75px;
	width: 10%;
	height: 100%;
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: 0;
	cursor: url(../images/cursors/cursor_arrow_right.cur), e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background-image: url(../images/arrow_right.gif);
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35;
	filter: alpha(opacity = 35);
	-moz-opacity: 0.35;
	zoom: 1;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}

 #logoParade
	{
		width: 940px;
		height: 60px;
		position: relative;
	}

	#logoParade div.scrollableArea img
	{
		float: left;
		margin-left: 25px;
	}
	


/****************************************************
HOMEPAGE BOXES
***************************************************/

.hompageboxcontainer {width: 560px; border: 1px solid #dfdfdf}

#firsthomepagebox {margin:0px 0px 0px 5px}

.homepageinfobox {width:162px; height: 125px; float:left; padding: 0px 0px 0px 10px}

.homepageicon {margin: 10px 20px 0px 0px}

.homepageinfoseparator {border-left: 1px solid #dfdfdf; height: 80px ; width:1px; margin:20px 8px 0px 0px; float:left;}


/****************************************************
FEATURED PRODUCTS
/***************************************************/

.FeaturedProducts {height: 80px; width:160px; font-size: 0.8em}

.FeaturedProducts .FeaturedDetails {padding: 5px 10px 10px 0px; color:#777777}

.FeaturedProducts .FeaturedDetails a{color:#777777}

.FeaturedProducts img{width:50px; height:50px; float:left}


/*.FeaturedProductImage { }*/

/****************************************************
PRODUCT PAGE
****************************************************/


.ProductThumbnail {float:left; width: 140px; border:1px solid #dfdfdf; padding: 15px 0px 15px 20px}

.ProductLinks {float:left; padding: 10px 0px 0px 5px}

.ProducLargeLink {float:left}

.ProductDescription {float:right; width: 375px; padding: 0px 0px 0px 5px;}

#RecentlyViewedProducts {float:left}
#PeopleWhoBought {float:right}


/****************************************************
GENERAL PAGE STYLES
****************************************************/

.EmphasisedText {color: #00aeef; font-weight:bold}

.SmallDullText {font-size: 0.8em; color:#C0C0C0; text-align:center; font-weight:normal}

.SmallDullText a{color:#C0C0C0; font-weight:normal}


/** Terms and Conditions Styling **/
.SubListItem {font-weight:bold; width: 20px; height:20px; margin:5px 2px 0px 0px; float:left;}

.page blockquote {padding:0px; margin: 10px 0px 10px 30px}


/****************************************************
MORE INFO HYPERLINK STYLES
****************************************************/

.extrainfolinks a[href $='.pdf'] { 
   							padding: 3px 20px 3px 20px;
  						    background: transparent url(../templateimages/content/icons/icon_pdf.gif) no-repeat center left;
   
}

.extrainfolinks a[href^="http:"] { 
   							padding: 3px 20px 3px 20px;
  						    background: transparent url(../templateimages/content/icons/icon_html.gif) no-repeat;
  						   
}

.hyperlink a[href $='.doc'] { 
   							padding: 3px 20px 3px 20px;
  						    background: transparent url(../templateimages/content/icons/icon_doc.gif) no-repeat center left;
   
}

.hyperlink a[href $='.xls'] { 
   							padding: 3px 20px 3px 20px;
  						    background: transparent url(../templateimages/content/icons/icon_xls.gif) no-repeat center left;
   
}

/****************************************************
CHECKOUT LOGIN FORM
****************************************************/

.checkoutlogin {clear:both; margin: 10px 0px 30px 0px}

.inputform input {float:left; margin: 0px 5px 0px 0px}

.ifyouhaveone {float:right}
