html
{ scrollbar-face-color: #EBD1AB;
scrollbar-arrow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #EBD1AB;
scrollbar-3dlight-color: #000000;
}
.alt { display: none; }
body { margin: 0; padding: 0; background-color: #F9EEE4; }
#bodydiv { padding: 0 500px 0 500px; }
#sizer { width: 100%; }
#expander { margin: 0 -500px 0 -500px; position: relative; }
/* Holly Hacks \*/
* html #bodydiv,
* html #sizer,
* html #expander { height: 0; }
/* */
#header { clear: both; position: relative; height: 226px; }
#banTop
{ clear: both; position: relative; height: 152px; }
#banTopPeriod
{ height: 152px;
background: url(\img/Layout_03.jpg) repeat-x;
}
#banTopLeft
{ float: left;
width: 273px; height: 152px;
background: url(\img/Layout_01.jpg) 0 0 no-repeat;
}
#banTopLeftLink a
{ position: absolute;
width: 273px; height:152px;
top: 0; text-decoration: none;
}
#banTopLeftLink a i {visibility: hidden; }
a#banTopLeftOpt{ width: 273px; height:152px;}
#banTopRight
{ float: right;
width: 226px; height: 152px;
background: url(\img/Layout_04.jpg) 0 0 no-repeat;
}
#banTopRightLink a
{ position: absolute;
width: 226px; height:152px;
top: 0; text-decoration: none;
}
#banTopRightLink a i {visibility: hidden; }
a#banTopRightOpt{ width: 226px; height:152px;}
#banTopMid
{ width: 454px; height: 152px; margin: 0 auto; top: 0;
background: url(\img/Layout_02.jpg) 0 0 no-repeat;
background-position: center;
}
#banTopMidLink a
{ position: absolute;
width: 454px; height:152px;
top: 0; text-decoration: none;
}
#banTopMidLink a i {visibility: hidden; }
a#banTopMidOpt{ width: 454px; height:152px;}
#banBottom
{ clear: both; position: relative; height: 74px; }
#banBottomPeriod
{
position: absolute;
top: 0; left: 0;
height: 74px; width: 100%;
background: url(\img/Layout_06.jpg) repeat-x;
}
#banBottomLeft
{ position: absolute;
top: 0; left: 0;
width: 727px; height: 74px;
background: url(\img/Layout_05.jpg) 0 0 no-repeat;
}
#banBottomRight
{ position: absolute;
top: 0; right: 0;
width: 226px; height: 74px;
background: url(\img/Layout_07.jpg) 0 0 no-repeat;
}
#aweberForm
{
position: absolute;
top: 0; left: 0;
width: 160px; height: 200px;
}
#StoreAddress
{ position: absolute;
top: 1px; right: 10px;
width:260px; height: 100px;
text-align: left;
}
#AddressText
{ left: 0px; top: 5px;
height: 80px;
line-height:115%;
font-family: georgia,times new roman,times,serif;
font-size: 14px;
color: #800720;
}
#wrapper { overflow: hidden; }
#wrapper
{
/* Normally a Holly-style hack height: 1% would suffice but that causes
IE 5.01 to completely collapse the wrapper - instead we float it */
float: left;
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes
(I saw it happen many moons ago) makes the width of wrapper too small
the float: none with the comment is ignored by 5.01,
5.5 and above see it and carry on about their business
It's probably fine to just remove it, but it's left here
just in case that many moons ago problem rears its head again */
float/**/: none;
}
/* easy clearing */
#wrapper:after
{ content: '[DO NOT LEAVE IT IS NOT REAL]';
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#wrapper
{ display: -moz-inline-block;
display: inline-block;
}
/*\*/
#wrapper { display: block; }
#leftColumn, #contentColumn, #rightColumn
{ padding-bottom: 32767px !important;
margin-bottom: -32767px !important;
}
#leftColumn
{ float: left;
width: 174px;
background: url(\img/Layout_14.jpg) repeat-y;
}
#leftCol_Pict
{ display: -moz-inline-block;
display: inline-block;
position: relative;
margin: 0; padding: 0;
width: 174px; height: 103px;
/*background: url(\img/LeftColPict.jpg) no-repeat;*/
}
#contentColumn
{ display: inline;
margin-right: 141px;
margin-left: 184px;
margin-top: 5px; margin-bottom: 2px;
padding: 5px 10px 10px 10px;
}
#rightColumn
{ float: right;
width: 131px;
background: url(\img/Layout_19.jpg) repeat-y;
text-decoration: none;
font-family: arial, "lucida console", sans-serif;
font-size: 13px;
font-weight: 600;
color: red;
}
#promoBlock
{ position: absolute;
right:0; top: 250px; padding: 0;
width: 120px; /*height: 130px;*/
color: #000000;
font-size: 16px;
}
.red{ color:#F90617;}
.blue{ color:blue;}
#outerFooter { clear: both; position: relative; height: 72px; }
#outerFooter_Mid
{ position: absolute;
top: 0; left: 0;
height: 75px; width: 100%;
background: url(\img/Layout_21.jpg) repeat-x;
}
#outerFooter_Left
{ position: absolute;
top: 0; left: 0;
width: 727px; height: 75px;
background: url(\img/Layout_20.jpg) 0 0 no-repeat;
}
#outerFooter_Right
{ position: absolute;
top: 0; right: 0;
width: 226px; height: 75px;
background: url(\img/Layout_22.jpg) 0 0 no-repeat;
}
#outer_footerText { position: absolute; padding-left: 190px; padding-top: 20px !important; padding-top: 38px; }
#outer_footerText a, #outer_footerText p
{ line-height: 1.3em;
font: 10pt Times, "Times New Roman", serif;
color: #000000;
}
#outer_footerText a { color: #B47906; text-decoration: none; }
#outer_footerText a:hover { color: #000000; text-decoration: underline; font-weight: bold; }
/*---------------------------------- Vertical Menu ----------------------------------------------*/
#leftNavigBar
{ position: absolute;
top: 190px;
left: -2px;
width: 164px; height: 900px;
background: url(\img/leftMenu/LM_All.gif) transparent no-repeat;
}
#leftNav a
{ position: absolute;
text-decoration: none;
font-family: arial, "lucida console", sans-serif;
font-size: 13px;
font-weight: 600;
color: black;
left: 15px;
}
#leftNav a:hover { color: #750517;}
ul, li
{ list-style-type: none;
margin:0; padding:0;
}
li { display: inline; /* correction for IE5 et IE5.5 */ }
li a
{ display: block; /* block for to give it its dimensions */
height: 25px; width: 164px;
line-height: 25px; /* height of line to avoind paddings */
}
a#bridGowOpt, a#brdMDrsOpt, a#evenDrsOpt, a#mothBrdOpt, a#promDrsOpt, a#flwGDrsOpt, a#drsKidsOpt,
a#veilsOpt, a#tiarasOpt, a#wedJewelOpt, a#brdHdPcOpt,
a#ordPolicyOpt, a#specSaleOpt , a#clearanceOpt, a#rentalOpt, a#discountOpt, a#onlinShopOpt,
a#wedTipsOpt, a#careerOpt, a#brdShowOpt, a#wedLinkOpt, a#linkUsOpt, a#wedDecoOpt
{ width: 144px; height: 25px; border-bottom: 1px dashed #CC6600; }
a#bridGowOpt{ top: 101px; }
a#brdMDrsOpt{ top: 127px; }
a#evenDrsOpt{ top: 151px; }
a#mothBrdOpt{ top: 176px; }
a#promDrsOpt{ top: 201px; }
a#flwGDrsOpt{ top: 227px; }
a#drsKidsOpt{ top: 251px; }
a#wedDecoOpt{ top: 277px; }
a#veilsOpt { top: 371px; }
a#tiarasOpt { top: 345px; }
a#wedJewelOpt{ top: 395px; }
a#brdHdPcOpt { top: 420px; }
a#ordPolicyOpt{ top: 513px; }
a#specSaleOpt { top: 539px; }
a#clearanceOpt{ top: 563px; }
a#rentalOpt { top: 588px; }
a#discountOpt { top: 613px; }
a#onlinShopOpt{ top: 639px; }
a#wedTipsOpt{ top: 736px; }
a#careerOpt{ top: 762px; }
a#brdShowOpt{ top: 788px; }
a#wedLinkOpt{ top: 814px; }
a#linkUsOpt{ top: 840px; }
/*---------------------------------- Vertical Menu ----------------------------------------------*/
/*---------------------------------- Menu Emphasizers -------------------------------------------*/
#bltCollect1, #bltCollect2, #bltServ1, #bltServ2, #bltShoes, #bltInvitations, #bltFavors
{ position: absolute;
width:11px; height: 10px;
background: url(\img/leftMenu/blt_Tiara.gif) transparent no-repeat;
}
#bltCollect1 { top: 300px; left: 1px; }
#bltCollect2 { top: 350px; left: 1px; }
#bltServ1 { top: 739px; left: 1px; }
#bltServ2 { top: 763px; left: 1px; }
#bltShoes { top: 450px; left: 1px; }
#bltInvitations { top: 544px; left: 1px; }
#bltFavors { top: 619px; left: 1px; }
/*---------------------------------- Menu Emphasizers -------------------------------------------*/
/*--------------------------------------- R_E Switch -----------------------------------------------*/
#RusButton, #EngButton
{position: absolute;
top: 152px; right: 173px;
width:60px; height: 18px;
}
#RusButton { background: url(\img/RusButton.gif); }
#EngButton { background: url(\img/EngButton.gif); }
#reBtn
{ position: absolute;
height: 18px;
top: 0;
}
#reBtn a
{ position: absolute;
height:18px;
top: 0;
text-decoration: none;
}
#reBtn a i {visibility: hidden; }
a#RusOpt{ left: 0; width: 60px; height: 18px;}
a#EngOpt{ left: 0; width: 60px; height: 18px;}
/*--------------------------------------- R_E Switch -----------------------------------------------*/
/*------------------------------ Horizontal Menu ----------------------------------------------*/
#navBar
{ position: absolute;
top: 191px; left: 166px; padding: 0;
}
#nav
{ position: absolute;
width: 602px; height:28px;
top:0; left: 0;
background: url(\img/hMenu/hBar.gif) transparent no-repeat;
}
#nav a
{ position: absolute;
width: 602px; height:24px;
top: 3px; left: 3px;
text-decoration: none;
}
#nav a i {visibility: hidden; }
a#brdSalonOpt{ left: 2px; width: 119px; height: 24px;}
a#aboutOpt{ left: 122px; width: 105px; height: 24px;}
a#onSaleOpt{ left: 227px; width: 128px; height: 24px;}
a#testimonOpt{ left: 354px; width: 124px; height: 24px;}
a#contactOpt{ left: 478px; width: 122px; height: 24px;}
a#plusone{ position: absolute; left: 620px; width: 50px; height: 24px;}
#brdSalon a#brdSalonOpt, a#brdSalonOpt:hover{ background: url(\img/hMenu/hBar_On_01.gif) transparent no-repeat; }
#about a#aboutOpt, a#aboutOpt:hover { background: url(\img/hMenu/hBar_On_02.gif) transparent no-repeat; }
#onSale a#onSaleOpt, a#onSaleOpt:hover { background: url(\img/hMenu/hBar_On_03.gif) transparent no-repeat; }
#testimon a#testimonOpt, a#testimonOpt:hover { background: url(\img/hMenu/hBar_On_04.gif) transparent no-repeat; }
#contact a#contactOpt, a#contactOpt:hover { background: url(\img/hMenu/hBar_On_05.gif) transparent no-repeat; }
/*------------------------------ Horizontal Menu ----------------------------------------------*/
/*--------------------------------------- Links -----------------------------------------------*/
#linksBar
{ position: absolute;
top: 151px; left: 180px;
}
#h_Links
{ position: absolute;
height: 25px;
top: 0;
}
#h_Links a
{ position: absolute;
height:25px;
top: 0;
text-decoration: none;
}
#h_Links a i {visibility: hidden; }
a#NewWedForumOpt{ left: 0; width: 157px; height: 25px;}
a#BlogOpt{ left: 159px; width: 67px; height: 25px;}
a#SiteMapOpt{ left: 228px; width: 100px; height: 25px;}
a#WeddingServicesOpt{ left: 362px; width: 170px; height: 25px;}
/*--------------------------------------- Links -----------------------------------------------*/