html, body { margin: 0; padding: 0; height: 100%; width: 100%; background-color: #fff; font-family: "Helvetica", "Arial", sans-serif; font-size: 87%; color: #6e6766; } a { color: #000; text-decoration: none;} a:hover { text-decoration: underline; } a:link { color: #000; } a:visited { color: #000; } img { border: none; margin: 0; padding: 0; } #left { position: absolute; margin: 0; padding: 0; left: 22px; top: 40px; line-height: 25px; } #right { float: right; display: inline; margin: 0 20px 0 0; padding: 0; width: 256px; height: 500px; text-align: right; } .strip { position: absolute; top: 20px; width: 100%; text-align: center; background-position: 0px -500px; background-repeat: x-repeat; } .newstrip { position: absolute; top: 20px; width: 100%; text-align: center; z-index: 20; height: 1px; } #stage { position: relative; width: 800px; height: 500px; margin: 0 auto 0 auto; background-color: #ddd; text-align: left; z-index: 2; border: 0; } .stage { position: relative; width: 800px; height: 1px; margin: 0 auto 0 auto; text-align: left; z-index: 5; border: 0; } #leftBg { position: absolute; height: 500px; width: 49%; left: 0; z-index: 1; } #home { position: absolute; left:20px; top: 20px; width: 234px; height: 20px; border: none; } /* #left p { margin: 0; padding: 0; position: absolute; left: 280px; top: 21px; height: 25px; } #left p span { display: none; } */ #left ul { list-style: none; margin: 6px 0 0 0px; padding: 0; } #left ul li a { display: block; height: 19px; background-repeat: no-repeat; background-image: url('../images/chrome/index-sprites-v4.png'); margin: 4px 0 4px 0; } #left ul li a span, #left ul li a strong { display: none; } #left ul li ul { margin: 0 0 8px 10px; } #left ul li ul li a { background-repeat: no-repeat; background-image: url('../images/chrome/sub-sprites-v4.png'); height: 17px; } #drinkware a { background-position: 0px 0px; width: 93px; } #ceramics a { background-position: -93px 0px; width: 86px; } #dishes a { background-position: -179px 0px; width: 62px; } #paper a { background-position: -241px 0px; width: 55px; } /* highlighted state */ #drinkware a.selected, #drinkware a:hover { background-position: -297px 0px; } #ceramics a.selected, #ceramics a:hover { background-position: -390px 0px; } #dishes a.selected, #dishes a:hover { background-position: -476px 0px; } #paper a.selected, #paper a:hover { background-position: -538px 0px; } /* drinkware */ #dipcups a { background-position: 0px 0px; width: 73px; } #creamer a { background-position: -74px 0px; width: 71px; } #pitchers a { background-position: -146px 0px; width: 68px; } #dipcups a.selected, #dipcups a:hover { background-position: 0px -17px; } #creamer a.selected, #creamer a:hover { background-position: -74px -17px; width: 71px;} #pitchers a.selected, #pitchers a:hover { background-position: -146px -17px; } /* ceramics */ #doublesilo a { background-position: 0px -34px; width: 138px; } #factories a { background-position: -139px -34px; width: 126px; } #watertowers a { background-position: -266px -34px; width: 105px; } #votives a { background-position: -372px -34px; width: 94px; } #vases a { background-position: -467px -34px; width: 81px; } #doublesilo a.selected, #doublesilo a:hover { background-position: 0px -51px; } #factories a.selected, #factories a:hover { background-position: -139px -51px; } #watertowers a.selected, #watertowers a:hover { background-position: -266px -51px; } #votives a.selected, #votives a:hover { background-position: -372px -51px; } #vases a.selected, #vases a:hover { background-position: -467px -51px; } /* dishes */ #bottomdish a { background-position: 0px -68px; width: 148px; } #tiny a { background-position: -150px -68px; width: 141px; } #spoonwell a { background-position: -293px -68px; width: 130px; } #lipplatter a { background-position: -424px -68px; width: 126px; } #lipdish a { background-position: -550px -68px; width: 104px; } #bottomdish a.selected, #bottomdish a:hover { background-position: 0px -85px; } #tiny a.selected, #tiny a:hover { background-position: -150px -85px; } #spoonwell a.selected, #spoonwell a:hover { background-position: -293px -85px; } #lipplatter a.selected, #lipplatter a:hover { background-position: -424px -85px; } #lipdish a.selected, #lipdish a:hover { background-position: -550px -85px; } /* paper */ #gold a { background-position: 0px -102px; width: 150px; } #point a { background-position: -151px -102px; width: 110px; } #burst a { background-position: -263px -102px; width: 149px; } #fades a { background-position: -412px -102px; width: 104px; } #small a { background-position: -516px -102px; width: 100px; } #gold a.selected, #gold a:hover { background-position: 0px -119px; } #point a.selected, #point a:hover { background-position: -151px -119px; } #burst a.selected, #burst a:hover { background-position: -263px -119px; } #fades a.selected, #fades a:hover { background-position: -412px -119px; } #small a.selected, #small a:hover { background-position: -516px -119px; } #pressbox { width: 304px; height: 410px; left: 242px; top: 55px; position: absolute; z-index: 40; line-height: 1.4em; font-size: 100%; text-align: center; overflow: auto; color: #999490; } #pressbox ul { list-style: none; list-style-type: none; margin: 0 0 1em 0; padding: 0; } #page { width: 304px; height: 410px; left: 242px; top: 55px; position: absolute; z-index: 40; line-height: 1.4em; font-size: 94%; text-align: justify; overflow: auto; color: #999490; } #page p { margin: 0 0 1em 0; } #page ul { list-style: none; list-style-type: none; margin: 0 0 1em 0; padding: 0; text-align: center;} #page ul li { display: inline; margin-right: 10px; font-size: 110%; color: #777;} #page ul li a { color: #bbb8b0; } h3 { text-transform: lowercase; color: #cccac8; margin: 0; padding: 0; line-height: 1em; font-weight: normal; font-size: 140%; } #right ul.nav { text-align: right; list-style: none; list-style-type: none; margin: 22px 0 40px 0; padding: 0; display: block; border: 0; height: 15px; } #right ul.nav li { display: inline; } #right ul.nav li a, #right ul.nav li input { float: right; display: inline; position: relative; margin: 0 0 0 20px; padding: 0; height: 15px; } #right ul.nav li a { background-repeat: no-repeat; background-image: url('../images/chrome/right-menu-sprites-v4.png'); } #info a { width: 29px; background-position: 0px 0px; } #press a { width: 40px; background-position: -32px 0px; } #links a { width: 33px; background-position: -79px 0px; } /* light */ /* mid */ #info a.mid { background-position: -114px 0px; } #press a.mid { background-position: -147px 0px; } #links a.mid { background-position: -193px 0px; } /* DARK */ #info a.dark { background-position: -228px 0px; } #press a.dark { background-position: -261px 0px; } #links a.dark { background-position: -307px 0px; } /* DARK */ #info a.night { background-position: -342px 0px; } #press a.night { background-position: -375px 0px; } #links a.night { background-position: -421px 0px; } #cart input { display:none; } #right ul.nav li a span { display: none; } #description { position: absolute; right: 0px; top: 80px; margin: 0; padding: 0; width: 180px; text-align:left; } #description p { padding: 0; margin: 0 10px 10px 0; } #description p input { position: absolute; right: 20px; margin: 0px; } #description p.banner { position: inline; float: right; right: 0; margin: 0px; margin-bottom: 10px; padding: 0; } ul.title { list-style: none; list-style-type: none; margin: 30px 0 10px 0; padding: 0; display: block; border: 0; height: 25px; } ul.title li { float: right; display: inline; position: relative; margin: 0 0 0 8px; padding: 0; height: 25px; background-repeat: no-repeat; } ul.title li span { display: none; } .night { color: #333; } .night a { color: #888; text-decoration: none;} .night a:hover { color: #fff; text-decoration: underline; } .night a:link { color: #bbb; } .night a:visited { color: #bbb; } select { background: none; border: 1px solid #333; } /* from http://www.webreference.com/programming/min-width/examples/demo8.html */ .width { position: absolute; top: 20px; width:100%; min-width:800px; z-index: 10; } * html .minwidth { padding-left:800px; } * html .container { margin-left:-800px; position:relative; } /*\*/ * html .minwidth, * html .container, * html .content, * html .layout { height:1px; } /**/