/* MAIN STYLING */
body{
  background-image: url(../images/brownPolkaDot.gif); 
  background-repeat: repeat;
  background-color: #80786d;  
  margin: 0; 
  padding: 0;
  }
  
  .clear{clear: both;}
  
.shadow{
  width: 980px; 
  margin: 0 auto; 
  background-image: url(../images/shadow.png); 
  background-repeat: repeat-y;
  }
  
.mainContent{color: #6a6459; font-size: 1.2em; width: 620px; margin: 0 auto; margin-top: 40px;}
.mainContent a{color: #6a6459;}
.mainContent a:hover{color: #c00;}
.topics{float: right;}
.topics ul li a, .topics a:visited{color: #6a6459;}
.topics ul li a:hover{color: #c00;}
.topics ul li{list-style: disc; }
  
/* HEADER */
.header{
  background-color: #d4d0c7; 
  background-image: url(../images/beigeGradient.gif); 
  background-repeat: repeat-x;  
  height: 100px;
  margin: 0;
  }

.innerHeader{
  background-image: url(../images/beigeGradient.gif); 
  background-repeat: repeat-x; 
  background-color: #d4d0c7; 
  height: 100px; 
  width: 930px; 
  margin: 0 auto;
  padding: 0;
  }

.innerHeader img{margin: 10px 0 0 40px;}

.topBorder{
  width: 100%;
  height: 4px;
  background: url(../images/border.gif) repeat-x; 
  margin: 0; padding: 0;
  }

.topBorderShadow{
  width: 980px; 
  margin: 0 auto; 
  padding: 0;
  background-image: url(../images/whiteShadow.png); 
  background-repeat: no-repeat;
  height: 4px;
  }
.innerBorder{
  width: 930px;
  margin: 0 auto;
  padding: 0;
  background: url(../images/border2.gif) repeat-x; 
  position: relative; 
  z-index: 5;
  height: 4px;
  }

.innerMain{
  width: 930px;
  margin: 0 auto;
  padding: 0;
  background-color: #e2ddd9; 
  }
  
/* TOP SECTION */
.rightMain{  
  width: 705px;
  float: right;
  margin: 0;
  padding: 0;
  }
.topSection{
  margin: 0;
  padding: 0;
  height: 400px;
  }
.topRight{float: right; width: 302px; height: 400px; margin: 0; padding: 0;}
.topRight p{
  font-size: 1.1em; 
  color: #6a6459; 
  margin: 10px 20px 0px 20px;
  }
.topLeft{width: 400px; border-right: solid 2px #bab3a0;}

/*  TOP NAVIGATION */
 .navigation-bar{
  width: 300px; 
  margin-top: -25px;
  float: right;
  background-image: url(images/topNavBackground.gif); background-repeat: repeat-x;
  
   
}
ul#navlist{
  padding-left: 0;
  white-space: nowrap;
  float: right;
  font-size: .8em;
  background: transparent;
  margin:  28px 10px 0 0; 
}
#navlist li{
  display: inline;
  list-style-type: none;
}
#navlist li a:hover{
  color: #900;
  position: relative; z-index: 20; 
}
#navlist a, #navlist a:visited{

  font-size: 1.1em;
  color: #797366;
  padding: 30px 10px 10px;
  margin: 0 0 30px 0;
}
.whiteZigZags{width: 100%;height: 4px;
        background: url(../images/border.gif) repeat-x; 
  margin: 0; padding: 0;}


/* NAVIGATION */

.navigationBand{
  width: 222px; 
  background: url(../images/navGradient.gif) repeat-y #c8c2b4;
  border-right: solid 2px #bab3a0;
  margin: 0;
  padding: 0;
  }

#wrapper{
	width: 210px;
	margin-left: auto;
	margin-right: auto;
	padding: 50px 0 0 0;
	margin-left: 10px;
	background: transparent; 
	color: #fff;
	font-size: 1.2em;

	}
	 
.accordionButton{
  width: 190px;
	float: left;

	cursor: pointer;
	margin: 0 0 0 20px;
	color: #fff;
	padding: 5px 0;
	font-size: 1.2em;
  }
.accordionContent{
  width: 203px;
	float: left; 
  background-color: #e2ddd9; 
	display: none;
	padding: 0;
	margin: 0 0 0 -10px;
	color: #80786d;
	border-top: outset 3px #70685f; 
	border-bottom: inset 3px #70685f;
  font-size: 1.2em;
  }

.accordionContent a:visited{color: #80786d;}
.accordionButton a, .accordionButton a:hover, .accordionButton a:visited{text-decoration: none;}
.accordionButton a, .accordionButton a:visited{color: #fff;}
	
.accordionContent a{
  text-decoration: none; 
  width: 200px; 
  display: block;  
  margin: 0; 
  padding: 0 0 0 20px;  
  color: #736b61;
  background-color: #e2ddd9; 
  }
.accordionContent a:hover{
  background-color: #fff;  
  width: 200px;  
  margin: 0;  
  padding: 0 0 0 20px;
  color: #736b61;
  }

/* MIDDLE BAND */
.middleBand{background: url(../images/beigeGradient.gif) repeat-x; height: 58px;}
.middleTopBorder{background: url(../images/border2up.gif) repeat-x; height: 4px;}
.mainMiddleBand{
  height: 40px; 
  padding: 9px 0; 
  margin: -4px 0 0 0; 
  }
.mainMiddleBand img{position: relative; z-index: 3;}
.middleBottomBorder{background: url(../images/border2.gif) repeat-x; height: 4px; margin: -4px 0 0 0;}

/* LOWER MAIN SECTION */
.lowerSection{width: 705px; margin: 0; padding: 0; height: 267px;}

/* FOOTER */
.footer{background-image: url(../images/footerGrad.gif); background-repeat: repeat-x; color: #fff; 
font-size: .8em; margin: -15px 0 0 0; padding: 0; height: 100px;}
.footer a, .footer a:visited{color: #fff;}
.footer a:hover{color: #600;}
.footerRight{float: right; margin-right: 50px; margin-top: 30px; text-align: right; background-color: transparent; }
.footerLeft{margin: 0 0 0 50px; background-color: transparent; }
.footerTopBorder{background: url(../images/border2up.gif) repeat-x; height: 4px; margin-top: -45px;
position: relative; z-index: 5;}

/* CONTACT US PAGE */
 .photoAndLegend{border: solid 5px #fff;  background-color: #e2ddd9; margin: 30px;} 
 .photoAndLegend img{border: none;}
 .productHeading{width: 285px; float: right; background-color: #fff; 
                       text-align: center; padding: 10px 50px; font-size: 1.6em; 
                       height: 30px;  }
 .productHeading h4{margin: 0; padding: 0; color: #5f5950;  font-family: 'monotype corsiva';}
 .productLegend{font-size: .6em;
                    text-align: left; color: #6a6459; height: 180px; 
                    background-color: #e2ddd9; padding: 0px; margin: 10px -20px;}
.productLegend p{font-size: 1.1em;}
.productLegend a, .productLegend a:visited{color: #6a6459;}
.productLegend a:hover{color: #fff;}
  .largePhoto{width: 250px;}
  .largePhoto img{margin-left: 2px; margin-top: 0px;}

/* TERMS AND CONDITIONS PAGE */
.topics{float: right; }
.topics a, .topics a:visited{color: #555148;}
.topics a:hover{color: #fff;}
.topics ul li{list-style: disc; }

/* FOR THE BRIDE PAGE */

.brides-links{width: 150px; border: solid 2px #fff; margin: 7px; float: right; height: 250px;}
.brides-links a,  .brides-links a:hover,  .brides-links a:visited{border: none;}
.brides-links a:hover{ /* for IE */ 
    opacity: 0.5;
    filter:alpha(opacity=50); 
    }
#brideContent{color: #6a6459; font-size: 1.2em; width: 705px; margin: 0 auto;}
#brideContent a{color: #6a6459;}
#brideContent a:hover{}
#brideContent h2, #brideContent p{margin-left: 30px; margin-right: 30px;}

/* PRODUCT PAGES*/

  .whiteBar{width: 620px; background-color: #c1bbb5; color: #5d5d5d; padding: 5px 10px; margin: 0 auto; color: #1f1f1f; height: 25px;}

  .whiteBarP, .whiteBarP a, .whiteBarP a:visited, .whiteBarP a:active{color: #1f1f1f; margin: 0; padding: 0;}
  .whiteBarP a:hover{color: #900;}
  
 .productDisplay{width: 630px; height: 162px; margin: 0 auto; border: solid 4px #fff; border-bottom: 0; margin-top: 30px; background-color: #e2ddd9;}
  
  .productDisplay img{border: none;}
  
  .rightBoxWholesale{float: left; width: 340px; color: #6a6459; padding: 0 10px; margin-left: 5px;
  
  }
  .rightBox{float: right; width: 340px; color: #6a6459; padding: 0 10px;}
  .rightBox h3, .rightBoxWholesale h3{text-align: left; color: #574742; margin: 10px 0 0 0; font-size: 1.3em;}
  .rightBox h4, .rightBoxWholesale h4{float: right; margin: 10px 30px 0 0; font-size: 1.3em; font-weight: bold;}
  .rightBox p, .rightBoxWholesale p{font-size: 1.05em;}
  .farRight{width: 120px; float: right;}
  .farRight img{margin-left: 10px; margin-top: 30px;}
  .farRight p{color: #48443e; margin: 15px 15px 0 0;}
  .farRight a{color: #48443e; font-weight: bold;}
  .farLeft{width: 250px;}
  .farLeft img{margin-top: 15px; margin-left: 10px;}
  
  .tiaraOptions, .tiaraOptionsWholesale{width: 150px; float: right; margin-right: 60px;}
  .tiaraOptionsWholesale{margin-right: 10px;}
  .tiaraOptions p, .tiaraOptionsWholesale p{color: #fff; font-size: 1.1em;}
  .tiaraOptions p a, .tiaraOptionsWholesale p a, .tiaraOptions p a:visited, 
  .tiaraOptionsWholesale p a:visited{color: #fff;}
  .tiaraOptions p a:hover, .tiaraOptionsWholesale p a:hover{color: #900;}
  .spacer5{height: 5px;}
  .spacer10{height: 10px;}
  .spacer20{height: 20px;}
  .spacer30{height: 30px;}
  .spacer40{height: 40px;}
  .selectChoice{width: 140px;}
  
  .productBottom{background-color: #c8c2b4; margin: 0 auto; border: solid 4px #fff; border-top: solid 1px #fff; color: #524d45; width: 630px; height: 110px;}
  .productBottomRight{float: right; width: 100px; padding-left: 50px;}
  .productBottomMiddle{width: 150px; float: right;}
  .productBottomLeft{width: 250px;}
  .productBottomLeft h4{margin: 0; padding: 15px 20px 0; font-size: 1.2em;}
  .productBottomLeft a:link, a:visited{color: #524d45;}
  .productBottomLeft a:hover{color: #851212;}
  
  /* THE LINKS PAGE */
  .linksContainer{width: 600px; margin: 0 auto;}
   .linksCategory{width: 600px; }
   .linksTitle{width: 570px; background-color: #600; color: #fff; }
   .linksTitle h2{text-align: center; padding: 5px; }
   .linksCompanyRight{background-color: #f5f3f1;  width: 570px; float: right; border: solid 2px #fff; margin: -205px 0 20px 20px; padding: 0;}
   .linksCompanyLeft{background-color: #f5f3f1;  width: 570px; border: solid 2px #fff; margin: 0 0 20px 0; padding: 0;}
   .linksCompanyRight h3, .linksCompanyLeft h3{background-color: #9e947c; color: #fff; padding: 5px; margin: 0;}
   .linksDescription{ margin: 20px;}
   .linksWebsite, .linksWebsite a{font-weight: bold; padding: 5px; color: #fff; background-color: #c8c2b4;  }
   .linksWebsite a:hover{color: #600;}
  
  .searchbox{margin-right: 20px;}
  .searchboxItem{float: right; margin-left: 10px; margin-top: 15px;}
  .searchboxGo{float: right; margin-top: 12px;}
  .searchboxText{float: right;}

  .shopCartLink{float: right; margin-top: 40px;}
  
  .zoomInstruction img{position: relative; z-index: 3;}
  
  .veilImages{float: right; margin: 20px;}
  
  .capeImages{text-align: center; float: right; margin: 10px;}
  
/* FOOTER */
.footer{height: 1100px; background-image: url(images/big-footer-grad.gif);
              background-repeat: repeat-x; background-color: #655d55; }
.inner-footer{width: 870px; margin: 0 auto; height: 900px;}
.left-column, .middle-column{width: 245px; height: 900px; float: left; padding: 20px;
                 border-right: 1px solid #9d9582; color: #fff;}
.left-column h2, .middle-column h2, .right-column h2{font-size: 2em; font-family: 'monotype corsiva';}
.left-column img{border: solid 5px #e8e8e8; margin-left: 15px;}
.left-column p, .middle-column p, .right-column p{font-size: 1.5em;}
.left-column p span{font-weight: bold;}
#preview-img{border: none; margin-left: 50px;}
#twitter-img{border: none; margin-left: 72px;}
.right-column{width: 245px; height: 650px; float: left; padding: 20px;
                  color: #fff;}
#vote-img{float: right; padding: 10px;}