/*
========================================================================
Title:    Client Name Stylesheet (Screen)
Author:   steve.ashworth@orcawebsites.com
========================================================================
*/

* {
    margin: 0;
    colour:#000000;
    padding: 0;
    line-height: 100%;
    list-style-type: none;
    }

body {
    background: #ffffff url(/images/page_background.png) repeat-x;
    text-align: center;
    }

#container {
    width:866px;
    margin: 0 auto;
    text-align: left;
}
fieldset{
    border:none;
    }

h2 {
    font-family:"AvantGarde BK BT","century gothic", Helvetica, Tahoma, sans-serif;
    font-size:20px;
    color: #B1496B;
    padding:0 0 0 20px;
    }

p {
    font-family:"AvantGarde BK BT","century gothic", Helvetica, Tahoma, sans-serif;
    font-size:14px;
    color: #000;
    padding:5px 0 5px 0px;
    }

address font {
    font-family:"AvantGarde BK BT","century gothic", Helvetica, Tahoma, sans-serif;
    font-size:14px;
    color: #000;
    }
address {
    font-style:normal;
    }

/*
========================================================================
Header
========================================================================
*/

#header {
    float:left;
    width:866px;
    height:154px;
    padding:0;
    background: url(/images/header.jpg) no-repeat;
    }

#logo {
    margin: 20px 0 0 20px;
    float: left;
    }

#top_logo {
    width:300px;
    height:80px;
    float:left;
    margin:15px 0 0 50px;
    }

#search {
    padding:115px 0 0 700px;
    }

#search fieldset {
    background: transparent url(/images/search_bg.png) no-repeat;
    width:140px;
    height:26px;
    }

    #input_search {
       border: none;
       padding:2px 0 0 0;
       float:left;
       width:99px;
       height:26px;
       text-indent:5%;
       line-height:200%;
       background: transparent;
       }
     #input_search_submit {
       padding:0 0 0 4px;
       float:left;
       }
#search legend {
    display:none;
    }

/*
========================================================================
Body
========================================================================
*/

#body {
    float:left;
    width:870px;
    }

 #sidebar {
    width:120px;
    height:555px;
    margin: 0 0 0 -1px;
    float: left;
    background: url(/images/sidebar.png?a) no-repeat;
    }
#pri_nav {
    margin: 20px 10px 0 0;
    font-family:"AvantGarde BK BT","century gothic", Helvetica, Tahoma, sans-serif;
    text-align:right;
    }

#pri_nav li {
    margin: 0;
    padding: 0;
    }
    #pri_nav ul li a{
    color: #ffffff;
    text-decoration: none;
    }
    #pri_nav ul li a:hover {
        color: #999999;
        }    
   #pri_nav ul li .selected {
        color: #000000;
        }
    
#pri_nav #submenu a{
  
    font-size:12px;
    font-family: helvetica;
    color: #F9D0CA;
    }

 #pri_nav #submenu ul li a:hover {
        color: #999999;
        }    
   #pri_nav #submenu ul li .selected {
        color: #000000;
        }

#content {
    width: 746px;
    height: 453px;
    float:left;
    background: url(/images/contentback.jpg?a) no-repeat;
    border-right : 1px solid #AD4E6E;
    border-bottom : 1px solid #AD4E6E;
    }

#composite {
    height:335px;
    float:left;
    }

#flash_panel {
    width:667px;
    height:291px;
    margin: 25px 0 0 38px;
    }

#page_home #featured_items {
padding-top: 10px;
}

#featured_items {
    height:79px;
    padding:0px 0 0 35px;
    float: left;
    }

#featured_items ul li {
    padding:2px;
    float:left;
    }




/*
========================================================================
Treatments Page
========================================================================
*/

#page {
    height:325px;
    margin: 20px 0 10px 40px;
    }

#form {
    float:left;
    height:325px;
    margin: 20px 0 10px 40px;
    }


#form #copy #additional {
    float:left;
    margin: 20px 0 0 40px;
    }
#form #copy #fields {
    float: right;
    margin: 0 110px 0 0;
    }
    #form #copy #fields form li.input_submit {
        padding: 10px 0 0 9px;
        }
#copy {
    padding:30px 0 0 0;
    width:690px;
    height:325px;
    background: url(/images/contentbox.jpg) no-repeat;
    }

#copy h2 {
    }

#copy #summary{
    display:none;
    }


#additional{
    font-family:"AvantGarde BK BT","century gothic", Helvetica, Tahoma, sans-serif;
    font-size:14px;
    color: #000;
    margin:0 0 0 20px;
    float:left;
    width:280px;
    height:220px;
    overflow:auto;
    }


#visual {
    float:left;
    padding:0 0 0 20px;
    }

/*
========================================================================
Oils & Creams
========================================================================
*/

#page_oils_creams #additional{
    display:none;
    }

#catalogueresults {
    background: url(/images/contentbox.jpg) no-repeat;
    width:690px;
    height:310px;
    padding: 20px 0 0 40px;
    margin:25px 0 0 37px;
    }

#page_oils_creams dl{
    width:105px;
    float:left;
    display:inline;
    margin:10px 15px 0 0;
    }


#page_oils_creams dd{
    font-size:12px;
    width:105px;
    margin: 0 0 10px 0;
    }

#page_oils_creams dd.price{
    float : left;
    text-align : left;
    margin-left : 70px;
    }


#catalogueresults dd.summary{
    height:30px;
    overflow:hidden;
    }


#page_oils_creams dl.article dt {
    height : 50px;
    }


#catalogueresults dd.thumbnail{
    height:108px;
    }

#page_oils_creams dt a{
    font-family: "AvantGarde BK BT" Tahoma Helvetica "sans serif";
    text-decoration:none;
    color: #B1496B;
    }

#page_oils_creams .order_by{
    float:right;
    }

#catalogueresults {
    
    }


#page_oils_creams .paging p{
    width:200px;
    }

#page_oils_creams .paging a{
    font-family: "AvantGarde BK BT" Tahoma Helvetica "sans serif";
    text-decoration:none;
    color: #B1496B;
    }

.paging {
    width:200px;
    float: left;
    }

#catalogueresults form{
    width:600px;
    float: left;
    }

dd.summary, dd.price {
font-family : Helvetica, Arial;
color : #61283C;
}


/*
========================================================================
Item description page
========================================================================
*/
#product {
    background: url(/images/contentbox.jpg) no-repeat;
    float:left;
    width:690px;
    height:325px;
    padding: 20px 0 0 30px;
    margin:15px 0 0 37px;
    }

#details {
    width:300px;
    float:left;
    margin:20px 20px 0 0;
    }
#details h2{
    margin:0 0 10px -20px;
    }

#gallery {
    margin:50px 0 0 0;
    float:left;
    }

#description {
    width:290px;
    height:190px;
    overflow:auto;
    }

#detail_image{
    margin: 0 10px 0 0;
    float:left;
    width:200px;
    height:200px;
    }

#gallery_thumbs {
    float:left;
    width:80px;
    }
/*
========================================================================
About Us Page
========================================================================
*/


#page_about_us #additional{
    float:left;
    width:600px;
    height:220px;
    overflow:auto;
    }


/*
========================================================================
Contact Page
========================================================================
*/

#page_contact #additional {
    text-align:left;
    }

#page_contact #fields label{
    display:block;
    }
#page_contact #input_submit {
    padding: 0px 0 0 94px;
    }

#page_contact #copy{
    margin:20px 0 0 40px;
    width:670px;
    background: url(/images/contentbox.jpg) no-repeat;
    height:315px;
    }

/*
========================================================================
Newsletter Page
========================================================================
*/

#newsletter {
    width:670px;
    height:320px;
    margin:20px 0 10px 40px;
    background: url(/images/contentbox.jpg) no-repeat;
    }

#newsletter h2{
    padding:25px 0 0 20px;
    }

#newsletter p{
    font-family:"AvantGarde BK BT","century gothic", Helvetica, Tahoma, sans-serif;
    font-size:14px;
    color: #000;
    padding:2px 0 0px 0px;
    }
#messages {
    padding:5px 0 0 0;
    }


.summary {
    width:600px;
    margin:10px 0 0 20px;
    }

#newsletter form{
    padding:15px 0 0 20px;
    }

hr {
    display:none;
    }

#leftcol p{
    padding:0 30px 0 0;
    float:left;
    }

#rightcol {
    float:left;
    padding:10px 0 0 0;
    }


#rightcol p{
    padding:0;
    }

#newsletter #input_subscribe {
    margin:10px 0 0 40px;
    }

/*
========================================================================
send to friend
========================================================================
*/

#sendtofriend #container {
    width:280px;
    height:392px;
    background: url(/images/staf_bg.jpg) no-repeat;
    font-family:helvetica;
    font-size:14px;
    }

#sendtofriend td {
    display:block;
    padding:2px 0 0 0;
    }


/*
========================================================================
Privacy policy
========================================================================
*/



#page_privacy_policy #additional{
    float:left;
    width:600px;
    height:220px;
    overflow:auto;
    }

#page_privacy_policy #additional p{
    padding:0 0 0 50px;
    }




/*
========================================================================
Search results page
========================================================================
*/

#content #search_results {
    float:left;
    padding:20px 0 0 0;
    height: 330px;
    }


/*
========================================================================
Site Map
========================================================================
*/

#results {
    font-family:"AvantGarde BK BT" Helvetica Tahoma "sans serif";
    font-size:18px;
    color: #B1496B;
    }

#page_site_map h2 {
    margin: 20px 0 15px 0;
    }

#page_site_map p {
    float:left;
    margin: 10px 0 0 10px;
    }

#page_site_map a{
    color:#000;
    text-decoration:none;
    }

#page_site_map #footer p{
    margin:0;
    float:left;
    }
#sitemaptext {
    width:746px;
    height:325px;
    }
    
#sitemap #navigation,
#sitemap #newsletter,
#sitemap #newsletter1 {
    display: none;
    }
    #sitemap li {
        margin: 0 0 5px 20px;
        }
    #sitemap #newsletter {
        background: transparent;
        width: 100%;
        height: 15px;
        }


/*
========================================================================
Footer
========================================================================
*/

#links {
    padding:5px 0 0 0;
    float:left;
    }

#links li {
    margin:0 0 0 40px;
    font-family: helvetica;
    text-decoration:none;
    font-size:12px;
    color:#000;
    float:left;
    }

#links li a{
    color:#000;
    text-decoration:none;
    padding:5px;
    }
#links li p{
   float: left;
   }
#copyright{
    font-family:helvetica;
    font-size:12px;
    float:left;
    display: inline;
    margin:0 10px 0 0;
    }

#powered {
    float:left;
    }

#powered a{
    float:left;
    text-decoration:none;
    font-family: helvetica;
    font-size:12px;
    color:#000;
    display:inline;
    }

#footer2 {
    float:left;
    margin:0 0 0 150px;
    }

