@charset "utf-8"; body { border: 0; margin: 0; padding: 0; background: #036 url('main-background.jpg') repeat-x; font: 12px/1.2 "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #333; } img, div { behavior: url('iepngfix.htc') } p, h1, h2, td  { margin: 0; padding: 0; padding-bottom: 0.4em; } h1 { padding-top: 0.4em; font-size: 20px; font-weight: normal; color: #666; }	 h2 { font-size: 17px; font-weight: normal; color: #000; } a { color: #c82961; } a:link { color: #c82961; text-decoration: none; } a:visited { color: #c82961; text-decoration: none; } a:hover { color: #c82961; text-decoration: underline; } a:active { color: #c82961; text-decoration: none; } .alt { display: none; } #starfield { width: 100%; height: 100%; background: url('starfield.gif') top center no-repeat; } #container { width: 900px; margin: 0 auto; } #header { height: 125px; text-align: center; } #logo { width: 500px; height: 75px; padding-top: 10px; margin: 0 auto; } #header h1 { padding: 0; color: #ffd669; font-size: 20px; font-weight: normal; margin: 0; } #main-area { position: relative; } #left-sidebar { position: absolute; left: 0; top: 0; width: 150px; } #middle { position: absolute; left: 160px; top: 0; width: 580px; } #right-sidebar { position: absolute; right: 0; top: 0; width: 150px; } .bulk-top { height: 5px; background: url('bulk-top.png') no-repeat; } .bulk-bottom { height: 5px; background: url('bulk-bottom.png') no-repeat;	 } #bulk { background: #fff; } #content { padding: 5px 10px; } #footer { padding: 5px 10px; border-top: dotted 1px #dddddd; margin-top: 5px; } .menu-top { height: 5px; background: url('sidebar-top.png') no-repeat; } .menu-bottom { height: 5px; background: url('sidebar-bottom.png') no-repeat; } #left-menu, #right-menu { background: url('main-col-background.png') no-repeat; } .sidebar-bulk { padding: 5px;	 } #left-menu form{ padding: 0; margin: 0; height: 30px; } .search-field { margin: 0; padding: 1px; border: 0; width: 110px; font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; float: left; } .search-button { float: right; } .sidebar h2 { clear: both; text-transform: uppercase; background: url('sidebar-heading.jpg') repeat-x; font-weight: bold; font-size: 14px; padding: 3px; color: white; margin-top: 10px; } .sidebar ul { padding: 0; margin: 0; border: 0; list-style: none; } .sidebar ul li { border-bottom: solid 1px #fff; width: 140px; vertical-align: bottom; } .sidebar ul li a { display: block; padding: 7px; vertical-align: bottom; font-weight: bold; } .sidebar ul li a:link, .sidebar ul li a:visited { color: #fff; text-decoration: none; } .sidebar ul li a:hover, .sidebar ul li a:active { background: #fff; color: #c82961; text-decoration: none; } .sidebar ul li ul li{ width: 140px; vertical-align: bottom; border-bottom: none; } .sidebar ul li ul li a { vertical-align: bottom;	 padding: 5px 5px 5px 14px; display: block; font-weight: bold; } .sidebar ul li ul li a:link, .sidebar ul li ul li a:visited, { color: #fff; text-decoration: none; } .sidebar ul li ul li a:hover, .sidebar ul li ul li a:active { background: #fff; color: #c82961; text-decoration: none; } .sidebar ul li ul li ul li a { vertical-align: bottom;	 padding: 2px 0px 2px 21px; display: block; font-weight: bold; } /* shopping cart */ #shopping-cart { width: 150px; height: 90px; background: url('cart-background.png'); margin-bottom: 10px; } #cart-container { padding: 5px; } #cart-container h2 { margin-top: 0; margin-bottom: 5px; } #cart-container p{ text-align: center; color: white; } #cart-container a { color: #fff; padding-left: 20px; } a.t-cart { background: url('basket.gif') no-repeat; } a.t-checkout { background: url('trolley.gif') no-repeat; } /* home page fragments */ .home-first-row { float: left; margin: 20px 18px; width: 150px; display: inline; } .home-second-row { float: left; margin-right: 20px; width: 160px; display: inline; padding: 0; } .home-box-b-r { background: url('home-box-b-r.gif') bottom right no-repeat; padding: 0; margin: 0; height: 340px; } .home-box-b-l { background: url('home-box-b-l.gif') bottom left no-repeat; padding: 0 0 15px 0; margin: 0; } .home-box-t-r { background: url('home-box-t-r.gif') top right no-repeat; padding: 0 15px 0 0; } .home-box-t-l { background: url('home-box-t-l.gif') top left no-repeat; padding: 15px 0 0 15px; height: 310px; } /* general section layout */ .twinkle-breadcrumb { width: 560px; background: url('breadcrumb-bottom.gif') no-repeat bottom; } .breadcrumb-inner { width: 560px; background: url('breadcrumb-top.gif') no-repeat top; } .twinkle-breadcrumb p { padding: 12px; } /* product summaries */ .twinkle-summary { float: left; width: 270px; margin-left: 5px; margin-top: 15px; display: inline; } .twinkle-summary-image { float: left; width: 160px; margin-right: 10px; } .twinkle-summary-text { float: left; width: 100px; } h2.twinkle-summary-name { font-size: 12px; font-weight: bold; } p.twinkle-summary-price { font-weight: bold; } .twinkle-summary-description { clear: both; } /* product details */ .product-details { padding-top: 20px; } .product-details-image { width: 160px; margin-left: 10px; margin-right: 15px; float: left; display: inline; } .product-details-text { float: left; width: 365px; } p.product-details-price { font-weight: bold; } .product-details-buttons { margin: 10px 0; height: 32px; } .product-details-cart { float: left; width: 200px; } .product-details-back { float: right; width: 150px; text-align: right; } .product-details-text-bottom { background: url('more-info.gif') #f0f0f0 no-repeat; padding: 35px 10px 10px 10px; }