@charset "utf-8";
/* CSS Document */
body{margin:0px; padding:0px;font-size:16px;}
p {margin:0 0 10px;padding:1px}

/*#page, #left{border:1px solid #000000;}*/
#container, .container, #decisionBox{
	width:980px;
	color:#222222;
	margin:0 auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
}
.container{color:black;}
#leftSideBar {
/*	float: left;*/
	width: 165px;
	border-right: 1px solid #999999;
	margin: .2em 0 0 0;
	padding: 0;
	vertical-align:top;
/*	border: 1px solid #66FF00;*/
}
/*********** Heading tags */
h1 {margin: 0px; padding:0 0 0 5px; color: #113049; font-size:1.2em; line-height:25px;}
h2 {
	color: #000000;
	font-size: 1.1em;
	margin: 0.3em 0 .3em;
}
h2.altH2 {margin:0.5em 0 -0.1em;color:#1D517C;}
h2.checkout {margin-bottom: .7em;}
/*h2.bar {color: #FFFFFF; background-color: #80A8CF; text-align:center; padding: .3em; margin-bottom: 0; clear:both;}*/
h2.bar {
	color: #fff;
	font-size: 1em;
	background-color: #184265;
	text-align:center;
	padding: .2em;
	margin-bottom: 0;
	clear:both;
	border-bottom:1px solid #FFFFFF;
}

.bar {
	color: #fff;
	font-size: 0.9em;
	background-color: #184265;
	padding: .3em;
	
	clear:both;
	border-bottom:1px solid #FFFFFF;
}

h3 {color: #997338; font-size: 1em; margin: 0;}
.pcontent{padding:0 5px;}
#footer ul{margin:0px; padding:0px;}
#footer ul li{display:inline;}
#footer a:link, #footer a:visited{padding:3px 3px 0 5px; color:black; font-weight:bold; text-decoration:none;}
#footer a:hover{text-decoration:underline;}
#footer li b{
 color:black;
}

/******************************/
/* Header area at top of page */
/******************************/

/********Header banner*********/
.banner_wrapper{position:absolute;left:235px;top:5px; width:550px;height:40px; overflow:hidden;}
#scrolltextlayer{position:absolute; width:100%; left:0; top:50px; padding-bottom:150px;}
.top_label{color:#C7CED3; float:none; margin-right:3px;}
/*********Navigation**********/
  ul.navi_top{margin:0px; padding:2px; text-align:center; background:#1e5480; font-size:x-small; border-top:1px solid #e7e7e7;height:14px;}
	 ul.navi_top li{list-style:none; display:inline;}
		.navi_top li span{color:#CCCCCC;}
		ul.navi_top li a {margin-right:3px;margin-left:-1px;}
/*****************/
/* Link styling */
/****************/
#content a:link, #content a:visited, #decisionBox a:link, #decisionBox a:visited, #moulds a:link, #moulds a:visited{text-decoration:underline;color: #1d517c;}
#content a:hover, #decisionBox a:hover, #moulds a:hover {color: #000000; text-decoration:none;}
#content a.red:link, #content a.red:visited {text-decoration:underline;color: red;}
#content a.red:hover {color: red; text-decoration:none;}

a.emphasis:link, a.emphasis:visited {font-weight:bold;}
#trail, #moulds {
	color: #000000;
}
#moulds {margin: 0px; clear:both;}
#trail a:link, #trail a:visited, a.specialsTrail:link, a.specialsTrail:visited {
	text-decoration:underline;
	color: #d12c2c;
}
#trail a:hover, a.specialsTrail:hover {color:#666666; text-decoration:none;}
#header a.banner_logo{text-decoration:none; font-size: 26px; color: #c7ced3;}
/**************************/
/* General table styling */
/*************************/

table.datatable {
	border: 1px solid #cccccc;
	border-collapse:collapse;
	margin-bottom: .5em;
}
#content table.datatable th a:link, #content table.datatable th a:visited{color:#FFFFFF;}
#content table.datatable th a:hover{color:#DFDFDF;}

form input.textfield{border:1px solid  #333366;}
#form1 .keepSize, #form1 textarea {
	width:390px;
}
#searchTable td{color:#1d517c; font-weight:bold;}

table.datatable td, table.datatable th {padding: .05em;}
table.datatable th {
	background:url(../../images/navi_bg.gif) 50% repeat-x;
	color: #ffffff;
	font-weight:bold;
}
table.datatable th .lineTwo {font-size: .9em;}
table.datatable th.specialBorder {border-left: 1px solid #ffffff;}
table.datatable td {
	/*color: #6c6c6c;*/
	color:#000000;
	border: 1px solid #cccccc;
}
table.datatable td.heading2 {
	background-color: #E1EAF2;
	color: #720101;
	font-weight:bold;
	text-align:center;
	padding: .3em 0;
}
table.datatable td.noBorder {border: 0;}
table.datatable .altRow {background-color: #e6e6e6;}
/*checkout*/
table.ctable{border:5px solid #FFFFFF; background:#fafafa;}
.ctable .cheader{font-size:15px; color:#FFFFFF;}
.ctable .cgray{background:#f1f1f1;}

table.plain { border: none; border-collapse:collapse;}
table.plain td { border: none;}
table.plain .label, .label {color: #1d517c; font-weight:bold; padding-right: .5em;}

table.paging {border: 0; border-collapse: collapse; margin-bottom: 0em;}
table.paging tr {
	background-color: #ca0000;
	color: #ffffff;
	font-weight:bold;
	font-size:smaller;
}
#content table.paging a:link, #content table.paging a:visited {color: #ffffff;}

table.sort {border-collapse: collapse; border-top:1px solid #000000;}
table.sort tr {
	background-color: #ffffff;
	color: #000000;
	font-weight:bold;
	font-size:smaller;
}
#content table.sort a:link, #content table.sort a:visited {color: #000000;}
/*****************/
/* Form styling */
/****************/
form {margin:0;}
label{color:#1D517C;}
fieldset{
	padding: .5em;
	margin: .2em auto;
	border:1px solid #ccd;
}
legend {color: #000; font-weight:bold; padding: 0 .02em; margin-bottom: 0;}
form #formTable td, form .formTable td {padding-top: 0; padding-bottom: 0;}
form label, .labelForm  {color: #1d517c; font-weight:bold; float:right;}
.labelPlain {float: none;}
.labelLight {color: #d35701; padding-right: .5em;} 
#header #searchBar label, #header #searchBar .label {float:none; font-size: 1em; font-weight: bold; color:#000000; padding-left: .5em; padding-right: .5em;}

form input.btn, .btn{
	color: #000000;
	margin-top: .5em;
}

p.denotesRqd {font-weight:bold; text-align:right; margin: 0;}
input.textRight {text-align: right; font-size: .8em;vertical-align:bottom;}

/***************************/
/* Individual page styling */
/**************************/
/*** payment *****/
.newline{text-align:left; margin:0; padding:0; width:350px;}
.newline span{margin-left:5px;}
.shopName{color:#CC3300;font-weight:bold;}
/*** modal *******/
.cover_payment{
	opacity: 0.8; 
 	filter: alpha(opacity = 80);
}

#decisionBox{
	width:30%;
	position:absolute;
	position:fixed;
	margin-left:35%;
	bottom:50%;
	left:0px;
	background:#ffffff;
	padding:8px;
	z-index:100;
	text-align:center;}
#decisionWrapper{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000000;
	z-index:10;
	opacity: 0.8; 
 	filter: alpha(opacity = 80);
}
.decisionTxt{margin:8px; font-weight:bold;}
.decisionDsc{font-size:.8em; width:129px; color:#666666;}
.decisionDscshort{font-size:.8em; width:72px; color:#666666;}
/*** shop list ****/
.hspacer{background:url(../../images/hspacer.gif) repeat-x; height:1px; line-height:1px; padding-bottom:1px; margin:0 30px; font-size:1px;}
#albumlist a.view_shop:link, #albumlist a.view_shop:visited{color:#113049; font-size:0.85em; text-decoration:none;}
#albumlist a.view_shop:hover{text-decoration:underline;}
.picframe{border:1px solid #e0e0e0;}
/*** left menu***/
/*table.cat_navi td {border-bottom:1px solid #c2c2c2;}*/
table.cat_navi th {text-align:left; background:url(../../images/navi_bg.gif) 100% repeat-x; font-size:13px; color:#FFFFFF;}
.rnd_navi{border-bottom:1px solid #c2c2c2;}
#left table.cat_navi td a:link, #left table.cat_navi td a:visited, #right table.cat_navi td a:link, #right table.cat_navi td a:visited,#content a.category_menu{font-size:.85em; font-weight:bold; color:#1d517c; text-decoration:none;}
#left table.cat_navi td a:hover, #right table.cat_navi td a:hover, #content a.category_menu:hover{text-decoration:underline;}
#left  a.header_menu:link, #left a.header_menu:visited, #right  a.header_menu:link, #right a.header_menu:visited{color:#ffffff; text-decoration:none;}
#left  a.header_menu:hover, #right  a.header_menu:hover{text-decoration:underline;}
/*shop details*/
.shop_details{background:#ffffff url(images/content_bg.jpg) repeat-x; font-weight:bold;}
.user_detail{color:#cdcdcd;}
.detailTable td{font-weight:bold;}
.detailTable label{color:#1D517C}
/*
#left a.cat_list:link,#left a.cat_list:visited{padding:3px 3px 0 5px; color:#1d517c; text-decoration:none;}
#left a.cat_list:hover{text-decoration:underline;}*/
.rnd_list{padding:0px;}
/*** Home page */
#home #content {
/*	width: 570px;
	margin: 0 0 0 0; 
	float: none;
	padding: 0 0 0 0;
	border-left: 1px solid #999999;*/
}
#shopDetails{
	background-color: #C2C3C5;
	width: 212px;
	text-align:center;
	float: right;
	margin: 1em 0 1em 1.5em;
}
#shopDetails img{border: 0; padding: 0; margin: 0;}
/*** FAQ page */
#faq .question {color: #336699; font-weight:bold;}

/*** Category list page */
td.categorySpace {vertical-align:top; padding-bottom: 2em; text-align:center;}
table.category{border:1px solid #c2c2c2; height:180px;}
table.category td.icon {width: 125px; height: 125px; vertical-align: top; }
table.category td.name {width: 125px; vertical-align:bottom;}
table.category a:link, table.category a:visited {text-decoration: none;}
.new, table.category a:link .new, table.category a:visited .new {
	font-size:.85em;
	font-weight: bold;
	color: #D90000;
}
/*** Subdivision list page */
table.subdivision{border:1px solid #c2c2c2; background:url(../../images/content_bg.jpg) repeat-x;}
table.subdivision td.icon {width: 120px; height: 90px; vertical-align: middle; background-color:#FFFFFF;}
table.subdivision td.name {border-right:1px dotted #CCCCCC; height:20px;}
table.subdivision td.description{border-right:1px dotted #CCCCCC; color:#000000; vertical-align:top; height:60px; }
#content table.subdivision a:link, #content table.subdivision a:visited {font-weight:bold; font-size:21px;}

/*** Subcategory & Subdivision/product list pages*/
.listSub, .listProduct {clear: both;}
.listText {width: 340px; float:left;}
.listLink { font-weight:bold;margin-bottom: 0;}
.listThumb img {
	float: right;
	border: 1px solid #354555;
	margin-bottom:5px;
}

.listProduct p {margin: 0px; padding:0px;}
.listProductText {width: 87%; float: right;min-height:90px; position:relative; height:100%;}
.listProductThumb{position:relative; border:1px solid #CCCCCC; float:left; height:87px; width:87px; text-align:center;}
.listProductThumb img {
	max-height:80px;
	max-width:80px;
	margin: .2em;
	border: none;
}

/*** Product page*/
.ProductThumb{border:1px solid #CCCCCC; float:left; margin-bottom:10px; padding:5px; text-align:center;}
#productInfo td {padding: 0 .2em .5em .2em;}
#product #discounts {border: 1px solid #19466A;  float:right; clear:right; margin-left: 1em; width: 180px; padding-bottom: .5em;}
#product #discounts th {color: #19466A; font-weight:bold; text-align:center; padding-bottom: .5em;}
#product #discounts td {color: #000000;}
#product #discounts #heading {text-align:left; background:url(../../images/navi_bg.gif) 50% repeat-x; color:#FFFFFF; padding: .2em; text-align:center; margin-bottom: .5em;}
.PT { font-weight:bold; color:#8d8d8d;}

/* shopping styles */
#shop_facility {display: inline;vertical-align:baseline;}
#inBasket {display: inline;}
div.inCart {display:inline; padding-right: .5em;}
#content a.inCart:link, #content a.inCart:visited {vertical-align:baseline; color:#d12c2c;}
#content a.inCart:hover {color:#000000;}
#content a.addCart:link, #content a.addCart:visited,, #content a.addCart:hover{vertical-align:baseline;}

.cartIcon {padding-left: .2em; border: none; vertical-align:text-bottom;}

/*** Special offers page*/
/*.listProduct  {margin: .2em 0;}
*/.listHR {clear: both; text-align: center; padding:0; font-size:0;}

 hr {
	clear:both; 
	width: 95%;

	height: 1px;
	text-align:center;
	margin-top: .2em;
	margin-bottom: .2em;
}
#specialOffers .discountHead {
	float: left;
	margin-right: 0.5em;
	color: #5073ff;
}
.discountList {
	padding-left: 2em;
	color:#000000;
}
.discount {color: #D35701; font-weight:bold;}

/********************/
/* Cart styling */
/*******************/
.cartLinks {padding-right: 3em;}
#linksLine {clear: both;}
#linksLine #left {float: left;}
#linksRight #right {float: right;}
#topLinks {padding-bottom: 1.5em;} /** is this used??? */

/************************/
/* Payment page styling */
/***********************/
#payment fieldset {border: none;}
#payment #buttonArea td {padding-top: 1em;}

/************************/
/* Sitemap page styling */
/***********************/
.sitemapCat {padding-left: 2em; margin:0 0 .5em 0;}
.sitemapSubcat{margin:0; padding-left: 2em;}
#sitemap #content p {margin: 0 0 .8em 0;}

/*******************************************************************/
/* Pages without left navigation, eg payment and delivery charges */
/*******************************************************************/
body#postcodes {text-align: left;}
#postcodes #container {
	margin: 0; 
	padding: 0; 
	text-align: left; /* Overrides the centering on the body styling. */
}

/*#postcodes #logo {height: 116px; width:165px;}*/
#widePage #content {
	width: 95%;
	margin: 1em auto; 
	padding: 0; 
	float: none;
}

#widePage #navBar, #postcodes #navBar {
	background-image: url(../images/navbar_bg.gif); 
	background-repeat:repeat-x;
	padding: 12px 0 0 0; 
	height: 32px;
	text-align: center; 
	color: #ffffff;
	font-size: 1.2em;
	font-weight:bold;
}
#widePage #navBarTop {background: url(../images/navbar_top.gif); background-repeat: repeat-x; height: 6px;}
#widePage #searchBar {margin:0; padding:0; border: none;}
#widePage #searchBar {padding-top: .5em;}

/************************/
/* Pay by fax, phone or post page styling */
/***********************/
#checkoutConfirm h2 {margin-bottom: 0;}
#checkoutConfirm table.remittance { 
	border-top: 1px solid #80A8CF; 
	border-collapse:collapse; 
	margin: 1.5em 0 1em 0;
}
#checkoutConfirm table.remittance th {padding: .2em;}
#checkoutConfirm table.remittance th {background-color: #80A8CF; color: #ffffff; font-weight:bold;}
#checkoutConfirm table.remittance td {padding: 1.5em 0 0 .2em;}
.line {width: width: 300px; height:25px;border-bottom: 1px solid #80A8CF; padding-right: 1em;}
#checkoutConfirm .tickbox {height: 10px; width: 20px; border: 1px solid #80A8CF; }
#checkoutConfirm #terms {padding-bottom: .5em; }
@media screen {
	#printHeader, #checkoutConfirm #printFooter, #checkoutConfirm #payOnline, #checkoutConfirm #printAddress {display: none;}
}

/***********************/
/* Search page styling */
/**********************/
#mainSearch {border: 1px solid #f1f1f1; padding: .2em; background:url(../../images/mainSearch_bg.jpg) repeat-x;}
#mainSearch select, #mainSearch input {font-size: 10px;}

/********************/
/* General styling */
/*******************/
ol li {margin-bottom: .5em;}
.clearBoth {clear: both; line-height:0px; font-size:0px; height:0px;}
.line {clear:both; margin: 0;}
.emphasis {font-weight: bold;}
img.left {float: left; margin: 0 .5em .2em 0;}

.floatRight {float: right;}
.floatLeft {float: left;}
.right {text-align:right;}
.warning {color: #CC0000; font-weight: bold;}
.searchwords {color:#FF0000;}
.warningSmall {color: #CC0000;}
/********************/
/* General print styling */
/*******************/
.specials{
	color:red
}
.sortarow{font-size:10px; font-family:Georgia, "Times New Roman", Times, serif;}
#content a.nounderline:link, #content a.nounderline:visited{text-decoration:none;}
#content a.nounderline:hover{text-decoration:underline;}
/*Calendar Styling*/
.dp_cal {background-color: #FFFFFF; border: 1px solid #E0E0E0;}
.dp_cal table {border-left: 1px solid #E0E0E0; border-top: 1px solid #E0E0E0;}
.dp_cal th {
	font-weight: bold;
	background-color: #EEEEEE;
	border-bottom: 1px solid #E0E0E0;
	border-right: 1px solid #E0E0E0;
	padding: 0px;
	}

.dp_cal td {
	border-bottom: 1px solid #E0E0E0;
	border-right: 1px solid #E0E0E0;
	padding: 0px;
	}

.dp_cal td.dp_roll {background-color: #E0E0E0;}
/*End Calendar*/

.overline{
	text-decoration:line-through;
	color:#CCCCCC;
}
.specialOfferPrice{
	color:red;
}


/* Moo rainbow styling: */

#mooRainbow { font-size: 15px; color: #000; }

.moor-box {
	width: 390px; 
	height: 310px; 
	border: 1px solid #636163; 
	background-color: #f9f9f9;
}
.moor-overlayBox {
	width: 256px; /* Width and Height of the overlay must be setted here: default 256x256 */
	height: 256px; 
	margin-top: 9px; 
	margin-left: 9px;
	border: 1px solid #000;
}
.moor-slider {
	border: 1px solid #000;
	margin-top: 9px; 
	margin-left: 280px;
	width: 19px; /* if you want a bigger or smaller slider... */
	height: 256px;
}
.moor-colorBox {
	border: 1px solid #000; 
	width: 59px; 
	height: 68px; 
	margin-top: 20px; 
	margin-left: 315px;
}
.moor-currentColor { /* Bottom Box Color, the backup one */
	margin-top: 55px; 
	margin-left: 316px; 
	width: 59px; 
	height: 34px;
}
.moor-okButton {
	font-family: Tahoma;
	font-weight: bold;
	font-size: 11px;
	margin-top: 278px;
	margin-left: 8px;
	background: #e6e6e6;
	height: 23px;
	border: 1px solid #d6d6d6;
	border-left-color: #f5f5f5;
	border-top-color: #f5f5f5;
}
#mooRainbow label {
	font-family: mono;
}
/* Following are just <label> */
.moor-rLabel {
	margin-top: 100px;
	margin-left: 315px;
}
.moor-gLabel {
	margin-top: 125px;
	margin-left: 315px;
}
.moor-bLabel {
	margin-top: 150px;
	margin-left: 315px;
}
.moor-HueLabel {
	margin-top: 190px;
	margin-left: 315px;
}
span.moor-ballino { /* Style hue ° (degree) !! */
	margin-top: 190px;
	margin-left: 370px;
}
.moor-SatuLabel {
	margin-top: 215px;
	margin-left: 315px;
}
.moor-BrighLabel {
	margin-top: 240px;
	margin-left: 315px;
}
.moor-hexLabel {
	margin-top: 275px;
	margin-left: 280px;
}

/* <input> */
.moor-rInput, .moor-gInput, .moor-bInput, .moor-HueInput, .moor-SatuInput, .moor-BrighInput { 
	width: 30px;
}
.moor-hexInput {
	width: 55px;
}
.moor-cursor {
	background-image: url(../../images/moor_cursor.gif); 
	width: 12px;
	height: 12px;
}
.moor-arrows {
	background-image: url(../../images/moor_arrows.gif);
	top: 9px; 
	left: 270px;
	width: 41px;
	height: 9px;
}
.moor-chooseColor { /* Top Box Color, the choosen one */
	margin-top: 21px; 
	margin-left: 316px; 
	width: 59px; 
	height: 34px;
}

#content .subm a.category_menu{
	margin-left:10px;
	font-weight:normal !important;
}
.td_category{padding:0px;margin:0px;line-height:10px;}
#private_credits input {text-align:right;}
#private_credits .newline input {text-align:left;}
#private_credits .newline {
width:300px;
}
#private_credits{display:none;}
.td_category a div:hover{text-decoration:underline;}