html, body {height: 100%; margin: 0; padding: 0; }
body {color: #3b3b3b; font: 0.75em/1.5 Arial, Helvetica, sans-serif, "Calibri"; }
/* typografy */
h1, h3 {line-height: 1.2;  }
h1 {font-size: 1.8em; margin-top: 0; margin-bottom: 0.55em; color: #F90;}
h3 {font-size: 1.1em; margin-top: 0.7em; margin-bottom: 0.7em; color:#006AC3 }

h1 a, h3 a {text-decoration: none; }
h1 a:hover, h3 a:hover,  {text-decoration: underline; }

p, address, table, fieldset {margin: 0; margin-bottom: 1.25em; }
address {font-style: normal; }

/* lists */
ul, ol {margin: 0; margin-bottom: 1.5em; margin-left: 13px; }
ol {padding-left: 1.0em;  }
li ul, li ol {margin-bottom: 1.0em; }

ul {list-style: none; padding-left: 0; margin-left: 13px; }
ul li li {background-position: -940px 7px; }

ol li {margin-bottom: 0.25em; }

ul.space li, ol.space li {margin-bottom: 0.75em; }

.no-bull>ul>li, ul.no-bull li {padding-left: 0; background: none; }


/* links */
a { color: #006f9f; outline: 0;}
a:hover, a:focus {text-decoration: none; }
a:visited {color: #009ee0; }
a.glossary {background-position: 100% -200px; }

cite {/*color: #000;*/ }
big {font-size: 1.2em; }
small {font-size: 0.9em; }

img {font-size: 1.0em; border: 0; }

hr {display: none; }
.spacer {height: 0; padding: 0; margin: -0.45em 0 1.8em 0; border: 0; border-top: solid 1px #d8d7d7; display: block; overflow: hidden; clear: both; }


/* tables */
th, td {vertical-align: baseline; padding: 2px 5px 1px 5px; }
th {text-align: left; }
th i {font-weight: normal; font-style: normal; }
thead th {text-align: center; }

table.right th, table.right td {text-align: right; }
table.center td, table.center td {text-align: center; }

.odd th, .odd td {background: #eee; }

tr.result th, tr.result td {font-size: 1.2em; }

.tbl-offset {position: relative; top: -5px; }

.left {text-align: left !important; }
.right {text-align: right !important; }
.center {text-align: center !important; }
.top {vertical-align: top;}

.fll {float: left !important; }
.flr {float: right !important; }
img.fll {margin: 3px 10px 10px 0; }
img.flr {margin: 3px 0 10px 10px; }

.cleaner {clear: both; display: block; }
hr.cleaner {font-size: 0; height: 0; margin: 0; background: none; border: 0;}

.clearfix:after {content: '.'; height: 0; visibility: hidden; display: block; clear: both; }

.spaceman {position: absolute; top: -3000px; left: -3000px; }
.nob {background: none !important; }
.nod {display: none;}

.bold {font-weight: bold; }
.big {font-size: 1.5em; }

.red {color: #cc0000; }
.green {color: #41a62a; }

/* layout
------------------------------------------- */
#page {width: 960px; min-height: 100%; margin: 0 auto; position: relative; background: #fff; }
#page-insert {padding-bottom: 10.5em; }


/* header
------------------------------------------- */
#header {height: 7.5em; min-height: 90px; padding: 0 230px 90px 200px; position: relative;  overflow: hidden; }


/* content
------------------------------------------- */
#center-box {}
#center-box:after {content: '.'; height: 0; visibility: hidden; display: block; clear: both; }

#content {width: 730px; min-height: 350px; padding: 10px 10px 110px 10px;  float: right; }
.no-sidebar #content {padding-bottom: 50px; }

/* column */
#col {width: 235px; position: relative; float: right; }



/* sidebar
------------------------------------------- */
#sidebar {width: 205px; overflow: hidden; }

#sidebar h3 {margin: 0; }

/* navigation bar */
#nav {position: absolute; top: 7.9em; left: 0; z-index: 5; }

#nav ul {list-style: none; width: 960px; min-height: 10px; padding: 0; margin: 0; overflow: hidden; }
#nav ul li {padding: 0; margin: 0; background: none; }
#nav ul>li {padding-right: 1px;  float: left; }
#nav ul>li:last-child, #nav ul>li.last-child {padding-right: 0; background: none; }

#nav ul>li>a {color: #fff; font-weight: bold; text-align: center; text-decoration: none; /* padding: 5px 20px 3px 20px; */ padding: 5px 0 3px 0;  border-top: solid 2px #cf1111; border-bottom: solid 2px #cf1111; display: block; white-space: nowrap; }
#nav ul>li>a:hover, #nav ul>li>a:focus, #nav ul>li.active>a, #nav>ul>li:hover>a { border-top-color: #a90d0d; border-bottom-color: #a90d0d; background-color: #a70101; background-position: 0 -100px; }

/* menu */
.menu h3 {color: #fff; font-size: 1.0em; padding: 3px 13px 4px 13px; background-color: #cc0000; border: solid 2px #cc0000; }
.menu>ul {margin-bottom: 5px !important; }
.menu ul, .menu li {padding: 0; margin: 0; }
.menu li { border-top: solid 1px #fff; display: block; }
.menu a {color: #000; text-decoration: none; padding: 4px 15px 5px 15px; background-color: #DCDCDC; display: block; }
.menu a:hover, .menu a:focus { text-decoration: underline; background-color: #708090; }


/* footer
------------------------------------------- */
#footer {font-size: 0.9em; width: 960px; height: -60.0em; position: absolute; bottom: 0; left: 0; background: #FF90; }
#footer-insert {padding: 15px 10px; padding-left: 200px; position: relative;  border-top: solid 1px #cc0000; overflow: auto; }

#footer ul {width: 134px; padding: 3px 0 3px 30px; margin: 0; margin-left: 20px; float: left; }
#footer li {padding: 0; margin-bottom: 0; background: none; }
#footer a {text-decoration: none; color: #000; }
#footer a:hover, #footer a:focus {text-decoration: underline; color: #000;  }

/* product detail
------------------------------------------- */
#text-box {width: 485px; float: left; }

#text-box p.label {margin-bottom: 0.5em; }

#text-box div.summary {padding: 5px; margin-bottom: 1.5em; background: #fff; border: solid 1px #d9d8d8; }
#text-box div.summary table {width: 488px; width: 473px; margin: 0; border-spacing: 0; }
#text-box div.summary th, #text-box div.summary td {padding: 2px 5px; }
#text-box div.summary tr.price th, #text-box div.summary tr.price td {line-height: 1.0; padding-top: 10px; padding-bottom: 10px; background: #eee; }
#text-box div.summary big {font-size: 1.7em; }
#text-box div.summary tr.price big b, #text-box div.summary tr.discount b {color: #cc0000; }
#text-box div.summary tr.notice td {background: #e1f3f5; border-top: solid 5px #fff; }

#text-box div.summary label {width: 15.0em; display: inline-block; }

#text-box div.box {padding-top: 5px; }
#text-box div.box h4 {padding: 6px 5px 5px 20px; margin: 0 -5px 10px -5px; background: #eee url('../gfx/ico_bull_3.gif') -3755px 10px no-repeat; }
#text-box div.box h4 span {font-weight: normal; }
#text-box div.box p.note {margin: 0; }

/* tabs - folder */
.tabs {width: 100%; min-height: 10px; padding: 0; margin: 0; position: relative; top: 1px; z-index: 2; overflow: hidden; clear: both; }
.tabs li {padding-left: 0; margin-right: 5px; margin-right: 5px; margin-bottom: 0; background: none; border: solid 1px #ccc; display: block; float: left; clear: right; }
.tabs li a {color: #3b3b3b; padding: 5px 10px; padding-left: 24px; background: #eee url('../gfx/ico_bull_3.gif') -4690px 10px no-repeat; display: block; }
.tabs li a, .tabs li a:hover, .tabs li a:focus {text-decoration: none; }
.tabs li a:hover, .tabs li a:focus {background-color: #000; background-position: -3750px 10px; }

.tabs li strong {font-weight: normal; }

.tabs li.active, .tabs li:hover {border-bottom-color: #fff; }
.tabs li.active a {background-color: #fff; background-position: -3750px 10px; }

.tabs li b {font-weight: normal; }

#folder {padding: 10px; margin-bottom: 10px; border: solid 1px #ccc; }

/* parameters */
.parameters {overflow: hidden; }
.parameters .dropdown {margin: 0; position: static; display: block; }
.parameters .dropdown a {position: absolute; bottom: 0; left: 0; }

#folder .overview  {width: 100%; border-spacing: 0; }
#folder .overview caption {font-size: 1.25em; font-weight: bold; text-align: left; margin-bottom: 0.25em; }
#folder .overview th {width: 200px; border-right: solid 5px #fff; }
#folder .overview th, .overview td {padding: 4px 10px 3px 10px; }


  
  #lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;