/*<![CDATA[*/
html,body{margin:0;padding:0;width:100%;height:100%;}
body{font: 76% Verdana, Arial, Helvetica, sans-serif;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;}

/* template specific */
#wrapper{
  width:1000px;
  margin:0 auto;
  padding:0;
}
#bannerdiv{
  width:1000px;
  height:140px;
}
#bannerlogo{
  float:left;
  width:664px;
  height:123px;
  padding:0;
  margin:0;
}
#banner{
  float:right;
  width:330px;
  padding:0;
  margin:0;
  border:0;
}
#banner img{
  margin:0;
  padding:0;
  border:0;
}
#basket{
position:relative;
float:right;
height:30px;
padding:0;
}
#navdiv{
width:1000px;
height:30px;
}
#topnav{
position: relative;
float:left;
height:30px;
padding:0 auto;
}
#content{
  width:980px;
  min-height:400px;
  border:0;
  padding:20px 10px;
  margin:0 auto;;
  overflow:auto;
}
#content img{
  margin:10px;
}
#foot{
  clear:left;
  height:55px;
  padding:0;
}
#clickit{
  height:50px;
  margin-top:20px;
  font-size: 10px;
  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;
}


/* 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{
position:relative;
float:left;
width:130px;
text-align:right;
padding: 5px;
margin: 3px 20px;
}
#fsbasket_value{
float:left;
font-size:10px;
text-align:right;
padding-right:5px;
}
#fsbasket_link{
float:right;
font-size:10px;
text-align:left;
}
#fsbasket_link a {
text-decoration: none;
padding:2px 3px;
}


/* ##########  COLOURS SET HERE ############ */
body{ color:#333;background:#fff; }
a{ color:#BF8B86; }
a:hover{ color:#f00; }
hr { color: #666; }
h1,h2,h3,h4,h5,h6 { color: #000; }
#navdiv{background:#fff; }  
#topnav{ background:#fff;}
#navcell{border-left: 1px solid #fff;}
#breadcrumb{ font-size:10px; }
#content{ }
#content img{ border:0; }
#foot{border-top:1px solid #fff;}
#clickit{ color: #fff; }
#clickit a { color: #fff; }
#clickit a:hover{ color: #000;  }
.buttonSubmit { background-color: #BF8B86; color: #fff; border: 1px solid #fff; }
.buttonSubmitRoll { background-color: #fff; color: #000; border: 1px solid #BF8B86; }
/* as used in HTML class */
.button { background-color: #BF8B86; color: #fff; border: 1px solid #fff; }
.buttonRoll { background-color: #fff; color: #000; border: 1px solid #BF8B86; }
/* basket styles */
#fsbasket_wrapper{ }
#fsbasket_value{color:#BF8B86;}
#fsbasket_link a {color: #BF8B86;}
#fsbasket_link a:hover{background:#fff;color: #000;margin-bottom:0;}
/* generic form styles */
.genform_table{border:1px solid #fff;}
.genform_text{color:#fff;}
.genform_field input{background: #fff;border:1px solid #000;}
.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 }


/* popform table styles */
.popform-table{
  border: 0;
  padding:0;
}
.popform-item{
  border:1px solid #666;
  padding:3px;
}

/* special offer module styles */
.offer_list{
  margin:10px 0;
  padding:0;
  border:1px solid #999;
}
.offer_list ul{
  list-style-type: none;
}
.offer_list li{
  padding: 2px 0;
  cursor:pointer;
}
.offer_list .offer_head{
  padding-bottom: 5px;
  font-size:14px;
  font-weight:bold;

}


/*  Overall CSS for each Horizontal Accordion.
Most settings should be kept as it.
Customize each Accordion by styling each Accordion's ID attribute instead.
*/
.haccordion{
padding: 0;
}
.haccordion ul{
margin: 0;
padding: 0;
list-style: none;
overflow: hidden; /*leave as is*/
}
.haccordion li{
margin: 0;
padding: 0;
display: block; /*leave as is*/
width: 100%; /*For users with JS disabled: Width of each content*/
height: 200px; /*For users with JS disabled: Height of each content*/
overflow: hidden; /*leave as is*/
float: left; /*leave as is*/
}
.haccordion li .hpanel{
width: 100%; /*For users with JS disabled: Width of each content*/
height: 200px;  /*For users with JS disabled: Height of each content*/
}

/*  Default css for all instances of the Vertical Accordion
  width & height are defined via inline styles  */
.acdiv{
margin: 5px 0;
padding: 0;
border: 1px solid #9A9A9A;
}
.acdiv div.achd a{
background: black url(../../include/graphics/silvergradient.gif) repeat-x center left;
font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: white;
display: block;
position: relative;
width: auto;
padding: 5px 0;
padding-left: 8px;
text-decoration: none;
}
.acdiv div.achd a {
color: white;
}
.acdiv div.accselected a, .acdiv div.achd a:hover{
background-image: url(../../include/graphics/greyblackbkg.gif);
color: white;
}
.acdiv div.acct{ /*DIV that contains each sub menu*/
background: white;
padding: 5px;
overflow:auto;
}


/* tabs display css  */
ul.tabs {
list-style:none;
margin:0 !important;
padding:0;
border-bottom:1px solid #666;
height:30px;
}
/* single tab */
ul.tabs li {
float:left;
text-indent:0;
padding:0;
margin:0 !important;
list-style-image:none !important;
}
/* link inside the tab. uses a background image */
ul.tabs a {
background: url(../../include/graphics/tabsgrey.png) no-repeat -420px 0;
font-size:11px;
display:block;
height: 30px;
line-height:30px;
width: 134px;
text-align:center;
text-decoration:none;
color:#333;
padding:0px;
margin:0px;
position:relative;
top:1px;
}
ul.tabs a:active {
outline:none;
}
/* when mouse enters the tab move the background image */
ul.tabs a:hover {
background-position: -420px -31px;
color:#fff;
}
/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
background-position: -420px -62px;
cursor:default !important;
color:#000 !important;
}
/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */
/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }
/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }
/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }

/* initially all panes are hidden */
div.panes div.pane {
display:none;
}
/* end of tabs display styles */


/* popit shop styles */
#viewcartbutton{padding:5px;}
.viewcartSubmit {
font-size: 10px;
padding: 2px;
background-color: #999; color: #fff; border: 1px solid #fff; }
.viewcartSubmitRoll {
font-size: 10px;
padding: 2px;
background-color: #fff; color: #000; border: 1px solid #999; }
.viewcart{}
.bsk-table{}
.bsk-photo{border:1px solid white;margin:0;padding:0;}
.bsk-item{font-size:14px;font-weight:bold;color:white;}
.bsk-price{color:#fff;}
.bsk-ref{}
.bsk-text{}
.bsk-optname{}
.bsk-optval{}
.bsk-add{}
.bsk-row{padding:0 3px;}
/* end popit shop styles */


/*]]>*/