/* CSS Document */ @media screen { body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; margin: 10px; background-image: url(site-bg.jpg); background-position: top; background-repeat: repeat-x; background-color: #636363; } p { line-height: 150%; } h1 { font-size: 160%; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; background-color: #CC0000; padding: 7px 7px 7px 10px; margin: 0px 0px 10px 0px; border: 1px solid #000; background-image: url(/acatalog/h1-bg.gif); background-repeat: repeat-x; background-position: top; } h2 { font-size: 140%; font-family: Arial, Helvetica, sans-serif; color: #CC0000; } h3 { font-size: 120%; font-family: Arial, Helvetica, sans-serif; color: #CC0000; } th { text-align: left; } td { } a { color: #7C1A17; text-decoration: underline; } a:hover { color: #CC0000; text-decoration: underline; } /* Site Structure Styles */ .siteContainer { /*width: 760px;*/ width: 950px; margin: 0px auto; background-color: #FFFFFF; border: 1px solid #000000; } .headerMenu { height: 18px; background-image: url(/acatalog/top-menu-bg.gif); background-repeat: repeat-x; background-position: top; background-color: #000000; color: #FFFFFF; padding: 6px 5px 0px 8px; font-size: 90%; border-bottom: 1px solid #FF0000; } .headerMenu a { text-decoration: none; color: #FFFFFF; margin-right: 12px; font-weight: bold; padding: 6px 5px; } .headerMenu a:hover { text-decoration: underline; color: #FFFFFF; } .header { background-color: #7C1A17; border-top: 1px solid #000000; border-bottom: 1px solid #000000; height: 222px; } .banner { float: left; background-color: #000; border-right: 1px solid #000; } .headerLogo { float: left; margin: 24px 0px 5px 5px; color: #FFF; } .headerLogo p { line-height: 100%; margin-left: 5px; } .breadcrumb { clear: both; color: #999999; padding: 3px 3px 3px 10px; margin-bottom: 5px; font-size: 90%; text-transform: lowercase; z-index: 2; height: 10px; } .mainMenu { float: left; /*width: 180px;*/ width: 200px; position: relative; top: -10px; z-index: 1; } .heading { padding-top: 10px; } .heading a { width: 185px; display: block; padding: 8px 5px 9px 10px; background-image: url(/acatalog/menu-bg.gif); background-repeat: repeat-x; background-position: top; background-color: #CC0000; color: #FFFFFF; font-weight: bold; text-decoration: none; border-top: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000; } .heading a:hover { background-image: url(/acatalog/menu-bg-on.gif); background-color: #FF0000; color: #FFFFFF; text-decoration: none; } .menuSub { border-bottom: 1px solid #000; border-right: 1px solid #000; } .menuSub a { width: 172px; display: block; padding: 4px 3px 5px 25px; background-color: #F3F3F3; text-decoration: none; } .menuSub a:hover { background-color: #E8E8E8; } .main { float: right; /*width: 560px;*/ width: 719px; margin-right: 10px; } .main p, .main h2, .main h3 { margin-left: 5px; margin-right: 5px; margin-bottom: 5px; } .category-product { float:left; width: 315px; height: 140px; margin-right: 20px; margin-bottom: 20px; padding: 10px; } .category-product p { margin: 0px; padding: 0px; } .category-product h3 { margin: 0px; padding: 0px; } .category-image { float: right; margin: 0px 5px 5px 0px; } .footer { clear: both; border-top: 1px dotted #999999; color: #999999; } .footer p { margin: 5px; } /* End of Site Structure Styles */ .floatLeft { float: left; } .floatRight { float: right; } .clear { clear: both; margin: 0px; padding: 0px; } .productTable { font-size: 80%; } .productTable th { color:#FFFFFF; background-color: #000000; font-weight: bold; } .productTable td { color: #000000; background-color: #EFEFEF; } .h2Title { font-size: 140%; font-family: Arial, Helvetica, sans-serif; color: #CC0000; } .h3Title { font-size: 120%; font-family: Arial, Helvetica, sans-serif; color: #CC0000; } .productImage { float: right; } .imgR { float: right; margin: 0px 0px 10px 15px; } }