/****************************************************
*
*   Company: Preloaded
*
*   Client: Gap
*
*   Stylesheet: Layout
*
*   Date Updated: 17/09/09
*
*   Document formatting --> Soft Tabs (Size 4)
*
****************************************************/

html {
    height: 100%;
    background-color: #FFFFFF;
}

body {
    display: block;
    position: relative;
}

.center {
    margin: 0px auto;
    clear: both;
}

/* Header
--------------------*/
a.siteLogo {
    float: left;
}

#head {
    width: 920px;
    padding: 20px 0;
}
#head img { }

#head ul {
    float: right;
}

#head ul li {
    float: left;
    line-height: 17px;
    padding: 20px 0;
    margin-left: 10px;
}

#head ul li a {
    padding: 5px 10px;
    display: block;
}

#head ul li.on a,
#head ul li a:hover {
    border: 0px none;
    text-decoration: none;
}

/* Footer
--------------------*/
#foot {
    padding: 10px 0 100px 0;
    margin-top: 40px;
    border-top: 1px solid #d9d8d0;
    width: 960px;
}

#foot ul {
    position: relative;
    display: inline;
    float: right;
    padding-right: 5px;
}

#foot ul li {
    position: relative;
    display: inline;
    float: left;
    border-right: 1px solid #d9d8d0;
}

#foot ul li a { margin: 0 15px; }
#foot span {
    float: left;
    padding-left: 20px;
}

/* Site wide navigation
--------------------*/
#sites-nav,
#sites-nav ul li,
#sites-nav ul li a,
#sites-nav ul li a span {
    position: relative;
    display: inline;
    float: left;
}

#sites-nav {
    width: 100%;
    background: #F0F0EF url('../site_images/site_nav/bg_sitesNav.gif') left bottom repeat-x;
}

#sites-nav ul {
    width: 920px;
}

#sites-nav ul li {
    margin: 0 10px 0 0;
    background: url('../site_images/site_nav/sitesNav_left.png') left top no-repeat;
}

#sites-nav ul li a {
    line-height: 1.6em;
    padding: 8px 10px 6px 0;
    margin: 0 0 0 6px;
    background: url('../site_images/site_nav/sitesNav_right.png') right top no-repeat;
}

#sites-nav ul li.on { background-position: left bottom; }
#sites-nav ul li.on a { background-position: right bottom; }

#sites-nav ul li a span {
    width: 16px;
    height: 16px;
    margin: 0 6px 0 3px;
    background: url('../site_images/site_nav/sitesNav_logo.png') 0 0 no-repeat;
}

#sites-nav ul li a#sitesBR span {
    background-position: -26px 0;
    width: 26px;
}

#sites-nav ul li.on a#sitesBR span { background-position: -61px 0; }
/* end site wide nav */


/* Columns
--------------------*/
#col-right {
    float: left;
    width: 280px;
    padding: 0 20px 20px 20px;
}

#col-left {
    position: relative;
    display: inline;
    float: left;
    width: 300px;
    padding: 0;
    margin: 0 0 50px 0;
}

#content {
    display: block;
    clear: both;
    width: 960px;
	margin-top:20px;
}

#main-content {
    float: right;
    width: 619px;
    margin: 0 0 19px 0;
    padding-left: 20px;
    border-left: 1px solid #E0DED6;
}

.main-content-inner {
    padding-left: 20px;
}

#seen #main-content
{
    float: right;
    width: 620px;
    margin-left: 0;
}
/* end columns */


/* Generic side module
--------------------*/
.side-content-item {
    border-bottom: 1px solid #E0DED6;
}
.side-content-item {
    margin-bottom: 20px;
    padding-bottom: 20px;
}
/* end */


/* Home
--------------------*/

#home a.promo-link {
    display: block;
    float: left;
    width: 650px;
    height: 459px;
    margin-bottom: 0;
}
#home a.promo-link:hover {
    text-decoration: none;
}

/* Homepage hero image */
#home #content {
    position:relative;
    overflow:hidden;
    height: 493px;
}

#home #content #heroes {
    position:absolute;
    top:0;
    left:0;
    z-index:0;
}

#home #content #col-right {
    position:absolute;
    margin:0;
    padding:0;
    bottom:20px;
    right:20px;
}

#home .feature {
    position:relative;
    zoom:1;
    background: #fff;
    padding: 10px;
    margin-top: 22px;
    border: 1px solid #e4e4e4;
    z-index:99;
}

#home .featureStella {
    position:relative;
    zoom:1;
    /*background: #fff;*/
    padding: 10px;
    margin-top: 22px;
    /*border: 1px solid #e4e4e4;*/
    z-index:99;
}
    
#home .feature .button {
    float: right;
    margin: 2px 0 2px 0;
}

/* Homepage email signup box */
#home .sign-up-feature form {
    border-top: none;
    padding-top: 5px;
}
#home .sign-up-feature form p { 
    padding-bottom: 5px;
}
#home .sign-up-feature form input {
    background: #fff url('../site_images/bg_input.png') 0 0 repeat-x;
    border: 1px solid #d1d0cb;
    padding: 4px;
    width: 168px;
}
#home .sign-up-feature form input.submit {
    background-image: none;
    background-color: #012A60;
    border: none;
    padding: 4px;
    width: 70px;
    position: relative;
}

#home .sign-up-feature form input.submit:hover {
    background-color: #000;
}

#home .sign-up-feature .form_submit input {
    float: left;
}
#home .sign-up-feature .form_submit input.submit {
    margin-left: 10px;
}
/* end signup */

#home .feature h2,
.feature h1 {
    padding: 0;
}

#home #first-block {
    position:absolute;
    display: block;
    bottom: 8px;
    left: 15px;
    width: 600px;
}
/* end home */

/* About
--------------------*/
#hero-promo {
    margin-bottom: 30px;
}

/* News
--------------------*/
#news #hero-promo-denim {
    height: 410px;
}

.side-block {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d9d8d0;
    width: 100%;
}

.side-block img {
    float: left;
    margin-right: 20px;
}

.news-hero {
    position: relative;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #d9d8d0;
}

.news-hero img { margin-bottom: 2em; }

/* Columns */
#news #col-1 {
    width: 250px;
    float: left;
    padding: 15px 15px 0 15px;
    border: 1px solid #D9D8D0;
    background-color: #F0F0EF;
    color: #000;
}

#news #col-1 h3,
#news #col-2 h3 {
    font-size: 1.3em;
    margin-bottom: 10px;
    color: #012A60;
}

#news #col-1 strong,
#news #col-2 strong {
    padding-bottom: 5px;
}

#news #col-1 ul,
#news #col-2 ul {
    padding-bottom: 15px;
}
#news #col-2 {
    width: 250px;
    float: right;
    padding: 15px 15px 0 15px;
    border: 1px solid #D9D8D0;
    color: #000;
    background-color: #F0F0EF;
}

/* News nav */
#news-nav {
    border-top: 1px solid #d9d8d0;
}

#news-nav li {
    border-bottom: 1px solid #d9d8d0;
}

#news-nav li a.news-item {
    display: block;
    padding: 10px 5px;
    margin-bottom: 0;
    font-size: 1em;
}

.item-1 .item-1,
.item-2 .item-2,
.item-3 .item-3,
.item-4 .item-4,
.item-5 .item-5,
.item-6 .item-6,
.item-cheerfactory .item-cheerfactory,
#news-nav li a.news-item:hover {
    background-color: #F0F0EF;
    text-decoration: none;
}

#news-nav span {
    padding-bottom: 3px;
    font-size: 1.2em;
    display: block;
}

#news-nav span.news-nav-header {
    font-size: 1.3em;
    font-weight: bold;
    color: #012A60;
}

/* Promo gallery 
#promo-nav {
    width: 100%;
}
#promo-nav a {
    margin: 0;
}
#promo-nav td#next,
#promo-nav td#prev {
    width: 10%;
}
#promo-nav a#promo-next {
    background: url('../site_images/icons/promo_nav_arrow_next.png') no-repeat top left;
    width: 31px;
    height: 31px;
    float: right;
    text-indent: -9999px;
}
#promo-nav a#promo-next:hover {
    background: url('../site_images/icons/promo_nav_arrow_next.png') no-repeat left -62px;
}

#promo-nav a#promo-prev {
    background: url('../site_images/icons/promo_nav_arrow_prev.png') no-repeat top left;
    width: 31px;
    height: 31px;
    float: left;
    text-indent: -9999px;
}
#promo-nav a#promo-prev:hover {
    background: url('../site_images/icons/promo_nav_arrow_prev.png') no-repeat left -62px;
}

#promo-nav #promo-pager {
    width: 78%;
    text-align: center;
}
#promo-nav #promo-pager a {
    display: inline-block;
    background: url('../site_images/icons/promo_nav_bullet.png') no-repeat top left;
    width: 31px;
    height: 31px;
    text-indent: -9999px;
}
#promo-nav #promo-pager a:hover {
    background: url('../site_images/icons/promo_nav_bullet.png') no-repeat left -62px;
}
#promo-nav #promo-pager a.activeSlide {
    background: url('../site_images/icons/promo_nav_bullet.png') no-repeat left -62px;
}
*/
/* Promo gallery */
#promo-nav {
    text-align: center;
    margin-top: 10px;
}
#promo-nav-inner {
    width: 434px;
    margin: 0 auto;
}
#promo-nav a {
    margin: 0;
}
#promo-nav a#promo-next {
    background: url('../site_images/icons/promo_nav_arrow_next.png') no-repeat top left;
    width: 31px;
    height: 31px;
    float: left;
    text-indent: -9999px;
}
#promo-nav a#promo-next:hover {
    background: url('../site_images/icons/promo_nav_arrow_next.png') no-repeat left -31px;
}

#promo-nav a#promo-prev {
    background: url('../site_images/icons/promo_nav_arrow_prev.png') no-repeat top left;
    width: 31px;
    height: 31px;
    float: left;
    text-indent: -9999px;
}
#promo-nav a#promo-prev:hover {
    background: url('../site_images/icons/promo_nav_arrow_prev.png') no-repeat left -31px;
}

#promo-nav #promo-pager {
    float: left;
    padding-bottom: 0;
}
#promo-nav #promo-pager a {
    float: left;
    background: url('../site_images/icons/promo_nav_bullet.png') no-repeat top left;
    width: 31px;
    height: 31px;
    text-indent: -9999px;
}
#promo-nav #promo-pager a:hover {
    background: url('../site_images/icons/promo_nav_bullet.png') no-repeat left -31px;
}
#promo-nav #promo-pager a.activeSlide {
    background: url('../site_images/icons/promo_nav_bullet.png') no-repeat left -31px;
}

/* Cheer Factory */
.item-cheerfactory #hero-promo {
    margin-bottom: 10px;
}
#cheer-factory-thumbs {
    list-style-type: none;
}
#cheer-factory-thumbs li {
    list-style-type: none
    display: block;
    float: left;
    width: 128px;
    min-height: 136px;
    _height: 136px;
    margin: 6px;
}

#cheer-factory-thumbs li a {
    display: block;
    padding: 4px;
    margin: 0 0 3px 0;
    background-color: rgb(217, 216, 208);
}

#cheer-factory-thumbs li a:hover,
#cheer-factory-thumbs li.active a {
    background-color: rgb(207, 26, 38);
}

/* end news */

/* Social Links
--------------------*/
#main-content .social ul {
    margin-bottom: 10px;
    padding-left: 0;
    border-bottom: 1px solid rgb(224, 222, 214);
}
#main-content .social li {
    list-style-type: none;
    float: left;
    margin: 0 5px;
}
#main-content .social li.first {
    margin-left: 0;
    font-size: 1.4em;
    font-weight: bold;
}
#main-content .social li a {
    display: inline-block;
}

/* Flash switcher
--------------------*/
.switch_active {
    display: inline-block;
}
.switch_inactive {
    display: none;
}

/* Personal Styling
--------------------*/

#personal-styling form {
    margin-bottom: 20px;
}

.privacy_sub {
    font-size: 1.1em;
}

#personal-styling form label {
    width: 120px;
}
    

/* end personal styling */

/* Stores
--------------------*/
form#store-finder {
    padding-top: 0;
}
#store-finder input#address {
    width: 270px;
    background: #fff url('../site_images/bg_input.png') 0 0 repeat-x;
    border: 1px solid #d1d0cb;
    padding: 4px;
}

#store-finder label {
    width: 100%;
    margin-bottom: 10px;
    font-weight: bold;
}

#store-finder div {
    width: 100%;
}

#store-finder .error {
    display: block;
    margin-bottom: 10px;
}
#store-finder ul li  {
    display: block;
    margin-bottom: 2px;
}
#store-finder ul li label {
    float: none;
    font-size: 1.2em;
    font-weight: normal;
}

#store-finder ul li input {
    float: left;
    margin-right: 10px;
}

#stores ol { border-top: 1px solid #e0ded6; }

#stores ol li {
    border-bottom: 1px solid #e0ded6;
    position: relative;
    display: inline;
    float: left;
    width: 100%;
    padding: 5px 0;
}

#stores ol li a.button {
    float: right;
    margin-right: 0;
}

#stores ol li span {
    float: left;
    font-size: 1.2em;
    line-height: 1.55em;
    padding: 3px 0;
    width: 205px;
}

#stores ol li span a { font-size: 1em; }

#map_canvas {
    width: 620px;
    height: 340px;
}

#stores #main-content .store-hours ul {
    list-style: none;
    width: 185px;
    padding: 0;
    border-bottom: 1px solid #e0ded6;
}

#stores #main-content .store-hours ul li {
    border-top: 1px solid #e0ded6;
    text-align: right;
    line-height: 20px;
}

#stores #main-content .store-hours ul li span { float: left; }
/* end stores */


/* As Seen In
--------------------*/
#seen #col-left a { margin: 0 1em; }

#seen #col-left a img {
    margin-bottom: 20px;
    border: 3px solid #fff;
}

#seen #col-left a:hover img { border: 3px solid #000; }

#seen #col-left a.on img {
    margin-bottom: 20px;
    border: 3px solid #0094CE;
}

#seen #col-left a .tag { display: none; }

#seen #imgContainer {
    position: relative;
    display: block;
    width: 620px;
    height: 479px;
    overflow: visible;
}

#seen #imgContainer img {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    z-index: 1;
}

#seen #imgContainer .tag {
    position: absolute;
    display: none;
    border: 3px solid #072b5d;
    background: #fff;
    z-index: 3;
    padding: 12px;
    opacity: 0.8;
}

#seen #imgContainer .tag span {
    position: relative;
    display: block;
    clear: both;
    width: 120px;
    font-size: 1.2em;
    color: #012a60;
}

#seen #imgContainer .tag .title {
    font-size: 1.6em;
    width: 90px;
}

#seen #imgContainer .tag .price {}

#seen #imgContainer .tag .desc {
    color: #7a736d;
    padding: 10px 0;
}

#seen #imgContainer .tag .arrowRight,
#seen #imgContainer .tag .arrowLeft {
    position: absolute;
    display: block;
    width: 16px;
    height: 24px;
    bottom: 10px;
}

#seen #imgContainer .tag .arrowTop,
#seen #imgContainer .tag .arrowBottom {
    position: absolute;
    display: block;
    width: 24px;
    height: 16px;
    left: 10px;
}

#seen #imgContainer .tag .arrowRight {
    right: -16px;
    background: url('../site_images/seenIn_arrowRight.png') -1px 0 no-repeat;
}

#seen #imgContainer .tag .arrowLeft {
    left: -16px;
    background: url('../site_images/seenIn_arrowLeft.png') 1px 0 no-repeat;
}

#seen #imgContainer .tag .arrowTop {
    top: -16px;
    background: url('../site_images/seenIn_arrowTop.png') 0 1px no-repeat;
}

#seen #imgContainer .tag .arrowBottom {
    bottom: -16px;
    background: url('../site_images/seenIn_arrowBottom.png') 0 -1px no-repeat;
}
/* end */

/* Mailing List
--------------------*/
#mailing-list form {
    border-top: none;
    padding-top: 0;
    width: 430px;
}
#mailing-list form p {
    display: block;
}
#mailing-list form p.text label {
    float: left;
    width: 150px;
}
#mailing-list form p.text input {
    float: right;
    background: #fff url('../site_images/bg_input.png') 0 0 repeat-x;
    border: 1px solid #d1d0cb;
    padding: 4px;
    width: 250px;
}

#mailing-list form p.select label {
    width: 150px;
}
#mailing-list form p.select select {
    float: right;
    width: 120px;
    margin-left: 10px;
}

#mailing-list form p.checkbox strong {
    margin-bottom: 10px;
    display: block;
}
#mailing-list form p.checkbox input {
    float: left;
}

#mailing-list form .radio-buttons {
    margin-bottom: 15px;
}
#mailing-list form .radio-buttons span {
    float: left;
    display: block;
    width: 170px;
    font-size: 1.2em;
}
#mailing-list form .radio-buttons div {
    float: left;
    width: 250px;
}
#mailing-list form .radio-buttons div label {
    font-size: 1.1em;
    margin-right: 10px;
}

#mailing-list form ul {
    list-style: none;
}

#mailing-list form ul li {
    margin-left: -20px;
}

#mailing-list form em {
    color: #6D6A65;
    float: left;
    width: 120px;
}

#mailing-list form fieldset {
    border-bottom: 1px solid #d1d0cb;
    margin-bottom: 15px;
}

#mailing-list form button {
    float: left;
    padding: 3px 10px;
    border: none;
    cursor: pointer;
}

/* Common elements
--------------------*/
.address p {
    font-weight: bold;
    margin-bottom: 3px;
    padding-bottom: 0;
}
/* end*/


/* Hacks and filters
--------------------*/

/* Clearifx */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */