* {
	margin: 0;
	padding: 0;
	}

body {
	background-color: #E1007A;
	font: 0.8em/1.4 Verdana,Arial,Sans Serif;
	color: #333;
	text-align: center;
	}

#accessibility {
	position: absolute;
	top: -1000px;
	}
	
a img {
	border: none;
	}
	
a {
	color: #E1007A;
	}

h1,
h2,
h3,
#splash1,
.shopoffer span {
	color: #1C4A81;
	}
	
h1 {font-size: 150%;}
h2 {font-size: 130%;}
h3 {font-size: 110%;}

pre {
	font-size: 120%;
	overflow: scroll;
	margin: 0;
	padding: 0;
	border: 1px solid #ccc;
	background-color: #eee;
	}

p {
	margin: 0 0 1em 0;
	}

/* LAYOUT */
#container {
	background: #fff url(../images/boc-bg.gif) top left repeat-y;
	width: 960px;
	margin: 0 auto;
	text-align: left;
	min-height: 800px;
	padding: 0 4px;
	}

#topbanner {
	text-align: center;
	}
	
#header {
	min-height: 115px;
	position: relative;
	}
	
#side {
	float: left;
	width: 292px;
	margin: 0 0 16px 16px;
	}
	
#shops #side,
#bags #side,
#about-us #side {
	float: none;
	position: absolute;
	}
	
#main {
	margin: 0 16px 0 324px;
	min-height: 600px;
	}

#front #main {
	min-height: 200px;
	}
	
.col1,
.col2 {
	width: 292px;
	float: left;
	margin-bottom: 16px;
	}
	
#footer,
#subfoot,
.clear {
	clear: both;
	}
	
/* HEADER */
#logo {
	float: left;
	position: relative;
	margin: 18px 15px 0 16px;
	padding: 2px 55px 0 0;
	background: url(../images/arrow-01.gif) top right no-repeat;
	}
	
#header .topmenu {
	font-size: 110%;
	margin: 50px 20px 0 0;
	padding: 0;
	list-style-type: none;
	float: left;
	}
	
#header .topmenu li {
	float: left;
	}
	
#header .topmenu li a {
	text-decoration: none;
	display: block;
	padding: 0 13px 2px 3px;
	background: url(../images/arrow-03.gif) 100% 3px no-repeat;
	}
	
#header .topmenu li a:hover {
	background: url(../images/arrow-02.gif) 100% 0 no-repeat;
	}
	
#header #topfeeds {
	position: absolute;
	top: 5px;
	right: 16px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 90%;
	}
	
#header #topfeeds li {
	float: left;
	margin-left: 10px;
	padding-left: 20px;
	background: url(../images/feed.png) top left no-repeat;
	}
	
#header #searchbox {
	margin: 40px 16px 0 0;
	padding: 10px;
	background-color: #E5EFFA;
	width: 13em;
	float: right;
	}
	
#header #searchbox form {
	margin: 0;
	padding: 0;
	text-align: right;
	}
	
#header p {
	margin: 0;
	padding: 0;
	}
	
/* SPLASH 1 */
#splash1 {
	background: url(../images/splash1-bg.jpg) 0 0 repeat-y;
	padding: 5px 16px 5px 16px;
	margin-bottom: 16px;
	}
	
#splash1 .splashcontent {
	width: 618px;
	float: left;
	}
	
#splash1 .splashimage {
	float: right;
	}
	
#splash1 p,
#splash2 p {
	margin: 0;
	}
	
/* SPLASH 2 */
#splash2 {
	background: url(../images/splash-bg-nov09.jpg) 0 0 no-repeat;
	padding-bottom: 16px;
	margin: 0 16px 16px 16px;
	position: relative;
	}
	
#splash2 .splashcontent {
	padding: 16px 0 0 230px;
	color: #333;
	font-size: 120%;
	}
	
#splash2 .action {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
	}

#splash2 h2,
#splash2 h3 {
	margin-bottom: 0;
	}

#splash2 .txt {
	width: 560px;
	margin-top: 6px;
	}

#splash2 .buy {
	margin-top: 20px;
	}

#splash2 .splashimage {
	position: absolute;
	top: 5px;
	left: 10px;
	z-index: 1;
	}

#splash2 a {
	color: #E1007A;
	}
	
/* HOMEPAGE */
#front #side .latest-news {
	margin-bottom: 16px;
	}
	
#feature-shop {
	background: #e5effa url(../images/featured-shop-bg-bottom.gif) 0 100% no-repeat;
	padding-bottom: 10px;
	position: relative;
	}
	
#feature-shop .feature {
	background: url(../images/featured-shop-bg-top.gif) 0 0 no-repeat;
	padding: 16px 16px 0 16px;
	}
	
#main #feature-shop .shopoffer {
	margin-right: 106px;
	}
	
#feature-shop #addshop {
	position: absolute;
	bottom: 2px;
	right: 6px;
	}

#front #side h2,
#front #side h3 {
	padding: 0;
	margin: 0;
	}
	

#front #side h3,
.feature h3 {
	font-size: 100%;
	padding: 0;
	margin: 0;
	}
	
#main .feature .feature-thumb {
	float: left;
	margin: 5px 16px 0 0;
	min-width: 100px;
	}

#side .feature .feature-thumb {
	text-align: center;
	margin: 0;
	}
	
#main .feature p {
	margin: 0 0 10px 116px;
	}

#newshops {
	margin: 16px 0;
	}

#main #newshops ul {
	list-style-type: none;
	padding: 16px 0 0 0;
	}
	
#newshops li {
	width: 50%;
	float: left;
	margin-bottom: 16px;
	}

#newshops li h3,
#newshops li p {
	font-size: 90%;
	}


#newshops li img {
	float: left;
	width: 60px;
	height: 60px;
	margin-right: 20px;
	border: 1px solid #ccc;
	}

h2.thanks {
	margin: 0 16px 16px 16px;
	}
	
/* FORMS */
#side .zemContactForm,
#front .col2 .zemContactForm,
#about-us #main .zemContactForm,
#nl-shoppersform,
#nl-retailersform {
	margin: 0 0 20px 0;
	padding: 0;
	background-color: #e5effa;
	}

#nl-shoppersform {
	padding: 10px;
	}

#retailers .zemContactForm,
#contact #main .zemContactForm {
	background-color: #e5effa;
	}

#about-us #main .zemContactForm {
	margin: 0;
	}

#contact .zemContactForm,
#retailers #main .zemContactForm {
	margin: 16px 0;
	padding: 16px;
	}

#nl-retailersform {
	margin-top: 20px;
	}
	
#side .zemContactForm fieldset,
#front .zemContactForm fieldset,
#contact .zemContactForm fieldset,
#about-us #main .zemContactForm fieldset,
#retailers #main .zemContactForm fieldset,
#nl-retailersform fieldset {
	border: none;
	padding: 10px 10px 0 10px;
	margin: 0;
	}

#about-us #main .zemContactForm fieldset {
	padding: 10px 20px;
	}

#contact #main .zemContactForm fieldset {
	padding: 10px 0;
	}
	
#side .zemContactForm legend,
#front .col2 .zemContactForm legend,
#contact .zemContactForm legend,
#about-us #main .zemContactForm legend,
#retailers #main .zemContactForm legend,
#nl-retailersform legend {
	display: none
	}
	
#side .zemContactForm h2,
#front .col2 .zemContactForm h2,
#main .zemContactForm h2,
#nl-retailersform h3,
#nl-shoppersform h2,
#retailers #side #nl-retailersform h3 {
	font-size: 120%;
	margin: 0
	}

#front #side .zemContactForm label,
#front .col2 .zemContactForm label,
#nl-retailersform label,
#about-us #main .zemContactForm label,
#contact #main .zemContactForm label,
#nl-shoppersform label {
	display: block;
	width: 5.5em;
	float: left;
	}

#nl-retailersform label {
	width: 7em
	}

.zemContactForm p,
#nl-shoppersform p,
#nl-retailersform p {
	color: #666;
	clear: left;
	}

#nl-shoppersform #postcode {
	width: 6em;
	}

#front .col2 .zemContactForm p {
	margin: 0 0 10px 0;
	}

.zemContactForm #signupoption {
	display: none;
	}

#front #side .zemSubmit,
#contact #main .zemSubmit,
#nl-shoppersform .submit,
#nl-retailersform .submit {
	margin-left: 5em;
	}

#front .col2 .zemContactForm .zemSubmit {
	float: right;
    margin: 0 48px 10px 0;
	}

#retailers #main .zemContactForm label {
	display: block;
	float: left;
	}
	
#retailers #main .zemContactForm label.terms,
#retailers #main .zemContactForm label.premium_membership {
	display: inline;
	float: none;
	}

#retailers #main .zemContactForm .company_name,
#retailers #main .zemContactForm .contact_name,
#retailers #main .zemContactForm .Telephone,
#retailers #main .zemContactForm .Fax,
#retailers #main .zemContactForm .Email,
#retailers #main .zemContactForm .Address,
#retailers #main .zemContactForm .Postcode,
#retailers #main .zemContactForm .Website,
#about-us #main #recommend .zemContactForm label {
	width: 11em;
	}

#about-us #main #recommend .zemContactForm .zemSubmit {
	margin-left: 11em;
	}

#retailers #main .zemContactForm .organic_cotton_red,
#retailers #main .zemContactForm .organic_cotton_green,
#retailers #main .zemContactForm .organic_cotton_rust,
#retailers #main .zemContactForm .wild_treetap_rubber {
	width: 19em;
	margin-left: 2em;
	}

#retailers #main .zemContactForm .info_added_by,
#retailers #main .zemContactForm .Date {
	width: 13em;
	text-align: right;
	margin-right: 10px;
	}

#retailers #main .zemContactForm label.zemRequired:after {
	content: " *";
	}

#scheme-thanks {
	background-color: #e5effa;
	margin-left: 20px;
	padding: 10px 0;
	}

.zemError {
	margin: 10px 0;
	padding: 0 15px;
	color: #1C4A81;
	font-size: 90%;
	}
	
label.error {
	display: block;
	width: 180px !important;
	margin-left: 70px;
	padding: 10px 0;
	color: #ee2424;
	}

input.error {
	border: 1px dotted #ee2424;
	}

/* SIDE */
#tagcloud {
	margin: 20px 0;
	}

#tagcloud h2 {
	font-size: 120%;
	margin: 0;
	padding: 0;
	}
	











#tagcloud p {
	margin: 0;
	}

#shoplocations {
	margin: 0;


	}

#shoplocations h2 {
	font-size: 120%;
	margin: 0;
	}

#shoplocations ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

#shoplocations ul ul,
#bags #side .yab-empty {
	margin-left: 0;
	}

#side h3 {
	margin: 16px 0 0 0;
	}

#retailers #side #showwrap {
	margin: 10px 0 20px 0;
	}

#retailers #side #reveal p {
	margin: 0 0 10px 0;
	}

#blog #side ul,
#archive #side ul,
#about-us #side ul,
#press #side ul,
#retailers #side ul {
	list-style-type: none;
	margin: 0 0 1em 0;
	padding: 0;
	line-height: 1.8;
	}

#side #shops-extra {
	margin: 20px;
	}

#side #shops-extra h3,
#side #shops-extra p {
	margin: 0;
	}
	
/* SHOPS & BAGS */
#breadcrumb {
	margin: -10px 0 6px 0;
	position: relative;
	z-index: 100;
	}
	
.tags {
	font-size: 80%;
	}

#main #shoplist,
#main #baglist {
	list-style-type: none;
	padding: 0;
	}

#main #shoplist li,
#main #baglist li {
	border-bottom: 1px dotted #ccc;
	padding: 16px 0;
	}
	
#main #shoplist li li,
#main #baglist li li {
	border-bottom: none;
	padding: 0;
	margin-top: 5px;
	}

#shoplist li img,
#baglist li img {
	float: left;
	}

#baglist li img {
	border: 1px dotted #ccc;
	}

#shoplist li h2,
#baglist li h2 {
	margin: 0 0 0 120px;
	padding: 0;
	font-size: 120%;
	}

#shoplist li p,
#baglist li p {
	margin: 0 0 1em 120px;
	}

#baglist li .yab-add,
#baglist li .yab-add-select-variant {
	margin-bottom: 10px;
	}

#baglist li ul {
	list-style-type: none;
	margin: 0 0 0 120px;
	padding: 0;
	}
	
#baglist li ul li {
	border: none;
	}
	
#baglist li ul li p {
	margin: 0;
	}

.offer {
	font-weight: bold;
	}

.offer em {
	color: #1C4A81;
	font-style: normal;
	font-weight: normal;
	}

#shopsingle,
#bagsingle {
	margin: 0;
	min-height: 60em;
	}

#shopsingle h2,
#bagsingle h2 {
	margin: 0 0 1em 0;
	font-size: 150%;
	}

#shopsingle #shopimage img,
#bagsingle #bagimage img {
	float: left;
	margin: 0 20px 20px 0;
	}

#bagsingle #bagimage img {
	width: auto;
	height: auto;
	}

#bagsingle #bag-gallery {
	margin: 0 0 2em 320px;
	list-style-type: none;
	}

#bagsingle #bag-gallery li {
	float: left;
	margin-left: 5px;
	}

#bagsingle #bag-gallery li img {
	border: 1px dotted #ccc;
	}
	
#shopsingle p,
#bagsingle p {
	clear: left;
	}

#bagsingle .baginfo {
	margin-top: 16px;
	min-height: 320px;
	}

#shopsingle .shopinfo {
	margin-top: 16px;
	min-height: 180px;
	}

#bagsingle #bag-details p {
	clear: none;
	margin: 5px 0 0 0;
	}

#shop-details {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

#bagsingle #bag-details {
	list-style-type: none;
	line-height: 1.8;
	clear: right;
	padding: 20px 0 0 0;
	margin: 0 0 2em 320px;
	}

.rsx-page-num-list {
	list-style-type: none;
	font-family: Verdana,sans serif;
	text-align: center;
	}

.rsx-page-num-list li {
	display: inline;
	margin: 0 0.5em;
	}

#blog .social-links {
	margin: 1em 0;
	}

/* BLOG & PRESS */
#newblog p.details,
#blog .posted,
#press .posted {
	font-style: italic;
	font-size: 90%;
	color: #666;
	margin: 10px 0;
	}

#press .posted {
	margin: 10px 0;
	}

#blog .commentscount {
	padding-bottom: 20px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #ccc;
	font-size: 90%;
	}

.bocpress {
	border-bottom: 1px dotted #ccc;
	padding: 0 0 16px 0;
	margin: 0 0 16px 0;
	}

#search #main li p {
	margin-left: 0;
	}

#blog #main .image,
#press #main .image {
	float: left;
	margin: 0 20px 20px 0;
	}
	
#blog #comment {
	padding-top: 10px;
	border-top: 1px dotted #ccc;
	}
	
#blog .comments {
	padding: 0 0 0 20px;
	margin: 0 20px;
	}

#blog .comments li {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #ccc;
	color: #666;
	font-family: Verdana;
	font-size: 90%;
	}

#blog .comments .small,
#blog .comments .small a,
#blog #cpreview .small,
#blog #cpreview .small a {
	color: #1C4A81;
	}

#blog #cpreview {
	font-family: Verdana;
	padding: 20px;
	margin-left: 20px;
	color: #666;
	}

#main ul,
#main ol {
	padding: 0 20px;
	margin: 0 0 1em 0;
	}

/* COMMENTS FORM */
.comments-wrapper {
	background-color: #e5effa;
	margin: 16px 0;
	padding: 16px;
	}

.comments-wrapper label {
	display: block;
	float: left;
	width: 7em;

	font-family: Verdana;
	}

.comments-wrapper p {
	height: 2em;
	}



.comments-wrapper #rememberspan label {
	display: inline;
	float: none;
	}

#comments-help p {
	margin-top: 6.5em;
	padding: 0 0 0 7em;
	height: 1em;
	}

#comments-help p a {
	font-family: Verdana;
	}

.comments-wrapper #commentsubmit {
	padding: 0 0 0 7em;
	}

/* RETAILERS */
#retailers .float {
	float: left;
	}

#retailers  .float img {
	height: 239px;
	width: auto;
	}

#retailers .clear {
	clear: left;
	}


/* ARCHIVE */
#archive .archivelist {
	margin: 0 20px;
	padding: 0;
	line-height: 1.8;
	}

#archive .archivelist dt {
	margin-top: 10px;
	}

/* SHOPPING CART / CHECKOUT */
#boc-cart {
	border: 1px dotted #ccc;
	margin: 0;
	padding: 10px
	}

.yab-cart {
	list-style-type: none;
	margin: 0 0 10px 0;
	padding: 0;
	}

.yab-cart .yab-item {
	color: #1C4A81;
	}


.yab-cart .yab-item ul {
	color: #666;
	list-style-type: none;
	font-size: 90%;
	margin: 0;
	padding: 0;
	}

#boc-cart .yab-subtotal {
	display: block;
	}

#boc-checkout {
	margin: 20px;
	}

#yab-checkout-table {
	width: 100%;
	background-color: #e5effa;
	}

#yab-checkout-table th {
	padding: 5px;
	}

.yab-checkout-subtotal,
.yab-checkout-shipping,
.yab-checkout-total,
.yab-checkout-tax {
	text-align: right;
	}

.yab-checkout-subtotal .yab-checkout-sum,
.yab-checkout-shipping .yab-checkout-sum,
.yab-checkout-total .yab-checkout-sum,
.yab-checkout-tax .yab-checkout-sum {
	text-align: left;
	}

#yab-checkout-table td {
	background-color: #fff;
	padding: 5px;
	}

#yab-checkout-table td ul {
	margin: 0;
list-style-type: none;
	}

#yab-checkout-form {
	width: 50%;
	margin: 0 auto;
	padding: 20px;
	background-color: #e5effa;
	}

#yab-checkout-form fieldset {
	border: none;
	margin: 0;
	padding: 0;
	}

#yab-checkout-form p label {
	display: block;
	width: 9em;
	float: left;
	height: 3em;
	clear: left;
	}

#yab-checkout-form p {
	clear: left;
	}

#yab-checkout-form #city {
	display: block;
	margin: 1em 0 0 8.7em;
	}

#checkout #yab-checkout-form .tou label {
	clear: none;
	width: auto;
	}

#checkout #yab-checkout-form #tou {
	float: left;
	margin-left: 9em;
	}

#yab-checkout-form p.submit {
	margin-left: 9em;
	}

.yab-checkout-tax {
	display: none;
	}

/* FOOTER */
#footer {
	background-color: #e5effa;
	margin: 16px 0;
	float: left;
	width: 960px;
	}

#footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

#footer ul li {
	float: left;
	width: 240px;
	margin: 16px;
	font-size: 95%;
	padding-right: 40px;
	background: url(../images/footer-arrow.gif) top right no-repeat;
	height: 7em;
	}

#footer ul li h3,
#footer ul li p {
	color: #666;
	}

#subfoot {
	text-align: center;
	float: left;
	width: 960px;
	margin: 16px 0;
	}

#subfoot p {
	margin: 0;
	padding: 0;
	font: 85% Verdana;
	color: #666;
	line-height: 1.4;
	}

/* BANNERS */
.affiliate {
	margin: 15px 0 0 0;
	}

.affiliate img {
	max-width: 200px;
	}

.affiliate h4 {
	margin: 0 0 5px 0;
	font-size: 85%;
	}