/* LONDON GRAPHICS CENTRE */
/* Chaos 2007 www.chaosdesign.com */
/* Author: Matt Hamm */
/* Date: 16th October 2007 */

html, body, * {
	padding: 0;
	margin: 0;
	}
form, input {
	padding: 0;
	margin: 0;
	}
body {
	background: #e8e6e1 url('background.gif') repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #838078;
	}
body.receipt {
	background: #ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #838078;
	}


a:link, a:visited {
	color: #f40505;
	font-weight: bold;
	text-decoration: none;
	}
hr {
	font-size: 0em;
	visibility: hidden;
	}

p.bold {
	font-weight: bold;
	}
.text-price {
	color: red;
	font-weight: bold;
	font-size: 1.4em;
	}
.dotted-line {
	background: url('dots_horizontal_short.gif') repeat-x;
	width: 100%;
	margin: 10px 0 10px 0;
	font-size: 0em;
	}
.red-arrow {
	margin-top: 10px;
	}
.little-red-arrow {
	font-weight: bold;
	}
a:hover {
	color: #333333;
	}
#main-content-area h1 {
	color: red;
	font-size: 1.3em;
	padding-bottom: 10px;
	}
#main-content-area .highlight-content h1 {
	font-size: 1em;
	}
#main-content-area h2 {
	font-size: 0.9em;
	color:#333333;
	margin-bottom: 5px;
	font-weight: normal;
	}
p {
	font-size: 0.9em;
	}
img {
	border: 0;
	}
.clearboth {
	clear: both;
	}
#outer-wrapper {
	width: 960px;
	margin: 0 auto;
	text-align: center;
	}
#inner-wrapper {
	width: 932px;
	margin: 0 auto;
	text-align: center;
	}
#mini-header {
	height: 18px;
	width: 932px;
	text-align: right;
	}
#mini-header a {
	color: #CCCCCC;
	font-size: 0.8em;
	}
#header {
	width: 100%;
	height: 134px;
	text-align: left;
	}
#inner-header {
	width: 100%;
	height: 134px;
	}
#logo h1 {
	float: left;
	width: 186px;
	height: 72px;
	}
#logo h1 span {
	visibility: hidden;
	}	
#positioning-statement {
	background: url('text-whatsinstoreforyoutoda.gif') no-repeat;
	width: 371px;
	height: 64px;
	margin-top: 8px;
	float: left;
	}
#positioning-statement span {
	visibility: hidden;
	}
#search-basket-container {
	width: 366px;
	height: 72px;
	float: right;
	}
#search, #basket {
	width: 175px;
	height: 72px;
	float: left;
	font-size: 10px;
	background: #f3f2f0;
	}
#search fieldset {
	border: 0;
	}
#search {
	margin-right: 15px;
	}
#search input {
	height: 22px;
	padding: 0;
	margin: 0 0 0 8px;
	float: left;
	}
button#search-arrow {
	background-image: url('arrow-red-search.gif');
	width: 22px;
	height: 22px;
	float: left;
	margin-left: 10px;
	border: 0;
	cursor: pointer;  /*hand-shaped cursor */
  	cursor: hand;  /*for IE 5.x */
	}
button#search-arrow span {
	visibility: hidden;
	}
input#search-text {
	height: 18px;
	}
.form-row {
	width: 175px;
	}
#search legend {
	display: none;
	}
#basket p,
#search p {
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 9px!important;
	}
#basket h2,
#search h2 {
	background: #a6a299;
	color: #FFFFFF;
	font-size: 10px!important;
	height: 15px;
	padding-top: 5px;
	margin-bottom: 5px;
	}
#basket h2 span,
#basket p span,
#search h2 span,
#search p span {
	padding: 8px;
	}
	
/* PRIMARY NAVIGATION */
#primary-navigation {
	width: 100%;
	height: 26px;
	/*margin-top: 18px;*/
	padding-top: 18px;
	}
#primary-navigation ul li {
	display: inline;
	float: left;
	font-size: 10px;
	}
#primary-navigation ul li a {
	display: block;
	background: url('text-primary-navigation.gif') left top;
	height: 14px;
	}
#primary-navigation ul li span {
	visibility: hidden;
	}
/* events and exhibitions */
#primary-navigation li.nav-item-events a {
	background-position: left top;
	width: 130px;
	}
#primary-navigation li.nav-item-events a:hover {
	background-position: 0 -17px;
	}
#events #primary-navigation li.nav-item-events a {
	background-position: 0 -34px;
	}
/* the gallery */	
#primary-navigation li.nav-item-gallery a {
	background-position: -131px 0px;
	width: 80px;
	}
#primary-navigation li.nav-item-gallery a:hover {
	background-position: -131px -17px;
	}
#gallery #primary-navigation li.nav-item-gallery a {
	background-position: -131px -34px;
	}
/* newsletter sign-up */	
#primary-navigation li.nav-item-newsletter a {
	background-position: -206px 0px;
	width: 130px;
	}
#primary-navigation li.nav-item-newsletter a:hover {
	background-position: -206px -17px;
	}
#newsletter #primary-navigation li.nav-item-newsletter a {
	background-position: -206px -34px;
	}
/* art news */	
#primary-navigation li.nav-item-art a {
	background-position: -340px 0px;
	width: 70px;
	}
#primary-navigation li.nav-item-art a:hover {
	background-position: -340px -17px;
	}
#art #primary-navigation li.nav-item-art a {
	background-position: -340px -34px;
	}
/* london links */	
#primary-navigation li.nav-item-links a {
	background-position: -409px 0px;
	width: 100px;
	}
#primary-navigation li.nav-item-links a:hover {
	background-position: -409px -17px;
	}
#links #primary-navigation li.nav-item-links a {
	background-position: -409px -34px;
	}
/* about us */
#primary-navigation li.nav-item-about a {
	background-position: -509px 0px;
	width: 72px;
	}
#primary-navigation li.nav-item-about a:hover {
	background-position: -509px -17px;
	}
#about #primary-navigation li.nav-item-about a {
	background-position: -509px -34px;
	}
/* help & FAQs */
#primary-navigation li.nav-item-help a {
	background-position: -580px 0px;
	width: 95px;
	}
#primary-navigation li.nav-item-help a:hover {
	background-position: -580px -17px;
	}
#help #primary-navigation li.nav-item-help a {
	background-position: -580px -34px;
	}
/* how to find us */
#primary-navigation li.nav-item-find a {
	background-position: -672px 0px;
	width: 110px;
	}
#primary-navigation li.nav-item-find a:hover {
	background-position: -672px -17px;
	}
#find #primary-navigation li.nav-item-find a {
	background-position: -672px -34px;
	}
/* contact us */
#primary-navigation li.nav-item-contact a {
	background-position: -777px 0px;
	width: 90px;
	}
#primary-navigation li.nav-item-contact a:hover  {
	background-position: -777px -17px;
	}
#contact #primary-navigation li.nav-item-contact a {
	background-position: -777px -34px;
	}
/* sitemap */	
#primary-navigation li.nav-item-sitemap a {
	background-position: -865px 0px;
	width: 50px;
	}
#primary-navigation li.nav-item-sitemap a:hover {
	background-position: -865px -17px;
	}
#sitemap #primary-navigation li.nav-item-sitemap a {
	background-position: -865px -34px;
	}

/* SECONDARY NAVIGATION */
#secondary-navigation {
	width: 175px;
	background: #bbb8b2;
	float: left;
	border-bottom: 5px solid #838078;
	}
#secondary-navigation ul {
	list-style-type: none;
	font-size: 0.95em;
	padding: 0;
	margin: 0;
	}

ul#home-nav {
	padding: 0;
	margin: 0;
	}
ul#home-nav li {
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #838078;
	}
#secondary-navigation ul li.home a {
	background: #333333;
	display: block;
	padding: 5px;
	border-bottom: 1px solid #bbb8b2;
	color: #ffffff;
	}
#secondary-navigation ul li {
	border-bottom: 1px solid #bbb8b2;
	display: block;
	margin: 0px;
	}
#secondary-navigation ul ul li.first {
	border-top: 1px solid #bbb8b2;
	}

#secondary-navigation ul li a.level-1 {
	color: #FFFFFF;
	display: block;
	padding: 5px;
	background: #838078;
	
	}	
#secondary-navigation ul li a.level-2 {
	background: #a6a299 url('arrow-nav.gif') left bottom no-repeat;
	font-weight: normal;
	display: block;
	width: 100%;
	padding: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
	color: #ffffff;
	}
#secondary-navigation ul li.active a,
#secondary-navigation ul ul li.active a {
	background-position: -350px bottom!important;
	}

#secondary-navigation ul li a.level-2:hover {
	background: #a6a299 url('arrow-nav.gif') right top no-repeat;
	background-position: -175px bottom;
	}
#secondary-navigation ul li a.level-1:hover {
	background: #333333;
	}
#secondary-navigation ul li a.level-1 span {
	padding: 0px;
	padding-left: 0px;
	margin-right: 5px;
	display: block;
	}

#secondary-navigation ul li a.level-2 span {
	padding: 0px;
	padding-left: 0px;
	margin-right: 10px;
	margin-left: 5px;
	display: block;
	}

/* TERTIARY NAVIGATION */
#tertiary-navigation-container {
	width: 176px;
	position: relative;
	}
#tertiary-navigation ul {
	background: #ffffff;
	list-style-type: none;
	font-size: 0.9em;
	margin-bottom: 13px;
	}
#tertiary-navigation-container #tertiary-navigation ul li.active {
	color: red;
	}
#tertiary-navigation ul li {

	}
#tertiary-navigation ul li a {
	color: #666666;
	font-weight: normal;
	background: url('nav-03-background.gif') right bottom no-repeat;
	display: block;
	width: 100%;
	padding-top: 6px;
	padding-bottom: 6px;
	}

#tertiary-navigation ul li a span {
	margin-left:1px;
	margin-right: 15px;
	display: block;
	}

#tertiary-navigation ul li a span {
	margin-top: 5px;
	}
#tertiary-navigation ul li a:active{
	color: red;
	font-weight: bold;
	}
#tertiary-navigation ul li a:hover {
	background-position: left bottom;
	color: #FFFFFF;
	}
#tertiary-navigation h2 {
	background: red;
	color: #ffffff;
	padding: 3px 0 3px 8px;
	margin-bottom: 0;
	}
.content-padding {
	padding: 15px;
	padding-right: 8px;
	padding-bottom: 0px;
	}
.table-padding {
	padding-left: 8px;
	padding-top: 8px;
	}

#column-two .content-padding {
	padding-right: 0px;

	}
#content-area {
	text-align: left;
	margin-top: 15px;
	width:950;
	}
#main-content-area {
	float: left;
	width: 742px;
	margin-left: 15px;
	}
.content-row-01 {
	}
#highlight-01 {
	background: #FFFFFF;
	width: 364px;
	height: 176px;
	float: left;
	}
#highlight-01 .highlight-content {
	float: right;
	width: 175px;
	}
#highlight-01 .highlight-content-01 {
	float: right;
	width: 364px;
	}
#highlight-01 .image-container {
	float: left;
	}
#highlight-01 .image-container-01 {
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	}
#highlight-02 {
	background: #FFFFFF url('background-sale.gif') no-repeat;
	width: 175px;
	height: 176px;
	float: left;
	margin-left: 14px;
	}
#highlight-02 h1 {
	background:url('text-sale.gif') no-repeat;
	width: 134px;
	height: 44px;
	}
#highlight-02 h1 span {
	visibility: hidden;
	}
	
#highlight-02-1 {
	background: #FFFFFF;
	width: 175px;
	height: 176px;
	float: left;
	margin-left: 14px;
	}
#highlight-02-1 h1 {
	width: 134px;
	height: 44px;
	}
#highlight-02-1 h1 span {
	visibility: hidden;
	}
	
#highlight-03 {
	background: #FFFFFF;
	width: 175px;
	height: 176px;
	float: right;
	}
#highlight-03 h2,
#calender h2 {
	background: #838078;
	color: #FFFFFF;
	margin: 0;
	padding: 5px;
	font-weight: bold;
	}
#content-container-04 {
	float: left;
	width: 175px;
	margin-top: 14px;
	}
#highlight-04 {
	background: #FFFFFF;
	width: 175px;
	height: 366px;
	}
#extra-content-container {
	float: right;
	width: 554px;
	margin-top: 14px;
	}
#highlight-05 {
	background: #FFFFFF;
	width: 364px;
	height: 176px;
	float: left;
	}
#highlight-05 .highlight-content {
	float: left;
	width: 153px;
	}
#highlight-05 .highlight-content-1 {
	float: right;
	width: 140px;
	}
	
#highlight-05 .image-container {
	float: right;
	}

#highlight-06 {
	background: #838078;
	width: 175px;
	height: 176px;
	float: right;
	}
#highlight-07 {
	background: #FFFFFF;
	width: 364px;
	height: 176px;
	float: left;
	margin-top: 14px;
	}
#highlight-07 .highlight-content {
	float: right;
	width: 174px;
	}
#highlight-07 .image-container {
	float: left;
	}
#calender {
	width: 175px;
	height: 176px;
	float: right;
	background: #FFFFFF;
	margin-top: 14px;
	}
#calender h2 {
	background: #838078;
	color: #FFFFFF;
	}
#calender table#calender-body,
#calender table#calender-header {
	border: 3px solid white;
	font-size: 0.8em;
	text-align: center;
	}
#calender table#calender-header {
	border-bottom: none;
	}
#calender table#calender-header {
	background: #838078;
	color: #FFFFFF;
	height: 28px;
	}
#calender table#calender-body td,
#calender table#calender-body th,
#calender table#calender-header th {
	padding: 2px;
	}
#calender table#calender-body th a,
#calender table#calender-header th a  {
	color: #FFFFFF;
	}
#calender table#calender-body td.day {
	background-color: #E8E6E1;
	}
#calender table#calender-body td.calender-event {
	background-color: #f40505;
	}
#calender table#calender-body td.calender-event a{
	color: #ffffff;
	}
	
/* footer */
#footer {
	text-align: left;
	font-size: 0.8em;
	}
#footer-navigation-container {
	width: 740px;
	float: left;
	margin-left: 15px;
	margin-top: 5px;
	font-size: 0.9em;
	}	
#coco {
	text-align: right;
	padding-top: 10px;
	}
#footer-logo {
	padding-top: 20px;
	}
#footer-logo,
#footer-primary-navigation,
#footer-secondary-navigation,
#footer-tertiary-navigation {
	float: left;
	padding-bottom: 10px;
	}
#footer-primary-navigation,
#footer-secondary-navigation,
#footer-tertiary-navigation {
	background: url('dots_horizontal.gif') bottom no-repeat;
	width: 740px;
	margin-top: 10px;
	}
#footer-primary-navigation ul li,
#footer-secondary-navigation ul li,
#footer-tertiary-navigation ul li {
	display: inline;
	}
#footer-primary-navigation ul li a,
#footer-secondary-navigation ul li a,
#footer-tertiary-navigation ul li a {
	color: #666666;
	font-weight: normal;
	}
#footer-primary-navigation ul li a:hover,
#footer-secondary-navigation ul li a:hover,
#footer-tertiary-navigation ul li a:hover {
	color: #333333;
	}
	
/*Template 01 */
#column-one {
	float: left;
	width: 555px;
	}
.background {
	background: #E8E6E1;
	}
#column-one p {
	padding-bottom: 20px;
	}
#column-one #breadcrumb {
	background: #666666;
	padding: 5px;
	font-size: 0.85em;
	color: #FFFFFF;
	}
#column-one #breadcrumb a {
	color: #FFFFFF;
	text-decoration: underline;
	}
#column-one .product-subcategory {
	width: 175px;
	height: 170px;
	background: #ffffff;
	float: left;
	margin-bottom: 14px;
	padding-top: 5px;
	}
#column-one .product-subcategory .description {
	}
#column-one .product-subcategory .description p {
	width: 140px;
	float: left;
	padding-left: 14px;
	}
#column-one .product-subcategory-row {
	}
#column-one .left {
	margin-right: 15px;
	}
#column-one .right {
	float: right;
	}
#column-two {
	float: right;
	width: 175px;
	}
#column-two h2{
	background: #666666;
	padding: 5px 3px;
	font-size: 0.90em;
	font-weight: bold;
	color: #FFFFFF;
	}
#column-two h3{
	color: #333333;
	font-weight: bold;
	font-size: 0.9em;
	}

/* Template 02 */
#content-detail {
	background: #ffffff;
	width: 553px;
	float: left;
	}
#main-content-area .image {
	float:left;
	margin-bottom: 14px;
	}
#content-detail ul {
	list-style-type: none;
	padding: 20px;
	font-size: 0.9em;
	}
#content-detail ul li {
	padding-bottom: 5px;
	}
#content-detail p {
	padding-bottom: 10px;
	}
.white-col {
	background: #FFFFFF;
	padding-bottom: 14px;
	}
#product-image {
	float: left;
	margin-top: 20px;
	}
#product-description {
	float: right;
	width: 250px;
	margin-top: 25px;
	}
.product-thumbnail {
	float: left;
	width: 100px;
	}
.product-thumbnail-edit {
	float: left;
	width: 50px;
	}	
.product-summary {
	float: right;
	width: 425px;
	}
.product-summary_polyboard {
	float: left;
	width: 525px;
	}
.product-summary-col {
	float:left;
	margin-top: 10px;
	width: 240px;
	}
#product-summary-col_polyboard {
	float:left;
	margin-top: 10px;
	width: 340px;
	}	
	
.add-to-basket-col {
	float: right;
	margin-top: 10px;
	vertical-align: top;
	}
#add-to-basket-col_polyboard {
	float: left;
	width: 185px;
	margin-top: 10px;
	}

#main-content-area input {
	padding: 0;
	margin: 0 0 0 8px;
	float: left;
	}
	
/* Shopping basket style */
table#shopping-basket {
	width: 540px;
	font-size: 0.85em;
	margin-bottom: 15px;
	}
table#shopping-basket th {
	background: #CCCCCC;
	}
table#shopping-basket tr th,
table#shopping-basket tr td {
	padding: 5px;
	}
table#shopping-basket tr td {
	padding: 10px;
	border: 1px dotted #efefef;
	}
table#shopping-basket label {
	display: none;
	}
.highlight-text {
	color:#FF0000;
	}
table#shopping-basket input#coupon {
	color:#999999;
	float: left;
	margin: 0;
	}
input#button-save,
input#button-retrive,
input#button-cont-shopping,
input#button-update,
input#button-checkout {
	height: 20px;
	margin-right: 1px;
	margin-left: 0px;
	cursor: pointer; /* hand-shaped cursor */
  	cursor: hand; /* for IE 5.x */
	}
input#button-save {
	width: 95px;
	}
input#button-retrive {
	width: 149px;
	}
input#button-cont-shopping {
	width: 120px;
	}
input#button-update {
	width: 95px;
	}
input#button-checkout {
	width: 77px;
	}

.productpadding {
	margin-bottom: 20px;
	padding: 15px;
	padding-right: 8px;
	background: #ffffff;
	}
	
.relatedproductpadding {
	margin-bottom: 20px;
	padding: 15px;
	padding-right: 0px;
	background: #ffffff;
	}

.compactprice {
	color: #f40505;
	font-weight: bold;
	}


.blank {
	padding: 5px;
	border-right: 0px dotted #efefef;
	}

table#shopping-basket table.noborders tr td {
	padding: 2px;
	border: 0;
	} 

#checkoutbuttons {
	float: right;
	margin-right: 5px;
	}

#confirmpage {
	width: 540px;
	font-size: 0.85em;
	margin-bottom: 15px;
	margin-top: 15px;
	margin-left: 5px;
	}

.searchresults {
	width: 540px;
	font-size: 0.85em;
	margin: 15px 5px 15px 5px;
	}

.checkoutheading {
	font-size: 0.95em;
	}

table#checkout {
	width: 540px;
	font-size: 0.85em;
	margin: 15px 5px 15px 5px;
	}

table#checkout tr td {
	padding: 10px;
	border: 1px dotted #efefef;
	}

table#checkout tr td.change {
	border: 0px dotted #ffffff;
	width: 100%;
	}

table.checkouttable {
	width: 540px;
	font-size: 0.85em;
	margin: 15px 5px 15px 5px;
	}

table.checkouttable tr td {
	padding: 10px;
	border: 1px dotted #efefef;
	}

table.checkouttablenoborders {
	width: 540px;
	font-size: 0.85em;
	margin: 15px 5px 15px 5px;
	}

table.checkouttablenoborders tr td {
	padding: 10px;
	border: 0px dotted #efefef;
	}

.strong {
	font-weight: bold;
	width: 100%;
	}
	
.testborder {
	border: 1px solid red;
	}