 html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline}
:focus {outline: 0}
body {line-height: 1.5; background: #fff; margin:1.5em 0}
 table {border-collapse: separate; border-spacing: 0}
caption, th, td {text-align: left; font-weight: normal}
 blockquote:before, blockquote:after, q:before, q:after {content: ""}
blockquote, q {quotes: "" ""}
a img {border: none}
strong {font-weight: bold}
 body {margin: 0 !important; padding: 0 !important; background-color: #FFF}
  .lift-1 {margin-top: -1.5em; margin-bottom:1.5em}
.lift-2 {margin-top: -3em; margin-bottom:3em}
.lift-3 {margin-top: -4.5em; margin-bottom:4.5em}
.lift-4 {margin-top: -6em; margin-bottom:6em}
.lift-5 {margin-top: -7.5em; margin-bottom:7.5em}
 .drop-1 {margin-bottom:-1.5em; margin-top:1.5em}
.drop-2 {margin-bottom:-3em; margin-top:3em}
.drop-3 {margin-bottom:-4.5em; margin-top:4.5em}
.drop-4 {margin-bottom:-6em; margin-top:6em}
.drop-5 {margin-bottom:-7.5em; margin-top:7.5em}
  .box {padding: 1.5em; margin-bottom: 1.5em; background: #eee}
 hr {background: #ddd; color: #ddd; clear: both; float: none; width: 100%; height: .1em; margin: 0 0 1.4em; border: none}
hr.space {background: #fff; color: #fff}
 .clearfix:after, .container:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
.clearfix, .container {display: inline-block;}
.clearfix, .container {display: block;}
 .clear {clear:both}
  .container {width: 896px; margin: 0 auto}
 .showgrid {background: url(src/grid.png)}
 body {margin:1.5em 0}
  div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12 {float:left;margin-right: 16px;}
 div.last {margin-right: 0}
 .span-1 {width: 60px;}
.span-2 {width: 136px;}
.span-3 {width: 212px;}
.span-4 {width: 288px;}
.span-5 {width: 364px;}
.span-6 {width: 440px;}
.span-7 {width: 516px;}
.span-8 {width: 592px;}
.span-9 {width: 668px;}
.span-10 {width: 744px;}
.span-11 {width: 820px;}
.span-12, div.span-12 {width: 896px; margin: 0}
 .append-1 {padding-right: 76px;}
.append-2 {padding-right: 152px;}
.append-3 {padding-right: 228px;}
.append-4 {padding-right: 304px;}
.append-5 {padding-right: 380px;}
.append-6 {padding-right: 456px;}
.append-7 {padding-right: 532px;}
.append-8 {padding-right: 608px;}
.append-9 {padding-right: 684px;}
.append-10 {padding-right: 760px;}
.append-11 {padding-right: 836px;}
 .prepend-1 {padding-left: 76px;}
.prepend-2 {padding-left: 152px;}
.prepend-3 {padding-left: 228px;}
.prepend-4 {padding-left: 304px;}
.prepend-5 {padding-left: 380px;}
.prepend-6 {padding-left: 456px;}
.prepend-7 {padding-left: 532px;}
.prepend-8 {padding-left: 608px;}
.prepend-9 {padding-left: 684px;}
.prepend-10 {padding-left: 760px;}
.prepend-11 {padding-left: 836px;}
 div.border {padding-right:7px; margin-right:8px; border-right: 1px solid #eee}
 div.colborder {padding-right:55px; margin-right:52px; border-right: 1px solid #eee}
 .pull-1 {margin-left: -76px;}
.pull-2 {margin-left: -152px;}
.pull-3 {margin-left: -228px;}
.pull-4 {margin-left: -304px;}
.pull-5 {margin-left: -380px;}
.pull-6 {margin-left: -456px;}
.pull-7 {margin-left: -532px;}
.pull-8 {margin-left: -608px;}
.pull-9 {margin-left: -684px;}
.pull-10 {margin-left: -760px;}
.pull-11 {margin-left: -836px;}
.pull-12 {margin-left: -912px;}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12 {float:left;position:relative;}
.push-1 {margin: 0 -76px 1.5em 76px;}
.push-2 {margin: 0 -152px 1.5em 152px;}
.push-3 {margin: 0 -228px 1.5em 228px;}
.push-4 {margin: 0 -304px 1.5em 304px;}
.push-5 {margin: 0 -380px 1.5em 380px;}
.push-6 {margin: 0 -456px 1.5em 456px;}
.push-7 {margin: 0 -532px 1.5em 532px;}
.push-8 {margin: 0 -608px 1.5em 608px;}
.push-9 {margin: 0 -684px 1.5em 684px;}
.push-10 {margin: 0 -760px 1.5em 760px;}
.push-11 {margin: 0 -836px 1.5em 836px;}
.push-12 {margin: 0 -912px 1.5em 912px;}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12 {float:right;position:relative;}
  body {font-size: 75%; color: #333; font-family: Arial, sans-serif}
 h1,h2,h3,h4,h5,h6,span.banner_title {font-weight: normal; color: #111; font-family: Georgia, "Times New Roman", serif; font-style: italic}
h1,span.banner_title {font-size: 2.7em; margin-bottom: 0.5em; color: #000; font-weight: normal; line-height: 1.2; letter-spacing: -1px}
h2 {font-size: 1.6em; line-height: 1.125; margin-bottom: 1em; color: #6895b1}
h3 {font-size: 1.5em; line-height: 1.25; margin-bottom: 0.25em; color: #6895b1}
h4 {font-size: 1.2em; margin-bottom: 0.25em; color: #6895b1}
h5 {font-size: 1em; font-weight: bold}
h6 {font-size: 1em; font-weight: bold}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0}
span.banner_title{ display:block; margin-left:20px; margin-top:22px}
 p {margin: 0 0 1.5em}
p.last {margin-bottom: 0}
p img, p img.left {float: left; margin: 0 1.0em 0.5em 0; padding: 0}
p img.right {float: right; margin: 0 0 0.5em 1.0em; padding: 0}
p img.center{ float: none; margin: 0 auto 0.5em auto; padding: 0; display: block;}
img {margin: 0}
a:focus, a:hover {color: #000; text-decoration: none}
a {color: #6895b1; text-decoration: none}
blockquote {margin: 1.5em; color: #666; font-style: italic}
strong {font-weight: bold}
em,dfn {font-style: italic}
dfn {font-weight: bold}
sup, sub {line-height: 0}
abbr, acronym {border-bottom: 1px dotted #666}
address {margin: 0 0 1.5em; font-style: italic}
 pre,code {margin: 1.5em 0; white-space: pre}
tt {display: block; margin: 1.5em 0; line-height: 1.5}
pre,code,tt {font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5}
 li ul, li ol {margin:0 1.5em}
ul, ol {margin: 0 1.5em 1.5em 1.5em}
ul {list-style-type: square}
ol {list-style-type: decimal}
dl {margin: 0 0 1.5em 0}
dl dt {font-weight: bold}
dd {margin-left: 1.5em;}
 table {margin-bottom: 1.4em}
th {border-bottom: 2px solid #ccc; font-weight: bold; background: #eee}
td {border-bottom: 1px solid #ddd}
th,td {padding: 4px 10px 4px 5px}
tr.even td {background: #eef}
tfoot {font-style: italic}
caption {background: #ffc}
 table .last {padding-right: 0}
 .small {font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em}
.large {font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em}
.hide {display: none}
.quiet {color: #666}
.loud {color: #000}
.highlight {background:#ff0}
.added {background:#060; color: #fff}
.removed {background:#900; color: #fff}
.top {margin-top:0; padding-top:0}
.bottom {margin-bottom:0; padding-bottom:0}
del.diffdel {text-decoration: line-through; background-color: #FB8287}
del.diffmod {text-decoration: line-through; background-color: #FFBF00}
del.diffdel img {border: 2px solid #D75357}
ins.diffins {text-decoration: none; background-color: #A3E78D}
ins.diffmod {text-decoration: none; background-color: #FFBF00}
ins.diffins img {border: 2px solid #6BC451}
ins.diffmod img, del.diffmod img {border: 2px solid #FF9000}
 .quote {color: #6895b1; display: block; padding: 12px 15px 12px 45px; margin-top: 1em; font-size: 115%; line-height: 1.3; font-family: Georgia, Times, serif; font-style: italic; background: #f1efeb url("/images/quote.png") 12px 12px no-repeat; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px}
.callout-left {display: block; float: left; width: 32%; padding: 1%; margin-right: 2%; background-color: #ECECEC; clear: right; font-weight: bold}
.callout-right {display: block; float: right; width: 32%; padding: 1%; margin-left: 2%; background-color: #ECECEC; clear: left; font-weight: bold}
img.right {margin-left: 10px; margin-bottom: 10px}
img.left {margin-right: 10px; margin-bottom: 10px}
p.date {margin: 0 0 0.5em 0; color: #999; font-weight: bold}
 p.commenting_closed {font-weight: bold; font-size: 92%}
  #navigation {clear: both; float: left; width: 100%; background: #6895b1; margin-top: 20px}
 #menu {list-style-type: none; margin: 0; float: left}
#menu li {position: relative; float: left; line-height: 2}
#menu li a {display: block; line-height: 1; text-decoration: none; color: #fff; font-family: Georgia, "Times New Roman", serif; font-style: italic; padding: 7px 0; font-size: 1.4em}
#menu li a span {border-top: 1px dashed #fff; border-bottom: 1px dashed #fff; padding: 6px 7px; display: block}
#menu li#s_home a {padding-left: 5px}
#menu li#s_home a span {border-left: 1px dashed #fff; padding-left: 10px}
#menu li a:hover, #menu li a.active, #menu li a.active_parent {background: #d2dfe8; color: #6895b1}
            div.submenu {}
div.submenu ul {   }
div.submenu li {  }
div.submenu li a { }
div.submenu li a:hover { }
div.submenu li a.active { }
div.submenu li a.active_parent { }
 div.submenu ul ul { }
div.submenu ul ul li { }
div.submenu ul ul li.first { }
div.submenu ul ul li a { }
div.submenu ul ul ul li a { }
   #skip_to_content {display: none}
 div.pagination {border-top: 2px solid #EEE; margin: 0 0 18px 0; padding-top: 16px; font-size: 92%; text-align: center; font-weight: bold; float: left; line-height: 1; width: 100%}
div.pagination a {padding: 3px 4px 0 4px; border: 1px solid #EEE; text-decoration: none; background-color: #EEE}
div.pagination a:hover {background-color: #9d060b; border-color: #9d060b; color: #FFF; text-decoration: none}
div.pagination .current {padding: 3px 4px 0 4px; background-color: #999; border: 1px solid #999; color: #FFF}
div.pagination .item_count {float: left; width: auto; text-align: left}
div.pagination .prev_next {float: right; width: auto; text-align: right}
div.pagination .total_entries {padding-right: 2em; text-align: right}
div.pagination span.disabled {visibility: hidden}
 ul.items {list-style-type: none; margin: 0; padding: 0}
ul.items li {margin-bottom: 20px}
 ul.links {}
ul.links li {  margin-bottom: 0; border-bottom: 1px dashed #6895b1; font-weight: bold}
ul.links li.last {margin-bottom: 0; padding-bottom: 0; border-bottom: none}
ul.links li a {display: block; padding: 11px 7px}
ul.links li a.active {color: #6895B1; background: transparent url("/images/bg_active_link.png") no-repeat scroll 0 8px}
ul.links li a.subscribe {background: transparent url("/images/i_feed.png") center right no-repeat}
 ul.fancy_links {position:relative; left:-17px; top:-4px}
ul.fancy_links li {font-family: Georgia, "Times New Roman", serif; font-style: italic; font-size: 1.2em; font-weight: normal; background: #EEF0F0 url("/images/panel_links_bg.png") 0 0 no-repeat; height:42px; width:213px}
ul.fancy_links li a {color: #333333}
ul.fancy_links li a:hover {color: #6895B1}
 ul.products {}
ul.products li {float: left; margin-right: 16px; width: 155px; margin-bottom: 25px}
ul.products li.last {margin-right: 0}
ul.products li.first {clear: both}
ul.products li.clearfix {width: 100%; height: 1px; margin: 0}
ul.products li .title {display: block; color: #000; background: transparent url("/images/bg_product_list_surround.png") top left no-repeat}
ul.products li .title span {display: block; color: #000; padding-top: 165px; background: transparent url("/images/no_product_list.png") center 20px no-repeat}
ul.products li .title:hover span {color: #6895B1}
 ul.trade {}
ul.trade li {float: none; margin-right: 0; width: 100%; background: transparent url("/images/bg_trade_product_surround_bottom.png") bottom left no-repeat}
ul.trade li .inner {padding: 16px 20px; background: transparent url("/images/bg_trade_product_surround_top.png") top left no-repeat}
ul.trade li .image {width: 100px; height: 100px; background: transparent url("/images/no_product_list.png") top center no-repeat; float: left; margin-right: 16px}
ul.trade li .content {float: left; width: 512px}
ul.trade li .title {padding: 0; background: none}
 ul.top_products li {margin-bottom: 5px; background: transparent url("/images/bg_related_products_bottom.png") bottom left no-repeat; float: none; width: 100%; margin-right: 0}
ul.top_products li .inner {padding: 15px; background: transparent url("/images/bg_related_products_top.png") top left no-repeat; min-height: 60px}
ul.top_products li .image {float: left; margin-right: 10px; width: 60px; height: 60px; background: #eee url("/images/no_product_small_list.png") center center no-repeat}
ul.top_products li .title {background-image: none}
ul.top_products li .title:hover {color: #6895B1}
ul.top_products li .price {}
 ul.articles {}
ul.articles li {border-bottom: 1px dashed #999; padding-bottom: 10px; margin-bottom: 20px}
ul.articles li.last {border-bottom: 0; padding-bottom: 0}
ul.articles .date {float: left; width: 63px; height: 74px; margin-right: 12px; background: #adb670 url("/images/bg_date.png") top left no-repeat}
ul.articles .date .day {display: block; text-align: center; margin-top: 22px; font-family: Georgia, "Times New Roman", serif; color: #333; font-size: 1.6em; line-height: 1; font-style: italic}
ul.articles .date .month {display: block; text-align: center; color: #fff; font-size: 1.2em}
ul.articles .content {float: left; width: 365px}
ul.articles .title a {color: #333}
ul.articles .title a:hover {color: #6895B1}
ul.articles .body {margin-bottom: 0}
ul.articles .more {font-weight: bold; padding-right: 15px; background: transparent url("/images/a_transparent.png") center right no-repeat}
 ul.blog_posts {}
ul.blog_posts .content {float: none; width: 100%}
ul.blog_posts .title {float: left; width: 361px; margin-right: 16px; font-size: 2em}
ul.blog_posts .title a {color: #6895b1}
ul.blog_posts .date {margin-right: 0; margin-bottom: 10px; background-color: #c29bc6; background-image: url("/images/bg_date_purple.png")}
ul.blog_posts .body {clear: both}
  .panel {margin-bottom: 20px; position: relative}
.panel .panel_title {background: transparent url("/images/bg_side_heading.png") top left no-repeat; width: 212px; height: 51px; line-height: 51px; text-indent: 10px}
.panel .title {}
.panel .body {margin-bottom: 0}
.panel .body .more {display: block}
 .latest_blog {background: #fbecf8 url("/images/bg_latest_blog_bottom.png") bottom left no-repeat}
.latest_blog .inner {padding: 40px 20px 50px 20px; background: transparent url("/images/bg_latest_blog_top.png") top left no-repeat}
.latest_offer .panel_title, .latest_blog .panel_title {position: absolute; top: -12px; left: -3px; width: 95px; height: 50px; line-height: 50px; background: transparent url("/images/bg_latest_blog_title.png") top left no-repeat; text-indent: 20px}
.latest_blog .more {margin-top: 5px; font-weight: bold; padding-right: 20px; background: transparent url("/images/a_transparent.png") center right no-repeat; float: left; line-height: 20px}
 .panel_links { }
.panel_links .panel_title {position: absolute; top: -5px; left: -2px; text-indent: 15px}
.panel_links .inner {background: transparent url("/images/bg_panel_links_top.png") top left no-repeat;  padding: 46px 15px 33px}
.panel_links {}
.panel_links {}
 div.submenu {margin-top: -10px;  }
div.submenu .inner {padding-top: 55px; background-image: url("/images/bg_panel_subnav_top.png")}
div.submenu .panel_title {top: 5px}
 .design_diaries {background-color: #eae7e1; background-image: url("/images/bg_panel_design_diaries_bottom.png")}
.design_diaries .inner {background-image: url("/images/bg_panel_design_diaries_top.png")}
 .design_diary {}
.design_diary .more {font-weight: bold; margin-top: 5px; padding-right: 20px; background: transparent url("/images/a_transparent.png") center right no-repeat; float: left}
 body {margin: 0; padding: 0; display: block}
.container {padding: 0 16px; background: transparent url("/images/bg_page_edges.png") top left repeat-y}
.container .internal {z-index: 1; position: relative}
body, body.pink {background: #e7c7cd url("/images/bg_body_pink.png") top left repeat}
body.green {background-color: #ccd9c1; background-image: url("/images/bg_body_green.png")}
body.blue {background-color: #b3d5e4; background-image: url("/images/bg_body_blue.png")}
 #header {position: relative; padding: 0; width: 928px; margin-top: 20px; height: 315px; background-position: 0 315px; background-repeat: no-repeat; margin-bottom: -140px}
#header .container {background-image: url("/images/bg_header.png"); background-repeat: no-repeat; background-position: top left; height: 100%}
#header #logo {font-size: 2.2em; line-height: 1; margin: 30px 20px 0 0; padding: 0 0 0 20px; font-weight: bold; float: left}
#header #logo a {display: block; color: #6895b1; text-decoration: none; width: 87px; height: 71px; background: transparent url("/images/logo.png") top left no-repeat; text-indent: -4999em; overflow: hidden}
#header #logo a:hover {color: #71a2c8}
#header #strapline {text-indent: -4999em; background: transparent url("/images/h_strapline.png") top left no-repeat; width: 295px; height: 40px; color: #94b4c7; font-family: Georgia, "Times New Roman", serif; float: left; margin-top: 70px; margin-bottom: 0}
#cart_panel {width: 300px; height: 70px; padding: 30px; position: absolute; top: -10px; right: -1px; background: transparent url("/images/bg_cart_panel.png") top left no-repeat}
#cart_panel ul {list-style-type: none; float: left; padding: 0; margin: 0; width: 300px; font-family: Georgia, "Times New Roman", serif; font-style: italic; font-size: 1.2em}
#cart_panel li {float: left; margin: 0 5px 0 0; padding: 0 5px 0 0; border-right: 2px dotted #c6c0bd; line-height: 1.2}
#cart_panel li.last {padding-right: 0; margin-right: 0; border-right: none}
#cart_panel li a {color: #666}
#cart_panel li a.active, #cart_panel li a:hover {color: #6895b1; text-decoration: none}
#cart_panel #shopping_bag {width: 285px; height: 54px; background: transparent url("/images/bg_shopping_bag.png") top left no-repeat; position: absolute; bottom: 15px; right: 20px}
#cart_text {position: absolute; top: 18px; left: 65px}
#cart_text .title {font-family: Georgia, "Times New Roman", serif; color: #666; font-style: italic; font-size: 1.2em}
#cart_text .title:hover {color: #6895B1}
#cart_text .items {color: #cc0000; margin-right: 5px}
 #banner {background-color: #EEECE2; background-position: top left; background-repeat: no-repeat;  height: 81px; position: relative}
.banner_narrow {background-image: url("/images/bg_banner_narrow.jpg")}
.banner_full {background-image: url("/images/bg_banner_full.jpg")}
#banner h1 {position: absolute; bottom: 15px; left: 20px}
#banner .inner {background-position: top left; background-repeat: no-repeat; background-color: transparent}
div.alt, div.flash-replaced { }
 #first_column {margin-top: 10px}
#body {min-height: 400px;  }
#checkout_body { }
div.content {}
 .column {float: left; margin-right: 10px}
 .last {margin-right: 0}
 #product_body {margin-bottom: 20px; background: transparent url("/images/bg_product_detail_bottom.png") bottom left no-repeat; width: 668px}
#product_body .inner {padding: 16px; background: transparent url("/images/bg_product_detail_top.png") top left no-repeat; width: 668px}
#product_body .images, #product_body .content {width: 310px; float: left}
#product_body .images {margin-right: 16px}
#product_body #alternate_images {list-style-type: none; margin: 20px 0 0 0; padding: 0}
#product_body #alternate_images li {float: left; margin-right: 16px; margin-bottom: 16px}
#product_body #alternate_images li.first {clear: both}
#product_body #alternate_images li.last {margin-right: 0}
#product_body #alternate_images a {width: 147px; height: 147px; display: block; background-color: transparent; background-repeat: no-repeat; background-position: top center; text-indent: -4999em}
#product_body h1 {font-size: 2em; color: #333; letter-spacing: 0.5px}
#product_body .price {color: #6895b1; font-size: 1.4em; margin-bottom: 5px; display: block; float: left; margin-right: 10px}
#product_body .product_form, #product_body .body, #product_body .details, #product_body .review, #product_body .stock_level {border-bottom: 1px dashed #6895b1; padding-bottom: 10px; margin-bottom: 10px}
#product_body .body {padding-bottom: 0}
#product_body .review_links {clear: both; padding-top: 10px}
#body_account .design_diary, #product_body .design_diary {display: block; width: 151px; height: 37px; line-height: 37px; background: #eadfd9 url("/images/bg_design_diary_link.png") top left no-repeat; color: #6895b1; text-indent: 15px; font-weight: bold}
#product_body .design_diary:hover {text-decoration: none; color: #AFB96F}
#product_body .image_zoom {display: block; width: 109px; height: 32px; line-height: 32px; background: #eadfd9 url("/images/bg_image_zoom.png") top left no-repeat; color: #6895b1; text-indent: 10px; font-weight: bold}
#product_body .image_zoom:hover {text-decoration: none; color: #AFB96F}
 #product_reviews {clear: both; border-top: 1px solid #b2b2b2; padding-top: 10px}
#product_reviews p {color: #333; font-weight: bold; margin: 0}
#product_reviews ul {margin: 0; list-style-type: none}
#product_reviews ul#review_headings li {background: none; padding: 0 5px 0 0; display: inline; float: left; color: #333; font-weight: bold}
#product_reviews ul#review_headings li.first {padding: 0 15px 0 0}
#product_reviews ul li.column {margin-right: 0}
#product_reviews ul li.half {margin-right: 10px}
#product_reviews ul li span {font-weight: normal}
#product_reviews ul li a {color: #f06d9b; padding: 1px 13px 0 5px; border-left: 1px solid #f06d9b}
#product_reviews div.star a {border: 0; padding: 0}
#product_reviews #replies, #product_reply {clear: both; padding-top: 10px; width: 100%}
 #trade_product_form .add_to_basket {float: right; width: 100px; height: 24px; margin: 10px 0 9px 0; background: transparent}
#trade_product_form .trade_banner_bottom, #trade_product_form .trade_banner_top {background: transparent url("/images/bg_trade_button_banner.png") top left no-repeat; line-height: 43px; height: 43px; padding-right: 10px; padding-left: 15px; color: #666}
#trade_product_form .trade_banner_top {margin-top: -25px; position: relative; z-index: 10; margin-bottom: 10px}
#trade_product_form label.quantity_label{ display:inline; margin-top:0; line-height:1}
.price {color: #6895b1}
.remove_from_basket {color: #cc0033}
.continue_shopping {background: #EADFD9 url("/images/bg_continue_shopping.png") top left no-repeat; width: 168px; height: 32px; line-height: 32px; display: block; font-weight: bold; text-indent: 30px}
#basket_form table td {vertical-align: top}
#basket_form table td .image {float: left; margin-right: 10px; width: 100px; height: 100px; background-position: top center; background-repeat: no-repeat; background-color: transparent}
#basket_form table thead tr {background: transparent url("/images/bg_basket_head.png") top left no-repeat}
#basket_form table thead th {background: transparent; height: 38px; line-height: 38px; padding-top: 0; padding-bottom: 0; border: 0; color: #666; font-weight: normal}
#basket_form .content {float: left}
.by {margin-bottom: 5px; display: block}
.comments {padding-left: 20px; background: transparent url("/images/i_comments.png") center left no-repeat; margin-bottom: 5px}
.tags {line-height: 1.5; padding-left: 20px; background: transparent url("/images/i_tags.png") center left no-repeat; margin-bottom: 5px}
 .design_diary .design_diary_top {background: #edeaec url("/images/bg_paper_top.png") top left no-repeat; height: 16px; width: 440px}
.design_diary .design_diary_bottom {background: #edeaec url("/images/bg_paper_bottom.png") bottom left no-repeat; height: 16px; width: 440px}
.design_diary .main_content {background: #edeaec url("/images/bg_paper_tile.png") top left repeat-y; padding: 0 16px; margin-bottom: 0}
.design_diary h1 {color: #6895b1; font-size: 1.8em; letter-spacing: 0.5px}
.design_diary .view_and_buy {display: block; background: transparent url("/images/bg_side_heading.png") top left no-repeat; width: 212px; height: 51px; line-height: 51px; text-indent: 15px; font-weight: bold; float: right}
.design_diary .view_and_buy span {background: transparent url("/images/a_transparent.png") 180px center no-repeat; display: block}
 #body_stockists #body .body {border-top: 1px dashed #999; padding-top: 20px; clear: both}
#stockists_map {width: 186px; height: 213px; background: transparent url("/images/stockists_map.jpg") top left no-repeat; text-indent: -4999em; margin-top: 20px; margin-bottom: 20px}
 #footer {clear: both; margin-top: 20px; position: relative; color: #555; height: 85px; margin-bottom: 0; padding-top: 20px; padding-bottom: 20px; background: #ededee url("/images/bg_footer.jpg") top left no-repeat}
#footer .inner {padding: 0 15px}
#footer .vcard {font-style: normal; display: inline; float: left}
#footer ul {list-style: none; margin: 0}
#footer li {line-height: 1}
#footer #feed_link, #footer #twitter_link, #footer #facebook_link {border: 0; float: left; margin-left: 0; margin-right: 10px}
#footer #feed_link a, #footer #twitter_link a, #footer #facebook_link a {text-indent: -4999em; display: block; width: 16px; height: 17px; background-color: transparent; background-repeat: no-repeat; background-position: top left}
#footer #feed_link a {background-image: url("/images/i_feed.png")}
#footer #twitter_link a {background-image: url("/images/i_twitter.png")}
#footer #facebook_link a {background-image: url("/images/i_facebook.png")}
#footer .phone, #footer .mail {font-weight: bold; font-size: 1.2em}
#footer .phone {color: #6895b1}
#footer .mail {color: #b96f9a}
#footer .mail a {color: #b96f9a}
#footer .mail a:hover {text-decoration: underline}
#footer .links li {background: transparent url("/images/a_footer.png") center left no-repeat; padding-left: 10px; line-height: 1.8}
#footer .links li a {color: #000}
#footer .links li a:hover {color: #b96f9a}
#footer #cards {position: absolute; bottom: 10px; left: 15px; width: 116px; height: 19px; text-indent: -4999em; background: transparent url("/images/cards.png") top left no-repeat}
#footer #legal {position: absolute; right: 15px; bottom: 10px; text-align: right}
#footer #copyright {margin: 0}
#footer #tictoc {color: #666}
#footer #tictoc:hover {text-decoration: underline}
#footer a {text-decoration: none}
#footer a:hover {}
#siteurl {display: none}
  #home {}
#home #home_banner {background-image: url("/images/bg_home_banner.jpg"); height: 321px}
#home ul.products {width: 563px; margin-top: 80px}
#home ul.products li {width: 137px; margin-right: 4px}
#home ul.products li.last {margin-right: 0}
#home ul.products li .title {background-image: url("/images/bg_home_product_list_surround.png")}
#home .main_content {background: #f0f4f7 url("/images/bg_home_content_bottom.png") bottom left no-repeat; margin-bottom: 20px}
#home .main_content .inner_content {background: transparent url("/images/bg_home_content_top.png") top left no-repeat; padding: 16px; width: 560px}
#home .sifrit {font-size: 1.8em; margin-bottom: 20px}
#home h3.panel_title {background: transparent url("/images/bg_side_heading.png") top left no-repeat; width: 212px; height: 51px; line-height: 51px; text-indent: 20px; position: absolute; left: 0px}
#home .latest_blog {background-image: url("/images/bg_home_latest_blog_bottom.png")}
#home .latest_blog .inner {background-image: url("/images/bg_home_latest_blog_top.png")}
#home .signposts li {float: left; width: 212px; margin-right: 16px}
#home .signposts li.last {margin-right: 0}
#home .design_diary {background-image: url("/images/bg_home_panel_design_diaries_bottom.png")}
#home .design_diary .inner {background-image: url("/images/bg_home_panel_design_diaries_top.png")}
#home .design_diary .content {padding-right: 120px; min-height: 165px; background: transparent url("/images/bg_design_diary_sketch.png") top right no-repeat}
#home .latest_offer{ background-image: url("/images/signpost_bg.png"); width: 291px; height: 207px}
#home .latest_offer h3.title{ color: #6895b1; font-weight:bold; margin-left:16px; margin-bottom:0; font-style:normal !important; font-family:arial, helvetica; font-size:14px; float:left}
#home .latest_offer p.body{ float:left; width: 256px; margin-left:16px}
#home .latest_offer .more{ color:#6895b1; font-weight:bold}
#home .latest_offer a:hover{ color: #000000; text-decoration:none}
#home .latest_offer img.sign{ float:left; margin-left:16px; width:256px; margin-top:34px; margin-bottom:5px}
 #home .enewsletter{ background: url("/images/enews_bg2.png") no-repeat left top transparent; width: 292px; height: 153px}
#home .enewsletter h3.panel_title{ width: 245px; background-image: url("/images/bg_side_heading_long.png")}
 #body_design_diaries #body img {padding: 5px; background: #fff; border: 1px solid #ccc}
#body_design_diaries .design_brief_wrap {background: #fff url("/images/bg_design_diary_brief_corner.png") bottom right no-repeat; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 1em}
 div.topic {}
div.topic h2 {margin-bottom: 0}
h1.title {margin-bottom: 0}
h2.title {margin-top: 1em; margin-bottom: 0}
p.topic_by {margin-bottom: 0.5em; color: #999; font-size: 92%; font-weight: bold}
div.preview {padding-bottom: 10px; border-bottom: 2px solid #AAA; margin-bottom: 10px}
#replies {margin: 0; padding-top: 5px; border-top: 2px solid #AAA; list-style: none; clear: both; width: 100%}
#replies li div.by {color: #999; font-size: 92%; font-weight: normal}
#replies li {margin: 0 0 10px 0; padding-top: 0; border-bottom: 1px solid #AAA; clear: both; float: left; width: 100%}
#replies li p {margin-bottom: 0.7em}
#replies li.preview div.by {color: #DB7B2C}
#replies li.preview {background-color: #FCFCFC; padding: 5px 5px 0 5px; width: 408px}
#replies img.avatar {float: left; margin: 0 5px 5px 0}
#replies dt.avatar {width: auto; clear: left}
#replies dd.avatar {min-height: 70px}
 #content {padding: 0 12px; position: relative}
 ol#search_results {margin: 0 0 1em 0; padding-bottom: 1em; list-style: none}
ol#search_results li {padding: 0 0 0.5em 0; margin-bottom: 0.5em; line-height: 1.3}
ol#search_results .highlight {color: #0b4755; font-weight: bold}
ol#search_results em {color: #AAA; font-style: normal; font-size: 95%}
 #sitemap {line-height: 1.6}
#sitemap ul {list-style: none; margin-left: 0}
#sitemap ul ul {margin-left: 20px; list-style: none}
#sitemap li {}
#sitemap li li {font-size: 100%}
#sitemap li.main {font-weight: bold}
#sitemap li.main li {font-weight: normal}
 ul.signposts {list-style: none; margin: 0}
ul.signposts li {background: #eeece2 url("/images/bg_signpost.png") top left repeat-y; margin-bottom: 10px}
ul.signposts li .wallpaper {background: #71a2c8 url("/images/bg_signpost_wallpaper_blue.png") 10px 5px repeat-y}
ul.signposts li .inner {background: transparent url("/images/bg_signpost_frame_bottom.png") bottom left no-repeat}
ul.signposts li .content {min-height: 90px; padding: 15px 15px 20px 15px; background: transparent url("/images/bg_signpost_frame_top.png") top left no-repeat; position: relative}
ul.signposts li .content .title {color: #fff}
ul.signposts li .content .body {color: #fff; margin-bottom: 0; line-height: 1.2}
ul.signposts li .content .link {position: absolute; bottom: 5px; left: -2px; width: 210px; height: 37px; line-height: 37px; text-indent: 15px; background: transparent url("/images/bg_signpost_link.png") top left no-repeat; color: #71a2c8}
ul.signposts li .content .link:hover {color: #000 !important}
ul.signposts li.pink .wallpaper {background-color: #b96f9a; background-image: url("/images/bg_signpost_wallpaper_pink.png")}
ul.signposts li.green .wallpaper {background-color: #afb96f; background-image: url("/images/bg_signpost_wallpaper_green.png")}
ul.signposts li.blue .wallpaper {background-color: #71a2c8; background-image: url("/images/bg_signpost_wallpaper_blue.png")}
ul.signposts li.brown .wallpaper {background-color: #ab8f79; background-image: url("/images/bg_signpost_wallpaper_brown.png")}
ul.signposts li.pink .content .link {color: #b96f9a}
ul.signposts li.green .content .link {color: #afb96f}
ul.signposts li.blue .content .link {color: #71a2c8}
ul.signposts li.brown .content .link {color: #ab8f79}
ul.signposts li strong { }
ul.signposts li p { }
ul.signposts li a {  }
ul.signposts li.banner { }
 fieldset {border: none; padding: 0}
fieldset ul {list-style: none; padding: 0 0 10px 0; margin: 0 !important}
fieldset ul li {padding-bottom: 0}
fieldset input, fieldset select, fieldset textarea {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; border: 2px solid #EEE; padding: 2px; margin: 2px 0 0 0; color: #333333; background-color: #EEE; font-size: 100%}
fieldset textarea {overflow: auto}
fieldset input:focus, fieldset select:focus, fieldset textarea:focus {border-color: #AAA}
fieldset select {padding: 1px; padding: 2px 1px 2px 0}
fieldset select option {padding: 0 1em 0 2px}
fieldset label {margin-right: 5px; font-weight: bold; display: block; margin-top: 10px; line-height: 1.3}
fieldset span.note {font-weight: normal; color: #AAA; margin: 0 1em 0 0; font-size: 92%}
.required {color: #000 !important}
fieldset label.checkbox_note {font-weight: normal; display: inline; float: none}
.tiny {width: 10% }
input.small, label.small {width: 20%}
.third {width: 31%}
.half {width: 48%}
.two_thirds {width: 67%}
.full {width: 98%}
li.full {width: 100%; clear: both;}
label.tiny, label.small, label.third, label.half, label.two_thirds, label.full {float: left}
fieldset p {margin-bottom: 0.5em !important}
#ensure_ham_field {display: none}
 #post_comment input.post_reply {font-weight: bold; float: right; margin-right: 0}
 fieldset.buttons {border: 0px none #CCCCCC; background-color: transparent; margin: 0; padding: 0 0 15px 0}
fieldset.buttons input {cursor: pointer; width: auto; padding: 2px 10px; background-color: #DFDFDF; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #A5A5A5; border-bottom: 1px solid #A5A5A5; margin-right: 15px}
fieldset.buttons input:hover {background-color: #E9E9E9; border-top: 1px solid #DFDFDF; border-left: 1px solid #DFDFDF; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; color: #000}
 fieldset.buttons input.button1 {font-weight: bold}
fieldset.buttons input.button2 {font-weight: normal}
 #fstabs {height: 25px; clear: right; border-bottom: 2px solid #DEDEDE; margin-top: 5px}
#fstabs a {background-color: #F0F0F0; background-repeat: no-repeat; padding: 4px 10px 0 10px; margin-right: 1px; height: 21px; font-weight: bold; float: left; width: auto; font-size: 11px}
#fstabs a:hover {text-decoration: none; background-color: #DEDEDE}
#fstabs a.active {background-color: #DEDEDE; color: #484848}
 #search_form {padding: 0; margin: 0; padding: 7px 5px 7px 0; float: left; line-height: 2}
#search_form fieldset {border-top: 1px dashed #fff; border-bottom: 1px dashed #fff; border-right: 1px dashed #fff; padding: 3px 7px 1px 11px}
#search_form label {display: inline; font-weight: normal; margin: 0; padding: 0; cursor: pointer; font-size: 1.4em; font-family: Georgia, "Times New Roman", serif; font-style: italic; color: #fff}
#search_field {width: 140px; margin: 0; background: #fff; border-color: #fff}
#search_field:focus {border-color: #CCC}
#search_button {cursor: pointer; margin: 2px 0 0 0; padding: 0; border: 0; width: 19px; height: 19px; vertical-align: top}
 .product_form {}
.product_form .quantity {border: 1px solid #b3b3b4; margin: 0;  vertical-align: middle}
.product_form .add_to_basket, .trade_product_form .add_to_basket {border: 0; padding: 0; margin: 0; vertical-align: middle; background: transparent}
#product_reply .add_review, #proceed_to_checkout, #update_quantities {border: 0; padding: 0; margin: 0}
 #stockists_form .buttons input {border: 0; padding: 0; margin: 0}
 #enews_form{ float:left; margin:49px 0 0 25px; width: 282px}
#enews_form p{ color: #6895b1; font-weight:bold; margin:0 !important}
#enews_form fieldset{  }
#enews_form #enewsletter_email, #enews_form #enewsletter_name{ background:none repeat scroll 0 0 #FFFFFF; border-color:#ffffff; margin:0; width:209px; float:left}
#enews_form #enewsletter_email:focus{ border-color: #CCC}
#enews_form .subscribe{ border: 0; padding: 0; margin: 0; vertical-align: middle; background: transparent; margin:0 0 0 10px}
#enews_form label{ display:none;}
 #notice {background-color: #bae68f; padding: 7px 14px; margin: 10px 0}
#notice p {font-weight: bold; margin: 5px 0; font-size: 100%}
.error {font-weight: bold; color: #DF226A}
em.field_error input, em.field_error textarea, em.field_error select {background-color: #F3E9E9; border-color: #B72222; font-style: normal}
 .fieldWithErrors {display: inline}
.fieldWithErrors input, .fieldWithErrors textarea {border: 1px solid #DF226A; background-image: url("/images/alert.gif"); background-repeat: no-repeat; background-position: 100% 3px}
#errorExplanation, #error {padding: 9px; margin: 9px 0; background-color: #B72222; color: #FFFFFF}
#errorExplanation h2 {color: #FFF; font-size: 13px; font-weight: bold; display: none}
#errorExplanation p , #error p {font-size: 100%; margin-bottom: 0; font-weight: bold; color: #FFCD38}
#errorExplanation ul {margin: 0}
#errorExplanation ul li {font-size: 100%; list-style: square; margin-left: 1em}
#gallery {min-height: 400px;  float: left; margin-right: 0}
 #albums {list-style: none; list-style: none; margin: 0 0 30px 0; padding: 0; float: left}
#albums li {float: left; display: block; width: 303px; margin-right: 13px; line-height: 1.2}
#albums li.acol3 {margin-right: 0; clear: right}
#albums li a {font-size: 117%; background-color: #FFF}
#albums li a img {float: left; margin-right: 10px; border: 2px solid #ccc; padding: 1px}
#albums li.active a {color: #9D060B}
#albums li.active a img {border-color: #000}
#photos {list-style: none; margin: 0}
#photos li {width: 100%;  margin-right: 13px; margin-bottom: 13px}
#photos li a {background-color: #FFF; display: block; width: 145px; float: left}
#photos li a img {border: 1px solid #CCC; padding: 2px; float: left}
#photos li.pcol6 {margin-right: 0}
.photo_desc{ float:left; width:275px; margin-left:10px; display:block}
.photo_title{ color:#6895B1; font-size:1.5em; line-height:1.25; font-family:Georgia,"Times New Roman",serif; font-style:italic; color:#333}
#photos li span.photo_title a{ width:100%; display:block; margin-bottom:0.25em; color: #333}
#photos li span.photo_title a:hover{ color: #6895B1}
#photos li a.more{ background:transparent url(/images/a_transparent.png) no-repeat scroll right center; font-weight:bold; width:auto; padding-right:15px}
   #jquery-overlay {position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px}
#jquery-lightbox {position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0}
#jquery-lightbox a img {border: none}
#lightbox-container-image-box {position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto}
#lightbox-container-image {padding: 10px}
#lightbox-loading {position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0}
#lightbox-nav {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10}
#lightbox-container-image-box > #lightbox-nav {left: 0}
#lightbox-nav a {outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%; height: 100%; display: block}
#lightbox-nav-btnPrev {left: 0; float: left}
#lightbox-nav-btnNext {right: 0; float: right}
#lightbox-container-image-data-box {font: 11px Helvetica, Arial, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0}
#lightbox-container-image-data {padding: 0 10px; color: #666}
#lightbox-container-image-data #lightbox-image-details {width: 70%; float: left; text-align: left}
#lightbox-image-details-caption {font-weight: bold}
#lightbox-image-details-currentNumber {display: block; clear: left; padding-bottom: 1.0em}
#lightbox-secNav-btnClose {width: 66px; float: right; padding-bottom: 0.7em}
 div.rating{cursor:pointer;margin:2em;clear:both;display:block}
div.rating:after{content:'.';display:block;height:0;width:0;clear:both;visibility:hidden}
div.cancel,div.star{float:left;width:22px;height:21px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden;}
div.cancel,div.cancel a{background:url('/images/delete.gif') no-repeat 0 -21px}
div.star,div.star a{background:url('/images/star.png') no-repeat 0 0px;}
div.cancel a,div.star a{display:block;width:21px;height:100%;background-position:0 0px;border: 0 !important;}
div.star_on a{background-position:0 -21px!important}
div.star_hover a,div.star_live a:hover{background-position:0 -42px}
 div.star_readonly a,div.star_readonly a:hover{cursor:default !important}
 div.star{background:transparent!important;overflow:hidden!important}
 #checkout_progress {background: transparent url("/images/bg_checkout_stages.png") top left no-repeat; line-height: 41px; height: 41px; padding-right: 10px; padding-left: 15px; color: #666; position: absolute; z-index: 10; bottom: -20px; left: 7px; width: 100%}
#checkout_progress ul {margin: 0; padding: 0; list-style-type: none}
#checkout_progress ul li {float: left; padding-right: 80px; margin-right: 60px; background: transparent url("/images/a_transparent.png") center right no-repeat; color: #6895b1}
#checkout_progress ul li.active {font-weight: bold}
#checkout_progress ul li.past {color: #999}
#checkout_progress ul li.last {margin-right: 0; padding-right: 0; background: transparent}
#checkout_signin {margin-left: 23px; width: 350px}
#checkout_body {clear: both; margin-top: 20px}
#checkout_body h1 {margin-bottom: 0}
 #checkout_sign_up {background-color:#DFDFDF; border-color:#CCCCCC #A5A5A5 #A5A5A5 #CCCCCC; border-style:solid; border-width:1px; cursor:pointer; margin-right:15px; margin-top:5px; padding:3px 10px; width:auto; color: #000; font-weight: bold}
#checkout_sign_up:hover {background-color: #E9E9E9; border-top: 1px solid #DFDFDF; border-left: 1px solid #DFDFDF; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC}
 #payment_choice li {margin-bottom: 20px}
#payment_choice input {float: left; margin-right: 10px}
#payment_choice label {float: left; margin-top: 0; margin-bottom: 5px}
 form.checkout fieldset {float: left; margin-bottom: 20px}
form.checkout fieldset#billing_address, .user_type {    }
form.checkout fieldset fieldset.buttons {width: auto; margin: 3em 0 0 0}
form.checkout fieldset.last {margin-right: 0}
form.checkout p.fieldset_explanation {color: #666}
form.checkout p.fieldset_explanation label {margin: 0; font-weight: normal; vertical-align: top; display: inline; color: #000}
form.checkout p.fieldset_explanation label input {margin: 0; vertical-align: top; padding: 0}
form.checkout h3 {border-bottom: 2px solid #CCC}
form.checkout h4 {margin-top: 2em; padding: 3px 0; font-size: 100%; line-height: 1; border-bottom: 2px solid #CCC}
 #delivery_options {margin: 0}
#delivery_options li {border-bottom: 1px solid #EEE; padding-top: 4px; margin-bottom: 5px; padding-bottom: 3px}
#delivery_options li label {font-weight: bold; color: #333; margin: 0; padding: 0; vertical-align: middle; display: inline}
#delivery_options li label input {vertical-align: middle; margin-right: 3px}
#delivery_options li span {padding-left: 20px; font-size: 92%; color: #666}
 form.checkout #order_summary { }
#item_summary {padding-bottom: 0}
#item_summary li {border-bottom: 1px solid #EEE; margin-bottom: 5px; padding-bottom: 3px}
#item_summary li em {font-style: normal; color: #666}
span.order_number {font-size: 200%}
 form.checkout #payment_details {margin-right: 0}
#payment_details table {margin-top: 5px; margin-bottom: 40px;   width: 100%}
#payment_details table td {padding: 3px 0; border-bottom: 1px solid #CCC; border-top: none}
#payment_details table tfoot td {border-top: 1px solid #CCC; border-bottom: none; font-size: 120%; font-weight: bold}
#processing_order {margin: 0; padding: 0; text-align: center; width: 282px; line-height: 1.3; display: none}
#processing_order strong {color: #00529E; font-size: 110%; display: block}
#processing_order span {font-size: 92%; color: #999}
 #cv2_code {float: left; background: url("/images/cv2.gif") no-repeat 100% 90%; padding-right: 40px}
#cv2_code input {float: left; margin-right: 10px}
#cv2_code span.note {display: block; line-height: 1.2;  }
 #maestro {padding-top: 20px; float: left}
#maestro li {margin: 0 10px 0 0; width: auto}
#maestro p strong {color: #333}
#maestro p {color: #999; line-height: 1.3}
#maestro li label {width: auto; display: block; clear: both; float: none; margin: 0}
#maestro li input, #maestro li select {float: left}
#payment_details h4 {float: left; margin-top: 15px; width: 100%}
 #checkout_3dsecure {width: 945px;  float: left}
#secureframe {width: 945px; height: 450px; border: 1px solid #CCC; background: #EFEFEF url("/images/3dsecureframebg.gif") 50% 50% no-repeat}
 .sIFR-flash {visibility: visible !important; margin: 0; padding: 0; display: block}
.sIFR-replaced, .sIFR-ignore {visibility: visible !important}
.sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden}
.sIFR-replaced div.sIFR-fixfocus {margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none}