@charset "utf-8";
html {
}
body, td, th {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
body {
background-color:#542008;
color: #000;
padding:0px;
margin:0px;
}
.wrapper {
width:100%;
min-width:950px;
vertical-align:top;
margin:0px auto;
padding:0px;
clear: both;
}
.wrapperRight {
background:#542008 url(img/right_bg.png) repeat-x top;
}
.wrapperRightShadow {
background:#542008 url(img/right_shadow_bg.png) no-repeat left top;
width:48px;
}
.wrapperLeft {
background:#542008 url(img/left_bg.png) repeat-x top;
}
/*.wrapperLeftBottom, html>body .wrapperLeftBottom {
background:url(img/left_bottom_bg.png) repeat-y right;
}*/
.headerLeft {
background: url(img/header_top_left_bg.png) no-repeat left top;
height: 53px;
width: 300px;
margin:0px;
padding: 0px;
}
/* Numbered to the images : As per the PSD files */
.steak0 .header {
background: url(img/header_steak0_bottom.png) no-repeat top;
}
.steak0 .headerTop {
background: url(img/header_steak0_top.png) no-repeat left top;
}
.steak1 .header {
background: url(img/header_steak1_bottom.png) no-repeat top;
}
.steak1 .headerTop {
background: url(img/header_steak1_top.png) no-repeat left top;
}
.steak2 .header {
background: url(img/header_steak2_bottom.png) no-repeat top;
}
.steak2 .headerTop {
background: url(img/header_steak2_top.png) no-repeat left top;
}
.steak3 .header {
background: url(img/header_steak3_bottom.png) no-repeat top;
}
.steak3 .headerTop {
background: url(img/header_steak3_top.png) no-repeat left top;
}
.steak4 .header {
background: url(img/header_steak4_bottom.png) no-repeat top;
}
.steak4 .headerTop {
background: url(img/header_steak4_top.png) no-repeat left top;
}
.steak5 .header {
background: url(img/header_steak5_bottom.png) no-repeat top;
}
.steak5 .headerTop {
background: url(img/header_steak5_top.png) no-repeat left top;
}
.steak6 .header {
background: url(img/header_steak6_bottom.png) no-repeat top;
}
.steak6 .headerTop {
background: url(img/header_steak6_top.png) no-repeat left top;
}
.steak7 .header {
background: url(img/header_steak7_bottom.png) no-repeat top;
}
.steak7 .headerTop {
background: url(img/header_steak7_top.png) no-repeat left top;
}
.steak8 .header {
background: url(img/header_steak8_bottom.png) no-repeat top;
}
.steak8 .headerTop {
background: url(img/header_steak8_top.png) no-repeat left top;
}
.steak9 .header {
background: url(img/header_steak9_bottom.png) no-repeat top;
}
.steak9 .headerTop {
background: url(img/header_steak9_top.png) no-repeat top;
}
.header {
height: 192px;
width: 650px;
vertical-align:top;
margin:0px auto;
}
.headerTop {
height: 53px;
width: 650px;
vertical-align:top;
margin:0px;
color:#F90;
font-size:13px;
}
.main {
width:650px;
background:url(img/main_bg.png) repeat-y center;
}
.navContainer {
margin:0 auto;
white-space:nowrap;
width:175px;
}
.nav {
background:url(img/nav_bg.png) no-repeat center 252px;
width:300px;
vertical-align: top;
}
.nav ul {
margin-top:10px;
margin-left: -32px;
}
.nav li {
list-style: none inside;
}
.navContainer a {
display:block;
width:192px;
height:20px;
}
a.home {
background:Transparent url(img/home_btn.png) no-repeat top left;
}
a.home:hover {
background:Transparent url(img/home_btn.png) no-repeat bottom left;
}
a.aboutalbertabeef {
background:Transparent url(img/aboutbeef_btn.png) no-repeat top left;
}
a.aboutalbertabeef:hover {
background:Transparent url(img/aboutbeef_btn.png) no-repeat bottom left;
}
a.beefquestions {
background:Transparent url(img/beefquestions_btn.png) no-repeat top left;
height:22px;
}
a.beefquestions:hover {
background:Transparent url(img/beefquestions_btn.png) no-repeat bottom left;
}
a.aboutourprices {
background:Transparent url(img/aboutprices_btn.png) no-repeat top left;
}
a.aboutourprices:hover {
background:Transparent url(img/aboutprices_btn.png) no-repeat bottom left;
}
a.ourpricing {
background:Transparent url(img/ourpricing_btn.png) no-repeat top left;
height:24px;
}
a.ourpricing:hover {
background:Transparent url(img/ourpricing_btn.png) no-repeat bottom left;
}
a.growthimplants {
background:Transparent url(img/growthimplants_btn.png) no-repeat top left;
height:24px;
}
a.growthimplants:hover {
background:Transparent url(img/growthimplants_btn.png) no-repeat bottom left;
}
a.antibiotic {
background:Transparent url(img/antibiotics_btn.png) no-repeat top left;
}
a.antibiotic:hover {
background:Transparent url(img/antibiotics_btn.png) no-repeat bottom left;
}
a.guarantee {
background:Transparent url(img/ourguarantee_btn.png) no-repeat top left;
}
a.guarantee:hover {
background:Transparent url(img/ourguarantee_btn.png) no-repeat bottom left;
}
a.contact {
background:Transparent url(img/contact_btn.png) no-repeat top left;
}
a.contact:hover {
background:Transparent url(img/contact_btn.png) no-repeat bottom left;
}
a.alan {
background:Transparent url(img/alan_btn.png) no-repeat top left;
height:24px;
}
a.alan:hover {
background:Transparent url(img/alan_btn.png) no-repeat bottom left;
}
.navContainer a p {
display:none;
}
.contentWrapper {
background:url(img/content_centre_bg.png) repeat-y top;
width:650px;
padding:0px;
margin:0px;
}
.contentTop {
background:url(img/content_top_bg.png) no-repeat top;
height:20px;
vertical-align:top;
}
.content {
padding:0 32px;
min-height:320px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
}
.contentBottom {
background:url(img/content_bottom_bg.png) no-repeat bottom;
height:20px;
}
.footer {
color: #CC0000;
background:url(img/footer_bg.png) no-repeat -1px bottom;
width:650px;
height:250px;
vertical-align:bottom;
}
.copyright {
color: #CC0000;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
vertical-align:bottom;
}
a:link {
color: #CC0000;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
}
a:visited {
color: #CC0000;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:hover {
color: #FF0000;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:active {
color: #FF9900;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.content a, .content a:link, .content a:visited {
color:#000;
}
.content a:hover {
color:#900;
}