@charset "utf-8"; /* CSS Document */ #ollContainer { position: relative; top: 15px; left: 15px; padding: 0px; margin: 0px auto 0px auto; width: 800px; } #ollHeader { position: absolute; top: 0px; left: 0px; margin: 0px; padding: 0px; width: 800px; height: 75px; background:  url("page-banner.gif"); background-repeat: no-repeat; background-position: top left; } #ollColumn1 { position: absolute; top: 75px; left: 0px; margin: 0px; padding: 50px 0px 0px 0px; width: 140px; } * html ollcolumn1 { \width: 140px; /* for IE5 and IE6 in quirks mode */ w\idth: 140px; /* for IE6 in standards mode */ }  #ollColumn2 { position: absolute; top: 75px; left: 140px; margin: 0px; padding: 50px 0px 0px 0px; width: 100px; } #ollContent { position: absolute; top: 75px; left: 240px; margin: 0px; padding: 0px; width: 550px; } #ollCartContent { position: absolute; top: 75px; left: 0px; margin: 0px; padding: 30px 0px 0px 0px; width: 800px; } #ollContentImages { float:left; width: 285px; margin: 0px; padding: 0px; } #ollContentText { width: 265px; margin-left: 285px; padding: 30px 0px 0px 15px; } * html ollContentText { \width: 280px; /* for IE5 and IE6 in quirks mode */ w\idth: 265px; /* for IE6 in standards mode */ }  #ollContentFull { width: 550px; padding: 30px 0px 0px 15px; } * html ollContentFull { \width: 565px; /* for IE5 and IE6 in quirks mode */ w\idth: 550px; /* for IE6 in standards mode */ }  #ollContentCalendarSection { float:left; width: 150px; margin: 0px; padding: 50px 0px 0px 0px; } #ollContentCalendar { width: 375px; margin-left: 150px; padding: 50px 0px 0px 15px; } * html ollContentCalendar { \width: 390px; /* for IE5 and IE6 in quirks mode */ w\idth: 375px; /* for IE6 in standards mode */ }  #ollFooter { position: absolute; top: 620px; left: 0px; width: 800px; margin: 0px; padding: 4px 0px 0px 0px; height: 26px; text-align: center; background: url("page-footer.gif"); background-repeat: no-repeat; background-position: top left; } /* placeholders for floated logo and menu images */ #ollLogoHeader { position: absolute; top: 15px; left: 305px; margin: 0px; padding: 0px; z-index:90;		/* force display on top of content */ } #ollMenuHome { position: absolute; top: 45px; left: 3px; margin: 0px; padding: 0px; z-index:90;		/* force display on top of content */ } #ollMenuShop { position: absolute; top: 45px; left: 106px; margin: 0px; padding: 0px; z-index:90;		/* force display on top of content */ } #ollMenuContact { position: absolute; top: 45px; left: 209px; margin: 0px; padding: 0px; z-index:90;		/* force display on top of content */ } #ollMenuBrownie { position: absolute; top: 45px; right: 3px; margin: 0px; padding: 0px; z-index:90;		/* force display on top of content */ } #ollMenuHandmade { position: absolute; top: 45px; right: 106px; margin: 0px; padding: 0px; z-index:90;		/* force display on top of content */ } #ollMenuWedding { position: absolute; top: 45px; right: 209px; margin: 0px; padding: 0px; z-index:90;		/* force display on top of content */ } /** Declaration for the a.ollMenuRollover selector **/   a.ollMenuRollover {   display: block;   width: 100px;   height: 55px;   overflow: hidden;   text-indent: -10000px;   font-size: 0px;   line-height: 0px;   }   /** used as second class declaration with above **/ .ollMenuImageHome { background: url("menu-images-home.gif") no-repeat 0 0; } .ollMenuImageShop { background: url("menu-images-shop.gif") no-repeat 0 0; } .ollMenuImageContact { background: url("menu-images-contact.gif") no-repeat 0 0; } .ollMenuImageWedding { background: url("menu-images-wedding.gif") no-repeat 0 0; } .ollMenuImageHandmade { background: url("menu-images-handmade.gif") no-repeat 0 0; } .ollMenuImageBrownie { background: url("menu-images-brownie.gif") no-repeat 0 0; } /** Declaration for the additional states of the a.ollMenuRollover selector **/   a:visited.ollMenuRollover { background-position: 0 -55px; }   a:hover.ollMenuRollover { background-position: 0 -110px; }   a:active.ollMenuRollover { background-position: 0 -165px; }  /** Declaration for the a.ollCartRollover selector **/   .ollCartAlign { margin-bottom: 15px; } a.ollCartRollover {   display: block;   width: 80px;   height: 90px;   overflow: hidden;   text-indent: -10000px;   font-size: 0px;   line-height: 0px;   }   /** used as second class declaration with above **/ .ollMenuImageBasket { background: url("basket-images.gif") no-repeat 0 0; } .ollMenuImageCheckout { background: url("checkout-images.gif") no-repeat 0 0; } /** Declaration for the additional states of the a.ollMenuRollover selector **/   a:visited.ollCartRollover { background-position: 0 0px; }   a:hover.ollCartRollover { background-position: 0 -90px; }   a:active.ollCartRollover { background-position: 0 -90px; }  /** layers for content image display **/ .ollImageNCaption { font-size:9px; text-align: center; margin:0px; padding:0px; } .ollImageNCaption img {border: 1px solid #E54D9A;}  /* set the border for all images in layer */ .ollContentImages11 {  width=280px; height=400px; position:absolute; top:25px; left:0px; } .ollContentImages121 { width=85px; height=100px; position:absolute; top:25px; left:0px; } .ollContentImages122 { width=85px; height=100px; position:absolute; top:25px; left:97px; } .ollContentImages123 { width=85px; height=100px; position:absolute; top:25px; left:194px; } .ollContentImages124 { width=85px; height=100px; position:absolute; top:132px; left:0px; } .ollContentImages125 { width=85px; height=100px; position:absolute; top:132px; left:97px; } .ollContentImages126 { width=85px; height=100px; position:absolute; top:132px; left:194px; } .ollContentImages127 { width=85px; height=100px; position:absolute; top:239px; left:0px; } .ollContentImages128 { width=85px; height=100px; position:absolute; top:239px; left:97px; } .ollContentImages129 { width=85px; height=100px; position:absolute; top:239px; left:194px; } .ollContentImages1210 { width=85px; height=100px; position:absolute; top:346px; left:0px; } .ollContentImages1211 { width=85px; height=100px; position:absolute; top:346px; left:97px; } .ollContentImages1212 { width=85px; height=100px; position:absolute; top:346px; left:194px; } .ollContentImages41 { width=135px; height=205px; position:absolute; top:25px; left:0px; } .ollContentImages42 { width=135px; height=205px; position:absolute; top:25px; left:147px; } .ollContentImages43 { width=135px; height=205px; position:absolute; top:225px; left:0px; } .ollContentImages44 { width=135px; height=205px; position:absolute; top:225px; left:147px; } IMG.productBorder {border: 1px solid #E54D9A;}  /* set the border for all images in layer */ /** footer display area for content - always sits under bottom image **/ .ollContentFooter1 { position:absolute; top:415px; left:0px; width: 285px; padding:4px 0px 4px 0px; } .ollContentFooter4 { position:absolute; top:425px; left:0px; width: 285px; padding:4px 0px 4px 0px; } .ollContentFooter12 { position:absolute; top:453px; left:0px; width: 285px; padding:4px 0px 4px 0px; } .ollFooterInfo { text-align: center; background: url("page-footer-2.gif"); background-repeat: no-repeat; background-position: top left; padding: 4px 0px 4px 0px; } /** Style of content image footer area  **/ IMG.centeredBlock { display: block; margin-left: auto; margin-right: auto } /** general formatting styles for layers **/ .ollSearch { margin: 6px 0px 6px 0px; } .ollSidebarList { margin: 15px 0px 15px 0px; } .ollSidebarList ol { margin: 0px; padding: 0px; line-height: 120%; } .ollSidebarList li { margin: 0px; padding: 0px; }