/***************/
/* main layout */
/***************/
body { margin: 0; padding: 0; background: #a7a7a7 url('../images/bg.gif') top center repeat-y; }

#bodyWrapper { width: 940px; margin: auto; margin-top: 6px; }

/* specific link colours for this site */
a:link 	  { color: #767676; text-decoration: underline; }
a:visited { color: #767676; text-decoration: underline; }
a:hover   { color: #999; text-decoration: underline; }
a:active  { color: #999; text-decoration: underline; }

h1 { font-size: 1.64em; line-height: 1.2em; }
h2 { font-size: 1.45em; line-height: 1.2em; }
h3 { font-size: 1.27em; line-height: 1.2em; }
h4 { font-size: 1.09em; line-height: 1.1em; }
h5 { font-size: 1em;    line-height: 1.1em; }
h6 { font-size: 1em;    line-height: 1.1em; }

h1.title, span.title { background-color: #666; color: #fff; padding: 3px 7px 5px; line-height: 1.3em; font-size: 1em; margin-bottom: 10px; }
h2       { background-color: #666; color: #fff; padding: 3px 7px 5px; line-height: 1.3em; font-size: 1em; margin-bottom: 10px; font-weight: normal; }


span.title {display: block; font-weight: bold}

.inputOther { 
	height:17px; 
	background:#666666; 
	border:0px; 
	width:250px; 
	color:#fff;  
}
.inputOtherSelect { 
	height:17px; 
	background:#666666; 
	border:0px; 
	width:250px; 
	color:#fff; 
}
.inputOtherTextarea { 
	height:80px; 
	background:#666666; 
	border:0px; 
	width:250px;  
	color:#fff; 
}
.btn { 
	height:17px; 
	background:#666666; 
	border:0px; 
	width:70px; 
	color:#fff; 
	padding-bottom:1px; 
	cursor:pointer;
}

.new_solutions     h1,
.new_solutions     h2, .new_solutions     span    { background-color: #00a7da; color: #fff; }
.new_solutions     input[type=text] { color: #00a7da; border: 1px solid #00a7da; }
.used_solutions    h1,
.used_solutions    h2    { background-color: #8daa2d; color: #fff; }
.used_solutions    input[type=text] { color: #8daa2d; border: 1px solid #8daa2d; }
.interiors         h1,
.interiors         h2    { background-color: #eb088a; color: #fff; }
.interiors         input { color: #eb088a; }
.clearance         h1,
.clearance         h2    { background-color: #d4e607; color: #333; }
.clearance         input { color: #d4e607; }
.schools_charities h1,
.schools_charities h2    { background-color: #e6aa07; color: #fff; }
.schools_charities input { color: #e6aa07; }
.stationery        h1,
.stationery        h2    { background-color: #ba7ff1; color: #fff; }
.stationery        input { color: #ba7ff1; }

/*******************/
/* header elements */
/*******************/
#headerContainer { margin-bottom: 8px; }

#headerContainer #logoContainer { 
	float: left;  
	height: 69px;
	padding: 45px 32px 0px 0px;
	width: 206px;
}

#contactContainer {
	float: left;
	width: 279px;
	padding: 35px 25px 0px 0px;
}

.social {
	float:left;
	margin: 0 4px 0 0;
}


#headerContainer #navContainer  { float: right; width: 296px; }

#headerContainer #navContainer ul {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
}
#headerContainer #navContainer ul li { background: #999; color: #fff; float: left; padding-left: 6px; width: 132px; margin-left: 10px; margin-top: 3px; }
#headerContainer #navContainer ul li a { display: block; padding-left: 6px; text-decoration: none; background: #666; color: #fff; line-height: 1.3em; padding-bottom: 1px; }
#headerContainer #navContainer ul li a:hover { background: #999; }


/********************/
/* content elements */
/********************/
#restContainer { background: #f4f4f4; color: #333; padding: 20px; }

#mainContainer {
	margin: 0;
	padding: 0;
}

/* two main content areas */
#sidebar { width: 175px; float: left; overflow: hidden; }
#sidebar .sidebarItem { margin-bottom: 20px; }
#mainContent { width: 715px; float: right; }


/* those boxes on the front page */
.frontBox {
  font-size: 0.91em;
  background: #fff;
  width: 210px;
  height: 270px;
  float: left;
  margin-right: 30px;
  margin-bottom: 13px;
  line-height: 1.3em;
  position: relative;
}

.frontBox .content { padding: 6px 6px 0;font-size:12px;line-height: 15px; }

/* news */
#sidebar .newsItem { padding: 1px 5px; }                /* only have the padding (for hover colour) on the sidebar */
#sidebar .newsItem:hover { background-color: #fbfbfb; } /* only have the hover colour on the sidebar */
.newsItem .newsTitle   { font-weight: bold;}
.newsItem .newsDate    { font-style: italic; }
.newsItem .newsContent { margin-top: 10px; }
.newsItem .newsContent .newsImage { float: left; margin-right: 5px; margin-bottom: 5px; }

/* biogs */
.biogPic { float: left; display: block; margin-right: 10px; text-decoration: none !important; text-align: center; }


.biog .biogName    { font-weight: bold; margin-bottom: 6px; font-size: 1.1em; }
.biog .biogContent { margin-left: 110px; margin-top: 10px; }
.biog .biogImage   { float: left; margin-right: 10px; margin-bottom: 10px; }

/* testimonials */
#sidebar .testItem { padding: 1px 5px; }                /* only have the padding (for hover colour) on the sidebar */
#sidebar .testItem:hover { background-color: #fbfbfb; } /* only have the hover colour on the sidebar */
.testItem .testTitle   { font-weight: bold; }
.testItem .testDate    { font-style: italic; }
.testItem .testContent { margin-top: 10px; }

/* case studies */
#sidebar .caseItem            { padding: 1px 5px; } /* only have the padding (for hover colour) on the sidebar */
#sidebar .caseItem:hover      { background-color: #fbfbfb; } /* only have the hover colour on the sidebar */
.caseItem .caseImages      { float: left; width: 100px; }
.caseItem .caseBody        { float: right; width: 600px; }
.caseItem .caseTitle       { font-weight: bold; font-size: 1.09em; }
.caseItem .caseClient      { margin-top: 10px; font-style: italic; }
.caseItem .caseBrief       { margin: 20px 0; }
.caseItem .caseDescription { margin: 20px 0; }

/* catalogue categories */
#sidebar #cats { }
#sidebar #cats ul { list-style: none; margin: 0; margin-left: 10px; padding: 0; }
#sidebar #cats ul li { margin: 0; padding: 0; }
#sidebar #cats ul li a { color: #333; }

/* partners/links */
.partner { margin: 10px 0; }
.partner h2 { background: none; color: #333; font-weight: bold; padding: 0; font-size: 1.3em; line-height: 1.2em; }

/* search area */
#searchForm { text-align: right; }
#searchForm #searchBox    { padding: 3px 5px 4px; width: 159px; }
#searchForm #searchSubmit { margin-top: 4px; }

/* callback area */
#callbackForm { text-align: right; }
#callbackForm #callName,
#callbackForm #callTel    { padding: 3px 5px 4px; width: 159px; }
#callbackForm #callTel    { margin-top: 4px; }
#callbackForm #callSubmit { margin-top: 4px; }

/* signup area */
#signupForm { text-align: right; }
#signupForm #first_name,
#signupForm #last_name,
#signupForm #email        { padding: 3px 5px 4px; width: 159px; }
#signupForm #last_name    { margin-top: 4px; }
#signupForm #email        { margin-top: 4px; }
#signupForm #signupSubmit { margin-top: 4px; }

/* gallery */
#galleryCategories { float: left;  width: 220px; }
#gallery           { float: right; width: 660px; }

#galleryCategories ul    { margin: 0 0 0 10px; padding: 0; list-style: none; font-size: 1.09em; }
#galleryCategories ul li { margin: 0; padding: 0; }


hr {
	border-bottom: dashed #000 1px;
	height: 1px;
	border-top: none;
	border-left: none;
	border-right: none;
}

/*****************/
/* photo gallery */
/*****************/
div.galleryItem { /* one gallery item */
	width: 100px;
	height: 100px;
	float: left;
	margin: 5px;
}

/*******************/
/* footer elements */
/*******************/
#footer { background: #fff; padding: 9px 14px; margin-top: 20px; }
#footer a { text-decoration: none; } /* for the clevercherry.com link */


/***********************/
/* general form styles */
/***********************/
#contactform	{ float: left; }  /* the contact form itself */
#contact		{ float: right; } /* contact info or whatever on right */

#recaptcha_widget         { margin-bottom: 15px; }
#recaptcha_image          { float: left; width: 300px; }
#recaptcha_options        { border-left: 1px solid #999; padding-left: 5px; float: left; margin-left: 10px; }
#recaptcha_response_field { width: 200px; background:#666; border:0px;  height:17px;  color:#fff; }
#recaptcha_notice         { font-size: 0.833em; color: #555; }

/* all form elements are contained within a formrow div, with a label and
 *  then the element, this is the best way (but still not good) to emulate
 *  a table */
div.formrow {
	clear: both;
	text-align: left;
	margin-bottom: 10px;
}

div.formrow label {
	float: left;
	text-align: left;
	margin-right: 10px;
	width: 100%; /* default width for a default form, add new form ids and override */
}
div.formrow.indent {  } /* label width + label margin-right, override as above */

/* message and error boxes, not just useful in contact form */
div.box { border: 1px solid #080; color: #080; padding: 3px 5px; margin-bottom: 15px; float: left; } /* you may need to clearfix this */
div.box.nomargin { margin-bottom: 0; } /* if before something with a margin-top */
div.box.error { border-color: #f00; color: #f00; } /* error box in red */

/* message and error boxes, not just useful in contact form */
#messages,
#errors,
#warnings,
#info { margin-bottom: 10px; }
.message { border: 1px solid #080; background: #efe; color: #080; padding: 3px 5px; margin-bottom: 15px; float: left; } /* you may need to clearfix this */
.message.nomargin { margin-bottom: 0; } /* if before something with a margin-top */
.message.info { border-color: #880; background: #ffe; color: #880; } /* info box in yellow */
.message.warn { border-color: #f40; background: #ffe; color: #f40; } /* warning box in orange */
.message.error { border-color: #f00; background: #fee; color: #f00; } /* error box in red */

#sidebar_contact { text-align:left; background:#ea0789; width:175px; font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;  overflow:hidden; margin:0px 0px 10px 0px;  }
#sidebar_contact_inner { padding:10px;}
#sidebar_contact form { margin:0px; padding:0px;  }
#sidebar_contact h2 { color:#f6f297; padding:0px; margin:0px; text-align:right; font-size:16px; font-weight:normal; background:none!important; }
#sidebar_contact p.top { color:#f6f297; margin:0px; padding:0px; text-align:right; font-size:12px; }


#sidebar_contact input { float:left; display:block; width:100%; height:auto; padding:3px 5px 3px 5px; }
#sidebar_contact p { padding:0px 0px 5px 0px; overflow:hidden; margin:0px; }
#sidebar_contact label { float:left; font-weight:normal; color:#ffffff; font-weight:normal; display:block; width:70px; line-height:16px; font-size:14px; text-align:left; margin:0px; }
#sidebar_contact input.submitbutton { height:auto!important; background:#accc41; border:2px solid #af8797; font-weight:bold; margin:10px 0px 0px 0px; color:#413e3e; }
#sidebar_contact input.submitbutton:hover { height:auto!important; background:#d3ec7a; border:2px solid #6a4252; font-weight:bold; margin:10px 0px 0px 0px; color:#413e3e; }
#sidebar_contact textarea { float:right; display:block; width:140px; padding:2px 5px 2px 5px; }
.formextra p { display:hidden; height:0px; }
p.formextra { display:hidden; height:0px; padding:0px!important; margin:0px!important;}

#sidebar_contact select { float:right; display:block; height:30px; width:155px; padding:2px 5px 2px 5px; }
#sidebar_contact select:focus { }	






.frontBox .content a.moreInfoBtn{ display: block; outline:0px solid black; width: 72px; float: right; height: 22px; margin: 0; padding: 0; text-decoration: none; background: #666; color: #fff; text-align: center; font-size: 13px; margin-top: 10px;line-height:20px;position: absolute;bottom:0;right:0;}
.frontBox .content a.moreInfoBtn span{ width: 6px; height: 22px; margin: 0; padding: 0; background: #000; float: left}

.frontBox .content a.moreInfoBtn span#newFurn { background: #00A7DA}
.frontBox .content a.moreInfoBtn span#usedFurn { background: #ADCD42}
.frontBox .content a.moreInfoBtn span#inTeriors { background: #EB0889}
.frontBox .content a.moreInfoBtn span#cleaRance { background: #D4E607}
.frontBox .content a.moreInfoBtn span#schoolsCharity { background: #E6A907}
.frontBox .content a.moreInfoBtn span#moveManagement { background: #BA7FF1}

#shortlistDisplay ul {list-style-type: none; margin: 10px; padding: 0}
#shortlistDisplay ul li {list-style-type: none; margin: 0; padding: 0}

#shortlistDisplay ul li a {color:#333}


a.moreInfoBtn{  float:left; position:relative; outline:0px solid black; width: 120px; float: right; height: 22px; margin: 0; padding: 0; text-decoration: none; background: #666; color: #fff; text-align: center; font-size: 13px; margin-top: 10px;line-height: 20px}