
#printwizard {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #FFF;
	color: #000000;
	margin-top:20px;
}

#step1 {
	width: 250px;
	margin: 0 25px 0 0;
	padding: 0;
	float: left;
}

#step2 {
	width: 250px;
	margin: 0 25px 0 0;
	padding: 0;
	float: left;
}

#step3 {
	width: 250px;
	margin: 0;
	padding: 0;
	float: left;
}

.step1-head-active {
	width: 250px;
	height: 59px;
	background: url(../images/step1-head-active.jpg) no-repeat;
}

.step1-mid-active {
	width: 216px;
	padding: 0 17px 0 17px;
	background:url(../images/step1-mid-active.jpg) repeat-y;
}

.step1-bottom-active {
	width: 250px;
	height: 29px;
	background:url(../images/step1-bottom-ative.jpg) no-repeat;
}


.step2-head-active {
	width: 250px;
	height: 59px;
	background: url(../images/step2-head-active.jpg) no-repeat;
}

.step2-mid-active {
	width: 216px;
	padding: 0 17px 0 17px;
	background:url(../images/step1-mid-active.jpg) repeat-y;
}

.step2-bottom-active {
	width: 250px;
	height: 29px;
	background:url(../images/step1-bottom-ative.jpg) no-repeat;
}


.step2-head-inactive {
	width: 250px;
	height: 59px;
	background: url(../images/step2-head-inactive.jpg) no-repeat;
}

.step2-mid-inactive {
	width: 216px;
	padding: 0 17px 0 17px;
	background:url(../images/step2-mid-inactive.jpg) repeat-y;
}

.step2-bottom-inactive {
	width: 250px;
	height: 29px;
	background:url(../images/step2-bottom-inactive.jpg) no-repeat;
}


.step3-head-active {
	width: 250px;
	height: 59px;
	background: url(../images/step3-head-active.jpg) no-repeat;
}

.step3-mid-active {
	width: 216px;
	padding: 0 17px 0 17px;
	background:url(../images/step1-mid-active.jpg) repeat-y;
}

.step3-bottom-active {
	width: 250px;
	height: 29px;
	background:url(../images/step1-bottom-ative.jpg) no-repeat;
}

.step3-head-inactive {
	width: 250px;
	height: 59px;
	background: url(../images/step3-head-inactive.jpg) no-repeat;
}

.step3-mid-active {
	width: 216px;
	padding: 0 17px 0 17px;
	background:url(../images/step3-mid-active.jpg) repeat-y;
}

.step3-bottom-active {
	width: 250px;
	height: 29px;
	background:url(../images/step3-bottom-active.jpg) no-repeat;
}

#step1 label, #step2 label, #step3 label {
	font-weight:bold;
	display:block;
	margin-bottom:2px;
}

#step2 ul {
	list-style:none;
	padding:0px;
	margin:0px;
}

#step2 select {
	display:block;
	margin-top:5px;
	float:left;
	width:170px;
}

.more-info {
	margin-left:6px;
	margin-top:6px;
	display:block;
	float:left;
}

#step2 li {
	margin:0;
	padding-top:20px;
	overflow:auto;
}

#quantity {
	padding:4px;
	width:52px;
	float:left;
	margin-right:10px;
	border:1px solid #e6238b;
	height:15px;
}

#step1 p, #step2 p, #step3 p {
	padding-bottom:10px;
}

.no-attr-text {
	font-weight:bold;
	font-size:16px;
	text-align:center;
}

.loading {
	text-align:center;
	font-weight:bold;
	color:#A7CD39;
}

.loading span {
	display:block;
	margin-bottom:5px;
}

.loading img {
	display:inline;
}

.attr-desc {
	display:none;
}

.tool-tip {
	width:271px;
	position:absolute;
	color:#FFF;
	text-align:center;
	margin-left:194px;
}

.tt-top {
	background-image:url(../images/pop-up-top.png);
	background-repeat:no-repeat;
	width:271px;
	height:32px;
}

.tt-mid {
	background-image:url(../images/pop-up-mid.png);
	background-repeat:repeat-y;
	width:253px;
	padding-left:5px;
	padding-right:5px;
	margin-left:8px;
}

.tt-bottom {
	background-image:url(../images/pop-up-bottom.png);
	background-repeat:no-repeat;
	width:263px;
	height:32px;
	margin-left:8px;
}

#status-message {
	display:none;
	margin-top:20px;
	margin-left:-8px;
}

#prices td {
	text-align:left;
}

#prices tr {
	padding-top:10px;
	padding-bottom:10px;
}

#recalculate:hover {
	cursor:pointer;
}

#recalculate {
	margin-top:-3px;
	float:left;
}

.price-text {
	color:#E4238C;
	font-size:14px;
	font-weight:bold;
}

.delivery-text {
	color:#A5CD39;

}

#bespoke-dimensions {
	clear:both;
	padding-top:15px;
}

#bespoke-dimensions label {
	display:block;
	padding-bottom:2px;
	padding-top:5px;
}

#bespoke-dimensions input {
	padding:3px;
	border: 1px solid #7F9DB9;
}

#bespoke-dimensions input:focus, #bespoke-dimensions input:hover{
	border: 1px solid #A3CD39;
	background-color:#E7EFD1;
}

#wf_calc {
	overflow:hidden;
	text-align:center;
}

#price-options {
	margin-top:-10px;
	margin-left:-10px;
	display:none;
}


#slidemenu {
	margin-left:-13px;
	margin-right:-12px;
}

#slidemenu li a{
	background:url(../images/menu-green_bg.jpg) repeat-x;
	display:block;
	color:#FFF;
	font-weight:bold;
	padding:8px;
}

#slidemenu li a.active, #slidemenu li a:hover {
	background:url(../images/menu-pink_bg.jpg) repeat-x;
	color:#FFF;
}

#pink-box {
	display:block; 
	height:176px; 
	width:580px; 
	float:left; 
	background-color:#e6238b; 
	margin-left:20px; 
	color:#000000; 
	text-align:center;
}

#pink-box span {
	font-size:36px;
	margin-top:60px;
	display:block;
}

/******************************************************/
/*           Banner Stand Page Styles                 */
/******************************************************/


#bannerstand {
	float:left;
	margin:0px 0px 10px 0px;
	padding:0;
	width:525px;
	position:relative;
	
}

#bannerstand h2 {
	color:#EC008C;
	font-size:18px;
	margin:0;
	padding:0 0 5px;
}

#bannerstand p {
	width:300px;
}

	#bannerstand p.pinktext {
		color:#EC008C;
	}
	
	#bannerstand p.greentext {
		color:#aed250;
	}


#bannerstand ul {
	margin-bottom:10px;
}

	#bannerstand ul li {
		display:block;
		width:250px;
		padding:2px 2px 2px 15px;
		background-position:left 6px;
		background-image:url(../images/bulletpoint01.jpg);
		background-repeat:no-repeat;
	}
	
	
#bannerstand img {
	float:right;
	display:inline;
}


/*--------------------Banner Stand Form-----------------------*/



#bannerstand #bsform div.dec {
	width:180px;
	float:left;
	display:inline;
	margin-right:2px;
	margin-bottom:2px;
	height:20px;
	line-height:20px;
	overflow:hidden;
}

#bannerstand #bsform div.price {
	width:100px;
	float:left;
	display:inline;
	margin-right:2px;
	margin-bottom:2px;
	height:20px;
	line-height:20px;
	overflow:hidden;
}

#bannerstand #bsform div.sds {
	width:150px;
	float:left;
	display:inline;
	margin-right:2px;
	margin-bottom:2px;
	height:20px;
	line-height:20px;
	overflow:hidden;
}

#bannerstand #bsform div.qty {
	width:70px;
	float:left;
	display:inline;
	margin-bottom:2px;
	height:20px;
	line-height:20px;
	overflow:hidden;
}

#bannerstand #bsform div.th {
	background:#000;
	color:#fff;
	padding:2px;
	height:15px;
	overflow:hidden;
	line-height:15px;
}

/*----alternative colours----*/

#bannerstand #bsform div.gcell {
	background:#aed250;
	color:#fff;
	padding:5px 2px;
}

#bannerstand #bsform div.gcell.pink {
	background:#E10174;
}

#bannerstand #bsform div.wcell {
	background:#fff;
	color:#000;
	padding:5px 2px;
}

/*----input styles----*/
#bannerstand #bsform div.qty input {
	width:60px;
	border:1px solid #7e9d2d;
	padding:2px;
	font-size:10px;
}

#bannerstand #bsform div.sds select {
	width:130px;
	border:1px solid #7e9d2d;
	font-size:9px;
}
#bannerstand #bsform div.total {
	text-align:right;
}

#bannerstand #bsform input.button {
	float:right;
	display:inline;
	width:152px;
	border:none;
	background:none;
}


p.gotquery {
	width: 780px; 
	text-align:center; 
	margin:10px 0px;
	display:block;
}
.clearfix:after			{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
.clearfix				{ display: inline-block; }
html[xmlns] .clearfix	{ display: block; }
* html .clearfix		{ height: 1%; }

#calc-totals {
	margin-top:20px;
	margin-bottom:20px;
	overflow:hidden;
}

#calc-totals #price {
	font-size: 250%; 
	color: rgb(226, 0, 121); 
	line-height: 70%; 
	padding-top: 10px; 
	width:100%;
	margin-top:10px;
	display:block;
	float:left;
	margin-bottom:20px;
}

#price-breakdown {
	margin-bottom:10px;
	clear:both;
}

#bannerstand #price-breakdown li {
	background-image:none;
	padding-left:0px;
	color:#EC008C;
}
