/* --------------------CSS Document---------------------- */
* {padding: 0; margin: 0;}

/*----------------CMF Public Site by Neil Thomson------------------------*/
/*--------global settings--------*/

body {background: url(i/bg.png) repeat-x; }
.clear {clear: both; margin: 0; padding: 0; }/*clear div (quicker than holly hack)*/

h2, h4, h5, h6 { margin: 1em; line-height: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; color: #55677d; }
h2 {text-align: center; }
hr {clear: both; 
margin: 0.2em;
border: none 0;
border-top: 1px solid #55677d;/*the border*/
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/}

/*relief bar header*/
h3 {
background-image:url(i/sub_head.gif); 
background-repeat: repeat-x; 
margin: 2.5em 20em 1em 0;
padding: 0 0 0 1em;
height: 20px; 
border-left: solid #3f84d3 1px;
border-right: solid #3f84d3 1px;
font-family: Arial, Helvetica, sans-serif; 
font-size: 1em;
letter-spacing: 1px;
font-weight: 500; 
color: #FFFFFF;
min-width: 300px;
 }

address { font-style: normal; }

 /* here for greater specifity */

/*----------------------------------index horizontal NAVIGATION--------------------------------------- 	
div#index div#nav_top { width: 90%; margin: 0 auto 1em auto; background-image:url(i/nav.gif); background-repeat: repeat-x; height: 31px; border-right: solid #aeaeae 1px; border-left: solid #aeaeae 1px; }

div#index div#nav_top ul {
padding: 0;
width: 100%;
margin: 0 auto;
text-align: center;
}

div#index div#nav_top ul li { 
margin: 0;
padding-left: 1em; 
display: inline;
background-image:url(i/nav_dot.gif);
background-repeat: no-repeat;
background-position: center left;}

div#index div#nav_top ul li a, div#nav_top ul li a:visited { 
text-decoration: none;
color: #55677d;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
font-weight: bold;
letter-spacing: 1px;
line-height: 3;
} 

div#index div#nav_top li a:hover, div#nav_top li a:focus { color: #afbfcf;}
div#index div#nav_top li a:active { color: #aeaeae; } */

/*---------------------cmf very TOP BAR ----------------------*/
#head { background: url(i/header.gif) repeat-x; background-position: center left; height: 41px; margin-top: 10px; width: 100%; min-width: 800px;}
#head #logo {margin: 7px 0 6px 7px; border: none; }
#head #header {margin: 3px 10px 0 0;}

/*-----------------CONTACT DETAILS thin BAR with supplier login-------------------------*/
#contact { margin-top:10px; background: url(i/contact.gif) repeat-x; width: 100%; height: 22px; min-width: 800px; }		

/*float text left and right to keep pinned to opposite sides*/
#left { margin-top: -2px; text-align: left; height: 16px; }

/*SUPPLIER LOGIN LINK TEXT formatting, link formatting,*/

#left a, #left a:visited, #left a:active {font-family: Verdana, Arial; font-size: 0.7em; margin-left: 10px; color: #3f84d3; text-decoration: none; } 

#left a:hover, #left a:focus {text-decoration: underline; color: #a6c2f4} 

/*   contact details as image  */
#right {float: right; height: 16px; padding-top: 3px; margin-top:-15px; margin-right: 10px; border: none;}

/*---------------------------------------- PRIMARY ------------------------------*/
#primary { float: left; margin: 10px 5px; display: inline; }

#primary  ul
{ float: none; list-style: none; list-style-position: inside; text-align: center; width: 13em; margin: 0;}

#primary  ul li {
background:url(i/side_nav.gif) repeat;
display: block;
height: 24px;
margin: 5px;
padding-top: 2px;
border-left: solid #6192ff 1px;
border-right: solid #6192ff 1px;
}

/*link formatting*/
#primary a, #primary a:link, #primary a:active {
text-decoration: none; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 0.8em; 
color:#FFFFFF; 
text-align: center;
font-weight: bold;}

#primary a:hover, #primary a:focus {text-decoration:underline;}

/* =-=-=-=-=-=-=-=-=-=-=- below nav text ----------------------  */
#primary q, #primary p {
clear: left;
float: none;
filter:alpha(opacity=66);-moz-opacity:.66;opacity:.66; /*transparency*/
background: #FFFFFF; 
border: solid #959595 1px; 
display: block;
width: 12em; 
margin: 10px;
margin-bottom: 10px; 
text-align: center; 
color: #959595; 
font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 1em; 
font-weight: bold; 
letter-spacing: -1px; }
#primary p a, #primary p a:link, #primary p a:active { color: #959595; font-family: Georgia, "Times New Roman", Times, serif; }
#primary p a:hover { text-decoration: underline; }
/*--------------------------div id downloads------------------------ */

#downloads img, #downloads a {
	border: none;
	margin: 0 1em;
	vertical-align: middle;
}


/*--------------------------------MAIN CONTENT WRAPPER------------------------------------*/

#content_wrapper { margin: 15px 15px 0 16em; padding: 15px; border: solid #aeaeae 1px; background-color: #FFFFFF; width: 650px; }
/*.shopfit, .medical, .health_beauty { background-position: bottom left; background-repeat: no-repeat; background-color:#FFFFFF; }
.shopfit {background-image: url(i/p/refurbishments.jpg); }
.medical {background-image:url(i/p/medical_bg.jpg) }
.health_beauty {background-image: url(i/p/spa_health_beauty.jpg)}*/

/*float image right in div*/
.pic { float: right; clear: right;  text-align: right; margin: 0 0 2em 1em; }
.brdr {border: solid #55677d 2px;}

.bottom_pic {position:relative; top: 19px; left: -15px; }

/*general text formatting*/

#content_wrapper p, #index p, table, .text, #content_wrapper q, cite {
letter-spacing: 1px; 
line-height: 150%;
color:#55677d;
width: auto;
margin: 1em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
}

q, cite { margin: 2em; }

.text ul, .index ul, form ul {
text-align: left;
color: #3f84d3;
margin: 1em 5em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
letter-spacing: 1px; 
line-height: 130%;
}

.text li, .index li, form ul {
list-style: square;
}

.text ul li span, form span { color: #7c7c7c; }


/*link formatting*/
#content_wrapper a, #content_wrapper a:link, #content_wrapper a:visited, #index a, #index a:link, #index a:visited {
text-decoration: none;	
color: #3f84d3; 
background: none;}
#content_wrapper a:hover, #content_wrapper a:focus, #index a:hover, #index a:focus {text-decoration:underline; color: #a6c2f4; background: none;}
#content_wrapper a:active, #index a:active {color: #6192ff}

/*list formatting*/
#content_wrapper ul, #index ul {
text-align: left;
color: #3f84d3;
margin: 1em 5em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
letter-spacing: 1px; 
line-height: 130%;
}

#content_wrapper ul li, #index ul li {
list-style: square;
}

/*div#content_wrapper ul#list {
	float: left;
	width: 20%;
	margin-top: 0.5em;
	margin-right: 2em;
	margin-bottom: 0.5em;
	margin-left: 2em;
	list-style: square;
}*/

#content_wrapper ul li span { color: #55677d; }

/*------------- tables - gray background ----------------- */

table  { margin: 1em auto; border: solid #aeaeae 1px; padding: 0.2em; width: 66%; }
td { background-color: #d9d9d9; color: #55677d; text-align: center; padding: 0.2em; }
th { background-color: #55677d; color: #fff;  } 
td, .inside table tr { padding: 0.2em; }

/* --------------------- SECONDARY NAV --------------------------*/

div#content_wrapper div#secondary {clear: right; float: right; border: dotted #aeaeae 1px; margin-bottom: 1em; margin-left: 1em; }

div#content_wrapper div#secondary ul { padding: 0 1em; margin: 0.5em 1em; width: auto;}

div#content_wrapper div#secondary ul li { list-style-image: url(i/nav_dot.gif); text-align: left; }

div#content_wrapper div#secondary  li a, #secondary li a:visited { 
text-decoration: none; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
color: #3f84d3; 
font-size: 0.8em; }

#secondary  li a:hover, #secondary li a:focus {text-decoration: underline; color: #a6c2f4; }

/*----------------------------------------FOOTER-------------------------------------*/

#footer {
clear: both;
margin: 30px 0; 
padding: 10px;
background:#FFFFFF; 
color:#000000; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size: 0.7em; 
letter-spacing: 1px;
line-height: 120%;
text-align: center;  
border-top: solid #959595 1px; 
border-bottom: solid #959595 1px; }
#footer span {color: #3f84d3;}

/* --------------------------------- FORMS ----------------------------------------*/

/*contact us form*/

form { margin: 2em auto; }
fieldset {border: solid #aeaeae 1px; width: 30em; margin: 1em auto; margin: 1em auto; padding: 1em; }
#content_wrapper form fieldset fieldset { border:none; width: 100%; margin: 0; padding:0.5em 0; background: #d9d9d9;}
#content_wrapper form fieldset fieldset label {color: #55677d; }
legend {
margin-left: 1em;
padding: 0.1em 1em;
background-color: #a6c2f4;
border: solid #3f84d3 1px;
color:#FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
text-align: center;
}

label {
clear: both;
float: left; 
width: 18em;
margin: 0.2em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: #3f84d3;
text-align: right;
}

input, select, textarea { 
display: inline; 
width: 17em;
margin: 0.2em;
border: solid #55677d 1px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 0.8em; 
color: #3f84d3;
}

option { border: none; }

textarea { 
}

.nontext {border: none; width: 2em; color: #3f84d3;}

.submit {
	float: none;
	text-align: center;
	margin: 1.5em auto;
	display: block;
	width: auto;
	height: 24px;
	background: url(i/submit.gif) repeat-x;
	color:#FFFFFF;
	font-size: 0.9em;
	border-left: solid #55677d 1px;
	border-right: solid #55677d 1px;
	border-top: none;
	border-bottom: none;
	font-weight: bold;
}

form span {font-size: 0.7em; color:#666666; margin: 0 0.2em; width: 49%; text-align: right; }

input[type="hidden"] {display:none;}

/*-------------------------------index------------------------------------*/
/*container*/
div#index { width: 85%; margin: 15px auto; background: #FFFFFF; border: solid #aeaeae 1px; }
div#index h2 { text-align: center; }
div#index p {margin: 1em 16em 1em 5em;	}
div#index a {color:#3f84d3;}
/*supplier login form*/
form#login { float: left; margin: 5px; clear: left; }
form#login legend {margin-left: 2px;}
form#login fieldset { width: 11em; float: none; margin: -3px; }
form#login label {width: 5em; }
form#login input { width: 7em; }
form#login .submit { width: 5em; }


/*------------------------------IE HACKS----------------------------------*/

* html #primary { margin: 8px 0px; ma\rgin /**/: 20px 5px; }
* html #primary ul li  { margin: 5px 0;  ma\rgin /**/: 5px; } 
* html #primary p { margin-left: 15px; ma\rgin /**/: 10px auto; } 

* html div#text { position: relative; }
* html div#image { position: relative; margin: 0px; ma\rgin /**/: 0px;}

/* Hides from IE5-mac \*/
* html #content_wrapper {height: 1%; }
/* End hide from IE5-mac */

* html form legend { margin-bottom: 1em; } /*IE fix for forms - no space at top under fieldset - FF totally different */

/* clear fix */
/* --------------------- */

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table; min-height:1%;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */