@charset "utf-8";

@import url("/sections.css");

/* override the usual annoyances */
ul,li,table,th,td,h1,h2,h3,form {
	margin:0px;
	padding:0px;
	}
table {
	border-collapse:collapse;
	}
td {
	vertical-align:top;
	}
img {
	border:none;
	}
	
/* This styling is primaraly for the Terms & Conditions */
ol li { margin-bottom: 10px; }
ol li ol {
	margin-top: 0px;
	padding-top: 0px;
}
ol li li { margin-bottom: 5px; }
ol li li li { margin-bottom: 0px; }
	
/* body */
body {
	margin:18px 0px 10px;
	font-size:0.75em;
	font-family:Arial, Helvetica, sans-serif;
	}
div#h,div#cc,div#f {
	margin-left:auto;margin-right:auto;
	width:986px;
	}
img#logo {
	float:left;
	}


/* login/"you are..." area */
form#login,div#user {
	float:right;
	white-space:nowrap;
	font-weight:bold;
	color:#242021;
	font-size:1.083em;
	}
form#login * {
	vertical-align:middle;
	}
div#user * {
	vertical-align:bottom;
	}
form#login a,div#user a {
	color:#00a0e4;
	}
form#login a {
	margin-right:8px;
	}
div#user a {
	margin-left:8px;
	}
form#login span {
	border-left:1px solid #242021;
	padding-left:8px;
	}
div#user span {
	border-right:1px solid #242021;
	padding-right:8px;
	margin-right:3px;
	}
form.login label { /* yes, some of these are ids and some are classes - it's deliberate */
	color:#003e7d;
	padding:0px 5px 0px 10px;
	}
form.login input.text {
	width:8em;
	}
form#login input.image {
	margin-left:8px;
	}
form.login th,form.login td {
	padding:3px;
	}
form.login th,td.submit {
	text-align:right;
	}


/* nav tabs */
ul#nav {
	float:right;
	}
ul#nav li,ul#EOL li,ul#purchase li {
	list-style:none;
	font-weight:bold;
	background-position:top left;
	background-repeat:no-repeat;
	}
ul#purchase li {
	background-color:#B4AF75;
	}
ul#nav li {
	float:left;
	margin-left:1px;
	}
ul#EOL li,ul#purchase li {
	margin-bottom:1px;
	}
ul#nav a,ul#EOL a,ul#purchase li a {
	display:block;
	padding:8px 8px 7px;
	color:#ffffff; /* was #333031 */
	background-position:top right;
	background-repeat:no-repeat;
	text-decoration:none;
	text-align:center;
	width:74px;
	min-height:30px;
	}
ul#nav li.current a {
	color:#ffffff;
	}
ul#nav li a:hover {
	color:#333031;
	}
ul#nav li.current a:hover {
	color:#333031;
	}
ul#nav li a:hover {
	text-decoration:underline;
	}


/* content area */
div#c {
	background-repeat:repeat-x;
	padding:10px 0px;
	clear:both;
	}
body.retailer div#c {
	background-image:url(images/contentholder_bg_sliver_retailer.gif);
	}
div#b {
	background-color:#d8d7b9;
	background-image:url(images/cc_border_top.gif);
	background-repeat:repeat-x;
	}
body.retailer div#c div#b {
	background-color:#f7c89a;
	}
div#bb {
	background-image:url(images/cc_border.gif);
	background-repeat:repeat-y;
	}
div#bbb {
	background-image:url(images/cc_border.gif);
	background-repeat:repeat-y;
	background-position:right;
	}
div#bbbb {
	background-image:url(images/cc_topleft.gif);
	background-repeat:no-repeat;
	}
body.retailer div#c div#bbbb {
	background-image:url(images/cc_topleft_retailer.gif);
	}


/* breadcrumb trail */
div#breadcrumb_trail {
	font-size:0.917em;
	padding:10px 5px 8px 15px;
	background-image:url(images/cc_topright.gif);
	background-repeat:no-repeat;
	background-position:top right;
	}
div#breadcrumb_trail * {
	color:#242021;
	}
body.retailer div#c div#breadcrumb_trail {
	background-image:url(images/cc_topright_retailer.gif);
	}


/* borders */
div#ccc,div#cccc,div#ccccc,div#cccccc,div#ccccccc,div#s,div#ss,div#sss,div#searchpane,div#content {
	float:left;
	}
div#ccc {
	background-color:#ffffff;/* needed to obscure div#cc's bg-color if breadcrumb trail is very thin */
	background-image:url(images/cc_border.gif);
	background-repeat:repeat-y;
	}
div#cccc {
	background-image:url(images/cc_border.gif);
	background-repeat:repeat-y;
	background-position:right;
	}
div#ccccc {
	background-image:url(images/cc_border.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	}
div#cccccc {
	background-image:url(images/cc_bottomleft.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	}
div#s {
	background-color:#d8d7b9;
	background-image:url(images/cc_border.gif);
	background-repeat:repeat-y;
	}
div#ss {
	background-image:url(images/cc_border.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	}
div#sss {
	background-image:url(images/s_bottomleft.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	}
div#searchpane {
	width:310px;
	padding-left:1px;
	}
div#ccccccc {
	background-image:url(images/cc_bottomright.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	}




/* search form */
div#searchpane img {
	margin-bottom:11px;
	}
div.search {
	background-repeat:repeat-y;
	margin:0px 11px 11px;
	}
div.search h2,div.search h3,div.search div#cart-contains {
	background-repeat:no-repeat;
	color:#242021;
	}
div.search h2,div.search h3 {
	padding:20px 20px 0px;
	}
div.search div#cart-contains {
	padding:20px 20px 0px;
	}
div.search h2 {
	font-size:1.5em;
	}
div.search h3 {
	font-size:1.3em;
	}
div.search form,div.search ul {
	background-repeat:no-repeat;
	background-position:bottom left;
	padding:0px 20px 20px;
	}
div.search label,div.search input.image {
	margin:5px 0px 2px;
	}
div.search form div {
	text-align:right;
	}
div.search label {
	display:block;
	font-weight:bold;
	}

option.section {
	padding-left:10px; /* this doesn't work in IE, probably because it uses the OS to render SELECTs */
	}
option.group {
	padding-left:20px; /* this doesn't work in IE, probably because it uses the OS to render SELECTs */
	}
option.subgroup {
	padding-left:30px; /* this doesn't work in IE, probably because it uses the OS to render SELECTs */
	}
option.everywhere {
	background-color:#ffffff;
	}

div.search input.text,div.search select {
	width:95%;
	}
div.search ul {
	margin-top:5px;
	}
ul#product_a_to_z li {
	display:inline;
	}
ul#product_a_to_z li a {
	color:#5681c0;
	font-weight:bold;
	padding:0px 3px;
	}


/* common elements */
img#banner {
	margin-left:1px;
	}
body.popup div#content {
	width:auto; /* size according to the popup's size */
	}
div#content {
	width:613px;
	padding:20px 31px;
	}
body.wider div#content,body.retailer div#content {
	width:924px;
	}
h1 {
	font-size:2em;
	color:#242021;
	padding-bottom:10px;
	}
body.wider h1 {
	color:#949055;
	padding-bottom:5px;
	}
h2 {
	font-size:1.167em;
	color:#000000;
	padding:15px 0px 25px;
	}
h2 span {
	/*color:#6c9db6;*/
	color: #D8D7B9;
	}
body.wider h2 {
	font-size:1.25em;
	color:#b4af75;
	padding:20px 0px 5px;
	}
div#content a {
	color:#6a99ce;
	font-weight:bold;
	}
div#content a:hover {
	color:#003e7d;
	}
div#content ul {
	padding: 0px 0px 0px 20px;
}
div#content .pane ul { /* but not when the ul is in a pane (may well need to add other exclusions too...) */
	padding: 0px;
}
div#intro,div#end-of-line-holder,div#end-of-line {
	float:left;
	width:480px;
	}
td.currency {
	text-align:right;
	}

table.figures th {
	text-align:right;
	padding-right:10px;
	}
table.report  {
	margin-top:20px;
	border-bottom:3px solid #000000;
	}
table.report td {
	padding:2px 20px 2px 0px;
	}
table.report tr.customer td {
	border-top:1px solid #000000;
	font-weight:bold;
	}
table.report tr.customer td td {
	border:none;
	padding-top:0px;
	padding-bottom:0px;
	}
table.report tr.heading td {
	border-top:2px solid #000000;
	border-bottom:1px solid #000000;
	font-weight:bold;
	}
table.report td.number {
	text-align:right;
	}
div#sales h2 {
	padding-bottom:5px;
	}

/* alert box used throughout the site */
.alert,.info {
	background-color:#9ac8f7;
	padding:10px 11px;
	margin-bottom:11px;
	}
.alert div,.info div {
	border:1px solid #202423;
	background-color:#ffffff;
	padding:9px 8px 9px 34px!important; /* !important to ensure it overrides more specific styles, to reveal the background icon */
	background-position:8px 9px;
	background-repeat:no-repeat;
	min-height:18px;
	}
.alert div {
	background-image:url(images/alert.gif);
	}
.info div {
	background-image:url(images/info.gif);
	}



.required {
	color:#ea2b4f;
	font-weight:bold;
	font-size:1.167em;
	}


.popupinfo {
	position:absolute;
	display:none;
	border:1px solid #ff0000;
	background-color:#ffffff;
	color:#000000;
	padding:3px;
	width:100px;
	white-space:normal; /* otherwise they inherit 'nowrap' from some of the TDs in table#variations */
	text-align:left; /* otherwise they inherit 'center' from some of the TDs in table#variations */
	}
.popupinfo.permission {
	/*right:0px;*/ /* trying to prevent it from poking out the RHS of 1024-wide browsers */
	}


.TODO {
	color:red;
	font-weight:bold;
	font-size:2em;
	}


/* signposts on home page */
div#signposts,div#featured-product-holder,div#featured-product,div#newsletter-holder,div#newsletter,div.home-search-holder,div.home-search {
	float:right;
	width:413px;
	}
div#signposts {
	width:413px;
	}
div#featured-product-holder,div#newsletter-holder,div.home-search-holder,div#intro,div#end-of-line-holder {
	margin-bottom:15px;
	}
div#featured-product,div#newsletter,div.home-search {
	padding:11px 11px 11px 17px;
	}
div#end-of-line {
	padding:11px;
	}
div#featured-product,div#newsletter,div.home-search {
	width:385px;
	}
div#end-of-line {
	width:458px;
	}
div#featured-product-holder,div.home-search-holder {
	background-color:#eae9d5;
	background-image:url(images/featured_product_bg_top.gif);
	background-position:top;
	background-repeat:no-repeat;
	}
div#featured-product,div.home-search {
	background-image:url(images/featured_product_bg_bottom.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	}
div#newsletter-holder,div#end-of-line-holder {
	background-position:top;
	background-repeat:no-repeat;
	}
div#newsletter-holder {
	background-color:#b4af75;
	}
div#end-of-line-holder {
	background-color:#279fd4;
	color:#ffffff;
	}
div#newsletter-holder {
	background-image:url(images/newsletter_bg_top.gif);
	}
div#end-of-line-holder {
	background-image:url(images/end-of-line_bg_top.gif);
	}
div#newsletter,div#end-of-line {
	background-position:bottom;
	background-repeat:no-repeat;
	}
div#newsletter {
	background-image:url(images/newsletter_bg_bottom.gif);
	}
div#end-of-line {
	background-image:url(images/end-of-line_bg_bottom.gif);
	}
div#signposts h2,div#end-of-line h2 {
	font-size:1.5em;
	padding:0px 0px 5px;
	}
div#featured-product h2,div#featured-product h3,div.home-search h2,div.home-search h3  {
	color:#756f27;
	}
div#featured-product img, div.home-search img {
	float:right;
	margin-left:11px;
	}
div#featured-product h3, div.home-search h3 {
	font-size:1em;
	margin-bottom:3px;
	}
div#featured-product h3 a, div.home-search h3 a {
	color:#756f27;
	/*text-decoration:none;*/
	}
div#featured-product div,div#newsletter div, div.home-search div,div#end-of-line div {
	margin-top:10px;
	}
div#featured-product div span, div.home-search div span {
	margin:0px 5px;
	}

div#newsletter h2 a,div#end-of-line h2 a {
	text-decoration:none;
	}
div#newsletter h2 a:hover,div#end-of-line h2 a:hover {
	text-decoration:underline;
	color:#ffffff;
	}
div#newsletter a,div#end-of-line a {
	color:#ffffff;
	}
div#newsletter .pipe {
	color:#ffffff;
	font-weight:bold;
	}
div.home-search input.image{
	vertical-align: middle;
	padding: 0 0 3px 0;
	margin: 0 0 0 5px;
}
div#content ul#brand_logos {
	clear: both;
	width: 100%;
	text-align: center;
	margin: 30px 0px 0px 0px;
	height: 100%;
	padding:0px;
	vertical-align: middle;
	}
ul#brand_logos li{
	border: 0;
	vertical-align: middle;
	list-style-type: none;
	display: inline;
	margin: 0 5px 0 5px;
	padding: 0;
	}
ul#brand_logos li a img{
	vertical-align: middle;
	}

/* categories (groups, or products) tables */
table#categories td {
	width:196px;
	padding-bottom:13px;
	}
table#categories td.middle {
	padding:0px 12px;
	}
div.category {
	border:1px solid #D8D7B9;
	}
div.category a.img {
	display:block;
	height:146px;
	text-align:center;
	}
div.category a.img img {
	height:146px;
	width:194px;
	}
div.category div.details {
	background-color:#D8D7B9;
	padding:11px 11px 10px;
	}
table#categories h3 {
	display:inline;
	font-size:1em;
	color:#000000;
	}
table#categories /*h3 */a {
	color:#ffffff;
	text-decoration:none;
	}
table#categories /*h3 */a:hover {
	color:#ffffff;
	text-decoration:underline;
	}
table#categories div.more {
	color: #5F5C41;
	font-weight:bold;
	margin-top:8px;
	padding:0px;
	}
div#content ul.pages {
	padding:0px;
	}
ul.pages,ul.pages li {
	display:inline;
	}

/* product page */
#stickers td {
	vertical-align:top;
	}
#stickers img {
	margin-right:10px;
	margin-bottom:10px;
	}
a#img,div#img {
	float:right;
	color:#5681c0;
	font-size:0.916em;
	margin: 0px 0px 15px 0px;
}
a#img img,div#img img {
	border:1px solid #242021;
}
a#img span,div#img span {
	display:block;
	background-image:url(images/enlarge.gif);
	padding:3px 0px 3px 18px;
	background-repeat:no-repeat;
	background-position:center left;
	}
div#product_right {
	float: right;
	margin: 0px 0px 0px 10px
}
div#product_right div#animal_icons {
	float: right;
	width: 100%;
	margin: 0px 0px 15px 0px;
}
div#product_right div#animal_icons img {
	float: left;
	margin-left: 5px;
	padding: 1px;
	border: 1px solid #000000;
}
div#product_right div#animal_icons img.first { margin-left: 2px; }
	
	/* variations table */
	table#variations {
		clear:both;
		margin-top:20px;
		width:100%;
		}
	table#variations thead th {
		background-color:#e3e3e3;
		padding:6px 5px 4px;
		/*white-space:nowrap;*/
		}
	table#variations thead th span {
		font-weight:normal;
		font-size:0.833em;
		}
	table#variations td,table#variations tbody th {
		border-top:1px solid #ffffff;
		background-color:#eeeeee;
		padding:2px 5px;
		vertical-align:middle;
		}
	table#variations tr.first td,table#variations tbody tr.first th {
		border-top:11px solid #ffffff;
		}
	table#variations .product_code,table#variations .description,table#variations .barcode {
		text-align:left;
		}
	table#variations .product_code {
		width:30%;
		}
	table#variations.favourites .product_code {
		width:1%;
		}
	table#variations .description {
		width:70%;
		}
	table#variations .size,table#variations .price,table#variations .qty,table#variations .stock {
		text-align:center;
		white-space:nowrap;
		}
	table#variations tfoot td {
		background-color:#e4ebf5;
		padding:6px 10px 4px;
		}
	/*table#variations tfoot a,*//* the "view cart" link has been removed */
	table#variations tfoot input#favourites {
		float:left;
		}
	table#variations tfoot input {
		float:right;
		}
	
	/* link to EOL page for product */
	div.EOL {
		margin-top:20px;
		}
	
	/* find a retailer */
	div#locate-retailer-holder,div#locate-retailer {
		float:right;
		width:613px;
		}
	body.wider div#locate-retailer-holder,body.wider div#locate-retailer {
		float:none;
		}
	div#locate-retailer {
		padding:11px 11px 11px 17px;
		width:585px;
		}
	div#locate-retailer-holder {
		margin-top:20px;
		background-color:#c9d9e2;
		background-image:url(images/locate_retailer_bg_top.gif);
		background-position:top;
		background-repeat:no-repeat;
		}
	div#locate-retailer {
		background-image:url(images/locate_retailer_bg_bottom.gif);
		background-position:bottom;
		background-repeat:no-repeat;
		}
	div#locate-retailer h2 {
		color:#000000;
		font-size:1.5em;
		padding:0px 0px 3px;
		}
	div#locate-retailer form {
		margin-top:10px;
		}
	div#locate-retailer form * {
		vertical-align:middle;
		}
	div#locate-retailer input.text {
		margin-right:10px;
		}
	/* list of retailers */
	div#locate-retailer ul {
		margin:5px 0px 20px;
		border-top:2px solid #ffffff;
		}
	div#locate-retailer li {
		list-style:none;
		border-bottom:2px solid #ffffff;
		padding-top:10px;
		}
	div#locate-retailer th {
		text-align:right;
		vertical-align:top;
		padding-right:5px;
		width:10em;
		}
	div#locate-retailer td {
		padding-bottom:5px;
		}

/* standard form layout */
form th {
	text-align:right;
	font-weight:normal;
	padding-right:10px;
	}
form th,form td {
	padding-bottom:10px;
	vertical-align:top;
	}
label span.required {
	margin-right:5px;
	}
form img.helper {
	margin-left:10px;
	}

/*contact form*/
div#contact_area{
	clear: both;
	}
div#map,img#map {
	float: right;
	margin: 10px 0;
	}
div#map {
	width: 500px;
	height: 400px;
	border: 2px solid #C8CE8A;
	}
form#contact_form{
	float: left;
	width: 400px;
	margin: 10px 0 0 0;
	}
ul#contact_details{
	list-style-type: none;
	margin: 10px 0 10px 0;
	}
ul#contact_details li{
	margin: 5px 0 5px 0;
	}
ul#contact_details li address{
	font-style: normal;
	}
	
/* account area */
div.pane {
	background-color:#dbedff;
	padding:10px 11px;
	}
div.pane {
	clear:both;
	margin-bottom:10px;
	text-align:right;
	min-height:18px; /* prevents IE from oversizing the div */
	}
div.pane.left,div.pane.right {
	width:429px;
	text-align:left;
	}
div.pane.left {
	clear:none;
	float:left;
	}
div.pane.right {
	clear:none;
	float:right;
	}
div.pane div#details {
	text-align:left;
	}
form div.pane.left table,form div.pane.right table {
	width:100%;
	}
form div.pane.left th,form div.pane.right th {
	white-space:nowrap;
	}
form div.pane.left td,form div.pane.right td {
	width:15em;
	}
div.pane.left input.text,div.pane.right input.text,
div.pane.left textarea,div.pane.right textarea {
	width:17em;
	}
div.pane.left textarea,div.pane.right textarea {
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.11em;
	}
div.pane.left input.postcode,div.pane.right input.postcode {
	width:8em;
	}
div.pane.submit {
	background-color:#d6eaff;
	}
div.pane.submit * {
	vertical-align:bottom;
	}


/* public (SSL) checkout form */
input#payment_issuenumber {
	width:2em;
	}
input#payment_cvv {
	width:3em;
	}


/* account "home" page */
div#orders,div#details,div#check_details,div#addresses,div#customer_reference,div#customer_notes_holder,div#web_order_number,div#payment,div#delivery,div#thanks_payment,div#thanks_delivery {
	border:1px solid #202423;
	background-color:#ffffff;
	padding:17px 19px;
	}
form#check_details_form div#addresses { /* there's another div#addresses elsewhere, with a different border colour! This rule ensures that THIS colour sticks on the check_details page */
	border:1px solid #202423;
	}
div.pane h2 {
	font-size:1.5em;
	padding:10px 0px 10px 0px;
	}
div#orders h2,div#details h2 {
	background-repeat:no-repeat;
	min-height:44px;
	padding-left:49px;
	}
div#orders h2 {
	background-image:url(images/icon_orders.gif);
	}
div#details h2 {
	background-image:url(images/icon_details.gif);
	}
div#orders li,div#details li {
	list-style:none;
	background-image:url(images/account_li_bg.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
	padding:0px 5px 20px 13px;
	}
div#orders li h3,div#details li h3 {
	font-size:1em;
	}
div#orders a,div#details a {
	color:#003e7d;
	text-decoration:none;
	}
div#orders a:hover,div#details a:hover {
	color:#6a99ce;
	}


/* check details page after first login */
div#check_details h3,div#addresses h3 {
	font-size:1.25em;
	margin-bottom:10px;
	}
div#addresses li {
	list-style:none;
	background-color:#f0f7ff;
	padding:10px 11px;
	margin-bottom:10px;
	}
div#addresses li div {
	border:1px solid #202423;
	background-color:#ffffff;
	padding:17px 19px;
	}
div#addresses input.text {
	width:16em;
	}

/* table on "My Account Details" page */
div#details th {
	text-align:right;
	vertical-align:top;
	}
div#details th,div#details td {
	padding:5px;
	}

/* transactions and past orders tables */
table#transactions,
table#orders,
table#order {
	clear:both;
	margin-top:20px;
/*	width:100%;*/
	}
table#transactions th,
table#orders th,
table#order th,
table#quickadd th {
	background-color:#e3e3e3;
	padding:6px 10px 4px;
	font-weight:bold;
	/*white-space:nowrap;*/
	}
table#order th {
	text-align:right;
	}
table#quickadd th {
	text-align:center;
	}
table#transactions th span,
table#orders th span,
table#order th span {
	font-weight:normal;
	font-size:0.833em;
	}
table#transactions td,
table#orders td,
table#order td,
table#quickadd td {
	border-top:1px solid #ffffff;
	background-color:#eeeeee;
	padding:2px 10px;
	vertical-align:middle;
	}
table#transactions tr.first td,
table#orders tr.first td,
table#order tr.first td,
table#quickadd tr.first td {
	border-top:11px solid #ffffff;
	}
table#transactions .product_code,table#transactions .description {
	text-align:left;
	}
table#transactions .product_code {
	width:30%;
	}
table#transactions .description {
	width:70%;
	}
table#transactions .size,table#transactions .price,table#transactions .qty {
	text-align:center;
	white-space:nowrap;
	}


/* cart page */
div#cart,div#addresses,div#customer_reference,div#customer_notes_holder,div#web_order_number,div#thanks_payment,div#thanks_delivery {
	background-color:#ffffff;
	border:1px solid #abadad;
/*	padding-bottom:29px;*/
	}
div#customer_notes_holder {
	margin-top:10px;
	}
div#cart table#products {
	width:100%;
	text-align:left;
	}
div#cart th,div#cart td {
	border-bottom:1px solid #ffffff;
	border-right:1px solid #ffffff;
	padding:10px;
	}
div#cart th/*,div#cart tfoot td*/ {
	background-color:#e4e4e4;
	color:#666666;
	text-align:left;
	font-weight:bold;
	}
div#cart td {
	background-color:#f3f3f3;
	color:#5681c0;
	vertical-align:middle;
	}
div#cart span.foc_item {
	color:#ff0000;
	}
div#cart td.qty {
	padding-top:4px;
	padding-bottom:4px;
	}
div#cart td.price {
	font-weight:bold;
	white-space:nowrap;
	}
div#cart th.final,div#cart td.final {
	border-right:none;
	}

div#cart tfoot th,div#cart tfoot td {
	background-color:#ffffff;
	}

form.cart-search {
	background-color:#EAE9D5;
	text-align:right;
	padding:9px 39px;
	}
form.cart-search * {
	vertical-align:middle;
	}
form.cart-search h2 {
	display:inline;
	padding:0px;
	}
form.cart-search h2,form.cart-search input.text {
	margin-right:10px;
	}

td#totals {
	width:auto;
	text-align:right;
	}
td#totals th,td#totals td {
	padding:5px;
	font-weight:bold;
	font-size:1.25em;
	color:#000000;
	}
td#totals th {
	text-align:right;
	width:100%; /* to visually right-align to table within the td#totals */
	}
td#totals span.price {
	color:#003e7d;
	}

div.submit {
	background-color:#dbedff;
	text-align:right;
	vertical-align:middle;
	padding: 9px 39px;
	margin-bottom:10px;
	}
div.submit a,div.submit input.image {
	margin-left:20px;
	}


/* delivery address selection area, and customer_reference area */
form#deliveryform {
	margin-top:30px;
	}
div#addresses,div#customer_reference,div#customer_notes_holder,div#web_order_number,div#thanks_payment,div#thanks_delivery {
	text-align:left;
	}
div#addresses input.radio {
	margin-right:10px;
	}

div#customer_reference div.info,div#customer_reference table,
div#customer_notes_holder div.info,div#customer_notes_holder table {
	margin-left:20px; /* matches the padding-left on the UL of delivery addresses */
	}


/* footer */
div#footer {
	padding:10px;
	text-align:center;
	font-size:0.917em;
	color:#909090;
	}
div#footer ul {
	margin-bottom:5px;
	}
div#footer li {
	list-style:none;
	display:inline;
	border-left:1px solid #909090;
	padding:0px 8px;
	}
div#footer li.first {
	border-left:none;
	}
div#footer li * {
	font-weight:bold;
	color:#909090;
	}
div#footer a#tjs {
	text-decoration:none;
	color:#909090;
	}
	
	
/* Item List - e.g. FAQs and links */
ul.item_list {
	margin-top: 20px;
	list-style: none;
}
ul.item_list li {
	margin-bottom: 20px;
}
ul#links li {
	margin-bottom: 10px; /* less than usual because they'll end with a paragraph which has its own bottom- padding/margin */
	border-bottom:1px solid #949055;
	}
ul#links li.final {
	border-bottom:none;
	}
ul.item_list h2 {
	padding: 0px;
	margin: 0px 0 5px 0;
}
ul#links p { /* use an ID selector to make this more specific than "div#content ul" */
	padding-top:0px;
	margin-top:0px;
	}
ul#links td.image {
	padding-right:10px;
	}

/* newsletters area */
.newsletters h3 {
	font-size:1.25em;
	padding-bottom:5px;
	}
.newsletters h4 {
	margin:0px;
	font-size:1em;
	}
.newsletters td {
	padding:5px 0px;
	}
.newsletters .category td {
	padding-top:10px;
	}
.newsletters .archive td {
	padding-bottom:10px;
	}
.newsletters .central {
	padding-left:50px;
	padding-right:50px;
	}
.newsletters .download {
	white-space:nowrap;
	}
.download a {
	text-decoration:none;
	}
.newsletters tr.category {
	border-top:1px solid #6A99CE;
	}
.newsletters tr.first {
	border-top:none;
	}