/*  HTML5 ✰ Boilerplate  */

 /**************************************
 *
 *  RESET styles
 *
 *************************************/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,  footer, header, hgroup,
menu, nav, section, summary, time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; outline:0; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }

body { font:13px/1.231 sans-serif; font-size:small; }
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

body, select, input, textarea {   color: #444; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; }
html { overflow-y: scroll; }

a:hover, a:active, a:focus { outline: none; }
a, a:active { color: #000; border:none; outline:none; }
a:hover { color: #333; }

ul, ol { margin-left: 1.8em; }
ol { list-style-type: decimal; }

nav ul, nav li { margin: 0; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align: top; }
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre {  padding: 15px;  white-space: pre;  white-space: pre-wrap;  white-space: pre-line; }
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }

::-moz-selection{ background: #000; color:#fff; text-shadow: none; }
::selection { background:#000; color:#fff; text-shadow: none; }
img ::-moz-selection   { background: transparent !important; }
img ::selection        { background: transparent !important; }
a:link { -webkit-tap-highlight-color: #FF5E99; }

button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px);  clip: rect(1px, 1px, 1px, 1px); }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after {  content: "\0020"; display: block; height: 0; visibility: hidden;    }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

#preload-images { display: none; }

html.js .no-js, html.no-js .js-only { display: none; }




 /**************************************
 *
 *  Primary Styles
 *
 *  Author: Stephen Griffin
 *  Contact: stephen.griffin@englandagency.com
 *
 *************************************/
body {
	background: #fbfbfb;
	min-width: 1024px;
}

.pageWidth {
	width: 1024px;
	margin: 0 auto;
	position: relative;
}

body > .pageWidth,
body > #footer-wrap > .pageWidth {
	background: url(../img/body-bg.png) repeat-y top center;
}

#sidecol,
#content,
#snippets,
footer {
	margin: 0 30px;
}

#snippets {
	margin-right: 0;
}

h1 { color: #000; font-size: 36px; }
h2 { font-size: 24px; }
h3 { color: #000; font-size: 14px; }
h4 {}

/* Page BG images */
#bodybg {
	position: absolute;
	top: 88px;
	left: 0;
	width: 1200px;
	height: 1000px;
	display: none;
}

body#about #bodybg          { background: url(../img/main-bgs/chair-frame-crop.jpg) no-repeat 0px 0px; }
body#proventec #bodybg      { background: url(../img/main-bgs/proventec-cleaner-crop.jpg) no-repeat 36px 0px; }

header          { z-index: 2; }
header > div    { z-index: 1; }


.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background: url(../img/overlay-bg.png);
}


/**************************************
 *
 *  Header (site wide)
 *
 *************************************/
header {
	height: 88px;
	min-width: 1024px;
	background: #fbfbfb url(../img/dotted-wide.png) repeat-x bottom left;
}

header .pageWidth {
	height: 85px;
	background: url(../img/header-search-bg.png) no-repeat right top;
}

#brandLogo {
	width: 201px;
	height: 42px;
	position: relative;
	float: left;
	margin: 24px 0 0 30px;
	font-size: 200%;
	overflow: hidden;
}

#brandLogo a {
	display: block;
	line-height: 85px;
}

#brandLogo a img {
	position: absolute;
	top: 0;
}

#brandLogo a:hover img {
	top: -42px;
}

#brandLogo a:active img {
	top: -84px;
}

nav {
	position: absolute;
	top: 0;
	left: 230px;
}

nav a {
	text-decoration: none;
}

nav ul li {
	display: block;
	float: left;
	height: 83px;
	overflow: hidden;
}

nav ul li a {
	display: block;
	padding: 23px 5px 40px 35px;
	font-size: 14px;
	color: #444;
	background: url(../img/nav-li-bg.png) no-repeat top left;
}

nav ul li.active {
	background-image: url(../img/nav-li-active-bg.png);
}

nav ul li.last a {
	background-image: none;
}

nav ul li.active + li a  {
	background-image: url(../img/nav-li-active-nextsibling-bg.png);
}

nav ul li.active + li + li a  {
	background-image: url(../img/nav-li-bg.png);
}

nav ul li a span {
	display: block;
	margin-top: 2px;
	font-size: 9px;
	font-family: sans-serif;
	font-style: normal;
	color: #888;
}

nav ul li.contact {
	z-index: 9999;
	width: 162px;
	background-image: url(../img/nav-li-last-bg.png);
}

nav ul li.contact:hover {
	background: url(../img/nav-li-contact-bg-hover.png);
}

nav ul li:hover , nav ul li.active:hover  {
	background: url(../img/nav-li-bg-hover.png) no-repeat top left;
}

nav ul li.last:hover {
	background: none;
}

nav ul li:active , nav ul li.active:active  {
	background-position: bottom left;
}

nav ul li:hover a  {
	color: #fff;
}

nav ul li:hover a span  {
	color: #999;
}

header form {
	position: absolute;
	top: 20px;
	right: 12px;
}

header form input {
	border: 0;
	width: 135px;
	height: 39px;
	line-height: 39px;
	color: #efefef;
	font-size: 15px;
	background: transparent;
}

#header-search-submit {
	width: 42px;
	font-size: 12px;
}

#login_button
{
	position: absolute;
	right: 25px;
	color: grey;
	bottom: 5px;
	z-index: 100000;
}

#login {
	z-index: 1;
	width: 300px;
	height: 150px;
	position: absolute;
	top: 60px;
	right: 12px;
	display: none;
}

#login.open {
	z-index: 9999;
	background: url(../img/login-bg.png) no-repeat top right;
}

#logged {
	width: 250px;
	height: 150px;
	position: absolute;
	top: 0;
	right: -150px;
	padding: 5px;
	color: #ccc;
}

#logged a {
	color: #7D7D7D;
	text-decoration: none;
}

#login a {
	display: block;
	margin: 5px 24px 0 226px;
	color: #7D7D7D;
	text-align: right;
	text-decoration: none;
	line-height: 12px;
	background: url(../img/login-a-bg.png) no-repeat top left;
}

#login.open a {
	background-position: bottom left;
}

#login form {
	height: 110px;
	width: 241px;
	position: absolute;
	left: 43px;
	top: 30px;
	display: none;
}

#login.open form {
	display: block;
}

#login label {
	display: none;
}

#login input {
	color: #666;
}

#login #user_username {
	width: 241px;
	margin: 10px 0 0;
	padding: 0 45px 0 16px;
	background: url(../img/login-username-bg.png) no-repeat top left;
}

#login #user_password {
	width: 196px;
	padding: 0 0 0 16px;
	position: relative;
	left: -12px;
	background: url(../img/login-username-bg.png) no-repeat top left;
}

#login #handle_login {
	width: 39px;
	height: 35px;
	position: absolute;
	bottom: 26px;
	right: 0;
	text-indent: -999px;
	background: url(../img/login-submit-bg.png) no-repeat center center;
}


/**************************************
 *
 *  Footer (site wide)
 *
 *************************************/
footer {
	background: #fbfbfb;
}

footer ul {
	list-style: none;
	margin: 0;
}

footer a {
	text-decoration: none;
	color: #999;
}

footer a.inactive {
	color: #ccc;
}

#footerContact {
	margin-bottom: 2em;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#seoLinks {
	margin-bottom: 4em;
}

#seoLinks div {
	width: 230px;
	float: left;
	padding-right: 14px;
}

#seoLinks div.last {
	padding-right: 0;
}

#seoLinks h3,
#seoLinks a {
	display: block;
	line-height: 38px;
	font-size: 16px;
	border-bottom: 1px solid #ccc;
}

#seoLinks h3 {
	border-top: 5px solid #999;
}

#footerBottom {
	font-size: 11px;
}

#footerBottom ul li {
	display: block;
	width: 230px;
	line-height: 125%;
	float: left;
	margin-right: 14px;
	border-top: 1px solid #ccc;
	padding: 10px 0 10px 0;
}

#footerBottom ul li.last {
	margin-right: 0;
}

	#footerBottom ul li a
	{
		display: block;
		margin-top: 3px;
	}
	#footerBottom ul li a:first-child
	{
		margin: 0;
	}

/**************************************
 *
 *  Main content (site wide)
 *
 *************************************/
#main {
	min-height: 572px;
}

#sidecol {
	margin: 0 30px;
	padding-top: 75px;
	width: 160px;
	float: left;
}

#content {
	padding: 67px 260px 40px 200px;
}

#content p {
	margin-bottom: 1.2em;
}

a.doc {
	padding-left: 26px;
	text-decoration: none;
	font-weight: bold;
	background: url(../img/doc-icon.png) no-repeat top left;
}

a.doc-small {
	padding-left    : 18px;
	text-decoration: none;
	font-weight: bold;
	background: url(../img/doc-icon-small.png) no-repeat top left !important;
}

#content div ul {
	margin: -8px 0 14px 0px;
	list-style: none;
}

#content div ul li {
	padding: 5px 0 5px;
	color: #44A3C5;
	font-size: 93%;
	border-bottom: 1px dotted #44A3C5;
}

#content div ul.about {
	margin: 0 0 15px 20px;
	list-style: disc;
}
#content div ul.about.second {
	margin-bottom: 0;
	list-style: circle;
}

#content div ul.about li {
	padding: 10px 0 0 0;
	color: #181818;
	font-size: 100%;
	border: 0;
}

input, textarea {
	outline: none;
}



/**************************************
 *
 *  Sidecol (site wide)
 *
 *************************************/
#sidecol h3 {
	padding-bottom: 0.6em;
	margin-bottom: 0.2em;
	text-transform: uppercase;
	background: url(../img/dotted-wide.png) repeat-x bottom left;
}

#sidecol ul {
	list-style: none;
	margin: 0 0 7px;
	max-height: 500px;
	overflow: hidden;
}

#sidecol ul li {
	line-height: 32px;
	font-size: 12px;
	text-transform: uppercase;
	border-bottom: 1px solid #999;
}

#sidecol ul li a {
	text-decoration: none;
	color: #333;
}

#sidecol ul li.active {
	font-weight: bold;
}

#blockContact p {
	padding: 0.6em 0 0.4em;
	border-bottom: 1px solid #999;
	color: #999;
}

#blockContact a {
	display: block;
	line-height: 30px;
	text-decoration: none;
	background: url(../img/link-arrow.png) no-repeat 115px center;
}


/**************************************
 *
 *  Snippets (site wide)
 *
 *************************************/
#snippets {
	width: 985px;
	height: 190px;
	padding-bottom: 3em;
}

#snippets p {
	font-size: 12px;
	padding-bottom: 5px;
}

#snippets a {
	display: block;
	line-height: 30px;
	text-decoration: none;
	font-weight: bold;
	background: url(../img/link-arrow.png) no-repeat right center;
}

#snippets a.doc-small {
	line-height: 16px;
}

#snippets div,
#snippetsRight div {
	height: 190px;
	float: left;
}

#snippetsLeft {
	width: 419px;
	position: relative;
	background: url(../img/snippets-left-bg.jpg) no-repeat 0px 2px;
}

#snippetsLeft h2,
#snippetsLeft p,
#snippetsLeft a {
	margin-left: 230px;
	background: #eee;
}

#snippetsLeft h2 {
	margin-top: 50px;
}

#snippetsLeft a {
	width: 112px;
}

#snippetsLeft.findUs {
	background-image: url(../img/snippets-left-find-us-bg.png);
}

#snippetsLeft.findUs h2,
#snippetsLeft.findUs p,
#snippetsLeft.findUs a {
   margin-left: 288px;
}

#snippetsRight {
	width: 565px;
	background: #fbfbfb url(../img/snippets-slash-bg.png) no-repeat bottom left;   /* <--- slash only (currently overridden by next style */
}

body#default #snippetsRight,
body#about #snippetsRight,
body#home #snippetsRight,
body#search #snippetsRight,
body#product #snippetsRight {
	/*background: transparent url(../img/snippets-right-proventec-bg.png) no-repeat top left;*/
}

#snippetsRight .new-brochure {
	background: transparent url(../img/snippets-right-brochure-bg.png) no-repeat top left;
}

#snippetsRight #snippetR1 {
	width: 300px;
}

#snippetsRight #snippetR1 h3,
#snippetsRight #snippetR1 p,
#snippetsRight #snippetR1 a {
	margin-left: 80px;
}

#snippetsRight #snippetR1 h3{
/*    margin-top: 100px;*/
	margin-top: 34px;
}

#snippetR1 a {
	width: 130px;
}

#snippetsRight #snippetR2 {
	width: 230px;
	background: url(../img/snippets-divider.png) no-repeat center left;
}

#snippetsRight #snippetR2 span,
#snippetsRight #snippetR2 h4,
#snippetsRight #snippetR2 p,
#snippetsRight #snippetR2 a {
	margin-left: 30px;
	margin-right: 5px;
}

#snippetsRight #snippetR2 span {
	display: block;
	margin: 38px 0 11px 24px;
	padding-left: 50px;
	line-height: 50px;
	font-size: 58px;
	background: url(../img/blue-clock.png) no-repeat top left;
}

#snippetsRight #snippetR2 a {
	width: 140px;
}

/**************************************
 *
 *  Default template
 *
 *************************************/
body#default #content p:first-child,
#full-image-text-left #content p:first-child,
#full-image-text-right #content p:first-child {
	font-size: 140%;
}


/**************************************
 *
 *  Full-image-text-right template
 *
 *************************************/

#full-image-text-right #content {
	padding: 220px 0 0 630px;
}


/**************************************
 *
 *  Full-image-text-left template
 *
 *************************************/
#full-image-text-left #content {
	padding-right: 430px;
}



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
 *
 *
 *             .......Here begins styles for specific pages.......
 *
 *
 *  <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */



/**************************************
 *
 *  Homepage
 *
 *************************************/
body#home #content {
	margin: 0;
	padding: 30px 30px 0 30px;
	position: relative;
}

body#home #portraits {
	height: 542px;
	position: relative;
	overflow: hidden;
	background: #000 url(../img/throbber-000000.gif) no-repeat 290px 250px;
	color: #ccc;
}

body#home #portraits div img {
	position: absolute;
	top: 0;
	left: 0;
}

body#home #portraits div span {
	position: relative;
}

body#home #portraits div {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

html.no-js body#home #portraits div.last {
	display: block;
}


body#home #products {
	position: absolute;
	top: 30px;
	right: 30px;
	height: 544px;
	width: 472px;
	overflow: hidden;
	background: url(../img/homepage/products-bg.png) no-repeat top right;
}

#home #products-panel {
	position: absolute;
	background: url("../img/homepage/products/panel.jpg") no-repeat center left;
	width: 28px;
	height: 181px;
	z-index: 200;
	top: 140px;
	right: 2px;
	padding-top: 10px;
	display: none;
}

#home #products-panel a {
	display: block;
	opacity: 0.34;
	moz-opacity:0.34;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;


}

#home #products-panel a.current,
#home #products-panel a:hover {
	opacity: 1;
	moz-opacity: 1;
}

body#home #products div {
	position: absolute;
	top :0;
	left: 0;
	background: transparent url(../img/throbber-efefef.gif) no-repeat 210px 250px;
}

body#home #products div img {
	width: 460px;
	height: 544px;
}

html.js body#home #products div img.first {
	display: none;
}

body#home #products div a {
	position: relative;
	display: block;
	color: #ccc;
	line-height: 30px;
}

body#home #products-nav a {
	position: absolute;
	width: 167px;
	height: 87px;
	text-indent: -9999px;
	color: #ccc;
}

body#home #products-nav .prev {
	right: 20px;
	top: 10px;
	z-index: 999;
	background: url(../img/homepage/arrow-up.png) no-repeat center center;
}

body#home #products-nav .next {
	right: 320px;
	bottom: -10px;
	background: url(../img/homepage/arrow-down.png) no-repeat center center;
}

body#home #products-nav {
	display: none;
}

body#home #view-chair-button {
	position: absolute;
	top: 220px;
	right: 210px;
	height: 116px;
	width: 116px;
	cursor: pointer;
	background: url(../img/shim.gif) no-repeat top center;
	display: none;
}

body#home #view-chair-button.cat1 { background-image: url(../img/homepage/products/btn-view-chair.png); }
body#home #view-chair-button.cat2 { background-image: url(../img/homepage/products/btn-view-occasional-chairs.png); }
body#home #view-chair-button.cat3 { background-image: url(../img/homepage/products/btn-view-dining.png); }
body#home #view-chair-button.cat4 { background-image: url(../img/homepage/products/btn-view-furniture.png); }
body#home #view-chair-button.cat5 { background-image: url(../img/homepage/products/btn-view-tables.png); }
body#home #view-chair-button.cat6 { background-image: url(../img/homepage/products/btn-view-tubular-furniture.png); }
body#home #view-chair-button.cat7 { background-image: url(../img/homepage/products/btn-view-bedroom.png); }
body#home #view-chair-button.cat8 { background-image: url(../img/homepage/products/btn-view-beds.png); }

body#home #view-chair-button:active {
	background-position: bottom center;
}

#pull-out-tab {
	position: absolute;
	top: 80px;
	left: 0;
	width: 220px;
	height: 180px;
	background: url(../img/pull-out-tab-bg.png) no-repeat top right;
}

#pull-out-tab {
	padding: 15px 45px 0 20px;
}

#pull-out-tab h2 {
	line-height: 24px;
	padding-bottom: 5px;
	background: #f2f2f2;
}

#pull-out-tab p {
	padding-bottom: 5px;
	background: #f2f2f2;
}

#pull-out-tab a {
	display: inline-block;
	/*width: 130px;*/
	font-weight: bold;
	/*line-height: 30px;*/
	padding: 5px 15px 5px 0;
	text-decoration: none;
	background: #f2f2f2 url("../img/link-arrow.png") no-repeat right center;
}

body#home .view-more-link {
	display: inline-block;
	width: 500px;
	font-weight: normal;
	position: relative;
	font-size: 22px;
	line-height: 32px;
	padding: 10px 10px;
	color: #fff;
	top: 495px;
	background-color:black;
	filter:alpha(opacity=80);
	opacity:.8;
	text-decoration: none;
}


/**************************************
 *
 *  About page
 *
 *************************************/
body#about #content {
	padding-right: 230px;
}

body#about #content div {
	font-size: 150%;
}

/**************************************
 *
 *  Gallery page
 *
 *************************************/
body#gallery {
	background: #181818;
}

body#gallery > .pageWidth {
	background: url(../img/body-gallery-bg.png) repeat-y top center;
}

body#gallery > #footer-wrap > .pageWidth {
	background: none;
}

body#gallery #footer-wrap {
	background: #fbfbfb url(../img/body-gallery-bg.png) repeat-y top center;
	padding-top: 30px;
}

body#gallery #content {
	margin: 0;
	padding: 30px;
	position: relative;
}

#big-image-wrap {
	width: 960px;
	height: 544px;
	position: relative;
	overflow: hidden;
	background: #000 url(../img/throbber-000000.gif) no-repeat center center;
}

html.no-js #big-image-wrap {
	background: url("../img/gallery/no-js.jpg") no-repeat center center;
}

#big-image-wrap div {
	width: 960px;
	height: 544px;
	position: absolute;
}

#big-image-wrap div.img {
	display: none;
}

#big-image-wrap div img {
	position: absolute;
	top: 0;
}

#big-image-wrap div img.left {
	left: 0;
}

#big-image-wrap div img.right {
	right: 0;
}

html.no-js #thumbs-nav,
html.no-js #image-nav {
	display: none;
}

#image-nav {
	width: 960px;
	height: 544px;
	position: absolute;
	top: 30px;
	right: 34px;
	z-index: 99;
	overflow: hidden;
}

#image-nav a {
	height: 544px;
	position: absolute;
	top: 0;
	right: 0;
}

#image-nav a.prev {
	left: 0;
}

#image-nav a.next {
	right: 0;
}

#image-nav a {
	margin-top: 0;
}

#image-nav a:hover {
	margin-top: -544px;
}

body#gallery #thumbs-nav {
	height: 103px;
	margin: 10px 0 40px;
	list-style: none;
}

body#gallery #nav1 { background-image: url(../img/gallery/_1-thumb.jpg); }
body#gallery #nav2 { background-image: url(../img/gallery/_2-thumb.jpg); }
body#gallery #nav3 { background-image: url(../img/gallery/_3-thumb.jpg); }
body#gallery #nav4 { background-image: url(../img/gallery/_4-thumb.jpg); }
body#gallery #nav5 { background-image: url(../img/gallery/_5-thumb.jpg); }

body#gallery #thumbs-nav li {
	margin-right: 1px;
	display: block;
	float: left;
	background-position: top left;
	background-repeat: no-repeat;
}

body#gallery #thumbs-nav li:hover {
	background-position: center center;
}

body#gallery #thumbs-nav li.active {
   background-position: bottom center;

}

body#gallery #thumbs-nav li a {
	width: 191px;
	height: 103px;
	display: block;
	line-height: 103px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	font-size: 18px;
}

body#gallery #thumbs-nav li a:active {

}

/**************************************
 *
 *  All products page
 *
 *************************************/
body#product #bodybg {
	display: none;
}

body#product #login {
	display: none;
}

body#product #footer-wrap {
	background: #fbfbfb url(../img/body-gallery-bg.png) repeat-y top center;
}

body#product #footer-wrap .pageWidth {
	padding-top: 55px;
}

#products-wrap {
	background: url("../img/dotted-wide.png") repeat-x bottom left;
	min-height: 600px;
	clear: both;
	position: relative;
}

/* No category selected */
#products-wrap.products-page {
	min-height: 580px !important;
	background: #f3f3f3;
}

#products-wrap.products-page h1 {
	font-size: 30px;
	margin: 0;
	padding-top: 80px;
	text-align: center;
	text-transform: none;
	background: none;
}

#products-wrap.products-page p {
	line-height: 22px;
	text-align: center;
	font-style: italic;
	font-size: 20px;
	font-family: 'Goudy','Garamond',serif;
	color: #888;
}

#products-wrap.products-page ul {
	width: 1024px;
	height: 530px;
	margin: 0 auto;
	position: relative;
}

#products-wrap.products-page li {
	position: absolute;
	text-indent: -9999px;
	background: url(../img/shim.gif) no-repeat top left;

}

#products-wrap.products-page li img {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	cursor: pointer !important;
}

#products-wrap.products-page li a {
	display: block;
	height: 100%;
	width: 100%;
}

#products-wrap.products-page li div.tooltip {
	position: absolute;
	top: 0;
	left: 0;
	width: 80px;
	padding: 1em;
	text-align: center;
	text-indent: 0;
	font-size: 18px;
	line-height: 17px;
	font-weight: bold;
	color: #000;
	cursor: pointer !important;
	background: url("../img/products/category-name-bg.png") no-repeat bottom center;
}

#products-wrap.products-page li.Occasional.Chairs div.tooltip {
	width: 100px;
}

#products-wrap.products-page li.Chairs {
	width: 276px;
	height: 346px;
	top: 50px;
	left: 690px;
	background-image: url(../img/products/categories/chairs-line.png);
	z-index: 2;
}

#products-wrap.products-page li.Occasional.Chairs {
	width: 259px;
	height: 273px;
	top: 200px;
	left: -10px;
	background-image: url(../img/products/categories/occasional-chairs-line.png);
	z-index: 5;
}

#products-wrap.products-page li.Dining {
	width: 248px;
	height: 308px;
	top: 180px;
	left: 830px;
	background-image: url(../img/products/categories/dining-line.png);
	z-index: 3;
}

#products-wrap.products-page li.Lounge.Dining.Cabinets {
	width: 255px;
	height: 251px;
	top: 80px;
	left: 530px;
	background-image: url(../img/products/categories/lounge-dining-cabinets-line.png);
	z-index: 1;
}

#products-wrap.products-page li.Coffee.Tables {
	width: 125px;
	height: 143px;
	top: 295px;
	left: 250px;
	background-image: url(../img/products/categories/coffee-tables-line.png);
	z-index: 4;
}

#products-wrap.products-page li.Tubular.Furniture {
	width: 178px;
	height: 242px;
	top: 130px;
	left: 390px;
	background-image: url(../img/products/categories/tubular-furniture-line.png);
	z-index: 3;
}

#products-wrap.products-page li.Bedroom {
	width: 230px;
	height: 300px;
	top: 60px;
	left: 210px;
	background-image: url(../img/products/categories/bedroom-cabinets-line.png);
	z-index: 2;
}

#products-wrap.products-page li.Beds {
	width: 398px;
	height: 268px;
	top: 80px;
	left: -100px;
	background-image: url(../img/products/categories/beds-line.png);
	z-index: 1;
}


/* Products-matrix (ie. category selected) */
html.js #products-wrap #products-matrix {
	display: none;
}

html.no-js #products-wrap #products-matrix > ul {
	display: none;
}

#products-wrap #overlay { z-index: 2; }
#products-wrap #filters { z-index: 3; }
#products-wrap #products-matrix { z-index: 1; }


#products-wrap ul {
	list-style: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;
}

#products-wrap a {
	text-decoration: none;
}

body#product #filters {
	width: 100%;
	margin: 0 auto;
	padding: 50px 0 2px;
	text-align: center;
	position: relative;
	background: url(../img/filters-bg.png) repeat-x bottom left;
}

body#product #filters ul,
body#product #filters div.sub {
	width: 700px;
	height: 370px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 100px;
	left: 160px;
	overflow: hidden;
	z-index: 4;
	list-style: none;
	background: #fff;
	border: 0px solid red;
}

body#product #filters ul {
	height: 470px;
}

html.no-js body#product #filters div.sub {
	height: 445px !important;
}

body#product #filters li {
	float: left;
	margin: 16px 0 4px;
	font-size: 16px;
	font-weight: bold;
}

.product_subheaders
{
	font-size: 26px;
	color: #555;
	font-family: "proxima-nova-1","proxima-nova-2", sans-serif;
	font-weight: 800;
	background: url(../img/filters-bg.png) repeat-x bottom left;
}

.rangeTitle
{
	margin-bottom: 20px;
	margin-top: -15px;
	background: url(../img/dotted-bg.png) repeat-x top left;
}

#products-wrap #filters .filter {
	width: 48%;
	height: 45px;
	line-height: 45px;
	padding: 0 1%;
	display: block;
	float: left;
	text-align: right;
	margin-left: 50px;
}

#products-wrap #filters #category-filter {
	background: url(../img/dotted-bg.png) repeat-y top right;
}

#products-wrap #filters #category-filter li.category {
	background: url(../img/throbber-ffffff.gif) no-repeat 70px 66px;
}

#products-wrap #filters #sub-filter {
	width: 148px;
	text-align: left;
	margin-left: 8px;
}

#products-wrap #filters #sub-filter.inactive {
	opacity: 0.18;
	-moz-opacity: 0.18;
}

#products-wrap #filters .filter a.current-label {
	padding-right: 65px;
	display: block;
	background: url(../img/products/products-filter-span-bg.png) no-repeat 100% 0%;
	font-size: 28px;
	font-weight: bold;
	text-decoration: none;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}

#products-wrap #filters .filter a.current-label:hover {
	background-position: 100% 33% !important;
}

#products-wrap #filters #sub-filter.inactive a.current-label:hover {
	background-position: 100% 0% !important;
}

#products-wrap #filters #sub-filter.inactive a.current-label:hover {
	cursor: default;
}

#products-wrap #filters .filter a.open {
	background-position: 100% 66% !important;
}

#products-wrap #filters .filter a.open:hover {
	background-position: 100% 100% !important;
}

#products-wrap #filters .filter ul {
	text-align: center;
	display: none;
}

#products-wrap #filters .filter ul li {
	position: relative;
}

#products-wrap #filters .filter ul li a {
	line-height: 12px;
}

#products-wrap #filters .filter span {
	display: block;
	font-size: 16px;
	line-height: 16px;
	text-align: center;
}

#products-wrap div.sub {
	width: 760px !important;
	height: 390px !important;
	padding: 6px 0 26px !important;
	display: none;
	font-weight: bold;
}

#products-wrap div.sub form div {
	width: 190px;
	height: 190px;
	margin-bottom: 4px;
	display: block;
	float: left;
	background-repeat: no-repeat;
	background-position: top center;
	position: relative;
}

#products-wrap div.sub form div span {
	margin-top: 150px;
	cursor: default;
}

#products-wrap #filters .filter .state {
	width: 36px;
	height: 36px;
	position: absolute;
	bottom: 50px;
	right: 45px;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}

#products-wrap #filters .filter .state {
	background: url(../img/products/state.png) no-repeat 0px 0px;
}

#products-wrap #filters .filter .state.selected {
	background-position: 0px -72px;
}

#products-wrap #filters .sub form>div:hover .state {
	background-position: 0px -36px;
}

#products-wrap #filters .sub form>div:hover .state.selected {
	background-position: 0px -108px;
}

#products-wrap #filters .sub form>div:hover .state.over {
	background-position: 0px 0px;
}

#products-wrap #filters .sub form>div:hover .state.selected.over {
	background-position: 0px -72px;
}

#products-wrap #filters .sub form>div {
	cursor: pointer;
}

#products-wrap div.sub form div input[type="checkbox"] {
	position: absolute;
	bottom: 0px;
	right: 87px;
	display: block;
}

#chair-sub-submit {
	float: right;
	margin: 20px;
}

div#chairs-sub form div#oneseater   { background-image: url(../img/products/chairs/style-1seater.png); }
div#chairs-sub form div#twoseater   { background-image: url(../img/products/chairs/style-2seater.png); }
div#chairs-sub form div#threeseater { background-image: url(../img/products/chairs/style-3seater.png); }
div#chairs-sub form div#footstool   { background-image: url(../img/products/chairs/style-footstool.png); }
div#chairs-sub form div#wingback    { background-image: url(../img/products/chairs/style-wings.png); }
div#chairs-sub form div#lowback     { background-image: url(../img/products/chairs/style-lowback.png); }
div#chairs-sub form div#highback    { background-image: url(../img/products/chairs/style-highback.png); }
div#chairs-sub form div#recliner    { background-image: url(../img/products/chairs/style-recliner.png); }


body#product #filters #dining-sub {
	width: 380px !important;
	height: 170px !important;
}
body#product #filters .sub #chair  { background-image: url(../img/products/style-chair.png); }
body#product #filters .sub #table  { background-image: url(../img/products/style-table.png); }



#products-wrap #products-matrix {
	padding-top: 30px;
	padding-bottom: 30px;
	min-width: 960px;
	text-align: center;
	background: url(../img/dotted-bg.png) repeat-x top left;
}

#products-wrap li.product {
	float: left;
	margin: 0 0 24px 0;
	position: relative;
	overflow: hidden;
	padding-bottom: 10px;
}

#products-wrap #products-matrix li a {
	width: 300px;
	display: block;
}

#products-wrap #products-matrix .product-mask {
	position: absolute;
	top: 0;
	right: -85px;
}

#products-wrap #products-matrix li.product div {
	position: absolute;
	top: 300px;
	left: 0;
	width: 100%;
	margin: 90px 0 0;
	text-align: center;
	transition: all .4s;
	opacity: 0;
	-moz-opacity: 0;
	-webkit-transition: opacity .5s ;
	-moz-transition: opacity .5s;
	-o-transition: opacity .5s;
}

#products-wrap #products-matrix li.product img {
	transition: all .4s;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
}

#products-wrap #products-matrix li.product:hover img {
	opacity: 0.8;
	-moz-opacity: 0.8;
}

#products-wrap #products-matrix li.product span {
	padding: 0.8em 1em;
	font-size: 18px;
	font-weight: bold;
	background: url(../img/products/product-name-bg.png) no-repeat bottom center;
	color: #fff;
}

#products-wrap #products-matrix li.product:hover div {
	top: 0;
	opacity: 1;
	-moz-opacity: 1;
}




/**************************************
 *
 *  Product page
 *
 *************************************/
body#product #sidecol {
	width: 340px;
}

body#product #content {
	margin: 0;
	padding: 47px 33px 0 0;
	background: transparent url(../img/throbber-fbfbfb.gif) no-repeat 680px 250px;
}

body#product #product-image {
	width: 580px;
	float: right;
	text-align: center;
}

html.js body#product #product-image {
	display: none;
	overflow: hidden;
}

html.js body#product #sidecol {
	display: none;
}

body#product #image-nav {
	width: 477px;
}

body#product #sidecol > span {
	font-style: italic;
	color: #999;
}

body#product #sidecol > div {
	border-bottom: 1px solid #ccc;
}

body#product a.category-back-link {
	width: 33px;
	height: 27px;
	display: block;
	background: url(../img/products/back-to-products-bg.png) no-repeat top right;
	text-indent: -9999px;
	position: absolute;
	top: 96px;
	left: -31px;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
}

body#product a.category-back-link:hover {
	height: 164px;
}

body#product h1 {
	margin: 0;
	padding: 0 0 10px;
	text-transform: uppercase;
	background: url(../img/dotted-wide.png) repeat-x bottom left;
}

body#product #sidecol h1.product-page {
	font-size: 51px;
	line-height: 40px;
}

body#product #sidecol h1 span {
	display: block;
	color: #ccc;
	font-size: 32px;
	line-height: 28px;
	font-family: 'Gotham', sans-serif;
}

body#product #sidecol h4 {
	text-transform: uppercase;
	font-weight: normal;
	padding: 1em 0;
	background: url(../img/h4-accordion.png) no-repeat right center;
}

html.no-js body#product #sidecol h4 {
	background: none;
}

html.js body#product #sidecol h4 {
	cursor: pointer;
}

html.no-js body#product #sidecol .jsAccordianDiv {
	display: block;
}

#categories_button
{
	position: absolute;
	bottom: 57px;
	left: 50%;
	margin-left: -110px;
	background-color: white;
	border-radius: 10px;
	border: 1px solid #ccc;
	padding: 15px;
	cursor: pointer;
	font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
	box-shadow: 0px 3px 10px #ccc;
}

#categories_button h1
{
	padding: 0px !important;
	font-size: 20px !important;
	color: #888;
}

body#product #dimensions ul {
	margin-bottom: 0;
}

body#product #dimensions ul li {
	width: 112px;
	padding-top: 88px;
	margin-bottom: 1em;
	display: block;
	float: left;
	line-height: 15px;
	text-align: center;
	text-transform: none;
	font-weight: bold;
	border: 0;
	border-right: 1px solid #ccc;
}

body#product #dimensions ul li.last {
	border: 0;
}

/* Dimensions illustrations */
.chair li#product-width             { background: url(../img/products/dim-width-chair.png) no-repeat top center; }
.chair li#product-depth,
.settee li#product-depth            { background: url(../img/products/dim-depth-chair.png) no-repeat top center; }
.chair li#product-height,
.settee li#product-height           { background: url(../img/products/dim-height-chair.png) no-repeat top center; }
.settee li#product-width            { background: url(../img/products/dim-width-settee.png) no-repeat top center; }

.foot-stool li#product-width        { background: url(../img/products/dim-width-footstool.png) no-repeat top center; }
.foot-stool li#product-depth        { background: url(../img/products/dim-depth-footstool.png) no-repeat top center; }
.foot-stool li#product-height       { background: url(../img/products/dim-height-footstool.png) no-repeat top center; }

.table li#product-width             { background: url(../img/products/dim-width-table.png) no-repeat top center; }
.table li#product-depth             { background: url(../img/products/dim-depth-table.png) no-repeat top center; }
.table li#product-height            { background: url(../img/products/dim-height-table.png) no-repeat top center; }

.furniture li#product-width         { background: url(../img/products/dim-width-furniture.png) no-repeat top center; }
.furniture li#product-depth         { background: url(../img/products/dim-depth-furniture.png) no-repeat top center; }
.furniture li#product-height        { background: url(../img/products/dim-height-furniture.png) no-repeat top center; }

.dining-chair li#product-width      { background: url(../img/products/dim-width-dining-chair.png) no-repeat top center; }
.dining-chair li#product-depth      { background: url(../img/products/dim-depth-dining-chair.png) no-repeat top center; }
.dining-chair li#product-height     { background: url(../img/products/dim-height-dining-chair.png) no-repeat top center; }

.dining-table li#product-width      { background: url(../img/products/dim-width-table.png) no-repeat top center; }
.dining-table li#product-depth      { background: url(../img/products/dim-depth-table.png) no-repeat top center; }
.dining-table li#product-height     { background: url(../img/products/dim-height-table.png) no-repeat top center; }

.table .round li#product-width,
.dining-table.round li#product-width    { background: url(../img/products/dim-width-table-round.png) no-repeat top center; }

.bed li#product-width               { width: 164px !important; background: url(../img/products/dim-width-bed.png) no-repeat top center; }
.bed li#product-depth               { border-right: 0 !important; background: url(../img/products/dim-depth-bed.png) no-repeat top center; }

.table .round li#product-depth,
.dining-table.round li#product-depth,
.bed li#product-height              { display: none !important; }


body#product #sidecol ul {
	width: 100%;
}

body#product .jsAccordianDiv {
	margin: 0;
	padding: 0;
	width: 100%;
}

body#product .jsAccordianDiv.closed {
	display: none;
}


body#product #information div.jsAccordianDiv div {
	width: 125px;
	float: left;
	padding-bottom: 1em;
}

body#product #information div.jsAccordianDiv div.first {
	width: 90px;
}

body#product #information strong {
	display: block;
}

body#product #information div p,
body#product #information div a {
	font-size: 90%;
}

body#product ul.showLabels li {
	overflow: hidden;
	border: none;
	font-size: 10px;
	line-height: 10px;
	text-align: center;
	font-weight: bold;
}

body#product #legs ul {
	border-top: 1px solid #ccc;
}

body#product #legs li {
	width: 85px;
	padding: 95px 0 10px;
	float: left;
	background: url(../img/shim.gif) no-repeat top center;
}

body#product #legs li.castor    { background-image: url(../img/products/chairs/leg-castor.png); }
body#product #legs li.steel     { background-image: url(../img/products/chairs/leg-steel.png); }
body#product #legs li.queen     { background-image: url(../img/products/chairs/leg-queen.png); }
body#product #legs li.straight  { background-image: url(../img/products/chairs/leg-straight.png); }

body#product #materials li {
	width: 68px;
	float: left;
	padding: 87px 0 10px;
	background: url(../img/shim.gif) no-repeat center 5px;
}

body#product #materials li.duo          { background-image: url(../img/products/chairs/material-duo.png); }
body#product #materials li.twotone      { background-image: url(../img/products/chairs/material-twotone.png); }
body#product #materials li.contrastseat { background-image: url(../img/products/chairs/material-contrastseat.png); }
body#product #materials li.contrastarms { background-image: url(../img/products/chairs/material-contrastarms.png); }
body#product #materials li.contrastpipes { background-image: url(../img/products/chairs/material-contrastpipes.png); }

body#product #comfort ul {
	border-top: 1px solid #ccc;
}

body#product #comfort li {
	width: 123px;
	padding: 110px 0 10px;
	float: left;
	background: url(../img/shim.gif) no-repeat top center;
}

body#product #comfort li.foam { background-image: url(../img/products/comfort-foam.png); }
body#product #comfort li.pack { background-image: url(../img/products/comfort-pack.png); }


body#product #woodshades li {
	width: 62px;
	padding: 62px 0 10px;
	display: inline-block;
	vertical-align: top;
	background: url(../img/shim.gif) no-repeat top center;
}

body#product #woodshades li.white       { background-image: url(../img/products/finish-white.jpg); }
body#product #woodshades li.honeyoak    { background-image: url(../img/products/finish-honeyoak.jpg); }
body#product #woodshades li.walnut      { background-image: url(../img/products/finish-walnut.jpg); }
body#product #woodshades li.mahogany    { padding-right: 5px; background-image: url(../img/products/finish-mahogany.jpg); }
body#product #woodshades li.cherry      { background-image: url(../img/products/finish-cherry.jpg); }
body#product #woodshades li.natural     { background-image: url(../img/products/finish-natural.jpg); }
body#product #woodshades li.beech       { background-image: url(../img/products/finish-beech.jpg); }
body#product #woodshades li.maple       { background-image: url(../img/products/finish-maple.jpg); }
body#product #woodshades li.richwalnut  { background-image: url(../img/products/finish-richwalnut.jpg); }
body#product #woodshades li.driftwood   { background-image: url(../img/products/finish-driftwood.jpg); }
body#product #woodshades li.mussel      { background-image: url(../img/products/finish-mussel.jpg); }
body#product #woodshades li.limogeswood { background-image: url(../img/products/finish-limoges-wood.jpg); }
body#product #woodshades li.stonegrey   { background-image: url(../img/products/finish-stone-grey.jpg); }

body#product #handles li {
	width: 112px;
	height: 50px;
	float: left;
	border: 0;
	text-indent: -9999px;
	background: url(../img/shim.gif) no-repeat center center;
}

body#product #handles li.pewter         { background-image: url(../img/products/handle-pewter.png); }
body#product #handles li.brass          { background-image: url(../img/products/handle-brass.png); }
body#product #handles li.twistedchrome  { background-image: url(../img/products/handle-twistedchrome.png); }
body#product #handles li.wood1          { background-image: url(../img/products/handle-wood1.png); }
body#product #handles li.wood2          { background-image: url(../img/products/handle-wood2.png); }
body#product #handles li.bowchrome      { background-image: url(../img/products/handle-bowchrome.png); }


body#product h4 span {
	text-transform: capitalize;
	font-size: 80%;
}

body#product div.coming-soon {
	color: #ccc;
}

body#product #sidecol div.coming-soon h4 {
	background: none;
	cursor: default;
}

body#product #meet-the-family {
	margin-top: 20px;
	text-align: center;
	display: none;
}

body#product #meet-the-family ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

body#product #meet-the-family li {
	display: inline;
	margin: 0;
	padding: 0;
	opacity: 0.7;
}

body#product #meet-the-family li:hover {
	opacity: 1;
}

body#product #meet-the-family h3 {
	margin-bottom: 1em;
	font-size: 18px;
	font-weight: normal;
	font-style: italic;
	font-family: 'Vollkorn', serif;
	color: #999;
	background: url(../img/products/meetfamily-h3-bg.png) no-repeat center center;
}

/**************************************
 * Beds layout
 *************************************/
body#product.beds #products-wrap li.product {
	margin: 0 20px;
}

/**************************************
 * Bedroom Cabinets layout
 *************************************/
body#product.bedroom #products-wrap #products-matrix {
	width: 1024px !important;
	margin: 0 auto !important;
}

body#product.bedroom #products-wrap li.product {
	margin: 0 15px 24px 16px;
	padding-bottom: 10px;
}


body#product.bedroom #products-wrap li.product a {
	width: 480px;
}

body#product.bedroom #product-image {
	width: 100%;
	height: 475px;
	margin: auto;
	background: #E9E9E9;
	z-index: 999;
}

body#product.bedroom #image-nav {
	top: 0;
	right: -76px;
}

body#product.bedroom a.category-back-link {
	top: 526px;
}

html.ie7 body#product.bedroom a.category-back-link {
	top: 0px;
}

body#product.bedroom #sidecol {
	padding-top: 50px;
	padding-bottom: 50px;
}

body#product.bedroom #content {
	clear: right;
	padding-top: 72px;
	margin-left: 410px;
}

body#product.bedroom #collection-dimensions {
	text-align: center;
	padding: 0 0 20px;
}




/**************************************
 *
 *  case-study pages
 *
 *************************************/

div.casestudy_row
{
	overflow: hidden;
	margin-top: 48px;
}

	div.casestudy
	{
		float: left;
		width: 182px;
		margin-left: 48px;
		padding: 11px;
		background-color: #eeeeee;
	}
	div.casestudy:first-child
	{
		margin: 0px;
	}

		div.casestudy a
		{
			font-size: 16px;
			text-decoration: none;
		}
		div.casestudy a:hover
		{
			color: #44a3c5;
		}

			div.casestudy div.image_frame
			{
				padding-bottom: 6px;
			}

				div.casestudy div.image
				{
					position: relative;
					overflow: hidden;
				}

					div.casestudy img
					{
						position: absolute;
						cursor: pointer;
					}

			div.casestudy span.study_name
			{
				display: block;
			}

body#case-study #sidecol {
	width: 340px;
	padding-top: 30px;
}

body#case-study #content {
	margin: 0;
	padding: 30px 33px 0 0;
	float: left;
	width: 580px;
	/*background: transparent url(../img/throbber-fbfbfb.gif) no-repeat 680px 250px;*/
}

body#case-study #case-study-image {
	width: 100%;
	margin: auto;
	float: right;
	text-align: center;
}

html.js body#case-study #case-study-image {
	height: 545px;
	height: auto;
	/*display: none;*/
}

html.js body#case-study #sidecol {
	/*display: none;*/
}

body#case-study #image-nav {
	width: 477px;
}

body#case-study #sidecol > span {
	font-style: italic;
	color: #999;
}

body#case-study #sidecol > div {
	border-bottom: 1px solid #ccc;
}

body#case-study a.category-back-link {
	width: 33px;
	height: 27px;
	display: block;
	background: url(../img/case-studys/back-to-case-studys-bg.html) no-repeat top right;
	text-indent: -9999px;
	position: absolute;
	top: 96px;
	left: -31px;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
}

body#case-study a.category-back-link:hover {
	height: 164px;
}

body#case-study h1 {
	margin: 0;
	padding: 0 0 10px;
	text-transform: uppercase;
	background: url(../img/dotted-wide.png) repeat-x bottom left;
}

body#case-study #sidecol h1.case-study-page {
	font-size: 51px;
	line-height: 40px;
}

body#case-study #sidecol h1 span {
	display: block;
	color: #ccc;
	font-size: 32px;
	line-height: 28px;
	font-family: 'Gotham', sans-serif;
}

body#case-study #sidecol h2 {
	line-height: 25px;
	margin-top: 10px;
}

body#case-study #sidecol h4 {
	text-transform: uppercase;
	font-weight: normal;
	padding: 1em 0;
	background: url(../img/h4-accordion.png) no-repeat right center;
}

html.no-js body#case-study #sidecol h4 {
	background: none;
}

html.js body#case-study #sidecol h4 {
	cursor: pointer;
}

html.no-js body#case-study #sidecol .jsAccordianDiv {
	display: block;
}


/**************************************
 *
 *  Contact page
 *
 *************************************/

body#contact #inputEmail {
	display: none;
}

body#contact #main {
	min-height: 360px;
}

body#contact #sidecol {
	text-transform: uppercase;
	min-height: 420px;
}

body#contact #sidecol h3 {
	margin-bottom: 1em;
}

body#contact #sidecol address {
	margin-bottom: 1em;
	font-style: normal;
	min-height: 140px;
}

body#contact #sidecol span {
	text-transform: capitalize;
}

body#contact #sidecol span.label {
	display: block;
	float: left;
	width: 70px;
	font-weight: bold;
}

body#contact #content {
	padding-right: 420px;
}

body#contact #copydiv {
	background: transparent;
}

body#contact #copydiv div p:first-child {
	font-size: 200%;
}

#blockContact
{
	height: 90px;
}

#formdiv {
	position: absolute;
	top: 70px;
	right: 30px;
	text-align: right;
}

#formdiv p {
	width: 450px;
	position: relative;
	margin-bottom: 10px;
}

#formdiv label {
	position: absolute;
	top: 3px;
	right: 10px;
	line-height: 40px;
	font-size: 20px;
}

html.js #formdiv label {
	display: none;
}

#formdiv input,
#formdiv textarea {
	width: 280px;
	height: 40px;
	padding-right: 10px;
	text-align: right;
	line-height: 40px;
	font-size: 20px;
	border: 0;
	background: transparent;
}

#formdiv textarea {
	line-height: 24px;
	height: 95px;
}

#formdiv #submitForm {
	width: 140px;
	padding-right: 28px;
	background: url(../img/contact/send-bg.png) no-repeat top right;
}

#formdiv p.element_2 { background: url(../img/contact/name-bg.png) no-repeat top right; }
#formdiv p.element_3 { background: url(../img/contact/email-bg.png) no-repeat top right; }
#formdiv p.element_5 { background: url(../img/contact/subject-bg.png) no-repeat top right; }
#formdiv p.element_6 { background: url(../img/contact/message-bg.png) no-repeat top right; height: 101px; }

#formdiv #element_2 {}
#formdiv #element_3 { width: 300px; }
#formdiv #element_5 { width: 320px; }
#formdiv #element_6 { width: 340px; }

#gmap {
	height: 600px;
	border: 5px solid #ccc;
	border-width: 5px 0;
	background: #e5e3df url(../img/dotted-wide.png);
}

#gmap p {
	line-height: 600px;
	text-align: center;
	font-size: 30px;
	color: #181818;
}

body#contact #footer-wrap {
	background: #fbfbfb url(../img/body-gallery-bg.png) repeat-y top center;
	padding-top: 50px;
}

/**************************************
 *
 *  Chair Builder
 *
 *************************************/
body#chairBuilder div#bodybg, body#flashFullBleed #bodybg {
	display: none !important;
}


#flash-div {
	width: 100%;
	height: 700px;
	min-width: 1024px;
	min-height: 700px;
	background: #9F9F9F;
}


/**************************************
 *
 *  Chair Pointer
 *
 *************************************/

body#flashFullBleed {
	background-color: #D1D1D1
}

#chair-pointer {

	/*minWidth: 1024px;*/

	width: 100%;
	min-width: 1024px;
	min-height: 685px;
	height: 685px;
	background: #D1D1D1 url('../img/fla/what-makes.jpg') no-repeat top center;
}

#chair-pointer a {

	display: block;
	text-align: center;
	padding-top: 521px;
	font-family: "proxima-nova-1","proxima-nova-2", sans-serif;
	font-weight: 700;
	color: #777777;
	text-decoration: none;
}


/**************************************
 *
 *  Order form
 *
 *************************************/

body#order-form #content {
	float: left;
	 padding: 24px 260px 40px 0;
}

body#order-form #sidecol {
	padding-top: 24px;
}

body#order-form #content input {
	background-color: #ccc;
	height: 30px;
	border: 0px;
	margin-bottom: 10px;
	width: 200px;
	line-height: 30px;
	padding-left: 6px;
}

body#order-form #content input#handle_login {
	background-color: #181818;
	width: 100px;
	color: #fff;
}

body#order-form #content #handle_login-label {
	height: 3px;
}



body#order-form #customer-address p {
	float: left;
	margin-right: 10px;
}

body#order-form .clearfix .logout {
	position: absolute;
	right: 30px;
	top: 40px;
	z-index: 200;
}

body#order-form .clearfix .logout input {
	background-color: #181818;
	width: 100px;
	color: #fff;

	height: 30px;
	border: 0px;
	margin-bottom: 10px;

}

body#order-form .clearfix .logout input:hover {
background-color: #44A3C5;
}

body#order-form .clearfix .logout #handle_logout-label {
	height: 0px;
}

body#order-form #customer-address {
	margin-left: 10px;
}

body#order-form #customer-address .name {
	font-weight: bold;
	color: #181818;
}

body#order-form .delivery {
	border-bottom: 1px solid #CCCCCC;
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 64px;
	padding-bottom: 16px;
	position: absolute;
	right: 33px;
	text-align: right;
	top: 95px;
	width: 960px;
}

body#order-form #main {
	padding: 40px 20px;
}

body#order-form h1 {
	clear: both;
	text-align: center;
	margin: 20px;
	font-size: 40px;
	padding-top: 30px;

}

body#order-form h1.one {
	background: url(../img/order-form/fs-step1.jpg) no-repeat top center;
}

body#order-form h1.two {
	background: url(../img/order-form/fs-step2.jpg) no-repeat top center;
}

body#order-form h1.three {
	background: url(../img/order-form/fs-step3.jpg) no-repeat top center;
}

body#order-form h1.four {
	background: url(../img/order-form/fs-step4.jpg) no-repeat top center;
}

body#order-form #products {
	list-style: none;
	margin: 0;
	padding: 0;
}

body#order-form #products li {
	width: 238px;
	height: 260px;
	margin: 0 5px 0px 0;
	position: relative;
	float: left;
	background-color: transparent;
	background-position: top left;
	background-repeat: no-repeat;
}

body#order-form .product input {
	width: 238px;
	display: block;
	padding: 200px 0em 0.8em;
	position: absolute;
	bottom: 0;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	border: 0;
	background: none;
}

body#order-form #products #_1 { background-image: url(../img/order-form/edinburgh.jpg); }
body#order-form #products #_2 { background-image: url(../img/order-form/kensington.jpg); }
body#order-form #products #_3 { background-image: url(../img/order-form/modena.jpg); }
body#order-form #products #_4 { background-image: url(../img/order-form/monza.jpg); }
body#order-form #products #_5 { background-image: url(../img/order-form/evesham.jpg); }
body#order-form #products #_6 { background-image: url(../img/order-form/napoli.jpg); }
body#order-form #products #_7 { background-image: url(../img/order-form/bakewell.jpg); }
body#order-form #products #_8 { background-image: url(../img/order-form/richmond.jpg); }
body#order-form #products #_9 { background-image: url(../img/order-form/sienna.jpg); }
body#order-form #products #_10 { background-image: url(../img/order-form/sorrento.jpg); }
body#order-form #products #_11 { background-image: url(../img/order-form/sh3636.jpg); }
body#order-form #products #_12 { background-image: url(../img/order-form/sk36.jpg); }
body#order-form #products #_13 { background-image: url(../img/order-form/742.jpg); }
body#order-form #products #_14 { background-image: url(../img/order-form/743s.jpg); }
body#order-form #products #_15 { background-image: url(../img/order-form/903.jpg); }

ul#fabrics {
	border-bottom: 1px solid #ccc;
	margin: 0 0 80px;
	padding: 0;
	height: 220px;
}

ul#fabrics li {
	width: 242px;
	height: 220px;
	display: block;
	float: left;
	text-indent: -9999px;
}

ul#fabrics li input {
	display: block;
	width: 242px;
	height: 220px;
	margin: 0;
	padding: 0;
	border: 0;
	text-indent: -9999px;
	background-color: transparent;
	background-position: top left;
	background-repeat: no-repeat;
}

ul#fabrics #fabric-1 input { background-image: url(../img/order-form/fabric-1.jpg); }
ul#fabrics #fabric-2 input { background-image: url(../img/order-form/fabric-2.jpg); }
ul#fabrics #fabric-3 input { background-image: url(../img/order-form/fabric-3.jpg); }
ul#fabrics #fabric-4 input { background-image: url(../img/order-form/fabric-4.jpg); }

ul#fabrics li input {
	background-position:  center -156px;

}

ul#fabrics li input {
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

ul#fabrics li input:hover {
	background-position: center -220px;
}

ul#finishes {
	padding: 0;
	height: 178px;
	margin: 0 auto;
	width: 930px;
}

ul#finishes li {
	width: 225px;
	height: 178px;
	display: block;
	float: left;
	text-indent: -9999px;
}

ul#finishes li input {
	display: block;
	width: 242px;
	height: 178px;
	margin: 0;
	padding: 0;
	border: 0;

	background-color: transparent;
	background-position: top left;
	background-repeat: no-repeat;
	color: #fff;
	font-weight: bold;
	font-size: 17px;
}

ul#finishes .order-details {
	color: #000;
}

ul#finishes #finish-1 input { background: url(../img/order-form/finish-1.jpg) no-repeat center center; }
ul#finishes #finish-2 input { background: url(../img/order-form/finish-2.jpg) no-repeat center center; }
ul#finishes #finish-3 input { background: url(../img/order-form/finish-3.jpg) no-repeat center center; }
ul#finishes #finish-4 input { background: url(../img/order-form/finish-4.jpg) no-repeat center center; }

body#order-form .clearfix .review {
	margin:0 auto;
	width: 745px;

}

body#order-form .clearfix .review ul {
	margin: 0;

}

body#order-form .clearfix .review li {
	list-style: none;
	margin-bottom: 30px;
}

body#order-form .clearfix .review h5 {
	padding-bottom :10px;
}

body#order-form .clearfix input.quantity {
	background-color: #ccc;
	height: 60px;
	border: 0px;
	width: 80px;
	font-size: 40px;
	text-align: center;
	margin-right: 10px;
	padding:0px;
	line-height: 60px;
}

body#order-form .clearfix input.fs-btn {
	background-color: #181818;
	height: 60px;
	border: 0px;
	color: #fff;
	font-size: 20px;
	float:left;
	margin-right: 10px;
}

body#order-form .clearfix input.fs-btn:hover {
	background-color: #44A3C5;
}


/**************************************
 *
 *  IE fixes
 *
 *************************************/
html.ie7 #products-matrix {
	width: 960px;
	margin: 0 auto !important;
}

html.ie7 #products-matrix .product span {
	display: none;
}


/**************************************
 *
 *  No JS
 *
 *************************************/

html.no-js body#product #filters .filter:hover ul,
html.no-js body#product #filters .filter:hover .sub {
	display: block;
	top: 97px;
}




/**************************************
 *
 *  Media queries and print styles
 *
 *************************************/

@media all and (orientation:portrait) {

}

@media all and (orientation:landscape) {

}

@media screen and (max-device-width: 480px) {

	#category-filter ul {
		width: 370px !important;
		height: 940px !important;
		left: 160px !important;
	}

	div.overlay {
		background: #666 !important;
	}

}

@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; }
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}

#streetviewMap {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -325px;
    margin-left: -400px;
    z-index: 1337;
    padding: 10px;
    background-color: white;
    border: 1px solid;
    border-radius: 10px;
    display: none;
}

.streetviewButton {
    padding: 5px;
    background-color: #9C9C9C;
    color: white;
    border-radius: 10px;
    margin-top: 5px;
    cursor: pointer;
    text-align: center;
}