﻿/* 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;
}
img
{
    border:none;
}


/* Structural */
#wrapper 
{
    width:880px;
    margin-left:auto;
    margin-right:auto;
    background-color:#FFFFFF;
    margin-top:65px;
    padding: 35px 35px 35px 35px;
}
#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;
}
    #breadcrumb .breadcrumbCurrent
    {
        font-size:11px;
        color:#9B8C85;
    }
#footer 
{
    padding-top:20px;
    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:hover
    {
        color:#FFFFFF;
        background-color:#9D8D85;
    }
    .infoMenuUp 
    {
        color:#FFFFFF;
        background-color:#9D8D85;
    }
#credits 
{
    float:right;
    padding-top:2px;
}


/* Shop elements */
#shopFront 
{
}
#shopMenu 
{
    float:left;
    width:140px;
    background-color:#EFEBE2;
}
    #shopMenu ul 
    {
        list-style:none;
        padding:8px 0px 8px 0px;
    }
    shopMenu ul li 
    {   
    }
    #shopMenu ul li a 
    {
        display:block;
        line-height:13px;
        padding-left:8px;
        text-decoration:none;
        color:#9D8D85;
        font-size:10px;
        font-weight:bold;
    }
    #shopMenu ul li a:hover
    {
        background-color:#FFFFFF;
    }
    .shopNavUp 
    {
        background-color:#FFFFFF;
    }
#shopContent 
{
    width:720px;
    margin-left:160px;
    min-height:385px;
}
* html #shopContent {
    margin-left:150px;
    height:385px;
}
#itemFeatures 
{
    background-color:#F8F5EF;
    color:#9D8D85;
    width:222px;
    padding:8px;
    margin-bottom:18px;
}
    #itemFeatures h1
    {
        font-size:12px;
        float:left;
    }
    #itemFeatures h2
    {
        font-size:12px;
        font-weight:normal;
    }
    #itemFeatures h3
    {
        font-size:10px;
        font-weight:normal;
    }
    #itemFeatures ul 
    {
        font-size:10px;
        padding-left:13px;
    }
    #itemFeatures h4 
    {
        font-size:12px;
    }


/* Info pages - gerneral */
#infoLeft 
{
    float:left;
    width:303px;
}
#infoRight 
{
    width:552px;
    margin-left:328px;
    min-height:385px;
}
    *html #infoRight
    {    
        height:385px;
    }
#beigeBox
{
    background-color:#EDE7DE;
    border:solid 1px #D7CDBC;
    padding:10px;
    margin-top:15px;
}


/* Page specific areas */
#indexSmallPrint 
{
    background-color:#FFFFFF;
}
    #indexSmallPrint p
    {
        font-size:10px;
    }
    #indexSmallPrint a 
    {
        text-decoration:none;
    }
#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;
}
#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:right;
    }
.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;
}
#indexSmallPrint .viewCollection
{
    font-size:12px;
    padding-top:28px;
}
#viewCollectionLinks 
{
    padding-top:10px;
}
#viewCollectionLinks a
{
    font-weight:normal;
}
#viewCollectionLinks a:hover 
{
    font-weight:bold;
    color:#E3488C;
}
.viewCollectionLinks
{
    font-weight:bold;
    color:#E3488C;
}
#indexSmallPrint #indexPaging
{
    margin-left:0px;
    padding-left:0px;
    padding-bottom:50px;
}
#indexSmallPrint #indexPaging li a
{
    float:left;
    font-size:14px;
    font-weight:normal;
}