/*---------------------------------

   ALSO MAKE CHANGES TO LOW_SHOP.CSS
   
-----------------------------------*/
/*---------------------------------
  Shop - Intro Page
-----------------------------------*/
.award {
	color: #900;
	text-align: center;
	margin: 0px 5px 12px 5px;
	padding: 6px;
	background: #F7F06C;
}
h1#intro-h1 {
	text-align: center;
	margin: 2px 0;
}
#page #shopintro {
	display: block;
	text-align: center;
	color: #000;
	margin: 0 2px 15px 5px;
}
.chooserow {
	width: 533px;
	margin: 0 auto;
	border: 0;
	padding: 0;
}
.choosecell, .helpcell, .offerscell {
	float: left;
	width: 135px;
	line-height: 110%;
	text-align: center;
	margin: 5px 0;
	border: 0;
	padding: 0;
}
#page .choosecell a:hover, #page .helpcell a:hover, #page .offerscell a:hover {
	text-decoration: none;
}
.choosecell a:hover .choose {
	color: #F00;
	text-decoration: underline;
}
#page form {
	margin: 0;
	padding: 0;
}
#page fieldset.search {
	display: block;
	text-align: center;
	margin: -5px 5px 7px 5px;
	border: 1px solid #D1CA6D;
	padding: 6px;
	background: #EEE9C6;
}
#page fieldset.search label {
	color: #000;
	border: 0;
	margin: 0;
}
#page fieldset.search input {
	margin: 0;
}
.hilite {
	font-weight: bold;
	color: #C00;
	background: #FF3;
}
.so-wrap, .np-wrap {
	display: inline; /*gets rid of IE 'double margin' bug*/
	float: left;
	width: 265px;
	margin: 10px 5px 10px 5px;
	padding: 0;
}
.np-wrap {
	float: right;
}
#page .so-wrap h2, #page .np-wrap h2 {
	display: block;
	color: #FFF;
	text-align: center;
	padding: 4px;
	margin: 0;
	background: #AAA;
}
.so-item, .np-item {
	border: 2px solid #BBB;
	border-top: 0;
}
#page .so-pic, #page .np-pic {
	float: left;
	width: 80px;
	text-align: center;
	padding: 5px 0 0 0;
	margin: 0;
	background: #FFF;
}
#page .so-item p, #page .np-item p {
	margin: 0 0 0 80px;
	padding: 5px 0 0 8px;
}
#page .so-item p a, #page .np-item p a {
	color: #555;
}
#page div.shop-text1 {
	margin: 5px;
}
#page p#intro2 {
	font-weight: bold;
	color: #333;
	text-align: center;
	margin: 3px 0 13px 0;
	padding-left: 5px;
}
a#shoplink {
	display: block;
	text-align: center;
	margin: 8px 5px 0 5px;
	border: 1px solid #D1CA6D;
	padding: 6px;
	background: #EEE9C6;
}
/*---------------------------------
  Shop - Choose Page - Drill-Down
-----------------------------------*/
#page #drillintro {
	display: block;
	text-align: center;
	line-height: 24px;
	color: #000;
	margin: 3px 0 0 4px;
	padding: 8px 0;
	background: #DDD;
}
#page .drillnotes {
	text-align: center;
	margin: 10px 0;
	padding: 3px;
}
.selected { /* the active drill-down label */
	font-size: 17px;
	font-weight: bold;
	color: #8C1921;
	background: #FFFFAF;
}
.selected2 { /* the active drill-down box */
	font-size: 17px;
	font-weight: bold;
	color: #8C1921;
	background: #FFFFAF;
}
.selectedno { /* the label number */
	font-size: 17px;
	font-weight: bold;
	color: #999;
	background: #FFFFAF;
}
.unselected { /* the inactive drill-down label and number */
	font-size: 17px;
	font-weight: bold;
	color: #CCC;
}
.unselected2 { /* the inactive drill-down box */
	font-size: 17px;
	font-weight: bold;
	color: #CCC;
}
#page .help-text a {
	display: block;
	text-align: center;
	color: #8C1921;
	margin: 6px 0 5px 4px;
}
#page .help-text .help-sm {
	font-size: 20px;
	font-style: italic;
	font-weight: bold;
}
/*---------------------------------
  Shop - Choose Page - Short-List
-----------------------------------*/
#page #listintro {
	text-align: center;
	font-weight: normal;
	margin: 0 0 3px 0;
}
#page .vat-text {
	text-align: center;
	color: #AAA;
}
.offer {
	color: #C00;
}
.listnum {
	text-align: right;
	color: #A5C4EA;
	padding-right: 5px;
}
.listthumb {
	text-align: center;
	vertical-align: middle;
	border-top: 5px solid #FFF;
	padding: 0 6px 0 3px;
}
.listthumb a img {
	margin: 0;
}
.listleft { /* the left-most cell if thumbnails not enabled */
}
.listleft2 { /* the left-most cell if item is on special offer */
}
.listdetail {
	margin: 0;
	border-top: 10px solid #FFF;
	padding: 0;
	background-color: #E0E0E0;
}
.listnodetail {
	display: block;
	height: 50px;
	width: 78px;
	margin: 0;
	border-top: 10px solid #FFF;
	padding: 0;
	background: #E0E0E0 url(images/but_no_details.jpg) no-repeat center right;
}
.listdetail a {
	display: block;
	height: 49px;
	width: 72px;
	margin: 0 0 0 5px;
	padding: 0;
	background: url(images/but_details.jpg) 0 2px no-repeat;
}
.listdetail a:hover {
	background-position: -72px 2px;
}
.listpurchase {
	border-top: 10px solid #FFF;
	background-color: #E0E0E0;
}
.listpurchase a {
	display: block;
	height: 49px;
	width: 72px;
	margin: 0 0 0 5px;
	padding: 0;
	background: url(images/but_add.jpg) 0 2px no-repeat;
}
.listpurchase a:hover {
	background-position: -72px 2px;
}
.listinfo {
	width: 40%;
	color: #000;
	border-top: 10px solid #FFF;
	padding: 0 0 0 3px;
	background-color: #E0E0E0;
}
.list1 { /* first colour variation */
	color: #1B466F;
}
.list2 { /* second colour variation */
	color: #9F5F05;
}
.listinfo form {
	margin: 0;
	padding: 0;
}
.listprice {
	font-weight: bold;
	color: #000;
	text-align: right;
	border-top: 10px solid #FFF;
	padding: 0 5px;
	background-color: #E0E0E0;
}
.listprice2 { /* the item price if on special offer */
	font-weight: bold;
	color: #000;
	text-align: right;
	border-top: 10px solid #FFF;
	padding: 0 5px;
	background-color: #F7F7AD;
}
.listunit {
	color: #666;
	font-weight: normal;
}
#list-nav {
	margin: 13px 0 3px 76px;
}
#list-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#list-nav ul li {
	float: left;
}
#list-nav a {
	display: block;
	height: 46px;
	width: 90px;
	line-height: 46px;
}
#list-nav a:hover {
	color: #C00;
}
#list-nav .search-again a {
	width: 76px;
	margin: 0 10px;
	background: url(images/but_search.jpg) no-repeat 0 0;
}
#list-nav .search-again a:hover {
	background-position: -76px 0;
}
.sh-first a {
	text-align: right;
	background: url(images/n_first.jpg) no-repeat 15px 0;
}
.sh-prev a {
	text-align: right;
	background: url(images/n_prev.jpg) no-repeat 18px 0;
}
.sh-next a {
	text-align: left;
	background: url(images/n_next.jpg) no-repeat 40px 0;
}
.sh-last a {
	text-align: left;
	background: url(images/n_last.jpg) no-repeat 40px 0;
}
/*---------------------------------
  Shop - Choose Page - Product Detail
-----------------------------------*/
#prod-det img {
	float: left;
	margin: 0;
	padding: 20px 0 0 0;
}
#prod-det div.centerpic {
	display: block;
	text-align: center;
}
#prod-det div.centerpic img {
	float: none;
	padding: 0;
}
#prod-pics img {
	float: none;
}
#prod-pics {
	float: left;
	text-align: center;
}
#prod-text {
	float: left;
}
#prod-det h1 {
	font-weight: normal;
	padding: 0;
	margin: 5px 0 4px 10px;
}
#prod-det h2 {
	font-weight: normal;
	margin: 0 0 0 10px;
}
#prod-det p {
	color: #000;
	margin: 0 0 0 10px;
}
#prod-det p.prod-dim {
	color: #777;
	margin: 6px 0 10px 10px;
}
#prod-det p .prod-price {
	font-size: 16px;
	font-weight: bold;
}
.prod-but {
	text-align: center;
	margin: 10px 0 0 10px;
	padding: 12px 0;
	background: #E0E0E0;
}
.prod-but-in {
	width: 280px;
	margin: 0 auto;
}
.back-but-b, .back-but-a, .back-but-l, .search-but, .buy-but {
	float: left;
}
.back-but-b a, .back-but-a a, .back-but-l a, .search-but a, .buy-but a {
	display: block;
	height: 47px;
	width: 72px;
	text-align: center;
	line-height: 47px;
}
.back-but-b a {
	background: url(images/but_basket.jpg) no-repeat 0 0;
	border-right: 30px solid #E0E0E0;
}
.back-but-a a {
	background: url(images/but_back.jpg) no-repeat 0 0;
	border-right: 30px solid #E0E0E0;
}
.back-but-l a {
	background: url(images/but_list.jpg) no-repeat 0 0;
	border-right: 30px solid #E0E0E0;
}
.search-but a {
	width: 76px;
	background: url(images/but_search_grey.jpg) no-repeat 0 0;
}
.buy-but a {
	background: url(images/but_add.jpg) no-repeat 0 0;
	border-left: 30px solid #E0E0E0;
}
.back-but-b a:hover, .back-but-a a:hover, .back-but-l a:hover, .buy-but a:hover {
	background-position: -72px 0;
}
.search-but a:hover {
	background-position: -76px 0;
}
#prod-det #prod-col p {
	clear: both;
	text-align: center;
	color: #777;
	margin: 0;
	padding: 10px 0 0 0;
}
#prod-det a.callback, #cb-form, fieldset#cb-form {
	display: block;
	text-align: left;
	color: #7E7302;
	padding: 10px 5px 10px 45px;
	border: 1px solid #DFDB7D;
	margin: 10px 0 0 10px;
	background: #FFC url(images/phone.gif) no-repeat 6px 7px;
}
#prod-det a.callback:hover {
	color: #000;
	text-decoration: none;
	background-color: #FFE131;
}
#delivery {
	display: block;
	text-align: left;
	color: #7E7302;
	padding: 5px 5px 5px 45px;
	border: 1px solid #DFDB7D;
	margin: 15px 0 0 8px;
	background: #FFC url(images/truck.gif) no-repeat 6px 7px;
}
#prod-det #delivery a {
	color: #605701;
}
#prod-det #delivery a:hover {
	color: #C00;
}
fieldset#cb-form label, fieldset#pc-form label {
	font-weight: bold;
}
fieldset#cb-form input, fieldset#cb-form select, fieldset#pc-form input, fieldset#pc-form select {
	padding: 0;
	margin: 2px 0;
}
#page .associated {
	text-align: center;
	padding: 6px 0;
}
/*---------------------------------
  Shop - Shopping Basket
-----------------------------------*/
.unitprice {
	color: #004169;
}
.totalprice {
	color: #930000;
	font-weight: bold;
}
#basket .ext-item, .ext-price {
	color: #7E7302;
	padding: 2px 5px;
	border-bottom: 1px solid #DFDB7D;
	background: #FFC;
}
#basket .ext-price {
	font-weight: bold;
	text-align: right;
	white-space: nowrap;
}
#basket .ext-item a {
	color: #615801;
}
.listtotal {
	text-align: right;
	line-height: 140%;
	white-space: nowrap;
	border-top: 10px solid #FFF;
	padding: 0 5px;
	background: #CECECE;
}
.continue {
	margin: 0;
	border-top: 10px solid #FFF;
	padding: 0;
	background: #CECECE;
}
.continue a {
	display: block;
	height: 46px;
	width: 76px;
	margin: 5px;
	padding: 0;
	background: url(images/but_continue.jpg) no-repeat 0 0;
}
.continue a:hover {
	background-position: -76px 0;
}
.purnow a {
	display: block;
	height: 46px;
	width: 72px;
	margin: 10px auto;
	padding: 0;
	background: url(images/but_checkout.jpg) no-repeat 0 0;
}
.purnow a:hover {
	background-position: -76px 0;
}
.empty-basket {
	text-align: center;
}
.empty-basket a {
	color: #000;
}
.max-items {
	color: #999;
	text-align: center;
	padding: 3px 0 6px 0;
}
/*---------------------------------
  Shop - Checkout - Choose Method
-----------------------------------*/
#cardimage {
	float: left;
	padding: 10px 0 0 45px;
}
#page .card-h1 {
	text-align: left;
	margin: 20px 0 0 130px;
}
#cardpay, #telpay {
	height: 50px;
	padding: 5px;
	margin: 20px;
	background: #E0E0E0;
}
#cardpay p, #telpay p {
	font-weight: bold;
	margin: 7px 90px 5px 10px;
	padding: 0;
}
#cardpay a, #telpay a {
	float: right;
	height: 47px;
	width: 72px;
	margin: 3px 0 0 0;
	background: url(images/but_online.jpg) no-repeat 0 0;
}
#telpay a {
	background: url(images/but_telephone.jpg) no-repeat 0 0;
}
#cardpay a:hover {
	background-position: -72px 0;
}
#telpay a:hover {
	background-position: -72px 0;
}
/*---------------------------------
  Shop - Checkout - Main Page
-----------------------------------*/
table#basket {
	margin: -15px 0 5px 0;
}
td#list-top-l {
	line-height: 1px;
}
td#list-top-r {
	line-height: 1px;
}
td.order-wait {
	color: #777;
	padding-left: 5px;
}
.amend {
	padding: 0;
	border-top: 10px solid #FFF;
	background-color: #CECECE;
}
.amend a {
	display: block;
	height: 46px;
	width: 76px;
	margin: 5px;
	background: url(images/but_amend.jpg) no-repeat 0 0;
}
.amend a:hover {
	background-position: -76px 0;
}
#order fieldset {
	margin: 0 0 10px 0;
	border: 0;
	border-top: 15px solid #469892;
	border-bottom: 50px solid #469892;
	padding: 3px 10px;
	background: #D3E8E2;
}
#order fieldset legend {
	color: #D3E8E2;
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	border: 0;
	padding: 6px 12px;
	background: #469892;
}
#order fieldset label {
	float: left;
	width: 130px;
	font-weight: bold;
	margin: 5px 0 0 0;
}
#order fieldset label.sm {
	font-weight: normal;
}
#order fieldset label.title {
	margin-top: 15px;
}
#order fieldset input, #order fieldset textarea {
	margin: 0 0 5px 5px;
}
#order fieldset input.title, #order fieldset textarea.title {
	margin-top: 10px;
}
#order fieldset select {
	margin: 15px 0 5px 5px;
}
#order fieldset #f_terms, #order fieldset .terms-t {
	color: #840000;
	margin: 6px 0 0 0;
}
/* hide from IE mac \*/
#order fieldset .terms-l {
	position: relative;
	top: 10px;
}
#order fieldset #f_terms, #order fieldset .terms-t {
	position: relative;
	top: 10px;
	left: 5px;
}
#order fieldset p {
	position: relative;
	top: 25px;
	left: 0;
}
#order fieldset input#submit {
	position: relative;
	top: 47px;
	left: 130px;
}
/* end hiding from IE5 mac */
#wrap #foot1 #foot2 #top-n4 #foot-n4 ul li a {
	color: #000;
}
/*---------------------------------
  Shop - Checkout - Order Confirmation
-----------------------------------*/
.conf-intro {
	font-weight: bold;
	color: #900;
	text-align: center;
	padding-bottom: 7px;
}
.conf-header {
	font-weight: bold;
	color: #FFF;
	padding: 4px 10px;
	background: #6783C6;
}
.conf-label {
	color: #163A77;
	padding: 4px 10px;
	background: #DADCFB;
}
.conf-data {
	padding: 4px 10px;
	background: #DADCFB;
}
#page .pr-link a {
	display: block;
	text-align: center;
	padding: 4px 10px;
	border: 1px solid #C90;
	margin: -5px 0;
	background: #FF9;
}
#page .pr-link a:hover {
	color: #000;
	text-decoration: none;
	background: #FC9;
}
/*---------------------------------
  Shop - Offers Page and Help Page
-----------------------------------*/
#page #helpheader, #page #helpheader2, #page #offersheader {
	display: block;
	color: #FFF;
	text-align: center;
	padding: 5px;
	border: 1px solid #5AA274;
	margin: 0 10px;
	background: #66AD79;
}
#page #offersheader {
	color: #605C1F;
	border: 1px solid #B2A446;
	background: #EEE44F;
}
#page h1#helpheader2 {
	margin: 0 0 10px 0;
}
#page h1#helpheader2 a {
	color: #FFF;
}
#page #helpintro, #page #offersintro {
	display: block;
	color: #2E5640;
	text-align: center;
	padding: 8px 0;
	border: 1px solid #A2D9AE;
	border-top: 0;
	margin: 0 10px 12px 10px;
	background: #EBFFE2;
}
#page #offersintro {
	color: #6C6824;
	border: 1px solid #CFBF51;
	border-top: 0;
	background: #FFFCD9;
}
#page .offers-dif, #page .help-dif {
	text-align: center;
	color: #000;
	padding: 4px 0 0 40px;
}
#page .help h2 {
	padding: 3px;
	margin: 0 0 5px 0;
	background: #C8E8CC;
}
#page .help select {
	background: #FF9;
}
/*---------------------------------
  Shop - List Page
-----------------------------------*/
#page #listtitle {
	display: block;
	text-align: center;
	color: #B1636E;
	margin: 2px 2px 10px 5px;
}
#page #list-text {
	padding: 10px;
	margin: 0 40px;
}
#page #list-text a {
	display: block;
	color: #333;
	padding: 1px 5px 1px 60px;
}
#page #list-text a:hover {
	background: #FF9;
}
#page .listp {
	color: #086C04;
}
