* {
outline:none;
}

html, body {
height:100%;
}

body {
margin:0px;
padding:0px;
font-size:10px;
line-height:14px;
color:#aaa;
font-family:verdana, arial, sans-serif;
background:#222;
}

h1, h2, h3, h4, h5, h6 {
text-transform:uppercase;
letter-spacing:1px;
margin:0px;
padding:0px;
color:#fff;
}

h1 {
font-size:30px;
padding:5px 0px 25px 0px;
color:#555;
}

h2 {
font-size:20px;
line-height:25px;
}

h3 {
font-size:17px;
line-height:22px;
}

h4 {
font-size:15px;
line-height:20px;
}

h5 {
font-size:11px;
line-height:16px;
}

h6 {
font-size:9px;
line-height:14px;
}


a:link, a:visited, a:active {
color:#aaa;
text-decoration:none;
}

a:hover {
color:#fff;
text-decoration:none;
}

input {
font-size:11px;
}

img {
border:0px;
}

hr {
height:0px;
overflow:hidden;
border:0px;
background-color:#e1e1e1;
border-bottom:1px solid #444;
padding:0px;
margin:15px 0px 15px 0px;
}


#body {
height:100%;
text-align:center;
}


#header {
width:960px;
height:110px;
margin:0px auto;
text-align:left;
position:relative;
z-index:1000;
}


#header .logo {
width:560px;
height:23px;
overflow:hidden;
float:left;
margin-top:40px;
}

#header .region {
width:300px;
height:18px;
overflow:hidden;
float:right;
margin-top:45px;
}

#header .region .action {
float:right;
}

#header .region .action * {
font-size:8px;
text-transform:uppercase;
}

#header .region .current {
color:#ababab;
float:right;
font-size:8px;
padding-right:5px;
text-transform:uppercase;
}

#cart-summary {
width:300px;
height:18px;
float:right;
text-align:right;
margin-top:30px;
}

#cart-summary * {
color:#666;
text-transform:uppercase;
font-size:10px;
color:#aaa;
}

#header .delivery {
display:block;
float:right;
clear:right;
width:300px;
height:20px;
overflow:hidden;
color:#fff;
font-size:13px;
text-align:right;
text-transform:uppercase;
}


#nav {
clear:both;
border-bottom:1px solid #444;
z-index:999999999;
}

#nav .item {
height:34px;
line-height:34px;
float:left;
margin-right:20px;
position:relative;
}

#nav .item a {
font-size:10px;
text-transform:uppercase;
letter-spacing:1px;
}

#nav .item.active a.main, #nav .link:hover *, #cart-summary:hover * {
color:#fff;
}

#nav .link {
height:34px;
line-height:34px;
float:right;
margin-left:20px;
}

#nav .link * {
font-size:10px;
text-transform:uppercase;
letter-spacing:0px;
color:#aaa;
}

#nav .item .submenu {
display:none;
position:absolute;
top:30px;
left:0px;
background-color:#222;
z-index:1001;
line-height:14px;
padding:5px;
width:150px;
}

#nav .item:hover .submenu {
display:block;
}

#nav .item .submenu a {
display:block;
padding-bottom:2px;
}




#page {
width:960px;
min-height:400px;
margin:10px auto 15px auto;
text-align:left;
position:relative;
}

#footer {
padding-bottom:30px;
}

#footer .content {
width:960px;
margin:0px auto;
text-align:left;
position:relative;
}

#footer .column {
width:240px;
float:left;
padding-top:5px;
}

#footer .column h6 {
line-height:100%;
padding:0px 35px 5px 0px;
}

#footer .column .link {
line-height:18px;
padding-right:35px;
}

#footer .signature {
width:960px;
text-align:center;
padding-top:40px;
}

#footer .signature .logo {
text-align:center;
padding-top:15px;
}


#footer .facebook {
display:block;
position:absolute;
left:0px;
top:90px;
width:240px;
height:32px;
}

#footer .facebook .icon {
width:40px;
height:32px;
float:left;
}

#footer .facebook .icon img {
width:28px;
height:28px;
}


#footer .facebook .text {
width:200px;
height:32px;
float:left;
}

#footer .facebook .text h6 {
color:#fff;
margin:0px;
padding:0px;
}

#footer .facebook .text div {
line-height:24px;
}


.clear {
clear:both;
height:0px;
overflow:hidden;
}


#home-banners {
width:960px;
height:634px;
overflow:hidden;
position:relative;
}

#home-banners .banner {
position:absolute;
z-index:120;
width:960px;
height:635px;
overflow:hidden;
}

#home-banners .steps {
position:absolute;
z-index:130;
width:400px;
height:10px;
top:604px;
left:21px;
}

#home-banners .step {
width:10px;
height:10px;
float:left;
margin-right:1px;
cursor:pointer;
background-image:url(/images/banner-step.png);
background-repeat:no-repeat;
background-position:left top;
}

#home-banners .step.active {
background-image:url(/images/banner-step-active.png);
}


#home-promos {
width:240px;
float:right;
}

#home-promos div {
height:200px;
overflow:hidden;
margin-bottom:17px;
}





#filters-shunt {
height:120px;
}

#filters {
position:absolute;
width:960px;
top:0px;
left:0px;
padding-bottom:10px;
border-bottom:1px solid #D5D5D5;
}

#filters .group {
height:30px;
}

#filters .label {
width:45px;
float:left;
font-size:11px;
font-weight:bold;
line-height:30px;
}

#filters .option {
float:left;
font-size:11px;
line-height:30px;
padding:0px 11px 0px 18px;
background-image:url(/images/filter-option.gif);
background-repeat:no-repeat;
background-position:5px center;
cursor:pointer;
color:#888;
}

#filters .show-all {
float:left;
width:63px;
cursor:pointer;
padding-top:7px;
}

#filters .option:hover {
color:#ddd;
}

#filters .option.on {
color:#fff;
background-image:url(/images/filter-option-on.gif);
}

#filters .option.loading {
color:#555;
background-image:url(/images/filter-loading.gif);
}


#product-list .hero {
width:480px;
height:360px;
float:left;
}

#product-list .hero .image {
width:460px;
height:280px;
background-color:#333;
}

#product-list .hero h1 {
color:#333;
font-size:33px;
padding-top:6px;
letter-spacing:6px;
}


#product-list .item {
width:240px;
height:360px;
float:left;
}

#product-list .item .inner {
width:220px;
display:none;
}

#product-list .item .image {
width:220px;
height:280px;
overflow:hidden;
}

#product-list .item .image img {
width:220px;
height:280px;
background-repeat:no-repeat;
background-position:center center;
}

#product-list .item .label {
height:30px;
overflow:hidden;
line-height:13px;
text-align:right;
font-size:10px;
text-transform:uppercase;
margin:5px 0px 0px 0px;
}

#product-list .item .price {
height:10px;
line-height:10px;
text-align:right;
font-weight:bold;
font-size:10px;
}

.page-loading {
height:500px;
text-align:center;
background:url(/images/ajax-loading-new.gif) no-repeat center center;
}


#product-detail .colouroptions {
padding-top:10px;
}

#product-detail .colouroptions .item {
float:left;
width:40px;
height:50px;
cursor:pointer;
border:1px solid #e1e1e1;
margin-right:5px;
background-repeat:no-repeat;
background-position:center center;
}

#product-detail .colouroptions .active {
border:1px solid #000;
}

#product-detail .colouroptions img {
width:40px;
height:50px;
}

#product-detail .price {
font-weight:bold;
font-size:12px;
color:#fff;
line-height:30px;
}

#product-detail .price .was {
text-decoration:line-through;
}

#product-detail .price .now {
color:#CC0000;
}

#product-detail .sizeoptions {
padding-top:10px;
}

#product-detail .sizeoptions .item {
float:left;
height:25px;
width:25px;
cursor:pointer;
background-color:#222;
line-height:25px;
text-align:center;
text-transform:uppercase;
color:#aaa;
font-size:9px;
border:1px solid #444;
margin-right:5px;
}

#product-detail .sizeoptions .active {
float:left;
height:25px;
width:25px;
background-color:#333;
line-height:25px;
text-align:center;
text-transform:uppercase;
color:#aaa;
font-size:9px;
border:1px solid #aaa;
margin-right:5px;
}

#product-detail .sizeoptions .disabled {
float:left;
height:25px;
width:25px;
line-height:25px;
text-align:center;
text-transform:uppercase;
color:#555;
font-size:9px;
border:1px dotted #555;
margin-right:5px;
}


#product-detail .gallery {
width:335px;
float:left;
}

#product-detail .gallery .mainimage {
position:relative;
background-image:url(/images/ajax-loading.gif);
background-repeat:no-repeat;
background-position:center 100px;
width:335px;
height:425px;
overflow:hidden;
cursor:pointer;
}

#product-detail .gallery .click-to-zoom {
width:38px;
height:38px;
overflow:hidden;
position:absolute;
right:0px;
bottom:0px;
background-image:url(/images/zoom-overlay.png);
background-repeat:no-repeat;
background-position:right bottom;
cursor:pointer;
}

#product-detail .gallery .mainimage .large-image {
width:335px;
height:425px;
}

#product-detail .gallery .video {
display:none;
}

#product-detail .gallery .video .holder {
width:335px;
height:424px;
overflow:hidden;
}


#product-detail .gallery .option {
padding:8px 10px 0px 0px;
cursor:pointer;
}

#product-detail .gallery-set .image {
margin:15px 17px 5px 0px;
float:left;
cursor:pointer;
}





.tabset .tabs {
height:21px;
overflow:hidden;
padding-left:1px;
}

.tabset .tab {
float:left;
height:21px;
line-height:21px;
font-size:9px;
color:#666;
background-color:#2a2a2a;
padding:0px 10px 0px 10px;
cursor:pointer;
}

.tabset .tab.active {
background-color:#303030;
color:#aaa;
}

.tabset .tabcontent {
display:none;
padding:10px;
font-size:9px;
background-color:#303030;
}

.tabset .tabbaseline {
height:1px;
overflow:hidden;
}



.page-column {
float:left;
width:250px;
height:450px;
border-right:1px solid #ccc;
margin-right:15px;
}

.page-column h5 {
padding:0px 0px 10px 0px;
margin:0px;
}

.columnlink {
line-height:16px;
font-size:11px;
padding:3px 25px 3px 15px;
color:#888;
cursor:pointer;
background-image:url(/images/bullet-new.png);
background-repeat:no-repeat;
background-position:left 6px;
}

.columnlink a, .columnlink * {
color:#888;
}

.columnlink a:hover, .columnlink a:hover * {
color:#fff;
}


.columnlink.active {
line-height:16px;
font-size:11px;
padding:3px 25px 3px 15px;
color:#fff;
}

.columnlink.active a, .columnlink.active * {
color:#fff;
}


.grid {
width:100%;
border-style:collapse;
border-collapse:collapse;
}

.grid th {
font-weight:bold;
text-align:left;
border-bottom:0px solid #eee;
padding:3px 5px 3px 0px;
margin:0px;
white-space:nowrap;
}

.grid td {
border-bottom:0px solid #eee;
padding:3px 5px 3px 0px;
margin:0px;
}

form td.label {
vertical-align:top;
padding:14px 20px 0px 0px;
white-space:nowrap;
}

form td.field {
padding:5px 0px 0px 0px;
vertical-align:top;
}

form input.field, form textarea.field {
border:1px solid #cccccc;
padding:5px 5px 5px 3px;
font-size:14px;
width:220px;
}

form select.field {
border:1px solid #cccccc;
margin-top:5px;
font-size:14px;
width:220px;
}

form input.checkradio {
margin-top:12px;
}


div.error {
font-size:12px;
font-weight:bold;
color:#c00;
padding:9px 20px 8px 40px;
background-image:url(/images/error.png);
background-repeat:no-repeat;
background-position:10px 9px;
border:1px solid #d77171;
margin:10px 0px 10px 0px;
line-height:16px;
}

div.error a:link {
color:#c00;
text-decoration:underline;
}


div.info {
font-size:12px;
font-weight:bold;
color:#cAd4f3;
padding:9px 20px 8px 12px;
background-color:#5b6279;
border:1px solid #8391c0;
margin:10px 0px 10px 0px;
}

div.info a:link {
color:#fff;
text-decoration:underline;
}


#big-preview {
display:none;
position:absolute;
z-index:3000;
width:100%;
background-image:url(/images/alpha-black.png);
background-repeat:repeat;
background-position:center top;
left:0px;
top:0px;
cursor:pointer;
text-align:center;
}

#big-preview .container {
width:100%;
height:100%;
margin:0px auto 0px auto;
overflow:hidden;
text-align:left;
}

#big-preview .padding {
background-image:url(/images/ajax-loading.gif);
background-repeat:no-repeat;
background-position:center 300px;
margin-top:0px;
text-align:center;
padding-bottom:20px;
}

#big-preview .header {
width:960px;
margin:70px auto 0px auto;
text-align:left;
}

#big-preview .header .close {
float:right;
width:105px;
text-align:right;
}

#big-preview .header .title {
width:530px;
float:left;
font-size:20px;
padding:0px 0px 10px 0px;
color:#fff;
}

#big-preview .holder {
text-align:center;
padding-bottom:50px;
}

#big-preview .image {
}

.store-hours {
border-bottom:1px solid #dbdbdb;
}

.store-hours td {
padding:3px 3px 3px 0px;
vertical-align:top;
white-space:nowrap;
border-top:1px solid #dbdbdb;
}



#lookbook {
width:960px;
height:550px;
background-repeat:no-repeat;
background-position:left top;
}

#lookbook .look-list {
float:left;
width:300px;
height:550px;
position:relative;
background-image:url(/images/look-list-shadow.png);
background-repeat:repeat-y;
background-position:right;
}

#lookbook .look-list .pad {
padding:55px 0px 0px 35px;
}

#lookbook .look-list .item {
float:left;
width:102px;
height:139px;
overflow:hidden;
margin:0px 0px 5px 5px;
}

#lookbook .look-list .item.active {
background-color:#bdbebe;
}

#lookbook .look-list .item img {
margin:1px;
}

#look {
float:right;
width:660px;
height:550px;
background-image:none;
background-repeat:no-repeat;
background-position:center center;
}

#look.loading {
background-image:none;
}

#lookbook .look {
float:left;
width:400px;
height:550px;
}

#lookbook .style-list {
float:left;
width:260px;
height:550px;
}

#lookbook .style-list .pad {
padding:55px 15px 0px 25px;
}

#lookbook .style-list .style-block {
display:none;
}

#lookbook .nav-arrow {
position:absolute;
width:40px;
height:40px;
top:250px;
background-position:0px 0px;
background-repeat:no-repeat;
cursor:pointer;
}

#lookbook .nav-arrow.left {
left:0px;
background-image:url(/images/slider-left.png);
display:none;
}

#lookbook .nav-arrow.right {
right:10px;
background-image:url(/images/slider-right.png);
}

#lookbook .nav-arrow.active {
background-position:0px -40px;
}

#lookbook .set {
display:none;
}

#lookbook .set.active {
display:block;
}

#lookbook .steps {
position:absolute;
width:300px;
height:10px;
top:500px;
text-align:center;
}

#lookbook .step {
display:inline;
width:10px;
height:10px;
background-image:url(/images/bullet.png);
background-repeat:no-repeat;
background-position:center center;
cursor:pointer;
}

#lookbook .step.active {
background-image:url(/images/bullet-active.png);
}

#lookbook .look-variant {
width:17px;
height:17px;
line-height:17px;
text-align:center;
float:left;
border:1px solid #fff;
margin-right:2px;
font-size:9px;
color:#fff;
cursor:pointer;
}

#lookbook .look-variant.active {
color:#000;
background-color:#fff;
font-weight:bold;
}

#lookbook .style-block .soldout {
font-weight:bold;
}

#lookbook .style-block .processing, #lookbook .style-block .result, #lookbook .style-block .actions, .notification-result {
position:absolute;
height:23px;
line-height:17px;
color:#fff;
font-weight:bold;
padding-left:0px;
display:none;
z-index:101;
}

#lookbook .style-block .actions {
z-index:100;
display:block;
}



.giftcard-preset {
width:87px;
height:42px;
float:left;
margin-right:5px;
background-repeat:no-repeat;
background-position:left top;
cursor:pointer;
}
.giftcard-preset img {
display:none;
}



/* v-slider *************/
.v-slider {
position:relative;
border-top:1px solid #d2d2d2;
}

.v-slider .button-down {
width:40px;
height:40px;
position:absolute;
top:390px;
left:90px;
cursor:pointer;
background-image:url(/images/slider-down.png);
background-repeat:no-repeat;
background-position:-40px 0px;
}

.v-slider .button-down:hover {
background-position:0px 0px;
}

.v-slider .container {
overflow:hidden;
height:440px;
}

.v-slider .item {
border-bottom:1px solid #d2d2d2;
height:130px;
}

.v-slider .item .image {
border:0px solid #CCCCCC;
float:left;
margin-top:5px;
}

.v-slider .image img {
width:90px;
}

.v-slider .detail {
width:110px;
float:right;
margin-top:5px;
}

.v-slider .label {
padding-top:10px;
line-height:15px;
height:30px;
overflow:hidden;
font-weight:bold;
}

.v-slider .price {
line-height:20px;
padding-top:0px;
}

.v-slider .buy, .h-slider .buy {
padding-top:5px;
}


/* h-slider *************/
.h-slider {
position:relative;
height:120px;
}

.h-slider .button {
width:40px;
height:40px;
overflow:hidden;
position:absolute;
top:40px;
cursor:pointer;
background-repeat:no-repeat;
background-position:0px -40px;
}

.h-slider .button.left {
left:-10px;
background-image:url(/images/slider-left.png);
}

.h-slider .button.right {
right:-10px;
background-image:url(/images/slider-right.png);
}

.h-slider .button:hover {
background-position:0px 0px;
}

.h-slider .container {
height:150px;
padding-left:20px;
overflow:hidden;
}

.h-slider .item {
float:left;
width:200px;
margin:15px 0px 0px 15px;
}

.h-slider .item .image {
float:left;
width:80px;
}

.h-slider .image img {
width:80px;
}

.h-slider .detail {
width:115px;
float:right;
}

.h-slider .label {
padding-top:10px;
line-height:15px;
height:30px;
overflow:hidden;
font-weight:bold;
}

.h-slider .price {
line-height:20px;
padding-top:0px;
}


.cart-strip-getadeal {
height:26px;
background:#e5e5e5 url(/images/get-a-deal-strip-bg.png) no-repeat left top;
margin:10px 0px 5px 0px;
}

.cart-strip-getadeal .indent {
padding:0px 0px 0px 65px;
}

.cart-strip-deal {
height:26px;
background:#e5e5e5 url(/images/deal-strip-bg.png) no-repeat left top;
margin:10px 0px 5px 0px;
}

.cart-strip-deal .indent {
padding:0px 0px 0px 90px;
}

.cart-strip-getadeal .indent, .cart-strip-getadeal .indent *, .cart-strip-deal .indent, .cart-strip-getadeal .indent * {
color:#555;
font-size:10px;
font-weight:bold;
line-height:26px;
}

.cart-strip-savemore {
height:32px;
background:#cccccc url(/images/save-more-strip-bg.png) no-repeat left top;
margin:15px 0px 5px 0px;
}

.cart-strip-savemore .indent {
line-height:32px;
padding:0px 0px 0px 140px;
font-weight:bold;
font-size:12px;
color:#555;
}

.cart-strip-savemore .splitter {
display:inline;
margin:0px 10px 0px 10px;
}


.price .was {
margin-right:5px;
font-weight:normal;
color:#888;
text-decoration:line-through;
}

.price .now {
color:#c00;
font-weight:bold;
}



.cart-main {
width:700px;
float:left;
position:relative;
}

.cart-right {
width:230px;
float:right;
padding-top:10px;
}


.cartsteps {
position:absolute;
top:5px;
right:0px;
width:200px;
float:right;
text-align:right;
height:31px;
}

.cartsteps .item {
display:inline;
margin-left:3px;
}


.bright {
color:#f00;
}

#paging {
text-align:center;
height:20px;
}

#paging a, #paging span {
margin:0px 5px 0px 5px;
}

#paging span {
color:#666;
}

#paging .active {
color:#fff;
font-weight:bold;
}




#curtain {
position:fixed;
top:0px;
left:0px;
z-index:10000;
width:100%;
height:100%;
background:url(/images/shadow-tile.png);
}

#curtain-frame {
position:absolute;
z-index:10001;
width:960px;
top:10%;
left:50%;
margin-left:-480px;
}

#curtain-frame .content {
position:relative;
min-height:400px;
}

#curtain-frame.loading {
background:url(/images/ajax-loading.gif) no-repeat center 300px;
}