* {
    padding: 0px;
    margin: 0px;
}

/* ------------------- Basic tags -------------------- */
body {
    background-color: #d0d0d0;
    font: 14px trebuchet ms, arial, serif;
    color: #333;
    line-height: 22px;
}

img {
    border: none;
}

h1 span {
   display: none;
}

input, select, textarea {
    font: 14px trebuchet ms, arial, serif;
}
input.button {
    font: 10px trebuchet ms, arial, serif;
}

a {
    color: #1e69ca;
    text-decoration: none;
}
a:hover {
    color: #14478B;
    text-decoration: underline;
}

span.sub {
   position: relative;
   top: -11px;
   left: -3px;
   font-size: 22px;
}

noscript p, p.error {
    border: 1px dotted #c00;
    background-color: #FFCADA;
    padding: 5px;
    margin-bottom: 20px;
}

/* ------------------- General layout -------------------- */
div.header div.column, div.content div.column, div.footer div.column {
    width: 750px;
    margin-left: auto;
    margin-right: auto;
    overflow: visible;
}

/* ------------------- Header -------------------- */
div.header {
    background: #fff url('../images/header-bg.jpg') repeat-x top left;
    border-bottom: 1px solid #dedede;
    overflow: hidden;
    height: 124px;
}

/* Logo */
div.header h1 {
    background: url('../images/roller-usa.jpg') no-repeat top left;
    width: 347px;
    height: 81px;
    margin-left: auto;
    margin-right: auto;
    clear: both;
    margin-bottom: 10px;
}

/* Major navigation */
div.header ul.major {
    float: left;
    list-style: none;
    font-size: 18px;
}

div.header ul.major a {
    display: block;
    color: #999;
    text-decoration: none;
    color: #7F7F7F;
    background: url('../images/tab-left.jpg') no-repeat left top;
}
div.header ul.major a:hover {
    background: url('../images/tab-left-hl.jpg') no-repeat left top;
}
div.header ul.major a span {
    background: url('../images/tab-right.jpg') no-repeat right top;
    padding: 5px 10px;
    display: block;
}
div.header ul.major a:hover span {
    color: #333;
    background: url('../images/tab-right-hl.jpg') no-repeat right top;
}
div.header ul.major a.selected {
    background: url('../images/tab-left-selected.jpg') no-repeat left top;
}
div.header ul.major a.selected span {
    color: #3E77B7;
    background: url('../images/tab-right-selected.jpg') no-repeat right top;
}
div.header ul.major a.selected:hover {
    background: url('../images/tab-left-selected-hl.jpg') no-repeat left top;
}
div.header ul.major a.selected:hover span {
    color: #214063;
    background: url('../images/tab-right-selected-hl.jpg') no-repeat right top;
}

div.header ul.major li {
    float: left;
    margin-right: 8px;
}

/* Minor navigation */
ul.minor {
    margin-top: 9px;
    float: right;
    list-style: none;
    font-size: 12px;
}

ul.minor a {
    line-height: 14px;
    display: block;
    color: #1e69ca;
    text-decoration: none;
    padding: 0px 8px;
    border-right: 1px solid #1e69ca;
}

ul.minor a:hover {
    color: #102d52;
    text-decoration: underline;
}

ul.minor li.last a {
    border-right: none;
    padding-right: 3px;
}

ul.minor li {
    float: left;
}

ul.minor li a#cart-opener {
    color: #e86262;
    padding-left: 25px;
    background: url('../images/icon-cart.gif') no-repeat 6px 0px;
}
ul.minor li a#cart-opener.disabled {
    color: #999;
    background-image: url('../images/icon-cart-disabled.gif');
}
ul.minor li a#cart-opener.disabled:hover {
    text-decoration: none;
}

/* product descriptions */
p.description {
    padding-top: 15px;
    font-size: 14px;
    float: left;
    clear: both;
    width: 100%;
}

input.email-signup {
    color: #666;
}

/* ------------------- Content -------------------- */
div.content {
    background: #fff url('../images/content-bg.jpg') repeat-x top left;
    border-top: 1px solid #fff;
    overflow: hidden;
    padding-bottom: 20px;
}

/* Banner */
div.content div.banner {
    border-bottom: 1px dotted #ccc;
    height: 161px;
}
div.content div.banner {
    border-bottom: 1px dotted #ccc;
    height: 161px;
    clear: both;
}
div.banner a.offer {
    display: block;
    float: left;
}
div.banner div.shipping {
    display: block;
    float: left;
    width: 244px;
    height: 161px;
    background: url('/images/banner-right-free-shipping.jpg') no-repeat left top;
}

div.banner form {
    position: relative;
    top: 76px;
    left: 30px;
    color: #fff;
}
div.banner input.email-signup {
    height: 19px;
    width: 150px;
    padding: 2px;
    border: 1px solid #95c2ea;
    color: #666;
}
div.banner input.submit {
    margin-left: 4px;
    position: relative;
    top: 0px;
}

/* General */
div.content h2 {
    font-size: 18px;
    font-weight: normal;
    color: #5292d3;
    padding: 5px 0px 5px 0px;
    margin: 25px 0px 20px 0px;
    border-bottom: 1px dashed #c0d0e0;
    overflow: auto;
    clear: both;
}

/*div.content h2 a {
    display: block;
    font-size: 12px;
    color: #e86262;
    text-decoration: none;
    float: right;
    margin-top: 4px;
    margin-right: 3px;
    padding-left: 20px;
    background: url('../images/icon-cart.gif') no-repeat 0px 2px;
}
div.content h2 a:hover {
    text-decoration: underline;
}*/

div.content h2 span {
    float: left;
}

/* Item list */
div.items {
    overflow: hidden;
}
div.item {
    float: left;
    text-align: center;
    font-size: 16px;
    color: #999;
    width: 160px;
    font-weight: normal;
    padding-right: 30px;
    padding-bottom: 20px;
}
div.item span {
    font-size: 18px;
    color: #666;
}
div.item span.sale {
    font-size: 16px;
    color: #cc3333;
}
div.related div.item span.sale {
    font-size: 10px;
}
div.content div.last {
    padding-right: 0px;
}
div.item a {
    text-decoration: none;
    display: block;
    padding: 5px;
    width: 160px;
    border: 4px solid transparent;
}
div.item a:hover {
    border: 4px solid #AAC9F2;
}
div.item a:hover span {
    color: #E86262;
}
div.item img {
    padding: 0px 9px 16px 7px;
    background: url('../images/thumb-bg.jpg') no-repeat top left;
    display: block;
}
/* shopping cart window */
#shopping-cart {
    display: none;
}
.shopping-cart {
    font-size: 14px;
    background-color: #fff;
    line-height: 23px;
    overflow: hidden;
}
.shopping-cart .head {
    overflow: hidden;
    clear: both;
}
.shopping-cart h4 {
    font-size: 14px;
    color: #e86262;
    float: left;
    padding-left: 20px;
    background: url('/images/icon-cart.gif') no-repeat left 4px;
}
.shopping-cart p {
    clear: both;
}
.shopping-cart a.close {
    font-size: 12px;
    float: right;
    display: block;
    padding: 5px;
    text-decoration: underline;
    color: #999;
    line-height: 10px;
}
.shopping-cart a.close:hover {
    background-color: #eee;
    color: #666;
    text-decoration: none;
}
.shopping-cart ul {
    list-style: none;
}
.shopping-cart ul.products {
    border-top: 1px dashed #999;
    border-bottom: 2px solid #ccc;
    margin: 10px 0px;
    padding: 15px 0px;
    clear: both;
    width: 100%;
}
.shopping-cart ul.options {
    margin-left: 33px;
    padding-bottom: 5px;
}
.shopping-cart ul.options li {
    background: url('/images/icon-star.gif') no-repeat left 6px;
    padding-left: 17px;
}
.shopping-cart .remove {
    color: #999;
}
.shopping-cart .remove a {
    color: #999;
}
.shopping-cart .remove a:hover {
    color: #e86262;
}
.shopping-cart .price {
    float: right;
    color: #000;
}
.shopping-cart .checkout {
    float: left;
    clear: left;
    font-size: 16px;
}
.shopping-cart .total {
    float: right;
    clear: right;
    font-size: 16px;
    color: #e86262;
}
.shopping-cart .qty input {
    width: 20px;
    font-size: 12px;
    text-align: center;
    margin-right: 5px;
}
.loading {
    background: url('/images/loading-animation.gif') no-repeat center center;
}

/* feedback form */
div.feedback {
    border: 1px dotted #EE9D31;
    background-color: #FFFBDF;
    padding: 5px 10px 10px 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 730px;
}
div.feedback h2 {
    color: #333;
    border-bottom:medium none;
    margin:0px 0px 5px;
}
div.feedback p {
    color: #666;
    font-size: 14px;
}
/*.feedback form {
    float: left
}
.feedback textarea {
    height: 60px;
    width: 150px;
}
.feedback input {
}*/

span.testimonials {
    background-color: #FFFFd3;
    padding: 20px;
    float: left;
    clear: both;
    color: #999;
}
span.testimonials i {
    color: #333;
}

/* ------------------- Footer -------------------- */

div.footer {
    background: url('../images/footer-bg.jpg') repeat-x top left;
    padding: 17px 0px;
    color: #666;
    font-size: 12px;
    overflow: hidden;
}

div.footer span.copyright {
    float: right;
    clear: right;
}

div.footer ul.minor {
    margin-top: 2px;
    float: left;
    clear: left;
}
div.footer ul.minor li.first a {
    padding-left: 0px;
}
div.footer img {
    padding: 10px 0px;
}
div.footer a img {
    padding: 4px 0px;
}
div.footer div.join {
    float: right;
    clear: right;
    margin-top: 12px;
}
div.footer div.join input {
    font-size: 12px;
}
div.footer div.join input.button {
    height: 22px;
}
div.footer center {
    padding: 5px;
    margin-top: 5px;
    background-color: #dddddd;
    clear: both;
}

/* ------------------- Form Fields -------------------- */

div.field {
    overflow: hidden;
    width: 100%;
    clear: both;
    margin-top: 5px;
}
div.field input, div.field textarea, div.field select {
    font-size: 12px;
}
div.field input, div.field textarea {
    padding: 2px;
    width: 250px;
}
div.field input.small, div.field select.small {
    width: auto;
}
div.field label {
    display: block;
    padding-bottom: 0px;
    color: #000;
}
div.field div.required label {
    font-weight: bold;
    color: #333;
}
div.field .hint {
    color: #999;
    font-style: italic;
    font-size: 12px;
}
div.field div.error {
    /*padding-left: 8px;
    border-left: 2px solid #faa;*/
}
div.field div.error input {
    /*padding-left: 8px;
    border-left: 2px solid #faa;*/
    border: 1px dotted #f00;
}
div.field div.error span.error {
    display: block;
    color: #c33;
    font-size: 12px;
    font-weight: bold;
}

/* ------------------- Info -------------------- */

#info h3.shipping {
    color: #E86262;
}

/* ------------------- Shop/Index -------------------- */

#shop.index .items {
	margin-bottom: 0px;
}
#shop.index div.feedback {
	margin-top: 10px;
}

/* ------------------- Shop/Products -------------------- */

#shop.products {
    line-height: 23px;
    font-size: 16px;
}
#shop.products div.content {
    padding-top: 25px;
}
#shop.products .images h2, #shop.products .description h2 {
    margin: 0px 0px 10px 0px;
    width: 100%;
}
#shop.products .feedback h2 {
    width: 100%;
}
#shop.products div.description h2 {
    padding-bottom: 2px;
}
#shop.products div.description {
    float: right;
    clear: right;
    width: 360px;
    overflow: hidden;
}
#shop.products h3 {
    color: #333;
    font-weight: normal;
    margin: 10px 0px;
    float: left;
    width: 100%;
    clear: both;
}
#shop.products div.description ul {
    float: left;
    clear: both;
}

#shop.products div.images {
    float: left;
    width: 340px;
    padding-right: 30px;
}
#shop.products img.main {
    float:left;
    margin: 10px 0px 20px 10px;
}

#shop.products div.thumbs {
    overflow: hidden;
    width: 55px;
    margin-bottom: 40px;
    float: left;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #7BA5D7;
}
#shop.products div.thumbs ul {
    list-style: none;
}
#shop.products div.thumbs ul li {
    float: left;
    clear: both;
}
#shop.products div.thumbs img {
    width: 50px;
}
#shop.products div.thumbs a {
    display: block;
    border: 1px dotted #ccc;
    margin: 5px 0px;
    overflow: hidden;
    width: 50px;
}
#shop.products div.thumbs a:hover {
    border: 1px solid #1e69ca;
}

#shop.products .content form {
    padding-bottom: 20px;
    margin-bottom: 10px;
    border-bottom: 5px solid #6197D3;
    overflow: hidden;
    clear: both;
    float: left;
    width: 100%;
}

#shop.products form div.field label {
    float: left;
    width: 75px;
}
#shop.products select {
    width: 100px;
}
#shop.products .field {
	padding: 5px 0px;
}

#shop.products .hint {
	padding-left: 5px;
    color: #666;
}

#shop.products div.field span.price {
    font-size: 38px;
    color: #e86262;
    line-height: 30px;
}
#shop.products div.field span.price span.sale {
    display: block;
    float: left;
    clear: left;
    color: #d04145;
    font-size: 18px;
}
#shop.products div.field span.price span.sale .tag {
    display: block;
    float: left;
    width: 130px;
    height: 33px;
    color: #fff;
    font-size: 30px;
    background: url('../images/sale-price-bg.jpg') no-repeat left top;
    padding: 8px 0px;
    text-align: center;
}
#shop.products div.field span.price span.sale .word {
    display: block;
    float: left;
    margin-top: 7px;
}
#shop.products div.field span.price span.regular {
    display: block;
    font-size: 16px;
    color: #999;
    float: right;
    clear: right;
    margin-top: 7px;
}

#shop.products div.field span.price span.sale span.sub {
   top: -8px;
   font-size: 18px;
}

#shop.products div.add div.field {
    width: 125px;
}
#shop.products div.quantity input {
    width: 30px;
}

#shop.products div.description input.button {
    font-size: 16px;
    width: 113px;
    float: left;
    margin-top: 6px;
    clear: left;
}
#shop.products form a {
    float: right;
    clear: right;
    padding-top: 10px;
}

#shop.products div.related .item {
    width: 90px;
    font-size: 10px;
    text-align: center;
    line-height: 13px;
    padding-right: 20px;
}
#shop.products div.related .item a {
    width: 90px;
}
#shop.products div.related .last {
    padding-right: 0px;
}
#shop.products div.related div.item img {
    width: 80px;
    background: none;
    padding: 0px;
    display: inline;
}

#shop.products div.feedback {
    float: left;
    clear: both;
}

/* ------------------- Shop/Categories -------------------- */

#shop.categories .items {
	margin-top: 30px;
}

/* ------------------- Shop/Track -------------------- */

#shop.track p {
	padding-bottom: 10px;
    color: #666;
    line-height: 22px;
}

/* ------------------- Cart/Checkout -------------------- */

#cart .step1, #cart .step2, #cart .step3 {
    float: left;
    width: 750px;
}

#cart label {
    clear: left;
    width: 75px;
    text-align: right;
    padding-right: 10px;
    line-height: 25px;    
}
#cart .content label, #cart .content input, #cart .content textarea, #cart .content select, #cart .content .hint, #cart .step1 .field a, #cart .step2 .field a, #cart .step1 span {
    float: left;
}

#cart .actions {
    overflow: auto;
    float: left;
    clear: both;
    width: 100%;
    border-top: 1px solid #ccc;
    padding-top: 10px;
}
#cart .content .actions input {
    float: right;
    clear: right;
    font-size: 16px;
}
#cart .content .actions .back input {
    float: left;
    clear: left;
}

/*#cart .step-container {
    height: 450px;
}*/
#cart .step1, #cart .step2, #cart .step3 {

}

#cart .guarantee {
    float: left;
    width: 300px;
    padding-left: 40px;
}
#cart .guarantee h3 {
    background: url('/images/security.gif') no-repeat left 2px;
    padding-left: 40px;
    line-height: 45px;
    font-size: 24px;
    color: #b19045;
    font-weight: normal;
}
#cart .guarantee h3 span {
    float: none;
    font-size: 30px;
    font-weight: bold;
    font-style: normal;
}
#cart .guarantee p {
    color: #999;
    font-size: 14px;
    line-height: 23px;
}

#cart div.content h2 span {
    color: #999;
    float: none;
}

#cart div.step-container {
    float: left;
    clear: both;
}

/* step 1 */
#cart .step1 .shipping {
    float: left;
    width: 380px;
    border-right: 1px solid #ccc;
}

#cart #shipping_free {
    font-weight: bold;
    color: #336600;
}

#cart h2 {
    margin-bottom: 20px;
    background: url('/images/icon-security.gif') no-repeat left 4px;
    padding-left: 24px;
}

#cart .hint, #cart .step1 .field a, #cart .step2 .field a {
    padding: 5px;
    line-height: 12px;
}

#cart .auto {
    float: left;
    clear: both;
    padding-left: 82px;
    padding-top: 5px;
    font-size: 12px;
}
#cart .auto input {
    float: none;
}

#cart .step1 .actions {
    margin-top: 15px;
}

/* step 2 */

#cart .step2 label {
    width: 100px;
}
#cart .step2 img {
    margin-left: 110px;
}

#cart .step2 .actions {
    margin-top: 40px;
}

#cart .step2 span {
    line-height: 25px;
    font-style: italic;
}
#cart .step2 span.edit, #cart .step2 span.edit a {
    color: #ccc;
    font-style: normal;
    float: none;
    padding: 0px;
}
#cart .step2 span.edit a:hover  {
    color: #5292d3;
}

#cart .step2 .payment {
    float: left;
    clear: left;
    width: 380px;
}

#cart .step2 .billing {
    float: left;
    clear: right;
    width: 370px;
}
#cart .bill-same-shipping {
    padding-left: 110px;
    padding-top: 0px;
    padding-bottom: 7px;
}

/* step 3 */

#cart .step3 .shopping-cart, #cart .step3 .shipping, #cart .step3 .payment {
    float: left;
    width: 200px;
    line-height: 20px;
}
#cart .step3 .shopping-cart {
    width: 350px;
}
#cart .step3 h3 {
    color: #5292d3;
    font-style: italic;
}
#cart .step3 p {
    padding: 5px 10px 5px 0px;
}
#cart .step3 h3 span, #cart .step3 h3 a {
    font-style: normal;
    font-weight: normal;
    color: #ccc;
    font-size: 14px;
}
#cart .step3 h3 a:hover {
    color: #5292d3;
}

#cart p.bill-to-shipping-box {
	display: none;
}

#cart #totals {
    background-color: #FFFFD9;
    float: left;
    clear: both;
    border-top: 3px solid #5092e9;
    overflow: auto;
    width: 708px;
    padding: 20px;
    margin: 20px 0px 10px 0px;
}
#cart #totals .left, #cart #totals .right {
    float: left;
    font-size: 16px;
}
#cart #totals .left {
    clear: left;
    font-style: italic;
    width: 340px;
    padding-right: 20px;
    color: #9e9e64;
    text-align: right;
    margin: 2px 0px;
}
#cart #totals .right {
    clear: right;
    color: #787851;
    margin: 2px 0px;
}

#cart #totals .left-grand, #cart #totals .grand-total {
    font-size: 26px;
}
#cart #totals .grand-total {
    color: #5092e9;
}

#cart .step3 .actions input {
    font-weight: bold;
}
#cart .step3 .actions .back input {
    font-weight: normal;
}

/* process order */

#cart.process-order .step3 {
    display: block;
}

#cart.process-order .thank-you {
    text-align: center;
    font-size: 16px;
}
#cart.process-order .order-id {
    text-align: center;
    font-size: 30px;
    margin: 30px 0px;
}

#cart ul.products {
    width: auto;
    border: none;
    padding: 10px;
    margin-top: 10px;
    border: 1px dotted #ccc;
}
#cart ul.products ul {
    list-style: none;
    margin-left: 30px
}
#cart ul.products ul li {
    border-bottom: none;
    background: url('/images/icon-star.gif') no-repeat left 6px;
    padding: 2px 20px;
}
#cart ul.products .price {
    float: right;
    margin-left: 100px;
}

#cart.process-order p.return {
    font-size: 24px;
    text-align: center;
    width: 100%;
    float: left;
    clear: both;
    padding-top: 20px;
}

#cart .credit-card-error {
    font-weight: bold;
    color: #c00;
    display: none;
    font-size: 16px;
}

/* ------------------- Info -------------------- */

#info p {
    padding-bottom: 20px;
}

#info.site-map ul {
    list-style-position: inside;
    line-height: 25px;
}
#info.site-map ul ul {
    margin-left: 40px;
}

#info.articles .content ul, #info.articles .content ol {
    margin-left: 60px;
    padding-bottom: 20px;
}uto;
    border: none;
    padding: 10px;
    margin-top: 10px;
    border: 1px dotted #ccc;
}
#cart ul.products li {
    padding: 5px 0px;
}
#cart ul.products ul {
    list-style: none;
    margin-left: 30px
}
#cart ul.products ul li {
    border-bottom: none;
    background: url('/images/icon-star.gif') no-repeat left 6px;
    padding: 2px 20px;
}
#cart ul.products .price {
    float: right;
    margin-left: 100px;
}

#cart.process-order p.return {
    font-size: 24px;
    text-align: center;
    width: 100%;
    float: left;
    clear: both;
    padding-top: 20px;
}

#cart .credit-card-error {
    font-weight: bold;
    color: #c00;
    display: none;
    font-size: 16px;
}

/* ------------------- Info -------------------- */

#info p {
    padding-bottom: 20px;
}

#info.site-map ul {
    list-style-position: inside;
    line-height: 25px;
}
#info.site-map ul ul {
    margin-left: 40px;
}

#info.articles .content ul, #info.articles .content ol {
    margin-left: 60px;
    padding-bottom: 20px;
}