@charset "utf-8";

/* ======= GENERAL ======= */

html, body	{
	font-family:'Trebucht MS', Verdana, Arial, sans-serif;
	font-size:12px;
	line-height:21px;
	background-image:url(pix/pagebgr.jpg);
}

img	{
	border:0px;
}

#wrapper	{
	width:960px;
	height:auto;
	margin:0px auto;
}

p	{
	margin:0 0 15px 0;
}

h1	{
	font-size:24px;
	color:#990000;
}

h2	{
	font-size:20px;
}	

.clearer	{
	clear:both;
}

a	{
	color:#a12416;
	text-decoration:underline;
}

a:hover	{
	color:#fbfbfb;
	text-decoration:none;
}

a:visited	{
	color:#a12416;
	text-decoration:none;
}

/* ======= HEADER SECTION ======= */

#HeaderWrapper	{
	width:960px;
	height:auto;
	background:url(pix/bgr_header.jpg) center top;
	border: 1px solid transparent;
	background-repeat:no-repeat;
}

#step { margin: 10px auto 10px auto; background: ; height: 33px; font-size: 20px; padding-top: 15px }

.step { color: #536f11; display: inline;  }

.TopHeader	{
	width:960px;
	height:100px;
	margin-top:18px;
}

.TopHeaderLogo	{
	width:460px;
	height:70px;
	padding-top:30px;
	float:left;
}

.PhoneContact	{
	width:480px;
	height:35px;
	float:right;
	padding-top:53px;
	text-align:right;
}

/* ======= SCREEN BOX ======= */

.ScreenBox	{
	width:523px;
	height:283px;
	margin-top:92px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	padding:13px;
	background-image:url(pix/screen_display.png);
	background-repeat:no-repeat;
}

.SlideArea	{
	width:453px;
	height:233px;
	padding:40px 35px 10px 35px;
	text-align:center;
	color:#fbfbfb;
}

.SlideArea .bigtitle_a	{
	font-size:24px;
	color:#fbfbfb;
}

.SlideArea .bigtitle_b	{
	font-size:46px;
	color:#fbfbfb;
}

.SlideArea .slideportion	{
	width:453px;
	height:233px;
	padding:40px 40px 10px 40px;
	text-align:center;
}

.SlideArea p	{
	line-height:18px;
}

.ScreenShadow	{
	width:553px;
	height:38px;
	background-image:url(pix/screen_shadow.png);
	background-repeat:no-repeat;
	margin:0px auto;
}
	
/* ======= CONTENT SECTION ======= */

#ContentWrapper	{
	width:960px;
	height:100%;
	background-image:url(pix/white_gradient.png);
	background-repeat:no-repeat;
	background-position:top;
}

#ContentWrapper p	{
	margin-top:10px;
}

.ContentWrapperLeft	{
	width:420px;
	height:520px;
	padding:40px 40px 20px 20px;
	float:left;
}

.ContentWrapperLeft .icon64	{
	width:64px;
	height:64px;
	margin-right:20px;
	margin-bottom:10px;
	float:left;
}

.ContentWrapperLeft .icon32	{
	width:32px;
	height:32px;
	margin-right:20px;
	margin-bottom:5px;
	float:left;
}

.ContentWrapperLeft .subtitle	{
	width:368px;
	height:34px;
	padding-top:7px;
	margin-bottom:10px;
	float:left;
}

.ContentWrapperRight	{
	width:420px;
	height:500px;
	padding:60px 40px 20px 20px;
	float:left;
}

.ContentWrapperRight ul li	{
	width:420px;
	height:36px;
	line-height:36px;
	margin-left:20px;
	margin-bottom:15px;
	background-image:url(pix/list_tick_sign.png);
	background-repeat:no-repeat;
	background-position:left;
	list-style-type:none;
	text-indent:48px;
	color:#333333;
}

.ContentWrapperRight .textlist	{
	font-size:20px;
	font-weight:200;
}

.BigButton	{
	width:297px;
	height:96px;
	margin-top:45px;
	margin-left:40px;
}

.ContentWrapperRight .taketour	{
	width:300px;
	height:auto;
	font-size:20px;
	text-align:center;
	margin-left:48px;
	margin-top:10px;
	line-height:12px;
}

.ContentWrapperRight .footnote	{
	width:300px;
	height:auto;
	color:#333333;
	font-size:10px;
	margin-left:48px;
	margin-top:20px;
	line-height:12px;
}

/* ======= GALLERY ======= */

#GalleryWrapper	{
	width:100%;
	overflow:hidden;
	position:relative;
	float:left;
	margin-bottom:20px;
}

#GalleryWrapper ul	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	position:relative;
	clear:left;
	left:50%;
	text-align:center;
}

#GalleryWrapper ul li	{
	list-style:none;
	display:block;
	width:182px;
	height:136px;
	margin:0px;
	padding:4px 4px;
	text-align:center;
	position:relative;
	float:left;
	right:50%;
	background-image:url(pix/zoombgr.jpg);
	background-repeat:no-repeat;
	background-position:center;
}


/* ======= THREE SUBCONTENTS ======= */
	
#SubconWrapper	{
	width:100%;
	height:auto;
	margin:20px auto;
}

#SubconWrapper	p	{
	margin-top:5px;
}

#SubconWrapper .icon32	{
	width:32px;
	height:32px;
	margin-right:15px;
	margin-bottom:10px;
	float:left;
}

#SubconWrapper .subtitle	{
	width:233px;
	height:32px;
	padding-top:10px;
	margin-bottom:5px;
	float:left;
}

.leftbox	{
	width:280px;
	height:240px;
	padding:20px;
	float:left;
}

.centerbox	{
	width:280px;
	height:240px;
	padding:20px;
	float:left;
}

.rightbox	{
	width:280px;
	height:240px;
	padding:20px;
	float:left;
}

#price { color: #536f11; font-size: 50px; font-weight: bold; font-style: italic; text-align: right; font-family: Georgia, 'Times New Roman', serif; text-shadow: 0px 0px 10px #fff; margin-right: 10px }
#price_subline { text-style: italic; color: #989898; font-size: 10px; text-align: right }
/* ======= NEWSLETTER ======= */

#NewsWrapper	{
	width:854px;
	height:71px;
	padding-top:0px;
	margin:60px auto 0 auto;
}

.NewsNote	{
	background:url(pix/bgr_mailbanner.jpg) no-repeat;
	height:71px;
	margin:0 auto;
	font-size:20px;
	color:#000;
	text-align:center;
}

.NewsNote .icon48	{
	width:48px;
	height:55px;
	margin-right:15px;
	float:left;
}

.NewsNote .subscribe	{
	width:auto;
	padding-top:28px;
}


/* ======= SUBSCRIBE FORM ======= */

#NewsFormWrapper	{
	width:854px;
	margin:0 auto 40px auto;
	padding: 0 0 80px 0;
	background: url(pix/screen_shadow.png) center bottom no-repeat;
}


.FieldWrapper	{
	height: 90px;
	position:relative;
	margin:0px auto;
	background: #a6a6a5 URL(pix/search_field_de.png) no-repeat center;
}

.FieldWrapper form	{
	display:inline;
}

.inputfield	{
	font-family:'Trebucht MS', Verdana, Arial, sans-serif;
	border:0;
	background-color:transparent;
	width:260px;
	color:#999;
	position: absolute;
	left: 240px;
	top: 37px;
	font-size:14px;
	padding: 0;
	font-weight: normal;
	margin: 0;
}

.sendbutton	{
	border:0;
	background-color:transparent;
	position:absolute;
	left:520px;
	width:95px;
	height:40px;
	top: 23px;
}

#motivbar .img { width: 75px; height: 75px; float: left; display: block; border: 1px solid #b6b6b6; margin-right: 3px; margin-bottom: 3px; text-align: center }
#motivbar .img img { vertical-align: middle }
#colorselector div img { margin: 3px }

.productimage-size  { background: URL('pix/white_arrow.png'); height: 149px; width: 141px; text-align: center; position: absolute; margin-top: -150px; margin-left: 85px; display: none }
.productimage-size  img { margin-top: 20px }

/* ======= FOOTER SECTION ======= */

#FooterWrapper	{
	width:960px;
	height:45px;
	margin:30px auto;
	font-size:12px;
	color:#5a573c;	
}

.LeftFoot	{
	width:480px;
	height:30px;
	padding-top:15px;
	float:left;
}

.LeftFoot ul li	{
	list-style-type:none;
	display:block;
	width:16px;
	height:16px;
	margin-right:6px;
	float:left;
}
	
.RightFoot	{
	width:460px;
	height:45px;
	padding-right:20px;
	line-height:45px;
	text-align:right;
	float:right;
}

.tooltip {
	display:none;
	background:url(pix/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
	z-index: 4000;
}