body {
    background-color : white;
    font-family: 'PT Sans', Verdana, Arial, sans-serif;
    color:#444444;
    font-size:15px;
  }

a {
  font-family: 'PT Sans', Verdana, Arial, sans-serif;
  color:#979fa2;
  text-decoration:none;
}

a:hover {
  /*text-decoration:underline;*/
  color:#1d4969;
}

img {
  border:0;
}

/*** Classes ***/

.menuBar {
  width:860px;
  padding-left:100px;
  height:25px;
}

#menuContainer {
  background-color: #7A1B57;
}

.mainButtonImage {
  filter:alpha(opacity=60);
  opacity:0.6;
}

.mainButtonImageOn {
  filter:alpha(opacity=100);
  opacity:1;
}

.bridalImageOff {
  filter:alpha(opacity=90);
  opacity:0.9;
  float:left;
}

.bridalImageOn {
  filter:alpha(opacity=100);
  opacity:1;
  float:left;
}

.titlePanel {
  height:450px;
  width:130px;
  float:left;
  /*border-style:solid;
  border-color:green;
  border-width:1px*/
}

.mainPanel {
  /*height:450px;
  width:795px;
  border-style:solid;
  border-width:1px;
  border-color:red;*/
  position:absolute;
  top:9px;
  left:110px;
  /*text-align:left;*/
}

.pageSelector {
  /*border-color:black;
  border-width:1px;
  border-style:solid;*/
  height:30px;
  width:700px;
  line-height:25px;
}

.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:14px;
  width:20px;
  float:left;
  text-align:center;
  border-width:1px;
  border-style:solid;
  border-color:white;
}

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

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

.imageLoadingPanel {
  border-color:#979fa2;
  border-style:solid;
  border-width:1px;
  text-align:center;
  position:absolute;
  top:161px;
  left:520px;
  width:340px;
  height:453px;
  visibility:hidden;
}

.selectedLink {
  font-size:14px;
}

.pageLink {
  text-decoration:none;
  font-size:14px;
}

.pageLink:hover {
  text-decoration:none;
  color:#979fa2; 
  font-size:14px;
}

.pageLinkDeactivated {
  color:#E9E9E9;
  font-size:14px;
  text-decoration:none;
}

.pageLinkDeactivated:hover {
  color:#E9E9E9;
  font-size:14px;
  text-decoration:none;
}


.dressCatalogue {
  float:none;
}

.dressImage {
  position:absolute;
  top:161px;
  left:520px;
  visibility:hidden;
}

.dressDescriptionContainer {
  text-align:center;
  position:absolute;
  top:161px;
  left:970px;
  height:210px;
  width:190px;
  /*border-width:1px;
  border-color:blue;
  border-style:solid;*/
  overflow:auto;
}

.dressNavigationContainer {
  position:absolute;
  top:346px;
  left:970px;
  width:190px;
  height:260px;
  /*border-color:black;
  border-width:1px;
  border-style:solid;*/
}

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

.dressDescriptionText {
  font-size:14px;
  text-align:justify;
}

.mapText {
  font-size:12px;
}

/* Admin styles */

.thumbnailContainer {
  text-align:center;
  border-style:solid;
  border-width:1px;
  border-color:black;
  margin:2px;
}

.adminList {
  width:600px;
}

.adminListHeader {
  color:black;
  font-size:12px;
}

.adminListBody {
  color:black;
  font-size:12px;
}

.shortInputBox {
  width:200px;
}

.compulsory {
  color:red;
  font-weight:bold;
  font-size:11px;
}

.zoomButton {
  color:white;
  border-style:double;
}

#dressColourPanel {
  position:absolute;
  left:-400px;
  top:-80px;
  width:420px;
  height:350px;
  overflow:auto;
  background-color:white;
  color:#979fa2;
  border-color:#979fa2;
  border-width:1px;
  border-style:solid;
  padding:8px;
  z-index:10;
  visibility:hidden;
  text-align:left;
}

.searchTextBox {
  position:relative;
  top:-6px;
  width:120px;
  font-size:12px;
  color:#979fa2;
}

#searchResultsPanel {
  position:absolute;
  left:691px;
  top:98px;
  width:180px;
  height:250px;
  overflow:auto;
  background-color:white;
  color:#979fa2;
  border-color:#979fa2;
  border-width:1px;
  border-style:solid;
  padding:8px;
  z-index:10;
  visibility:hidden;
  text-align:left;
}

.searchResultListing {
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-bottom-color:#979af2;
  width:170px;
  padding-top:5px;
  padding-bottom:5px;
  text-align:left;
}

#locnDrilldownForm {
  float:left;
  width:100px;
}

.geoDrilldownContainer {
  height:40px;
  width:140px;
  visibility:hidden;
}

.stockistLeftPanel {
  float:left;
  width:514px;
  padding:5px;
  border-right-style:solid;
  border-right-color:#7A1B57;
  border-right-width: 1px;
}

.stockistRightPanel {
  float:left;
  width:514px;
  padding:5px;
}

.stockistLeftPanel ul,.stockistRightPanel ul {
  font-size:20px;
  list-style: none;
}

.stockistRow {
  width:100%;
}

.stockistCell {
  border-color:#7A1B57;
  border-style: solid;
  border-width: 1px;
  margin:3px;
  width: 190px;
  height: 245px;
  padding:5px;
  float:left;
}

.stockistCell p {
  font-size:13px;
}

.dressTypeKey {
  width:10px;
  height:10px;
  border-color:black;
  border-style:solid;
  border-width:1px;
  float:left;
  margin-left:10px;
  margin-right: 3px;
}

.collectionDescription {
  margin-top:3px;
  margin-bottom: 3px;
  font-size: 16px;
}

#searchButton {
  border-style: solid;
  border-color: #C1D2CE;
  border-width: 1px;
  background-color: #1d4969;
  color:white;
  font-family: 'PT Sans', Verdana, Arial, sans-serif;
  padding-left: 4px;
  padding-right: 4px;
  border-radius:3px;
}

#facebookIconContainer {
  position: absolute;
  right:12px;
  top:12px;
}