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 {font-size: 75%; color: #666666; font-family: Helvetica, Arial, sans-serif}
h1,h2,h3,h4,h5,h6 {font-weight: normal; color: #5E5D57}
h1 {font-size: 2em; margin-bottom: 0.5em; color: #000; font-weight: bold; line-height: 1.2; letter-spacing: -1px;}
h2 {font-size: 1.5em; line-height: 1.125; margin-bottom: 1em; color: #333}
h3 {font-size: 1.2em; font-weight: bold; line-height: 1.25; margin-bottom: 0.25em}
h4 {font-size: 1em; font-weight: bold; margin-bottom: 0.25em}
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}
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: #1279C0; text-decoration: underline}
a {color: #373be8; 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}
ol {list-style-type: decimal}
ul {list-style-type: square}
dl {margin: 0 0 1.5em 0}
dl dt {font-weight: bold}
dd {margin-left: 1.5em;}
table {margin-bottom: 1.4em; width: 100%;}
th {font-weight: bold; background-color: #EEE}
td {border-bottom: 1px solid #ddd}
th {padding: 10px 10px 5px 5px; line-height: 1; border-bottom: 2px solid #999;}
td {padding: 4px 10px 4px 5px; line-height: 1.4;}
tr.even td {background: #eef}
tfoot {}
caption {background: #ffc}
tr.row2 {background-color: #F9F9F9}
tr.row1 {background-color: #FFF}
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}
.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 {display: block; padding: 12px 15px 12px 55px; margin-top: 1em; font-size: 115%; line-height: 1.3; font-family: Georgia, Times, serif; font-style: italic; background: #F6F6F6 url("/images/quote.gif") 12px 12px no-repeat}
.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}
.pink_text {color: #F06D9B}
img.right {margin-left: 10px; margin-bottom: 10px}
img.left {margin-right: 10px; margin-bottom: 10px}
.popup, a.popup {}
p.date {margin: 0 0 0.5em 0; color: #999; font-weight: bold}
p.return {border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; margin: 2em 0 1em 0; padding: 3px 6px; font-size: 92%; background-color: #F7F7F7; clear: both}
p.commenting_closed {font-weight: bold; font-size: 92%}
p.tags {border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; margin: 2em 0 2em 0; padding: 3px 6px 3px 30px; font-size: 92%; background-color: #F7F7F7; clear: both; background: #fff url('/images/icons.png') no-repeat -1px -2px}
p.tags a, p.return a{ color: #F06D9B}
body {margin: 0 !important; padding: 0 !important; background-color: #3c414c}
.container {width: 940px; margin: 0 auto; padding: 0 14px 0 6px; background-color: #FFF}
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 {float:left;margin-right: 20px;}
div.last {margin-right: 0}
.span-1 {width: 76px;}
.span-2 {width: 172px;}
.span-3 {width: 268px;}
.span-4 {width: 364px;}
.span-5 {width: 460px;}
.span-6 {width: 556px;}
.span-7 {width: 652px;}
.span-8 {width: 748px;}
.span-9 {width: 844px;}
.span-10, div.span-10 {width: 940px; margin: 0}
.append-1 {padding-right: 96px;}
.append-2 {padding-right: 192px;}
.append-3 {padding-right: 288px;}
.append-4 {padding-right: 384px;}
.append-5 {padding-right: 480px;}
.append-6 {padding-right: 576px;}
.append-7 {padding-right: 672px;}
.append-8 {padding-right: 768px;}
.append-9 {padding-right: 864px;}
.prepend-1 {padding-left: 96px;}
.prepend-2 {padding-left: 192px;}
.prepend-3 {padding-left: 288px;}
.prepend-4 {padding-left: 384px;}
.prepend-5 {padding-left: 480px;}
.prepend-6 {padding-left: 576px;}
.prepend-7 {padding-left: 672px;}
.prepend-8 {padding-left: 768px;}
.prepend-9 {padding-left: 864px;}
div.border {padding-right:9px; margin-right:10px; border-right: 1px solid #eee}
div.colborder {padding-right:69px; margin-right:66px; border-right: 1px solid #eee}
.pull-1 {margin-left: -96px;}
.pull-2 {margin-left: -192px;}
.pull-3 {margin-left: -288px;}
.pull-4 {margin-left: -384px;}
.pull-5 {margin-left: -480px;}
.pull-6 {margin-left: -576px;}
.pull-7 {margin-left: -672px;}
.pull-8 {margin-left: -768px;}
.pull-9 {margin-left: -864px;}
.pull-10 {margin-left: -960px;}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10 {float:left;position:relative;}
.push-1 {margin: 0 -96px 1.5em 96px;}
.push-2 {margin: 0 -192px 1.5em 192px;}
.push-3 {margin: 0 -288px 1.5em 288px;}
.push-4 {margin: 0 -384px 1.5em 384px;}
.push-5 {margin: 0 -480px 1.5em 480px;}
.push-6 {margin: 0 -576px 1.5em 576px;}
.push-7 {margin: 0 -672px 1.5em 672px;}
.push-8 {margin: 0 -768px 1.5em 768px;}
.push-9 {margin: 0 -864px 1.5em 864px;}
.push-10 {margin: 0 -960px 1.5em 960px;}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10 {float:right;position:relative;}
.box {padding: 1.5em; margin-bottom: 1.5em; background: #E5ECF9}
hr {background: #ddd; color: #ddd; clear: both; float: none; width: 100%; height: .1em; margin: 0 0 1.45em; 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;}
* html .clearfix, * html .container {height: 1%;}
.clearfix, .container {display: block;}
.clear {clear:both}
#menu {list-style-type: none; margin: 0; float: left; background-color: transparent; background-image: none}
#menu li {position: relative; display: block; float: left; width: auto; font-size: 117%; margin: 0; padding: 0 0 6px 0}
#menu li a {display: block; padding: 0; line-height: 1; text-decoration: none; color: #000; text-indent: -9999px; background-image: url('/images/menu_winter.png'); height: 25px}
body.winter #menu li a {background-image: url('/images/menu_winter.png');}
body.summer #menu li a {background-image: url('/images/menu_summer.png');}
body.spring #menu li a {background-image: url('/images/menu_spring.png');}
body.autumn #menu li a {background-image: url('/images/menu_autumn.png');}
body.winter #menu li li a, body.summer #menu li li a, body.spring #menu li li a, body.autumn #menu li li a {background-image: none; text-indent: 0px;}
#menu #s_home {width: 48px; padding:0 19px; padding-left: 0px;}
#menu #s_about_us {width: 65px; padding:0 19px;}
#menu #s_news {width: 43px; padding:0 19px;}
#menu #s_blog {width: 36px; padding:0 19px;}
#menu #s_road_testing {width: 90px; padding:0 19px;}
#menu #s_wholesale {width: 75px; padding:0 19px;}
#menu #s_contact {width: 75px; padding:0 19px; padding-right: 0px;}
#s_home a.main_top{ background-position: 0 0}
#s_about_us a.main_top{ background-position: -80px 0}
#s_news a.main_top{ background-position: -177px 0}
#s_blog a.main_top{ background-position: -252px 0}
#s_road_testing a.main_top{ background-position: -320px 0}
#s_wholesale a.main_top{ background-position: -442px 0}
#s_contact a.main_top{ background-position: -550px 0}
#s_home a.active, #s_home a.active_parent{ background-position: 0 -30px}
#s_about_us a.active, #s_about_us a.active_parent{ background-position: -80px -30px}
#s_news a.active, #s_news a.active_parent{ background-position: -177px -30px}
#s_blog a.active, #s_blog a.active_parent{ background-position: -252px -30px}
#s_road_testing a.active, #s_road_testing a.active_parent{ background-position: -320px -30px}
#s_wholesale a.active, #s_wholesale_info a.active_parent{ background-position: -442px -30px}
#s_contact a.active, #s_contact a.active_parent{ background-position: -550px -30px}
#s_home a:hover{ background-position: 0 -60px}
#s_about_us a:hover{ background-position: -80px -60px}
#s_news a:hover{ background-position: -177px -60px}
#s_blog a:hover{ background-position: -252px -60px}
#s_road_testing a:hover{ background-position: -320px -60px}
#s_wholesale a:hover{ background-position: -442px -60px}
#s_contact a:hover{ background-position: -550px -60px}
#menu li a:hover {color: #0072a6}
#menu li a.active, #menu li.main li a.active {color: #0072a6}
#menu li a.active_parent, #menu li.main li a.active_parent {color: #0072a6}
#menu li ul {position: absolute; left: -999em; top: 30px; padding: 2px 5px 5px 5px; margin: 0; z-index: 2000; width: auto; border-top: none; width: auto; background-color: #ddd; border: 1px solid #FFF; border-top: 1px solid #ddd}
#menu li ul li {float: none; padding: 0; margin: 0; font-size: 93%; border: none; width: 100%}
#menu li ul li a {display: block; padding: 7px 3px 5px 3px; width: 12em; border-right: none; border-bottom: 1px solid #CCC}
#menu li ul ul {margin: -35px 0 0 100%}
#menu li:hover ul ul, #menu li.hover ul ul {left: -999em}
#menu li:hover ul, #menu li.hover ul, #menu li li:hover ul, #menu li li.hover ul {left: 0}
#menu li ul li a:hover {background-color: #EEEEEE}
#menu li:hover ul, #menu li.hover ul {left: 0}
div.submenu h2 {font-size: 175%; color: #f06d9b; margin: 0; padding: 2px 5px; font-weight: bold}
div.submenu h2.sub_nav_header {clear: left; padding-top: 10px}
div.submenu h2 a {color: #f06d9b}
div.submenu h2 a:hover {text-decoration: none; color: #4E4031}
div.submenu ul {list-style: none; margin: 0 0 20px 0}
div.submenu li {width: 172px; border-top: 1px solid #dcd9d6; line-height: 1}
div.submenu li.first{ }
div.submenu li a {display: block; width: 162px; padding: 7px 5px 5px; font-size: 116%; color: #4e4031; font-weight: bold; background-color: #ffffff; margin: 0}
div.submenu li a:hover {background-color: #FFF; text-decoration: none; color: #f06d9b}
div.submenu li a.active {color: #999; background-color: #FFF; font-weight: bold}
div.submenu li a.active_parent {color: #0072A6}
div.submenu ul ul {margin-bottom: 0; border-bottom: none; border-top: 1px dotted #CCC}
div.submenu ul ul li {margin-bottom: 0}
div.submenu ul ul li.first {border-top: none}
div.submenu ul ul li a {color: #555; padding-left: 24px; width: 180px; background-position: 24px 9px; background-color: #F9F9F9}
div.submenu ul ul ul li a {color: #555; padding-left: 36px; width: 168px; background-position: 36px 9px; background-color: #FcFcFC}
#home_signposts{ margin-bottom: 1.5em}
#home_signposts ul{}
#home_signposts ul li{ float: left; margin-right: 2px; height:115px; background: #fff url('/images/bg_signpost.png') repeat-x top left}
#home_signposts ul li.last{ margin-right: 0}
#home_signposts ul.count-2 li{ width: 469px;}
#home_signposts ul.count-3 li{ width: 312px;}
#home_signposts ul.count-4 li{ width: 233px;}
#home_signposts ul li div.inner{ padding: 10px; padding-right: 110px; height:95px; background-position: top right; background-repeat: no-repeat; color: #544b42; font-size: 1.15em}
#home_signposts ul li h3{ font-size: 1.4em; line-height:1; color: #544b42}
#home_signposts ul li a{ font-weight: bold; color: #f06d9b; background-image: none}
#home_signposts ul li a:hover{ text-decoration: underline}
#home_signposts #newsletter_signup li{ width: auto; background-image: none; background-color: transparent}
#home_signposts #newsletter_signup span, #home_signposts #newsletter_signup label{display: none;}
#home_signposts #newsletter_signup input.email_field{background-color: #fff; width:85%;}
#home_signposts #newsletter_signup #enews_button{ background-color: transparent; width:12px; height:17px; border-style: none; position: relative; top:5px}
ul.signposts {list-style: none; margin: 12px 0 0 0}
ul.signposts li {margin: 0 ; line-height: 1.3}
ul.signposts li strong {color: #666}
ul.signposts li p {margin: 0}
ul.signposts li a {text-decoration: none}
ul.signposts li.banner {border-bottom: none !important}
ul.signposts li{ float: left; border-top-style: none; margin-bottom: 20px; background: #fff url('/images/bg_signpost.png') repeat-x top left}
ul.signposts li div.inner{ padding: 5px; padding-right: 50px; height:79px; background-position: 110% 0; background-repeat: no-repeat; color: #544b42; font-size: 1.15em}
ul.signposts li div.email_sign_up{ padding-right: 72px}
ul.signposts li h3{ font-size: 1.4em; line-height:1; color: #544b42}
ul.signposts li a{ display: inline; width:auto; font-size: 0.9em; padding: 0; padding-right: 20px; line-height:12px; background: #DDD url('/images/search_button_signpost.png') no-repeat 95% 80%; color: #F06D9B; background-color: transparent}
ul.signposts li a:hover{ color: #4E4031; background-color: transparent}
#related, #side_contact {margin-top: 89px}
#related ul {list-style: none; margin: 0 10px 20px 20px; border-top: 2px solid #EFEFEF}
#related ul.signposts {border-top: none}
#related ul li {line-height: 1.2; padding: 5px 0; border-bottom: 1px solid #DCD9D6; background-image: none}
#related ul li.mini {float: left}
#related ul li.more {border-bottom: none}
#related ul li img.article_image {float: left; margin-right: 6px}
#related ul li a {font-weight: bold}
#related ul li.active {background-color: #F9F9F9}
#related ul li.active a {color: #9D060B}
#related ul li span.date {color: #999; font-size: 100%}
#crumb_list {padding: 5px 0; color: #999}
#crumb_list a {text-decoration: none; font-weight: bold}
#crumb_list a:hover {}
#crumb_list span {font-weight: bold}
#skip_to_content {display: none}
div.pagination {margin: 0; line-height: 1; padding: 10px 0 5px; color: #999; clear: both; width: 100%}
div.pagination .prev_page, div.pagination .next_page {background: #fff url('/images/icons.png') no-repeat 0px -116px; display: block; width:25px; height:25px; text-indent: -9999px; cursor: pointer; float: left}
div.pagination .next_page {float: right; background-position: -88px -116px}
div.pagination ul {width: 650px; text-align: center; margin: 0 25px; list-style-type: none}
#body div.pagination ul li {display: inline; padding: 0}
div.pagination ul span, div.pagination ul a {cursor: pointer; background: #fff url('/images/icons.png') no-repeat 0px -165px; display: inline; width: 13px; height: 15px; text-indent: -9999px; color: #fff; padding: 0 15px; background-position: 20px -206px}
div.pagination ul span.current {background-position: 20px -166px}
div.pagination span.disabled {visibility: hidden}
div.divider div.pagination {padding-top: 12px}
fieldset {border: none; padding: 0}
fieldset ul {list-style: none; padding: 0 0 10px 0; margin: 0 !important}
fieldset ul li {padding-bottom: 0; background-image: none; padding-left: 0}
fieldset input, fieldset select, fieldset textarea {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; border: 1px solid #AAA; 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: #F06D9B}
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; color: #666}
fieldset span.note {font-weight: normal; color: #AAA; margin: 0 1em 0 0; font-size: 92%}
p span.required, label.required {color: #F06D9B !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 !important}
#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: 15px 0 15px 0}
fieldset.buttons input {cursor: pointer; width: auto; padding: 2px 10px; background-color: #F06D9B; border: 1px solid #075F28; margin-right: 15px; color: #FFF}
fieldset.buttons input:hover {background-color: #EEEEEE; color: #000; border-color: #ccc}
fieldset.buttons input.button1 {font-weight: bold}
fieldset.buttons input.button2 {font-weight: normal}
#fstabs {height: 23px; 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: 19px; font-weight: bold; float: left; width: auto; font-size: 11px; color: #F06D9B}
#fstabs a:hover, #fstabs a:active {text-decoration: none; background-color: #DEDEDE}
#fstabs a.active {background-color: #DEDEDE; text-decoration: none}
form fieldset.tabbed {padding-top: 10px; padding-bottom: 20px}
#search_form {float: right; padding: 0; margin: 3px 0 0 0; text-align: right; width: 260px}
#search_form label {text-indent: -9999px; display: block; float: left; text-align: left; width: 85px; height: 21px; margin: 0; cursor: pointer; background: transparent url('/images/menu_winter.png') no-repeat -705px -3px}
body.winter #search_form label{ background-image: url('/images/menu_winter.png');}
body.autumn #search_form label{ background-image: url('/images/menu_autumn.png');}
body.summer #search_form label{ background-image: url('/images/menu_summer.png');}
body.spring #search_form label{ background-image: url('/images/menu_spring.png');}
#search_field {width: 140px; margin: 0 3px; vertical-align: middle; background-color: #ECECEC}
#search_field:focus {border-color: #aba7a4; background-color: #f9f9f9}
#search_button {cursor: pointer; margin: 0; background-color: transparent; padding: 0; border: none; vertical-align: middle}
#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: 1px solid #B72222; font-style: normal; color: #000000 !important}
.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: 12px; margin: 1em 0 1em 0; background-color: #B72222; color: #FFFFFF}
#errorExplanation p , #error p {font-size: 100%; margin-bottom: 0; font-weight: bold; color: #FFCD38}
#errorExplanation ul {margin: 0}
#errorExplanation h2 {display: none}
#body #errorExplanation ul li, #errorExplanation ul li {font-size: 100%; list-style: square; margin-left: 1em; background-color: transparent; background-image: none; padding-left: 0}
#body ul {list-style-type: none; margin: 0 1.5em 1.5em 0;}
#body ul li {background: #fff url('/images/icons.png') no-repeat 0.6em -268px; padding-left: 1.5em;}
#body ul.items li, #related ul li, ul#replies li, ul#product_panel_links li, #body form ul li {background-image: none; padding-left: 0;}
#header {position: relative; height: 150px; width: 960px; padding-left: 20px; margin: 0 auto}
#header #logo {font-size: 2.2em; line-height: 1; margin: 10px 0; font-weight: bold; float: left}
#header #logo a {display: block; color: #999; text-decoration: none; width: 200px; height: 100px; background: url("/images/logo.png") no-repeat 0 0; text-indent: -5000px; overflow: hidden}
#header #logo a:hover {color: #666;}
body.winter #header #logo a{background-image: url('/images/logo.png');}
body.autumn #header #logo a{background-image: url('/images/logo_autumn.png');}
body.spring #header #logo a{background-image: url('/images/logo_spring.png');}
body.summer #header #logo a{background-image: url('/images/logo_summer.png');}
#header #fore, #header #aft{ float: left; width:100%}
#topnav{ position:absolute; top:0; right:0; width:740px}
#topnav, #topnav a{color: #aba7a4;}
a#basket_link{ padding-left: 25px; background: #2c231b url('/images/icons.png') no-repeat -1px -235px}
a#login_link{ display: block; text-indent: -9999px; width:100px; height:24px; background: #2c231b url('/images/login_link.png') no-repeat -1px 0px}
a#login_link:hover{ background-position: -1px -40px;}
#topnav #your_bag, #topnav #login_patch{ float: right; margin-left: 0.8em; height: 34px; background: transparent url('/images/bg_patch.png') no-repeat 100% 0px}
#topnav #your_bag .inner, #topnav #login_patch .inner{ background: transparent url('/images/bg_patch.png') no-repeat 0px -40px; padding-top: 8px; height: 26px}
#topnav #your_bag .inner{ padding: 6px 10px;}
#topnav #login_patch .inner{padding: 6px 30px;}
select#currency_select{ font-size: 0.9em; margin: 0 7px}
body.winter #topnav #your_bag, body.winter #topnav #login_patch {background-position: 100% 0px}
body.winter #topnav #your_bag .inner, body.winter #topnav #login_patch .inner {background-position: 0px -40px}
body.autumn #topnav #your_bag, body.autumn #topnav #login_patch {background-position: 100% -80px}
body.autumn #topnav #your_bag .inner, body.autumn #topnav #login_patch .inner {background-position: 0px -120px}
body.summer #topnav #your_bag, body.summer #topnav #login_patch {background-position: 100% -160px}
body.summer #topnav #your_bag .inner, body.summer #topnav #login_patch .inner {background-position: 0px -200px}
body.spring #topnav #your_bag, body.spring #topnav #login_patch {background-position: 100% -240px}
body.spring #topnav #your_bag .inner, body.spring #topnav #login_patch .inner {background-position: 0px -280px}
body, body.winter {background: #626d7b url('/images/bg_body_gradient_winter.png') repeat-x top left;}
body.spring {background: #737562 url('/images/bg_body_gradient_spring.png') repeat-x top left;}
body.summer {background: #924452 url('/images/bg_body_gradient_summer.png') repeat-x top left;}
body.autumn {background: #806859 url('/images/bg_body_gradient_autumn.png') repeat-x top left;}
#main_page_top{ width:1000px; margin: 0 auto; background: transparent url('/images/bg_main_page_top.png') no-repeat top center; padding-top: 25px}
#main_page_inner{ width:1000px; margin: 0 auto; background: transparent url('/images/bg_main_page_edges.png') repeat-y top center}
#main_page_bottom{ width:1000px; margin: 0 auto; background: transparent url('/images/bg_main_page_bot.png') no-repeat bottom center; padding-bottom: 25px}
.submenu, #body {margin-top: 10px;}
#body {min-height: 400px}
div.content {}
#body h1{ display: block; width:732px; padding: 45px 0px 5px 16px; height:27px; background: #fff url('/images/bg_page_heading.png') no-repeat top left; color: #fff}
body.winter #body h1{background-position: 0px 0px;}
body.autumn #body h1{background-position: 0px -80px;}
body.summer #body h1{background-position: 0px -160px;}
body.spring #body h1{background-position: 0px -240px;}
ul.items {list-style: none; margin: 0 0 20px 0; padding: 0; float: left}
ul.items li {clear: both; padding: 10px 0 4px 0; float: left; width: 420px}
ul.items li.last {background-image: none}
ul.items li img {float: left; margin-right: 10px; margin-bottom: 7px}
ul.items li a {font-size: 117%}
.column {float: left; margin-right: 10px}
.last {margin-right: 0}
#footer {clear: both; padding: 10px 0 20px 0; margin-top: 5px; position: relative; color: #555; margin-bottom: 0; border-top: 2px solid #b0afac; background: #fff url('/images/bg_footer.png') repeat-x top left}
#footer .vcard {font-style: normal}
#footer h4 {margin: 0}
#footer ul {margin: 0; list-style: none}
#footer li {line-height: 1.2; padding-left: 10px; padding-bottom: 3px; background: transparent url('/images/bg_list_bullet.png') no-repeat 0px 0px}
#footer ul.col1 {margin: 0; padding: 0; float: left; width: 90px; margin-right: 10px}
#footer ul.col2 {margin: 0; float: left; width: 120px}
#footer li#tictoc {padding-right: 0; border-right: none}
#footer a {text-decoration: none; color: #64635e}
#footer a:hover {color: #f06d9b}
#footer .vcard {color: #999; text-align: right; line-height: 1.2}
#footer .vcard strong {color: #444; font-weight: normal}
#footer .adr, #footer .tel, #footer .fax {font-size: 92%}
#footer .adr span {display: block}
#telephone{ color: #f06d9b; font-size: 150%; font-weight: bold}
#footer .vcard .email{ font-size: 120%; letter-spacing: -0.04em}
#siteurl {display: none}
.footer_links{ float: left; width:140px; margin: 0px 10px}
.vcard, #copyright{ margin-right: 10px}
#copyright{ text-align: right; margin-top: 20px; font-size: 92%}
#copyright strong{ padding-left: 0.5em}
#home_banner{ height:291px; position: relative}
#home_banner_image{ height:291px; background: no-repeat 100% 0}
#home_banner_inner{ position:absolute; bottom:25px; left: 0px}
#body #home_banner h1{ background-image: none; background-color: transparent; color: #635244; width:auto}
#body #home_banner h1 a{ color: #635244}
#home_banner p{ margin: 0; padding: 0 350px 0 16px; color: #fff; font-size: 1.2em}
h2.home_product_header{ float: left; width:100%; margin-top: 20px; text-indent: -9999px; background: #fff url('/images/bg_header_text.png') no-repeat 0px 0px; height: 48px; margin-left: -8px}
body#home ul.products, .products_panel_inner {margin: 0px; height: 281px; width: 100%; overflow: hidden}
.products_panel {height: 306px; position: relative; clear: left}
.products_panel_nav {height: 25px; width: 748px; position: absolute; bottom: 0; left: 0}
.products_panel_inner {margin-bottom: 10px}
body#home ul.products li{ margin-bottom: 0px}
.products_panel a.prev, a.next {background: #fff url('/images/icons.png') no-repeat 0px -116px; display: block; width:25px; height:25px; text-indent: -9999px; cursor: pointer; float: left; z-index: 9999}
.products_panel a.next {float: right; background-position: -88px -116px}
.products_panel a.prev {display: none}
.navi {width: 650px; text-align: center; margin: 0 25px}
.navi span {cursor: pointer; background: #fff url('/images/icons.png') no-repeat 0px -165px; display: inline; width: 13px; height: 15px; text-indent: -9999px; color: #fff; padding: 0 15px; background-position: 20px -206px}
.navi span.active {background-position: 20px -166px}
h2#new_products{ background-position: 0px -250px;}
h2#top_products{ background-position: 0px -300px;}
h2#sale_products{ background-position: 0px -350px;}
ul#product_panel_links{ float: left; width:758px; margin: 0; margin-left: -10px; background: transparent url('/images/bg_header_text.png') no-repeat 0px -400px}
ul#product_panel_links li{ float: left; width: 20%; background-color: transparent}
ul#product_panel_links li#new_products_item{ width:138px}
ul#product_panel_links li#top_products_item{ width:163px}
ul#product_panel_links li#sale_products_item{ width:180px}
ul#product_panel_links li h2{ height: 50px; margin: 0}
ul#product_panel_links li h2 a{ display: block; height: 50px; outline: none}
ul#product_panel_links h2#new_products, ul#product_panel_links h2#top_products, ul#product_panel_links h2#sale_products{ background-image: none; background-color: transparent;}
ul#product_panel_links li#new_products_item a, ul#product_panel_links li#top_products_item a, ul#product_panel_links li#sale_products_item a{ background: transparent url('/images/bg_header_text.png') no-repeat 0px -400px;}
ul#product_panel_links li#new_products_item a {background-position: 0px -200px;}
ul#product_panel_links li#top_products_item a {background-position: -138px -200px;}
ul#product_panel_links li#sale_products_item a {background-position: -301px -200px;}
ul#product_panel_links li#new_products_item a:hover {background-position: 0px -150px;}
ul#product_panel_links li#top_products_item a:hover {background-position: -138px -150px;}
ul#product_panel_links li#sale_products_item a:hover {background-position: -301px -150px;}
ul#product_panel_links li#new_products_item .selected a {background-position: 0px -100px;}
ul#product_panel_links li#top_products_item .selected a {background-position: -138px -100px;}
ul#product_panel_links li#sale_products_item .selected a {background-position: -301px -100px;}
ul.products li.line-0{}
ul.products li.line-1, ul.products li.line-2, ul.products li.line-3{display: none;}
#product_scroller{ text-align: center; float: left; width:100%; margin-bottom: 1.5em}
#product_scroller ul{ margin-top: 20px}
#product_scroller a{ background: #fff url('/images/icons.png') no-repeat 0px -165px; display: block; width:25px; height:25px; text-indent: -9999px}
#product_scroller a.prev_products{ float: left; background-position: 0px -116px}
#product_scroller a.next_products{ float: right; background-position: -88px -116px}
#product_scroller ul{ display: inline;}
#product_scroller ul li{ display: inline; color: #fff; padding: 0 15px; background-position: 20px -206px}
#product_scroller ul li.current{ background-position: 20px -166px}
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}
#body #replies, #replies {margin: 0; padding-top: 5px; 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: #f06d9b}
#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}
#body ul.news_items{ padding: 0; margin: 0}
ul.news_items li{ position: relative; margin-top: 1.5em; margin-left: 80px; padding: 0; display: inline}
ul.news_items li div.date{ position: absolute; left:-60px; top:0px; width: 52px; height: 60px; background: #fff url('/images/bg_calendar_tab.png') no-repeat 50% 0px; padding-top: 9px}
ul.news_items li div.date span{ display: block; text-align: center; font-family: Arial, "MS Trebuchet", sans-serif; font-weight: bold}
ul.news_items li div.date span.day{ color: #4e4031; font-size: 1.2em; line-height:1}
ul.news_items li div.date span.month{ color: #f06d9b; text-transform: uppercase}
ul.news_items h3{ margin: 0}
ul.news_items h3 a{ color: #4e4031}
ul.news_items p{ padding: 0; margin: 0}
ul.news_items a.read_more_news{ font-size: 1em; color:#f06d9b; padding-right: 20px; background: #fff url('/images/icons.png') no-repeat -77px -168px; background: #fff url('/images/bg_arrow.png') no-repeat 92% 50%}
#body ul.blog_posts{margin: 0;}
ul.blog_posts li{ width:100%; border-bottom: 1px solid #bbb7b3; padding-bottom: 1em; margin-bottom: 1em}
ul.blog_posts li.last{ border-bottom-style: none}
ul.blog_posts li h3 {}
ul.blog_posts li h3 a{ color: #544b42; font-size: 1.5em}
ul.blog_posts li span.date{ display: block; color: #f06d9b; font-weight: bold; margin-bottom: 1.5em}
ul.blog_posts li img{ display: block; float: none}
ul.blog_posts div.tags, ul.blog_posts div.comments{ margin-bottom: 0.5em; margin-right: 0; padding-left: 30px; width: 526px; background: #fff url('/images/icons.png') no-repeat -1px -2px}
ul.blog_posts div.tags{ background-position: -1px -2px}
ul.blog_posts li ul.tag_list{ display: inline}
ul.blog_posts li ul.tag_list li{ float: none; display: inline; border-bottom-style: none}
ul.blog_posts div.tags a, ul.blog_posts div.comments a{ color: #f06d9b; font-size: 1em; font-weight: bold; padding-right: 0.5em}
ul.blog_posts div.comments{ background-position: -1px -36px}
#tag_menu{ margin-top: 0}
#tag_menu h3{ margin: 0; display: block; text-indent: -9999px; height:50px; background: #fff url('/images/bg_header_text.png') no-repeat -214px -450px}
#tag_menu ul {margin: 0; border-top-style: none}
#tag_menu ul li {padding: 0; border-top-style: none}
#department_head {background-color: #9F9F9F; color: #FFF; margin-bottom: 10px}
#department_head div#dept_intro {width: 350px; padding: 10px 40px 0 20px ; float: left}
#department_head h1 {font-weight: normal; color: #FFF; font-size: 260%; margin: 10px 0 15px 0; letter-spacing: 0; line-height: 0.9}
#department_head h1 a {color: #FFF}
#department_head h1 a:hover {color: #000; text-decoration: none}
#department_head h1 span {font-size: 75%; line-height: 1.1}
#sub_depts ul {list-style: none; width: 150px; float: left; margin: 20px 20px 0 0; padding-bottom: 20px}
#sub_depts li {background-position: -16px -92px; line-height: 1.2; margin-bottom: 5px}
#sub_depts li a {color: #FFF}
#sub_depts li a.active {color: #000; font-weight: bold}
#sub_depts li a:hover {color: #000; text-decoration: none}
#body ul.products {list-style: none; margin: 10px 0; float: left; clear: both; display: block; width: 100%}
#body ul.hide {display: none;}
#body ul.products li {float: left; width: 164px; padding: 0 4px; text-align: left; line-height: 1.2; margin-bottom: 20px; margin-right: 20px; background: #f6f5f4 url('/images/bg_product_listing.png') repeat-x top left; font-size: 120%}
#body ul.products li.full {float: none; clear: left; width: 100%; padding: 0; line-height: 1; margin: 0; background: 0; font-size: 100%}
#body ul.products li.last {margin-right: 0;}
#home ul.products li.top a {}
ul.products li a {display: block; color: #5b5a55; min-height: 195px; padding: 5px 0; float: left; position: relative}
ul.products li.bottom a {}
ul.products li a:hover {text-decoration: none; color: #F06D9B}
ul.products li a:hover strong, ul.products li a:hover span , ul.products li a:hover span.buy_now {background-color: #ffffff}
ul.products li strong {display: block; font-size: 100%; font-weight: normal; padding: 5px 5px 0}
ul.products li span.prices {display: block; padding: 5px 5px 0; color: #F06D9B}
ul.products li a em {font-style: normal; font-weight: bold; color: #F06D9B}
ul.products li a:hover span em, ul.products li a:hover span {color: #F06D9B}
ul.products li a span.buy_now {background: #F6F5F4 url('/images/bg_buy_now.png') no-repeat bottom right; width: 74px; height: 24px; padding: 0; text-indent: -9999px; display: block; float: right}
ul.products li a span.buy_now_wide {width: 164px}
ul.products li a span.free_delivery {float: left; display: block; width: 80px; height: 14px; vertical-align: middle; font-size: 90%; color: #F06D9B; padding: 5px}
ul.products li a img {background-color: #fff; display: block; border-bottom: 4px solid #F2F1F0}
ul.products li a span.special_offer {background: transparent url("/images/product_offer.gif") no-repeat 0 0; display: block; width: 39px; height: 34px; text-indent: -9999px; overflow: hidden; position: absolute; top: 8px; left: 2px}
.product_detail_panel {display: none}
ul.products_small{ float: left; width:100%}
ul.products_small li{ float: left; width:100%; margin-bottom: 10px; background: #f6f5f4 url('/images/bg_product_listing.png') repeat-x top left; border-top-style: none}
ul.products_small li a{ padding: 0; margin: 5px; min-height: 62px; background-color: transparent}
ul.products_small li a img{ float: left; border-right: 5px solid #E6E4E2}
ul.products_small li a strong {padding: 6px 4px 0; float: left; width: 50%}
ul.products_small li a span.prices {float: right; width: 53%; padding: 6px 4px}
ul.products_small li a strong{font-weight: normal;}
ul.products_small li a span{color: #F06D9B;}
ul.products_small li a span em{font-style: normal;}
ul.products_small li a:hover img {border-right-color: #fff}
.divider, .filter_divider {background-color: #F0F0F0; padding: 0 0 10px 0; clear: both; line-height: 1; color: #666; float: left; width: 100%}
.filter {height: 31px; margin-bottom: 10px; border-bottom: 1px solid #CCC}
.filter a {display: block; float: left}
.filter a span {display: block; padding: 10px; color: #666}
.filter a:hover {text-decoration: none}
.filter a:hover span {color: #1279C0}
.filter a.active {border-right: none}
.filter a.active span {font-weight: bold; color: #1279C0}
.filter a.active:hover span {color: #000}
#product .filter_divider {padding-bottom: 0; margin-bottom: 20px}
#product .filter {border-bottom: none; margin-bottom: 0}
#product_images {width: 366px}
#product_images img {border: 1px solid #a69f98}
#product_images .jqzoom {margin-bottom: 10px}
#product_images a.alt {float: left; margin-right: 20px}
#product_images a.last {margin-right: 0px}
#product_images a.alt img {padding: 0 23px}
#product_image {width: 230px; margin-right: 22px; float: left}
#product_description {width: 362px}
#alternatives {float: left; margin-right: 0}
h2.product_title {margin-bottom: 0; font-weight: bold; color: #5e5d57; font-size: 1.8em}
p.price {font-size: 1.2em; margin-bottom: 0.5em; color: #F06D9B}
span.was {color: #F06D9B; text-decoration: line-through}
p.price em {color: #F06D9B; font-style: normal; font-size: 1.5em}
p.status {font-weight: bold}
h3.specifications {font-size: 100%}
p.specifications {margin-bottom: 0}
span.spec_name {color: #666; float: left; width: 5em}
span.spec_value {color: #000}
table.product_variations{ margin-bottom: 0.2em}
table.product_variations th, table.product_variations td{ text-align: center; border-bottom-style: none}
table.product_variations th.colour_column, table.product_variations td.colour_column{ text-align: left}
table.product_variations th{ background-color: #ffffff; padding: 0}
table.product_variations td{}
th.colour_column a{color: #666666;}
th.colour_column a:hover {text-decoration: none;}
th.colour_column a, th.colour_column span{ padding: 3px 5px; height:20px; display: block}
th.colour_column a span.swatch_span, th.colour_column span span.swatch_span {width: 20px; float: left; padding: 0; margin-right: 5px; margin-top: -4px}
ul#product_colour_finder {margin-left: 5px}
ul#product_colour_finder li {border: 0; width: 20px; height: 20px; margin: 0 3px 3px 0; float: left}
ul#product_colour_finder a {width: 20px; height: 20px; background-color: #666; padding: 0; margin: 0; overflow: hidden; text-indent: -9999px}
ul#product_colour_finder li.colour_column .aqua_product, th.colour_column .aqua_product span.swatch_span {background-color: #c7dcd7;}
ul#product_colour_finder li.colour_column .black_product, th.colour_column .black_product span.swatch_span {background-color: #000000;}
ul#product_colour_finder li.colour_column .blue_product, th.colour_column .blue_product span.swatch_span {background-color: #c7cede;}
ul#product_colour_finder li.colour_column .brown_product, th.colour_column .brown_product span.swatch_span {background-color: #2b1b18;}
ul#product_colour_finder li.colour_column .chocolate_product, th.colour_column .chocolate_product span.swatch_span {background-color: #2f211c;}
ul#product_colour_finder li.colour_column .green_product, th.colour_column .green_product span.swatch_span {background-color: #95a290;}
ul#product_colour_finder li.colour_column .indigo_product, th.colour_column .indigo_product span.swatch_span {background-color: #4a436b;}
ul#product_colour_finder li.colour_column .mocha_product, th.colour_column .mocha_product span.swatch_span {background-color: #a47d61;}
ul#product_colour_finder li.colour_column .olive_product, th.colour_column .olive_product span.swatch_span {background-color: #59493a;}
ul#product_colour_finder li.colour_column .pink_product, th.colour_column .pink_product span.swatch_span {background-color: #d29da7;}
ul#product_colour_finder li.colour_column .plum_product, th.colour_column .plum_product span.swatch_span {background-color: #5f2b45;}
ul#product_colour_finder li.colour_column .sand_product, th.colour_column .sand_product span.swatch_span {background-color: #d1b79e;}
ul#product_colour_finder li.colour_column .stone_product, th.colour_column .stone_product span.swatch_span {background-color: #8e8179;}
ul#product_colour_finder li.colour_column .tan_product, th.colour_column .tan_product span.swatch_span {background-color: #b8a088;}
ul#product_colour_finder li.colour_column .white_product, th.colour_column .white_product span.swatch_span {background-color: #ffffff; width: 18px; height: 18px; border: 1px solid #000;}
th.colour_column .swatch {border-left: 0; padding-left: 25px; background: no-repeat 0 0;}
form.buy_form h3 {margin: 10px 0 0 0}
h4.choose_variation_header{ border-top: 1px solid #cac5c1; padding-top: 1.4em}
fieldset#buy_form_buttons{ border-top: 1px solid #cac5c1; padding-top: 1.4em}
#add_to_basket_button{ background-color: #fff; border-style: none}
form.buy_form {margin-bottom: 20px}
form.buy_form label, form.buy_form input.product_quantity, form.buy_form input.buy_button {display: inline; font-weight: normal; vertical-align: middle}
form.buy_form label {padding-top: 3px}
form.buy_form .product_variations td label {display: none}
form.buy_form input.product_quantity {width: 2em}
form.buy_form input.buy_button {border: none; background: none}
#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}
#view_product_reviews, #write_product_review {background: url("/images/bg_arrow.png") no-repeat 100% 0}
#product_reviews div.star a {border: 0; padding: 0}
#product_reviews #replies, #product_reply {clear: both; padding-top: 10px; width: 100%}
#outfits h3{ margin-top: 20px; text-indent: -9999px; background: #fff url('/images/bg_header_text.png') no-repeat 0px 0px; height: 48px; margin-left: -8px}
#alternatives{}
#alternatives h3{ margin-top: 20px; text-indent: -9999px; background: #fff url('/images/bg_header_text.png') no-repeat 0px -50px; height: 48px; margin-left: -8px}
#basket, #basket_details {padding-top: 10px; min-height: 300px}
#basket h1 {}
th.price, td.price {width: 4em; text-align: right}
th.qty, td.qty {text-align: center; width: 4em; padding-left: 2em}
td.qty input {width: 3em; text-align: center}
tr.update_quantities td {text-align: right; font-size: 92%; color: #999; padding-bottom: 10px}
#basket tfoot td {border-bottom: none}
tfoot td.subtotal {text-align: right; font-weight: bold; color: #666}
td.total {text-align: right; font-weight: bold; font-size: 120%; color: #F06D9B}
tr.removed {background-color: #F9F9F9; font-style: italic}
tr.removed td {color: #999}
tr.removed td strong a {color: #999}
a.remove_from_basket, a.change_item {font-size: 92%; color: #C95614}
tr.removed a.remove_from_basket {color: #0DB24C}
span.feedback {color: #C95614; font-size: 92%}
#basket input {border-style: solid}
#update_quantities {background-color: #F06D9B; border: 1px solid #075F28; color: #FFF; cursor: pointer; padding: 1px 2px}
input#update_quantities:hover {background-color: #EEEEEE; color: #000; border-color: #ccc}
#checkout_progress {height: 25px; width: 550px; margin: 0 auto; background: transparent url("/images/checkout_header.gif") no-repeat 0 0}
body.winter #checkout_progress {background-image: url('/images/checkout_header_winter.png');}
body.summer #checkout_progress {background-image: url('/images/checkout_header_summer.png');}
body.spring #checkout_progress {background-image: url('/images/checkout_header_spring.png');}
body.autumn #checkout_progress {background-image: url('/images/checkout_header_autumn.png');}
.stage1 #checkout_progress {background-position: 0 0}
.stage2 #checkout_progress {background-position: 0 -25px}
.stage3 #checkout_progress {background-position: 0 -50px}
.stage4 #checkout_progress {background-position: 0 -75px}
#checkout .container {padding-top: 10px}
#checkout_signin {margin: 0 auto; width: 350px}
#checkout_body {min-height: 400px}
#checkout_body h1 {margin-bottom: 0}
form.checkout fieldset {width: 280px; margin-right: 50px; float: left; margin-bottom: 20px}
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}
.ireland_note {display: none}
form.checkout #order_summary {width: 610px}
#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: 279px}
#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: 280px; line-height: 1.3; display: none}
#processing_order strong {color: #f06d9b; 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; margin-top: 10px}
#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: 940px; float: left}
#secureframe {width: 940px; height: 450px; border: 1px solid #CCC; background: #EFEFEF url("/images/3dsecureframebg.gif") 50% 50% no-repeat}
.order_details h4 {border-bottom: 2px solid #999}
table.totals td {padding-left: 0; padding-right: 0}
div.jqZoomTitle {z-index:5000; text-align:center; font-size:11px; font-family:Tahoma; height:16px; padding-top:2px; position:absolute; top: 0px; left: 0px; width: 100%; color: #FFF; background: #999}
.jqZoomPup {overflow:hidden; background-color: #FFF; -moz-opacity:0.6; opacity: 0.6; filter: alpha(opacity = 60); z-index:10; border-color:#c4c4c4; border-style: solid; cursor:crosshair}
.jqZoomPup img {border: 0px}
.preload{ -moz-opacity:0.8; opacity: 0.8; filter: alpha(opacity = 80); color: #333; font-size: 12px; font-family: Tahoma; text-decoration: none; border: 1px solid #CCC; background-color: white; padding: 8px; text-align:center; background-image: url(/images/zoomloader.gif); background-repeat: no-repeat; background-position: 43px 30px; width:90px; * width:100px; height:43px; *height:55px; z-index:10; position:absolute; top:3px; left:3px}
.jqZoomWindow {border: 1px solid #999; background-color: #FFF}
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.gif') 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}
@media screen {.sIFR-flash {visibility: visible !important; margin: 0; padding: 0}
.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}
}
@media print {.sIFR-flash {display : none !important; height : 0; width : 0; position : absolute; overflow : hidden}
.sIFR-alternate {visibility : visible !important; display : block !important; position : static !important; left : auto !important; top : auto !important; width : auto !important; height : auto !important}
}
@media screen {.sIFR-active #body h1 {font-family: Verdana; visibility: hidden; font-size: 25px}
.sIFR-active #body #home_banner h1 {font-family: Verdana; visibility: hidden; font-size: 40px}
.sIFR-active #product_description h2.product_title{ font-family: Verdana; visibility: hidden; font-size: 23px}
.sIFR-active #home_signposts ul li h3{ font-family: Verdana; visibility: hidden; font-size: 20px; margin: 0}
.sIFR-active ul.signposts li h3{ font-family: Verdana; visibility: hidden; font-size: 22px; margin: 0}
.sIFR-active div.submenu h2, .sIFR-active #basket h1, .sIFR-active #basket_details h2, .sIFR-active #checkout h1 {font-family: Verdana; visibility: hidden; font-size: 20px; padding: 0 5px}
.sIFR-active div.submenu h2.sub_nav_header {font-family: Verdana; visibility: hidden; font-size: 20px; padding: 20px 5px 0 5px}
.sIFR-active #telephone {font-family: Verdana; visibility: hidden; font-size: 18px}
.sIFR-active #footer .email {font-family: Verdana; visibility: hidden; font-size: 12px; width:250px}
.sIFR-active #footer #copyright{ margin-right: 15px}
}