/*
 *  General Page Layout
 *  ===================
 */


body{ margin:0; padding:0; text-align:center; background-color: #000000; -webkit-text-size-adjust:none }
#container{ position:relative; margin:10px auto; width:1041px; text-align:left; border:solid 1px #908d75; background:#fff url(/includes/css/images/page-strip.gif) top left no-repeat }


/*
 *  General Typography
 *  ==================
 */
 
body{ font:100%/1.125em Verdana, Arial, Helvetica, sans-serif; color:#4B4629 }
a{ color:#4B4629 }
a:hover { color:#E44C99 }


p{ font-size:0.8em; letter-spacing:0.01em }
.pink {	color:#E44C99 }
.light { color:#888467 }
h1{ margin:20px 0 24px 0; padding:0; font-weight:normal; font-size:1.4em; letter-spacing:0.01em }
h1.cart-icon{ padding:7px 0 11px 36px; margin-top:12px; background:url(/includes/css/images/lock-icon.gif) top left no-repeat }
h3.small{ font-size:0.8em; }
p.spaced{ line-height:1.7em }
td{ font-size:0.75em; vertical-align:top }
th{ font-size:0.75em; vertical-align:top }
caption{ font-size:0.9em; text-align:left; font-weight:normal }
a.ptr{ background:url(/includes/css/images/ptr.gif) right center no-repeat; padding-right:20px }
a.ptr2{ background:url(/includes/css/images/ptr2.gif) right center no-repeat; padding-right:20px }
a.ptr3{ background:url(/includes/css/images/ptr3.gif) right center no-repeat; padding-right:20px }
a.no-ul{ text-decoration:none }

#rug-display { position:relative; }

/*
 *  Header Section
 *  ==============
 */
 
#header{ float:right; width:785px; background:#e3e4de url(/includes/css/images/pre-top.gif) bottom left no-repeat; padding-bottom:81px }
#header p{ margin:0; padding:0 }
#header p#tagline{ float:left; margin:22px 4px 4px 2px; letter-spacing:0.01em; background-color:#e3e4de }
#header p#top-links{ float:right; padding:22px 0px 4px 4px; letter-spacing:0.01em; background-color:#e3e4de }
#header .spacer{ clear:both; height:70px }
#logo-link{ position:absolute; top:10px; left:12px }
#logo-link img{ border-style:none }
a.wishlist{ background:url(/includes/css/images/wish-icon.gif) no-repeat; padding:14px 0 4px 42px }
a.cart-icon{ background:url(/includes/css/images/cart-icon.gif) no-repeat; padding:15px 0 4px 58px }


/*
 *  Navigation Menu
 *  ===============
 */

#navigation { float:left; width:256px; min-height:371px; padding-bottom:8px; border-right:1px solid #9c9b87; background-color:#e3e4de }
#navigation-base{ float:left; clear:left; width:257px; height:33px; background:#fff url(/includes/css/images/nav-base.gif) top right no-repeat }
#navigation.home{ border-right-style:none }
#navigation-base.home{ width:256px }

#navigation li.current a { font-weight:bold; text-decoration:none }

#navigation ul { margin:0; padding:0 8px 0 43px}
#navigation li { font-size:0.65em; color:#a19d8d; padding-bottom:5px; padding-left:4px; line-height:1.4em; margin-left:0px }
#navigation li.gapped { margin-top:20px }
#navigation li span { font-size:1.2em; color:#29230b }
#navigation ul.open{ background:#fff url(/includes/css/images/open-nav-base.gif) left bottom no-repeat; padding-bottom:7px; margin-bottom:8px }
#navigation ul.open li { font-size:0.8em; list-style:none; font-weight:bold; color:#29230b; padding-bottom:3px; line-height:1.2em; margin-left:29px; padding-left:0 }
#navigation ul.open li a { text-decoration:none; font-weight:normal }
#navigation ul.open-top{ padding-bottom:11px; background:url(/includes/css/images/open-nav-top2.gif) left bottom no-repeat }
#navigation ul.open li.header { margin-left:4px }
#navigation ul.open li.header a { text-decoration:underline }
#navigation ul.open li.current { list-style-image:url(/includes/css/images/bullet.gif) }
#navigation ul.open li.current a { color:#E44C99; font-weight:bold }
#navigation ul.open li.current-header{ margin-left:4px }
#navigation ul.open li.current-header a{ font-weight:bold  }

/*
 *  Generic Content Section
 *  =======================
 */
 
#content{ width:762px; float:right; margin-top:-74px; background:#fff url(/includes/css/images/content-top-clr.gif) top right no-repeat }
#content.home{ margin-top:0; background-image:none }
#content.swirl{ background:#fff url(/includes/css/images/content-top.gif) top right no-repeat }
#content.swirl2{ background:#fff url(/includes/css/images/swirl2.gif) top right no-repeat }
p#crumbs{ margin:6px 0 0 0; padding:0 }
p#crumbs span{ color:#888467 }
p#crumbs a{ color:#888467 }
.spacer{ clear:both; height:41px }
p.v-all{ float:right; margin:24px 12px 0 0 }
.left-col{ float:left; width:280px }
.right-col{ float:right; width:383px }
body.sub-cat .right-col{ width:362px }
body.product .right-col{ width:388px } 
.right-col1{ float:right; width:589px; padding-right: 100px}

/*
 *  Footer Section
 *  ==============
 */

#footer{ clear:both; padding:4px 10px 24px 46px; background:url(/includes/css/images/swirl3.gif) 42px 0px no-repeat }
#footer .spacer{ clear:both; height:1px font-size:1px }
#comodo{ float:right; margin-right:70px }
#ftr-menu { margin:0; padding:0 180px 110px 0 }
#ftr-menu li{ list-style:none; float:left; width:14.5em; font-size:0.8em; margin-bottom:6px }
div.copy{ float:left }
div.copy p{ margin-right:25px; line-height:1.25em }
div.credits { float:left }
div.credits p { margin:22px 4px 16px 0px  }
div.credits img { border:none }


/*
 *  Javascript Tooltip Support
 *  ==========================
 */
#tipDiv{ position:absolute; visibility:hidden; z-index:100; padding:16px 14px 18px 15px; background:url(/includes/css/images/tip-top.gif) top right no-repeat; border-left:1px solid #83806b; border-bottom:1px solid #83806b }
#tipDiv p{ margin:2px 0 0 0; line-height:1.2em }
#tipDiv img{ margin-bottom:6px }


/*
 *  Specifications Table
 *  ====================
 */
 
#specifications{ width:100%; border-collapse:collapse }
#specifications caption{ padding:14px 0 6px 0 }
#specifications td, #specifications { padding:0 0 4px 0; margin:0; line-height:1em }


 *  Suitability Table
 *  =================
 */
 
#suitability { border-bottom:2px solid #e3e4de; width:100%; border-collapse:collapse }
#suitability caption{ padding:14px 0 6px 0 }
#suitability th{ text-align:center; font-weight:normal; background-color:#e3e4de; padding:3px 3px 3px 3px }
#suitability td{ text-align:center; padding:3px 0px 3px 6px }


/*
 *  Cart Table
 *  ==========
 */
 
#cart-table{ clear:both; width:98%; border-collapse:collapse }
#cart-table th,
#cart-table td{ border-right:1px solid #9c9b87; padding:6px 4px 6px 8px; vertical-align:top }
#cart-table th{ border-top:2px solid #9c9b87; border-bottom:2px solid #9c9b87; font-weight:normal; font-size:0.8em; line-height:1.2em }
#cart-table td{ border-bottom:1px solid #9c9b87; padding: 10px 4px 16px 8px }

#cart-table th.shipping,
#cart-table .total,
#cart-table th.prod{ font-weight:bold; font-size:0.85em }

#cart-table td.prod{ line-height:1.2em }
#cart-table td.prod img{ margin-bottom:8px }

#cart-table .thumb{ text-align:center; border-right-style:none }
#cart-table .qty select{ width:60% }
#cart-table .aslip{ width:12%; padding-right:40px }
#cart-table .exvat{ color:#666 }
#cart-table .price{}
#cart-table .delete{ text-align:center; border-right-style:none }
#cart-table .blank{ border-style:none; border-right:1px solid #9c9b87 }

#cart-table .totals td,
#cart-table .totals th{ vertical-align:middle; padding:6px 8px 6px 6px }
#cart-table .totals th{  text-align:left; border-width:1px }
#cart-table .totals th.vat,
#cart-table .totals th.total{ text-align:right }
#cart-table .total { font-size:0.9em }
#cart-table td.nob{ border-right:none }
#cart-table th.total { border-top:2px solid #9c9b87; border-bottom:2px solid #9c9b87; background-color:#e3e4de }
#cart-table .total { border-top:2px solid #9c9b87; border-bottom:2px solid #9c9b87; background-color:#e3e4de }
#cart-table .total td.blank { border-top:2px solid #fff; border-bottom:2px solid #fff; background-color:#fff }
#cart-submit{ text-align:right; margin:24px 50px 24px 0; padding:0 }
.padder{ padding-left:9px; padding-right:9px }

/*
 *  Cart/Checkout Bread Crumbs
 *  ==========================
 */

p#cart-crumbs{ float:right; margin:0; padding:30px 9px 0 0 }
p#cart-crumbs span.current{ background:url(/includes/css/images/basket-icon.gif) top center no-repeat; color:#4B4629 }
#c1, #c2, #c3{ margin-right:33px; padding:32px 0 0 0; color:#9c9b87 }
#c3{ margin-right:20px }


/*
 *  Order Brochure Bread Crumbs
 *  ===========================
 */

p#brochure-crumbs{ float:right; margin-top:-13px; padding:38px 9px 0 0; color:#9c9b87 }
p#brochure-crumbs span.current{ background:url(/includes/css/images/basket-icon2.gif) top center no-repeat; padding-top:40px; color:#4B4629 }


/*
 *  Home Page Specifics
 *  ===================
 */
 
#homeImg{ float:right; margin-top:-75px }
#movieStop{ float:right; margin:6px 26px 0 0; font-size:0.6em }
h1#home{ margin:30px 0 0 0; padding-bottom:0; }
#homeSwirl1{ height:42px; position:relative }
#homeSwirl1 img{ position:absolute; top:-20px; left:-279px }
#homeSwirl2{ float:right; margin-top:90px; margin-right:0px }
div.homeCol1{ width:53.5%; margin-bottom:24px; letter-spacing:0.01em }
#homeLeftImg{ float:left; margin-right:30px }
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; }

/*
 *  General utilty divs
 *  ===================
 */
 
.clearFloats{ clear:both; font-size:1px; height:1px }
.rightPad{ padding-right:17px }
div.swirl{ background:url(/includes/css/images/swirl.gif) top right no-repeat }


/*
 *  Swatch containers
 *  =================
 */
 
.swatchBox{ float:left; width:180px; height:240px; float:margin-bottom:32px; }

body.view-all .swatchBox{ margin-bottom:44px }
.swatchBox img{ border-style:none }
#categories .swatchBox{ width:150px }
.swatchBox p{ margin:4px 4px 0 0; line-height:1.25em }
.swatchBox span.title{ font-size:1.1em; text-decoration:underline }

.swatchBox1{ float:left; width:225px; margin-bottom:32px }
body.view-all .swatchBox1{ margin-bottom:44px }
.swatchBox1 img{ border-style:none }
#categories .swatchBox1{ width:225px }
.swatchBox1 p{ margin:4px 4px 0 0; line-height:1.25em }
.swatchBox1 span.title{ font-size:1.1em; text-decoration:underline }

.swatchBox2{ float:left; width:175px; margin-bottom:32px }
body.view-all .swatchBox{ margin-bottom:44px }
.swatchBox2 img{ border-style:none }
#categories .swatchBox{ width:150px }
.swatchBox2 p{ margin:4px 4px 0 0; line-height:1.25em }
.swatchBox2 span.title{ font-size:1.1em; text-decoration:underline }
/*
 *  Product Page Specifics
 *  ======================
 */
 
#goBox{ width:278px; padding-top:12px }
#goPrev{ margin-top:0; float:left }
#goNext{ margin-top:0; float:right }
#goOrder{ margin-top:0; text-align:center; padding-right:8px; padding-left:8px }

.dottedLine{ clear:both; font-size:1px; height:2px; background:url(/includes/css/images/line.gif) bottom left repeat-x }
.dottedLine2{ clear:both; font-size:1px; height:2px; background:url(/includes/css/images/line2.gif) bottom left repeat-x }


/*
 *  Product Description
 *  ===================
 */

#prod-desc{ margin:0 0 12px 28px }
#prod-desc p{ margin:0 }
#prod-desc p.left{ float:left; width:44% }
#prod-desc p.right{ float:right; width:54% }
#prod-desc p.clear{ clear:both }


/*
 *  Quotation box section
 *  =====================
 */

#quotation{ width:385px; background:url(/includes/css/images/bg1.gif) top right no-repeat; border-bottom:1px solid #ada997 }
#quotation .pad{ padding:6px 16px 0px 28px }
#qHelp{ float:right; font-size:0.9em; margin-top:0 }
#quotation h3{ font-size:1.05em; font-weight:normal }
#quoteSwitcher{ border-bottom:2px solid #f6f6f6; padding:10px 0 8px 0; margin:0 }

#quotation h4{ font-size:0.85em; font-weight:normal; margin:12px 0 0 0 }
#quotation p.initial{ margin-top:4px }
#by-the-roll-option{ border-bottom:2px solid #f6f6f6 }
#bespoke-option{ border-bottom:2px solid #f6f6f6 }

#bespoke-option { margin:0 }
#by-the-roll-option h4 { margin:0 }

#byRollLength{ width:70px }
#bespokeLength{ width:68px }
#bespokeWidth{ width:68px }
#costBox{ width:75px }

#moreInfo p { margin:0 0 6px 0 }

/*
 *  Quotation Rug Builder box section
 *  =====================
 */

#quotation2{ width:450px; background:url(/includes/css/images/bg2.gif) top right no-repeat; border-bottom:1px solid #ada997 }
#quotation2 .pad{ padding:6px 16px 0px 28px }
#qHelp2{ float:right; font-size:0.9em; margin-top:0 }
#quotation2 h3{ font-size:1.05em; font-weight:normal }
#quoteSwitcher2{ border-bottom:2px solid #f6f6f6; padding:10px 0 8px 0; margin:0 }

#quotation2 h4{ font-size:0.85em; font-weight:normal; margin:12px 0 0 0 }
#quotation p.initial2{ margin-top:4px }
#by-the-roll-option2{ border-bottom:2px solid #f6f6f6 }
#bespoke-option2{ border-bottom:2px solid #f6f6f6 }

#bespoke-option2 { margin:0 }
#by-the-roll-option2 h4 { margin:0 }

#byRollLength2{ width:70px }
#bespokeLength2{ width:68px }
#bespokeWidth2{ width:68px }
#costBox2{ width:75px }

#moreInfo2 p { margin:0 0 6px 0 }
/*
 *  Cart/Checkout Page Specifics
 *  ============================
 */
 
.sCart h2{ font-size:1em; margin-bottom:0 }
.sCart h3{ font-weight:bold; font-size:0.9em }
.sCart h2 span{ font-weight:normal; font-size:0.8em }
.sCart h3 span{ font-weight:normal; font-size:0.9em }
.sCart input.std{ padding:2px 4px 2px 4px; border:1px solid #9c9b87; color:#4B4629 }
.sCart select{ border:1px solid #9c9b87; color:#4B4629 }

.sCart p.lft-float{ float:left; padding:12px 0px 6px 0; margin:0 }
.sCart p.rgt-float{ text-align:right; float:right; padding:12px 16px 6px 0; margin:0 }

.sCart .section{ padding:0 8px 20px 8px; margin-right:12px; border-bottom:2px solid #9c9b87 } 
.sCart .clear-section{ padding:0 8px 0 8px; margin-right:12px} 
.sCart .clear-section h3{ margin-bottom:0 } 
.sCart form{ margin:0 } 

#delivAddrSection .clear-section{ padding-top:12px }
#delivAddrSection h3{ margin:0 0 12px 0 }

table.checkout{ border-collapse:collapse; text-align:left }
table.checkout th{ width:100px; font-weight:normal }
table.checkout th, table.checkout td{ border-bottom:3px solid #fff; vertical-align:top }
table.checkout tr.error th, table.checkout tr.error td{ background-color:#FFFFCC; padding-top:4px; padding-bottom:4px }
table.checkout tr.error th{ color:#d82620 }
table.checkout span.error{ color:#d82620; font-weight:bold }
#no-delivery-info{ border-bottom:2px solid #bdbfc1; margin-right:12px } 
#no-delivery-info h3{ color:#d82620; background-color:#dcddde; padding:8px 0 8px 30px; margin:4px 0 4px 0 } 


h2.grey-section { background-color:#e3e4dd } 


table.checkout tr.autoFind1 th{ font-weight:bold }
table.checkout tr.autoFind2 td{ width:280px }
p.sub-section{ border-bottom:2px solid #bdbfc1; padding-bottom:12px; margin-right:100px; margin-left:-8px; padding-left:8px }
p.sub-section span.spacer{ padding-right:130px }

.clear-section{ padding:0 0 0 12px; margin-right:12px} 
.clear-section h3{ margin-bottom:0 } 

.grey-section{ padding:12px 0 12px 12px; margin: 10px 12px 10px 0; background:#e3e4dd url(/includes/css/images/top-cnr.gif) top right no-repeat } 
.grey-section table.checkout th, .grey-section table.checkout td{ border-color:#e3e4dd } 

/* Payments choice box */
#paymnt{ width:688px; background:url(/includes/css/images/chk-bg.gif) top right no-repeat; border-bottom:1px solid #ada997; margin-bottom:20px }
#paymnt .pad{ padding:12px 9px 0px 9px }
#paymnt h3{ float:right; width:640px; font-size:1.0em; font-weight:bold }
#paymnt h3.normal{ float:none; width:auto; font-size:1.0em; font-weight:normal; margin:0 0 10px 0; padding:0 }
#paymnt p.leader{ margin:0; padding:0 }
#paymnt p.body{ margin:4px 0 24px 0; padding:0 }
#paymnt p.ipt{ float:left; width:20px; clear:right; margin-bottom:0 }
#paymnt p.hdr{ float:right; width:640px; font-size:0.9em ; margin-bottom:6px }
#paymnt p.bdy{ clear:both; float:right; width:640px; margin-top:0 }
#paymnt p.sbt{ clear:both; text-align:center; padding:10px 0 10px 0 }
#paymnt p strong{ font-size:1.1em }

p.padlock{ padding-left:40px; background:url(/includes/css/images/lock-icon.gif)top left no-repeat; margin-bottom:0; padding-bottom:12px; margin-left:9px; padding-right:24px }


/*
 *  Search Page Specifics
 *  =====================
 */
 
#searchFormBase{ width:706px; padding-bottom:10px; background:#e4e5dd url(/includes/css/images/bottom-slice.gif) bottom left no-repeat }
#searchFormTop{ width:706px; padding-top:14px; background:#e4e5dd url(/includes/css/images/top-slice.gif) top left no-repeat }
.searchFormMid{ background:#e4e5dd url(/includes/css/images/mid-slice.gif) top left repeat-y; padding:0 12px 0 12px }
#searchForm h2{ margin:0; padding:0; font-size:0.9em }
#searchForm p.initial{ margin-top:0 }
#searchForm p.selector{ min-width:116px; margin: 0 0 6px 0; float:left }
#searchForm .searchPad{ padding-right:4px; padding-left:76px }
#searchPartTwo .searchPad{ padding-top:12px }
#searchColour{ background:#e4e5dd url(/includes/css/images/colours-icon.gif) top left no-repeat; width:313px; margin-right:1px; float:left }
#searchShade{ background:#e4e5dd url(/includes/css/images/shades-icon.gif) top left no-repeat; width:331px; margin-right:1px; float:right }
#searchSuitability{ background:#e4e5dd url(/includes/css/images/suitability-icon.gif) 0px 12px no-repeat; width:313px; margin-right:1px; float:left }
#searchMaterials{ background:#e4e5dd url(/includes/css/images/materials-icon.gif) 0px 12px no-repeat; width:331px; margin-right:1px; float:right }
#searchSubmit{ text-align:right; margin-top:3px; margin-bottom:0; padding:0 }

#orderBrochure{ text-align:right; margin-top:16px }
#orderBrochure img{ border:none }



/* prototip.css : http://www.nickstakenburg.com/projects/prototip */
.prototip { position: absolute; }
.prototip .effectWrapper { position: relative; }
.prototip .tooltip { position: relative; }
.prototip .toolbar {
	position: relative;
	display: block;
	}
.prototip .toolbar .title {
	display: block;
	position: relative;
	}
.prototip .content { clear: both; }
.prototip .toolbar a.close {
	position: relative;
	text-decoration: none;
	float: right;
	width: 15px;
	height: 15px;
	background: transparent url(/includes/css/images/close.gif);
	display: block;
	line-height: 0;
	font-size: 0px;
	border: 0;
	}
.prototip .toolbar a.close:hover { background: transparent url(/includes/css/images/close_hover.gif); }

.iframeShim { 
	position: absolute;
	border: 0;
	margin: 0;	
    padding: 0;
    background: none;
}


.prototip .murray{ width:282px; padding:18px 0 0 0; background:url(/includes/css/images/tip-top.gif) top right no-repeat; border-left:1px solid #83806b; border-bottom:1px solid #83806b }
.prototip .murray p{ margin:2px 14px 0px 15px; line-height:1.2em; text-align:left }
.prototip .murray img{ margin:0px 14px 6px 15px; text-align:left }
html>/**/body .prototip .murray{padding-bottom:18px}


p.pagepad {padding-right:30px}
p.pagepadlh{ padding-right:30px; line-height:1.7em }
.head { font-weight:normal; font-size:15px }
.head1 { line-height:25px; margin-bottom:-10px; font-weight:normal;  font-size:15px }