@charset "utf-8";

/* Natural Curtain Company CSS Document 

*/

/*
	1.Defaults
	2.Strucure
	3.Typography
*/



/*		1.Defaults		*/

* {
padding: 0;
margin:0;
}

body {
background: #fff;
font-size: 62.5%;
font-size: 10px;
font-family: Georgia, "Times New Roman", Times, serif;
}

button {
font-family: Georgia, "Times New Roman", Times, serif;
}

form input {
font-family: Verdana, Arial, Helvetica, sans-serif;
}

ul li {
list-style: none;
display: inline;
float: left;
}

ul li a {
display: block;
}

a:link, a:visited {
text-decoration: underline;
color: #BA8B61;
}

a:hover {
text-decoration: none;
}

img {
border: none;
}

fieldset {
border: none;
}

iframe body {
overflow: hidden;
border: none;
}

.float_left {
float: left;
}

hr{
border: none;
border-top: 1px dashed #D4D3D3;
}

/*		2.Structure		*/

.red_button {
background: url(/images/button_red.gif) 0px 0px no-repeat;
position: relative;
text-decoration: none;
text-align: center;
padding:6px 0 6px 9px;
}

a.red_button span {
background: url(/images/button_red.gif) 100% 0 no-repeat;
padding:9px 22px 12px 11px;
line-height: 20px;
}

#contentWrapper {
width: 900px;
margin: 0 auto;
background: #fff;
position: relative;
}

#mastHead {
width: 840px;
height: 106px;
position: relative;
margin: 0 30px 0px 30px;
}

#logo {
width: 216px;
height: 76px;
position: absolute;
top: 22px;
left: 10px;
display: block;
background: url(/images/ncc_logo_2.gif) 0 0 no-repeat;
}

#printLogo {
position: absolute;
top: 17px;
left: 10px;
display: none;
}

#topNav {
position: absolute;
top: 30px;
right: 0;
}

#topNav ul li {
margin-left: 35px;
}

#telephoneDetails {
background: url(/images/nccPhoneIcon.jpg) left no-repeat;
padding-left: 17px;
position: absolute;
right: 0;
top: 67px;
margin:0px;
}

/*	main navigation	*/
#mainNav {
width: 846px;
background: url(/images/main_nav_bg_2.gif) top left no-repeat;
margin: 0px 27px 35px;
float: left;
position: relative;
top: 0px;
padding-bottom: 12px;
z-index: 100;
}

/*	first level	*/
#mainNav ul {
height: 33px;
margin: 0 auto;
}

#mainNav li {
position: relative;
float: left;
margin: 13px 18px 11px 0;
display:block;
border-right: 1px solid #d0cbc7;
z-index: 100;
}

#mainNav ul li.first {
margin: 13px 18px 11px 20px;
}

#mainNav ul li.last {
margin: 13px 0px 0px 0px;
border: none;
}

#mainNav ul li.last a, #mainNav ul li.last span {
margin: 0;
}

#mainNav ul li span {
margin-right: 14px;
text-align: center;
display:block;
z-index:100;
}

#mainNav ul li a {
display:block;
}

/*	second level	*/
#mainNav dl {
width: 120px;
position:absolute;
top:0px;
left:0px;
margin: 0;
padding: 0;
background: url(/images/spacer.gif) 0 0 repeat;
text-align: center;
}

#mainNav dt {
height: 20px;
background: red;
margin:0;
float:left;
text-align: center;
}

#mainNav dt a {
display: block;
}

#mainNav dd {
clear: left;
display: none;
margin:0;
padding:0;
text-align:left;
background: #fff;
}

#mainNav dd a {
border-right: 1px solid #4C3D2C;
border-bottom:1px dotted #4C3D2C;
border-left: 1px solid #4C3D2C;
}

#mainNav dd.first a {
border-top: 1px solid #4C3D2C;
}

#mainNav dd.last a {
border-bottom:1px solid #4C3D2C;
border-top: none;
}

#mainNav dd.first_last a {
border-top: 1px solid #4C3D2C;
border-bottom:1px solid #4C3D2C;
}

#mainNav dd a {
display:block;
padding: 5px 10px;
}

/*	level 2 rollover */

#mainNav li:hover dl, #mainNav li a:hover dl, #mainNav li.hover dl, #mainNav li.hover_right dl {
display: block;
top: 10px;
padding-top: 13px;
}

#mainNav li.hover_right dl {
right: -20px;
left: auto;
}

#mainNav li:hover dd, #mainNav li.hover dd, #mainNav li.hover_right dd {
display: block;
}

/*	end navigation styling	*/

#mastHead div.seperator {
background: #fff url(/images/mastHeadBottom.gif) bottom repeat-x;
height:12px;
width: 834px;
margin: 0 3px;
position: absolute;
bottom: 3px;
}

#mainContent {
width: 840px;
min-height: 400px;
margin: 0 30px;
position: relative;
float: left;
}

#mainContent h1 {
margin-bottom: 24px;
}

#mainContent h2 {
margin-bottom: 12px;
}

#mainContent p {
margin-bottom: 12px;
}

#bottomContentArea {
border-top: 1px solid #9B9D9F;
position: relative;
bottom: 0;
margin: 0 30px;
/*width: 900px;*/
height: auto;

text-align: center;
}

/*#bottomContent div {
width: 770px;
height: auto;
position: relative;
top: 20px;
margin: 0 auto;
}*/

#bottomContent {
margin: 30px auto 0;
text-align: center;
padding-left: 40px;
position: relative;
width: 51.5em;
}

#bottomContentArea #ethicalStamp {
margin-left:10px;
position: absolute;
left: 0;
top: 0;
}

#ethicalStamp img {
display: inline;
float: left;
}

#bottomNav {
clear: right;
position: absolute;
top: 0;
left: 40px;
width: 100%;
}

#bottomContent ul li {
display: inline;
float: left;
}

#bottomContent ul li a {
display: block;
margin-right: 17px;
padding-left: 17px;
border-left: 1px solid #BABCBE;
position: relative;
}

#bottomContent ul li a.first {
border: none;
}

#bottomContent ul li a.last {
margin-right: 0px;
padding-left: 17px;
}

#footer {
height: 20px;
position: absolute;
top: 14px;
left: 55px;
margin: 10px auto;
text-align: center;
color:#c9c4bf;
}

#footer a {
color:#c9c4bf;
}

#footer ul {
width: 400px;
margin: 0 290px;
position: relative;
float: left;
}

#footer li {
display: inline;
float: left;
margin-right: 28px;
}

#footer ul li a {
display: inline;
}

.seperator {
clear: both;
height:1px;
}

/*	***BEGIN page specific styling***	 */

/*Standard Template Stylings*/

#mainContent.standardContent {
width: 570px;
margin-bottom: 10px;
margin-right: 30px;
float: left;
}

/*	Homepage Specific  */

#mainContent.homepage {
margin-bottom: 10px;
}

#mainHomeImage {
width: 402px;
height: 345px;
float: left;
/*margin-right: 30px;*/
margin-left: 3px;/*dev*/
position: relative;
overflow: hidden;
}

#imageBannerOverlay {
width: 401px;
position: absolute;
left: 0;
top: 0;
z-index: 100;
overflow: hidden;
}

#imageTagline {
height: 26px;
position: absolute;
left: 8px;
bottom: 8px;
padding: 0px 0 0px 3px;
background: url(/images/homepage_image_text_bg.png) 0 0 repeat-x;
}

#imageTagline p {
margin: 0;
}

#homeTopContent {
display: block;
width: 402px;
min-height: 345px;
float: right;
margin-bottom: 16px;
}

#newFeature {
min-height: 58px;
margin-bottom: 12px;
padding-left: 60px;
background: url(/images/corner_flag_new_feature_bg.png) 0 0 no-repeat;
}

#newFeature p {
margin-bottom: 0px;
}

#homeBodyText {
float: right;
width: 415px;
min-height: 100px;
display: block;
margin-bottom: 12px;
}

#homeBodyText h1, #homeBodyText h2, #homeBodyText h3 {
margin-bottom: 12px;
}

#homeBodyText p {
clear: both;
}

#homeBodyText p span.float_left {
margin-right: 12px;
}

.homepage .youtube, .homepage .youtubeEnd {
	width:230px;
	display:inline;
}
.homepage .youtube {
	margin-right:59px;
}
.homepage .youtubeContainer {
	padding-left:12px;
}

/*	homepage free samples	*/
#freeSamplesArea {
margin-bottom: 10px;
margin-right: 0px;
float: left;
}

#samplesListings {
width: 560px;
min-height: 400px;
padding-top: 12px;
margin-right: 2px;
float: left;
border-top: 1px dashed #d4d3d3;
}

#freeSamplesIntro {
width: 100%;
margin-bottom: 16px;
padding-bottom: 16px;
}

p.group_description {
margin-left: 32px;
}

/*	begin styling for fabric listing	*/

div.fabric_variation_listing {
overflow:hidden;
clear:left;
}

.fabric_family_title_container {
display: block;
margin-bottom: 24px;
}

.fabric_family_title a {
margin-bottom: 6px;
background: url(/images/toggle_close.gif) 0 2px no-repeat;
}

.fabric_family_title a.closed {
margin-bottom: 16px;
background: url(/images/toggle_open.gif) 0 2px no-repeat;
}

a.toggle, .fabric_family_title a {
display: block;
padding-left: 32px;
cursor: pointer;
}

span.fabric_tiny_swatch {
float: left;
margin-top: -8px;
height:40px;
width:0px;
overflow:hidden
}

/*	hide swatch image and change font colour when open	*/
.homepage .fabric_family_title.open img {
display: none;
}

/*	end styling for fabric listing	*/

.hover {
cursor: pointer;
}

#sideContent {
width: 240px;
height: auto;
position: relative;
top: -10px;
left: 32px;
float: left;
}

/*Samples palette is used in several pages including Homepage, Buy Curtains, Buy Blinds and Free Samples*/
#samplesPalette {
background: #fff url(/images/swatch_holder_bg_top.gif) 0 0 no-repeat;
position: relative;
left: -16px;
padding: 16px 0 50px 16px;
margin-bottom: 20px;
}

#samplesPaletteBottom {
width: 100%;
height: 8px;
position: absolute;
bottom: 0 !important;
left: 0;
background: #fff url(/images/swatch_holder_bg_bottom.gif) 0 0 no-repeat;
}

#confirmSamplesLink {
width: 179px;
height: 35px;
clear: both;
position: absolute;
bottom: 14px;
border: none;
margin-left: -4px;
text-decoration: none !important;
background: url(/images/button_send_me_my_samples.png) no-repeat;
}

#confirmSamplesLink:hover {
cursor: pointer;
}

#samplesPalette p {
margin-bottom: 12px;
}

#swatchHolder {
min-height:30px;
margin: 10px 0 12px;
}

.sampleSwatchSmall {
float: left;
margin-right:10px;
margin-bottom:10px;
height:52px;
width:52px;
}

img.sampleSwatchSmall, img.sampleSwatchSmallButton {
background: #ccc;
float:left;
}

.sampleSwatchSmallButton {
float: left;
margin-right:10px;
margin-bottom:10px;
height:52px;
width:52px;
background-color:transparent;
padding: 0;
border: 0;
background-repeat: no-repeat;
background-position:center top;
cursor:pointer;
}

.sampleSwatchSmall {
float: left;
margin-right:10px;
margin-bottom:10px;
height:52px;
width:52px;
}

img.sampleSwatchSmall, img.sampleSwatchSmallButton {
background: #ccc;
float:left;
}

#orderSwatchBook {
height: auto;
clear: both;
float: left;
margin-bottom: 30px;
}

#orderSwatchBook div {
margin-bottom: 12px;
}

#orderSwatchBook div p, #orderSwatchBook div h3 {
margin-bottom: 15px;
}

#orderSwatchBook img {
margin-bottom: 10px;
}

#buySwatchBookLink span, .freesamples #buySwatchBookLink span {
padding-top: 8px;
}

#specialRequest {
width: 100%;
height: auto;
clear: both;
float: left;
}

#specialRequest h3 {
margin-bottom: 4px;
}

#specialRequest p {
margin-bottom: 12px;
}

#specialRequest a {
margin-bottom: 6px;
}

/*		Free Samples Template		*/
#mainContent.freeSamples {
width: 570px;
margin-bottom: 10px;
margin-right: 30px;
float: left;
}

#confirmSamplesLinkBody {
width: 179px;
height: 35px;
clear: both;
position: relative;
border: none;
margin-left: -4px;
text-decoration: none !important;
background: url(/images/button_send_me_my_samples.png) no-repeat;
}

#confirmSamplesLinkBody {
float: right;
}

#confirmSamplesLinkBody:hover {
cursor: pointer;
text-decoration: underline;
}

/*	end homepage template specific	*/

/*	Fabric Listing - used on free samples, buy swatches and buy blinds	*/

span.flag_holder {
width: 94px;
height: 94px;
position: absolute;
top: 0;
left: 0;
display: block;
z-index: 1000;

}

div.fabricFamily, div.fabric_family, div.fabric_family_varied {
width: 530px;
min-height: 63px;
margin-bottom: 10px;
padding-top: 16px;
clear: both;
border-bottom: 1px dashed #d4d3d3;
}

.homepage div.fabric_family, .homepage div.fabric_family_varied {
width: 560px;
}

div.fabricVariation, div.fabric_variation, div.fabric_variation_right {
width: 94px;
height: 150px;
position: relative;
float: left;
margin-right: 15px;
margin-bottom: 5px;
}

div.fabric_variation_right {
margin-right: 0;
}

.fabric_family_varied div.fabric_variation, .fabric_family_varied div.fabric_variation_right {
height: 170px;
}

div.fabricVariation a, div.fabric_variation a, div.fabric_variation_right a {
position: relative;
display: block;
margin-bottom: 3px;
}

#variationImage {
margin-bottom: 6px;
}

p.varTitle, p.var_title {
position: relative;
margin-bottom: 1px;
margin-left: 4px;
}

p.var_title .checkbox {
display: none;
}

p.var_title span {
margin-bottom: 3px;
}

span.var_info {
height: 16px;
position: absolute;
top: 30px;
left: 0;
display: block;
margin-top: 8px;
}

div.fabricVariation label, div.fabric_variation label, div.fabric_variation_right label {

}

#preview {
position:absolute;
border:1px solid #4c3d2c;
background:#fff;
padding:5px;
display:none;
color:#4c3d2c;
z-index: 10000;
text-align: left;
}

#preview p {
margin: 12px 3px;
}

/*	end fabric listing	*/

/*	Our Fabrics Specific  */

#mainContent.ourFabrics {
width: 570px;
margin-bottom: 10px;
margin-right: 30px;
float: left;
}

#fabricsBodyText {
float: left;
width: 570px;
height: auto;
clear: right;
display: block;
margin-bottom: 10px;
}

#ourFabricsListing {
width: 572px !important;
}

div.fabricDetails {
width: 570px;
margin: 0 0px 10px 00px;
}

#mainContent.ourFabrics div.swatchHolder {
width: 568px;
height: 216px;
margin-right: 30px;
clear: right;
margin-bottom: 10px;
}

#mainContent.ourFabrics div.fabricDesc {
width: 570px;
margin-bottom: 10px;
}

#mainContent.ourFabrics div.lifestyleHolder {
width: 568px;
height: 216px;
margin-right: 30px;
margin-bottom: 10px;
}

#mainContent.ourFabrics div.swatchHolder img, #mainContent.ourFabrics div.lifestyleHolder img {
display: block;
}

/*	end Free Samples template specific	*/

/*	Buy Curtains / Buy Blinds Specific	*/

#mainContent.buy_curtains, #mainContent.buy_blinds {
width: 530px;
margin-bottom: 10px;
margin-right: 16px;
float: left;
}

#sideContent.config {
width: 282px;
height: auto;
position: relative;
top: 0;
left: 0px;
float: left;
}

.config #specialRequest {
text-align: right;
}

/*	Homepage Links / Our Fabrics Links	*/
#buyCurtainsLink, #buyBlindsLink {
width: 156px;
height:28px;
padding-right: 4px;
}

#buyCurtainsLink a, #buyBlindsLink a {
background: url(/images/redbox.jpg) top left no-repeat;
width: 156px;
height:28px;
text-decoration: none;
text-align: center;
padding-top: 5px;
padding-right: 4px;
}

#buyCurtainsLink a:hover, #buyBlindsLink a:hover {
text-decoration: underline;
}

#curtainStepControls, #blindsStepControls {
width: 530px;
height: 35px;
margin: 15px 0 15px 0;
padding-bottom: 12px;
}

#previousPageLink {
width: 80px;
height: 47px;
position: relative;
display: block;
background: url(/images/config_back.png) 0 0 no-repeat;
}

#previousPageLink.available {
background-position: -80px 0;
cursor: pointer;
}

#nextPageLink, #nextPageLinkSide, #nextPageLinkBottom {
margin:0px;
padding:0px;
border:0px;
width:78px;
height:47px;
background: url(/images/config_next.png) 0 0 no-repeat;
}

#nextPageLink.available, #nextPageLinkSide.available, #nextPageLinkBottom.available {
background-position: -78px 0;
cursor: pointer;
}

#previousPageLink, #nextPageLink, #nextPageLinkSide {
float: left;
margin-top: -4px;
}

#nextPageLinkBottom{
float: right;
}

#configSteps {
width: 359px;
height: 47px;
float: left;
margin-right: 4px;
margin-left: 3px;
}

/*	Styling specific to each step of the curtain and blind configurator pages	*/

/* curtains	*/
#curtainStepControls #configSteps {
background: url(/images/configurator_tabs_curtains.png) no-repeat;
}

/*Step 1 Configure Fabrics*/
#curtainStepControls.configStep1 #configSteps {
background-position:  0 0;
}

/*Step 2 Configure Headings*/
#curtainStepControls.configStep2 #configSteps {
background-position:  -359px 0;
}

/*Step 3 Configure Lining*/
#curtainStepControls.configStep3 #configSteps {
background-position:  -718px 0;
}

/*Step 4 Configure Measurements*/
#curtainStepControls.configStep4 #configSteps {
background-position:  -1077px 0;
}

/*Blinda*/
#blindsStepControls #configSteps {
background: url(/images/configurator_tabs_blinds.png) no-repeat;
}

/*Blinds Step 1 Configure Fabrics*/
#blindsStepControls.configStep2 #configSteps {
background-position:  0 0;
}

/*Blinds Step 2 Configure Lining*/
#blindsStepControls.configStep2 #configSteps {
background-position:  -359px 0;
}

/*Blinds Step 3 Configure Measurements*/
#blindsStepControls.configStep3 #configSteps {
background-position:  -718px 0;
}

/* END buyTabs styling*/

#curtainsBody {
margin-bottom:12px;
padding: 12px 0;
vertical-align:bottom;
border-top: 1px dashed #d4d3d3;
border-bottom: 1px dashed #d4d3d3;
}

#curtainsBody h2 {
width: 530px;
float: left;
}

#curtainsBody p {
clear: both;
}

#listings {
clear: both;
}

/*		Step 1 - Fabric		*/

.selected_swatch {
position:absolute;
top:-5px;
left:30px;
background: url(/images/selectedTick.gif) top left no-repeat;
width: 57px !important;
height: 39px !important;
z-index: 2000;
}

span.varPriceSelected, span.fabric_selected {
width: 33px;
background: #DB5435;
color: #fff;
}

/*		Step 2 - Headings	*/

#selectHeadingType {
margin-bottom: 30px;
}

#selectHeadingType input {
margin-right: 6px;
}

.headingSpacer {
margin-left: 209px;
}

.headingVariation {
width: 530px;
height: auto;
margin-bottom: 30px;
float: left;
}

.headingVariation img {
max-width: 274px;
margin-right: 20px;
background: #efefef;
float: left;
}

.headingVariation input {
margin-bottom: 6px;
margin-right: 6px;
float: left;
text-indent: 0;
vertical-align: middle;
line-height: 1.8em;
}

.headingVariation p {
margin-top: 6px;
display: block;
text-align: left;
}

.headingVariation p.subtotal {
margin-top: 16px;
}

/*		Step 3 - Lining			*/

.liningVariation {
height: auto;
margin-bottom: 30px;
float: left;
}

.liningVariation img {
max-width: 274px;
max-height: 106px;
margin-right: 20px;
background: #efefef;
float: left;
}

.liningVariation input {
margin-bottom: 6px;
margin-right: 6px;
float: left;
text-indent: 0;
}

.liningVariation p {
margin-top: 6px;
display: block;
}

.liningVariation p .subtotal {
margin-top: 12px;
}

/*Step 4 - Measurements (Curtains & Blinds)*/

#configMeasurementsForm {
width: 100%;
position: relative;
float: left;
}

#configMeasurementsForm p {
margin-bottom: 12px;
}

#configMeasurementsForm fieldset {
position: relative;
border-bottom: 1px dashed #dedede;
}

#enterCurtainMeasurements, #enterRoom, #enterFullness {
padding: 12px 0;
}

#configMeasurementsForm input {
width:40px;
}

#configMeasurementsForm select {
width:44px;
}

#measurements_width, #measurements_totalDrop {
margin-right: 6px;
}

#configMeasurementsForm #whichRoomLabel {
width:254px;
position:relative;
margin-right: 24px;
float: left;
}

#measurements_roomName {
width: 246px;
height: 42px;
position: relative;
float: left;
overflow: hidden;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#4e3c2e;
}

#enterFullness {
float: left;
}

#chooseFullnessLabel {
margin-right: 6px;
float: left;
}

#whichRoomLabel, #chooseFullnessLabel {
font-size: 1.2em;
}

#configMeasurementsForm #measurements_fullness {
width: 315px;
float: right;
margin-bottom: 24px;
}

#fullnessDetails {
width : 100%;
clear: both;
}

#fullnessIntro {
/*width: 254px;*/
margin-right: 18px;
float: left;
}

#fullnessImage {
width: 257px;
height: 137px;
float: left;
}

#fullnessDetail {
clear: both;
}

.buy_curtains div.htmEntryTwoCol div.htmInstructions {
width: 174px;
}

/* Blinds only */

#configMeasurementsForm #selectCordPos, #configMeasurementsForm #selectSidewinderPos {
float: left;
margin-bottom: 10px;
padding: 0;
border: none;
}

#configMeasurementsForm #selectCordPos {
width: 237px;
background: url(/images/cord_illustration.gif) 0 0 no-repeat;
padding-left: 28px;
}

#configMeasurementsForm #selectSidewinderPos {
width: 221px;
background: url(/images/sidewinder_illustration.gif) 0 0 no-repeat;
padding-left: 44px;
}

#selectCordPos p, #selectSidewinderPos p {
margin-bottom: 0;
}

#selectCordPos p.smallMed, #selectSidewinderPos p.smallMed {
margin-bottom: 12px;
}

#selectCordPos p input, #selectSidewinderPos p input {
margin-right: 6px;
padding-top: 0px;
line-height: 1.8em !important;
}

#configMeasurementsForm.blinds fieldset p, #configMeasurementsForm.blinds fieldset p input {
line-height: 18px;
vertical-align: middle;
}

#selectCordPos input, #selectCordPos span, #selectSidewinderPos input, #selectSidewinderPos span {
float: left;
line-height: 14px;
vertical-align: middle;
}

#enterBlindMeasurements {
padding: 12px 0 0;
}

#blindsNote {
background: url(/images/note_flag_red.gif) 0 12px no-repeat;
padding: 12px 0 12px 66px;
border-bottom: 1px dashed #dedede;
}

#configMeasurementsForm #blindsNote p {
margin-bottom: 3px;
}

#blindWidthField, #blindDropField {
width: 49px;
margin-right: 6px;
margin-bottom: 10px;
text-align: center;
}


#mainContent.buy_blinds div.htmEntryTwoCol div.htmInstructions {
width: 174px;
}

/*	END Blinds only	*/

#checkoutButton, #continueShopping {
border: none;
width: 145px;
height: 29px;
position: relative;
text-align: center;
padding-bottom: 6px;
padding-right: 4px;
margin-top: 10px;
margin-left: -4px;
background:transparent url(/images/redboxATB.jpg) no-repeat scroll 0 0;
}

#addToBasketLinkSide, #addToBasketLinkMain {
background: url(/images/add_to_backet_button.png) 0 0 no-repeat;
border: none;
width: 158px;
height: 45px;
position: relative;
text-align: center;
}

#addToBasketLinkSide.available, #addToBasketLinkMain.available {
background-position: -158px 0;
}

#addToBasketLinkMain {
float: right;
margin-top: 12px;
margin-right: -3px;
}

#addToBasketLinkSide {
float: right;
}

#confirmUpdatePriceLink {
background: url(/images/confirm_and_update_button.png) 0 0 no-repeat;
border: none;
width: 219px;
height: 45px;
position: relative;
float: right;
margin-top: 12px;
}

#confirmUpdatePriceLink.available {
background-position: -219px 0;
}

#addToBasketLinkSide.available:hover, #addToBasketLinkMain.available:hover, #confirmUpdatePriceLink.available:hover, #checkoutButton:hover, #continueShopping:hover {
cursor: pointer;
text-decoration: underline;
}

/*		Order Configurator 	*/

#orderConfig {
background: #fff url(/images/border_top.gif) top left no-repeat;
position: relative;
left: 0;
float: left;
padding: 14px 0 0 14px;
margin-bottom: 20px;
}

#orderConfig div.seperator {
width: 268px;
background: #fff url(/images/border_bottom.gif) bottom left no-repeat;
height: 12px;
position: relative;
left: -14px;
padding-left: 14px;
}

#orderConfig fieldset {
position: relative;
margin-bottom: 12px;
padding-bottom: 12px;
border: none;
border-bottom: 1px dashed #dedede;
}

#lifestylePreview {
width: 280px;
height: 280px;
position: relative;
margin-bottom: 12px;
}

#enlargeLink {
background: url(/images/enlarge_link_bg.gif) 0 0 no-repeat;
width: 48px;
height: 18px;
position: absolute;
bottom: 8px;
right: 8px;
}

#price {
margin-top: 12px;
}

#swatchPreview {
float: left;
}

a.small {
line-height: 14px;
}

#swatchTitle {
position: relative;
float: left;
display: inline;
top: 66px;
margin-left: 12px;
}

#changeFabricLink {
margin-left: 12px;
position: relative;
float: left;
display: inline;
top: 67px;
}

#dimensions p {
display: inline;
}

#widthField {
width: 55px;
float:left;
display: inline;
}

#dropField {
width: 55px;
float:left;
display: inline;
}

#dimensions table {
float: left;
}

#dimensions table input {
padding: 2px 0;
}

#updatePriceLink {
font-size:1.0em;
text-decoration:underline;
float: left;
background-color:transparent;
padding: 0;
border: 0;
position:relative;
top: 8px;
cursor:pointer;
color: #BA8B61;
}

#howToMeaureLink {
float: left;
clear: both;
width: 120px;
margin-top: 12px;
margin-top: 10px;
margin-bottom:10px;
}

#requiredDropdown {
width: 220px;
margin-bottom: 17px;
}

#config_requiredDropdown {
padding: 2px 0;
}

#totalPrice {
width: 100px;
border: 1px solid #fff;
}

#startAgainLink {
position: relative;
top: 25px;
margin-right: 6px;
float: right;
}

#totalPrice {
text-align: right;
}

#orderConfig #nextPageLink {
float: right;
}

/*		end order configurator 		*/

/*		Large Lytebox Image Page	*/

#lbDiv {
width: 502px;
height: 572px;
}

#lbImg {
width: 502px;
height: 502px;
margin: 0 auto;
}

#lbDiv div {
width: 502px;
height: 70px;
background: #fefefe;
}

#lbProductSummary {
width: 482px;
margin: 0px;
float: left;
}

#lbPrice {
width: 300px;
float: left;
}

/*	Buy Fabrics specific	*/

.buy_fabrics #sideContent {
top: 0;
}

.buy_fabrics div.fabric_variation, .buy_fabrics div.fabric_variation_right {
width: 94px;
height: 165px;
}

.buy_fabrics div.fabric_variation fieldset, .buy_fabrics div.fabric_variation_right fieldset {
position: relative;
}

.buy_fabrics span.fabric_family_price, .buy_fabrics span.fabric_family_width{
font-size: 1.8em;
}



.add_fabric {
width: 37px;
height: 26px;
background: url(/images/add_fabric_button.png) 0 0 no-repeat;
border: none;
position: absolute;
top: 40px;
right: 0;
}

.fabric_quantity_dropdown {
height: 21px;
margin-right: 0px;
position: absolute;
top: 40px;
right: 43px;
}

.add_fabric:hover {
cursor: pointer;
}

/*	FAQ's Specific	*/

#mainContent.faqs {
width: 570px;
margin-bottom: 10px;
margin-right: 30px;
float: left;
}

#faqsLinks {
width: 570px;
margin-top: 10px;
margin-bottom: 20px;
}

#faqsLinks li {
float: none;
margin-bottom: 3px;
}

#faqsLinks li a {
float: none;
margin-bottom: 3px;
font-size: 1.2em;
line-height: 1.6em;
}

.faqEntry {
margin-bottom: 20px;
}

.faqEntry h2 {
margin-bottom: 10px;
}

.faqEntry p {
margin-bottom: 10px;
}

/*	How To Measure Specific	*/

#mainContent.howToMeasure {
width: 570px;
margin-bottom: 10px;
margin-right: 30px;
float: left;
}

#htmlLinks {
width: 570px;
height: 12px;
display: block;
margin-bottom: 12px;
clear: both;
}

#htmlLinks ul {
width: 570px;
height: auto;
display: block;
clear: both;
}

#htmlLinks ul li {
display:inline;
float:left;
margin-right: 36px;
}

div.htmIntro {
padding: 16px 0;
margin-bottom: 24px;
border-top: 1px solid #BA8B61;
border-bottom: 1px solid #BA8B61;
}

div.htmEntryTwoCol, div.htmEntryOneCol {
width: 100%;
margin-bottom: 32px;
}

div.htmInstructions p, div.htmInstructions ul {
margin-bottom: 10px;
}

div.htmInstructions ul li {
display: block;
float: none;
margin-bottom: 3px;
}

div.htmInstructions h3 {
margin-bottom: 10px;
}

div.htmEntryTwoCol div.htmInstructions {
width: 214px;
float: right;
}

div.htmEntryTwoCol img {
width: 340px;
height: auto;
float: left;
display: block;
margin-right: 16px;
margin-bottom: 16px;
}

div.htmEntryOneCol div.htmInstructions {
width: 100%;
float: right;
}

#measurementsGridC, #measurementsGridB {
display: none;
}

div.measurementsTable {
display: inline;
page-break-before:always;
}

div.measurementsTable table {
width: 100%;
border: 1px solid #4D3B2A;
}

div.measurementsTable th {
border: 1px solid #4D3B2A;
background: #4D3B2A;
color: #fff;
font-weight: normal;
padding: 3px 0;
}

a.backoTop {
float: right;
margin-bottom: 24px;
}

th.colRoom {
width: 14%;
border-right: 1px solid #fff;
}

th.colDesc {
width: 30%;
border-right: 1px solid #fff;
}

th.colWidth {
width: 15%;
border-right: 1px solid #fff;
}

th.colDrop {
width: 15%;
border-right: 1px solid #fff;
}

th.colMechanism {
width: 15%;
border-right: 1px solid #fff;
}

th.colQty {
width: 15%;
}

div.measurementsTable td {
border: 1px solid #4D3B2A;
padding: 3px 0;
}

hr.pageBreak {
margin-bottom: 2px;
page-break-after: always;
border: 1px solid #fff;
}

/*		END How to Measure specific		*/

/*	Sidecontent		*/

#getSamples {
width: 240px;
height: auto;
position: relative;
top: 0;
right: 0;
float: left;
}

#getSamples img {
margin-bottom: 10px;
}

#getSamples #links {
width: 240px;
float: left;
margin-top: 10px;
}

#links li {
display: block;
float: none;
width: auto;
margin-bottom: 10px;
}

#getFreeSamplesText {
margin-top: 12px;
}

#getFreeSamplesText h2, #getFreeSamplesText p {
margin-bottom: 12px;
}

/*	popup template	*/
#contentWrapperPopup {
width: 600px;
position: relative;
margin: 24px;
float: left;
text-align: left;
}

#contentWrapperPopup #logo {
position: relative;
top: 0;
left:0;
margin-bottom: 24px;
clear: both;
}

#contentWrapperPopup h1 {
/*float: left;*/
clear: both;
margin-bottom: 12px;
}

#popupContent {
clear: both;
}

#popupContent p {
margin-bottom: 12px;
}

/*	contact us with google maps	*/

#mainContent.contact_us {
margin-bottom: 48px;
}

#map,#mapcontent {
width: 500px;
height: 400px;
}

#map {
float: left;
margin-right: 32px;
}

#mapcontent {
border: 1px solid #4C3D2C;
}

#mapfooter {
float:left;
width: 500px;
margin-top:32px;
}

#contactUsText {
width: 306px;
float: right;
}

/*	press listing / press item	*/

#mainContent.press_listing {
width: 292px;
margin-right: 24px;
float: left;
}

#mainContent.press_listing h1 {
margin-bottom: 24px;
}

#pressListing {
width: 500px;
float: left;
}

div.item, div.item_right {
width: 98px;
height: 132px;
float: left;
margin: 0 34px 44px 0;
}

div.item_right {
margin-right: 0;
}

div.item a, div.item_right a {
display: block;
}

/*hide header and footer elements for iFrame*/
body.press_item #mastHead, body.press_item #mainNav, body.press_item #bottomContent, body.press_item #imagePreview, body.press_item #footerPadding {
display: none;
}

body.press_item #contentWrapper {
width: auto;
position: absolute;
top: 0;
left: 0;
margin: 12px;
}

.press_item #bottomContentArea {
border: none;
}

#lbIframe {
border: none;
}

iframe #lbCaption {
display: none !important;
}

#mainContent.press_item {
width: 126px;
margin: 0 24px 0 0;
float: left;
}

#mainContent.press_item p.item_title {
margin-bottom: 3px;
}

#smallImage {
margin-bottom: 12px;
}

#mainImage {
width: 430px;
float: left;
text-align: center;
}

#mainImage img {
margin: 0 auto;
}

/*	***END page specific styling***	 */

/*	Checkout styling	*/

#checkout {
margin: 0 30px;
}

.standardContent1 #checkout {
margin-left: 0;
margin-right: 0;
}

/*		3.Navigation		*/
#basketLink {
background:url(/images/basketIcon.gif) 0 -1px no-repeat;
padding-left: 19px;
}

#topNav ul li a:link, #topNav ul li a:visited {
text-decoration: none;
}

a.active, a.active span {
color: #BA8B61 !important;
}

#topNav ul li a:hover {
text-decoration: underline;
}

#mainNav a {
font-size: 1.2em;
text-transform:capitalize;
}

#mainNav ul li span {
font-size: 1.2em;
}

#mainNav ul li span a:link, #mainNav ul li span a:visited {
font-size: 1.0em;
}

#mainNav ul li a:link, #mainNav ul li a:visited, #mainNav ul li span {
text-decoration: none;
color: #4e3c2e;
}

#mainNav ul li a:hover, #mainNav ul li span:hover/*, #mainNav li.hover span a, #mainNav li.hover_right span a*/ {
text-decoration: underline;
}

#buySwatchBookLink {
width: 151px;
height: 34px;
clear: both;
float: left;
position: relative;
background: url(/images/button_buy_swatchbook.png) 0 0 no-repeat;
}

#buySwatchBookLink:hover {
text-decoration: underline;
cursor: pointer;
}

#confirmSamplesLink:hover {
cursor: pointer;
text-decoration: underline;
}

.ewForm {
width: 100%;
margin-bottom: 32px;
}

.ewForm label {
width: 100px;
margin-bottom: 5px;
margin-right: 10px;
display: block;
}

.ewForm .contactYou {
width: 100%;
}

.ewForm input.textInput {
width: 250px;
height: 20px;
margin-bottom: 10px;
border: 1px solid #c9c5c1;
}

.ewForm input.button {
padding: 2px;
}

.ewForm input:focus, .ewForm textarea:focus {
border: 1px solid #ba8b61;
}

.ewForm textarea {
width: 250px;
height: 100px;
margin-bottom: 10px;
border: 1px solid #c9c5c1;
}

.ewForm submit {
width: 30px;
}

/*	Sitemap	*/

#sitemapListing {
width: auto;
}

#sitemapListing ul {
margin-bottom: 12px;
width: 175px;
}

#sitemapListing li {
float: none;
}

#sitemapListing ul ul {
margin-left: 24px;
}

#sitemapListing ul ul li {
}

table.userCreated {
width: auto;
border: 1px solid #4D3B2A;
border-collapse: collapse;
}

table.userCreated td {
width: auto;
}

/*		4.Typography (font-sizes, line heights, colors, text decorations...etc		*/

body {
color: #4e3c2e;
}

h1 {
font-size: 2.8em;
font-weight: normal;
line-height: 1.2em;
}

#homeBodyText h1 {
font-size: 2.8em;
font-weight: normal;
line-height: 1.2em;
}

h2 {
font-size: 2.8em;
line-height: 1.2em;
font-weight: normal;
}

h3 {
font-size: 1.8em;
font-weight: normal;
line-height: 1.2em;
}

p {
font-size: 1.2em;
line-height: 1.4em;
}

li a, a {
font-size: 1.0em;
}

#topNav ul li a {
font-size: 1.1em;
}

p#telephoneDetails {
font-size: 2.2em;
}

.highlight {
font-weight: bold;
color: #DB5435;
}

#imageTagline p {
color: #fff;
font-size: 2.0em;
line-height: 1.2em;
}

.large {
font-size: 2.8em;
line-height: 1.2em;
}

.medium {
font-size: 1.8em;
font-weight: normal;
line-height: 1.2em;
}

.h3Size {
font-size: 1.8em;
font-weight: normal;
line-height: 1.1em;
}

.medSmall {
font-size: 1.6em !important;
line-height: 1.2em;
}

.smallMed {
font-size: 1.4em !important;
line-height: 1.2em;
}

.small {
line-height: 1.0em;
}

.red {
color: #DB5435;
}

/*	homepage type	*/

#newFeature p {
font-size: 1.6em;
line-height: 1.2em;
color: #cc9966;
}

#freeSamplesIntro h2 {
font-size: 1.0em;
}

.free_samples_heading {
font-size: 2.6em;
color: #4c3d2c;
font-weight: normal;
line-height: 1em;
}

.free_samples_note {
font-size: 1.2em;
color: #4c3d2c;
font-weight: normal;
}

#freeSamplesIntro p {
font-size: 1.8em;
color: #4c3d2c;
font-weight: normal;
}

.fabric_family span.fabric_family_name, .fabric_family_varied span.fabric_family_name {
font-size: 1.8em;
color: #4c3d2c;
font-weight: normal;
}

span.fabric_family_price {
font-size: 1.2em;
line-height: 1.8em;
}

.homepage span.fabric_family_price {
font-size: 1.8em;
font-weight: bold;
}

span.calculated_price {
font-size: 1.2em;
font-weight: normal;
line-height: 1.8em;
}

span.calculated_price strong {
font-weight: normal;
}

span.calculated_price_selected {
font-size: 1.8em;
}

a.closed .fabric_family_name, a.closed .fabric_family_price, a.closed .calculated_price {
color: #948b80 !important;
}

a.toggle span.calculated_price_selected {
font-weight:bold;
color:#CC3333 !important;
}

/*	Buy Curtains / Buy Blinds type	*/

#curtainsBody h2 {
font-size: 1.0em;
}

#curtainsBody h2 span.step {
font-size: 1.8em;
}

#curtainsBody h2 span.large {
font-size: 2.8em;
}

#curtainsBody h2 span.note {
font-size: 1.3em;
}

#stepCountdown {
font-size: 1.1em;
}

div.fabricFamily h2, div.fabric_family h2 {
font-size: 1.8em;
}

div.fabricFamily p, div.fabric_family p, div.fabric_family_varied p {
font-size: 1.2em;
line-height: 1.2em;
}

#selectHeadingType p, #headingVariations p {
font-size: 1.8em;
}

#headingOptionsFieldset p, #both p {
font-size: 1.2em;
}

.inactive {
color: #ccc;
}

#samplesPalette h3 {
font-size: 1.4em;
}

#orderSwatchText p {
font-size: 1.2em;
color: #4c3d2c;
}

#samplesPalette p {
font-size: 1.2em;
color: #cc9966;
}

#configMeasurementsForm p {
font-size: 1.2em;
}

#configMeasurementsForm p.smallMed {
font-size: 1.4em;
}

#configMeasurementsForm p.medium {
font-size: 1.8em;
}

#buyCurtainsLink a, #buyBlindsLink a {
color: #fff;
font-size: 1.2em;
}

#confirmUpdatePriceLink, #checkoutButton, #continueShopping {
color: #fff;
}

/*		Order Configurator Form Type		*/

form p {
font-size: 1.0em;
}

#orderConfig a, #orderConfig button {
text-decoration: underline;
}

#productSummary {
font-size: 1.4em;
font-weight: bold;
}

#orderConfig a:hover, #orderConfig button:hover {
text-decoration: none;
}

#swatchTitle {
font-size: 1.2em;
}

#changeFabricLink {
font-size: 1.1em;
}

#dimensions p, #dimensions label {
font-size: 1.1em;
}

#curtainQuantitySelect label {
font-size: 1.1em;
}

#updatePriceLink {
font-size: 1.1em;
}

#totalPrice {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.8em;
font-weight: bolder;
}

#totalPriceLabel {
font-size: 1.8em;
line-height: 1.8em;
font-weight: normal;
}

#price {
color: #DB5435;
}

#startAgainLink {
font-size: 1.1em;
}

#measurements_roomName {
font-size: 1.2em;
}

#fullnessDetails a {
font-size: 1.2em;
color: #cc9966;
text-decoration:underline;
}

#fullnessDetails a:hover {
text-decoration:none;
cursor: pointer;
}

#configMeasurementsForm #blindsNote p {
font-size: 1.4em;
}

/*	END Order Configurator Form Type */


/*	Free Samples Type*/

button.sendMySamplesLink {
float: right;
color: #679C36;
font-size: 1.8em;
text-decoration: underline;
margin-bottom: 10px;
cursor:pointer;
width:auto;
background-color:transparent;
border:0px;
text-align:right;
}

button.sendMySamplesLink:hover {
text-decoration: none;
}

/*	END Free Samples Type*/

#orderSwatchBook div h3 {
font-size: 1.4em;
}

#specialRequest h3 {
color: #cc9966;
font-size: 1.2em;
}

#specialRequest p {
color: #cc9966;
}

#specialRequest a {
font-size: 1.2em !important;
color: #cc9966;
text-decoration:none;
}

#specialRequest a:hover {
text-decoration:underline;
}

#getFreeSamplesText {
line-height: 1.6em;
font-size: 1.0em !important;
}

#getSamplesP {
color: #ba8b61;
margin-bottom: 20px;
}

#getSamplesP span {
margin-left: 24px;
}

#footer ul li {
font-size: 1.0em;
color: #c9c4bf;
}

#footer ul li a {
font-size: 1.0em;
color: #c9c4bf;
text-decoration: none;
}

#footer ul li a:hover {
text-decoration: underline;
}

.howToMeasure h2 {
font-size: 1.8em;
font-weight: normal;
}

div.htmInstructions ul li {
font-size: 1.2em;
line-height: 1.4em;
}

div.htmInstructions p, div.htmInstructions li {
font-size: 1.2em;
line-height: 1.4em;
}

div.swatchHolder img {
float:left;
vertical-align:middle;
}

#imagePreview {
position:absolute;
left:-1000px;
top:-1000px;
padding: 12px 12px 74px 12px;
background: #fff;
border:1px solid #4e3c2e;
}

#preview p {
font-size: 1.2em;
}

#imagePreview #imagePreviewInfo {
width:250px;
}

.ewForm label, .ewForm input {
font-size: 1.2em;
color: #4e3c2e;
}

.ewForm label span.requiredField, .ewForm td span.requiredField {
color: #ba8b61 !important;
}

.faqEntry h2 {
font-size: 1.8em;
}

strong {
font-weight: bold;
}

/*Styles Available To User within CMS*/

.fs28pxmb12px {
font-size: 28px !important;
line-height: 34px !important;
margin-bottom: 12px !important;
}

.fs18pxmb12px {
font-size: 18px !important;
line-height: 22px !important;
margin-bottom: 12px !important;
}

.fs18pxmb0px {
font-size: 18px !important;
line-height: 22px !important;
margin-bottom: 0px !important;
}

#sitemapListing ul li {
font-size: 12px;
line-height: 1.6em;
}

.hideItem {
display:none;
}

#trailimageid {
font-size: 12px;
position: absolute;
visibility: hidden;
left: 0px;
top: 0px;
height: 0px;
z-index: 200;
text-align:left;
}

#footerPadding {
height:100px;
}

input, select {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#4e3c2e;
}

#sofa {
float:right;
}

#sofa p {
font-size:1.5em;
}

#visamastercard {
text-align:left;
display:none;
}

#visamastercard img {
float:left;
padding:30px 20px 30px 0px;
}

#visamastercard p {
font-size:1em !important;
margin-bottom:7px;
}

/*	popup type	*/

#mainContent ul, #mainContent li{
	list-style:disc;
	display:block;
	float:none;
	font-size:1.1em;
	margin-left:10px;
}

/* how to measure */
.howToMeasure#mainContent {
	width:840px;
}	

.howToMeasure#mainContent .left {
	float:left;
	display:inline;
	clear:none;
	width: 570px;
	margin-right:34px;
}	
.howToMeasure .youtube, .howToMeasure .youtubeEnd {
	width:230px;
	display:inline;
}
.howToMeasure .youtube {
	width:230px;
	display:block;
	margin-bottom:8px;
}
.howToMeasure .youtubeContainer {
	float:left;
	width:230px;
	display:inline;
	clear:none;
	margin-top:84px;
}


#videoHeading {
	width:390px;
	float:left;
	margin-top:33px;
}
#videoHeading p {
	font-size:1.8em;
}

#homeTopContent h1 img {
	margin-right:10px;
}