@charset "utf-8";
/* CSS Document */

/* reset browser styles */
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}

ol { 
  margin-left: 1.4em; 
  list-style: decimal; 
}
ul { 
  margin-left: 1.4em; 
  list-style:square; 
}
img {
  border: 0;
}
/* end reset browser styles */

body {
	background-color: #EBF7FE; /* #F4FAFE; #E0F3FF; */
}

html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquotem, input, a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000; /*#044870; /* #03344F; */
	text-decoration: none;	
}

a {
  color: #044870; /* #005EA2; /*#044870; /* #0788D6; */
}

a:hover {
	text-decoration: underline;
}

h1 {
	font-size: 16px;
	font-weight: bold;
  color: #005EA2;
}

h2, h3 {
	font-size: 14px;
	font-weight: bold;
  padding-bottom: 5px; 
  color: #005EA2;
}

li {
  list-style-type: disc;
  margin-top: 5px;  
  margin-bottom: 5px;
}

ul { 
  margin-left: 30px;
}

.errormessage {
  font-weight: bold;
  color: #FF0000;
  margin-top: 10px;
}


#container {
	/*	background-color: #999; */
	width: 1050px; /* 1000px; */
	margin-right: auto;
	margin-left: auto;
/*
	padding-left: 10px;
	padding-right: 10px;
	background-color: #FFF;
*/
}

#header {
	height: 95px; /* 125px; */
	/*	background-color: #CCC; */
	color: #2CA5FE;
	background-color: #EBF7FE; /* #EBF7FE; *
 /* background-image: url(images/logo-background2.png); */
}


#header-logo {
	float: left;
	width: 184px;	/*top: 12px;
	left: 12px;
	position: absolute;	
	*/
	margin-top: 0px;
	margin-right: 12px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#header-middle {
  float: left;
  width: 40px;
  margin-left: 20px;
}

#header-right {
	float: right;
	width: 725px;
	margin-top: 0px;
	margin-left: 5px;
}

#header-top-line {
/*	float: left;  */
/*	width: 554px; */
  float: right;
  font-size: 11px;
  padding-top: 3px;
  padding-right: 0px;
  color: #0071C4;
}

#header-bottom {
	float: left;
	height: 50px;
	width: 725px;
  margin-top: 12px;
}

#free-delivery {
	float: left;
	width: 218px;
}

#search-section {
	float: left;
	width: 285px;
	margin-top: 18px;
	margin-left: 58px;
	font-weight: bold;
	font-size: 12px;
}

/* the search text box */
#search {
	width: 195px;
	border: 1px solid #79C6FE;
	height: 20px;
	vertical-align: top;  
}

/* the add to basket qty text box */
.basketqty {
	width: 30px;
	border: 1px solid #79C6FE;
	height: 18px;
	margin: 0 5px 0 5px;	
}

#shopping-status {
	float: right;
	width: 212px;
	height: 37px;
  margin-top: 8px;
	margin-right: 2px;

}
#shopping-status-not-empty {
  width: 100%;
  height: 100%;
	background-image: url(images/background-shopping-status.png);
  border: 1px solid #ED6173;
}
#shopping-status-empty {
  width: 100%;
  height: 100%;  
	background-image: url(images/background-shopping-status-empty.png);
	border: 1px solid #61BDFE;  
}

#shopping-status-left {
	float: left;
	margin: 7px;	
	margin-top: 5px;
}

#shopping-status-right {
	float: right;
	margin: 7px;
}

#shopping-status-link a{
	font-weight: bold;
	font-size: 11px;
  color: #005EA2;
}

#shopping-status-info {
	font-size: 11px;
	color: #000;
}

#telephone {
	float: left;
	font-size: 18px;
	font-weight: bold;
	vertical-align: middle;
  margin-top: 7px;
  margin-bottom: 5px;
	/*text-align: center; */
 /* width: 248px; */
}


#follow-us {
	float: left;
	margin-left: 0px;
}

#header-menu {
	float: left;
	margin-left: 70px;
  font-size: 11px;
}

#header-menu a{
  font-size: 11px;
  color: #2CA5FE;
}

#currency {
	float: right;
}
.currency-flag {
	float: left;
  width: 26px;
  margin: 0 2px 0 2px;
}
.currency-flag-selected {
	border-width: 0 0 3px 0;
	border-style: solid;
	border-color: #B6975F;
  padding-bottom: 3px;
}

/*
#horizontal-menu a {
  text-decoration: none;
	color: black;
	font-size: 12px;
	font-weight: bold;
}
#horizontal-menu a:hover {color: purple; }

#horizontal-menu {
	height: 32px;
}

#horizontal-menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}

#horizontal-menu li {
	display: inline;
	padding: 5px 20px 5px 20px;
}

#horizontal-menu ul li a {
	text-decoration: none;
	margin: 4px;
	color: white;
	font-size: 12px;
	font-weight: bold;
	background-color: pink;
	background-image: url(images/background-horizonal-menu.png);
	background-repeat: repeat-x;
	width: 142px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
}

#horizontal-menu ul li a:hover {
	color: purple;
	background: yellow; 
}

*/


#horizontal-menu {
	float: left;
	height: 32px;
	width: 1050px; /* 1000px; */
	margin: 0;
	padding: 0;
}

#horizontal-menu a {
	display: block;
	margin: 0;
	padding: 0;
	width: 140px;
	float:left;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: white;
	padding-top: 6px;
	padding-bottom: 7px;
	text-align: center;
	background-image: url(images/background-horizontal-menu.png);
  background-color: #0087EA;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #C5E7FE;
	border-right-color: #37AAFE;
	border-bottom-color: #C5E7FE;
	border-left-color: #C5E7FE;
}

#horizontal-menu a:hover {
	background-image: url(images/background-horizontal-menu-hover.png);
}
.horizontal-menu-selected  {
	background-image: url(images/background-horizontal-menu-hover.png) !important;
}


#main {
/*	height: 125px; */
/*	background-color: #AAA; */
}


#left-side {
	float: left;
	width: 160px; /* 180px; */
  min-height: 10px; /* ensures space reserved even when left side is empty */
/*	background-color: #999	 */

}

#vertical-menu {
	/*padding-left: 6px; */
}

.vertical-menu-cat {
	font-size: 12px;
	font-weight: bold;
}

.vertical-menu-cat a {
	display: block;
	text-decoration: none;
	font-size: 12px;
 	color: #FFF; /* #0071C4; */
    
	background-image: url(images/background-vertical-menu.png);
	background-repeat: repeat-x;
  background-color: #61BDFE; /* used when vertical gradient may not be tall enough i.e. two or more lines */
  
  padding: 5px 3px 5px 5px;  /* TRBL top right bottom left*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C7E7FE; /* #BEA574; #AF8F54; #0087EA; */
}

.vertical-menu-cat a:hover {
	background-image: url(images/background-vertical-menu-hover.png);
	background-repeat: repeat-x;  
  background-color: #0087EA;
  color: white;
}

.vertical-menu-cat-selected  a{
	background-image: url(images/background-vertical-menu-hover.png);
	background-repeat: repeat-x;  
  background-color: #0087EA;
  color: white;
}

.vertical-menu-subcat {
	border-left: 3px solid #B6E1FE; /* #76C5FE;   */
}

.vertical-menu-subcat a {
	display: block;
	text-decoration: none;
	color: #0071C4; /* #0071C4; */
	font-size: 12px;
	background-color: #B6E1FE;
  padding: 5px 3px 5px 10px;  /* TRBL top right bottom left*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #76C5FE; /* #76C5FE; */
}

.vertical-menu-subcat a:hover {
	/*	display: block; */
	/*text-decoration: underline; */
	/*background-color: #ECE6D7; */
	background-color: #9BD5FE;
}

.vertical-menu-subcat-selected a {
  background-color: #9BD5FE;
  font-weight: bold;
  color: #044870;  
}

.vertical-menu-subcat-selected {
  background-color: #9BD5FE;
	border-left: 3px solid #0071C4;
}


#right-side {
	float: left;
	width: 885px; /* 835px; */ /* 815px; */ /* 820px */ /* 815px; */
/*	background-color: #AAA; */
	padding-left: 5px;
}

#main-content {
  min-height: 400px;
}

#welcome, #home-footer {
	background-color: #E0F3FF; /* #FBF8F4; */
	padding: 5px;
}
#welcome p, #home-footer p{
/*	font-size: 12px; */
	margin: 5px;
}

#other-pages  {
	background-color: #E0F3FF;
	padding: 5px 15px 5px 15px;
}
#other-pages p {
	margin: 10px 0 10px 0;
}

/* contact form, or pages with normal background */
#other-pages2 {
	padding: 5px 15px 5px 15px;
}
#other-pages2 p {
	margin: 10px 0 10px 0;
}


.subtitle {
  font-size: 14px;
  font-weight: bold;
  color: #0071C4;
	/*margin: 10px; */
  border: 1px solid #79C6FE;
  border-style: none none dotted none;
  margin: 7px 0 5px 0;
  padding-bottom: 3px;
}

#banner-container {
  width: 763px; /* 825px; */
	margin-left: 77px; /* 62px; */
}

#highlights {
	background-color: #E0F3FF; /* #FBF8F4; */
	padding: 5px;
}

.highlight-single {
	float: left;
	width: 405px; /* 380px; */
	height: 245px; /* 240px; */
	border: 1px solid #A6DAFF;
	padding: 10px;
	margin: 5px;
	background-color: #FFF;
}

.highlight-heading {
  height: 30px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	padding-left: 2px;
}
.highlight-top {
	height: 170px;
}
.highlight-image {
	float: left;
	padding: 2px;
}
.highlight-text {
	float: left;
  width: 226px; /* 201px; */
	font-size: 12px; /*11px;*/
  padding-left: 5px;
}
.highlight-price-info {
	font-size: 12px;	
}
.highlight-bottom {
}
.highlight-bottom-left {
  float: left;
}
.highlight-buttons {
	padding-top: 5px;
	float: left;
}
.highlight-logo {
	float: right;
}

#product-detail {
	
}

#product-detail-heading {
	/*height:  25px; */
	font-size: 16px;
	font-weight: normal;
	color: #005EA2;
	/*
	margin-top: 7px;
	margin-left: 6px;
	margin-right: 10px;
	*/
	margin: 6px;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #79C6FE;
}

#product-detail-left {
	float: left;
	width: 630px; /* 590px; */ /* 574px; */ /* 564px;  */ /* 490px; */ /* 435px; */
	height: auto;	
}

#product-detail-images {
	float: left;
/*	height: 320px; */
	min-height: 100px; /* 320px; */
  margin-bottom: 5px;
}

#product-detail-images-small {
	float: left;
  /* min and max width allow centring when there is only one image */
	width: 75px; /* 60px */
  min-height: 75px;
	height: 100%; /*320px; /*395px; /* 320px;	*/
	margin-left: 7px;
	margin-right: 5px;
}

.product-detail-image-small {
	margin-top: 2px;
	margin-bottom: 2px;
}

#product-detail-image-large {
	float: left;
  min-width: 540px; /* 500px; */
  /* border: 1px solid #F3EDE2;  */
}

#product-detail-tabbed-section {
	margin-left: 7px;
}

#product-detail-tab-headings {
	font-size: 14px;
	font-weight: bold;
	color: #005EA2;
}

#product-detail-tab-headings a {
	font-size: 14px;
	font-weight: bold;
	color: #005EA2;
	text-decoration: none;
}

#product-detail-tab-headings a:hover {
	text-decoration: underline;
}

.product-detail-tab-heading, .product-detail-tab-heading-active  {
	float: left;
	height: 20px; 
  padding: 3px 8px 0px 8px;
	border: 1px solid #79C6FE;
	border-bottom-style: none;
	margin-right: 2px;
	background-color: #A6DAFF;  
}

.product-detail-tab-heading-active {
	background-color: #EBF7FE; /* inherit didn't work in ie 7 */
}

#product-detail-tab-content {
	float: left;
	width: 600px; /* 560px; */ /* 544px; */ /* 534px; */ /* 460px;*/ /* 405px; */  
	border: 1px solid #79C6FE;
	padding: 10px;
  overflow: auto;
}

#product-detail-tab-content-heading {
	margin-bottom: 5px;
}


#product-detail-description {
	font-size: 12px;
}

#product-detail-dimensions {
	font-size: 12px;
	margin: 10px 0 10px 0;
}

#product-detail-right {
	float: left;
	width: 235px; /* 299px; */ /*355px*/
	/*margin: 0 10px 0 10px;   */
  margin-left: 10px;  
}

#product-detail-right-top {
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #79C6FE;
}

#product-detail-code {
	font-size: 12px;
	margin: 5px 0 0 0;
}

#product-detail-price-info {
	font-size: 12px;
/*	margin: 0 0 5px 0; */
}

.product-price-old {
	text-decoration: line-through;		
}

#product-detail-price-actual {
	font-size: 20px;
	font-weight: bold;
	color: red;	
}

#product-detail-delivery-info {
	font-size: 12px; /*14px; */
	font-weight: bold;
	margin: 0 0 5px 0;
}

#product-detail-sharing {
	margin: 10px 0 2px 0;
  min-height: 65px;
  border-top: 1px solid #D2ECFE;
  padding-top: 5px;
}

#product-detail-related-items {
	float: left;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #79C6FE;	
	padding: 10px 0 10px 0;
  margin-bottom: 10px;
}

.product-detail-related-item {
	float: left;
	margin-top: 7px;
	min-height: 75px;
	border-width: 1px;
	border-color: #ACDBFE; /*#79C6FE;*/ /*#F5F1E9; */
	border-style: dashed none none none;
	padding-top: 5px;
}

.product-detail-related-item-image {
	float: left;
  width: 75px;
  height: 75px;
}

.product-detail-related-item-name {
	float: left;
	width: 155px; /* 219px; */ /*270px; */
  padding-left: 5px;
}

.product-detail-related-item-price-section {
	float: left;
	width: 219px;/*270px; */
  height: 25px;
  padding-left: 5px;
}

.product-detail-related-item-price-info {
	float: left;
	width: 170px;  
	padding-top: 8px;
}

.product-detail-related-item-add-button{
	float: right;
	margin-top: 3px;
}

.product-detail-related-item-stock-info {
	float: left;
	padding: 0px 0 0 5px;
}

#product-detail-other-products {
	padding: 10px 0 10px 0;
}

.product-detail-other-products-single {
	padding-top: 5px;
}

#product-detail-files {
}
#product-detail-files-header {
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 5px;
}
.product-detail-files-item {
}
#product-detail-files-footer{
}

/* best sellers */
#best-sellers {
  margin-top: 0px;
  background-color: #BDE3FE;
  border: 1px solid #79C6FE;
  color: #005EA2;
  margin-top: 10px;
}
#best-sellers-header {
  padding: 5px;
  background-color: #9BD5FE;
	font-weight: bold;
  margin-bottom: 5px;
}
.best-sellers-item {
  float: left;
  margin-bottom: 5px;
  width: 160px;
}
.best-sellers-number {
  float: left;
  color: #0088EC;
  width: 15px;
  text-align: right;
}
.best-sellers-name a{
  float: left;
  color: #005EA2;
  width: 135px;
  padding-left: 3px;
}
#best-sellers-footer {
}


/* Styling for product reviews */
.review  p {
  margin: 5px 0 5px 0;
}
.review-top-header  p{
	/*padding: 2px 4px; */
  margin-bottom: 5px;
}
.review-header {
	background-color: #A6DAFF;
	padding: 2px 4px;
	margin-top: 10px
}
.review-title {
	/*text-transform: uppercase; */
	font-weight: bold;
}
.review-date {
	float: right;
  font-size: 11px;
}
.review-body {
	background-color: #D2ECFE;
	padding: 0 5px 5px 5px;
	border: 1px solid #D2ECFE;
	margin-bottom: 5px;
}
.review-rating-text {
  font-size: 80%;
  vertical-align: top; /* middle doesn't quite centre the text */
  line-height: 17px; /* used to vertically centre the text */
}
.review-rating-text-big {
  vertical-align: top; /* middle doesn't quite centre the text */
  line-height: 27px; /* used to vertically centre the text */
}

table.review-form {
  border-collapse: collapse;
  border: 0;
  width: 460px; /* 405px */
}
table.review-form td {
	border: 1px dotted #ACDBFE;
  padding: 3px;
  text-align: left;
}
table.review-form  textarea {
  width: 350px; /* 295px */
  height: 130px;
}
table.review-form p {
  margin: 4px 0px 4px 0px;
}


table.stock-notify-form {
  border-collapse: collapse;
  border: 0;
  width: 460px;
}
table.stock-notify-form td {
	border: 1px dotted #CCC;
  padding: 3px;
  text-align: left;
}

#recently-viewed {
  float: right;
  width: 885px; /* 835px; */ /* 815px */
	margin-top: 15px;	
}

#recently-viewed-heading {
	height:  25px;
	font-size: 14px;
	font-weight: bold;
	color: #0071C4;
	background-image: url(images/background-recently-viewed.png);
	padding-left: 6px;
	padding-top: 6px;
	margin-top: 1px;	
}

.recently-viewed-image {
	margin: 10px 4px 0 4px;
}


#category-list {
	background-color: #E0F3FF;
}

#category-list-content {
	padding: 26px;
}

.category-list-item {
  display:inline-block; vertical-align: middle;
	float: left;
	width: 200px;
	height: 262px;
	border: 1px solid #A6DAFF;
	background-color: white;
	text-align: center;
	margin: 25px;
}

.category-list-item-image {
	margin: 20px 0 20px 0;
  height: 160px;
}

.category-list-item-title {
	height: 46px; /* 42px */
	background-color: #ACDBFE; /* #A6DAFF; */
	padding: 8px;
}


#subcategory-list {
	background-color: #E0F3FF;
}

#subcategory-list-heading {
	font-size: 16px;
	font-weight: normal;
	color: #005EA2;

	margin: 0 6px 0 6px;
	padding-top: 6px;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #79C6FE;
}

#subcategory-list-content {
	padding: 6px; /* 26px; */
}

#subcategory-list-cat-details {
}

#subcategory-list-cat-image {
	margin: 10px 40px 20px 30px;
	float: left;	
}

#subcategory-list-cat-description {
	float: left;	
	width: 535px;
	padding-bottom: 20px;
}

.subcategory-list-item {
  display:inline-block; vertical-align: middle;
	float: left;
	width: 200px;
	height: 262px;
	border: 1px solid #A6DAFF;
	background-color: white;
	text-align: center;
	margin: 8px; /* 25px; */
}

.subcategory-list-item-image {
	margin: 20px 0 20px 0;
  height: 160px;
}

.subcategory-list-item-title {
	height: 46px; /* 42px */
	background-color: #ACDBFE; /* #A6DAFF; */
	padding: 8px;
}

#product-list {
	
}

#product-list-heading {
	font-size: 16px;
	font-weight: normal;
	color: #005EA2;

	margin: 0 6px 0 6px;
	padding-top: 6px;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #79C6FE;
}

#product-list-search-result {
  padding: 5px;
}

#product-list-content {
	margin: 3px 0 0 3px;
}

#product-list-subcat-desc {
  padding: 3px;
}

.product-list-item {
	float: left;
	width: 850px; /* 800px; */
/*	height: 293px; /* 270px; */
	border: 1px solid #A6DAFF; /* dashed */
	background-color: white;
	/* text-align: center; */
	margin: 3px;
  padding: 10px;	
}

.product-list-item-left {
	float: left;
	width: 260px;
}

.product-list-item-middle {
	float: left;
	width: 430px; /* 380px; */
}

.product-list-item-right {
	float: left;
	width: 150px;
  padding-left: 10px;
}

.product-list-item-image {
  float: left; /* ensures space taken up before image is fetched */
	margin-top: 0px;
  width: 250px;
}
.product-list-item-review {
	margin-top: 5px;
}
.product-list-item-name {
	/* padding: 4px 8px 4px 0px; */
}
.product-list-item-price {
	padding-bottom: 8px;	
}
.product-list-item-code {
	font-size: 12px;
  padding-bottom: 8px;
	/* margin: 0 0 0 5px; */
}
.product-list-item-delivery-info {
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 8px;
  color: #007ED9;	
}



#footer {
	width: 1050px; /* 1000px; */
	height: 80px;
	background-color: #EBF7FE;
	text-align: center;
	margin-top: 10px;
  font-size: 11px;
	margin-right: auto;
	margin-left: auto;  
}

#footer-top {
	width: 100%;
	border-color: #79C6FE;
	border-width: 1px;
	border-style: none;
	border-top-style: solid;
}

#footer-bottom {
	float: left;
	width: 100%;
	height: 21px;
	background-color: #BDE3FE;
	border-color: #79C6FE;
	border-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
}
#footer-bottom, #footer-bottom a {
	color: #0071C4;
  font-size: 11px;
}

#footer-logo {
	float: left;
	margin-top: 2px;
	margin-left: 3px;
	margin-bottom: 2px;			
	/*
	width: 184px;

	margin-top: 7px;
	margin-left: 5px;		
	*/
}

#footer-menu {
	float: left;
	margin-top: 20px;
	margin-left: 25px;
  color: #0071C4;
}

#footer-menu a {
  font-size: 11px;
  color: #0071C4;  
}

#footer-payment-logos {
	float: right;
	margin-top: 0px;
}

#footer-bottom-left {
	float: left;
	margin: 3px;
	margin-left: 5px;
}

#footer-bottom-right {
	float: right;
	margin: 3px;
	margin-right: 5px;
}

.clear {
	font-size: 0;
	padding: 0;
	margin: 0;
	line-height: 0;
	clear: both;
}


.heading {
	height: 22px; /* 31px; */
	font-size: 14px;
	font-weight: bold;
	color: #FFF; /* #262E7C; #0071C4; */
	background-image: url(images/background-heading.png);
	background-repeat: repeat-x;
	padding-left: 6px;
	padding-top: 6px;
	/*margin-top: 1px;*/
}

/* to highlight the "new" added to new product news */
.new-product {
  font-style: italic;
  color: red;
}

/* following used by apputils for ShowProductPriceV2 */
.price-sale {
  font-weight: bold;
  color: red;
}
.price-std {
  font-weight: bold;
  color: red;  
}
.price-std-crossed-out {
	text-decoration: line-through;
}
.price-actual-large {
  font-size: 20px;
}
.price-save {
  color: red;
}
.price-save-pc {
  color: red;
}

.breadcrumb, .breadcrumb a {
  color: white;
}

.breadcrumb-separator {
  font-size: 10px;
}

/* following used by view other, font size can also be set by using product-detail-other-products-single */
.breadcrumb-other {
  font-size: 11px;
}
.breadcrumb-separator-other {
  font-size: 11px;
}

/* from old stylesheet, used by special table within the description */
/* cleaned and reduced from 120 to 20 lines
/* start of table styles */
table.tbl-1-main {
  border-collapse: collapse;
}
table.tbl-1-main td {
	border: 1px solid #79C6FE;
  padding: 0 5px;
  height: 20px;
}
td.tbl-1-title {
	background-color: #B6E1FE;
	font-weight:bolder;
  padding: 5px;
}  
td.tbl-1-colhd1, td.tbl-1-colhd2 , td.tbl-1-colhd3, td.tbl-1-colhd4, td.tbl-1-colhd5, td.tbl-1-colhd6  {
	background-color: #B6E1FE;
	font-weight: bold;
	text-align: left;
}
td.tbl-1-col1 {
	font-weight: normal;
}
td.tbl-1-col2 {
	font-weight: bold;
}
/* end of table styles */

/* basket styles */
#basket {
  margin-top: 2px;
}

table.basket {
  border-collapse: collapse;
  width: 100%;
}
table.basket th, table.basket td {
  font-weight: bold;
  color: #005EA2;
  padding: 4px;
}
table.basket th {
  background-color: #A6DAFF;
}
table.basket td {
  background-color: #E0F3FF;
  border-bottom: 1px solid #A6DAFF;
  color: black;  
}

.bsk-thumbnail {
  border: 1px solid #A6DAFF;
  width: 75px;
  height: 75px;
}
.bsk-prod-name {
  text-decoration: underline;
  font-weight: bold;
}
.bsk-options-list {
  font-size: 11px;
  margin-top: 3px;    
}
.bsk-prod-code {
  font-weight: normal;
  margin-top: 10px;  
}

#basket-info {
  float: left;
  width: 600px;
}
#basket-info  p {
  margin: 10px 5px 10px 5px;
}
#basket-totals {
  float: right;
}

table.basket-totals {
  width: 100%;
  border-spacing: 5px;
  text-align: right;
}
table.basket-totals  th {
  font-weight: normal;
}
table.basket-totals  td {
  font-weight: bold;
}

/* end of basket styles */


/* used by related products, apputils.asp GetProductImgSrcThumbnailSmall */
.thumbnailsmall {
  width: 75px;
  height: 75px;
}

/* (SS,25/02/10) added for the magic zoom tool */
.magiczoom_thumbnailsmall {
  padding: 0;
  margin-bottom: 4px;
  width: 75px; /* 60px; */
  /* border: 1px solid #A6DAFF !important; */
}

/* START OF BUTTONS */
/* (SS,8/5/10) thanks to http://www.zurb.com/blog_uploads/0000/0617/buttons-03.html */
/* buttons, when radius used, look square in IE 8 or before, but curved in FireFox and Chrome */
.button, .button:visited, .button:hover {
	background: #222  url(images/button-background.png) repeat-x;
	display: inline-block;
	padding: 4px 7px 5px;
	color: #FFF;
	text-decoration: none;
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;
	line-height: 1;
	border: 1px solid #006AB9; /*#79C6FE; */
} 

.button:hover               {
/*	background-color: #ABABAB; */
	background-image: url(images/button-background-hover.png);
	border: 1px solid #25A3FF; /*#79C6FE; */  
}

/* main in red e.g. buy, create account, proceed to checkout, proceed to next stage */	
.button-main, .button-main:visited { background-color: #c00; }
.button-main:hover                 { background-color: #e00; }

/* other in green e.g. login, logout, edit account details, continue shopping, recalculate */	
.button-other, .button-other:visited { background-color: #0b0; }
.button-other:hover                  { background-color: #0d0; }	

/* navigation, i.e. search, next, previous, currently blue */ 	
.button-nav, .button-nav:visited { background-color: #08c; }
.button-nav:hover                { background-color: #0ae; }

/* because .input height affects form submit buttons, making them too short */
.button-form {
  height: 22px;
}
/* END OF BUTTONS */

/* ACCOUNT STYLES */

#account {
  margin: 10px;
}

#account p {
  margin-bottom: 10px;
}

.ac-login-section {
  float: left;
  width: 300px;
  margin: 10px 50px 0 20px;
}

.ac-heading {
	font-weight: bold;
	font-size: 16px;
  margin-bottom: 10px;
}

.ac-heading-existing{
	color: #00CC00;
}

.ac-heading-new {
	color: #CC0000;
}

.ac-login-new-welcome {
	color: #CC0000;
	font-weight: bold;
  margin-bottom: 5px;
}

.ac-form-label {
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 0px !important;
}

.ac-forgot-password {
  margin: 10px 0 10px 0;
}

.ac-order-history-heading {
	font-weight: bold;
	font-size: 16px;
  margin-bottom: 10px;
}

table.ac-details {
  border-collapse: collapse;
}
table.ac-details  td {
	border: 1px solid #999;
  padding: 5px;
}
.ac-details-col1 {
	background-color: #B6E1FE;
}

table.ac-order-history {
  border-collapse: collapse;
}
table.ac-order-history th, table.ac-order-history td  {
	border: 1px solid #999;  
  padding: 5px;
}
table.ac-order-history th {
	background-color: #B6E1FE;
  font-weight: normal;
}
table.ac-order-history td {
  font-weight: bold;  
}
table.ac-order-history a{
	text-decoration: underline;
}
table.ac-order-history a:hover{
	color: #CC0000;
}


table.create-account {
  /* border-spacing: 5px;  */ 
  border-collapse: collapse;
  width: 500px;
}

table.create-account td , table.create-account th {
	border: 1px dotted #CCC;
  padding: 3px;
  text-align: left;
}
table.create-account th {
  color: #96001B;
  font-size: 15px;
  font-weight: bold;
}

/* END OF ACCOUNT STYLES */


/* CHECKOUT STYLES */

#checkout {
  margin: 10px;
}

#checkout p {
  margin-bottom: 10px;
}

table.checkout-login {
  border-collapse: collapse;
  border: 0;
  width: 550px;
  margin-bottom: 20px;
}
table.checkout-login  td {
  padding: 5px;
	border: 1px dotted #CCC;
}

table.checkout-form {
  border-collapse: collapse;
  border: 0;
  width: 550px;
  margin-bottom: 20px;
}
table.checkout-form th , table.checkout-form td {
	border: 1px dotted #CCC;
  padding: 3px;
  text-align: left;
}
table.checkout-form th {
  color: #96001B;
  font-size: 15px;
  font-weight: bold;
}
.checkout-form-col1 {
  width: 1%; /* set minimum width */
}

table.checkout-order-master {
  border-collapse: collapse;
  border: 0;
  width: 100%;
}

table.checkout-order-master  th, table.checkout-order-master td {
	border: 1px solid #76C5FE;
  padding: 5px;
  text-align: left;
}
table.checkout-order-master  th {
  color: #96001B;
  font-size: 15px;
  font-weight: bold;
}
.checkout-order-master-col1 {
	background-color: #B6E1FE;
}

table.checkout-order-detail {
  border-collapse: collapse;
  border: 0;
  width: 100%;
}
table.checkout-order-detail th, table.checkout-order-detail td  {
	border: 1px solid #76C5FE;  
  padding: 5px;
}
table.checkout-order-detail th {
	background-color: #B6E1FE;
  font-weight: normal;   
}
table.checkout-order-detail td {
  font-weight: bold; 
}
.checkout-order-options {
  font-size: 10px;
}

/* END OF CHECKOUT STYLES */

/* input fields of a form */
input, select  {
  border: 1px solid #AAA;
  padding: 0;
  margin: 0;
  height: 20px;
  vertical-align: middle;  /* ensures text next to input aligns vertically */
  color: black;
}

label {
  /* cursor: pointer; */
  vertical-align: middle;
}

input[type='text'], input[type='password'] {
  padding-left: 2px; /* prevents blinking cursor being too close to left edge of text boxes */
}

input[type='radio'], input[type='checkbox'] {
  border: 0; /* gets rid of border around checkbox in IE */
  /*height: 20px; */
}

form, select, textarea {
  margin-left: 0px;     /* ensures combo boxes align correctly to the left, same as text boxes */
  font-family: inherit; /* ensures that textarea controls use the default font */
}

.form-checkbox {
  border: 0; /* gets rid of border around checkbox in IE */
  vertical-align: middle;  /* ensures text next to checkbox aligns vertically */
}

.form-hint {
  font-style: italic;
  color: #777;
  font-size: 10px;
}
[disabled] {
  background-color:#DDD;
}

/* delivery table */
/* old version to be removed in future */
table.delivery_charge {
  border-collapse: collapse;
}
table.delivery_charge td {
	border: 1px solid #999999;
	padding-left: 5px;
	height: 20px;
	padding-bottom: 2px;
	padding-right: 5px;
}
tr.delivery_charge_ttl {
	background-color: #B6E1FE;
	vertical-align: bottom;
	font-weight: normal;
}
tr.delivery_charge_row {
	text-align: right;
	font-weight: bold;    
}
/* new version */
table.delivery-charge {
  border-collapse: collapse;
  border: 0;
  width: 600px;
}
table.delivery-charge th, table.delivery-charge td {
	border: 1px solid #999;  
  padding: 5px;
}
table.delivery-charge th {
	background-color: #B6E1FE;
  font-weight: normal;   
}
table.delivery-charge td {
  font-weight: bold;
	text-align: center;  
}

/* contact form */
table.contact-form {
  border-collapse: collapse;
  border: 0;
  width: 550px;
  margin-bottom: 20px;
}
table.contact-form th, table.contact-form td {
	border: 1px dotted #CCC;
  padding: 3px;  
}
table.contact-form th {
  width: 90px;
  text-align: right;
  font-weight: normal;
  vertical-align: top;
}

/* product options */
#product-options {
  border: 1px solid #D2ECFE;
  border-style: solid none;
  margin-bottom: 10px;
  padding-top: 5px;
}

.product-option {
  margin-bottom: 5px;
  margin-top: 5px;
}
/* normally a star on the left of a label */
.product-option-required {
  color: red;
  font-weight: bold;
}
.product-option-error {
  color: red;
}
.product-options-hint {
  font-size: 10px;
  font-style: italic;
}

/* product list page navigation */
.product-list-nav {
  float: right;
  width: 885px; /* 835px; */
	margin-top: 10px;
}
.product-list-nav-left {
  float: left; 
}
.product-list-nav-middle {
  float: left;
  width: 625px;
  text-align: center;
}
.product-list-nav-items {
}
.product-list-nav-info {
  margin-top: 7px;
}
.product-list-nav-right {
  float: right;
}
.product-list-nav-item, .product-list-nav-item-active {
  /* display: inline; */
  border: 1px solid #A6DAFF;
  margin-left: 3px;
  margin-right: 3px;
  padding: 3px 5px 3px 5px;
}
.product-list-nav-item-active, .product-list-nav-item-active:hover, .product-list-nav-item:hover {
  background-color: #B6E1FE;
	text-decoration: none;  
}
.product-list-nav-item-active {
  font-weight: bold;
}


/* testimonial */
.testimonial {
  width: 500px;
  margin: 20px auto 20px auto;
  border: 1px solid;
  padding: 20px;
  padding-top: 10px;
  background-color: white;
}
.testimonial-message {
  font-style: italic;
}
.testimonial-message a {
	text-decoration: underline;
}
.testimonial-name {
}

/* extra styles used within content from shopping admin 
.highlight {
  font-weight: bold;
}
.warning {
  color: red;
}
.download {
}
*/
/* extra styles used within content from shopping admin */
/* (SS,27/1/11) replaced above with following, requested by Neil */
.highlight {
  color: #044870;
  font-weight: bold;
}
.warning {
  color: #990000;
  font-weight: bold;
}
.download  a {
	text-decoration: underline;
}