
	html, body {height: 100%; margin: 0px; padding: 0px; width: 100%;}
	body {background: url('../media/images/home/schoko_bg.jpg'); color: #FFF; font-family: Arial; font-size: 12px;}
	
	a {outline: none;}
	img {border: 0px; margin: 0px; padding: 0px;}
	
	.w229 {width: 229px; }
	
	img.w2 {height: 100%; width: 2px;}
	
	img.w8 {height: 100%; float: left; width: 8px;}
	
	img.h8 {height: 8px; display: block; width: 100%;}
	img.h10 {height: 10px; display: block; width: 100%;}
	img.h12 {height: 12px; display: block; width: 100%;}
	img.h36 {height: 36px; display: block; width: 100%;}
	
	.block_title {font-style: italic; color: #381B11; font-size: 30px; line-height: 30px; /*margin-left: 20px;*/ font-family: Arial;}
    .homepage-left {font-size:26px; font-weight:bold;}
    .homepage-right {font-size:19pt; font-weight:bold;}
	
	.main {width: 940px; margin: auto; overflow: hidden; border: 0px solid blue; padding: 0px; margin: 0px auto;position: relative;}
	.main div {/*border: 1px solid blue;*/}
	.mainCheckout {width: 940px; margin: auto; overflow: hidden; border: 0px solid blue; padding: 0px; margin:0 auto;}
	
.box_top {height: 40px; color: #E4C181; text-align: right; font-size: 11px;}
.box_top a {color: #E4C181;}
.box_top p {display: inline; padding: 0px; margin: 0px;}

img.null {width: 0px; height: 100%; vertical-align: middle;}

	.text_sand {color: #905F41;}
	.text_red  {color: #A4151C;}
	a.text_red:hover {text-decoration: underline;}
	.title_red {color: #A4151C; font-size: 17px; font-weight: bold; padding: 10px 0px 4px 0px;}
	
	h3.title_red {font-size: 17px; margin: 0px;}


	
.box_navy	{height: 54px; line-height: 14px;}
.box_navy img.el {float: left;}
.navy, .zum {height: 54px; background: url('../media/images/home/grd_sand_navy.jpg') repeat-x top left; overflow: hidden;}

.navy {width: 693px; float: left; font-size: 14px; font-weight: bold; overflow: hidden;}

.navy table {width: 690px; border: 0px solid white;}


.navy td.mpoint {width: 1%;}
.navy table tr td {vertical-align:middle; margin: 12px 0 9px 0; text-align:center;}	
.navy a {display:inline; text-decoration: none; color: #4A2316; vertical-align:middle;}
.navy h1 {font-size: 14px; font-weight: bold; margin:0 !important;
	padding:0; display: inline-block; cursor: pointer; color:#4A2316 !important; line-height:1;} 
.navy .current {background: url('../media/images/home/arrow_point.jpg') no-repeat center top;}
.navy .current h1 {border-bottom: 2px solid white;}	
	
/*	
.box_navy	{height: 54px; line-height: 14px;}
.box_navy img.el {float: left;}
.navy, .zum {height: 54px; background: url('../media/images/home/grd_sand_navy.jpg');}

.navy {width: 693px; float: left; font-size: 14px; font-weight: bold;}
.navy .point {width: 172px ; float: left; text-align: center; height: 54px; background: indigo; border-right: 1px solid white;}
.navy .point img.null {width: 0px; height: 100%; vertical-align: middle;}
.navy .point a {display: -moz-inline-stack; display: inline-block; vertical-align: middle; color: #4A2316; text-decoration: none; padding-top: 6px; background: yellow;}
.navy .current {background: url('../media/images/home/arrow_point.jpg') no-repeat top center;}
.navy .current a h1 {border-bottom: 2px solid white;}
.navy h1 {font-size: 14px; font-weight: bold; margin: 0px; padding: 0px; background: green; display: inline;} 
*/

.zum {width: 229px; margin-left: 711px; overflow: hidden;}
.zum img.box {float: left; margin: -4px 0px 0px 12px; }
.zum .war {margin-left: 84px; width: 140px;}
.zum .war a.title { color: #A4151C; font-size: 14px; font-weight: bold; text-decoration: none;}
.zum .war a.title:hover {text-decoration: underline;}
.zum .war .text {font-size: 10px; color: #4A2316; text-align: center; margin-top: 4px;}


.box_logo	{height: 78px; background: url('../media/images/home/chocheart_h78.jpg') no-repeat right bottom #4A2316; border-top: 1px #2E1D12 solid; text-align: left;}
.box_logo img {margin: 7px 0px 0px 16px; width: 254px;}

.box_logo_home	{/*height: 153px;*/ height: 120px; background: url('../media/images/home/chocheart.jpg') no-repeat right center #4A2316; border-top: 1px #2E1D12 solid;}
.box_logo_home img	{margin: 16px 0px 0px 11px; width: 350px;}
.box_logo_home_xmas {height:120px; background: url('../media/images/home/chocheart_xmas.jpg') no-repeat right center #4A2316; border-top: 1px #2E1D12 solid;}
.box_logo_home_xmas img	{margin: 0; width: 361px; height: 120px;}



.box_inhalt	{height: 350px; position: relative;}
.box_inhalt .point {height: 100%; float: left; width: 466px;}
.box_inhalt .block_title {float: right; margin: 30px 10px 1px 0px; /*background: #eee;*/}
.box_inhalt .static_block {font-size: 11px; margin: auto 10px; text-align: justify; width: 446px; float: left; color: #666; height: 50px;}


.box_inhalt .last {float: right;}
.box_inhalt .last .title {height: 68px; width: 203px; background: url('../media/images/home/grd_red_spec.jpg') repeat-x bottom; margin: auto;}

.box_inhalt .p_1 {background: url('../media/images/home/grd_sand_inhalt.jpg') repeat-x bottom;}
.box_inhalt .p_2 {background: url('../media/images/home/inhalt_eigene.jpg') no-repeat center bottom;}
.box_inhalt .p_3 {background: url('../media/images/home/inhalt_fertige.jpg') no-repeat center bottom;}
.h347 {height: 347px;}
.h347 .block_title {margin-left: 5px; height: 60px;}


.tab_bot {margin: auto; display: block;}

.box_news	{height: 141px;}
.box_news .point {height: 100%; float: left;}
.box_news .last {background: url('../media/images/home/grd_sand_news.jpg') repeat-x bottom; float: right;}
.box_news .block_title {margin-left: 10px;}
.box_news .first {/**/ width: 466px; background: #381B11; color: #EAD197;}
.box_news .first .block_title {color: #EAD197;}
.box_news .first .block_title span {font-size: 18px;}


.fertige {height: 53px; background: #FFF; line-height: 53px;}
.fertige .block_title {margin-left: 10px; line-height: 53px;}

.box_prod { overflow:hidden; margin:24px 0 10px 0; }
.box_prod .point {height: 100%; float: left; background: white;}
.box_prod .point.w229 { position:relative; margin:0 8px 0 0; }
.box_prod .last {float: right;}

.box_prod .basis { height:130px; position:relative; margin-top:10px; }
.box_prod .basis .icon { position:absolute; top:35px; left:130px; float:none; margin:0; background:white; }
.box_prod .basis .mixCode { width:100%; height:15px; background:url(../media/images/readymade/mix_code.png) no-repeat center 0 transparent; position:absolute; bottom:0; margin:0 auto; color:#905F41; text-align:center; }
.box_prod .basis .label { width:106px; height:40px; position:absolute; left:32px; top:1px; background:url(../media/images/readymade/your_creation.png);  }

.box_prod .h217 .price { position:absolute; bottom:0; right:0; }

.box_prod .title { height:77px; padding-left:10px; background: url('../media/images/home/grd_sand_prod.jpg') repeat-x bottom; background:none; overflow:hidden; color:#905F41; }
.box_prod .title .mixed { padding:14px 10px 0 0; overflow:hidden; }
.box_prod .cartlink {text-decoration: none; color: white; cursor: pointer;}

.h217 {height: 217px; position:relative; }
.h217 .icons {width: 221px; margin: auto; overflow: hidden; height: 50px; position: relative; /*background: green;*/}

.icon {width: 51px; height: 40px; text-align: center; margin-top: 8px; float: left; border: 1px solid #ECD8A6; position: relative;}
.icon img {vertical-align: middle;}
.icon img.quest {position: absolute; top: 24px; left: 35px; cursor: pointer;}

.iconshc {/*background: url('../media/images/home/bg_prod.jpg') no-repeat;*/ width: 64px; height: 50px; text-align: center; margin-top: 6px; float: left; border: 1px solid #ECD8A6;}

.iconshc img {vertical-align: middle;}
.base_ingr {margin: auto; margin-top: 10px; display: block; max-width: 210px; max-height: 130px; border: 0px solid blue;}

.block {display: block; margin: auto;}

.box_foot {height: 175px; background:#FFFFFF; text-align: left; font-size:11px;}
.box_foot .point {width: 205px; float: left; color: #676767; padding: 20px 0px 0px 30px;}
.box_foot .point .title {color: #A4151C; font-weight: bold; padding-bottom: 10px;}
.box_foot a {text-decoration: none; color: #676767;}


.empty {height: 24px;}

.horizontalMenu { height:78px; background:url(../media/images/misc/bg_sand_middle.jpg) repeat-x scroll 0 0 transparent; position:relative; }
.horizontalMenu .left, .horizontalMenu .right { width:9px; height:78px; background:no-repeat 0 0 transparent; position:absolute; top:0; }
.horizontalMenu .left { left:0; background-image:url(../media/images/misc/bg_sand_left.jpg); }
.horizontalMenu .right { right:0; background-image:url(../media/images/misc/bg_sand_right.jpg); }
.horizontalMenu .title { height:36px; padding:42px 0 0 9px; background:url(../media/images/readymade/menu/bg.png) repeat-x 0 0; line-height:31px; font-size:26px; vertical-align:baseline; font-style:italic; color:#A4151C; }

.shade {position: absolute; top: 0px; left: 0px; border: 0px blue solid; width: 940px; height: 10px; z-index:999;}
.shade.draw { background:url(../media/images/readymade/menu/shade.png) repeat-x scroll 0 0 transparent; }

.tab {width: 170px; height: 30px; background: url('../media/images/home/tab_red.jpg') no-repeat; margin: auto; text-align: center; padding-top: 13px; font-size: 13px; font-weight: bold;}

.tab_brown {background: url('../media/images/home/tab_brown.jpg') no-repeat;}

.tab_sand {background: url('../media/images/home/tab_sand.jpg') no-repeat;}

.price_old {color: #A4151C; width: 215px; /*text-align: right;*/ font-weight: bold; font-size: 11px;}
.price {color: #A4151C; float: right; margin-right: 20px; _margin-right: 10px; padding-top: 7px;}
.price span {font-weight: bold; font-size: 17px;}


.monat_waren {background: url(../media/images/home/btn_red_216.jpg) no-repeat; width: 202px; height: 34px; font-size: 13px; font-weight: bold; padding: 8px 0px 0px 14px;}
.monat_waren img {margin: 0px; /*margin-top: 2px;*/ padding: 0px; cursor: pointer; width: 12px; height: 19px; float: left;}
.monat_waren input {margin: 0px; margin-left: 1px; margin-top: 1px; border: 0px; text-align: center; width: 19px; font-weight: bold; height: 17px; padding: 0px; float: left;}
.monat_waren .monat_submit {cursor: pointer; text-align: center;}


div.counter {float: left;}
div.counter img {float: left; cursor: pointer; width: 12px; height: 19px; border: 0px solid green;}
div.counter input {float: left; margin: 1px 0px 0px 1px; border: 0px; text-align: center; height: 16px; width: 18px; font-weight: bold;}


/* READY MADE */
.readymade {overflow: hidden; position: relative;}
.fertige_title {height: 78px; background: url('../media/images/misc/bg_sand_middle.jpg') repeat-x; }
.fertige_title img {float: left; }
.fertige_title span {float: left; width: 920px; color: #A4151C; margin-top: 38px; line-height: 36px; font-style: italic; font-size: 32px; }

.rm_pagination {height: 33px; overflow: hidden; border: 0px solid white; width: 100%; padding-top: 10px;}

	.button_red_paging {float: left; text-decoration: none; color: white; font-size: 14px; font-weight: bold;}	
	.button_red_paging img {float: left; width: 5px; height: 33px;}
	
	.button_red_paging div {float: left; background: url('../media/images/misc/button_red_center.jpg') repeat-x; line-height: 33px; text-align: center; cursor: pointer; height: 33px;}
	
	.button_red_paging div.button_part_center_219 {width: 219px;}
	.button_red_paging div.button_part_center_442 {width: 456px;}
	
	
	
/* *** */


	.tulle {width: 100%; height: 100%; background: url(../media/images/misc/tulle.png); position: absolute; left: 0px; top: 0px; display: none;}
	
	.msg {height: 170px; width: 360px; background: white; border: 10px solid #381B11; position: absolute; text-align: center; padding: 5px; visibility: hidden; top: 0px; left: 0px;z-index:9999;}
	.warning {border: 10px solid #BA0000;}
	
	.msg .buttons {width: 179px; height: 53px; font-weight: bold; cursor: pointer; float: left; line-height: 53px; }
	.msg .red {	background: url('../media/images/mixer/button_red.jpg') no-repeat;
				color: white;}
						
	.msg .sand {	background: url('../media/images/mixer/button_sand.jpg') no-repeat;
					color: #900102; /*padding-top: 10px;*/}

					
.static_inhalt	{background: white; color: #676767; padding: 0px 12px; overflow: auto;}

td.a-right span.price {
	margin:0px;
	padding:0px;
}



.msg_d {	position: absolute; color: #492215; padding: 3px; left: 0px; top: 0px;
			width: 637px; height: 220px; height: auto; min-height: 220px; visibility: hidden; font-size: 14px; z-index: 9999;}

.msg_d .inhalt_box {background: url(../media/images/misc/bg_detail_m.png) repeat-y; float: left; width: 100%; padding-top: 10px;}
.msg_d .top_img {float: left; width: 637px; height: 30px;}
.msg_d .bot_img {float: left; width: 637px; height: 30px;}
			
.msg_d .closebox_png {position: absolute; top: 8px; left: 605px; cursor: pointer; }	




.popup_ok {	text-align: center; color: #4A2316; width: 600px; visibility: hidden; display: none;
			background: white; border: 10px solid #381B11; position: absolute; padding: 5px;z-index:9999;}
.popup_ok .popup_ok_entry_box {min-height: 300px;}			
.popup_ok img.null {height: 300px; width: 0px; vertical-align: middle;}
.popup_ok .popup_ok_entry {vertical-align: middle; display: inline-block;}
.popup_ok .button_ok {cursor: pointer; background: url('../media/images/mixer/button_red.jpg') no-repeat; height: 53px; width: 179px; color: #FFF; font-weight: bold;border: 0px;}

.popup_ok_small {	text-align: center; color: #4A2316; width: 360px; visibility: hidden; display: none;
					background: white; border: 10px solid #381B11; position: absolute; padding: 5px;z-index:9999;}
.popup_ok_small .popup_ok_entry_box {min-height: 110px;}			
.popup_ok_small img.null {height: 110px; width: 0px; vertical-align: middle;}
.popup_ok_small .popup_ok_entry {vertical-align: middle; display: inline-block;}
.popup_ok_small .button_ok {cursor: pointer; background: url('../media/images/mixer/button_red.jpg') no-repeat; height: 53px; width: 179px; color: #FFF; font-weight: bold; border: 0px;}

.d_none {display: none;}
.v_hide {visibility: hidden;}
.v_visi {visibility: visible;}

/* Billing */
form#co-billing-form li.fields {margin: 2px 0px; float: left;}
#billing-address-select {width:440px !important; overflow:hidden;}
#billing-address-select option {overflow:hidden;}
/* Login in the basket */
ul.split li, ul.login li{margin:0; padding:0;}
ul.split {list-style:none none inside;}
ul.split li {float:left; width:453px; border-bottom:1px solid #492215; font-weight:bold;}
ul.login {list-style:none none inside; padding-top:10px;}
ul.login li {float:left;} 
ul.login li:first-child {border-right:1px solid #EBCC90; width:261px; margin-top:10px; padding:10px 85px 20px 108px;}
ul.login li+li {width:340px; padding:10px 0 0 113px;}
ul.login li+li div:first-child {text-align:left; line-height:1.2; padding-top:2px;}
ul.login li+li a.sand-button {margin:0 20px; display:block;}
ul.login li+li a.sand-button:link, ul.login li+li a.sand-button:visited {text-decoration:none;}
ul.login li+li div:first-child em {color:#492215;}
ul.login li:first-child input, div#login-face, div#password-face {width:254px; height:15px; padding:2px; border:1px solid #EBCC90;
    margin-bottom:4px; color:#492215; line-height:15px; vertical-align:middle; text-align:left;}
div#login-face em, div#password-face em {color:#492215;} 
ul.login .sand-button {background:url('../media/images/mixer/button_sand.jpg') no-repeat; cursor:pointer; text-align:center; font-size:12px;
    height:53px; width:179px; color:#a4151c; font-weight:bold; margin: 0 auto; line-height:53px; vertical-align:middle;}
ul.login #p-bar {background:url('../skin/frontend/default/default/images/opc-ajax-loader.gif') no-repeat left top;
    height:16px; width:100px; padding-left:18px; line-height:16px; vertical-align:middle; float:left; margin:-45px 0 0 -60px;}
	
	
/* ZUTATEN */
.zutaten {background: white; color: #492215;}

.zutaten .item_tr {border-bottom: 1px solid #ECD8A6; overflow: auto; width: 900px; margin-left: 26px;}
.zutaten .item_td_l {border-right: 1px solid #ECD8A6; float: left; width: 168px; height: 121px; position: relative;}
.zutaten .item_td_l img.quest {position: absolute; top: 88px; left: 134px; cursor: pointer;}

.zutaten .item_td_r {border: 0px solid red; float: left; width: 700px; padding: 0px 0px 0px 24px;}
.zutaten .item_td_r div {font-size: 15px; font-weight: bold; color: #808080;}
.zutaten .item_td_r div span {font-size: 12px; font-weight: normal; color: #4A2316;}
.zutaten .item_td_r img.null {height: 121px; width: 0px; vertical-align: middle; border: 0px solid green;}


.zutaten .image_box {width: 124px; height: 91px; border: 1px solid #ECD8A6; text-align: center; margin: 14px 0px 0px 28px;}
.zutaten .image_box img {vertical-align: middle; border: 0px solid blue;}
.zutaten .image_box img.null {height: 91px; width: 1px;}
.zutaten .image_box img.item {max-height: 91px; height: auto !important; height: 91px; max-width: 123px; width: auto !important; width: 123px; }
/* << */

.flavour {font-size:16px; margin-bottom:-20px;}
.flavour .line {height:50px; border-bottom:2px solid #EFDEB3; margin-bottom:10px;}
.flavour .bypass {float:left; width:490px;}
.flavour .mixer_menu_button {float:right; margin-top:-7px;}

#billing-buttons-container .fat,
#payment-buttons-container .fat,
#review-buttons-container .fat {background:url(../media/images/home/Cart_Address_On_White.png) no-repeat left top; height:44px; padding:10px 10px 0 10px;}

#temp_repository {display:none;}
#ingr_successful_add {padding-top:79px; text-align:center; color:#4A2316;}

#popup_on_readymade_buy * {color:#4A2316;}
#popup_on_readymade_buy {display:none;}
#popup_on_readymade_buy .buttons {position:absolute; top:115px;}
#popup_on_readymade_buy .text {position:absolute; top:40px; text-align:center; left:0; width:370px;}
#popup_on_readymade_buy #to_cart {left:5px; color:#FFF;}
#popup_on_readymade_buy #continue_here {left:185px; color:#900102;}
#popup_clone #popup_on_readymade_buy {display:block;}

#tulle_on_load_wait {position:absolute; top:0; left:0; width:100%; display:none;}
#tulle_on_load_wait #tulle_top, #tulle_on_load_wait #tulle_bottom {background:white; opacity:0.5; filter:alpha(opacity=50);}
#tulle_on_load_wait #tulle_top {}
#tulle_on_load_wait #tulle_middle {height:24px;}
#tulle_on_load_wait #tulle_bottom {}
#tulle_on_load_wait #tulle_middle table {width:100%; border-collapse:collapse; border-spacing:0;}
#tulle_on_load_wait #tulle_middle table td {padding:0; background:url(../media/images/misc/tulle_50.png) repeat 0 0 transparent;}
#tulle_on_load_wait #tulle_middle .message-n-bar {width:300px; background:none;}
#tulle_on_load_wait #tulle_middle .message-n-bar div {float:left; width:272px;}
#tulle_on_load_wait #tulle_middle .message-n-bar .bar {width:28px; height:24px; background:url('../media/images/mixer/loader.gif') no-repeat left top white; opacity:0.5; filter:alpha(opacity=50);}
#tulle_on_load_wait #tulle_middle .message-n-bar .message {color:#492215; line-height:24px; height:24px; vertical-align:middle; background:url(../media/images/misc/tulle_50.png) repeat 0 0 transparent; font-size:18px; font-weight:bold; white-space:nowrap;}

#cart_country.countries {width:178px; border:1px solid #87665D; font-size:11px; color:#542A21; padding:1px 2px 1px 5px;}
#payform { background:#fff; margin:20px 0; padding:20px; color:#492215; position:relative; }
#payform fieldset { display:none; }
.special_info {position: absolute; bottom: 90px; left:24px; text-align: left; font-weight: bold;}
.special_info .special_info_price {position: relative;  left: 220px; bottom:130px; width: 160px; height:20px; overflow: hidden; font-size: 18px; text-align: center; color: rgb(0, 0, 0);}
.special_info .special_info_descr {position: relative;  left: 220px; bottom:130px; width: 160px; height:32px; overflow: hidden; font-size: 14px; text-align: center; color: rgb(255, 255, 255);}

.payment-method-logo, .payment-method-text { height:60px; float:left; vertical-align:middle; }
.payment-method-logo { width:225px; }
.payment-method-text { width:691px; color:#666; font-weight:normal; }
.layout-helper, .valign-middle { display:inline-block; vertical-align:middle; }
.valign-middle { width:685px; }
.layout-helper { width:1px; height:100%; }
.payment-method-logo .valign-middle { width:220px; }
