/* CSS Document */

* {
 	margin: 0;
	padding: 0;
	}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	background: url(../images/background.jpg) center repeat-y;
}
a {
	color: #29913E;
}
ul,ol {
	margin-left: 20px;
}

/*Notice*/
#notice {
	text-align: center;
	background: #2AB2D8;
	border-bottom: #CCCCCC 2px solid;
	}
#notice p {
	color: #FFFFFF;
	padding: 10px 0;
	}
#notice a {
	color: #FFF;
}
	
/*Container*/
#container {
	width: 770px;
	margin: 0 auto;
	}

/* Popup Message */
#popupMessage_content {
   text-align: center;
   padding: 10px;
}
	
/*Header*/
#header {
	border-right: #16762C 1px solid;
	border-left: #16762C 1px solid;
	height: 50px;
	}
	
/*Links Bar*/
#linksBar {
	height: 30px;
	background: #2AB2D8;
}
#linksBar ul li {
	display: inline;
}
#linksBar a {
	color: #FFFFFF;
}

/*Language Options*/
#languageOptions {
	width: 50%;
	float: left;
	background: url(../images/account-options-bg.jpg) top left no-repeat;
}
#languageOptions h3 {
	display: none;
}
#languageOptions ul {
	margin-left: 10px;
}
#languageOptions ul li {
	line-height: 30px;
	margin-right: 10px;
}
#languageOptions ul li.en a {
	background: url(../images/england-flag.PNG) center left no-repeat;
	padding-left: 20px;
}
#languageOptions ul li.cy a {
	background: url(../images/wales-flag.PNG) center left no-repeat;
	padding-left: 20px;
}

/*Account Options*/
#accountOptions {
	width: 50%;
	float: right;
}
#accountOptions h3 {
	display: none;
}
#accountOptions ul {
	padding-top: 5px;
	float: right;
}
#accountOptions ul li a {
	height: 20px;
	margin: 0 5px 0 0;
	float: left;
	display: block;
	text-indent: -9999px;
}
#accountOptions li.contentitem5 a {
	width: 85px;
	background: url(../images/home-page-link.gif) no-repeat;
}
#accountOptions li.contentitem6 a {
	width: 75px;
	background: url(../images/checkout-link.gif) no-repeat;
}
#accountOptions li.contentitem7 a {
	width: 97px;
	background: url(../images/your-account-link.gif) no-repeat;
}
	
/*Main*/
#main {
	padding: 0 0 50px 0;
	background: #FDFEDC;
	border-bottom: #2AB2D8 10px solid;
	}
/*Product Navigation*/
#productNavigation {
	width: 160px;
	padding: 5px 0 0 5px;
	float: left;
	}
/*Component Container*/
.componentContainer {
	padding: 5px;
	background: #FFFFFF;
	border-right: #19752C 1px solid;
	border-left: #19752C 1px solid;
	}
.componentFooter {
	height: 5px;
	margin: 0 0 5px 0;
	background: url(../images/green-box-bottom.gif) top center no-repeat;
	}
#contentPages .componentContainer,
#secureShopping .componentContainer {
	border-right: #229ABA 1px solid;
	border-left: #229ABA 1px solid;
	}
#contentPages .componentFooter,
#secureShopping .componentFooter {
	background: url(../images/blue-box-bottom.gif) top center no-repeat;
	}
.componentContainer ul {
	list-style: none;
	margin-left: 0px;
	}
.componentContainer ul ul {
	margin: 0 0 0 10px;
	}
.componentContainer ul li {
	padding: 4px 0;
	border-bottom: #D4EFF6 1px solid;
	}
.componentContainer ul ul li {
	border-bottom: none;
	}
.componentContainer ul li a {
	color: #000000;
	text-decoration: none;
}
.componentContainer ul li.activeLink a {
	color: #27B3D7;
}
.componentContainer ul li.selectedLink a {
	color: #27B3D7;
	font-weight: bold;
}
.componentContainer ul li.selectedLink ul a {
	font-weight: normal;
}

/*Search*/
#search h3 {
	height: 20px;
	text-indent: -9999px;
	background: url(../images/search-the-catalogue-title.gif) top center no-repeat;
	}
#search a {
	/* Ensure Search Button is below Input field in IE6 */
	display: block;
	}
/*Browse*/
#browseByCategory h3 {
	height: 20px;
	text-indent: -9999px;
	background: url(../images/browse-by-category.gif) top center no-repeat;
	}
#browseByManufacturer h3 {
	height: 20px;
	text-indent: -9999px;
	background: url(../images/browse-by-manufacturer.gif) top center no-repeat;
	}
/*Best Sellers*/
#bestSellers h3 {
	height: 20px;
	text-indent: -9999px;
	background: url(../images/best-selling-products-title.gif) top center no-repeat;
	}
	
/*Recently Added*/
#recentlyAdded h3 {
	height: 20px;
	text-indent: -9999px;
	background: url(../images/recently-added-products-title.gif) top center no-repeat;
	}

/*Basket*/
#basket h3 {
	height: 20px;
	text-indent: -9999px;
	background: url(../images/your-basket-title.gif) top center no-repeat;
	}
/*Basket*/
#newsletterSignup h3 {
	height: 20px;
	text-indent: -9999px;
	background: url(../images/newsletter.gif) top center no-repeat;
	}
	
/*Content Pages*/
#contentPages h3 {
	height: 20px;
	text-indent: -9999px;
	background: url(../images/info-pages-title.gif) top center no-repeat;
	}
	
/*Secure Shopping*/
#secureShopping h3 {
	height: 20px;
	text-indent: -9999px;
	background: url(../images/secure-shopping-title.gif) top center no-repeat;
	}

/*Content*/
#content {
	display: none;
	width: 430px;
	margin: 5px 5px;
	float: left;
	display: inline;
	}
#contentTop {
	height: 5px;
	background: #FFFFFF url(../images/content-top.gif) no-repeat;
	/* Fix for IE6 */
	font-size: 1px;
	}
#contentMiddle {
	padding: 0 5px;
	background: #FFFFFF url(../images/content-middle.gif) repeat-y;
	}
#contentBottom {
	height: 10px;
	background: url(../images/content-bottom.gif) no-repeat;
	}
#content h1 {
	color: #29913E;
	border-bottom: #D4EFF6 1px solid;
	padding-top: 5px;
	margin-bottom: 5px;
	}
#content h2 {
	color: #29B2D8;
	margin-bottom: 10px;
	}
#content h3 {
	margin-bottom: 10px;
}
#content p {
	padding: 5px 0px;
	}
#content p.errorMessage {
	padding: 5px 0 5px 25px;
	color: #9B2813;
	background: #F5E9E7 url(../images/icon_error.gif) 5px no-repeat;
	border: #9B2813 1px solid;
	}

/*Product Index*/
#introduction {
	max-height: 100px;
	overflow: hidden;
}

#readMoreControls {
	position: relative;
	padding-top: 40px;
	top: -30px;
}

#readMoreControls.collapsed {
	background: url(../images/white-gradient.png) top left repeat-x;
}

#readMoreControls.expanded {
	background: none;
}

#categoryImage {
	float: left; padding: 0 10px 10px 0;
}

ul#subcategoryThumbnails {
	list-style: none;
	margin: 0;
}

ul#subcategoryThumbnails li {
	width: 100px;
	margin: 0 20px;
	float: left;
	text-align: center;
}

#productIndex {
	margin-top: 20px;
}

ul.indexes {
	clear: both;
	width: 90%;
	margin: 10px auto;
	padding: 5px 0;
	list-style: none;
	text-align: center;
	background: #9EDEEA;
	border: #2AB2D8 1px solid;
	}
ul.indexes li a {
	color: #29913E;
	}

.productRow {
	clear: both;
	}
.productSummaryLeft,
.productSummaryRight {
	width: 45%;
	padding-bottom: 10px;
	text-align: center;
	}
.productSummaryLeft {
	float: left;
	}
.productSummaryRight {
	float: right;
	}
.productRow h2.title {
	font-size: 100%;
	font-weight: bold;
	}
.productRow h2.title a {
	color: #29913E;
	}
.productRow h3.manufacturer {
	font-size: 100%;
	font-weight: normal;
	}
.productRow img {
	margin: 0 auto;
	display: block;
	border: none;
	}
.productRow .rating img {
	display: inline;
}
.productRow .description {
	}
.productRow ul.prices {
	margin: 5px 0;
	padding: 0;
	list-style: none;
	}
.productRow ul.prices li {
	margin: 0;
	padding: 0;
	}
.productRow ul.prices li.price {
	color: #29913E;
	}
.productRow ul.prices li.price .value {
	font-weight: bold;
	}
.productRow input.quantityfield {
	width: 2em;
}	
.productRow ul.productOptions {
	list-style: none;
	padding: 0;
	margin: 0 0 20px 0;
}
.productRow ul.productOptions li {
	padding: 0;
	margin: 5px 0 0 0;
}
.productRow .button {
	padding: 0 0 0 20px;	
}
.productRow a.buttonMoreInfo {
	background: url(../images/information.png) left no-repeat;
}
.productRow a.buttonAddToBasket {
	background: url(../images/basket_add.png) left no-repeat;
}
.productRow ul.variations {
	list-style: none;
	padding: 0;
	margin: 0;
}
.productRow ul.variations li {
	padding: 2px 0;
	margin: 0;
}
.productRow ul.variations select {
	padding: 0;
	margin: 0;
}
	
/*Product*/
#product {
	}
#productImages {
	margin: 10px 5px;
	}
#productImages a#mainProductImage {
	float: left;
	display: block;
	border: #A6D08E 1px solid;
}
#productImages a#mainProductImage img {
	border: none;
}
#productThumbnailImages {
	height: 280px;
	width: 129px;
	overflow: hidden;
}
#productThumbnailImages img {
	margin: 0 4px 4px 4px;
}
#productImages ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#productImages ul li {
	float: left;
	}
#productImages ul li a img {
	border: #A6D08E 1px solid;
	}
#productImages ul li a:hover img {
	border: #2A913E 1px solid;
	}
#productImages a.button {
	text-indent: -9999px;
	display: block;
	height: 20px;
	width: 121px;
	position: relative;
	left: 285px;
}
#productImages a#scrollUpButton {
	background: transparent url(../images/scroll_up.png) top center no-repeat;
	top: -280px;
}
#productImages a#scrollDownButton {
	background: transparent url(../images/scroll_down.png) top center no-repeat;
	top: -39px;
}

	
#productOptions {
	clear: both;
}
#product ul.variations {
	clear: both;
	margin: 0;
	padding: 5px;
	list-style: none;
	}
#product ul.variations li {
	margin: 5px 0;
	}
#product ul.variations li select {
	width: 135px;
	}
#product #prices {
	clear: both;
	margin: 5px 0;
	padding: 0;
	list-style: none;
	}
#product ul#prices li#price {
	color: #2A913E;
	}
#product ul#prices li#price .value {
	font-weight: bold;
	}
#product ul#stockMessage li {
	list-style: none;
	margin-left: 0;
	padding-left: 20px;
}
#product ul#stockMessage li.inStock {
	background: url(../images/true.png) left center no-repeat;
}
#product ul#stockMessage li.outOfStock {
	background: url(../images/false.png) left center no-repeat;
}
#product ul#purchase {
	margin: 5px auto;
	padding: 0;
	list-style: none;
	}
#product ul#purchase li {
	margin: 5px 0;
	}
#product ul#purchase li input {
	color: #2A913E;
	width: 3em;
	display: inline;
	padding: 2px;
	border: #A6D08E 1px solid;
	}
#product a#buttonAddToBasket {
	}
#product #description {
	clear: left;
	border-top: #A6D08E 1px solid;
	border-bottom: #A6D08E 1px solid;
	padding: 10px 0;
	}
#product #productReviews {
	border-bottom: #A6D08E 1px solid;
	padding: 10px 0;
}
#product #productReviews .review {
	clear: left;
}
#product #productReviews .review .reviewTitle {
	float: left;
	margin-left: 5px;
	font-weight: bold;
}
#product #productReviews .review .reviewComment {
	clear: both;
	margin-left: 10px;
}
#product #productReviews img {
	float: left;
	margin-top: 3px;
}
#product #productReviews a#buttonAddNewReview {
	display: block;
	padding: 5px 0;
}
#otherProductOptions {
	clear: both;
	border-bottom: #A6D08E 1px solid;
	padding: 10px 0;
}
#productIndexRequest {
	clear: both;
	padding: 10px 0;
}
#productDetailsRequest {
	border-bottom: #A6D08E 1px solid;
	padding: 10px 0;
}

/* Account Details */
table#accountDetailsTable th {
	text-align: left;
	padding-right: 10px;
}
ul#accountUpdate {
	margin-top: 10px;
	margin-bottom: 10px;
}
ul#accountUpdate li {
	font-weight: bold;
}
table#orderHistoryTable {
	width: 100%;
	margin-top: 10px;
}
table#orderHistoryTable td {
	text-align: center;
	padding: 5px;
}
	
/* Related Products */
#relatedProducts {
	margin-top: 10px;
}
	
/*Sidebar*/
#sidebar {
	width: 160px;
	padding: 5px 5px 0 0;
	float: right;
	}
	
/*Footer*/
#footer {
	padding: 5px;
	border-top: #16762C 1px solid;
	}
#footer p {
	float: right;
	}
#footer a {
	color: #000;
}
	
/*Other*/
#pageLoadDebugInfo {
	clear: both;
	width: 760px;
	margin: 0 auto;
	text-align: right;
}
#overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 90;
	width: 100%;
	/* Height will be set by Javascript */

	background-color: #000;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	opacity: .60;
}
#systemMessage {
	position: absolute;
	
	top: 30%; /* Top will be set by Javascript but use important here to override */
	left: 50%;
	width: 350px;
	margin-left: -210px;
	padding: 10px;
	
	z-index: 100;
	text-align: center;
	background-color: #FFF;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
}
#systemMessage h2 {
	margin-bottom: 10px;
}
#systemMessage ul {
	list-style: none;
	margin: 10px 0;
}
#systemMessage p {
	margin: 10px 0;
}
#systemMessage p.debug {
	color: #333;
	font-style: italic; 
}