@charset "utf-8";
/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin: 0;
	padding: 0;
	margin-top: 1em;
}

a img {
	border: none;
}

.header {
	width: 980px;
	margin: 0 auto;
	position: relative;
}

h1 .text {
	display: none;
}

h1 {
	width: 271px;
	height: 39px;
	border: 0px solid #000000;
	padding: 0;
	margin: 0;
	margin: 0;
	margin-bottom: 0.5em;
	padding: 0;
	float: left;
}

.header .login {
	float: right;
	width: 700px;
	text-align: right;
	height: 39px;
	vertical-align: bottom;
}

.header .login h2 {
	display: none;
}

.header .login input {
	vertical-align: middle;
}

.header .login label {
	text-align:center;
	margin: 0 0.5em;
}

.header .login input.password {
	width: 8em;
}

.login form {
	margin: 0;
	padding: 0;
}

.login form {
	display: inline;
}

.login input {
	display: inline;
	padding: 0;
	margin: 0;
}

.navigationbar {
	clear: both;
	background: url(/images/navigationbar.png) repeat-x top;
	height: 34px;
	margin-top: 0.5em;
}

.navigationbar h2 {
	display: none;
	margin: 0;
	padding: 0;
}

.content {
	margin: 0 auto;
	padding: 0;
	width: 980px;
	position: relative;
}

.navigationbar ul {
	display: none;
	margin: 0;
	padding: 0;
	margin-left: 300px;
}

.navigationbar ul li {
	display: inline;
	margin: 0; padding: 0 0.6em;;
}

.featured {
	margin: 0;
	margin-top: 8px;
	background: #229bd2;
	height: 307px;
}

.featured .content {
	position: relative;
	width: 980px;
	height: 307px;
	background: url(/images/featured_overlay.png) no-repeat 340px 20px;
}

.featured h2 {
	margin: 0;
	display: none;
}

.featured h3 {
	display: none;
}

.featured p {
	display: none;
}

.featured ul {
	position: absolute;
	top: 190px;
	left: 350px;
	margin:0;
	padding: 0;
}

.featured ul li {
	display: inline;
}

#hoewerkthet, #snelinhuis {
	width: 400px;
}

#hoewerkthet h2, #snelinhuis h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19pt;
	margin-top: 1em;
	font-weight: bold;
	margin-bottom: 0;
}

#hoewerkthet p, #snelinhuis p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	line-height: 1.2em;
	margin-top: 0;
}

#hoewerkthet {
	float: left;
	padding-left: 90px;
	background: url(info.png) no-repeat 10px 70px;
}

#snelinhuis {
	float: right;
	padding-left: 90px;
	background: url(mail.png) no-repeat 10px 75px;
}

#infobar {
	clear: both;
}

#infobar {
	margin: 6px;
	margin-bottom: 1em;
	text-align: left;
	font-size: 10pt;
	height: 2em;
	color: #229bd2;				
}

#infobar a:link, #infobar a:visited, #infobar a:active, #infobar a:hover {
	color: #229bd2;				
	text-decoration: none;	
}

.info_general, .info_payment {
	height: 2em;
}

.info_general {
	padding: 0;
	display: block;
	list-style: none;
	float: left;
	height: 46px;
	margin: 1em 0;
	margin-left: 190px;
}

.info_general li {
	margin: 0;
	padding: 0 1em;
	display: inline;
	list-style: none;
	border-left: 1px solid #00abdc;			
}

.info_general li.first {
	border-left: 0px solid #fff;
}

.info_payment {
	float: right;
	margin: 0;
	padding: 0;
}

.info_payment {
	margin: 0;
	padding: 0 1em;
	display: inline;
	list-style: none;
	vertical-align: middle;
}

.info_payment img {
	vertical-align: middle;
}

.collectionitem {
	padding: 1em;
}

.collectionitem a:link, .collectionitem a:hover, .collectionitem a:visited, .collectionitem a:active {
	text-decoration: none;
	color: #000;
	text-align: center;
}

.collectionitem p {
	margin: 0;
	padding: 0;
}

.templatebox {
	width: 922px;
	margin: 1em auto;
	padding-top: 35px;
	background:url(/images/template_header.png) no-repeat left top;
}

.templatebox.flyer {
	width: 922px;
	margin: 1em auto;
	padding-top: 35px;
	background:url(/images/template_header_flyer.png) no-repeat left top;
}

.templatebox h2 {
	display: none;
}

.templatebox .picksize {
	width: 260px;
	border: #000000 solid 0;
	float: left;
}

.templatebox .pickproduct {
	width: 575px;
	border: #000000 solid 0;
	float: left;
}

.templateboxinner {
	border-left: #229bd2 solid 1px;
}

.templateclearer {
	clear: both;
	width: 0;
	height: 0;
}

.templatefooter {
	clear: both;
	width: 922px;
	height: 5px;
	padding: 0;
	margin: 0;
	background: url(/images/template_format_footer.png);
}

.flyer .templatefooter {
	background:url(/images/template_footer_flyer.png) no-repeat left top;
}

.templatebox .pickcollectionitem {
	border: #000000 solid 0;
	border-right: #229bd2 solid 1px;
	border-left: #ff8600 solid 1px;
	width: 659px;
	float: right;
}

.pickcollectionitem h3 {
	display: none;
}

.templatebox .picksize p, 
.templatebox .pickproduct p.choose_heading,
.templatebox .priceview p.choose_heading
{
	margin: 0;
	padding: 2px;
	padding-left: 0.5em;
	border: #000000 solid 0;
	border-bottom: #ff8600 solid 1px;
	color: #229bd2;
}

.templatebox .pickproduct p.choose_heading {
	text-align: center;
}

.flyer .templateboxinner {
	border-right: 1px solid #229bd2;
}

.priceview  {
	margin-left:575px;
	width:344px;
}

.priceview_inner {
	border-left:1px solid #FF8600;
	height: 500px;
}	

.promotion_header p {
	display: none;
}

.promotion_header {
	width: 344px;
	height: 70px;
}

#a4drieluik.promotion_header { background: url(/images/formaten/a4_drieluik_header.png); }
#a3folder.promotion_header { background: url(/images/formaten/a3_folder_header.png); }
#a4folder.promotion_header { background: url(/images/formaten/a4_folder_header.png); }
#a5folder.promotion_header { background: url(/images/formaten/a5_folder_header.png); }
#a1poster.promotion_header { background: url(/images/formaten/a1_poster_header.png); }
#a2poster.promotion_header { background: url(/images/formaten/a2_poster_header.png); }
#a3poster.promotion_header { background: url(/images/formaten/a3_poster_header.png); }
#a4flyer.promotion_header { background: url(/images/formaten/a4_flyer_header.png); }
#a5flyer.promotion_header { background: url(/images/formaten/a5_flyer_header.png); }
#a6flyer.promotion_header { background: url(/images/formaten/a6_flyer_header.png); }

.pickproduct .leftcolumn {
	float: left;
	width: 230px;
	margin: 0;
	padding: 0;
	padding-left: 90px;
	padding-top: 30px;
}

.pickproduct .sizelist {
	margin: 0;
	padding: 0;
	padding-left: 20px;
}

.pickproduct .sizelist li {
	margin: 0;
} 

.pickproduct .drieluik .sizelist {
	height: 20px;
}

.pickproduct .folder .sizelist {
	height: 56px;
}

.pickproduct .drieluik .formats {
	height: 20px;
}

.pickproduct .folder .formats {
	height: 20px;
}

.pickproduct .formats {
	height: 20px;
	color: #229bd2;
	font-size: 8px;
	text-align: center;
	margin: 0;
	padding: 3px;
}

.pickproduct .sizelist a {
	font-size: 15px;
	text-decoration: none;
	color: #229bd2;
}

.pickproduct .sizelist a strong {
	font-size: 17px;
}

.pickproduct .sizelist a:hover strong, .pickproduct .sizelist a.selected strong {
	color: #ff8600;
}

.pricetable table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

.pricetable th, .pricetable td {
	text-align: left;
	padding: 3px;
}

.pricetable tr.alternative {
	background: #b2ddf2;
}


.pickproduct h3 {
	display: none;
}

.pickproduct .drieluik {
	padding-top: 143px;
	width: 125px;
	background:url(/images/formaten/drieluik.png) no-repeat center top;
}

.pickproduct .poster {
	padding-top: 142px;
	width: 125px;
	background:url(/images/formaten/poster.png) no-repeat center top;
}


.pickproduct .folder {
	padding-top: 143px;
	padding-left: 42px;
	padding-right: 42px;
	width: 125px;
	background:url(/images/formaten/folder.png) no-repeat center top;
}

.pickproduct .flyer {
	padding-top: 106px;
	padding-left: 42px;
	padding-right: 42px;
	width: 125px;
	background:url(/images/formaten/flyer.png) no-repeat center top;
}


.pickproduct .rightcolumn {
	margin-left: 300px;
	padding-top: 30px;
	
}

.promotion_header p {
	margin: 0;
	padding: 2px;
}

ul.sizelist {
	list-style:none;
	margin: 0;
	padding: 0.5em;
}

ul.sizelist li {
	margin: 0.8em 0;
}

.collectionitem img {
	width: 100px;
}

.themelist {
	list-style:none;
	margin: 0;
	padding: 0.5em;	
	padding: 2px;
	padding-left: 0.5em;
	border: #000000 solid 0;
	border-bottom: #ff8600 solid 1px;
	text-align: center;
}

.themelist li {
	display: inline;
	padding: 2px 6em;
	width: 200px;
	color: #229bd2;	
	font-weight: bold;
}

.pickcollectionitem .collectionitems {
	overflow: auto;
	overflow-x: hidden;
	height: 430px;
	padding: 0;
	margin: 0;
	margin-bottom: 1em;
}

.colorselector {
	/* background:transparent url(/images/select.png) repeat scroll 0 0; */
	background: #a1a1a1;
	height:31px;
	position:relative;
	width:31px;
}

.colorselector div {
	/* background:transparent url(/images/select.png) repeat scroll center center; */
	height:25px;
	left:3px;
	position:absolute;
	top:3px;
	width:25px;
}

.pageselector div {
	background: #fff;
}

.pageselector.selectedpage div {
	background: #000;
}

.texttoolbox li {
}

.fontcolorbox {
	height: 15px;
}

#fontcolorselector {
	position: absolute;
	height: 15px;
	width: 45px;
	margin-right: 0.5em;
	right: 0;
	top: 1px;
}

#fontcolorselector div{
	top: 1px;
	left: 1px;
	position: absolute;
	height: 13px;
	width: 43px;
}

#backgroundlist {
	position: absolute;
	top: 3px;
	right: 1em;
	height: 13px;
	width: 28px;
	margin: 0;
	padding: 0;
}

#backgroundlist2 {
	height: 13px;
	width: 28px;
}

#backgroundlist.double {
	width: 68px;
	margin: 0;
	padding: 0;
}

#backgroundlist2.double {
	width: 68px;
	margin: 0;
	padding: 0;
}

#backgroundlist li {
	list-style: none;
	padding: 0;
	float: left;
	/*padding:1em 0;*/	
}

#backgroundlist2 li {
	list-style: none;
	padding: 0;
	float: left;
	/*padding:1em 0;*/	
}

.rotationslider {
	width: 90%;
	margin: 0.5em auto;
}
.scaleslider {
	width: 90%;
	margin: 0.5em auto;
}
.zoomslider {
	width: 90%;
	margin: 0.5em auto;
}

#layerwrapper {
	margin: 0;
	padding: 0;
	height: 100px;
	overflow: auto;
}

#layerlist {
	list-style-type: none; 
	margin: 0; padding: 0; 
	width: 100%;
}


#layerlist li { 
	margin: 0;
	padding: 0;
	padding-top: 5px;
	padding-left: 5px; 
	font-size: 0.8em; 
	height: 21px;
	width: 100px;
	position: relative;
	overflow: hidden;
	background: url("/images/layer.png") no-repeat left top;
}

html>body #layerlist li { height: 21px; }
#layerlist li.ui-state-highlight { 
	height: 21px; 
	background: url("/images/layer_placeholder.png") no-repeat left top;
	border: 0 solid #000;
}

#backgroundlayerlist {
	list-style-type: none; 
	margin: 0; padding: 0; 
	width: 100%;
}

#backgroundlayerlist li { 
	margin: 0;
	padding: 0;
	padding-top: 5px;
	padding-left: 5px; 
	font-size: 0.8em; 
	height: 21px;
	width: 100px;
	position: relative;
	overflow: hidden;
	background: url("/images/layer.png") no-repeat left top;
}

html>body #backgroundlayerlist li { height: 21px; }

#flashfile {
	margin-left: 150px;
	margin-top: 1em;
}

/* Toolbox */
.toolbox {
	position: absolute;
	top: 1em;
	left: 0;
	width: 140px;
}

.toolboximage {
	position: absolute;
	top: 3px;
	left: 0;
}

.toolbox p strong {
	display: none;
}

.toolbox a:link, .toolbox a:visited, .toolbox a:active, .toolbox a:hover {
	text-decoration: none;
	color: #000;
}

.inserttoolbox {
	width: 134px;
	padding: 0;
	margin: 0;
}

.toolboxbody {
	width: 126px;
	padding: 3px;
	background: #e0e0e0;
	border: 1px solid #e8e8e8;
	border-bottom: 1px solid #000;
	border-top: 0px solid #000;	
	margin-bottom: 3px;
	font-size: 8pt;
}

.inserttoolbox p {
	background: url("/images/toolbox/header_invoegen.png") no-repeat top left;
	width: 134px; height: 14px;
	margin: 0;
}

.inserttoolbox ul {
	width: 128px;
	padding: 0;
	margin: 0;
}

.inserttoolbox ul li {
	border-bottom: 1px solid #a2a2a2;
	padding: 7px;
	list-style: none;
	font-size: 8pt;
	padding-left: 34px;
}

.inserttoolbox ul li.last {
	border-bottom: 0px solid #000000;
}

li.newtext {
	background: url("/images/toolbox/text_plaatsen.png") no-repeat center left;
}

li.newimage {
	background: url("/images/toolbox/eigen_afbeelding.png") no-repeat center left;
}

li.newstockimage {
	background: url("/images/toolbox/bibliotheek.png") no-repeat center left;
}

li.newbackground {
	background: url("/images/toolbox/achtergrond.png") no-repeat center left;
}

li.newframe {
	background: url("/images/toolbox/kaders.png") no-repeat center left;
}

.texttoolbox {
	width: 134px;
	padding: 0;
	margin: 0;
	font-size: smaller;
}

.texttoolbox p {
	background: url("/images/toolbox/header_tekstopties.png") no-repeat top left;
	width: 134px; height: 14px;
	margin: 0;
}

.texttoolbox ul {
	padding: 0;
	margin: 0;	
}

.texttoolbox li {
	list-style: none;
	margin: 0;
	padding: 2px;;
	border-bottom:1px solid #A2A2A2;	
	position: relative;
}

.texttoolbox li.last {
	border-bottom: 0px solid #000;	
}

.texttoolbox select {
	width: 120px;
	font-size: 8pt;
	
}


.imagetoolbox {
	width: 134px;
	padding: 0;
	margin: 0;
}

.imagetoolbox p {
	background: url("/images/toolbox/header_afbeeldingsopties.png") no-repeat top left;
	width: 134px; height: 14px;
	margin: 0;
}

.imagetoolbox ul {
	padding: 0;
	margin: 0;	
}

.imagetoolbox li {
	list-style: none;
	margin: 0;
	padding: 2px;
	border-bottom:1px solid #A2A2A2;	
}

.imagetoolbox li.last {
	border-bottom: 0px solid #000;	
}

.layerbox {
	width: 134px;
	padding: 0;
	margin: 0;
}

.layerbox p {
	background: url("/images/toolbox/header_lagen.png") no-repeat top left;
	width: 134px; height: 14px;
	margin: 0;
}

.backgroundbox {
	width: 134px;
	padding: 0;
	margin: 0;
}

.pagebox ul {
	text-align; center;
}

.backgroundbox p {
	background: url("/images/toolbox/header_achtergrondkleur.png") no-repeat top left;
	width: 134px; height: 14px;
	margin: 0;
}

.backgroundbox .toolboxbody {
	height: 65px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;	
	position: relative;
}

.backgroundbox .toolboxbody span {
	float: left;
}

#fontsizeselector {
	width: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;	
}

#fontsizecontrol {
	position: absolute;
	right: 0.5em;
	top: 2px;
}

.cardnavigation {
	clear: both;
	margin-bottom: 2em;
	height: 3em;
	margin-left: 165px;
}

.cardnavigation .previousstep {
	float: left;
}

.cardnavigation .nextstep, .cardnavigation .saveas {
	float: right;
}

.cardnavigation .stepdescription {
	display: block;
	margin: 0 auto;
	text-align: center;
	margin-left: 70px;
	margin-right: 70px;
}

/* Design overview */
.ordertable {
	width: 100%;
}

.ordertable th {
	text-align: left;
}

.ordertable .ordercol {
	width: 50px;
	text-align: center;
}

.ordertable .datecol {
	width: 30%;
}

.ordertable {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Order */
input, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;		
}

.orderform th {
	text-align: left;
	padding-right: 1em;
}

.contactpart {
	float: left;
	width: 370px;
}

.cardpart {
	margin: 1em;
	margin-left: 380px;
	border-left: 1px solid #000;
}

.cardlist {
	height: 260px;
	overflow: auto;
	overflow-x: hidden;
}

#layerlist .deletebutton {
	position: absolute;
	right: 0;
	top: 0;
}

#layerlist .layername {
	overflow: hidden;
	width: 
}

#backgroundlayerlist .deletebutton {
	position: absolute;
	right: 0;
	top: 0;
}

#backgroundlayerlist .layername {
	overflow: hidden;
	width: 
}

.orderitem {
	clear: both;
	margin-top: 1em;
}

.orderitem p {
	margin: 0;
	padding: 2px;
	position: relative;
}

.orderitem p strong {
	font-weight: normal;
}

.orderheader {
	border-bottom: 1px solid #000;
	position: relative;
}

.orderheader p {
	font-weight: bold;
}

.orderheader p strong {
	font-weight: bold;
}

.orderheader .orderprice {
	position: absolute;
	right: 0;
	top: 0;
}

.aantal_formaat {
	float: left;
	width: 30%;
}

.flyers .aantal_formaat {
	width: 40%;
}

.aantal_formaat p strong {
	width: 5em;
	float: left;
}

.orderparts {
	float: left;
	width: 18%;
}

.orderdetails {
	float: right;
	width: 52%;
}

.flyers .orderdetails {
	width: 55%;
}

.orderdetails p strong {
	width: 6.5em;
	float: left;
}

.orderscreen h2 {
	color: #229bd2;	
	margin-left: 0.5em;
}

.orderscreen legend {
	display: none;
}

.orderitemlist legend {
	display: block;
	color: #229bd2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
}

.orderscreen fieldset {
	border: 0 solid #000;
}

.formbody {
	border: 1px solid #229bd2;
	padding: 0 0 0 10px;
	position: relative;
}

.orderscreen .totals, .orderscreen .subtotals {
	position: relative;
	margin-bottom: 1em;
	margin-top: 0.3em;;
}
.orderscreen .totalpart h3 {
	border-top: 1px solid #000;
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding-top: 0.5em;
}

.orderscreen .totalpart p {
	margin: 0;
}

.orderscreen .totalpart p, .orderscreen .totalpart h3 {
	position: relative;
}

.orderscreen .totalpart .amount {
	position: absolute;
	right: 0;
}

.orderscreen .subtotals h3 .amount {
	font-weight: normal;
	margin: 0;
}

.orderscreen .totals h3 {
	font-size: 1.3em;
}

.orderscreen p.sendmethodchoice {
	margin-left: 1em;
	font-size: 0.8em;
}

.orderscreen .btw {
	font-size: 0.8em;
}

.submitpart {
	position: relative;
	margin-top: 1em;
}

.submitpart .submitbutton {
	position: absolute;
	right: 0;
	top: 0;
}

.discount legend, .addressconfirm legend {
	display: block;
	color: #229bd2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
}

.ordertable .alternative {
	background: #e9e9e9;
}

.discount {
	position: absolute;
	bottom: 0.5em;
	left: 0;
	width: 350px;
}

.newsletter {
	font-size: 0.8em;
}

.orderscreen table, .orderscreen td, .orderscreen th {
	font-size: 10pt;
	text-align: left;
}

.orderscreen table {
	width: 100%;
}

.addresspart {
	margin: 1em;
}

.submitpart.addresssubmit {
	margin: 0 1em;
	padding: 0.5em 0;
	border-top: 1px solid #000;
}

.addresssubmit .disclaimertext {
	margin-right: 10em;
	margin-top: 0;
	margin-bottom: 0;
}

.addresssubmit .submitbutton {
	bottom: 0.5em;
	top: auto;
}

.orderscreen .addresspart .cardlist {
	width: 100%;
	height: 500px;
	margin: 0 auto;
}

.orderscreen .addresspart table{
	width: auto;
}

.orderscreen .addresspart td{
	padding: 0 1em;
}

.orderscreen .addresspart th{
	padding: 0 1em;
}

.orderscreen .addresspart .orderimage {
	float:left;
	width: 150px;
	margin: 0.5em;
}

.header .login .waitingicon {
	margin: 0.5em;
}

.header .login .deleteicon {
	margin: 0.5em;
	color: red;
}

.toolbox .ui-slider-handle.ui-state-default {
	background: #848484;
}

.toolbox .rotationslider {
	border: 1px solid #848484;
}

.imageholder {
	width: 200px;
	height: 200px;
	float: left;
	margin: 3px;
}

.imageholder img {
	margin: 0 auto;
}

.categories {
	float: left;
	width: 200px;
}

.categories p {
	border-bottom:1px solid #FF8600;
	clear:left;
	color:#229BD2;
	margin:0;
	padding:3px;
}

.categories li {
	padding: 3px;	
}

.categories .selected{
	background: #229bd2;
}

.categories a:link, .categories a:visited, .categories a:active, .categories a:hover {
	text-decoration: none;	
}

.categories ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#frameimages, #backgroundimages, #stockimages {
	border-left:1px solid #FF8600;
	height:380px;
	margin-left:200px;
	overflow:auto;
	padding:1em;
}

.orderpane {
	height: 212px;
	overflow: auto;
	overflow-x: hidden;
}

#bestelbutton {
	margin: 3px;
}

.submitrow {
	text-align: right;
	padding: 0.5em;
}

.fonttext {
	display: none;
}

.aligntext {
	display: none;
}

#textalignbuttons {
	position: absolute;
	right: 0.5em;;
	top: 2px;
}

.alignbox {
	height: 20px;
}

.sizebox {
	height: 24px;
}

.sizebox .text {
	display: block;
	padding-top: 4px;
}

.registerbutton img {
	vertical-align: middle;
}

.overviewbutton img {
	vertical-align: middle;
}

#topsavebutton img {
	margin-top: 3px;
}

#footerpopup th {
	text-align: left
}

#footerpopup .contact {
	float: left;
	width: 23em;	
}

#footerpopup fieldset {
	border: 0px solid #000;
}

#footerpopup .contactcontent {
	margin-left: 24em;
	border-left: 1px solid #a1a1a1; 
	padding-left: 1.5em;
}

#footerpopup .contactcontent textarea {
	width: 100%;
}

.alternativeaddress {
	clear: both;
}

#preview {
	float: right;
	width: 300px;
	margin: 0;
	padding: 0;
}

#preview p.previewheader {
	margin: 0;
	padding: 5px 10px;
	text-align: center;
	border-bottom: 1px solid #FF8600;
	color: #229bd2;
	font-weight: bold;
}

#previewbody p {
	text-align: center;
}

#previewbody {
	margin-top: 3em;
	margin: 1em;
}

.cardbody {
	margin: 0;
	padding: 0;
	margin-right: 300px;
	height: 500px;
	border-right: 1px solid #ff8600; 
}

.ordertable td {
	cursor: pointer;
	padding: 5px 10px;
	vertical-align: top;
}

.ordertable th {
	padding: 5px 10px;
	border-bottom: 1px solid #FF8600;
	color: #229bd2;
}

.ordertable input {
	cursor: default;
}

.ordertable .hover td {
	background: #ffb36b;
}

.ordertable .selected td {
	background: #229bd2;
}

.overview .formpart {
	width: 922px;
	margin: 1em auto;
	padding: 1px;
	padding-top: 37px;
	position: relative;
	background:url(/images/overview_header.png) no-repeat left top;	
}

.overview .formbody {
	border-top: 0;
	margin-top: 0;
	padding: 0 0 0 10px;
}

.overview h2 {
	display: none;
}

.sendecard #preview {
	float: left;
}

.sendecard .cardbody {
	margin: 0;
	height: auto;
	margin-left: 300px;
	border-left: 1px solid #ff8600;
	border-right: 0px solid #000; 
}

.sendecard .cardbody p {
	margin: 1em;
}

.sendecard .orderpane {
	height: auto;
}

.sendecard textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	width: 350px;
	height: 100px;
}

.sendecard #subjectfield {
	width: 350px; 
}

.namefield {
	width: 200px;
}

.emailfield {
	width: 300px;
}

.namecol {
	width: 210px;
} 

.headerfield {
	font-weight: bold;
	text-align: right;
	width: 5em;
}

.lastmailfield {
	margin-bottom: 0;
}

#bodypreview {
  white-space: pre;
}

label.error {
	color: #f00;
}

.emailfield {
	display: block;
}


.subjectcell {
	width: 100px;
}

.collectiontable {
	width: 100%;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

.collectiontable th {
	width: 33%;
	color:#229BD2;
	padding:2px 1em;
	margin: 0;
	border-bottom:1px solid #FF8600;
}

.collectiontable th.last {
	width: 34%;
}

.collectiontable a:link, .collectiontable a:visited, .collectiontable a:active, .collectiontable a:hover {
	text-decoration: none;
	color: #229bd2;
}

.collectiontable tr {
	padding: 0;
	margin: 0;
}

input.error {
	background-color: #ffb36b;
}

textarea.error {
	background-color: #ffb36b;
	margin-top: 1em;
}

.errorcontainer {
	margin: 1em 0;
}

.errorcontainer label{
	display: block;
}

.addresspart label.error {
	display: block;
}

.styledbutton {
	cursor:pointer;
	line-height:1.4em;
	margin:0.5em 0.4em 0.5em 0;
	overflow:visible;
	padding:0.2em 0.6em 0.3em;
	width:auto;
}

.paypart p {
	display: inline;
}

.orderitem table {
	margin-left: 175px;
}

.paypart {
	text-align: center;
}

.degree {
	position: absolute;
	right: 0.5em;
}

.ordererror, .flyererror {
	color: #f00;
}

.orderpane.ordered {
	border-top: 3px double #ff8600;
}

#stockimagedialog, #backgroundimagedialog, #frameimagedialog {
	padding: 0;
}

.clearelement {
	clear: both;
}

#ordermessage {
	/*
	position:relative;
	top:-29px;
	left:260px;
	*/
	/* width:100px; */
	height:20px;	
	color:#C00;
	font-size:10px;
	font-weight:bold;
	display:none;
}

.nobr {
	white-space: nowrap;
}

#footerpopup .pricetable th, .priceinformation th {
	vertical-align: top;
}

#footerpopup .pricetable th {
	text-align: center;
}