body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000000;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

#boxer {
	width: 960px;
	margin: 0px auto;
	display: block;
}
	
#container {
	display: block;
	margin-bottom: 0px;
}

a:link, a:visited {color: #006699; text-decoration: underline;}

a:hover {text-decoration: underline; color: #333366;}

#header {
	height: 128px;
	width: 960px;
	display: block;
}

#title {
	display: block;
	height: 70px;
	width: 960px;
	background-image: url(/images/title.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	font-size: 13px;
}

#title #right{
	float: right;
	padding-top: 14px;
}

#hlogo {
	height: 128px;
	width: 960px;
	text-indent: -5000px;
	margin: 0px;
	padding: 0px;
	background-image: url(/images/header.jpg);
	background-repeat: no-repeat;
}

#hnav {}

#hnav ul {list-style: none;	margin-top: 7px;}

#hnav ul li {
	float: left;
}
a img {border: 0px;}

#content {
	width: 960px;
	height: auto;
	height /**/: auto;
	min-height: 502px;
	border: 1px solid #000000;
	background-image: url(/images/content_bg.gif);
	background-repeat: repeat-y;
	float: left;
}
		
h1{
	
	font-size: 1.3em;
	color: #5E7274;
	padding-top: 3px;
	text-align: right;
	
}

h2{
	font-size: 1em;
	font-weight: bold;
	padding-top: 3px;
	color: #004577;
}

h3{
	font-size: 1em;
	padding-top: 3px;
	color: #004577;
}


#text {
	float: right;
	width: 770px;
	padding-left: 5px;
	padding-right: 5px;
}

.hidden {
	visibility: hidden;
}

#menu {
	width: 180px;
	float: left;
	background-color: #E9E9BC;
	height: 502px;
	background-image: url(/images/navigation_background.jpg);
	background-repeat: no-repeat;
	text-align: right;
	font-weight: bold;
	font-size: 95%;
}

.navigation {
	width: 180px;
	margin: 0px;
	padding: 0px;
	display: block;
}

.navigation ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.navigation li {
	width: auto; border-bottom: 
	1px solid #ffffff; 
	margin: 0px; 
	padding: 0px;  
	text-align: right; 
}

.navigation#smen1 li a:link, .navigation#smen1 a:visited {color: #000000;  text-align:right; font-weight: bold; text-decoration: none; display: block; margin: 0px; padding: 7px;  font-size: 11px; }

.navigation li a:hover, .navigation#smen1 a:hover, .navigation#smen2 a:hover, .navigation#smen3 a:hover, .navigation#smen4 a:hover, 

.navigation#smen5 a:hover, .navigation#smen6 a:hover, .navigation#smen7 a:hover  {color: #FFFFFF; text-decoration: none;  text-align:right; font-weight: bold; background-color: #859489; display: block; margin: 0px; padding: 7px;  font-size: 11px;}

.navigation li#accacc {border-bottom: 0px;}

.navigation li#accacc a:link, .navigation li#accacc a:visited {color: #000000;  text-align:left; font-weight: bold; text-decoration: none; background-color: #f8991d; display: block; margin: 0px; padding: 7px;  font-size: 11px; border: 0px solid #ffffff; border-top: 1px; border-bottom: 1px;}

.navigation li#accacc a:hover {color: #004577; text-decoration: none;  text-align:left; font-weight: bold; background-color: #ffffff; display: block; margin: 0px; padding: 7px;  font-size: 11px;  border: 0px solid #ffffff; border-top: 1px; border-bottom: 1px;}

.nolist {list-style: none;}

#notice {border: 1px solid #ff3300; background-color:#FFFF99; padding: 10px;}

.fleft {float: left; margin-right: 60px;}



.ximleft {float: left; margin: 4px;}
.ximright {float: right; margin: 4px;}
.ximblock {display: block; margin: 4px;}

.rlinks_do {list-style: none;
margin-left: 50px;
margin-top: 10px;
margin-bottom: 10px;
}
.rlinks_do li {
  margin: 6px 0 6px 0; 
  padding: 0px 0px 0px 0px;
  font-weight: bold;
  line-height: 24px; /* height of icon */
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-image: url(/images/arrow.gif); 
  }
.rlinks_do li a {
  padding-left: 30px; /* width of icon + whitespace */
  }
  
.grey {
	background-image: url(/images/grey.gif);
	background-repeat: no-repeat;
	font-size: 100%;
	padding-left: 25px;
	padding-bottom: 7px;
}

.redtick {
	background-image: url(/images/red.gif);
	background-repeat: no-repeat;
	font-size: 100%;
	padding-left: 25px;
	padding-bottom: 7px;
}

/*----------------------------------------------------Hannah Contact form-----------------------------------*/
 
 

 
 .redx {color: #ff6600;}
 input, textarea, select {}
 
 .small_text_field{
 border: 1px solid #859589;
	color: #859589;
	padding: 3px;
	font-size: 12px;
	width:300px;
	margin-bottom:6px; 
 }
 
 .cboth {clear: both;}

 .large_text_field{
	border: 1px solid #859589;
	color: #859589;
	padding: 3px;
	font-size: 12px;
	width:300px;
	margin-bottom:6px;
	font-family: Arial, Helvetica, sans-serif;
 }
 .sendbutton {margin-top:10px; padding:2px; border: 1px solid #333333; background-color:#eeeced; font-size: 13px;}
 #bloodything{clear:both; height:75px;}
 
 /* ----------------------------------------------------------------------------------------------------------- */

.loginx {width: 100px; border: 1px solid #FF3399; background-color: #F8F8F8;}

#logged {display: block; text-align: right; margin: 5px 15px 5px 5px;  font-weight: bold; color: #666666; font-size: 0.8em;}

#logged a, #logged a:visted {color: #444444; text-decoration: none;}
#logged a:hover {color: #ff3300; text-decoration: underline;}

dt {margin-top: 15px;}
dt  a:link small, dt a:visited small{text-decoration: none;}
dd {margin-top: 10px;}

.fright {float: right; font-weight: bold;}

/* CSS Styles from the page editor */

.ximright{float: right; margin: 4px;}
.ximleft{float: left; margin: 4px;}
.ximblock{margin: 4px;}
.ximrightdiv {float: right; margin: -30px 0px 10px 15px; width: 180px;}

.ximheadback1, #content h2.ximheadback1 {background:url(/images/ximheadback1.gif) no-repeat top left; color: #ffffff; font-size: 13px; font-weight: bold; padding: 2px 2px 2px 15px;}
.ximheadback2, #content h2.ximheadback2 {background:url(/images/ximheadback2.gif) no-repeat top left; color: #ffffff; font-size: 13px; font-weight: bold; padding: 2px 2px 2px 15px;}
.ximheadback3, #content h2.ximheadback3 {background:url(/images/ximheadback3.gif) no-repeat top left; color: #ffffff; font-size: 13px; font-weight: bold; padding: 2px 2px 2px 15px;}

/* END CSS Styles from the page editor */





.cleft {clear: right;}

#bottomaddress {
	display: block;
	height: 31px;
	width: 960px;
	clear: both;
}

#bottomaddress #left{
	float: left;
	padding-top: 5px;
}

#bottomaddress #right{
	float: right;
	padding-top: 5px;	
}

#bottomaddress a:link {
	font-weight: bold;
	color: #5E7274;
}

#bottomaddress a:visited {
	font-weight: bold;
	color: #CCCC99;
}

#bottomaddress a:hover {
	font-weight: bold;
	color: #CCCC99;
}

.bold {
	font-weight: bold;
}

/* SHOP css *********************************************/

/*
.shoplist dt a:link, .shoplist dt a:visited {font-weight: bold; font-size: 1.25em; text-decoration: none; color: #004577; font-family: Verdana, Arial, Helvetica, sans-serif;}
.shoplist dt a:hover {font-weight: bold; font-size: 1.25em; text-decoration: underline; color:#003366; font-family: Verdana,Arial, Helvetica, sans-serif;}
.shoplist dd a:link, .shoplist dd a:visited, .shoplist dd a:hover {text-decoration: none; color: #000000;}
*/
#shop {margin-left: 3px; text-align: left; clear: both; }

ul.shop {list-style: none; margin: 5px;}
.shop li {clear: both; margin-bottom: 10px; display: block; border-top: 1px solid #cccccc; padding-top: 5px;}
.shop li.toplink {border-top: 0px;}
.shop a:link, .shop a:hover, .shop a:visited  {text-decoration: none; color: #000000;}
.shop h2 {margin-bottom: 0px;}
.shop img {border: 0px solid #004577;}
.shop p {margin-top: 0px;}
.shop h2 a:link, .shop h2 a:visited {font-size: 1em; text-decoration: none; color: #004577; font-family: Verdana, Arial, Helvetica, sans-serif;}
.shop h2 a:hover { font-size: 1em; text-decoration: underline; color:#003366; font-family: Verdana, Arial, Helvetica, sans-serif;}

.shop .fleft {margin-right: 10px;}
.fleft2 {margin-right: 10px; float: left;}

.productform {float: right; margin-right: 10px;  }
.productform label span, .productform2 label span {display: none;}
.minibox {width: 25px; margin-left: 10px;}
.addtobasket {width: auto; margin-left: 10px;}
/*
.shoplist dd {display: block; padding-bottom: 25px;}
.shoplist dt {clear: both; display: block; border-top: 1px solid #cccccc; padding-top: 5px;}
*/
#shoplinks {float: right; list-style: none; margin-top: -10px;}
#shoplinks2 {list-style: none;}
#shoplinks li {float: left; margin-left: 0px; padding-top: 5px;}
#shoplinks2 li {float: none; margin-left: 0px; padding-top: 5px;}
#shopbasket, #shopbasket2, #emptybasket {background:url(/images/viewbasket.gif) no-repeat top left;  height: 25px; width: 120px; font-size: 12px;}
#shopbasket2 {width: 180px;}
#gotopayment {width: 160px;}
span#shopcheckout {padding: 5px; padding-left: 35px;  padding-right: 10px;}
#shopcheckout {background:url(/images/gotocheckout.gif) no-repeat top left;  height: 25px; width: 150px; font-size: 12px;}
#shopcheckout a { padding-right: 30px; text-decoration: none;}

span#shopbasket {padding: 5px; padding-left: 30px; width: 150px; padding-right: 20px;}
span#shopbasket2 {padding: 5px; padding-left: 30px; width: 180px; padding-right: 40px;}

#mydetails {background:url(/images/mydetails.gif) no-repeat top left;  height: 25px; width: 120px;}
#orderhistory {background:url(/images/orderhistory.gif) no-repeat top left;  height: 25px; width: 120px;}

#shoplinks li a:link, #shoplinks li a:visited {padding-left: 30px;  font-size: 11px; text-decoration: none;}
#shoplinks2 li a:link, #shoplinks2 li a:visited {padding-left: 30px;  font-size: 11px; text-decoration: none;}
.shoptable {border: 1px solid #cccccc; border-collapse: collapse; background-color: #ffffff; width: 550px;}
 .shoptable td {border: 1px solid #cccccc; padding: 3px;}
.shoptable th {background-color: #fafafa;}
.shoptable .minibox {width: 20px;}
.greytbl {background-color: #fafafa;}
.greytbl .tall {padding-top: 15px; padding-bottom: 15px;}
.myaddress {border-bottom: 1px solid #cccccc; padding-bottom: 5px;}

#zenx {display: inline;}

/* login css */
.inp1 {width: 170px;}
.inp2 {width: 185px;}

.mess {border: 1px solid #ff3300; color: #ff3300; background-color: #fafafa; padding: 10px;}
#regy input {width: 170px;}
fieldset {padding: 10px 10px 10px 10px;}
#regy input.inp3 {width: auto;}

.productform2 {text-align: right; margin-right: 5px;}

/* members area css */

#memtable th, #memtablex th {color: #fafafa;}
.shoptable .start {font-weight: bold; font-size: 0.8em}
#shopx .shoptable {width: 450px;}
#shopx .shoptable .start {width: 150px;}
#minishoptable {font-size: 0.8em;}

ul.shoplist {margin: 0px; padding: 0px; list-style: none; }
ul.shoplist li { width: 250px; margin: 0px; margin-left: 5px; margin-bottom: 5px; padding: 5px; float: left; border: 1px solid #cccccc; background-color:#FFFFF0;}

a:link.protitle, a:visited.protitle {font-weight: bold; text-decoration: none; color: #000000;}
a:hover.protitle {font-weight: bold; text-decoration: underline; color:#000099;}


#shop .rpagernav {text-align: center; clear: both;}
#shop .rpager {text-align: center;}

#shop .rpagernav a {border: 1px solid #cccccc; text-decoration: none; background-color:#FFFFF0;}
#shop .rpagernav strong {border: 1px solid #cccccc; padding-left: 5px; padding-right: 5px;  background-color:#eeeeee;}

#regy .medinput {width: 250px;}

#textcolumn3 {margin-left: 200px;}

.prodboxtop {height: 85px;}
.prodbox {clear: both; background-color:#eceebf; margin: 2px -5px -5px -5px; border-top: 1px solid #cccccc; text-align: right;}

#zenx input#newalt {width: 160px;}

.shoptable th.invoice {background-color: #FFCC66; border: 0px solid #cccccc; border-bottom: 1px; }

.rpagernav  span {display: none;}

#shop .fleft2 img {border: 1px solid #cccccc;}
.prodboxtop .fleft2 a img {border: 1px solid #cccccc;}

img.cleartheend {margin-bottom: 10px;}