html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
*:focus { outline: 0; }
body {
line-height: 1em;
color: black;
background: #ffffff;
}
ol, ul { list-style: none; }
table {
border-collapse: separate;
border-spacing: 0;
vertical-align: middle;
}
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle;
}
q, blockquote { quotes: "" ""; }
q:before { content: ""; }
q:after { content: ""; }
blockquote:before { content: ""; }
blockquote:after { content: ""; }
img a { border: none; }
hr {
background: #dddddd;
color: #dddddd;
clear: both;
float: none;
width: 100%;
height: 0.1em;
margin: 0 0 1.45em;
border: none;
}
hr.space {
background: #dddddd;
color: #dddddd;
clear: both;
float: none;
width: 100%;
height: 0.1em;
margin: 0 0 1.45em;
border: none;
background: #ffffff;
color: #ffffff;
}
body {
line-height: 1.5;
font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
color: #333333;
font-size: 75%;
}
h1 {
font-weight: normal;
color: #222222;
font-size: 3em;
line-height: 1;
margin-bottom: 0.5em;
}
h1 img { margin: 0; }
h2 {
font-weight: normal;
color: #222222;
font-size: 2em;
margin-bottom: 0.75em;
}
h3 {
font-weight: normal;
color: #222222;
font-size: 1.5em;
line-height: 1;
margin-bottom: 1em;
}
h4 {
font-weight: normal;
color: #222222;
font-size: 1.2em;
line-height: 1.25;
margin-bottom: 1.25em;
}
h5 {
font-weight: normal;
color: #222222;
font-size: 1em;
font-weight: bold;
margin-bottom: 1.5em;
}
h6 {
font-weight: normal;
color: #222222;
font-size: 1em;
font-weight: bold;
}
h2 img { margin: 0; }
h3 img { margin: 0; }
h4 img { margin: 0; }
h5 img { margin: 0; }
h6 img { margin: 0; }
p { margin: 0 0 1.5em; }
p img.left {
display: inline;
float: left;
margin: 1.5em 1.5em 1.5em 0;
padding: 0;
}
p img.right {
display: inline;
float: right;
margin: 1.5em 0 1.5em 1.5em;
padding: 0;
}
a {
text-decoration: underline;
color: #2e6ab1;
}
blockquote {
margin: 1.5em;
color: #666666;
font-style: italic;
}
strong { font-weight: bold; }
em { font-style: italic; }
dfn {
font-style: italic;
font-weight: bold;
}
sup, sub { line-height: 0; }
abbr, acronym { border-bottom: 1px dotted #666666; }
address {
margin: 0 0 1.5em;
font-style: italic;
}
del { color: #666666; }
pre {
margin: 1.5em 0;
white-space: pre;
}
pre, code, tt {
font: 1em 'andale mono', 'lucida console', monospace;
line-height: 1.5;
}
li ul { margin: 0 1.5em; }
li ol { margin: 0 1.5em; }
ul {
margin: 0 1.5em 1.5em 1.5em;
list-style-type: disc;
}
ol {
margin: 0 1.5em 1.5em 1.5em;
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;
width: 100%;
}
th { font-weight: bold; }
thead th { background: #c3d9ff; }
th, td, caption { padding: 4px 10px 4px 5px; }
tr.even td { background: #e5ecf9; }
tfoot { font-style: italic; }
caption { background: #eeeeee; }
.quiet { color: #666666; }
.loud { color: #111111; }
form p.field {
margin-bottom: 0.5em;
clear: both;
}
form p.field span.req {
color: red;
float: left;
margin-left: 2px;
position: relative;
top: -3px;
}
form p.field input[type=text] {
float: left;
margin: 0 5px 7px 0;
}
form p.field select {
float: left;
margin: 0 5px 7px 0;
}
form p.field.radios { line-height: 150%; }
label { font-weight: bold; }
div#checkout #checkout_form_address #billing label.error {
color: red;
float: left;
text-align: left;
display: inline-block;
top: 0px;
font-size: 11px;
border: none;
padding: 0px;
width: auto;
}
div#checkout #checkout_form_address #shipping label.error {
color: red;
float: left;
text-align: left;
display: inline-block;
top: 0px;
font-size: 11px;
border: none;
padding: 0px;
width: auto;
}
fieldset { margin-bottom: 1em; }
legend {
font-size: 150%;
font-weight: bold;
margin-bottom: 0.5em;
}
.no_margin_or_padding {
margin: 0;
padding: 0;
}
.leftie {
float: left;
width: 49%;
}
.rightie {
float: right;
width: 49%;
}
.clearfix {
overflow: hidden;
display: inline-block;
}
.clearfix { display: block; }
.nowrap { white-space: nowrap; }
.no-bullets { list-style: none; }
.inline-list {
list-style-type: none;
margin: 0px;
padding: 0px;
display: inline;
}
.inline-list li {
margin: 0px;
padding: 0px;
display: inline;
}
.colborder {
padding-right: 24px;
margin-right: 25px;
border-right: 1px solid #eeeeee;
}
body {
margin-top: 10px;
background: #ffffff url(../images/body-back.png) top left repeat-x;
}
div.left {
float: left;
width: 49%;
}
div.right {
float: right;
width: 49%;
}
a { outline: none; }
#wrapper {
background: transparent url(../images/wrapper-back.png) top center no-repeat;
padding: 25px 20px 20px;
position: relative;
}
body.two-col #wrapper { background-image: url(../images/wrapper-back-2.png); }
.container {
width: 950px;
margin: 0 auto;
overflow: hidden;
display: block;
}
#sidebar {
display: inline;
float: left;
width: 150px;
margin-right: 10px;
padding-right: 24px;
margin-right: 25px;
border-right: 1px solid #eeeeee;
}
#sidebar h3 { margin-bottom: 0.5em; }
body.one-col #content {
display: inline;
float: left;
width: 950px;
}
body.two-col #content {
display: inline;
float: left;
width: 750px;
}
#header {
position: relative;
color: #2e6ab1;
clear: both;
}
#header a { color: #2e6ab1; }
#header a:hover { color: #eeeeee; }
#footer {
padding-top: 2em;
clear: both;
}
#footer div.left { width: 37%; }
#footer div.right {
width: 63%;
text-align: right;
}
h1 { font-size: 2.5em; }
.form-buttons, .clear { clear: both; }
input.title { width: auto; }
p.follow-all {
font-size: 1.3em;
text-align: center;
display: block;
}
p img {
float: left;
margin-right: 5px;
vertical-align: middle;
}
.no_margin_or_padding {
margin: 0;
padding: 0;
}
.leftie {
float: left;
width: 49%;
}
.rightie {
float: right;
width: 49%;
}
.clearfix {
overflow: hidden;
display: inline-block;
}
.clearfix { display: block; }
.nowrap { white-space: nowrap; }
.no-bullets { list-style: none; }
.inline-list {
list-style-type: none;
margin: 0px;
padding: 0px;
display: inline;
}
.inline-list li {
margin: 0px;
padding: 0px;
display: inline;
}
.colborder {
padding-right: 24px;
margin-right: 25px;
border-right: 1px solid #eeeeee;
}
.navigation-list {
list-style: none;
margin: 0 0 1.5em -15px;
}
.navigation-list li { margin: 0; }
.navigation-list li a {
cursor: pointer !important;
text-decoration: none;
color: #333333;
display: block;
line-height: 2.5em;
padding-left: 20px;
width: 170px;
white-space: nowrap;
overflow: hidden;
}
.navigation-list li a:hover { background: url(../images/menu-hover.png) right center no-repeat; }
.navigation-list li.current { width: 200px; }
.navigation-list li.current a {
width: 180px;
background: url(../images/menu-current.png) right center no-repeat;
white-space: nowrap;
overflow: hidden;
}
.navigation-list li.current a.root { width: 183px; }
.navigation-list a.root {
color: #222222;
font-size: 1.5em;
text-indent: -5px;
line-height: 2.2em;
}
.breadcrumbs { margin-bottom: 1em; }
.breadcrumbs ul {
list-style-type: none;
margin: 0px;
padding: 0px;
display: inline;
margin: 0;
padding: 0;
overflow: auto;
}
.breadcrumbs ul li {
margin: 0px;
padding: 0px;
display: inline;
}
.breadcrumbs ul li {
line-height: 20px;
color: #666666;
}
.breadcrumbs ul li a {
text-decoration: none;
padding: 5px 7px;
color: #666666;
}
.breadcrumbs ul li span {
text-decoration: none;
padding: 5px 7px;
color: #666666;
}
.breadcrumbs ul li span { color: #333333; }
div#login-bar { display: inline; }
ul#language-bar {
list-style-type: none;
margin: 0px;
padding: 0px;
display: inline;
}
ul#language-bar li {
margin: 0px;
padding: 0px;
display: inline;
}
ul#language-bar strong { font-weight: normal; }
ul#nav-bar {
line-height: 50px;
float: right;
clear: both;
font-size: 1.2em;
list-style: none;
margin: 0;
padding: 0;
}
ul#nav-bar li {
float: left;
margin-left: 1em;
}
ul#nav-bar li.cart-indicator a {
padding-right: 40px;
background: transparent url(../images/cart-empty_x32.png) center right no-repeat;
display: block;
}
ul#nav-bar li.cart-indicator a.full { background-image: url(../images/cart-full_x32.png); }
.pagination {
padding-top: 10px;
text-align: right;
}
.pagination a.page {
padding: 0px 5px;
margin: 0px 3px;
}
.pagination span.page {
padding: 0px 5px;
margin: 0px 3px;
}
.pagination a.page {
text-decoration: none;
border: 1px solid #9aafe5;
color: #2e6ab1;
}
.pagination a.page:hover {
border: 1px solid #2b66a5;
color: #000000;
}
.pagination a.page:active {
border: 1px solid #2b66a5;
color: #000000;
}
.pagination a.next_page { font-weight: bold; }
.pagination span.disabled_page {
border: 1px solid #929292;
color: #929292;
}
.pagination span.current_page {
font-weight: bold;
border: 1px solid;
border-color: #162f54;
background-color: #2e6ab1;
color: #ffffff;
}
.no_margin_or_padding {
margin: 0;
padding: 0;
}
.leftie {
float: left;
width: 49%;
}
.rightie {
float: right;
width: 49%;
}
.clearfix {
overflow: hidden;
display: inline-block;
}
.clearfix { display: block; }
.nowrap { white-space: nowrap; }
.no-bullets { list-style: none; }
.inline-list {
list-style-type: none;
margin: 0px;
padding: 0px;
display: inline;
}
.inline-list li {
margin: 0px;
padding: 0px;
display: inline;
}
.colborder {
padding-right: 24px;
margin-right: 25px;
border-right: 1px solid #eeeeee;
}
.flash {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
font-size: 1.3em;
margin-bottom: 1em;
padding: 0.8em;
}
.flash.notice {
background: #ccddff url(../images/shadow_top.png) 0px -50px repeat-x;
color: #556699;
border: 1px solid #99aacc;
}
.flash.errors {
background: #f4b4b4 url(../images/shadow_top.png) 0px -50px repeat-x;
color: #000000;
border: 1px solid #000000;
}
.formError {
font-size: 1.3em;
margin-bottom: 1em;
padding: 0.8em;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background: #f4b4b4 url(../images/shadow_top.png) 0px -50px repeat-x;
color: #000000;
border: 1px solid #000000;
}
.formError p { margin: 0px; }
.formError ul { margin-bottom: 0px; }
.formError h2 {
font-weight: bold;
font-size: 1em;
margin: 0px;
}
.errorExplanation {
font-size: 1.3em;
margin-bottom: 1em;
padding: 0.8em;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background: #f4b4b4 url(../images/shadow_top.png) 0px -50px repeat-x;
color: #000000;
border: 1px solid #000000;
}
.errorExplanation p { margin: 0px; }
.errorExplanation ul { margin-bottom: 0px; }
.errorExplanation h2 {
font-weight: bold;
font-size: 1em;
margin: 0px;
}
.fieldWithErrors { clear: none; }
.no_margin_or_padding {
margin: 0;
padding: 0;
}
.leftie {
float: left;
width: 49%;
}
.rightie {
float: right;
width: 49%;
}
.clearfix {
overflow: hidden;
display: inline-block;
}
.clearfix { display: block; }
.nowrap { white-space: nowrap; }
.no-bullets { list-style: none; }
.inline-list {
list-style-type: none;
margin: 0px;
padding: 0px;
display: inline;
}
.inline-list li {
margin: 0px;
padding: 0px;
display: inline;
}
.colborder {
padding-right: 24px;
margin-right: 25px;
border-right: 1px solid #eeeeee;
}
button, a.button, input.button {
-moz-border-radius: 0.3em;
-webkit-border-radius: 0.3em;
border-radius: 0.3em;
background: #efefef url(../images/buttons/bg-button.png) center left repeat-x !important;
border-style: solid;
border-width: 1px !important;
border-color: #dddddd #999999 #999999 #dddddd !important;
-moz-outline-radius: 0.3em;
color: #111111;
display: inline-block;
font-family: Helvetica Neue, Helvetica, Arial, Sans-serif;
font-size: 1.1em !important;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1.2em;
margin: 0px;
overflow: visible;
padding: 10px 17px;
text-decoration: none;
text-transform: lowercase;
width: auto;
height: auto;
cursor: pointer;
}
button.primary, a.button.primary, input.button.primary {
font-weight: bold;
color: #000000;
}
button:hover { background-image: url(../images/buttons/bg-button-hover.png) !important; }
a.button:hover { background-image: url(../images/buttons/bg-button-hover.png) !important; }
input.button:hover { background-image: url(../images/buttons/bg-button-hover.png) !important; }
button.large, a.button.large, input.button.large {
-moz-border-radius: 0.3em;
-webkit-border-radius: 0.3em;
border-radius: 0.3em;
font-size: 1.4em !important;
line-height: 1.4em;
}
button.small, a.button.small, input.button.small {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
font-size: 0.9em;
line-height: 1.4em;
padding: 5px 10px;
}
button.small img { margin: 0 3px 0 0 !important; }
a.button.small img { margin: 0 3px 0 0 !important; }
input.button.small img { margin: 0 3px 0 0 !important; }
button.update img { margin-right: 7px; }
button.checkout img { margin-right: 7px; }
a.button.update img { margin-right: 7px; }
a.button.checkout img { margin-right: 7px; }
input.button.update img { margin-right: 7px; }
input.button.checkout img { margin-right: 7px; }
button img { vertical-align: middle; }
a.button img { vertical-align: middle; }
input.button img { vertical-align: middle; }
button:focus { outline: none; }
a.button:focus { outline: none; }
input.button:focus { outline: none; }
button::-moz-focus-inner {
padding: 0px;
border: none;
}
p a.button img { margin: 0 5px 0 0; }
p button img { margin: 0 5px 0 0; }
.prices { font-weight: bold; }
.prices #product-details .prices { font-size: 1.25em; }
.price.selling { color: #2e6ab1; }
#product-details .price.selling { font-size: 1.5em; }
.price.diff {
font-style: italic;
font-weight: normal;
color: #666666;
}
.no_margin_or_padding {
margin: 0;
padding: 0;
}
.leftie {
float: left;
width: 49%;
}
.rightie {
float: right;
width: 49%;
}
.clearfix {
overflow: hidden;
display: inline-block;
}
.clearfix { display: block; }
.nowrap { white-space: nowrap; }
.no-bullets { list-style: none; }
.inline-list {
list-style-type: none;
margin: 0px;
padding: 0px;
display: inline;
}
.inline-list li {
margin: 0px;
padding: 0px;
display: inline;
}
.colborder {
padding-right: 24px;
margin-right: 25px;
border-right: 1px solid #eeeeee;
}
.product-listing {
list-style: none;
margin: 2em 0px 0px 0px;
padding: 0px;
}
.product-listing li {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
height: 180px;
width: 140px;
text-align: center;
float: left;
margin: 10px;
padding: 10px;
border: 1px solid #dddddd;
position: relative;
}
.product-listing li a {
display: block;
text-decoration: none;
color: #111111;
}
.product-listing li a.info {
position: absolute;
bottom: 0px;
right: 0px;
padding: 5px;
width: 150px;
min-height: 60px;
background: #ffffff url(../images/shadow_top.png) 0px -35px repeat-x;
border-top: 1px solid #ffffff;
}
.product-listing li a.info span { display: block; }
.product-listing li:hover { border-color: #1b1b1b; }
.product-listing li:hover a.info {
background: #1b1b1b url(../images/bottom_shine.png) bottom left repeat-x;
color: #ffffff;
}
ul.thumbnails {
margin: 0;
padding: 0;
list-style: none;
}
ul.thumbnails li {
float: left;
margin-right: 5px;
padding: 3px;
border: 1px solid #ffffff;
min-height: 50px;
width: 50px;
position: relative;
}
ul.thumbnails li img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
ul.thumbnails li:hover { border-color: #cccccc; }
ul.thumbnails li.selected { border-color: #999999; }
.no_margin_or_padding {
margin: 0;
padding: 0;
}
.leftie {
float: left;
width: 49%;
}
.rightie {
float: right;
width: 49%;
}
.clearfix {
overflow: hidden;
display: inline-block;
}
.clearfix { display: block; }
.nowrap { white-space: nowrap; }
.no-bullets { list-style: none; }
.inline-list {
list-style-type: none;
margin: 0px;
padding: 0px;
display: inline;
}
.inline-list li {
margin: 0px;
padding: 0px;
display: inline;
}
.colborder {
padding-right: 24px;
margin-right: 25px;
border-right: 1px solid #eeeeee;
}
#product-variants { margin-bottom: 1em; }
#product-variants ul {
list-style: none;
margin: 0;
padding: 0;
}
#product-images {
display: inline;
float: left;
width: 270px;
margin-right: 10px;
}
#product-images h4 {
padding: 6px 0px;
margin: 0px;
font-weight: bold;
clear: both;
}
#product-images #main-image {
min-height: 250px;
position: relative;
}
#product-images #main-image img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
#product-description {
display: inline;
float: left;
width: 310px;
margin-right: 10px;
padding-right: 24px;
margin-right: 25px;
border-right: 1px solid #eeeeee;
}
#cart-form {
display: inline;
float: left;
width: 270px;
}
#taxon-crumbs {
display: inline;
float: left;
width: 950px;
margin-right: 10px;
display: block;
float: right;
margin-top: 20px;
width: 300px;
}
dl.table-display {
margin: 0;
padding: 0;
}
dl.table-display dt {
float: left;
margin: 0;
padding: 5px;
border-top: 1px solid #dddddd;
}
dl.table-display dd {
float: left;
margin: 0;
padding: 5px;
border-top: 1px solid #dddddd;
}
dl.table-display dt { width: 100px; }
dl.table-display dd { width: 180px; }
.no_margin_or_padding {
margin: 0;
padding: 0;
}
.leftie {
float: left;
width: 49%;
}
.rightie {
float: right;
width: 49%;
}
.clearfix {
overflow: hidden;
display: inline-block;
}
.clearfix { display: block; }
.nowrap { white-space: nowrap; }
.no-bullets { list-style: none; }
.inline-list {
list-style-type: none;
margin: 0px;
padding: 0px;
display: inline;
}
.inline-list li {
margin: 0px;
padding: 0px;
display: inline;
}
.colborder {
padding-right: 24px;
margin-right: 25px;
border-right: 1px solid #eeeeee;
}
div#subtotal {
float: right;
width: 49%;
width: auto;
text-align: left;
}
table { border-collapse: collapse; }
table th {
background: transparent;
border-bottom: 1px solid #dddddd;
}
table#cart tr td {
border-bottom: 1px solid #dddddd;
padding: 1em 0;
}
table#cart tr#none td { border-bottom: none; }
table#cart h4 { margin-bottom: 0em; }
.no_margin_or_padding {
margin: 0;
padding: 0;
}
.leftie {
float: left;
width: 49%;
}
.rightie {
float: right;
width: 49%;
}
.clearfix {
overflow: hidden;
display: inline-block;
}
.clearfix { display: block; }
.nowrap { white-space: nowrap; }
.no-bullets { list-style: none; }
.inline-list {
list-style-type: none;
margin: 0px;
padding: 0px;
display: inline;
}
.inline-list li {
margin: 0px;
padding: 0px;
display: inline;
}
.colborder {
padding-right: 24px;
margin-right: 25px;
border-right: 1px solid #eeeeee;
}
#signup #new-customer {
display: inline;
float: left;
width: 470px;
margin-right: 10px;
}
#signup #new-customer h2 { margin-bottom: 0.25em; }
#signup #new-customer p { margin-bottom: 10px; }
#signup #new-customer p input.title {
padding: 3px;
margin: 0px;
}
#signup #new-customer input[type=checkbox] { top: 0em; }
#login #existing-customer {
display: inline;
float: left;
width: 470px;
margin-right: 10px;
}
#login #existing-customer h2 { margin-bottom: 0.25em; }
#login #existing-customer p { margin-bottom: 10px; }
#login #existing-customer p input.title {
padding: 3px;
margin: 0px;
}
#login #existing-customer input[type=checkbox] { top: 0em; }
input.openid_url {
background: #ffffff url(../images/openid-inputicon.gif) no-repeat scroll 0pt 50%;
padding-left: 18px;
border: 1px solid #bbbbbb;
font-size: 1.5em;
}
.no_margin_or_padding {
margin: 0;
padding: 0;
}
.leftie {
float: left;
width: 49%;
}
.rightie {
float: right;
width: 49%;
}
.clearfix {
overflow: hidden;
display: inline-block;
}
.clearfix { display: block; }
.nowrap { white-space: nowrap; }
.no-bullets { list-style: none; }
.inline-list {
list-style-type: none;
margin: 0px;
padding: 0px;
display: inline;
}
.inline-list li {
margin: 0px;
padding: 0px;
display: inline;
}
.colborder {
padding-right: 24px;
margin-right: 25px;
border-right: 1px solid #eeeeee;
}
ol.progress-steps {
list-style: none;
margin: 0;
padding: 0;
line-height: 1em;
font-size: 12px;
}
ol.progress-steps li {
margin: 0;
padding: 0;
list-style: none;
display: block;
float: left;
color: #999999;
background-position: top left;
background-repeat: no-repeat;
background-image: url(../images/step-progress/incomplete-incomplete.gif);
}
ol.progress-steps li span {
padding: 5px 14px 7px 24px;
display: block;
float: left;
background-position: top right;
background-repeat: no-repeat;
}
ol.progress-steps li a {
text-decoration: none;
color: #333333;
}
ol.progress-steps li.current-first span { padding-left: 14px; }
ol.progress-steps li.completed-first span { padding-left: 14px; }
ol.progress-steps li.current-first { background-image: url(../images/step-progress/current-first.gif); }
ol.progress-steps li.completed-first { background-image: url(../images/step-progress/completed-first.gif) !important; }
ol.progress-steps li.current { color: #ffffff; }
ol.progress-steps li.current-first { color: #ffffff; }
ol.progress-steps li.current-last { color: #ffffff; }
ol.progress-steps li.completed { background-image: url(../images/step-progress/completed-completed.gif); }
ol.progress-steps li.current { background-image: url(../images/step-progress/completed-current.gif); }
ol.progress-steps li.current-last { background-image: url(../images/step-progress/completed-current.gif); }
ol.progress-steps li.next { background-image: url(../images/step-progress/current-incomplete.gif); }
ol.progress-steps li.next-last { background-image: url(../images/step-progress/current-incomplete.gif); }
ol.progress-steps li.last span { background-image: url(../images/step-progress/incomplete-right.gif); }
ol.progress-steps li.next-last span { background-image: url(../images/step-progress/incomplete-right.gif); }
ol.progress-steps li.current-last span { background-image: url(../images/step-progress/current-right.gif); }
div#checkout { position: relative; }
div#checkout .progress-steps {
position: absolute;
top: 0.5em;
right: 0;
}
div#checkout form {
background-position: top right;
background-repeat: no-repeat;
}
div#checkout #checkout_form_address { background-image: url("../images/steps/2.png"); }
div#checkout #checkout_form_delivery { background-image: url("../images/steps/3.png"); }
div#checkout #checkout_form_address #billing label {
width: 190px;
float: left;
padding-right: 10px;
text-align: right;
}
div#checkout #checkout_form_address #shipping label {
width: 190px;
float: left;
padding-right: 10px;
text-align: right;
}
div#checkout #checkout_form_address #billing input { width: 304px; }
div#checkout #checkout_form_address #shipping input { width: 304px; }
div#checkout #checkout_form_address #billing select { width: 304px; }
div#checkout #checkout_form_address #shipping select { width: 304px; }
div#checkout #checkout_form_address #billing p.checkbox { padding-left: 200px; }
div#checkout #checkout_form_address #shipping p.checkbox { padding-left: 200px; }
div#checkout #checkout_form_address .form-buttons { padding-left: 200px; }
div#checkout #checkout_form_address #billing p.checkbox label {
width: auto !important;
float: none !important;
}
div#checkout #checkout_form_address #shipping p.checkbox label {
width: auto !important;
float: none !important;
}
div#checkout #checkout_form_address #billing p.checkbox input { width: auto !important; }
div#checkout #checkout_form_address #shipping p.checkbox input { width: auto !important; }
div#checkout #checkout_form_payment { background-image: url("../images/steps/5.png"); }
div#checkout #checkout_form_payment select { width: 75px; }
div#checkout #checkout_form_payment #payment {
display: inline;
float: left;
width: 310px;
margin-right: 10px;
}
div#checkout #checkout_form_payment #order_details {
display: inline;
float: left;
width: 470px;
margin-right: 10px;
}
div#checkout #payment-methods {
list-style: none;
display: block;
padding: 0;
margin: 0;
width: 720px;
}
div#checkout #payment-methods li {
display: block;
display: inline;
float: left;
width: 190px;
margin-right: 10px;
}
div#checkout #payment-methods li.last {
display: inline;
float: left;
width: 190px;
}