/****************************************
    Website Coded by Gelo Factory LLC
           All Rights Reserved
           (c)  Copyright 2008
         http://gelofactory.com/
****************************************/

@import url(global.css);
@import url(nav.css);

/* GENERAL */

#content {
    position: relative;
    width: 731px;
    margin: 0 auto;
    padding: 32px 0 10px;
    background: url(../_img/gl-content-bg.gif) no-repeat;
}

#content img {
    display: block;
    padding: 1px;
    border: 1px solid #e6e6e4;
}

#aside {
    float: left;
    display: inline;
    margin-left: 20px;
    width: 130px;
}

#main {
    margin: 0 20px 0 175px;
}

.col {
    float: left;
    width: 48%;
    margin: 6px 17px 0 2px;
}

#pagination {
    float: right;
}

#pagination li {
    float: left;
    padding: 0px 5px;
    font-size: 0.9em;
    line-height: 1em;
    text-transform: uppercase;
    border-right: 1px solid #85919A;
}

#pagination a {
    text-decoration: none;
    color: #85919A;
}

/* HOME */

.home #content {
    padding: 0;
    background-image: none;
}

.home #content img {
    margin: 0px auto 16px auto;
}

.home #news {
    background: #f7f7f6;
    width: 680px;
    text-align: center;
    height: 20px;
    margin: 25px auto 0;
    padding-top: 5px;
}

.home #ticker li {
    display: none; 
}

.home #ticker a {
    color: #666;
    font-size: 1.1em;
}

.home #footer {
    padding-top: 20px;
}

/* ABOUT */

.about #aside {
    width: 120px;
}

.about #main {
    min-height: 400px;
}

.about_text {
    border: none;
    width: 100%;
}

.about_text td {
    padding: 6px 6px 0 0;
    vertical-align: top;
    text-align: justify;
    font-size: 1.1em;
}

/* COLLECTIONS + DENIM */

.collections #content, .denim #content {
    height: 557px;
}

.collections #aside, .denim #aside {
    /*width: 70px;*/
    width: 120px;
    margin-top: 1px;
}

.collections #aside img, .denim #aside img {
    display: none;
}

.collections #main, .denim #main {
    margin-left: 100px;
}

.collections #main #img {
    margin-left: 75px;
}

/*
.collections #seasons, .denim #seasons {
    position: relative;
    width: 160px;
    display: none;
}

.collections #main .subnav, .denim #main .subnav {
    width: 160px;
    display: none;
}

.collections #main .subnav, .denim #main .subnav {
    width: 155px;
    margin-left: -2px;
    padding-left: 2px;
}

.collections #seasons h2, .denim #seasons h2 {
    margin-bottom: 8px;
    padding: 0 4px 8px;
    font-size: 1.1em;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 1px solid #f1f1f1;
}

.collections #seasons a, .denim #seasons a {
    text-decoration: none;
}

.collections #seasons a:hover, .denim #seasons a:hover {
    color: #666633;
}

.collections #seasons_menu, .denim #seasons_menu {
    position: absolute;
    background: url(../_img/gl-a-hover_trans-bg.png);
    display: none;
}

.collections #seasons.over #seasons_menu, .denim #seasons.over #seasons_menu {
    display: block;
    margin-top: -9px;
}

.collections #seasons.over, .denim #seasons.over {
    background: url(../_img/gl-a-hover_trans-bg.png);
}

.collections #seasons ul, .denim #seasons ul {
    width: 148px;
    padding: 0 6px;
    margin-bottom: 6px;
    float: left;
}

.collections #seasons, .denim #seasons {
    position: relative;
    width: 160px;
    display: none;
}

.collections #main .subnav, .denim #main .subnav {
    width: 160px;
    display: none;
}

.collections #main .subnav, .denim #main .subnav {
    width: 155px;
    margin-left: -2px;
    padding-left: 2px;
}
*/

#seasons_nav li {
    margin-bottom: 2px;
}

#seasons_nav .seas {
    font-size: 1.1em;
    font-weight: bold;
    text-transform: uppercase;
    color: #85919A;
}

#seasons_nav .selected {
    color: #000;
}

#seasons_nav li ul li a, #seasons_nav li ul li strong {
    font-weight: bold;
    text-transform: uppercase;
    color: #85919A;
}

#seasons_nav li ul li strong {
    color: #000;
}

#seasons_nav li ul li strong {
    padding-bottom: 4px;
}

#seasons_nav a {
    text-decoration: none;
}

#seasons_nav a:hover {
    color: #666633;
}

/*
.collections #seasons_menu, .denim #seasons_menu {
    position: absolute;
    background: url(../_img/gl-a-hover_trans-bg.png);
    display: none;
}

.collections #seasons ul, .denim #seasons ul {
    width: 148px;
    padding: 0 6px;
    margin-bottom: 6px;
    float: left;
}
*/

#seasons_nav li ul {
    margin-left: 15px;
}

#seasons_nav li ul li {
    padding-left: 5px;
}

#seasons_nav li ul li {
    width: 135px;
}

#seasons_nav li ul li ul li {
    width: auto;
}

#seasons_nav #indiv_pieces ul {
    display: none;
    position: absolute;
    margin-left: 130px;
    padding-right: 10px;
    z-index: 1;
    background: url(../_img/gl-a-hover_trans-bg.png);
}

#seasons_nav .selected, #seasons_nav .selected ul {
    background: url(../_img/gl-a-hover_trans-bg.png);
}

#seasons_nav .selected a {
    color: #000;
}

#seasons_nav .selected ul li a {
    color: #85919A;
}

#seasons_nav #indiv_pieces a span, #seasons_nav #indiv_pieces ul {
    display: none;
}

.collections #pagination, .denim #pagination {
    float: left;
    margin: 0 0 0 10px;
}

#full {
    position: absolute;
    top: 23px;
    right: 19px;
    width: 244px;
    text-transform: uppercase;
    font-size: .9em;
    display: none;
}

#full_img {
    height: 466px;
    border: 1px solid #E6E6E4;
    padding: 1px;
    margin-bottom: 4px;
}

#full_img_wrap {
    overflow: hidden;
    width: 240px;
    height: 466px;
}

#full_img_wrap img {
    padding: 0;
    border: none;
}

#full .zoom {
    float: right;
    width: 12px;
}

#full .zoom a {
    float: right;
    width: 12px;
    height: 0;
    padding-top: 12px;
    text-indent: -2000px;
    overflow: hidden;
    background: url(../_img/gl-a-zoom_in-bg.gif) no-repeat;
}

.closeup {
    margin: 0 8px 0 -80px !important;
    width: 680px !important;
}

#full .back {
    float: right;
    display: none;
}

#full .back a {
    text-decoration: none;
    color: #85919A;
}

#runway_video {
    position: absolute;
    top: 23px;
    right: 19px;
    width: 424px;
    height: 326px;
    display: none;
}

#thumbs {
    position: relative;
    width: 261px;
    height: 201px;
    margin-top: 200px;
    text-align: center;
    font-size: .9em;
    overflow: hidden;
    display: none;
}

#thumbs li {
    line-height: 0;
}

#thumbs img {
    float: left;
    margin: 0 6px 6px 0;
}

#thumbs p {
    margin-bottom: 6px;
}

#thumbs a {
    text-decoration: none;
    text-transform: uppercase;
    color: #85919A;
}

#thumbs span {
    position: absolute;
    top: 0;
    left: 88px;
    display: block;
    width: 80px;
    height: 152px;
    border: 1px solid #868686;
}

#thumb_nav {
    margin-top: 160px;
}

#thumb_nav a {
    display: block;
    position: absolute;
    top: 2px;
    width: 78px;
    height: 0;
    padding-top: 151px;
    text-indent: -2000px;
    overflow: hidden;
    background: url(../_img/dummy.png) 0 0 no-repeat; /* IE freaks without it... don't ask... */
}

#thumb_nav #prev a {
    left: 2px;
}

#thumb_nav #next a {
    right: 5px;
}

#thumb_nav #prev a:hover {
    background: url(../_img/gl-a-thumb_nav_prev-bg.png) 0 0 no-repeat;
}

#thumb_nav #next a:hover {
    background: url(../_img/gl-a-thumb_nav_next-bg.png) 0 0 no-repeat;
}

#thumbs_list {
    position: absolute;
    height: 161px;
    width: 0;
}

#see_all {
    display: none;
}

#see_all .back {
    float: right;
    font-size: 0.9em;
    text-transform: uppercase;
    margin: 0 17px 0 0;
}

#see_all .back a {
    text-decoration: none;
    color: #85919A;
}

#all_season {
    width: 698px;
    margin: 0 auto;
}

#all_season a {
    display: block;
}

#all_season span {
    border: 1px solid #E6E6E4;
    padding: 1px;
    width: 78px;
    height: 151px;
    float: left;
    margin: 0 6px 6px 0;
}

#all_season span.end {
    margin-right: 0px;
}

#all_season span span {
    border: none;
    padding: 0;
    margin: 0;
    width: auto;
    height: auto;
}

#all_season span span img {
    padding: 0;
    margin: 0;
    border: none;
    display: block;
}

/* DENIM */

.denim #wrap {
    background: url(../_img/collections-div-wrap_denim-bg.gif) 70px 250px no-repeat;
}

#item_grid {
    float: right;
    margin-top: -20px;
    width: 520px;
}

.denim #item_grid a {
    text-decoration: none;
}

.item {
    display: inline;
    width: 114px;
    height: 220px;
    float: right;
    margin-right: 16px;
}

.item p {
    text-align: center;
}

.item .fit_title {
    margin-bottom: 0;
}

/* DENIM DETAIL */

.denim #full {
    width: 284px;
}

.denim #full img {
    padding: 0;
    border: none;
}

#full_img_wrap {
    width: 280px;
}

.denim #thumbs span {
    height: 129px;
    left: 0;
}

.denim #thumbs {
    margin-top: 10px;
}

.denim #thumbs_list {
    height: 131px;
}

#thumbs p.thumbnav {
    margin-top: 140px;
}

#thumbs p.thumbnav a {
    white-space: nowrap;
    display: block;
}

#thumbs p.thumbnav a.selected {
    color: #000;
}

#thumb_description {
    display: none;
    margin: 90px 0 0 4px;
    width: 280px;
    height: 90px;
}

#thumb_description h3 {
    margin-bottom: 6px;
    font-size: 1em;
    font-weight: normal;
    text-transform: uppercase;
}

/* NEWS + PRESS */

.news #aside {
    width: 90px;
    margin-top: 1px;
}

.news #main {
    margin: 0 0 0 140px;
}

.article {
    clear: left;
    margin-bottom: 20px;
}

.article h2, .article p {
    font-size: 1em;
    margin-right: 24px;
    padding-left: 76px;
}

p.date {
    float: left;
    width: 72px;
    margin-right: 0;
    padding-left: 0;
    padding-right: 4px;
    color: #85919A;
}

.article h2 a {
    text-decoration: none;
}

.article h2 a:hover {
    background: url(../_img/gl-a-hover-bg.gif);
}

#press #main {
    margin: 0 0 0 130px;
}

#article_details {
    width: 338px;
    float: left;
    text-transform: uppercase;
}

#article_details img {
    margin-bottom: 6px;
}

#article_details .dl {
    float: right;
}

#article_details .dl a {
    color: #85919A;
    text-decoration: none;
}

#article_details .multipage {
    display: none;
}

/* STORE */

.stores #wrap {
    background: url(../_img/store-div-wrap-bg.jpg) center 100px no-repeat;
}

.stores #main {
    margin: 0 0 0 20px;
}

.stores h2 {
    margin-bottom: 6px;
    font-weight: normal;
    font-size: 1.1em;
    font-weight: bold;
    text-transform: uppercase;
    color: #85919A;
}

.stores h2 strong {
    background: url(../_img/gl-a-hover-bg.gif);
    color: #000;
}

.stores a {
    font-size: 1.1em;
    font-weight: bold;
    color: #85919A;
    text-decoration: none;
    text-transform: uppercase;
}

.stores a:hover {
    background: url(../_img/gl-a-hover-bg.gif);
    color: #666633;
}

.stores .choose {
    min-width: 50px;
    padding: 10px 1px;
}

.stores .states {
    width: 30px;
    float: left;
}

.stores .address {
    background: url(../_img/gl-a-hover-bg.gif);
    width: 166px;
    margin-right: 4px;
    float: left;
    font-size: 1.1em;
}

.stores .address .name {
    margin-bottom: 2px;
}

.stores .address .url {
    margin-top: 2px;
}

.stores .address .inven {
    font-size: 0.9em;
    margin-top: 8px;
    color: #85919a;
    font-style: italic;
}

.stores .address a {
    color: #000;
    text-transform: none;
    font-size: 0.9em;
}

.stores .address a:hover {
    text-decoration: none;
    color: #666633;
    background: none;
}

.stores .back {
    margin-top: 10px;
    margin-bottom: 30px;
}

.stores #loading {
    padding: 0;
    border: none;
}

#lyr #msg {
    margin: 8px 10px;
    font-size: 1.3em;
    line-height: 1.3em;
}

/* CONTACT */
.contact #main {
    background:transparent url(../_img/spacer.gif) no-repeat scroll 0 0;
    color:#FFFFFF;
    margin: 0 0 0 20px;
    padding: 40px 0 0 20px;
    height: 350px;
}
.contact #main ul {
    float: left;
    margin-bottom: 10px;
}
.contact .primary {
    float: left;
}
.contact .address {
    float: left;
    margin-right: 8px;
    width: 160px;
}
.contact #newsletter_email {
    font-size: .8em;
    color:#676767;
    padding-left:4px;
    width:160px;
}
.contact #newsletter_field a {
    padding-left:10px;
    text-decoration:underline !important;
}
.contact .address .name {
    margin-bottom:2px;
}
.contact .address .inven {
    /*color: #85919A;*/
    font-size: 0.9em;
    font-style: italic;
}
.contact .rag_bone_stores {
    float: left;
    margin-left: 36px;
}
.contact #message {
    font-size:1.1em;
    padding-bottom:3px;
}
.contact #main p strong {
    float:left;
    /*color: #85919A;*/
    width:150px;
    display:block;
}
.contact #main a {
    color: #fff;
    text-decoration: none;
}

.contact #main span {
    display: block;
    padding-left: 150px;
}

.contact #main strong {
    display: block;
    /*float: left;*/
    width: 150px;
    /*color: #ccc;*/
}

.countrystore {
    padding-left:250px;
}

.spacer {
    background: url(../_img/spacer.gif) no-repeat;
    width: 239px;
    height: 466px;
}

.login_vip #loginform p {
    color: #85919A;
    font-weight: bold;
}

.login_vip #loginform h3 {
    padding-bottom: 20px;
    font-size: 1.1em;
    color: #85919A;
    text-transform: uppercase;
}

.login_vip #loginform label {
    color: #85919A;
    padding-bottom: 5px;
}

.login_vip #loginform #username, .login_vip #loginform #password {
    color: #85919A;
    margin-bottom: 10px;
}

.login_vip #loginform #submit {
    font-size: 0.9em;
    text-transform: uppercase;
    color: #85919A;
    margin-top: 10px;
    padding: 0 6px;
}

.login_vip #loginform ul li {
    display: -moz-inline-block;
    font-weight: bold;
    width: 130px;
}

/* PHOTOS PAGE */

body.photos {
    background-image: url(../_img/gl-body-wide-bg.gif);
}

.photos #wrap {
    width: 1050px;
}

.photos #content {
    width: 1004px;
    background-repeat: repeat-x;
}

.photos #main {
    margin: 0;
    text-align: center;
}

.photos h2 {
  margin-bottom: 0.5em;
}