/******************************************************************************
* Site-wide stuff
******************************************************************************/
body {
	margin: 0;
	background-color: #000;
	background-image: url('bin/BG2.jpg');
	background-repeat: repeat-y;
	color: #fff;
	font-family: Calibri;
	font-size: small;
}
div#Header img {
	position: fixed;
	left: 0px;
	top: 0px;
}
div#Main {
	position: absolute;
	width: auto;
	height: auto;
	z-index: 1;
	left: 100px;
	top: 200px;
	color: #EEEEEE;
}
.arrow.small img {
	width: 25px;
	height: 25px;
}
.greyfont {
	color: darkgrey
}
.maincat {
	display: none;
	color: #000;
	background: rgba(240,240,240,0.5);
	padding: 10px;
	border: thin #C0C0C0 solid;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0px 0px 10px #0f0;
	-moz-box-shadow: 0px 0px 10px #0f0;
	box-shadow: 0px 0px 10px #0f0;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
a {border: 0 none; outline: 0 none; color: #FFFFFF; text-decoration: none;}
a:hover {text-decoration: underline;}
a img {border: 0 none; outline: 0 none;}
.preview {height: 75px;}
.pic {width: 450px;}
.linkstyle {cursor: pointer}
div#popup_Turbo {
	display: none;
	width: auto;
	height: auto;
}
table.popup {
	width: 100%;
	color: #000000;
	vertical-align: middle;
	border-collapse: collapse;
}
table.popup td {
	padding: 0 0 0 5px;
	border: 1px white solid;
}

/******************************************************************************
* Product Sub Category page
******************************************************************************/
table.subcat {width: 100%; border: 0;}
table.subcat th {color: #FFDE03; font-style: italic; font-weight: normal; width: 60px; text-align: left; vertical-align: top;}
table.subcat th.prod-title {font-size: 14px; color: #BBBBBB; text-align: left; padding-left: 10px; vertical-align: middle; border-bottom: 1px solid #BBBBBB;}
table.subcat th.prod-title a {color: #BBBBBB; text-decoration: none;}
table.subcat th.prod-title a:hover {text-decoration: underline;}
table.subcat tr.prod-main       td {padding-left: 10px; cursor: pointer;}
table.subcat tr.prod-main:hover td {background-color: #BBBBBB; color: #FEFEFE;}
table.subcat tr.prod-selected   td {background-color: #BBBBBB; color: #FEFEFE;}
table.subcat tr.prod-detail {display: none;}
table.subcat tr.prod-detail td.prod-detail-main {border: 1px solid #BBBBBB;}
table.subcat tr.prod-detail div.prod-detail-div {display: none; margin: 5px 10px 5px 10px; width: auto;}
.maincat a {color: #000000;}


/******************************************************************************
* popup
******************************************************************************/
kbd {
 padding: 0.1em 0.6em;
 border: 1px solid #ccc;
 font-size: 11px;
 font-family: Arial,Helvetica,sans-serif;
 background-color: #f7f7f7;
 color: #444;
 -moz-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2),0 0 0 2px #ffffff inset;
 -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2),0 0 0 2px #ffffff inset;
 box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2),0 0 0 2px #ffffff inset;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 text-shadow: 0 1px 0 #fff;
 line-height: 1.4;
 white-space: nowrap;
}
#pup {
  position: absolute;
  z-index: 2000;
  padding: 3px;
  margin-left: 10px;
  margin-top: 5px;
  width: 450px;
  height: auto;
  border: thin #C0C0C0 solid;
  background-color: #FFF;
}

/******************************************************************************
* LightBox
******************************************************************************/
#fade { /*--Transparent background layer of Lightbox--*/
	display: none; /*--hidden by default--*/
	background: #FFF;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block { /*--Lightbox--*/
	display: none; /*--hidden by default--*/
	background: #fff;
	padding: 20px;
	border: 20px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 31000;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right;
	margin: -55px -55px 0 0;
}

/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}
/* Screenshot thumbnails */
.ImgThumb {background: url("LightBoxGallery/data/thumbnails1/ImgThumb.png") no-repeat; width: 160px; height: 120px;}
.ImgThumb.T1 {background-position: 0 0;}
.ImgThumb.T2 {background-position: -160px 0;}
.ImgThumb.T3 {background-position: -320px 0;}
.ImgThumb.T4 {background-position: -480px 0;}
.ImgThumb.T5 {background-position: -640px 0;}
.ImgThumb.T6 {background-position: -800px 0;}