@import url("detail_category.css");
@import url("newsletter.css");
@import url("textstyles.css");
@import url("search.css");
@import url("forms.css");
@import url("hpteaser-designer.css");
@import url("checkout.css");

@media all{


/*****************
 * RESET
 *****************/

* { margin: 0; padding: 0; }
fieldset, img { border: 0; }
abbr, acronym { border: 0; font-variant: normal; }
p{

}

/*****************
 * HACKS & HELPERS
 *****************/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.ie .clearfix {	zoom:1; }
.ie6 .gainlayout { height: 1%; clear: both; }

.skip {
	position: absolute;
	top: -100000px !important;
	left: -100000px !important;
	font-size: 1px;
}

.fl { float:left; }
.fr { float:right; }
.pr { position: relative; }
.nml { margin-left: 0 !important; }
.clear { clear:both; }

#ttip {
	border: 1px solid #cecece !important;
	background-color: #fff !important;
	padding: 3px 5px !important;
	box-shadow: 2px 2px 3px #aaa !important;
	-moz-box-shadow: 2px 2px 3px #aaa !important;
	-webkit-box-shadow: 2px 2px 3px #aaa !important;
	font-size: 1em !important;
	color: #8a8a8a !important;
	max-width: 180px;
}


/*****************
 * BASICS
 *****************/

html {
	overflow-y: scroll;
}
body {
	color: #4c4740;
	background-color: #bab9b6; /* #fbfaf7 */
	/*font-size: 63%; /* 62.5% => 1em = 10px */
	
}



/*****************
 * LAYOUT
 *****************/

#pagewrap, .pagewrap {
	position: relative;
	width: 945px;
	margin: 0 auto;
}
#contentwrap {
	position: relative;
	z-index: 1;
	background-color: #fbfaf7;
	padding: 20px 0;}


/*****************
 * FORMS
 *****************/

textarea.std, input.std, .filloutform textarea, .filloutform input,.filloutform select{
	background-color: #fff;
	border-color: #8f8f8f #e4e4e4 #e4e4e4 #8f8f8f;
	border-style: solid;
	border-width: 1px;
	color: #4a4a4a;
	padding: 1px 0 2px 2px;
	font-size: 1em;
	font-family: inherit;
}
textarea.std.faded, input.std.faded {
	color: #7f7f7f;
}


/*****************
 * HEADER / FOOTER
 *****************/

#header {
	position: relative;
	z-index: 11;
	height: 100px;
	font-size: 1.1em;
	color: #fff;
	background: #bab9b6 url(../../img/border_header.gif) repeat-x bottom left;
}
	
	#header #logo {
		position: absolute;
		top: 13px;
		left: 0;
	}

	#header #logosub {
		position: absolute;
		top: 78px;
		left: 62px;
	}

	#header #shopping-bag {
		position: absolute;
		top: 40px;
		right: 20px;
	}

	#header fieldset,
	#footer fieldset {
		position: absolute;
		top: 9px;
		right: 180px;
		width: 185px;
	}
	#footer fieldset {
		top: 13px;
		left: 10px;
		width: 190px;
		/* Newsletter ausblenden*/
		/* display:none; */
	}
		#footer fieldset label {
			float: left;
			padding: 2px 5px 0 0;
		}
		#header fieldset input.std{
			float: left;
			width: 125px;
		}
		#footer fieldset input.std {
			float: left;
			width: 80px;
			margin-right:4px;
		}
		#header fieldset input.submit,
		#footer fieldset input.submit {
			float: left;
			margin: -2px 0 0 4px;
		}

	#header ul.metanav {
		position: absolute;
		top: 7px;
		left: 200px;
	}
		ul.metanav li {
			list-style-type: none;
			float: left;
		}
		#header ul.metanav li {
			background-image: url(../../img/metanav.png);
			background-repeat: no-repeat;
			background-position: right 6px;
		}
		ul.metanav li.first,
		ul.metanav li.last {
			background: 0 none !important;
		}

		/* #header ul.metanav li>a, */
		#header ul.metanav li a.meta {
			color: #fff;
		}

		#header ul.metanav li a,
		#header ul.metanav li em {
			position: relative;
			display: block;
			padding: 3px 7px 4px 7px; 
			margin: 1px 1px 0 1px;
			border-bottom: 0 none !important;
			z-index: 20;
			font-style: normal;
			outline: 0 none;
			height: 14px;
		}
		.ie6 #header ul.metanav li a,
		.ie6 #header ul.metanav li em {
			display: inline-block;
		}
		#header ul.metanav li a.hover {
			margin: 0;
			border: 1px solid #cecece;
			background-color: #fff;
		}
		.ie6 #header ul.metanav li a.hover {
			left: -1px;
		} 
		#header ul.metanav li a.drop {
			background-image: url(../../img/metanav.png);
			background-repeat: no-repeat;
			background-position: right -14px;
			padding-right: 18px ;
		}

		/* #header ul.metanav li>a:hover,
		#header ul.metanav li>a:focus,
		#header ul.metanav li>a:active,
		#header ul.metanav li>a.hover */
		#header ul.metanav li a.meta:hover,
		#header ul.metanav li a.meta:focus,
		#header ul.metanav li a.meta:active,
		#header ul.metanav li a.meta.hover {
			color: #4c4740;
			background-position: right -30px;
		}

		#header ul.metanav li strong.country {
			position: relative;
			float: left;
			margin-right: 6px;
			width: 18px;
			height: 15px;
			overflow: hidden;
		}
		#header ul.metanav li strong.country img {
			position: absolute;
		}
		#header ul.metanav li strong.uk img {
			top: 0;
		}
		#header ul.metanav li strong.us img {
			top: -25px;
		}
		#header ul.metanav li strong.cn img {
			top: -50px;
		}

	#header ul.metanav li div.dropMenu {
		display: none;
		position: absolute;
		top: 21px;
		border: 1px solid #cecece;
		background-color: #fff;
		width: 190px;
		padding: 10px;
		z-index: 11;
		box-shadow: 2px 2px 3px #bbb; /* ddd */
		-moz-box-shadow: 2px 2px 3px #bbb;
		-webkit-box-shadow: 2px 2px 3px #bbb;
	}
	.ie6 #header ul.metanav li div.dropMenu {
		left: -1px;
		top: 22px;
	}

	#header ul.metanav li div.langselect {
		font-size: 1em;
		padding: 15px 15px 0 15px;
		width: 260px;
	}
		#header ul.metanav li div.langselect p {
			margin-bottom: 15px;
			color: #4c4740;
		}
		#header ul.metanav li div.langselect div.shops,
		#header ul.metanav li div.langselect div.catalogues {
			float: left;
			width: 110px;
			margin-top: 0;
			margin-bottom: 15px;
		}
		#header ul.metanav li div.langselect div.catalogues {
			border-left: 1px solid #cccac8;
			padding-left: 10px;
		}
			#header ul.metanav li div.langselect div.shops img,
			#header ul.metanav li div.langselect div.catalogues img {
				margin-bottom: 10px;
			}
			#header ul.metanav li div.langselect div.countries a {
				background: transparent url(../../img/countries.png) no-repeat 0 3px;
				padding-left: 22px;
				margin-left: -1px;
			}
			#header ul.metanav li div.langselect div.countries a.uk {
				background-position: 0 3px;
			}
			#header ul.metanav li div.langselect div.countries a.us {
				background-position: 0 -22px;
			}
			#header ul.metanav li div.langselect div.countries a.cn {
				background-position: 0 -47px;
			}
			#header ul.metanav li div.langselect div.countries a.de {
				background-position: 0 -72px;
			}
			#header ul.metanav li div.langselect div.countries a.other {
				background-position: 0 -97px;
			}

	#header ul.account {
		left: 756px;
	}

#footer {
	margin: 0;
	background: #bab9b6 url(../../img/border_footer.gif) repeat-x top left;
	font-size: 1.1em;
	color: #fff;
}
#footer .pagewrap {
	padding: 15px 0 25px 0;
}
	#footer ul {
		margin-bottom: 15px;
		/*margin-left: 250px;*/
		margin-left: 210px;
	}
		#footer ul.metanav li {
			padding: 0 2px 1px 12px;
			background: transparent url(../../img/metanav.png) no-repeat -6px 2px;
		}
		#footer ul.metanav li.first {
			padding-left: 0;
		}
	#footer p {
		width: 650px;
		margin-top: 8px;
		/*margin-left: 250px;*/
		margin-left: 210px;
		font-size: .9em;
		line-height: 1.4em;
	}
	#footer a {
		color: #fff;
	}
	#footer a:hover,
	#footer a:focus,
	#footer a:active {
		color: #4c4740;
	}

	#footer #facebook {
		position: absolute;
		top: 10px;
		right: 35px;
	}
	#footer #twitter {
		position: absolute;
		top: 10px;
		right: 5px;
	}


.ie6 #header ul.metanav li,
.ie6 #header ul.metanav li strong.country,
.ie6 #header ul.metanav li a.drop,
.ie6 #footer ul.metanav li {
	background-image: url(../../img/metanav.gif);
}


/*****************
 * MAIN-NAVIGATION
 *****************/

#mainnav {
	position: relative;
	margin: 0 0 4px 199px;
	z-index: 10;
}
	#mainnav li {
		position: relative;
		list-style-type: none;
		float: left;
		margin-right: 5px;
	}
		#mainnav li a,
		#mainnav li em {
			position: relative;
			display: block;
			height: 13px;
			overflow: hidden;
			padding: 10px; 
			margin: 1px 1px 0 1px;
			border-bottom: 0 none !important;
			z-index: 10;
		}
		.ie6 #mainnav li a,
		.ie6 #mainnav li em {
			display: inline-block;
		}
		#mainnav li a.hover {
			margin: 0;
			border: 1px solid #cecece;
			background-color: #fff;
		}
		.ie6 #mainnav li a.hover {
			left: -1px;
		}
		#mainnav li img {
			position: relative;
			top: -6px;
		}		
		#mainnav li a:hover img, #mainnav li a:active img, #mainnav li a:focus img, #mainnav li.active img, #mainnav li a.hover img {
			top: -53px;
			zoom: 1;
		}
		
		#mainnav.navcn li img {
			position: relative;
			top: -6px;
		}		
		#mainnav.navcn li a:hover img, #mainnav.navcn li a:active img, #mainnav.navcn li a:focus img, #mainnav.navcn li.active img, #mainnav.navcn li a.hover img {
			top: -57px;
			zoom: 1;
		}
		

	#mainnav li div.dropMenu {
		display: none;
		position: absolute;
		top: 33px;
		border: 1px solid #cecece;
		background-color: #fff;
		width: 190px;
		padding: 10px;
		z-index: 1;
		box-shadow: 2px 2px 3px #ddd;
		-moz-box-shadow: 2px 2px 3px #ddd;
		-webkit-box-shadow: 2px 2px 3px #ddd;
	}
	.ie6 #mainnav li div.dropMenu {
		left: -1px;
	}
		#mainnav li div.dropMenu p {
			margin: 0 0 8px 10px;
			font-size: 1.1em;
		}
		#mainnav li div.dropMenu ul li {
			float: none;
			margin-right: 0;
		}
			#mainnav li div.dropMenu ul li a {
				height: auto !important;
				padding: 0 0 0 10px;
				background: transparent url(../../img/gt_snav.gif) no-repeat 0 4px;
				margin: 0 0 5px 0;
				border: 0 none !important;
				font-size: 1.2em;
				line-height: 1.3em;
			}
			#mainnav li div.dropMenu ul li a:hover,
			#mainnav li div.dropMenu ul li a:focus,
			#mainnav li div.dropMenu ul li a:active {
				background-position: 0 -39px;
			}


/*****************
 *  HP-TEASER
 *****************/

#content.hp  {
	margin-left: -5px;
}
#content.hp img,
#content.hp object,
#content.hp div {
	float: left;
	margin: 0 0 5px 5px;
}
/*****************
 *  STATIC CONTENTS
 *****************/
.clearer {
	clear:both;

}

.staticContent{
	background:#FFFFFF;
	font-size:11px;
	min-height:360px;
}
#contentMedium{
	min-height:360px;
	
}

.staticContent #contentHeader{
	/*padding-left:10px;*/
}
#contentWide{
	padding-left:10px;
	padding-right:10px;
	padding-top:15px;
}


#contentMedium .csc-default{
	background:#FFFFFF;
	
}
#contentMedium{
	padding-left:10px;
	padding-right:10px;
	padding-top:15px;
	margin-left:10px;
	width:715px;
	background:#FFFFFF;
	
}

.catCRYSTALLIZED #contentMedium {
	width:735px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	background:none;
}
.noSubMenu #contentMedium{	
	width:925px;
}

.csc-header{
	background:#FFFFFF;
	margin:0;
}

 
/*****************
 *  Wishlist
 *****************/
 .wishlist h1{ 	
	width:200px;
	float:left;
 }
  .wishlist #contentHeader{
 	
  
  }
 .wishlist #contentHeader .wishlist{
	 float:right;
 }
 

 #backToCatalogue{
	margin:5px 0 0 15px;
}
.tableWishlist{
	margin:10px;
	font-size:11px;
	color:#333333;
	padding-bottom:5px;
	border-bottom:1px solid #eeedea;	
	width:900px;
	
	
}
.tableWishlist td,.tableWishlist th{
	padding:10px 6px 10px 6px ;
}
.tableWishlist th{
	color:#b6b6b6;
	font-weight: normal;
	text-align:left;
	border-bottom:1px solid #eeedea;
}	
.tableWishlist .name a{
	color:#333333;
	font-weight:bold;
}
.tableWishlist .sku{
	color: #c1c1c1;
	font-size: 10px;
}
.tableWishlist .SKU{
	width: 100px;
}
.tableWishlist .removeButton{
	font-weight:bold;
	background:url(../../img/icon_remove.gif) 0px 0px no-repeat;
	padding-left: 15px;
	margin-left:60px;

}
.tableWishlist a{
	cursor:pointer;
	cursor:hand;
}
.tableWishlist .qty input{
	width:30px;
	text-align:center;
}
.wishlistButtons{
	font-weight:bold;
	margin-right:20px;
	display:block;
	text-align:right;
	padding-bottom:20px;
	
}

.wishlistButtons #emailFriend{
	padding-right:18px;
	margin-bottom:5px;
	background:url(../../img/icon_email.gif) right no-repeat;
	
	
}
.wishlistButtons #printWishlist{
	padding-right:18px;
	background:url(../../img/icon_print.gif) right no-repeat;
}

/* Shopping Cart Enquiry List */
.ct{
	text-align:center;
}
.itemName{
	width: 500px;
	text-align:left !important;
	font-size: 12px;
}

.ct input{
	width: 38px;
}

.fg1 {
	
	font-size:14px;
	color: #4c4740;
}
.bgl{
	background-color:#FFFFFF;
}
.fc{
	text-align:center;
}
.fc, .row{
	color:#FFFFFF;
	background: #bab9b6;
}
.dataTable{
	background:#BFB6AC;
	float:left;	
}

.dataTable td{
	padding:5px;
}
.tiny{
	font-size: 9px;
}
.our{
	font-weight: bold;
	color: #991846;
}
#steps{
	float:left;
	width:100%;
	padding-bottom:15px;
	/*margin-top:-10px;*/
}
#steps ul{
	float:left;
	padding:0;
	padding-right:-10px;
	margin:0;
	list-style-type:none;
	background: url(../../img/steps_bg.gif) 0px 8px repeat-x ;
}
#steps li{
	float:left;
	width:15px;
	height:15px;
	text-align:center;
	padding:0;
	margin:0 15px 0 0;
	background: #FFFFFF;
	border:1px solid #bab9b6;
	color:#bab9b6;
	
}
#steps .last{
	margin-right:0;
}
#steps .active{
	color:#FFFFFF;
	font-weight:bold;
	background:#bab9b6;
	width:21px;
	height:18px;
	padding-top:3px;
	margin-top:-3px;
}
#orderMessage ul{
	list-style-type:none;
	margin-left:10px;
	padding:15px 0 15px 0;
	
}
#orderMessage ul li{
	background:url(../../img/bulletpoint_icon.gif) 0px 5px no-repeat;
	padding-left:12px;
	
}
/* Popup Messages */

.jqmWindow, .dialogError{
	font-size:11px;
	background-color: #fbfaf7;
}
.dialogError h4,.jqmWindow h4{
	font-size:12px;
	font-weight:bold;
	padding-bottom:15px;
	
}
.jqmWindow button{
	width:auto;
	background:none;
	color:#6f6f6f;
	border: none;
	font-weight:bold;	
	font-size:12px
}

.jqmWindow .jqmClose{
	background:url(../../img/icon_arrow.gif) right no-repeat;
	margin-top:15px;
	padding:0px 12px 2px 0px;
}

#imageDetailsPopup .jqmClose{
	background:none;
	margin-top:0px;
	padding:0px;
}

#popup_content, .Popup{
	float:left;
	padding:20px;
	width:90%;
	
	
}
#popup_content .buttons{
	padding:60px 0 0 0;
	text-align:right;
	float:right;
}
/* Newsletter unsubscribe */

/* Contextteaser */

.categoryTeaser {
	margin-top:10px;
}


}
@media print{
#header, #mainNav, #footer fieldset, #footer .metanav, #facebook, #twitter, .wishlistButtons{
	display:none;
}

}