/* e9e9e9 grey 777777 grey dark swanlake CC6699 heartline DB7494 catherine b ff6699 ff99cc e8c2be (gradient 100%) f4e1df (gradient 50%) */ /*GENERAL*/ html, body { height: 100%; } body { margin: 0 auto; font-family: "Verdana", Tahoma, Helvetica, Arial, sans-serif; color: #666; background-color: #e8c2be; font-size: 12px; } a, link, active, visited { color: #ff6699; text-decoration: underline; } a:hover { color: #ffcc99; text-decoration: underline; } h1 { display: none; } h2 { display: none; } h3 { display: none; } hr { border: 0; background-color: #e9e9e9; height: 1px; } #allwhite { background-color: #fff; } /*BGs*/ #catbhome { margin: 0 auto; background: #fff url("../images/layout/catherinebdesigns.jpg") center bottom no-repeat; width: 1024px; height: 768px; padding: 10px 0px 0px 0px; /*border: 1px solid #b68110;*/ } #swanbg { background: #fff url("../images/layout/swanlake.jpg") left bottom no-repeat; /*width: 100%; height: 100%;*/ } #veryversaillesbg { background: #fff url("../images/layout/veryversailles.jpg") left bottom no-repeat; /*width: 100%; height: 100%;*/ } #vintagerosebg { background: #fff url("../images/layout/vintagerose.jpg") left bottom no-repeat; /*width: 100%; height: 100%;*/ } #pearlyqueenbg { background: #fff url("../images/layout/pearlyqueen.jpg") left bottom no-repeat; /*width: 100%; height: 100%;*/ } #kanzashibg { background: #fff url("../images/layout/kanzashi.jpg") left bottom no-repeat; /*width: 100%; height: 100%;*/ } #cafenoirbg { background: #fff url("../images/layout/cafenoir.jpg") left bottom no-repeat; /*width: 100%; height: 100%;*/ } #generalbg { background: #e8c2be url("../images/layout/grad2.gif") left top repeat-x; /*width: 100%; height: 100%;*/ } #hollywoodbg { background: #fff url("../images/layout/hollywood.jpg") left bottom no-repeat; /*width: 100%; height: 100%;*/ } #offmiddle { margin: 0 auto; /*margin: 0px 0px 0px 100px;*/ width: 750px; /*border: 1px solid #ff0000;*/ } #insidebanner { width: 750px; height: 91px; background: #fff url("../images/layout/catblogo.gif") bottom left no-repeat; padding: 10px 0px 0px 0px; } #insidebannerhome { width: 750px; height: 91px; background: #fff url("../images/layout/catblogo2.gif") bottom left no-repeat; padding: 10px 0px 0px 0px; } /*SOLID*/ #insidegrey { width: 750px; min-height: 580px; } /*TRANS*/ #insidegreytrans1 { width: 750px; min-height: 580px; } #insidegreytrans2 { position: absolute; width: 750px; min-height: 580px; background-color: #e9e9e9; filter: alpha(opacity=75); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; } #insidegreytrans3 { position: relative; width: 750px; background: transparent; } /*TRANS #flashtrans1 { width: 750px; height: 580px; margin: 94px 0px 0px 10px; } #flashtrans2 { position: absolute; width: 750px; min-height: 580px; background-color: #e9e9e9; filter: alpha(opacity=75); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; } #flashtrans3 { position: relative; width: 750px; background: transparent; } #catbflash { margin: 10px 0px 0px 10px; width: 730px; height: 560px; background-color: #fff; z-index: 100; position: absolute; } */ #catbflash { width: 100%; height: 768px; } #insidedarkgreytrans1 { width: 750px; min-height: 580px; } #insidedarkgreytrans2 { position: absolute; width: 750px; min-height: 580px; background-color: #777; filter: alpha(opacity=75); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; } #insidedarkgreytrans3 { position: relative; width: 750px; background: transparent; } /*TRANS*/ #insidewhitetrans1 { /*width: 750px;*/ height: 50px; } #insidewhitetrans2 { position: absolute; /*width: 750px;*/ height: 50px; background-color: #fff; filter: alpha(opacity=75); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; } #insidewhitetrans3 { position: relative; /*width: 750px;*/ background: transparent; } #insidewhite { margin: 0 auto; width: 716px; height: 399px; background-color: #fff; } #insidewhitecustompink { margin: 0 auto; width: 716px; height: 425px; background: #fff url("../images/custom/bgcustompink.jpg") bottom right no-repeat; } #insidewhitecustomsilver { margin: 0 auto; width: 716px; height: 425px; background: #fff url("../images/custom/bgcustomsilver.jpg") bottom right no-repeat; } #insidewhitecustompurp { margin: 0 auto; width: 716px; height: 425px; background: #fff url("../images/custom/bgcustompurp.jpg") bottom right no-repeat; } #insidewhitecustomreddy { margin: 0 auto; width: 716px; height: 425px; background: #fff url("../images/custom/bgcustomreddy.jpg") bottom right no-repeat; } #insidewhitecontact { margin: 0 auto; width: 716px; height: 399px; background: #fff url("../images/layout/contactmap.jpg") bottom right no-repeat; } #pinklabel { margin: 0 auto; text-align: right; background-color: #f4e1df; padding: 5px 5px 5px 5px; font-size: 12px; width: 706px; /*minus 10 for padding left and right (5px) */ height: 16px; } #footer { margin: 0 auto; clear: both; background-color: #fff; /*border: 1px solid #ff0000;*/ } /*MENU*/ #insidemenu { width: 750px; height: 25px; background-color: #e9e9e9; } #nav { list-style: none; padding: 0; margin: 0; float: left; } #nav a { text-decoration: none; display: block; } #nav ul { list-style: none; padding: 0; margin: 0; } #nav li a { display: block; } #nav a:hover { text-decoration: none; } #nav li { float: left; padding: 0; margin: 0; } #nav li>ul { display: none; position: absolute; list-style-type: none; margin: 0; /* all browsers including Mac IE */ *margin: 25px 0 0 -125px; /* IE 7 and below */ _margin: 25px 0 0 -125px; /* IE 6 and below */ } #nav li:hover>ul { display: block; width: 125px; z-index: 100; } #nav li>ul>li a { display: block; } #homeon a { background: #d9d9d9 url(../images/menu/home2.gif) no-repeat; width: 104px; height: 25px; } #home a { background: #e9e9e9 url(../images/menu/home1.gif) no-repeat; width: 104px; height: 25px; } #home a:hover { background: #d9d9d9 url(../images/menu/home2.gif) no-repeat; width: 104px; height: 25px; } #collectionson a { background: #d9d9d9 url(../images/menu/collections2.gif) no-repeat; width: 125px; height: 25px; } #collections a { background: #e9e9e9 url(../images/menu/collections1.gif) no-repeat; width: 125px; height: 25px; } #collections a:hover { background: #d9d9d9 url(../images/menu/collections2.gif) no-repeat; width: 125px; height: 25px; } /*SUBS*/ #swanon a { background: #d9d9d9 url(../images/menu/swan2.gif) no-repeat; width: 125px; height: 25px; } #swan a { background: #e9e9e9 url(../images/menu/swan1.gif) no-repeat; width: 125px; height: 25px; } #swan a:hover { background: #d9d9d9 url(../images/menu/swan2.gif) no-repeat; width: 125px; height: 25px; } #vintageon a { background: #d9d9d9 url(../images/menu/vintage2.gif) no-repeat; width: 125px; height: 25px; } #vintage a { background: #e9e9e9 url(../images/menu/vintage1.gif) no-repeat; width: 125px; height: 25px; } #vintage a:hover { background: #d9d9d9 url(../images/menu/vintage2.gif) no-repeat; width: 125px; height: 25px; } #pearlyon a { background: #d9d9d9 url(../images/menu/pearly2.gif) no-repeat; width: 125px; height: 25px; } #pearly a { background: #e9e9e9 url(../images/menu/pearly1.gif) no-repeat; width: 125px; height: 25px; } #pearly a:hover { background: #d9d9d9 url(../images/menu/pearly2.gif) no-repeat; width: 125px; height: 25px; } #veryveron a { background: #d9d9d9 url(../images/menu/veryver2.gif) no-repeat; width: 125px; height: 25px; } #veryver a { background: #e9e9e9 url(../images/menu/veryver1.gif) no-repeat; width: 125px; height: 25px; } #veryver a:hover { background: #d9d9d9 url(../images/menu/veryver2.gif) no-repeat; width: 125px; height: 25px; } #kanon a { background: #d9d9d9 url(../images/menu/kan2.gif) no-repeat; width: 125px; height: 25px; } #kan a { background: #e9e9e9 url(../images/menu/kan1.gif) no-repeat; width: 125px; height: 25px; } #kan a:hover { background: #d9d9d9 url(../images/menu/kan2.gif) no-repeat; width: 125px; height: 25px; } #cafeon a { background: #d9d9d9 url(../images/menu/cafe2.gif) no-repeat; width: 125px; height: 25px; } #cafe a { background: #e9e9e9 url(../images/menu/cafe1.gif) no-repeat; width: 125px; height: 25px; } #cafe a:hover { background: #d9d9d9 url(../images/menu/cafe2.gif) no-repeat; width: 125px; height: 25px; } #hollywoodon a { background: #d9d9d9 url(../images/menu/hollywood2.gif) no-repeat; width: 125px; height: 25px; } #hollywood a { background: #e9e9e9 url(../images/menu/hollywood1.gif) no-repeat; width: 125px; height: 25px; } #hollywood a:hover { background: #d9d9d9 url(../images/menu/hollywood2.gif) no-repeat; width: 125px; height: 25px; } #stockistson a { background: #d9d9d9 url(../images/menu/stockists2.gif) no-repeat; width: 104px; height: 25px; } #stockists a { background: #e9e9e9 url(../images/menu/stockists1.gif) no-repeat; width: 104px; height: 25px; } #stockists a:hover { background: #d9d9d9 url(../images/menu/stockists2.gif) no-repeat; width: 104px; height: 25px; } #customon a { background: #d9d9d9 url(../images/menu/custom2.gif) no-repeat; width: 104px; height: 25px; } #custom a { background: #e9e9e9 url(../images/menu/custom1.gif) no-repeat; width: 104px; height: 25px; } #custom a:hover { background: #d9d9d9 url(../images/menu/custom2.gif) no-repeat; width: 104px; height: 25px; } /*SUBS*/ #cryson a { background: #d9d9d9 url(../images/menu/crystal2.gif) no-repeat; width: 125px; height: 25px; } #crys a { background: #e9e9e9 url(../images/menu/crystal1.gif) no-repeat; width: 125px; height: 25px; } #crys a:hover { background: #d9d9d9 url(../images/menu/crystal2.gif) no-repeat; width: 125px; height: 25px; } #peaon a { background: #d9d9d9 url(../images/menu/pearl2.gif) no-repeat; width: 125px; height: 25px; } #pea a { background: #e9e9e9 url(../images/menu/pearl1.gif) no-repeat; width: 125px; height: 25px; } #pea a:hover { background: #d9d9d9 url(../images/menu/pearl2.gif) no-repeat; width: 125px; height: 25px; } #appson a { background: #d9d9d9 url(../images/menu/appointments2.gif) no-repeat; width: 125px; height: 25px; } #apps a { background: #e9e9e9 url(../images/menu/appointments1.gif) no-repeat; width: 125px; height: 25px; } #apps a:hover { background: #d9d9d9 url(../images/menu/appointments2.gif) no-repeat; width: 125px; height: 25px; } #custdeson a { background: #d9d9d9 url(../images/menu/customdesign2.gif) no-repeat; width: 125px; height: 25px; } #custdes a { background: #e9e9e9 url(../images/menu/customdesign1.gif) no-repeat; width: 125px; height: 25px; } #custdes a:hover { background: #d9d9d9 url(../images/menu/customdesign2.gif) no-repeat; width: 125px; height: 25px; } #polion a { background: #d9d9d9 url(../images/menu/terms2.gif) no-repeat; width: 125px; height: 25px; } #poli a { background: #e9e9e9 url(../images/menu/terms1.gif) no-repeat; width: 125px; height: 25px; } #poli a:hover { background: #d9d9d9 url(../images/menu/terms2.gif) no-repeat; width: 125px; height: 25px; } #copyon a { background: #d9d9d9 url(../images/menu/copyright2.gif) no-repeat; width: 125px; height: 25px; } #copy a { background: #e9e9e9 url(../images/menu/copyright1.gif) no-repeat; width: 125px; height: 25px; } #copy a:hover { background: #d9d9d9 url(../images/menu/copyright2.gif) no-repeat; width: 125px; height: 25px; } #presson a { background: #d9d9d9 url(../images/menu/press2.gif) no-repeat; width: 104px; height: 25px; } #press a { background: #e9e9e9 url(../images/menu/press1.gif) no-repeat; width: 104px; height: 25px; } #press a:hover { background: #d9d9d9 url(../images/menu/press2.gif) no-repeat; width: 104px; height: 25px; } #brideson a { background: #d9d9d9 url(../images/menu/brides2.gif) no-repeat; width: 105px; height: 25px; } #brides a { background: #e9e9e9 url(../images/menu/brides1.gif) no-repeat; width: 105px; height: 25px; } #brides a:hover { background: #d9d9d9 url(../images/menu/brides2.gif) no-repeat; width: 105px; height: 25px; } #contacton a { background: #d9d9d9 url(../images/menu/contact2.gif) no-repeat; width: 104px; height: 25px; } #contact a { background: #e9e9e9 url(../images/menu/contact1.gif) no-repeat; width: 104px; height: 25px; } #contact a:hover { background: #d9d9d9 url(../images/menu/contact2.gif) no-repeat; width: 104px; height: 25px; } /*DARK*/ #darkhomeon a { background: #666666 url(../images/menudark/home2.gif) no-repeat; width: 104px; height: 25px; } #darkhome a { background: #777777 url(../images/menudark/home1.gif) no-repeat; width: 104px; height: 25px; } #darkhome a:hover { background: #666666 url(../images/menudark/home2.gif) no-repeat; width: 104px; height: 25px; } #darkcollectionson a { background: #666666 url(../images/menudark/collections2.gif) no-repeat; width: 125px; height: 25px; } #darkcollections a { background: #777777 url(../images/menudark/collections1.gif) no-repeat; width: 125px; height: 25px; } #darkcollections a:hover { background: #666666 url(../images/menudark/collections2.gif) no-repeat; width: 125px; height: 25px; } /*SUBS*/ #darkswanon a { background: #666666 url(../images/menudark/swan2.gif) no-repeat; width: 125px; height: 25px; } #darkswan a { background: #777777 url(../images/menudark/swan1.gif) no-repeat; width: 125px; height: 25px; } #darkswan a:hover { background: #666666 url(../images/menudark/swan2.gif) no-repeat; width: 125px; height: 25px; } #darkvintageon a { background: #666666 url(../images/menudark/vintage2.gif) no-repeat; width: 125px; height: 25px; } #darkvintage a { background: #777777 url(../images/menudark/vintage1.gif) no-repeat; width: 125px; height: 25px; } #darkvintage a:hover { background: #666666 url(../images/menudark/vintage2.gif) no-repeat; width: 125px; height: 25px; } #darkpearlyon a { background: #666666 url(../images/menudark/pearly2.gif) no-repeat; width: 125px; height: 25px; } #darkpearly a { background: #777777 url(../images/menudark/pearly1.gif) no-repeat; width: 125px; height: 25px; } #darkpearly a:hover { background: #666666 url(../images/menudark/pearly2.gif) no-repeat; width: 125px; height: 25px; } #darkveryveron a { background: #666666 url(../images/menudark/veryver2.gif) no-repeat; width: 125px; height: 25px; } #darkveryver a { background: #777777 url(../images/menudark/veryver1.gif) no-repeat; width: 125px; height: 25px; } #darkveryver a:hover { background: #666666 url(../images/menudark/veryver2.gif) no-repeat; width: 125px; height: 25px; } #darkkanon a { background: #666666 url(../images/menudark/kan2.gif) no-repeat; width: 125px; height: 25px; } #darkkan a { background: #777777 url(../images/menudark/kan1.gif) no-repeat; width: 125px; height: 25px; } #darkkan a:hover { background: #666666 url(../images/menudark/kan2.gif) no-repeat; width: 125px; height: 25px; } #darkcafeon a { background: #666666 url(../images/menudark/cafe2.gif) no-repeat; width: 125px; height: 25px; } #darkcafe a { background: #777777 url(../images/menudark/cafe1.gif) no-repeat; width: 125px; height: 25px; } #darkcafe a:hover { background: #666666 url(../images/menudark/cafe2.gif) no-repeat; width: 125px; height: 25px; } #darkhollywoodon a { background: #666666 url(../images/menudark/hollywood2.gif) no-repeat; width: 125px; height: 25px; } #darkhollywood a { background: #777777 url(../images/menudark/hollywood1.gif) no-repeat; width: 125px; height: 25px; } #darkhollywood a:hover { background: #666666 url(../images/menudark/hollywood2.gif) no-repeat; width: 125px; height: 25px; } #darkstockistson a { background: #666666 url(../images/menudark/stockists2.gif) no-repeat; width: 104px; height: 25px; } #darkstockists a { background: #777777 url(../images/menudark/stockists1.gif) no-repeat; width: 104px; height: 25px; } #darkstockists a:hover { background: #666666 url(../images/menudark/stockists2.gif) no-repeat; width: 104px; height: 25px; } #darkcustomon a { background: #666666 url(../images/menudark/custom2.gif) no-repeat; width: 104px; height: 25px; } #darkcustom a { background: #777777 url(../images/menudark/custom1.gif) no-repeat; width: 104px; height: 25px; } #darkcustom a:hover { background: #666666 url(../images/menudark/custom2.gif) no-repeat; width: 104px; height: 25px; } /*SUBS*/ #darkcryson a { background: #666666 url(../images/menudark/crystal2.gif) no-repeat; width: 125px; height: 25px; } #darkcrys a { background: #777777 url(../images/menudark/crystal1.gif) no-repeat; width: 125px; height: 25px; } #darkcrys a:hover { background: #666666 url(../images/menudark/crystal2.gif) no-repeat; width: 125px; height: 25px; } #darkpeaon a { background: #666666 url(../images/menudark/pearl2.gif) no-repeat; width: 125px; height: 25px; } #darkpea a { background: #777777 url(../images/menudark/pearl1.gif) no-repeat; width: 125px; height: 25px; } #darkpea a:hover { background: #666666 url(../images/menudark/pearl2.gif) no-repeat; width: 125px; height: 25px; } #darkappson a { background: #666666 url(../images/menudark/appointments2.gif) no-repeat; width: 125px; height: 25px; } #darkapps a { background: #777777 url(../images/menudark/appointments1.gif) no-repeat; width: 125px; height: 25px; } #darkapps a:hover { background: #666666 url(../images/menudark/appointments2.gif) no-repeat; width: 125px; height: 25px; } #darkcustdeson a { background: #666666 url(../images/menudark/customdesign2.gif) no-repeat; width: 125px; height: 25px; } #darkcustdes a { background: #777777 url(../images/menudark/customdesign1.gif) no-repeat; width: 125px; height: 25px; } #darkcustdes a:hover { background: #666666 url(../images/menudark/customdesign2.gif) no-repeat; width: 125px; height: 25px; } #darkpolion a { background: #666666 url(../images/menudark/terms2.gif) no-repeat; width: 125px; height: 25px; } #darkpoli a { background: #777777 url(../images/menudark/terms1.gif) no-repeat; width: 125px; height: 25px; } #darkpoli a:hover { background: #666666 url(../images/menudark/terms2.gif) no-repeat; width: 125px; height: 25px; } #darkcopyon a { background: #666666 url(../images/menudark/copyright2.gif) no-repeat; width: 125px; height: 25px; } #darkcopy a { background: #777777 url(../images/menudark/copyright1.gif) no-repeat; width: 125px; height: 25px; } #darkcopy a:hover { background: #666666 url(../images/menudark/copyright2.gif) no-repeat; width: 125px; height: 25px; } #darkpresson a { background: #666666 url(../images/menudark/press2.gif) no-repeat; width: 104px; height: 25px; } #darkpress a { background: #777777 url(../images/menudark/press1.gif) no-repeat; width: 104px; height: 25px; } #darkpress a:hover { background: #666666 url(../images/menudark/press2.gif) no-repeat; width: 104px; height: 25px; } #darkbrideson a { background: #666666 url(../images/menudark/brides2.gif) no-repeat; width: 105px; height: 25px; } #darkbrides a { background: #777777 url(../images/menudark/brides1.gif) no-repeat; width: 105px; height: 25px; } #darkbrides a:hover { background: #666666 url(../images/menudark/brides2.gif) no-repeat; width: 105px; height: 25px; } #darkcontacton a { background: #666666 url(../images/menudark/contact2.gif) no-repeat; width: 104px; height: 25px; } #darkcontact a { background: #777777 url(../images/menudark/contact1.gif) no-repeat; width: 104px; height: 25px; } #darkcontact a:hover { background: #666666 url(../images/menudark/contact2.gif) no-repeat; width: 104px; height: 25px; } /*TABLES*/ .tdfoot { vertical-align: top; padding: 5px 5px 5px 5px; font-size: 10px; } .formy { padding: 5px 5px 5px 5px; vertical-align: top; } .formysend { padding: 0px 7px 5px 5px; text-align: right; } .methumby { padding: 0px 0px 0px 10px; } .methumby6 { padding: 0px 0px 0px 30px; } .methumbythumb { border: 1px solid #DB7494; text-decoration: none; background-color: none; } .inputy { font-family: "Verdana", Tahoma, Helvetica, Arial, sans-serif; font-size: 13px; color: #666; background-color: #e8c2be; border: 0; padding: 3px 3px 3px 3px; } /*IMAGES*/ .nolinkleft { float: left; padding: 5px 0px 5px 0px; border: 0; text-decoration: none; height: 40px; vertical-align: top; } .nolink { border: 0; text-decoration:none; } .nolink a:link, a:hover, a:visited { border: 0; text-decoration:none; } .titleright { float: right; padding: 5px 0px 5px 0px; border: 0; text-decoration: none; height: 40px; vertical-align: bottom; } .titlerighthome { background-color: #e8c2be; float: right; padding: 5px 15px 5px 15px; border: 0; text-decoration: none; height: 30px; vertical-align: bottom; } .titleright2 { float: right; padding: 15px 10px 5px 0px; border: 0; text-decoration:none; } .clearme { clear: both; } .pinkme { color: #DB7494; } .smallstuff { font-size: 10px; } .maincontent { padding: 5px 5px 5px 5px; font-size: 12px; } .maincontentfloat { padding: 5px 15px 5px 5px; font-size: 12px; float: left; } .pad20top { padding: 20px 0px 0px 0px; } .foot { padding: 5px 5px 10px 5px; font-size: 11px; text-align: center; vertical-align: top; }