/**
* Site: Rolf Harris
*/

/* Clearfix */
.clearfix:after {
   content:".";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}
.clearfix {
	display:inline-block;
}
.clearfix {
	display:block;
}	
	
.clear {
	height:0em;
	font:1px/1px sans-serif;
	text-decoration:none;
	margin:0;
	padding:0;
	clear:both;
}

	
html, body {
	background: #E8E5DE; /*url(../../images/layout/background.jpg) repeat 0 0;*/
}
body {
	font-family: Arial, sans-serif; font-size: 62.5%;
}
a {
	color: #D2872E;
}
#overflowcontain {
	padding: 15px 0;
}
#wrapper {
	width: 960px; /*994px*/
	margin: 0 auto; padding: 0 0 0 15px;
	font-size: 1.2em; line-height: 1.25;
	background: #d0c5b1 url(../../images/layout/script.jpg) no-repeat 100% 0;
}

#header {
	position: relative; zoom: 1;
	padding: 50px 25px 35px;
}
	#header h1,
	#header h1 a {
		height: 50px; width: 330px;
		background-image: url(../../images/layout/logo.gif);
	}

#footer {
	overflow: hidden; clear: both; zoom: 1;
	padding: 30px 54px 36px 30px;
	background: url(../../images/layout/footer.png) no-repeat 100% 100%;
}
	#twitter, #webcasts {
		float: right;
		margin: 34px 0 0 15px;
		display:none;
	}
	#webcasts a {
		height: 45px; width: 72px;
		background-image: url(../../images/layout/webcasts.png);
	}
	#twitter {
		margin-top: 45px;
	}
	#twitter a {
		height: 26px; width: 55px;
		background-image: url(../../images/layout/twitter.png);
	}

	#become-a-friend {
		float: left;
	}
	#become-a-friend a {
		height: 79px; width: 225px;
		background-image: url(../../images/layout/become-a-friend.gif);
	}


#flashBG {
	position: absolute; left: 0; top: 0; z-index: 5;
	background-color: #000;
	opacity: 0.6 !important; filter: alpha(opacity=60) !important;
}
.flashGallery {
	position: absolute; z-index: 20;
	width: 996px;
}
#flashGallery {
	position: relative; z-index: 500;
	height: 585px;
}
#flashBG, .flashGallery {
	display: none;
}


#content,
#container,
#subheader,
#breadcrumb {
	position: relative;
	margin: 0 15px 0 0;
	background: #fff;
}
#container {
	padding: 0 70px 30px;
	min-height: 380px;
}
#container #content {
	margin-right: 0;
}
#content a {
	color: #f7941e;
}
#wrapper object {
	display: block;
	outline: 0;
}


#container h3,
#content h3 {
	margin: 0 0 20px;
	font-size: 20px; color: #A2A09E;
}
#container p,
#content p {
	margin: 0 0 1.5em;
	color: #A2A09E;
}


/**
* =forms
* @subsection forms
* --------------------------------------------------------------------------------------------------
*/
.rF,
form label,
form button, form input.button {
	color: #737373;
}
form {
	position: relative;
	width: 528px;
	padding: 0 0 20px;
}
form fieldset {
	border: 0;
}
form h3 {
	margin: 0 0 20px;
}
form p {
	margin: 0 0 20px;
}
form div,
body.checkout #checkout dd {
	float: left;
	display: inline;
	width: 160px;
	margin: 0 14px 20px 0;
}
form div.text {
	min-height: 60px; height: auto !important; height: 60px;
}
form div input,
form dd input {
	width: 154px;
}
form div input, form textarea,
form dd input, form textarea {
	margin: 3px 0 0; padding: 2px;
	color: #696969;
	background-color: #fff;
	border: 1px solid #999;
}
form ul.errors {
	margin: 3px 0 0;
	font-size: 11px; color: #DF1B1B;
}
form input.error {
	border-color: #F00;
}
form div.textarea {
	width: 510px;
}
form textarea {
	width: 506px;
}

form div.checkboxes {
	position: relative; overflow: hidden;
	float: none; clear: both;
	display: block;
	width: 100%;
}
form div.checkboxes input {
	width: auto;
	margin-right: 5px;
	vertical-align: bottom;
}
form div.i-collect,
form div.general-interest {
	margin: 0; padding: 20px 0 5px;
	border: 1px solid #D0C5B1; border-width: 1px 0 0 0;
}
form div.general-interest {
	margin-bottom: 20px;
	border-bottom-width: 1px;
}
form div.i-collect ul,
form div.general-interest ul {
	overflow: hidden;
	margin: 0; padding: 0;
	list-style: none;
	background-image: none;
}
form div.i-collect li,
form div.general-interest li {
	float: left;
	width: 200px;
	margin: 0 0 15px 0;
}

#wrapper form button, #wrapper form input.button {
	clear: both;
	padding: 1px 10px;
	color: #666;
	border: 1px solid #999;
	cursor: pointer;
}

#recaptcha_widget_div {
	width: auto;
}
#recaptcha_widget_div div {
	display: block;
	float: none;
	width: auto; height: auto !important; min-height: 0 !important;
	margin: 0;
	font-size: 1em;
}
#recaptcha_widget_div div.recaptcha_input_area {
	height: 45px !important;
}


/**
* =tables
* @subsection tables
* --------------------------------------------------------------------------------------------------
*/
table {
	width: 100%;
	margin: 0 0 2.574em;
}
table caption {
	margin: 0;
	text-align: left;
	caption-side: top;
}
table thead th, table tbody td, table tfoot th, table tfoot td {
	padding: 12px;
	vertical-align: top;
}
table thead th, table tbody td {
	border-bottom: 1px dotted #FFF;
}
table thead th {
	padding: 3px 12px;
}
table tfoot th, table tfoot td {
	padding-bottom: 5px;
}
table tbody tr.odd, table tbody tr.odd td, table tfoot tr.odd td {
	background: #efefef;
}
table thead th {
	font-weight: bold;
}
table tfoot th {
	text-align: right;
}
table tfoot th, table tfoot td {
	padding: 4px 12px;
	font-weight: bold; vertical-align: middle;
	border: 0;
}
table tfoot td.price {
	font-weight: bold;
}
table tfoot tr.total {
	margin-top: 15px;
}
table tfoot tr.total td.price {
	float: none;
	padding-right: 12px;
	text-align: right;
}
table thead th, table tbody td {
	border-right: 1px dotted #FFF;
}
table col.l, table thead th.l, table tbody td.l {
	border-right: 0;
}
table col.name-email {
	width: 240px;
}
table col.cart-image {
	width: 100px;
}
table col.order-number, table col.price {
	width: 105px;
}
table col.quantity {
	width: 120px;
}
table col.icon, table th.icon, table td.icon {
	width: 26px;
	padding-left: 0; padding-right: 0;
	text-align: center;
}
table td.quantity {
	padding-left: 0; padding-right: 0;
}
table th.icon a.icon, table td.icon a.icon,
table th.icon a.icon-small, table td.icon a.icon-small {
	margin: 0 auto;
}
table col.price, table th.price, table td.price {
	text-align: right;
}
table col.total, table th.total, table td.total {
	font-weight: bold;
}
table th.quantity, table td.quantity {
	text-align: center;
}
table td.cart-details h3 {
	font-size: 18px; letter-spacing: -1px;
}
table td.cart-details h3, table td.cart-details p {
	margin: 0 0 5px;
}
table td.cart-details p em {
	font-style: normal;
}
table td.cart-details a {
	color: #00BFF3; font-size: 11px;
	text-decoration:none;
}
table td.quantity ul,
table td.quantity li {
	padding: 0; margin: 0;
	list-style: none;
}
table td.quantity ul {
	width: 90px;
	margin: 0 auto;
}
table td.quantity li {
	float: left;
	width: 20px;
	text-align: center;
}
table td.quantity li.quantity {
	width: 50px;
}
table td.cart-image {
	padding: 0;
}
table#cart td a {
	text-decoration:none;
}


/**
* =nav
* @subsection navigation
* --------------------------------------------------------------------------------------------------
*/
#nav {
	overflow: hidden;
	margin: 5px 0 0; padding: 0;
	list-style: none;
}
#nav li {
	float: left;
}
#nav li,
#nav li a {
	height: 20px;
	background-image: url(../../images/layout/nav.gif);
}

#nav li#nHome,
#nav li#nHome a {
	width: 45px;
	background-position: 0 0;
}
#nav li#nHome a:hover,
#nav li#nHome a:focus,
#nav li#nHome a:active {
	background-position: 0 -20px;
}
body.index-index #nav li#nHome a,
body.index-index #nav li#nHome a:hover,
body.index-index #nav li#nHome a:focus,
#nav li#nHome a.active {
	background-position: 0 -40px;
}


#nav li#nOriginals,
#nav li#nOriginals a {
	width: 71px;
	background-position: -45px 0;
}
#nav li#nOriginals a:hover,
#nav li#nOriginals a:focus,
#nav li#nOriginals a:active {
	background-position: -45px -20px;
}
body.originals #nav li#nOriginals a,
body.originals #nav li#nOriginals a:hover,
body.originals #nav li#nOriginals a:focus,
#nav li#nOriginals a.active {
	background-position: -45px -40px;
}

#nav li#nCollections,
#nav li#nCollections a {
	width: 87px;
	background-position: -116px 0;
}
#nav li#nCollections a:hover,
#nav li#nCollections a:focus,
#nav li#nCollections a:active {
	background-position: -116px -20px;
}
body.collections #nav li#nCollections a,
body.collections #nav li#nCollections a:hover,
body.collections #nav li#nCollections a:focus,
#nav li#nCollections a.active {
	background-position: -116px -40px;
}

#nav li#nAbout,
#nav li#nAbout a {
	width: 77px;
	background-position: -204px 0;
}
#nav li#nAbout a:hover,
#nav li#nAbout a:focus,
#nav li#nAbout a:active {
	background-position: -204px -20px;
}
body.about #nav li#nAbout a,
body.about #nav li#nAbout a:hover,
body.about #nav li#nAbout a:focus,
#nav li#nAbout a.active {
	background-position: -204px -40px;
}

#nav li#nMedia,
#nav li#nMedia a {
	width: 60px;
	background-position: -282px 0;
}
#nav li#nMedia a:hover,
#nav li#nMedia a:focus,
#nav li#nMedia a:active {
	background-position: -282px -20px;
}
body.media #nav li#nMedia a,
body.media #nav li#nMedia a:hover,
body.media #nav li#nMedia a:focus,
#nav li#nMedia a.active {
	background-position: -282px -40px;
}

#nav li#nNews,
#nav li#nNews a {
	width: 45px;
	background-position: -342px 0;
}
#nav li#nNews a:hover,
#nav li#nNews a:focus,
#nav li#nNews a:active {
	background-position: -342px -20px;
}
body.news #nav li#nNews a,
body.news #nav li#nNews a:hover,
body.news #nav li#nNews a:focus,
#nav li#nNews a.active {
	background-position: -342px -40px;
}

#nav li#nEvents,
#nav li#nEvents a {
	width: 58px;
	background-position: -388px 0;
}
#nav li#nEvents a:hover,
#nav li#nEvents a:focus,
#nav li#nEvents a:active {
	background-position: -388px -20px;
}
body.events #nav li#nEvents a,
body.events #nav li#nEvents a:hover,
body.events #nav li#nEvents a:focus,
#nav li#nEvents a.active {
	background-position: -388px -40px;
}

#nav li#nMessages,
#nav li#nMessages a {
	width: 75px;
	background-position: -447px 0;
}
#nav li#nMessages a:hover,
#nav li#nMessages a:focus,
#nav li#nMessages a:active {
	background-position: -447px -20px;
}
body.messages #nav li#nMessages a,
body.messages #nav li#nMessages a:hover,
body.messages #nav li#nMessages a:focus,
#nav li#nMessages a.active {
	background-position: -447px -40px;
}

#nav li#nRegister,
#nav li#nRegister a {
	width: 60px;
	background-position: -522px 0;
}
#nav li#nRegister a:hover,
#nav li#nRegister a:focus,
#nav li#nRegister a:active {
	background-position: -522px -20px;
}
body.membership #nav li#nRegister a,
body.membership #nav li#nRegister a:hover,
body.membership #nav li#nRegister a:focus,
#nav li#nRegister a.active {
	background-position: -522px -40px;
}

#subheader {
	overflow: hidden; zoom: 1;
	padding: 30px 70px 15px;
}
#subheader h2 {
	float: left;
}
#subheader ul {
	float: right;
}
#subheader ul li {
	float: left;
	margin: 0 0 0 15px;
	line-height: 46px;
}
#subheader ul li a {
	color: #999; text-decoration: none;
	font-size: 14px;
}
#subheader ul li a:hover,
#subheader ul li a:focus {
	text-decoration: underline;
}
#subheader ul li.active a,
#subheader ul li.active a:hover,
#subheader ul li.active a:focus {
	text-decoration: none; color: #696969;
}

/**
* =breadcrumbs
* @subsection breadcrumbs
* --------------------------------------------------------------------------------------------------
*/
body.collections-feed #breadcrumb {
	clear: left;
	width: 470px;
	padding: 10px 0 0;
	border-top: 1px solid #ccc;
}
body.collections-feed #breadcrumb ul {
	overflow: hidden;
	padding: 0 0 0 5px;
	list-style: none;
}
body.collections-feed #breadcrumb ul li {
	float: left;
	padding: 0 4px 0 0;
}
body.collections-feed #breadcrumb ul li.active {
	color: #6D6F65;
	font-weight: bold;
}
body.collections-feed #breadcrumb ul li a {
	color: #999;
}
body.collections-feed #breadcrumb ul li a {
	display: inline;
	height: 22px;
	text-decoration: none;
}
body.collections-feed #breadcrumb ul.pages {
	float: left;
	padding: 1px 0 0;
}
body.collections-feed #breadcrumb ul.pages li {
	padding-right: 5px;
}
body.collections-feed #breadcrumb .itemsPerPage {
	float: right;
	width: auto;
	padding: 9px 16px 0 0;
}
body.collections-feed #breadcrumb label {
	float: left;
	display: block;
	padding: 3px 5px 0 0;
}
body.collections-feed #breadcrumb input,
body.collections-feed #breadcrumb select {
	float: left;
	height: 21px;
	padding: 0; margin: 1px 6px 0 0;
	font-size: 1em;
	border: 1px solid #333;
}
body.collections-feed #breadcrumb input#filter {
	height: 15px;
	padding: 2px 5px;
}
body.collections-feed #breadcrumb input {
	height: 19px;
}
body.collections-feed #breadcrumb select#itemsPerPageSelect {
	width: 50px;
	text-align: center;
}
body.collections-feed #breadcrumb select#itemStatus {
	width: 120px;
}
body.collections-feed #breadcrumb input#clearButton {
	display: none;
}
body.collections-feed #breadcrumb #submitButton {
	width: 45px; height: 22px;
	padding: 0 0 5px; margin: 2px 0 0 0;
	font-size: 1.1em; line-height: 1em;
	cursor: pointer;
	border: none;
}
body.collections-feed #breadcrumb form#paginationForm {
	width: auto; height: 50px;
	padding: 0;
}
body.collections-feed #breadcrumb ul.breadcrumb {
	float: left;
}
body.collections-feed #breadcrumb ul.breadcrumb li a {
	padding-left: 2px;
}
body.collections-feed #breadcrumb ul.breadcrumb li a:hover {
	text-decoration: underline;
}
body.collections-feed #breadcrumb ul.breadcrumb li.prev,
body.collections-feed #breadcrumb ul.breadcrumb li.next,
body.collections-feed #breadcrumb ul.breadcrumb li.prev a,
body.collections-feed #breadcrumb ul.breadcrumb li.next a {
	overflow: hidden;
	height: 17px; width: 17px;
}
body.collections-feed #breadcrumb ul.breadcrumb li.prev a {
	background-image: url(../../images/layout/collections/prev.gif);
}
body.collections-feed #breadcrumb ul.breadcrumb li.next a {
	background-image: url(../../images/layout/collections/next.gif);
}

/**
* =cart
* @subsection mini cart and main cart
* --------------------------------------------------------------------------------------------------
*/
#mini-cart {
	position: absolute; top: 0; right: 0;
	width:232px;
	height:22px;
	margin:-30px 15px 0 0;
	padding:28px 20px 12px 0;
	background:url(../../images/layout/cart/mini-cart.png) 100% 0 no-repeat;
	text-align:right;
}
#mini-cart p{
		font-weight:bold;
		color:#6E6661;
}
#mini-cart p a{
	color:#D2872E;
	padding-left:2px;
}




/**
* =homepage
* @subsection homepage
* --------------------------------------------------------------------------------------------------
*/
body.index-index #content {
	background-color: transparent;
}
body.index-index #introduction {
	overflow: hidden; position: relative;
	height: 268px; width: 945px;
}
body.index-index #introduction #info {
	position: absolute; top: 0; right: 100px; z-index: 500;
	height: 198px; width: 220px;
	padding: 50px 20px 20px; margin: 0;
	background: url(../../images/layout/rgba-175-0.77.png) repeat 0 0;
}
body.index-index #introduction #info p {
	font-size: 19px; color: #fff;
}
body.index-index #introduction #info p span.welcome {height: 49px; width: 192px;
	margin: 0 0 15px;
	background: url(../../images/layout/welcome.png) no-repeat 0 0;
}
html.js body.index-index #introduction #info {
	right: -268px;
}


body.index-index #boxes {
	overflow: hidden; clear: both; zoom: 1;
	margin: 10px 0 0;
}
body.index-index #boxes ul {
	float: right;
}
body.index-index #boxes ul li,
body.index-index #boxes ul li div {
	position: relative; float: left; overflow: hidden;
	width: 236px; height: 174px;
	cursor: pointer;
}
body.index-index #boxes ul li a {
	overflow: hidden; text-decoration: none;
	cursor: pointer;
}
body.index-index #boxes ul li a,
body.index-index #boxes ul li a h3 {
	color: #fff; text-decoration: none;
	cursor: pointer;
}
body.index-index #boxes ul li a h3 {
	position: absolute; bottom: 0; left: 0; z-index: 60;
	width: 220px;
	padding: 7px 10px; margin: 0;
	font-size: 12px;
	background: url(../../images/layout/rgba-898989-0.8.png) repeat 0 0;
}
body.index-index #boxes ul li div {
	float: none;
}
body.index-index #boxes ul li div img,
body.index-index #images img {
	overflow: hidden; position: absolute; top: 0; left: 0;
	display: none;
}
body.index-index #boxes ul li div img.active,
body.index-index #images img.active {
	display: block;
}

body.index-index #boxes ul li a:hover h3,
body.index-index #boxes ul li a:focus h3 {
	background-image: url(../../images/layout/rgba-f26622-0.85.png);
}

/**
* =cart
* @subsection cart
* --------------------------------------------------------------------------------------------------
*/
body.cart #subheader h2,
body.checkout #subheader h2 {
	height: 50px; width: 215px;
	background-image: url(../../images/layout/cart/title.gif);
}
body.cart p.checkout,
body.checkout p.checkout {
	float: right;
}
	body.cart p.checkout a,
	body.checkout p.checkout a {
		display:block;
		height:35px;
		text-indent:-9999px;
		font-size:1px; line-height:1px; color:#E0DCD0;
		outline:0;
		width:138px;
		background:url(../../images/layout/buttons/confirm.gif) no-repeat top left;
	}
		body.cart p.checkout a:hover,
		body.checkout p.checkout a:hover {
			background-position:bottom left;
		}
body.cart #container,
body.checkout #container {
	overflow: hidden; zoom: 1;
}

body.checkout #checkout {
	width: 100%;
}
body.checkout #checkout dt {
	display: none;
}
body.checkout #checkout dd dt {
	display: block;
}
body.checkout #checkout fieldset legend,
body.checkout #fieldset-shipping dt label {
	margin: 0 0 10px;
	font-size: 16px; color: #000;
}
body.checkout #checkout dd {
	float: left;
	width: 350px;
	margin-bottom: 14px;
}
body.checkout form dd input,
body.checkout form textarea {
	width: 240px;
}
body.checkout form select {
	width: 248px;
}
body.checkout #checkout #fieldset-shipping label {
	display: block;
	line-height: 1;
}
body.checkout #checkout #fieldset-shipping input {
	width: auto;
	margin: 0 5px 0 0;
	border: 0;
}
body.checkout #checkout #submit_checkout {
	float: left;
}
	body.checkout #checkout input.review_order {
		display:block;
		height:35px;
		text-indent:-9999px;
		font-size:1px; line-height:1px; color:#E0DCD0;
		outline:0;
		width:172px;
		border:0;
		padding:0;
		margin:0;
		background:url(../../images/layout/buttons/review-order.gif) no-repeat top left;
	}
		body.checkout #checkout input.review_order:hover {
			background-position:bottom left;
		}
	body.checkout #payment-form input.confirm_order {
		display:block;
		height:35px;
		text-indent:-9999px;
		font-size:1px; line-height:1px; color:#E0DCD0;
		outline:0;
		width:177px;
		border:0;
		padding:0;
		margin:0;
		background:url(../../images/layout/buttons/confirm-order.gif) no-repeat top left;
	}
		body.checkout #payment-form input.confirm_order:hover {
			background-position:bottom left;
		}

body.checkout #addresses {
	overflow: hidden;
}
body.checkout #addresses div.vcard {
	float: left;
	width: 375px;
	padding: 0 25px 25px 0;
}
body.checkout #addresses div.vcard dt {
	float: left; clear: left;
	width: 100px;
}
body.checkout #addresses div.vcard dd {
	margin: 0 0 5px 110px;
}
body.checkout #addresses div.vcard .address span {
	display: block;
}
body.checkout p.checkout_back {
	float: left;
}
	body.checkout p.checkout_back a {
		display:block;
		height:35px;
		text-indent:-9999px;
		font-size:1px; line-height:1px; color:#E0DCD0;
		outline:0;
		width:204px;
		border:0;
		padding:0;
		margin:0;
		background:url(../../images/layout/buttons/back-to-checkout.gif) no-repeat top left;
	}
		body.checkout p.checkout_back a:hover {
			background-position:bottom left;
		}
body.checkout #payment-form {
	float: right;
	width: auto;
}

/* Popup thing for gallery */
.inlineContent {
}
	.inlineContent .textbox {
		float:left;
		width:280px;
		padding-left:20px;
		padding:20px;
	}
	.inlineContent img {
		float:left;
	}
	.inlineContent h3 {
		color:#A2A09E;
		font-size:20px;
		margin:0 0 20px;
	}
	.inlineContent p {
		color:#A2A09E;
		margin:0 0 1.5em;
		font-size:1.2em;
		line-height:1.4em;
	}


body.messages #wrapper #submit_contact,
body.membership #wrapper #submit_contact,
body.enquiry #wrapper #submit_contact,
body.contact #wrapper #submit_contact {
	clear: both;
	height: 35px; width: 83px;
	margin-left: 0;
	background-image: url(../../images/layout/buttons/send.gif);
	border: 0;
}
body.messages #wrapper #submit_contact:hover,
body.messages #wrapper #submit_contact:focus,
body.messages #wrapper #submit_contact:active,
body.membership #wrapper #submit_contact:hover,
body.membership #wrapper #submit_contact:focus,
body.membership #wrapper #submit_contact:active,
body.enquiry #wrapper #submit_contact:hover,
body.enquiry #wrapper #submit_contact:focus,
body.enquiry #wrapper #submit_contact:active,
body.contact #wrapper #submit_contact:hover,
body.contact #wrapper #submit_contact:focus,
body.contact #wrapper #submit_contact:active {
	background-position: 0 100%;
}