/* general */

#page {
	width: 960px;
	margin: 0 auto 4px;
}

input.blur {
	color: #666;
}


/* header */

#keywords {
	width: 960px;
	margin: 0 auto;
	text-align: center;
	color: #666;
	font-size: 10px;
}

#content #keywords {
	width: auto;
	margin: 0;
}

#header {
	position: relative;
	margin: 0 0 5px;
	height: 120px;
	z-index: 1;

}
#homepagebanner {
	float: left;
	width: 540px;
	height: 154px;
	overflow: hidden;
	font-size:11px;
	background-color:#eee;
}

#homepagebanner img {
	display: none;
	vertical-align: bottom;
}


#logo {
	height: 100px;
	position:absolute;
	left:-22px; 
}

.account {
	position: absolute;
	top: 0;
	right: 108px;
	width: 318px;
	color: #666;
	font-size: 11px;
}

#header .account {
	/*background: url(/style/customer-care.jpg) no-repeat 100% 100%;*/
	top: 20px;
	width:400px;
	left:230px;
	
}

#header .care {
	position: absolute;
	top: 1px;
	right: 4px;
	width: 200px;
	height: 85px;
	background:url(/images/21years2.jpg) no-repeat right bottom;
}

#header .care p {
	text-align:right;
	padding-right:55px;
	font-size:10px;
	font-family: arial, sans-serif;
	line-height:normal;
}

#header .rteheader_right {
	position: absolute;
	top: 5px;
	left:560px;
	right: 4px;
	width: 236px;
	height: 85px;
}

#header .rteheader_right p {
	text-align:left;
	font-size:13px;
	font-family: arial, sans-serif;
	font-weight:bold;
	line-height:normal;
	width:400px;
}

#header .wedheader_right {
	position: absolute;
	top: 5px;
	right: 4px;
	width: 236px;
	height: 85px;
}

#header .wedheader_right p {
	text-align:left;
	font-size:13px;
	font-family: arial, sans-serif;
	font-weight:bold;
	line-height:normal;
}

.telephone img {
	vertical-align: baseline;
}

/* nav */
#topnav_topnav_sub {}

#topnav_banners {width:360px; float:right; padding-right:10px;}
#topnav_banners img {float:right; width:120px; padding:0; margin:0;}

.nav {
	position: absolute;
	left: 0;
	bottom: 0;
	font-size: 13px;
	margin: 0 10px 0 0;
	
	/*overflow: auto;*/
}

.nav:after {
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
}

.nav li {
	float: left;
	position: relative;
}

.nav a {
	float: left;
	padding: 8px 17px 8px 16px;
	border:0;
	width: 69px;
	text-decoration: none;
	text-align: center;
	background: url(/images/TabNew01.jpg) no-repeat;
	color:#414141;
}
.nav a.recipient {

	padding: 8px 17px 8px 17px;
	background: url(/images/TabNew01.jpg) no-repeat;
	color:#414141;

}

.nav a.pink {

	padding: 8px 17px 8px 17px;
	background: url(/images/pink.jpg) no-repeat;
	color:#FFFFFF;

}

.nav a.pink:hover {

	padding: 8px 17px 8px 17px;
	background: url(/images/pink.jpg) no-repeat;
	color:#000000;

}
.nav a:hover,
.nav li.hover a {
	background: url(/images/TabNew02.jpg) no-repeat;
	background-color: #eee;
}

.nav li ul {
	position: absolute;
	top: 35px;
	left: -1px;
	z-index: 1;
	display: none;
}

.nav li.hover ul {
	display: block;

}

.nav li ul li {
	float: none;
}

.customercare {
	left: auto;
	
	right: 0;
	margin: 0;
	border-width: 0;
	
}

.subcategories a.CatSub:hover {
background-color:#6C6C6C;
color:#FFFFFF;
}

.subcategories a.CatSub {
background-color:#EEEEEE;
border:1px solid #CCCCCC;
color:#333333;
display:block;
float:left;
font-size:10px;
margin:0 5px 5px 0;
padding:2px 5px 3px;
text-decoration:none;
white-space:nowrap;
width:auto;
}

.customercare li a {
	background: url(/images/BasketTab.jpg) no-repeat;

}
.customercare li.hover a {
	background: url(/images/BasketTab2.jpg) no-repeat;

}
.customercare li ul {
	left: auto;
	top: 37px;
	right: 0;
}

/*.nav li ul li a,
.nav li.hover ul li a{
	float: none;
	display: block;
	width: 150px;
	color: #fff;
	background-color: #903;
	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: 150px;
	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;
}


.customercare a {
	border-width: 1px;
	padding: 0 18px;
}

.customercare a:hover {
	background: url(/images/TabNew02.jpg) no-repeat;
	background-color: #eee;
}

.search {
	color: #903;
	border: 1px solid #999999;
	background-color:#EEEEEE;
	height:24px;
	padding: 2px 0 0 10px;
	width:338px;
	position:absolute; top:92px; left:510px;
}

.search input.text {
	width: 170px;
}

/* main */

#main {
	position: relative;
	width: 960px;
	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;*/
}

#links h2 {
	color: #fff;
	background-image: url(../images/h2-nav-bg.jpg);
	font-weight: bold;
	padding: 4px 12px;
	border:1px solid #333333;
}

#links h2.first {

}

#links h2.mag {

	padding: 2px 8px;
}


#links ul {
	border: solid #999999;
	border-width: 0 1px;
	background-color:#F3F3F3;
}

/* new flyout menus */

#links li {
	padding: 3px 0 3px 12px;
	position: relative;
	z-index: 1;
	font-size: 11px;
	width: 141px;
	background-color:#EEEEEE;
	border-bottom-color:#D7D7D7;
	border-bottom-width:1px;
	border-bottom-style:solid;
}

#links li a {
	color: #000;
	text-decoration: none;
	display: block;
}

#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;
	width: 200px;
	z-index: 1;
	padding: 4px 4px 4px 4px;
	font-size: 11px;
	border:#999999 solid 1px;
	background-color:#FFFFFF;
}

#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:#FFFFFF;

}

#links li ul li:first-child,
#links li ul li.first,
#links li ul li:hover:first-child,
#links li ul li.hover.first {
	padding-top: 4px;
}

#links li ul li a:hover {
	text-decoration: underline;
}

/* end flyout menus */


#newsletter {
	color: #666;
	margin: 0 0 5px 0;
}

#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-color: #666666;
}

#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 #999999;
	border-top:none;
}


#delivery p {
	font-size: 10px;
	line-height: 16px;
	padding: 0 4px;
}

#delivery h2 {
background-image:url(nav-bg-h2-grey.jpg);
	margin: 0 0 4px;
	color:#666666;
}

#delivery em {
	font-style: normal;
	text-decoration: underline;
}

#fulldelivery {
	text-align: center;
	margin: 0 0 5px;
}

/* content */

#content {
	float: left;
	width: 640px;
	margin: 0 5px 0 0;
}

#help-content{
	float: left;
	width: 360px;
	margin: 0 5px 0 0;
}

#account #help-content h1 {
	color: #903;
	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: 20px;
	font-weight: 140%;
	font-family: arial, sans-serif;
	color: #CC0099;
	margin: 10px 10px 15px;
}

/* 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 {
	margin: 0 0 5px;
}

#sidebar div p,
#sidebar div ul {
	padding: 0 4px;
}

#sidebar div h2 {
	color: #666666;
	background-image:url(nav-bg-h2-grey.jpg);
	font-weight: bold;
	padding: 4px;
	border-left:#999999 1px;
	border-right:#999999 1px;
}

#promo {
	border: 1px solid #7a7777;
	margin: 0 0 10px;
	text-align: center;
}

#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 {
	border: 1px solid #999999;
	border-top:none;
	}

#catalogue p {
	font-size: 10px;

}

#catalogue a {
	color: #666;
}

#basket {
	padding: 0 0 10px;
	border: 1px solid #999999;
	border-top:none;
}

#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;
}

#basket-header {
	background-image:url(basket-bg.jpg);
}

#viewed {
	border: 1px solid #999999;
	border-top:none;
	}
	
#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;
}*/

#blog {
	background: url(/style/blog.gif) no-repeat 85% 85%;	border: solid #7a7777;
	border-width: 0 1px 1px;
}

#blog h2 {
	background-color: #666666;
}

#blog p {
	padding: 5px 10px;
}

#blog a {
	font-weight: bold;
	color: #666;
	text-decoration: none;
}

#follow {
	margin-top:0px;
	border: solid #000000;
	border-width: 0 1px 1px;
}

#follow h2 {
	background-color: #666666;
}

#follow p {
	padding: 5px 10px;
}

#follow img { padding:5px 10px 5px 0;}

.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;
}

#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;
	background: url(/style/featured.gif) no-repeat;
	height: 300px;
	margin: 8px 0;
}

#featured a {
	color: #333;
	text-decoration: none;
	display: block;
}

#featured div {
	position: absolute;
}

#featured .first {
	top: 1px;
	left: 1px;
	width: 172px;
}

#featured .second {
	top: 1px;
	left: 181px;
	width: 172px;
}

#featured .third {
	top: 1px;
	left: 361px;
	width: 172px;
}

#featured .fourth {
	top: 171px;
	left: 181px;
	width: 350px;
}

#featured .link {
	font-size: 14px;
	padding: 8px 0 8px 8px;
	margin: 0 8px 0 0;
	background: url(/style/featured-arrow.gif) no-repeat 100% 50%;
}

#intro {

	
}

#home #content h2 {
	font-size: 18px;
	font-weight: bold;
	color: #036;
	margin: 10px 0;
}

.products {
	margin-left:0px;
	overflow: auto;
	height:320px;
	padding-left:10px;
}

.products.twocol {

}

.products.onecol {

}

.products div {
	float:left;
	width: 150px;
	padding: 5px 11px 22px;
	border:solid 1px #CCCCCC;
	margin-left:20px;
	margin-bottom:10px;
	height:270px;
}
.products div p { 
	line-height:normal;
	padding-top:6px; }
	
.products div p span.price2 {
	display:block; 
	padding-bottom:6px;
	font-size:12px;
	font-weight:bolder; }

.products a.buynow {
	display:block; float:right; }
	
.products a.buynow img {
	margin-top:5px; }

.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: 14px;
	font-family: arial, sans-serif;
	font-weight:bolder;
	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;
	font-weight:lighter;
}

.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: #fff;
}


.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 10px;
}

/*#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 {
width:180px;
float:left;
	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;
	padding-top:20px;
	padding-left:20px;
}

#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: 12px 0px 2px 4px;
}

#deliveryprices {
	padding: 0 0 4px;
	margin: 0 0 100px;
}

#deliveryprices h2 {
	font-weight: normal;
	color: #903;
}

#product .price {
	float: right;
	text-align: right;
	padding-top:10px;
	width:auto;

}

#product .pricenew {
	float: left;
	text-align: left;
	font-size:20px;
	width:110px;
	padding-bottom:10px;
}

#extras {
	border: 1px solid #7a7777;
	width: 226px;
	overflow: hidden;
	margin: 0 0 20px;
	display:block; 
}

#extras h2 {
	font-weight: normal;
	border: solid #7a7777;
	border-width: 0 0 1px;
	background: url(/style/nav.gif) repeat-x 0 100% #fff;
	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% #fff;
	padding: 4px;
}

#extras div {
	float: left;
	width: 60px;
	padding: 4px 7px;
	font-size: 9px;
	color: #666;
	overflow:hidden;
}

#extras .add {
	text-align: right;
}

#extras img {
	width: 60px;
}

#extras .add img {
	width: auto;
}

.extrabutton { margin-bottom:50px; }

#mailorder {
	border-top:none;
	overflow: hidden;
	margin: 0 0 20px;
}

#mailorder h2 {
	font-weight: bold;
	padding: 4px;
	color: #666666;
	margin: 0 0 4px;
	
}

#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: url(/style/nav.gif) repeat-x 0 100% #fff;
	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 {
	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: #903;
	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/watch2.gif) no-repeat right top;
}

/* account pages */

#account #content {
	width: 700px;
	margin: 0;
}

#account.cart #content {
	width: auto;
	float: none;
	margin: 0;
}

#account h1 {
	border: 1px solid #7a7777;
	padding: 8px 20px;
}


#account h2 {
	margin: 0 0 5px;
}

#account #content form {
	padding: 0 20px;
	margin: 8px 0;
}

#account #content form.basket {
	padding: 0;
	margin: 0;
}

#account #content form label {
	font-weight: bold;
	padding-left: 25px;
}

#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: #666666;
	font-size: 11px;
}

#account #content h2 {
	color: #333333;
	background-image: url(nav-bg-h2-grey.jpg);
	font-weight: bold;
	padding: 4px 10px;
	border-right: solid #999999 1px;
	border-left: solid #999999 1px;
	height:18px;
	font-size:12px;
}

#account #content h3 {
	color: #903;
	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;
	position:absolute;
	top:100px;
	width:450px;
	
}

#account table.basket th {
	color: #000;
	background-color: #fff;
}

#accountwidget {
	position: absolute;
	top: 0;
	right: 0;
	width: 300px;
	border: solid #7a7777;
	border-width: 1px 1px 0;
	background-color: #fff;
}

#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 #fff;
	margin: 0;
}

#content #accountwidget h2.open {
	cursor: default;
	background-image: url(/style/widget-open.gif);
}


#addresswidget {
	border: 1px solid #7a7777;
}

#addresswidget td {
	padding:0;
}

#addresswidget div {
	margin: 0;
	padding: 5px;
}

#addresswidget div.panel {
	padding: 5px 0px;
	overflow: auto;
}

#content #addresswidget h2 {
	cursor: pointer;
	margin: 0 0 1px;
	padding-left: 10px;
	background-image: url(nav-bg-h2-grey.jpg);
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size:12px;
}

#content #addresswidget h2.open {
	cursor: default;
	background-image: url(nav-bg-h2-grey.jpg);
	background-position: 8px 50%;
}
#content #addresswidget h3 {
	margin: 0 0 1px;
	padding-left: 10px;
	color: #903;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size:12px;
}

#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 #903;
	padding: 4px;
	color: #903;
	margin: 0 0 10px;
}

#title {
	float: right;
}

.error {
	color: #903;
	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 {

	padding: 6px 0 6px 36px;
}



table.basket th {
	color: #333333;
	font-weight: bold;

}

table.basket td,
table.basket th {
	padding: 4px;
}


table.basket input.button {
	background-color: #fff;
	border: 1px solid #000;
	padding: 1px 2px;
}

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: #fff;
	background-color: #903;
	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: #ffffff;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 #fff;
	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% #fff;
	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% #fff;
	padding-top: 4px;
	padding-bottom: 4px;
}

.request {
	border:1px solid #7a7777;
	background: url(/style/request.gif) repeat-x 0 100% #fff;
	margin: 5px;
	width:250px;
}

.request-small {
	border:1px solid #7a7777;
	background: url(/style/request.gif) repeat-x 0 100% #fff;
	margin: 5px;
}

.request-small-yellow {
	border:1px solid #ff3333;
	background: #ffff66;
	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: #903;
}

.fulldetails {
	float: right;
	background-color: #fff;
	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: 18px;
	font-family: arial, sans-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: #fff;
	background-color: #999;
}

.basket #temperaturebar li.basket a,
.shipping #temperaturebar li.shipping a,
.billing #temperaturebar li.billing a {
	color: #903;
	background-color: #fff;
}

#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: #903;
	font-size:14px;
}

.DiscountedSave
{
	text-decoration: none;
	color: #903;
	font-size:14px;
}


.tags {
	color: #000000;
	font-size: 12px;
	background-color:#F4F4F4;
	padding:20px;
	border:1px solid #CCCCCC;
	margin:80px;
}
.tags h3{
	font-size:13px;
	font-weight:bold;
	padding-bottom:10px;
}

#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: -15px;
	right: 0px;
}

#stepsCart1{ background:url(/images/step_1_new.gif) no-repeat; text-align:left; margin-top:20px; margin-bottom:20px; padding-left:10px;  padding-top:55px; font-size:10px; width:457px; height:27px; margin-left : 380px;}
#stepsCart1 a{padding-right:50px; font-size:9px}

#stepsCart2{ background:url(/images/step_2_new.gif) no-repeat; text-align:left; margin-top:20px; margin-bottom:20px; padding-left:10px;  padding-top:55px; font-size:10px; width:457px; height:27px; margin-left : 380px;}
#stepsCart2 a{padding-right:50px; font-size:9px}

#stepsCart3{ background:url(/images/step_3_new.gif) no-repeat; text-align:left; margin-top:20px; margin-bottom:20px; padding-left:10px;  padding-top:55px; font-size:10px; width:457px; height:27px; margin-left : 380px;}
#stepsCart3 a{padding-right:50px; font-size:9px}

#PopUpAccount {width:300px; padding:15px; border:3px solid #990033; background:#FFFFFF; color:#990033; font-family:Arial, Helvetica, sans-serif}
#PopUpAccount input { width:150px; margin-left:10px;}
#PopUpAccount label {width:70px; display:block;}
#PopUpAccount textarea {width:150px; margin-left:10px;}
#PopUpAccount select {width:150px; margin-left:10px;}
#PopUpAccount a { font-size:10px}

#PopUpAccount h3 {
	font-weight: normal;
	font-size:16px;

	padding: 4px;
	margin-top:0;
}

.changevat {color:#fff; height: auto;}
a.changevat:link { text-decoration: none; color:#666666;}
a.changevat:active { text-decoration: none;color:#666666;}
a.changevat:visited { text-decoration: none;color:#666666;}
a.changevat:hover { text-decoration: underline; color:#666666;}


#theme {
	float: left;
	width: 695px;
	margin: 0 5px 0 0;
}
#theme H1{
font-size:16px;
color:#CC3399;
font-weight: bold;
padding:10px 0px 10px 5px;
}

#themetop{
	float:left;
	width:680px;
	magin: 0 0px 0 0;
	height: 302px;
	margin-bottom: 20px;
}
.themetopbox1{
	float:left;
	width:445px;
	height:302px;
}
.themetopbox2{
	float:left;
	width:220px;
	height:302px;
}

.themetopbox1 img {
	border: 10px solid #FF33CC;
	}
	


	.themetopbox2 ul{
		margin-top: 65px;
		border-top: solid #D957AF 1px;	
		width:210px;
		border-right: solid #D957AF 1px;	
		}


.themetopbox2 li{
	float: left;
	display: block;
	width: 200px;
	color: #000;
	background-image: url(../mothersday/images/nav-bg.jpg);
	text-align: left;
	font-size: 12px;

}

.themetopbox2 ul li a{
	float: left;
	display: block;
	height:22px;
	width: 200px;
	color: #000;
	background-image: url(../testingJames/images/nav-bg.jpg);
	text-align: left;
	font-size: 12px;
	padding: 9px 5px 3px 5px;
	border-right: solid #D957AF 1px;
	text-decoration: none;
	
}


.themetopbox2 UL LI a:hover {
	float: left;
	width: 200px;
	color: #FF0099;
	background-image: url(../testingJames/images/nav-bghover.jpg);
	text-align: left;
	font-size: 12px;
}

.theme-content-pink{
	padding:10px;
	font-size:12px;
	border-bottom: 1px solid #ccc;
	width:95%;
}
.theme-content-pink h2 {
	font-size: 14px;
	color: #FF00CC;
	margin: 10px 0;
	line-height:20px;
	font-weight: bold;
}

.theme-content-pink h3 {
	font-weight: bold;
	font-size:12px;
	color: #FF00CC
	border: solid #7a7777;
	border-width: 0 0 1px;
	padding-top: 4px;
	padding-bottom: 4px;
	color: #666666;
	padding-left: 10px;
}
.theme-content-pink ul {
	list-style-type:square;
	margin-left:50px;
}

.theme-content-pink p {
padding-left:10px;
}

.theme-content-small{
	padding:10px;
	font-size:12px;
	border-bottom: 1px solid #ccc;
	width:95%;
}
.theme-content-small h2 {
	font-size: 14px;
	color: #FF00CC;
	margin: 10px 0;
	line-height:20px;
}

.theme-content-small h3 {
	font-weight: bold;
	font-size:10px;
	color: #FF00CC
	border: solid #7a7777;
	border-width: 0 0 1px;
	padding-top: 4px;
	padding-bottom: 4px;
	color: #666666;
	padding-left: 10px;
}
.theme-content-small ul {
	list-style-type:square;
	margin-left:50px;
}

.theme-content-small p {
padding-left:10px;
}
.theme-content-small img {
	margin-right:10px;
	margin-top:10px;
	float: left;
	border: solid #FFFFFF 5px;
	border-color:#669900
	margin-bottom: 60px;
	margin-bottom: 60px;
}

.checkout-top-msg{
	float:left;
	width:650px;
	background-color:#FFFF99;
	margin-left: 30px;
	border: solid #999999 1px;
	padding: 10px;
}
.productContent {
	font-size:11px;
	background-color:#F9F9F9;
	border:solid #CCCCCC 1px;
	float:left;
	padding:5px;
	width:290px;
}
.productContent h3{
	font-size:12px;
	color:#333333;
	font-weight:bold;
	background-color:#D8D8D8;
	padding:5px;
}
.productContent p{
padding-left:5px;
}
.productContent ul{
padding-left:5px;
}

