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

/*----------------------------------------------------- Initialize all tags ---------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	outline: none;
}
*:focus {
	outline: none;	
}
img {
	border: none;
}

/*----------------------------------------------------- Common styles ---------------------------------------------*/

html {
	overflow: scroll;
	overflow-x: auto;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #444;
	background-color:#fff;
	/*voor Safari en Chrome*/
	margin: 0;
	padding: 0;
}

.u {
	text-decoration: underline;
}

.i {
	font-style: italic;
}
.b {
	font-weight: bold;	
}

.clear {
	clear: both;
}
.center {
	text-align: center;	
}
.left {
	display: block;
	margin-left: 0;
	float: left;
}
.middle {
	display: block;	
	margin: 0 auto;
	float: none;
}
.right {
	display: block;	
	margin-right: 0;
	float: right;
}
.invisible {
	visibility: hidden;	
}

hr, .hr {
	clear: both;
	background-color: #ddd;
	outline :none;
	border: none;
	height: 1px;
	width: 100%;
	margin-bottom: 5px;
	margin-top: 5px;
}

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

ul {
	margin: 0;
	padding:0;
	list-style-position: outside;
	margin-left: 20px;
}

a {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: underline;
}
a, a img {
	cursor: pointer;
}

span.disabled-link {
	cursor: default;	
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: bold;
	color: #666;
	line-height: 30px;
	padding: 5px 0;	
	margin: 0;
}
h1.page-title {
	border-bottom: 1px solid #ddd;
	padding-top: 0;
	margin-bottom: 10px;	
}
#column-extra h1 {
	padding-top: 0;	
	font-weight: bold;
	color: #797979;
	font-size: 19px;
	line-height: 19px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 10px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #666;
	line-height: 28px;
	margin: 5px 0 0 0;
	padding: 0;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666;
	line-height: 18px;
	margin: 10px 0 0 0;
	padding: 0;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #666;
	font-weight: bold;
}

strong {
	color: #000;
	font-weight: bold;
}

form .formrow {
	clear: both;
	padding: 5px 0;
}
.formrow div.contentblock {
	padding-left: 165px;	
}
.formrow label, .formrow .label {
	display: block;
	line-height: 32px;
	min-height: 1px;
	width: 155px;
	padding-right: 10px;
	float: left;
	text-align: right;
	color: #666;
	cursor: pointer;
}
input, select, textarea, a.submit {
	width: 230px;;
	padding: 8px;
	line-height: 16px;
	border: 1px solid #ddd;
	font-size: 14px;
	background-color: #fff;
	color: #666;	
}
select option {
	padding: 0 8px;	
}
input:focus, select:focus, textarea:focus, input.focus, select.focus, textarea.focus {
	border-color: #444;
	background-color:#FAFFBD;
}
input.error:focus, input.success:focus, input.warning:focus, input.error.focus, input.success.focus, input.warning.focus {
	background-color:#FAFFBD;
}
input.datepicker {
	background-image: url('/default/img/calendar.gif');
	background-position: center right;
	background-repeat: no-repeat;
}

a.submit, input.submit, a.submit-stay, input.submit-stay, a.submit-n, input.submit-n, a.submit-stay-n, input.submit-stay-n {
	border: 1px solid #93CD8B;	
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;	
	width: auto;
	height: 35px;
	line-height: 35px;
	padding: 0 28px 0 8px;	
	margin: 10px 0;	
	text-align: left;	
	color: #276E1D;	
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	background-image: url('/default/img/bg-submit-button.jpg');
	background-position: center right;
	background-repeat: no-repeat;
	cursor: pointer;	
}
a.submit-n, input.submit-n, a.submit-stay-n, input.submit-stay-n {
	background-image: url('/default/img/bg-submit-button-n.jpg');
	border: 1px solid #ddd;
	color: #666;
}

a.submit:hover, input.submit:hover, input.submit:focus, input.focus.submit, a.submit-stay:hover, input.submit-stay:hover, input.submit-stay:focus, input.focus.submit-stay {
	border: 1px solid #690;
	color: #222;
}
a.submit-n:hover, input.submit-n:hover, input.submit-n:focus, input.focus.submit-n, a.submit-stay-n:hover, input.submit-stay-n:hover, input.submit-stay-n:focus, input.focus.submit-stay-n {
	border: 1px solid #bbb;
	color: #222;
}
a.submit-stay, input.submit-stay {
	padding: 0 10px 0 5px;
	text-align: center;
	background-image: url('/default/img/bg-submit-button-stay.jpg');;	
}
a.submit-stay-n, input.submit-stay-n {
	padding: 0 10px 0 5px;
	text-align: center;
	background-image: url('/default/img/bg-submit-button-stay-n.jpg');;	
}
a.submit:hover, a.submit-n:hover, a.submit-stay:hover, a.submit-stay-n:hover {
	text-decoration: none;	
}
a.arrow-right {
	width: auto;
	padding: 0 25px 0 5px;	
	text-align: left;	
	color: #6d6666;	
	background-image: url('/default/img/bg-arrow-right.gif');
	background-position: center right;
	background-repeat: no-repeat;
}
a.arrow-left {
	width: auto;
	padding: 0 5px 0 25px;	
	text-align: left;	
	color: #6d6666;	
	background-image: url('/default/img/bg-arrow-left.gif');
	background-position: center left;
	background-repeat: no-repeat;
}
a.submit, a.submit-n, a.submit-stay, a.submit-stay-n, a.arrow-right, a.arrow-left{
	display: inline-block;	
}

input[disabled="disabled"] {
	color: #797979;
}
.faded-font {
	color: #bbb;	
}
select {
	width: 248px;
	padding: 7px 8px;
}
input.checkbox {
	margin-top: 12px;
	margin-bottom: -2px;
	padding: 0 6px;
	border: none;
	width: auto;
	background: none;
}
label.checkbox {
	display: inline;
	width: auto;
	padding-left: 2px;
	float: none;
}
textarea {
	height: 100px;
}
input.error, textarea.error, select.error {
	border: 1px solid #e53517;
	background-color: #FDD;
}
div.errormessage, div.successmessage, div.warningmessage {
	padding: 10px 10px 10px 35px;
	margin: 5px 0;
	border: 1px solid #eee;
	background-position: 8px center;
	background-repeat: no-repeat;
}
div.errormessage {
	border-color: #e53517;
	background-color: #fcebeb;
	color: #e53517;	
	background-image: url('/default/img/icon-error.gif');	
}
div.successmessage {
	border-color: #53a026;
	background-color: #e6fce3;
	color: #53a026;
	background-image: url('/default/img/icon-success.gif');		
}
div.warningmessage {
	border-color: #ddd;
	background-color: #fbfcde;
	color: #666;	
	background-image: url('/default/img/icon-warning.gif');	
	font-style: italic;
}
span.errormessage, span.successmessage, span.warningmessage {
	display: block;
	padding-left: 170px;
	padding-top: 5px;
}
span.errormessage, span.errormessage a {
	color: #e53517;	
}
span.successmessage, span.successmessage a {
	color: #53a026;	
}
span.warningmessage, span.warningmessage a {
	color: #F60;	
}
span.errormessage a, span.successmessage a, span.warningmessage a {
	text-decoration: underline;	
}

a.add-line {
	background: url('/default/img/icon-add-line.gif') center right no-repeat;	
	padding-right: 20px;
	font-size: 13px;
}

/*Small form*/
form.small .formrow {
	padding: 0;	
}
form.small .formrow label, form.small .formrow .label {
	float: none;
	text-align: left;
	line-height: 26px;
}
form.small input {
/*	width: auto;	*/
	width : 153px;
}
form.small textarea {
	width: 100%;
	padding: 0;
	overflow: hidden;
}
form.small select {
	width: 100%;
}
form.small .contentblock {
	padding: 0;
	width: auto;
}
form.small span.errormessage, form.small span.successmessage, form.small span.warningmessage {
	padding-left: 0;
}

#column-extra .attentionbox {
	margin-top: 10px;
	background-color: #fdffc6;
	border: 1px solid #ddd;
	padding: 10px;
	font-size: 13px;
	width: 147px;
}

tr th {
	text-align: left;	
}

/*----------------------------------------------------- Page layout ---------------------------------------------*/
#wrapper {
	width: 968px;
	margin: 0 auto;
}
#js-warning, #magicquotes-warning {
	text-align: center;
	padding: 10px;
	width: 607px;
	top: 32px;
	left: 180px;
}

/*-------------------------------------- Header ----------------------------------*/
#header {
	height: 129px;
	background-image: none;
	background-position: center left;
	background-repeat: no-repeat;
}

#logo-shop {
	float: left;
	max-width: 600px;
	max-height: 129px;
}

/*-------------- Standard menu shop-in-shop -------------*/
ul#nav-sis {
	/*height: 19px;*/
	float: right;
	list-style: none;
	padding: 0;
	margin-top: 10px;
}
ul#nav-sis li {
	float: left;
	white-space: nowrap;	
}
ul#nav-sis li a {
	display: block;
	padding: 0 12px 0 0;
	margin: 0 7px 0 6px;
	color: #797979;
	font-weight: bold;
	background-image: url('/default/img/seperator-nav-sis.gif');
	background-position: center right;
	background-repeat: no-repeat;
	text-decoration: none;
}
ul#nav-sis li a:hover {
	text-decoration: underline;	
}
ul#nav-sis li.last a {
	background-image: none;
	padding-right: 4px;
}

/*---------------- Steps navigation --------------------*/
ul#nav-steps {
	/*height: 45px;*/
	clear: right;
	margin: 55px 28px 0 0;
	padding: 0;
	float: right;
	list-style: none;
}
ul#nav-steps li {
	float: left;
	padding-left: 5px;
}
ul#nav-steps li a, ul#nav-steps li span.disabled-link {
	display: block;
	height: 39px;
	width: 108px;
	padding-top: 7px;
	text-decoration: none;
	background-color: #eee;
	background-image: none;
	background-position: top center;
	background-repeat: no-repeat;
}
ul#nav-steps li.active a, ul#nav-steps li.active span.disabled-link {
	background-color: #ddd;
}
ul#nav-steps li a span, ul#nav-steps li span.disabled-link span {
	display: block;
	text-align: center;
	color: #797979;
}
ul#nav-steps li a span.step-title, ul#nav-steps li span.disabled-link span.step-title {
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
}
ul#nav-steps li a span.step-subtitle, ul#nav-steps li span.disabled-link span.step-subtitle {
	font-size: 11px;
	line-height: 16px;
}

/*--------------------------------------------- Main block ----------------------------------*/
#main {
	/*width:926px*/
	/*height: 537px;*/
	border: 4px solid #ddd;
	padding: 17px;
}

#main-inner-wrapper {
	background-image: url('/default/img/bg-main-inner-wrapper.gif');
	background-position: top left;
	background-repeat: repeat-y;	
}
#main-inner-wrapper .clear{
	background-image: url('/default/img/bg-main-inner-wrapper.gif');
	background-repeat: repeat-y;	
}
#main-inner-wrapper-double {
	background-image: url('/default/img/bg-main-inner-wrapper-double.gif');
	background-repeat: repeat-y;		
}
#main-inner-wrapper-double .clear {
	background-image: url('/default/img/bg-main-inner-wrapper-double.gif');	
}

/*------- Sidebar for submenu-items or substeps ---------------------*/
#column-subs {
	float: left;	
	width: 129px;
	padding: 17px;
}
#subs-title {
	display: block;
	padding: 10px 0 7px 0;
	border-bottom: 1px solid #ddd;	
	text-transform: uppercase;
	font-weight: bold;
	color: #666;
	font-size: 13px;
}
#nav-subs {
	font-weight: normal;	
	font-size: 14px;
	margin: 0;
	padding: 0;	
}
#nav-subs li {
	list-style: none;
}
#nav-subs li a {
	color: #999;	
	text-decoration: none;	
}
#nav-subs li a:hover {
	text-decoration: underline;	
}
#nav-subs li.active a, #nav-subs li.active span.disabled-link {
	font-weight: bold; 
	color: #000;
}
#nav-subs li a, #nav-subs li span.disabled-link {
	display: block;
	padding: 12px 0;
	border-bottom: 1px solid #ddd;	
}
#nav-subs li span.disabled-link {
    color : #bbb;
}
/*------- Main content ---------------------*/
#column-main {
	float: left;	
	width: 505px;
	padding: 17px;
	margin: 0 10px;
}
#column-main-double {
	float: right;
	width: 719px;
	padding: 17px;
	background-color: #eee;
	min-height: 350px;
}
#breadcrumbs {
	border-bottom: 1px solid #ddd;	
	margin-bottom: 17px;
	padding-bottom: 5px;
}
#breadcrumbs a {
	color: #797979;	
}
#breadcrumbs a.active {
	color: #000;
}
/*------- Sidebar for extra info and options ---------------------*/
#column-extra {
	float: left;
	width: 169px;
	padding: 17px;	
}
#column-extra img {
	border: 1px solid #ddd;	
}

#column-extra a.itemlink {
	display: block;	
	height: 40px;
	line-height: 40px;
	padding-left: 35px;
	font-weight: bold;
	font-size: 13px;
	background-position: center left;
	background-repeat: no-repeat;	
}
#column-extra a.itemlink.add-addressgroup {
	background-image: url('/default/img/icon-add-addressgroup.gif');
}
#column-extra a.itemlink.delete-addressgroup {
	background-image: url('/default/img/icon-delete-addressgroup.gif');
}
#column-extra a.itemlink.add-event {
	background-image: url('/default/img/icon-add-addressgroup.gif');
}
#column-extra a.itemlink.add-address {
	background-image: url('/default/img/icon-add-address.gif');
}
#column-extra a.itemlink.upload-xls {
	background-image: url('/default/img/icon-add-xls.gif');
}

/*---------------------- Homepage: Banners in main --------------*/
#main-banners {
	/*height: 537px;*/
	width: 484px;
	float: left;
	border-right: 1px solid #ddd;
	padding-right: 17px;
}
#main-banners #main-banner {
	display: block;
	margin: 0 auto 10px auto;
	width: 483px;
	height: 418px;
}
#main-banners .extra-banner {
	border: 1px solid #ddd;
	width: 236px;
	height: 105px;
}

/*---------------------- Homepage: Card search area (right in main) --------------*/
#main-cardselect {
	width:405px;
	float: right;
	background-color: #ddd;	
	border: 1px solid #ddd;	
}

#main-cardselect #collection {
	height: 464px;
}


#main-cardselect #collection #cardselect-title {
	font-weight: normal;
	font-size: 20px;
	padding-left: 9px;	
	padding-top: 5px;
}
#main-cardselect #collection #cardselect-title span.homepagelink{
	cursor : pointer;
}

#main-cardselect #collection #cardselect-title a img {
	float: right;
	margin: 7px 12px 0 0;
}
#main-cardselect #collection #newcards {
	padding: 0 0 0 9px;
}

.topcard-thumb {
	width: 122px;
	height: 122px;
	padding: 0 10px 6px 0;
	float: left;
}
.topcard-thumb a{
	display : block;
	padding: 3px;	
	height: 116px;	
	background-color: #eee;
}
.topcard-thumb a img {
	display: block;
	margin: auto;
}
.topcard-thumb a.landscape-5x7 {	
	height: 93px;
	background-image: url('/default/img/tpl-home-landscape-5x7.png');
	background-position:4px 22px;
	background-repeat: no-repeat;
	/*background-position:center;*/
	padding-top:26px;
	padding-right:8px;	
}
.topcard-thumb a.landscape-5x7 img {
	margin : 0 4px;
}
.topcard-thumb a.portrait-5x7 img {
	margin:0 21px;
}

.topcard-thumb a.portrait-5x7 {	
	background-image: url('/default/img/tpl-home-portrait-5x7.png');
	background-repeat: no-repeat;
/*	background-position:center;	*/
	background-position: 21px 5px;
	padding-top:13px;
	height:106px;
	padding-right:4px;	
}
.topcard-thumb a.landscape-1x1, .topcard-thumb a.portrait-1x1 {
	padding-top: 21px;
	height: 98px;
	background-image: url('/default/img/tpl-home-portrait-1x1.png');
	background-repeat: no-repeat;
	background-position:center;
}

.topcard-thumb a.landscape-1x1 {
	background-image: url('/default/img/tpl-home-landscape-1x1.png');
}

#main-cardselect #collection #show-all {
	clear: both;
	padding-right: 10px;
	height: 40px;
}
#main-cardselect #collection #show-all a {
	display: block;
	float: right;
	line-height: 20px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 18px;
	color: #666;
	background: url('/default/img/arrow-right-small.png') center right no-repeat;
	padding-right: 15px;
	margin: 10px 0;
	text-decoration: none;	
}
#main-cardselect #collection #show-all a:hover {
	color: #444;
	text-decoration: none;
}

#main-cardselect #button-own-design {
	background-color: #eee;
	height: 71px;
}
#main-cardselect #button-own-design a {
	display: block;
	background: url('/default/img/own-design.png') center right no-repeat;
	padding: 17px 175px 0 20px;	
	height: 54px; 
	line-height: 20px;
	font-weight: normal;
	font-size: 18px;
	color: #666;
	text-align: center;
	text-decoration: none;	
}
#main-cardselect #button-own-design a:hover {
	text-decoration: none;	
	color: #444;
}

/*---------------------------- Shop category overview ---------------------------------------*/
#cards-overview-top {
	height: 40px;
	line-height: 40px;
	padding-bottom: 5px;
}
#cards-overview-top label {
	font-size: 14px;
	display: block;
	width: 100px;
	float: left;
	color: #444;
}
#cards-overview-top select {
	width: 200px;
	float: left;	
}
#cards-overview-top input {
	width: 150px;
	float: left;
}
#cards-overview-top input.submit-n {
	width: auto;	
}
#cards-overview-top input, #cards-overview-top select {
	margin-top: 5px;
	margin-right: 5px;
}
ul.shopcat-pagenav {
	list-style: none;
	height: 30px;
	line-height: 25px;
	margin: 4px 0;
}
ul.shopcat-pagenav li a {
	color: #797979;
	font-size: 12px;
	text-decoration: none;	
}
ul.shopcat-pagenav li.active a {
	color: #666;
}
ul.shopcat-pagenav#shopcat-pagenav-top {
	float: left;	
	width: 510px;		
}
ul.shopcat-pagenav#shopcat-pagenav-bottom {
	float: right;	
}
ul.shopcat-pagenav li {
	float: left;
	padding: 0 2px;
}
ul.shopcat-pagenav li a {
	display: block;
	color: #666;	
	border: 1px solid #ddd;		
	padding: 0 7px;	
	text-decoration: none;	
}
ul.shopcat-pagenav li a:hover {
	text-decoration: none;
	color: #000;
	border-color: #999;
}
ul.shopcat-pagenav li span.disabled-link {
	display: block;
	color: #bbb;
	padding: 0 7px;	
	border: 1px solid #eee;	
	font-size: 12px;
}

ul.shopcat-pagenav li.active a {
	font-weight: bold;
	color: #000;
	border: 1px solid #000;		
}


ul#shopcat-sort {
	clear: both;
	float: right;
	list-style: none;
	height: 30px;
	line-height: 25px;
	margin: 4px 0;
	width: 410px;
}
ul#shopcat-sort li {
	float: right;
	padding-left: 15px;
}
ul#shopcat-sort li a {
	border: none;	
	color: #666;
	text-decoration: none;	
}
ul#shopcat-sort li a:hover {
	text-decoration: underline;	
}
ul#shopcat-sort li.active a {
	font-weight: normal;	
}

#shopcat-title {
	font-size: 16px;
	width: 300px;
	padding: 5px 10px;
	margin: 0 0 16px 0;
	border: 1px solid #ddd;
}

.shopcat-thumb {
	width: 180px;
	height: 180px;
	padding: 0 6px 5px 0;
	float: left;
}
.shopcat-thumb.last {
	padding-right: 0;	
}
.shopcat-thumb a {
	display: block;
	padding: 5px;	
	height: 170px;
	background-color: #ddd;
	text-decoration: none;	
}
.shopcat-thumb a img {
	display: block;
	margin: auto;
}

.shopcat-thumb img.binnenkant {
	height:auto;
	padding:0;	
	display:block;
	position:absolute;
	margin-top: -25px;
	margin-left: 150px;
}

.shopcat-thumb a.binnenkant img {
	display:inline;
}

.shopcat-thumb a.landscape-5x7 {
	padding-top: 33px;
	height: 142px;
	background-image: url('/default/img/tpl-landscape-5x7.png');
	background-repeat: no-repeat;
	background-position:0px 28px;
	padding-right:13px;
	text-align:center;
}

	.shopcat-thumb a.landscape-5x7 img {
		margin-bottom: 6px;
	}

.shopcat-thumb a.portrait-5x7 {	
	height: 164px;
	background-image: url('/default/img/tpl-portrait-5x7.png');
	background-repeat: no-repeat;
	background-position:center top;	
	padding-top: 11px;
	text-align:center;
}

	.shopcat-thumb a.portrait-5x7 img {
		margin-bottom: 8px;
	}

.shopcat-thumb a.landscape-1x1, .shopcat-thumb a.portrait-1x1 {
	padding-top: 12px;
	height: 163px;
	background-image: url('/default/img/tpl-portrait-1x1.png');
	background-repeat: no-repeat;
	background-position:center top;
	text-align:center;		
}

	.shopcat-thumb a.landscape-1x1 img, .shopcat-thumb a.portrait-1x1 img {
		margin-bottom: 8px;	
	}

.shopcat-thumb a.landscape-1x1 {
	background-image: url('/default/img/tpl-landscape-1x1.png');
	padding-right:8px;	
}

#search-bottom {
	background-color: #eee;	
	clear: both;
}
#search-bottom #button-own-design-search {
	height: 71px;
}
#search-bottom #button-own-design-search a {
	display: block;
	background: url('/default/img/own-design.png') center right no-repeat;
	padding: 0 180px 0 20px;	
	height: 71px; 
	line-height: 71px;
	font-weight: normal;
	font-size: 21px;
	color: #666;
	text-decoration: none;	
}
#search-bottom #button-own-design-search a:hover {
	text-decoration: none;	
}

/*------------------------------------------------------------- Card info page ---------------------------------------*/
#card-info {
	background-color: #fff;	
	padding: 0;
	margin: 0 6px;
	width: 915px;
	color: #797979;
}
#card-info-header {
	height: 45px;
	background: #fff url('/default/img/bg-nav-card.jpg') top left repeat-x;
	text-align: center;	
}
#card-close {
	display: block;
	float: left;
	width: 67px;
	color: #000;
	font-size: 14px;
	height: 45px;
	line-height: 44px;
	position: relative;
}
#card-close img {
	position: absolute;
	top: -7px;	
	right: -10px;
}
#card-info-prev {
	display: block;
	float: left;	
	width: 130px;		
	border-left: 1px solid #ddd;	
	height: 45px;
	line-height: 48px;			
}
#card-info-title {
	display: block;
	float: left;	
	width: 260px;	
	color: #000;
	text-align: center;
	height: 45px;
	line-height: 48px;	
	font-weight: bold;
}
#card-info-next {
	display: block;
	float: left;	
	width: 130px;		
	border-right: 1px solid #ddd;		
	height: 45px;
	line-height: 48px;			
}
#card-info-prev a, #card-info-next a {
	text-decoration: none;
}
#card-info-prev a:hover, #card-info-next a:hover {
	text-decoration: underline;
}

#card-prev-next a.arrow-left {
	display: block;
	float: left;
}
#card-prev-next a.arrow-right{
	display: block;
	float: right;	
}
#card-prev-next a {
	color: #797979;	
	text-decoration: none;	
}
#card-prev-next a:hover {
	text-decoration: underline;	
}
ul#nav-card-main {
	float: left;	
	width: 309px;	
	height: 35px;
	margin: 0;
	padding: 10px 0 0 17px;
	list-style: none;
}
ul#nav-card-main li {
	float: left;
}
ul#nav-card-main li.last {
	padding-right: 0;
}
ul#nav-card-main li a {
	display: block;
	height: 32px;
	padding-top: 3px;
	line-height: 32px;	
	width: 131px;
	margin-right: 7px;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
	background-color: #c8c8c8;
	color: #000;
}
ul#nav-card-main li a:hover {
	text-decoration: underline;	
}
ul#nav-card-main li.active a {
	background-color: #fff;
}

ul.nav-card-preview {
	list-style: none;	
	margin: 0;
	padding: 0;
}
ul.nav-card-preview li {
	margin-bottom: 17px;	
	padding: 4px;
}
ul.nav-card-preview li.active {
	background: url('/default/img/thumb-active.gif');
	background-position: top left;
	background-repeat: no-repeat;
}
ul.nav-card-preview li a {
	display: block;	
	padding-top: 50px;
	line-height: 20px;
	background-position: top center;
	background-repeat: no-repeat;
	text-align: center;	
	font-size: 11px;
	color: #444;
	text-decoration: none;	
}
ul.nav-card-preview li a:hover {
	text-decoration: underline;	
}
/* landscape ansicht */
ul.nav-card-preview li a#li-landscape-ansicht-front-5x7 {
	background-image: url('/default/img/thumb-landscape-ansicht-front-5x7.gif');
}
ul.nav-card-preview li a#li-landscape-ansicht-front-1x1 {
	background-image: url('/default/img/thumb-landscape-ansicht-front-1x1.gif');
}
ul.nav-card-preview li a#li-landscape-ansicht-back-5x7 {
	background-image: url('/default/img/thumb-landscape-ansicht-back-5x7.gif');
}
ul.nav-card-preview li a#li-landscape-ansicht-back-1x1 {
	background-image: url('/default/img/thumb-landscape-ansicht-back-1x1.gif');
}

/* landscape folded */
ul.nav-card-preview li a#li-landscape-folded-front-5x7 {
	background-image: url('/default/img/thumb-landscape-folded-front-5x7.gif');
}
ul.nav-card-preview li a#li-landscape-folded-front-1x1 {
	background-image: url('/default/img/thumb-landscape-folded-front-1x1.gif');
}
ul.nav-card-preview li a#li-landscape-folded-inside-5x7 {
	background-image: url('/default/img/thumb-landscape-folded-inside-5x7.gif');
}
ul.nav-card-preview li a#li-landscape-folded-inside-1x1{
	background-image: url('/default/img/thumb-landscape-folded-inside-1x1.gif');
}
ul.nav-card-preview li a#li-landscape-folded-back-5x7 {
	background-image: url('/default/img/thumb-landscape-folded-back-5x7.gif');
}
ul.nav-card-preview li a#li-landscape-folded-back-1x1 {
	background-image: url('/default/img/thumb-landscape-folded-back-1x1.gif');
}

/* portrait ansicht */
ul.nav-card-preview li a#li-portrait-ansicht-front-5x7 {
	background-image: url('/default/img/thumb-portrait-ansicht-front-5x7.gif');
}
ul.nav-card-preview li a#li-portrait-ansicht-front-1x1 {
	background-image: url('/default/img/thumb-portrait-ansicht-front-1x1.gif');
}
ul.nav-card-preview li a#li-portrait-ansicht-back-5x7 {
	background-image: url('/default/img/thumb-portrait-ansicht-back-5x7.gif');
}
ul.nav-card-preview li a#li-portrait-ansicht-back-1x1 {
	background-image: url('/default/img/thumb-portrait-ansicht-back-1x1.gif');
}


/* portrait folded */
ul.nav-card-preview li a#li-portrait-folded-front-5x7 {
	background-image: url('/default/img/thumb-portrait-folded-front-5x7.gif');
}
ul.nav-card-preview li a#li-portrait-folded-front-1x1 {
	background-image: url('/default/img/thumb-portrait-folded-front-1x1.gif');
}
ul.nav-card-preview li a#li-portrait-folded-inside-5x7 {
	background-image: url('/default/img/thumb-portrait-folded-inside-5x7.gif');
}
ul.nav-card-preview li a#li-portrait-folded-inside-1x1 {
	background-image: url('/default/img/thumb-portrait-folded-inside-1x1.gif');
}
ul.nav-card-preview li a#li-portrait-folded-back-5x7 {
	background-image: url('/default/img/thumb-portrait-folded-back-5x7.gif');
}
ul.nav-card-preview li a#li-portrait-folded-back-1x1 {
	background-image: url('/default/img/thumb-portrait-folded-back-1x1.gif');
}


.card-sidebar {
	clear: both;
	width: 84px;	
	margin: 17px 0 0 0;
	padding: 0 15px;
	border-right: 1px solid #e6e6e6;
	float: left;
	min-height: 473px;
}
.card-preview {
	position: relative;
	height: 490px;	
	width: 800px;
	float: left;
	background-position: top left;
	background-repeat: no-repeat;
}

/* landscape ansicht 5x7 */
#preview-landscape-ansicht-front-5x7 {
	padding: 49px 0 0 117px;
	width: 682px;
	height: 410px;
	background-image: url('/default/img/tpl-landscape-ansicht-front-5x7.jpg');
}
#preview-landscape-ansicht-back-5x7 {
	padding: 49px 0 0 117px;
	width: 682px;
	height: 410px;	
	background-image: url('/default/img/tpl-landscape-ansicht-back-5x7.jpg');
}
/* landscape ansicht 1x1 */
#preview-landscape-ansicht-front-1x1 {
	padding: 49px 0 0 198px;
	width: 601px;
	height: 410px;
	background-image: url('/default/img/tpl-landscape-ansicht-front-1x1.jpg');
}
#preview-landscape-ansicht-back-1x1 {
	padding: 49px 0 0 198px;
	width: 601px;
	height: 410px;	
	background-image: url('/default/img/tpl-landscape-ansicht-back-1x1.jpg');
}
/* landscape folded 5x7*/
#preview-landscape-folded-front-5x7 {
	padding: 49px 0 0 117px;
	width: 682px;
	height: 410px;
	background-image: url('/default/img/tpl-landscape-folded-front-5x7.jpg');
}
#preview-landscape-folded-back-5x7 {
	padding: 49px 0 0 117px;
	width: 682px;
	height: 410px;	
	background-image: url('/default/img/tpl-landscape-folded-back-5x7.jpg');
}
#preview-landscape-folded-inside-5x7 {
	padding: 19px 0 0 244px;
	height: 471px;	
	width: 556px;	
	background-image: url('/default/img/tpl-landscape-folded-inside-5x7.jpg');
}
/* landscape folded 1x1*/
#preview-landscape-folded-front-1x1 {
	padding: 49px 0 0 198px;
	width: 601px;
	height: 410px;
	background-image: url('/default/img/tpl-landscape-folded-front-1x1.jpg');
}
#preview-landscape-folded-back-1x1 {
	padding: 49px 0 0 198px;
	width: 601px;
	height: 410px;	
	background-image: url('/default/img/tpl-landscape-folded-back-1x1.jpg');
}
#preview-landscape-folded-inside-1x1 {
	padding: 20px 0 0 289px;
	height: 470px;	
	width: 511px;
	background-image: url('/default/img/tpl-landscape-folded-inside-1x1.jpg');
}

/* portrait ansicht 5x7*/
#preview-portrait-ansicht-front-5x7 {
	padding: 40px 0 0 245px;
	width: 554px;
	height: 450px;
	background-image: url('/default/img/tpl-portrait-ansicht-front-5x7.jpg');
}
#preview-portrait-ansicht-back-5x7 {
	padding: 49px 0 0 117px;
	width: 682px;
	height: 410px;	
	background-image: url('/default/img/tpl-portrait-ansicht-back-5x7.jpg');
}
/* portrait ansicht 1x1*/
#preview-portrait-ansicht-front-1x1 {
	padding: 49px 0 0 198px;
	width: 601px;
	height: 410px;
	background-image: url('/default/img/tpl-portrait-ansicht-front-1x1.jpg');
}
#preview-portrait-ansicht-back-1x1 {
	padding: 49px 0 0 198px;
	width: 601px;
	height: 410px;	
	background-image: url('/default/img/tpl-portrait-ansicht-back-1x1.jpg');
}

/* portrait folded 5x7*/
#preview-portrait-folded-front-5x7 {
	padding: 40px 0 0 245px;
	width: 554px;
	height: 450px;
	background-image: url('/default/img/tpl-portrait-folded-front-5x7.jpg');
}
#preview-portrait-folded-back-5x7 {
	padding: 49px 0 0 117px;
	width: 682px;
	height: 410px;	
	background-image: url('/default/img/tpl-portrait-folded-back-5x7.jpg');
}
#preview-portrait-folded-inside-5x7 {
	padding: 28px 0 0 83px;
	height: 462px;	
	width: 717px;
	background-image: url('/default/img/tpl-portrait-folded-inside-5x7.jpg');
}
/* portrait folded 1x1*/
#preview-portrait-folded-front-1x1 {
	padding: 49px 0 0 198px;
	width: 601px;
	height: 410px;
	background-image: url('/default/img/tpl-portrait-folded-front-1x1.jpg');
}
#preview-portrait-folded-back-1x1 {
	padding: 49px 0 0 198px;
	width: 601px;
	height: 410px;	
	background-image: url('/default/img/tpl-portrait-folded-back-1x1.jpg');
}
#preview-portrait-folded-inside-1x1 {
	padding: 94px 0 0 83px;
	height: 396px;	
	width: 717px;
	background-image: url('/default/img/tpl-portrait-folded-inside-1x1.jpg');
}

.preview-shadow {
	position:absolute;
	top:0;
	left:0;
}
#forms-card-preview {
	clear: both;
	height: 58px;	
	padding: 0 17px 0 0;
	background-color: #eee;
}
#forms-card-preview form {
	float: right;
	font-size: 15px;
	font-weight: bold;
	padding: 0;
}
#forms-card-preview form a.submit {
	float: right;	
}
#forms-card-preview form .card-form-inner {
	float: right;
	padding: 10px 10px 0 0;
}
#forms-card-preview form label {
	padding: 0px 15px 0 5px;
}

.card-preview-price {
	display: block;
	float: left;
	font-size: 19px;	
	padding: 0 17px 0 0;
	margin: 17px 17px 0 0;
	border-right: 1px solid #ddd;
	line-height: 24px;
}

/*------------------------------------------------------------- Addressbook ---------------------------------------*/
.addressbook {

}
.addressbook .grouplinks, .addressbook .sortlinks {
	padding: 3px 0px;
}
.addressbook .grouplinks a.active, .addressbook .sortlinks a.active {
	font-weight: bold;	
}
.addressbook .alphabetlinks {
	padding: 3px 0 6px 0;	
}
.addressbook .alphabetlinks a, .addressbook .alphabetlinks span {
	display: block;
	float: left;
	width: 19px;
	font-weight: bold;
	text-align: center;
}
.addressbook .alphabetlinks span.first {
	color: #222;
	width: 11px;
}
.addressbook .alphabetlinks span {
	color: #aaa;
	cursor: default;
}
.addressbook .alphabetlinks a.active {
	font-weight: bold;	
}
.addressbook .alphabetdivs {
	padding: 0;	
}
.addressbook .alphabetdivs .alphabetdiv-title {
	font-size: 14px;
	font-weight: bold;
	background-color: #d8d8d8;
	color: #000;
	height: 20px;
	line-height: 20px;
	padding: 0 0 0 4px;
	margin: 0;
}
.addressbook .addressdiv {
	padding: 5px;
	line-height: 30px;
	border-bottom: 1px solid #dfdfdf;
}
.addressbook .addressdiv:hover {
	background-color: #e9e9e9;	
}
.addressbook .addressdiv .address-name {
	float: left;
	width: 200px;
	font-weight: bold;
	color: #222;
}
.addressbook .addressdiv .address-actions {
	float: right;
	width: 70px;
	padding-top: 5px;
}

/*----------------------- Banners outside main content -----------------------------*/
.calendar {		
	border-spacing: 5px;
	border: 1px solid #999;
}

.calendar thead tr {
	background-color: #999;	
}
.calendar thead tr th {
	line-height: 30px;
	color: #eee;
	text-transform: uppercase;
	text-align: center;
}
.calendar thead tr th a {
	display: block;
	width: 100%;
	color: #eee;
	text-decoration: none;	
}
.calendar tbody tr td {
	vertical-align: top;
	text-align: right;
	padding: 0 5px;		
	width: 20px;
	height: 30px;	
	color: #999;
	font-weight: bold;
	border: 1px solid #999;
	background-color: #fff;	
}
.calendar tbody tr td.day-header {
	background: none;
	border: none;
	height: auto;
	text-align: center;
	padding: 0;
	font-size: 12px;	
	font-weight: bold;
	color: #444;	
}
.calendar tbody tr td a {
	color: #666;
	text-decoration: none;	
}
.calendar tbody td.prev, .calendar tbody td.next {
	color: #797979;	
	visibility: hidden;
}
.calendar tfoot tr th {
	background-color: #ddd;	
	color: #222;
	line-height: 36px;
	font-size: 18px;
	text-align: center;
}
table.calendar td.not-available {
    color : #bbb;
}
table.calendar td.sendingdate {
    background-color : #8cad4b;
}
table.calendar td.arrivaldate {
    background-color : #8cad4b;
}
table.calendar td.sendingdate a, table.calendar td.arrivaldate a {
	color: #fff;	
}


span.sendingdate {
    color : #8cad4b;
	font-weight: bold;
	font-size: 15px;
	text-decoration: underline;
}
span.arrivaldate {
	color: #cb995f;
	font-size: 15px;
}

.calendar tbody td.today {
	font-weight: bold;			
	border: 2px solid black;
}
.calendar tbody td.event {
	background-color: #FFF;		
}
.calendar tbody td.event a, .calendar tbody td.event span.disabled-link {
	display: block;
	color: #222;	
	font-weight: normal;	
}
.calendar tbody td.event span.disabled-link {
	color: #666;	
}
.calendar tbody td.event a.birthday {
	color: red;	
}
.calendar tbody td.event a.cardsent {
	color: green;		
}
.calendar tbody td.event a.cardtobesent {
	color: blue;		
}
.calendar tbody td.event a.weddingday {
	color: #F93;			
}	

/*----------------------- Banners outside main content -----------------------------*/
#banners-sis div {
	width: 299px;
	height: 182px;
	border: 4px solid #ddd;
	font-size: 13px;
	line-height: 16px;
	background-color: #fff;	
	color: #797979;
}
#banners-sis div div {
	width: auto;
	height: auto;
	border: none;
}
#banners-sis div.sisbanner-content {
	height: 100px;	
}
#banners-sis div h1 {
	margin-top: 8px;
	padding: 2px 8px;
	height: 44px;
	background-color: #eee;
	color: #797979;
	font-size: 18px;
	font-weight: normal;
	line-height: 21px;
	text-align: center;
}
#banners-sis div a {
	color: #797979;
	display: block;	
	text-decoration: none;	
}
#banners-sis div h1 a {
	height: 48px;
	color: #797979;
	text-decoration: none;	
}
#banners-sis div h2 {
	font-size:16px;
	line-height: 16px;
	color: #797979;
	font-weight: normal;
	padding: 0;
	margin: 0;
}
#banners-sis div a:hover {
	text-decoration: none;
}
#banners-sis div a.more {
	display: block;
	text-align: right;
	padding-right: 8px;
	font-size: 10px;
	line-height: 25px;
}
#banners-sis div a.more:hover, #banners-sis div a.more.hover {
	text-decoration: underline;	
}

/*----------------- Footer ---------------------------------*/
#footer {
	clear: both;
	padding: 10px 7px 5px 7px;
	height: 25px;
	background-color: #eee;
	margin-bottom: 30px;
}

#footer ul#nav-info {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}

#footer ul#nav-info li {
	float: left;
}

#footer ul#nav-info li a {
	display: block;
	padding: 0 3px 0 5px;
	color: #444;
	font-size: 11px;
	text-transform: uppercase;
	background-image: url('/default/img/seperator-nav-sis.gif');
	background-position: center left;
	background-repeat: no-repeat;
	line-height: 20px;
	text-decoration: none;	
}
#footer ul#nav-info li a:hover {
	text-decoration: underline;	
}

#footer ul#nav-info li.first a {
	background-image: none;
	padding-left: 0;
}

#footer #copyright {
	float: right;
	text-align: right;
	padding-right: 4px;
	font-size: 11px;
	line-height: 20px;	
}
#footer #copyright a {
	color: #000;	
	font-size: 11px;	
	line-height: 20px;	
	text-decoration: none;	
}
#footer #copyright a:hover {
	text-decoration: underline;	
}

#sub-footer {
	clear: both;
	padding: 17px;
	margin-bottom: 30px;
}
#sub-footer-left {
	float: left;
	width: 464px;
	padding-right: 17px;
}
#sub-footer-middle {
	float: left;
	width: 205px;	
	padding: 0 17px 34px 17px;	
}
#sub-footer-right {
	float: left;	
	width: 195px;	
	padding-left: 17px;
}


.nostyle {
	margin: 0;
	padding: 0;
	border: none;
}

#mask {
    position:           absolute;
    top:                0;
    left:               0;
    z-index:            998;    
    width:              100%;
	height:             0;
    background-color:   #111;
    opacity:            0.8;
	filter:				alpha(opacity=80);
	display:			none;
}

.popup-container {
	position: relative;	
	z-index: 999;
	top: 0;
	left: 0;
}
.popup {
	position: absolute;
	z-index: 999;	
}
.ajax-loader {
	position: absolute;
	z-index: 99999;
	text-align: center;
	background: #000 url('/default/img/fancybox/loading.gif') top left no-repeat;	
	width: 40px;
	height: 40px;
    opacity: 0.8;
	filter: alpha(opacity=80);	
	border: 1px solid #000;	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;		
}


/*-------------------- cardcreator ---------------------*/
#cardcreator-template {
    height: 345px;
	background: url('/default/img/cardcreator.gif') top left no-repeat;	
	padding-top: 200px;
}
#cardcreator-template div.errormessage {
	width: 50%;
	margin: 0 auto;
}

/** select recipients **/
input.zipcode {
    width : 60px;
    margin-right : 10px;
}
input.city {
    width : 138px;
}
select#addressgroup{
    width : 160px;
}

table#selected-recipients {
    width : 100%; 
	color: #000;
}
table#selected-recipients tbody td {
    border-bottom : 1px solid #dddcdc;
	vertical-align: bottom;	
	padding-top: 10px;
	padding-bottom: 5px;
}
table#selected-recipients tbody td.address-recipient {
	font-size: 14px;	
	width: 200px;
}
table#selected-recipients td.price-recipient, table#selected-recipients td.icons-recipient {
    background : url('../img/collumn-divider.jpg') no-repeat left bottom;
	color: #444;
}
table#selected-recipients tbody td.price-recipient {
	width: 150px;
	padding-left: 10px;	
	padding-right: 10px;	
}
table#selected-recipients td.price-recipient .right {
	color: #888;
	font-weight: bold;
}
table#selected-recipients td.icons-recipient{
    background : url('../img/collumn-divider.jpg') no-repeat left bottom;
    vertical-align : bottom;
	color: #444;
	width: 100px;
	padding-left: 10px;
}
table#selected-recipients tr.totalprice td {
	text-align: right;
    padding: 20px 14px 0 0;
    vertical-align : bottom;
    font-weight : bold;
}
table#selected-recipients tfoot tr.tax td {
	font-style: italic;
	font-size: 11px;	
	text-align: right;
	padding-right: 14px;
}

div#add-recipientgroup select {
	width: 110px;	
}
div#add-recipientgroup img {
	margin-bottom: -10px;
	border: none;
}
div#add-recipients {
	padding: 20px 0 0 0;	
}
div#add-recipients a {
	display: block;
	line-height: 30px;
	margin-bottom: 10px;
	padding-left: 35px;
	background: #fff url('/default/img/icon-add-address.gif') center left no-repeat;
	text-decoration: none;	
}

table#selected-recipients td.address-recipient {
	width: 110px;
	line-height: 22px;
}
table#selected-recipients td.senddate {
	width: 90px;
	line-height: 22px;
	vertical-align: top;
}


/*---------------- selectpacket ----------------------*/
	#select-packet table {
		width: 100%;	
	}
	#select-packet table input {
		width: 25px;	
	}
	#select-packet table tr {
		line-height: 22px;	
	}	
	#select-packet table tr th {
		text-align: left;
	}
	
	#select-packet table tr .packet-costs {
		text-align: right;
		padding-right: 25px;
	}
	#select-packet h2 {
		background-color: #ddd;
		padding-left: 5px;
		font-size: 16px;
		margin-top: 10px;
	}

/*---------------- shoppingcart -----------------*/

div#shoppingcart .shoppingcart-item {
	margin-bottom: 17px;	
	background-color: #fff;	
	border: 1px solid #ddd;
	padding: 0 5px 0 10px;	
}
div#shoppingcart .shoppingcart-item.error {
	border-color: #e53517;
	background-color: #FCEBEB;	
}
div#shoppingcart .shoppingcart-item.error span.missing {
	color: #e53517;
}
div#shoppingcart .shoppingcart-item .shoppingcart-item-card-details {
	width: 252px;	
	margin-right: 25px;	
}
div#shoppingcart .shoppingcart-item .shoppingcart-item-sending-details {
	width: 420px;	
}
div#shoppingcart table {
	float: left;
	margin: 10px 0;
	border-collapse: collapse;	
}
div#shoppingcart table, div#shoppingcart table h4 {
	font-size: 12px;	
}
div#shoppingcart table p {
	padding: 0 0 5px 0;
}
div#shoppingcart table select {
	width: auto;
	font-size: 12px;
	line-height: 15px;
	padding: 0;
}
div#shoppingcart table input {
	width: 30px;
	font-size: 12px;
	line-height: 15px;
	height: 15px;
	padding: 0;
	text-align: center;
	background-color: #eee;
}
div#shoppingcart table thead tr th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #666;
	font-weight: bold;
	padding-bottom: 5px;
	text-decoration: underline;
}

div#shoppingcart td.error {
	color : #E53517;
}

div#shoppingcart table thead tr th, div#shoppingcart table tbody tr td {
	text-align: left;	
	vertical-align: top;
}

div#shoppingcart table .col-preview {
	width: 140px;	
}
div#shoppingcart table .col-preview img {
	border: 1px solid #ddd;
}
div#shoppingcart table .col-date img {
	margin-bottom: -4px;	
}
div#shoppingcart table .col-to {
	width: 240px;
}
div#shoppingcart table .col-to img {
	margin-bottom: -5px;	
}
div#shoppingcart table .col-number {
	text-align: center;
}
div#shoppingcart table .col-price {
	text-align: right;
}
div#shoppingcart table .col-delete {
	width: 30px;
	text-align: center;
}
div#shoppingcart table .col-delete img {
	margin-top: -1px;
}

div#shoppingcart table tr.discount td {
	font-weight: bold;
}

div#shoppingcart table tr.total td {
	border-top: 3px double #ddd;
	padding-top: 17px;
	font-weight: bold;
	font-size: 15px;
	text-transform: uppercase;

}
div#shoppingcart table.order-total {
	width: 400px;
	clear: both;
	float: right;		
}
div#shoppingcart table.order-total tr td {
	text-align: right;
}
div#shoppingcart table.order-total tr td.tax{
	font-style: italic;
	font-size: 11px;
}
/*--------------------- Select send type ----------------*/
.select-send-type {
	padding: 0 0 0 12px;	
	margin: 20px 0;		
}
.select-send-type#send-to-recipients-nl {
	height: 230px;
}
.select-send-type#send-to-self {
	height: 240px;
	margin: 30px 0 0 0;				
}
.select-send-type h1 {
	font-size: 24px;
	line-height: 28px;
}
.select-send-type h1 {
	padding: 0;	
}
.select-send-type a.submit {
	display: block;
	width: 182px;
}
.select-send-type#send-to-recipients-nl a.submit {
	margin: 120px 0 0 256px;	
}
.select-send-type#send-to-self a.submit {
	margin: 95px 0 0 256px;	
}

#send-to-recipients-nl {
	background: url('/default/img/bg-send-to-recipients-nl.jpg') bottom left no-repeat;	
}
#send-to-self {
	background: url('/default/img/bg-send-to-self.jpg') bottom left no-repeat;		
}

/*---------------------- Select card size ---------------*/
.selectcardsize {
	padding: 0 4px;
	width: 230px;
	float: left;
}
.selectcardsize input.submit, .selectcardsize input.submit-n {
	width: 215px;
	margin-left: 5px;
}
.selectcardsize#middle-col {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;	
}
.preview-selectcardsize {
	position: relative;
	height: 220px;
	width: 230px;
}
.preview-selectcardsize input {
	position: absolute;
	top: 0;
	left: 46px;
}
.preview-selectcardsize .template {
	position: absolute;
	top: 0;
	left: 0;
	height: 220px;
	width: 230px;	
	background-image: url('/default/img/tpl-cardsize-5x7-small.png');
	background-position: top center;
	background-repeat: no-repeat;
}
.selectcardsize-details {
	padding: 10px;
	background: url('/default/img/enveloppe-inc.jpg') 120px 15px no-repeat;
}
.selectcardsize-details h2 {
	color: #444;
	font-size: 24px;
	line-height: 34px;
}

/*---------------------- Own design select type ---------------*/

div.card-types {
    float: left;
    margin-top : 10px;
	margin-bottom: 30px;
}

div.card-types h2{
    float : left;
	font-size: 22px;
    height : 50px;
    line-height : 50px;
    margin-right : 10px;
}
div.card-types label{
    cursor : pointer;
	display: inline-block;
}
div.card-types label span { /*fixes img inside label in ie*/
	display: block;
	position: absolute;
	width: 90px;
	height: 140px;
	background: url('/default/img/transparent.png') -100px -100px no-repeat;	
}

div.card-types .card-type {
	float: left;
	width: 229px;	
}
div.card-types .card-type.first {
	width: 235px;	
}
div.card-types ul{
    margin:0;
    padding:0;
    list-style : none;
}
div.card-types ul li {
	height: 20px;
}

div#card-types-ansicht {
	padding-left: 20px;
    background : transparent url('/default/img/vertical-divider.jpg') repeat-y left 10px;	
}

div.blanco-type {
   float: left;
    padding : 0 10px;
    margin-top : 10px;
	margin-bottom: 30px;	
}
div.left-line{
    background : transparent url('/default/img/vertical-divider.jpg') repeat-y left 10px;
    width : 375px;
}

div.card-type-wider{
	width : 330px;
}

img.submit-start-own{
    clear:left;
    display:block;
    float:right;
    left:5px;
    margin-top:14px;
    position:relative;
}
 input.start-own{
    width : 160px;
    margin-top : 20px;
 }
 
 .zoom-preview {
	display: inline-block;
	position: relative; 
 }
 .zoom-preview img.zoom-icon {
	display: block;
	position: absolute; 
	top: 0;
	right: 0;
	border: none;
 } 
 div#shoppingcart table .col-preview img.zoom-icon {
	border: none;
 }
#column-extra .zoom-preview .zoom-icon {
	border: none;
}

#history h2 {
	background-color: #ddd;
	padding-left: 5px;
	font-size: 14px;
	line-height: 23px;
	cursor: pointer;
}
#history h3 {
	font-size: 16px;	
	line-height: 24px;
	color: #000;
	font-weight: normal;
	padding-bottom: 6px;
}
#history .left {
	width: 200px;	
}
#history .right {
	width: 295px;	
}
#history .card {
	border-top: 2px solid #ddd;
	padding-bottom: 10px;
}
#history p {
	background-color: #fff;
	padding: 5px;
}
#history .action-code {
	padding: 5px;	
}
#history .done {
	color: green;
}
#history .todo {
	color: red;
}

#myaccount-calendar table {
	width: 100%;
	border-top: 1px solid #999;
}
#myaccount-calendar table tr td {
	padding: 10px 0;
	border-bottom: 1px solid #ddd;	
}
#myaccount-calendar table tr td.calender-day {
	border-bottom: none;	
	width: 45px;
}
#myaccount-calendar table tr td.calender-title {
	width: 160px;
}
#myaccount-calendar table tr td.calender-description {
	width: 150px;
}
#myaccount-calendar table tr td.calender-sendasmile {
	width: 130px;
}
#myaccount-calendar table tr td.calender-delete {
	text-align: right;
}
#myaccount-calendar table tr td.calender-day div {
	text-align: center;
	padding-top: 10px;
	height: 20px;	
	width: 30px;
	background: url('/default/img/calendar-big.gif') top left no-repeat;
	font-weight: bold;
}

#payment-table {
	width: 100%;
	font-size: 16px;
}
#payment-table tr {
	vertical-align: middle;
	line-height: 24px;
}
#payment-table tr td {
	border-top: 1px solid #ddd;
	height: 38px;	
	padding: 5px 0;	
}
#payment-table tr td.costs {
	text-align: right;	
	font-weight: bold;
	color: #666;
}