﻿html
{
	margin: 0;
	padding: 0;
}

body
{
	margin: 0;
	padding: 0;
	background-color: #5c6d51;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 12px;
	color: #000000;
	height: 100%;
}

form
{
	padding: 0;
	margin: 0;
}

img
{
	border: 0;
	margin: 0;
	padding: 0;
}

.designAndOrder
{
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 1;
}

a, a:visited, a:active
{
	color: #6b394b;
	text-decoration: underline;
	background-color: Transparent;
}

a:hover
{
	text-decoration: none;
	color: #6b394b;
	background-color: Transparent;
}

.clear
{
	clear: both;
	height: 1px;
	line-height: 1px;
}

.imgClear
{
	float: right;
	margin-top: 15px !important;
}

br.clear
{
	clear: both;
	height: 1px;
	line-height: 1px;
}

input, select
{
	font-size: 11px;
}

h1, h2, h3, h4
{
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	color: #64636e;
	margin: 3px 0 1em 0;
}

.relatedItemsPanel h2, .specificationsPanel h2, .fabricsPanel h2, .optionalExtrasPanel h2, .designAndOrderPanel h2, .checkoutPanel h2
{
	color: #952533 !important;
}

p
{
	margin: 1em 0 1em 0;
}

h1
{
	font-size: 16px;
}

h2
{
	font-size: 16px;
}

h3, h4
{
	font-size: 12px;
	font-weight: bold;
}

.textNote
{
	font-size: 11px;
}

div.errorPanel
{
	color: #ff0000;
}

div#centeredHolderPanel
{
	position: relative;
	width: 987px;
	margin: 0 auto 0 auto;
	padding: 0;
	z-index: 5;
}

div#headerPanel
{
	position: relative;
	width: 985px;
	height: 139px;
	background: #a9aaa5 url(/images/general/headerBg.png) no-repeat left top;
	margin: 0;
	padding: 0;
	border-bottom: solid 2px #ffffff;
	border-right: solid 2px #ffffff;
}

div#logoHolderPanel
{
	position: absolute;
	top: 0px;
	left: 10px;
	width: 271px;
	height: 127px;
}

div#logoHolderPanel ul, div#logoHolderPanel ul li
{
	margin: 0;
	padding: 0;
}

div#headerRightCorner
{
	position: absolute;
	bottom: -2px;
	right: -2px;
	width: 13px;
	height: 13px;
	background: url('/images/general/headerBottomCorner.jpg') no-repeat right bottom;
}

input.standardInput
{
	border: solid 1px #808080;
	font-size: 11px;
}

input.postCodeInput
{
	width: 40px;
	font-size: 11px;
}

input.small
{
	width: 75px;
}

input.medium
{
	width: 167px;
}

.smallSubmitButton, .consultationSubmitButton
{
	border-style: none;
	height: 19px;
	font-size: 11px;
	color: #5e5e5e !important;
	vertical-align: middle;
	text-align: center;
	margin: 0;
	padding: 0;
	text-decoration: none !important;
}

.smallSubmitButton
{
	width: 92px;
	background: url('/images/general/smallSubmitButton.gif') no-repeat left top;
}

.consultationSubmitButton
{
	width: 120px;
	background: url('/images/general/consultationSubmitButton.gif') no-repeat left top;
}

a.smallSubmitButton, a.consultationSubmitButton
{
	padding: 2px 0 0 0;
}

.largeSubmitButton
{
	border-style: none;
	border-color: inherit;
	border-width: medium;
	width: 191px;
	height: 31px;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	background: url('/images/general/viewDetailsButton.gif') no-repeat left top;
	vertical-align: middle;
	text-align: center;
	margin: 10px 0 0 0;
	padding: 0;
}

div#headerPhoneNumber
{
	position: relative;
	top: 68px;
	left: 776px;
	width: 202px;
	height: 26px;
}

div#headerPhoneNumber h2
{
	margin: 0;
	position: relative;
	overflow: hidden;
	color: #ffffff;
	font-size: 16px;
	width: 202px;
	height: 26px;
}

div#headerPhoneNumber h2 span
{
	background: url('/images/general/headerPhoneNumber.png') no-repeat left top;
	position: absolute;
	width: 100%;
	height: 100%;
}

div#primaryNavPanel
{
	position: absolute;
	bottom: 5px;
	right: 10px;
	text-align: right;
}

ul.topNav
{
	width: 800px;
}

ul.clean, ul.clean li, ul.topNav, ul.topNav li
{
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.nav li, ul.topNav li
{
	display: inline;
}

ul.topNav li
{
	padding: 0 0 0 15px;
}

div#contentAreaWrapper
{
	position: relative;
	width: 987px;
	background: url('/images/general/contentBg.gif') repeat-y left top;
}

div#sideNavPanel
{
	position: relative;
	width: 194px;
	margin: 0;
	padding: 9px 0 9px 0;
	background: #ccd5c8 url(/images/general/sideNavBg.gif) repeat-x left top;
	float: left;
}

div#sideNavPanel h2.productsHeader
{
	position: relative;
	overflow: hidden;
	color: #1d2a0e;
	font-size: 16px;
	width: 91px;
	height: 15px;
	margin-left: 9px;
}

div#sideNavPanel h2.productsHeader span
{
	background: url('/images/menu/sideNav/productsHeader.gif') no-repeat left top;
	position: absolute;
	width: 100%;
	height: 100%;
}

div#sideNavPanel ul
{
	list-style-type: none;
	padding: 0 0 0 9px;
}

div#sideNavPanel ul.productLineList
{
	margin: 10px 0 0 0;
}

div#sideNavPanel ul.productLineList li a, div#sideNavPanel ul.productLineList li a:visited, div#sideNavPanel ul.productLineList li a:active
{
	color: #000000;
	text-decoration: none;
}

div#sideNavPanel ul.productLineList li a:hover
{
	color: #000000;
	text-decoration: underline;
}

div#sideNavPanel ul.productTypeList
{
	margin: 5px 0 0 33px;
	padding: 0;
	vertical-align: top !important;
}

div#sideNavPanel ul li
{
	vertical-align: top;
	padding: 0 0 5px 0;
	color: #ffffff;
}

div#sideNavPanel ul.productTypeList li a, div#sideNavPanel ul.productTypeList li a:visited, div#sideNavPanel ul.productTypeList li a:active
{
	color: #ffffff;
	text-decoration: none;
}

div#sideNavPanel ul.productTypeList li a:hover
{
	color: #ffffff;
	text-decoration: underline;
}

div#sideNavPanel ul li img
{
	vertical-align: middle;
	padding-right: 8px;
}

div#sideNavPanel ul li h3
{
	display: inline;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	color: #000000;
	line-height: 18px;
	vertical-align: middle;
}

div#sideNavPanel div#polaroidTop
{
	position: absolute;
	top: 280px;
	left: -10px;
	width: 204px;
	height: 202px;
}

div#sideNavPanel div#polaroidBottom
{
	position: absolute;
	top: 450px;
	left: -10px;
	width: 214px;
	height: 215px;
	z-index: 5;
}

div#polaroidBottom img
{
	z-index: 5;
}

div#contentAreaPanel
{
	position: relative;
	width: 790px;
	float: left;
}

div#footerPanel
{
	clear: both;
	width: 987px;
	height: 20px;
	background: #93af81 url(/images/general/footerBg.gif) repeat-x left top;
	z-index: 1;
}

div#footerPanel div#footerElement
{
	z-index: 1;
	position: relative;
	float: right;
	width: 516px;
	height: 20px;
	background: url('/images/general/footerElement.gif') no-repeat left bottom;
}

div#homepageWindowHolderPanel
{
	position: relative;
	width: 754px;
	height: 429px;
	margin: 3px auto 3px auto;
	border: solid 2px #cddfc2;
}

div.informationPanel
{
	position: relative;
	width: 763px;
	margin: 10px auto 7px 10px;
	background-color: #faf5e6;
	padding: 8px;
	min-height: 610px;
}

div.informationPanel h2
{
	color: #c58c24;
}

div.priceItFixedHeight
{
	height: 610px;
}

div.priceItFixedHeight h3
{
	margin-bottom: 0;
}

div.innerContentFixed
{
	height: 585px;
}

div.fixedHeight
{
	height: 580px;
}

div.infoBox
{
	position: relative;
	width: 185px;
	margin: 10px auto 10px auto;
	background: url('/images/general/infoBoxTop.gif') no-repeat left top;
	z-index: 3;
}

.lastInfo
{
	margin-bottom: 180px !important;	
}

div.infoBox table
{
	width: 175px;
	padding: 0;
	margin: 0 auto 0 auto;
}

div.infoBoxCopyHolder
{
	position: relative;
	background: url('/images/general/infoBoxBg.gif') repeat-y left top;
	width: 171px;
	padding: 7px 7px 0 7px;
	font-size: 11px;
	color: #565757;
}

div.infoBoxCopyHolder .smallSubmitButton, .consultationSubmitButton
{
	margin-top: 3px;
}

div.infoBox h3
{
	text-transform: uppercase;
	color: #952533;
	font-size: 16px;
	padding-top: 7px;
	margin: 0 0 0 7px;
}

div.infoBoxBottom
{
	position: relative;
	clear: both;
	width: 185px;
	height: 8px;
	background: Transparent;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

div.infoBoxBottom img
{
	vertical-align: top;
	margin: 0;
	padding: 0;
}

.contentPage
{
	min-height: 610px;
}

.contentPage ol
{
	width: 500px;
}

.contentPage img, img.samplesImage, img.floatImage, img.floatImageNoBorder
{
	float: right;
	margin: 0 0 10px 10px;
}

img.floatImageNoBorder
{
	border: 0 !important;
}

.contentPage img, img.samplesImage, img.floatImage
{
	border: solid 1px #cddfc2;
}

.contentPage h2
{
	font-size: 15px;
	color: #c58c24 !important;
}

div#homepageWindow
{
	position: relative;
	width: 759px;
	height: 211px;
	padding: 0 !important;
	margin: 0 auto 5px auto;
	background-color: #ffffff;
	border: solid 1px #cddfc2;
}

div#homepageWindow img
{
	margin: 0;
	padding: 0;
	border: none;
	float: none;
}

div#customMade
{
	position: absolute;
	width: 491px;
	height: 40px;
	top: 8px;
	right: 0;
	display:none;
}

div.innerContentPanel
{
	width: 737px;
	margin: 0 auto 3px auto;
	background-color: #ffffff;
	border: solid 1px #cddfc2;
	padding: 11px;
}

div.innerContentPanel table tr td, div.innerContentPanel table tr th
{
	vertical-align: top;
}

table tr td.listCell table tr td
{
	vertical-align: middle;
}

div.innerContentPanel h1
{
	color: #952533 !important;
}

div.innerContentPanel div.categoryOverviewImagePanel
{
	position: relative;
	width: 325px;
	float: right;
	margin: 0 0 45px 5px;
	font-size: 11px;
	text-align: right;
}

div.innerContentPanel div.categoryImage img, div#categoryImages img
{
	position: relative;
	border: solid 1px #cddfc2;
	top: 0;
	right: 0;
	display: none;
}

#categoryImagesNav
{
	clear: both;
	text-align: right !important;
	margin: 10px 0 5px 0;
}

#categoryImagesNav a
{
	margin: 0 5px;
	padding: 3px 5px;
	border: 1px solid #ccc;
	background: #ffffff;
	color: #000000;
	text-decoration: none;
}

#categoryImagesNav a.activeSlide
{
	background: #cddfc2;
	color: #000000;
}
#categoryImagesNav a:focus
{
	outline: none;
}
#categoryImagesNav
{
	text-align: left;
}

div.innerContentPanel ul
{
	color: #5c6d51;
	list-style-type: square;
}

div.innerContentPanel hr
{
	color: #cccccc;
	height: 1px;
	line-height: 1px;
}

table tr th
{
	text-align: left;
	padding-right: 10px;
}

/* rounded buttons */
.roundButton, .roundButtonNarrow
{
	cursor: pointer;
	cursor: hand;
	line-height: 27px;
	vertical-align: middle;
	display: block; /*opera*/
	display: inline-block; /*ie*/
	display: -moz-inline-box; /*ff*/
	text-decoration: none;
	margin: 10px auto 10px auto;
}

.roundButton
{
	padding-right: 30px;
}

.roundButtonNarrow
{
	padding-right: 6px;
	margin-bottom: 10px;
}

.buttonGreen
{
	background: url(/images/general/buttonGreen.gif) no-repeat right top;
	color: #ffffff;
}

.buttonYellow
{
	background: url(/images/general/buttonYellow.gif) no-repeat right top;
	color: #000000;
}

.buttonYellow span
{
	background: url(/images/general/buttonYellow.gif) no-repeat left top;
	color: #000000;
}

.buttonGreen span
{
	background: url(/images/general/buttonGreen.gif) no-repeat left top;
	color: #ffffff;
}

.roundButton span, .roundButtonNarrow span
{
	height: 27px;
	display: block;
	display: inline-block;
	line-height: 27px;
	text-decoration: none;
}

.roundButton span
{
	padding-left: 30px;
}

.roundButtonNarrow span
{
	padding-left: 6px;
}

a.roundButton:hover, a.roundButtonNarrow:hover
{
	background-position: right -155px;
	color: #000000;
}
a.roundButton:hover span, a.roundButtonNarrow:hover span
{
	background-position: left -155px;
	color: #000000;
}

div.productButton
{
	position: relative;
	clear: both;
	text-align: center;
}
/*button tag*/

button
{
	border: 0;
	border: none;
	background: transparent;
	overflow: visible;
	white-space: nowrap;
	padding: 0 2px;
	cursor: pointer;
	cursor: hand;
}

/* end rounded buttons */

.ui-tabs-hide
{
	display: none;
}

ul.squareList
{
	list-style-type: square;
	padding: 3px 0px 0px 20px;
	margin: 0px 0px 10px 10px;
}

ul.alphaList
{
	list-style-type: upper-alpha !important;
}

ul.alphaList li
{
	padding-bottom: 5px;
}

div#envoyLinkPanel
{
	width: 981px;
	height: 12px;
	margin: 0 auto 0 auto;
	font-size: 11px;
	text-align: right;
	color: #ffffff;
}

div#envoyLinkPanel a, div#envoyLinkPanel a:visited, div#envoyLinkPanel a:active
{
	font-size: 11px;
	text-decoration: underline;
	color: #cfdfc4 !important;
}

div#envoyLinkPanel a:hover
{
	text-decoration: none;
}

div.contentImageHolder
{
	position: relative;
	width: 210px;
	float: right;
}

div.contentImageHolder img
{
	float: none !important;
	margin-bottom: 10px;
	clear: both;
}

.productsHeading
{
	padding: 0;
	margin: 0;
	color: #cc0033;
	font-size: 16px;
	font-weight: bold;
}

div.galleryHolder
{
	position: relative;
	width: 720px;
	margin: 10px auto 7px auto;
	padding: 0;
	zoom: 1;
	background-color: #ffffff !important;
	clear: both;
}

div.galleryHolder div.galleryHolderDetail img
{
	border: solid 1px #cddfc2;
	float: right;
	margin-left: 10px;
}

div.galleryHolder div.galleryHolderDetail a img
{
	border: 0;
	float: none;
	margin: 5px 0 0 0;
}

div.galleryHolderDetail
{
	position: relative;
	background-color: #ffffff !important;
	zoom: 1;
	font-size: 11px;
	clear: both;
}

div.galleryHolder ul.itemList
{
	width: 704px;
	list-style-type: none;
	text-align: center;
	margin: 0 auto 0 auto;
	padding: 0;
	clear: both;
}

div.galleryHolder ul.itemList li
{
	float: left;
	border: 1px solid #cddfc2;
	width: 200px;
	height: 150px;
	margin: 0 10px 10px 10px;
	padding: 5px;
	text-align: center;
}

div.galleryHolder ul.itemList li img
{
	position: relative;
	display: block;
	margin: 0 auto 0 auto;
	border: 0;
	clear: both;
}

ul.itemList li div
{
	position: relative;
}

ul.portfolioList
{
	width: 300px;
	float: left;
	margin-right: 10px;
}

ul.portfolioList li
{
	padding-bottom: 5px;
}
