/*<![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:900px;
top:0;
left:0;
margin:0 auto;
padding:0;
}

/* top banner */
#banner{
  width:356px;
  padding:0;
}
#banner img{
  margin:5px 0 0 5px;
}
#bannercontent{

}
#topnav{
  padding:0;
}
#basket{
  position:relative;
  float:right;
}
#subnav{
  height:20px;
  padding:0;
}
#content{
  width:100%;
  min-height:400px;
  border:0;
  padding:20px 10px;
  margin:0;
}
#content img{
  margin:10px;
}
#foot{
  height:55px;
  padding:0;
}
#clickit{
  position:relative;
  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: 0;
	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:#ccc;background:#000; }
a{ color:#f93; }
a:hover{ color:#f00; }
hr { color: #666; }
h1,h2,h3,h4,h5,h6 { color: #ccc; }
#topnav{ border-bottom:1px solid #333;}
#subnav{}
#content{background: #000;}
#content img{ border:1px solid #fff; }
#foot{border-top:1px solid #333;}
.login { color: #fff; }
.login-field input{ border:1px solid #000; } 
#clickit{ color: #666; }
#clickit a { color: #666; }
#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:#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 }


/* 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 */

/*  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 */


/* lightbox styles */
#vcomm_div{
    width:600px;
    margin:0 auto;
    padding:5px;
}
#vcomm_div{
    width:600px;
    margin:0 auto;
}
.vcomm_name{
    width:150px;
    padding:5px;
    border:1px solid #999;
    color:#fff;
    background:#666;
}
.vcomm_date{
    color:#ccc;
    font-size:9px;
}
.vcomm_msg{
    width:650px;
    background:#999;
    border:1px solid #ccc;
    padding:5px;
    color:#fff;
}


/* lb owner options top menu  */
#lb_owner_div{
    height:25px;
    background:#454545;
    border:1px solid #999;
}
.lb_title{
    float: left;
    height:21px;
    padding:4px 20px 0 5px;
    font-size:14px;
    font-weight: bold;
}
.lb_owner_option{
    float: left;
    height:19px;
    padding:6px 10px 0 10px;
    font-size:10px;
}
.lb_owner_option a{

}
.lb_owner_option a:hover{

}
#lb_owner_rem{
    width:400px;
    height:21px;
    padding:6px 10px 0 10px;
    font-size:10px;
}

#lb_owner{
    width:600px;
    margin:0 auto;
    padding:10px;

}
#lb_owner_comment{
    width:600px;
    padding:0;
}


.share-div{
    width:390px;
    height:28px;
    background-image: url(../../include/graphics/share-bg.gif);
    background-repeat: repeat-x;
}
.share-first{
    float:left;
    width:80px;
    height:22px;
    background-image: url(../../include/graphics/share-first.gif);
    background-repeat: no-repeat;
    color:#000;
    font-size: 10px;
    padding-top:6px;
    padding-left:3px;
}
.share-last{
    float:right;
    width:300px;
    height:28px;
    background-image: url(../../include/graphics/share-last.gif);
    background-repeat: no-repeat;
    background-position: right;
}
.share-last input{
    width:290px;
    height:14px;
    font-size:10px;
    margin-top:4px;
}
.lbemail-first{
    color: #333;
    font-size:10px;

}

/*]]>*/