/* Redefinitions */
* {margin:0;padding:0;}

body {	
	background: #000;
	color: #000;
	font: normal 13px/1.3 Tahoma, Arial, Sans-Serif;
	*font-size: small; /* to make font's resizable in IE */
	*font: x-small;
	margin: 0;
	padding: 0;
	text-align: center; /* centre horizontally in old IE */
	
}

* { font-family: Tahoma, Arial, Sans-Serif; outline: none; }

img {border:0;}
p {margin-top:12px;margin-bottom:12px;}
h1 {color:#000;font-size:220%;font-weight:normal;margin:0;padding-top:4px;padding-bottom:15px;}
h2 {color:#000;font-size:170%;margin-top:5px;font-weight:normal;margin:0;padding-top:4px;padding-bottom:10px;}
h3 {color:#000;padding:5px;font-size:100%;font-weight:bold;margin:0;}


ul { margin-left:2em;}

input, select, textarea {border: 1px solid #aaa; background: #fff;color:#000;}
textarea {font-size: 100%;color:#000;}

table {font-size:90%;}
th {text-align:left;}
	
a,
a:link,
a:visited { color:#111; cursor:pointer; text-decoration:none; }
a:hover,
a:focus,
a:active { color:#333; cursor:pointer; text-decoration:underline; }
a img { border: none; }


/*------------------------------------------------------------------------------------------------------------*/
/* 	Accessibility and Screenreaders
/*------------------------------------------------------------------------------------------------------------*/
.helper { height:1px; left:0; overflow:hidden; position:absolute; top:-500em; width:1px; }


/*------------------------------------------------------------------------------------------------------------*/
/* 	Containers
/*------------------------------------------------------------------------------------------------------------*/

.warning-notice {
background: #fff;
height: 30px;
color: #666;
font-weight: bold;
border-bottom: 3px solid #fff;
margin-bottom: 3px;
font-size: 80%;
}

.warning-notice p {margin: 0;padding: 10px;}

#cols {}

#page {
	font-size:84.62%; /* 11px */
	text-align: left;
	margin: 15px auto;
	padding: 0;
	width: 996px;
}

#page2 {
	text-align: left;
	margin: 20px auto;
	padding: 0;
	color: #fff;
}

.mainframe {width:996px;float:left;}
.helppage .mainframe, .howtopage .mainframe {float: left; width: 663px; margin-right: 8px;}

#mainframeblue {}
#mainframeblueinterim { }




/*------------------------------------------------------------------------------------------------------------*/
/* 	Header
/*------------------------------------------------------------------------------------------------------------*/


.header {color: #999; background: url(/assets/images/bg-header.jpg) no-repeat;width: 100%; height: 81px; position: relative;}
.header a {color: #999 !important;}
.header a:hover {color: #999 !important;}

.header .logo a {position: absolute;left: 20px; top: 8px; display: block; width: 250px; height: 63px;}
.header .logo a span {display:none;}
.header #chkout {background: url(/assets/images/bg-basket.jpg) top right no-repeat;position: absolute; right: 5px; display: block; width: 243px; height: 81px;}
.header #chkout h3 {font-size: 100%; margin: 13px 0 3px 90px; padding: 0;color: #aaa}
.header #chkout .bagitems {margin: 2px 0 3px 90px; padding: 0;}
.header #chkout .bagbag {margin: 2px 0 3px 90px; padding: 0;}
.header #chkout .bagbag a {display: block; width: 128px;color: #999 !important;}

.header .loginarea {position: absolute; top: 13px; left: 550px;}



#navigation {position: relative; overflow: hidden; height: 32px; width: 100%; font-size: 110%; background: url(/assets/images/bg-nav.gif) repeat-x;}
#navigation a {color: #ccc}

#mn {}
#mn ul { list-style: none; margin: 0; padding: 0; }
#mn ul li { float: left; line-height:1; list-style: none; }
#mn ul li a {text-align: center; display:block; height: 22px; margin: 0 22px; padding:10px 0 0 0px; width:.1em; }
#mn > ul li a {text-align: center; width:auto } 
#mn ul li a:hover,
#mn ul li a:active {  text-decoration:none; color: #666}
#mn ul li.first { outline: none}

#mn ul li.first a,
#mn ul li.first a:link,
#mn ul li.first a:visited,
#mn ul li.first a:hover,
#mn ul li.first a:active {}

#mn ul li.first a:hover,
#mn ul li.first a:active { }

.homepage #homenav a,
.accessoriespage #accessoriesnav a,
.fabpage #accessoriesnav a,
.cushpage #accessoriesnav a,
.tbpage #accessoriesnav a,
.blindspage #blindnav a,
.curtainpage #curtainnav a,
.curtainpage #curtainnav a,
.helppage #helpnav a,
.kidspage #kidsnav a,
.newpage #newnav a {
color: #000;
}

#offernav a {
color: #F00;
}

#mn li span {background: url(/assets/images/divider-nav.gif) no-repeat; display: block; height: 32px; width: 5px; float: right; position: relative; top: -32px;}


.homepage #homenav,
.accessoriespage #accessoriesnav,
.cushpage #accessoriesnav,
.tbpage #accessoriesnav,
.fabpage #accessoriesnav,
.blindspage #blindnav,
.curtainpage #curtainnav,
.helppage #helpnav,
.kidspage #kidsnav,
.newpage #newnav,
.offerspage #offernav {background: url(/assets/images/bg-nav-hover.gif) no-repeat;}

.homepage #homenav span,
.accessoriespage #accessoriesnav span,
.fabpage #accessoriesnav span,
.cushpage #accessoriesnav span,
.tbpage #accessoriesnav span,
.blindspage #blindnav span,
.curtainpage #curtainnav span,
.helppage #helpnav span,
.kidspage #kidsnav span,
.newpage #newnav span,
.offerspage #offernav span {background: url(/assets/images/bg-nav-hover.gif) top right; no-repeat;}

#debnav {position: absolute; right: 0;}
#debnav span {right: 180px;}

/*------------------------------------------------------------------------------------------------------------*/
/* 	NEW STRUCTURE ELEMENTS
/*------------------------------------------------------------------------------------------------------------*/

.container {width: 100%; background: #fff;}
.leftcol {float: left; width: 207px;}
.mainframe {float: right; width: 789px;}

.detail-head {padding-top: 10px; margin-right: 20px;}
.detail-head h2 {border-bottom: 1px solid #ccc; }
.breadcrumbs {padding-top: 10px;}
.breadcrumbs a {color: #666}


#footer {clear: both;background: url(/assets/images/bg-footer.gif) no-repeat;color: #666;height: 194px;}
#footer a {color: #666}
#footer #sub-footer {height: 140px; margin-left: 207px;clear:both;padding: 10px 0;margin-top: 10px;}

.sub-footer-col {float: left;width: 150px; margin-right: 6px;}
.sub-footer-col h2 {font-size: 11px;font-weight: normal;border-bottom: 1px solid #555;margin-bottom: 5px;padding-bottom: 6px;color: #ccc;}
.sub-footer-col ul {font-size: 10px;list-style-type: none;margin: 0; padding: 0;}
.sub-footer-col li {padding: 2px 0;}

#footer #copyright {clear: both; margin: 10px 0 0 207px;;}
#footer #copyright p {margin: 0; padding: 0;}
#footer .blueleaf {}
#footer .blueleaf p {margin: 0; padding: 0;}

.paymentinfo {
background: url(/assets/images/paymentcards.jpg) no-repeat;
height:31px;
width:200px;
}

.vouncherinfo {
padding: 0 10px 10px 10px;
margin: 0;
font-size: 90%;
}

/*------------------------------------------------------------------------------------------------------------*/
/* 	FLOW ELEMENTS
/*------------------------------------------------------------------------------------------------------------*/

.colourarea {width: 750px;}
.linkboxcolour {background: #ccc; float: left; width: 230px; text-align: center;margin: 10px 20px 10px 0; padding: 10px 0;}
.linkboxcolour p {padding: 0;margin: 5px 0 0 0; font-size: 110%; font-weight: bold;}


.fabricbox {bordeR: 1px solid white; float: left; width: 189px; background: #ccc; margin: 5px 2px 0 0;text-align: center;}
.fabricbox:hover {border: 1px solid #ccc; }

.imglink img {margin: 5px 0 0 0; border: 1px solid #fff;}
.textlink {padding: 0 10px;text-align: left; display: block; width: 150px; font-weight: bold; height: 30px; margin-top: 10px;}
.textlink span {}

.textlink:hover {text-decoration: none;}
.fabricboxinner {}

.fabdetails {text-align: left; background: #fff; padding: 10px; height: 50px;}

.pagination {height: 50px;clear:both; border-top: 1px solid #ccc; margin-right: 20px;}
.pagination p{float: right;}

.perpage {float: left;margin-top: 11px;}

.endofline {margin-right: 0;}


.item-info {background: #d3d3d3; width: 555px; float: left;}
.item-details {float: left; margin: 7px 0 0 30px; width: 320px;}
.item-image {position: relative; float: left; width: 140px;  margin: 20px 0 0 40px;height: 450px;}
.item-image .samples-info {position: absolute; font-size: 80%; bottom: 20px;}
.item-image img, .item-image-blind img {border: 1px solid #fff}
.zoomimage {width: 120px;}

.item-detail {border-bottom: 1px solid #adadad;}

.item-availability {}
.item-availability h3 {margin: 0; padding: 15px 0 5px 0; font-size: 110%;}
.item-availability .label {floaT: left; width: 100px; font-weight: bold;}
.item-availability .row2 {padding: 2px 0;}

.item-options {float: right; width: 230px; margin-top: -10px;}
.item-options h3 {display: none;}
.item-options p {padding: 0; margin: 10px 0px;}

.item-options .box-sample {height: 150px;background: #d3d3d3 url(/assets/images/block-sample.jpg) top left no-repeat;}
.item-options .box-get-price {height: 150px; background: #d3d3d3 url(/assets/images/block-getprice.jpg) top left no-repeat;}
.item-options .box-comparison {height: 150px;background: #d3d3d3 url(/assets/images/block-comparisons-grey.jpg) top left no-repeat;}



.box-sample p,
.box-get-price p,
.box-comparison p {padding: 70px 10px 10px 15px; font-weight: bold;}

.box-sample input,
.box-get-price input,
.box-comparison input {margin: 0 0 0 15px; }

.item-options form  {margin: 0;padding: 0;}
.item-options form * {border: none;}

.detailspage .detail-head h2,

#stage1 .detail-head h2,
#stage2 .detail-head h2,
#stage3 .detail-head h2 {border-bottom: none;}

#stage1 .item-image {float: left;background: #d3d3d3; margin: 0; padding: 0; width: 170px; padding: 30px 0 0 0; text-align: center;}
#stage1 .item-image p {width: 140px; text-align: left; margin-left: 20px;}
#stage1 .item-info {float: right; width: 619px; padding: 28px 0 10px 0;}
#stage1 .item-info em {padding-right: 50px;}
#stage1 .item-info .row6 .label {floaT: left; width: 120px; font-weight: bold;}
#stage1 .item-info .row6 {padding: 2px 0;}
#stage1 .item-info .row6 input,
#stage1 .item-info .row6 select {padding: 2px;}

.item-page-inner {width: 749px; padding: 20px 20px 10px 20px;background: #d3d3d3;}
.item-page-inner h2 {margin-top: 10px;}
.item-page-inner .row7 {line-height: 2em; border-bottom: 1px solid #bbb; width: 700px;}
.item-page-inner .row7 .label {float: left; width: 180px;}

.item-page-inner .row4 {line-height: 3em; border-bottom: 1px solid #bbb; width: 700px;}
.item-page-inner .row4 .label {float: left; width: 180px;}
.item-page-inner .row4 input,
.item-page-inner .row4 select {padding: 2px;}
.item-page-inner .row4 .selectoptions {width: 200px;}

.item-page-inner .rowa {line-height: 3em; border-bottom: 1px solid #bbb; width: 600px;}
.item-page-inner .rowa p {padding: 0; margin: 0;}
.item-page-inner .rowa .label {float: left; width: 180px;}
.item-page-inner .rowa input,
.item-page-inner .rowa select {padding: 2px;}
.item-page-inner .rowa .selectoptions {width: 200px;}


.item-page-inner .row5 form {margin-top: 20px; border-top: 1px solid #bbb; padding: 10px 0;}

#eyeletselection {clear: both; padding-top: 10px;}
#eyeletselection input {bordeR: none; background: none;}
#stage2.curtainpage .item-page {height: auto !important;}
#stage2.curtainpage .item-page-inner {height: auto !important;}

.item-block {background: #d3d3d3; height: 300px;}
.item-measuring {background: #d3d3d3; padding: 0 20px 20px 20px; height: 200px; display: block;}
.item-extra-info {background: #d3d3d3; padding: 0 20px 20px 20px; display: block; clear: both;}

.img-button {border: none;}
.notice-friendly {border: 1px solid #fff; background: #ededed; margin: 0 40px 0 0; padding: 20px; font-size: 110%; font-weight: bold; color: #333}

/* BLINDS */

.blind-container {background: #d3d3d3; }

.blindspage .item-image-blind {float: left;background: #d3d3d3; margin: 0; padding: 0; width: 170px; padding: 30px 0 0 0; text-align: center; height: 292px}
.blindspage .item-image-blind p {width: 140px; text-align: left; margin-left: 20px;}
.blindspage .item-page-inner {float: right; width: 619px; padding: 28px 0 10px 0;}

.blindspage .item-page-inner em {padding-right: 50px;}
.blindspage .item-page-inner .row6 {line-height: 3em; border-bottom: 1px solid #bbb; width: 600px;}
.blindspage .item-page-inner .row6 .label {floaT: left; width: 120px; font-weight: bold;}
.blindspage .item-page-inner .row6 {padding: 2px 0;}
.blindspage .item-page-inner .row6 input,
.blindspage .item-page-inner .row6 select {padding: 2px;}

#stage2.blindspage .item-page-inner  form {margin: 0 !important; padding: 0 !important;}

#stage2 .item-info-blind {float: right; width: 605px; padding: 0;}
#stage2 .item-page-inner {padding: 10px 0 10px 0; height: 360px !important}




/* CUSHIONS */
.cushpage .item-info .row6, .fabpage .item-info .row6, .tbpage .item-info .row6a, .tbpage .item-info .row6 {line-height: 3em; border-bottom: 1px solid #bbb; width: 600px;}
.cushpage .item-info .row6 .label, .fabpage .item-info .row6 .label, .tbpage .item-info .row6a .label {floaT: left; width: 120px; font-weight: bold;}
.cushpage .item-info .row6, .fabpage .item-info .row6, .tbpage .item-info .row6a {padding: 2px 0;}
.cushpage .item-info .row6 input,
.cushpage .item-info .row6 select,
.fabpage .item-info .row6 input,
.fabpage .item-info .row6 select,
.tbpage .item-info .row6a input,
.tbpage .item-info .row6a select {padding: 2px;}

#pricebox {font-size: 150%;}

.cushpage .item-info-block,
.fabpage .item-block,
.tbpage .item-block {background: #d3d3d3; height: 480px;}

.tbpage .guide {width: 400px; line-height: 1.5em}
/*------------------------------------------------------------------------------------------------------------*/
/* 	BLOCKS ELEMENTS
/*------------------------------------------------------------------------------------------------------------*/

.block-howto {
position: relative;
float: left;
width: 260px;
height: 157px;
margin: 4px 4px 0 0;
background: url(/assets/images/block-howto.jpg) no-repeat;
}

.blindspage .block-howto {margin: 4px 0 0 0;}

.block-comparions {
position: relative;
float: left;
width: 260px;
height: 157px;
margin: 4px 5px 0 0;
background: url(/assets/images/block-comparisons.jpg) no-repeat;
}

.block-readymade {
position: relative;
float: left;
width: 260px;
height: 157px;
margin: 4px 5px 0 0;
background: url(/assets/images/block-readymade.jpg) no-repeat;
}

.block-howtos {
position: relative;
width: 200px;
height: 157px;
margin: 12px 4px 0 0;
background: url(/assets/images/block-howto-small.jpg) no-repeat;
}

.block-comparionss {
position: relative;
width: 200px;
height: 157px;
margin: 4px 5px 10px 0;
background: url(/assets/images/block-comparisons-small.jpg) no-repeat;
}

.block-blinds {
position: relative;
float: left;
width: 260px;
height: 157px;
margin: 4px 0 0 0;
background: url(/assets/images/block-blinds.jpg) no-repeat;
}

.block-roman {
position: relative;
float: left;
width: 260px;
height: 157px;
margin: 4px 5px 0 0;
background: url(/assets/images/block-roman.gif) no-repeat;
}

.block-roller {
position: relative;
float: left;
width: 260px;
height: 157px;
margin: 4px 4px 0 0;
background: url(/assets/images/block-roller.gif) no-repeat;
}

.block-vertical {
position: relative;
float: left;
width: 260px;
height: 157px;
margin: 4px 0 0 0;
background: url(/assets/images/block-vertical.gif) no-repeat;
}

.block-venetian {
position: relative;
float: left;
width: 260px;
height: 157px;
margin: 4px 5px 0 0;
background: url(/assets/images/block-venetian.gif) no-repeat;
}

.block-wood {
position: relative;
float: left;
width: 260px;
height: 157px;
margin: 4px 4px 0 0;
background: url(/assets/images/block-wood.gif) no-repeat;
}

.block-howto a,
.block-comparions a,
.block-readymade a,
.block-howtos a,
.block-comparionss a,
.block-blinds a,
.block-cushions a,
.block-tiebacks a,
.block-fabrics a,
.block-roller a,
.block-roman a,
.block-vertical a,
.block-venetian a,
.block-wood a {
position: absolute;
top: 134px;
left: 27px;
font-weight: bold;
color: #333;
}



.block-cushions {
position: relative;
float: left;
width: 260px;
height: 157px;
margin: 4px 4px 0 0;
background: url(/assets/images/block-cushions.jpg) no-repeat;
}

.block-tiebacks {
position: relative;
float: left;
width: 260px;
height: 157px;
margin: 4px 5px 0 0;
background: url(/assets/images/block-tiebacks.jpg) no-repeat;
}

.block-fabrics {
position: relative;
float: left;
width: 260px;
height: 157px;
margin: 4px 0 0 0;
background: url(/assets/images/block-fabrics.jpg) no-repeat;
}

#SearchContainer {margin: 32px 20px 10px 0;}
#SearchContainer h2{margin-left: 20px;}
#SearchContainer fieldset {border: none;border-top: 1px solid #ccc;padding: 10px 0;position: relative;}
#SearchContainer .eg-bar {font-weight: bold; font-size: 110%;padding: 0px 20px 5px 0px; margin-left: 19px;}
#SearchContainer .iconspan {position: relative; top: 3px; cursor: pointer}

.homepage #SearchContainer .iconspan {position: relative; top: 3px;}

#SearchContainer label {padding: 2px 20px; display: block; width: 100%;}
#SearchContainer legend {}

#SearchBlindsContainer {margin: 10px 20px 10px 0;}
#SearchBlindsContainer h2{margin-left: 20px;}

#SearchBlindsContainer label {padding: 2px 20px; display: block; width: 100%;}
#SearchBlindsContainer legend {}
#SearchBlindsContainer .row2 {text-align: right;}
#SearchBlindsContainer .row2 .label {background: none;}
#SearchBlindsContainer select, #SearchBlindsContainer input {padding: 2px;}


#SearchInner {padding: 0 0 0 20px;}
#SearchInner .row { margin-bottom: 5px;}
#SearchInner .label {font-weight: bold; font-size: 110%;padding: 0px 20px 5px 19px; background: url(/assets/images/button-search-open.gif) no-repeat;}
#SearchInner .curtainselects {width: 140px;}

.search_widget_button {border: none; }

#SearchContainer .row {text-align: right;}

/*------------------------------------------------------------------------------------------------------------*/
/* 	Basket elements
/*------------------------------------------------------------------------------------------------------------*/


.basket-container {background: #d3d3d3;margin: 0px;padding: 10px 10px 10px 20px; width: 759px;}
.baskettable {	padding:0;width: 100%;font-size: 11px;}
.baskettd, .basketprice, .basketoptions{padding-bottom:10px;padding-left: 10px;}
.basketoptions {width: 180px; padding: 10px;border-left: 1px solid #ccc;}
.basketoptions p {margin: 2px;padding: 0;}
.basketprice {border-left: 1px solid #ccc; width: 180px;}
.baskettd {}
.basketprice strong {font-size: 140%;}
.basket_row {background: #bbb; border-bottom: 8px solid #d3d3d3}
.basket_row_alt {background: #bbb !important; border-bottom: 8px solid #d3d3d3}
.basket-summary { font-size: 120%; }
.basket-summary strong { font-size: 120%; }

.img-button {border: 0;background: none !important}

#postage_type {font-size: 120%; padding: 3px; color: #333; width: 250px; margin-right: 20px;}
.postagebutton {position: relative;top: 5px;}

.detailspage {}
.detailspage .basket-container {width: 749px; padding: 20px}
.detailspage .row4 {clear:both; line-height: 3em; border-bottom: 1px solid #bbb; width: 600px;}
.detailspage .row4 .label {floaT: left; width: 120px; font-weight: bold;}
.detailspage .row4 .label span {line-height: 1.3em;}
.detailspage .row4 {padding: 2px 0;}
.detailspage .row4 input,
.detailspage .row4 select {padding: 2px;}
#del_address {height: 100px; width: 200px;}

.termsbox {display: block; width: 90%; padding: 10px; font-size: 90%; border: 3px solid #aaa; background: #bbb; height: 150px; overflow: auto;}
.termsbox p {padding: 0; margin: 5px 0;}


.mycepage .item-shell {padding-left: 20px;}

.comparisonbox {bordeR: 1px solid white; float: left; width: 189px; background: #ccc; margin: 5px 2px 0 0;text-align: center; padding: 10px;}
.comparisonbox:hover {border: 1px solid #ccc; }


/*------------------------------------------------------------------------------------------------------------*/
/* 	Help elements
/*------------------------------------------------------------------------------------------------------------*/


.helppage #GeneralContainer,
.howtopage #GeneralContainer {padding: 21px 20px 0 20px;}
.helppage #GeneralContainer h2,
.howtopage #GeneralContainer h2 {margin: 0; padding: 5px 0;}
.helppage #GeneralContainer p,
.howtopage #GeneralContainer p {margin: 0; padding: 4px 0; border-top: 1px solid #ededed;}

.helppage .static-info,
.howtopage .static-info {padding-top: 10px; margin-right: 20px; width: 750px;}
.helppage .static-info h1,
.howtopage .static-info h1 {border-bottom: 1px solid #ccc; margin-bottom: 20px;}

.authpage h1 {border-bottom: 1px solid #ccc; margin-bottom: 20px; margin-top: 21px;}
.authpage .row4, .authpage .row5 {padding: 2px 0;line-height: 3em; border-bottom: 1px solid #bbb;}
.authpage .row4 .label, .authpage .row5 .label {floaT: left; width: 120px; font-weight: bold;}

.authpage .row4 input,
.authpage .row4 select,
.authpage .row5 input,
.authpage .row5 select {padding: 2px;}

#loginbox {float: left; width: 400px; margin-left: 10px;}
#registerbox {float: left; width: 300px; margin-left: 20px;}

#stage2 .item-page {height: 600px;}
#stage2 .item-page-inner {padding: 20px; height: 497px !important;}
#stage2 .item-page-inner .headingform {margin-left: 20px;}

#stage2.blindspage .item-page-inner {padding: 20px; height: auto !important; width: 580px;}
#stage2.blindspage .item-page-inner .headingform {margin-left: 20px;}

.img-button {clear: both;}
.item-page-inner .headingbox {float: left; width: 150px; }
.item-page-inner .headingbox h2 {font-size: 120%;}

#popup p, #popup a {color: #fff;}



.matching img {display: none;}

.matching {background: url(/assets/images/button-view.png) no-repeat; width: 155px; height: 21px;display: block;}
.matching a {width: 155px; height: 21px;display: block;}