body {font-family:arial;font-size:12px;;color:#7f7f7f;}
td {font-family:arial;font-size:12px;;color:#7f7f7f;}
p {font-family:arial;font-size:12px;;color:#7f7f7f;}

p
{
color:#7f7f7f;
}

h1
{
margin-top: 0;
font-weight:normal;
color:#7f7f7f;
font-size:22px;
}

h3 {
font-family:arial;
font-size:20px;
/*color:#387c2b;*/
color: #7f7f7f; /*think all categories have the same colour now*/
margin-top:3px;
margin-bottom:3px;
margin-left:0px;
margin-right:0px;
padding-top:3px;
padding-bottom:3px;
padding-left:0px;
padding-right:0px;
}


h4
{
margin-top: 0;
margin-bottom: 0;
height:18px;
color: #fff;
background-color: #6452a6;
font-size:11px;
padding-top:2px;
padding-left:5px;
}



/*- can you switch the main body copy font colour to #666666? also in headings etc. basically wherever we had previously used a lighter grey (maybe 999999?)*/

body {font-family:arial;font-size:12px;;color:#666666;}
td {font-family:arial;font-size:12px;;color:#666666;}
p {font-family:arial;font-size:12px;;color:#666666;}
h1 {color:#666666;}
h3 {color:#666666;}
h4 {color:#666666;}




img
{
border: 0
}

a:link {text-decoration:none; color:#6352a6;}
a:visited {text-decoration:none; color:#6352a6;}
a:active {text-decoration:none; color:#6352a6;}
a:hover {text-decoration:none; color:#6352a6;}

.latest_link a
{
display: block;
height: 14px;
background-color: #d0cae2;
color: #000;
text-decoration:none;
text-align: right;
padding-right: 5px;
font-size: 10px
}

.latest_link a:link {color:#000;}
.latest_link a:visited {color:#000;}
.latest_link a:active {color:#000;}
.latest_link a:hover {color:#fff; background-color:#6553a7;}







/*h1 {
font-family:arial;
font-size:18px;
color:#387c2b;
margin-top:0px;
margin-bottom:10px;
margin-left:0px;
margin-right:0px;
padding-top:0px;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
border:0px;
text-transform: uppercase;
}*/






/*
h2 {
font-family:arial;
font-size:18px;
color:#387c2b;
margin-top:2px;
margin-bottom:2px;
margin-left:0px;
margin-right:0px;
padding-top:3px;
padding-bottom:3px;
padding-left:0px;
padding-right:0px;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
clear:both;
}
*/









h5
{
border-bottom: 1px solid #ccc;
padding-bottom: 5px;
}

h6 {
font-family:arial;
font-size:18px;
color:#387c2b;
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
padding-top:0px;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
border:0px;
}

.button	
{
font-family:arial;
color:#fff;
font-weight:bold;
font-size:10px;
background-color:#387c2b;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 5px;
padding-right: 5px;
border: 0;
text-transform: uppercase;
}


a.header {font-family:arial;font-size:11px;font-weight:bold;color:#666666;text-decoration:none;}
a.header:hover {font-family:arial;font-size:11px;font-weight:bold;color:#387c2b;text-decoration:underline;}
a.header:visited {font-family:arial;font-size:11px;font-weight:bold;color:#666666;text-decoration:none;}
a.header:active {font-family:arial;font-size:11px;font-weight:bold;color:#387c2b;text-decoration:none;}

a:link              {font-family:arial;font-size:12px;color:#333333;text-decoration:none; }
a:visited           {font-family:arial;font-size:12px;color:#333333;text-decoration:none; }
a:hover             {font-family:arial;font-size:12px;color:#999999;text-decoration:none; }
a:active            {font-family:arial;font-size:12px;color:#999999;text-decoration:none; }

a.top:link              {font-family:arial;font-size:11px;color:#333333;text-decoration:none; }
a.top:visited           {font-family:arial;font-size:11px;color:#333333;text-decoration:none; }
a.top:hover             {font-family:arial;font-size:11px;color:#666666;text-decoration:none; }
a.top:active            {font-family:arial;font-size:11px;color:#333333;text-decoration:none; }

a.cp:link              {font-family:arial;font-weight:bold;font-size:11px;color:#6352a6;text-decoration:none; }
a.cp:visited           {font-family:arial;font-weight:bold;font-size:11px;color:#6352a6;text-decoration:none; }
a.cp:hover             {font-family:arial;font-weight:bold;font-size:11px;color:#999999;text-decoration:none; }
a.cp:active            {font-family:arial;font-weight:bold;font-size:11px;color:#999999;text-decoration:none; }


a.pens
{
font-family:arial;
font-size:11px;
font-weight:bold;
color:#333333;
text-decoration:none;
text-transform: uppercase;
display:block;
background-color:#f7f8f8;
padding-left:8px;
padding-bottom:8px;
padding-top:8px;
}

a.pens:hover 
{
font-family:arial;
font-size:11px;
font-weight:bold;
color:#ffffff;
text-decoration:none;
text-transform: uppercase;
display:block;
background-color:#0cbcee;
padding-left:8px;
padding-bottom:8px;
padding-top:8px;
}

a.compacts
{
font-family:arial;
font-size:11px;
font-weight:bold;
color:#333333;
text-decoration:none;
text-transform: uppercase;
display:block;
background-color:#f7f8f8;
padding-left:8px;
padding-bottom:8px;
padding-top:8px;
}

a.compacts:hover 
{
font-family:arial;
font-size:11px;
font-weight:bold;
color:#ffffff;
text-decoration:none;
text-transform: uppercase;
display:block;
background-color:#022066;
padding-left:8px;
padding-bottom:8px;
padding-top:8px;
}

a.compacts
{
font-family:arial;
font-size:11px;
font-weight:bold;
color:#333333;
text-decoration:none;
text-transform: uppercase;
display:block;
background-color:#f7f8f8;
padding-left:8px;
padding-bottom:8px;
padding-top:8px;
}

a.compacts:hover 
{
font-family:arial;
font-size:11px;
font-weight:bold;
color:#ffffff;
text-decoration:none;
text-transform: uppercase;
display:block;
background-color:#022066;
padding-left:8px;
padding-bottom:8px;
padding-top:8px;
}

a.powder
{
font-family:arial;
font-size:11px;
font-weight:bold;
color:#333333;
text-decoration:none;
text-transform: uppercase;
display:block;
background-color:#f7f8f8;
padding-left:8px;
padding-bottom:8px;
padding-top:8px;
}

a.powder:hover 
{
font-family:arial;
font-size:11px;
font-weight:bold;
color:#ffffff;
text-decoration:none;
text-transform: uppercase;
display:block;
background-color:#666666;
background-color:#7e8d9e;
padding-left:8px;
padding-bottom:8px;
padding-top:8px;
}

a.lipsticks
{
font-family:arial;
font-size:11px;
font-weight:bold;
color:#333333;
text-decoration:none;
text-transform: uppercase;
display:block;
background-color:#f7f8f8;
padding-left:8px;
padding-bottom:8px;
padding-top:8px;
}

a.lipsticks:hover 
{
font-family:arial;
font-size:11px;
font-weight:bold;
color:#ffffff;
text-decoration:none;
text-transform: uppercase;
display:block;
background-color:#5f7803;
padding-left:8px;
padding-bottom:8px;
padding-top:8px;
}

a.rollers
{
font-family:arial;
font-size:11px;
font-weight:bold;
color:#333333;
text-decoration:none;
text-transform: uppercase;
display:block;
background-color:#f7f8f8;
padding-left:8px;
padding-bottom:8px;
padding-top:8px;
}

a.rollers:hover 
{
font-family:arial;
font-size:11px;
font-weight:bold;
color:#ffffff;
text-decoration:none;
text-transform: uppercase;
display:block;
background-color:#d4293b;
padding-left:8px;
padding-bottom:8px;
padding-top:8px;
}

a.sticks
{
font-family:arial;
font-size:11px;
font-weight:bold;
color:#333333;
text-decoration:none;
text-transform: uppercase;
display:block;
background-color:#f7f8f8;
padding-left:8px;
padding-bottom:8px;
padding-top:8px;
}

a.sticks:hover 
{
font-family:arial;
font-size:11px;
font-weight:bold;
color:#ffffff;
text-decoration:none;
text-transform: uppercase;
display:block;
background-color:#421160;
padding-left:8px;
padding-bottom:8px;
padding-top:8px;
}

a.jars
{
font-family:arial;
font-size:11px;
font-weight:bold;
color:#333333;
text-decoration:none;
text-transform: uppercase;
display:block;
background-color:#f7f8f8;
padding-left:8px;
padding-bottom:8px;
padding-top:8px;
}

a.jars:hover 
{
font-family:arial;
font-size:11px;
font-weight:bold;
color:#ffffff;
text-decoration:none;
text-transform: uppercase;
display:block;
background-color:#e06102;
padding-left:8px;
padding-bottom:8px;
padding-top:8px;
}

a.pumps
{
font-family:arial;
font-size:11px;
font-weight:bold;
color:#333333;
text-decoration:none;
text-transform: uppercase;
display:block;
background-color:#f7f8f8;
padding-left:8px;
padding-bottom:8px;
padding-top:8px;
}

a.pumps:hover 
{
font-family:arial;
font-size:11px;
font-weight:bold;
color:#ffffff;
text-decoration:none;
text-transform: uppercase;
display:block;
background-color:#b0006d;
padding-left:8px;
padding-bottom:8px;
padding-top:8px;
}

a.gloss
{
font-family:arial;
font-size:11px;
font-weight:bold;
color:#333333;
text-decoration:none;
text-transform: uppercase;
display:block;
background-color:#f7f8f8;
padding-left:8px;
padding-bottom:8px;
padding-top:8px;
}

a.gloss:hover 
{
font-family:arial;
font-size:11px;
font-weight:bold;
color:#ffffff;
text-decoration:none;
text-transform: uppercase;
display:block;
background-color:#666666;
background-color:#fb4c8e;
padding-left:8px;
padding-bottom:8px;
padding-top:8px;
}

a.sprays
{
font-family:arial;
font-size:11px;
font-weight:bold;
color:#333333;
text-decoration:none;
text-transform: uppercase;
display:block;
background-color:#f7f8f8;
padding-left:8px;
padding-bottom:8px;
padding-top:8px;
}

a.sprays:hover 
{
font-family:arial;
font-size:11px;
font-weight:bold;
color:#ffffff;
text-decoration:none;
text-transform: uppercase;
display:block;
background-color:#666666;
background-color:#669999;
padding-left:8px;
padding-bottom:8px;
padding-top:8px;
}

a.tubes
{
font-family:arial;
font-size:11px;
font-weight:bold;
color:#333333;
text-decoration:none;
text-transform: uppercase;
display:block;
background-color:#f7f8f8;
padding-left:8px;
padding-bottom:7px;
padding-top:7px;
}

a.tubes:hover 
{
font-family:arial;
font-size:11px;
font-weight:bold;
color:#ffffff;
text-decoration:none;
text-transform: uppercase;
display:block;
background-color:#f2ab01;
padding-left:8px;
padding-bottom:7px;
padding-top:7px;
}

.searchbox {padding-top:10px;background-color:#d0cae4;font-family:arial;font-size:10px;;color:#333333;vertical-align:top;}
.smallpadding {padding-left:10px;padding-right:10px;font-family:arial;font-size:10px;;color:#333333;}
.medpadding {padding:10px;}
.small_left_pad  {padding-left:5px;}
.left_pad  {padding-left:10px;}
.right_pad {padding-right:10px;}

.searchbox td {font-family:arial;font-size:10px;color:#333333;}
.searchbox a {font-family:arial;font-size:10px;color:#333333;}

.text 
{
font-family:arial; 
font-size:11px; 
font-style:italic; 
width:120px;
border:1px solid #333333;
background-color:#ffffff;
}

.select 
{
font-family:arial; 
font-size:11px; 
width:195px;
width:185px;
border:1px solid #333333;
background-color:#ffffff;
}


.home_panel
{
width: 649px;
width: 647px;/*take this down by 2 cos of the border*/
/*height: 359px;*/
border: solid 1px #d7d7d7;
margin: 0;
padding: 0;
}

.home_panel_no_border
{
width: 649px;
/*height: 359px;*/
/*border: solid 1px #d7d7d7;*/
margin: 0;
padding: 0;
}

.home_panel_no_border img
{
width: 649px;
}


.product_feature_main
{
width: 366px;
height: 230px;
width: 363px;
height: 227px;
}

.product_latest_old
{
width: 148px;
height: 93px;
}

.product_latest
{
width: 103px;
height: 65px;
}

.product_feature_thumb
{
width: 96px;
height: 60px;
}

.product_listr
{
width: 116px;
height: 73px;
}


.home_panel h1
{
color:#62598e;
font-size:10px;
margin-top: 0;
margin-bottom:0;
padding-bottom:5px;
}

.home_panel h4
{
color:#2a2a2a;
font-size:11px;
margin-bottom: 0;
padding-bottom: 5px;
}

.home_panel p
{
font-size:10px;
margin-top: 0;
margin-bottom:0;
padding-bottom:5px;
}

.home_panel a
{
font-size:10px;
color:#62598e;
}

.product_feature_all a
{
font-size:11px;
color:#fff;
padding-right:10px;
}

.productlink_back a
{
color: #fff;
padding-right: 10px;
}


.prodsearch
{
width: 120px;
}

#advanced td
{
font-size:10px;
}


#newsletter
{
width:231px;
height:188px;
background-image:url(/gfx/contact/news-bg.jpg);
background-repeat:no-repeat;
}


#newsletter h4
{
margin-top:0;
margin-bottom:0;
font-weight:bold;
color:#6352a6; 
font-size:16px;
}

#newsletter p
{
margin-top:0; 
margin-bottom:0; 
font-size:10px;
}

#newsletter label, span
{
font-size:11px;
}

#newsletter input
{
font-size:11px;
width: 174px;
height: 16px;
}


#newsletter a
{
font-size:14px;
color:#6352a6;
}


#enquiry
{
width:533px;
height:232px;
background-color: #d0cae4;
}

#enquiry h2
{
color: #fff;
padding-left:5px;
font-size:12px;
padding-top:2px;
}

#enquiry label
{
font-size:10px;
}

.txt
{
width: 185px;
height:16px;
font-size:10px;
}

.submit_link a
{
font-size:14px;
color:#6352a6;
}

#submit_link
{
font-size:14px;
color:#6352a6;
}

#addresses a
{
color:#6352a6;
}

#press
{
border: solid 1px #ccc;
font-size: 10px;
padding-left: 5px;
}

#press a:link {text-decoration:none; color:#6352a6; font-size: 10px;}
#press a:visited {text-decoration:none; color:#6352a6; font-size: 10px;}
#press a:active {text-decoration:none; color:#6352a6; font-size: 10px;}
#press a:hover {text-decoration:none; color:#6352a6; font-size: 10px;}

#content
{
width: 525px;
}

ol
{
margin-left: 16px;
padding-left: 0;
}

.our_prod
{
width: 170px;
height: 125px;
}

.our_prod_title_container
{
height: 24px;
color:#fff;
padding-bottom: 7px;
}

.our_prod_title
{
padding-left: 4px;
padding-top: 10px;
font-size: 10px;
}

.our_prod_image
{
height: 77px;
background-color:#fff;
margin-left: 4px;
margin-right: 4px;
text-align: center;
}

.our_prod_image img
{
height: 77px;
width: 123px;
}

.our_prod a
{
color:#fff;
font-size: 10px;
}

.our_prod_link
{
text-align: right;
padding-top: 4px;
padding-right: 4px;
padding-bottom: 4px;
}

.topnav
{
padding-right:7px;
}

#left-nav-tube-title {
padding-left:10px;background-color:#EAA927;height:30px;vertical-align:middle;font-weight:bolder;display:table-cell;color:#000; width:240px
}

#left-nav-tube { 
  padding:0; 
  margin:0; 
  vertical-align:middle;
} 

#left-nav-tube li { 
  display: block;
  list-style-type:none; 
  height: 25px;
  line-height:25px;
  font-weight:800;
  color:#CECECC;
  border-bottom:1px solid #CCC;
  vertical-align:middle;
} 

#tube-title {
	background-color:#E9E7F2;
	height:24px;
	vertical-align:middle;
	display:table-cell;
	color:#666;
	width:100%;
	font-weight:bold;
	font-size:14px;
}

#seldata {
	background-color:#D0CAE4;
}

.next {
    border: none;
    background: url(../gfx/next-step.jpg) no-repeat top left;
    padding: 2px 8px;
	width:87px;
	height: 50px;
	outline:none;
}

.back {
    border: none;
    background: url(../gfx/prev-step.jpg) no-repeat top left;
    padding: 2px 8px;
	width:87px;
	height: 50px;
	outline:none;
}

.submit-order {
	border: none;
    background: url(../gfx/submit-order.jpg) no-repeat top left;
    padding: 2px 8px;
	width:165px;
	height:37px;
	outline:none;
}

.send-email {
	border: none;
    background: url(../gfx/send-email.jpg) no-repeat top left;
    padding: 2px 8px;
	width:165px;
	height:37px;
	outline:none;
}