/********/
/* html */
/********/
body {
	background:#FFF url(../img/bg/body.gif) repeat-y;
	margin:0;
	overflow:hidden;
	padding:0;
}

body#yoell {
	background:#000 url(../img/bg/body_yoell.gif) repeat-y;
}

img {
	border:0;
	display:block
}

h1 {
	font-size:24px;
	line-height:26px;
	margin:0 0 20px 0;
	padding:0;
	text-transform:uppercase;
}

h2 {
	font-size:16px;
	line-height:18px;
	margin:0 0 10px 0;
	padding:0;
	text-transform:uppercase;
}

h3 {
	font-size:14px;
	line-height:18px;
	margin:0 0 10px 0;
	padding:0;
	text-transform:uppercase;
}

h4 {
	font-size:12px;
	line-height:18px;
	margin:0 0 5px 0;
	padding:0;
	text-transform:uppercase;
}

h5 {
	
}

h6 {
	
}

p {
	margin:0 0 18px 0;
	padding:0
}

a {
	color:#00a066;
	text-decoration:none;
}

#yoell a {
	color:#b600ab;
}

a:hover {
	text-decoration:underline;
}

a.active,
a:focus {
	outline:0
}

hr {
	background:#FFF;
	border:0;
	border-top:1px solid #DDD;
	height:1px;
	line-height:1px;
	margin:0 0 10px 0
}

form {
	margin:0;
	padding:0
}

fieldset {
	border:0;
	padding:0;
	width:524px;
}

legend {
	display:none;
}

#content input,
#content textarea,
#content select {
	background:#26dc9a;
	border:0;
	color:#000;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:12px;
	height:16px;
	padding:2px 5px 0 5px
}

#content select {
	height:18px;
	padding:0;
}

#content textarea {
	height:100px;
	overflow:auto;
}

th,
td {
	color:#000;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:12px;
	line-height:18px;
	padding:0 5px;
	text-align:left;
	vertical-align:top
}

ul,
ol {
	margin:0 0 20px 15px;
	padding:0
}

/**********/
/* layout */
/**********/
/* page */
#page_filter,
#loading_filter,
#popup_filter {
	background:#000;
	bottom:0;
	filter:alpha(opacity=0);
	left:0;
	opacity:0;
	position:fixed;
	top:0;
	right:0;
	z-index:1000;
}

#loading_filter,
#popup_filter {
	filter:alpha(opacity=50);
	opacity:0.5;
}

#page_wrapper,
#page {
	background:url(../img/bg/page.gif) no-repeat fixed 806px 0px;
	bottom:0;
	color:#000;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:12px;
	line-height:16px;
	left:0;
	overflow:hidden;
	position:absolute;
	top:0;
	right:0;
}

#yoell #page_wrapper {
	background:url(../img/bg/page_yoell.jpg) no-repeat fixed 806px 0px;
}

#page {
	background:none;
	overflow:auto;
	z-index:100;
}

#yoell #page {
	color:#FFF;
}

#link_about_us {
	background:url(empty.gif) no-repeat;
	cursor:pointer;
	height:660px;
	left:806px;
	position:absolute;
	top:0;
	width:318px;
	z-index:200;
}

#stroke_collection,
#stroke_news {
	background:#48e3e2;
	bottom:0;
	left:598px;
	position:absolute;
	top:0;
	width:14px;
	z-index:100;
}

#stroke_news {
	background:#ff85db;
	left:612px;
}

/* header */
#header {
	height:125px;
	position:absolute;
	width:432px;
}

#logo {
	height:110px;
	left:26px;
	position:absolute;
	top:0;
	width:110px;
	z-index:300;
}

#logo img {
	display:none;
	height:86px;
	margin:12px 0 0 12px;
	width:86px;
}

#logo object,
#logo embed {
	height:110px;
	width:110px;
}

/* menu / action menu */
#menu,
#action_menu {
	height:113px;
	left:150px;
	position:absolute;
	top:12px;
	width:115px;
	z-index:300;
}

#action_menu {
	left:265px;
	width:167px;
}

#menu ul,
#action_menu ul {
	list-style:none;
	margin:0;
	padding:0
}

#menu li a,
#action_menu li a {
	color:#000;
	text-decoration:none;
}

#yoell #menu li a,
#yoell #action_menu li a {
	color:#FFF;
}

#menu li a:hover,
#menu li a.active {
	color:#00a066;
}

#yoell #menu li a:hover,
#yoell #menu li a.active {
	color:#b600ab;
}

#action_menu li a:hover,
#action_menu li a.active {
	color:#00a066;
}

#yoell #action_menu li a:hover,
#yoell #action_menu li a.active {
	color:#b600ab;
}

#menu li a.active,
#action_menu li a.active {
	font-weight:bold;
}

#main {
	padding:0 0 100px 0;
	position:relative;
}

/* content */
#content {
	left:22px;
	position:absolute;
	top:0;
	width:590px;
	z-index:200;
}

#content_collection,
#content_news {
	background:url(../img/bg/content_collection.gif) repeat-y;
	left:598px;
	position:absolute;
	top:0;
	width:180px;
	z-index:300;
}

#content_news {
	background:url(../img/bg/content_news.gif) repeat-y;
	left:612px;
}

#yoell #content_collection,
#yoell #content_news {
	background:none;
}

#content .text,
#content_collection .text,
#content_news .text {
	margin:125px 0 0 0;
}

#content .text {
	padding:20px 0 0 25px;
}

#yoell #content .text  {
	padding:20px 40px 0 25px;
}

#content_collection .text {
	visibility:hidden;
	padding:20px 0 0 0;
}

#content_news .text a:hover,
#content_news .text a.active {
	color:#b600ab;
}

#content_news .text ul {
	list-style:none;
	margin:0;
	padding:0;
}

#content_news .text li {
	margin:0 0 4px 0;
}

#yoell #content_news .text a {
	color:#FFF;
}

#yoell #content_news .text a:hover,
#yoell #content_news .text a.active {
	color:#b600ab;
}

#content_collection h1,
#content_news h1 {
	background:url(../img/bg/header_collection.gif) no-repeat;
	bottom:0;
	cursor:pointer;
	height:125px;
	left:0;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	width:18px;
	z-index:200;
}

#content_news h1 {
	background:url(../img/bg/header_news.gif) no-repeat;
	cursor:default;
}

#content_collection h1 span,
#content_news h1 span {
	display:none;
}

#content_collection ul.collection_list {
	list-style:none;
	margin:0;
	padding:0;
}

#content_collection ul.collection_list li {
	line-height:12px;
	margin:0 0 20px 0;
}

#content_collection ul.collection_list .title a {
	color:#000;
	text-decoration:none;
	text-transform:uppercase;
}

#content_collection ul.collection_list .image {
	height:60px;
	margin:0 0 0 14px;
}

#content_collection ul.collection_list .image img {
	height:60px;
	width:166px;
}

#content_collection ul.collection_list .snoer {
	height:60px;
	float:left;
	width:166px;
}

#content_news .text {
	font-size:14px;
	font-weight:bold;
	padding:20px 30px 0 30px;
}

#content_news .text .item {
	margin:0 0 60px 0;
}

#content_news .text p {
	margin:0;
}

#content_news .text a {
	color:#000;
	text-decoration:none;
}

/* footer */
#footer {
	color:#000;
	font-size:11px;
	height:50px;
	line-height:13px;
	position:absolute;
	visibility:hidden;
	width:792px;
	z-index:300;
}

#footer p {
	margin:5px 0 0 0;
}

#footer a {
	color:#000;
	text-decoration:underline;
}

#yoell #footer,
#yoell #footer a {
	color:#9e9e9e;
}

#footer_mki {
	left:47px;
	height:50px;
	overflow:hidden;
	position:absolute;
	width:365px;
}

#footer_mki img {
	display:inline;
	float:left;
	height:50px;
	margin:0 8px 0 0;
	width:46px;
}

#footer_ideal {
	left:636px;
	height:50px;
	overflow:hidden;
	position:absolute;
	width:156px;
}

#footer_ideal img {
	display:inline;
	float:left;
	height:50px;
	margin:0 8px 0 0;
	width:46px;
}

/*********/
/* pages */
/*********/
/* homepage */
#product_random {
	margin:0 0 40px 0;
}

#product_random img {
	height:350px;
	width:350px;
}

#product_random .info {
	margin:40px 0 0 0;
}

#product_random .info .description {
	font-size:11px;
	margin:0 0 12px 0;
	width:150px;
}

/* collection */
#collection_list {
	margin:40px 0 0 0;
}

#collection_list .item,
#collection_list .item_last {
	display:inline;
	float:left;
	margin:0 43px 30px 0;
	width:150px;
}

#collection_list .item_last {
	margin:0 28px 30px 0;
}

#collection_list .item .image,
#collection_list .item_last .image {
	margin:0 0 10px 0;
}

#collection_list .item img,
#collection_list .item_last img {
	height:150px;
	width:150px;
}

#collection_list .info .description {
	margin:0 0 5px 0;
}

#collection_list .info .price {
	font-size:14px;
	margin:0 0 15px 0;
}

/* product details */
#product_details .image {
	float:left;
	width:386px;
}

#product_details .image img {
	display:inline;
	float:right;
	height:350px;
	margin:0 36px 0 0;
	width:350px;
}

#product_details #product_type .image img {
	height:275px;
	width:275px;
}

#product_details .info_wrapper {
	float:left;
	margin:40px 0 0 0;
	width:165px;
}

#product_details #product,
#product_details #product_type {
	margin:0 0 40px 0;
}

#product_details .button {
	margin:0 0 10px 0;
}

#product_details .delivery_stock,
#product_details .delivery_order {
	clear:both;
	color:#00a066;
	font-size:11px;
	margin:0 0 10px 0;
}

#product_details .delivery_order {
	color:#f00000;
}

.product_tabs {
	margin:0 0 40px 0;
	width:520px;
}

.product_tabs ul {
	background:url(../img/bg/product_tabs.gif) repeat-x left bottom;
	height:23px;
	list-style:none;
	margin:0;
	padding:0 5px 0 10px;
}

.product_tabs li {
	float:left;
	height:23px;
	margin:0 5px 0 0;
}

.product_tabs li a {
	color:#000;
	float:left;
	font-size:11px;
	font-weight:bold;
	height:23px;
	line-height:23px;
	padding:0 15px;
	text-decoration:none;
	text-transform:uppercase;
}

.product_tabs li a:hover,
.product_tabs li a.active {
	background:#FFF;
	border:1px solid #88d3b8;
	border-bottom:0;
	color:#00a066;
	height:22px;
	line-height:21px;
	padding:0 14px;
	text-decoration:none;
}

.product_tabs div {
	background:#FFF;
	display:none;
	padding:15px 15px 5px 15px;
}

.product_tabs div.show {
	display:block;
}

/* news */
#news {
	padding-right:40px;
}

#news .item {
	margin:0 0 25px 0;
}

#news .item p {
	margin:0 0 5px 0;
}

#news h1 {
	font-size:18px;
	margin:0;
	text-transform:none;
}

#news h1 a {
	color:#000;
}

#news h1 a:hover {
	color:#00a066;
	text-decoration:none;
}

#news h2 {
	font-size:11px;
	margin:0 0 5px 0;
	text-transform:none;
}

/* text */
#content_text {
	margin-bottom:40px;
	padding-right:40px;
}

#content_text a {
	color:#00a066;
}

/* shoppingcart */
#shopping_basket .display_tax {
	display:none;
}

.header_1,
#shopping_basket_tabs {
	display:none;
}

#shopping_basket table {
	margin:0 0 20px 0;
	width:520px;
}

#shopping_basket td a {
	color:#000;
}

#shopping_basket td a:hover {
	color:#00a066;
	text-decoration:none;
}

#shopping_basket th.price,
#shopping_basket th.sub_price,
#shopping_basket td.price,
#shopping_basket td.sub_price,
#shopping_basket td.subtotal,
#shopping_basket td.logistics,
#shopping_basket td.tax,
#shopping_basket td.total {
	text-align:right;
}

#shopping_basket td.subtotal,
#shopping_basket td.total {
	font-weight:bold;
	padding:10px 5px;
}

#shopping_basket td.total {
	font-size:16px;
	padding:20px 5px 0 5px;
}

#shopping_basket th.amount,
#shopping_basket td.amount {
	text-align:center;
}

#shopping_basket td.amount input {
	text-align:center;
	width:28px;
}

#shopping_basket td.action {
	padding:0;
	width:16px;
}

#shopping_basket .buttons {
	height:20px;
	margin:0 0 50px 0;
}

#shopping_basket .button_1 {
	float:right;
}

#shopping_basket .button_1 a {
	color:#FFF;
}

/* login */
#login .header_1 {
	display:none;	
}

#login h4 {
	text-transform:none;
}

#login legend {
	display:none;
}

#login p {
	margin:0;	
}

#login .buttons {
	display:inline;
	float:right;
	margin:10px 75px 0 0;
}

#login .forgot_password {
	float:left;
	margin:10px 0 0 0;
}

/***********/
/* overall */
/***********/
.clear {
	clear:both;
	font-size:1px;
	height:1px;
	line-height:1px
}

.hide {
	display:none;
}

.show {
	display:block;
}

.hidden {
	visibility:hidden;
}

.visible {
	visibility:visible;
}

.info .description {
	font-size:11px;
	margin:0 0 15px 0;
}

.info .description p {
	margin:0;
}

.info .price {
	font-size:18px;
	font-weight:bold;
	margin:0 0 15px 0;
}

.buttons {
	margin-bottom:20px;
	margin-top:10px;
}

.button,
.button_1,
.button_2 {
	background:url(../img/bg/button_left.gif) no-repeat;
	display:inline;
	float:left;
	font-family:"Trebuchet MS",Arial,Verdana,Helvetica,sans-serif;
	font-size:10px;
	height:20px;
	line-height:19px;
	padding:0 0 0 1px;
}

.button_2 {
	background:url(../img/bg/button_left_2.gif) no-repeat;
	margin:0 20px 0 0;
}

#order_overview .buttons {
	border-bottom:1px solid #DDD;
	height:40px;
	margin-bottom:20px;
}

#order_remarks_wrapper {
	display:none;
}

#order_overview textarea#order_remarks {
	padding:0;
	width:300px;
}

#order_overview .button_2 {
	float:right;
}

.button div,
.button_1 a,
.button_2 a {
	background:url(../img/bg/button_right.gif) no-repeat right top;
	float:left;
	padding:0 1px 0 0;
}

.button_2 a {
	background:url(../img/bg/button_right_2.gif) no-repeat right top;
}

.button a,
.button_1 a span,
.button_2 a span {
	background:url(../img/bg/button_center.gif) no-repeat center top;
	color:#FFF;
	cursor:pointer;
	float:left;
	font-weight:bold;
	height:20px;
	padding:0 10px;
	text-decoration:none;
	text-transform:uppercase;
}

.button_2 a span {
	background:url(../img/bg/button_center_2.gif) no-repeat center top;
}

.button a:hover,
.button_1 a:hover,
.button_2 a:hover {
	text-decoration:none;
}

#content .breadcrumb {
	font-size:11px;
	left:25px;
	position:absolute;
	top:125px;
}

#content .breadcrumb a {
	color:#000;
}

/* forms */
.feedback_info,
.cs_feedback_info {
	color:#b60000;
	font-weight:bold;
}

.error {
	color:#b60000;
}

.cs_form_wrapper {
	margin:0 0 40px 0;
}

.cs_form_wrapper .cs_form_label label {
	font-size:12px;
	font-weight:normal;
	padding:0;
	width:150px;
}

.cs_form_wrapper .cs_form_info {
	margin:20px 0 10px 0;
}

.order_steps {
	clear:both;
	margin-bottom:20px
}

.cs_form_wrapper fieldset {
	border:0;
	padding:0 0 10px 0;
}

.cs_form_wrapper legend,
.order_steps legend,
#form_extra_information legend {
	color:#000;
	display:block;
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:0 0 20px 0;
}

.cs_form_wrapper .cs_form_input input,
.cs_form_wrapper .cs_form_input input:hover,
.cs_form_wrapper .cs_form_input textarea,
.cs_form_wrapper .cs_form_input textarea:hover,
.cs_form_wrapper .cs_form_input select,
.cs_form_wrapper .cs_form_input select:hover {
	background:#26dc9a;
	border:0;
	color:#000;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:12px;
	height:16px;
	padding:2px 5px 0 5px;
	width:290px;
}

#content .cs_form_wrapper .cs_form_input input.cs_checkbox,
#content .cs_form_wrapper .cs_form_input input.cs_radio,
#content .cs_form_wrapper .cs_form_input input.radio,
#content input.radio,
#content .cs_form_wrapper .cs_form_input input.cs_checkbox:hover,
#content .cs_form_wrapper .cs_form_input input.cs_radio:hover,
#content .cs_form_wrapper .cs_form_input input.radio:hover,
#content input.radio:hover {
	background:none;
	height:14px;
	width:14px;
}


.cs_form_wrapper .cs_form_input textarea,
.cs_form_wrapper .cs_form_input textarea:hover,
.cs_form_wrapper .cs_form_input select,
.cs_form_wrapper .cs_form_input select:hover {
	height:18px;
	width:300px;
}

.cs_form_wrapper .cs_form_input textarea:hover,
.cs_form_wrapper .cs_form_input textarea {
	height:100px;
	width:290px;
}

.cs_form_wrapper .cs_form_button {
	margin:20px 75px 0 0;
}

#order_confirmed_ideal input,
#content .cs_form_wrapper .cs_form_button input {
	background:url(../img/bg/button_center.gif) no-repeat center top;
	border:0;
	color:#FFF;
	cursor:pointer;
	font-weight:bold;
	height:20px;
	padding:0 10px;
}

.row {
	min-height:30px;
}

.row .label {
	float:left;
	width:150px;
}

.row .field {
	float:left;
	width:300px;
}

.row .field input,
.row .field textarea,
.row .field select {
	width:290px;
}

.row .field textarea,
.row .field select {
	height:18px;
	width:300px;
}

.row .field textarea {
	height:100px;
}

.row .info {
	display:inline;
	float:left;
	margin:0 0 0 10px;
	width:10px;
}

/* popup */
#popup_shadow,
#popup {
	border:1px solid #FFF;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:12px;
	left:0;
	line-height:16px;
	margin:0 0 0 -175px;
	padding:2px;
	position:fixed;
	top:0;
	width:344px;
	z-index:1001
}

#popup_shadow {
	background:#000;
	border:0;
	filter:alpha(opacity=25);
	margin:0 0 0 -171px;
	opacity:0.25;
	padding:0;
	width:350px;
	z-index:1000
}

#popup #popup_inner {
	background:#FFF;
	overflow:auto;
	padding:20px
}

#popup h3 {
	font-size:11px;
	margin:0 0 10px 0;
	padding:0
}

#popup p {
	color:#484A4B;
	margin:0 0 20px 0;
	padding:0
}

#popup .buttons {
	height:18px
}

#popup .buttons .button_1,
#popup .buttons .button_2 {
	margin-right:10px
}

#loading_icon {
	height:50px;
	left:50%;
	margin:-25px 0 0 -25px;
	position:fixed;
	top:50%;
	width:50px;
	z-index:1001
}

#loading_icon img {
	height:50px;
	width:50px
}