/* general */

#page {
	width: 860px;
	margin: 0 auto 4px;
}

input.blur {
	color: #666;
}


/* header */

#keywords {
	width: 860px;
	margin: 0 auto;
	text-align: center;
	color: #666;
	font-size: 10px;
}

#content #keywords {
	width: auto;
	margin: 0;
}


#content ul {
padding: 20px;
}
#header {
	position: relative;
	margin: 0 0 2px;
	z-index: 1;
}

#logo {
	padding: 10px 0 19px;
	margin: 0;
	height: 97px;
}

.account {
	position: absolute;
	top: 15px;
	background:url(../siopa_images/callus.jpg) no-repeat #989b96;
	right: 0;
	width: 351px;
	height:90px;
	color: #fff;
	font-size: 11px;
}



/* nav */
#TopNav {padding-top:20px;}

.nav {
	position: absolute;
	bottom: 0;
	font-size: 14px;
	border: solid #fff;
	border-width: 0 0 0 1px;
	margin: 0 0 0 0;
	/*overflow: auto;*/
}

.nav:after {
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
}

.nav li {
	float: left;
	position: relative;
	color:#fff;
}

.nav a {
	float: left;
	padding: 8px 14px;
	width: 146px;
	border: solid #fff;
	border-width: 1px 1px 1px 0;
	text-decoration: none;
	text-align: center;
	background-color:#025a57;
	color:#fff;
}
.finder {
	float: left;
	padding: 8px 14px;
	width: 130px;
	border: solid #fff;
	border-width: 1px 1px 1px 0;
	text-decoration: none;
	text-align: left;
	background: url(giftfinder.gif) no-repeat 100% 50% #025a57;
	color:#025a57;}


.nav li ul {
	position: absolute;
	top: 35px;
	left: -1px;
	z-index: 1;
	display: none;
}

.nav li.hover ul {
	display: block;
	border: 1px solid #7a7777;
}

.nav li ul li {
	float: none;
}

/*.nav li ul li a,
.nav li.hover ul li a{
	float: none;
	display: block;
	width: 150px;
	color: #025a57;
	background-color: #025a57;
	background-image: none;
	text-align: left;
	font-size: 11px;
	border: none;
	padding: 2px 18px;
}

.nav li ul li a:hover {
	background-color: #000;
	background-image: none;
}*/

.nav li ul li a,
.nav li.hover ul li a{
	float: none;
	display: block;
	width: 137px;
	color: #000;
	background-color: #fff;
	background-image: none;
	text-align: left;
	font-size: 11px;
	border: none;
	padding: 2px 18px;
}

.nav li ul li a:hover {
	background-color: #eee;
	background-image: none;
}

.search {margin-top:64px;}

.searchtitle {color:#fff; margin:0 8px 0 8px; font-size:14px; }

.search input.text {
	width: 200px;
}

/* main */

#main {
	position: relative;
	width: 860px;
	overflow: auto;
}

/* links */

#date {
	padding: 0 0 0 12px;
	margin: 0 0 4px;
}

#links {
	float: left;
	width: 155px;
	margin: 0 5px 0 0;
	/*padding: 0 0 260px;*/
}
#test{font-size:20px; font-family:"Times New Roman", Times, serif; color:#025a57; text-align:center; padding: 0 30px 30px 30px; width:350px; line-height:1.6; margin-left:60px;}
#test a:link{text-decoration:none}
#test a:active{text-decoration:none}
#test a:visited{text-decoration:none}
#test a:hover {text-decoration:none}

#awards_links { text-align:center; margin-left:10px;}

#awards_links p {float:left; text-align:center; width:160px; text-align:center; padding-left:10px;}

#awards_links a:link, #awards_links a:hover, #awards_links a:active, #awards_links a:visited {color:#025a57; text-align:center;}


#links h2 {
	color: #025a57;
	background: #6daa9a;
	border-top: 1px solid #7a7777;
	border-right: 1px solid #7a7777;
	border-left: 1px solid #7a7777;
	font-weight: bold;
	padding: 4px 12px;
}
.brand { background: #989b96; color: #eeeeee; padding: 4px 12px; font-weight:bold; width:128px; }
.brand_bullet { list-style-type:disc;  font-weight:normal; border-bottom:1px solid #7a7777;}
.brand_bullet_last{ list-style-type:disc; font-weight:normal;   border-bottom:none;}

#links h2.first {

}

#links h2.mag {
	background-image: url(/style/links-header-mag.gif); 
	padding: 2px 8px;
}


#links ul {
margin:0 0  5px;

}

/* new flyout menus */

#links li {
	padding: 3px 0 5px 12px;
	position: relative;
	z-index: 1;
	font-size: 11px;
	width: 140px;
}

#links li a {
	color: #025a57;
	text-decoration: none;
	display: block;
	font-weight:normal;
}

#links li a:hover {
	text-decoration: underline;
}

#links li.more {
	background: url(/style/more.png) no-repeat 95% 50%;
}

#links li:hover,
#links li.hover {
	background-color: #e5e5e5;
}

#links li a:hover {
	text-decoration: none;
}

#links li ul {
	display: none;
	position: absolute;
	top: -4px;
	left: 145px;
	border: none;
	width: 200px;
	z-index: 1;
	background: url(/style/flyout-bottom.png) no-repeat left bottom;
	padding: 0 0 4px;
	font-size: 11px;
}

#links li:hover ul, 
#links li.hover ul {
	display: block;
}

#links li ul li {
	background-image: none;
	padding: 0 8px;
	width: 184px;
}

#links li ul li:hover,
#links li ul li.hover {
	background-color: transparent;
}

#links li ul li:first-child,
#links li ul li.first,
#links li ul li:hover:first-child,
#links li ul li.hover.first {
	background: url(/style/flyout-top.png) no-repeat left top;
	padding-top: 4px;
}

#links li ul li a:hover {
	text-decoration: underline;
}

/* end flyout menus */


#newsletter {
	color: #666;
	margin: 0 0 10px;
}

#newsletter form {
	border: solid #7a7777;
	border-width: 0 1px 1px;
	font-size: 11px;
	padding: 1px 4px;
	overflow: auto;
}

#newsletter form input.image {
	float: right;
}

#newsletter h2 {
	background: url(/style/newsletter.gif) no-repeat 97% 50% #6daa9a;
}

#newsletter p {
	margin: 2px 0;
}

#newsletter input.text {
	font-size: 11px;
	width: 140px;
}

#delivery {
	/*position: absolute;
	left: 0;
	bottom: 0;
	width: 155px;*/
	border: 1px solid #7a7777;
	background: url(/style/watch.gif) no-repeat 120px 110px;
}

#delivery p {
	font-size: 10px;
	line-height: 16px;
	padding: 0 4px;
}

#best_online {
border: 1px solid #7a7777;
padding: 0 4px;

}

#delivery h2 {
	background-image: none;
	margin: 0 0 4px;
}

#delivery em {
	font-style: normal;
	text-decoration: underline;
}

#fulldelivery {
	text-align: center;
	margin: 0 0 5px;
}

/* content */

#content {
	float: left;
	width: 540px;
	margin: 0 5px 0 0;
}

#help-content{
	float: left;
	width: 360px;
	margin: 0 5px 0 0;
}

#account #help-content h1 {
	color: #025a57;
	border: none;
	padding: 0;	
	font-size: 18px;
}


#account #help-content h2 {
	font-size: 12px;
}

#static #content {
	float: none;
	width: auto;
}

#static #content h2 {
	font-size: 14px;
	font-weight: bold;
	color: #036;
	margin: 10px 0;
}


/*#content h1 {
	font-size: 24px;
	font-family: "Times New Roman", serif;
	color: #025a57;
	margin: 0 0 10px;
}*/

/* sidebar stuff */

#sidebar {
	float: left;
	width: 155px;
}

#currency {
	font-size: 10px;
	font-family: arial, sans-serif;
	letter-spacing: -0.1em;
}

#currency a {
	color: #666;
	text-decoration: none;
}

#currency a:hover {
	text-decoration: underline;
}

#sidebar div {
	border: 1px solid #7a7777;
	margin: 0 0 10px;
}

#sidebar div p,
#sidebar div ul {
	padding: 0 4px;
}

#sidebar div h2 {
	color: #025a57;
	background-color: #6daa9a;
	font-weight: bold;
	padding: 4px;
}

#promo {
	border: 1px solid #7a7777;
	margin: 0 0 10px;
	text-align: center;
}
.greyborder {border: 1px solid #7a7777; margin-bottom:5px;}
#sidebar #promo p {
	padding: 0;
}

#personalised {
	border: 1px solid #7a7777;
	margin: 0 0 10px;
	padding: 0;
}


#express {
	border: 1px solid #7a7777;
	margin: 0 0 10px;
	padding: 1px 1px 1px 2px;
	background: url(/style/watch.gif) no-repeat 120px 130px;
	font-size: 10px;
	line-height: 14px;
}

#express p {
	padding: 0 4px;
}

#express #expressbanner {
	padding: 0;
}

#catalogue p {
	font-size: 10px;
}

#catalogue a {
	color: #666;
}

#basket {
	background: url(/style/basket.gif) no-repeat 110px 30px;
	padding: 0 0 5px;
}

#basket a {
	color: #666;
}

#basket p,
#basket ul {
	font-size: 10px;
	margin: 0 0 10px;
}

#basket li a {
	text-decoration: none;
}

#basket li a:hover {
	text-decoration: underline;
}

#basket p.center {
	margin: 0;
}

#viewbasket a {
	color: #00f;
}

#viewed ul {
	font-size: 10px;
}

#viewed li {
	margin: 4px 0;
}

#viewed a {
	color: #666;
}

#viewed li a {
	text-decoration: none;
}

#viewed li a:hover {
	text-decoration: underline;
}

#viewed img,
#basket img {
	vertical-align: middle;
}

/*#sidebar #blog {
	border: none;
	margin: 0;
}

#sidebar #blog p {
	padding: 0;
}*/

#sidebar #blog {
	background: url(/style/blog.gif) no-repeat 85% 85%;
}

#sidebar #blog p {
	padding: 5px 10px;
}

#sidebar #blog a {
	font-weight: bold;
	color: #666;
	text-decoration: none;
}

.popup {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	background: url(/style/popup.png) no-repeat;
	padding: 5px 20px 5px 7px;
	width: 184px;
	height: 94px;
	font-size: 10px;
	line-height: 12px;
}

.popup img {
	float: left;
	margin: 0 5px 0 0;
}

.helppopup {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	background: url(/style/helppopup.gif) no-repeat;
	padding: 5px 5px 20px;
	width: 190px;
	height: 77px;
	font-size: 10px;
	line-height: 12px;
}

#secure {
	/*position: absolute;
	right: 0;
	bottom: 0;
	width: 155px;*/
	text-align: center;
}

/* footer stuff */

#bottomnav {
	position: relative;
	padding: 1px 0 0;
	margin: 10px 0;
	z-index: 1;
}

#bottomnav .search {
	margin: 54px 0 0;
}

#bottomnav ul.nav ul {
	top: auto;
	bottom: 35px;
}

#awards {
	text-align: center;
	border: 1px solid #7a7777;
	padding: 4px; margin-top:10px;
}

#footer {
	font-size: 10px;
	text-align: center;
	border: 1px solid #7a7777;
	padding: 8px;
	color: #666;
	margin: 10px 0;
}

#footer p {
	border: solid #7a7777;
	border-width: 0 0 1px;
	padding: 0 0 4px;
	margin: 0 0 4px;
}

#footer .last {
	border: none;
	padding: 0;
}

#footer a {
	color: #666;
}

/* home */

#featured {
	position: relative;
	height: 235px;
	margin: 8px 0 0 0;
	
}

#featured a {
	color: #333;
	text-decoration: none;
	display: block;
}

#featured div {
	position: absolute;
}

#featured .first {
	top: 1px;
	left: 1px;
	padding:1px 0 5px 1px;
	width: 178px;
	background: url(/style/featured22.jpg) no-repeat;
	
}

#featured .second {
	top: 1px;
	left: 181px;
	padding:1px 0 5px 1px;
	width: 178px;
	background: url(/style/featured22.jpg) no-repeat;
}

#featured .third {
	top: 1px;
	left: 361px;
	padding:1px 0 5px 1px;
	width: 178px;
	background: url(/style/featured22.jpg) no-repeat;
}


#featured .link {
	font-size: 14px;
	padding: 8px 0 8px 8px;
	margin: 0 8px 0 0;
	background: url(/style/featured-arrow.gif) no-repeat 97% 50%;
}

#intro {
	font-size: 11px;
	color:#666;
}

#home #content h2 {
	font-size: 18px;
	font-weight: bold;
	color: #036;
	margin: 10px 0;
}

.products {overflow: auto;}

.products img {border:1px solid #7a7777;}
.arrow {border:none;}

.products.twocol {

}

.products.onecol {

}

.products div {
	float:left;
	width: 152px;
	padding: 11px  0 22px 10px ;
	margin: 0 0 0 10px;

}
.products a.product {
	font-size: 11px;
	font-family: arial, sans-serif;
	color: #666;
	text-decoration: none;
	padding: 0 12px 0 0;
	/*background: url(/style/arrow.gif) no-repeat right center;*/
}

.products a.product img {
	vertical-align: baseline;
}

.products a.product-vat {
	font-size: 9px;
	font-family: arial, sans-serif;
	color: #666;
	text-decoration: none;
	padding: 0;
}

.products a.producttitle {
	font-size: 11px;
	font-family: arial, sans-serif;
	color: #666;
	text-decoration: none;
	padding: 0 12px 0 0;
}

.products a.product:hover {
	text-decoration: underline;
}

.products p.vat {
	background: url(/style/vat.gif) no-repeat 0px 5px;
	text-indent: 30px;
}

.products p.ex-vat {
	background: url(/style/ex-vat.gif) no-repeat 0px 5px;
	text-indent: 46px;
}

.products-dual {
	background: url(/style/products-dual.gif) no-repeat 0 100%;
	width: 540px;
	overflow: auto;
}

.products-dual div {
	float:left;
	width: 150px;
	padding: 11px 50px 22px 60px;
	margin: 0;
	background: url(/style/product-dual.gif) no-repeat;
}

.products-dual p.title {
	float:left;
	width: 250px;
	text-align: center;
	padding: 5px 0 10px 10px;
	background-color: #6daa9a;
}


.products-dual a.product {
	font-size: 11px;
	font-family: arial, sans-serif;
	color: #666;
	text-decoration: none;
	padding: 0 12px 0 0;
	background: url(/style/arrow.gif) no-repeat 100% 50%;
}

.products-dual a.producttitle {
	font-size: 11px;
	font-family: arial, sans-serif;
	color: #666;
	text-decoration: none;
	padding: 0 12px 0 0;
}

.products-dual a.product:hover {
	text-decoration: underline;
}

.products-dual p.vat {
	background: url(/style/vat.gif) no-repeat 0px 5px;
	text-indent: 30px;
}

.products-dual p.ex-vat {
	background: url(/style/ex-vat.gif) no-repeat 0px 5px;
	text-indent: 46px;
}

.dual {
	text-align: center;
	color: #666;
	padding: 5px 10px;
}

.productsnippet div {
	float:left;
	width: 150px;
	margin: 0 8px 0 0;
}
.productsnippet a.product {
	font-size: 11px;
	font-family: arial, sans-serif;
	color: #666;
	text-decoration: none;
	padding: 0 12px 0 0;
	background: url(/style/arrow.gif) no-repeat 100% 50%;
}

.productsnippet a.producttitle {
	font-size: 11px;
	font-family: arial, sans-serif;
	color: #666;
	text-decoration: none;
	padding: 0 12px 0 0;
}

.productsnippet a.product:hover {
	text-decoration: underline;
}

.productsnippet p.vat {
	background: url(/style/vat.gif) no-repeat 0px 5px;
	text-indent: 30px;
}

.productsnippet p.ex-vat {
	background: url(/style/ex-vat.gif) no-repeat 0px 5px;
	text-indent: 46px;
}


/* product page stuff */

#breadcrumb {
	color: #666;
	margin: 0 0 4px;
}

#breadcrumb a {
	color: #666;
}

#product.sameday h1 {
	background: url(/style/watch.gif) no-repeat right center;
	padding: 10px 0;
	margin: 0 0 10px;
	border: solid #7a7777;
	border-width: 0 0 1px;
}

#description {
	float: left;
	width: 302px;
	margin: 0 10px 40px 0;
}

/*#description p {
	margin: 0 0 10px;
}


#description h2 {
	font-weight: bold;
}


#description ul {
	padding: 0 0 0 15px;
	color: #555;
}

#description li {
	list-style: disc;
}*/

#productpage #content {
	position: relative;
}

#bottom-links {
	position: absolute;
	bottom: 280px;
	right: 0;
	text-align: right;
}

#bottom-links a {
	color: #666;
}

#image {
	margin: 0 0 10px;
}

#image p {
	margin: 0;
}

#image img {
	border: 1px solid #7a7777;
}

#imagetools {
	position: relative;
	font-size: 10px;
	color: #666;
	margin: 0 0 10px;
}

#imagetools p {
	margin: 0;
}


#thumbnails {
	position: absolute;
	top: 0;
	right: 0;
}

#thumbnails img {
	border: 1px solid #ccc;
}

#thumbnails .selected img {
	border-color: #7a7777;
}

#zoom {
	background: url(/style/zoom.gif) no-repeat right center;
	padding: 0 16px 0 0; 
	font-size: 10px; color: #ccc;
}

.zoom {
	background: url(/style/zoom.gif) no-repeat right center;
	padding: 0 16px 0 0;
}

.products .zoom {
	font-size: 10px;
	color: #666;
}

.productsnippet .zoom {
	font-size: 10px;
	color: #666;
}


#addtobasket {
	float: left;
	width: 228px;
}

#product h2 {
	font-weight: bold;
}

#product .info {
	font-size: 10px;
	color: #666;
}

#product .option {
	padding: 0 0 4px;
	margin: 0 0 4px;
	border: solid #7a7777;
	border-width: 0 0 1px;
	background: url(/style/option.gif) no-repeat -3px 100%;
}

#product .option:hover {
	background-repeat: repeat-x;
}

#quantity {
	position: relative;
	/*padding: 0 0 36px;*/
	padding: 0;
	margin: 0 0 4px;
	border: solid #7a7777;
	border-width: 0 0 1px;
}

#quantity label {
	display: block;	
}

#quantity .text {
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
}

#quantity .image {
	/*position: absolute;
	bottom: 4px;
	right: 0;*/
	float: right;
	margin: 8px 0 4px;
}

#deliveryprices {
	padding: 0 0 4px;
	margin: 0 0 40px;
}

#deliveryprices h2 {
	font-weight: normal;
	color: #025a57;
}

#product .price {
	float: right;
	text-align: right;
}

#extras {
	border: 1px solid #7a7777;
	overflow: hidden;
	line-height: 12px;
	margin: 0 0 10px;
}

#extras h2 {
	font-weight: normal;
	border: solid #7a7777;
	border-width: 0 0 1px;
	background: url(/style/nav.gif) repeat-x 0 100% #6daa9a;
	padding: 4px;
}
#extras h3 {
	font-weight: normal;
	font-size:11px;
	border: solid #7a7777;
	border-width: 0 0 1px;
	background: url(/style/nav.gif) repeat-x 0 100% #6daa9a;
	padding: 4px;
}

#extras div {
	float: left;
	width: 60px;
	padding: 4px 7px;
	font-size: 9px;
	color: #666;
}

#extras .add {
	text-align: right;
}

#extras img {
	width: 60px;
}

#extras .add img {
	width: auto;
}

#mailorder {
	border: 1px solid #7a7777;
	overflow: hidden;
	line-height: 12px;
	margin: 0 0 100px;
}

#mailorder h2 {
	font-weight: bold;
	padding: 4px;
	color: #025a57;
	background-color: #6daa9a;
}

#mailorder h3 {
	font-weight: bold;
	font-size: 9px;
	padding: 2px 7px;
	text-decoration: underline;
	color: #666;
}

#mailorder p {
	padding: 2px 7px;
	font-size: 9px;
	color: #666;
}



#similar {
	clear: both;
	border: 1px solid #7a7777;
	overflow: hidden;
	margin: 40px 0;
}

#similar h2 {
	font-weight: normal;
	border: solid #7a7777;
	border-width: 0 0 1px;
	background:  repeat-x 0 100% #6daa9a;
	padding: 4px;
}

#similar div {
	float: left;
	width: 177px;
	padding: 8px 0;
	color: #666;
	line-height: 18px;
	text-align: center;
}

#similar a.product {
	font-size: 11px;
	font-family: arial, sans-serif;
	color: #666;
	text-decoration: none;
	padding: 0 12px 0 0;
	background: url(/style/arrow.gif) no-repeat 100% 50%;
}

#similar a.product:hover {
	text-decoration: underline;
}

/* category page */

.paging {
	clear:both;
	text-align: right;
	font-size: 11px;
	color: #666;
}

.paging a {
	color: #000;
	text-decoration: underline;
}

.paging a.next {
	padding: 0 12px 0 0;
	background: url(/style/arrow.gif) no-repeat 100% 50%;
}

.paging a.prev {
	padding: 0 0 0 12px;
	background: url(/style/back-arrow.gif) no-repeat 0 50%;
}

.paging span.next {
	padding: 0 12px 0 0;
	background: url(/style/arrow-disabled.gif) no-repeat 100% 50%;
}


.paging span.prev {
	padding: 0 0 0 12px;
	background: url(/style/back-arrow-disabled.gif) no-repeat 0 50%;
}

.paging strong {
	color: #025a57;
	font-weight: bold;
}

.subcategories {
	font-size: 11px;
	color: #666;
}

.subcategories a {
	color: #000;
}

.keywords {
	font-size: 11px;
}

.products .info {
	font-size: 11px;
	font-family: arial, sans-serif;
	color: #666;
}

.products div.sameday .info {
	background: url(/style/watch.gif) no-repeat right center;
}

/* account pages */


#account #content {
	width: 700px;
	margin: 0;
}

#account.cart #content {
	width: auto;
	float: none;
	margin: 0;
}

#account h1 {
	border: 1px solid #7a7777;
	padding: 20px 20px;
}


#account h2 {
	margin: 0 0 0;
}

#account #content form {
	padding: 0 20px;
	margin: 8px 0;
}

#account #content form.basket {
	padding: 0;
	margin: 0;
}

#account #content form label {
	font-weight: bold;
}

#account #content form td {
	vertical-align: top;
	padding: 2px 0;
}

#account #content form td.gutter {
	width: 5%;
}

#account #content form td.label {
	width: 15%;
}

#account #content form td.field {
	width: 20%;
}

#account form td span {
	color: #666;
	font-size: 11px;
}

#account #content h2 {
	color: #025a57;
	background-color: #6daa9a;
	font-weight: bold;
	padding: 4px 20px;
}

#account #content h3 {
	color: #025a57;
	font-weight: bold;
}

#account #content #country {
	width: 200px;
}

#account #content #usrname,
#account #content #psswrd {
	width: 200px;
}

#account .ThisErrorMessage {
	color: #f00;
	background: url(/style/this-error.gif) no-repeat #fee 10px 50%;
	font-weight: bold;
	padding: 4px 9px 4px 28px;
	margin: 0 20px;
	border: 1px solid #f66;
	
}

#account table.basket th {
	color: #000;
	background-color: #6daa9a;
}

#accountwidget {
	position: absolute;
	top: 0;
	right: 0;
	width: 300px;
	border: solid #7a7777;
	border-width: 1px 1px 0;
	background-color: #6daa9a;
}

#accountwidget div {
	margin: 0;
	padding: 0;
}

#accountwidget div.panel {
	padding: 5px 20px;
	border: solid #7a7777;
	border-width: 0 0 1px;
}

#content #accountwidget div.panel form {
	margin: 0;
	padding: 0;
}

#accountwidget div.panel input {
	margin: 5px 0;
}

#content #accountwidget h2 {
	cursor: pointer;
	color: #000;
	background: url(/style/widget-closed.gif) repeat-x right bottom #6daa9a;
	margin: 0;
}

#content #accountwidget h2.open {
	cursor: default;
	background-image: url(/style/widget-open.gif);
}


#addresswidget {
	border: 1px solid #7a7777;
}

#addresswidget div {
	margin: 0;
	padding: 0;
}

#addresswidget div.panel {
	padding: 5px 20px;
	overflow: auto;
}

#content #addresswidget h2 {
	cursor: pointer;
	background: url(/style/address-widget-closed.gif) no-repeat 10px 50% #6daa9a;
	margin: 0 0 1px;
	padding-left: 30px;
}

#content #addresswidget h2.open {
	cursor: default;
	background-image: url(/style/address-widget-open.gif);
	background-position: 8px 50%;
}

#AccOptions {
	position: relative;
	/*overflow: auto;*/
	height: 220px;
}

#recentlyviewed img {
	float: left;
	margin: 0 5px 0 0;
}

#recentlyviewed div {
	overflow: auto;
	margin: 0 0 5px;
}

.reddots li {
	background: url(/style/bullet.gif) no-repeat 2px 55%;
	padding: 0 0 0 10px;
}

.FeedbackMssge {
	border: 1px solid #6daa9a;
	padding: 4px;
	color: #025a57;
	margin: 0 0 10px;
}

#title {
	float: right;
}

.error {
	color: #025a57;
	padding: 0 20px;
	margin: 8px 0;
}

.error img {
	vertical-align: middle;
}

#addresses {
	margin: 8px 0;
	padding: 0 20px;
}

#addresses p {
	margin: 8px 0;
}

#top {
	position: relative;
}

#top #breadcrumb {
	position: absolute;
	top: 0;
	left: 200px;
}

#top #currency {
	position: absolute;
	top: 0;
	left: 700px;
}

.DeliveryList{font-size: 10px;color: #666;}

#content.basket {
	width: 695px;
}

h1.basket {
	background: url(/style/basket-small.gif) no-repeat;
	padding: 6px 0 6px 36px;
}

table.basket th {
	color: #000;
	background-color: #6daa9a;
	font-weight: bold;
}

table.basket td,
table.basket th {
	padding: 2px;
}


table.basket input.button {
	background-color: #025a57;
	border: 1px solid #000;
	padding: 1px 2px;
	color:#fff;
}

table.basket input.text {
	width: 30px;
}

table.basket tr.total td {
	border: solid #ccc;
	border-width: 1px 0 0;
}

table.basket a {
	text-decoration: none;
}


#breadcrumb {
	font-size: 10px;
}

#breadcrumb #currency {
	float: right;
}

.basket #extras {
	border: 1px solid #7a7777;
	overflow: hidden;
	line-height: 12px;
}

.basket #extras h2 {
	font-weight: bold;
	border: solid #7a7777;
	border-width: 0 0 1px;
	color: #025a57;
	background-color: #6daa9a;
	background-image: none;
	padding: 4px;
}

.basket #extras div {
	float: left;
	width: 60px;
	padding: 4px 7px;
	font-size: 9px;
	color: #666;
}

.basket #extras .add {
	text-align: right;
}


.floatleft {
	float: left;
	margin: 0 4px 0 0;
}

.floatleft-2 {
	float: left;
	margin: 0 7px 0 0;
}

.floatright {
	float: right;
	margin: 0 0 0 4px;
}

.floatright-2 {
	float: right;
	margin: 0 0 0 7px;
}


.Hidefield
{
margin: 0px;padding: 0px;border: 0px;background: #fff;text-align: left; vertical-align:top; color: #000000;
}

/* vat  */
.vat {
background:url(/style/table-back.jpg) no-repeat;
	overflow: hidden;
	line-height: 12px;
	padding:3px;
	font-size:10px;
	width:513px;
	
}

.vat h2 {
	font-weight: normal;
	border: solid #7a7777;
	border-width: 0 0 1px;
	padding: 4px;
}
.vat h3 {
	font-weight: normal;
	font-size:10px;
	font-weight: bold;
	color: #036;
	padding-top: 4px;
	padding-bottom: 4px;
}

.vat div {
	padding: 4px 7px;
	font-size: 9px;
	color: #666;
}

.vat .add {
	text-align: right;
}

/* awards  */

.awards {
	padding:10px;
	font-size:12px;
	margin-top:10px;
	background: url(/style/nav.gif) repeat-x bottom #025a57;
	border-bottom: 1px solid #ccc;
	width:95%;
}
.awards h2 {
	font-size: 14px;
	font-weight: bold;
	color: #036;
	margin: 10px 0;
	line-height:20px;
}

.awards h3 {
	font-weight: normal;
	font-size:10px;
	font-weight: bold;
	color: #036;
	border: solid #7a7777;
	border-width: 0 0 1px;
	background: url(/style/nav.gif) repeat-x 0 100% #025a57;
	padding-top: 4px;
	padding-bottom: 4px;
}
.corporate {
	border: 1px solid #7a7777;
	width:480px;
	margin: 0;
	padding:0;
}
.corporate img {
	margin: 0px;
	padding:0px;
}

#margin {
	padding:10px;
	font-size:12px;
	margin-top:10px;
	width:95%;
}

.closelink {
	float: right;
	line-height: 16px;
}

.closelink img {
	vertical-align: bottom;
}

/* awards  */

.content-padded{
	padding:10px;
	font-size:12px;
	margin-top:10px;
	border-bottom: 1px solid #ccc;
	width:95%;
}
.content-padded h2 {
	font-size: 14px;
	font-weight: bold;
	color: #036;
	margin: 10px 0;
	line-height:20px;
}

.content-padded h3 {
	font-weight: normal;
	font-size:10px;
	font-weight: bold;
	color: #036;
	border: solid #7a7777;
	border-width: 0 0 1px;
	background: url(/style/nav.gif) repeat-x 0 100% #025a57;
	padding-top: 4px;
	padding-bottom: 4px;
}

.request {
	border:1px solid #7a7777;
	background: url(/style/request.gif) repeat-x 0 100% #025a57;
	margin: 5px;
	width:250px;
}

.request-small {
	border:1px solid #7a7777;
	background: url(/style/request.gif) repeat-x 0 100% #025a57;
	margin: 5px;
}

.RowCollapse{visibility:collapse;display:none;}
.RowVisible{visibility:visible;height:60px}
.RowVisibleSmallHeight{visibility:visible;padding:0}

#newcustomer {
	width: 400px;
	float: left;
	margin: 0 10px;
}

#returningcustomer {
	width: 400px;
	float: left;
	margin: 0 10px;
}

#account #newcustomer form,
#account #returningcustomer form {
	margin: 0;
	padding: 0;
}

#account #returningcustomer #usrname1 {
	width: 200px;
}

table.invoice {
	font-size: 11px;
}

table.invoice th,
table.invoice td {
	vertical-align: top;
}

table.invoice td.desc,
table.invoice th.desc {
	padding: 0 0 0 20px;
}

table.invoice td.price,
table.invoice th.price {
	padding: 0 20px 0 0;
	text-align: right;
}


table.invoice th {
	background-color: #dbdbdb;
	/*font-weight: normal;*/
}

table.invoice td.total {
	background-color: #dbdbdb;
}



table.invoice img {
	float: left;
	margin: 2px 5px 2px 0;
}

.big {
	font-size: 18px;
	margin: 5px 0;
}

.highlight {
	color: #025a57;
}

.fulldetails {
	float: right;
	background-color: #025a57;
	padding: 0 0 10px 10px;
}

.order h3 {
	padding: 0 0 0 20px;
}

.order p {
	padding: 0 0 0 20px;
	margin: 10px 0;
}

.label {
	text-align: right;
	padding: 0 5px 0 0;
}

.copy {
	background: url(/style/copy.gif) no-repeat;
	display: block;
	padding: 0 0 0 20px;
}

#account #content .greeting {
	padding: 5px 10px;
	background-color: #eee;
	margin: 10px 0;
}

.login {
	width: 400px;
	margin: 0 auto;
}

.forminfo {
	font-size: 11px;
	color: #666;
}

#deliverydropbox {
	width: 225px;
	font-size: 11px;
}

.basket #temperaturebar {
	width: 699px;
}

.basket #temperaturebar li {
	width: 232px;
}

#temperaturebar {
	font-size: 21px;
	font-family: "Times New Roman", serif;
	border: solid #000;
	border-width: 1px 0 1px 1px;
	overflow: auto;
	width: 858px;
	margin: 0 0 10px;
}

#temperaturebar li {
	border: solid #000;
	border-width: 0 1px 0 0;
	width: 285px;
	float: left;
	text-align: center;
}

#temperaturebar li a {
	text-decoration: none;
	display: block;
	padding: 8px 20px;
	color: #025a57;
	background-color: #999;
}

.basket #temperaturebar li.basket a,
.shipping #temperaturebar li.shipping a,
.billing #temperaturebar li.billing a {
	color: #025a57;
	background-color: #025a57;
}

#lipsum strong {font-weight:bold; color:#036; font-size:16px;}

.back {
	color: #666;
	background: url(/style/back.gif) no-repeat 0 2px;
	padding: 0 0 0 16px;
	clear: left;
}

.col {
	width: 300px;
	float: left;
	margin: 0 10px 0 0;
}

.print {
	vertical-align: middle;
	float: none;
}

.DiscountedPrice
{
	text-decoration: line-through;
	color: #025a57;
}

.DiscountedSave
{
	text-decoration: none;
	color: #025a57;
}


.tags {
	color: #666;
	font-size: 10px;
	text-align: center;
}

#fairtrade {
	border: 1px solid #ccc;
	text-align: center;
	padding: 2px;
	font-size: 10px;
}

#fairtrade img {
	vertical-align: bottom;
}

#fairtrade a {
	color: #666;
	text-decoration: none;
	font-weight: bold;
}

#award {
	position: absolute;
	top: 8px;
	right: 15px;
}