html, body, input {
	height: 100%;
	font-family: "times new roman", "trebuchet ms", "century gothic";
}

body {
	//background: #fff;
	background: url(/images/tile.jpg) #fff;
	font-size: 11px;
	margin: 0px;
	color: #fff;
}

pre {
	font-family: Courier;
	font-size: 11px;
	text-align: left;
}

h1 {
	font-size: 24px;
	font-weight: normal;
}

h2 {
	font-size: 20px;
	font-weight: normal;
}

h3 {
	font-size: 17px;
	font-weight: normal;
}

h4 {
	font-size: 14px;
	font-weight: normal;
}

hr {
	color: #5f5853;
	background-color: #5f5853;
	border: 0;
	height: 1px;
	width: 230px;
	margin-right: 1px;
	margin-left: auto;
}

.left {
	float: left;
}

.right {
	float: right;
	text-align: left;
}

.spacer {
	clear: both;
}

a {
	text-decoration: none;
}

#homepage {
	width: 996px;
	height: 540px;
	background: url(../images/homepage.jpg) no-repeat left;

}

#vouchers {
	width: 996px;
	height: 540px;
	background: url(../images/giftVouchers.jpg) no-repeat left;
	border-left: solid 2px #5f5853;
	border-right: solid 2px #5f5853;
}

#monthlyPromotion{
	width: 996px;
	height: 540px;
	background: url(../images/promotion.jpg) no-repeat left;
	border-left: solid 2px #5f5853;
	border-right: solid 2px #5f5853;
}

#vacancies {
	width: 750px;
	height: 385px;
	background: url(../images/Group.jpg) no-repeat center;
}

.rightBorder {
	border-right: solid 0px #FFFFFF;
}

#contentPage{
	background: #5f5853; //#5f5853;
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
}

/* Forms */
form table {
	min-width: 50%;
	border-spacing: 0px;
}

form table th,td {
	padding: 5px;
}

.sutherlands {
	font-size: 30px;
	color: #ffffff;
	font-weight: normal;
}

.category {
	
	font-size: 16px;
	color: #ffffff;
	font-weight: normal;
}

#mainDiv {
	width: 1000px;
	margin: 0px auto;
}

#logoDiv {
	background: #5f5853; //#5f5853;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

#mainTabs {
	background-color: #5f5853; //#5f5853;
	margin: 0px;
}

#content {
	background: #5f5853; //#5f5853;
	border-bottom: solid 1px #FFFFFF;
	min-height: 395px;
	margin: 0px;
	padding: 0px;
}

#submenu {
	margin: 0px;
	padding: 2px;
	text-align: center;
	background-color: #7a7470;
	border-bottom: solid 1px #FFFFFF;
}

#footer {
	background: #5f5853; //#5f5853;
	margin: 0px;
	width: 100%;
}

.footer-table {
	width: 100%;
	background: url(/images/footer.jpg) #fff;
	height: 250px;
}

.footer-table th {
	padding: 3px;
	font-weight: normal;
	text-align: left;
	color: #FFFFFF;
	
}

.footer-table td {
	padding: 3px;
	text-align: left;
	color: #FFFFFF;
	
}

.footer-table a {
	color: #FFFFFF;
	text-decoration: none;
	
}

.footer-table a:hover {
	color: #8a8480;
	text-decoration: underline;
	
}

.width180 {
	width: 220px;
	margin-bottom: 2px
}

#leftmenu {
	width: 250px;
	height: 100%;
	padding: 0px 3px;
	background: #5f5853; //#5f5853;
}

#rightcontent {
	width: 750px;
	height: 100%;
	padding: 0px;
	margin: 0px;
	text-align: center;
	background: #FFFFFF;
}

.collections {
	color: #ffffff;
	font-weight: normal;
	margin: 10px auto;
	padding: 5px 0px;
	width: 220px;
}

.ui-accordion .ui-accordion-content {
	background: #cdcdcd;
	padding: 2px 0px;
	border: solid 1px #FFFFFF;
}

.item1{
	cursor: default;
}

.item2{
	cursor: default;
}

.item3{
	cursor: default;
}

.item4{
	width: 380px;
	text-align: center;
	padding: 0px auto;
	padding-left: 10px;
	margin-top: 15px;
	border: solid 1px #5f5853; //#5f5853;
}

.item5{
	width: 75px;
	margin-top: 3px;
	margin-right: 1px;
	display: inline-block;
}

.itemImage1 {
	width: 300px;
	height: 300px;
	text-align: center;
	background: #FFFFFF;
	border: solid 1px #5f5853; //#5f5853;
	border-bottom: 0px;
	padding: 0px;
}

.itemImage1 img, .itemImage2 img, .itemImage3 img, .itemImage4 img {
	border: solid 10px #ffffff;
}

.itemDetails1 {
	width: 300px;
	text-align: center;
	background: #5f5853; //#5f5853;
	border: solid 1px #5f5853; //#5f5853;
	color: #FFFFFF;
	vertical-align: top;
}

.itemImage2 {
	width: 240px;
	height: 220px;
	text-align: center;
	background: #FFFFFF;
	border: solid 1px #5f5853; //#5f5853;
	border-bottom: 0px;
	padding: 0px;
}

.itemDetails2 {
	width: 240px;
	text-align: center;
	background: #5f5853; //#5f5853;
	border: solid 1px #5f5853; //#5f5853;
	color: #FFFFFF;
	vertical-align: top;
}

.itemImage3 {
	width: 175px;
	height: 175px;
	text-align: center;
	background: #FFFFFF;
	border: solid 1px #5f5853; //#5f5853;
	vertical-align: middle;
	padding: 0px;
}

.itemDetails3 {
	width: 175px;
	text-align: center;
	background: #5f5853;
	border: solid 1px #5f5853; //#5f5853;
	color: #FFFFFF;
	vertical-align: top;
}

.itemImage4 {
	text-align: center;
	background: #FFFFFF;
	padding: 0px;
}

.itemDetails4 {
	text-align: center;
	background: #5f5853; //#5f5853;
	border: solid 1px #5f5853; //#5f5853;
	color: #FFFFFF;
	vertical-align: top;
}

.itemImage5 {
	width: 70px;
	height: 70px;
	text-align: center;
	background: #FFFFFF;
	border: solid 1px #5f5853; //#5f5853;
	vertical-align: middle;
	padding: 0px;
}

.ajax-loader {
	width: 400px;
	height: 200px;
	margin: 90px;
}

.ui-tabs-nav .ui-state-default {
	border: 1px solid #5f5853; //#5f5853;
	border-bottom: solid 1px #ffffff;
	font-weight: normal;
	color: #8a8480;
	background: #5f5853
		url(/images/showroom/ui-bg_flat_100_5f5853_40x100.png) 50% 50%
		repeat-x;
}

.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited
	{
	color: #ffffff;
	text-decoration: none;
}

.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus
	{
	border: 1px solid #ffffff;
	background: #7a7470
		url(/images/showroom/ui-bg_flat_100_7a7470_40x100.png) 50% 50%
		repeat-x;
	font-weight: normal;
	color: #ffffff;
}

.ui-state-hover a,.ui-state-hover a:hover {
	color: #ffffff;
	text-decoration: none;
}

.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active
	{
	border: 1px solid #ffffff;
	background: #7a7470
		url(/images/showroom/ui-bg_flat_100_7a7470_40x100.png) 50% 50%
		repeat-x;
	font-weight: normal;
	color: #8a8480;
}

.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

.ui-widget :active {
	outline: none;
}

.ui-tabs {
	position: relative;
	padding: 0em;
	zoom: 0;
}

/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
	float: none;
	text-align: center;
	border-bottom: solid 1px #ffffff !important;
}

.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: none;
	display: inline;
	position: relative;
	top: 3px;
	margin: 3px auto;
	border-bottom: 0px !important;
	padding: 3px 3px 0px 3px;
	white-space: nowrap;
	font-size: 2em;
}

.ui-tabs .ui-tabs-nav li a {
	float: none;
	padding: 2px 8px 0px;
	text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	margin-bottom: 0;
	padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-state-processing a
	{
	cursor: text;
}

.ui-tabs .ui-tabs-nav li a,.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a
	{
	cursor: pointer;
}

/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 0px;
	background: none;
}

.ui-tabs .ui-tabs-hide {
	display: none !important;
}

.catmenu {
	float: none;
	margin: auto 0px;
	padding: auto 0px;
	list-style: none;
	position: relative;
	height: 30px;
	background-color: #7a7470;
	border-bottom: solid 1px #ffffff;
}

/* make the LI display inline */
	/* it's position relative so that position absolute */
	/* can be used in submenu */
.catmenu li {
	float: left;
	display: inline-block;
	width: 190px;
	background: #7a7470;
	position: relative;
	z-index: 500;
	margin: 0px 1px;
	margin-bottom: -1px;
	height: 30px;
}

/* this is the parent menu */
.catmenu li a {
	display: block;
	padding: 8px 5px 0 5px;
	font-weight: 700;
	height: 23px;
	text-decoration: none;
	color: #fff;
	text-align: center;
	color: #333;
}

.catmenu li a:hover {
	color: #fff;
}

/* you can make a different style for default selected value */
.catmenu a.selected {
	color: #f00;
}

/* submenu, it's hidden by default */
.catmenu ul {
	position: absolute;
	left: 0;
	display: none;
	margin: 0;
	padding: 0;
	list-style: none;
	padding: 0;
}

.catmenu ul li {
	float: left;
	border-top: 1px solid #fff;
}

/* display block will make the link fill the whole area of LI */
.catmenu ul a {
	display: block;
	height: 15px;
	padding: 8px 5px;
	color: #fff;
	
	font-size: 14px;
	font-weight: normal;
}

.catmenu ul a:hover {
	background: #5f5853;
	border: solid 1px #ffffff;
	border-top: 0px;
}

/* fix ie6 small issue */
	/* we should always avoid using hack like this */
	/* should put it into separate file : ) */
* html .catmenu ul {
	margin: 0 0 0 -2px;
}

.sidemenu th {
	border-bottom: solid 1px #FFFFFF;
	color: #FFFFFF;
	background: #5f5853; //#5f5853;
	height: 15px;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
	padding: 4px 0px;
	padding-left: 5px;
	margin: 0px;
}

.sidemenu td {
	border-bottom: solid 1px #FFFFFF;
	color: #FFFFFF;
	background: #5f5853; //#5f5853;
	height: 15px;
	text-align: left;
	font-size: 14px;
	font-weight: normal;
	cursor: pointer;
	padding: 4px 0px;
	padding-left: 15px;
	margin: 0px;
}

.sidemenu .hover {
	background: #7a7470;
	cursor: pointer;
	padding: 4px 0px;
	padding-left: 15px;
	margin: 0px;
}

.sidemenu td .heading {
	border-bottom: solid 1px #FFFFFF;
	color: #FFFFFF;
	background: #5f5853;
	height: 15px;
	text-align: left;
	font-size: 14px;
	font-weight: normal;
	cursor: default;
}

.miniLifestyleDiv { border-top:solid 2px #fff;border-left:solid 2px #fff;margin-right:3px;cursor:pointer; }
.miniLifestyleTable { border:solid 1px #5f5853; }
.miniLifestyleTitle { background:#5f5853; height: 20%; }
.miniLifestyleTitle h1 { padding: 0px; margin: 0px; font-size: 22px; }
.miniLifestyleTitle h3 { padding: 0px; margin: 0px; font-size: 0.95em; font-weight: light; font-family: Arial; }
.miniLifestyleDescription { background:#5f5853; height: 80%; }
.collectionHeader { border: solid 2px #ffffff; height: 40px; vertical-align: middle; background:#5f5853; padding-bottom: 17px; }
.locationDetails { border: solid 2px #ffffff; vertical-align: middle; background:#5f5853; }

#job{
	background-color: #ffffff;
	padding-left: 10px;
	padding-right: 10px;
}

#job h1{
	color: #5f5853;
	text-align: left;
	padding-left: 5px;
}

#job p{
	color: #5f5853;
	text-align: left;
	font-size: 1.5em;
	padding: 5px;
}

#job a{
	color: #5f5853;
	font-size: 1.2em;
	cursor: pointer;
}

.tooltipINFO_Header {
	background: #8a8480;
	color: #ffffff;
	font-family: "arial", "trebuchet ms", "century gothic";
	font-size: 12px;
	font-weight: bold;
	border-left: 1px solid #5f5853;
	border-right: 1px solid #5f5853;
	border-top: 1px solid #5f5853;
	padding: 5px;
	width: 220px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-radius-topleft: 6px;
	-webkit-border-radius-topright: 6px;
}

.tooltipINFO_Body {
	background: white;
	font-family: "arial", "trebuchet ms", "century gothic";
	color: #5f5853;
	border-left: 1px solid #5f5853;
	border-right: 1px solid #5f5853;
	border-bottom: 1px solid #5f5853;
	font-size: 12px;
	padding: 2px 5px;
	width: 220px;
	vertical-align: top;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-radius-bottomleft: 6px;
	-webkit-border-radius-bottomright: 6px;
}

.tooltipINFO_Body table {
	padding: 0;
	margin: 0;
	font-size: 10px;
}

.tooltipINFO_Body table td {
	color: #5f5853;
	font-size: 10px;
}

.tooltipINFO_Body b {
	color: 5f5853;
	font-weight: bold;
}

.tooltipINFO_Body ul{
	padding-left: 15px;
}

#storesLifestyle{
	width: 750px;
	height: 525px;
	background: url(../images/stores.jpg) no-repeat top center;
}

.radselect {
	display: block;
	float: left;
	overflow: hidden;
	font-size: 1.2em;
	cursor: pointer;
	width: 95px;
	height:70px;
	border: solid 1px #ffffff;
	margin-right: 4px;
	margin-top: 3px;
}

.radselect label {
	position: relative;
	top: 50px;
	display: block;
	cursor: pointer;
	padding-left: 5px;
	border-top: solid 1px #ffffff;
	background-color: #5f5853;
	height: 25px;
}

.radselect input {
	display: none;
}

.itemInfo{
	margin-top: 15px;
	margin-left: 5px;
	background-color: #7a7470;
	padding-left: 10px;
	width: 400px;
	height: 470px;
	font-size: 11px;
	letter-spacing: 0.06em;
}

.itemInfoImages{
	width: 400px;
	height: 424px;
}

.itemInfo .productDescription{
	border-bottom: solid 1px #ffffff;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 14px;
	letter-spacing: 0.06em;
}

#blackout {
	background-color: #000;
    height: 3000px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2100;
    display: none;
    filter:alpha(opacity=0);
    -moz-opacity:0.0;
    opacity: 0.0;
}

#itemDisplayDiv{
	position:absolute;
	z-index: 2101;
	left: 20%;
	width: 820px;
	height: 550px;
	border: solid 2px #5f5853;
	background-color: #ffffff;
	margin: 3px;
	display: none;
}

#closeItemDisplay{
	color: black;
	position: absolute;
	top: 13px;
	right: 5px;
	height: 30px;
	width: 30px;
	background: url(/images/close.png) no-repeat center center;
	cursor: pointer;
	z-index: 2102;
}

#itemContainer{
	position: relative;
}

.itemHeader{
	border: double #ffffff; 
	height: 40px; 
	background: #5f5853;
	font-size: 20px;
	letter-spacing: 0.06em;
	font-weight: bold;
	vertical-align: middle;
	padding-top: 15px;
}

.clear{
	clear: both;
}

.colourLabel{
	font-size: 0.7em;
	padding-top: 3px;
}

#quoteButtons table{
	border: double #ffffff;
	width: 397px;
	background: #5f5853; //#5f5853;
	float: right;
	position: relative;
	top: 15px;
}

#quoteButtons table td{
	cursor: pointer;
}

#quoteButtons img{
	margin: 1px;
}

#quoteContainer {
	position: relative;
	display: none;
}

.quoteTable{
	color: #5f5853; //#5f5853;
}

.quoteTable table {
	width: 90%;
	border-spacing: 1px;
	padding: 3px;
	background-color: #ffffff;
	margin: 5px auto;
}

.quoteTable th{
	color: #5f5853; //#5f5853;
	font-weight: bold;
	font-size: 1.1em;
}

.quoteTable td {
	background-color: #ffffff;
	color: #5f5853; //#5f5853;
	border: solid 1px #5f5853; //#5f5853;
	vertical-align: top;
}

.quoteTable input{
	text-align: right;
	border: solid 1px #5f5853; //#5f5853;
	color: #5f5853;
}

.thankyou{
	color: #5f5853; //#5f5853;	
}