* {
	margin:0;
	padding:0;
}

body {
	background:#fff;
	padding:0 0 20px 0;
	font:normal 12px Trebuchet MS, "Century Gothic", "Avantgarde", arial, sans-serif;
}
a:link {
  color:#b7981d;
  text-decoration:none;
}
a:visited {
  color:#b7981d; 
  text-decoration:none;
}
a:hover {
  color:#b7981d;
  text-decoration:underline;
}

h3 {
	color:#ffcc00;
}

h4 {
	margin: 0px 0px 5px 0px;
	padding: 5px 0px 3px 0px;
	border-bottom:1px solid #ccc;
}

#container {
	position:relative;
	width:943px;
	left:11%;
	margin-left:-120px;
	overflow:auto;
	z-index:100;
}

#mainContainer {
	float:left;
	width:781px;
	background:#fff url(images/background.gif) repeat-y center;
}

#header {
	position:relative;
	width:775px;
	height:260px;
	margin:0 auto;
	background:url(images/bcHeader.jpg) no-repeat right;
}

##header {
	top:-9px;
}

#name {
	position:relative;
	top:41px;
	left:60px;
	width:350px;
	height:30px;
	font-size:30px;
	color:#6a6a6a;
}

#logo {
	position:relative;
	left:600px;
	top:0px;
	width:140px;
	height:100px;
}

#customerLogin {
	position:absolute;
	right:20px;
	top:5px;
	height:20px;
	font-size:10px;
	text-align:right;
}

#customerBasket {
	position:relative;
	left:500px;
	top:0px;
	width:250px;
	height:100px;
	font-size:10px;
}

##customerBasket {
	top:5px;
}

#headerNav {
	position:relative;
	top:0px;
	left:30px;
	width:700px;
	height:20px;
}

#main {
	width:700px;
  margin:0 auto;
  padding:0;
  text-align:left;
}

#leftColumn {
	width:150px;
	float:left;
}

#content {
	width:520px;
	float:right;
	border:1px solid #ccc;
	padding:10px;
}

##middleimg {
	width:200px;
} {* ie6 hack *}

#rightContainer {
	float:right;
	width:152px;
}

#rightColumn {
	position:relative;
	top:220px;
	width:150px;
}

#footer {
	clear:both;
	margin-left:3px;
	text-align:center;
	background:url(images/footer.gif) no-repeat;
}

#leftHeader {
	position:absolute;
	top:0px;
	width:26px;
	height:86px;
	background:url(images/leftHeader.jpg) no-repeat;
}

#rightHeader {
	position:absolute;
	top:0px;
	right:0px;
	width:39%;
	height:203px;
	background:url(images/rightHeader.gif) repeat;
}

ul { list-style-type:none; }

img { border:0px; }

form {  }
.smallInput { width:40px; }
.mediumInput { width:80px; }

#customerLogin input { font-size:10px; height: 12px; }

{* shop style *}
.errorBox { background-color:#ccc; color:red; }
.productOldPrice { color:red; text-decoration:line-through; }



	#hidden_img { position:relative; top:10px; width:400px; background-color:#fff; margin-bottom: 20px;}

	#hidden_img a.small, #hidden_img a.small:visited { width:100px; height:66px; text-decoration:none; background:#fff; top:0; left:0; border:0;}

	#hidden_img a img {border: 1px solid #333;}

	#hidden_img a.small:hover {text-decoration:none; background-color:#ffffff; color:#000;}

	#hidden_img a .large, #hidden_img a .large_bau {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}

	

	#hidden_img a.small:hover .large {

		display:block; 

		position:absolute; 

		top: -185px; 

		width: 500px; 

		height: 500px; 

		border-top: 120px solid #fff;

	}

#smallFoto {
	float: left;
	margin-left: 5px;
}

.thumbnail{
position: relative;
z-index: 0;
}

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

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
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: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}