body
{
	background-color: #ddd;
	margin: 10px;
	height: 100%;
/*	text-align: center; */
}
/* start structure of page */
#container {
	position: relative;
	margin: 0 auto;
	width: 606px;
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Trebuchet MS 'Trebuchet MS',Verdana,sans-serif */
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	color: #333;
	line-height: 16px;
}

#menu {
	clear: both;
	background-color: #ddd;
	margin-left: 9px;
	font-size: 11px;
	text-align: left;
}
/*
#menu ul li:first-child a:hover {
    background-color: #ddd;
}

#menu ul li:first-child a:hover span {
    background-color: #fff;
    color: #f00;
    border-color: #f00;
}
*/
#tail {
	color: #a0a0a0;
	padding: 10px 0px 10px 10px;
	margin-top: 10px;
}

#footer {
	float: inherit;
	position: relative;
	margin-top: 4px;
	text-align: center;
	color: #999;
}
#footer a {
	font-weight: normal;
	color: #999;
}
#footer a:hover {
	color: #fff;
}

#maintable {
	float: inherit;
	clear: both;
	background-color: #ddd;
	padding: 0px;
	margin: 3px 0px 0px;
	width: 100%;
	border-collapse: collapse;
	-moz-box-shadow: 0px 1px 2px #666;
	-webkit-box-shadow: 0px 1px 2px #666;
	box-shadow: 0px 1px 2px #666;
}

#maintable td.quad {
	background-color: #fff;
	width: 300px;
	height: 300px;
	padding: 0px;
	vertical-align: bottom;
	text-decoration: none;
	border: 2px solid #ddd;
}
/*
margin: top+bottom | left+right
margin: top right bottom left
*/
.qd { /* all div quads of this class are constrained */
	margin: 10px 10px 10px 10px;
}

#qd_UL { /* upper left quad */
	line-height: 6px; 
	height: 100%;
}

#qd_UL img { 
	width: 100%;
	height: 100%;
}

#qd_BR_txt {
	line-height: 16px;
}

#qd_BR {
	overflow: hidden;
	line-height: 6px; 
	height: 100%;
	width: 100%;
	border: 0;
}

#qd_BL {
 	overflow: hidden;
}

/* end structure of page */

/* slideshow elements */

#slides {
	height:300px;
	width: 300px;
}
.slide-show {
	position: relative;
}
.slide-show .slide {
	display: none;
	position:absolute
}
.slide-show .slide.first, .slide img {
	display: block;
}

.slide_caption {
	position: absolute;
/*	width: 100%; */
	bottom: 10px;
	left: 10px;
	padding: 1px 2px 1px 2px;
	margin-right: 10px;
	background-color: white;
	text-align: left;
	line-height: 10px;
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	filter:alpha(opacity=60)
}

/* start itemgrid styling */

.hidden {
	display: none;
}
/* New grid based on DIVs*/
.grid {
	float: left;
	position: relative;
	width: 74px;
	height: 74px;
	border-top: 0 solid #00d;
	border-left: 0;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin: 0;
	padding: 0;
}

.pagination {
	position: absolute;
	bottom: 10px;
	width: 100%;
	text-align: right;
}

#qd_BR img {
	width: 100%;
	height: 100%;
	border: 0;
	vertical-align: middle;
}

#first_item {
   width: 149px;
   height: 149px;
}
/* end itemgrid styling */

/* start stockTable styling */

#ajax_data, #ajax_data_img, .meta_data, .prod_images {
	display: none;
}

#prod_stockitems {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.stockTable_head {
	background-color: #fff;
	padding: 0px;
	margin: 3px 0px 3px 1px;
	width: 100%;
	border-collapse: collapse;
	border: 0px;
	cursor: pointer;
}

.stockTable {
	display: none;
	background-color: #fff;
	padding: 0px;
	margin: 3px 0px 3px 1px;
	width: 100%;
	border-collapse: collapse;
	border: 0px;
}

.stockTable_head td {
	padding: 3px 2px 1px 1px;
	border-bottom: 1px solid #ddd;
}

.stockTable td {
	padding: 2px 2px 1px 1px;
	border-bottom: 1px solid #ddd;
	vertical-align: top;
}

.stockTable_head td.col_first {
	width: 12px;
}

.stockTable_head td.col_last {
	background: transparent url("../images/arrow-e.png") no-repeat center;
	width: 10px;
}
.highlight {
	background-color: #f6f6f6;
}
.stockTable td:first-child {
	width: 50px;
}
.stockTable_head td.col_color {
	width: 65px;
}
.stockTable_head td.col_material {
	width: 100px;
}
.stockTable_head td.col_price {
/*	width: 60px; */
}
.stockTable_head td.col_last.row_over {
	background-image: url("../images/arrow-n.png");
}

/* end stockTable styling */

/* start div layer styling */
#progressIndicator {
	display: none;
	border: 1px;
	position: absolute; 
	left: 293px; 
	top: 312px; 
	border-style: solid;
	border-color: #ddd;
	background-color: white; 
	padding: 1px;
	font-size: 11px;
	line-height: 6px;
	z-index: 10000;
}

#label {
	display: block;
/*	width: 100px; */
	border: 1px solid #ddd;
	position: absolute; 
	left: 308px; 
	top: 453px; 
	background-color: rgba(255, 255, 255, 0.7); 
	padding: 1px 2px 2px 2px;
	line-height: 10px;
}

#map {
	width: 300px;
	height: 300px;
	position: relative;
	z-index: 0;
}

.ad {
	display: none; 
	position: absolute;
	left: 2px; 
	top: 112px;
	height: 330px;
	width: 516px;
	padding: 40px;
	font-size: 11px;
	background-color: white;
	opacity:  0.85;
}

#ad_eng ad_nl {
	display: none;
}

/* end div layer styling */


/* start styling */
p {
	margin: 0px;
}

h1 {
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
	letter-spacing: 1px;
	font-family: Arial, Helvetica, sans-serif;
/*	text-transform: lowercase;   capitalize */
}

h2 {
	font-size: 11px;
	font-weight: normal;
	margin: 0px;
	letter-spacing: 1px;
}

h3 {
	font-weight: normal;
	margin: 3px 0px 1px 0px;
}

h4 {
	font-size: 9px;
	font-weight: bold;
	margin: 8px 0px 1px 0px;
}

h5 {
	font-size: 9px;
	font-weight: normal;
	margin: 0px;
	letter-spacing: 1px;
}
.list-square {
	list-style: square;
	color: #ddd;
	padding-left: 15px;
}

.small {
	font-size: 10px;
}

.quote {
	font-style: italic;
}

.wide {
	font-size: 11px;
	letter-spacing: 3px;
}

.subline {
	color: #777;
	line-height: 14px;
}

.strike-through
{
	text-decoration: line-through;
}

.action, .sale {
	font-size: 8px;
	color: #fff;
	background: #f00;
	padding: 0px 2px 0px 2px;
}

.arrow-e { /* used in span */
	background: transparent url("../images/arrow-e.png") no-repeat center;
	margin: 0;
	padding: 0 9px 0 1px;
/*	width: 10px; */
}

.arrow-w { /* used in span */
	background: transparent url("../images/arrow-w.png") no-repeat center;
	margin: 0;
	padding: 0px 1px 0px 9px;
}

.partner {
	border: 0px;
}

a:link{ 
	color: #333;
/*	background-color: #eee; */
	font-weight: normal;
	text-decoration: underline;
	cursor: default;
}

a:visited {
	color: #333;
/*	background-color: #eee; */
	text-decoration: underline;
}

a:hover {
	color: #fff;
	background-color: #f00;
	cursor: pointer;
}

a:active {
	color: #000;
}
/* forms */
select, input, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal; 
	font-weight: normal; 
	text-decoration: none; 	
	color: #000;
	border:1px solid #ddd;
   }
/* end styling */

/* menu css stuff start */

#menu18 a {
	color: #fff;
	background-color: #f00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
/*	padding: 2px 1px 1px 4px; */
	border: 1px solid white;
	letter-spacing: 2px;
}

#menu18 a:hover {
	color: red;
	background-color: white;
	border: 1px solid red;
}

/* === structure === */
#colofon {
	float: left;
	width: 12em;
}
#tail_list a { display:block;text-decoration:none; color:#a0a0a0;}
#tail_list a:hover {color:#fff;background-color:#a0a0a0}
#tail_list ul {padding:0;margin:0;list-style-type:none;}
/*#tail_list ul ul {width:7em;} */
#tail_list ul li {float:left;width:6.9em;}
#tail_list li {padding:1px 3px 1px 3px;letter-spacing: 1px;line-height: 12px;border-left: 1px dotted #ccc;}
#tail_list ul ul li { width:7em;position:relative;top:14px;padding-left:0;letter-spacing: 0px;line-height: 16px;border-left: 0;}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop3.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* style the outer div to give it width */
#menu {padding:0;}

/* remove all the bullets, borders and padding from the default list styling ae edit*/
#menu ul {padding:0;margin:0;list-style-type:none; line-height:16px; background:#ddd;}

/* style the sub-level lists */
#menu ul ul {width:10em; z-index: 10000;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon ae edit*/
#menu ul li {float:left;line-height:16px;z-index:10000;}

/* #menu ul.topnav li:first-child a {background:#dd0;} */

/* style the sub level list items */
#menu ul ul li {display:block;width:10em;position:relative;line-height:16px;	z-index: 10000;}

/* style the links for the top level */
#menu a, #menu a:visited {display:block;float:left;text-decoration:none;color:#333;background:#ddd;padding:1px 6px 1px 6px;letter-spacing: 2px;border-left: 1px dotted #ccc;}

/* style the sub (= second) level links */
#menu ul ul a, #menu ul ul a:visited {display:block;background:#f9f9f9; color:#333;width:11em;line-height:18px;letter-spacing: 0px;text-transform: lowercase;border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}

/* ae_
#menu ul table ul a, #menu ul table ul a:visited  {width:14em; w\idth:12em;}


/* style the table so that it takes no part in the layout - required for IE to work 
#menu table {position:absolute; left:0; top:0; font-size:1em; z-index:-1;}
#menu ul ul table {lef\t:-1px;}
#menu ul ul table ul.left {margin-lef\t:2px;}
*/

#menu li:hover {position:relative;}
* html #menu a:hover {position:relative;}

/* ae_ style the third level background 
#menu ul ul ul a, #menu ul ul ul a:visited {background:#ccc;}
/* style the fourth level background 
#menu ul ul ul ul a, #menu ul ul ul ul a:visited {background:#ddd;}
/* style the sub level 1 background 
#menu ul :hover a.sub1 {background:#ccc;}
/* style the sub level 2 background 
#menu ul ul :hover a.sub2 {background:#ddd;}
*/

/* style the level hovers */
/* first */
#menu a:hover {color:#fff;background:#f00;letter-spacing: 2px;}
#menu :hover > a {color:#fff;background:#f00;letter-spacing: 2px;}
/* second */
#menu ul ul a:hover{color:#fff;background:#f00;letter-spacing: 0px;}
#menu ul ul :hover > a {color:#fff;background:#f00;letter-spacing: 0px;}

/* ae_ third 
#menu ul ul ul a:hover {background:#ddd;}
#menu ul ul ul :hover > a {background:#ddd;}
/* fourth 
#menu ul ul ul ul a:hover {background:#eee;}
*/

/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu ul ul {visibility:hidden;position:absolute;height:0;top:18px;left:0;width:12em;}

/* ae_ position the third level flyout menu 
#menu ul ul ul{left:14em;top:0;width:14em;}

/* position the third level flyout menu for a left flyout 
#menu ul ul ul.left {left:-14em;}
*/

/* make the second level visible when hover on first level list OR link */
#menu ul li:hover ul, #menu ul a:hover ul {visibility:visible; height:auto; padding-bottom:3em; background:transparent;} /* url(../images/trans.gif)*/

/* ae_ keep the third level hidden when you hover on first level list OR link 
#menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link 
#menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link 
#menu ul :hover ul :hover ul{visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link 
#menu ul :hover ul :hover ul :hover ul {visibility:visible;}
*/


/* menu css stuff end */