/* General Styles */

body {
 text-align: center;
 background: #ffffff url('images/mainbg.jpg') repeat-y 50% top;
 margin: 0;
 padding: 0;
 font-family: Arial;
 font-size: 80%;
 margin-bottom: 84px;
}

a {
 text-decoration: none;
}

a:hover {
 text-decoration: underline;
}

h2 {
 font-weight: bold;
 font-size: 1.5em;
 color: #1e3d8f;
}

h3 {
 font-weight: bold;
 font-size: 1.15em;
 clear: left;
}

div#accessibility {
 position: absolute;
 left: -9999px;
}

/* Container Styles */

div#container {
 width: 780px;
 margin: 0 auto;
 text-align: left;
 background: transparent url('images/containerbg.jpg') repeat-y top left;
}

/* Menu Styles - Sliding Doors Technique */

div#menu {
 width: 750px;
 height: 64px;
 background: transparent url('images/menubg.jpg') no-repeat top left;
 padding: 17px 15px 0 15px;
 position: relative;
}

div#menu ul {
 margin: 0;
 padding: 10px 10px 0;
 list-style: none;
 position: absolute;
 bottom: 0;
}

div#menu li {
 float: left;
 margin: 0 0 0 3px;
 padding: 0;
}

 * html div#menu ul {
  margin-bottom: -1px;
 }

div#menu a {
 display: block;
 margin: 0;
 padding: 0;
 background: url('images/tabsright.jpg') no-repeat top right;
 border-bottom: 1px solid #9edfff;
 text-decoration: none;
 color: #000000;
 font-weight: bold;
}

div#menu span {
 float: left;
 display: block;
 background: url('images/tabsleft.jpg') no-repeat top left;
 padding: 7px 15px 6px;
 white-space: nowrap;
 cursor: pointer;
}

 * html div#menu span {
  width: .1em;
 }

body#page-h div#menu li#menu-h a,
body#page-p div#menu li#menu-p a,
body#page-cd div#menu li#menu-cd a,
body#page-rp div#menu li#menu-rp a,
body#page-bk div#menu li#menu-bk a,
body#page-ab div#menu li#menu-ab a,
body#page-fq div#menu li#menu-fq a,
body#page-ln div#menu li#menu-ln a,
body#page-pp div#menu li#menu-pp a {
 background-position: right -400px;
 border-width: 0;
}

body#page-h div#menu li#menu-h span,
body#page-p div#menu li#menu-p span,
body#page-cd div#menu li#menu-cd span,
body#page-rp div#menu li#menu-rp span,
body#page-bk div#menu li#menu-bk span,
body#page-ab div#menu li#menu-ab span,
body#page-fq div#menu li#menu-fq span,
body#page-ln div#menu li#menu-ln span,
body#page-pp div#menu li#menu-pp span {
 background-position: left -400px;
 padding-bottom: 7px;
}

div#menu a:hover {
 background-position: right -200px;
}

div#menu a:hover span {
 background-position: left -200px;
}

/* Commented Backslash Hack
hides rule from IE5-Mac \*/
div#menu span {
 float: none;
}
/* End IE5-Mac hack */

/* Sidebar Styles */

div#sidebar {
 width: 217px;
 float: right;
 padding: 5px 47px 5px 15px;
 background: transparent url('images/sidebarbg.gif') no-repeat 247px 0;
 min-height: 507px;
 margin-bottom: -84px;
}

div#sidebar h1 {
 text-indent: -9999em;
 width: 215px;
 height: 72px;
 background: transparent url('images/mainlogo.gif') no-repeat top left;
 margin: 9px auto 0 auto;
}

div#sidebar h2 a {
 color: #000000;
 background-image: url(images/basket-sidebar.gif);
 background-repeat: no-repeat;
 background-position: 100% 50%;
 padding-top: 5px;
 padding-right: 26px;
}

div#sidebar p#basket-products {
 margin: 0;
 padding: 0;
}

 div#sidebar p#basket-products span {
  font-weight: bold;
 }

div#sidebar p#basket-total {
 margin: 0;
 padding: 0;
 font-weight: bold;
}

 div#sidebar p#basket-total span {
  font-size: 1.5em;
  margin-left: 1em;
 }

div#sidebar p#basket-currency {
 float: left;
}

div#sidebar ul#list-currencies {
 list-style: none;
}

div#sidebar ul#list-currencies li {
 float: left;
 border-left: 1px solid black;
 padding: 0 4px;
}

 div#sidebar ul#list-currencies li.first {
  border-left: none;
 }

div#sidebar ul#list-currencies li a {
 font-size: .8em;
 color: #000000;
}

div#sidebar ul#list-currencies li a span {
 font-size: 1.5em;
 font-weight: bold;
}

div#sidebar input#input-search {
 margin: 0;
 padding: 2px 5px 2px 5px;
 border: 0;
 background: transparent url('images/searchbox.gif') no-repeat top left;
 width: 134px;
 height: 19px;
 font-size: .9em;
 clear: left;
}

div#sidebar input#button-search {
 margin: 0;
 padding: 0;
 border: 0;
 background: transparent url('images/searchbutton.gif') no-repeat top left;
 width: 68px;
 height: 19px;
 cursor: pointer;
 font-size: .9em;
 font-weight: bold;
}

div#sidebar ul#list-categories {
 list-style: url('images/listbullet.gif');
 margin: 1em 0;
 padding: 0 0 0 2em;
}

div#sidebar ul#list-categories ul {
 list-style: url('images/listbullet.gif');
 margin: 0;
 padding: 0 0 0 2em;
}

div#sidebar ul#list-categories a {
 color: #000000;
}

div#sidebar ul#list-categories li {
 font-weight: normal;
}

div#sidebar ul#list-categories li.current {
 font-weight: bold;
}

div#sidebar p#sidebar-email {
 font-size: 0.95em;
 letter-spacing: -1px;
 margin: 1em auto;
 text-align: center;
}

div#sidebar p#sidebar-email a {
 font-size: 1.5em;
 color: #000000;
}

div#sidebar p#addtofavourites {
 text-align: center;
 font-size: .9em;
}

div#sidebar p#addtofavourites a {
 display: block;
 color: #000000;
 background: transparent url('images/addtofavourites.gif') no-repeat;
 height: 32px;
 padding: .7em 0 0 33px;
}

div#sidebar img {
 text-align: center;
}

div#sidebar img.left {
 float: left;
 margin-right: 4px;
 margin-bottom: 2px;
}

div#sidebar p.paypal {
 font-size: 0.9em;
}

/* Content Styles */
div#content {
 background: transparent url('images/contentbg.jpg') no-repeat 15px 0;
 padding: 134px 10px 5px 30px;
 margin-right: 279px;
 clear: left;
 min-height: 378px;
 margin-bottom: -84px;
}

div#content form#sortform {
 float: right;
}

div#content a:link, div#content a:visited {
 font-weight: bold;
 color: #20388e;
 text-decoration: none;
}

div#content a:hover, div#content a:active {
 color: #20388e;
 text-decoration: underline;
}

div#content h2.home {
 width: 400px;
 height: 87px;
 background-image: url(images/home/home-page-title.gif);
 background-repeat: no-repeat;
 background-position: top left;
 text-indent: -999em;
 overflow-hidden;
}

div#content div.homeimage {
 width: 125px;
 height: 125px;
 float: left;
 margin-left: 20px;
 margin-bottom: 20px;
 display: inline; /* This fix needed to stop IE6 creating a double left margin */
}

div#content div.homeimage img {
 border: 1px solid #000000;
}

div#content img.homebanner {
 clear: both;
 margin-bottom: 20px;
 border: 0;
 margin-left: 20px;
}

/* Category Styles */
div#content div.subcategory {
 float: left;
 margin-left: 20px;
 margin-right: 20px;
 margin-bottom: 20px;
 width: 175px;
 height: 200px;
 text-align: center;
}

div#content div.subcategory img {
 border: 1px solid #000000;
}

div#content ul.subcategory {
 list-style: url('images/listbullet.gif');
 margin: 0;
 margin-left: 30px;
 padding: 0;
}

div#content ul.subcategory li {
 float: left;
 width: 170px;
}

/* Product Styles */
div#content div.product {
 border: 1px solid #fee7fb;
 padding: 15px;
 padding-top: 0;
 padding-bottom: 0;
 width: 180px;
 height: 350px;
 margin-right: 15px;
 margin-top: 15px;
 float: left;
 text-align: center;
}

div#content div.product img {
 border: 1px solid #000000;
}

div#content div.productdetails {
 border: 1px solid #fee7fb;
 margin-bottom: 10px;
}

div#content div.productdetails p {
 float: none;
 clear: none;
}

div#content div.productdetails span.highlight {
 font-weight: bold;
 font-size: 130%;
}

div#content div.productdetails img {
 margin-top: 15px;
 margin-bottom: 5px;
 border: 1px solid #000000;
}

div#content div.productdetails div.productbar {
 background-color: #fee7fb;
 padding: 10px;
}

div#content div.productdetails div.productbar p {
 margin: 0;
 padding: 0;
}

div#content div.productdetails div.productbar input#quantity {
 width: 45px;
}

div#content div.productdetails div.productbarright {
 width: 150px;
 float: right;
 text-align: right;
}

div#content div.productdetails div.productcontent {
 padding: 10px;
}

div#content div.productdetails textarea.sifm {
 width: 400px;
 height: 80px;
 font-family: sans-serif;
 font-size: 1em;
}

/* Product pagination */
div#content div.pagination {
 clear: left;
 padding-top: 15px;
 text-align: right;
}

div#content div.pagination p span.current {
 font-weight: bold;
 border: 1px solid #cfeffe;
 padding: 2px;
 background-color: #fee7fb;
}

/* Contact Us styles */
div#content div.contactleft {
 width: 220px;
 float: left;
}

div#content div.contactright {
 width: 220px;
 float: right;
}

/* Basket styles */
div#content table#basket {
 border-collapse: collapse;
 border: 2px solid #ffffff;
}

div#content table#basket th {
 background-color: #9fdfff;
}

div#content table#basket td, div#content table#basket th {
 padding: 3px;
 border: 2px solid #ffffff;
}

div#content table#basket td.noborder,
table#basket th.noborder {
 border: none;
}

div#content table#basket td.noitems {
 text-align: center;
 font-style: italic;
}

div#content table#basket td.discount {
 color: #1e3d8f;
}

div#content col#basketitemcolumn {
 width: 55%;
}

div#content col#basketpricecolumn {
 width: 15%;
}

div#content col#basketquantitycolumn {
 width: 10%;
}

div#content col#basketsubtotalcolumn{
 width: 15%;
 text-align: right;
}

div#content col#basketremovecolumn {
 width: 5%;
}

#button-updatebasket {
 float: right;
 margin-top: 1em;
}

#form-clearbasket input {
 margin-top: 1em;
}

div#basket-links {
 margin-top: 1em;
}

div#basket-links p {
 margin: 0;
 padding: 0;
}

p#checkout-link {
 float: right;
}

div#content table#basket input.quantity-field {
 width: 30px;
 text-align: right;
}

div#content table#basket span.basketoffer {
 font-weight: bold;
}

div#content p.paypal img.right {
 float: right;
 margin-left: 5px;
 margin-bottom: 2px;
}

div#content p.paypal {
 margin-top: 30px;
 font-size: 0.95em;
}

/* Checkout Styles */
div#content form {
 margin: 0;
 padding: 0;
}

div#content form p {
 margin: 0;
 margin-bottom: 5px;
 padding: 0;
}

div#content form p label {
 width: 120px;
 float: left;
 clear: left;
 text-align: right;
 padding-right: 10px;
}

div#content form p label.required {
 font-weight: bold;
}

div#content form p.fieldtext {
 width: 200px;
}

div#content form textarea {
 width: 300px;
 height: 120px;
 font-family: sans-serif;
 font-size: 1em;
}

/* Sitemap Styles */
div#content div#sitemap ul li.toplevel {
	margin-top: 15px;
	font-size: 110%;
}

div#content div#sitemap ul.sitemapproducts {
	list-style-type: square;
}

/* Accessibility Styles */
div#content div#accesskeystablediv {
 margin-left: auto;
 margin-right: auto;
 width: 300px;
}

div#content div#accesskeystablediv em {
 font-style: normal;
 text-decoration: underline;
 font-weight: bold;
}

div#content table#accesskeystable {
 border: 1px solid #000000;
 border-collapse: collapse;
 width: 300px;
}

div#content table#accesskeystable th {
 border: 1px solid #000000;
 border-collapse: collapse;
 padding: 4px;
 color: #ffffff;
 background-color: #1e3d8f;
}

div#content table#accesskeystable td {
 border: 1px solid #000000;
 border-collapse: collapse;
 padding: 4px;
}

div#content table#accesskeystable tr {
 background-color: #ffffff;
}

div#content table#accesskeystable tr.highlight {
 background-color: #ffe7fc;
}

/* Footer Styles */
div#footer {
 clear: both;
 background-color: #cfeffe;
 text-align: center;
 font-size: .875em;
 color: #000000;
 width: 780px;
 height: 84px;
 padding: 0;
 background: transparent url('images/footerbg.png') no-repeat bottom left;
 position: relative;
 top: 84px;
}

 * html div#footer { background-image: none; }
 * html div#footer div { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/footerbg.png', sizingMethod='crop'); }

 div#footer div {
  width: 750px;
  height: 65px;
  padding: 5px 15px 14px 15px;
 }

 * html div#footer a,
 * html div#footer p {
  position: relative;
  z-index: 1;
 }

div#footer p {
 margin: 5px auto 5px auto;
}

div#footer p#footer-slogan {
 font-weight: bold;
}

div#footer ul {
 margin: 5px auto 5px auto;
 list-style: none;
 padding: 0;
}

div#footer li {
 display: inline;
 border-left: 1px solid #000000;
 padding: 0 5px 0 9px;
 margin: 0;
}

div#footer li.first {
 border-left: none;
}

div#footer a {
 text-decoration: none;
 color: #000000;
}

div#footer a:hover {
 text-decoration: underline;
}

/* IE 5.5 & 6 3 Pixel Bug */

* html div#content{
 float: left;
 margin-right: 0;
}

/* IE 5.5 Box Model / IE win min-height Fixes */

* html div#menu {
 width: 780px;
 w\idth: 750px;
 height: 81px;
 he\ight: 64px;
}

* html div#sidebar {
 width: 279px;
 w\idth: 217px;
 height: 517px;
 he\ight: 507px;
}

* html div#sidebar input#input-search {
 width: 144px;
 w\idth: 134px;
 background-attachment: fixed;
}

* html div#content {
 height: 517px;
 he\ight: 378px;
}

* html div#footer div {
 width: 780px;
 w\idth: 750px;
 height: 84px;
 he\ight: 65px;
}

/* This fix needed to ensure IE6 / IE6 show the content div at full width */
* html div#content {
 width: 501px;
 w\idth: 461px;
}