/*---------------------------------
MAIN STYLE SHEET

Version:	1.0
Author:		Michael Walsh
Website:	www.enov8.co.uk
Created:	15/09/09

----------------------------------

CONTENTS

00 RESET STYLES
01 FONT FAMILY
02 HTML TAGS
03 SEARCH FORM
04 PAGE FORMS
05 CLASSES
06 PRIMARY NAVIGATION
07 SECONDARY NAVIGATION
08 IDs
09 ANCILLARY
10 FOOTER
11 HOMEPAGE
12 LIGHTBOX IMAGE GALLERY
13 CONTACT US
14 LIGHTBOX STYLES
15 ACCORDION
16 FACEBOX
17 FACEBOX CUSTOMISATION
18 SECONDARY PAGE
19 IMAGE FRAME
20 MAXIGALLERY MANAGER
21 OFFERS PAGE
22 FREE PREVIEW PAGE

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


/*------------------------------------------------------------------------------------------------------- =00 RESET STYLES ------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
}

/*------------------------------------------------------------------------------------------------------- =01 FONT FAMILY ------*/


h1, h2, h3, h4, h5, 
#ancillary blockquote, 
#call-to-action strong, 
#products a, 
.frame-description-inner,
#header .tel,
#sidebar #call-to-action .experts,
#sidebar #call-to-action .offer,
#instructions,
#ancillary .experts p,
legend
{
	font-family:"Century Gothic", Avant Garde, Century Gothic, Avant Garde Gothic, "Lucida Sans", Helvetica, Arial, Sans;	
}


/*------------------------------------------------------------------------------------------------------- =02 HTML TAGS ------*/

body {
  color:#000;
  font:70% Arial, Helvetica, sans-serif;
  text-align:center;
  background:#f7f1e5 url(../images/interface/canvas-top.png) repeat-x;
}

html {
     overflow: -moz-scrollbars-vertical;
}

p, h2, h3, h4, h5, ul, ol, dl, dt, small {
	padding-top:1em;
}

ul, ol {
	padding-left:3em;
}

ul ul, ol ol {
	padding-top:0;
}

h3, h4 {
	text-align:left;
}

table {
	margin-top:1.4em;
	margin-bottom:1.4em;
}

h1 {
	font-size:1.8em;
	color:#9b7c44;
	font-weight:normal;
}

h2 {
	font-size:1.5em;
	color:#9b7c44;
	font-weight:normal;
}

h3 {
	font-size:1.4em;
	color:#9b7c44;
	font-weight:normal;
}

h4 {
	color:#666;
	font-size:1.3em;
	font-weight:normal;
}

h5 {
	color:#333;
	font-size:1.2em;
}

em {

}

abbr, acronym {
  border-bottom: 1px dotted #000;
  cursor: help;
}

/*
blockquote {
	padding:20px;
	margin:0;
	font-style:italic;
	background-color:#e5ecf4;
	clear:both;
	margin-top:2em;
}

blockquote .curve-br {
	width:605px;
}

.jsenabled blockquote {
	background-color:transparent;
	padding:0;
	margin:0;
}

blockquote span {
	display:block; 
	float:left;
}

blockquote p {
	padding-top:0.5em;
}
*/

cite {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:bold;
	margin-top:0.5em;
	color:#000;
	display:block;
	text-align:right;
}

img {
	border: 0px none; 
	display:block;
}

object {
	display:block;
	float:left;
}

small {
	font-size:0.9em;
	line-height:1.4;
	color:#999;
	display:block;
}

/*------------------------------------------------------------------------------------------------------- =03 SEARCH FORM ------*/

#sjSearchForm {
	width:184px;
	height:61px;
	background-image:url(../images/interface/search.png);
	position:absolute;
	right:0px;
	top:82px;
	padding:0;
	color:#666;
}

* html #sjSearchForm {top:81px;}

#sjSearchForm p {
	margin:0;
	padding:0;
	padding-top:15px;
	padding-left:35px;
}

#sjSearchForm label {
	display:none;
}

#sjSearchForm input.clearonfocus {
	width:85px;
	border:0;
	font-size:1em;
	margin-left:17px;
}

#ajaxSearch_submit {
    width: 30px !important;
    height: 21px !important;
    margin: 0 !important;
    border: 0 !important;
	overflow:hidden;
    background: transparent  url(../images/interface/search-go.png) no-repeat center top;
    padding: 21px 0 0 0 !important;
    cursor: pointer;
    position: absolute;
    top: 13px;
    right: 13px;
}

.ajaxSearch_highlight {
	background-color:#000;
	color:#FFFFFF;
}

/*------------------------------------------------------------------------------------------------------- =04 PAGE FORMS ------*/

fieldset {
	padding:28px;
	margin:0;
	padding-top:0px;
	margin-top:2em;
	position:relative;
	z-index:1;
	text-align:left !important;
	background:#e8dcc5 url(../images/interface/canvas-footer.png);
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
}

legend {
	color:#785A24;
	font-size:1.4em;
	font-weight:normal;
	background:#d5c3a1 url(../images/interface/call-to-action.png);
	padding:6px 12px;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	transform: rotate(-3deg);
}

form p {
	clear:both;
	position:relative;
}

label {
	width:120px;
	display:block;
	float:left;
	text-align:right;
	font-family: Arial, Helvetica, sans-serif;
	line-height:normal;
	padding-top:10px;
	padding-right:20px;
	font-size:1em;
}

span.help, span.error {
	position:absolute;
	top:20px;
	right:0px;
	width:300px;
	font-style:italic;
	display:block;
}

span.error {
	color: #aa0000;
}

#errorsummary {
	font-style:italic;
	padding-left: 20px;
	color: #aa0000;
}

input.text, textarea.text, select.text {
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;
	padding:10px 10px 11px 10px;
	background:#FFF;
	border:0;
	color:#785A24;
	outline:none;
}

.jsenabled .text {
	background:transparent;	
}

input.text:focus, input.clearonfocus:focus, textarea:focus, select:focus {
	color:#000;
}

textarea.text {
	height:79px;	
}

.input-left {background:url(../images/interface/input-left.gif) top left no-repeat; display:block; float:left;}
.input-right {background:url(../images/interface/input-right.gif) top right no-repeat; display:block; float:left;}
.textarea-left {background:url(../images/interface/textarea-left.gif) top left no-repeat; display:block; float:left;}
.textarea-right {background:url(../images/interface/textarea-right.gif) top right no-repeat; display:block; float:left;}

fieldset input.text, fieldset textarea.text {
	width:320px;	
}

fieldset select.text {
	width:340px;
	padding:9px 10px 12px 6px;
}

input.button {
	margin-left:140px;
	padding:6px 12px;
	background: #c09e5e; 
	display: inline-block; 
	color: #fff; 
	outline: 0;border: 0;
	text-decoration: none; 
	line-height: 1; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	position: relative; 
	cursor: pointer; 
}

input.button:hover {
	background:#9c7d4a;
}

p.buttonrow {
	padding:2em 0;
}

fieldset p.buttonrow {
	padding:0;
	padding-top:1em;
}

p.form-indent { /*Left padding so it lines up with the form fields */
	padding-left:120px;
}

.chkrad {
	float:left;
	width:560px;
	display:block;
}

.chkrad label {
	width:135px;
	float:left;
}

.chkrad input {
	margin:0;
	padding:0;
	margin-right:3px;
	vertical-align:middle
}

.chkrad label {
	line-height:1.5;
	vertical-align:middle;
	padding:0;
	margin:0;
}

.auto label, label.auto {
	width:auto !important;
	float:left;
	padding-right:20px;
}

.auto {
	width:auto !important;
}

.wide label {
	width:auto !important;
	float:none;
}

label.wide {
	width:auto !important;
	float:none;
	padding-bottom:1em;
}

input.wide, textarea.wide {
	width:545px !important;
}

.checkboxes {
	padding-left: 100px;
}

.checkboxes input {
	padding:0;
	margin:0;
	border:0;
	margin-right:4px;
	vertical-align:middle;
}

.checkboxes label {
	width:110px;
	font-size:0.9em;
}

#veriimage {
	background-color:#FFF;
	padding: 5px 95px;
	display:block;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.errors {
	padding:1em;
	padding-top:0.75em;
	padding-left:3.5em;
	color:#000;
	margin-top:1em;
	background:url(../images/interface/validation-icon.png) top left no-repeat;
}

.errors strong {
	color:#015fb8;
}

#askExpertForm .errors, #contactForm .errors{
	background:url(../images/interface/validation.gif) -6px 13px no-repeat;
}

#askExpertForm .errors strong, #contactForm .errors strong {
	color:#aa0000;
}

/* IE7 BUTTON WIDTH CORRECTION RULES */

input.button {
    width: 0;  /* IE table-cell margin fix */
    overflow: visible;
}

input.button[class] {  /* IE ignores [class] */
    width: auto;  /* cancel margin fix for other browsers */
}

/*------------------------------------------------------------------------------------------------------- =05 CLASSES ------*/

#sidebar .figure, #wide .figure {
	float: right;
	height: 489px;
	margin-right: -74px;
	position: relative;
	width: 491px;
	margin-left:28px;
}

#sidebar .figure span, #wide .figure span {
	background:url(../images/interface/imageoverlay.png) top left no-repeat;
	display:block;
	height: 489px;
	position:absolute; left: 0; top: 0;
	width: 491px;
}

#sidebar .figcaption, #wide .figcaption{
	color:#999;
	font-style:italic;
	position: absolute; top: 380px; left: 46px;
	z-index: 120;
	display:block;
	text-align:center;
	width:385px;
	padding-top:18px;
}

#sidebar .figure img, #wide .figure img {
	position: absolute; top: 45px; left: 46px;
	width: 385px;
	height: 340px;
} 

.header {
	margin: 7px 0;
}

.hide {
	display:none;
	clear:both;
}

.center {
	text-align: center;
}

.clear {
	clear:both;
}

.datatable {
	width:100%;
	line-height:normal;
	border:1px solid #856936;
	/*border-collapse:collapse;*/
	text-align:left;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.datatable th {
	background:#ebe1cd;
	color:#333;
	font-size:1em;
	padding:0.5em 0.7em 0.7em 0.7em;
	/*padding:6px 10px;*/
	vertical-align:top;
	font-weight:bold;
	/*color:#000;*/
}

.datatable td {
	background-color:#ebebeb;
	padding:0.4em 0.7em;
	vertical-align:top;
	color:#333;
}

.datatable tr:hover td {
	background-color:#FFF !important;
}

.datatable tr:nth-child(2n+1) td, .datatable tr:nth-child(odd) td {
	background-color:#F2F2F2;
}

.datatable tr.odd td {
  background-color:#F2F2F2;
}

/*------------------------------------------------------------------------------------------------------- =06 PRIMARY NAVIGATION ------*/

#primary {
	font-size:1.3em;
	width:964px;
	position:relative;
	height:202px;
}
 
#primary ul {
	display:block;
	position:absolute;
	bottom:152px;
	left:35px;
	margin:0;
	padding:0;
	border:0;
	list-style: none;
}

#primary li {
	float: left;
	background: transparent url(../images/buttons/primary.png) 100% 0px no-repeat;
	padding: 0 10px 0 0;
	position:relative;
	margin: 0;
	top: 4px;
}
#primary ul a {
	float: left;
	display: block;
	height:38px;
	padding: 13px 0 0 11px;
	background: transparent url(../images/buttons/primary.png) 0% 0px no-repeat;
	color: #fff;
	text-decoration: none;
	voice-family: "\"}\""; voice-family:inherit;
	height:27px; /*box model hack for IE5*/
}
#primary ul li:hover a { background-position: 0% -204px; }
#primary ul li:hover { background-position: 100% -204px; }
#primary ul .current a, #primary ul .current a:hover { 
	background-position: 0% -400px;
	padding: 13px 9px 0 20px;
	color:#000;
}
#primary ul li.current, #primary ul li.current:hover { background-position: 100% -400px; padding: 0 11px 0 0;}
#primary ul li.current:hover a { background-position: 0% -400px;}

/* SUB MENUS */

#primary ul ul li, 
#primary ul ul li:hover, 
#primary ul ul li a, 
#primary ul ul li a:hover
#primary ul li.current ul li, 
#primary ul li.current ul li:hover, 
#primary ul li.current ul li a, 
#primary ul li.current ul li a:hover {
	float:left;
	padding:0;
	margin:0;
	height:auto;
	position:static;
}

#primary ul ul {
	font-size:0.8em;
	left:1px;
	top:-999em;
	padding-top:8px;
	background:url('../images/interface/dropdown-top.png') no-repeat top right;
	width:170px;
	z-index:105;
}

#primary ul li.current ul {
	left:10px;
}

#primary li:hover ul {
	top:40px;
}

#primary ul ul li, #primary ul ul li:hover {
	background: url('../images/interface/dropdown.png') no-repeat top right;
}

#primary ul ul li.last, #primary ul li.current ul li.last:hover {
	background: url('../images/interface/dropdown.png') no-repeat bottom right;
	padding-bottom: 14px;
}

#primary ul ul li a,
#primary ul ul li a:hover,
#primary ul li.current ul li a,
#primary ul li.current ul li a:hover {
	background: none;
	padding:2px 0 12px 10px;
	width: 160px;
}

#primary .current.haschildren:hover {
	background-position: 100% -300px;
}

#primary li.current.haschildren:hover a {
	background-position: 0% -300px;
	color:#FFF;
}

#primary ul ul a {
	color:#CCC !important;
}

#primary ul ul a:hover {
	color:#FFF !important;
}

#primary .haschildren:hover {
	background-position: 100% -204px;
}

#primary ul li.haschildren:hover a {
	background-position: 0% -204px;
}

/*------------------------------------------------------------------------------------------------------- =07 SECONDARY NAVIGATION ------*/

#secondary {
	width:189px;	
	background:url(../images/interface/product-secondary-nav-top.png) left top no-repeat;
	float:left;
}

#secondary h3 {
	padding-left:34px;
	padding-top:1.5em;
	color:#785a24;
}

#secondary ul {
	padding:12px 0 30px 17px;
}

#secondary li {
	list-style:none;
}

#secondary a {
	background:url(../images/buttons/secondary.png) top no-repeat;
	padding:4px 14px;
	display:block;
	color:#565044;
	font-size:1.1em;
}

#secondary li.current a {
	background-position:0 -100px;
	color:#9b7c44;
	margin-bottom:5px;
	padding:0px 14px;
	line-height:29px;
	height:30px;
}

#secondary a:hover, #secondary a:focus {
	color:#000;
}

#secondary ol ol {
	margin:0;
}

#secondary ol li.current ol a {
	background-position:0 0;
}

#secondary ol ol a {
	background:url(../images/buttons/nav-secondary-tertiary.png) top no-repeat;
	padding-left:29px;
	height:22px;
	padding-top:7px;
	color:#5c5e62;
	font-size:1em;
}

#secondary ol li.current ol a {
	color:#5c5e62;
}

#secondary ol li.current ol a:hover, #secondary ol ol a:hover {
	color:#99bfe3;
}

#secondary ol li.current ol li.current a {
	background-position:0 -100px;
	color:#99bfe3;
	height:24px;
	padding:7px 14px 3px 14px;
}

/*------------------------------------------------------------------------------------------------------- =08 IDs ------*/
	
#wrapper {
	width:1004px;
	margin:0 auto;
	text-align:left;
	position:relative;

}

#gallery #wrapper {
	overflow: hidden;
}

#header {
	height:54px;
	width:298px;
	position:absolute;
	top:102px;
	left:40px;
}

#header a {
	display:block;
	background:url(../images/interface/logo.png) no-repeat;
	height:54px;
	width:298px;
	text-indent:-9999em;
}

#header .tel {
	background-image:url(../images/interface/telephone.gif);
	width:130px;
	height:22px;
	position:absolute;
	top:-85px;
	right:-630px;
	color:#FFF;
	text-align:center;
	font-size:1.4em;
	letter-spacing:0.05em;
	line-height:20px;
}

#header a:focus {
	outline: 1px dotted #CCC;	
}

#header p {
	padding:0;	
}

/*------------------------------------------------------------------------------------------------------- =09 ANCILLARY ------*/

#ancillary {
	background:transparent url(../images/interface/canvas-footer.png);
	clear:both;
	min-height:198px;
}

#ancillary .inner {
	position:relative;
	min-height:198px;
}

#ancillary blockquote, #ancillary .experts {
	font-size:1.3em;
	width:430px;
	padding-top:3.6em;
	font-style:italic;
	color:#444;
}

#ancillary .experts {
	font-style:normal;
	width:400px;
}

#home #ancillary blockquote {
	padding-top: 1.9em;
}

#ancillary .experts h3 {
	color:#785a24;
	font-size: 1.2em;
	padding-top: 0;
}

#ancillary .experts p {
	padding-top:0.5em;
}

#ancillary .experts a {
	color: #785a24;
	text-decoration:underline;
}

#ancillary .experts a:hover {
	text-decoration:none;
}

#ancillary blockquote img, #ancillary .experts img {
	float:left;
	margin-top: 0.6em;
	margin-right:20px;
	margin-bottom: 30px;
}

#ancillary .experts img {
	margin-top:1.5em;	
}

#home #ancillary blockquote img {
	margin: 0 30px 0 0;
}

#call-to-action {
	position:absolute;	
	bottom:0px;
	right:0px;
	background:url(../images/interface/call-to-action.png) no-repeat top;
	width:461px;
	min-height:108px;
}

#sidebar #call-to-action, #wide #call-to-action, #contact #call-to-action {
	right:40px;
}

#call-to-action ul {
	padding:0;
	margin:0;
}

#call-to-action li {
	padding:0;
	margin:0;
	list-style-type:none;
}

#call-to-action li {
	float:left;
	position:relative;
}

#call-to-action a {
	width:188px;
	float:left;
	padding:20px 15px 20px 24px;
}

#call-to-action strong {
	font-size:1.3em;
	/*color:#9b7c44;*/
	color:#785a24;
	font-weight:normal;
	display:block;
}

#call-to-action img {
	float:right;
	margin-top:5px;
}

#sidebar #call-to-action img {
	margin:1px;	
}

#call-to-action span {
	font-size:1.2em;
	color:#555;
	display:block;
}

#call-to-action li.offer span, #call-to-action li.preview span {
	width:110px;	
}

#call-to-action a em {
	background:url(../images/buttons/large-button-hover.png) top left no-repeat;	
	width:230px;
	position:absolute;
	height:107px;
	top:0;
	left:0;
	text-indent:-9999em;
}

#call-to-action li.preview a em {
	background:url(../images/buttons/large-button-orange.png) top left no-repeat;	
}

#call-to-action a:hover em, #call-to-action a:focus em {
	background-position:0 -100px;	
}

#call-to-action li.preview a:hover em, #call-to-action li.preview a:focus em {
	background-position:0 -200px;	
}

#sidebar #call-to-action .offer, #sidebar #call-to-action .experts,
#wide #call-to-action .offer, #wide #call-to-action .experts,
#contact #call-to-action .offer, #contact #call-to-action .experts {
	float:right;
	padding-right:10px;
	padding-top:11px;
}

#sidebar #call-to-action .experts,
#wide #call-to-action .experts,
#contact #call-to-action .experts {padding-top:14px;}

#sidebar #call-to-action .offer a, #sidebar #call-to-action .experts a,
#wide #call-to-action .offer a, #wide #call-to-action .experts a,
#contact #call-to-action .offer a, #contact #call-to-action .experts a  {
	width:169px;
	height:37px;
	display:block;
	float:right;
	padding:0;
	color:#785a24;
	font-size:1.4em;
	line-height:32px;
	padding-left:45px;
}

#sidebar #call-to-action .offer a:hover, #sidebar #call-to-action .offer a:focus, #sidebar #call-to-action .experts a:hover, #sidebar #call-to-action .experts a:focus,
#wide #call-to-action .offer a:hover, #wide #call-to-action .offer a:focus, #wide #call-to-action .experts a:hover, #wide #call-to-action .experts a:focus,
#contact #call-to-action .offer a:hover, #contact #call-to-action .offer a:focus, #contact #call-to-action .experts a:hover, #contact #call-to-action .experts a:focus  {
	background-position:bottom;
}

#sidebar #call-to-action .offer a, #wide #call-to-action .offer a, #contact #call-to-action .offer a {background-image:url(../images/buttons/special-offers.png);}
#sidebar #call-to-action .experts a, #wide #call-to-action .experts a, #contact #call-to-action .experts a {background-image:url(../images/buttons/ask-the-expert.png);}

#supplementary {
	background: url("../images/interface/bg-supplementary-btm.gif") no-repeat center bottom;
	font-size:1.1em;
	line-height:1.5em;
	margin:0 auto;
	margin-bottom:28px;
	width: 922px;
}

#supplementary .inner {
	background: url("../images/interface/bg-supplementary-top.gif") no-repeat center top;
	padding:28px;
	padding-top:13px;
	text-align:justify;
	width:866px;
}

#supplementary.columns .inner {
	padding-top:28px;	
}

#supplementary.columns p:first-child {
	padding-top:0px;
}

#supplementary.columns .inner {
	-moz-column-count: 2;
	-moz-column-gap: 28px;
	-webkit-column-count: 2;
	-webkit-column-gap: 28px;
	column-count: 2;
	column-gap: 28px;	
}

#extratext p {
	padding-top: 0;
}

#extratext h3 {
	padding-top: 0;
	padding-bottom: 0.5em;
}

/*------------------------------------------------------------------------------------------------------- =10 FOOTER ------*/

#footer .outer {
	background:transparent url(../images/interface/footer-stripes.png) repeat-x;
	clear:both;
	min-height:155px;
}

#footer div.inner, #ancillary div.inner {
	width:924px;
	margin:0 auto;
	text-align:left;
	position:relative;
}

#footer div.inner {
	min-height:155px;	
}

#footer .nav {
	float:left;
	width:108px;
	line-height:1.5;
}

#footer #all-products {
	width:490px;
	float:left;
	line-height:1.6;
}

#footer h4 {
	color:#f9b90a;
}

#all-products h3 {
	color:#f9b90a;
	width:170px;
	float:left;
}

#footer ul {
	margin:0;
	padding:0;
}

#footer li {
	margin:0;
	padding:0;
	list-style-type:none;
}

#footer a {
	color:#FFF;	
}

#all-products ul {
	background-image:url(../images/interface/footer-products.png);
	width:219px;
	height:84px;
	float:left;
	padding:15px 15px 15px 60px !important;
	margin-top:20px;
}

#all-products li {
	float:left;
	width:105px;
	font-size:1.1em;
}

#all-products div {
	position:absolute;
	bottom:-35px;
	left:0px;
}

#all-products img {
	border:1px solid #FFF;
}

#footer #share {
	width:110px;
}

#share a {
	text-indent:-9999em;
	width:16px;
	height:16px;
	float:left;
	margin-right:7px;
}

#share a:hover, #share a:focus {
	background-position:0 -100px;	
}

#share li {
	float:left;
}

#share li.last a {
	margin-right:0;
}

#share ul {
	padding-top:4px;
}

#twitter a {background:url(../images/icons/twitter.gif);}
#delicious a {background:url(../images/icons/delicious.gif);}
#facebook a {background:url(../images/icons/facebook.gif);}
#stumbleupon a {background:url(../images/icons/stumbleupon.gif);}
#digg a {background:url(../images/icons/digg.gif);}

#footer a {
	text-decoration:none;
}

#footer a:hover, #footer a.current {
	color:#f9b90a;	
}

#back-to-top {
	position:absolute;
	bottom:-36px;
	right:-10px;
	width:147px;
	height:0px;
	padding-top:70px;
	background-image:url(../images/interface/backtotop.png);
	overflow:hidden;
}

#back-to-top:hover, #back-to-top:focus {
	background-position: 0 -88px;
}

#footer p {
	clear:both;
	padding-top:20px;
	padding-bottom:20px;
	color:#CCC;
	height:1%;
	text-align:center;
}

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

#footer p a:hover, #footer p a:focus {
	text-decoration:underline;
}

/*------------------------------------------------------------------------------------------------------- =11 HOMEPAGE ------*/

#home .article .outer {
	float:left;
	width:205px;
	padding-top:2em;
	padding-left:40px;
}

#home #introduction {
	line-height:1.5;		
	font-size:1.1em;
}

#products {
	background:transparent url(../images/interface/home-products-menu.png) no-repeat scroll 0 0;
	color:#999999;
	float:left;
	font-size:1.2em;
	height:249px;
	border-bottom:2em solid #f7f1e5;
	margin-left:20px;
	border-top:2em solid #f7f1e5;
	padding:15px 20px 20px 30px;
	width:290px;	
}

#products h2 {
	color:#785a24;
	font-size:1.3em;
	padding-left:15px;
	padding-top:0;
}

#products ul {
	margin:0;
	padding:0;
	padding-top:0.5em;
}

#products li {
	list-style:none;
	margin-top:4px;
}

#products a {
	background:url(../images/buttons/home-products.png) top left no-repeat;
	display:block;
	height:37px;
	line-height:35px;
	padding-left:15px;
	font-size:1.3em;
	color:#333;
	font-weight:normal;
	text-decoration:none;
}

#products a:hover,  #products a:focus, #products a.current {
	background-position:0 -100px;
}

.free-preview-service {
	background:url(../images/buttons/free-preview-service.png) no-repeat;
	display:block;
	height:0px;
	padding-top:36px;
	position:absolute;
	bottom:12px;
	right:20px;
	width:226px;
	overflow:hidden;
}

.free-preview-service:hover {
	background-position:0 -100px;
}

/*------------------------------------------------------------------------------------------------------- =12 LIGHTBOX IMAGE GALLERY ------*/

#lightbox ul.thumbs {
	margin:0;
	padding:0 !important;
	padding-top:1.5em !important;
	height:1%;
	list-style-type:none;
}

#lightbox ul.thumbs li {
	padding:0 !important;
	margin:0 !important;
	padding-right:12px !important;
	padding-bottom:15px !important;
	background-image:none;
	float:left;
	display:block;
}

#lightbox ul.thumbs li.end {
	padding:0 !important;
	margin:0 !important;
	padding-right:0px !important;
	padding-bottom:15px !important;
	background-image:none;
	float:left;
	display:block;
}

#lightbox ul.thumbs img {
	border:1px solid #666;
}

#lightbox ul.thumbs a:hover img {
	border:1px solid #000;
}

/*------------------------------------------------------------------------------------------------------- =13 CONTACT US ------*/

.contactDetails, .askTheExpert {
	float:left;
	width:285px;
	
}

#contactForm, #askExpertForm {
	width:550px;
	float:right;
	margin-top:0;
	margin-top:-50px;
}

#map {
	width:645px;
	height:400px;
	margin-top:2em;
	border:1px solid #015fb8;
}	

#map strong{
	color:#015fb8;
	display:block;
}

/*------------------------------------------------------------------------------------------------------- =14 LIGHTBOX STYLES ------*/

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 190;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 200;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; margin:0 auto; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 110;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

/*------------------------------------------------------------------------------------------------------- =15 ACCORDION ------*/

#accordion dt a {
	font-size: 1.1em;
	color:#785A24;
}

/*------------------------------------------------------------------------------------------------------- =16 FACEBOX ------*/

#facebox .b {
  background:url(../images/facebox/b.png);
}

#facebox .tl {
  background:url(../images/facebox/tl.png);
}

#facebox .tr {
  background:url(../images/facebox/tr.png);
}

#facebox .bl {
  background:url(../images/facebox/bl.png);
}

#facebox .br {
  background:url(../images/facebox/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  /*text-align: left;*/
  text-align:justify;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 20px;
  width: 370px;
  background:#FFF url(../images/facebox/close-bg.png) top right no-repeat;
}

#facebox .fb-inner {
	position:relative;	
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .fb-footer {
	position:absolute;
	right:-35px;
	top:-40px;
	float:left;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

/*------------------------------------------------------------------------------------------------------- =17 FACEBOX CUSTOMISATION ------*/

#facebox h4 {
	padding:0;	
}

#why {
	font-size: 1.1em;
	padding-bottom: 2em;
	width: 600px;
}

#why li {
	margin-top: 0.5em;
}

/*------------------------------------------------------------------------------------------------------- =18 SECONDARY PAGE ------*/

#gallery .article, #sidebar .article, #wide .article, #contact .article  {
	float:left;
	background:url(../images/interface/bg-article-product.png) bottom left no-repeat;
	width:922px;
	margin:28px 0 0 40px;
	border-bottom:28px solid #f7f1e5;
	min-height: 340px;
}

#wide .article {
	background:url(../images/interface/bg-fullwidth-article-product.png) bottom left no-repeat;
}

#contact .article  {
	background: none;
}

.contact-article {
	border-bottom:28px solid #F7F1E5;
	float:left;
	margin:28px 0 0 40px;
	width:922px;
}

.section {
	overflow: visible;
}

.article .section {
	line-height:1.5;		
	font-size:1.1em;
	color:#333;
}

.section a {
	color:#A78C59;
	font-weight:bold;
	text-decoration:underline;
}

.section a:hover, .section a:focus {
	color:#F9B90A;
}

#gallery .article .outer, #sidebar .article .outer, #wide .article .outer, #contact .article .outer {
	width:676px;
	float:left;
	background:url(../images/interface/bg-body.png) top left no-repeat;
	padding:20px 28px 28px 28px;
	text-align:justify;
}

#gallery #summary {
	width:215px;
	text-align:left;
}

#gallery .continued {
	min-height:310px;
}

#gallery h1 {
	width:215px;
	text-align:left;	
}

#wide .article .outer {
	width:865px;
	background:url(../images/interface/bg-fullwidth-body.png) top left no-repeat;
	position: relative;
}

#contact .article .outer {
	width:885px;
	background: none;
}

#gallery h1 span, #sidebar h1 span {
	color:#666;
}

#sidebar #article {
	background-image:none;
}

.content a, #home #introduction a {
	color:#a78c59;
	font-weight:normal;
}

.content a:hover, .content a:focus, #home #introduction a:hover, #home #introduction a:focus  {
	color:#F9B90A;
}

.content ul, #delivery-prices ul, #wide .article .outer ul {
	list-style-type:none;
	text-align:left;
}

.content ul li, #delivery-prices li, #wide .article .outer li {
	background:transparent url(../images/interface/bullet.png) no-repeat scroll 0 0.4em;
	margin-left:-25px;
	padding-left:25px;
}

.free-preview {
	background:url(../images/buttons/free-preview.png) no-repeat;
	display:block;
	height:0px;
	padding-top:36px;
	width:201px;
	margin-top:0.5em;
	overflow:hidden;
}

.free-preview:hover {
	background-position:0 -100px;
}

.buy-gift-voucher {
	background:url(../images/buttons/buy-gift-voucher.png) no-repeat;
	display:block;
	height:0;
	font-size:0px;
	padding-top:36px;
	width:201px;
	margin-top:0.5em;
	overflow:hidden;
}

.buy-gift-voucher:hover {
	background-position:bottom left;
}

.price {
	background:transparent url(../images/interface/price.png) no-repeat scroll 0 0;
	color: #FFFFFF;
	font: 20px Georgia, "Times New Roman", Times, serif;
	height: 78px;
	padding-top: 35px;
	position: absolute; top: 0; left: 0;
	text-align: center;
	width: 116px;
	z-index: 130;
}

.price span {
	font-size: 30px;
}

/*------------------------------------------------------------------------------------------------------- =19 IMAGE FRAME ------*/

#main-image {
	height:526px;
	position:absolute;
	right:16px;
	top:75px;
	width:506px;
	z-index:100;
}

#frame {
	background-image:url(../images/interface/frame.png);
	height:526px;
	position:absolute;
	width:506px;
}

#frame .inner {
	height: 461px;
	margin: 32px 0 0 33px;
	overflow:hidden;
	position:relative;	
	width: 440px;
}

#frame-description {
	background-color: #686868;
	height: 95px;
	overflow:hidden;
	position:absolute;
	bottom:0;
	left: 0;
	width: 440px;
	z-index: 100;
}

.frame-description-inner {
	color: #FFFFFF;
	position:absolute;
	top:0;
	left: 0;
	width: 440px;
	font-size:1.2em;
	line-height:1.6;
}

.frame-description-inner div {
	float: left;
	height: 95px;
	padding: 16px 22px;
	width: 396px;
}

.frame-description {
	display: none;
	position:relative;
}

#thumbs-outer {
	background-color:#686868;
	height:48px;
	left:0px;
	padding:9px 14px 10px 14px !important;
	position:absolute;
	top:393px;
	width:412px;
	border-top:1px solid #5d5d5d;
}

#instructions {
	position:absolute;
	top:366px;
	background-color:#737373;
	width:430px;
	height:27px;
	font-size:1.2em;
	color:#FFF;
	line-height:25px;
	padding-left:10px;
}	

#thumbs {
	height:68px;
	left:5px;
	overflow:visible;
	margin:0;
	padding:0;
	position:absolute;
	top:0px;
	width:999em;
	list-style-type:none;
}

#thumbs li {
	background-image:none !important;
	float:left;
	height:40px;
	margin:0 0 0 5px !important;
	padding:9px 0 0 0 !important;
	width:48px;
}

#thumbs a {
	display:block;
	height:38px;
	text-indent:-99999px;
	voice-family:inherit;
	width:46px;
	border:1px solid #5d5d5d;
}

#thumbs a:hover, #thumbs a:focus, #thumbs a.active {
	border:1px solid #FFF;
}

#loading {
	position:absolute;
	width:440px;
	height:366px;
	background:url(../images/interface/loading.png) top no-repeat;
	display:none;
}

#loading div {
	width:440px;
	height:364px;
	background:url(../images/interface/ajax-loader.gif) 110px 175px no-repeat;
}

#thumbs-outer {
	position:absolute;
	bottom: 0px;
	/*padding: 10px 14px !important;*/
	overflow:visible;
	height: 48px;
	width:412px;
	left: 0px;
}

#thumbs {
	overflow: visible;
	position:absolute;left:5px;top:0;
	padding: 0 !important;
	background-color: transparent !important;
	height: 68px;
}

#thumbs li {
	padding-top: 14px !important;
}
	
#previous, #next {	
	display: block;
	width: 32px; height: 68px;
	position:absolute;
	bottom: -1px;
	text-indent: -999999px; 
	outline: none;
	border-top:1px solid #5d5d5d;
}

#previous {
	background: url(../images/interface/imagebuttons.png) no-repeat 0 0;
	left: 0;
}
		
#next {
	background: url(../images/interface/imagebuttons.png) no-repeat -42px 0;
	right: 0;
}
		
#next:hover {
	background-position: bottom right;
}
	
#previous:hover {
	background-position: bottom left;
}
		
.image-number {
	display: block;
	padding:4px 8px;
	text-align:center;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	position:absolute;
	top: 10px; right: 10px;
	/*background: #686868;*/
	background: rgb(104, 104, 104);
	background: rgba(104, 104, 104, 0.75);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#thumbs a:focus {
	outline: none;
}

.image-scroll-outer {
	left:65px !important;
	width:356px !important;
}

.image-scroll {
	left: 0 !important;
}

/*------------------------------------------------------------------------------------------------------- =20 MAXIGALLERY MANAGER ------*/

.maximanage {
	bottom:100px;
	position:absolute;
	right:4px;
}

.managecontainer {
	position: absolute;
	top: 36px; left: 50%;
	margin-left: -200px;
	width: 400px;
	background-color: #f7f1e5;
	padding: 12px;
	border: 1px #333333 solid;
	z-index: 102;
}

/*------------------------------------------------------------------------------------------------------- =21 OFFERS PAGE ------*/

dl.offers {
	margin-top: 1.5em;
}

dl.offers dt {
	background-color:#686868;
	color:#CCC;
	padding: 6px 12px;	
	border-bottom: 1px #FFF solid;
}

dl.offers dt:hover {
	background-color:#737373;
	color: #eee;
	cursor: pointer;
}

dl.offers dd {
	background:url("../images/interface/contact.jpg") repeat scroll right center;
	overflow:hidden;
	border-bottom: 1px #FFF solid;
}

dl.offers img {
	float: left;
	border-right: 1px #FFF solid;
}

dl.offers p {
	float: right;
	margin-right: 20px;
	width: 178px;
	text-align:left;
}

dl.offers a {
	color:#785A24;	
}

dl.offers a:hover {
	color:#000;	
}

/*------------------------------------------------------------------------------------------------------- =22 FREE PREVIEW PAGE ------*/

#files p span {
	border: 1px #ddd solid;
	background-color:#FFF;
	float: left;
	height: 140px;
	margin: 17px;	
	padding: 13px 13px 40px;
	position: relative;
	text-align: center;
	width: 140px;
	-moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);  
	-webkit-box-shadow: 0px 3px 5px #666;  
	box-shadow: 0px 3px 5px #666; 
}

#files p span.error {
	background:none repeat scroll 0 0 transparent;
	border:0 none;
	margin:0 17px;
	padding:0;
	text-align:left;
	width:300px;
	-moz-box-shadow: none;  
	-webkit-box-shadow: none;  
	box-shadow: none; 
}

#files p span img {
	margin: 0 auto;
}

#files p span em {
	color: #999;
	display: block;
	margin-top: 0.3em;
	text-align: center;
}

#files p span a {
	background: url(../images/interface/removeimage.png) no-repeat 0 1px;
	font-size:11px;
	font-weight: normal;
	padding: 4px 0 4px 24px;
	position: absolute; left: 3px; bottom: 3px;
	text-align: center;
	text-decoration: none;
}

#files #upload {
	background-color: rgba(255, 255, 255, 0.3);
	border: 3px #A78C59 dotted;
	float: left;
	font-size: 18px;
	height: 105px;
	margin: 17px;	
	padding: 50px 11px 36px;
	text-align: center;
	text-decoration: none;
	width: 140px;	
}

#files #upload img {
	margin-top: 6px;	
}

#files #upload em {
	display: block;
	font-size: 13px;
	margin-top: 24px;
}

#files #upload strong {
	display: block;
	font-size: 13px;
	margin-top: 8px;
}

#files #upload:hover, #files .hover {
	background-color: rgba(255, 255, 255, 0.5);
	border-color: #666 !important;
	color: #666;
	cursor:pointer;	
}

.qq-uploader {
	position:relative;
	width: 100%;
}

.qq-upload-button {
    display:block; /* or inline-block */
    width: 105px;
	padding: 7px 0;
	text-align:center;    
    background:#880000;
	border-bottom:1px solid #ddd;
	color:#fff;
}
.qq-upload-button-hover {background:#cc0000;}
.qq-upload-button-focus {outline:1px dotted black;}

.qq-upload-drop-area {
    position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	min-height: 70px;
	z-index:2;
    background:#FF9797;
	text-align:center; 
}
.qq-upload-drop-area span {
    display:block;
	position:absolute;
	top: 50%;
	width:100%;
	margin-top:-8px;
	font-size:16px;
}
.qq-upload-drop-area-active {
	background:#FF7171;
}

.qq-upload-list {
	margin:15px 35px;
	padding:0;
	list-style:disc;
}

.qq-upload-list li { 
	margin:0; 
	padding:0;
	line-height:15px;
	font-size:12px;
}

.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
    margin-right: 7px;
}

.qq-upload-file {}

.qq-upload-spinner {
	display:inline-block;
	background: url("loading.gif");
	width:15px;
	height:15px;
	vertical-align:text-bottom;
}
.qq-upload-size,.qq-upload-cancel {
	font-size:11px;
}

.qq-upload-failed-text {display:none;}
.qq-upload-fail .qq-upload-failed-text {display:inline;}

#files #upload input {
	/*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; // first!*/
	/*filter: alpha(opacity=0) !important;*/
	font-size: 200px !important;
	opacity: 0;
}