
/* Core tags */

body {
    background-color : white;
    color : #73427a;
    /*font-family : Arial, Helvetica, 'sans-serif';*/
    font-family: "Nimbus Sans L [urw]", "Helvetica", sans-serif;
    font-size : 10pt;
    text-align : justify;
  }


h1 {
    color : #993399;
    font-size : 24pt;
  }


h4 {
    font-size : 10pt;
    font-weight : bold;
    margin-left : 20px;
    margin-right : 20px;
  }


.menuLinks:hover {
    color : white;
  }

/* Div/Span classes */












.mainLinks {
    top: 30px;
    left: 400px;
    position: absolute;
    background-color : black;
  }


.imageSelect {
    text-align : center;
  }


.homePageText {
    margin:5px;
    height : 646px;
    overflow : auto;
  }


.tip {
    color : white;
    font-size : 8pt;
  }

#calendar {
  display:none;
  position:absolute;
  top:0px;
  left:0px;
}

.inputFormHeader {
    background-color : #979797;
    color : white;
    margin:1px;
  }


.inputFormBody {
    background-color : #d9d9d9;
    color : black;
    width:50%;
    margin:1px;
  }


.inputForm {
    width : 600px;
  }


.adminList {
    width : 800px;
  }


.adminListHeader {
    background-color : blue;
    color : white;
  }


.adminListContainer {
    height : 550px;
    overflow : auto;
  }


.adminListBody {
    background-color : #ccccff;
    color : blue;
    width:50%;
  }


.thumbnailContainer {
    width : 200px;
  }


.thumbnailRow {
    background-color : #aaaaaa;
    text-align : center;
  }


#dressCatalogueContainer {
  margin-left: 10px;
  float:right;
  /*overflow:hidden;*/
  overflow:auto;
  width:216px;
  height:100%;
}

#dressCatalogue {
  background-color : white;
  border-color : #a8bf7c;
  border-style : solid;
  border-width : 4px;
  height: 622px;
  overflow:hidden;
  text-align : center;
  width : 208px;
  margin:0px;
}

#dressCatalogueScrollPane {
  width:1875px;
  height:620px;
  margin:0px;
}

.dressCatalogueImageColumn {
  width:104px;
  height:624px;
  margin:0px;
  padding:0px;
  float:left;
}

.dressCatalogueImageColumn img {
  margin-top:1px;
  margin-left:1px;
  margin-right:1px;
  margin-bottom:0px;
  border:0px;
  width:102px;
  height:153px;
}

#dressCatalogueImageColumn div {
  float:left;
  width:102px;
  height:154px;
  border-color:black;
  border-width:1px;
  border-style:solid;
}

#dressCatalogueNavigation {
  background-color:#a8bf7c;
  color:white;
  width:210px;
  height:20px;
  padding:3px;
  text-align:center;
}

#dressCatalogueNavigation button {
  background-color:#a8bf7c;
  color:white;
  font-weight:bold;
  border-style:solid;
  font-size:10px;
  padding:0px;
}

#dressCatalogueNavigation button .ui-icon {
  background-image:url("../js/jquery/css/custom-theme/images/ui-icons_FFFFFF_256x240.png");
}

#dressCatalogueUpButton,
#dressCatalogueFastUpButton,
#dressCatalogueStartButton {
  float:left;
}

#dressCatalogueDownButton,
#dressCatalogueFastDownButton,
#dressCatalogueEndButton {
  float:right;
}

#dressSearchPanel {
  width: 204px;
  min-height: 100px;
  max-height: 400px;
  background-color: white;
  border-top-color: #a8bf7c;
  border-right-color: #a8bf7c;
  border-bottom-color: #a8bf7c;
  border-left-color: #a8bf7c;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  text-align: center;
  position: absolute;
  top: 70px;
  left: 844px;
  display:none;
}

#searchResultsPanel {
  background-color:white;
  max-height:280px;
  overflow:auto;
  padding-bottom:10px;
}

#searchResultsPanel a {
  color: #73427a;
}

.searchResultListing {
  border-bottom-color:#a8bf7c;
  border-bottom-style:solid;
  border-bottom-width:1px;
  padding-top:3px;
  padding-bottom:3px;
}

.imageSwitcher {
  background-color:#a8bf7c;
  color:white;
  font-weight:bold;
  border-style:solid;
  font-size:10px;
  padding:0px;
}

.imageSwitcher .ui-icon {
  background-image:url("../js/jquery/css/custom-theme/images/ui-icons_FFFFFF_256x240.png");
}

.dressDescriptionContainer {
  text-align: center;
  position: absolute;
  top: 51px;
  left: 390px;
  height: 278px;
  width: 410px;
  overflow: auto;
}

#imageLoadingPanel {
  border-color:#a8bf7c;
  border-style:solid;
  border-width:1px;
  text-align:center;
  position:absolute;
  top:51px;
  left:10px;
  width:340px;
  height:453px;
  /*visibility:hidden;*/
}

.dressNavigationContainer {
  position: absolute;
  top: 322px;
  left: 500px;
  width: 190px;
  height: 260px;
  display:none;
}


.imageLinkContainer {
  width:20px;
  height:25px;
  border-width:1px;
  border-style:solid;
  border-color:white;
  vertical-align:middle;
}

pageLinkContainer {
  width:20px;
  float:left;
  text-align:center;
  border-width:1px;
  border-style:solid;
  border-color:white;
}

.pageLinkContainerDeactivated {
  width:20px;
  float:left;
  color:#E9E9E9;
  text-align:center;
  border-width:1px;
  border-style:solid;
  border-color:white;
}

.pageLinkContainerSelected {
  font-weight:bold;
  font-size:12px;
  width:20px;
  float:left;
  text-align:center;
  border-width:1px;
  border-style:solid;
  border-color:white;
}

.dressImage {
  position:absolute;
  top:51px;
  left:10px;
  visibility:hidden;
}


.dressSlide {
    height : 90%;
    position:absolute;
    text-align:center;
    top : 0px;
    left: 0px;
    width : 445px;
    padding:3px;
    visibility:hidden;
  }


.dressSlideContainer {
    height : 90%;
    text-align : center;
    float:right;
    position:relative;
    top:5px;
    left:0px;
    width:57%;
  }


.dressDescription {
  position:relative;
  top:20px;
  left:0px;
  float:left;
  margin-left:0px;
  text-align:center;
  width:40%;
}

.currentViewedThumbnail {
  display:none;
  /*height:136px;
  width:102px;*/
  position:relative;
  top:0px;
  left:0px;
}


.previousSlideButton {
    width:33%;
    text-align:left;
    vertical-align:middle;
    float:left;
    display:inline;
  }


.slideTitle {
    width:34%;
    text-align:center;
    vertical-align:middle;
    display:inline;
  }


.nextSlideButton {
    width:33%;
    text-align:left;
    vertical-align:middle;
    float:right;
    display:inline;
  }


.mainContent {
    border-bottom-style : solid;
    border-bottom-width : 1px;
    border-left-style : solid;
    border-left-width : 1px;
    border-right-style : solid;
    border-right-width : 1px;
    border-top-style : solid;
    border-top-width : 1px;
    border-color:#a8bf7c;
    height : 656px;
    position : relative;
    text-align : justify;
    width : 1055px;
    padding-top:39px;
  }


.navigationBar {
    background-color : #a8bf7c;
    height : 39px;
    width : 1055px;
    opacity:0.8;
    filter:alpha(opacity=80);
    position:absolute;
    top:0px;
    left:0px;
    margin-right:0px;
    margin-left:0px;
  }




.mainLogo {
  margin-left:20px;
}


.addressPhone {
    left : 500px;
    top : 54px;
    width : 350px;
    position : absolute;
    text-align : center;
    font-size : 12pt;
    font-family : Arial, Helvetica, 'sans-serif';
  }


.bodyText {
    text-align : justify;
    padding:5px;
  }


.mainBody {
    overflow : auto;
  }


.descriptionText {
    overflow : auto;
    width : 299px;
    height : 400px;
    float : left;
  }

/* Menu stuff */

















.menuBar {
  left: 265px;
  position: absolute;
  text-align: center;
  top: 12px;
  width: 790px;
}


.menuButton {
    position : relative;
    top : 10px;
  }


.menuLinks {
    color : #73427a;
    font-weight : bold;
    text-decoration : none;
    margin-right : 2px;
    margin-left : 2px;
    font-size:13px;
  }


.menuLinksSelected {
    color : white;
    font-weight : bold;
    text-decoration : none;
    margin-right : 2px;
    margin-left : 2px;
    font-size:13px;
  }


.menuLinksSelected:hover {
    color : white;
  }


.menuLinksSelected:hover {
    color : white;
  }


.newsPanel {
    background-color : white;
    border-color : #a8bf7c;
    border-style : solid;
    border-width : 4px;
    float: right;
    height: 648px;
    margin-left: 10px;
    overflow: auto;
    text-align : center;
    width : 158px;
  }

  .saleItemCaption {
    width:100px;
    height:42px;
    border-color : #a8bf7c;
    border-style : solid;
    border-width : 1px;
    margin:1px;
    padding-top:5px;
  }

/* Misc */










.warning {
    font-weight : bold;
    color : red;
  }

/* Forms */

fieldset {
  background-color:white;
  border-style:solid;
  border-color:#a8bf7c;
  border-width:1px;
}

.siteFormRow {
  border-width:0px;
  padding:3px;
}

.siteFormRow label {
  float:left;
  width:40%;
}

.siteFormTextField {
  width:200px;
}

.siteFormDateField {
  width:100px;
}

.siteSubmit {
  background-color:#a8bf7c;
  color:white;
}

.siteCompulsory {
  color:red;
  font-weight:bold;
}

#facebookDiv {
  margin-bottom:10px;
  background-color: #627aad;
  color:white;
  width:152px;
  border-radius:3px;
  font-size: 10px;
  font-weight: bold;
  padding:3px;
}

#facebookDiv img {
  vertical-align: middle;
  margin-right:2px;
  border:none;
}

#facebookDiv a {
  color:white;
}
