/*<![CDATA[   USING divs */
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 5px 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;}

/* template specific */
#wrapper{
width:950px;
margin:0 auto;
padding:0;
}

#topdiv{
  position:absolute;
  top:0;
  width:950;
  height:330px;
  margin:0 auto;
}
#bannerlogo{
width:950px;
height:100px;
padding:0;margin:0;border:0;
}
#banner{
width:950px;
padding:0;margin:0;border:0;
}
#banner img{
margin:0;padding:0;border:0;
}
#banner h1{font-size:16px;}
#navdiv{
width:950px;
height:30px;
z-index:100;
}
#topnav{
position: relative;
float:left;
height:30px;
padding:0 auto;
}
#basket{
position:relative;
float:right;
height:30px;
padding:0;
}
#content{
position:relative;
width:908px;
min-height:400px;
border:0;
padding:20px 20px;
margin:330px auto 0 auto;
overflow:auto;
}
#content img{
margin:0;
padding:0;
}
#foot{
clear:left;
width:950px;
height:150px;
padding-top:10px;
margin:0 auto;
}
#clickit{
clear:left;
width:950px;
height:50px;
margin-top:20px;
font-size: 10px;
text-align: center;
margin:0 auto;
}
#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:#ccc;background:#222; }
a{ color:#f93; }
a:hover{ color:#f00; }
hr { color: #666; }
h1,h2,h3,h4,h5,h6 { color: #fff; }
#banner{background:#333;}
#navdiv{background:#414141; }
#navcell{border-left: 1px solid #778;}
#breadcrumb{ font-size:10px; }
#content{background: #333;border-left:1px solid #444;border-right:1px solid #444;border-bottom:1px solid #444;}
#content img{ border:1px solid #fff; }
#foot{}
#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{ }
#fsbasket_value{color:#ccc;}
#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*/
}
#content .haccordion li .hpanel img{
margin:0;
}


/*  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 #333;
	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/tabs.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 */


/*]]>*/