.stationaryNavigation h1 {
    text-indent: -10000px;
    height: 0;
    margin: 0;
}
.left { float:left; }
.right { float:right; }
.ac {text-align:center;}
h2 { font-weight: normal; }
#stat-nav { 
    background: url("http://image.confetti.co.uk/UI/prof-printed/navigation/PP_Theme_Page2.jpg?v4") repeat scroll left top transparent;
    border-bottom: 1px solid #CCCCCC;
    clear: both;
    float: left;
    height: 165px;
    margin: 0 0 13px;
    position: relative;
    width: 953px;
    _overflow: hidden;
    }
#stat-nav ul.steps { margin: 140px 0 0; }
#stat-nav ul.steps li { color:#888; width:118px; background:#e0e0e0; height:24px; overflow:hidden; font-size:12px; text-align:center; line-height:24px; border-left:1px solid #CCC; border-top:1px solid #CCC; border-right:1px solid #CCC; position:relative; float:left; margin:0 6px 0 0; width:129px; padding:0 0 0 0; list-style:none;_overflow:hidden; }
#stat-nav ul.steps li.last {margin-right:0;}
#stat-nav ul.steps li.selected {background:#FFF; border-bottom: 1px solid #FFF; margin-bottom: -1px; color: #ec2d91;}
#stat-nav ul.steps li.lastselected {margin-right:0; background:#FFF; border-bottom: 1px solid #FFF; margin-bottom: -1px; color: #ec2d91;}
#stat-nav ul.steps li span {background: url(../../userimages/stationery/sprite-printed-stationery.gif) no-repeat 0 -500px; text-indent:-5555px; display:block; position:absolute; top:3px; left:5px; width:20px; height:18px;}
#stat-nav ul.steps li.completed, #stat-nav li .step1 {background-position:0 -501px;_overflow:hidden;}
#stat-nav ul.steps li .step2  {background-position:0 -539px;_overflow:hidden;}
#stat-nav ul.steps li .step3  {background-position:0 -577px;_overflow:hidden;}
#stat-nav ul.steps li .step4  {background-position:0 -615px;_overflow:hidden;}
#stat-nav ul.steps li .step5  {background-position:0 -653px;_overflow:hidden;}
#stat-nav ul.steps li .step6  {background-position:0 -691px;_overflow:hidden;}
#stat-nav ul.steps li .step7  {background-position:0 -729px;_overflow:hidden;}
#stat-nav ul.steps li.selected .step1 { color: #fff; background-position:0 -519px;_overflow:hidden;}
#stat-nav ul.steps li.selected .step2 { color: #fff; background-position:0 -557px;_overflow:hidden;}
#stat-nav ul.steps li.selected .step3 { color: #fff; background-position:0 -595px;_overflow:hidden;}
#stat-nav ul.steps li.selected .step4 { color: #fff; background-position:0 -633px;_overflow:hidden;}
#stat-nav ul.steps li.selected .step5 { color: #fff; background-position:0 -671px;_overflow:hidden;}
#stat-nav ul.steps li.selected .step6 { color: #fff; background-position:0 -709px;_overflow:hidden;}
#stat-nav ul.steps li.selected .step7 { color: #fff; background-position:0 -747px;_overflow:hidden;}

#stat-nav ul li .completed { color: #ef2a94; }
#stat-nav li.last {margin:0 0 0 0; }
#stat-nav li.last.payment { background-position:-490px -264px; width: 129px; }
#stat-nav ul li a { color:#ef2a94; display:block; height:28px; cursor:pointer; text-decoration:none; }
#help-msg { margin: 0 0 20px; clear:both; }
/*  back to old walkthrough */
/*#stat-left {
	width: 725px;
	float : left;
}
#stat-right {
	float: left;
	margin-left: 10px;
	width: 220px;
}
#stat-left caption {
	background-color: #ec2d91;
	text-align: left;
	font-size: 15px;
	color: #fff;
	padding: 5px;
	margin-bottom:0;
	border-bottom: 2px solid #fff;
}
#stat-left th {
	background-color: #eee;
	text-align: left;
	font-size: 12px;
	padding: 4px;
}
#stat-left tbody tr {
}
#stat-left tbody td {
	padding: 4px;
	background-color: #e4eced;
	border-top: 2px solid #fff;
}
#typeface-options tbody tr:hover td {
	background-color: #fdeff5;
}

#order-tracker {
	background-color: #f9f8f8;
	border: 1px solid #909090;
	padding: 5px;
}
#order-tracker h2 {
	background: none repeat scroll 0 0 #909090;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: bold;
	margin: -5px -5px 10px;
	padding: 5px;
}
#order-tracker h3 {
	font-weight: bold;
	font-size: 13px;
	color: #ec2d91;
	margin: 0;
}
#order-tracker p {
	margin: 0 0 10px;
}
#theme-image {
	float: left;
	margin: 0 20px 20px 0;
	border: 1px solid #ccc;
}

#stat-quantities {
	width: 100%;
}
#stat-quantities tbody td {
	background-color: #FDEFF5;
}
#stat-quantities input {
	border: none;
	background-color: #FDEFF5;
}
#stat-additional-costs {
	width: 100%;
}
input.readonly {
	background-color: #E4ECED;
	border: none;
	text-align: right;
}
#stat-left tbody td#grand-total-label {
	background: #66A191;
	text-align: right;
	font-size: 20px;
	color: #d3e3de;
}
#stat-left tbody td#grand-total-price {
	background: url("http://image.confetti.co.uk/UI/prof-printed/total-arrow.gif") no-repeat scroll right center #66A191;
	text-align: right;
	font-size: 20px;
	color: #fff;
}
#stat-left tbody td#grand-total-price input {
	background: transparent;
	text-align: right;
	color: #fff;
	width: 85px;
}
#stat-left tbody td.total {
	padding-right: 20px;
}
#stat-left tbody td.total input {
	background: transparent;
	width: 85px;
	text-align: right;
	padding: 0;
	margin: 0;
}
*/





#backforward { margin-bottom: 60px; text-align: right; margin-top: 10px; float:right; }
#backforward a {display: block; font-size: 14px; font-weight: bold; height: 25px; float:left; line-height: 25px; padding: 5px; text-align: center; text-decoration: none; width: 135px;}
#backforward a.pink {background: #EB2D8F;color: #FFFFFF; margin: 0 0 0 10px;}
#backforward a.grey {background: #cecece; color:#000;}
/*--------------------*/
/* 25/12/10 Salem CSS */
/*--------------------*/
/* Need help bubble */
.stationaryOptions .need-help { position:absolute; top:-80px; left:0; background:url(../../userimages/stationery/sprite-printed-stationery.gif) no-repeat 0 0; width:110px; height:79px; text-indent:-5555px; }
.stationaryOptions .need-help.step1 { left:0; }
.stationaryOptions .need-help.step2 { left:118px; }
.stationaryOptions .need-help.step3 { }
.stationaryOptions .need-help.step4 { }
.stationaryOptions .need-help.step5 { }
.stationaryOptions .need-help.step6 { }
.stationaryOptions .need-help.step7 { }
.stationaryOptions .need-help.step8 { }
/*------------------*/
/* 		Theme 		*/
/*------------------*/
ul.stationery-products { margin:0; padding:0; clear:both; }
ul.stationery-products li { position: relative; margin:0 10px 30px 0; padding:0; list-style:none; width:230px; float:left; text-align: center; }
ul.stationery-products li div {border: 1px solid #ccc; width:230px; height:230px; }
ul.stationery-products li img {width:230px;height:230px;}
ul.stationery-products li.end { margin:0 0 30px 0; }
ul.stationery-products li p { 
    background-color: rgba(255, 255, 255, 0.85);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D8FFFFFF,endColorstr=#D8FFFFFF)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D8FFFFFF,endColorstr=#D8FFFFFF);   /* IE6 & 7 */
    zoom: 1;
    top: 175px;
    color: #EC2D91;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 5px 10px;
    position: absolute;
    right: 0;
    text-align: right;
    width: 120px;
     }
ul.stationery-products li div:hover {
    text-decoration: none;
    border: 1px solid #ec2d91;
    margin: 0px;
}
ul.stationery-products li a:hover p {
    background-color: #fff;
}
ul.stationery-products li h3 {font-size:11px; font-weight:normal; color:#555; line-height: 18px; margin:7px 0 0 0 ; text-align:left;}
ul.stationery-products li h3 span {font-weight:normal; color:#888; }

/* Pagination */
ul.pagination { margin:0 5px 5px 0; overflow:hidden; padding:0; }
ul.pagination li { color:#97949b; width:25px; height:25px; line-height:25px; text-align:center; display:block; float:left; background:#e7e7e7; }
ul.pagination li.selected { color:#f43c8f; text-decoration:underline; }
ul.pagination li.page-prev, ul.pagination li.page-next, ul.pagination li.page-first, ul.pagination li.page-last { text-indent:-5555px; background:url(../../userimages/stationery/sprite-printed-stationery.gif) no-repeat 0 0; }
ul.pagination li.page-first { background-position:0px -80px; margin:0 1px 0 0; }
ul.pagination li.page-prev { background-position:-26px -80px; margin:0 1px 0 0; }
ul.pagination li.page-next { background-position:-52px -80px; margin:0 1px 0 1px; }
ul.pagination li.page-last { background-position:-78px -80px; margin:0 1px 0 0; }
ul.pagination li.page-first:hover { background-position:0px -106px; cursor:pointer; }
ul.pagination li.page-prev:hover { background-position:-26px -106px; cursor:pointer; }
ul.pagination li.page-next:hover { background-position:-52px -106px; cursor:pointer; }
ul.pagination li.page-last:hover { background-position:-78px -106px; cursor:pointer; }
ul.pagination li.more { color:#97949b; }
ul.pagination li a { display:block; color:#97949b; text-decoration:none; }
ul.pagination li a:hover { color:#f43c8f; text-decoration:underline; }
/*@end*/
/* coloured Bars */
.bar {color:#FFF; float:left; clear:both; padding:5px 0; width:100%; margin:0 0 10px 0; overflow:hidden; }
.bar span {margin-left:10px;}
.bar.pink { background:#f63d92; }
.bar.pink h4 { color:#FFF; margin:0 0 0 5px; }
.bar.grey { background:#909090; }
.bar .grey1 { background:#e3ecee; color:#343434; }
.bar .grey2 { background:#f3fafa; color:#343434; }
.bar.tint1 h3 {color:#000; margin:0 0 0 5px;}
/*@end*/
/*------------------*/
/* Range and colour */
/*------------------*/
.col-left { float:left; width:726px; margin:0 18px 0 0; }
h2.title { font-size:19px; color:#000; margin:0 0 20px 0; clear:both; }
.col-right { float:left; width:205px; }
a.theme-preview { float:left; border:1px solid #CCC; margin:0 20px 20px 0; position:relative; z-index:34; }
a.theme-preview:hover { z-index:35; }
/* Tooltip */
a.theme-preview .thumb-tooltip { display: none }
a.theme-preview:hover .thumb-tooltip { display:block; position:absolute; top:150px; left:150px; padding:5px; background:#f63d92; color:#000; text-align: center }
.arrow-up { position:absolute; left:5px; top:-15px; height:0px; width: 0px; border-style: solid; border-color: transparent transparent #f63d92 transparent; border-width: 8px; }
div.theme-info { float:right; overflow:hidden; width:420px; }
div.theme-info.options {width:399px;}
div.theme-info .bar { margin:0 0 0 0; }
div.theme-info .bar h4 { margin:0 0 0 5px; color:#FFF; }
div.theme-info h3 { }
div.theme-info p { }
a.pinkgo {display: inline; font-size: 14px; font-weight: bold; height: 14px; line-height: 14px; padding: 8px 15px; text-align: center; text-decoration: none; background: #EB2D8F; color: #FFFFFF; margin: 4px 0 0 3px; float: left;}
/*------------------*/
/* Table Generic 	*/
/*------------------*/
table.stationery { width:100%; margin:0 0 20px 0; padding:0; }
table.stationery caption { padding:5px; text-align:left; background:#f63d92; color:#FFF; font-size:13px; margin:0; }
.tinth { background-color: #F63D92; color:#FFF; }
.tint1 { background:#e2ecee; }
.tint2 { background:#f4fafa; }
table.stationery th { text-align:left; font-size:11px; padding:2px 5px; }
table.stationery td { font-size:12px; padding:5px; }
table.stationery td.font14 { font-size:14px; padding:10px 5px; }
table.stationery td.bulk-price { color:#888689; }
table.stationery input { border: none; background: transparent; }
input.readonly { background-color:transparent; border: none; text-align: right; }
/*@end*/
/* Grand Price */
.grand-total { position:relative; background:#66a191; height:41px; color:#FFF; text-align:right; font-size:24px; }
.grand-total span.price { color:#FFF; padding:0 5px; line-height:44px; }
.grand-total .arrow-tb { 
    position:absolute; 
    right:-20px; 
    top:0; 
    
    border-bottom: 21px solid transparent;
    border-left: 20px solid #66A191;
    border-top: 20px solid transparent;
    height: 0;
    width: 0;
    font-size:0px;
    line-height:0px;
    }
.grand-total input.readonly { color:#FFF; margin:0 25px 0 0; }
/*@end*/

/* Colour Options */
table.stationery.cards-available td{padding:2px;}
ul.color-options { margin:0; }
ul.color-options li { position: relative; list-style:none; float:left;border: 1px solid #ccc; margin:0 16px 20px 0; text-align: center; }
ul.color-options li.end { margin:0 0 15px 0; }
ul.color-options li p { 
    background-color : rgba(255, 255, 255, 0.8);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF,endColorstr=#CCFFFFFF)"; /* IE8 */    
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF,endColorstr=#CCFFFFFF);   /* IE6 & 7 */      
    zoom: 1;
    bottom: 0;
    color: #EC2D91;
    font-size: 16px;
    font-weight: bold;
    left: 0;
    margin: 0;
    padding: 10px;
    right: 0;
    width: 209px; 
    }
ul.color-options li a:hover p {
    background-color: rgba(255, 255, 255, 0.9);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5FFFFFF,endColorstr=#E5FFFFFF)"; /* IE8 */    
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5FFFFFF,endColorstr=#E5FFFFFF);   /* IE6 & 7 */
    zoom: 1;
}
ul.color-options li a:hover {
    text-decoration: none;
    border: 1px solid #ec2d91;
    margin: -1px;
    float: left;
}
/*@end*/
/* Col Right: Current Selection */
.panel { border:1px solid #CCC; clear:both; position:relative; background:#f9f7f8; margin:0 0 20px 0; }
.panel .bar h5 { margin:0 0 0 5px; color:#FFF; }
.arrow-down { position:absolute; left:10px; top:26px; height:0px; width: 0px; border-style: solid; border-color: #909090 transparent transparent transparent; border-width: 8px; }
.arrow-down.pink {border-color: #f63d92 transparent transparent transparent;}
/* Current Selection List */
.overview { margin:0 0 0 10px; }
.overview li { margin:0; padding:0; color:#f63d92; list-style:none; font-weight:bold; }
.overview li p { color:#000; font-weight:normal; }
/* Steps Completed */
.steps-completed {padding:10px; margin:0;}
.steps-completed li {padding:0; margin:0; list-style:none;}
.steps-completed li.completed {color:#979797;} 
.steps-completed li span.checked {width:16px; height:15px; text-indent:-5555px; display:inline-block; background:url(../../userimages/stationery/sprite-printed-stationery.gif) no-repeat;
background-position: 100% -415px; margin:0 0 0 7px;}
/*@end*/
/* Tooltip Bubble */
.bubble { background:url(../../userimages/stationery/sprite-printed-stationery.gif) no-repeat 0 -132px; width:211px; height:132px; text-indent:-5555px; }
.bubble.select-colour {background-position:0 -132px; margin:120px 0 0 0; }
.bubble.select-quantity {background-position:-222px -132px; margin:40px 0 0 0; }
.bubble.select-details {background-position:-442px -132px; margin:-20px 0 0 0; }

/* Button */
#backforward a {display: block; font-size: 14px; font-weight: bold; height: 25px; float:left; line-height: 25px; padding: 5px 25px; text-align: center; text-decoration: none; width: auto;}
#backforward a.pink {background: #EB2D8F;color: #FFFFFF; margin: 0 0 0 10px;}
.button { display: inline-block; zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */  *display: inline;
vertical-align: baseline; outline: none; cursor: pointer; text-align: center; text-decoration: none; font-size: 14px; font-weight:bold; padding: 7px 15px; border:1px solid #CCC; }
.button:hover { text-decoration: none; }
.button:active { position: relative; top: 1px; }
.submitbutton { display: inline-block; zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */  *display: inline;
vertical-align: baseline; outline: none; cursor: pointer; text-align: center; text-decoration: none; font-size: 14px; font-weight:bold; padding: 7px 15px; border:1px solid #CCC; }
.submitbutton:hover { text-decoration: none; }
.submitbutton:active { position: relative; top: 1px; }
/* pink */
.button.pink {display: block; font-size: 14px; font-weight: bold; height: 25px; float:left; line-height: 25px; padding: 5px; text-align: center; text-decoration: none; width: 135px; background: #EB2D8F;color: #FFFFFF; margin: 0 0 0 10px;}
.submitbutton.pink {display: block; font-size: 14px; font-weight: bold; float:left; padding: 7px; text-align: center; text-decoration: none; background: #EB2D8F;color: #FFFFFF; margin: 0 0 0 10px;}
.pink { _float: none; }
/*.button.pink { color: #fef4e9; 
	background: #f78d1d; 
	background: -webkit-gradient(linear, left top, left bottom, from(#f63b8e), to(#c63176)); 
	background: -moz-linear-gradient(top, #f63b8e, #c63176);  
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f63b8e', endColorstr='#c63176');
}
.button.pink:hover { 
	background: #f47c20; 
	background: -webkit-gradient(linear, left top, left bottom, from(#f862a5), to(#cf5b93)); 
	background: -moz-linear-gradient(top, #f862a5, #cf5b93);  
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f862a5', endColorstr='#cf5b93');
}
.button.pink:active { 
	color: #FFFFFF; 
	background: -webkit-gradient(linear, left top, left bottom, from(#c63176), to(#f63b8e)); 
	background: -moz-linear-gradient(top, #c63176, #f63b8e);  
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c63176', endColorstr='#f63b8e');
}*/
/* pink */
.button.black { 
	color: #fef4e9; 
	background: #8c8c8c; 
	background: -webkit-gradient(linear, left top, left bottom, from(#8c8c8c), to(#4d4d4d)); 
	background: -moz-linear-gradient(top, #8c8c8c, #4d4d4d);  
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#8c8c8c', endColorstr='#4d4d4d');
}
.button.black:hover { 
	background: #f47c20; 
	background: -webkit-gradient(linear, left top, left bottom, from(#aeaeae), to(#4d4d4d)); 
	background: -moz-linear-gradient(top, #aeaeae, #4d4d4d);  
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aeaeae', endColorstr='#4d4d4d');
}
.button.black:active { 
	color: #FFFFFF; 
	background: -webkit-gradient(linear, left top, left bottom, from(#4d4d4d), to(#8c8c8c)); 
	background: -moz-linear-gradient(top, #4d4d4d, #8c8c8c);  
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d4d4d', endColorstr='#8c8c8c');
}
/* Forms */
.forms { }
.bar h2 { font-size:14px; margin:0 0 0 5px; color:#FFF; }
.forms fieldset.accordion { background:pink; margin:0; padding:0; }
/*  */
.forms fieldset legend { display:block; width:100%; color:#FFF; font-size:14px; margin:0; padding:0; clear:both; position:relative; }
*:first-child+html .forms fieldset legend { margin-left:-10px; }
.forms fieldset legend a.accordion, .forms fieldset legend span  { background:#f63d92 /*url(../../userimages/stationery/sprite-printed-stationery.gif) no-repeat 0 -297px*/; display:block; color:#FFF; padding:5px 0 5px 10px; width:auto; }
.forms fieldset legend a.accordion.open { background-color:#f63d92; background-position:5px -330px; }
.forms fieldset legend a.accordion.close { background-color:#909090; background-position:5px -299px; }
.forms fieldset legend a.accordion:hover { text-decoration:none; }
/* position forms in lists */
.forms fieldset ol { margin:0; padding:0; width:100%; }
.forms fieldset ol li { list-style:none; float:left; clear:both; width:100%; margin:0; padding:5px 0; height:100%; display:inline-block; }

/* labels/input/textarea */
.forms fieldset ol li label { margin:10px 0 0 5px; float:left; width: 360px; }
.forms fieldset ol li input[type=text] { float:left; width:336px; height:23px; border:1px solid #CCC; margin:5px 0 0 0; padding: 3px 5px 0 5px; }
.forms fieldset ol li select { float:left; width:346px; margin:5px 0 0 0; }
.forms fieldset ol li textarea { float:left; width:336px; padding:5px; margin:5px 0 0 0; border:1px solid #CCC; background: #e7e7e7 url(../../userimages/stationery/stationery-textfield-bg.gif) repeat-x 0 0; }
.forms ul.btn-holder {float:right; margin:0 5px 0 0; list-style:none; padding:0;}
.forms ul.btn-holder li {float:right; margin:0 5px 0 0; padding:0; list-style:none;}
.forms ul.btn-holder li a.link {color: #FFFFFF; font-weight: bold;margin: 0;padding: 2px;text-decoration: underline;}
.forms fieldset ol li label.service-lb {width:400px; font-size:11px;}
.forms fieldset ol li a.view-info {float:right; margin:7px 5px 0 0;}
.forms fieldset ol li select.service {float:right; width:220px;}
/*-------------------*/
/*		Wording		 */
/*-------------------*/
/* Left info */
.col-left.st-wording .bar.pink h3 { color:#FFF; margin:0 0 0 5px; padding:5 0; font-weight:normal; }
.col-left.st-wording .bar.tint1 { margin:0 0 0 0!important; padding:10px 0; }
.col-left.st-wording .bar h3 { margin:0 0 0 5px; padding:5 0; font-weight:normal; }
.wording { background:#f3fafa; clear:both; display:inline-block; width:716px; position:relative; margin:0 0 60px 0; padding:5px; }
.wording.last { margin:0 0 20px 0; }
/* Example stationery text */
.wording .wording-info, .wording-block { background:#FFF; width:396px; border:1px solid #CCC; margin:10px 0 10px 10px; padding:10px 0; }
.wording .wording-info ul.text { margin:0; padding:0; }
.wording .wording-info ul.text li { list-style:none; }
.wording .wording-info ul.text.ta-center { text-align:center; }
.wording .wording-info ul.text.ta-left { text-align:left; padding:10px; }
.wording .wording-info ul.text.ta-right { text-align:right; }
.wording .wording-info ul.text.left { margin:0 0 0 10px; }
.wording .wording-info ul.text.right { margin:0 10px 0 0; }
.wording .wording-error{ background:#FFF; border:1px solid #CCC; margin:5px; padding:10px; }
/* Right info */
.wording .selection { margin: 361px 0px 0px 10px; position:absolute; bottom:15px; left:416px; }
.wording .or-arrow { position:absolute; bottom:-61px; left:10px; text-indent:-5555px; width:184px; height:61px; background:url(../../userimages/stationery/or_button.jpg) no-repeat 0 -368px; }
.wording textarea { width:396px; padding:5px; margin:5px 0 0 0; border:1px solid #CCC; background: #e7e7e7 url(../../userimages/stationery/stationery-textfield-bg.gif) repeat-x 0 0; }
.wording p.text-disclaimer { position:absolute; top:0; left:416px; padding:10px; }
/* Summary */
.summary-image { border:1px solid #CCC; }
.summary-typeface { border:1px solid #CCC; }


#free-samples { 
    border: 1px dotted #ccc;
    padding: 15px;
}
#free-samples p {
    margin: 0;
}

#TB_closeWindowButton {
    background-image: url("http://shop.confetti.co.uk/images/fancybox/fancybox.png");
    background-position: -40px 0;
    display: block;
    height: 30px;
    position: absolute;
    right: -5px;
    text-indent: -20000px;
    top: -15px;
    width: 30px;
    }
#TB_closeWindowButton:active, #TB_closeWindowButton:focus {
    outline: none;
}

