/*********************************************** Lindy Lou CSS ***********************************************/ /* HTML Tags ORIG strong{ font-weight:bold !important; } em{ font-style:italic; } a{ color:#333333; } a:hover{ color:#719B00; } ul{ font-size:1.2em; } ul ul{ font-size:1.2em; } li{ margin-bottom:6px; } .sIFR-hasFlash h1 { visibility: hidden; } .sIFR-hasFlash h2 { visibility: hidden; } h3{ font-size:1.6em; } h4{ font-size:1.4em; } h5{ font-size:1.4em; } ***********************************************/ /* Structure ***********************************************/ #container{ margin:0 auto; width:900px; border-left:2px solid #ccc; border-right:2px solid #ccc; background:#fff url("bgr-umbrella.gif") no-repeat 604px top; padding:0 0 0 43px; } /****** From jc's EB*******/ body.home #container{ background: #fff url('bgr-umbrella.gif') no-repeat 604px top; } body.kiddidome #container{ background: #fff url('mast-top-right-kiddidome.jpg') right top no-repeat; } body.lace #container{ background: #fff url('mast-top-right-lace.jpg') right top no-repeat; } body.plaid #container{ background: #fff url('mast-top-right-plaid.jpg') right top no-repeat; } body.stardome #container{ background: #fff url('mast-top-right-stardome.jpg') right top no-repeat; } body.cow-and-zebra #container{ background: #fff url('mast-top-right-cow-and-zebra.jpg') right top no-repeat; } body.2tdome #container{ background: #fff url('mast-top-right-2tdome.jpg') right top no-repeat; } body.regular #container{ background: #fff url('mast-top-right-regular.jpg') right top no-repeat; } body.petaldome #container{ background: #fff url('mast-top-right-petaldome.jpg') right top no-repeat; } body.petaldome #top{background:('mast-top-right-petaldome.jpg') no-repeat 744px -25px;  } body.flowerdome #container{ background: #fff url('mast-top-right-flowerdome.jpg') right top no-repeat; } body.dogbrolly #container{ background: #fff url('mast-top-right-dog2.jpg') right top no-repeat; } body.retrod #container{ background: #fff url('mast-top-right-retrodome.jpg') right top no-repeat; } body.zebra #container{ background: #fff url('mast-top-right-zebra.jpg') right top no-repeat; } body.polk #container{ background: #fff url('mast-top-right-polkadotbrollie.jpg') right top no-repeat; } body.hannahdot #container{ background: #fff url('mast-top-right-hannahdot.jpg') right top no-repeat; } body.dogs #container{ background:#fff url('mast-top-right-dog.jpg') right top no-repeat; } /**************************/ body.about #container{ background:#fff url("mast-about-pic.jpg") no-repeat 639px top; } body.products #container{ background:#fff url("mast-top-right-products.jpg") no-repeat 662px top; } body.bags #container{ background:#fff url("mast-newbag-pic.jpg") no-repeat 662px 129px; } body.bagspolka #container{ background:#fff url("mast-bagspolka-pic.jpg") no-repeat 662px 0; } /*OLD*** body.collection #container{ background:#fff url("mast-collection-pic.jpg") no-repeat 662px 0; }****/ body.collection #container{ background:#fff url("mast-constantly.jpg") no-repeat 662px 0; } body.bagsSeascape #container{ background:#fff url("mast-seascape-pic.jpg") no-repeat 662px 0; } body.bagswoodlands #container{ background:#fff url("mast-bagswoodlands-pic.jpg") no-repeat 662px 0; } body.contact #container{ background:#fff url("contact-top-right.jpg") no-repeat 662px top; } body.corporate #container{ background:#fff url("mast-corporate-pic.jpg") no-repeat 624px top; } #header{ float:left; width:900px; padding:0; margin:20px 0 20px 0; } #logo{ float:left; border: 0; } #navigation{ float:left; width:700px; } /*#header ul{ clear:left; list-style:none; padding:0; float:left; } #header ul li{ float:left; margin:0; margin:13px 0 0; position:relative; } #header ul li a{ display:block; float:left; height:0; padding:19px 48px 0 0; overflow:hidden; background-repeat:no-repeat; background-position:50% 0; } #header li:hover ul{ display:block !important; } #header ul ul{ clear:left; list-style:none; margin:0 0 0 -2px; padding:0; background:url("sub-nav-bgr.png") no-repeat left bottom; clear:both; display:none; float:left; left:20px; position:absolute; top:19px; width:180px; } #header ul ul li.top{ background:url("sub-nav-bgr-top.png") no-repeat left top; padding:5px 0 0 !important; } #header ul ul li{ clear:left; margin:0; padding:0 0 0; display:block; width:180px; } #header li li a{ cursor:pointer !important; font-size:1em; height:auto; overflow:visible; padding:0 5px 2px 25px; text-decoration:none; background:url("sub-nav-bullet.gif") no-repeat 10px 7px  !important; } #header li li a:hover{ color:#85B600; } #header a.home{ background-image:url("nav-home.gif"); width:40px; border:0; } #header a.about{ background-image:url("nav-about-us.gif"); width:68px; border:0; } #header a.products{ background-image:url("nav-products.gif"); width:70px; border:0; } #header a.contact{ background-image:url("nav-contact-us.gif"); width:81px; border:0; } #header a:hover, body.home #container #header ul li a.home, body.about #container #header ul li a.about, body.products #container #header ul li a.products, body.contact #container #header ul li a.contact{ background-position:50% -40px; }*/ #flashmovie{ clear:left; float:left; margin-top:8px; } #maincontent{ float:left; padding:0 0 20px 0; width:850px; position:relative; } #maincontentk{ float:left; padding:0 0 20px 0; width:880px; position:relative; } #textcontentproducts{ float:left; width:620px; padding:0; font-size:1.1em; } #textcontentproducts p{ padding-bottom:10px; } #textcontent{ float:left; width:410px; padding:0 0px 0 25px; font-size:1.1em; } #textcontentj{ float:left; width:620px; padding: 0 0 0 25px; font-size:1.1em; } #textcontentjj{ float:left; width:620px; padding: 0 0 0 25px; font-size:1.1em; background-image: 'zebracow.jpg'; } #textcontentjjj{ float:left; width:620px; padding: 0 0 0 25px; font-size:1.1em; background: url('home-right-bgr-uj.jpg') right 35px no-repeat; } #textcontentk{ float:left; width:640px; padding: 0 0 0 0px; font-size:1.1em; } #textcontentj ul li { padding:1px 0 1px 10px; margin:0; display:block; background:url('bullet-nav.gif') no-repeat left 50%; } #leftnav{ width:200px; float:left; padding:0; } #sidebar{ float:left; width:200px; padding: 0; } #inside { margin: 0 43px 0 217px; padding: 0; } .mct{ width: 500px; border-collapse: collapse; border-spacing: 0;	 padding: 0;	 text-align: left; }  .mctco{ width: 100%; border-collapse: collapse; border-spacing: 0;	 padding: 0;	 } .fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */ float: right; margin-left: 0px; } .fltlft { /* this class can be used to float an element left in your page */ float: left; margin-right: 0px; } .fltlfttt { /* this class can be used to float an element left in your page */ float: left; margin-right: 8px; } .clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */ clear:both; height:0; font-size: 1px; line-height: 0px; } .clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */ clear:both; height:0; font-size: 1px; line-height: 0px; } /*#inside width is 900-43-220-43= 594px*/ /* left nav stuff */ .leftpicseascape, .leftpicwoodlands{ top:708px; } /* Right Column */ #rightcolumn{ float:left; width:206px; overflow:hidden; } #rightcolumn a{ width:206px; height:0; padding:200px 0 0 0; margin:35px 0 0 0; overflow:hidden; display:block; float:left; background:url("graphics/banner-travel-bag.gif") no-repeat left top; } #rightcolumn img{ float:left; padding:25px 8px 0 0; } #rightcolumn img.banner{ float:left; padding:25px 8px 0 38px; } #rightcolumncontact{ float:left; width:206px; padding:0 0 0 0; overflow:hidden; } #rightcolumncontact p{ line-height:1.2em; } #rightcolumncontact img{ position:absolute; top:429px; right:0; }	 /* Footer *************************************************************************************************/ #footer{ float:left; width:900px; padding:5px 0 0 0; border-top:8px solid #ccc; } #footer a{ color:#94c500; text-decoration:none; } .footerbox{ float:left; padding-left:0px; } #footer p{ padding:10px 0 0 22px; } #footer ul{ padding:5px 0 0 0; list-style:none; } #footer li{ line-height:.5em;  } #footer a.btnlindylou{ width:530px; height:0; padding:41px 0 0 0; margin:0; overflow:hidden; display:block; background:url("btn-footer-lindylou.gif") no-repeat left top; float:left; } .divclear{ clear:both; } /* Clearfix (updated for IE7 compatibility) *************************************************************************************************/ .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-block;} /* Hide from IE Mac \*/ .clearfix {display:block;} /* End hide from IE Mac */	 /* These are standard sIFR styles... do not modify */