/* 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{
	width:98%;
	border:1px solid #999;
}
.fsaddbaskettitle{
	background:#666;
	color:#fff;
	font-weight:bold;
	text-align:center;
}
.fsaddbasketval{
	background:#fff;
	color:#000;
	text-align:left;	
	font-weight:bold;
	border:1px solid #ccc;
}
.fsaddbasketoption{
	background:#ccc;
	color:#000;
	text-align:left;	
	border:0;
}
.fsaddbasketselected{
  	font-size:10px;
  	color:#000;
  	
}
.fsvalueddbox{
	font-size:10px;
	background-color:#666;
	color:white;
}
.bref{
    width:100px;
}
.bdescr{
    text-align:left;
}
.bprice{
    width:75px;
    text-align:right;
}
.tqty{
    
}
.bqty{
    width:50px;
    text-align:center;
    background-color:#ccc;
}
.bqty input{
    background-color:#666;
    color:#fff;
}


/* addtobasket icons */
#content .icons {
	position: absolute;
	z-index:2;
	margin:5px 0 0 5px;
	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:#ccc;
	color:#000;	
}
.basket_opttxt{
	font-size:10px;
	background:#fff;
	color:#666;	
}

/* 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;
	text-align:center;
}
#fs_lightbox img{
  	border:1px solid #fff;
}
#fs_lightbox_title{
	width:100%;
	font-size:14px;
	font-weight:bold;
	margin-top:10px;
	padding:0;
	text-align:center;
}
#fs_lightbox_link{
	width:100%;
	font-size:10px;
	color:#ccc;
	padding:0;
	text-align:center;
}


#content .lightboxicon_masonry {
	position: absolute;
	z-index:2;
	margin:8px 0 0 5px;
	border:0;
	padding:0;
        /* left:25px; */
}
#content .lightboxicon_masonry img {
	width:14px;
	height:14px;
	margin:0;
	border:0;
	padding:0;
}


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


/* G5 thumbnail list */
	ul#g5thumbs, ul#g5thumbs li{
		margin:0;padding:0;list-style:none;
	}
	ul#g5thumbs li{
		float:left;margin:0;padding:0;
	}
	ul#g5thumbs a{
		float:left;
		width:75px;
		height:75px;
		line-height:75px;
		overflow:hidden;
		position:relative;
		z-index:1;
	}
	ul#g5thumbs a img{
		float:left;
		position:absolute;
		top:-10px;
		left:-10px;
	}
	/* mouse over */
		ul#g5thumbs a:hover{
			overflow:visible;
			z-index:1000;
			border:none;
		}
		ul#g5thumbs a:hover img{
			border:1px solid #999;
			background:#fff;
			padding:2px;
		}
	/* // mouse over */

	/* clearing floats */
		ul#g5thumbs:after, li#g5thumbs:after{
			content:".";
			display:block;
			height:0;
			clear:both;
			visibility:hidden;
			}
		ul#g5thumbs, li#g5thumbs{
			display:block;
			}
		/*  \*/
		ul#g5thumbs, li#g5thumbs{
			min-height:1%;
			}
		* html ul#g5thumbs, * html li#g5thumbs{
			height:1%;
			}
	/* // clearing floats */
/* // thumbnail list */

/* LIGHTBOX STYLES */
.fslbclass{
    position:relative;
    width:150px;
    height:21px;
    background-image: url(../../include/graphics/fslb-qty.png);
    background-repeat: no-repeat;
    margin:0 auto;
    padding-bottom:40px;
}
#fslb_qty{
    float:right;
    width:40px;
    height:19px;
    padding-top:2px;
    padding-right:5px;
    color:black;
    text-align:right;
}
#fslb_hash_return{
    width:150px;
    height:21px;
    margin:0 auto 3px auto;
}

.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;

}

/* 
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*/      


/* ---- masonry items ---- */

.masonry .item {
  width:  75px;
  height: 40px;
  float: left;
  margin-bottom:5px;
}

.masonry .item img{
  border: 2px solid #000;
  
}

.masonry .item.w2 { width:  150px; }
.masonry .item.w3 { width:  225px; }
.masonry .item.w4 { width:  300px; }

.masonry .item.h2 { height:  80px; }
.masonry .item.h3 { height: 150px; }
.masonry .item.h4 { height: 160px; }



               
/* ---- fit width ---- */
#fit-width {
  border:0;
}
#fit-width .masonry {
  margin: 10px auto;
}


/* single image navigation & display */
.image_container{

}           
.transparent{
    opacity: 0.6;
}

.navigation{

    height:53px;
    position:absolute;
    margin-top:-53px;
    border-top:2px solid #ccc;
    background-color:#fff;
}

a.previous{
    float:left;
    background:#fff url(../../include/icons/prev.png) no-repeat center center;
    width:48px;
    height:48px;
}
a.next{
    float:right;
    background:#fff url(../../include/icons/next.png) no-repeat center center;
    width:48px;
    height:48px;
}

a.thumbs{
    position:absolute;
    background:#fff url(../../include/icons/thumbs.png) no-repeat center center;
    width:48px;
    height:48px;
}

.image_title{
    width:100%;
    height:30px;
    text-align: center;
    margin-top:10px;
}
.image_descr{
    width:100%;
    font-size: 12px;
    text-align: center;
    padding:5px;
}

ul.toolbar{
 position:absolute;
 width:500px;
 height:52px;
 margin:0px;
 padding:0px;
 background-color:#fff;
 border-bottom:2px solid #ccc;
 list-style-type:none;
}
ul.toolbar li{
 display:inline;
}
ul.toolbar li a{
 float:left;
 cursor:pointer;
 width:70px;
 height:52px;
 opacity: 0.6;
}
ul.toolbar li a:hover{
 opacity: 1.0;
}
a.shop{
 background:#fff url(../../include/icons/shopping_cart.png) no-repeat center center;
}