/****************************************************
*
*   Company: Preloaded
*
*   Client: Gap
*
*   Stylesheet: Reset
*
*   Date Updated: 17/09/09
*   
*   Document formatting --> Soft Tabs (Size 4)
*
****************************************************/
* {
    margin: 0px;
    padding: 0px;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    margin: 0;
    padding: 0;
    font-size: 100%;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset,img, img a { border: 0; }

address,caption,cite,code,dfn,em,strong,th,var {
    font-style: normal;
    font-weight: normal;
}

ol,ul { list-style: none; }
caption,th { text-align: left; }

h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: normal;
}

abbr,acronym { border: 0; }
q:before,q:after { content: ''; }
:focus { outline: 0; }

/* clear float */
.clear {
    position: relative;
    display: block;
    clear: both;
}

body { font: 62.5%/1.6 Arial, Helvetica, sans-serif; }

h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: normal;
}

a:link { }
a:visited { }
a:hover { }
a:active { }


/* Common Forms
--------------------*/
form {
    border-top: 1px solid #e0ded6;
    padding-top: 20px;
}

form p label {
    float: left;
    width: 150px;
}

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: 150px;
}

form p.select select {
    float: right;
    width: 150px;
}

form em {
    color: #012A60;
}

form button, 
input.submit {
    float: right;
    background: #FF291F;
    color: #fff;
    padding: 3px 10px;
    border: none;
    cursor: pointer;
}

form p.error {
    padding-bottom: 0;
    color: #F00;
}

form .error {
    color: #F00;
}

.noB { border: 0px none !important; }

.bdB {
    border-bottom: 1px solid #e0ded6;
    margin-bottom: 20px;
}

.bdT {
    border-top: 1px solid #e0ded6;
    margin-top: 20px;
}

.flR { float: right; }
.flL { float: left; }


/* Button positions for icons
--------------------*/
.details {
    background: url('../site_images/gap_sprite.png') -12px -289px no-repeat;
    padding-left: 12px;
}

.details:hover { background-position: -12px -258px; }

.button {
    position: relative;
    display: inline-block;
    cursor: pointer;
    font-size: 1.1em;
    padding: 3px 10px 3px 30px;
    margin: 2px 10px 2px 0;
    background: #999 url('../site_images/gap_sprite.png') 50px 50px no-repeat;
    color: #fff;
    text-transform: capitalize;
}

.button:hover { text-decoration: none; }
#main-content .button { margin-bottom: 1.818em; }

.film { background-position: 0 -129px; }
.film:hover { background-position: 0 -160px; }

.collection { background-position: 0 -6px; }
.collection:hover { background-position: 0 -37px; }

.map { background-position: -3px -192px; }
.map:hover { background-position: -3px -223px; }

.looks { background-position: -3px -192px; }
.looks:hover { background-position: -3px -223px; }

.arrow { 
    background-position: -3px -68px;
    padding-left: 23px;
}
.arrow:hover { background-position: -3px -99px; }