
body {
  margin: 0;
  padding: 0;
  height: 100%;
  background-color: #eee;
  color: #000000;  
  text-align: center;
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size: .9em;
}

form {
	padding: 0;
	margin: 0;
}

img {
  border: none;
}

a {
  color: #000000;
  text-decoration: none;
}

a:hover {
  color: #cccccc;
  text-decoration: underline;
}

blockquote {
  margin: 1em;
  padding: .5em;
  background-color: #eeeeee;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}

blockquote p {
  margin:.2em;
}

#centerColumn { 	
  margin: 0 auto;
  padding: 10px;
  width: 790px;
  text-align: left;
  vertical-align: middle;	
  background-color: #ffffff;
}

#centerColumn h2 {
  font-size: 16px;
}

#header-top {
  margin: 0 0 0 0;
  padding: 0px;
  height: 70px;
  background-color: #ffffff;
}

#header-top h1 {
  margin:0 0 -.6em 0;
  padding:1em 0 0 1em;
  font-size:1.5em;
  letter-spacing:.1em;
}

#header-top h2 {
  margin:0 0 0 0;
  padding:1em 0 0 1.75em;
  font-size:.9em;
  font-weight:300;
  letter-spacing:.1em;
}

#logo {
  float: left;
}

#flash {
	width: 790px;
}

#quickSearch {
  float: right;
}

#quickSearch input {
  font-size: 11px;
}

#quickSearch .quickSearchFix {
  margin-bottom: -6px;
  margin-left: -1px;
}

#navigation-top {
  float: right;
}

#navigation-top ul {
  float: left;
  padding-right: 2px;
  padding-top: 3px;
}

#navigation-top li {
  display: inline;
  font-size: 17px;
  padding-left: 10px;
}

#navigation-top li a {
  color: #798573;
  text-decoration: none;
}

#navigation-top li a:hover {
  color: #5A353E;
}

#bottomColumn { 	
  margin: 0 auto;
  padding: 10px;
  width: 790px;
  text-align: left;
  vertical-align: middle;	
  background-color: #ffffff;
}

#header-bottom {
  margin: 0 0 0 0;
  padding: 0px;
  height: 30px;
  background-color: #ffffff;
}

#navigation-bottom {
  position: absolute;
  text-align: center;
  left: 50%;
  margin-left: -150px;
}

#navigation-bottom ul {
  float: left;
  padding-right: 2px;
  padding-top: 3px;
}

#navigation-bottom li {
  display: inline;
  font-size: 17px;
  padding-left: 10px;
}

#navigation-bottom li a {
  color: #798573;
  text-decoration: none;
}

#navigation-bottom li a:hover {
  color: #5A353E;
}

#content {
  margin: 0;
  padding: 0;
}

#fauxRightColumn {
  position:relative;
  float:right;
  margin:.5em 0 0 .5em;
  padding:0 .7em 0 .7em;
  width:11em;
  font-size:.9em;
  background-color:#ffffff;
  border:1px solid #cccccc;
}

#fauxRightColumn h2 {
  margin-bottom:-1em;
  font-size:.9em;
}

#fauxRightColumn ul {
  margin:1.5em 0 0 0;
  list-style:none;
}

#fauxRightColumn li {
  margin:0 0 .2em -3em;
}

#fauxRightColumn li a {
  text-decoration:underline;
}

#fauxRightColumn li a:hover{
  text-decoration:none;
}

#footer {
  position:relative;
  bottom:0;
  margin: 10px 0 0 0;
  padding:0;
  height:4em;
  line-height:2em;
  text-align:center;
  font-size:.7em;
  background-color:#ffffff;
  border-top:1px solid #cccccc;
}

#searchResults {
  /*min-height: 770px;*/
}

#leftColumn {
  /*float: left;*/
  width: 435px;
}

#rightColumn {
  /*float: right;*/
  width: 312px;
}

#photo {
  text-align: center;
}

#thumbnails {
  height: 128px;
  width: 430px;
  overflow: auto;
}

#search.home {
	padding: 5px 0 0 5px;
}

#purchase {
}

#search .searchWidget, #purchase .purchaseWidget {
  padding-top: 1px;
  padding-bottom: 10px;
  width: 310px;
}

#search .searchWidget .searchWidgetHeader, #purchase .purchaseWidget .purchaseWidgetHeader {
  height: 20px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding: 3px 10px 3px 10px;
}

#search .searchWidget .searchWidgetHeader a {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

#search .searchWidget .searchWidgetHeader a:hover {
  color: #fff;
  font-weight: bold;
  text-decoration: underline;
}

#search .searchWidget .inactive {
  background: #fff url(../images/greybar.png) no-repeat;
}

#search .searchWidget .active, #purchase .purchaseWidget {
  background: #fff url(../images/purplebar.png) no-repeat;
}

#search .searchWidget .searchWidgetBody, #purchase .purchaseWidget .purchaseWidgetBody {
  padding-left: 6px;
  padding-right: 6px;
  margin-top: 3px;
}

.tooltip {
	font-size: 12px;
	background: #eec;
	border: 1px solid #ccc;
	padding: 4px;
	margin: 4px;
	width: 300px;
	max-height: 270px;
	overflow: auto;
}

.tooltip h3 {
	margin-top: 0;
	font-size: 14px;
}

.tooltip ol {
	padding-left: 19px;
}

#home_top {
	height: 385px;
}

#home_search {
	height: 156px;
	background: #fff url(../images/home_search_bg.png) no-repeat;
	padding: 10px 0 0 10px;
	margin-left: 10px;
}

#home_search div img {
	padding: 0 10px 0 10px;
}

#room-colour-upload-tool table {
	margin:10px;
	text-align:center;
	border:1px solid #000;
}

#room-colour-upload-tool td {
	border:1px solid #000;
	
}

#room-colour-upload-tool td div {
    width: 50px;
	height:49px;
}

#room-colour-upload-tool img {
}

div.auto_complete {
	width: 350px;
	background: #fff;
}
div.auto_complete ul {
	border:1px solid #888;
	margin:0;
	padding:0;
	width:100%;
	list-style-type:none;
}
div.auto_complete ul li {
	margin:0;
	padding:3px;
}
div.auto_complete ul li.selected { 
	background-color: #ffb; 
}
div.auto_complete ul strong.highlight { 
	color: #800; 
	margin:0;
	padding:0;
}

#container {
	height:420px;
}

#subscribe_mail {
	text-align:justify;
	font-size: 12px;
	color: #4a2f36;
	position: absolute;
	top: 375px;
}

#subscribe_mail input {
	font-size: 10px;
}

.helptip .title {
	font: italic 17px Georgia, serif;
	padding: 5px;
	display: block;
	background: #0F6788;
	color: #fff;
}

.helptip .content {
	font-size: 11px;
	padding: 5px;
	width: 150px;
	background: dodgerblue;
	color: #fff;
}

.roundel_content h2 {
	margin: 0px;
	font-size: 16px;
	color: #4a2f36;
}