body {
font-family: Arial, Helvetica, sans-serif; background-color: #F9CBDE; margin: 0px; padding: 0px; background-image: url(images/bg-pink.gif); background-repeat: repeat-y; background-position: center;
}
#pagewidth {
	width: 765px; text-align: left; margin-left: auto; margin-right: auto; padding-bottom: 50px;
}
#header {
	background-color: #F9CBDE; padding-left: 208px; background-image: url(images/prodmain.jpg); background-repeat: no-repeat;
}
.logo {
	padding: 7px 52px 7px 13px;
}
.strapline {
	padding-bottom: 17px;
}
.nav {
	background-color: #F9CBDE; padding: 0px 5px 5px 5px; text-align: left;
}
#leftcol {
	float: left; position: relative; width: 130px; margin-top: 20px; color: #C43B78; font-size: 80%; padding-left: 20px; padding-right: 20px;
}
.items {
	border: solid 1px #C43B78; padding: 5px; line-height: 170%; margin-top: 5px; margin-bottom: 15px;
}
#rightcol {
	float: right; position: relative; width: 595px; margin-top: 20px;
}
#rightcol2 {
	float: right; position: relative; width: 560px; margin-top: 37px;
}
h1 {
	font-size: 140%; font-weight: normal; color: #8C8E9A; margin-bottom: 4px; margin-top: 0px; margin-left: 35px; margin-right: 35px; font-weight: normal;
}
h2 {
	font-size: 85%; font-weight: normal; color: #C43B78; margin-bottom: 10px; margin-top: 0px; margin-left: 35px;
}
p {
	font-size: 85%; font-weight: normal; color: #8C8E9A; margin-bottom: 10px; margin-top: 0px; margin-left: 35px; margin-right: 35px;
}
.grey {
	color: #6C797E;
}
a.pink {
	background-color: #F9CBDE; color: #6C797E; padding: 0px 2px 0px 2px;
}
a.pnk:hover {
	color: #000000;
}
a.gold {
	background-color: #EAD992; color: #6C797E; padding: 0px 2px 0px 2px;
}
a.gold:hover {
	color: #000000;
}
a.lilac {
	background-color: #E2D0EB; color: #6C797E; padding: 0px 2px 0px 2px;
}
a.lilac:hover {
	color: #000000;
}
a.silver {
	background-color: #DBDEDF; color: #6C797E; padding: 0px 2px 0px 2px;
}
a.silver:hover {
	color: #000000;
}
a.blue {
	background-color: #BFE7FA; color: #6C797E; padding: 0px 2px 0px 2px;
}
a.blue:hover {
	color: #000000;
}
a {
	text-decoration: none; color: #C43B78;
}
a:hover {
	text-decoration: underline; color: #C43B78;
}
#bottom {
	font-size: 70%; width: 595px; color: #6C797E; float: none; position:relative; padding-top: 8px; padding-bottom: 8px; padding-left: 170px; text-align: center;
}
#bottom2 {
	font-size: 70%; width: 595px; color: #6C797E; float: none; position:relative; padding-top: 5px; padding-bottom: 5px; padding-left: 170px; text-align: center; background-color: #F9CBDE;
}
#bottom2 a {
	padding-left: 20px; padding-right: 20px; color: #64656D;
}
#bottom2 a:hover {
	color: #C43B78; text-decoration: none;
}
#bottom3 {
	font-size: 70%; width: 595px; color: #6C797E; float: none; position:relative; padding-top: 8px; padding-bottom: 8px; padding-left: 170px; text-align: center;
}


/* Contact Us Page */

#contact {
	float: none; position: relative; padding-left: 30px;
}
#address {
	float: left; position: relative; padding-right: 20px; font-size: 85%; line-height: 160%; color: #8C8E9A; width: 225px; margin-top: 20px;
}
#enquiry {
	float: left; position: relative; font-size: 85%; line-height: 160%; color: #8C8E9A; width: 264px; margin-top: 20px;
}
#basket {
	font-size: 85%; line-height: 160%; color: #8C8E9A; margin-bottom: 10px; margin-top: 20px; margin-left: 35px;
}
#enquiry input, #basket input {
	width: 260px; color: #C43B78; border: solid 1px #C43B78; margin-bottom: 5px;
}
#enquiry textarea, #basket textarea {
	width: 260px; color: #C43B78; border: solid 1px #C43B78; margin-bottom: 5px;
}
#basket .carddate {
	width: 20px; color: #C43B78; border: solid 1px #C43B78; margin-bottom: 5px;
}
#links {
	float: left; position: relative; padding-right: 20px; font-size: 85%; line-height: 160%; color: #8C8E9A; width: 343px;
}
#send {
	float: left; position: relative; line-height: 160%; color: #8C8E9A; width: 145px; text-align: right;
}
#process {
	line-height: 160%; color: #8C8E9A; margin-left: 35px;
}
#send input, #process input {
	font-size: 80%; color: #6C797E; background-color: #F9CBDE; border: none; padding-top: 3px; padding-bottom: 3px; margin-top: 6px;
}


 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
#wrapper:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
#wrapper {
	display: inline-table;
}

/* Hides from IE-mac \*/
* html #wrapper {
	height: 1%;
}
#wrapper {
	display: block;
}
/* End hide from IE-mac */


/* Dropdowns */

/* Root = Horizontal, Secondary = Vertical */
ul#nav {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 500px; /*For KHTML*/
  list-style: none;
  height: 26px;
  z-index: 500;
  text-align: center;
  color:#666666;
  font-size: 83%;
  line-height: 200%
}

ul#nav li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 24px;
  z-index: 500;
}

ul#nav ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 122px;
  list-style: none;
  display: none;
  position: absolute;
  top: 22px;
  left: 0;
  z-index: 500;
}

ul#nav ul li {
  float: none; /*For Gecko*/
  display: block !important;
  display: inline; /*For IE*/
  margin-bottom: 0px;
  height: auto;
  line-height: 100%;
  z-index: 500;
  
}

/* Root Menu */
ul#nav a {
  border: 0px solid #FFF;
  border-right-color: #CCC;
  border-bottom-color: #CCC;
  padding: 0 0px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color:#666666;
  background-image:url(images/navBg.jpg);
  background-repeat:repeat-x;
  text-decoration: none;
  margin-left: 2px;
  height: auto !important;
  height: 1%; /*For IE*/
   z-index: 500;
}

/* Root Menu Hover Persistence */
ul#nav a:hover,
ul#nav li:hover a,
ul#nav li.iehover a {
  background: ;
  
  
}

/* 2nd Menu */
ul#nav li:hover li a,
ul#nav li.iehover li a {
  float: none;
  background: #F9CBDE;
}

.color{
	color: #F9CBDE; line-height: 100%; padding-bottom: -20px;
}

/* 2nd Menu Hover Persistence */
ul#nav li:hover li a:hover,
ul#nav li:hover li:hover a,
ul#nav li.iehover li a:hover,
ul#nav li.iehover li.iehover a {
  background-color:#999999;
	color:#FFFFFF;
  
}

ul#nav ul ul,
ul#nav ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
  
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#nav li:hover ul ul,
ul#nav li:hover ul ul ul,
ul#nav li.iehover ul ul,
ul#nav li.iehover ul ul ul {
  display: none;
}

ul#nav li:hover ul,
ul#nav ul li:hover ul,
ul#nav ul ul li:hover ul,
ul#nav li.iehover ul,
ul#nav ul li.iehover ul,
ul#nav ul ul li.iehover ul {
  display: block;
}

.liProd{
	width: 80px;
}
.liHome{
	width: 60px;
}
.liAbout{
	width: 70px;
}
.liContact{
	width: 80px;
}



/* Online shop products */

#products {
	float: none; position: relative; margin-left: 30px;
}
#prod {
	float: left; position: relative; padding-right: 20px; font-size: 60%; line-height: 110%; width: 165px; text-align: center; color: #C43B78; margin-top: 20px;
}
#prod img {
	border: solid 1px #C43B78; margin-bottom: 5px;
}
#prod a:hover img {
	border-color: #6C797E;
}
#prodleft {
	float: left; position: relative; width: 220px; font-size: 75%; color: #C43B78;
}
#prodleft img {
	border: solid 1px #C43B78; margin-bottom: 5px; margin-top: 4px;
}
#prodleft .dot {
	padding-right: 4px; border: none;
}
#prodright {
	float: left; position: relative; width: 305px;
}
#prodtitle {
	float: left; position: relative; font-size: 85%; width: 245px; color: #C43B78;
}
#price {
	float: right; position: relative; font-size: 85%; width: 55px; text-align: right; color: #C43B78;
}
#prodtxt {
	float: left; position: relative; width: 305px; border-top: solid 1px #C43B78; font-size: 75%; margin-top: 3px; margin-bottom: 10px; padding-top: 10px; color: #C43B78;
}
#min {
	float: left; position: relative; font-size: 85%; width: 150px; color: #C43B78;
}
#quantity {
	float: right; position: relative; font-size: 85%; width: 150px; text-align: right; color: #C43B78;
}
#quantity input {
	width: 50px; color: #C43B78; border: solid 1px #C43B78;
}
#mess {
	float: left; position: relative; width: 305px; font-size: 75%; color: #C43B78; padding-top: 10px; text-align: right;
}
#mess textarea {
	width: 301px; color: #C43B78; border: solid 1px #C43B78; margin-top: 5px;
}
#type {
	float: left; position: relative; width: 305px; font-size: 75%; color: #C43B78; padding-top: 15px; text-align: right;
}
#type img {
	margin-top: 3px;
}
#require {
	float: right; position: relative; font-size: 75%; text-align: right; color: #C43B78; padding-top: 15px;
}
#add {
	float: left; position: relative; text-align: right; padding-top: 15px;
}
#add input {
	font-size: 80%; color: #6C797E; background-color: #F9CBDE; border: none; padding-top: 3px; padding-bottom: 3px;
}
#proc {
	float: right; position: relative; text-align: right; padding-top: 15px;
}
#proc input {
	font-size: 80%; color: #6C797E; background-color: #F9CBDE; border: none; padding-top: 3px; padding-bottom: 3px;
}
#import {
	float: left; position: relative; width: 305px; font-size: 65%; color: #8C8E9A; padding-top: 30px;
}

.quantity_box {
	width: 30px; color: #C43B78; border: solid 1px #C43B78;
}

.recalculate {
	font-size: 80%; color: #6C797E; background-color: #F9CBDE; border: none; padding-top: 3px; padding-bottom: 3px; margin-top: 6px;
}