﻿body
{
    background-color: #030303;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #E6E6E6;
    padding: 0;
    margin: 0;
}
/* 
------------------------------------------------------
    MAIN SECTIONS
------------------------------------------------------
*/
#header
{
    height: 118px;
    background: #050505 url(images/header.jpg) no-repeat top center;
}
#header h1
{
    display: none;
}

#container
{
    background: #030303 url('images/bg.jpg') repeat-y top center;
    min-height: 712px;
}
#content
{
    margin: auto;
    width: 960px;
    padding: 20px 0;
}
#footer
{
    background-position: center top;
    clear: both;
    min-height: 142px;
    text-align: center;
    background: #040404 url('images/footer.jpg') repeat-y top center;
    color: #999999;
    font-size: 0.8em;
    font-family: Georgia;
}
/* 
------------------------------------------------------
    HEADERS ADN TAG-BASED
------------------------------------------------------
*/
h2, h3
{
    font-family: Georgia;
    font-weight: normal;
    margin-top: 0;
}
h2.searchHeader
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-weight: bold;
}
h2.styleCode
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 4em;
    font-weight: bold;
    margin: 0 0 0 -5px;
}
h3.searchResults
{
    clear: left;
    font-style: italic;
    padding-top: 20px;
    font-size: 16px;
}
h4
{
    font-size: 0.7em;
    font-family: Georgia;
    font-weight: normal;
    display: block;
    margin-bottom: 2px;
    color: #C0C0C0;
}
p
{
    text-align: justify;
    line-height: 1.5em;
}
a
{
    text-decoration: none;
    color: #935937;
}
a:hover
{
    text-decoration: underline;
    color: #A7663F;
}
a img
{
    border: none;
}
.search
{
    padding:2px;
    position: absolute;
    right: -930px;
    top: 48px;
    color: White;
    border: 1px solid #cdcdcd;
    width: 160px;
    background-color:Black; 
    font-size: 1.5em;
}
.searchWatermark
{
    background-color:transparent; 
    width: 70px;
    padding:2px;
    color: #666666;
    font-size: 0.8em;
}
.locationsearch
{
    padding: 5px;
    color: White;
    border: 1px solid #935937;
    width: 120px;
    background-color: #333333;
}
/* 
------------------------------------------------------
    ITEMS.ASPX CLASSES
------------------------------------------------------
*/
.pnlSearch
{
    background-color: #070707;
    padding: 45px 20px;
    width: 200px;
}
.item
{
    float: left;
    margin: 0;
}
.item a
{
    padding-left: 2px;
    border: solid 5px White;
    background-color: White;
    width: 226px;
    height: 330px;
    text-align: left;
    float: left;
    font-weight: bold;
    font-size: 1.6em;
    color: #CCCCCC;
}
.item a:hover
{
    border: 5px solid #161616;
    color: #333333;
    text-decoration: none;
    background: White url('images/peel.jpg') no-repeat bottom right;
}
.item img
{
    float: left;
}
.delivery
{
    font-size: 0.7em;
}
/* 
------------------------------------------------------
    ITEMDETAIL.ASPX CLASSES
------------------------------------------------------
*/
.itemDetail
{
    background-color: White;
    color: #333333;
}
.itemDescription
{
    float: left;
    padding: 0 10px 40px 5px;
    width: 330px;
}
a.itemImage
{
    color: #f2f2f2;
    border: solid 5px White;
    width: 600px;
    text-align: center;
    float: left;
    padding-bottom: 20px;
    display: block;
    font-weight: bold;
    font-size: 1.1em;
}
a.itemImage:hover
{
    border: solid 5px #333333;
    color: #666666;
    text-decoration: none;
}
.itemImageClick
{
    display: block;
    padding: 2px;
}
.styleName
{
    font-weight: normal;
    display: block;
    margin-top: -10px;
    margin-bottom: 20px;
}
.fabric
{
    display: block;
    margin: 5px 0;
    padding: 2px 0;
    text-align: center;
    border-bottom: 1px solid #E5E5E5;
}
.colors
{

}
.colors img
{
margin: 5px 10px 0 10px;
}

a.sketches
{
    background-color: White;
    border: 4px solid White;
    display: block;
    text-decoration: none;
    padding: 2px;
    width: 100px;
    text-align: center;
    color: #CCCCCC;
    font-size: 0.8em;
}
a.sketches:hover
{
    border: 4px solid #333333;
    color: #333333;
}
/* 
------------------------------------------------------
    WHERETOSHOP.ASPX CLASSES
------------------------------------------------------
*/
.locations
{
    float: left;
    width: 530px;
    border-right: solid 1px #666666;
}
.locations ul
{
    float: left;
    margin: 0;
    padding: 0;
    width: 130px;
}
.locations li
{
    margin-bottom: 8px;
    list-style-type: none;
}
.outsideUS
{
    color: #c7b77e;
}
.location
{
    float: left;
    width: 400px;
    margin-left: 20px;
}
.stores ul
{
    padding: 0;
    margin: 0;
}
.stores ul li
{
    list-style-type: none;
    margin: 0 5px 20px 0;
    width: 125px;
    display: inline-block;
    display: -moz-inline-block;
    font-size: 0.75em;
    line-height: 1.4em;
    vertical-align: top;
    zoom: 1;
    *display: inline;
}
.santamonica
{
    border: solid 5px #f5f5f5;
    float: left;
    margin-bottom: 20px;
}
a.santamonica
{
    display: block;
    border: solid 5px #f5f5f5;
    float: left;
    margin-left: 5px;
    margin-bottom: 10px;
}
a.santamonica:hover
{
    border: solid 5px #333333;
}
.selectstyles
{
    margin-top: 80px;
}
.selectstyles a img
{
    display: block;
    padding-right: 20px;
    float: left;
}
.highlight
{
    color: #FFFF00;
}
