@charset "UTF-8"; /* CSS Document */ * { margin: 0; padding: 0; } body { font-size: 62.5%; font-family: Arial, sans-serif; background: url(images/main-bg.png) repeat-y top; border: 0; list-style: none;} img {border: none;} #main-wrap { width: 810px; margin: 0 auto; } #header { height: 233px; width: 810px; background: url(images/header-bg-new.jpg) no-repeat top; } #header a { text-decoration: none; } #header a:hover { color: #ffffff; } li {margin-bottom: 15px;} p a { text-decoration: none; outline: none; color: #000; border-bottom: 1px dotted #404040; } p a:hover { color: #660000; border-bottom: 1px dotted; } a img { border: none; } .blog-post { border-bottom: 1px dotted #000000; margin-bottom: 20px; } h1 {font-weight: normal; font-style: normal; word-spacing: .1em; font-size: 3em; font-family: Georgia,serif; color: #660000; line-height: 2.3em; } h1 a {color: #660000; border-bottom: 1px dotted; text-decoration: none;} h1 a:hover {color: #000000;} h2 {font-weight: normal; font-style: normal; word-spacing: .1em; font-size: 2em; font-family: Georgia,serif; color: #000000; line-height: 2.3em; } h3 {font-family: Arial,sans-serif; color: #660000; font-weight: bold; line-height: 1.2em; font-size: 1.2em;} h4 {font-weight: normal; font-style: normal; word-spacing: .1em; font-size: 1.2em; text-transform: uppercase; font-weight: 600; font-family: Georgia,serif; color: #660000; line-height: 1.6em; } h5 {font-weight: normal; font-style: italic; word-spacing: .1em; font-size: 1.6em; font-family: Georgia,serif; color: #666666; line-height: 1.4em; float: none; } h6 {font-weight: normal; font-style: italic; word-spacing: .1em; font-size: 1.2em; font-family: Georgia,serif; color: #666666; line-height: 1.6em; } h7 {font-weight: normal; font-style: normal; word-spacing: .1em; font-size: 3em; font-family: Georgia,serif; color: #660000; line-height: 1.3em; } h7 a {color: #660000; border-bottom: 1px dotted; text-decoration: none;} h7 a:hover {color: #000000;} .price-head {font-size: 1em; text-transform: uppercase; font-weight: 600; margin-right: 10px; font-family: Georgia,serif; color: #000000; line-height: 1.7em;} .price {font-size: 2.4em; text-transform: uppercase; font-weight: lighter; font-family: Georgia,serif; color: #660000; } .addtocart {font-size: 1.2em; font-weight: lighter; font-family: Georgia,serif; color: #660000; } .addtocart a:hover { color: #000000; } .moreinfo {font-size: 1.2em; font-weight: lighter; font-family: Georgia,serif; color: #660000; background: none; border: none; font-style: italic; border-bottom: 1px dotted #404040;} .moreinfo a {font-size: 1.2em; font-weight: lighter; font-family: Georgia,serif; color: #660000; background: none; border: none; font-style: italic; border-bottom: 1px dotted #404040;} .moreinfo a:hover { color: #000000; } .addtocartbutton {font-size: 1.6em; font-weight: lighter; font-family: Georgia,serif; color: #660000; background: none; border: none; font-style: italic; border-bottom: 1px dotted #404040;} .addtocartbutton a {font-size: 1.6em; font-weight: lighter; font-family: Georgia,serif; color: #660000; background: none; border: none; font-style: italic; border-bottom: 1px dotted #404040;} .addtocartbutton a:hover { color: #000000; } .viewcart {float: right; margin-top: 31px; margin-right: 33px;} .text-viewcart {text-decoration: none; font-size: 1.1em; word-spacing: .1em; text-align: right; font-family: Georgia,serif; font-style: italic; color: #d2d371; float: right; padding-top: 40px; background: none; border: none;} p {font-size: 1.3em; line-height: 1.4em; word-spacing: .01em; margin-bottom: 1.4em; margin-left: 5px; } .datebox {font-family: Georgia,serif; width: 36px; float: left; padding: 5px; background: #ffef7a; color: #000000; text-align: center; margin: 0 10px 0 0; border: 1px solid #660000; -moz-border-radius: 10px; -webkit-border-radius: 10px; } .day {font-size: 2em; line-height: 1em; font-weight: bold; margin: 0; } .month {font-size: 1.2em; line-height: 1em; font-weight: bold; text-transform: uppercase; margin: 0 0 -4px 0;} .year {font-size: 1.1em; line-height: 1em; font-weight: bold; margin: 0;} /***************************** Image classes ******************************/ .image-right {float: right; margin-left: 10px; margin-right: -5px; margin-top: -5px;} .image-cart {float: right; margin-top: -30px; padding-right: 10px;} .image-left {float: left; margin-top: -20px; margin-bottom: -30px; margin-left: -5px;} .image-left-blog {float: left; margin-top: -20px; margin-bottom: -10px; margin-left: -5px;} .image-pagehead {float: left; width: 465px;} .right-pin {float: right; padding-right: 15px; padding-top: 5px;} .left-pin {float: left; padding-right: 10px; margin-left: -2px; padding-top: 5px;} .product {min-height: 350px; border-top: 1px #000000 dotted; margin-top: 20px; padding-bottom: 30px; } .product-image {float: left; margin-right: 15px; margin-bottom: 40px; } .product-thumb {padding-right: 2px; padding-bottom: 2px; text-decoration: none;} #product-price {height: 210px; width: 210px; background: url(images/product-note.png); float: right; padding-left: 20px; padding-top: 20px; padding-right: 20px; } #product-price-left {height: 210px; width: 210px; background: url(images/product-note.png); float: left; padding-left: 20px; padding-top: 20px; padding-right: 20px; } #product-price-left-pdf {height: 210px; width: 210px; background: url(images/product-note-pdf.png); float: left; padding-left: 20px; padding-top: 20px; padding-right: 20px; } #product-pictures {height: 325px; width: 225px; float: right; overflow: hidden; margin-top: -12px; margin-left: 10px; margin-right: -10px; } #product-pictures a {border: none; } /***************************** Main Navigation ******************************/ #main-nav { height: 45px; width: 705px; background: url(images/main-nav-bg.png); padding: 10px 0 0 105px;} #mainnav li { float: left; list-style: none; z-index: 99999; } #mainnav li.core { display: block; z-index: 99999; } #mainnav li.core a { display: block; background-position: 0px 0px; background-repeat: no-repeat; z-index: 99999; } #mainnav li.core a:hover { background-position: 0px -33px; z-index: 99999; } #mainnav li.home a { width: 75px; height: 33px; background-image: url(images/home-btn.png); margin-right: 2px; z-index: 99999; } #mainnav li.products a { width: 124px; height: 33px; background-image: url(images/products-btn.png); margin-right: 2px; z-index: 99999;} #mainnav li.about a { width: 96px; height: 33px; background-image: url(images/about-btn.png); margin-right: 2px; z-index: 99999; } #mainnav li.services a { width: 108px; height: 33px; background-image: url(images/services-btn.png); margin-right: 2px; z-index: 99999; } #mainnav li.contact a { width: 115px; height: 33px; background-image: url(images/contact-btn.png); margin-right: 2px; z-index: 99999; } #mainnav li.blog a { width: 77px; height: 33px; background-image: url(images/blog-btn.png); margin-right: 2px; z-index: 99999; } /***************************** END Main Navigation ******************************/ #section-top-two { height: 30px; width: 810px; background: url(images/section-top-two-bg.png); } #content-main { min-height: 600px; width: 810px; background: url(images/content-main-bg.png); float: left; list-style: none;} #content-main li {list-style: none;} #two-thirds-content { width: 465px; padding-left: 45px; padding-right: 20px; float: left; } #two-thirds-content li {list-style: none;} #section-top-wide { height: 30px; width: 810px; background: url(images/section-top-wide-bg.png) -1px 0px; } #content-main-wide { min-height: 600px; width: 720px; padding-left: 45px; padding-right: 45px; background: url(images/content-main-wide-bg.png) -1px 0px; float: left;} #section-bot-wide { height: 33px; width: 810px; background: url(images/section-bot-wide-bg.png) -1px 0px; } /***************************** Sidebar Elements ******************************/ #sidebar { width: 262px; float: right; padding-left: 18px; list-style: none;} #sidebar ul {list-style: none;} #sidebar-bottom { height: 33px; width: 280px; background: url(images/sidebar-bottom.png) no-repeat; float: right;} #post-it-right { height: 215px; width: 235px; padding-bottom: 10px; background: url(images/note-right.png) no-repeat; overflow: hidden;} #recent-posts-3 { height: 215px; width: 200px; padding-right: 15px; padding-left: 15px; padding-bottom: 10px; background: url(images/note-right-pin.png) no-repeat; overflow: hidden;} #recent-posts-3 h2 {} #recent-posts-3 a {font-weight: 900; text-decoration: none; font-family: Arial,sans-serif; color: #660000; line-height: 1.4em; font-size: 1.2em; border-bottom: 1px dotted #404040;} #recent-posts-3 a:hover {color: #000000; border-bottom: 1px dotted #660000; } #post-it-right h2 { margin-left: 15px;} #post-it-right h3 { margin-left: 15px;} #post-it-left { height: 215px; width: 221px; padding-bottom: 10px; padding-left: 14px; background: url(images/note-left.png) no-repeat; overflow: hidden;} #post-it-left h3 { margin-left: 5px;} /***************************** END Sidebar Elements ******************************/ #section-bot-two { height: 33px; width: 810px; background: url(images/section-bot-two-bg.png); } #footer { height: 147px; width: 100%; padding-top: 18px; background: url(images/footer-bg.png) repeat-x; color: #fff; font: 1.1em Georgia, serif; line-height: 1.6em; text-align: center; word-spacing: .25em; border: none; } #footer a {text-decoration: none; color: #fff; } #footer a:hover {text-decoration: none; color: #660000;} .clear { clear: both; }