/* Zeroing */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset
{
	margin: 0;
	padding: 0;
}


/* Main elements */
body 
{
    background-image:url(../images/squareRepeat.jpg);
    font-family:Arial;
}
h1 
{
    font-size:12px;
    color:#9D8D85;
}
p 
{
    font-size:11px;
    color:#9D8D85;
}
a 
{
    color:#9D8D85;
    text-decoration:none;
    font-weight:bold;
    outline:none;
}
img
{
    border:none;
}


/* Structural */
#wrapper 
{
    width:880px;
    margin:65px auto 65px auto;
    background-color:#FFFFFF;
    padding: 35px;
    position:relative;
}
#header
{
    margin-bottom:18px;
}
#logo
{
    float:left;
    width:303px;
    padding-right:25px;
    background-color:#FFFFFF;
}
#navigation
{
    height:34px;
    background-color:#D6CDBC;
    margin-bottom:3px;
}
#breadcrumb a
{
    text-decoration:none;
    font-size:11px;
    font-weight:bold;
    color:#D6CDBC;
    margin:0px;
    padding:0px;
    text-transform:uppercase;
}
    #breadcrumb .breadcrumbCurrent
    {
        font-size:11px;
        color:#9B8C85;
    }
#footer 
{
    padding-top:30px;
    clear:both;
}
#infoMenu ul
{
    list-style:none;
}
    #infoMenu li 
    {
        float:left;
        font-size:10px;
        display:inline-block;
    }
    #infoMenu li a 
    {
        text-decoration:none;
        font-weight:bold;
        color:#9D8D85;
        padding:1px 5px 1px 5px;
        border-left:solid 1px #9D8D85;
    }
    #infoMenu li a.infoMenuFirstItem
    {
        border-left:none;
    }
    #infoMenu li a:hover
    {
        color:#FFFFFF;
        background-color:#9D8D85;
    }
    .infoMenuUp 
    {
        color:#FFFFFF;
        background-color:#9D8D85;
    }
#credits 
{
    float:right;
    padding-top:2px;
}
#socailLogosCollection 
{
    width:140px;
    position:absolute;
    left:40px;
    top:470px;
}
#socailLogosDetails
{
    width:140px;
    position:absolute;
    left:40px;
    top:645px;
}



/* Shop elements */
#lookBookMenu 
{
    list-style:none;
    float:right;
    padding-bottom:10px;
}
    #lookBookMenu li
    {
        float:left;
        padding-left:10px;
    }
    #lookBookMenu li a 
    {
        font-size:19px;
        font-weight:normal;
        color:#D2C8B7;
    }
    #lookBookMenu li a:hover
    {
        color:#FF007B;
    }
    #lookBookMenu li a.current
    {
        color:#FF007B;
        font-weight:bold;
    }
#shopFront 
{
    clear:both;
}
#lookBookDescription 
{
    float:left;
    text-transform:uppercase;
    width:140px;
}
    #lookBookDescription h1
    {
        font-size:18px;
    }
    #lookBookDescription h2
    {
        font-size:18px;
        color:#D2C8B7;
    }
    #lookBookDescription a
    {
        display:block;
        font-size:12px;
        font-weight:bold;
        color:#FF007B;
        padding-top:35px;
    }
#detailsDescription 
{
    float:left;
    width:310px;
}
    #detailsDescription h1
    {
        font-size:18px;
        text-transform:uppercase;
    }
    #detailsDescription h2
    {
        font-size:18px;
        color:#D2C8B7;
        text-transform:uppercase;
    }
    #detailsDescription p.measurements
    {
        font-weight:bold;
    }
    #detailsDescription p.price
    {
        font-size:20px;
    }
    #detailsDescription a
    {
        display:block;
        font-size:12px;
        font-weight:bold;
        color:#FF007B;
        padding-top:35px;
    }
#shopContent 
{
    width:720px;
    margin-left:160px;
    min-height:385px;
}
    * html #shopContent {
        margin-left:150px;
        height:385px;
    }
    #shopContent.lookBook 
    {
        height:480px;
        background-image:url(../images/ajax-loader.gif);
        background-position:center;
        background-repeat:no-repeat;
    }
    #shopContent.details 
    {
        width:552px;
        height:657px;
        margin-left:330px;
    }
    #shopContent #largeImageContainer 
    {
        float:left;
        margin-right:7px;
    }
    #shopContent #smallImageContainer 
    {
        float:right;
    }
    #shopContent #smallImageContainer img
    {
        padding-bottom:7px;
    }


/* Info pages - gerneral */
#infoLeft 
{
    float:left;
    width:303px;
}
#socailLogos
{
    width:140px;
    position:absolute;
    left:35px;
    top:425px;
}
#infoRight 
{
    width:552px;
    margin-left:328px;
    min-height:415px;
}
    *html #infoRight
    {    
        height:385px;
    }
#beigeBox
{
    background-color:#EDE7DE;
    border:solid 1px #D7CDBC;
    padding:10px;
    margin-top:15px;
}


/* Page specific areas */
#splash
{
    width:553px;
    height:495px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}
    #splash a 
    {
        color:#FF007B;
        text-align:center;
        font-size:13px;
        font-weight:bold;
    }
.indexSmallPrint 
{
    font-size:8px;
}
#eventsText h1
{
    font-size:12px;
    color:#9D8D85;
}
#eventsText a 
{
    color:#FFFFFF;
    background-color:#9D8D85;
    font-size:10px;
    padding:2px 5px 2px 5px;
    line-height:25px;
    text-decoration:none;
}
#eventsText a.noImagePadding
{
    padding:0;
}
#contactInfo
{    
    padding:20px;
    background-color:#9D8D85;
    min-height:370px;
}
    *html #contactInfo
    {    
        height:370px;
    }
    #contactInfo p
    {
        color:#FFFFFF;
    }
    #contactInfo a
    {
        font-size:10px;
        color:#9D8D85;
        background-color:#FFFFFF;
        padding:2px 5px 2px 5px;
        text-decoration:none;
        line-height:30px;
    }
    .contactTxtBox 
    {
        border:none;
        background-color:#EDE7DE;
        width:206px;
    }
    .contactTxtBoxComments
    {
        border:none;
        background-color:#EDE7DE;
        width:100%;
        height:105px;
    }
    .contactTxtBoxProduct
    {
        border:none;
        background-color:#EDE7DE;
    }
#sizeGuide table
{
    font-size:12px;
    color:#9D8D85;
    text-align:center;
    background-color:#EDE7DE;
}
    #sizeGuide table td
    {
        border:solid 1px #FFFFFF;
        padding:4px 10px 4px 10px
    }


/* Classes */
.swatchSize 
{
    padding-left:20px;
}
    .swatchSize img 
    {
        padding-right:5px;
    }
    .swatchSize td
    {
        padding-bottom:5px;
        text-align:left;
    }
    .swatchSize a 
    {
        font-size:12px;
    }
.bulletList
{
    font-size:11px;
    color:#9D8D85;
    font-weight:bold;
}
#styleChoice 
{
    padding-top:30px;
    padding-left:18px;
}
    #styleChoice h1 
    {
        font-size:12px;
        color:#9D8D85;
        font-weight:bold;
    }
    #styleChoice td
    {
        padding-right:5px;
    }
.mailSignupTextbox
{
    border:none;
    background-color:#EDE7DE;
    width:280px;
    margin-top:5px;
    margin-bottom:5px;
    color:#9D8D85;
    font-size:12px;
}
.backToCollection 
{
    float:right;
    display:block;
    margin-bottom:15px;
    font-size:12px;
    font-weight:bold;
}
.newPink 
{
    color:#FF007B;
}