/*-- Firefox Style Sheet --*/ /*-- Lieske Designs --*/ /*-- Written by David Calkins - http://www.calkonia.com --*/ /*Universals*/ html {background: #fff url("../images/bkgd.jpg");} body {text-align: center; margin: auto;} * {text-align:center; font-family: "Futura LT BT", Helvetica, Arial, sans-serif; color: #333; margin: auto; } * a {text-decoration: none; color: #333;} * a:hover {color: #009;} * a:active, a:visited {color: #999;} #container {width: 800px; height: 515px; border: 1px solid #ddd; background-color: #fff; margin-top: 5px;} /*------------Banner Space----------------*/ #banner {width: 795px; background: transparent; z-index: 3; position: relative; } #banner img { height: 115px; margin: 2px 0px 0px 0px; position: relative; top:0; left:0; z-index:2;} #pageName {font-size: 22pt; line-height: 24pt; color: #000; background: transparent; position:relative; top: 0; z-index:23; display: block; margin: -105px 0px 0px 10px; text-align: left;} /*-----------------Navigation-------------------*/ #leftNavi {width: 140px; height: 440px; padding: 20px 0px 10px 0px; margin: 0px 0px 0px 0px; background: transparent; color: #666; display: block; float: left; border-right: 1px solid #ddd; position: relative;z-index:4;} #leftNavi p {text-align: left; padding: 3px 0px 0px 5px; margin-left: 10px; } #leftNavi a:hover {color: #009; border-bottom: #ddd solid 1px;} #leftNavi .current {border-bottom: solid 1px #ddd; padding: 0px; margin: 3px 0px 0px 15px;} #leftNavi .sub {width: 105px; font-size: 12px; line-height:12px; padding: 2px 5px 2px 5px; margin: 0px 0px 0px 15px; border-left: 1px solid #ccc; border-bottom: none; } #leftNavi .sub a:hover { border-bottom: none; } #leftNavi .sub:hover {width: 105px; margin: 0px 0px 0px 15px; padding: 2px 10px 2px 5px; color:#000; background: #99FFCC; border-bottom: none;} #leftNavi .category {margin: 5px 0px 0px 0px; padding: 0px 0px 0px 5px; font-weight:bold; font-variant:small-caps;} #leftNavi .categoryCurrent {margin: 5px 0px 0px 5px; padding: 0px 0px 0px 0px; font-weight:bold; font-variant:small-caps; border-bottom: 1pt #ccc solid; color:#009966} #leftNavi .categoryCurrent a:link, a:visited {color: #096;} #leftNavi .type {width: 110px; font-size: 12px; line-height:12px; margin: 0px 0px 0px 15px; padding: 2px 5px 2px 5px; color: #000; background: #99ffcc; border-left: 1px solid #ccc; border-bottom: none;} #leftNavi .type a:hover { border-bottom: none;} #topNavigation {width: 800px; } #topNavigation p {text-align:right; font-size: 12px; line-height:14px;} /*--------------------------Main Content-------------------------------*/ #mainContent {width: 655px; background: transparent; float: right; display: block; margin: 0px 0px 0px 0px; padding: 10px 2px 0px 0px; } #infoBox {width:304px; height: 320px; background: transparent; padding: 30px 0px 0px 0px; margin: 0px; color: #333; float:right; display: block; text-align: left;} #infoBox h1 {width: 270px; text-align: left; padding: 0px 30px 0px 10px; font-size: 16px; line-height:24px; font-weight: bold;} #infoBox h2 {width: 270px; text-align: left; font-size: 16px; line-height:12px; color: #999; font-weight: bold; text-transform:uppercase; padding: 10px 0px 0px 10px !important; margin: 0px;} #infoBox p {width: 270px; text-align: left; font-size: 14px; line-height: 16px; padding: 10px 0px 0px 20px !important; margin: 0px; font-weight: normal; } #info1 {position:absolute; top:inherit; left:inherit; visibility:inherit; font-weight:bold; line-height:24px; } #info2 {position:absolute; top:inherit; left:inherit; visibility:hidden;font-weight:bold; line-height:24px; } #info3 {position:absolute; top:inherit; left:inherit; visibility:hidden; font-weight:bold; line-height:24px; } #info4 {position:absolute; top:inherit; left:inherit; visibility:hidden; font-weight:bold; line-height:24px; } #info5 {position:absolute; top:inherit; left:inherit; visibility:hidden;font-weight:bold; line-height:24px; } #info6 {position:absolute; top:inherit; left:inherit; visibility:hidden; font-weight:bold; line-height:24px; } #info7 {position:absolute; top:inherit; left:inherit; visibility:hidden; font-weight:bold; line-height:24px; } #info8 {position:absolute; top:inherit; left:inherit; visibility:hidden; font-weight:bold; line-height:24px; } #info9 {position:absolute; top:inherit; left:inherit; visibility:hidden;font-weight:bold; line-height:24px; } #info10 {position:absolute; top:inherit; left:inherit; visibility:hidden; font-weight:bold; line-height:24px; } #pictureBox { width: 350px; height: 350px; background-color: #fff; background-image: none; display: block; float: left; position: relative; left:0; text-align: left; margin: 0px 1px 0px 0px; } #pictureBox img { width: 350px; height: 350px;} #pic1 {position:absolute; top:inherit; left:inherit; visibility:inherit; font-weight:bold; line-height:24px; } #pic2 {position:absolute; top:inherit; left:inherit; visibility:hidden;font-weight:bold; line-height:24px; } #pic3 {position:absolute; top:inherit; left:inherit; visibility:hidden; font-weight:bold; line-height:24px; } #pic4 {position:absolute; top:inherit; left:inherit; visibility:hidden; font-weight:bold; line-height:24px; } #pic5 {position:absolute; top:inherit; left:inherit; visibility:hidden;font-weight:bold; line-height:24px; } #pic6 {position:absolute; top:inherit; left:inherit; visibility:hidden; font-weight:bold; line-height:24px; } #pic7 {position:absolute; top:inherit; left:inherit; visibility:hidden; font-weight:bold; line-height:24px; } #pic8 {position:absolute; top:inherit; left:inherit; visibility:hidden; font-weight:bold; line-height:24px; } #pic9 {position:absolute; top:inherit; left:inherit; visibility:hidden;font-weight:bold; line-height:24px; } #pic10 {position:absolute; top:inherit; left:inherit; visibility:hidden; font-weight:bold; line-height:24px; } /*-------------------Sample Navigation---------------------------------*/ #additionalSamples {width: 655px; height: 20px; font: 12px/14px "Futura LT BT", Helvetica, Arial, sans-serif; display:block; float: right; background: transparent; margin: 0px 0px 0px 0px; border-top: 1px solid #ccc; color: #ccc;} #additionalSamples p {width: 650px; font-size: 12px; line-height: 14px; padding: 3px 3px 3px 10px; color: #333; text-align: left; font-weight:normal; } #sampleBox {width: 650px; height: 80px; background: transparent; display: block; float: right; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 5px;} #sampleBox img {width: 70px; height: 70px; margin: 0px 0px 0px 0px; padding: 5px 5px 0px 0px; float: left;} #sampleBox p {width: 650px; font-size: 12px; line-height: 14px; padding: 3px 3px 3px 0px; color: #333; text-align: left; font-weight:normal; } #sampleBox a {padding: 2px; display: inline; text-decoration: none; color: #666;} #sampleBox img:hover {color: #000; background-color: #dde3f9; padding: 0px; border: 1px solid #060;} #sampleBox a:visited {} /*----------------------------Footer-------------------------------------------------*/ #footer {width: 800px; display: block; color: #666; position: relative; z-index:5; } #footer p {font-size:10px; line-height:12px; text-align:right; margin: 5px 0px 0px 0px; color: #666;} #footer a:link {text-decoration: underline; color: #666; } #footer a:visited {text-decoration: underline; color: #666;} #footer a:hover {text-decoration: underline; color: #00f; } #footer a:active {text-decoration: underline; color: #666; } /*-------------------------CATEGORY PAGES-----------------------------------------------------*/ #bracelet {width: 649px; height: 450px; background: #fff url(../Bracelets/images/main.jpg) no-repeat; float: right; display: block; margin: 0px 4px 0px 0px; padding: 10px 2px 0px 0px} #necklace {width: 649px; height: 460px; background: #fff url(../Necklaces/images/necklaceMain.jpg) no-repeat; float: right; display: block; margin: 0px 4px 0px 0px; padding: 10px 2px 0px 0px} #earrings {width: 649px; height: 460px; background: #fff url(../Earrings/earringsMain.jpg) no-repeat; float: right; display: block; margin: 0px 4px 0px 0px; padding: 10px 2px 0px 0px} #contact {width: 649px; height: 460px; background: #fff url(../images/contactbkgd.jpg) no-repeat; float: right; display: block; margin: 0px 4px 0px 0px; padding: 10px 2px 0px 0px} #suspension {width: 649px; height: 450px; background: #fff url(../suspension/mainSuspensionBKGD.jpg) no-repeat; float: right; display: block; margin: 0px 4px 0px 0px; padding: 10px 2px 0px 0px} #origami {width: 649px; height: 450px; background: #fff url(../origami/mainOrigamiBKGD.jpg) no-repeat; float: right; display: block; margin: 0px 4px 0px 0px; padding: 10px 2px 0px 0px} #eventCalendar {width: 649px; height: 430px; float: right; display: block; margin: 30px 4px 0px 0px; padding: 10px 2px 0px 0px; } #eventCalendar #pictureBox {width: 325px; float: left;} #eventCalendar #pictureBox img {width: 325px; height: 325px; float: left;} #eventCalendar #info1 {height: 430px; float: right; overflow:auto; position: relative; margin-top: -10px;} #eventCalendar h1 {width: 250px; font-size:16px; line-height:18px; font-weight:bold; padding: 20px 0px 0px 0px; margin: 0px 10px 0px 10px; text-align: left; color: #009933; border-bottom: solid #093 1px;} #eventCalendar h2 {font-size:14px; line-height:16px; font-weight:bold; padding: 5px 0px 0px 10px; text-align: left; color: #000; margin: 5px 0px 0px 0px;} #eventCalendar h3 {font-size:14px; line-height:16px; font-weight:bold; padding: 5px 0px 0px 15px; text-align: left; color: #666; margin: 0px;} #eventCalendar p {width: 275px; font-size:14px; line-height:16px; margin: 0px 0px 0px 15px; padding: 2px 0px 0px 0px; text-align: left; font-weight:normal; } #eventCalendar #secondline {font-size:14px; line-height:16px; font-weight:bold; text-align: left; color: #000; padding: 2px 0px 0px 10px; margin: 0px 0px 0px 0px; font-style: normal;} #eventCalendar .phone {font-size:12px; line-height:14px; font-weight:bold; padding: 2px 0px 0px 0px; text-align: left; color: #666;} #eventCalendar .times {font-style:italic; font-weight:normal; color: #f00;} /*----------------------WELCOME PAGE-----------------------------------------------------*/ #boxLeft {width:400px; height: 450px; display: block; float:left; margin: -35px 0px 0px 3px; padding: 50px 0px 0px 0px; background: #fff url(../images/main_01.jpg) no-repeat;} #boxLeft p {width: 315px; font-size: 14px; line-height:16px; width: 325px; text-align:justify; text-indent:10px; padding: 10px 0px 0px 15px; margin: 0px 0px 0px 0px;} #boxLeft h1 {font-size: 16px; line-height:18px; font-weight:bold; color: #666; text-align: left; padding: 20px 0px 0px 15px; margin: 0px;} #boxLeft .navi {width: 500px; display: block; text-align:left; text-indent: 0px; line-height: 24px; font-weight:bold; margin:0px 0px 0px 15px; padding:0px; position: relative; z-index:2; } #boxLeft .navi a {text-decoration:underline; color: #333;} #boxLeft .navi a:hover {color: #00f;} #boxLeft .navi a:visited {color: #333;} #boxRight {width: 394px;height: 500px; display: block; float: right; margin:-35px 3px 0px 0px; padding: 0px; background:#fff url(../images/main_02.jpg) no-repeat;} /*---------------------Store Locations-----------------------*/ #address {width:304px; height: 320px; background: transparent; padding: 0px 0px 0px 0px; margin: 0px; color: #333; float:left; display: block; text-align: left;} #address h1 {width: 270px; text-align: left; font-size: 16px; line-height: 16px; font-weight: bold; color:#999; padding: 20px 0px 0px 0px !important; margin: 0px 0px 0px 5px; border-bottom: 1px #999 solid;} #address h2 {width: 270px; text-align: left; font-size: 14px; line-height:normal; color: #006633; font-weight: bold; padding: 10px 0px 0px 10px !important; margin: 0px ;} #address p {width: 270px; text-align: left; font-size: 14px; line-height: 16px; padding: 0px 0px 0px 20px !important; margin: 0px; font-weight: normal; } #address #up {font-size:10px; text-align:right;} #address2 {width:320px; height: 320px; background: transparent; padding: 30px 0px 0px 20px; margin: 0px; color: #333; float:right; display: block; text-align: left; } #address2 h1 {width: 270px; text-align: left; font-size: 16px; line-height: 16px; font-weight: bold; color:#999;padding: 20px 0px 0px 0px !important; margin: 0px 0px 0px 5px; border-bottom: 1px #999 solid;} #address2 h2 {width: 270px; text-align: left; font-size: 14px; line-height:normal; color: #006633; font-weight: bold; padding: 10px 0px 0px 10px !important; margin: 0px ;} #address2 p {width: 270px; text-align: left; font-size: 14px; line-height: 16px; padding: 0px 0px 0px 20px !important; margin: 0px; font-weight: normal; } #address2 #up {font-size:10px; text-align:right;} /*-------------------------Print--------------------------------*/