/* CSS Document */

/* ELEMENTS */
html, body, form {
	margin:0;
	padding:0;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	color:#2b110f;
}

html {
	overflow-y:scroll; /* always show scroll so pages dont jump in FF */
}
  
body {
	font-size: 62.5%; /*62.5% sets font sizes so 1em is the equivalent of 10px*/
	line-height:1.5em;
	text-align:left;
}

h1, h2, h3, h4 {
	margin:0;
	padding:0;
	text-align:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#4e3c2e;
	line-height:1.2;
}
  
h1 {
	padding-bottom:0.5em;
	font-size:2.4em;
	font-weight:normal;
	color:#4c3c2f;
}
.header_h1 {
	font-size:2.4em;
	font-weight:normal;
	color:#4c3c2f;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
.header_h1 span {color:#E15435;}
h2 {
	font-weight:normal;
	font-size:1.8em;
	margin-bottom:0.8em;
}

h3 {
	margin-bottom:0.2em;
	font-weight:normal;
	font-size:1.4em;
}

h4 {
	font-size:1.2em;
	margin-bottom:0.2em;
	font-family:Arial, Helvetica, sans-serif;
}

p {
	margin:0;
	padding:0;
	margin-bottom:1.3em;
	font-size:1.2em;
	line-height:1.5;
}

img {
	border:none;
	vertical-align:middle;
}

hr {
	background:none;
	border:none;
	border-bottom:1px dashed #dcdcdc;
	height:0px;
	clear:both;
	padding:1.7em 0 0 0;
	margin:0 0 1.7em 0;
	margin:1.2em 0 1.2em 0 !justIE;
	padding:0 !justIE;
}

input, textarea, select {
}

input.textbox, textarea.textbox {
	width:200px;
	border:1px solid #999;
	font-weight:normal;
	display:block;
	margin-bottom:3px;
	font-size:1.2em;
	font-family:Arial, Helvetica, sans-serif;
}


ul {
/*	list-style:none;*/
	margin:0;
	padding:0;
}

li {
/*	background:transparent url(/img/bullet.gif) 0px 0.4em no-repeat;*/
	margin:0;
/*	padding-left:20px; */
	_height:0; /* IE6- Bug Fix */
	vertical-align: bottom; /* IE6- Bug Fix */
}

small {
	font-size:11px;
}

big {
	font-size:14px;
}

a:link, a:visited, a:hover {
	text-decoration:underline;
	outline-color:invert;
	outline-style:none;
	outline-width:medium;
	color:#e15435;
}
a:hover {
	text-decoration:underline;
}

/* anchor buttons */
a.button {
	background-color:#4B6176;
	color:#fff;
	border:1px solid #4B6176;
}
a.button, a.button:hover {
	font-size:11px;
	border:none;
	background:transparent url(/img/button.jpg) 0% top no-repeat;
	text-decoration:none;
	margin:0 5px 0 0;
	cursor:pointer;
	cursor:default;
	text-align:center;
	padding:5px 0 8px 5px;
	padding:0 0 0 5px !justIE; /* IE auto stretches parent element */
	text-transform:uppercase;
}
a.button em {
	font-size:11px;
	background:transparent url(/img/button.jpg) 100% top no-repeat;
	overflow:hidden;
	white-space:nowrap;
	font-style:normal;
	font-weight:normal;
	padding:5px 10px 8px 3px;
	margin-right:-5px;
	color:#fff;
}
a.button:hover, a.button:hover em {
	color:#eee;
}
a.button:hover {
	background-position:0% -74px;
}
a.button:hover em {
	background-position:100% -74px;
}
a.button:active em {
	padding:5px 9px 8px 4px;
}
div.buttonRightFloatWrap {
	float:right;
	padding:10px 0 4px 0;
}
div.buttonLeftFloatWrap {
	float:left;
	padding:10px 0 4px 0;
}


a.button-large {
	background:url(/img/button-largeGreen.gif) center center no-repeat;
	line-height:42px;
	width:160px;
	font-size:16px;
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-decoration:none;
	text-align:center;
}


table {
	border:none;
	border-spacing:0;
	border-collapse:collapse;
}
table tr {
	margin:0;
	padding:0;
}
table th, table td {
	margin:0;
	border:none;
	vertical-align:top;
	font-size:1.2em;
}
table th {
	font-weight:bold;
	text-align:left;
	white-space:nowrap;
}

table.form td {
	padding-bottom:10px;
}
table.form th {
	width:200px;
}
td label, th label, td td, p label, td p, th p{
	font-size:1em;	
}

fieldset {
	border:1px solid #ccc;
	padding:15px 15px 20px 15px;
	padding:0 15px 20px 15px !justIE;
	margin-bottom:1.5em;
	margin-top:0;
	padding-top:1px !justIE;
}
legend {
	color:#333;
	padding:0 3px;
	font-weight:bold;
	margin:0 -10px 0 -10px;
	margin:0 -15px 15px -15px !justIE;
}
code {
	font-family:"Courier New", Courier, monospace;
	font-size:0.8em;
}
code em {
	font-weight:bold;
	color:#e4429a;
	font-style:normal;
	font-family:"Courier New", Courier, monospace;
}
pre, code {
	margin:0;
	padding:0;
}

/* CONTENT */
.error {
/*	display:block;*/
	background:#900 url(/img/warning.png) no-repeat 2px 2px;
	color:#FFF !important;
	font-weight:bold;
	padding:3px 5px 3px 20px;
	font-size:12px;
}
.note {
	color:#2f3199 !important;
	display:block;
}

/* SECTIONS */

form, #pseudoForm {
	width:966px;
	margin:0 auto;
	text-align:left;
	overflow:visible;
}
#header {
	padding:15px 0 0 0;
	overflow:visible;
} * html #header { overflow:visible; height:1%; }

#header-logo {
	display:block;
	float:left;
	overflow:hidden;
	height:74px;
	width:213px;
}
#header-logo img {
	height:74px;
	width:213px;	
}
#header-telephone {
	font-size:1.8em;
	padding:25px 0 0 17px;
	background:transparent url(/img/phone.jpg) left bottom no-repeat;
	float:right;
	clear:right;
	white-space:nowrap;
	line-height:1em;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#header-basketLink {
	padding:0 0 0 17px;
	background:transparent url(/img/basket.jpg) left center no-repeat;
}
ul#header-productNav, ul#header-siteNav, ul#header-shoppingNav {
	list-style:none;
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
} * html ul#header-productNav, * html ul#header-siteNav, * html ul#header-shoppingNav {
	overflow:visible;
	height:1%;
}


ul#header-productNav li, ul#header-siteNav li, ul#header-shoppingNav li {
	float:left;
	font-size:1.2em;
}
#header-productNavWrap {
	clear:both;
	overflow:visible;
	background:transparent url(/img/product-nav.jpg) right -42px no-repeat;
	padding:0 5px 0 0;
	margin-right:-5px;
}
ul#header-productNav {
	padding:0 10px;
	height:55px;
	margin:0 0 15px -5px;
	background:transparent url(/img/product-nav.jpg) left 15px repeat-x;
	overflow:visible;
	position:relative;
	z-index:1000;
}
ul#header-productNav li {
	padding:15px 0;
	line-height:35px;
	background:transparent url(/img/product-nav-divider.jpg) right center no-repeat;
	position:relative;
	overflow:visible;
}
ul#header-productNav li:last-child {
	background:none;
}
ul#header-productNav li a {
	display:block;
	padding:0 7px;
	margin:0 7px;
	text-decoration:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#4e3c2e;
	white-space:nowrap;
}
ul#header-productNav li.selected a {
	color:#ba8b61;
}
/* sub nav items */
ul#header-productNav li ul {
	display:none;
	background-color:#edecea;
	position:absolute;
	z-index:1000;
	top:50px;
	left:7px;
	list-style:none;
	margin:0;
	padding:0;
	border-bottom:1px solid #dfdedc;
	border-right:1px solid #dfdedc;
}
ul#header-productNav li.hasSubNav:hover a {
	background-color:#edecea;
}
ul#header-productNav li:hover ul {
	display:block;
}
ul#header-productNav li ul li {
	width:145px;
	margin:0;
	padding:0 3px;
	background-image:none;
	display:block;
	z-index:1000;
	position:relative;
	
}
ul#header-productNav li ul li a, ul#header-productNav li.selected ul li a {
	text-decoration:none;
	display:block;
	padding:5px 0;
	line-height:1.5em;
	border-bottom:1px solid #dfdedc;
	color:#4e3c2e;
	white-space:normal;
}
ul#header-productNav li ul li a:hover {
	color:#6f6156;
}
ul#header-productNav li ul li:last-child a {
	border-bottom:none;
}



ul#header-siteNav {
	float:right;
}
ul#header-siteNav li {
	padding:0 10px;
	background:transparent url(/img/site-nav-divider.jpg) right center no-repeat;
}
ul#header-siteNav li:last-child {
	background:none;
}
ul#header-siteNav li a {
	text-decoration:none;
	color:#888;
}
ul#header-siteNav li.selected a {
	color:#ba8b61;
}

ul#header-shoppingNav {
	float:right;
	margin:0 0 0 5px;
}
ul#header-shoppingNav li {
	padding:0 10px;
	background:transparent url(/img/site-nav-divider.jpg) right center no-repeat;
}
ul#header-shoppingNav li:last-child {
	background:none;
}
ul#header-shoppingNav li a {
	text-decoration:none;
	color:#ba8b61;
	font-weight:bold;
}
ul#header-shoppingNav li.selected a {
	text-decoration:underline;
}

#footer {
	clear:both;
	margin:2em 0 1em 0;
	border-top:1px dashed #c2c2c2;
	padding:1em;
	font-size:1.1em;
	overflow:hidden;
	text-transform:uppercase;
} * html #footer {
	overflow:visible;
	height:1%;
}
#footer ul {
	float:left;
	list-style:none;
	font-size:0.9em;
	margin:0 50px 0 0;
	padding:0;
}
#footer ul li {
	margin:0;
	padding:0;
	color:#b2b2b2;
	line-height:1.6em;
}
#footer ul li a {
	color:#888;
	text-transform:none;
	text-decoration:none;
}
#footer ul li a:hover {
	text-decoration:underline;	
}

#content {
	margin-left:15px;
}

.panel {
	padding:10px;
	background-color:#f2f1ef;
}

.largeText {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.6em;
	line-height:1.5;
	color:#4c3c2f;
}



ul#fabricTypes {
	list-style:none;
	margin:0;
	padding:0;
	overflow:hidden;
} * html ul#fabricTypes { overflow:visible; height:1%; }

ul#fabricTypes li {
	margin:0;
	padding:0 25px 15px 0;
	float:left;
	font-size:1.2em;
}
ul#fabricTypes li a {
	display:block;
	text-decoration:none;
	color:#5b5b5b;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	width:94px;
	white-space:normal;
	height:130px;
}
ul#fabricTypes li a:hover {
	color:#e15435;
}
ul#fabricTypes li a img {
	display:block;
	margin:0 auto 5px;
	margin:0 0 5px !justIE;
	width:94px;
	height:94px;
	background:#EEE;
}
#fabricBuilder-selectedDetails{font-size:1.2em;}
#pnlQuoteGen p{margin-bottom:0; margin-top:1.3em; font-weight:bold;}

#mainPanel {
	width:615px;
	float:left;
}
#sidePanelWrap {
	width:315px;
	float:right;
}
#sidePanel, #sidePanel-top, #sidePanel-bottom {
	background-image:url(/img/builderSidePanelBorder.jpg);
	background-repeat:no-repeat;
}
#sidePanel {
	width:295px;
	background-position:left center;
	margin-top:8px;
}
#sidePanel #sidePanel-top, #sidePanel #sidePanel-bottom {
	height:15px;
	overflow:hidden;
}
#sidePanel #sidePanel-top {
	background-position:left top;
}
#sidePanel #sidePanel-bottom {
	background-position:left bottom;
	clear:both;
}
#sidePanel-content {
	padding:0 0 0 15px;
}
#sidePanel-content .price {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#db5435;
	font-size:30px;
	line-height:30px;
}
#sidePanel-content .price small {
	font-size:10px;
	font-style:italic;
}

#sidePanel-content a.startAgain {
	float:right;
	clear:both;
	font-size:0.9em;
	font-family:Georgia, "Times New Roman", Times, serif;
	display:block;
	margin-top:5px;
	white-space:nowrap;
}

#lifestyle {
	position:relative;
	margin-bottom:6px;
}
#lifestyle #lifestyle-enlarge {
	position:absolute;
	bottom:10px;
	right:10px;
	width:48px;
	height:18px;
	cursor:pointer;
	cursor:hand;
	background:transparent url(/img/enlarge_link.gif) center center no-repeat;
}

/* Curtain and Blind builder */
#progress {
	padding-bottom:5px;
}
#progress_previous, .progress-next, .progress-addToBasket {
	background:url(/img/builderSteps.jpg) -250px -150px  no-repeat;
	display:block;
	width:75px;
	height:40px;
	text-align:center;
	line-height:36px;
	color:#fff;
	text-decoration:none;
	font-size:1.4em;
	font-family:Georgia, "Times New Roman", Times, serif;
	cursor:pointer;
	cursor:hand;
}
.progress-addToBasket {
	background:url(/img/button-largeGreen.gif) center center no-repeat;
	width:160px;
	height:42px;
}
a.progress-next {
	color:#fff !important;
	text-decoration:none !important;
}
#progress_previous, #progress_previous.disabled, .progress-next[disabled] {
	background-position:-150px -150px;
	color:#aaa196;
	cursor:pointer;
	cursor:hand;
}
#progress_previous {
	float:left;
	color:#4c3d2c;
}
.progress-next, .progress-addToBasket {
	float:right;
	border:none;
	margin:0;
	padding:0 0 7px 0;
}
#progress ul {
	background:url(/img/builderSteps.jpg) 0px 0px  no-repeat;
	width:424px;
	height:47px;
	overflow:hidden;
	margin:0 auto;
	padding:4px 0 0 0;
	overflow:hidden;
} * html #progress ul {
	overflow:visible;
	height:1%;
}
#progress ul li {
	margin:0;
	padding:0;
	float:left;
	display:block;
	text-align:center;
	cursor:pointer;
	cursor:help;
}
#progress ul li {
	color:#4C3C2F;
	text-decoration:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.2em;
}
#progress ul li span {
	display:block;
	width:34px;
	margin:0 auto;
	text-align:center;
	background:url(/img/builderSteps.jpg) 2px -149px  no-repeat;
	color:#555;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.6;
}
#progress ul li.complete span {
	background-position: -48px -149px;
	color:#fff;
}
#progress ul li.current span {
	background-position: -98px -149px;
	color:#fff;
}

#builderSidePanel_quoteGen, #builderSidePanel_orderInProgress {
}

#builderSidePanel_orderInProgress ul {
	margin:0;
	padding:0;
	list-style:none;
	color:#4C3C2F;
}
#builderSidePanel_orderInProgress ul li {
	margin:0;
	padding:0.3em 0;
	font-size:1.2em;
}
#builderSidePanel_orderInProgress ul li:hover {
	background-color:#eee;
}
#builderSidePanel_orderInProgress ul li a {
	text-decoration:none;
	float:right;
	color:#a18963;
	font-size:0.8em;
}

#builderSidePanel_quoteGen_messages {
	display:none;
	background:#900 url(/img/warning.png) no-repeat 5px 5px;
	color:#FFF !important;
	font-weight:bold;
	padding-left:25px;
	font-size:1.2em;
	line-height:2;
}

.testimonal {
	text-align:right;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.4em;
	line-height:1.5;
}
.testimonal cite {
	margin:0;
	padding:5px 0 0 0;
	display:block;
	font-style:italic;
}


.contentMenu {
	width:150px;
	float:left;
	color:#4e3c2e;
	padding-bottom:50px;
}
.contentMenu img {
	width:150px;
	display:block;
	margin-bottom:10px;
}
.contentMenu ul, .contentMenu li {
	list-style:none;
	margin:0;
	padding:0;
}
.contentMenu li a {
	background-color:#f2f1ef;
	display:block;
	padding:5px 15px;
	color:#493c33;
	line-height:1.4em;
	border-top:1px dashed #deddd8;
	text-decoration:none;
	font-size:1.2em;
}
.contentMenu li:last-child a {
	border-bottom:1px dashed #deddd8;
}
.contentMenu li.selected a {
	background-color:#d5d2c1;
	font-weight:bold;
}
.contentMenu a {
	color:#493c33;
}
.contentMenu a.selected {
	background-color:#d5d2c1;
	font-weight:bold;
}
.contentMenu a.nonCategoryLink {
	margin:0;
}

ul#ready-made-submenu {
	background-color:#f2f1ef;
}
ul#ready-made-submenu li a {
	line-height:35px;
}
ul#ready-made-submenu li.selected a {
	background-color:#e06047;
	color:#fff;
	font-weight:bold;
}
ul#ready-made-submenu a span {
	display:none;
}
ul#ready-made-submenu li.selected a span {
	display:inline;
}

/* orange button */
.orangeButton {
	height:28px;
	display:block;
	text-align:center;
	color:#fff;
	text-decoration:none;
	font-size:10px;
	cursor:pointer;
	cursor:hand;
	border:none;
	text-transform:uppercase;
	padding:0px 4px 4px 0px;
}
.orangeButton-small {
	background:url(/img/buttons-orange.jpg) 0px 0px  no-repeat;
	width:68px;
}
.orangeButton-medium {
	background:url(/img/buttons-orange.jpg) -69px 0px  no-repeat;
	width:93px;
}
.orangeButton-large {
	background:url(/img/buttons-orange.jpg) -162px 0px  no-repeat;
	width:143px;
}  

/*basket styling*/
#basket div{
	font-size:12px;	
}
#basket div p, #basket td, #basket th {
	font-size:1em;	
}

.page-intro {
	font-family:Georgia, "Times New Roman", Times, serif;
}

/* UTILITIES */

.clearfix {
	overflow:hidden;
} * html .clearfix { overflow:visible; height: 1%;}


div.placeholder { 
	background-color:#eee;
	text-align:center;
	overflow:hidden;
	position:relative;
} div.placeholder div { position:absolute; overflow:visible; top:45%; left:0px; height:1em; width:100%; font-size:1.3em; font-weight:bold; color:#999; }




