/* Redefinitions */
* {margin:0;padding:0;}
body {font-size: 13px;font-family: Arial, Verdana, Sans-Serif;margin: 0 0 20px 0;padding: 0;background: #fff;color:#585858;text-align: center;}
img {border:0;}
p {margin-top:12px;margin-bottom:12px;}

h1 {
	font-size:220%;
	font-weight:normal;
	margin:0;
	padding-top:4px;
	padding-bottom:15px;
}

h2 {
	font-size:170%;
	margin-top:5px;
	font-weight:normal;
	margin:0;
	padding-top:4px;
	padding-bottom:10px;
}

h3 {
	padding:5px;
	font-size:100%;
	font-weight:bold;
	margin:0;
}

h3 a:link 	{color: #ffffff; text-decoration: underline; font-weight:bold;}
h3 a:visited 	{color: #ffffff; text-decoration: underline; font-weight:bold;}
h3 a:hover 	{color: #ffffff; text-decoration: none; font-weight:bold;}
h3 a:active 	{color: #ffffff; text-decoration: underline; font-weight:bold;}

ul {margin-left:2em;}

input, select, textarea {border:1px solid #777;	background: #fff;color:#333;}
textarea {font-family: Verdana, Arial, Sans-Serif;font-size: 100%;color:#333;}
.buttons, .addtobasketbutton {border: 2px outset #efeef4;background:#333;color:#fff;padding:2px;cursor:pointer;font-size:100%;}
.addtobasketbutton {font-size: 140%;}


a:link 		{color: #003f78; text-decoration: underline; font-weight:normal;}
a:visited 	{color: #003f78; text-decoration: underline; font-weight:normal;}
a:hover 	{color: #003f78; text-decoration: none; font-weight:normal;}
a:active 	{color: #003f78; text-decoration: underline; font-weight:normal;}

table {	font-size:90%;}
th {text-align:left;}

/* ids */

#page {	text-align: left;margin: 0 auto 5px auto;padding: 0;width: 955px;border: 2px solid #b5b5b5;}
#page2 {text-align: left;margin: 0 auto; padding: 0;width: 500px;}

.navbar {clear: both;font-size: 90%;
* height: 20px;
}
#navigation {width:650px;margin-top:10px;color:#bb4700;float: left;}
#login {margin-top:10px;margin-right: 10px;color:#bb4700;float: right;text-align: right;}

#navigation a {font-weight: bold;text-decoration: none; padding-top:0px;padding-bottom:0px;padding-left:10px;padding-right:10px;}
#navigation a:link, #login a:link { color:#000; text-decoration: none; font-weight: bold;}
#navigation a:hover, #login a:hover { color:#bb4700;}
#navigation a:active, #login a:active { color:#bb4700;}
#navigation a:visited, #login a:visited {color: #000; text-decoration: none; font-weight:bold;}

.main-content {clear: both;margin-top: 10px;background: url("/bl_images/border_lr.gif") top left repeat-y;}
.main-content-base {clear: both;background: url("/bl_images/border_tb.gif") top left no-repeat;height: 2px;}

#mainframeblueinterim {width: 647px; border-top: 2px solid #b5b5b5;float: left;}
#mainframefooter {}

#rightframeblue {float: right;border-top: 2px solid #b5b5b5;width: 300px;padding-top: 10px;}
#rightframefooter {}

#header {}
#footer {clear:both;}

body.homepage #homenav { color:#bb4700; background:#fff; }
body.curtainpage #curtainnav { color:#bb4700; background:#fff; }
body.blindspage #blindnav { color:#bb4700; background:#fff; }
body.kidspage #kidsnav { color:#bb4700; background:#fff; }
body.contractpage #contractnav { color:#bb4700; background:#fff; }
body.howtopage #howtonav { color:#bb4700; background:#fff; }
body.contactpage #contactnav { color:#bb4700; background:#fff; }
body.helppage #helpnav { color:#bb4700 background:#fff; }
body.offerspage #offersnav { color:#bb4700; background:#fff; }

.basefooter {text-align: left;width: 955px;margin: 0 auto;font-size: 80%;color: #999;}
.basefooter .delivery-info {float: left;width: 700px;}
.basefooter .blueleaf {float: right;width: 200px;text-align: right;}
.basefooter .blueleaf a {color: #999;text-decoration: none;}

/* ================================== */
/* WIDGET STYLING
/* ================================== */

.widget {width: 280px;color: #666;padding-bottom: 10px;margin: 0 auto 10px auto;border-bottom: 2px solid #cfcfcf;background: #e1e1e1 url("../bl_images/widget_bg.gif") top left repeat-x;}
.widget h3 {background: none;font-size: 130%;font-weight: normal;color: #777;padding-top: 8px;padding-left: 12px;}

#HowToContainer {background: url("/bl_images/howto_bg.jpg") top left repeat-x;}
#HowToContainer p {padding: 10px 8px 0 12px; width: 120px; margin: 0;}

#SearchContainer {}
#SearchContainer form {margin: 10px 12px; padding-bottom: 15px;}

.search-row {padding-bottom: 2px;}
.search-row .label {float: left; width: 100px; font-size: 90%;}
.search-row .formw select {width: 153px;}
.search-row .formw input.curtainselects {width: 147px;padding: 2px;}
.search-row .smaller {font-size: 70%; float: left; margin-top: 5px;}
.search-row .buttons {font-size: 100%; float: right; margin: 5px 3px 0 0;}

#ComparisonContainer {}
#ComparisonContainer p { padding: 0 8px 0 12px;	}
#ComparisonContainer a, #HowToContainer a {color: #666;text-decoration: none;}
#ComparisonContainer a:hover, #HowToContainer a:hover {color: #666;text-decoration: underline;}

#GeneralContainer p {padding: 0 15px;margin: 0;}
#GeneralContainer h3 {margin-bottom: 8px}

#SecurityContainer p,
#PrivacyContainer p {padding: 10px 15px; margin: 0;}

/* ================================== */
/* STATIC PAGE
/* ================================== */

.static-page h1,
#page h1 {background: #e1e1e1; font-size: 140%; padding: 5px 12px;}
.static-page h2 {font-size: 110%; padding: 5px 12px;}

/* ================================== */
/* COLOUR RANGE PAGE
/* ================================== */

.linkboxcolour  {background: #fff; height: 90px; text-align: center; font-size: 90%;padding: 10px; margin: 0 5px 10px 0; border: 2px solid #b5b5b5; width: 170px; float: left;}
.linkboxcolour a { font-size: 100%; text-decoration: none !important}
.linkboxcolour img {border: none;}

/* ================================== */
/* BLINDS PAGEs
/* ================================== */

.back-button {float: right; margin: 6px 16px 0 0; font-size: 120%;}

.blinds {margin: 10px 0;}
.blindchoiceimage {margin-bottom: 10px; }
.blindchoiceoptions {font-size: 90%;}
.blindchoicebox {margin: 0 7px 10px 0; padding: 5px; float: left; width: 180px; height: 50px; }
.blindchoicelink { margin-bottom: 10px;}
.blindchoicelink img {float: right; margin-bottom: 10px;}
.blindchoicelink h2 {font-size: 120%;}
.blindchoicebox:hover {background: #fff}

.item-image-blind {text-align: right; float: right; width: 120px; background: #ededed; padding: 10px;}
.item-image-blind p {font-size: 80%;}

#ttrow .check-button {padding: 15px 0 0 0; text-align: left; height: 30px; display: block;}

#rodcolour {height: 250px;}
#rodcolour input {margin-left: 20px;}


/* ================================== */
/* ITEM RESULT PAGE / SPECIAL OFFERS
/* ================================== */

.results-head, .results-footer {background: #e1e1e1; font-size: 90%; padding: 5px 12px;}
.results-head p {margin: 0; padding: 0;}
.results-head h2 {font-size: 14px;} 
.results-footer {clear: both; border-top: 10px solid #fff; width: 623px;}


.pagination {}
.pagination-form {float: right; width: 300px; text-align: right; padding: 0;}
.pagination-list {float: left; padding: 3px 0 0 0;}
.pagination-base {clear: both;}

.results-page {padding: 0 12px;}

.fabricbox {font-size: 90%; margin: 10px 5px 0 0px; border: 2px solid #b5b5b5; width: 145px; height: 233px; float: left; background: #ededed;}
.fabricbox .imglink {font-size: 90%; text-decoration: none; text-align: center;color: #777; font-weight: bold;}
.fabricbox-inner {padding: 10px; text-align: center; }
.fabric-info {font-size: 90%; padding: 0 10px 0 20px}

/* ================================== */
/* ITEM DETAIL PAGES AND FLOWS
/* ================================== */

.detail-head {background: #e1e1e1;}
.detail-head h2 {font-size: 120%;padding: 8px 12px;}

.item-shell {margin: 12px;background: url("/bl_images/border_detail_lr.gif") top left repeat-y;}
.item-shell-base {clear: both; background: url("/bl_images/border_detail_tb.gif") top left no-repeat;height: 2px;}

.item-page {background: #ededed;border: 2px solid #b5b5b5; margin: 10px 12px; }
.item-page-inner {padding: 0 10px;}

.item-page .row7 {padding: 5px 0; border-bottom: 2px solid #e0e0e0}
.item-page .row7 .label {float: left; width: 200px;}

.item-page .row4 {padding: 5px 0; border-bottom: 2px solid #e0e0e0}
.item-page .row4 .label {float: left; width: 200px;}

.headingbox {position: relative; font-size: 80%; float: left;  background: #fff; border: 1px solid #ccc; text-align: center; margin: 0 5px 10px 0; width: 140px; z-index: 4000}
.headingbox h2 {font-size: 130%; font-weight: bold;}

.item-info {float: left; border-top: 2px solid #b5b5b5; width: 313px;}
.item-info p {padding-left: 12px; padding-right: 12px;}
.item-info em {font-size: 80%;}

.notice-friendly {margin: 10px 12px; border: 4px solid pink; background: #fefefe; padding: 4px; font-size: 90%; font-weight: bold; text-align: center;}

.item-detail, .row6 {clear: both; margin: 0 12px; padding: 0; font-size: 90%; border-bottom: 2px solid #e0e0e0}
.item-detail em, .row6 em {font-size: 80%;}
.item-detail .label, .row6 .label {float: left; width: 100px; }

#stage1.blindspage .item-detail .label, 
#stage1.blindspage .row6 .label {float: left; width: 150px; }

.step-button {margin: 12px;}

.item-availability {margin: 5px 12px; font-size: 90%; }
.item-availability h2 {font-size: 100%; font-weight: bold; }
.item-availability .info .label, .item-availability .row2 .label {float: left; width: 100px; font-weight: bold;}

.guide {width: 100%;}

.headboard-box {float: left;width: 95px;text-align: center;}


/* === COLUMNS === */
.item-image {margin-left: 11px; float: left; border-top: 2px solid #b5b5b5; width: 142px;}
.item-image p {font-size: 80%; padding: 0 15px;}
.item-image img {margin: 10px 15px 0 15px;}
.item-image .samples-info {margin: 40px 0 0 0;}

.item-options {margin-left: 14px; float: left; border-top: 2px solid #b5b5b5; width: 140px}
.item-options h2 {font-size: 120%;background: #e1e1e1; padding: 10px;}
.item-options h3 {font-size: 110%;font-weight: normal; background: none; padding: 0; color: #7d7d7d}
.item-options p {padding: 4px 0; margin: 0; font-size: 90%;}
.item-options form {padding: 4px 0 0 0; margin: 0;}
.item-options .buttons {font-size: 90%; width: 130px; text-align: left;}

.item-options .box-get-price {background: #fff; padding: 5px; padding-bottom: 10px; border-bottom: 2px solid #e0e0e0; color: #333;}
.item-options .box-sample {padding: 5px; padding-bottom: 10px; border-bottom: 2px solid #e0e0e0}
.item-options .box-comparison {padding: 5px; padding-bottom: 10px; }

.item-options .box-get-price h3 {color: #333;}

.box-sample .buttons, .box-comparison .buttons {border: 2px outset #efeef4;background:#444;color:#fff;}


.item-measuring {margin-left: 14px; float: left; border-top: 2px solid #b5b5b5; width: 140px;}
.item-measuring h2 {font-size: 120%;background: #e1e1e1; padding: 10px;}
.item-measuring p {padding: 4px; margin: 0; font-size: 90%;}
.item-measuring ul {padding: 4px; font-size: 90%;}







/* ================================== */
/* NEW ITEM DETAIL PAGES AND FLOWS
/* ================================== */

.curtainpagenew .detail-head {margin: 12px; color: #000}
.curtainpagenew .detail-head h2 {font-weight: bold;}

.curtainpagenew .item-shell-fab {margin: 12px;}
.curtainpagenew .item-shell-base {background: none;}

.curtainpagenew .item-page {border: none; }
.curtainpagenew .item-page-inner {padding: 0 10px;}

.curtainpagenew .item-page .row7 {padding: 5px 0; border-bottom: 2px solid #000}
.curtainpagenew .item-page .row7 .label {float: left; width: 200px;}

.curtainpagenew .item-page .row4 {padding: 5px 0; border-bottom: 2px solid #000}
.curtainpagenew .item-page .row4 .label {float: left; width: 200px;}

.curtainpagenew .headingbox {position: relative; font-size: 80%; float: left;  background: #fff; border: 1px solid #ccc; text-align: center; margin: 0 5px 10px 0; width: 140px; z-index: 4000}
.curtainpagenew .headingbox h2 {font-size: 130%; font-weight: bold;}

.curtainpagenew .item-info {float: left; background: #efefef; width: 260px; border-top: none;}
.curtainpagenew .item-info p {padding-left: 12px; padding-right: 12px;}

.curtainpagenew .fabriccare {font-size: 80%; margin: 5px 0 10px 0; padding: 0px 15px;}
.curtainpagenew .fabriccare strong {line-height: 2em;}

.curtainpagenew .item-detail {height: 15px; clear: both; margin: 0; padding: 5px 15px; font-size: 85%; border: none;}

.curtainpagenew .item-detail p {margin: 0; padding: 0;}

.curtainpagenew .item-detail .label, .row6 .label {float: left; width: 100px; }
.curtainpagenew .divider {border-bottom: 2px dotted #ccc; clear:both;margin: 0px 15px; padding: 0 0 4px 0; }

.curtainpagenew .item-detail .title {float: left; font-weight: bold; width: 120px;}
.curtainpagenew .item-detail .item {float: right; width: 110px;}

.item-special-info .item-availability {clear: both;margin: 0; padding: 5px 14px 15px 14px; font-size: 80%; }
.item-special-info .item-availability .label {width: 80px !important;}
.item-special-info .item-availability .formw {display: block; float: right; text-align: right !important; width: 110px !important;}
.item-special-info .item-availability .info {clear: both;}

.curtainpagenew #mainframeblueinterim {width: 647px; height: 500px;}

.special_buttons {float: left; width: 110px; padding-top: 40px; margin-left: 10px;}
.special_buttons p {margin: 0 0 20px 0; }
.special_buttons input {background: none; border: none;}


.item-special-info {float: left; width: 220px; padding-top: 40px;}
.item-special-info-top {color: #ffde9d; background: url("/bl_images/bg_detail_top.png") top left repeat-y;}
.item-special-info-top h2 {padding: 5px 10px; font-size: 110%; text-transform: uppercase;}

.item-special-info-repeat {background: url("/bl_images/bg_detail_repeat.png") top left repeat-y;}
.item-special-info-repeat em {clear:both; line-height: 1em; }


.item-special-info-bottom {height: 20px; background: url("/bl_images/bg_detail_bottom.png") bottom left no-repeat;}


.item-special-info .title { width: 90px !important;}
.item-special-info .item {padding-bottom: 0px; text-align: right; width: 90px !important;}

.lifestyle-image {float: right; margin-top: 40px; }
.lifestyle-image img {border: 2px solid #ccc;}







/* ================================== */
/* BASKET AND CHECKOUT
/* ================================== */

.baskettable {}
.baskettd,
.basketprice,
.basketoptions {border-bottom:2px solid #e0e0e0; padding-bottom:10px;}

.termsbox {overflow: auto;height: 150px;margin: 0px;border: 1px solid #ccc;width: 600px;padding: 10px;font-size: 80%;}

.content-pad {padding: 10px 15px;}

#register {margin: 20px;}
#register h2 {font-size: 120%; padding: 5px 0px;}
#register .error {coloR: #f00; margin-left: 240px; margin-top: 5px;}

.row4, .row5, .row-login { padding: 10px 0; margin: 0; border-bottom: 1px dashed #ccc;}

.row4 .label,
.row5 .label  {float: left; width: 230px; margin-right: 10px;}

.row4 .formw input,
.row4 .formw textarea,
.row4 .formw select,
.row5 .formw input,
.row5 .formw textarea,
.row5 .formw select { border: 1px solid #999; padding: 2px 3px;  font-size: 100%;}

.helppage .static-page p { padding-left: 15px;padding-right: 20px;}
.helppage .static-page h2 { padding: 5px 15px;}
.helppage .static-page ul { padding: 5px 10px;}

.basketpage .item-page-inner h3,
.basketpage .bluestage h3,
.basketpage .whitestage h3 {padding: 5px 0 ;}


/* ================================== */
/* LOGIN
/* ================================== */

.leftbox h1 {margin: 0 0 15px 0; padding: 0;}
.leftbox p {margin: 15px 0px 5px 0px; padding: 0;}
.leftbox form {margin: 0 0px; padding: 0;}
.leftbox .formw a { margin-left: 120px; margin-top: 5px; display: block; font-size: 80%; text-decoration: none;}

.rightbox h1 {margin: 0 0 15px 0; padding: 0;}
.rightbox p {margin: 15px 0 0 0px; padding: 0;}
.rightbox p a {float: right;}

.row-login .label { float: left; width: 110px; margin-right: 10px;}

.row-login .formw input,
.row-login .formw textarea,
.row-login .formw select { border: 1px solid #999; padding: 2px 3px; font-size: 100%;}

.leftbox {float:left;width:300px;padding: 10px 0 0 10px;height: 270px;}
.rightbox {float:right; padding:10px;width:300px;height: 270px;}
.leftbox p, .rightbox p {font-size: 90%;}
.leftbox h2, .rightbox h2 {font-size: 120%;}
.viewrange {text-align: center; }


.printshow {display: none;}


.comparisonbox {width:120px; margin-right: 20px; float: left; border: 1px solid #ccc; padding: 10px; text-align: center;}