﻿body {
  background-color: #E2CCEB;
  margin: 0;
  font-family: Arial,Helvetica,sans-serif;
  font-style: normal;
  font-size: 0.75em;
  color: #666666;
}

.smalltext
{
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    color: #696969;
}


a {
  color: #d5b7e2;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1em;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

h1 {
  color: #682d86;
  font-family: tahoma, Geneva, sans-serif;
  font-size: 1.4em;
  font-style: normal;
  font-weight: 400;
}

h2 {
  color: #682d86;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1.2em;
  font-style: normal;
  font-weight: 400;
  display: inline;
}

#container {
  width: 870px;
  height: 680px;
  margin: 0px auto;
  padding: 0px;
  background-image:url('images/lb-bg.gif');
  background-repeat: no-repeat;
  background-position: top;
}

#shop-container {
  width: 870px;
  height: 680px;
  margin: 0px auto;
  padding: 0px;
  background-image:url('images/lb-shop-bg.gif');
  background-repeat: no-repeat;
  background-position: top;
}

#header {
  width: 781px;
  height: 80px;
  margin: auto;
}

#header img {
  border: none;
}

#logo {
  margin-top: 20px;
  width: 156px;
  height: 25px;
  float: left;
}

/* Navigation */
.nav_col {
  margin-top: 15px;
  margin-left: 30px;
  width: 120px;
  height: 60px;
  float: left;
}

.nav_col a.rollover {
  display: block;
  width: 120px;
  height: 17px;
  text-decoration: none;
}

.nav_col a.rollover:hover {
  background-position: 0 -17px;
}

.nav_col .IndexHome { 
  background: url('images/menus/lb-home.gif')
}

.nav_col .AboutHome { 
  background: url('images/menus/lb-about-us.gif')
}

.nav_col .BoutiqueHome { 
  background: url('images/menus/lb-visit-boutique.gif')
}

.nav_col .CoutureHome { 
  background: url('images/menus/lb-couture-services.gif')
}

.nav_col .GalleryHome { 
  background: url('images/menus/lb-gallery.gif')
}

.nav_col .CommentsHome { 
  background: url('images/menus/lb-client-comments.gif')
}

.nav_col .shop { 
  background: url('images/menus/lb-online-shop.gif')
}

.nav_col .IndexLinks { 
  background: url('images/menus/lb-little-black-book.gif')
}

.nav_col .IndexPress { 
  background: url('images/menus/lb-press-pr.gif')
}

.nav_col .NewsContent { 
  background: url('images/menus/lb-news-events.gif')
}

.nav_col .comments { 
  background: url('images/menus/lb-client-comments.gif')
}

.nav_col .on {
  display: block;
  width: 120px;
  height: 17px;
  background-position: 0 -17px;
}
/* End */

/* Pages with sub-navigation */
#sub-nav {
  width: 775px;
  height: 25px;
  margin: 0px auto;
  background-color: #682d86;
}

#sub-nav a {
  color: #ffffff;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 0.9em;
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 22px;
  margin-left: 15px;
}

#sub-nav a:hover {
  color: #d5b7e2;
}

#sub-nav .on {
  color: #d5b7e2;
}

#sub-nav-content {
  width: 650px;
  height: 415px;
  margin: 10px auto;
}

#sub-nav-gallery{
  width: 650px;
  height: 330px;
  margin: 10px auto;
  padding-top: 10px;
}

#sub-nav a.removeCategory 
{
    position: absolute;
    margin-left: 5px;
    color: #ffffff;
    font-weight: bold;
}
/* End */

#content {
  width: 650px;
  height: 392px;
  margin: 34px auto;
}

#footer 
{
  width :650px;
  margin:0px auto;
  padding-left: 20px;
  color: #682D86;
  font-size: 0.95em;
}

#home-content {
  text-align: center;
  width: 650px;

}

#shop-content {
  width: 650px;
  height: 420px;
  margin: 40px 10px;
  float: right;
}

#text {
  float: left;
  width: 350px;
  height: 400px;
}

#shop-text {
  float: left;
  width: 290px;
  height: 420px;
}

#boutique-text {
  float: left;
  width: 275px;
  height: 420px;
}

#comments-text {
  float: left;
  width: 650px;
  height: 490px;
}

.comments-col-left {
  float: left;
  width: 318px;
  height: 420px;
  margin-right: 13px;
}

.comments-col-right {
  float: left;
  width: 318px;
  height: 420px;
  margin-right: 0px;
}

/* Scrollable div area */
#scrollable {
  float: left;
  width: 87%;
  height: 315px;
  overflow: auto;
  padding-right: 30px;
}

/* Scrollbar container 
#scroll {
  float: left;
  width: 30px;
  height: 300px;
  margin-left: 10px;
  background-color: #ffffff;
  visibility: hidden;
}

#scroll img {
  border-style: none; 
} 

/* Vertical track container 
#track-container {
  float: left;
  width: 21px;
  height: 262px;
  margin-bottom: 3px;
  margin-left: 0px;
  background-color: #ffffff;
}

/* Vertical track 
#track {
  float: right;
  width: 16px;
  height: 262px;
  margin-bottom: 3px;
  margin-left: 0px;
  background-color: #ffffff;
}

/* Vertical track handle 
#handle {
  width: 17px;
  height: 30px;
  background-color: #d5b7e2;
  cursor: move;
}
/* End */

/* Image columns */
#single-image {
  float: left;
  width: 275px;
  height: 347px;
  margin-left: 22px;
  margin-top: 10px;
  background-color: #ffffff;
}

#category-thumbs-image {
  float: left;
  width: 275px;
  height: 347px;
  margin-left: 22px;
  margin-top: 10px;
  background-color: #ffffff;
}

#boutique-image {
  float: left;
  width: 353px;
  height: 347px;
  margin-left: 22px;
  margin-top: 10px;
  background-color: #ffffff;
}
/* End */

#gallery {
  visibility: visible;
}

#no_js {
  visibility: visible;
}

/* Admin buttons */
a.delete 
{
    font-weight: bold;
    text-decoration: none;
    color: #000;
}

/* Link Styles */
#LinksGrid
{
  height: 330px;   
}

#LinksGridContainer
{
  height: 330px;   
}

#AddForm 
{
    width: 100%;
}

.links_table td 
{
    vertical-align: top;
    height: 105px;
    padding-bottom: 10px;
    font-size: 0.95em;
}

.links_table td.left 
{
    width: 55px;
}

.links_table td.right 
{
    width: 265px;
}

.links_table td img 
{
  width: 55px;
  height: 55px;
}  

#uploader 
{
  display: none;
  margin: 10px;
}

#pdf_uploader 
{
  display: none;
  margin: 10px;
}

/* Errors */
.validation-summary-errors 
{
    color:#FF0000;
}

.field-validation-error 
{
    color:#FF0000;
    font-size: 10px;
}

/* Account */
#logindisplay 
{
    margin:auto;
    width:781px;
    text-align: left;
}

#logindisplay a
{
    color: #666666;
    font-weight: bold;
    text-decoration: underline;
}

#admin-menu 
{
    float: left;
    margin-top: 10px;
}

#admin-menu a
{
    color: #666666;
    font-weight: bold;
    text-decoration: underline;
}

fieldset 
{
    padding-left: 10px;
}

.display-label,
.editor-label,
.display-field,
.editor-field
{
    margin: 0.5em 0;
}

.editor-field input[type="text"]
{
 width: 150px;
}

.editor-field input[type="password"]
{
 width: 150px;
}

#AjaxLoading 
{
    float: right;
}

/* Pagination */
#pagination 
{
    margin-top: 10px;
    float: right;
}

#pagination a 
{
    font-size: 0.95em;
    padding-left: 5px;
}

#pagination a.on 
{
    color: #682D86;
}

/* Comments Styles */
#CommentsGridContainer 
{
    height: 330px;
}

.comments_table td 
{
    vertical-align: top;
    height: 60px;
    padding-bottom: 10px;
    color: #666666;
}

.comments_table td .date_field
{
    color: #666666;
    font-weight: bold;
}

.comments_table td .text_field
{
    color: #666666;
    font-weight: bold;
}

.comments_table td 
{
    width: 325px;
}

.comments_table td.comments-cell 
{
    padding-right: 20px;
}

/* Press Styles */
#PressGrid
{
  height: 330px;   
}

#PressGridContainer
{
  height: 330px;   
}

.press_table td 
{
    vertical-align: top;
    height: 60px;
    padding-bottom: 10px;
    color: #666666;
    font-size: 0.95em;
}

.press_table td .date_field 
{
    color: #682d86;
}

.press_table td.left 
{
    width: 120px;
}

.press_table td.right 
{
    width: 265px;
}

.press_table td img 
{
  width: 120px;
  height: 120px;
  border: 0;
}  

td.close 
{
  text-align: center;
  width: 10px;
}

td.close img 
{
  width: 20px;
  height: 20px;
}
