/*
 
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: #381B08;
}

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: #381B08;
	text-decoration: underline;
}

a:hover {
	color: #FF7E00;
}

p {
	margin: 10px 0px;
}




ul {
	list-style-type: square
}

#frontBody {
	background-color: #AED5F3; /* important - background color required in order to prevent mirror of death in CMS */
}

#siteHolder {
	width : 802px;
	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 : 802px;
	height: 127px;
	float: left;
	background: transparent url(/res/coSiteTool/images/header.jpg) no-repeat top left;
}

#coSiteTool #tabsPanel {
	position: absolute;
	bottom: 0;
	width : 802px;
	height: 36px;
}

#coSiteTool #tabsPanel ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#coSiteTool #tabsPanel li {
	height: 21px;
	width: auto;
	float: left;
}

#coSiteTool #tabsPanel li.home a {
	width: 48px;
	height: 21px;
	float:left;
	background: #AED5F3 url(/res/coSiteTool/images/home_lo.gif) no-repeat top left;
}

#coSiteTool #tabsPanel li.home a.current,
#coSiteTool #tabsPanel li.home a.current:hover {
	width: 48px;
	height: 21px;
	float:left;
	background: #AED5F3 url(/res/coSiteTool/images/home_select.gif) no-repeat top left;
}

#coSiteTool #tabsPanel li.home a:hover {
	width: 48px;
	height: 21px;
	float:left;
	background: #AED5F3 url(/res/coSiteTool/images/home_hi.gif) no-repeat top left;
}

#coSiteTool #tabsPanel li.home a img {
	width: 48px;
	height: 21px;
}

#coSiteTool #tabsPanel li.help a {
	width: 38px;
	height: 21px;
	float:left;
	background: #AED5F3 url(/res/coSiteTool/images/help_lo.gif) no-repeat top left;
}

#coSiteTool #tabsPanel li.help a.current,
#coSiteTool #tabsPanel li.help a.current:hover {
	width: 38px;
	height: 21px;
	float:left;
	background: #AED5F3 url(/res/coSiteTool/images/help_select.gif) no-repeat top left;
}

#coSiteTool #tabsPanel li.help a:hover {
	width: 38px;
	height: 21px;
	float:left;
	background: #AED5F3 url(/res/coSiteTool/images/help_hi.gif) no-repeat top left;
}

#coSiteTool #tabsPanel li.help a img {
	width: 38px;
	height: 21px;
}

#coSiteTool #tabsPanel li.delivery a {
	width: 58px;
	height: 21px;
	float:left;
	background: #AED5F3 url(/res/coSiteTool/images/delivery_lo.gif) no-repeat top left;
}

#coSiteTool #tabsPanel li.delivery a.current,
#coSiteTool #tabsPanel li.delivery a.current:hover {
	width: 58px;
	height: 21px;
	float:left;
	background: #AED5F3 url(/res/coSiteTool/images/delivery_select.gif) no-repeat top left;
}

#coSiteTool #tabsPanel li.delivery a:hover {
	width: 58px;
	height: 21px;
	float:left;
	background: #AED5F3 url(/res/coSiteTool/images/delivery_hi.gif) no-repeat top left;
}

#coSiteTool #tabsPanel li.delivery a img {
	width: 58px;
	height: 21px;
}

#coSiteTool #tabsPanel li.contact a {
	width: 72px;
	height: 21px;
	float:left;
	background: #AED5F3 url(/res/coSiteTool/images/contact_lo.gif) no-repeat top left;
}

#coSiteTool #tabsPanel li.contact a.current,
#coSiteTool #tabsPanel li.contact a.current:hover {
	width: 72px;
	height: 21px;
	float:left;
	background: #AED5F3 url(/res/coSiteTool/images/contact_select.gif) no-repeat top left;
}

#coSiteTool #tabsPanel li.contact a:hover {
	width: 72px;
	height: 21px;
	float:left;
	background: #AED5F3 url(/res/coSiteTool/images/contact_hi.gif) no-repeat top left;
}

#coSiteTool #tabsPanel li.contact a img {
	width: 72px;
	height: 21px;
}

#coSiteTool #tabsPanel li.favourite a {
	width: 112px;
	height: 21px;
	float:left;
	background: #AED5F3 url(/res/coSiteTool/images/favourite_lo.gif) no-repeat top left;
}

#coSiteTool #tabsPanel li.favourite a.current,
#coSiteTool #tabsPanel li.favourite a.current:hover {
	width: 112px;
	height: 21px;
	float:left;
	background: #AED5F3 url(/res/coSiteTool/images/favourite_select.gif) no-repeat top left;
}

#coSiteTool #tabsPanel li.favourite a:hover {
	width: 112px;
	height: 21px;
	float:left;
	background: #AED5F3 url(/res/coSiteTool/images/favourite_hi.gif) no-repeat top left;
}

#coSiteTool #tabsPanel li.favourite a img {
	width: 112px;
	height: 21px;
}

#coSiteTool #tabsPanel li.blog a {
	width: 54px;
	height: 21px;
	float:left;
	background: #AED5F3 url(/res/coSiteTool/images/blog_lo.gif) no-repeat top left;
}

#coSiteTool #tabsPanel li.blog a.current,
#coSiteTool #tabsPanel li.blog a.current:hover {
	width: 54px;
	height: 21px;
	float:left;
	background: #AED5F3 url(/res/coSiteTool/images/blog_select.gif) no-repeat top left;
}

#coSiteTool #tabsPanel li.blog a:hover {
	width: 54px;
	height: 21px;
	float:left;
	background: #AED5F3 url(/res/coSiteTool/images/blog_hi.gif) no-repeat top left;
}

#coSiteTool #tabsPanel li.blog a img {
	width: 54px;
	height: 21px;
}
/************************
	coSiteTool End
************************/

/************************
	sitemap link start
************************/
#sitemapLink {
	position: absolute;
	left: 400px;
	top: 95px;
}

#sitemapLink a {
	color: #255968;
	font-weight: bold;
	text-decoration: underline;
}

#sitemapLink a:hover {
	color: #FF7E00;
}
/************************
	sitemap link End
************************/


/************************
	welcome start
************************/
#welcome {
	position: absolute;
	left: 460px;
	top: 95px;
	width: 70px;
	height: 30px;
	overflow: hidden;
	text-align: right;
}

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

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


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

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

#siteMain {
	position: relative;
	width: 802px;
	min-height: 1750px;
	_height: 1750px;
	float: left;
	background-color: #ffffff;
	padding-bottom: 40px;
}

#siteMain #mainPanel{
	position: relative;
	width: 620px;
	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 .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: #AED5F3;
}

#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;
	margin-top: -19px;
	right: 0px;
	width: 179px;
	height: auto;
	overflow: hidden;
	/* border: 1px solid red; */
}

#siteMain #signpostPanel .coArticleSignpostImageOnly { 
	width: 179px;
	float: left;
	height: auto;
	margin-bottom: 1px;
}

#siteMain #signpostPanel .coArticleSignpostImageOnly .images {
	postion: relative;
	width: 179px;
	float: left;
	height: auto;
	background-color: #AED5F3;
}
#siteMain #signpostPanel .coArticleSignpostImageOnly .button {
	width: 179px;
	float: left;
	height: 17px;
	text-align: right;
	padding: 2px 0px 4px 0px;
	background: #AED5F3 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 { 
	width: 179px;
	float: left;
	height: auto;
	/*margin-bottom: 1px;*/
	
	background-color: #AED5F3;
	
	display: block;
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#siteMain #signpostPanel .blogTop { 
	width: 179px;
	height: 49px;
	float: left;	
	display: block;
	position: relative;
	overflow: hidden;	
	margin: 0;
	padding: 0;
}


#siteMain #signpostPanel .blogBody {
	margin: 0;
	padding: 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: 5px;*/
	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: #381b08;
}

#siteMain #signpostPanel .blogBottom { 
	background: #AED5F3 url(/res/blog/blogBottom.gif) no-repeat bottom left;
	width: 179px;
	height: 42px;	
	display: block;
	position: relative;
	overflow: hidden;	
	margin: 0;
	padding: 0;
}

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



/************************
	coSiteFooter Start
************************/
#coSiteFooter {
	position: relative;
	width: 802px;
	height: 50px;
	float: left;
	font-family: arial;
	background: transparent url(/res/coSiteFooter/images/footer.jpg) no-repeat top left;
	/* border: 1px solid red; */
}

#coSiteFooter #cardLogos {
	position: relative;
	left: 5px;
	width: 400px;
	height: 35px;
	margin-top: -40px;
}

#coSiteFooter #leftTop {
	position: relative;
	top: 5px;
	left: 5px;
	width: 400px;
	height: 20px;
	color: #ffffff;
	font-size: 0.9em;
}

#coSiteFooter #leftBottom {
	position: relative;
	bottom: -5px;
	left: 0px;
	width: 400px;
	height: 15px;
	color: #381B08;
}

#coSiteFooter #leftBottom a {
	color: #381B08;
	text-decoration: none;
	font-weight: bold;
}
/*
#coSiteFooter #right {
	position: relative;
	float: right;
	width: 100px;
	height: 15px;
	text-align: right;
	padding-right: 8px;
	margin-top: -20px;
}

#coSiteFooter #right a {
	color: #255968;
	font-weight: bold;
	text-decoration: underline;
}

#coSiteFooter #right a:hover {
	color: #FF7E00;
}
*/
#coSiteFooter #bottom {
	position: relative;
	float: left;
	margin-top: -5px;
	width: 100%;
	height: 20px;
	text-align: left;
	padding-left: 5px;
	/* border: 1px solid red; */
}

#coSiteFooter #bottom a {
	color: #255968;
	font-weight: bold;
	text-decoration: none;
}

#coSiteFooter #bottom a:hover {
	color: #FF7E00;
}

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

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

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

#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;
}

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

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

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

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

/************************
	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: #AED5F3 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 #aed5f3;
	height: 0;
	background: #aed5f3;
}
/************************
	Info Product End
************************/


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

#basketsummary {
	position: relative;
	float: left;
	width: 163px;
	height: 55px;
	overflow: hidden;
	padding: 5px 8px;
	background-color: #AED5F3;
	border-bottom: 1px solid #fff;
}

#basketsummary .image {
	width: 126px;
	height: 21px;
	float: left;
}

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

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

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

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

.appContainer .basketRowBottomBorder {
	width: 595px;
	float:left;
	padding:5px;
	border-bottom:1px solid #53350E;
}

.appContainer .basketImage {
	width: 124px;
	padding: 2px;
	overflow: hidden;
	background-color: #DEEEFB;
	border-right: 1px solid #53350E;
	border-bottom: 1px solid #53350E;
}

.appContainer .basketColumn {
	width: 375px;
	padding: 5px;
	overflow: hidden;
	background-color: #DEEEFB;
	border-right: 1px solid #53350E;
	border-bottom: 1px solid #53350E;
}

.appContainer .basketQuantity {
	width: 60px;
	padding: 5px;
	overflow: hidden;
	text-align:right;
	background-color: #DEEEFB;
	border-right: 1px solid #53350E;
	border-bottom: 1px solid #53350E;
}

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

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

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

.selectTitle{
	color:#53350E;
}

.selectOption{
	color:#999;
}

.selectOptionDark{
	color:#000;
}

#sisalLink {
	float: left;
	margin-top: 20px;
	width: 599px;
	height: 194px;
}