html {
    height:100%;
}
body {
    background:url('/images/site/body_bg.jpg') repeat-y center #dddbdc;
    font-family: Arial, sans-serif;
    font-size: 75%;
    color: #333333;
    margin: 0px;
    padding: 0px;
    width:1024px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

body.one-col #content {
    width:1000px;
}

body.two-col #content {
    width:785px;
}

.container {
    width: 972px;       
}

#sidebar {
    margin-right: 10px;
}

#wrapper, body.two-col #wrapper {
    background: none;
    padding:0px;
    min-height:100%;
}

a {
    color:#333333;
    text-decoration: none;
}

a:visited {
    color:#333333;
    text-decoration: none;
}

a:hover {
    color:#666666;
    text-decoration: underline;
}

#header {
    padding-top: 10px;
    padding-bottom:5px;
}

#header a {
    color: #333333;
}

#header a:hover {
    color: #666666;
}

button, a.button, input.button {
    font-family: Georgia, serif;    
}

.price.selling {
    color:#7eafcf;
}

.flash.notice {
background:#A4CDE6 url(/images/shadow_top.png) repeat-x scroll 0 -50px;
border:1px solid #296385;
color:#333333;
}

/*************
 NAVIGATION
*************/
ul#custom-nav-bar {
    float:left;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 5px 0 0 0;
    width: 600px;
}

ul#custom-nav-bar li {
    display: inline;
}

ul#custom-nav-bar li a {
    float:left;
    white-space: nowrap;
    overflow: hidden;
}

ul#custom-nav-bar li a:hover {
    background: #b5d4e6 url(/images/menu-hover.png) right center no-repeat;

}

ul#nav-bar {
    clear: none;
}

ul#nav-bar li.cart-indicator a {
    background: none;
    padding-right: 0px;
}

ul#nav-bar li.cart-indicator a.full {
    background-image:none;
}


.navigation-list a.root {
    text-indent: 0px;
}


/*****************
    FOOTER
*****************/
#footer {
    clear:both;
    float:left;
    position:relative;
    width:1024px;
    height: 40px;
    margin-top:40px;
    background: url(/images/site/footer_bg.jpg) no-repeat top #dddbdc;
    padding: 10px 0px;
}

#footer ul {
    margin:10px 15px;
}

#footer li {
    display: inline;
    list-style-type: none;
}


/*****************
  HOME PAGE
*****************/
h1.home_heading {
    font-size:x-large;
    width:784px;
    text-align:center;
    float:left;
    margin: 15px 0px;
    padding: 15px 0px;
    color: #333333;
    border-top: solid 1px #7eafcf;
    border-bottom: solid 1px #7eafcf;
}

a.banner_link {
    font-size:x-large;
    color:#333333;
    padding-top:24px;
    text-align:center;
    width: 200px;
}

#accessories_banner a.banner_link {
    float:right;
    padding-right: 60px;
}

#accessories_banner {
    float:right;
    background: url(/images/site/handmade_accessories_heading.jpg) no-repeat top #99BDD7;
    width:254px;
    padding-bottom:10px;
    height:333px;
}

#makeup_banner {
    float:left;
    background: url(/images/site/professional_makeup_heading.jpg) no-repeat top #99BDD7;
    width:254px;
    padding-bottom:10px;
    height:333px;
}

#accessories_banner p, #makeup_banner p {
    padding:5px 10px;
    font-size:medium;
    color:#ffffff;
    line-height:1.2;
    margin:0;
}

#accessories_banner p.top {
    padding-top:100px;
}

#makeup_banner p.top {
    padding-top:125px;
}






/******************
  PRODUCT LISTING
******************/
.product-listing li:hover a.info {
    background: #296385 url(/images/bottom_shine.png) repeat-x scroll left bottom
}

.product-listing li:hover {
    border-color:#296385;
}

/******************
  PRODUCT PAGE
******************/
#product-images {
    width: 360px;    
}

#product-images #main-image {
    min-height: 350px;
}

#product-description {
    width: 250px;
}

#product-description p {
    font-size:1.3em;
}

/*******************
  CHECKOUT
*******************/
div#checkout-summary {
    background-color:#7eafcf;
}

div#checkout #billing, div#checkout #shipping, div#checkout #shipping_method, div#checkout #payment, div#checkout #confirmation {
    background: none;
}

div#checkout #billing.completed h2, div#checkout #billing.disabled h2,
div#checkout #shipping.completed h2, div#checkout #shipping.disabled h2,
div#checkout #shipping_method.completed h2, div#checkout #shipping_method.disabled h2,
div#checkout #payment.completed h2, div#checkout #payment.disabled h2,
div#checkout #confirmation.completed h2, div#checkout #confirmation.disabled h2
{
    background: none;
    padding-left:0;
}

/********************
  ABOUT
********************/
#about p {
    float:left;
    padding-left:10px;
    width:628px;
    font-size:medium;
    margin:0 0 10px 0;
}

#about h2 {
    clear:both;
    margin-bottom:5px;
}

/********************
  MAKE-UP
********************/
#make-up p {
    font-size:medium;
    margin:0 0 10px 0;
    padding-left:334px;
}

#make-up .small-print {
    font-size:small;
    margin:0px;
    padding:10px 0px;
}

#make-up h2 {
    clear:both;
    padding-top: 15px;
    margin-bottom:5px;
}

#make-up ul {
    list-style-type: none;
    list-style-position: inside;
    font-size: large;

    float:left;
    width:314px;
    padding: 10px 0 10px 10px;
    margin:0px;
    color:#fff;
}

#make-up .third-grad-bkg {
    background: #ffffff url(/images/site/third-grad-bkg.jpg) top left no-repeat;
    width: 784px;
    float:left;
}

/********************
  Contact Details
********************/
#contact_us p {
    float:left;
    padding-left:10px;
    width:628px;
    font-size:large;
    margin:0 0 10px 0;
}

#contact_us h2 {
    float:left;
    padding-left:10px;
    width:628px;
}

/********************
  Commissions
********************/
#commissions p {
    float:left;
    padding-left:10px;
    width:628px;
    font-size:large;
    margin:0 0 10px 0;
}

#commissions a {
    font-style:italic;
    color:#666666;
    text-decoration:underline;
}