/* Byte Studios - Meg McGuinness Author: Matthew Restorff Date: 11.26.08 Email: matthew@bytestudios.com */ /* filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...); */ * { margin: 0; padding: 0; } a, input[type="image"], input[type="submit"] { outline: none; } img { border: none; } /* General */ body { background: #1D1200 url(/assets/img/bg.jpg) no-repeat top left; font: normal 11px Arial, Helvetica, sans-serif; color: #fff; } #container { margin: 0 auto; width: 977px; border: 5px solid #4d402e; background-color:#c2c2b9;} /* Primary */ #primary { width: 977px; float: left; background-color: #c2c2b9; } #successMessageTop { text-align:center; margin-top: 0; width: 100%; padding: 10px 30px; color: #fff; font-size: 14px; background: #4D402E; border-top: 1px solid #222; border-bottom: 1px solid #222; -moz-opacity:.95; filter:alpha(opacity=95); opacity:.95; position: fixed; /*bottom: 0;*/ z-index: 10000; } #successMessageTop a#viewCartTop { padding: 5px 10px; color: #4D402E; background-color: #fff; font: bold 12px Arial, Helvetica, sans-serif; text-decoration: none; border: none; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #successMessageTop a#closeMessageTop { color: #fff; font-size: 13px; } /* header */ #header { width: 977px; float: left; height: 143px; } /* background: #c2c2b9; */ #header div.topper { height: 82px; color: #362305; font-size: 16px; padding: 0 0 0 430px; display: block;} #header span { display: block; color: #362305; font-size: 12px; margin-left: 430px; margin-top: 35px; } #nav-left { background: url(/assets/img/top-nav-lt.png) no-repeat top left; float:left; width: 55px; height: 25px; margin-top: 82px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(/assets/img/top-nav-lt.png); } #logo { background: url(/assets/img/logo.png) no-repeat top left; display: block; text-indent: -9998px; width: 276px; height: 136px; float: left; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(/assets/img/logo.png);} .logo {position:absolute; z-index:888; top:0; left:55px; background:url(/assets/img/meglogo.png) no-repeat; width:276px; height:135px;} .logo:hover {cursor:pointer;} #info-wrap { background: url(/assets/img/top-nav-rt.png) no-repeat top left; width: 646px; height: 25px; float: left; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(/assets/img/top-nav-rt.png);} #info-wrap ul { list-style: none; float: right; } #info-wrap ul li { float: left; margin-right: 18px; padding-top: 6px; } #info-wrap ul li a { color: #fff; text-decoration: none; font: bold 11px Arial, Helvetica, sans-serif; } #info-wrap ul li span { display: inline; margin: 0; color: #fff; } #info-wrap a.account-icon { background: url(/assets/img/lock.gif) no-repeat center left; padding-left: 14px; } #info-wrap a.cart-icon { background: url(/assets/img/cart.gif) no-repeat center left; padding-left: 22px; } #info-wrap a.checkout-icon { background: url(/assets/img/arrow.gif) no-repeat center left; padding-left: 18px; } #info-wrap ul li em { padding-left: 10px; } /* content */ #content { width: 977px; min-height: 357px; float:left; position: relative; color: #362305; } h1 { font-weight: normal; font-size: 28px; } #sec-nav { list-style: none; margin-top:-28px; margin-bottom: 20px; text-align: right; width: 200px; } #sec-nav li {} #sec-nav li.sub a {font-size:15px !important;} #sec-nav li a.header {color:#c4ab89;} #sec-nav li a { color: #bbbbae; font-size: 18px; font-weight: normal; text-decoration: none; } #sec-nav li a:hover, #sec-nav li a.active { color: #fff; } .shop-look {background: #d6d6d6 url(/assets/img/cart-brown.gif) no-repeat 10px center; color: #2d1b04; text-decoration: none; font: bold 11px Arial, Helvetica, sans-serif; display: block; padding: 3px 5px 3px 33px; float: right; width: 80px; margin:-5px 0 4px 0;} #small-box {width: 312px; position: absolute; bottom: 0px; margin-left: 610px; color: #fff; background: url(/assets/img/form-bg.png) repeat top left; padding: 26px 25px 26px 30px; font: normal 15px Arial, Helvetica, sans-serif; line-height: 23px; } /* Shop */ #left-product-wrap { width: 460px; min-height: 347px; float: left; margin: 5px 20px; } #right-product-wrap {width: 450px; min-height: 347px; float: left; margin: 5px 0px; } #left-product-wrap .left-side, #right-product-wrap .left-side { float: left; height: 200px; width: 230px; } .left-side .at-wrap { float: left; margin-bottom: 5px; width: 210px; } .at-wrap label { display: block; width: 30px; float: left; text-align: right; margin-right: 10px; padding-top: 4px;} #left-product-wrap .right-side, #right-product-wrap .right-side { float: left; text-align: right; } .view-belt { color: #9e0b0f; text-decoration: none; font-weight: bold; font-size: 12px; letter-spacing: 2px; margin-top: 3px; display: block; float: left; background: url(/assets/img/viewcart.jpg) no-repeat top right; padding-right: 17px; } #detail-thumb, #detail-thumb2 { float: left; color: #777; text-decoration: none; } #detail-thumb img, #detail-thumb2 img { } #detail-thumb span, #detail-thumb2 span { text-decoration: underline; background: url(/assets/img/zoom.gif) no-repeat 100px 100%; display: block; margin-top: 3px; } #preview-quote { color: #777; } .carousel-wrap, .carousel-wrap2 { float: left; margin-top: 40px; padding: 0px 1px; height: 57px; width: 430px; } .carousel-wrap h2, .carousel-wrap2 h2 { font-weight: normal; margin-bottom: 10px;} .prev, .prev2 { background: url(/assets/img/car-arrow-lt.gif) no-repeat top left; display: block; text-indent: -9999px; width: 39px; height: 39px; float: left; margin-top: 5px; } .next, .next2 { background: url(/assets/img/car-arrow-rt.gif) no-repeat top left; display: block; text-indent: -9999px; width: 39px; height: 39px; float: left; margin-top: 5px; } .dock .disabled { background: url(/assets/img/car-arrow-lt-dim.gif) no-repeat top left;} .tock .disabled {background: url(/assets/img/car-arrow-rt-dim.gif) no-repeat top left; } #carousel, #carousel2 { float: left; } #carousel ul, #carousel2 ul { list-style: none; float: left; height: 57px;} #carousel ul li, #carousel2 ul li { float: left; width: 82px; height: 57px; text-align: center; } #carousel ul li a.active, #carousel ul li:hover { } .press-wrap { margin-top: 30px; float: left; padding-left: 12px; } #press-carousel { overflow: hidden; float: left; width: 800px; height: 300px; } .press-wrap ul { list-style: none; } .press-wrap ul li { float: left; text-align: center; height: 290px; margin-right: 3px; background-color: red; } .press-wrap .prev { background: url(/assets/img/car-arrow-lt.gif) no-repeat top left; display: block; text-indent: -9999px; width: 39px; height: 39px; float: left; margin-top: 115px; } .press-wrap .next { background: url(/assets/img/car-arrow-rt.gif) no-repeat top left; display: block; text-indent: -9999px; width: 39px; height: 39px; float: left; margin-top: 115px; } .press-wrap .dock .disabled { background: url(/assets/img/car-arrow-lt-dim.gif) no-repeat top left;} .press-wrap .tock .disabled {background: url(/assets/img/car-arrow-rt-dim.gif) no-repeat top left; } #item-preview { float: left; width: 957px; padding: 10px; background: #E6E6E6; min-height: 300px;padding-bottom:20px;} #item-preview h2 { font-weight: normal; margin-bottom: 10px; font-size: 28px; color: #362305; } #item-preview #preview-left { float: left; width: 745px; } #item-preview #preview-right { float: left; margin: 40px 0px 10px 15px; padding-bottom: 10px; font: normal 12px Arial, Helvetica, sans-serif; } #item-preview #preview-right input[type=submit] { background: #362305; border: none; color: #fff; padding: 3px 10px; letter-spacing: 1px; position: absolute; bottom: 0px; margin-bottom: 10px; } #item-preview #preview-left img { border: 1px solid #777; } #nav-wrap { background: url(/assets/img/nav-bg.png) repeat-x top left; width: 977px; float: left; height: 32px;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(/assets/img/nav-bg.png); } #nav-wrap ul { list-style: none; padding-left: 35px; } #nav-wrap ul li { float: left; margin: 0px 22px; padding-top: 6px; } #nav-wrap ul li a { color: #362305; font: lighter 16px Arial, Helvetica, sans-serif; text-decoration: none; } #nav-wrap ul li a:hover, #nav-wrap ul li a.active { color: #fff; } #tooltip { position: absolute; color: #261704; z-index: 3000; border: 1px solid #261704; background-color: #eee; padding: 5px; opacity: 0.85; } #tooltip h3, #tooltip div { margin: 0; } #form-wrap { background: transparent url(/assets/img/form-bg.png) repeat top left; width: 390px; padding: 10px 15px; margin-left: 520px; color: #dbdbce; font-size: 13px; position: absolute; bottom: 0%; } #form-wrap tr { height: 25px; } #form-wrap a { color: #dbdbce; text-decoration: none; } #form-wrap input { width: 315px; height: 17px; background: url(/assets/img/input-bg.png) repeat top left; border: none; font-family: Arial, Helvetica, sans-serif; } #form-wrap textarea { width: 315px; height: 80px; font-size: 11px; background: url(/assets/img/input-bg.png) repeat top left; border: none; margin-top: 5px; font-family: Arial, Helvetica, sans-serif; } #form-wrap input[type=submit] { width: 95px; margin: 0; cursor: pointer; background: none; color: #dbdbce; background: url(/assets/img/contact-arrow.gif) no-repeat 100% 70%; padding-right: 20px; } /* Secondary */ #secondary { background-color: #e7e6e6; width: 977px; height: 153px; float: left; color: #000; padding-top: 15px; border-top: 5px solid #4d402e; } .bucket { width: 305px; height: 121px; border-right: 1px solid #362305; float: left; padding: 10px; } .bucket a { text-decoration: none; } .bucket h1 { float: left; font: normal 13px Arial, Helvetica, sans-serif; color: #362305; text-transform: uppercase; letter-spacing: 1px; background: url(/assets/img/doublearrow.gif) no-repeat center left; padding-left: 20px; width: 305px; margin-bottom: 10px; } .bucket p { font: normal 12px Arial, Helvetica, sans-serif; color: #362305; } .bucket span { color: #9e0b0f; } .bucket img { margin-left: 10px; margin-bottom: 10px; float: right; } #about-body { background: url(/assets/img/about-bg.png) repeat top left; position: absolute; bottom: 0; width: 300px; color: #fff; padding: 27px 25px 26px 25px; margin-left: 575px; font-size: 13px; line-height: 20px; } #about-top {background: url(/assets/img/about-bg.png) repeat top left; height: 82px; width: 350px; margin-left: 144px; } #footer { margin: 0 auto; width: 977px; text-align: center; color: #463b2d; clear: both; } #footer a { color: #463b2d; }