/********************************************/
/*
Standard colours:

font: #000000
background: #77787b
darker border: #cdcdcd

Non-template additions to the bottom

*/
/* ------- STANDARD SETTINGS -------------- */
html, body {
	border:0;
	margin:0;
	padding:0;
}
body {
	font: normal 0.8em Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:1.7em;
	margin-bottom: 10px;
	background-color: #ebebeb;
	margin-top: 10px;
}
img {
	border:0;
}
form {
	margin: 0;
	padding: 0;
}
h1 {
}
a {
	color: #000000;
	text-decoration:none;
}
a:hover {
	color: #6B6C6E;
	text-decoration:underline;
}

/* ------- DIV SETTINGS -------------- */

#Container {
	width: 990px;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border: 1px solid #696A6C;
	position: relative;
	z-index: 200;
	padding-bottom: 10px;
}

#Wrapper {
}

#Search {
	position: absolute;
	width: 211px;
	right: 0px;
	top: 165px;
	background-image: url(../images/bg-search.gif);
	background-repeat: no-repeat;
	margin-right: 13px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 150px;
	height: 40px;
}

#rightmenutab {
	width:185px;
	margin-top:5px;
	margin-bottom:5px;
}
#rightmenucon {
	background-color:#fff;
	padding:10px;
}
#featuredcon {
	color:#000;
	line-height:22px;
}
#findoutmore {
	margin-left:146px;
	margin-top:4px;
}
#main {
	width: 620px;
	padding-top: 10px;
	float: left;
}

.leftPanel {
	width: 165px;
	float: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.rightPanel {
	width: 165px;
	float: right;
	padding: 10px;
}

#topsellers {

}
.poBG {
	background-color:#F0F0F0;
	padding-left:10px;
	padding-right:15px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-left-width: 15px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}

#relatedprod {
	height:25px;
	font-size: 1.1em;
	font-weight: bold;
	color: #000000;
	width:585px;
	margin-top: 15px;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #FFCC05;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#maincontentarea{
	padding:10px;
	background-color: #f0f0f0;
	margin-bottom: 10px;
	position: relative;
	width: 600px;
	float: left;
}

#maincontentarea a{
	text-decoration: underline;
}

#maincontentarea h2{
	font-size: 1.2em;
	color: #000000;
}
.specialOffersBorder {
	border: 10px solid #FFCC05;
	color: #FFFFFF;
	margin-bottom: 10px;
}
.specialOffers {
	background-color: #231f20;
	border: 2px solid #FFFFFF;
	background-image: url(../img/homeImages/special-offers-2.jpg);
	background-repeat: repeat-x;
	color: #FFFFFF;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.specialOffers h1 {
	font-size: 1.2em;
	margin-top: 15px;
}
.specialOffers h3 {
	font-size: 1.2em;
	margin-top: 15px;
}
.specialOffers a {
	color: #FFFFFF;
	text-decoration: underline;
}
.specialOffers a:hover {
	color: #FFCC05;
}



.specialOffers p {
}
.specialOffers h5 {
	color: #FFCC05;
	text-align: right;
	font-size: 1.1em;
}

.holder {
	margin-bottom: 10px;
	float: left;
	position: relative;
}

.image1 {
	float: left;
	background-color: #E6E6E6;
	position: relative;
	border-top-width: 10px;
	border-right-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 10px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #e6e6e6;
	border-right-color: #E6E6E6;
	border-bottom-color: #e6e6e6;
	border-left-color: #e6e6e6;
	margin-right: 10px;
}

.image2 {
	background-color: #E6E6E6;
	text-align: right;
	position: relative;
	border-top-width: 10px;
	border-right-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 10px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #e6e6e6;
	border-right-color: #e6e6e6;
	border-bottom-color: #e6e6e6;
	border-left-color: #e6e6e6;
	float: left;
}

#topcattable {
	width:600px;
	padding:5px;
	padding-top:7px;
	border-top-width: 10px;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: solid;
	border-top-color: #FFCC05;
}
.pagingTable {
	width:620px;
	padding-top:10px;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
	float: left;
	position: relative;
}
#specialoffercat {
}
#specialofferimage {
	margin:0;
	padding:0;
}
#breadcrumb {
	font-weight: bold;
	vertical-align: text-top;
	height: 22px;
	position: relative;
	width: 500px;
}
#breadcrumb a {
}

#advSearch {
	background-color:#fff;
	border: 1px solid #F0F0F0;
	padding:5px;
	margin-top: 10px;
}
.catlinespace {
	width:620px;
	height:1px;
	background-color: #CCCCCC;
}

.leftcattconbot {
	height: 10px;
}

.catprice {
	padding:6px;
	padding-left:16px;
}
.moreinfo {
	float: right;
	margin-right: 15px;
}
.pagenoborder {
	border: 1px solid #e0e6cf;
	padding:0 4px 0 4px;
	display:inline;
	text-align:center;
}
.underline {
	text-decoration:underline;
}
.whiteunderline {
	text-decoration:underline;
	color: #FFFFFF;
}
.whiteunderline:hover {
	text-decoration:none;
	color: #FFFFFF;
}
.rightcon {
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 12px;
	padding-left: 10px;
	margin-bottom: 10px;
	background-color: #f0f0f0;
}
.rightconbot { height:5px;background: #fff url(../images/rightmenu_bot.gif) no-repeat bottom;margin-bottom:10px;}
.leftconbot { height:5px;background: #e5e8e2 url(../images/leftmenu_bot.gif) no-repeat bottom;margin-bottom:10px;}


.featuredCat {
}

.featuredCatBlock {
	position: relative;
	float: left;
	width: 280px;
	padding: 10px;
}

.featuredCatBlock p {
	margin: 0px;
	padding: 0px;
}

.featuredCatBlock a {
	font-size: 1.1em;
	font-weight: bold;
}

.featuredCatImage {
	float: left;
	margin-right: 10px;
	border: 1px solid #bfbfbf;
	margin-bottom: 10px;
}


/* ------- HEADER -------------- */
#Header {
	height: 213px;
	margin: 0px;
	padding: 0px;
	position: relative;
}
#logo {
	margin-top:0px;
	margin-left: 20px;
	margin-bottom: 15px;
	position: relative;
	padding-top: 15px;
	width: 450px;
}
#HeaderLinks {
	float: right;
	position: absolute;
	right: 10px;
	top: 20px;
	width: 385px;
	text-align: right;
}
#TopNav {
	width: 100%;
	background-image: url(../images/bg-top-nav.jpg);
	background-repeat: repeat-x;
	height: 93px;
}

#TopNav ul {
	margin: 0px;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#TopNav li {
	display: block;
	list-style-type: none;
	margin: 0px;
	float: left;
	padding-top: 0px;
	padding-right: 24px;
	padding-bottom: 0px;
	padding-left: 24px;
}
#TopNav a {
	color: #FFFFFF;
	text-transform: uppercase;
}
#TopContact {
	padding-left: 20px;
	padding-top: 43px;
}

/* ------- FOOTER -------------- */
#Footer {
	height:24px;
	font-size: 0.9em;
	padding-top: 10px;
	padding-bottom: 10px;
	width:990px;
	background-color: #EBEBEB;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: left;
	z-index: 100;
}
#Copyright {
	float:right;
	color:#666769;
	width:190px;
	text-align:right;
	font-size: 0.9em;
}

#Footer a {
	color: #000000;
	text-decoration: none;
	padding-right:30px;
	font-size:0.9em;
	text-transform: uppercase;
}
#Footer a:hover {
	text-decoration: underline;
}


/* ------- GENERAL FONT SETTINGS -------------- */
.heading {
	height:40px;
	background-image: url(../images/category-heading-bg.jpg);
	background-repeat: repeat-x;
}
.heading a {
	color:#fff;
}
.heading h3 {
	color: #FFCC05;
	font-size: 1.3em;
	margin: 0px;
	padding-top: 6px;
	padding-left: 10px;
}

.bodyText { font-size: 1em;}
.bodyTextBold { font-size: 1em; font-weight: bold; color: #333333}
.bodyTextError { font-size: 1em; color: #FF0000}
.bodyTextSmall {
	font-size: 0.9em;
	color: #000000;
}
.bodyTextvSmall { font-size: 0.8em}
.bodyTextWhite { font-size: 0.9em; font-weight: bold; color: #FFFFFF}

.voucherHeading { font-size: 1.4em; font-weight: bold; color: #666666}


/* ------- CATEGORY LIST (Category page body area) -------------- */
.categoryHeader {
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: underline;
}

.catContainer {
	color: #FFD300;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/bg-cat-header.gif);
	background-repeat: repeat-x;
	width: 600px;
	margin: 0px;
	position: relative;
	border: 10px solid #FFCC05;
	float: left;
}
.catHeadingBorder {
	border: 2px solid #FFFFFF;
}

.catContainer h1 {
	color: #FFCE00;
	font-size: 1.3em;
	padding: 0px;
	margin-top: 21px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 15px;
}
.catContainer a {
	color: #FFCE00;
	text-decoration: underline;
}
.catContainer a:hover {
	text-decoration: none;
}


.catProdContainer {
	width: 620px;
	margin: 0px;
	position: relative;
	float: left;
}


.catHeading {
	color: #FFD300;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/bg-cat-header.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin: 0px;
	font-size: 16px;
	padding-top: 23px;
	padding-left: 20px;
	height: 48px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	padding-right: 0px;
	padding-bottom: 0px;
}
.catHeading a {
	color:#FFCC05;
	font-size: 16px;
	font-weight: bold;
}
.catHeading h1 {
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	color: #FFCC05;
	font-size: 16px;
}
.catHeading h2 {
	color: #FFCC05;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	font-size: 16px;
}

.catHeading h5 {
	color: #FFCC05;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	font-size: 16px;
}
.categoryDescription {
	font-size: 1em;
	color: #333333;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	font-weight: bold;
	position: relative;
}

.catImageLarge {
	position: relative;
	float: right;
	width: 175px;
	margin-top: 20px;
	margin-right: 15px;
	margin-bottom: 15px;
	border: 1px solid #bfbfbf;
	margin-left: 15px;
}
.categoryRow {}
.categoryRow a {
	text-decoration: underline;
	font-weight: bold;
	color: #000000;
}
.categoryRow a:hover {
	color: #616264;
	text-decoration: none;
}


.noProducts {
	padding: 20px;
	color: #000000;
}


/* ------- CATEGORY LIST (Left Menu) -------------- */
.categoryBackground { padding:10px;}
.categoryHeadingRow {
	text-align: left;
	background-image: url(../images/category-heading-bg.jpg);
	height: 40px;
}
.categoryleftcon{
	background-color: #FFCC05;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 6px;
	padding-left: 0px;
}

.categoryleftcon p {
	margin-top: 3px;
	margin-right: 10px;
	margin-bottom: 3px;
	margin-left: 10px;
}
.categoryleftconcat {
	background-color: #F0F0F0;
}
.categoryleftconcat a {
	display: block;
	width: 155px;
	text-decoration: none;
	margin:0px;
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 7px;
	padding-left: 10px;
	overflow: hidden;
}
.categoryleftconcat a:hover {
	text-decoration: none;
	color: #000000;
	background-color: #FFCC05;
	background-image: url(../images/bg-leftnav-hover.gif);
	background-repeat: repeat-y;
}

.categoryHeadingText { color: #FFFFFF}
.categoryRow1 {
	display: block;
	width: 100%;
	text-decoration: none;
	background-color: #F0F0F0;
	margin:0px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0px;
}
.categoryRow2 {
	display: block;
	width: 100%;
	text-decoration: none;
	background-color: #EBEBEB;
	margin:0px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0px;
}
.categoryDescription { color: #333333;}
.categoryRowSpacer {
	font-size:1px;
	height:1px;
	background-color: #FFFFFF;
}

A.categoryLink:link {}
A.categoryLink:hover { }
A.categoryLink:visited {}
A.subCategoryLink {
	font-style: italic;
	color: #5F6062;
}

.subCategoryLinkIndent { text-decoration: none; display:inline;}

/* ------- PRODUCT LIST (Category & Search result pages) -------------- */
.catprodimage {
	border: 1px solid #bfbfbf;
	width:110px;
}
.catprodimage2 {
	border: 1px solid #bfbfbf;
	width:110px;
	margin-left: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.productListHeader {
	font-weight: bold;
	color: #000000;
	padding-left:16px;
	padding-top: 5px;
}
.productListHeader a {
	text-decoration: underline;
}
.productListDescription { color: #000000; padding:6px;padding-left:16px;}
.productListPrice {
	font-size: 1.1em;
	font-weight: bold;
	color: #000000;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 5px;
	display: block;
	background-color: #FFCC05;
	width: 315px;
	float: left;
}
.productListRRP {
	font-size: 0.9em;
	font-weight: bold;
	color: #993300;
	padding-left: 25px;
}
.productListOutOfStock {
	font-size: 0.9em;
	color: #f00;
	padding: 5px;
	margin-left: 10px;
	position: relative;

}
.productListDateAvailable {
	font-size: 0.9em;
	color: #000000;
	margin-left: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
	position: relative;
	height: 25px;
}
.productListPreOrder { font-size: 0.9em; font-weight: bold; color: #000000}

.productPageListPrice {
	font-size: 1.1em;
	font-weight: bold;
	color: #000000;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 5px;
	display: block;
	background-color: #FFCC05;
	width: 245px;
	margin-left: 15px;
}


/* ------- PRODUCT PAGE -------------- */
/* pop-up images */
#image1Large {
	display:none;
	position:absolute;
	top:-60px;
	left:10px;
	border: 1px solid #cdcdcd;
	text-align:right;
	background-image: url(../images/category-heading-bg.jpg);
	background-repeat: repeat-x;
}
#image2Large {
	display:none;
	position:absolute;
	top:-60px;
	left:10px;
	border: 1px solid #cdcdcd;
	text-align:right;
	background-image: url(../images/category-heading-bg.jpg);
	background-repeat: repeat-x;
}
#image3Large {
	display:none;
	position:absolute;
	top:-60px;
	left:10px;
	border: 1px solid #cdcdcd;
	text-align:right;
	background-image: url(../images/category-heading-bg.jpg);
	background-repeat: repeat-x;
}
/* end */
.prodimagetable {}
.prodimage {
	border: 1px solid #bfbfbf;
	width:175px;
	margin-bottom:7px;
	margin-left: 10px;
}
.smprodimage { border: 1px solid #bfbfbf; width:75px;height:75px;}
.image2small {
	padding-left: 10px;
}
.image3small { }
.relprodimage { border: 1px solid #7f8183; width:50px;height:50px;}
.productHeader { font-size: 1.1em; font-weight: bold; color: #000000; padding-top:0px; padding-bottom:10px;}
.productText {}
.productTextBold { font-size: 1em; color: #000000; font-weight: bold}
.productDescriptionHeading {
	font-size: 1.1em;
	font-weight: bold;
	color: #000000;
	padding-left: 10px;
}
.productDescription {
	font-size: 1em;
	color: #000000;
	margin-left: 15px;
	font-weight: normal;
	padding: 0px;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
}
.productPrice { font-size: 0.9em; font-weight: bold; color: #000000}
.productRRP {
	font-size: 0.9em;
	font-weight: bold;
	color: #993300;
	padding-left: 25px;
}
.productOutOfStock {
	font-size: 0.9em;
	color: #f00;
	padding: 5px;
	margin-left: 10px;
	position: relative;
}
.productDateAvailable {
	font-size: 1em;
	color: #000000;
	margin-left: 15px;
}
.productPreOrder { font-size: 0.9em; font-weight: bold; color: #000000}
.productInfoTable {}
.productInfoTableRow1 {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
}
.productInfoTableRow2 {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
}
.productInfoTableRow1 a {
	color: #000000;
	text-decoration: underline;
}
.productInfoTableRow2 a {
	color: #000000;
	text-decoration: underline;
}
.productRow1 {
	background-color: #F0F0F0;
}
.productRow2 {
	background-color: #EBEBEB;
}
#prodprice {
	height:30px;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #FFCC05;
	margin-left: 10px;
	position: relative;
}
#productContainer {
	color: #333333;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-weight: bold;
	position: relative;
}
#productContainer h1 {
	font-size: 1.2em;
	color: #000000;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 15px;
}

.productQuantityDiscounts {
	background-color: #F0F0F0;
	position: relative;
	margin-left: 15px;
	padding: 5px;
}


/* ------- CHECKOUT PAGES -------------- */
.checkoutBodyText { font-size: 1em}
.checkoutBodyTextBold { font-size: 1em; font-weight: bold}
.checkoutBodyTextError { font-size: 1em; color: #FF0000}
.checkoutBodyTextSmall { font-size: 0.9em}
.checkoutTable {background-color: #717273;}
.checkoutTableAdmin {background-color: #e0e6cf; border: 1px #e0e6cf; width: 550px; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px}
.checkoutHeadingRow {color:#fff; background-color: #5F6062}
.checkoutRow1 {background-color: #F0F0F0; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px;  font-size: 1em}
.checkoutRow2 {background-color: #FFFFFF; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px;  font-size: 1em}
.checkoutSuccess { font-size: 1.2em; font-weight: bold; color: #33CC00}
.checkoutFail { font-size: 1.2em; font-weight: bold; color: #FF0000}
.FormFields {
	background-color: #FFFFFF;
	border: 1px solid #5F6062;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
}





/* ------- PAGE LAYOUT -------------- */
.outsideBorder {background-color: #B3B3B3;}
.headerMenuSeparator {background-color: #336633;}
.bgColour {background-color: #FFFFFF;}


.headerRow {background-color: #000000}
.headerMenuRow {background-color: #F3F2F2; color: #F3F2F2}
A.headerLink:link { font-size: 0.9em; font-weight: bold; text-decoration: none; color: #333333}
A.headerLink:visited { font-size: 0.9em; font-weight: bold; text-decoration: none; color: #333333}


/* ------- TOP SELLER TABLE -------------- */
.topSellerTable {}
.topSellerRow { font-weight:bold; padding:10px 19px 10px 19px; }
.row3 {}
A.topSellerText:link { font-size: 1em; color: #000; text-decoration: underline}
A.topSellerText:visited { font-size: 1em; color: #000; text-decoration: underline}




/* ------- PRINTABLE RECEIPT -------------*/
.recieptTable {background-color: #fff; border: 1px #FF0000; width: 550px; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px}
.storeName { font-size: 1.4em; font-weight: bold}
.receiptHeading { font-size: 1.2em; font-weight: bold}
A.topSellerText:hover {
 color: #333333; text-decoration: none
}
.TopSellerBorder {
	margin-left: 50px;
}
A.productListMoreInfo:hover {
 text-decoration: none; color: #000000
}

/* -------------INPUT FORMS -------------------------*/

.searchhome {
	width:150px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 10px;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	float: left;
	margin-top: 2px;
}
input { font-size: 1em;}
select { font-size: 1em;}
textarea { font-size: 1em;}
input.searchborder { border:1px solid #2f2b2c;}
input.border { border:1px solid #cdcdcd;}


/* --------------- NON-TEMPLATE ------------------*/
#cyclists {
	float:left;
	margin-left:11px;
	margin-top:2px;
}.savebasket {
	color: #ED1C24;
	text-decoration: underline;
}
.savebasket:hover {
	text-decoration: none;
}
.logo {
	height: 90px;
}
.finish {
	height: 0px;
	clear: both;
	width: 990px;
}

#n-sconce { display:none; }

