/*
 
Copyright (c) Enigma Interactive 2004

SOM2
Project:		Modern Rugs
Filename:		layout_common.css
Description:	Site-wide layout elements
     
History
ver date  		who     	comment
-----------------------------------------------------------------------------
6	14Apr08		CT			Updated footer definitions
5	06Dec07		CT			Updated global font size
4	20Oct07		CT			More development udpates
3	19Oct07		CT			More development udpates
2	05Oct07		CT			Updated
1	05Oct07		CT			Updates for Modern Rugs

*/

/* general essentials */
img.png {
	behavior: url("/htc/png.htc");
}

body {
	margin: 0;
	padding: 0;
	font: normal 0.7em verdana,arial,sans-serif;
	text-align: center; /* centering for IE users */
	color: #433d37;
}

form {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

h1 {
	font-weight: bold;
	font-size: 1.5em;
	margin: 0px 0px 5px 0px;
	color: #FF7E00;
}

h2 {
	font-weight: bold;
	font-size: 1.4em;
	margin: 4px 0px;
}

h3 {
	font-weight: bold;
	font-size: 1.3em;
	margin: 3px 0px;
}

h4 {
	font-weight: bold;
	font-size: 1.2em;
	margin: 2px 0px;
}

h5 {
	font-weight: bold;
	font-size: 1em;
	margin: 1px 0px;
}

a {
	color: #433d37;
	text-decoration: underline;
}

a:hover {
	color: #FF7E00;
}

p {
	margin: 10px 0px;
}




ul {
	list-style-type: square
}

#frontBody {
	/* important - background color required in order to prevent mirror of death in CMS */
	background: #e0e0e0 url(/images/general/background_tile.gif) repeat top left;
}

#siteHolder {
	display :block;
	overflow : hidden;
	width: 970px;
	margin : 0px auto; /* required by Firefox and Netscape */
	text-align : left; /* re-align text to the left */
}

/*******************************
	coSiteSubNavigation Start
********************************/

#coSiteSubNavigation {
	width: 100%;
	height: 20px;
	overflow: hidden;
	float: left;
	/* border:1px solid red; */
}

#coSiteSubNavigation ul {
	padding: 0;
	margin: 0;
	list-style: none;

}

#coSiteSubNavigation ul li {
	width: auto;
	float: left;
	/* color: #FF7E00; */
	padding-left: 10px;
}

#coSiteSubNavigation ul li a {
	/* color: #FF7E00; */
}

/*****************************
	coSiteSubNavigation End
******************************/
/************************
	coSiteTool Start
************************/

#coSiteTool {
	position: relative;
	width: 970px;
	height: 151px;
	float: left;
	background: transparent url(/res/coSiteTool/images/header.jpg) no-repeat top left;
	display : block;
}

#coSiteTool #tabsPanel {
	position: absolute;
	bottom: 0;
	width : 970px;
	height: 31px;
	
	background: #fff url(/res/coSiteTool/images/menu_tile.gif) repeat-x top left;
}

#coSiteTool #tabsPanel ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	display :block;
	overflow:visible;
	position : relative;
	z-index : 5;
}

#coSiteTool #tabsPanel li {
	height: 29px;
	width: auto;
	float: left;
	background: transparent url(/res/coSiteTool/images/background.gif) no-repeat top right;	
}

#coSiteTool #tabsPanel li.last {
	height: 29px;
	width: auto;
	float: left;
	background : none;
}

#coSiteTool #tabsPanel li a {
	height: 21px;
	padding : 4px 16px 4px 16px;
	float:left;	
	display: block;
	overflow: hidden;
	position: relative;
	color : white;
	text-decoration: none;
	font: 1.3em Century Gothic,verdana,arial,sans-serif;
	text-align :center;
}

#coSiteTool #tabsPanel li a:hover { 
	color: #FF7E00; 
} 

#coSiteTool #tabsPanel ul li ul {
	float: left;
	display :block;
	overflow: hidden;
	position:absolute;
	background : black;
}

#coSiteTool #tabsPanel #rugmenucontainer {
	width : 970px;
	background : black;
	background-image : url(/images/general/menugradient450x10.png);
	overflow: visible;
	position : absolute;
	top : 30px;
	left : 0px;
	float: left;
	padding-bottom : 10px; 
}

#coSiteTool #tabsPanel ul.submenu {
	width : 200px;
	padding : 0 20px 5px 20px;
	display :block;
	position : relative;
	background : none;
}

#coSiteTool #tabsPanel ul.submenu li {
	background : none;
	height : 22px;
}

#coSiteTool #tabsPanel ul.submenu li a {
	height : 16px;
	padding  : 3px 8px;
	width : 210px;
	text-align : left;
}

#coSiteTool #tabsPanel ul.submenu li.header {
	font: 1.3em Century Gothic,verdana,arial,sans-serif bold;
	height : 16px;
	padding  : 3px 8px;
	width : 210px;
	text-align : left;
	border-bottom : 1px rgb(116,116,116) solid;
	color : white;
	margin : 10px 0 3px 0; 
}


/************************
	coSiteTool End
************************/



/************************ 
google +1 link start 
************************/ 
#___plusone_0 {	
	position: absolute; 
	left: 720px; 
	top: 127px;
}
/************************ 
google +1 link end 
************************/ 


/************************
	leftPanel start
************************/
#siteMain #leftPanel {
	width: 171px;
	float: left;
}

#leftPanel #rugTypes,
#leftPanel #designerBrands,
#leftPanel #colourSearch {
	padding: 0px 4px;
}

#leftPanel #rugTypes div a {
	width: 161px;
	height: 30px;
	display: block;
	overflow: hidden;
	position: relative;	
	margin: 2px 0px;
}
#leftPanel #rugTypes div a img {
	width: 161px;
	height: 30px;
}

#leftPanel #rugTypes div.modern a {
	background: transparent url(/images/leftmenu/modern.gif) no-repeat 0 0;	
}
#leftPanel #rugTypes div.modern a:hover {
	background: transparent url(/images/leftmenu/modern.gif) no-repeat 0 -30px;
}

#leftPanel #rugTypes div.shaggy a {
	background: transparent url(/images/leftmenu/shaggy.gif) no-repeat 0 0;	
}
#leftPanel #rugTypes div.shaggy a:hover {
	background: transparent url(/images/leftmenu/shaggy.gif) no-repeat 0 -30px;
}

#leftPanel #rugTypes div.square a {
	background: transparent url(/images/leftmenu/square.gif) no-repeat 0 0;	
}
#leftPanel #rugTypes div.square a:hover {
	background: transparent url(/images/leftmenu/square.gif) no-repeat 0 -30px;
}

#leftPanel #rugTypes div.rugsWithRunners a {
	background: transparent url(/images/leftmenu/rugsWithRunners.gif) no-repeat 0 0;	
}
#leftPanel #rugTypes div.rugsWithRunners a:hover {
	background: transparent url(/images/leftmenu/rugsWithRunners.gif) no-repeat 0 -30px;
}

#leftPanel #rugTypes div.traditional a {
	background: transparent url(/images/leftmenu/traditional.gif) no-repeat 0 0;	
}
#leftPanel #rugTypes div.traditional a:hover {
	background: transparent url(/images/leftmenu/traditional.gif) no-repeat 0 -30px;
}

#leftPanel #rugTypes div.plain a {
	background: transparent url(/images/leftmenu/plain.gif) no-repeat 0 0;	
}
#leftPanel #rugTypes div.plain a:hover {
	background: transparent url(/images/leftmenu/plain.gif) no-repeat 0 -30px;
}

#leftPanel #rugTypes div.large a {
	background: transparent url(/images/leftmenu/large.gif) no-repeat 0 0;	
}
#leftPanel #rugTypes div.large a:hover {
	background: transparent url(/images/leftmenu/large.gif) no-repeat 0 -30px;
}

#leftPanel #rugTypes div.round a {
	background: transparent url(/images/leftmenu/round.gif) no-repeat 0 0;	
}
#leftPanel #rugTypes div.round a:hover {
	background: transparent url(/images/leftmenu/round.gif) no-repeat 0 -30px;
}

#leftPanel #rugTypes div.designer a {
	background: transparent url(/images/leftmenu/designer.gif) no-repeat 0 0;	
}
#leftPanel #rugTypes div.designer a:hover {
	background: transparent url(/images/leftmenu/designer.gif) no-repeat 0 -30px;
}

#leftPanel #rugTypes div.wool a {
	background: transparent url(/images/leftmenu/wool.gif) no-repeat 0 0;	
}
#leftPanel #rugTypes div.wool a:hover {
	background: transparent url(/images/leftmenu/wool.gif) no-repeat 0 -30px;
}

#leftPanel #rugTypes div.washable a {
	background: transparent url(/images/leftmenu/washable.gif) no-repeat 0 0;	
}
#leftPanel #rugTypes div.washable a:hover {
	background: transparent url(/images/leftmenu/washable.gif) no-repeat 0 -30px;
}

#leftPanel #rugTypes div.skinsAndHides a {
	background: transparent url(/images/leftmenu/skinsAndHides.gif) no-repeat 0 0;	
}
#leftPanel #rugTypes div.skinsAndHides a:hover {
	background: transparent url(/images/leftmenu/skinsAndHides.gif) no-repeat 0 -30px;
}

#leftPanel #rugTypes div.budget a {
	background: transparent url(/images/leftmenu/budget.gif) no-repeat 0 0;	
}
#leftPanel #rugTypes div.budget a:hover {
	background: transparent url(/images/leftmenu/budget.gif) no-repeat 0 -30px;
}

#leftPanel #rugTypes div.naturalFibre a {
	background: transparent url(/images/leftmenu/naturalFibre.gif) no-repeat 0 0;	
}
#leftPanel #rugTypes div.naturalFibre a:hover {
	background: transparent url(/images/leftmenu/naturalFibre.gif) no-repeat 0 -30px;
}

#leftPanel #rugTypes div.hallwayRunners a {
	background: transparent url(/images/leftmenu/hallwayRunners.gif) no-repeat 0 0;	
}
#leftPanel #rugTypes div.hallwayRunners a:hover {
	background: transparent url(/images/leftmenu/hallwayRunners.gif) no-repeat 0 -30px;
}

#leftPanel #rugTypes div.kids a {
	background: transparent url(/images/leftmenu/kids.gif) no-repeat 0 0;	
}
#leftPanel #rugTypes div.kids a:hover {
	background: transparent url(/images/leftmenu/kids.gif) no-repeat 0 -30px;
}

#leftPanel #rugTypes div.handknotted a {
	background: transparent url(/images/leftmenu/handknotted.gif) no-repeat 0 0;	
}
#leftPanel #rugTypes div.handknotted a:hover {
	background: transparent url(/images/leftmenu/handknotted.gif) no-repeat 0 -30px;
}

#leftPanel #rugTypes div.outdoor a {
	background: transparent url(/images/leftmenu/outdoor.gif) no-repeat 0 0;	
}
#leftPanel #rugTypes div.outdoor a:hover {
	background: transparent url(/images/leftmenu/outdoor.gif) no-repeat 0 -30px;
}

#leftPanel #designerBrands div a {
	width: 157px;
	height: 55px;
	display: block;
	overflow: hidden;
	position: relative;
	padding: 2px 0px;
}


#leftPanel #designerBrands .header {
	padding: 10px 0px 5px 5px;
}

#leftPanel #designerBrands div a img {
	width: 157px;
	height: 55px;
}

#leftPanel #designerBrands div.jeffBanks a {
	background: transparent url(/images/leftmenu/jeffBanks.gif) no-repeat 0 0;	
}
#leftPanel #designerBrands div.brinkCampman a {
	background: transparent url(/images/leftmenu/brinkCampman.gif) no-repeat 0 0;	
}
#leftPanel #designerBrands div.arteEspina a {
	background: transparent url(/images/leftmenu/arteEspina.gif) no-repeat 0 0;	
}
#leftPanel #designerBrands div.wissenbach a {
	background: transparent url(/images/leftmenu/wissenbach.gif) no-repeat 0 0;	
}
#leftPanel #designerBrands div.i2k a {
	background: transparent url(/images/leftmenu/i2k.gif) no-repeat 0 0;	
}
#leftPanel #designerBrands div.calvinKlein a {
	background: transparent url(/images/leftmenu/calvinKlein.gif) no-repeat 0 0;	
}
#leftPanel #designerBrands div.nourison a {
	background: transparent url(/images/leftmenu/nourison.gif) no-repeat 0 0;	
}
#leftPanel #designerBrands div.deKowe a {
	background: transparent url(/images/leftmenu/deKowe.gif) no-repeat 0 0;	
}
#leftPanel #designerBrands div.lizClaiborne a {
	background: transparent url(/images/leftmenu/lizClaiborne.gif) no-repeat 0 0;	
}



/************************
	leftPanel end
************************/

/************************
	welcome start
************************/
#welcome {
	position: absolute;
	right: 2px;
	top: 120px;
	width: 120px;
	height: 29px;
	overflow: hidden;
	text-align: right;
}

#welcome a {
	color: #fff;
	padding: 10px 3px 0px 0px;
}

#welcome img {
	padding-right: 15px;
}
/************************
	welcome End
************************/

/********************************
	coSiteSubNavigation Start
********************************/


/********************************
	coSiteSubNavigation End
********************************/

/***********************
	siteMain Start
***********************/

#siteMain {
	position: relative;
	width: 970px;
/*	min-height: 2000px;
	_height: 2000px; */
	float: left;
	background-color: #ffffff;
	padding-bottom: 40px;
	z-index : 1;
}

#siteMain #mainPanel{
	position: relative;
	width: 790px;
	height: auto;
	float: left;
}

#siteMain .row {
	width: 98%;
	float: left;
	margin-bottom: 10px;
}

#siteMain .row .rightSizeLeft {
	float: left;
	width: 40px;
}

#siteMain .row .rightSizeRight {
	float: left;
	width: 550px;
}

#siteMain .row .label {
	width: auto;
	height: 15px;
	float: left;
	/* font: normal 0.9em verdana,arial,sans-serif; */
	padding: 3px 0px;
	margin-right: 8px;
}

#siteMain .row .label {
	width: auto;
	height: 15px;
	float: left;
	/* font: normal 0.9em verdana,arial,sans-serif; */
	padding: 3px 0px;
	margin-right: 8px;
}

#siteMain .row .button {
	width: auto;
	height: 15px;
	float: left;
	margin-right: 8px;
	padding: 3px 0px;
}

#siteMain .button.logoff {
	clear: both;
	display: block;
	position: relative;
	overflow: hidden;
	padding-top: 10px;
}

#siteMain .appBox {
	width: 608px;
	float:left;
	height:auto;
	padding: 10px 0px 30px 12px;
	/* padding-bottom: 30px; */
}

#siteMain .formTitle {
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 20px;
}

#siteMain .outroText p {
	width: 570px;
	float:left;
	/*padding: 10px 0px 30px 20px;*/
	padding: 0;
	font-size: 1.2em;
	font-weight: bold;
	
}

#siteMain .appBox .error_message {
	color: #E94342;
	font-weight: bold;
	margin-bottom: 10px;
	position: relative;
}


#siteMain .appBox label {
	font-weight: bold;
}

#siteMain .appBox input,
#siteMain .appBox textarea {
	width: 360px;
}

#siteMain .appBox .btnsubmit input {
	width: 50px;
	height: 17px;
}

#siteMain .appBox .btncancel input {
	width: 58px;
	height: 17px;
}

#siteMain .blue_panel_top {
	width: 598px;
	height: 16px;
	float: left;
	background-image: url(/images/general/blue_top.gif);
}

#siteMain .blue_panel {
	width: 578px;
	float: left;
	padding: 10px;
	background-color: #e0e0e0;
}

#siteMain .blue_panel_bottom {
	width: 598px;
	height: 16px;
	float: left;
	background-image: url(/images/general/blue_bottom.gif);
}

/***********************
	siteMain End
***********************/

/********************************
	coArticleSignpost Start
********************************/

#siteMain #signpostPanel {
	position: absolute;
	right: 0px;
	width: 179px;
	height: auto;
	overflow: hidden;
	/* border: 1px solid red; */
}

#siteMain #signpostPanel .coArticleSignpostImageOnly { 
	width: 177px;
	float: left;
	height: auto;
	margin-top: 4px;
}

#siteMain #signpostPanel .coArticleSignpostImageOnly .images {
	position: relative;
	width: 179px;
	float: left;
	height: auto;
	background-color: #fff;
}
#siteMain #signpostPanel .coArticleSignpostImageOnly .button {
	width: 179px;
	float: left;
	height: 17px;
	text-align: right;
	padding: 2px 0px 4px 0px;
	/*background: #ececec url(/res/coArticleSignpost/images/base.gif) no-repeat bottom left;*/
	
}

#siteMain #signpostPanel .coArticleSignpostImageOnly .button a {
	font-size: 0.8em;
	font-weight: bold;
}

/********************************
	coArticleSignpost End
********************************/



/********************************
	blog Start
********************************/

#siteMain #signpostPanel .blog { 
clear:both;
	width: 177px;
	height: 323px;
	background: transparent url(/res/blog/bg.gif);
	margin: 0;
	margin-top: 4px;
}

#siteMain #signpostPanel .blogBody {
	padding: 50px 0px 0px 0px;
	margin: 0;
}

#siteMain #signpostPanel .blogBody img {
	padding-left: 8px;
	float: left;
	overflow: hidden;
	width: 11px;
}

#siteMain #signpostPanel .blogBody h3 {
	float: left;
	overflow: hidden;
	width: 166px;
	height: auto;
	margin: 0;
	padding: 0;
	margin-left: 6px;
}

#siteMain #signpostPanel .blogBody h3 a {
	text-decoration: none;
}

#siteMain #signpostPanel .blogBody p,
#siteMain #signpostPanel .blogBody div {
	float: left;
	overflow: hidden;
	width: 166px;
	height: auto;
	margin: 0;
	padding: 0;
	margin-left: 6px;
	padding: 5px 0px 5px 0px;
}

#siteMain #signpostPanel .blogBody a:link,
#siteMain #signpostPanel .blogBody a:visited,
#siteMain #signpostPanel .blogBody a:hover,
#siteMain #signpostPanel .blogBody a:active {
	color: #433d37;
}

#siteMain #signpostPanel .blogButton { 
	width: 104px;
	height: 22px;	
	display: block;
	position: relative;
	overflow: hidden;	
	margin: 0;
	padding: 0;
	margin-left: 6px;
	padding-top: 10px;
}

#siteMain #signpostPanel .blogBottom img { 
	padding-top: 10px;
}
/********************************
	blog End
********************************/



/************************
	coSiteFooter Start
************************/
#coSiteFooter {
	position: relative;
	width: 970px;
	height: 70px;
	float: left;
	font-family: arial;
	background: #fff;
	margin-bottom: 20px;
}

#coSiteFooter #line {
	margin: 0px 0px 10px 18px;
}

#coSiteFooter #left {
	float: left;
	padding-left: 20px;
	width: 400px;
	height: 20px;
	color: #6b6b6b;
	font-size: 0.9em;
	display : block;
	clear : left;
}

#coSiteFooter #cardLogos {
	float: right;
	padding-right: 20px;
	width: 413px;
	height: 35px;
}

/************************
	coSiteFooter End
************************/

/************************
	Search Panel Start
************************/

#siteMain #signpostPanel .searchpanel {
	position: relative;
	float: left;
	width: 166px;
	height: auto;
	overflow: hidden;
	padding: 5px 8px 5px 5px;
	background: #ececec url(/res/coArticleSignpost/images/base.gif) no-repeat bottom left;
	border-bottom: 1px solid #fff;
}

#searchform {
	display: block;
	height: 48px;
}

#siteMain #signpostPanel .searchpanel .inputrow {
	width: 173px;
	float: left;
	margin-bottom: 2px;
}

#siteMain #signpostPanel .searchpanel .bottonrow {
	width: 173px;
	height: 17px;
	float: left;
	text-align: right;
	margin-top: 4px;
}

#siteMain #signpostPanel .searchinput {
	font-size: 0.9em;
	width: 173px;
}

#siteMain #signpostPanel .searchrugtype {
	width:173px;
}

#siteMain #signpostPanel .searchcolour {
	width:173px;
}

#siteMain #signpostPanel .searchprice {
	width:173px;
}

#siteMain #signpostPanel .searchsize {
	width:173px;
}

/************************
	Search Panel End
************************/



/************************
	Keyword Search Panel Start
************************/

#siteMain #signpostPanel .keyword_searchpanel {
	position: relative;
	display: block;
	overflow: hidden;
	width: 176px;
	height: 93px;
	background: #fff url(/res/shop/images/keyword_bg.gif) no-repeat bottom left;
	padding-top: 4px;
}

#siteMain #signpostPanel .keyword_searchpanel .inputrow {
	margin: 30px 0px 0px 8px;
}

#siteMain #signpostPanel .keyword_searchpanel .bottonrow {
	margin: 10px 0px 0px 8px;
	
}

#siteMain #signpostPanel .keyword_searchpanel .searchinput {
    font-size: 0.9em;
    width: 156px;
	border: 1px solid #b6b6b6;
}

/************************
	Keyword Search Panel End
************************/





/************************
	Rugmark Panel Start
************************/
#siteMain #signpostPanel .rugmarkPanel {
	position: relative;
	float: left;
	width: 166px;
	height: auto;
	overflow: hidden;	
	padding: 5px 8px 5px 5px;	
	background: #ececec url(/res/coArticleSignpost/images/base.gif) no-repeat bottom left;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
}

#siteMain #signpostPanel .rugmarkPanel .imageRow {
	float: left;
	width: 70px;
}

#siteMain #signpostPanel .rugmarkPanel .textRow {
	float: left;
	width: 95px;
	height: 95px;
	margin-top: -3px;
	margin-bottom: 2px;
}

#siteMain #signpostPanel .rugmarkPanel .moreLink {
	float: right;
}

/************************
	Rugmark Panel End
************************/


/************************
	Order By Phone Start
************************/
#bodyText .orderByPhone {
	float: right;
	width: 316px;
}

#bodyText .orderByPhone .left {
	float: left;
	width: 24px;
}

#bodyText .orderByPhone .right {
	padding-left: 8px;
	float: left;
	width: 284px;
}
/************************
	Order By Phone End
************************/



/************************
	Info Product Start
************************/
#bodyText .infoProduct {
	width: 394px;
	height: 60px;
	font-weight: normal;
	padding-top: 0px;
	display: block;
}

#bodyText .infoProduct .left {
	float: left;
	width: 40px;
	padding-top: 3px;
}

#bodyText .infoProduct .right {
	padding-left: 4px;
	float: left;
	width: 342px;
}

#bodyText .infoProduct hr {
	border:0;
	border-bottom: 1px solid #ececec;
	height: 0;
	background: #ececec;
}
/************************
	Info Product End
************************/


/*************************/
/* shopping basket start */
/*************************/

#basketsummary {
	position: relative;
	float: left;
	width: 176px;
	height: 67px;
	overflow: hidden;
	background: #fff url(/res/shop/images/basket_bg.gif);
	margin-top: 2px;
}

#basketsummary .image {
	width: 153px;
	height: 21px;
	float: left;
	padding: 8px 0px 0px 8px;
}

#basketsummary .empty {
	position: relative;
	float: left;
	width: auto;
	height: auto;
	font-size: 0.8em;
	text-align:center;
	font-weight: bold;
	margin: 4px 0px 0px 8px;
}

#basketsummary .full {
	position: relative;
	float: left;
	width: auto;
	height: auto;
	font-size: 0.8em;
	margin: 4px 0px 0px 8px;
	font-weight: bold;
}

#basketsummary .full .orange {
	color: #ff7e00;
}

.appContainer .basketTable {
	width: 595px;
	float:left;
	margin:5px;
	border-collapse: collapse;
}

.appContainer .basketTable th {
	color: #fff;
	padding: 5px;
	vertical-align: top;
	background-color: #000;
	font-weight: normal;
	border-right: 1px solid #fff;
}

.appContainer .basketRowBottomBorder {
	width: 595px;
	float:left;
	padding:5px;
}

.appContainer .basketImage {
	width: 124px;
	padding: 2px;
	overflow: hidden;
	background-color: #ececec;
	border-right: 1px solid #433D37;
	border-bottom: 1px solid #433D37;
}

.appContainer .basketColumn {
	width: 393px;
	padding: 5px;
	overflow: hidden;
	background-color: #ececec;
	border-right: 1px solid #433D37;
	border-bottom: 1px solid #433D37;
}

.appContainer .basketQuantity {
	width: 42px;
	padding: 5px;
	overflow: hidden;
	text-align:right;
	background-color: #ececec;
	border-right: 1px solid #433D37;
	border-bottom: 1px solid #433D37;
}

.appContainer .basketPrice {
	width: 80px;
	padding: 5px;
	overflow: hidden;
	text-align:right;
	background-color: #ececec;
	border-right: 1px solid #433D37;
	border-bottom: 1px solid #433D37;
}

.appContainer .basketButton {
	width:auto;
	float: right;
	text-align: right;
	padding:5px;
}

/***********************/
/* shopping basket end */
/***********************/

.selectTitle{
	color:#433D37;
}

.selectOption{
	color:#999;
}

.selectOptionDark{
	color:#000;
}

#sisalLink {
	/*float: left;*/
	display: block;
	position: relative;
	overflow: hidden;
	margin-top: 20px;
	width: 930px;
	height: 195px;
}

/* search colour panel */
#rugTypeSearchPanel {
	width: 918px;
	height: 64px;
	display: block;
	position: relative;
	float: left;
}

#rugTypeSearchPanel .searchSelects {
	position: absolute;
	left: 565px;
	bottom: 23px;
	width: 345px;
}

#searchColourPanel {
	margin: 4px 0px 4px 0px;
	display: block;
}

#searchColourPanel ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#searchColourPanel.inputrow {
	width: 600px !important;
	/*margin-left: -1px;*/
}

#searchColourPanel .searchcolourbutton {
	margin: 0;
}

#searchColourPanel li {
	width: 42px;
	height: 19px;
	display: block;
	float:left;
	cursor: pointer;
}

#searchColourPanel .colourSelectedName {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 6px;
	font-size: 0.9em;
	font-weight: bold;
}
#searchColourPanel .currentColour {
	text-transform: lowercase;
}

#searchColourPanel .any					{ background: url(/res/coShopSearch/images/any.gif) 0px 0px; }
/*#searchColourPanel .any:hover			{ background-position: 0px -19px; }*/
#searchColourPanel .any.ui-selected 	{ background-position: 0px -19px; }
#searchColourPanel .white				{ background: url(/res/coShopSearch/images/white.gif) 0px 0px; }
/*#searchColourPanel .white:hover			{ background-position: 0px -19px; }*/
#searchColourPanel .white.ui-selected 	{ background-position: 0px -19px; }
#searchColourPanel .black				{ background: url(/res/coShopSearch/images/black.gif) 0px 0px; }
/*#searchColourPanel .black:hover			{ background-position: 0px -19px; }*/
#searchColourPanel .black.ui-selected 	{ background-position: 0px -19px; }
#searchColourPanel .grey				{ background: url(/res/coShopSearch/images/grey.gif) 0px 0px; }
/*#searchColourPanel .grey:hover			{ background-position: 0px -19px; }*/
#searchColourPanel .grey.ui-selected 	{ background-position: 0px -19px; }
#searchColourPanel .blue				{ background: url(/res/coShopSearch/images/blue.gif) 0px 0px; }
/*#searchColourPanel .blue:hover			{ background-position: 0px -19px; }*/
#searchColourPanel .blue.ui-selected 	{ background-position: 0px -19px; }
#searchColourPanel .purple				{ background: url(/res/coShopSearch/images/purple.gif) 0px 0px; }
/*#searchColourPanel .purple:hover		{ background-position: 0px -19px; }*/
#searchColourPanel .purple.ui-selected 	{ background-position: 0px -19px; }
#searchColourPanel .pink				{ background: url(/res/coShopSearch/images/pink.gif) 0px 0px; }
/*#searchColourPanel .pink:hover			{ background-position: 0px -19px; }*/
#searchColourPanel .pink.ui-selected 	{ background-position: 0px -19px; }
#searchColourPanel .red					{ background: url(/res/coShopSearch/images/red.gif) 0px 0px; }
/*#searchColourPanel .red:hover			{ background-position: 0px -19px; }*/
#searchColourPanel .red.ui-selected 	{ background-position: 0px -19px; }
#searchColourPanel .orange				{ background: url(/res/coShopSearch/images/orange.gif) 0px 0px; }
/*#searchColourPanel .orange:hover		{ background-position: 0px -19px; }*/
#searchColourPanel .orange.ui-selected 	{ background-position: 0px -19px; }
#searchColourPanel .yellow				{ background: url(/res/coShopSearch/images/yellow.gif) 0px 0px; }
/*#searchColourPanel .yellow:hover		{ background-position: 0px -19px; }*/
#searchColourPanel .yellow.ui-selected 	{ background-position: 0px -19px; }
#searchColourPanel .green				{ background: url(/res/coShopSearch/images/green.gif) 0px 0px; }
/*#searchColourPanel .green:hover			{ background-position: 0px -19px; }*/
#searchColourPanel .green.ui-selected 	{ background-position: 0px -19px; }
#searchColourPanel .brown				{ background: url(/res/coShopSearch/images/brown.gif) 0px 0px; }
/*#searchColourPanel .brown:hover			{ background-position: 0px -19px; }*/
#searchColourPanel .brown.ui-selected 	{ background-position: 0px -19px; }
#searchColourPanel .beige				{ background: url(/res/coShopSearch/images/beige.gif) 0px 0px; }
/*#searchColourPanel .beige:hover			{ background-position: 0px -19px; }*/
#searchColourPanel .beige.ui-selected 	{ background-position: 0px -19px; }



/* search colour panel on left hand menu */
#leftPanel .searchpanel {
	clear: both;
	display: block;
	overflow: hidden;
	position: relative;
	margin: 7px 0px;
}

#searchColourPanelLeft {
	width: 161px;
	height: 45px;
	margin-left: 5px; 
}

#searchPanelLeftTop {
	background: url(/res/coShopSearch/images/leftmenu/panelTop.gif);
	width: 161px;
	height: 6px;
}

#searchPanelLeftBottom {
	background: url(/res/coShopSearch/images/leftmenu/panelBottom.gif);
	width: 161px;
	height: 6px;
}

#searchPanelLeftMid {
	background: url(/res/coShopSearch/images/leftmenu/panelMid.gif) repeat-y;
	width: 161px;
	display: block;
	overflow: hidden;
	position: relative;
}

#searchPanelLeftMid img {
	padding: 5px 0px 5px 5px;
}

#searchColourPanelLeft ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display : block;
}

#searchColourPanelLeft.inputrow {
	float: left;
	width: 161px !important;
	display :block;
}

#searchColourPanelLeft .searchcolourbutton {
	margin: 0;
}

.searchcolourbutton a {
	display : block;	
}

#searchColourPanelLeft li {
	width: 25px;
	height: 19px;
	overflow: hidden;
	display: block;
	float:left;
	cursor: pointer;
}

#searchColourPanelLeft .white				{ background: url(/res/coShopSearch/images/leftmenu/white.gif) 0px 0px; }
#searchColourPanelLeft .white:hover			{ background-position: 0px -19px; }
#searchColourPanelLeft .white.ui-selected 	{ background-position: 0px -19px; }
#searchColourPanelLeft .black				{ background: url(/res/coShopSearch/images/leftmenu/black.gif) 0px 0px; }
#searchColourPanelLeft .black:hover			{ background-position: 0px -19px; }
#searchColourPanelLeft .black.ui-selected 	{ background-position: 0px -19px; }
#searchColourPanelLeft .grey				{ background: url(/res/coShopSearch/images/leftmenu/grey.gif) 0px 0px; }
#searchColourPanelLeft .grey:hover			{ background-position: 0px -19px; }
#searchColourPanelLeft .grey.ui-selected 	{ background-position: 0px -19px; }
#searchColourPanelLeft .blue				{ background: url(/res/coShopSearch/images/leftmenu/blue.gif) 0px 0px; }
#searchColourPanelLeft .blue:hover			{ background-position: 0px -19px; }
#searchColourPanelLeft .blue.ui-selected 	{ background-position: 0px -19px; }
#searchColourPanelLeft .purple				{ background: url(/res/coShopSearch/images/leftmenu/purple.gif) 0px 0px; }
#searchColourPanelLeft .purple:hover		{ background-position: 0px -19px; }
#searchColourPanelLeft .purple.ui-selected 	{ background-position: 0px -19px; }
#searchColourPanelLeft .pink				{ background: url(/res/coShopSearch/images/leftmenu/pink.gif) 0px 0px; }
#searchColourPanelLeft .pink:hover			{ background-position: 0px -19px; }
#searchColourPanelLeft .pink.ui-selected 	{ background-position: 0px -19px; }
#searchColourPanelLeft .red					{ background: url(/res/coShopSearch/images/leftmenu/red.gif) 0px 0px; }
#searchColourPanelLeft .red:hover			{ background-position: 0px -19px; }
#searchColourPanelLeft .red.ui-selected 	{ background-position: 0px -19px; }
#searchColourPanelLeft .orange				{ background: url(/res/coShopSearch/images/leftmenu/orange.gif) 0px 0px; }
#searchColourPanelLeft .orange:hover		{ background-position: 0px -19px; }
#searchColourPanelLeft .orange.ui-selected 	{ background-position: 0px -19px; }
#searchColourPanelLeft .yellow				{ background: url(/res/coShopSearch/images/leftmenu/yellow.gif) 0px 0px; }
#searchColourPanelLeft .yellow:hover		{ background-position: 0px -19px; }
#searchColourPanelLeft .yellow.ui-selected 	{ background-position: 0px -19px; }
#searchColourPanelLeft .green				{ background: url(/res/coShopSearch/images/leftmenu/green.gif) 0px 0px; }
#searchColourPanelLeft .green:hover			{ background-position: 0px -19px; }
#searchColourPanelLeft .green.ui-selected 	{ background-position: 0px -19px; }
#searchColourPanelLeft .brown				{ background: url(/res/coShopSearch/images/leftmenu/brown.gif) 0px 0px; }
#searchColourPanelLeft .brown:hover			{ background-position: 0px -19px; }
#searchColourPanelLeft .brown.ui-selected 	{ background-position: 0px -19px; }
#searchColourPanelLeft .beige				{ background: url(/res/coShopSearch/images/leftmenu/beige.gif) 0px 0px; }
#searchColourPanelLeft .beige:hover			{ background-position: 0px -19px; }
#searchColourPanelLeft .beige.ui-selected 	{ background-position: 0px -19px; }



/*deal of the month*/
#dotm_row { 
	display: block;
	overflow: hidden;
	position: relative;
	width: 608px;
}

#dotm_row .title, 
#dotm_row .header1 {
	float: left;
	width: 400px;
	overflow: hidden;
	margin: 14px 0px 0px 0px;
}

#dotm_row .title.product, 
#dotm_row .header1.product {
	margin: 0px 0px 0px 0px;
}

#dotm_image {
	float: right;
	margin-right: 25px;
}

.appContainer .productFreeText {
	display: block;
	overflow: hidden;
	position: relative;
	margin: 15px 0px;
}


#siteMain .rugmarkPanel {
	width: 157px;
	height: 219px;
	margin: 0 4px;	
	background: transparent url(/res/coRugmarkLogoObject/bg.gif);	
}

#siteMain .rugmarkPanel .imageRow {
	padding: 10px 0px 0px 10px;
}

#siteMain .rugmarkPanel .textRow {
	padding: 10px 10px 10px 10px;
}

#siteMain .rugmarkPanel .moreLink {
	padding: 10px 0px 0px 10px;
}


#siteMain #quotecontent { 
	margin: 0;
	padding-top: 4px;
	margin-bottom: 4px;
}




.footer {
	width: 760px;
	margin: 0px 10px 10px 15px;
}