/*<![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;}
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: 0;}
form {margin: 0;}

/* template specific */
#wrapper{
width:100%;
margin:0 auto;
padding:0;
}
#topdiv{
width:100%;
height:100px;
}
#bannerdiv{
width:1020px;
height:100px;
padding:0;
margin:0 auto;
border:0;
border:0;
}
#bannerlogo{
position:relative;
float:left;
padding:20px 0;
margin:0;
border:0;
}
#banner{
position:relative;
float:right;
width:500px;
border:0;
}
#banner img{
margin:0;
padding:0;
border:0;
}
#pagediv{
width:100%;
min-height:400px;
margin:0;
overflow:auto;
}
#pagebody{
width:1020px;
margin:0 auto;
padding:0;
border:0;
}
#content{
float:right;
width:790px;
border:0;
padding:20px 10px 20px 0;
margin:0;
border:0;
}
#content img{
margin:10px;
}
#leftnav{
float:left;
width:200px;
padding:0;
margin:0;
border:0;
}
#nav{
float:left;
width:190px;
padding:10px 0;
}
#basket{
float:left;
width:190px;
padding:10px 0;
}
#footerdiv{
clear:left;
width:100%;
overflow:auto;
}
#foot{
width:700px;
padding:15px 0 5px 140px;
margin: 0 auto;
}
#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:150px;
text-align:right;
padding: 5px;
margin: 0;
}
#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:#999;background:#333; }
a{ color:#f93; }
a:hover{ color:#f00; }
hr { color: #999; }
h1,h2,h3,h4,h5,h6 { color: #ccc; }
#topdiv{ }
#bannerdiv{}
#pagediv{}
#pagebody{}
#content{}
#content img{ border:1px solid #fff; }
#footerdiv{ }
#foot{ color:#999;}

#clickit{ color: #444; }
#clickit a { color: #444; }
#clickit a:hover{ color: #fff;  }
.buttonSubmit { background-color: #f93; color: #fff; border: 1px solid #fff; }
.buttonSubmitRoll { background-color: #fff; color: #000; border: 1px solid #ff9933; }
/* as used in HTML class */
.button { background-color: #f93; color: #fff; border: 1px solid #fff; }
.buttonRoll { background-color: #fff; color: #000; border: 1px solid #ff9933; }
/* basket styles */
#fsbasket_wrapper{border:0;}
#fsbasket_value{color:#666;}
#fsbasket_link a {color: #f93;}
#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 */

/*]]>*/