/* -------------- GENERIC -------------- */

.offleft {
	width:1px;
	overflow:hidden;
	position:absolute;
	left:-9999px;
	}
.clearer {
	clear:both;
	display:block;
	height:0px;
	font-size:0px;
	text-indent:-9999px;
	}
.todo {
	background:#f00;
	}
#lightboxOverlay {
	z-index:10;
	position:fixed;
	height:100%;
	width:100%;
	background:none;
	top:0px;
	left:0px;
	}
#lightboxContentWrap {
	z-index:11;
	position:absolute;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
#lightboxContent {
	margin-left:auto;
	margin-right:auto;
	width:940px;
	position:relative;
	}
#lightboxContent a.close {
	position:absolute;
	top:20px;
	right:20px;
	display:block;
	background:url(../Images/UI/closeIcon.png);
	width:27px;
	height:27px;
	z-index:20;
	text-indent:-9999px;
	
	}
/* ----------------------------------------- */
body {
	font-family:Georgia;
	font-size:12px;
	background:url(../Images/UI/pageBackground.jpg);
	line-height:120%;
	}
form {
	margin:0px;
	padding:0px;
	background:url(../Images/UI/pageBackgroundUpper.jpg) top repeat-x;
	}
/* ----------------------------------------- */
#header {
	}
#headerInner {
	height:120px;
	position:relative;
	padding-left:10px;
	padding-right:10px;
	width:960px;
	margin-left:auto;
	margin-right:auto;
	}
#header h1 a{
	text-indent:-9999px;
	display:block;
	background:url(../Images/UI/logo.png) 0px 15px no-repeat;
	width:219px;
	height:97px;
	margin-left:38px;
	cursor:pointer;
	}
#primaryNav {
	position:absolute;
	top:83px;
	right:23px;
	}	
#primaryNav li{
	float:left;
	}
#primaryNav li a{
	display:block;
	padding:6px 8px; 6px 8px
	margin-left:5px;
	text-decoration:none;
	color:#3c2829;
	text-transform:uppercase;
	font-size:11px;
	line-height:11px;
	font-family:"Adobe Garamond Pro";
	float:left;
	}
#primaryNav li a:hover, #primaryNav li.current a {
	background:url(../Images/UI/halfWhite.png);
}
/* ----------------------------------------- */

#banner, #bannerHome {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	height:475px;
	background:url(../Images/UI/bannerBackground.png) top left;
	}
#bannerHome {background:url(../Images/UI/bannerBackgroundHome.png) top left; }

#flash {
	width:940px;
	height:470px;
	}
#flashBanner {
	padding-left:10px;
	padding-right:10px;
	height:470px;
}
/* ----------------------------------------- */
#mainContent {
	background:url(../Images/UI/halfWhite.png);
	width:890px;
	margin-left:auto;
	margin-right:auto;
	padding-left:25px;
	padding-right:25px;
	padding-bottom:20px;
	color:#3c2829;
}
#mainContent a {
	color:#3c2829;
}
#mainContent a:hover {
	color:#828083;
}
.mainContentLeft, .mainContentRight, .contactContentLeft, .contactContentRight {
	width:400px;
	padding-left:20px;
	padding-right:20px;
	float:left;
	}
.mainContentRight, .contactContentRight {float:right;}

h2, h2 a {
	font-family:"Adobe Garamond Pro";
	color:#3c2829;
	font-size:35px;
	line-height:120%;
	text-decoration:none;
	}
h2 {	padding: 20px 0px 5px 20px;}

h3, h3 a {
	font-family:"Adobe Garamond Pro";
	color:#3c2829;
	font-size:26px;
	line-height:120%;
	text-decoration:none;
	}
h3 {	padding: 10px 0px 5px 0px;}

h4, h4 a, h3.old, h3.old a {
	font-family:"Trebuchet MS";
	color:#3c2829;
	font-size:12px;
	font-weight:bold;
	line-height:120%;
	text-transform:uppercase;
	text-decoration:none;
	line-height:1.2;
	}
h3.old {	padding: 0px}

p {
	line-height:150%;
	margin-bottom:25px;
	}
/* ----------------------------------------- */

.catalog h2 {
	padding: 0px 0px 5px 20px;
	}

.catalog, .section {
	padding-top:18px;
	}

.catalog h3, .product h3, .product h3 a, .section h3 {
	font-family:"Adobe Garamond Pro";
	color:#86786a;
	font-size:35px;
	line-height:120%;
	font-weight:normal;
	text-transform:lowercase;
	margin:0px;
	margin-bottom:10px;
	}
.catalog h3, .product h3, .secton h3 {padding-left:20px;}

.catalog a, .section a {
	display:block;
	width:146px;
	height:183px;
	float:left;
	padding:15px;
	text-decoration:none;
	color:#3c2829;
	font-size:10px;
	position:relative;
background:url(../Images/UI/tileBackground.png) no-repeat 13px 14px;
	}
.section a {
	height:123px;
	}
.catalog a span, .section a span {
	display:block;
	padding-top:4px;
	padding-bottom:4px;
}
.catalog a:hover, .section a:hover {
	background:#e3eac1 url(../Images/UI/tileBackgroundHover.png) no-repeat 13px 14px;
	}
.catalog a:hover span.img, .section a:hover span.img{
	background:url(../Images/UI/tileBackgroundHover.png) left bottom no-repeat;
	}
.catalog a span.name, .section a span.name{
	font-weight:bold;
	text-transform:uppercase;
	max-height:27px;
	overflow:hidden;
	-heigh\t: 27px;
	}
	
.catalog a span.number, .section a span.number{
	color:#86786a;
	}
.catalog a span.more, .section a span.more {
	font-weight:bold;
	background: url(../Images/UI/productMoreArrow.png) 100% 3px no-repeat;
	float:left;
	padding-right:20px;
	padding-top:2px;
	margin-top:2px;
	text-transform:lowercase;
	}
.catalog span.section, .section span.section {
	font-size:19px;
	font-family:"Adobe Garamond Pro";
	}

/* ----------------------------------------- */

#footer p {
	margin-top:16px;
	padding-bottom:16px;
	text-align:center;
	}
#footer p a{
	color:#3c2829;
	display:block;
	font-size:11px;
	padding:8px;
	display:inline-block;
	text-decoration:none;
	}
#footer a:hover {
	background:url(../Images/UI/halfWhite.png);
}

#footer img {
	margin-bottom:3px;
	^margin-bottom: 10px
	}

#footer p span 
{
    display:inline-block;
    padding-top:8px;
    padding-bottom:8px;
}

/* ----------------------------------------- */

#productInfo {
	background:#e3eac1;
	height:290px;
	padding:20px;
	width:900px;
	margin-left:auto;
	margin-right:auto;
	}
#productInfo h4{
	font-family:Trebuchet MS;
	font-size:18px;
	color:#3c2829;
	padding-right:30px;
	line-height:1.2;
	text-transform:uppercase;
	max-height:44px;
	overflow:hidden;
	}
#productInfo img {
	float:left;
	}
#productInfo .data {
	float:right;
	width:294px;
	padding-left:20px;
	position:relative;
	}
#productInfo a.contact {
	background:url(../Images/UI/productContactButton.png);
	color:#fff;
	text-decoration:none;
	display:block;
	width:272px;
	height:42px;
	font-size:20px;
	font-family:"Adobe Garamond Pro";
	padding-top:24px;
	padding-left:21px;
	margin-top:27px;
	text-indent:-9999px;
}

#productInfo p.code {
	font-size:18px;
	font-family:Georgia;
	color:#3c2829;
	line-height:1;
	}
	
#productInfo a.print {
	display:block;
	float:right;
	width:28px;
	height:28px;
	text-indent:-9999px;
	background:url(../Images/UI/printIcon.png);
	margin-top:-2px;
	}
#productInfo .description {
	max-height:167px;
	overflow:hidden;
	line-height:1.2;
	font-size:18px;
	}
#productInfo p{
	margin-top:15px;
	margin-bottom:15px;
	}
/* ----------------------------------------- */
#secondaryNav {
	position:absolute;
	top:66px;
	left:30px;
	}
#secondaryNav a {
	background:url(../Images/UI/halfWhite.png);
	color:#3c2829;
	text-decoration:none;
	font-family:"Adobe Garamond Pro";
	float:left;
	display:block;
	clear:left;
	font-size:12px;
	font-weight:bold;
	padding:6px 20px 5px 20px;
	margin-bottom:2px;
}
#secondaryNav li a {
	font-size:35px;
	line-height:1;
	padding:16px 20px 11px 20px;
	margin-top:3px;
	margin-bottom:1px;
	}
#secondaryNav li.current a.view {
	clear:none;
	margin-left:2px;
	background:#fff;
	display:inline-block;
	height:19px;
	padding:5px 5px 6px 5px;

	}
#secondaryNav a span.collections{
	background:url(../Images/UI/collectionsArrow.png) right top no-repeat;
	padding-right:16px;
	margin-top:10px;
	margin-bottom:13px;
	display:block;
	text-transform:uppercase;
	margin-right:16px;
	letter-spacing:.1em;
	}
#secondaryNav li li a {
	background:none;
	padding:0px;
	font-size:19px;
	line-height:1;
	margin-bottom:1px;
	padding:0px;
	text-transform:lowercase;
	margin-top:0px;
}
#secondaryNav li li a span.arrow {
	display:none;
	margin-left:1px;
	width:30px;
	height:19px;
	background:url(../Images/UI/subNavHoverArrow.png) right top no-repeat;
	padding:5px 0px 6px 0px;
	}
#secondaryNav li li a:hover span.arrow{
	display:inline-block;
	}
#secondaryNav li li a span.name {
	padding:5px 20px 6px 20px;
	background:url(../Images/UI/halfWhite.png);
	height:19px;
	display:inline-block;
	}
#secondaryNav li li a:hover span.name, #secondaryNav li.current a span.name {
	background:#e3eac1;
	}
 

/* ----------------------------------------- */
.contactContentRight {
	padding:20px;
	background:#e3eac1;
	}
.contactContentLeft span.contactMethod {
	float:left;
	clear:left;
	display:block;
	width:90px;
	font-family:"Adobe Garamond Pro";
	font-weight:bold;
	font-size:19px;
	color:#3c2829;
	text-transform:lowercase;
	}
.contactContentLeft span.contactData {
	float:left;
	font-size:19px;
	font-family:"Adobe Garamond Pro";
	margin-bottom:20px;
	}
.contactContentLeft span.contactData a{
	text-decoration:none;
	color:#3c2829;
	}

#mainContent .contactContentLeft p {
    margin:0px;
    }
    
    
/* ----------------------------------------- */
.contactContentLeft .formFields
{
    clear:both;
}
.contactContentLeft .formFields input, .contactContentLeft .formFields textarea, .contactContentLeft .formFields p.product{ 
    background: #fff;
    border:1px solid #3C2829;
    padding:3px;
    width:244px;
    width:390px;
    height:18px;
    font-size:12px;
    color:#3c2829;
    margin-bottom:3px !important;
    font-family:Georgia;
    
}
.contactContentLeft .formFields p.product {
    overflow:hidden;
}
.contactContentLeft .formFields input.defaultText, .contactContentLeft .formFields textarea.defaultText {
    color:#999;
}
.contactContentLeft .formFields textarea { 
    height:80px;
}
.contactContentLeft .formFields span.inner { 
    display:none;
}
.contactContentLeft .formFields span 
{
    float:left;
    font-family:Georgia;
    padding:5px;
}
.contactContentLeft .formFields p.sendEnquiry a
{
    display:block;
    width:165px;
    height:55px;
    background:url(../images/ui/btnSndEnquiry.png) top left no-repeat;
    text-indent:-9999px;
    float:right;
    margin-top:20px;
    margin-bottom:20px;
}

.contactContentLeft .backToProduct {
	font-size:19px;
	font-family:"Adobe Garamond Pro";
	text-decoration:none;
	color:#3C2829;
	padding-top:40px;
	clear:left;
	float:left;
	}