@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }
html { height: 100%; width: 100%; overflow: hidden; }

body {
    height: 100%;
    width: 100%;
    font-size: 81%;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #000;
}


img, a { border: none; outline: none; }

a, a:link, a:active, a:visited, a:hover { text-decoration: none; color: #fff; } 
a:hover { text-decoration: underline; }

fieldset { border: none; }

#bg,#bg table,#bg td, #bgmask{width: 100%; height: 100%; overflow: hidden; z-index: -1; }
#bgmask { background-color: #000; position:absolute; z-index:1; }
#bg div{position:absolute;width:200%;height:200%;top:-50%;left:-50%;}
#bg td{vertical-align:middle;text-align:center}
#bg img{min-height:50%;min-width:50%;margin:0 auto;}

#fg {position: absolute; width: 100%; height: 100%; padding: 10px 0 0 0; overflow: auto; z-index: 1000; }
#fginside { margin: 0 auto; width: 930px; padding: 0 0 40px 20px; height: 100%; }

#header {height: 125px; padding: 10px 0 0 0; }

#logo { float: left; }

#nav { width: 210px; float: left; font-size: 0.8em; font-weight: bold;  }
#nav a { text-decoration: none; }
#nav a:hover { text-decoration: none; color: #999; }

#nav ul li li.active a {  color: #999; }

#nav ul { list-style-type: none;  margin: 0; float: left; }
#nav ul.primary { width: 95px; }
#nav ul.secondary { width: 112px; }

#nav > ul > li { margin: 0 0 0.8em 0; text-transform: uppercase; }
#nav ul ul li { margin: 0; text-transform: capitalize; padding: 2px 0; }

#nav ul li ul { display: none; padding: 5px 0; margin: 0; float: none; }
#nav ul li.active ul { display: block; }
#nav ul li.active ul ul { display: none; }
#nav ul li.active ul li.active ul { display: block; }


#nav ul.secondary li.active a { background-color: #000; }

#content { width: 720px; margin: 0 0 0 210px; }




.product
    {
    float: left;
    display: inline; 
    background-color: #000;
    margin: 0 10px 20px;
    width: 100px;
    height: 185px;
    }

.big-product 
    {
    float: left;
    display: inline; 
    background-color: #000;
    margin: 0 10px 20px;
    width: 215px;
    height: 390px;
    position: relative;
    }

#featured { float: left; display: inline; margin: 0 10px 20px; width: 215px; height: 390px; background: #000 url(../images/ajax-loader.gif) no-repeat 50% 50%; }
#featured .big-product { margin: 0; }
.big-product h2 { display: none; }
.big-product .image { position: absolute; width: 215px; height: 390px; }
.big-product .image img { display: block; }
.big-product .overlay { display: none; position: absolute; width: 215px; height: 390px; cursor: pointer; z-index: 1001}
.big-product .info { position: absolute; top: 400px; font-size: 0.8em;}

.overlay .add-to-cart { background-color:#000000; display:block; height:40px; width:40px; position: absolute; bottom: 0; right: 0; text-align: center; line-height: 40px; font-size: 30px; }
.overlay .details {  }
.add-to-cart a:hover { text-decoration: none; }

.short-desc { background-color: #000; text-transform: uppercase; padding: 2px 3px 2px 2px; }
.price { background-color: #000; padding: 2px 3px 2px 2px; }
.long-desc { line-height: 1.6em; }




#brands .brand { width: 218px; height: 140px; background-color: transparent; float: left; margin: 0 10px 20px 10px; color: #000; font-size: 0.8em; }
#brands .brand .inside { width: 215px; height: 140px; background-color: #fff; overflow: hidden; }
#brands .brand .inside .image { padding: 0; margin: 0; width: 215px; float: left;}
#brands .brand .inside .image img { margin: 0 auto; display: block; }
#brands .brand.active .inside { z-index: 1 }
#brands .brand .text{ padding: 15px; margin-left: 215px; font-family: Georgia, Times, serif; }
#brands .brand .text .name { display: block; font-weight: bold; }
#brands .brand .text .region { display: block; font-style: italic; color: #7F7E80; line-height: 1.6em; }
#brands .brand .text p { width: 200px; color: #7F7E80; margin-top: 2em; }
#brands .brand a { background-color: #7F7E80; display: block; font-size: 1em;  padding: 0.2em 0.5em; margin-right: 3em; }




.currency { font-size: 1.2em; margin-right: 0.1em; }




#catalog .product, #catalog-big .product { cursor: pointer; }
#catalog #catalog-viewport { width: 480px; overflow: hidden; position: relative; }
#catalog #catalog-pager { width: 9999px; list-style: none; }
#catalog li.page { width: 480px; float: left; position: relative; overflow: hidden; margin: 0; padding: 0;}
#catalog .paginator { text-align: right; padding-right:15px; clear: both; }
#backButton, #forwardButton { display: block; width: 83px; height: 17px; float: right; }
#backButton span, #forwardButton span { display: none; }
#backButton { background: transparent url(../images/back-serif.png) no-repeat scroll 0 0; }
#forwardButton { background: transparent url(../images/forward-serif.png) no-repeat scroll 0 0; margin-left: 10px;}


#catalog-big #catalog-viewport { width: 705px; overflow: hidden; position: relative; height: 450px; }
#catalog-big #catalog-pager { width: 9999px; list-style: none; }
#catalog-big li.page { width: 705px; float: left; position: relative; overflow: hidden; height: 450px;  }
#catalog-big .paginator { text-align: right; padding-right:15px; clear: both; }

    
#lookbook ul { list-style: none; margin: 0; padding: 0; width: 100%; height: 390px; }
#lookbook ul li { display: block; float: left; width: 45px; height: 390px; margin: 0 10px; background-color: #000; overflow: hidden; }
#lookbook ul li .img { float: left; }
#lookbook ul li .info { margin-left: 215px; padding: 1em 1em 1em 2em; font-size: 10px; }
#lookbook ul li .num { margin: 1em 0 1em 1em; }
#lookbook .info .category { color: #5c5c5c;  display: block; text-transform: uppercase; margin: 15px 0 5px 0; }
#lookbook .info .brand { color: #a6a6a6; display: block; text-transform: capitalize; margin: 5px 0 5px 0; font-style: italic; font-family: Georgia, Times, serif; }


#cart-indicator { float: right; }
#cart-indicator a:hover {text-decoration: none;}
#cart-indicator span { letter-spacing: 0.3em; font-size: 0.9em; }
#cart-indicator span.text { letter-spacing: normal; font-size: 0.875em; } 
#cart-indicator img { vertical-align: middle; padding-bottom: 1px; }

#cart, #checkout { padding-bottom: 60px; }
#cart .top, #checkout .top { border-bottom: 1px dotted #fff; padding-bottom: 1.2em; }
#checkout .top { margin-bottom: 2em; overflow: auto; }

#checkout .breadcrumbs { list-style: none; overflow: auto; margin: 0.6em 0 0.8em 2em; }
#checkout .breadcrumbs li { float: left; margin-right: 1em; text-transform: uppercase; font-size: 0.8em; }
#checkout .breadcrumbs li a { color: #ccc; }
#checkout .breadcrumbs li.active a { color: #fff; } 

#checkout .price { font-family: Georgia, Times, serif; font-style: italic; }

#checkout .bottom { border-top: 1px dotted #fff; margin-top: 2em; clear: both; }
#cart h1, #checkout h1, #faq h1 { display: block; font-size: 2.4em; font-family: Georgia, serif; font-weight: normal; }
#checkout h2, #faq h2 { font-family: Georgia, serif; font-size: 1.6em; font-style: italic; font-weight: normal; margin-bottom: 4px; border: none; }
#checkout h2 a { font-size: 12px; color: #ccc; }

#checkout .top p { font-family: Georgia, serif; font-size: 1.6em; font-style: italic; margin: 0.3em 0 0.8em; }
#cart .title .count, #checkout .title .count { font-weight: bold; }
#cart .top .price { font-size: 1.6em; font-family: Georgia, serif; font-style: italic; margin: 0.3em 0 0.8em; background: transparent; padding: 0;}
#cart .buttons, #checkout .buttons { overflow: auto; margin: 1.2em 0 0 0;}
#cart .buttons a, #checkout .buttons a { display: block; float: left; font-size: 0.8em; color: #000; background-color: #b1e4ff; padding: 0.2em 0.5em; margin-right: 3em;}

ol.cart li { float: none; display: block; margin: 0; background: transparent; padding: 1.4em 0; border-bottom: 1px dotted #fff; height: auto; width: auto; font-size: 0.8em;}
ol.cart li.hover { background: transparent url(../images/black-op-60.png) repeat 0 0; }
ol.cart li img { float: left; margin: 0 }
ol.cart li .price, #product .price { font-size: 1.2em; margin: 0; font-style: italic; }
ol.cart li .price .currency, #product .price .currency { font-size: 1.2em; margin-right: 0.1em; }
ol.cart li .price { margin-left: 22px; }
ol.cart li .short-desc {margin-left: 22px; }
ol.cart li .long-desc { width: 240px; display: block; margin: 2em 0 0 122px; font-family: Georgia, serif; } 
ol.cart li .remove { float:right; padding: 1.6em 1em; background: #fff; margin-top: -1.4em;}
ol.cart li .remove a { color: #000; }
ol.cart li p { margin-left: 122px; }
ol.cart li .sizing { margin-top: 1.6em; font-family: Georgia, Times, serif;  }
ol.cart li .sizing-grid { margin-left: 122px; }
ol.cart li .sizing-grid li { padding: 0; border: none; font-size: 1em; }

 
#product .big-product{ width: 325px; height: 500px; margin: 0 25px 0 10px;}
#product .big-product .overlay { width: 325px; height: 500px;  display: none;}
#product .big-product .overlay .detailed { display: block; height: 20px; background-color: #000; }
#product .info { margin-left: 360px; height: 295px; padding-bottom: 20px; font-family: Georgia, serif; line-height: 1.4em; font-size: 0.8em; }
#product .info a { font-family: Helvetica, Arial, sans-serif; text-transform: uppercase; padding: 0.2em 0.5em; background-color: #000; font-style: italic; }
#product .info p { margin-bottom: 1em; }
#product .image img { position: absolute; }

#product .short-desc { font-family: Helvetica, Arial, sans-serif; }
#product .long-desc { margin: 3em 0; width: 240px;  }
#product .gallery { margin-left: 235px; height: 185px; }
#product .gallery .pic { float: left; margin-right: 2em; width: 100px; height: 185px; }
#product .sizing-grid { margin-bottom: 3em; }
#product .cart-status { margin-bottom: 1em; }



ul.sizing-grid { list-style: none; overflow: auto; }
ul.sizing-grid li { display: block; float: left; margin: 5px 10px 0 0; background-color: #B1E4FF; width: 24px; height: 24px; padding: 2px !important; cursor: pointer; font-size: 1em; text-align: center; line-height: 20px; color: #000; font-family: Georgia, Times, serif}
/* ul.sizing-grid li.enabled { background-color: #20313B; } */
ul.sizing-grid li.selected { background-color: #20313B;  color: #fff; }

#locations { padding-bottom: 60px; height: 550px; }
#locations .gallery { float:left; width: 590px; } 
#locations .gallery img { position: absolute; }
#locations .contact { font-size: 0.9em; margin-left: 590px; line-height: 1.5em; }
#locations dt { text-transform: uppercase; padding-bottom: 0.2em; display: none; }
#locations dd { font-family: Georgia, serif; font-style: italic; margin-bottom: 10px; }





#flashMessenger
    {
    font-family: Georgia, Times, serif;
    font-style: italic;
    font-size: 2em;
    text-align: center;
    color: #fff;
    z-index: 3000;
    background-color: #000;
    padding: 12px;
    }

#flashMessenger .top { display: none; }



#tooltip {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    position: absolute;
    z-index: 3000;
    border: none;
    background-color: #000;
    color: #fff;
    padding: 5px;
    opacity: 0.7;
}

#tooltip h3, #tooltip div { 
    margin: 0;
    color: #fff;
    font-size: 10px;
    font-family: Georgia, Times, serif;
    font-style: italic;
    letter-spacing: 1px;
    font-weight: normal;
}




#debugging {
    font-family: monospace;
    padding: 1em;
    background-color: #333;
    color: #fff;
    position: absolute;
    bottom: 0;
    height: 100px;
    overflow: scroll;
}


label { display: block; }





#faq { font-family: Georgia, Times, serif;  }
#faq h1 { margin-bottom: 12px; }
#faq ul { padding-left: 40px; margin-bottom: 12px; }
#faq ul li { padding: 2px 0; }
#faq dl { margin: 40px 0; }
#faq dl dt { font-style: italic; font-size: 1.2em; margin: 0; padding: 0; }
#faq dl dd { padding: 4px 0 4px 8px; margin-bottom: 20px; line-height: 1.6em; color: #ccc; }
    
/* Checkout forms */

#checkout form { border: none; }

#checkout #columnA { float: left; width: 480px; }
#checkout #columnB { width: 220px; margin-left: 500px; }

#checkout #columnB .howto { font-family: Georgia, Times, serif; font-size: 0.9em; font-style: italic; line-height: 1.4em; }

 
 
#checkout input, #checkout select {
    padding: 2px 4px; 
    font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif;
    font-size: 13px;   
    width: 16em; 
    margin-bottom: 7px;
    background: #fef1ec url(../images/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x; 
    
    border: 1px solid #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

#checkout input.error { margin-bottom: 2px; border: 1px solid #cd0a0a; }

#checkout div.input input { width: 96%; }

#checkout fieldset { border: none; margin: 0 0 2em 0; border-bottom: 1px dotted #fff; padding: 0 0 1em 0; }
#checkout fieldset legend { display: none; border: none; }
#checkout label, #checkout dl dt { font-size: 0.875em; }

#checkout dd { margin-bottom: 7px; }
#checkout dl { margin: 0 0 2em 0; padding: 0 0 1em 1em; border-bottom: 1px dotted #fff; }

#checkout p { margin-bottom: 1em; font-family: Georgia, Times, serif; font-size: 0.9em; line-height: 1.4em; }

#checkout #total { position: fixed; bottom: 10px;  }
#checkout #total dl { border-bottom: none; }

#checkout dl.howto { padding: 0 0 1em 0; }
#checkout dl.howto dt { font-style: normal; font-size: 1em; margin: 2em 0 5px 0; }
#checkout dl.howto dd { color: #ccc; }
#checkout dl.howto ul { padding-left: 40px; }
#checkout dl.howto a { text-decoration: underline; }

#checkout .inline { clear: left; overflow: auto; }
#checkout .inline div { float: left; margin-right: 15px; width: 218px; }

#checkout .errors { 
    list-style: none; 
    font-size: 0.875em; 
    margin-bottom: 7px;
    border: 1px solid #cd0a0a; 
    background: #fef1ec url(../images/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x; 
    color: #cd0a0a;
    padding: 2px 4px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

#checkout .submit { overflow: auto; }
#checkout .submit input { cursor: pointer; }
#checkout .submit .primary { float: right; background: #b1e4ff; border: none; }
#checkout a.button { 
    background: #b1e4ff;
    padding: 3px 6px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif;
    font-size: 13px;   
    width: 16em; 
    color: #000;
 }

#checkout #cardCvd { width: 3em; }

#checkout #cardExp input { width: 2em; }
#checkout #cardExp div { float: left; width: auto; }
#checkout #cardExp .errors { display: none; }