/* Generic */
body {				background: #f4efd9 url(/i/background.jpg) repeat-x 0em 8em; margin: 0; font: 18px/19px 'Book Antiqua', Times Roman, serif; font-weight: 200; color: black; }
#container {		margin: 0 auto; width: 840px; }
h1 {				float: right; margin-top: .5em; }
h1 img {			border: 0; }
h2, h3 {			color: #5d6152; }
a {					text-decoration: none; color: inherit; }
a:hover {			text-decoration: underline; }
a img {				border: 0; }
address {			font-style: normal; }
p.error,
ul.error {			color: red; }
input.error,
textarea.error {	border: 1px solid red; }
hr {				border: 0; height: 1px; background-color: #5d6152; color: #5d6152; }
hr.clear {			visibility: hidden; clear: both; border: 0; }
.printOnly {		display: none; }

/* Forms */
input.search,
#googleForm input[type=text],
#googleForm input[type=button] {	font-size: .6em; font-family: inherit; color: #5d6152; line-height: inherit; border: 1px solid #5d6152; background-color: transparent; padding: 1px; }
input.searchSubmit,
#googleForm input[type=button] {	border: 0; background: transparent url(/i/arrow.gif) no-repeat left center; padding-left: 10px; }
input.sendSubmit {					border: 0; width: 8em; text-align: left; padding: 5px 10px; background: #5d6152 url(/i/arrow-white.gif) no-repeat center right; color: white; }

/* Header */
#header {					margin: .8em 0 0 10px; float: left; }
#header ul,
#footer ul {				list-style: none; padding: 0; margin: 0; color: #5d6152; }
#header ul,
#header form {				float: left; font-family: arial; }
#header ul li,
#footer ul li {				display: inline; font-size: .8em; padding: 0 .7em 0 .2em; background: transparent url(/i/background-nav.gif) no-repeat right center; }
#header ul li:last-child,
#footer ul li:last-child {	background: none; }
#header ul li a,
#footer ul li a {			color: #5d6152; }
#header form {				float: left; clear: left; padding: 3px 0 0 4px; }
#header form p {			margin: 0; }

/* Main nav */
#mainNav {							position: relative; z-index: 100; }
#mainNav,
#mainNav ul {						list-style: none; padding: 0; margin: 0; }
#mainNav li {						padding: 0; display: inline; float: left; position: relative; margin-left: 11.2px; background-color: transparent; background-repeat: no-repeat; background-position: center center; }
#mainNav li a {						width: 155px; display: block; margin: 0; }
#mainNav li a.mainItem {			height: 97px; }
#mainNav li:first-child {			margin-left: 0; }
#mainNav #navBedroom {				background-image: url(/i/nav/bedroom.jpg); }
#mainNav #navBedroom:hover,
#mainNav #navBedroomHighlight {		background-image: url(/i/nav/bedroom-hover.jpg); }
#mainNav #navDining {				background-image: url(/i/nav/dining.jpg); }
#mainNav #navDining:hover,
#mainNav #navDiningHighlight {		background-image: url(/i/nav/dining-hover.jpg); }
#mainNav #navOccasional {			background-image: url(/i/nav/occasional.jpg); }
#mainNav #navOccasional:hover,
#mainNav #navOccasionalHighlight {	background-image: url(/i/nav/occasional-hover.jpg); }
#mainNav #navChildrens {			background-image: url(/i/nav/childrens.jpg); }
#mainNav #navChildrens:hover,
#mainNav #navChildrensHighlight {	background-image: url(/i/nav/childrens-hover.jpg); }
#mainNav #navUpholstery {			background-image: url(/i/nav/upholstery.jpg); }
#mainNav #navUpholstery:hover,
#mainNav #navUpholsteryHighlight {	background-image: url(/i/nav/upholstery-hover.jpg); }
#mainNav li a span {				display: none; }
#mainNav li ul {					padding-top: 10px; position: absolute; width: 155px; left: -999em; top: 97px; }
#mainNav li:hover ul,
#mainNav li.sfHover ul {			display: block; left: auto; background: url(/i/trans-green.png); z-index: 1000; }
#mainNav li ul li a {				color: #1d2112; display: block; width: 145px; line-height: 1.5em; border: 0; padding: 5px; color: white; }

/* Content */
#content {				clear: both; background-color: #5D6152; padding: 10px; font-size: .75em; }
#main {					clear: both; background-color: white; width: 800px; padding: 10px; min-height: 400px; }
#product {				height: 330px; }
#pic {					margin-left: 30px; }
#pic .jqzoom img {		display: none; }
.product #main #pic h2,
#pic p {				width: 240px; margin-left: 0; margin-top: 0; }
#pic p.jqzoom {			width: auto; }
#pic p.jqzoom small {	display: block; clear: both; width: 520px; text-align: center; color: #666; }
#pic p#availability {	margin-top: 1em; padding: 4px; width: 230px; border: 1px solid gray; background-color: #eee; text-align: center; }
#pic h2 {				background: no-repeat top center; font-size: 2em; line-height: 1.2em; margin-bottom: .5em; }
#pic ul {				width: 220px; margin: 0; padding-left: 20px; }
#main hr {				clear: both; border: 0; height: 1px; background-color: #5d6152; }

/* Product list */
.category #main h2,
.product #main h2 {		margin-left: 30px; }
.product #detail {		font-weight: bold; }
#products {				list-style: none; padding: 0; margin-left: 30px; }
#products li {			display: inline; }
#products li a {		display: block; float: left; width: 125px; height: 55px; margin: 0 2px 10px 2px; color: #5d6152; text-align: center; padding: 80px 0 5px 0; background: no-repeat top center; border: 2px solid transparent; font-size: .9em; }
#products li a:hover {	background-color: #c2c6bb; text-decoration: none; border-color: #c2c6bb; }
#products div {			display: none; }

/* Footers */
#footerNav {		text-align: center; }
#footerNav ul {		list-style: none; padding: 0; margin: 1em 0 0 0; }
#footerNav li {		display: inline; margin: 0 1.5em; }
#footerNav li a {	color: white; }
#footer {			text-align: center; margin: .75em 0; }

/* Home page */
.home h2 {								margin-top: .6em; }
.home #homeText,
.home #homeInfo {						margin-left: 30px; }
.home #homeText,
.home #homeNews {						float: left; }
.home #homeText {						width: 65%; padding-right: 2%; border-right: 1px solid black; }
.home #homeNews {						width: 25%; padding-left: 2%; }
.home #homeNews ul {					list-style: none; padding: 0; font-size: .9em; font-weight: bold; }
.home #homeNews ul li {					margin-bottom: 1em; }
.home img.newsThumb {					float: left; padding: 0 5px 5px 0; }
.home #promotions {						clear: both; margin-top: 1.5em; background-color: #f4efd9; padding: 10px 15px; }
.home #promotions h2,
.home #promotions div {					float: left; }
.home #promotions h2 {					margin: 0; min-width: 15%; }
.home #promotions div {					width: 80%; }
.home #promotions div h3 {				margin-top: 0; }
.home #promotions div p {				margin: .2em 0; }
.home #promotions a.fileDownload {		padding-right: 20px; background: url(/i/download.gif) no-repeat center right; }
.home #homeInfo {						list-style: none; padding: 0; clear: both; padding-top: 1.5em; }
.home #homeInfo li {					float: left; width: 30%; padding: 0 0 0 110px; min-height: 125px; }
.home #homeInfo li:first-child {		border-right: 1px solid black; margin-right: 10px; }
.home #homeInfo li#findStockist {		background: transparent url(/i/uk.jpg) no-repeat top left; }
.home #homeInfo li#catalogueRequest {	background: transparent url(/i/catalogue.jpg) no-repeat top left; }
.home #homeInfo li h2,
.home #homeInfo li p {					margin: 0 0 .7em 0; }
.home #homeInfo li p {					font-size: .9em; }
.home #homeNews h2 span {				float: left; }
.home #iterator {						float: right; display: none; }
.home #iterator img {					cursor: pointer; padding-left: 10px; }

/* Portfolio */
#portfolio {		list-style: none; margin: 0; padding: 0; }
#portfolio img {	border: 0; }

/* Contact */
.contact #main h2,
.contact #main p#introText {	margin-left: 160px; font-weight: bold; }
.contact #main a {				text-decoration: underline; }
.contact dt,
.contact dd {					float: left; margin: 0 0 1em 0; }
.contact dt {					width: 145px; padding-right: 15px; text-align: right; clear: both; color: #5d6152; font-weight: bold; font-size: 1.2em; }
.contact dd {					width: 525px; }

/* Catalogue request */
.request #main h2,
.request #main p#introText,
.request #main form {						margin-left: 160px; width: 525px; }

/* Feedback forms */
fieldset.input,
fieldset.submit {					margin: .5em 0; padding: 0; border: none; }
fieldset.input legend {				display: none; }
fieldset.input ol {					padding: 0; list-style: none; }
fieldset.input li {					float: left; clear: left; width: 100%; padding-bottom: .5em; }
fieldset.input label {				float: left; width: 11em; margin-right: 1em; text-align: right; color: #5d6152; font-weight: bold; }
fieldset.input label#optinLabel {	width: auto; }
fieldset.submit {					margin-left: 12em; }

/* Retailer login */
.login #main h2,
.login #main form,
.login #main hr {						margin-left: 160px; }
.login form#login label {				width: 15%; display: block; color: #5d6152; width: 7em; font-weight: bold; padding-right: 15px; }
.login form#login p {					clear: left; padding: .4em 0; }
.login form#login label,
.login form#login input[type=text] {	float: left; }
.login form#login small {				font-weight: normal; }

/* Stockists search */
.stockists #main h2,
.stockists #main form,
.stockists #main hr,
.stockists #main p,
.stockists #main input#print {				margin-left: 160px; }
.stockists #googleForm {					margin-bottom: 10px; }
.stockists #googleForm label {				color: #5d6152; font-weight: bold; padding-right: 15px; }
.stockists #googleForm input[type=text],
.stockists #googleForm input[type=button],
.home form#stockists input.search {			font-size: 1em; font-weight: normal; color: black; }
.stockists #googleForm input[type=button],
.home form#stockists input.searchSubmit {	font-weight: bold; color: #5d6152; margin-left: 5px; }
.stockists #googleResults {					width: 230px; float: right; }
.stockists #googleResults ul {				list-style: none; padding: 0; margin: 0; }
.stockists #googleResults li {				padding: 0; margin-bottom: .75em; }

/* Product search */
.search #main h2,
.search #main hr,
.search #main p,
.search #main ul {			margin-left: 160px; }
.search #main li {			font-size: 1.25em; }
/*.search #main ul {			list-style: none; padding: 0; }
.search #main ul li {		margin: 2.5em 0; padding-left: 140px; min-height: 75px; background-color: transparent; background-repeat: no-repeat; background-position: left center; }
.search #main ul li h3 a {	text-decoration: underline; }
.search #main ul li p {		margin-left: 0; }*/

/* Availability page */
.availability #main h2,
.availability #main hr,
.availability #main h3,
.availability #main table {				margin-left: 30px; }
.availability #main h2,
.availability #main form {				float: left; }
.availability #main form {				margin-left: 2em; }
.availability #main table {				clear: both; margin-top: 2em; border-collapse: collapse; width: 750px; }
.availability #main table thead th {	border-bottom: 1px solid #5e6253; text-align: left; padding-bottom: .5em; }
.availability #main table tbody th {	border: 1px solid #5e6253; padding: .25em .75em; text-align: left; font-size: 1.5em; color: #5d6152; }
.availability #main table tbody td ul { margin: 0; padding: 0; list-style: none; }

/* jqZoom */
.jqzoom {		float: right; position: relative; }
div.zoomdiv {	z-index: 100; position: absolute; top: 0; left: 0; width: 250px; height: 250px; background: white; border: 1px solid #ccc; display: none; text-align: center; overflow: hidden; }
div.jqZoomPup {	z-index: 10; visibility: hidden; position: absolute; top: 0; left: 0; width: 50px; height: 50px; border: 1px solid #aaa; background-color: white; opacity: 0.5; }

/* Alternative Images */
ul.altImages {			list-style: none; clear: both; margin: 0 0 0 30px; padding: 0; }
ul.altImages li {		float: left; margin: 0 5px 25px 0; }
ul.altImages li a {		display: block; }