@font-face {
    font-family: 'EurostileBold';
    src: url('webfonts/eurostile-bol-webfont.eot');
    src: url('webfonts/eurostile-bol-webfont.eot?iefix') format('eot'),
         url('webfonts/eurostile-bol-webfont.woff') format('woff'),
         url('webfonts/eurostile-bol-webfont.ttf') format('truetype'),
         url('webfonts/eurostile-bol-webfont.svg#webfontEyaf3r8M') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'EurostileRegular';
    src: url('webfonts/eurostile-reg-webfont.eot');
    src: url('webfonts/eurostile-reg-webfont.eot?iefix') format('eot'),
         url('webfonts/eurostile-reg-webfont.woff') format('woff'),
         url('webfonts/eurostile-reg-webfont.ttf') format('truetype'),
         url('webfonts/eurostile-reg-webfont.svg#webfontWDfCjsRd') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {height: 100%;}
body {margin: 0; padding: 0 0 100px; background: #fff url(../img/bg.gif) bottom center no-repeat; font-size: 70%; font-family: helvetica, arial, sans-serif; color: #876556;}
#receiptprint {background-image: none; padding: 0;}

a {color: #fa4a00; outline: none; text-decoration: none;}
a:visited {color: #c1b1aa;}
a:hover {color: #019ffa;}

/*
orange: #fa4a00
brown: #502e1f
blue: #019ffa
*/

ul, ul li {list-style: none; padding: 0; margin: 0;}
table {border: 0; border-collapse: collapse; border-spacing: 0;}
table td {vertical-align: top; padding: 0;}
form {margin: 0; padding: 0;}
fieldset {border: 0; margin: 0; padding: 0;}
*html legend {position: relative; margin-left: -8px;}
legend {margin: 0; padding: 0 0 16px; font-weight: normal; color: #968279; font-size: 140%;}
table {border: 0; border-collapse: collapse; border-spacing: 0;}
table td {padding: 0; vertical-align: top;}
th {text-align: left;}
.r {text-align: right;}
.c {text-align: center;}
img {border: 0;}
input, select {font-size: 100%; font-family: helvetica, arial, sans-serif; color: #876556; border: 1px solid #d3cbc7;}
p {margin: 0 0 8px;}
h1 {font-family: 'EurostileRegular'; font-weight: normal; color: #968279; font-size: 200%; margin: 0 10px 10px; line-height: 1;}
#receiptprint h1 {position: absolute; top: 32px; left: 220px}
h1 a {color: #968279 !important;}
h1 a:hover {color: #fa4a00 !important;}
h2 {font-family: 'EurostileRegular'; font-weight: normal; color: #968279; font-size: 170%; margin: 16px 10px 8px;}
h2 span {font-size: 75%;}
#main ul {margin: 0 0 8px;}
#main ul li {padding: 0 0 4px 10px; background: url(../img/li.gif) 0 3px no-repeat;}
#content {width: 460px; float: left;}
#images {width: 307px; float: right;}
#images img {border: 1px solid #d0c7c2;}
hr {border: 1px solid #dcd5d2; border-width: 1px 0 0; margin: 16px 0; height: 1px;}

.exclusive {color: #fa4a00; display: block;}

#wrapper {width: 957px; margin: 0 auto; padding: 98px 3px 0; position: relative; background: #fff; border: 1px solid #dcd5d2;}
#receiptprint #wrapper {width: 7in; padding: 80px 0 0; margin: 0; border: 0;}
*html #main {height: 326px;}
#main {position: relative; padding-left: 170px; min-height: 326px; padding-bottom: 20px; overflow: visible;}
#receiptprint #main {padding: 0;}

/* homepage */
#home #main {padding: 10px 0 0 90px;}
#home #freeship, #home #mainimg {margin-left: 80px;}
#freeship  {width: 460px; font-family: 'EurostileBold'; color: #fa4a00; font-size: 150%;}
#freeship smaller {font-size: 85%;}
#promo {padding: 4px 6px 6px; margin: 0 0 16px; border: 1px solid #019ffa; color: #019ffa; background: #e7f3f9; font-size: 95%;}
#promo p {margin-bottom: 0;}

/* brand + category nav */

#brandnav, #categorynav {position: absolute; top: 0; left: 0; width: 157px; font-family: 'EurostileBold'; font-size: 110%;}
#brandnav .top, #brandnav .bot, #categorynav .top, #categorynav .bot {height: 3px; background: #f8f7f6 url(../img/diag-ltbrown.gif); margin: 0; padding: 0; font-size: 0;}
#brandnav .top, #categorynav .top {border: 1px solid #dcd5d2; border-bottom: 1px solid #c5bab5;}
#brandnav .bot, #categorynav .bot {border: 1px solid #dcd5d2; border-top: 1px solid #c5bab5;}
*html #brandnav {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/brandnav-bg.png', sizingMethod='scale')}
#brandnav ul, #categorynav ul {margin: 0;}
*html #brandnav li {background: none !important;}
#brandnav ul li {background: url(../img/brandnav-bg.png); padding: 0;}
#categorynav ul li {padding: 0;}
#brandnav li a, #categorynav li a {display: block; color: #019ffa;}
*html #categorynav li a {height: 1px;}
#brandnav li a {padding: 3px 10px 2px;}
#categorynav li a {background: #f6f5f4; padding: 4px 10px; height: auto;}
#categorynav li ul {padding-bottom: 4px; background: #f6f5f4;}
#categorynav li li a {font-weight: normal; padding: 1px 10px 3px 20px;}
#brandnav li a:hover, #categorynav li a:hover {color: #fa4a00;}
#brandnav ul #adidas a {text-indent: -4000px; background: url(../img/bn-adidas-concept-shop.gif) no-repeat;}
#brandnav ul #adidas a:hover {background-position: -157px 0;}

*html #blog {margin-right: 2px;}
#blog {position: absolute; top: 0; right: 0; width: 315px; border: 1px solid #dcd5d2; background: #f8f7f6 url(../img/diag-ltbrown.gif); padding: 3px 0 0;}
*html #blog div {height: 75px;}
#blog div {padding: 4px 8px 0 114px; margin: 0; line-height: 1.4; position: relative; min-height: 75px; background: #f8f7f6;}
#blog div.first {border-top: 1px solid #c5bab5;}
#blog div.last {border-bottom: 1px solid #c5bab5;}
#blog div img {position: relative; float: left; margin-left: -106px; border: 1px solid #c1b5af;}
#blog div a:hover img {border-color: #019ffa;}
#blog div h2 {font-size: 100%; margin: 0 0 2px; font-weight: bold;}
#blog div h2 a {color: #502e1f;}
#blog div h2 a:hover {color: #019ffa;}
#blog div p {margin: 0; padding: 0 0 8px;}
#blog .more {background: #f8f7f6; float: right; font-size: 110%; padding: 0 4px; margin: 0 5px;}

/* product highlights + featured products + products + related products */
#product-highlights, #featured-products {margin-top: 12px; clear: both;}
*html #product-highlights h2, *html #featured-products h2 {margin-bottom: -4px;}
#product-highlights h2, #featured-products h2 {font-family: 'EurostileRegular'; font-size: 130%; margin: 0 0 -1px 10px; padding: 0; position: relative;}

#highlight-outer, #featured-outer, #related-outer {border: 1px solid #d6cfcb; background: #f8f7f6 url(../img/diag-ltbrown.gif); position: relative;}
#highlight-outer {padding: 4px 0;}
#featured-outer {padding: 4px 0;}
#related-outer {padding: 25px 1px; width: 153px; float: left;}
#highlight-inner, #featured-inner, #related-inner {border: 1px solid #d6cfcb; background: #f8f7f6; height: 142px; overflow: hidden; position: relative;}
#featured-inner {border-width: 1px 0; height: 100%; overflow: auto;}
#related-inner {height: 410px;}
#products {margin-top: 30px;}
#highlight-inner div.product, #featured-inner div, #products div, #related-inner div {float: left; width: 150px; line-height: 1.3;}
*html #highlight-inner div.product, *html #featured-inner div, *html #products div {margin: 8px 4px 0 4px;}
#highlight-inner div.product, #featured-inner div, #products div {margin: 8px 0 0 8px;}
*html #related-inner div {margin-left: 2px;}
#related-inner div {margin: 15px 5px;}
*html #products div {height: 200px;}
#products div {min-height: 17em;}
#highlight-inner img, #featured-inner img, #products img, #related-inner img {display: block; border: 1px solid #d0c7c2; margin: 0 0 4px;}
#related-inner img {width: 139px;}
#highlight-inner a, #featured-inner a, #products a, #related-inner a {color: #73584c; position: relative;}
#highlight-inner a:visited, #featured-inner a:visited, #products a:visited, #related-inner a:visited {color: #a7968f;}
#highlight-inner a:hover, #featured-inner a:hover, #products a:hover, #related-inner a:hover {color: #fa4a00;}
#highlight-inner a:hover img, #featured-inner a:hover img, #products a:hover img, #related-inner a:hover img {border-color: #968279;}
#highlight-inner .glider {position: absolute; top: 0; left: 0; height: 142px; width: 900px; margin: 0; background: #f8f7f6;}
#related-inner .glider {position: absolute; top: 0; left: 0; height: 345px; width: 153px; margin: 0; background: #f8f7f6; z-index: 1000}
*html #related-outer #glide-prev, *html #related-outer #glide-next {margin: 0; padding: 0; font-size: 0;}
#related-outer #glide-prev, #related-outer #glide-next {position: absolute; left: 60px; cursor: pointer; width: 30px; height: 12px;}
#related-outer #glide-prev {top: 5px; background: url(../img/bt-arrowt.gif) no-repeat;}
#related-outer #glide-next {bottom: 5px; background: url(../img/bt-arrowb.gif) no-repeat;}
#related-outer #glide-prev:hover, #related-outer #glide-next:hover {background-position: 0 -12px;}

/* brand */
#brand #brand-title {font-size: 320%; margin: 0;}
#large {position: absolute; z-index: 0;}
#description {float: right; position: relative; margin: -7px 12px 0 0; width: 295px; line-height: 1.4; color: #876556;}
#description h2 {font-weight: normal; font-size: 125%; margin: 0;}

/* brand / category lists */
*html #brandcat-list {height: 360px;}
#brandcat-list {padding-left: 160px; overflow: auto; min-height: 400px; background: url(../img/shoe.gif) 90% 80% no-repeat;}
#brandcat-list ul {float: left; width: 149px; padding-left: 10px;}

/* page nav */
.pagenav, .pagenav2 {border: 1px solid #dcd5d2; background: #f8f7f6 url(../img/diag-ltbrown.gif); clear: both;}
.pagenav {position: absolute; left: 3px; top: 126px; width: 954px; z-index: 1000;}
.pagenav2 {overflow: auto; height: 100%;}
.pagenav span, .pagenav2 span {background: #f8f7f6; padding: 2px 4px; margin: 0 5px; width: auto;}
.pagenav .filter, .pagenav2 .itemsperpage {float: left;}
.pagenav .pagination, .pagenav2 .pagination {float: right;}
.pagenav .continue, .pagenav2 .continue {float: right; font-weight: bold;}
.pagenav .itemsperpage {margin: 0 auto; display: block; width: 16em; text-align: center; padding: 2px 0;}
.pagenav ol {float: left; margin: 0 5px; background: #f8f7f6; padding: 2px 4px;}
.pagenav ol li {float: left; padding: 0; margin: 0 12px 0 0; list-style-position: inside;}
.pagenav ol li.current {color: #fa4a00;}

/* browse */
#sort {padding: 0; margin: 0; color: #fa4a00; position: relative;}
*html #sort ul {height: 76px; z-index: 1000;}
#sort ul {display: none; position: absolute; top: -3px; left: -4px; z-index: 1000; text-align: left; padding: 0; margin: 0; list-style: none; border: 1px solid #dcd5d2; border-width: 1px 1px 0; width: 100px;}
#sort:hover ul, *html #sort ul.hover {display: block;}
#sort ul li {padding: 0; margin: 0; background-image: none;}
*html #sort ul li a {width: 100%;}
#sort ul li a {display: block; padding: 2px 3px; background: #f8f7f6; border-bottom: 1px solid #dcd5d2; margin: 0; text-decoration: none; color: #fa4a00; opacity: .95; -moz-opacity: .95; filter:alpha(opacity=90); width: 100px;}
#sort ul li a:hover, #sort ul li a.current {background: #fff; color: #502e1f;}

/* product detail */
#product-images {float: right; margin-right: 12px;}
#product-images #wrap {border: 1px solid #b9aba5;}
#content #main-image {display: block; visibility: hidden;}
#product-thumbs, #color-thumbs {width: 474px; margin-left: -5px; text-align: right;}
#product-thumbs img, #color-thumbs img {border: 1px solid #b9aba5; margin: 8px 0 0 5px;}
#product-thumbs a:hover img, #product-thumbs a.current img, #color-thumbs a:hover img {border-color: #fa4a00;}
#product-thumbs a.current img {border-width: 2px; margin-left: 3px;}

#color-thumbs h3 {font-weight: normal; border: 1px solid #dcd5d2; background: #f8f7f6 url(../img/diag-ltbrown.gif); margin: 16px 0 0 5px; font-size: 100%; overflow: auto; width: 474px;}
#color-thumbs h3 span {background: #f8f7f6; padding: 2px 4px; margin: 0 5px; float: right;}

*html #product-details {margin-right: 3px; height: 406px;}
#product-details {float: right; width: 302px; margin-right: 5px; line-height: 1.4; min-height: 406px;}
#product-details h2 {font-weight: normal; color: #968279; font-size: 170%; margin: 0 0 10px; line-height: normal;}
#product-details .details {font-size: 130%; line-height: normal;}
#product-details #cart {margin-top: 2em;}
#product-details form p {margin: 0 0 6px;}
#product-details label {width: 26px; float: left; padding-top: 3px;}
.sale {color: #fa4a00}
.salestrike {text-decoration: line-through; color: #b9aba5;}

/* cart, wishlist, account */
#cart #main, #wishlist #main, #account #main {padding: 30px 0 0 0;}
#cartlist {width: 60%; margin: 0 auto 30px;}
#service #cartlist {width: auto; margin: 0; border-bottom: 2px solid #b9aba5;}
#account #cartlist {background-color: #f8f7f6; border: 1px solid #dcd5d2;}
#cartlist th {border-bottom: 2px solid #b9aba5; padding: 2px 8px; font-size: 120%; font-weight: normal; color: #968279;}
#cartlist td {padding: 8px 4px 16px;}
#service #cartlist td {padding: 8px 4px;}
#cartlist tr.nopadding td {padding: 4px;}
#cartlist tr.product td {border-bottom: 1px solid #dcd5d2;}
#cartlist p {white-space: nowrap;} 
#cartlist .thumb {width: 148px; padding: 8px 4px 16px;}
#cartlist .thumb img {border: 1px solid #b9aba5;}
#cartlist .thumb a:hover img {border-color: #fa4a00;}
#cartlist #total {font-size: 140%;}
#cartlist #total td {padding: 8px 4px; border-bottom: 2px solid #b9aba5;}

#account h3 {font-weight: normal; color: #968279; font-size: 140%; margin: 0 0 8px; padding-top: 8px; border-bottom: 1px solid #dcd5d2;}
#account #cartlist td {width: 50%; padding: 8px 16px;}
#account #cartlist table {width: 100%;}
#account #cartlist table td {width: auto; padding: 4px;}

.onecolumn, .twocolumn {background-color: #f8f7f6; border: 1px solid #dcd5d2; width: 40%; margin: 10px auto; }
.onecolumn td {padding: 8px 16px 8px;}
.twocolumn td {padding: 16px 16px 8px;}

.twocolumn {width: 70%;}
.twocolumn td {width: 50%; border: 1px dotted #dcd5d2;}

fieldset div {overflow: hidden; height: 100%; margin-bottom: 8px;}
fieldset div label, fieldset div.checkbox label.float {float: left; width: 30%; padding: 3px 0 0; text-align: right;}
fieldset div.checkbox label {float: none; width: auto; padding: 3px 8px 0 0 !important; text-align: left;}
fieldset div label span.note {display: block; font-size: 90%;}
fieldset div input, fieldset div select {float: right; width: 67%;}
fieldset div select {width: 68%;}
fieldset div.checkbox input, fieldset div.checkbox select {float: none; width: auto;}
fieldset div.checkbox input {border: 0;}
.button {float: right;}
div.button, div.button-onecolumn, div.button-twocolumn  {margin: 10px auto 30px; text-align: right;}
div.button input {vertical-align: text-bottom;}
div.button-onecolumn {width: 40%;}
div.button-twocolumn {width: 70%;}

#newsletter-brands td {vertical-align: middle; padding: 6px 8px 0 0 !important;}
#newsletter-brands select {float: none; width: 100%;}

#receipt {margin: 0 0 30px; width: 100%; clear: both;}
#receiptprint #receipt {margin: 0 auto 30px;}
#receipt td {padding: 0 16px;}
#receipt h2 {margin: 3px 0 4px;}
#receipt p {margin: 0 0 20px;}

*html #cart form input.threedig {width: 24px !important;}

/* about / customer service */
#about h1, #service h1 {margin: 0 0 10px;}
#about h2, #service h2 {margin: 16px 0 8px;}
#about .column1, #service .column1 {width: 60%; float: left;}
#about .column2, #service .column2 {width: 35%; float: right;}
#service ul.column1, #service ul.column2 {width: 45%;}

#content div:target, #content div.sftarget {border: 1px solid #fa4a00; padding: 0 12px 8px; margin-bottom: 12px; width: 95%;}
#content .backtotop {text-align: right; margin: -8px 0 12px; height: 16px;}
#content .backtotop a {display: block; float: right;}

#media {overflow: auto; margin-right: -10px;}
*html #media div {margin: 8px 7px 0 0; height: 200px;}
#media div {margin: 8px 9px 0 0; float: left; width: 150px; line-height: 1.3; min-height: 17em;}
#media img {display: block; border: 1px solid #d0c7c2; margin: 0 0 4px;}
#media a {color: #73584c; position: relative;}
#media a:visited {color: #a7968f;}
#media a:hover {color: #fa4a00;}
#media a:hover img {border-color: #968279;}

#popup {padding: 20px; background: #fff;}
#popup img {display: block; margin-bottom: 10px; border: 1px solid #d0c7c2;}
#popup #prev {float: left;}
#popup #content {float: none; width: 344px; border-bottom: 1px solid #d0c7c2; margin: 0 0 8px; padding: 4px 8px;}
#popup #next {float: right; text-align: right;}

#about .event {clear: both; overflow: auto; padding: 0 0 0 158px; margin-bottom: 16px;}
#about .event h2 {margin-top: 0;}
#about .event img {float: left; margin-left: -158px; border: 1px solid #d0c7c2;}
#about .pagenav2 {height: 17px; overflow: hidden;}

/* info / error messages */
.info_message {padding: 8px 8px 8px 40px; margin: 0 0 16px; border: 1px solid #019ffa; color: #019ffa; background: #fff url(../img/ic-info.gif) 8px no-repeat; clear: both; text-align: left;}
.error_message {padding: 8px 8px 8px 40px; margin: 0 0 16px; border: 1px solid #fa4a00; color: #fa4a00; background: #fff url(../img/ic-error.gif) 8px no-repeat; clear: both; text-align: left;}


/* header / nav / footer */
#header {position: absolute; top: 0; left: 3px; z-index: 3000; width: 957px; height: 98px;}
#logo {float: left; margin: 6px 0 11px 10px;}
#logo img {display: block;}

#snav {position: absolute; top: 6px; right: 3px; width: auto;}
#snav li {float: right; padding-top: 4px;}
#snav li a {display: block; height: 18px; background: url(../img/snav.gif) no-repeat; text-indent: -4000px;}
#snav #snav-account a {width: 81px; background-position: 0 0;}
#snav #snav-wishlist a {width: 82px; background-position: -81px 0;}
#snav #snav-cart a {width: 63px; background-position: -163px 0;}
#snav #snav-search {background: url(../img/snav.gif) -226px 4px no-repeat; padding: 0 0 0 57px;}

#snav #snav-account a:hover, #account #snav-account a {background-position: 0 -18px;}
#snav #snav-wishlist a:hover, #wishlist #snav-wishlist a {background-position: -81px -18px;}
#snav #snav-cart a:hover, #cart #snav-cart a {background-position: -163px -18px;}

#login {position: absolute; top: 12px; right: 470px; z-index: 100;}

#search-categories {width: 145px;}
#search-text {width: 140px;}
#search-button {vertical-align: bottom;}

#nav {clear: both; font-size: 11px;}
#nav li {float: left; margin-right: 3px; position: relative;}
#nav #nav-whaddup {margin-right: 0;}
#nav li a {display: block; width: 157px; height: 24px; background: url(../img/nav.gif) no-repeat; text-indent: -4000px;}
#nav #nav-home a {background-position: 0 0;}
#nav #nav-brand a {background-position: -160px 0;}
#nav #nav-category a {background-position: -320px 0;}
#nav #nav-about a {background-position: -480px 0;}
#nav #nav-service a {background-position: -640px 0;}

#nav li ul {position: absolute; top: 23px; left: 0; z-index: 3000; width: 155px; border: 1px solid #d3cbc7; border-top-width: 0; padding: 4px 0; background: #f8f7f6; display: none; opacity: .95; -moz-opacity: .95; filter:alpha(opacity=90);}
#nav #nav-brand .col2 {left: 156px; top: 27px; border-width: 1px; border-left-color: #e4dedb; padding: 0 0 4px;}
#nav #nav-brand .col3 {left: 312px; top: 27px; border-width: 1px; border-left-color: #e4dedb; padding: 0 0 4px;}
#nav #nav-brand .col4 {left: 468px; top: 27px; border-width: 1px; border-left-color: #e4dedb; padding: 0 0 4px;}
#nav #nav-brand .col5 {left: 624px; top: 27px; border-width: 1px; border-left-color: #e4dedb; padding: 0 0 4px;}
#nav li ul li {margin-right: 0;}
#nav li ul a {background: none; text-indent: 0; color: #502e1f; height: auto; width: 147px; padding: 2px 0 1px 8px; border: 1px solid #f8f7f6; border-width: 1px 0;}
#nav li ul .empty {padding: 2px 0;}
#nav li ul a:hover {color: #fa4a00; background: #fff; border-color: #e4dedb;}
#nav li:hover ul {display: block;}
*html #nav li ul.show {display: block;}

#nav #nav-home a:hover {background-position: 0 -48px;}
#nav #nav-brand a:hover, #nav #nav-brand:hover a {background-position: -160px -48px;}
#nav #nav-category a:hover, #nav #nav-category:hover a {background-position: -320px -48px;}
#nav #nav-about a:hover, #nav #nav-about:hover a {background-position: -480px -48px;}
#nav #nav-service a:hover, #nav #nav-service:hover a {background-position: -640px -48px;}

#home #nav-home a {background-position: 0 -24px;}
#brand #nav-brand a {background-position: -160px -24px;}
#category #nav-category a {background-position: -320px -24px;}
#about #nav-about a {background-position: -480px -24px;}
#service #nav-service a {background-position: -640px -24px;}

#nav-whaddup {background: url(../img/nav.gif) -800px 0 no-repeat; width: 157px; height: 24px;}
#nav li #facebook, #nav li #twitter, #nav li #blogger {width: 29px; height: 24px; background: url(../img/socialmedia.png) no-repeat; float: right; margin: 1px 1px 0 1px;} 

#nav li #facebook {width: 64px; background-position: 0 0;}
#nav li #twitter {width: 56px; background-position: -64px 0;}
#nav li #blogger {width: 26px; background-position: -120px 0; margin-right: 3px;}


#footer {color: #968279; clear: both; margin: 6px 10px;}
#footer strong {color: #502e1f;}