body{ background: #CCAE70; margin:0px; margin-top: 5px; margin-bottom: 15px; color: #A74101; } table{ border-collapse: collapse; padding: 0px; border-spacing: 0px; font: 13px arial; } td{ vertical-align: top; } table.main{ width: 750px; } td.left{ width: 198px; height: 400px; background: #7E201E url('first.jpg'); border-right: 1px solid #E1BD6D; } td.right{ background: #FFFEEA url('ur.jpg'); background-repeat: no-repeat; background-position: top right; padding-right: 15px; padding-left: 15px; padding-bottom: 25px; border-bottom: 1px solid #E1BD6D; } td.bottom{ background: #7E201E; height: 50px; color: #F1EBD3; vertical-align: middle; padding-bottom: 15px; } td.bottomleft{ background: #7E201E; height: 50px; color: #F1EBD3; vertical-align: middle; } table.hdr{ border-top: 1px solid #E1BD6D; width: 100%; border-bottom: 1px solid #E1BD6D; margin-bottom: 5px; } td.hdr{ width: 16%; } img.art{ } p.welcome{ background: url('nch.jpg'); height: 227px; width: 500px; top:10px; } p.sales{ background: url('sales.jpg'); height: 79px; width: 450px; } p.shop{ background: url('shop.jpg'); height: 79px; width: 450px; } p.contact{ background: url('contact.jpg'); height: 79px; width: 450px; } p.products{ background: url('products.jpg'); height: 79px; width: 450px; } p.about{ background: url('about.jpg'); height: 79px; width: 450px; } p.news{ background: url('news.jpg'); height: 79px; width: 450px; } p.coupons{ background: url('coupons.jpg'); height: 79px; width: 450px; } td.specials{ border: 1px dashed #9f4223; padding: 12px; } p.small{ font:11px arial; } a.cat{ text-decoration: none; color: #7E201E; font-size: 16px; text-align: center; border-bottom: 1px solid #FFFEEA; display: block; padding-top: 5px; padding-bottom: 5px; } a.cat:hover{ text-decoration: none; color: #9f4223; border-bottom: 1px solid #9f4223; background: #F2f7a8; padding-top: 5px; padding-bottom: 5px; } a.hdr{ text-decoration: none; color: #F0D586; font-size: 14px; display: block; text-align: center; background:#7E201E; padding-top: 2px; padding-bottom: 3px; } a.hdr:hover{ text-decoration: none; color: white; background:#9f4223; padding-top: 2px; padding-bottom: 3px; } a.links{ text-decoration: none; color: #7E201E; border-bottom: 1px solid #7E201E; margin-right: 10px; } a.links:hover{ color: #bf7556; border-bottom: 1px dotted #bf7556; } a.link{ text-decoration: none; color: #7D2001; border-bottom: 1px solid #7E201E; } a.bottom{ color: white; } a.bottom:hover{ text-decoration: none; border-bottom: 1px dotted white; } a.link:hover{ color: #bf7556; border-bottom: 1px dotted #bf7556; } input.in{ width: 350px; border: 1px solid #7E201E; padding: 3px; } textarea.in{ width: 350px; height: 125px; border: 1px solid #7E201E; padding: 3px; } input.sub{ width: 100px; border-top: 2px solid #9f4223; border-left: 2px solid #9f4223; border-bottom: 2px solid #4a0000; border-right: 2px solid #4a0000; padding: 3px; background: #7E201E; color: #F0D586; } input.sub:active{ background: white; color: black; }