/*
  $Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

.boxText { font-family: helvetica, Verdana, Arial, sans-serif; font-size: 11px; }
.boxText a { line-height: 14px; padding-left:  4px;}
.errorBox { font-family : helvetica, Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : helvetica, Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : helvetica, Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }
.clearfix, .clear {
	clear: both;
	height: 0px;
	width: 0px;
}

body { behavior: url("csshover3.htc"); } 

BODY {
  /*background: #ffffff;*/
  background:#FFFFFF url(images/background.png) center top;
  color: #000000;
  margin: 0px;
  padding: 0px;
  text-align: center;
  font-family: helvetica;
}
#wrapper {
	width: 1000px;
	margin: 0px auto;
	padding: 0px;
}
#page {
	margin: 0px auto;
	padding: 0px;
	width: 1000px;
	display: block;
	background: #FFFFFF;
}

#topright {
	float: right;
	max-width: 500px;
	text-align: right;
	display: block;
	height: 121px;
	padding: 0px;
	margin: 0px;
}

#toplinks {
	margin:	76px 0px 0px 0px;
	padding: 0px;
	height: 26px;
	display: block;
	width: auto;
	line-height: 26px;
}

#toplinks a {
	letter-spacing: -2px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	font-size: 26px;
	margin-right: 12px;
	color: #FFFFFF;
	text-shadow: 0px 2px #000000;
}

#search {
	display: block;
	width: 297px;
	margin: 20px 12px 0 0;
	height: 38px;
	float: right;
}

#search input {
	display: block;
	width: 200px;
	height: 38px;
	background: transparent url(images/searchbg.png) no-repeat;
	border: none;
	line-height: 38px;
	padding-left: 11px;
	padding-top: 7px;
	font-size: 28px;
	float: left;
	letter-spacing: -2px;
	}

#search a.searchsubmit {
	display: block;
	width: 96px;
	height: 38px;
	float: right;
	background: transparent url(images/searchsubmit.png) no-repeat right top;
}

#search a.searchsubmit:hover {
	background: transparent url(images/searchsubmit.png) no-repeat right bottom;
}

#toplinks a:hover {
	text-decoration: none;
	color: #DD0000;
}
#tabmenu {
	background: transparent url(images/menubg.png) no-repeat;
	width: 100%;
	height: 50px;
	
}
.tablink {
		color: white;
	font-weight:  bold;
	padding-left: 15px;
	padding-right: 15px; 
	line-height: 45px;
	border-left: 1px inset #006600;
	border-right: 1px inset #006600;
}
.tablink span {
	padding-top: 7px;
}
.tablink:hover {
	text-decoration: underline;
	color: white;
}
.newlinkimg {
	float: left;
	width: 110px;
	clear: left;
}
.newlinktext {
/*	padding-left: 40px;*/
	font-size: 42px;
	text-align: left;
	display: block;
	width: 470px;
	padding: 0px;
	margin: 0px;
	letter-spacing: -4px;
	color: #888888;
}

.newlinktext a {
	font-size: 18px;
	letter-spacing: -1px;
	text-decoration: none;
	color: #000000;
	
}

.newlinkcart a div {
	display: block;
	width: 102px;
}

.newlinkcart a {
float: left;
	display: block;
	width: 102px;
}


A {
  color: #000000;
  text-decoration: none;
}

A:hover {
  color: #006600;
  text-decoration: none;
}

FORM {
	display: inline;
}

TR.header {
  /*background: #ffffff;*/
}

TR.headerNavigation {
 /* background: #bbc3d3;*/
}

TD.headerNavigation {
  font-family: helvetica, Verdana, Arial, sans-serif;
  font-size: 10px;
 /* background: #006600;*/
  color: #000;
  font-weight : bold;
}

A.headerNavigation { 
  color: #000; 
}

A.headerNavigation:hover {
  color: #006600;
  text-decoration: underline;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, helvetica, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, helvetica, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: transparent;
}

TD.footer {
  font-family: helvetica, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: transparent;
  color: #FFFFFF;
  font-weight: bold;
  height: 20px;
}

.infoBox {
  background: #FFFFFF;
  padding: 0px;
}

.infoBoxContents {
  background: #EFEFEF;
  font-family: helvetica, Verdana, Arial, sans-serif;
  font-size: 10px;
  margin-bottom: 12px;
}

.infoBoxContents tr {
display: block;
}

span.copyright {
	color: #FFFFFF;
	font-size: 13px;
	display: block;
	margin: 0 0 14px 0;
	text-align: left;
}

span.copyright a, span.copyright a:visited, span.copyright a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}


a.designers, a.designers:visited {
	float: right;
	color: #555555;
	font-weight: bold;
	letter-spacing: -1px;
	font-size: 15px;
	text-decoration: none;
}

a.designers:hover {
	color: #FFFFFF;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: helvetica, Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: helvetica, Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #006600;
  color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
  font-family: helvetica, Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TABLE.productListing {
}

.productListing-heading {
  font-family: helvetica, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #EFEFEF;
  color: #111111;
  padding: 5px;
  font-weight: bold;
}

TD.productListing-data {
  font-family: helvetica, Verdana, Arial, sans-serif;
  font-size: 10px;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-family: helvetica, Verdana, Arial, sans-serif;
  font-size: 22px;
  font-weight: bold;
  color: #222222;
  letter-spacing: -1px;
  text-align: left;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: helvetica, Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: helvetica, Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: helvetica, Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.accountCategory {
  font-family: helvetica, Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: helvetica, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: helvetica, Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: helvetica, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: helvetica, Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: helvetica, Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: helvetica, Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: helvetica, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, helvetica, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, helvetica, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: helvetica, Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: helvetica, Verdana, Arial, sans-serif;
  color: #ff0000;
}
td.infoBoxHeadingCategories {
	background-color: #006600;
	color: #fff;
	padding-left:  5px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: helvetica, Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: helvetica, Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: helvetica, Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: helvetica, Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: helvetica, Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: helvetica, Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

#header {
	background: transparent url(images/headerbg.png) repeat-x left top;
}

#footer {
	background: #555555 url(images/headerbg.png) left top;
	color: #FFFFFF;
	padding: 14px 0px;
}

#header #wrapper {
	display: block;
	height: 167px;
	background: transparent;
	width: 1000px;
	text-align: left;
}

#header #wrapper a.logo {
	display: block;
	width: 433px;
	height: 47px;
	background: transparent url(images/logo.png) left top;
	float: left;
	text-indent: -999999px;
	margin: 46px 0 0 10px;
}

#header #wrapper ul {
	display: block;
	width: 1000px;
	height: 47px;
	background: transparent url(images/nav.png) left top;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

#header #wrapper ul li {
	float: left;
	height: 46px;
	padding-right: 2px;
	background: transparent url(images/divider.png) no-repeat right top;
}

#header #wrapper ul li a {
	line-height: 47px;
	padding: 14px 10px;
	font-size: 18px;
	font-weight: bold;
	text-transform: lowercase;
	text-shadow: 0px 1px #FFFFFF;
	letter-spacing: -1px;
	color: #222222;
}

#header #wrapper ul li a:hover {
	text-decoration: none;
	color: #FFFFFF;
	text-shadow: 0px 1px #000000;
	background: transparent url(images/nav_hover.png) right top;
}

#header #wrapper ul li.first a:hover {
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;
}

#header #wrapper ul li.cart {
	float: right;
	line-height: 47px;
	padding: 0px 10px;
	font-size: 18px;
	font-weight: bold;
	text-transform: lowercase;
	text-shadow: 0px 1px #FFFFFF;
	display: block;
	letter-spacing: -1px;
	height: 46px;
	background: none;

}


.breadcrumbs {
	text-align: left;
	padding: 10px 10px 0px 10px;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	letter-spacing: -1px;
}

.breadcrumbs a {
	color: #666666;
	text-decoration: none;
	text-transform: lowercase;
}

.breadcrumbs a:hover {
	color: #000000;
	text-decoration: none;
	text-transform: lowercase;
}


#header #wrapper ul li.first {
	padding-left: 1px;
}

td.infoBoxHeading img {
	display: none;
}

td.infoBoxHeading {
	height: 31px;
	line-height: 32px;
	padding-left: 10px;
	background: #EFEFEF url(images/cathead.png) repeat-x scroll center top;
	color: #000000;
	font-size: 16px;
	text-shadow: 0px 1px #FFFFFF;
}

table.infoBoxContents tbody tr td img, td.pageHeading img {
	display: none;
}

td.boxtext {
	padding: 6px;
}

td.nopad table tr td.boxtext {
padding: 0px;
}

td.boxtext a.category b {

	font-size: 16px;

}	

td.boxtext a.category {
	display: block;
	padding: 5px 6px 1px 6px;
	color: #222222;
	background: #EFEFEF;
	font-size: 14px;
	font-weight: bold;
	width: 188px;
	border-bottom: 1px solid #FFFFFF;
	line-height: 20px;
}	


td.boxtext a.category:hover b {
	background: #FFFFFF url(images/nav_hover.png) repeat-x scroll center -1px;
	color: #FFFFFF;
	text-decoration: none;
	text-shadow: 0px  1px #000000;
	}

table.infoBoxContents tbody tr td.smalltext p.newlinkimg a img, table.infoBoxContents tbody tr td.boxtext a img {
	display: inline;
}

#header #wrapper ul li.drop a span {
	display: block;
	height: 34px;
	width: 14px;
	float: right;
	margin-left: -8px;
	padding-right: 4px;
	background: transparent url(images/droparrow.png) no-repeat left top;
}

#header #wrapper ul li.drop a:hover span {
	display: block;
	height: 34px;
	width: 14px;
	float: right;
	margin-left: -8px;
	padding-right: 4px;
	background: transparent url(images/droparrow.png) no-repeat left bottom;
}

#header #wrapper ul li.drop ul#subnav {
	background: transparent url(http://www.percolated.co.uk/media/images/sub_nav_background.png) repeat scroll left top;
	display: none;
	height: 52px;
	left:50%;
	margin-left: -500px;
	position: absolute;
	top: 164px;
	width: 922px;
	z-index: 9999;
	padding-left: 20px
}

#header #wrapper ul li.drop ul#subnav li {
	float: left;
	height: 40px;
	line-height: 40px;
	background: none;
}

#header #wrapper ul li.drop ul#subnav li a {
	line-height: 38px;
	font-size: 16px;
	padding: 0px 6px;
	height: 38px;
	color: #666666;
	}
	
#header #wrapper ul li.drop ul#subnav li a:hover {
	background: none;
	color: #000000;
	text-shadow: 0px 1px #FFFFFF;
}


#header #wrapper ul li.drop:hover ul#subnav {
	display: block;
}


.cssButton, .cssButton:visited {
	background: transparent url(images/nav_hover.png) right top;
	color: #FFFFFF;
	height: 26px;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 14px;
	cursor: pointer;
	-moz-border-radius: 6px;
	text-align: center;
	text-decoration: none;
	line-height: 26px;
	border: none;
}

.cssButton:hover, a div.cssButton:hover {
	color: #111111;
	text-shadow: 0px 1px #FFFFFF;
	background: #EFEFEF url(images/cathead.png) repeat-x scroll center top;
	text-decoration: none;
}






div#slide-holder {
width : 570px;
height : 200px;
position : relative;
background: #000000;
padding: 0px;
margin-bottom: 10px;
overflow: hidden;
}
div#slide-holder div#slide-runner {
width : 570px;
height : 278px;
overflow : hidden;
position : absolute;
padding: 0px;
}
div#slide-holder img {
margin : 0 0 0 -2px;
display : none;
position : absolute;
top: -3;
left: -3;

}
div#slide-holder div#slide-controls {
left : 0;
bottom : 228px;
width : 570px;
height : 46px;
display : none;
position : absolute;
background : url(images/slide-bg.png) 0 0;
}
div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 10px;
line-height : 16px;
margin : 15px 0 0 20px;
text-transform : uppercase;
}
div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
margin : 11px 15px 0 0;
}
div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 25px;
height : 24px;
display : inline;
color: #999999;
font-size : 12px;
margin : 0 5px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
}
div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -24px;
color: #111111;
}
div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(images/silde-nav.png);
}

p {
	text-align: left;	
}

td.main center b {
	font-size: 24px;
	letter-spacing: -1px;
	}