/* ------------------------------------------------------------------- */
/* --  CSS Layout for the Natural Rug Store                         -- */
/* --                                                               -- */
/* --  Murray Longworth www.annatto_design.com                      -- */
/* --                                                               -- */
/* ------------------------------------------------------------------- */


/* --- GENERAL TYPOGRAPHY -------------------------------------------- */

h1,h2,h3,h4 { color: #000; }
h3 { font-size:1.3em; font-weight: normal; }


p {  color: #333; }
.black { color:#000 }
a.black:hover{ color:#bb2a89 }

/* --- LAYOUT -------------------------------------------------------- */
body {
	margin: 0; padding: 0;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: center; 
}


.createandbuylink {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
	margin-bottom:26px;
}
.comms {
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:26px;
}

.comms2 {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height:22px;
}
.comms3 {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height:26px;
}


.wishy {
	font: 15px Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
	margin-bottom:26px;
}

.rugspecs {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	line-height:20px;
	margin-top:4px;
}

.tip {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	line-height:25px;
	color: #999999;
	
	
}

.rugspecstoppoint {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin-top:4px;
		line-height:17px;
}


.createandbuylink2 {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
		line-height:18px;
	margin-bottom:26px;
}

.popuptext {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
		line-height:18px;
	margin-bottom:26px;
}


.specialorder {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
	
}


.bespoke {
	font: 14px Verdana, Arial, Helvetica, sans-serif;

}


.cusomthead {
	font: 15px Verdana, Arial, Helvetica, sans-serif;
	line-height:20px;
	color: #c90081;


}

#existmembers {
	font-size: 9px;
	color:	#999999;
	line-height:12px;	
}



#container {
    margin:0px auto;
	padding: 0;
	text-align:left;
	width: 760px;
	background: #fff url(/images/picture-rug-rolls.jpg) top right no-repeat;
}
	
#header {
	position:relative;
	margin: 0; padding: 0;
	height: 99px;
	width: 595px;
}


#header-link {
	display: block;
	width: 360px;
	height: 70px;
}

#order-number {
	margin: 0; padding: 0;
	position: absolute;
	left: 362px;
	top: 48px;
}

#dat1 {
	margin: 0; padding: 0;
	position: absolute;
	left: 510px;
	top: 0px;
	font-size:10px;
}
	
#bread-crumbs {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 80px;
	color: #999999;
	left: 229px;
	width: 306px;
}
#reset-button {
	margin: 0; padding: 0;
	position: absolute;
	left: 265px;
	top: 170px;
	width: 70px;
	text-align:right;
}
#rug-cart-icons {
	margin: 0; padding: 0;
	position: absolute;
	left: 451px;
	top: 77px;
	width: 301px;
	text-align:right;
}

#rug-cart-icons a { color: #FFF }


/* --- LEFT COLUMN --------------------------------------------------- */

#left-column {
	margin: 0; padding: 0;
	float: left;
	width: 170px;
}

#left-column2 {
	margin: 0; padding: 0;
	float: left;
	width: 170px;
}

#help-column {
	margin: 0;
	padding: 0 0 0 7px;
	float: left;
	width: 752px;
}

#left-col-nav {
	margin: 0; padding: 0;
	width: 100%; height: 71px;
	background: url(/images/pattern-brown.gif) repeat-y;
	overflow: hidden;
}

#left-col-nav-whitetextheader {
	margin: 0; padding: 0;
	width: 100%; height: 71px;
	background: url(/images/pattern-brown.gif) repeat-y;
	overflow: hidden;
	color: #FFFFFF;
}



div.left-col-menu {
	margin: 0; padding: 0;
	width: 100%;
	background: url(/images/pattern-light.gif) repeat-y;
}

div.left-col-menu ul {
	margin: 0;
	padding: 10px 0 0 15px;
}

div.left-col-menu ul li {
	list-style:none;
	background: url(/images/bullet-regular.gif) left center no-repeat;
	padding:3px 0 4px 15px;
	line-height: 1em;
}
div.left-col-menu ul li.sub-item {
	background: url(/images/bullet-sub-item.gif) left center no-repeat;
	margin-left:16px;
	padding-left: 12px;
}

div.left-col-menu ul li.new { list-style:none; background-image:none; margin-left:-24px; color:#bb2a89 }

body.fan #fan-image { background:url(/images/fan.jpg) left bottom no-repeat; width:163px; height:442px }

body.bambus div.left-col-menu ul li.bambus,
body.kokosfaser div.left-col-menu ul li.kokosfaser,
body.fan div.left-col-menu ul li.homepage,
body.jute div.left-col-menu ul li.jute,
body.papier div.left-col-menu ul li.papier,
body.seegras div.left-col-menu ul li.seegras,
body.sisal div.left-col-menu ul li.sisal,
body.sisool div.left-col-menu ul li.sisool,
body.wolle div.left-col-menu ul li.wolle,
body.roomsets div.left-col-menu ul li.roomsets,
body.classic div.left-col-menu ul li.classic,
body.trend div.left-col-menu ul li.trend,
body.colors div.left-col-menu ul li.colors
{
	background-image: url(/images/bullet-active.gif);
}

div.left-col-menu ul li a { text-decoration:none;	color:#000; }
div.left-col-menu ul li a:hover { color:#bb2a89 }

body.bambus div.left-col-menu ul li.bambus a,
body.kokosfaser div.left-col-menu ul li.kokosfaser a,
body.fan div.left-col-menu ul li.homepage a,
body.jute div.left-col-menu ul li.jute a,
body.papier div.left-col-menu ul li.papier a,
body.seegras div.left-col-menu ul li.seegras a,
body.sisal div.left-col-menu ul li.sisal a,
body.sisool div.left-col-menu ul li.sisool a,
body.wolle div.left-col-menu ul li.wolle a,
body.roomsets div.left-col-menu ul li.roomsets a,
body.classic div.left-col-menu ul li.classic a,
body.trend div.left-col-menu ul li.trend a,
body.colors div.left-col-menu ul li.colors a
{ font-weight:bold }
body.bambus div.left-col-menu ul li.bambus a:hover,
body.kokosfaser div.left-col-menu ul li.kokosfaser a:hover,
body.fan div.left-col-menu ul li.homepage a:hover,
body.jute div.left-col-menu ul li.jute a:hover,
body.papier div.left-col-menu ul li.papier a:hover,
body.seegras div.left-col-menu ul li.seegras a:hover,
body.sisal div.left-col-menu ul li.sisal a:hover,
body.sisool div.left-col-menu ul li.sisool a:hover,
body.wolle div.left-col-menu ul li.wolle a:hover,
body.roomsets div.left-col-menu ul li.roomsets a:hover,
body.classic div.left-col-menu ul li.classic a:hover,
body.trend div.left-col-menu ul li.trend a:hover,
body.colors div.left-col-menu ul li.colors a:hover{ color:#000 }

/* --- RIGHT COLUMN -------------------------------------------------- */

#right-column {
	float: right;
	width: 165px;
	margin: 0; padding: 0;
}

#right-col-nav {
	position: relative;
	margin: 0; padding: 0;
	height: 71px;
	background-color: #bbb4a1;
	text-align: right;
	overflow: hidden;
}

#basket-contains {
	color: #FF0033;
}

#right-col-nav p.view-basket {
	margin: 0; padding: 23px 0 0 20px;
}

#right-col-nav img { float: right; padding: 24px 32px 0 0}

#dynamic-basket {
	margin: 0;
	padding:0;
	height: 129px;
	overflow: hidden;
}

#padded-div { padding: 5px 10px 0 14px; }

#dynamic-basket p { color: #655240; margin: 0; padding: 0 0 6px 0; }

#static-basket {
	margin: 0; padding: 0 22px 0 14px;
	height: 46px;

}

#static-basket p { color: #655240; margin:0 0 6px 0; padding:2px 0 2px 0 }
#static-basket a { color: #000 }


#account-header	{
	margin: 0; padding: 0;
	height: 33px;
	background: url(../images/pattern-pink.png) no-repeat;
}

#account-header h3 { margin: 0; color: #FFF; padding: 15px 0 0 13px; font-weight: normal; font-size: 1em }

#account { margin: 0; padding: 0 0 0 15px; background-color: #E3E2D5; height: 67px }
#account p { clear:left; margin:0; padding:8px 0 0 0 }
#account form { margin:0; padding:0 }
#account p label { float:left; width:70px; color:#655240; padding-top:3px }
#account input.txt { margin-top: 0; border: 1px inset #999999; width: 70px; color:#333 }

#view-basket {
	margin: 0; padding: 0;
	position: absolute;
	top: 262px;
	left: 640px;
}

#view-basket-img {
	margin: 0; padding: 0;
	position: absolute;
	top: 260px;
	left: 614px;
}

#checkout {
	margin: 0; padding: 0;
	position: absolute;
	top: 288px;
	left: 640px;
}

#checkout-img {
	margin: 0; padding: 0;
	position: absolute;
	top: 287px;
	left: 618px;
}

#shipping {
	background: url(../images/pattern-light.gif) repeat-y;
	height: 169px;
	margin: 0; 
	padding:0;
	color: #663333;
	overflow:hidden
}
#shipping-pad { padding: 12px 20px 9px 12px }
#shipping p { color: #605040 }
#shipping a { color: #663333 }
#shipping a:hover { color: #000 }
#shipping img { float: left; padding: 0 8px 10px 0 }
#skyscrapper { float: right; margin-top: 12px; }


/* --- CENTER COLUMN -TOP SECTION ------------------------------------ */

div.center-column {
	margin: 0 165px 0 170px;
}

div.center-left-column {
	margin: 0 165px 0 20px;
	clear:left;
}
div.center-left-column p { padding-right: 1em; }
body#home #main-column p { letter-spacing:0.01em; line-height:1.4em }

#main-column h4, #top-column h4 { font-size: 1em; font-weight: normal; text-decoration:underline }

#center-col-image-space {
	margin: 0; padding: 0;
	height: 246px;
}


#center-left-nav {
	float: left;
	margin-left: 15px; padding: 0;
	width: 170px; height: 71px;
	overflow: hidden;
}
	
#center-right-nav {
	float: left;
	margin: 0; padding: 0;
	width: 170px; height: 71px;
	overflow: hidden;
}
#testamonials {
	margin: 0; padding: 0;
	width: 340px; height: 67px;
}

#testamonials p { margin: 0; padding: 11px 20px 0px 17px; color: #fff; 	line-height: 1.3em; text-indent:-8px }

#testamonials ul li a { text-decoration:none; color:#FFFFFF; }
#testamonials ul li a:hover { color:#FFFFFF; }
#testamonials ul li a { text-decoration:none; color:#FFFFFF; }
#testamonials a { color:#FFFFFF; }
#testamonials a:hover { color:#bb2a89; }
#testamonials a:active { color:#bb2a89; }
#testamonials a:visited { color:#FFFFFF; }


#popup {
	margin: 0; padding: 0;
	width: 340px; height: 67px;

}

#popup p { margin: 0; padding: 9px 20px 0px 17px; color: #fff; 	line-height: 1.3em;  }

#popup a { text-decoration:underline; color:#FFFFFF; }
#popup a:hover { color:#FAE6AB; }

/* --- NAVIGATION BOX LINK BEHAVIOURS -------------------------------- */

#left-col-nav     a,
#center-left-nav  a,
#center-right-nav a,
#right-col-nav    a { margin: 3px; padding: 0 }

#left-col-nav     a:hover { color:#FAE6AB }
#center-left-nav  a:hover{ color:#FAE6AB }
#center-right-nav a:hover{ color:#4A3A2A }
#right-col-nav    a:hover { color:#4A3A2A }

#left-col-nav     p, 
#center-left-nav  p,
#center-right-nav p,
#right-col-nav    p { margin: 0; color: #FFF; text-align: left; padding:0 }
#right-col-nav    p.your-basket { margin: 0; padding: 30px 11px 0 0; color: #FFF; text-align: right; }

#left-col-nav     p { padding: 35px 0 0 17px }
#center-left-nav  p { padding: 35px 0 0 0px }
#center-right-nav p { padding: 6px 0 0 17px }
#right-col-nav    p { padding: 6px 0 0 14px }

/* --- CONTENT ------------------------------------------------------- */

#main-column p { padding-right: 1em; }
#main-column h2 { margin: 2em 2px 0 0; padding: 0; line-height: 1em; font-weight: normal }
body#home #main-column p.leader,  body#collection #main-column p.leader { line-height: 1.8em }
body#collection #main-column p.leader{ letter-spacing:0.024em; margin-top:0; padding-top:0 }
/* --- ALTERNATIVE COLUMNS ------------------------------------------- */

#left-col-two {
	clear: left;
	float: left;
	width: 220px;
	margin: 0; padding: 0;
}
#left-col-two img {	 margin: 16px 0 0px 40px; }

#center-col-two { margin: 0 165px 0 240px; }
#center-col-two p { padding: 0 8px 0 0; }
#center-col-two p.leader { padding-top: 0; margin-top: 14px }

#left-col-three {
	float:left;
	width: 168px;
	margin-top:0px;

}

#pic-col-material
 {
	float:left;

	padding-right:5px;

}



#left-col-three2 {
	float:left;
	width: 236px;
	margin-top:0px;
}

#left-col-three img { margin-bottom: 16px; }

#col-closeup {
	float:left;
	width: 203px;
	height: 133px;
	margin-top:4px;
}
#col-closeup img { margin-bottom: -34px;

}
#center-col-three{	margin-left: 178px; }

#center-col-four {
	margin: 30px 165px 20px 0;
	text-align:right;
}

/* --- LEAF QUOTE ---------------------------------------------------- */

#leaf-quote-image {
	clear: left;
	float: left;
	width: 240px;
	margin: 0; padding: 0;
	text-align: right;
}

#leaf-quote-text {
	margin: 0 165px 0 0;
}


/* --- RUB BUILDER --------------------------------------------------- */


body#builderman #header { background: url(/images/logo-pink.gif) top left no-repeat; background-color:#c90081; width: 100% }
body#builderman #bread-crumbs a, body#builder #bread-crumbs, body#builderman #order-number { color: #fbafe0 }
body#builderman #bread-crumbs a:hover, body#builderman #bread-crumbs #current, body#builderman #tel-num { color: #fff }
body#builderman #top-column { display:none }
body#builderman #center-col-image-space { height: 71px }

body#builderman hr { margin: 10px 0 10px 0}

body#builderman #left-column
{
	margin: 0;
	padding: 0;
	float:left;
	width: 290px;
	width/**/:/**/278px;
	padding: 5px 0px 12px 12px!important;
	padding: 68px 0px 12px 12px;

}
body#builderman #left-column2
{
	margin: 0;
	padding: 0;
	float:left;
	width: 290px;
	width/**/:/**/278px;
	padding: 0px 0px 12px 12px!important;
	padding: 45px 0px 12px 12px;
	background: #FFF url(/images/text-heading-teppichbauer.png) top left no-repeat
}

body#builderman #left-column div.pad { margin: 68px 0px 12px 12px }
body#builderman #left-column p.leader { color: #514132; text-indent: 80px } 
body#builderman #left-column h3 { color:#b8006E; font-size: 1.4em; padding: 2px 0 0 0; margin: 0 }

body#builderman #left-column2 div.pad { margin: 68px 0px 12px 12px }
body#builderman #left-column2 p.leader { color: #514132; text-indent: 80px } 
body#builderman #left-column2 h3 { color:#b8006E; font-size: 1.4em; padding: 2px 0 0 0; margin: 0 }




body#builder #header { background: url(/images/logo-pink.gif) top left no-repeat; background-color:#c90081; width: 100% }
body#builder #bread-crumbs a, body#builder #bread-crumbs, body#builder #order-number { color: #fbafe0 }
body#builder #bread-crumbs a:hover, body#builder #bread-crumbs #current, body#builder #tel-num { color: #fff }
body#builder #top-column { display:none }
body#builder #center-col-image-space { height: 71px }

body#builder hr { margin: 10px 0 10px 0}
body#builder #left-column
{
	margin: 0;
	padding: 0;
	float:left;
	width: 290px;
	width/**/:/**/278px;
	padding: 88px 0px 12px 12px;
	background:url(/images/text-heading-teppichbauer.png) top left no-repeat
}
body#builder #left-column2
{
	margin: 0;
	padding: 0;
	float:left;
	width: 290px;
	width/**/:/**/278px;
	padding: 0px 0px 12px 12px!important;
	padding: 45px 0px 12px 12px;
	background: #FFF url(/images/text-heading-teppichbauer.png) top left no-repeat
}

body#builder #left-column div.pad { margin: 68px 0px 12px 12px }
body#builder #left-column p { color: #514132 } 
body#builder #left-column h3 { color:#b8006E; font-size: 1.4em; padding: 2px 0 0 0; margin: 0 }

body#builder #left-column2 div.pad { margin: 68px 0px 12px 12px }
body#builder #left-column2 p.leader { color: #514132; text-indent: 80px } 
body#builder #left-column2 h3 { color:#b8006E; font-size: 1.4em; padding: 2px 0 0 0; margin: 0 }


div.spacer { height:20px }

/* Container for radio button material swatches */
div.swatch { width:90px; float:left; font-size: 0.9em; overflow:hidden; margin:0; padding:0 }
div.swatch img { margin: 4px 0 2px 20px; float:left }
div.swatch input { margin:0; padding:0;	display:block; float:left; clear: left }
div.swatch p {
	margin: 0px 6px 8px 20px!important;
	margin: 0 6px 0 20px;
	line-height:1.2em;
	padding:0;
}
.end-of-swatch-row { display: block; clear:left; margin:0!important; margin: -10px 0 0 0; padding:0; }

/* Container for radio button material swatches */
div.swatch2 { width:90px; float:left; font-size: 0.9em; overflow:hidden; margin:0; padding:0 }
div.swatch2 img { margin: 4px 0 2px 20px; float:left }
div.swatch2 input { margin:0; padding:0;	display:block; float:left; clear: left }
div.swatch2 p {
	margin: 0px 6px 8px 20px!important;
	margin: 0px 6px 0 20px;
	line-height:1.2em;
	padding:0;
}
.end-of-swatch2-row { display: block; clear:left; margin:0!important; margin: +32px 0 0 0; padding:0; }


body#builder #right-column { margin: 20px 0 0 0; width: 450px; padding: 0 }
body#builder #right-column h3 { color:#b8006E; font-size: 1.4em; padding: 2px 0 12px 0; margin: 0 }

#rug-display { position:relative; }

#surface-changer {
	background: #f0f0f0;
	position:absolute;
	top:0;
	right:0;
	padding:0 1em 0 1em; margin:0; line-height:2em
}

div.grey-border-box2 { border: 2px solid #f0f0f0; margin:0 320px 10px 0; padding:0 0 0px 0px }
div.grey-border-box2 h4 { margin:0; padding:0 4px 0 4px; font-size: 1em; line-height:1.8em; font-weight:bold; color:#333; background:#f0f0f0 }
div.grey-border-box2 p.menu { text-align: right; padding:0 4px 0 0; margin:0 0 6px 0; background:#f0f0f0; line-height:1.8em }

div.grey-border-box2 p.size { float:left; width: 250px; background-color:#f0f0f0; padding:0 4px 0 4px; margin: 0; line-height:1.8em }
div.grey-border-box2 p.price { text-align:right; background-color:#f0f0f0; padding:0 4px 0 4px; margin: 0; line-height:1.8em }

#edit-rug-link {
	margin: 0;  padding: 0;
	position: absolute;
	left: 160px;
	top: 88px;
	text-align:right;
}


div.grey-border-box { border: 2px solid #eae9e0; margin:0 0 20px 0; padding:0 0 0px 0; color:#655240 }
div.grey-border-box h4 { margin:0; padding:0 4px 0 4px; font-size: 1em; line-height:1.8em; font-weight:bold; color:#655240; background:#eae9e0 }
div.grey-border-box p.menu { text-align: right; padding:0 4px 0 0; margin:0 0 6px 0; background:#eae9e0; line-height:1.8em }

div.grey-border-box p.size { float:left; width: 270px; background-color:#eae9e0; padding:0 4px 0 4px; margin: 0; line-height:1.8em }
div.grey-border-box p.price { text-align:right; background-color:#eae9e0; padding:0 4px 0 4px; margin: 0; line-height:1.8em }

div.grey-box { background-color:#f0f0f0; margin:0 0 20px 0; padding:0 0 0px 0 }
div.grey-box h4 { margin:0; padding:0 4px 0 4px; font-size: 1em; line-height:1.8em; font-weight:bold; color:#333; background:#f0f0f0; float:left; width: 7em }
div.grey-box p.spec { padding:0 4px 0 4px; margin: 0 0 0 7.4em; line-height:1.8em; background-color:#f0f0f0 }
div.grey-box img.suitability { margin:0 0 -4px 0; padding:0 }

div.saved-rug img { float:left; margin: 0 4px 6px 4px; padding:0 }
div.saved-rug p.details { font-size:95%; float:left; width:89px; margin: 0 0 6px 0; padding:0 }

/* --- BUILDER INTRO ------------------------------------------------- */

body#builder.intro #leading-column { float:left; width: 521px; margin:5px 0 0 0; padding:0 }
body#builder.intro #leading-column div.pad { padding: 13px 10px 0px 22px }
body#builder.intro #leading-column h3 { font-size:14px; font-weight:normal; color:#333; margin:0 0 21px 0 }
body#builder.intro #leading-column p { color:#333; line-height: 22px; margin:4px 0 14px 0 }
body#builder.intro #leading-column ul { margin:0; padding:0; list-style:none }
body#builder.intro #leading-column li { display:block; float:right; width:73px; margin:0; padding:0; line-height:1.3em }
body#builder.intro #rug-builder-box { float: right; width: 237px; padding: 0; border:1px dotted #c90081; margin: 5px 0 0 0; background:url(/images/text-heading-teppichbauer.png) top left no-repeat }
body#builder.intro #rug-builder-box div.pad1{ padding:0px 6px 0px 6px }
body#builder.intro #rug-builder-box div.pad2{ padding:6px 6px 12px 6px }
body#builder.intro #rug-builder-box div.pad2 p{ margin-bottom:0px }
body#builder.intro #rug-builder-box p { line-height:1.4em; margin:4px 0 14px 0 }
body#builder.intro #rug-builder-box p.leader { font-size:16px; color:#c90081; margin-top: 14px }
body#builder.intro #rug-builder-box p.highlight { background-color:#f1f0ec; padding-left:20px; line-height:2em; margin:0 0 4px 0 }

body#builder.intro #second-column { clear:both }
body#builder.intro #second-column p { line-height:1.4em; margin-top:0 }
body#builder.intro #second-column img.right { float:right; margin-top:7px }
body#builder.intro #second-column div.pad { padding: 0 180px 0 170px }

body#builder.intro #third-column2 p { line-height:1.4em; margin:4px 0 14px 0  }
body#builder.intro #third-column2 img.left { float:left }
body#builder.intro #third-column2 div.pad { padding: 0 180px 0 170px }

/* --- BUILDER MINI -------------------------------------------------- */

body#builder.mini .left-column{ float:left; width:397px; margin: 22px 0 0 0 }
body#builder.mini .left-column .pad{ margin-left:13px }
body#builder.mini .left-column p{ margin:0; padding:0; letter-spacing:0.01em }
body#builder.mini .brown-header{ color:#655240; font-size:14px; margin-bottom:9px; letter-spacing:0.02em }
body#builder.mini img.suit{ float:left; margin-bottom:12px }
body#builder.mini img.margin{ margin-right:18px }

body#builder.mini .right-column{ float:right; width:340px; margin:22px 0 0 0 }
body#builder.mini h2.main{ font-size:14px; color:#000; margin:0 0 6px 0; padding:0; line-height:14px }
body#builder.mini .right-column p.leader { color:#000; margin:2px 0 0 0; letter-spacing:0.02em }
body#builder.mini .right-column form { margin:14px 0 0 0; padding:0 }
fieldset.brown{ border:none; background-color:#eae9e0; padding:12px 10px 10px 15px }
fieldset.brown h3{ font-size:14px; color:#655240; margin:0; padding:0; line-height:14px; letter-spacing:0.02em; font-weight:bold }
fieldset.brown p { color:#655240; margin:2px 0 0 0; padding:0; letter-spacing:0.02em }
fieldset.brown p.right{ margin:6px 0 0 0; float:right; width:105px; text-align:right }
fieldset.brown p.left{margin:6px 0 0 0; float:left; width:150px }
fieldset.patterned { border:none; background:url(/images/pattern-light.gif); padding:10px 14px 10px 4px }
body#builder.mini p.delivery{ background:url(/images/icon-truck2.gif) no-repeat; padding-left:28px; margin:0; letter-spacing:0.02em }
body#builder.mini h3.pink{
	font-size:14px;
	color:#c90081;
	font-weight:bold;
	letter-spacing:0.02em;
	margin-top: 18px;
	margin-right: 0;
	margin-bottom: 8px;
	margin-left: 0;
}
body#builder.mini h3.pink1{ font-size:14px; color:#c90081; font-weight:bold; margin:0px 0 8px 0; letter-spacing:0.02em }
body#builder.mini h3.pink2{ font-size:14px; color:#c90081; font-weight:bold; margin:20px 0 8px 0; letter-spacing:0.02em }

body#builder.mini h2.brown{ font-size:14px; color:#655240; font-weight:bold; margin:14px 0 8px 0; letter-spacing:0.02em }
.brown2{ font-size:16px; color:#655240; font-weight:bold; line-height:26px; letter-spacing:0.02em }

body#builder.mini ul.features { padding:0; margin:0; list-style:none }
body#builder.mini ul.features li { background:url(/images/bullet-builder.gif) left center no-repeat; padding-left:24px; margin-bottom:7px; letter-spacing:0.02em }
body#builder.mini div.patterned { background-image:url(/images/pattern-light.gif); padding:4px 14px 30px 0px; letter-spacing:0.02em }
body#builder.mini div.patterned p { margin:0 0 8px 0 }

/* --- CUSTOMER SERVICES --------------------------------------------- */
body#service div#main-column ul {
	margin: 15px 0 25px 0;
	padding:0;
	list-style:none
}
body#service div#main-column li { margin: 0 0 0.8em 0 }
body#service div#main-column li a {}
body#service div#main-column h3 { margin-top: 2em }

/* --- FOOTER -------------------------------------------------------- */
#footer { margin:0; padding:0 }
#footer div.grey_box { float:left; height:97px; background:url(/images/footer_bg.gif) repeat-x }
#footer div.grey_box p { margin: 8px 4px 4px 14px }
#footer div.grey_box a { color:#666 }
#footer div.grey_box a#verisign{ color:#333 }
#footer div.grey_box a:hover{ color:#c90081 }
#footer div.grey_box a#verisign:hover{ color:#c90081 }

#footer_menu  { clear:both; background-color:#c90081 }

#footer_menu p.upper { line-height:30px; margin:0 12px 0 12px; padding:2px 0px 0px 6px; background:url(/images/footer-dot.gif) bottom left repeat-x }
#footer_menu p.lower { line-height:30px; margin:0 12px 0 12px; padding:0px 6px 2px 6px }
#footer_menu a { text-decoration:none; color:#fff }
#footer_menu a:hover { text-decoration:underline }
#footer_menu p span { padding-right:44px; background:url(/images/bullet-reverse.gif) center no-repeat }

/* different colored footers */
body#home #footer_menu { background-color: #c90081; clear:both }
body#home #footer_menu a { color:#FFFFFF }
/*body#home #footer_menu p.upper { border-bottom:#FFFFFF 1px dotted }*/
body#collection #footer_menu { background-color: #655240 }
body#security #footer_menu { background-color:#bab4a0 }
body#service #footer_menu { background-color:#b5a570 }
body#builderman #footer_menu { background-color:#c90081 }
body#builder #footer_menu { background-color:#c90081 }
body#home #footer_menu p span { padding-right:46px }

#footer div.credits { float:left }
#footer div.credits p { margin: 8px 4px 4px 14px; font-size:10px }
#footer div.credits img { border:none }
#footer div.credits a { display: block }
#footer div.copy { float: left }
#footer div.copy p { font-size:10px; margin-left:10px; line-height:13px;  margin:4px 0 14px 10px }

/* --- UTILITY CLASSES ----------------------------------------------- */

.left-clear { clear: left }
	
.offCSSlayout { display:none }

.right-just { text-align: right; }
.right-float { float: right; }
.right-align { text-align:right }

.bottom-spaced { margin: 0 0 64px 0; }
.left-float {
	float: left;
	margin: 0 14px 0 0;
	padding:0;
}

/* --- TEXT REPLACEMENT HEADERS--------------------------------------- */


body h2#text-replacement {
	margin-top:30px;
	height:38px;
	width:423px;
	position:relative;
	font-size:1px
}
body#collection #main-column h2#text-replacement{ height:52px }

body h2#text-replacement3 {
	height: 38px;
	position:relative;
	left: 169px;
}

h2#text-replacement span {
	padding:0;
	margin:0;
	position:absolute;
	height:37px;
	width:423px;
	background-image: url(/images/text-heading-security.gif);
}
body#collection #main-column h2#text-replacement span{ height:46px }



h2#text-replacement2  {
	padding:0;
	margin:0;
	position: absolute;
	top:1px;
	left:-150px;
	width:419px;

}

h2#text-replacement3 span {
	padding:0;
	margin:0;
	position: absolute;
	top:1px;
	left:-1px;
	height:100%;
	width:419px;
}


h3#roomsets-header { 
	height:28px;
	width:200px;
	position:relative;
	font-size:1px;
}
h3#roomsets-header span { 
	padding:0;
	margin:0;
	position: absolute;
	top:1px;
	left:-1px;
	height:100%;
	width:100%;
	background: #fff url(/images/text-heading-roomsets.png) top left no-repeat }



#left-col-nav a, #center-left-nav a, #center-right-nav a, #right-col-nav a { color: #FFF }

/* --- PAGE SPECIFIC CSS --------------------------------------------- */

/* Home page */
body#home #header {	background: url(/images/logo-white.png) top left no-repeat }
body#home #top-column { background: url(/images/montage-homepage.jpg) no-repeat }
body#home #bread-crumbs a, body#home #bread-crumbs, body#home #order-number { color: #333 }
body#home #bread-crumbs a:hover, body#home #bread-crumbs #current, body#home #tel-num { color: #000 }
/* Natural Rug Collection page */
body#collection #header {	background: url(/images/logo-brown.gif) top left no-repeat; background-color: #655240 }

body#collection #top-column { background: url(/images/montage-homepage.jpg) no-repeat }
body#collection.kokosfaser #top-column { background: url(/images/montage-kokosfaser.jpg) no-repeat }
body#collection.jute #top-column { background: url(/images/montage-jute.jpg) no-repeat }
body#collection.papier #top-column { background: url(/images/montage-papier.jpg) no-repeat }
body#collection.seegras #top-column { background: url(/images/montage-seegras.jpg) no-repeat }
body#collection.sisal #top-column { background: url(/images/montage-sisal.jpg) no-repeat }
body#collection.sisool #top-column { background: url(/images/montage-sisool.jpg) no-repeat }
body#collection.bambus #top-column { background: url(/images/montage-bambus.jpg) no-repeat }
body#collection.wolle #top-column { background: url(/images/montage-wolle.jpg) no-repeat }
body#collection.colors #top-column { background: url(/images/montage-sisal-rugs.jpg) no-repeat }
body#collection.trend #top-column { background: url(/images/montage-trend-rugs.jpg) no-repeat }
body#collection.classic #top-column { background: url(/images/montage-classic-rugs.jpg)  no-repeat }
body#collection.roomsets #top-column { background: url(/images/montage-roomsets.jpg)  no-repeat }


body#collection #bread-crumbs a, body#collection #bread-crumbs, body#collection #order-number { color: #b7a08a }
body#collection #bread-crumbs a:hover, body#collection #left-col-nav a:hover, body#collection #bread-crumbs #current, body#collection #tel-num { color: #fff }
body#collection  h2#text-replacement3 span { background: #fff url(/images/aboutrugs.gif) top left no-repeat }



/* Materials pages */

body.root     h2#text-replacement span { background: #fff url(../images/aboutrugs.gif) top left no-repeat }
body.bambus   h2#text-replacement span { background: #fff url(../images/text-heading-bambus.png) top left no-repeat }
body.kokosfaser     h2#text-replacement span { background: #fff url(../images/text-heading-kokosfaser.png) top left no-repeat }
body.jute     h2#text-replacement span { background: #fff url(../images/text-heading-jute.png) top left no-repeat }
body.papier    h2#text-replacement span { background: #fff url(../images/text-heading-papier.png) top left no-repeat }
body.seegras h2#text-replacement span { background: #fff url(../images/text-heading-seegras.png) top left no-repeat }
body.sisal    h2#text-replacement span { background: #fff url(../images/text-heading-sisal.png) top left no-repeat }
body.sisool   h2#text-replacement span { background: #fff url(../images/text-heading-sisool.png) top left no-repeat }
body.wolle     h2#text-replacement span { background: #fff url(../images/text-heading-wolle.png) top left no-repeat }
body.cart     h2#text-replacement span { background: #fff url(../images/text-heading-cart.png) top left no-repeat }
body.checkout h2#text-replacement span { background: #fff url(../images/text-heading-checkout.gif) top left no-repeat }
body.colors   h2#text-replacement span { background: #fff url(../images/text-heading-sisal-colours.png) top left no-repeat }

body#collection.seegras #main-column h2#text-replacement,
body#collection.sisool #main-column h2#text-replacement,
body#collection.sisal #main-column h2#text-replacement{ height:70px }

body#collection.sisool #main-column h2#text-replacement span{ height:70px }
body#collection.root #main-column h2#text-replacement { height:38px }

body.cart h2#text-replacement,body.checkout h2#text-replacement { left:0 }





/* Customer Service page */
body#service #header { background: url(/images/logo-tan.gif) top left no-repeat; background-color:#b5a570 }
body#service #top-column { background: url(/images/montage-homepage.jpg) no-repeat }
body#service #bread-crumbs a, body#service #center-right-nav p, body#service #center-right-nav a, body#service #bread-crumbs, body#service #order-number { color: #ddd4b4 }
body#service #bread-crumbs a:hover, body#service #center-right-nav a:hover, body#service #bread-crumbs #current, body#service #tel-num { color: #fff }
body#service h2#text-replacement span { background: #fff url(/images/text-heading-service.gif) top left no-repeat }

/* Security Information page */
body#security #header { background: url(/images/logo-stone.gif) top left no-repeat; background-color:#bab4a0 }
body#security #top-column { background: url(/images/montage-homepage.jpg) no-repeat }
body#security #bread-crumbs a, body#security #right-col-nav a, body#security #right-col-nav p, body#security #bread-crumbs, body#security #order-number { color: #ebe8de }
body#security #bread-crumbs a:hover, body#security #right-col-nav a:hover, body#security #bread-crumbs #current, body#security #tel-num { color: #fff }
body#security h2#text-replacement span { background: #fff url(/images/zal.jpg) top left no-repeat }



/* --- END OF FILE --------------------------------------------------- */
.member {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 16px;
	color: #666666;
}

.commentselect {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 46px;
	color: #666666;
}


/* Style for checkout and cart pages */
body.cart table, body.checkout table {
margin: 0;
padding: 0;
width: 680px;
color: #333;
border-collapse: collapse;
font-size: 12px;
}


body.cart th, body.checkout th {
margin: 0;
padding: 0;
font-size: 12px;
line-height:1.5em; 
font-weight: normal;
text-align: right;
}


tr.item-heading td {
margin: 0;
padding: 0;
font-weight: bold;
font-size: 1em;
line-height: 1.5em;
border-bottom: 2px solid #CCC;
}


tr.item-heading td{ padding-top: 12px}
tr.spaced td{ padding-top: 30px}
tr.item-details { line-height:1.5em; text-align:right }
tr.item-details td { padding: 4px 0 4px 0 }
tr.item-details td.cost{ padding-right:20px }
tr.delivery-charges td.cost { padding-right:20px; text-align:right }
tr.delivery-charges td.item-description,
td.item-description { text-align: left }
tr.delivery-charges { padding: 0 }
tr.delivery-charges td { padding: 12px 0 16px 0; text-align:right }
tr.grand-total { padding: 0; font-weight:bold }
tr.grand-total td { padding-top: 12px }


table#personal-details td { padding-top: 2px }
body.cart sup, body.checkout sup { color: #bb2886; font-weight:bold }
td.bottom-space { padding-bottom: 20px}
div#telephone h3 { color:#b8006E; font-size: 1.4em; padding: 2px 0 0 0; margin: 0 }
div#telephone{ border:2px solid #CCC; padding: 8px 5px 5px 5px; text-align:center; margin:30px 50px 60px 50px }
div#telephone p { font-size: 1.1em; line-height: 1.5em }


body.cart .right-side, body.checkout .right-side { clear:both; float: right; width: 25%; text-align:right; margin-top: 45px }
body.cart .left-side, body.checkout .left-side { width: 70%; margin-top: 45px }
/* end of checkout/cart style */


.patterned {
	margin: 0; padding: 12px 22px 10px 14px;
	background: url(/images/pattern-light.gif) repeat-y;
}
.patterned p { color:#655240 }
.patterned a { color:#655240 }

div.divider{ clear:left; height:1px; font-size:1px }
div.basic-center-col{ margin-right:165px; margin-left:257px; letter-spacing:0.025em }
div.basic-left-col{ clear:left; float:left;  width:220px }
span.blue{ color:#00f }

#main-column #introducing-new-ways { position:relative; height:70px; width:390px; margin:0; padding:0; font-size:1px }
#main-column #introducing-new-ways span {
	background:#fff url(/images/text-heading-introducing.png) 0px 25px no-repeat;
	position: absolute;
	height:100%;
	width:100%;
	background-image: url(/images/text-heading-introducing.png);
}

#main-column #about-our-rugs { position:relative; height:44px; font-size:2px; clear:left; padding:0; margin:0 }
#main-column #about-our-rugs span { background:#fff url(/images/text-about-our-rugs.png) top left no-repeat; position: absolute; height:32px; width:403px }


#main-column #suitability-information { position:relative; height:44px; font-size:2px; padding:16px 0 0 0; margin:0 }
#main-column #suitability-information span {
	background:#fff url(/images/text-heading-suitability.png) top left no-repeat;
	position: absolute;
	height:39px;
	width:403px;
	left: 1px;
}


#main-column #stain-information { position:relative; height:24px; font-size:2px; padding:16px 0 0 0; margin:0 }
#main-column #stain-information span {
	background:#fff url(/images/text-heading-stain.png) top left no-repeat;
	position: absolute;
	height:34px;
	width:403px;
	left: 1px;
}


h3#rb-header { position:relative; height:60px; font-size:1px; padding:0; margin:22px 0 0 78px; color:#fff; clear:both }
h3#rb-header span {
	position: absolute;
	height:100%;
	width:100%;
	left: -1px;
}
body.bambus h3#rb-header span { background:url(/images/text-heading-rb-bambus.gif) top left no-repeat }
body.kokosfaser h3#rb-header span { background:url(/images/text-heading-rb-kokosfaser.gif) top left no-repeat }
body.jute h3#rb-header span { background:url(/images/text-heading-rb-jute.gif) top left no-repeat }
body.papier h3#rb-header span { background:url(/images/text-heading-rb-papier.gif) top left no-repeat }
body.seegras h3#rb-header span { background:url(/images/text-heading-rb-seegras.gif) top left no-repeat }
body.sisool h3#rb-header span { background:url(/images/text-heading-rb-sisool.gif) top left no-repeat }
body.sisal h3#rb-header span { background:url(/images/text-heading-rb-sisal.gif) top left no-repeat }
body.wolle h3#rb-header span { background:url(/images/text-heading-rb-wolle.gif) top left no-repeat }


h2.sifr-me{ color:#67523e; font-size:24px; font-family: 'Times New Roman', Times, serif; letter-spacing:0.02em; margin-bottom:10px; padding:0; width:296px; margin-top:0; font-weight:normal }
h3.sifr-me{ color:#67523e; font-size:22px; font-family: 'Times New Roman', Times, serif; letter-spacing:0.02em; margin:0 0 6px 0; padding:0; width:90%; font-weight:normal }

#main-column h2.sifr-heading{ color:#000; font-size:36px; font-family: 'Times New Roman', Times, serif; margin:27px 0 5px 0; height:40px; font-weight:normal; width:310px; line-height:1.0em; padding:0 }

body#service #main-column h2.sifr-heading{ color:#776451; font-size:36px; font-family: 'Times New Roman', Times, serif; margin:27px 0 5px 0; font-weight:normal; line-height:1.0em; padding:0; width:400px}

p.blue-link,
p.blue-link a,
p.blue-link a:visited{ color:#00e }
p.blue-link{ padding-bottom:32px; background:#fff url(../images/divider.png) bottom center no-repeat }


div.classics-ex, div.trend-ex{ float:left; width:145px }
div.classics-ex img, div.trend-ex img { border:none } 
div.classics-ex p, div.trend-ex p{ color:#333; margin-top:4px; line-height:1.4em; margin-bottom:0 }
div.classics-ex a, div.trend-ex a, div.roomsets-ex a{ color:#333; font-weight:bold }
div.classics-ex a:hover, div.trend-ex a:hover, #static-basket a:hover, div.patterned a:hover{ color:#bb2a89 }
lighter{ color:#666 }

div.roomsets-ex{ float:left }
div.roomsets-ex p { margin-top:0; padding-top:0 }
#latest {
margin: 0; padding: 8px 22px 12px 14px;
background-color:#f0eee9;
}
#latest h2 { position:relative; height:21px; font-size:2px }
#latest h2 span { background:url(/images/latest.gif) top left no-repeat; position: absolute; height:100%; width:77px }
#latest p { color:#655240; line-height:1.4em }


#xmas {
margin: 0; padding: 8px 22px 5px 14px;
background-color:#f0eee9;
}
#xmas h2 { position:relative; height:21px; font-size:2px }
#xmas h2 span { background:url(/images/xmas.gif) top left no-repeat; position: absolute; height:100%; width:104px }
#xmas p { color:#655240; line-height:1.2em }


#material_comparison_table{ width:584px; border-collapse:collapse; font-size:12px }
#material_comparison_table tr.top th{ border-bottom:3px #fff solid; border-right:2px #fff solid; padding:8px 5px 4px 5px; text-align:center }
#material_comparison_table tr.lighter td, #material_comparison_table tr.lighter th{ background-color:#f1f0ec }
#material_comparison_table tr.darker td, #material_comparison_table tr.darker th{ background-color:#d8d3cd }
#material_comparison_table th#suitability, #material_comparison_table th{ font-weight:normal; padding:7px 4px 6px 12px; color:#333; border-right:3px #fff solid; text-align:left }
#material_comparison_table th#suitability { padding:8px 4px 4px 12px }
#material_comparison_table td{ color:#67523f; text-align:center; padding:7px 0 6px 0; border-right:2px #fff solid }
#material_comparison_table caption { display:none }

div.m-props{ clear:both }
div.m-props div.sect{ width:350px; float:left }
body#collection div.m-props h4{ font-size:16px; color:#333; font-weight:normal; margin-top:0; padding-top:8px }
div.m-props img.sample{ float:left }
div.m-props div.box{ float:right; clear:right; width:170px; background-color:#f1f0ec; text-align:right; margin-bottom:1px; padding:5px 0 2px 0 }
div.m-props div.box p.leader{ letter-spacing:0.02em }
div.m-props div.box p{ margin:0; padding:0 8px 6px 0 }
div.m-props div.box p strong{ color:#333 }
div.m-props p.aslip{ clear:right; padding-top:12px; margin-bottom:6px }
div.m-props p.bckng{ line-height:1.4em; letter-spacing:0.02em; margin-bottom:4px; margin-top:0 }
div.m-props img.suit{ float:left; margin:15px 10px 0 10px }
img.suit2{ float:left; margin:6px 20px 0 0 }
div.m-props div.lft{margin:0 13px 0 10px}
div.m-props div.rgt{margin:0 10px 0 20px}

ul.product-3{ list-style:none; margin:0; padding:0}
ul.product-3 li { display:block; margin:0; padding:0; line-height:1.4em }
ul.product-3 li.left { float:none; width:132px }
ul.product-3 li.mid { float:right; width:132px; margin-right:14px }
ul.product-3 li.right { float:right; width:132px}
ul.product-3 li span{ line-height:1.8em }

ul.product-3 li img{ border:none; margin-bottom:3px }
ul.product-3 li a:hover{ color:#bb2a89 }
p.suit-3{ float:right; margin:0; padding:0 10px 0 0 }
body#collection h4{ font-size:14px; color:#333; text-decoration:none }
a.grey { color:#333 }
p.sifr-me-caption{ color:#bab4a0; font-family:'Times New Roman', Times, serif; font-size:18px; padding:0; margin:8px 0 4px 0; font-style:italic }
blockquote.sifr{ color:#bab4a0; font-size:28px; line-height:1.25em; font-family:Georgia, 'Times New Roman', Times, serif; text-align:left; margin: 20px 25px 10px 170px; clear:both;
 }
p.link-float{float:left; width:auto; line-height:22px; margin-top:24px}
p.slink-float{float:left; width:auto; line-height:22px; margin-top:4px}


div.separator{ background:#fff url(images/divider.png) center bottom no-repeat; height:26px; font-size:1px }

div.dvdr { height:1px; font-size:1px; clear:both }
h3.suitability{ font-size:16px; font-weight:normal; margin-top:24px; margin-bottom:14px; float:right; width:262px; margin-top:4px; padding-top:0 }
body#collection #main-column h4.cust-coll{ margin:24px 0 15px }
body#collection #main-column h4.trnd-coll{ clear:both; margin:-55px 0 18px 0 }
#main-column h4.prod3{ margin:0 0 16px 0; font-weight:bold }

body.samples div.patterned{ display:none }

table#suits{border-collapse:collapse; width:425px; clear:both; margin:10px 0 10px 0}
table#suits td, table#suits th { text-align:right; padding-right:40px; color:#333; height:40px}
table#suits td { font-size:12px }
table#suits th { font-weight:normal; font-size:14px }
.suits-dvdr{ height:36px; background:#dfd url(images/divider.png) center center no-repeat; font-size:1px }
p.suits{ float:right; width:262px; line-height:1.3em; margin-top:0; letter-spacing:0.025em }

.s-c1 { background-color:#edece7 }
.s-c2 { background-color:#e9e4d4 }
.s-c3 { background-color:#cdecf7 }
.s-rb{ border-right:1px solid #fff }
.s-bb{ border-bottom:1px solid #fff }
.s-bb2{ border-bottom:2px solid #fff }
#rb-section{ margin-top:-20px } 
#rb-section p{ letter-spacing:0.02em } 
#about-section p{ letter-spacing:0.02em } 
#about-section img { float:left; margin:0 16px 10px 0 }
#about-section h3{ font-size:16px; font-weight:normal; margin-top:0; letter-spacing:0.02em }

/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

#press-menu { display:none }
#footer-space{ clear:both; height:76px }

div.roomset-left{ float:left; width:184px; margin-bottom:26px }
div.roomset-mid{ float:left; width:184px; margin-bottom:26px }
div.roomset-right{ float:left; width:223px; margin-bottom:26px }
div.dvdr2 { height:1px; font-size:1px; clear:left }

div.roomset-left p{ padding-left:8px }
div.roomset-mid p{ padding-left:4px }
div.roomset-left img, div.roomset-mid img, div.roomset-right img{ border:none }
div.roomset-left a, div.roomset-mid a, div.roomset-right a{ color:#333 }
div.roomset-left a:hover, div.roomset-mid a:hover, div.roomset-right a:hover { color:#bb2a89 }