@charset "UTF-8";
/* CSS Document */

* {
	outline:none;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#FEFAEE;
	padding-top:40px;
	color:#32270F;
}


#backgroundPlate {
	height:520px;
	width:960px;
	background-color: #FFF;
	position:relative;
	overflow:hidden;
}
#skipIntroContainer {
	position:relative;
	top:480px;
	text-align:center;
	font-size:12px;
	zoom:1;
	height:40px;
	width:100%;
}
#skipIntro {
	margin: 0 auto;
	width:66px;
	background-image:url(/images/fade25.png);
	text-align:center;
}
#skipIntro a {
	text-decoration:none;
	color:#645A46;
}

/*
=================
CONTENT CONTAINER
=================
*/
#flashContainer {
	position:absolute;
	z-index:0;
}
#contentContainer{
	position:relative;
	z-index:5;
	top:0;
	left:590px;
	width:340px;
	background: url(/images/fade80White.png);
	min-height:355px;
	height:auto !important;
	height:355px;
}

#contentContainer h1 {
	font-size:28px;
	font-weight:normal;
	color:#322711;
	padding: 4px 0 0 0;
}
#contentContainer h2 {
	font-size:16px;
	font-weight:normal;
	color:#322711;
	line-height:150%;
	padding-top:4px;
}

#contentContainer .inner{
	padding-bottom:15px;
}
#contentHeader{
	height:150px;
	padding:0 34px;
	background-image:url(/images/vectorPattern80BG.png);
	background-position:top;
	background-repeat:no-repeat;
}
#contentHeader p {
	font-size:12px;
}
#textContent {
	padding:16px 34px 0 34px;
}
#textScrollWindow{
	position:relative;
	height:145px;
	overflow:hidden;
}

#textPane{
	position:relative;
	line-height:150%;
	font-size:12px;
	text-align:justify;
}

.prevNext div {
	margin-top:23px;
	float: right;
}


.prevNext img {
	cursor:pointer;
}

.more{
	float: right;
	padding-right:24px;
	padding-top: 12px;
}
.more #showMore {
	cursor:pointer;
}

a.button_Prev, a.button_Next, #showMore {
	display:block;
	padding:6px 10px;
	background-color:#8A8074;
	color:#FFF;
	text-decoration:none;
	float:left;
	font-size: 9px;
}
a.button_Next {
	background-color:#AD9B8D;	
}
#showMore {
	background-color:#3A2F19;
}

#scrollUpContainer {
	position:absolute;
	top:130px;
	left:133px;
	display:none;

}
#scrollDownContainer {
	text-align:center;
	width:340px;
	position:relative;
	top:0;
	left:590px;
	display:none;
}

#scrollUpContainer img, #scrollDownContainer img {
	cursor:pointer;
}

#closeContainer{
	position:absolute;
	top:168px;
	left:314px;
	display:none;
}
#closeContainer img {
	cursor:pointer;
}

/*
=========
HOMEPAGE / INTRO
=========
hide elements on the homepage so that we can see the flash movie
when the flash movie finishes we will fadein these elements by 
calling a jquery function from within the flash swf
*/
.home.intro #contentContainer, .home.intro #mainMenuContainer, .home.intro #footer .fRight {
	display:none;
}



/*
=====
MEDIA LAYOUT
============
*/

.media #contentHeader{
	height:150px;
	padding:0 34px;
	background-image:url(/images/contactBG.png);
	background-position:top;
	background-repeat:no-repeat;
}
.media #contentContainer{
	width:520px;
	left:420px;
}

.media #textScrollWindow{
	height:340px;
}

.media #textContent {
	padding:0;
}

.media #contentContainer .inner{
	padding-bottom:0;
}

.media #scrollUpContainer {
	left:213px;
	top:131px;
	display:block;
}
.media #scrollDownContainer {
	left:500px;
	display:block;
}
.media #contentContainer h2 {
	padding-top:40px;
}

.media #textPane {
	position:relative;
	overflow:hidden;
	height:300px;
}

.media .items {
	position:absolute;
	height:10000em;
}
.media .item {
	padding:20px 34px 30px;
}
.media .item img {
	float:left;
}

.media .item div {
	margin-left:140px;
}
.media .item p {
	text-align:left;
}
.media .item .heading {
	font-size:12px;
	font-weight:bold;
}
.media .item .subheading {
	margin-bottom:10px;
	font-size:11px;
	font-weight:bold;
}
.media .item .copy {
	font-size:11px;
	margin-bottom:10px;
}
.media .item .link {
	font-size:11px;
}
.media .item a {
	color:#645A46;
}


/*
==============
PRODUCT LAYOUT
==============
*/
.product #contentContainer{
	width:490px;
	left:450px;
	min-height:500px;
	height:auto !important;
	height:500px;

}

.product #contentContainer .inner{
	padding-bottom:0;
	padding-top:20px;
}
.product #contentHeader {
	background-image:none;
	height:auto;
}

.product #productNavigation {
	margin:0 6px 15px 6px;
}
.product #productNavigation td {
	padding:10px 4px;
	background-color:#FFF;
}
.product #productNavigation td a {
	color:#000;
	font-size:8px;
	text-decoration:none;
}


.product #contentHeader h1, .product #contentHeader h2, .product #contentHeader .description {
	padding-left: 20px;
	padding-right:20px;
}

.product #contentHeader h1 {
	font-size:26px;
}

.product #contentHeader h2 {
	font-size:20px;
}

.product #contentHeader .description {
	line-height:170%;
	font-size:11px;
	margin-top:20px;
}

.product #textContent {
	padding:0;
}

.product #textScrollWindow{
	position:absolute;
	top:230px;
	height:270px;
	padding:0 34px;
}


.product #tabs {
	height:200px;
	overflow:auto;
	overflow-x:hidden;
	padding:0 20px;
	background-color:#FFF;
}

.product #tabNavigation li {
	float:left;
}

.product #tabNavigation a {
	display:inline-block;
	height:26px;
	padding:20px 12px 4px 12px;
	text-decoration:none;
	text-transform:uppercase;
	color:#645A46;
	font-size:9px;
}
.product #tabNavigation a.selected{
	padding:20px 12px 0 12px;
	background-color:#FFF;
	border-bottom: 4px solid #603;
}

.prodPrev{
	background-image:url(/images/btnProduct_previous.png);
	background-position:left;
	background-repeat:no-repeat;
	padding-left: 12px;
}

.prodAll{
	background-image:url(/images/btnProduct_viewAll.png);
	background-position:right;
	background-repeat:no-repeat;
	padding-right: 12px;
}
.prodNext{
	background-image:url(/images/btnProduct_next.png);
	background-position:right;
	background-repeat:no-repeat;
	padding-right: 12px;
}


.product #tabNavigation li div {
	width:13px;
	height:13px;
	display:block;
	background-image:url(/images/tabIcon.png);
	float:left;
	margin-right: 4px;
}

.product .tab {
	padding:20px 0;
	color:#666;
	line-height:180%;
	font-size:11px;
}

.product .tab ul {
	list-style:disc;
	margin-left:12px;
}


/*
=====
HOME
=====
*/
.home #contentContainer{
	top:230px;
	width:744px;
	left:207px;
	min-height:150px;
	height:auto !important;
	height:150px;
	background:none;
}

.home .headline{
	width:450px;
}
.home #contentContainer .headline h1 {
	color:#FFF;
	font-size:36px;
}
.home .description{
	border-left: 1px solid #B4BBCE;
	width:214px;
	padding-left:14px;
	padding-right:20px;
	float:right;
	color:#FFF;
	line-height:150%;
}
.home .panels {
	position: absolute;
	top:114px;
	left:0;
}

.home .homePanel {
	width:245px;
	height:155px;
	float:left;
	margin-right:2px;
	background-image:url(/images/homePanelBG.png);
	cursor:pointer;
}

.home.intro .homePanel {
	background-image: none;
}

.home .homePanel .inner{
	padding:14px;
}
.home .homePanel .inner p{
	margin:0;
	color:#000;
	font-size:14px;
}


/*
=====
CONTACT
=====
*/

.contact #contentContainer{
	width:520px;
	left:420px;
}

.contact #contentHeader{
	height:150px;
	padding:0 34px;
	background-image:url(/images/contactBG.png);
	background-position:top;
	background-repeat:no-repeat;
}

.contact #textScrollWindow{
	height:340px;
}

.contact #textContent {
	padding:0;
}

.contact #contentContainer .inner{
	padding-bottom:0;
}

.contact #scrollUpContainer {
	left:213px;
	top:131px;
	display:block;
}
.contact #scrollDownContainer {
	left:500px;
	display:block;
}
.contact #contentContainer h2 {
	padding-top:40px;
}

.contact #textPane {
	position:relative;
}


#contactDetails {
	padding:20px 35px;
	text-align:left;
}

#contactDetails form {
	padding:20px 0;
}
#contactDetails td {
	padding: 6px 0;
}
#contactDetails input, #contactDetails select, #contactDetails textarea {
	width: 260px;
}
#contactDetails .tdSubmit {
	text-align:right;
}
#contactDetails .tdSubmit input {
	width: 80px;
}



/*
=================
STORE LOCATOR
=================
*/

#countryList {
	background-color:#A09B91; 
	width:200px; 
	height:340px; 
	position:relative; 
	left: 420px; 
	top: -361px;
	z-index:200;
}
#countryList .inner {
	padding-top:20px;
}
#countryList p {
	color:#FFF;
	text-transform:uppercase;
	font-size:12px;
	margin-bottom:10px;
	padding:4px 0 4px 20px;
	cursor:pointer;
}
.countryLink.selected {
	background-color:#3D311B;
}
.cityList {
	display:none;
}

.city {
	border-bottom:1px dotted #A09B91;
	margin-bottom:20px;
}
.city h2 {
	cursor:pointer;
}
.outlet {
	padding:18px 0 18px 20px;
}




/*
=================
FAQ AND PRIVACY 
=================
*/

.faq #contentContainer{
	width:520px;
	left:420px;
}

.faq #contentHeader{
	height:150px;
	padding:0 34px;
	background-image:url(/images/contactBG.png);
	background-position:top;
	background-repeat:no-repeat;
}

.faq #textScrollWindow{
	height:340px;
}

.faq #textContent {
	padding:0;
}

.faq #contentContainer .inner{
	padding-bottom:0;
}

.faq #scrollUpContainer {
	left:213px;
	top:131px;
	display:block;
}
.faq #scrollDownContainer {
	left:500px;
	display:block;
}
.faq #contentContainer h2 {
	padding-top:40px;
}

.faq #textPane {
	position:relative;
}

.faq #textPane ol{
	padding-left:22px;
	list-style:decimal;
	font-weight:bold;
}

.faq #textPane li{
	padding-left:15px;
	margin-bottom:20px;
	color:#32270F;
}
.faq #textPane li strong{
	
}
.faq #textPane li p, .faq #textPane li{
	font-weight:normal;
	color:#32270F;
}

/* privacy */

.faq #textPane .privacyText {
	text-align:left;
}

.faq #textPane .privacyText ul{
	list-style:disc;
	padding-left:22px;
}

.faq #textPane .privacyText li{
	margin-bottom:0;
	padding-left:10px;
	color:#645A46;
}

.faq #textPane .privacyText ul.priv2 li {
	margin-bottom: 20px;
}

.faq #textPane .privacyText strong {
	display:block;
	margin-top:20px;
	margin-bottom:0;
}
/*
=====
GALLERY
=====
*/


#thumbContainer {
	position:relative;
	left:590px;
	top:10px;
	width:340px;
	background:url(/images/thumbBG.png) top center no-repeat;
	height:129px;
}

#thumbContainer h3 {
	font-size:12px;
	font-weight:normal;
	color:#322711;
	margin: 0 34px;
	padding-top:14px;
}

#thumbScrollWindow {
	overflow:hidden;
	margin-top:25px;
	margin-left:12px;
}

#thumbPane {
	position:absolute;
	overflow:hidden;
	width:320px;
	height:100px;
}

#thumbPane .items {
	position:absolute;
	width:10000em;
}

#thumbPane .items div {
	float:left;
	margin-right:12px;
}
#thumbPane .items div img {
	border: 5px solid #FFF;
	cursor:pointer;
}
#thumbPane .items div img:hover{
	border: 5px solid #8A8074;
}


#scrollLeftContainer {
	position:relative;
	left:571px;
	width:19px;
	top:-84px;
	z-index:10;
	cursor:pointer;
	
}
#scrollRightContainer {
	position:relative;
	left:930px;
	width:19px;
	top:-158px;
	z-index:10;
	cursor:pointer;

}
#galleryImageContainer{
	display:none;
	position:relative;
	top:-462px;
	left:590px;
	width:340px;
	background-color:#FFF;
	height:227px;
	z-index:50;
}
#galleryImageContainer #galleryImage {
	margin:4px;
}
#galleryImageContainer #closeImage{
	margin:0;
	position:relative;
	z-index:100;
	top:-212px;
	left:310px;
	cursor:pointer;
}

/*
=====
MAIN MENU
=====
*/

#mainMenuContainer {
	position:absolute;
	bottom:20px;
	left:20px;
	z-index:150;
}
#explore {
	padding:2px;
	background-image:url(/images/fade25.png);
}
#explore div {
	background-color:#3D311B;
	background-image:url(/images/menuUpArrow.png);
	background-position: 122px center;
	background-repeat:no-repeat;
	padding:6px 0 6px 12px;
	color:#FFF;
	font-size:11px;
	cursor:pointer;
	width:134px;
}


ul.mainMenu, ul.subMenu {
	margin:0;
	padding:0;
	display:none;
}
.mainMenu li, .subMenu li {
	width:138px;
	position:relative;
	zoom:1;
	background-color:#8A8074;
	padding:3px 4px;
}
.mainMenu li {
	left:2px;
}
.subMenu li {
	left:0;
}
.mainMenu a, .subMenu a  {
	font-size:10px;
	line-height:13px;
	color: #fff;
	display:block;
	text-transform:uppercase;
	padding: 4px 7px 6px 7px;
	background-color:#8A8074;
	overflow:auto;
	text-decoration:none;
	cursor:pointer;
}

.mainMenu a:hover, .subMenu a:hover  {
	background-color:#7E766B;
}


.bgArrow{
	background-image:url(/images/menuRightArrow.png);
	background-position:center right;
	background-repeat:no-repeat;
}

.mainMenu li ul.subMenu, .mainMenu li ul.subMenu li ul.subMenu  {
	position: absolute;
	left:136px;
	bottom:0px;
	z-index:11;
	background-image:url(/images/subMenuBG.png);
	background-position:bottom left;
	background-repeat:no-repeat;
}
.mainMenu li,.mainMenu li:hover {margin-bottom:-3px;}

.mainMenu li ul.subMenu li ul.subMenu  {
	z-index:12;
}
.subMenu li {
	margin-left:10px;
	background-color:#AA9A8A;
}

.subMenu a {
	background-color:#AA9A8A;
}






/*
=====
FOOTER
=====
*/
#footer{
	background:url(/images/footerBG.jpg) top center no-repeat;
	min-height:50px;
	height:auto !important;
	height:50px;
	padding-top:8px;
}
.bottomMenu li {
	text-align:center;
	float:right;
	margin-left:1px;
	height:28px;
	overflow:hidden;
	background-color:#607DB9;
	text-transform:uppercase;
}
.bottomMenu li a {
	display:block;
	line-height:20px;
	font-size:11px;
	padding:3px 4px;
	min-width:80px;
	width:auto !important;
	width:80px;
	text-decoration:none;
	color:#FFF;
}




#copy{
	padding-top:6px;
	padding-left:12px;
}

#languageMenu{
	position:relative;
}

#languagePopUp {
	display:none;
	width:105px;
	position:absolute;
	top:-45px;
	z-index:200;
}
#languagePopUp div {
	background-color:#FFF;
	overflow:hidden;
}
#languagePopUp img {
	vertical-align:middle;
	margin-right: 6px;
}
#languagePopUp a {
	text-decoration:none;
	color:#645A46;
	padding: 5px 0 5px 30px;
	display:block;
	margin:0;
}
#languagePopUp a:hover {
	background-color:#CCC;
}



#languageSelected {
	cursor:pointer;
	width:105px;
	background-color:#38507E;
	height: 28px;
}
#languageSelected div {
	color:#FFF;
	padding:3px 0 3px 30px;
	line-height:20px;
	font-size:11px;
	margin:0;
	overflow:hidden;
}
#languageMenu div.en, #languageMenu div.de, #languagePopUp a.en, #languagePopUp a.de{
	background-image:url(/images/flag_en.png);
	background-position:8px center;
	background-repeat:no-repeat;
}
#languageMenu div.de, #languagePopUp a.de {
	background-image:url(/images/flag_de.png);
}

/*
=====
MISC
=====
*/

.borderB{
	border-bottom: 2px solid #E5E5E5; 
}

.fade50{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5; 
	opacity: 0.5;
}

.fRight{
	float:right;
}
.fLeft{
	float:left;
}