/*<![CDATA[*/
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
body {
	margin: 0px;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
hr {
	margin: 15px 0px 15px 0px;
	height: 1px;
	width: 100%;
}

/* reset header fonts */
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
border:0;
margin:0;
padding:0 0 10px 0;
}
h1{font-size:22px;font-weight:bold;}
h2{font-size:20px;font-weight:bold;}
h3{font-size:18px;font-weight:bold;}
h4{font-size:16px;font-weight:bold;}
h5{font-size:14px;font-weight:bold;}
h6{font-size:12px;font-weight:bold;}

p {
  padding: 0px 5px 0px 0px;
}
form {
	margin: 0;
}

#wrapper{
width:1000px;
top:0;
left:0;
margin:0 auto;
padding:0;
}
#banner{
  padding:0;
}
#logo{
  position:absolute;
  top:20px;
  left:0;
  width:360px;
  padding:0 0 0 30px;
  border:0;
  margin:0;
}
#bannerphotos{
  float:right;
  height:100px;
  margin-right:0;
}
#bannerphotos img{
  margin:2px;
}
#navcol{
  width:175px;
  padding-top:14px;
}
#content{
  padding: 30px
}
#content img{
	margin: 10px;
}
#logintable {

}
.login {
	padding: 2px 2px 2px 2px;
	font-size: 10px;
	text-align: center;
}
.login input {
	font-size: 10px;
	border: 0;
}
.login a {
	text-decoration: none;
}
.login a:hover {
	text-decoration: none;
}
.login_button {
	font-size: 10px;
	text-align: center;
}
#foot{
  position:relative;
  height:30px;
  padding-top:5px;
}
#footer{
  position:relative;
  float:left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  margin:0;
  padding:0;
}
#footer p{
  margin:0;
}
#footer a {
  padding:0;
  text-decoration: none;
}
#clickit{
font-size: 10px;
padding: 30px 0 0 0;
margin: 0;
text-align: center;
}
#clickit a {
padding:0;
text-decoration: none;
}
.buttonSubmit {
	font-size: 10px;
	padding: 0px 3px 0px 3px;	
}
.buttonSubmitRoll {
	font-size: 10px;
	padding: 0px 3px 0px 3px;	
}
/* as used in HTML class */
.button {
	font-size: 10px;
	padding: 0px 3px 0px 3px;	
}
.buttonRoll {
	font-size: 10px;
	padding: 0px 3px 0px 3px;	
}
.login {
	padding: 2px 3px 2px 3px;
	font-size: 10px;
}
.login-field input {
	font-size: 10px;
	border: 0;
}
.login-text a {
	text-decoration: none;
}
.login-text a:hover {
	text-decoration: none;
}
.login-button {
	font-size: 10px;
	text-align: center;
}


/* generic form styles */
.genform_table{
	padding:10px;
}
.genform_text{
	font-weight:bold;
	text-align:right;
}
.genform_field{
	text-align:left;
}
.genform_button{
	text-align:center;
}

/* basket styles */
#fsbasket_wrapper{
	width:100px;
	text-align:center;
	padding: 5px;
	margin: 10px;
}
#fsbasket_value{
	font-size:10px;
	text-align:center;
}
#fsbasket_link{
	font-size:10px;
	text-align:center;
}
#fsbasket_link a {
	text-decoration: none;
}


/* ##########  COLOURS SET HERE ############ */
body{ color:#999;background:#fff; }
a{ color:#BC339D; }
a:hover{ color:#f00; }
hr { color: #ccc; }
h1,h2,h3,h4,h5,h6 { color: #666; }
#banner h1{ color:#666; }
#banner h2{ color:#ccc; }
#bannerphotos img{ border:1px solid #999; }
#navcol{border:0;background: #fff;}
#content{background: #fff;border:0;}
#content img{ border:0; }
#foot{ border-top:0; }
#footer { color: #999; }
#footer a { color: #BC339D; }
#footer a:hover{ color: #f00; }
.login { color: #999; }
.login-field input{ border:1px solid #999; }
#clickit{ color: #ccc; }
#clickit a { color: #ccc; }
#clickit a:hover{ color: #000;  }
.buttonSubmit { background-color: #BC339D; color: #000; border: 1px solid #999; }
.buttonSubmitRoll { background-color: #999; color: #000; border: 1px solid #BC339D; }
/* as used in HTML class */
.button { background-color: #BC339D; color: #000; border: 1px solid #999; }
.buttonRoll { background-color: #fff; color: #000; border: 1px solid #BC339D; }
/* basket styles */
#fsbasket_wrapper{border:1px solid #999;}
#fsbasket_value{color:#999;}
#fsbasket_link a {color: #BC339D;}
#fsbasket_link a:hover{color: #f00;}
/* generic form styles */
.genform_table{border:1px solid #999;}
.genform_text{color:#000;}
.genform_field input{background: #fff;border:1px solid #999;}
.genform_button{color: #000;}


/* HighSlide WYSIWYG [[popup]] styles */
.popitwindow{
	background:#fff;
	width:95%;
	height:100%;
}
.highslide-body {
	padding-left:20px;
	padding-right:20px;
}
/* set all text in popit windows to black - overides default font colors */
.popitwindow p  {color:#000;}
.popitwindow h1 {color:#000;}
.popitwindow h2 {color:#000;}
.popitwindow h3 {color:#000;}
.popitwindow h4 {color:#000;}
.popitwindow a  {color:#00f;}
.popitwindow a:hover{ color:#0f0; }
.popitwindow ul {color:#000;}
.popitwindow li {color:#000; list-style-type: disc; }
.popitwindow td {color:#000;}
.popitwindow div{color:#000;}


/* DHTML TOOL TIP CSS */
#dhtmltooltip{
	position: absolute;
	width: 150px;
	border: 1px solid black;
    color: #000000;
	padding: 2px;
	text-align:center;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 999;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

/* style for popit button links */
.popitbtn {
  margin: 0 3px;
  padding: 0 5px;
  width: 100px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #000;
  border-left: 1px solid #ccc;
  border-right: 1px solid #000;
  background: #f93;
  text-align: center;
  text-decoration: none;
  font: normal 10px sans-serif;
  color: #000 !important;
}
.popitbtn:hover { background:green !important; color:white !important }




/*]]>*/

  