/* ---------- HTML5 ---------- */ header, footer, section, nav, article, details, hgroup, summary { display: block; } /* ---------- VARIABLES ---------- */ @font1: "Times New Roman", Times, serif; @font2: Arial, Helvetica, Sans-serif; @red: #6a0606; html { background: url('images/bodybg.jpg') center top; } body { font-family: @font1; color: #000; font-size: 12px; background: url('images/bartop.gif') repeat-x center top; } a { text-decoration: none; color: @red; outline: none; } p { margin-bottom: 15px; line-height: 1.8em; font-family: @font2; } header { overflow: hidden; margin-bottom: 20px; .logo { float: left; display: block; padding-top: 50px; } .right { float: right; } .inusa { float: right; } .phone { display: inline; margin-right: 10px; span { font-size: 24px; border-right: 1px solid @red; padding-right: 10px; } } .contact { font-size: 24px; display: inline; color: #000; } } #banner { border: 1px solid #000; padding: 8px; background: #fff; overflow: hidden; margin-bottom: 15px; #home-slide { width: 708px; height: 328px; overflow: hidden; float: left; } .side { background: #f8efde; width: 234px; float: left; min-height: 313px; padding-top: 10px; li { margin: 0 0 7px 0; padding: 0; line-height: 0; } } .search { background: url('images/searchbg.gif') no-repeat; height: 81px; position: relative; input { position: absolute; right: 6px; top: 28px; width: 135px; border: 1px solid @red; background: #fff; font-family: @font2; font-size: 10px; padding: 3px 4px; color: @red; } } } #home-categories { overflow: hidden; margin-bottom: 10px; margin-left: 1px; .cat-items { text-align: center; float: left; width: 160px; margin-right: 39px; display: block; color: #000; margin-bottom: 15px; /*img { width: 154px; height: 80px; border: 1px solid #231f20; margin-bottom: 5px; }*/ } } #home-content { background: #fff url('images/home-contentbg.gif') repeat-x center top; padding: 35px 0; overflow: hidden; h1 { font-size: 35px; color: @red; margin-bottom: 15px; } .left { width: 673px; float: left; border-right: 1px solid @red; margin-right: 20px; padding-right: 20px; } .right { width: 242px; float: left; a { font-size: 16px; } } } #interior { padding: 30px 30px 130px; position: relative; background: #fff; overflow: hidden; min-height: 500px; -moz-box-shadow: 0 0 50px rgba(0,0,0,0.09); -webkit-box-shadow: 0 0 50px rgba(0,0,0,0.09); box-shadow: 0 0 50px rgba(0,0,0,0.09); margin-bottom: 80px; #single-nav { position: absolute; top: 12px; left: 438px; font-size: 19px; li { display: inline; margin-left: 42px; } .search { margin: 15px 0 0 300px; input { width: 178px; border: 1px solid @red; font-family: Times New Roman, Times, serif; font-size: 14px; padding: 4px 4px; color: @red; } } } #home-categories { margin-bottom: 0; float: left; width: 150px; margin-right: 30px } .cat-items, .cat-item { width: auto; border-bottom: 1px solid #E4E4E4; color: #444444; float: none; font-size: 14px; margin-right: 0; margin-bottom: 10px; padding-bottom: 10px; text-align: left; &:hover { color: @red; } } #content { width: 718px; float: left; &.full-width { width: 100%; } } .item { float: left; margin-right: 23px; margin-bottom: 26px; width: 162px; display: block; min-height: 170px; text-align: center; color: #444; &:hover { color: @red; } img { margin-bottom: 10px; width: 160px; height: 130px; border-top:1px solid #C0C0C0; border-left:1px solid #C0C0C0; border-right:1px solid #606060; border-bottom:1px solid #606060; } } .item.num1 { clear:left; } .item.num4 { margin-right:0; } .gallery-images { div { margin: 0 auto; } } .content { /*margin-top: 30px;*/ h2 { font-size: 18px; margin-bottom: 15px; line-height: 1.0em; } p { color: #666; } } .search-results { h2 { font-size: 18px; margin-bottom: 12px; height: 20px; overflow: hidden; } .s-item { margin-bottom: 20px; overflow: hidden; } .thumb { background: #f5f5f5; width: 160px; height: 130px; overflow: hidden; display: block; } .left { width: 160px; float: left; margin-right: 20px; } .right { width: 500px; float: left; .text { height: 72px; margin-bottom: 15px; overflow: hidden; } } } } footer { background: #e5dbc8; border-top: 2px solid @red; color: @red; padding: 20px 0; line-height: 18px; a { color: #000; } } #crumbs { margin-bottom: 35px; padding-bottom: 15px; border-bottom: 1px solid #E4E4E4; a { margin-left: 10px; margin-right: 10px; } span { margin-left: 10px; } } .page-title { font-size: 40px; font-weight: normal; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #E4E4E4; color: @red; } .container { width: 960px; margin: 0 auto; } .fltlft { float: left; } .fltrt { float: right; } .clearfix { overflow: hidden; } .clear { clear: both; }