@charset "UTF-8";
@media screen {
	* {margin:0; padding: 0}
	html {height: 100%}
	html>body {font-size: 10px;}
	body {min-height: 101%; font-size: 100.01%; font-family: helvetica, verdana, arial, sans-serif; background: #fff url(../images/back_page.jpg) top left repeat-x;}
	a {text-decoration: none; color: #A96EB4;}
	a:link {}
	a:visited {}
	a:hover {text-decoration: underline;}
	a:active {}
	img {border: 0;}
	strong {font-weight: bold;}
	p {color: #666; font-size: 9pt; font-weight: normal; line-height: 12pt;}
	p.account_info {padding: 10px 15px;}
	h2 {font-weight: bold; padding: 10px 0px 0px 15px;}
	h3 {color: #cc66cc; font-weight: bold; font-size: 16pt; margin: 0px 0px 35px 0px;}
	h4 {color: #cc66cc; font-weight: bold; font-size: 12pt; margin: 0px 0px 20px 0px;}
	h5 {margin: 20px 0px 20px 0px; font-size: 10pt; font-weight: bold;}
 
	/* form behaviour */
	form.pageform {padding: 30px 15px;}
	form.pageform label {font-size: 8pt; float: left; margin: 4px 0px; max-width: 580px;}
	form.pageform label a {cursor: pointer;}
	form.pageform input {background: transparent; font-size: 9pt; color: #535353; width: 375px; float: right; border: 1px solid #ccc; margin: 5px 0px;}
	form.pageform input:focus {border: 1px solid #cc66cc;}
	form.pageform input.formsubmit {clear: both; background: #cc66cc url(../images/button_send.png) top left no-repeat; width: 104px; height: 29px; color: #fff; font-weight: bold; border: none; margin: 0px 15px 0px 0px; cursor: pointer;}
	form.pageform input.formsubmit:hover {color: #ccff00;}
  form.pageform input.formcheckbox {width: auto;}
	form.pageform select {width: 375px; float: right;}
	form.pageform textarea {width: 375px; background: transparent; font-size: 9pt; float: right; border: 1px solid #ccc;}
	form.pageform div.field {width: 600px; display: block; clear: both; padding: 5px 0px;}
	form.pageform div.error input {border: 1px solid #be0006; background: #ffffc1 !important;}
	form.pageform div.error select {border: 1px solid #be0006; background: #ffffc1 !important;}
	form.pageform div.error input:focus {background: transparent !important;}
	form.pageform div.error label {font-size: 9pt !important;}
	form.pageform div#form_error {clear: both; font-size: 9pt; color: #be0006; margin: 0px 0px 0px 225px; font-weight: bold; padding: 0px 0px 10px 0px;}
	form.pageform ul.errorlist {clear: both; font-size: 9pt; color: #be0006; padding: 5px 0px; margin: 0px 0px 0px 225px;}
  span.successtext {text-align: center; color: #cc66cc; font-size: 9pt;}
 
	/* workaround active links main_menu */
	body#browse div#main_menu ul li a#browse_link,
	body#help div#main_menu ul li a#help_link,
	body#my div#main_menu ul li a#my_link,
	body#registration div#main_menu ul li a#login_link,
	body#checkout div#main_menu ul li a#basket_link,
	body#upload div#main_menu ul li a#upload_link {color: #CCFF00;}

    /* make link align right in category overlay */
    body#browse div.overlay div.overlay_content p { text-align: right; }
 
	/* workaround stage */
	body#stage div#main {width: 990px; padding: 0;}
 
	/* clearfix */
	.clearfix {clear: both;}
  .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
 
	/* heading */
	img.help_header {margin: 0px 0px 15px 0px;}
	img.myernesto_header {margin: 0px 0px 15px 0px;}
	img.basket_header {margin: 0px 0px 15px 0px;}
 
	/* layout */
	div#page {width: 100%;}
	div#main {color: #757575; margin: 0 auto; clear: both; padding: 0px 15px; width: 96em; min-height: 40em;}
 
	/* header */
	div#header {width: 100%; height: 90px;}
	div#header div#brand {float: left; height: 90px; width: 230px; background: transparent url(../images/back_brand_rundung_trauerkarte.png) top right no-repeat;}
	div#header div#brand img.logo {margin: 5px 0px 0px 0px;}
	div#header div#main_menu {height: 40px; margin: 0px 0px 50px 230px; background: transparent url(../images/back_main_menu_trauerkarte.png) top left repeat-x; font-weight: normal; font-size: 8pt; color: #ccc;}
	div#header div#main_menu a {color: #fff; font-size: 9pt; font-weight: bold; padding: 0px 5px;}
	div#header div#main_menu a:hover {color: #CCFF00; text-decoration: none;}
	div#header div#main_menu a.active {color: #ccff00;}
	div#header div#main_menu ul li {display: inline;}
	div#header div#main_menu ul#main_menu_left {float: left; margin: 10px 0px 0px 0px;}
	div#header div#main_menu ul#main_menu_right {float: right; margin: 10px 30px 0px 0px;}
 
	/* sidebar & menu */
	div#main div#sidebar {z-index: 1; float: left; height: auto;}
	div#main div#sidebar div#searchbox {height: 65px; background: transparent url(../images/back_searchbox.png) top left no-repeat;}
	div#main div#sidebar div#searchbox form {padding: 30px 0px 0px 35px;}
	div#main div#sidebar div#searchbox form input {color: #666; border: none; padding: 0; margin: 0; width: 120px; font-size: 9pt; line-height: 9pt; background: transparent;}
	div#main div#sidebar div#sub_menu {width: 182px; margin-bottom: 15px;}
	div#main div#sidebar div#sub_menu ul.sub_menu {border-bottom: 1px solid #ccc;}
	div#main div#sidebar div#sub_menu ul.sub_menu li a {color: #666;}
	div#main div#sidebar div#sub_menu ul.sub_menu li a.sub_menu_header {font-size: 10pt; font-weight: bold; background: #cc66cc url(../images/back_slider_header.png) top left no-repeat; color: #fff; display: block; line-height: 30px; padding: 0px 0px 0px 15px; height: 30px;  border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
	div#main div#sidebar div#sub_menu ul.sub_menu li a.sub_menu_header:hover {color: #CCFF00; text-decoration: none;}
	div#main div#sidebar div#sub_menu ul.sub_menu li a.head {border: none; background: #cc66cc url(../images/back_slider_header_head.png) top left no-repeat;}
	div#main div#sidebar div#sub_menu div.sub_menu_foot {background: transparent url(../images/back_slider_bottom.png) bottom left no-repeat; margin: -11px 0px 0px 0px; height: 11px;}
	div#main div#sidebar div#sub_menu ul.cat_menu {min-height: 230px; width: 180px; padding: 10px 0px;background: #e8e8e8 url(../images/back_slider.png) top left repeat-x; border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
	div#main div#sidebar div#sub_menu ul.cat_menu li {padding: 5px 0px 5px 15px; display: block; width: 100%;}
	div#main div#sidebar div#sub_menu ul.cat_menu li a {font-weight: normal; font-size: 9pt;}
	div#main div#sidebar div#sub_menu ul.cat_menu li a:hover {color: #CC66CC; text-decoration: none;}
	div#main div#sidebar div#sub_menu ul.cat_menu li a.sub_menu_active {color: #CC66CC;}
	div#main div#sidebar div#sub_menu ul.cat_menu_sub01 {padding: 0px 0px 0px 10px;}
	div#main div#sidebar div#sub_menu ul.cat_menu_sub02 {padding: 0px 0px 0px 10px;}
	div#main div#sidebar div#sub_menu ul.cat_menu_sub02 li a {font-weight: normal; font-size: 8pt;}
	div#main div#sidebar div#sub_menu ul.generic_menu {min-height: 230px; width: 180px; padding: 10px 0px;background: #e8e8e8 url(../images/back_slider.png) top left repeat-x; border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
	div#main div#sidebar div#sub_menu ul.generic_menu li {padding: 10px 0px 10px 15px; display: block; border-bottom: 1px solid #e1e1e1;}
	div#main div#sidebar div#sub_menu ul.generic_menu li a {font-weight: normal; font-size: 9pt; line-height: 12pt;}
	div#main div#sidebar div#sub_menu ul.generic_menu li a:hover {color: #CC66CC; text-decoration: none;}
	div#main div#sidebar div#sub_menu ul.generic_menu li a.sub_menu_active {color: #CC66CC;}
 
	/* content */
	div#main div#content {z-index: 3; float: right; font-size: 11pt; width: 770px;}
	div#main div#content img.myernesto_header {}
	div#main div#content div.block_head {background: transparent url(../images/back_content_head.png) top left no-repeat; width: 765px; height: 30px; font-size: 10pt; font-weight: normal; z-index: 5;}
	div#main div#content div.block_head a {color: #666; clear: both;}
	div#main div#content div.block_head a:hover {color: #cc66cc; text-decoration: none;}
	div#main div#content div.block_content {background: #e6e6e6 url(../images/back_content.png) top left repeat-x; border: 1px solid #ccc; clear: both; width: 765px; padding: 0px 0px 50px 0px;}
	div#main div#content div.block_foot {background: transparent url(../images/back_content_foot.png) bottom left no-repeat; clear: both; display: block; height: 11px; margin: -11px 0px 26px 0px;}
  div#main div#content div.disclaimer {padding: 0px 15px; margin: 5px 0px 0px 0px;}
  div#main div#content div.disclaimer p {float: right;}
 
	div#main div#content div.upload_content {width: 730px; height: 120px; min-height: 0; padding: 20px 20px 20px 15px;}
	div#main div#content div.upload_content div#helptext {width: 50%; float: right; padding: 20px 0px 0px 0px;}
	div#main div#content div.upload_content div#helptext p {margin: 0px 0px 6px 0px;}
	div#main div#content div.upload_content div#upload_field p {margin: 0px 0px 20px 0px;}
	div#main div#content div.upload_content div#upload_field form#uploadform input {background: transparent; font-size: 9pt; color: #666;}
	div#main div#content div.upload_content div#upload_field form#uploadform input.formsubmit {background: #cc66cc url(../images/button_send.png) top left no-repeat; width: 104px; height: 29px; color: #fff; font-weight: bold; border: none; cursor: pointer; margin: 20px 0px;}
	div#main div#content div.upload_content div#upload_field form#uploadform input.formsubmit:hover {color: #ccff00; text-decoration: none;}
	div#main div#content div.upload_content div#upload_field form#uploadform ul.errorlist {padding: 5px 0px;font-size: 9pt; color: #be0006;}
	div#main div#content div.upload_foot {margin: -11px 0px 20px 0px;}
 
	/* footer */
	div#footer {display: block; background: #fff url(../images/footer_back.jpg) top left repeat-x; margin: 30px 0px 0px 0px;}
	div#footer div#footer_content {clear: both; display: block; width: 960px; margin: 0px auto; font-size: 9pt; padding: 30px 15px;}
	div#footer div#footer_content ul.head {}
	div#footer div#footer_content ul.head li {float: left; display: block; margin: 0px 50px 0px 0px;}
	div#footer div#footer_content ul.head li a {font-weight: bold; color: #969696;}
	div#footer div#footer_content ul.head li a:hover {text-decoration: none; color: #cc66cc;}
	div#footer div#footer_content ul.sub {margin: 10px 0px 0px 0px;}
	div#footer div#footer_content ul.sub li {float: none; margin: 0; padding: 2px 0px;}
	div#footer div#footer_content ul.sub li a {font-weight: normal; color: #aaaaaa;}
	div#footer div#footer_content ul.sub li a.highlight {color: #cc66cc;}
	div#footer div#footer_content div#payment {float: right;}
	
	
	/* browse */
	div#path {float: left;}
	div#path ul li {display: inline; background: transparent url(../images/back_path.png) top right no-repeat; line-height: 30px; padding: 7px 30px 10px 15px;}
	div#path ul li a {height: 0px;}
	div#paginator {float: right; margin: 10px 15px 0px 0px;}
	div#paginator ul li {display: inline;}
	div#paginator ul li.current {color: #cc66cc;}
	div#paginator span.spacer {padding: 0px 5px; font-size: 9pt;}
	
	div#main div#content div.cardlist {border: 1px solid #ccc; width: 763px; padding: 15px 0px;}
  div#main div#content div.cardlist div.card {width: 140px; height: 190px; float: left; margin: 0px 5px 30px 5px; text-align: center; border-bottom: 1px solid #ccc;}
  div#main div#content div.cardlist div.card div.image {height: 160px; line-height: 160px;}
  div#main div#content div.cardlist div.card div.image img {vertical-align: bottom;}
  div#main div#content div.cardlist div.card div.image img.upload-foto {margin: 6px 0px 0px 0px; z-index: 100;}
  div#main div#content div.cardlist div.card ul {position: relative; left: 40px;}
  div#main div#content div.cardlist div.card ul li {float: left;}
  div#main div#content div.cardlist div.card ul li a {display: block; width: 30px; height: 24px; }
  div#main div#content div.cardlist div.card ul li a:hover {text-decoration: none;}
  div#main div#content div.cardlist div.card ul li a.bookmark {background: transparent url(../images/icon_bookmark.png) 2px 0px no-repeat;}
  div#main div#content div.cardlist div.card ul li a.bookmark:hover {background-position: 2px -24px;}
  div#main div#content div.cardlist div.card ul li a.bookmarked {background: transparent url(../images/icon_bookmark.png) 2px -48px no-repeat;}
  div#main div#content div.cardlist div.card ul li a.bookmarked:hover {background-position: 2px -48px;}
  div#main div#content div.cardlist div.card ul li a.create {background: transparent url(../images/icon_create.png) 0px 0px no-repeat;}
  div#main div#content div.cardlist div.card ul li a.create:hover {background-position: 0px -24px;}
  
  div#main div#content div.cardlist_foot {background: transparent url(../images/browse_cardlist_foot.jpg) top left no-repeat; width: 765px; height: 30px; font-size: 10pt; font-weight: normal; z-index: 5;}
  div#main div#content div.cardlist_foot a {color: #666; clear: both;}
	div#main div#content div.cardlist_foot a:hover {color: #cc66cc; text-decoration: none;}
  
	/*div#main div.postcard {height: 264px; float: left; width: 136px; padding-left: 15px; padding-top: 42px;}
	div#main div.postcard_image {height: 174px; text-align: center;}
	div#main div.landscape div.image_gradient {width: 136px;}
	div#main div.landscape img {margin-top: 20px;}
	div#main div.portrait div.image_gradient {width: 96px; margin-left: 20px;}
	div#main div.image_gradient {height: 30px; background: transparent url(../images/back_image_gradient.png) top left repeat-x;}
	div#main div.postcard_info {height: 60px;}
	div#main div.postcard_info ul.postcard_menu {height: 24px; border-bottom: 1px solid #a4a4a4; margin-bottom: 10px; padding: 0px 30px;}
	div#main ul.postcard_menu li {float: left;}
	div#main ul.postcard_menu li a {display: block; width: 30px; height: 24px; }
	div#main ul.postcard_menu li a:hover {text-decoration: none;}
	div#main ul.postcard_menu li a.bookmark {background: transparent url(../images/icon_bookmark.png) 2px 0px no-repeat;}
	div#main ul.postcard_menu li a.bookmark:hover {background-position: 2px -24px;}
	div#main ul.postcard_menu li a.bookmarked {background: transparent url(../images/icon_bookmark.png) 2px -48px no-repeat;}
	div#main ul.postcard_menu li a.bookmarked:hover {background-position: 2px -48px;}
	div#main ul.postcard_menu li a.create {background: transparent url(../images/icon_create.png) 0px 0px no-repeat;}
	div#main ul.postcard_menu li a.create:hover {background-position: 0px -24px;}
	div#main ul.postcard_menu li a.sent {background: transparent url(../images/icon_sent.png) 2px 2px no-repeat;}
	div#main ul.postcard_menu li a.sent:hover {background-position: 2px -23px;}
	div#main ul.postcard_menu li a.delete {background: transparent url(../images/icon_trash.png) 2px 2px no-repeat;}
	div#main ul.postcard_menu li a.delete:hover {background-position: 2px -46px;}
	div#main div.postcard_info h2 {color: #666; font-size: 10pt; font-weight: bold; margin: 0px 0px 5px 0px; padding: 0px;}*/
 
	/* myernesto */
	div#myernesto_info {width: 780px; margin: 15px 0px; min-height: 450px;}
	div#myernesto_info div {margin-right: 15px; display: block; float: left; width: 245px;}
	div#myernesto_info div.myblock_head {width: 245px; height: 30px; background: transparent url(../images/myblock_head.png) top left no-repeat;}
	div#myernesto_info div.myblock_head h3 {padding: 10px 0px 0px 15px;}
	div#myernesto_info div.myblock_content {width: 243px; height: 415px; background: #efefef url(../images/myblock_content.png) top left repeat-x; border: 1px solid #ccc;}
	div#myernesto_info div.myblock_content div.mybookmarkcard {margin: 0; float: none; width: auto;}
	div#myernesto_info div.myblock_content p {line-height: 11pt;}
	div#myernesto_info div.myblock_content img.preview {padding: 15px;}
	div#myernesto_info div.myblock_content div.myblock_smallmenu {width: 125px; height: 55px; clear: both; float: right; padding: 15px 0px 0px 0px;}
	div#myernesto_info div.myblock_content div.myblock_smallmenu ul li {float: left;}
	div#myernesto_info div.myblock_content div.myblock_smallmenu ul li a {display: block; width: 30px; height: 24px;}
	div#myernesto_info div.myblock_content div.myblock_smallmenu ul li a.bookmark {background: transparent url(../images/icon_bookmark.png) 2px -48px no-repeat;}
	div#myernesto_info div.myblock_content div.myblock_smallmenu ul li a.create {background: transparent url(../images/icon_create.png) 0px 0px no-repeat;}
	div#myernesto_info div.myblock_content div.myblock_smallmenu ul li a.create:hover {background-position: 0px -24px;}
	div#myernesto_info div.myblock_content div.myblock_smallmenu ul li a.sent {background: transparent url(../images/icon_sent.png) 2px 2px no-repeat;}
	div#myernesto_info div.myblock_content div.myblock_smallmenu ul li a.sent:hover {background-position: 2px -23px; text-decoration: none;}
	div#myernesto_info div.myblock_content div.myblock_smallmenu h5 {clear: both; padding: 5px 0px 0px 5px;}
	div#myernesto_info div.myblock_content div.myblock_smallmenu p {padding: 0px 0px 0px 5px;}
	div#myernesto_info div.myblock_content a {font-size: 9pt;}
	div#myernesto_info div.myblock_content p.empty {padding: 10px 15px;}
	div#myernesto_info div.myblock_foot {width: 245px; height: 11px; clear: both; display: block; background: transparent url(../images/myblock_foot.png) bottom left no-repeat; margin-top: -11px;}
	div#myernesto_info a.more {clear: both; margin: 15px; float: right; color: #666;}
	div#myernesto_info a.more:hover {color: #cc66cc; text-decoration: none;}
	/*div#myernesto_info div#myernseto_bookmarks div.myblock_content div.disclaimer {clear: both; float: none; margin: 0; padding: 0px;}
	div#myernesto_info div#myernseto_bookmarks div.myblock_content div.disclaimer p {font-size: 7pt; width: 220px; float: none;}*/
	div#myernesto_info div#myernseto_bookmarks div.myblock_content p.disclaimer {clear: both; font-size: 7pt; padding: 5px;}
	div#myernesto_info div.myblock_content div.home_order {border-bottom: 1px solid #a2a2a2; overflow: hidden; width: 220px; padding: 10px 0px; margin: 0px 10px;}
 
	/* myernesto news */
	div#news div.block_head {background: transparent url(../images/news_head.png) top left no-repeat !important;}
	div#news div.block_content {min-height: 200px !important;}
	div#news div.block_content div.news {clear: both; border-bottom: 1px solid #a6a6a6; margin: 15px; display: block; padding: 0px 0px 15px 0px;}
	div#news div.block_content div.news h3 {font-weight: bold; font-size: 10pt; margin-bottom: 15px; color: #535353 !important;}
	
	/* myernesto addressbook */
	div#main div#content div#address_list {width: 180px; height: 360px; float: left;  background: transparent url(../images/myaddressbook_list_back.jpg) left top no-repeat scroll; margin: 0px 15px 0px 0px;}
	div#main div#content div#address_list_content {width: 150px; height: 330px; overflow: auto; padding: 15px;}
	div#main div#content div#address_list_content ul li {font-size: 9pt; margin: 0px 0px 5px 0px;}
	div#main div#content div#address_list_content ul li a {color: #999;}
	
  div#main div#content div#address_form {width: 570px; height: 360px; background: transparent url(../images/myaddressbook_form_back.jpg) left top no-repeat scroll; margin: 0px 0px 0px 195px;}
  div#main div#content div#address_form_content {width: 540px; height: 330px; overflow: auto; padding: 15px; overflow: hidden}
  div#main div#content div#address_form_content div.field {margin: 0px 0px 3px 0px; height: 23px;}
  div#main div#content div#address_form_content div.field div.label {width: 140px; text-align: right; float: left; margin: 0px 20px 0px 0px;}
  div#main div#content div#address_form_content div.field label {font-size: 9pt; color: #999; line-height: 17pt; vertical-align: bottom; text-align: right;}
  div#main div#content div#address_form_content div.field select {width: 322px; border: 1px solid #999;}
  div#main div#content div#address_form_content div.field select:focus {border: 1px solid #cc66cc;}
  div#main div#content div#address_form_content div.field input {width: 310px; height: 16px; background: #fff; border: 1px solid #ccc; color: #000; padding: 2px 5px; vertical-align: bottom;}
  div#main div#content div#address_form_content div.field input:focus {border: 1px solid #cc66cc;}
  div#main div#content div#address_form_content div.field input#id_firstname {width: 145px; margin: 0px 8px 0px 0px;}
  div#main div#content div#address_form_content div.field input#id_lastname {width: 145px;}
  div#main div#content div#address_form_content div.field input#id_zip {width: 45px; margin: 0px 4px 0px 0px;}
  div#main div#content div#address_form_content div.field input#id_city {width: 245px;}
  div#main div#content div#address_form_content div.field input#id_birthday {width: 120px;}
  div#main div#content div#address_form_content div.field input#id_anniversary {width: 120px;}
  div#main div#content div#address_form_content div.disclaimer {margin: 0px 0px 0px 145px; font-size: 8pt;}
  div#main div#content div#address_form_content input.formsubmit {clear: both; background: #cc66cc url(../images/button_send.png) top left no-repeat; width: 104px; height: 29px; color: #fff; border: none; margin: 0px 15px 0px 0px; cursor: pointer; float: right;}
  div#main div#content div#address_form_content input.formsubmit:hover {color: #ccff00;}
  
  div#main div#content div#address_foot {margin: 15px 0px 0px 195px;}
  div#main div#content div#address_foot a.new {display: block; width: 120px; height: 15px; background: transparent url(../images/buyflow_button_grey.png) left top no-repeat; color: #fff; text-align: center; font-size: 8pt; padding: 5px 0px 0px 0px; float: left; margin: 0px 15px 0px 0px;}
  div#main div#content div#address_foot form {}
  div#main div#content div#address_foot form input.formsubmit {width: 120px; height: 20px; background: transparent url(../images/buyflow_button_grey.png) top left no-repeat; border: 0; color: #fff; font-size: 8pt;}
  
  div#main div#content div#address_import {width: 540px; height: 310px; overflow: auto; background: transparent url(../images/myaddressbook_form_back.jpg) left top no-repeat; padding: 25px 15px;}
  div#main div#content div#address_import p {margin: 0px 0px 15px 0px;}
  div#main div#content div#address_import div.label {width: 140px; text-align: right; float: left; margin: 0px 20px 0px 0px;}
  div#main div#content div#address_import label {font-size: 9pt; color: #999; line-height: 15pt; vertical-align: bottom; text-align: right;}
  div#main div#content div#address_import select {width: 310px; border: 1px solid #999;}
  div#main div#content div#address_import select:focus {border: 1px solid #cc66cc;}
  div#main div#content div#address_import input {width: 310px; height: 22px; background: #fff; border: 1px solid #ccc; color: #000; padding: 2px 5px; vertical-align: bottom;}
  div#main div#content div#address_import input:focus {border: 1px solid #cc66cc;}
  div#main div#content div#address_import input.formsubmit {clear: both; background: #cc66cc url(../images/button_send.png) top left no-repeat; width: 104px; height: 29px; color: #fff; border: none; margin: 0px 15px 0px 0px; cursor: pointer; float: right;}
	div#main div#content div#address_import input.formsubmit:hover {color: #ccff00;}
  
	/* order */
	div#content div.block_content div.order_item {margin: 25px 15px; border-bottom: 1px solid #a6a6a6; padding: 0px 0px 25px 0px;}
	div#content div.block_content div.order_item table {margin: 10px 0px; font-size: 9pt;}
	div#content div.block_content div.order_item table tr td {width: 100px; padding: 5px 0px;}
	div#content div.block_content div.order_item table tr td.info {width: 150px;}
	div#content div.block_content div.order_item table tr td.address {width: 150px;}
	div#content div.block_content div.order_item table tr td.quantity {text-align: right;}
	div#content div.block_content div.order_item div.interactive {clear: both; font-size: 9pt;}
	div#content div.block_content div.order_item div.interactive ul li {display: inline;}
 
	/* checkout */
	div#send_date {float: right; width: 310px; font-size: 9pt; color: #535353;}
	div#send_date div#send_date_head {width: 311px; height: 31px; background: url(../images/send_date_head.png) top left no-repeat;}
	div#send_date div#send_date_content {width: 269px; border: 1px solid #ccc; background: #e6e6e6 url(../images/back_content.png) top left repeat-x; padding: 10px 20px;}
	div#send_date div#send_date_foot {width: 311px; height: 11px; margin: -11px 0px 0px 0px; background: transparent url(../images/send_date_foot.png) bottom left no-repeat;}
 
	div#send_date div#send_date_content p span.date {color: #cc66cc; font-size: 10pt; margin: 0px 2px;}
	div#send_date div#send_date_content form#change_date {margin: 10px 0px; padding: 0px 0px 30px 0px; border-bottom: 1px solid #ccc;}
	div#send_date div#send_date_content form#change_date input {border: 1px solid #ccc; background: transparent; color: #535353; float: left; margin: 15px 20px 0px 0px; font-size: 10pt;}
	div#send_date div#send_date_content form#change_date input.formsubmit {border: 0; width: 69px; height: 24px; background: transparent url(../images/send_date_save.png) top left no-repeat; color: #fff; margin: 12px 0px 0px 0px; font-weight: bold; vertical-align: middle; font-size: 8pt;}
	div#send_date div#send_date_content form#change_date input.formsubmit:hover {cursor: pointer; color: #ccff00;}
	div#send_date div#send_date_content form#change_date div.error input {border: 2px solid #be0006; background: #ffffc1 !important;}
	div#send_date div#send_date_content form#change_date div.error input:focus {background: transparent !important;}
	div#send_date div#send_date_content form#change_date div.error label {font-size: 9pt !important;}
	div#send_date div#send_date_content form#change_date ul.errorlist {clear: both; font-size: 9pt; color: #be0006; padding: 5px 0px;}
	div#send_date div#send_date_content p.info {font-size: 8pt;}
 
  /* date selctor */
  .date_selector, .date_selector * {width: 160px; height: auto; border: none; background: none; margin: 0; padding: 0; text-align: left; text-decoration: none; font-size: 9pt;}
  .date_selector {border: 1px solid #ccc; padding: 5px; margin: -1px 0 0 0;  background: #e6e6e6 url(../images/back_content.png) top left repeat-x;}
  .date_selector .month_nav {margin: 0 0 5px 0; padding: 0; display: block;}
  .date_selector .month_name {font-weight: bold; line-height: 20px; display: block; text-align: center;}
  .date_selector .month_nav a {display: block; position: absolute; top: 5px; width: 20px; height: 20px; line-height: 17px; font-weight: bold; text-align: center; font-size: 120%; overflow: hidden;}
  .date_selector .month_nav a:hover, .date_selector .month_nav a:focus {background: none; text-decoration: underline;}
  .date_selector .prev {left: 5px;}
  .date_selector .next {right: 5px;}
  .date_selector table {border-spacing: 0; border-collapse: collapse;}
  .date_selector th, .date_selector td {width: 2.5em; height: 2em; padding: 0; text-align: center;}
  .date_selector td { border: 1px solid #ccc; line-height: 2em; text-align: center; white-space: nowrap; background: white;}
  .date_selector td.today {}
  .date_selector td.unselected_month {}
  .date_selector td a {display: block; text-decoration: none; width: 100%; height: 100%; line-height: 2em; text-align: center;}
  .date_selector td a:hover {text-decoration: underline;}
  .date_selector td.today a {}
  .date_selector td.selected a {font-weight: bold; font-size: 9pt;}
  .date_selector td a:hover {text-decoration: underline;}
 
	div#basket {float: left; color: #535353; font-size: 9pt; margin: 0px 0px 15px 0px;}
	div#basket div#basket_head {width: 636px; height: 31px; background: transparent url(../images/basket_header.png) top left no-repeat;}
	div#basket div#basket_content {width: 634px; background: #e6e6e6 url(../images/back_content.png) top left repeat-x; border: 1px solid #ccc; padding: 0px 0px 55px 0px;}
	div#basket div#basket_foot {width: 636px; height: 11px; margin: -11px 0px 0px 0px; background: transparent url(../images/basket_foot.png) bottom left no-repeat;}
 
	div#basket div#basket_content table {border-collapse: collapse; width: 604px; margin: 0px 15px; font-size: 10pt;}
	div#basket div#basket_content table thead tr {color: #ccc; font-size: 9pt; height: 25px;}
	div#basket div#basket_content table thead tr td {text-align: left; vertical-align: middle;}
	div#basket div#basket_content table thead tr td.unit {text-align: right; width: 100px;}
	div#basket div#basket_content table thead tr td.price {text-align: right; width: 100px;}
	div#basket div#basket_content table tbody tr.entry {border-bottom: 1px solid #ccc; padding: 0px 5px; height: 25px;}
	div#basket div#basket_content table tbody tr.entry:hover {/*background: #ffffc1; color: #cc66cc;*/}
	div#basket div#basket_content table tbody tr.error {border: none; height: auto;}
	div#basket div#basket_content table tbody tr.error_address {border-bottom: 1px solid #ccc; font-size: 10pt;}
	div#basket div#basket_content table tbody tr td {padding: 10px 0px; vertical-align: middle;}
	div#basket div#basket_content table tbody tr td p {margin: 5px 0px;}
	div#basket div#basket_content table tbody tr td.preview {text-align: center; padding: 5px;}
	div#basket div#basket_content table tbody tr td.preview img.small {width: 50px; margin: auto;}
	div#basket div#basket_content table tbody tr td.item {width: auto;}
	div#basket div#basket_content table tbody tr td.unit {text-align: right;}
	div#basket div#basket_content table tbody tr td.price {width: 100px; text-align: right;}
	div#basket div#basket_content table tbody tr td.create {width: 50px;}
	div#basket div#basket_content table tbody tr td.create a {display: block; width: 30px; height: 24px; margin: 0px 0px 0px 20px; background: transparent url(../images/icon_create.png) 0px 0px no-repeat; text-decoration: none;}
	div#basket div#basket_content table tbody tr td.create a:hover {background-position: 0px -24px; text-decoration: none;}
	div#basket div#basket_content table tbody tr td.delete {width: 30px;}
	div#basket div#basket_content table tbody tr td.delete a {display: block; width: 30px; height: 24px; background: transparent url(../images/icon_delete.png) 0px 0px no-repeat;}
	div#basket div#basket_content table tbody tr td.delete a:hover {background-position: 0px -24px;}
	div#basket div#basket_content table tfoot tr {height: 20px;}
	div#basket div#basket_content table tfoot tr td {vertical-align: middle;}
	div#basket div#basket_content table tfoot tr td.price {text-align: right;}
	div#basket div#basket_content table tfoot tr.netto {height: 30px;}
	div#basket div#basket_content table tfoot tr.netto td {vertical-align: bottom;}
	div#basket div#basket_content table tfoot tr.brutto {height: 20px; color: #cc66cc; font-size: 11pt;}
	div#basket div#basket_content table tfoot tr.brutto td {vertical-align: bottom;}
 
	div#invoice_address {clear: both;}
	div#invoice_address div#invoice_address_info {font-size: 10pt; color: #535353; margin: 0px 0px 15px 0px;}
	div#invoice_address div#invoice_head {height: 32px; background: #a2a2a2 url(../images/invoice_head.png) top left no-repeat;}
	div#invoice_address div#invoice_content {background: #f1f1f1 url(../images/invoice_content.png) top left repeat-x; border: 1px solid #e5e5e5; padding: 10px 15px;}
	div#invoice_address div#invoice_foot {margin-top: -11px; background: transparent url(../images/invoice_foot.png) bottom left no-repeat; width: 960px; height: 11px;}
 
	div#invoice_address div#invoice_content form.pageform {padding: 0;}
 
	iframe#paygate-iframe {width: 960px; height: 400px; margin: 15px 0px; overflow: hidden; border: 0 none;}
 
	form.payment_form {float: left}
	form.payment_form input.formsubmit {background: transparent url(../images/button_payment_sent.png) top left no-repeat; width: 214px; height: 29px; color: #fff; font-weight: bold; border: none; cursor: pointer; margin: 0px 75px 0px 30px;}
	form.payment_form input.formsubmit:hover {color: #ccff00; text-decoration: none;}
	form.payment_form input.paypal {background: transparent url(../images/paypal.jpg) top left no-repeat; width: 102px; height: 30px; border: 0 solid; margin: 5px 0px 0px 70px;}
	form.payment_form input.paypal:hover {cursor: pointer;}
  
	/* static pages */
	div.site {padding: 20px 15px !important; width: 735px !important; min-height: 0 !important;}
	div.site div.article {clear: both; margin: 0px 0px 35px 0px;}
	div.site div.article p {font-size: 9pt; line-height: 10pt; width: 550px; color: #666; margin: 0px 0px 15px 0px;}
	div.site div.article table {font-size: 9pt; margin: 15px 0px;}
	div.site div.article table tr {line-height: 12pt;}
	div.site div.article table tr td {padding: 0px 15px 0px 0px;}
	div.site div.article table thead tr {vertical-align: bottom;}
	div.site div.article table thead tr td {font-weight: bold;}
	div.site div.article div.help_article {clear: both; width: 650px; margin: 30px 0px; display: block;}
	div.site div.article div.help_article p {display: inline; font-size: 10pt;}
	div.site div.article p.agb_download {display: block; margin: 30px 0px 0px 0px;}
	div.site div.article div.help_article img {width: 300px; float: right; vertical-align: baseline;}
	div.site div.article div.help_article ul {margin: 0px 0px 0px 10px; font-size: 9pt;}
	div.site div.article div.help_article ul li {margin: 5px 0px; list-style-type: square;}
	div.site div.article div.top {float: right; padding: 0px 20px 2px 0px;font-size: 8pt; border-bottom: 1px solid #d2d2d2; width: 145px; background: transparent url(../images/icon_top.png) right 2px no-repeat; text-align: right; clear: both;}
	div.site ul.pikto {font-size: 9pt; margin: 15px 15%;}
	div.site ul.pikto li {display: block; float: left; text-align: center; margin: 0px 5px;}
	div.site ul.pikto li a {color: #535353; text-align: center; margin: 0px 10px;}
	div.site ul.pikto li a:hover {color: #cc66cc; text-decoration: none;}
	div.site ul.pikto li a img {text-align: center;}
	div.site ul.pikto li a span.number {color: #cc66cc;}
	div.site ul.long {margin: 25px 0px;}
	
	/* contact page */
  p.contact {margin: 10px 20px; width: 500px;}
  p.pw_reset {clear: both; font-size: 9pt; padding: 5px 0px; margin: 0px 0px 0px 225px;}
 
	/* notice pages */
	div.notice {padding: 30px 0px;}
	div.notice h3 {margin: 0px 0px 35px 30px;}
	div.notice p {margin: 5px 30px;}
	div.notice ul {margin: 40px 30px;}
	div.notice ul li {float: left; margin: 0px 85px 0px 0px;}
	div.notice ul li a {font-size: 9pt; text-align: center; vertical-align: middle; line-height: 29px; color: #fff; display: block; width: 214px; height: 29px; background: transparent url(../images/button_payment_sent.png) top left no-repeat; font-weight: bold;}
	div.notice ul li a:hover {text-decoration: none; color: #ccff00;}
 
	/* flash notice */
	div.flash_notice {position: absolute; top: 50px; left: 0; text-align: center; width: 100%;}
	div.flash_notice p {font-size: 14pt; font-weight: bold; color: #cc66cc;}
 
	/* landing page home */
	body#home div#top {width: 680px; height: 270px; margin: 0px 0px 30px 0px; background: transparent url(../images/home_top_back.png) top left no-repeat; padding: 0px 0px 0px 280px;}
	body#home div#top ul {padding: 0px 0px 0px 180px;}
	body#home div#top ul li {float: left; margin: 0px 80px 0px 0px;}
	body#home div#top ul li a {display: block; height: 170px;}
	body#home div#top ul li a.own {width: 170px; background: #fff url(../images/home_own.jpg) left top no-repeat;}
	body#home div#top ul li a.own:hover {background-position: 0px -170px;}
	body#home div#top ul li a.choose {width: 160px; background: #fff url(../images/home_choose.jpg) left top no-repeat;}
	body#home div#top ul li a:hover {background-position: 0px -170px;}
	
	body#home div#bottom {width: 960px; height: 190px;}
	body#home div#bottom div {float: left; margin: 0px 15px 0px 0px;}
	body#home div#bottom div#left {width: 180px; height: 180px; background: #fff url(../images/home_left_back.jpg) top left no-repeat;}
	body#home div#bottom div#left a {color: #999; font-size: 10pt; text-decoration: underline;}
	body#home div#bottom div#left a:hover {color: #cc66cc;}
	body#home div#bottom div#left ul {margin: 15px 0px 0px 55px;}
	body#home div#bottom div#left ul li {margin: 0px 0px 25px 0px;}
	body#home div#bottom div#left ul li a {font-size: 11pt;}
	body#home div#bottom div#center {width: 570px; height: 180px; margin: 5px 14px 5px 0px;}
	body#home div#bottom div#right {width: 181px; height: 180px; margin: 5px 0px 5px 0px; background: transparent url(../images/home_right_back.jpg) top left no-repeat;}
	body#home div#bottom div#right a {position: absolute; display: block; width: 20px; height: 100px; line-height: 100px;}
	body#home div#bottom div#right a img {vertical-align: middle;}
	body#home div#bottom div#right a.fav {display: block; width: 140px; height: 40px; margin: 10px 0px 0px 25px;}
	body#home div#bottom div#right a.back {margin: 60px 0px 0px 15px;}
	body#home div#bottom div#right a.next {margin: 60px 0px 0px 150px;}
  body#home div#bottom div#right div.image_slider {width: 130px; height: 122px; position: relative; overflow: hidden; text-align: center; margin: 55px 40px 0px 25px; display: none;}
  body#home div#bottom div#right div.image_slider ul {position: absolute; white-space: nowrap;}
  body#home div#bottom div#right div.image_slider ul li {display: inline;}
  body#home div#bottom div#right div.image_slider ul li.landscape {margin: 0px 14px;}
  body#home div#bottom div#right div.image_slider ul li.portrait {margin: 0px 28px;}
  body#home div#bottom div#right div.image_slider ul li img {border-top: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5;}
 
	/* coverflow user */
	div#user_coverflow {background: transparent url(../images/user_coverflow.jpg) bottom left no-repeat; width: 767px; margin-top: -27px; height: 23.4em;}
	div#user_coverflow img {position: absolute; top: 0px; border: none;}
	div#user_coverflow #images {visibility: hidden;}
	div#user_coverflow #loading {text-align: center; width: 100%;}
	div#user_coverflow #loading img {margin-top: 150px; position: relative; }
	div#user_coverflow #captions {font-weight: bold; position: relative; text-align: center; z-index: 10000; color: #fff;}
	div#user_coverflow #scrollbar {visibility: hidden; position: relative; border-bottom: 1px solid #fff; z-index: 10001;}
	div#user_coverflow #slider {position: absolute; margin-top: -7px; margin-left: -7px; z-index: 10002; background-image: url(../images/slider.png); background-repeat: no-repeat; width: 14px; height: 14px;}
	div#user_coverflow #imageflow {text-align: left;}
 
	/* alb coverflow */
	div#alb_coverflow {display: block; background: transparent url(../images/alb_coverflow.jpg) top left no-repeat; width: 960px; height: 360px;}
	div#alb_coverflow img {position: absolute; top: 0px; border: none;}
	div#alb_coverflow #images {visibility: hidden;}
	div#alb_coverflow #loading {text-align: center; width: 100%;}
	div#alb_coverflow #loading img {margin-top: 220px; position: relative;}
	div#alb_coverflow #captions {font-weight: bold; position: relative; text-align: center; z-index: 10000; color: #fff; font-size: 11pt;}
	div#alb_coverflow #scrollbar {visibility: hidden; position: relative; border-bottom: 1px solid #fff; z-index: 10001;}
	div#alb_coverflow #slider {position: absolute; margin-top: -7px; margin-left: -7px; z-index: 10002; background-image: url(../images/slider.png); background-repeat: no-repeat; width: 14px; height: 14px;}
	div#alb_coverflow #imageflow {text-align: left; width: 800px; margin: 0px auto;}
 
	/* overlay - category
	img.image_overlay {cursor: pointer;}
	div.browse_overlay {width: 565px; height: 400px; display: none; position: absolute; background: transparent url(../images/browse_overlay.png) top left no-repeat; z-index: 10005; overflow: hidden;}
	div#detail_page {padding: 10px 0px; display: block; height: 380px;}
	div#detail_page a {color: #666;}
	div#detail_page a:hover {color: #cc66cc; text-decoration: none;}
	div#detail_menu {padding: 0px 15px; width: 530px;}
	div#detail_menu img {float: left;}
	div#detail_menu a.detail_close {display: block; width: 23px; height: 23px; background: transparent url(../images/icon_close.png) 0px 0px no-repeat; float: right;}
	div#detail_menu a.detail_close:hover {background: transparent url(../images/icon_close.png) 0px -23px no-repeat; text-decoration: none;}
	div#detail_image {clear: both; padding: 15px; width: 530px; text-align: center;}
	div#detail_image img {border: 1px solid #ccc; vertical-align: middle;}
	div#detail_info {position: absolute; bottom: 40px; left: 15px;}
	div#detail_info h2 {font-size: 11pt; padding: 0px; color: #cc66cc;}
	div#detail_info p {font-size: 9pt;}
	div#detail_info ul li {float: left;}
	div#detail_info ul li.spacer {padding: 0px 10px; margin: 5px 0px; font-size: 10pt; line-height: 21px;}
	div#detail_info ul li a {font-size: 11pt; padding: 0px 0px 0px 25px; height: 24px; vertical-align: baseline; display: block; line-height: 30px;}
	div#detail_info ul li a.bookmark {background: transparent url(../images/icon_bookmark.png) -4px 0px no-repeat;}
	div#detail_info ul li a.bookmark:hover {background-position: -4px -24px; text-decoration: none;}
	div#detail_info ul li a.bookmarked {background: transparent url(../images/icon_bookmark.png) -4px -48px no-repeat;}
	div#detail_info ul li a.bookmarked:hover {background-position: -4px -48px; text-decoration: none;}
	div#detail_info ul li a.create {background: transparent url(../images/icon_create.png) -2px 0px no-repeat; padding: 0px 0px 0px 30px; text-decoration: none;}
	div#detail_info ul li a.create:hover {background-position: -2px -24px; text-decoration: none;}
	div#detail_right {position: absolute; bottom: 40px; right: 15px; vertical-align: middle; line-height: 35px;}
	div#detail_right span.price {color: #cc66cc; font-size: 12pt;}
	div#detail_right a {position: relative; bottom: -8px;}
	div#detail_foot {clear: both; position: absolute; left: 0; bottom: 7px; padding: 0px 15px;}
	div#detail_foot ul li {font-size: 10pt; display: inline; background: transparent url(../images/browse_overlay_path.png) top right no-repeat; line-height: 31px; padding: 9px 30px 20px 0px;}
	div#detail_foot ul li a.current {color: #cc66cc;}*/
	
  /* overlay */
  div.overlay {position: absolute; display: none; z-index: 10005; background: #fff; border: 1px solid #999;}
  div.overlay a.close {position: absolute; right: -20px; top: -18px; display: block; width: 37px; height: 38px; background: transparent url(../images/overlay_close.png) left top no-repeat; text-indent: -30000px;}
  div.overlay a.close:hover {background: transparent url(../images/overlay_close_hover.png) -1px 0px no-repeat;}
  div.overlay div.overlay_content {padding: 15px;}
  div.overlay div.overlay_content img {border: 1px solid #d6d5d6;}
  div.overlay div.overlay_content div.portraitlarge {width: 324px; height: 450px;}
  div.overlay div.overlay_content div.landscapelarge {width: 450px; height: 324px;}
  div.overlay div.overlay_content div.portrait {width: 234px; height: 325px;}
  div.overlay div.overlay_content div.landscape {width: 325px; height: 234px;}
  div.overlay div.overlay_content h4 {margin: 10px 0px 15px 0px;}
  
  .focus {border: 1px solid #cc66cc;}
  
  div.error input {border: 1px solid #be0006; background: #ffffc1 !important;}
  div.error select {border: 1px solid #be0006; background: #ffffc1 !important;}
  div.error input:focus {background: transparent !important;}
  div.error label {font-size: 9pt !important;}
  div#form_error {clear: both; font-size: 9pt; color: #be0006; margin: 0px 0px 0px 225px; font-weight: bold; padding: 0px 0px 10px 0px;}
  ul.errorlist {clear: both; font-size: 9pt; color: #be0006; padding: 5px 0px; margin: 0px 0px 0px 225px;}
  
  div#main div#content div#address_import div#form_error {margin: 0px 0px 0px 100px;}
}