/* 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: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

/* gallery display styles */
.gallery_header{
	width:100%;
	text-align:left;
	border:0;
}
.gallery_header_title{
	font-size:14px;
	font-weight:bold;
}
.gallery_header_descr{
	font-size:12px;
}
/* image display 5 only (square grid) */
.gallery_grid_table{ 
	border:0;
}
/* gallery image display square grid style */
.gallery_grid_table td{
  padding:0;
  margin:0;
  background-position: center;
  background-repeat: no-repeat;
  width:60px;
  height:60px;

}
.gallery_grid_table td img{
  width:60px;
  height:60px;
  margin:0;
  border:0;
}


/* checkout styles - these are defined as generic - so don't change these unless realy needed */
.co_table{
	border: 1px solid #5F9EA0;
	background: #B9D3EE;
	padding:3px;
}
.co_title{
	background: #5F9EA0;
	color: #fff;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}
.co_info{
	background:#CAE1FF;
	color:#000;
	border:1px solid #fff;
	font-size:12px;
	text-align:center;
	padding:3px;
}
.co_text{
	color:#000;
	text-align:left;
	padding:3px;
}
.co_text a{
	color:blue;
}
.co_text a:hover{
	color:red;
	background:yellow;
}
.co_field{
	color:#000;
	text-align:left;	
	padding:3px;
}
.co_field input{
	background:#fff;
	color:#000;
	border:1px solid #000;
}
.co_button{
	color:#fff;
	text-align:left;
	padding:3px;
}
.co_button a{
	color:blue;
}
.co_button a:hover{
	color:red;
	background:yellow;
}
.co_link{
	background:#B0C4DE;
	border:1px solid #5F9EA0;
	color:#000;
	text-align:center;
	padding:3px;	
}
.co_link a{
	color:blue;
	display:block;
}
.co_link a:hover{
	color:red;
	background:yellow;
}



/* addtobasket.php styles */
.fsaddbasket{
	background:#cae1ff;
	text-align:left;	
}
.fsaddbasketinfo{
	color:#000;
	text-align:left;	
}
.fsaddbasketdiv{
	border:1px solid #999;
}
.fsaddbaskettitle{
	background:#5f9ea0;
	color:#fff;
	font-weight:bold;
	text-align:center;
}
.fsaddbasketval{
	background:#fff;
	color:#000;
	text-align:center;	
	border:1px solid #ccc;
}



/* addtobasket icons */
#content .icons {
	position: absolute;
	z-index:99;
	margin:0;
	border:0;
	padding:0;
}
#content .icons img {
	width:20px;
	height:20px;
	margin:0;
	border:0;
	padding:0;
}


/* basket display */
#basket_table{
	width:100%;
	border:0;
	color:#000;	
}
.basket_row1{
	background:#cae1ff;
	color:#000;	
}
.basket_row2{
	background:#b9d3ee;
	color:#000;	
}
.basket_image{
	width:160px;
	border:0;
	padding:0;
}
.basket_options{
	width:100%;
	color:#000;	
}
.basket_opt {
	font-size:10px;
	background:#fff;
	color:#000;	
}
/* option ref */
.basket_td1{
	width:50px;
	color:#000;	
}
/* option descr */
.basket_td2{
	width:200px;
	color:#000;	
}
/* unit price */
.basket_td3{
	width:60px;
	text-align:right;
	color:#000;	
}
/* qty */
.basket_td4{
	width:50px;
	text-align:center;
	color:#000;	
}
/* total option price */
.basket_td5{
	width:70px;
  	text-align:right;
  	color:#000;	
}
/* actions */
.basket_td6{
	width:70px;
	text-align:left;
	color:#000;	
}
/* header row - overide */
.basket_header{
	font-size:10px;
	font-weight:bold;
	background:#5f9ea0;
	color:#fff;
	text-align:center;
}

#basket_total{
    color:#000;	
}
.basket_totaltxt{
  	text-align:right;
	font-size:12px;
	font-weight:bold;
	color:#000;	
}
.basket_totalval{
  	text-align:right;
	font-size:12px;
	background:#ccc;  
	color:#000;	
}
.basket_saletxt{
  	text-align:right;
	font-size:12px;
	font-weight:bold;
	color:#fff;	
	background:#5f9ea0;
}
.basket_saleval{
  	text-align:right;
	font-size:12px;
	font-weight:bold;
	background:#ccc;  
	color:#000;
}


/* lightbox */
#fs_lightbox{
	width:100%;
	margin:0;
	padding:0;
	border-bottom:1px solid #ccc;
	text-align:center;
}
#fs_lightbox img{
  	border:1px solid #fff;
}
#fs_lightbox_title{
	width:100%;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	margin-top:10px;
	padding:0;
	text-align:center;
}
#fs_lightbox_link{
	width:100%;
	font-size:10px;
	color:#ccc;
	padding:0;
	text-align:center;
}




/* popup link text style */
.popup
{
   position:absolute; 
   left:0; top:20px; 
   width:200px;
   border:1px dashed #f93;
   background:#ff9;
   padding:5px;
   color:#000;
   font-family:Arial;
   font-size:10pt;
   text-align:left;
   z-index:2;
   visibility:hidden;
}
/* popup icon text style */
.popupicon
{
   position:absolute; 
   left:0; top:30px; 
   width:200px;
   border:1px dashed #f93;
   background:#ff9;
   padding:5px;
   color:#000;
   font-family:Arial;
   font-size:10pt;
   text-align:left;
   z-index:2;
   visibility:hidden;
}

a.glossary
{
   color: #00f;
   border-bottom: 1px dotted #00f;
   text-decoration: none
}

/* message box style */
.msg_info{
	border:1px dashed #f93;
	padding:5px;
	margin:5px;
	background:#ff9;
    font-family:Arial;
    font-size:10pt;	
    color:#000;
}
.msg_info a{
	color:blue;
}
.msg_alert{
	border:2px dashed #f00;
	padding:5px;
	margin:5px;
	background:#ff6;
    font-family:Arial;
    font-size:10pt;	
    color:#000;
}
.msg_error{
	border:3px solid #f00;
	padding:5px;
	margin:5px;
	background:#ff3;
    font-family:Arial;
    font-size:10pt;	
    color:#f00;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background: #fff;
padding: 2px;
left: -1000px;
border: 1px solid #000;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -200px;
left: 0; /*position where enlarged image should offset horizontally */

}

/* validation error messages */
.error_strings{ 
	padding:5px;
    font-family:Arial;
    font-size:12pt;	
    color:#f00;
}


/* search field styles */
#fs_search_wrapper{
	border:0;
}
#fs_search{
	margin:0 auto;  /*use this to center search box */
	/*float: right;  use this to right align search box */
	padding:3px;
	border:1px solid #ccc;
}
#fs_search_txt{
	text-align:right;
	font-size:10px;
	color:#fff;
}
#fs_search_txt a{
	color:#fff;
}
#fs_search_field{
	text-align:left;
}
#fs_search_field input {
    font-size: 10px;
	background: #fff;
	border:1px solid #000;
}
#fs_search_btn{
	text-align:left;
}


/* index styles */
.fsindex{
	list-style: none;
	margin: 0;
    padding-left: 20px;
}



#fsnav{list-style: none;}

#fsnav ul {
     padding: 0;
     margin:0;
     list-style: none;
     width:12em;
     z-index:99;
     position:relative;
     overflow:visible;
}

#fsnav li {
     margin:0;
     position: relative;
     float:left;
     width: 20px;
     background-color:#000;
     border:0;
     display:block;
     height:auto;
     font-size:14px;
     text-align:center;
     padding: 0.1em;
}

#fsnav ul li{ border-width:1px 1px 0 0; width: 200px; }

#fsnav ul ul li{ border-width:1px 1px 0 1px;}

#fsnav ul ul li:last-child{border-bottom:1px solid #CCC;}

#fsnav a {
     text-decoration:none;
     display:block;
     padding: 0.1em;
     margin:0.2em 0 0.2em 0.1em;
     width:11.5em;
     height:1em;
     text-align:left;
}

#fsnav a:hover, #fsnav li:hover{
     background-color:#fff;
     color:#000;
}
#fsnav ul li:hover, #fsnav ul li a:hover{
     background-color:#fff;
     color:#000;
}

#fsnav ul{
     display:none;
}

/*all see this */
#fsnav ul ul{
     display:none;
     position:absolute;
     margin-top:-1.8em;
     margin-left:12em;
}

/* non-IE browsers see this */
#fsnav ul li>ul, #fsnav ul ul li>ul{
     margin-top:-1.4em;
}

#fsnav li:hover ul ul, #fsnav li:hover ul ul ul, #fsnav li:hover ul ul ul ul, #fsnav li:hover ul ul ul ul ul{
     display:none;
}

#fsnav li:hover ul, #fsnav ul li:hover ul, #fsnav ul ul li:hover ul, #fsnav ul ul ul li:hover ul, #fsnav ul ul ul ul li:hover ul{
     display:block;
}

li>ul {
     top: auto;
     left: auto;
}