/**
 * design by www.bluetinweb.com.au
 *
 * filename:    vb_main.css
 * description: main cascading style sheet for bluetinweb
 * version:     1.0
 * date:        27 August 2008
 *
 * revised:     07 July 2010
 * changes:   - renamed file (was VB_default.css)
 *            - added new stylesheet (vb_extra.css) and transferred some aspects (eg. PIC ZOOM)
 *            - increased default font size for 'body' from 12px to 14px
 *            - for #primarycontent .post  added   "clear: both;"  to help new buttons for 
 *              BULK MEAT BUYS, VALUE PACKS, etc. clear after float left
 */

body{
margin: 0;
padding: 0;
}

body{
background: #F9F9F7 url('../images/a1.gif') repeat-x;
font-size: 14px;
font-family: helvetica, sans-serif, "trebuchet ms";
color: #8C8C73;
line-height: 18px;
margin: 20px 0 0 0;
}

#nohilite a{
color: #656551;
background: transparent;
text-decoration: none;
}

#nohighlight a{
color: #656551;
background: transparent;
text-decoration: none;
}

#nohighlight a:hover{
color: white;
background:#8C8C73 none;
text-decoration: none;
}

a{
color: #FF7800;
background: transparent;
text-decoration: none;
}

a:hover{
color: white;
background:#8C8C73 none;
text-decoration: none;
}

img{
margin:0;
padding:0;
}

img.bdr_on{
border: 1px solid #DEDEDE; /*gray*/
margin: 2px;
}

img.bdr_off{
border: none; /*gray*/
margin: 2px;
}

sup{
font-size: 8px;
}

p{
margin-bottom: 14px;
text-align: left;
}

p.rhs{
margin-bottom: 14px;
text-align: right;
}

p.mid{
margin-bottom: 14px;
text-align: center;
}

img.picA{
position: relative;
top: -2px;
background: url('../images/a47.gif') no-repeat;
color: white;
width: 100px;
height: 75px;
padding: 7px;
}

img.picB{
position: relative;
top: -2px;
background: url('../images/a26.gif') no-repeat;
color: black;
width: 160px;
height: 215px;
padding: 7px;
}

img.picD{
position: relative;
top: -2px;
background: url('../images/a49.gif') no-repeat;
color: white;
width: 446px;
height: 642px;
padding: 7px;
}

img.picE{
position: relative;
top: -2px;
background: white;
color: white;
width: 140px;
height: 25px;
padding: 0px;
}

img.picF{
position: relative;
top: -2px;
background: white;
color: white;
width: 150px;
height: 92px;
padding: 0px;
}

img.floatleft{
float: left;
margin: 0px 1px 3px 0px;
}

img.floatright{
float: right;
margin: 0px 1px 3px 0px;
}

ul.linklist{
list-style: none;
margin: 0px;
}

ul.linklist li.nextNotIE{
border-top: solid 1px #EEEEEE;
padding-top: 5px;
margin: 5px 0px 0px -40px;
}

ul.linklist li.nextIE{
border-top: solid 1px #EEEEEE;
padding-top: 5px;
margin: 5px 0px 0px 0px;
}

ul.linklist li.firstNotIE{
border-top: 0px;
margin-top: 0px;
padding-top: 0px;
margin: 5px 0px 0px -40px;
}

ul.linklist li.firstIE{
border-top: 0px;
margin-top: 0px;
padding-top: 0px;
margin: 5px 0px 0px 0px;
}

ul.ULmain{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 13px;
}

li.lists{
background: url('../images/bullet.gif') no-repeat 0 50%;
padding: 3px 0 3px 28px;
margin: 0 0 0 20px;
}

li.lists_gap{
background: url('../images/bullet.gif') no-repeat 0 50%;
padding: 0px 0 3px 28px;
margin: 0 0 0 20px;
}

li.lists2{
background: url('../images/bullet2.gif') no-repeat 0 50%;
padding: 3px 0 3px 28px;
margin: 0 0 0 40px;
}

li.lists_noblt{
padding: 3px 0 3px 8px;
}

#upbg{
position: absolute;
top: 0px;
left: 0px;
background: #fff url('../images/upbg.gif') no-repeat;
color: white;
width: 900px;/*748px*/
height: 263px;
z-index: 1;
}

#outer{
position: relative;
width: 900px; /*748px*/
margin: 0 auto;
background: #fff url('../images/abg.gif') repeat-y;
color: #8C8C73;
}

#inner{
position: relative;
padding: 10px 25px;
z-index: 2;
}

#header_wrapper{
position: relative;
width: 100%;
margin: 0;
padding: 0;
height: 92px;
background: #FF0000 url('../images/a8a.gif') repeat-x;
}

#header{
width: 350px; /*Width of left container*/
float: left;
}

#header h1{
position: relative;
margin: 0;
padding: 0;
top: 15px;
left: 20px;
width: 350px;
height: 56px;
font-family: "Century Gothic", arial, sans-serif, "trebuchet ms";
font-size: 34px;
text-align: left;
color: red;
}

#header h1 span.im_rep{
background: url('../images/vb_logo(350x56).png') no-repeat;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#splash_a{
/*position: absolute;
right: 30px;*/
float: right;
background: #EAEAE2 url('../images/a10a.jpg') no-repeat;
color: white;
width: 458px;
height: 92px;
}

#splash_b{
/*position: absolute;
right: 30px;*/
float: right;
background: #EAEAE2 url('../images/a10b.jpg') no-repeat;
color: white;
width: 458px;
height: 92px;
}

#splash_c{
/*position: absolute;
right: 30px;*/
float: right;
background: #EAEAE2 url('../images/a10c.jpg') no-repeat;
color: white;
width: 458px;
height: 92px;
}

#splash_d{
/*position: absolute;
right: 30px;*/
float: right;
background: #EAEAE2 url('../images/a10d.jpg') no-repeat;
color: white;
width: 458px;
height: 92px;
}

#splash_e{
/*position: absolute;
right: 30px;*/
float: right;
background: #EAEAE2 url('../images/a10e.jpg') no-repeat;
color: white;
width: 458px;
height: 92px;
}

/* Table formating 2 rows and 3 cols */
table{
table-layout: auto;
border-collapse: separate;
border-spacing: 3px;
width: auto;
background: transparent;
}

.products{
table-layout: auto;
border-collapse: separate;
border-spacing: 3px;
width: auto;
background: transparent;
margin: 0 50px 0 50px;
}

#row0{
vertical-align: middle;
height: 20px;
background: #e8e8e8;
text-align: left;
}

#row1{
vertical-align: middle;
height: 20px;
}

#row2{
vertical-align: middle;
height: 70px;
}

#row3{
vertical-align: middle;
height: 12px;
}

#col0{
text-align: left;
width: 140px;
}

#col1{
text-align: left;
width: 185px;
}

#col2{
text-align: center;
}

#col3{
text-align: right;
}

#col4{
text-align: right;
width: 300px;
}

#col5{
text-align: left;
width: 300px;
}

#col6{
text-align: left;
width: 345px; /*was 375*/
}

#col7{
text-align: center;
width: 90px; /*was 75*/
}

#col8{
text-align: left;
font-size: 12px;
font-weight: bold;
font-style: italic;
}

/* Mini Chalk board 

background: #FFF url('../images/pic_009_sm.gif') no-repeat;

*/
#mini{
position: absolute;
color: #FFFFFF;
right: 5px;
width: 175px;
height: 230px;
margin-bottom: 20px;
}

#mini tr{
font-size: 12px;
}

#mini table{
border-collapse: collapse;
}

#mini .yellow{
color: #DFFF05;
padding: 90px 0px 0px 20px;
}

#mini .red{
color: #FF4343;
padding: 90px 0px 0px 20px;
}

#mini .green{
color: #52FF1D;
padding: 90px 0px 0px 20px;
}

#mini .blue{
color: #11D5FF;
padding: 90px 0px 0px 20px;
}

#mini .white{
color: #FFFFFF;
padding: 90px 0px 0px 20px;
}

/* Maxi Chalk board */
#maxi{
position: absolute;
background: #000000 url('../images/pic_008_sm.gif') no-repeat;
color: #FFFFFF;
left: 80px;
width: 480px;  /*480*/
height: 735px;
margin-bottom: 0px;
}

#maxi tr{
font-size: 16px;
}

#maxi td{
border: 1px solid #2b2b2b;
padding: 0.1em;
}

#maxi table{
border: 1px solid #2b2b2b;
border-collapse: collapse;

}

#maxi .yellow{
color: #DFFF05;
padding: 240px 0px 0px 33px;
}

#maxi .red{
color: #FF4343;
padding: 240px 0px 0px 33px;
}

#maxi .green{
color: #52FF1D;
padding: 240px 0px 0px 33px;
}

#maxi .blue{
color: #11D5FF;
padding: 240px 0px 0px 33px;
}

#maxi .white{
color: #FFFFFF;
padding: 240px 0px 0px 33px;
}

#menu{
position: relative; 
background: #FFF url('../images/a16a.gif') repeat-x; 
color: white;
height: 67px; 
padding: 0px 10px 0px 5px; 
margin: 5px 0px; 
}

#menu .dateIE{
position: absolute;
top: 30px;
color: #BDBDA2;
background: transparent;
right: 10px;
font-size: 11px;
}

#menu .dateNotIE{
position: absolute;
top: 20px;
color: #BDBDA2;
background: transparent;
right: 10px;
font-size: 11px;
}

#menu ul{ 
margin:0px;
padding:0;
list-style:none;
}

#menu ul li{ 
line-height: 70px;
padding-left: 3px; 
margin:1px 5px 0 0; 
float:left;
}

#menu ul li a{ 
background: transparent repeat-x none; 
padding: 8px 12px 8px 12px; 
font-size: 12px; 
color: #fff; 
font-weight: bold; 
}

#menu ul li a:hover{ 
background: #fff url('../images/a18a.gif') repeat-x top; 
color: #4A4A24; 
text-decoration: none; 
}

#menu ul li#active a{ 
background: #fff url('../images/a18a.gif') repeat-x top; 
color: #4A4A24; 
text-decoration: none; 
}

#twincontent{
position: relative;
float: left;
width: 630px; /*480px*/
}

#twincontent .leftpost{
position: relative;
float: left;
width: 325px; /*240px*/
}

#twincontent .rightpost{
position: relative;
float: right;
width: 325px; /*240px*/
}

#twincontent h3{
position: relative;
top: 4px;
font-size: 18px;
line-height: 25px;
color: #656551;
letter-spacing: -1px;
background: url('../images/a22.gif') bottom repeat-x;
padding: 0px 0px 10px 15px;
margin-bottom: 20px;
}

#twincontent h4{
position: relative;
top: 4px;
font-size: 14px;
background: transparent;
color: #656551;
letter-spacing: -1px;
}

#twincontent .content{
padding: 0px 15px 0px 15px;
margin-bottom: 20px;
}

#twincontent .post{
margin-bottom: 30px;
}

#twincontent .post .header{
position: relative;
}

#twincontent .post .content{
margin-bottom: 0px;
}

#secondarycontent{
position: relative;
width: 180px;
float: right;
}

#secondarycontent h3{
position: relative;
top: 4px;
font-size: 16px;
line-height: 30px;
color: #656551;
letter-spacing: -1px;
background: url('../images/a22.gif') bottom repeat-x;
padding: 0px 0px 10px 10px;
margin-bottom: 20px;
}

#secondarycontent h4{
position: relative;
top: 4px;
font-size: 14px;
background: transparent;
color: #656551;
letter-spacing: -1px;
}

#secondarycontent .content{
padding: 0px 10px 0px 10px;
margin-bottom: 20px;
}

#secondarycontent .content-top{
padding: 230px 10px 0px 10px;
margin-bottom: 20px;
font-size: 12px;
}

#primarycontent{
position: relative;
width: 650px; /*480px*/
float: left;
}

#primarycontent p.padz{
margin: 0 0 80px 0;
}

#primarycontent h3{
position: relative;
top: 4px;
font-size: 18px;
line-height: 20px;
color: #656551;
letter-spacing: -1px;
background: url('../images/a22.gif') bottom repeat-x;
padding: 0px 0px 10px 15px;
margin-bottom: 10px;
}

#primarycontent h4{
position: relative;
top: 4px;
font-size: 14px;
background: transparent;
color: #656551;
letter-spacing: -1px;
}

#primarycontent .content{
padding: 0px 15px 0px 15px;
margin-bottom: 20px;
}

#primarycontent .post{
margin-bottom: 30px;
clear: both;
}

#primarycontent .post .header{
position: relative;
}

#primarycontent .post .date{
position: absolute;
right: 15px;
top: 0px;
line-height: 35px;
color: #AFAFA4;
background: transparent;
font-weight: bold;
}

#primarycontent .post .content{
margin-bottom: 0px;
}

#primarycontent .post .footer{
position: relative;
top: -10px;
background: url('../images/a33.gif') repeat-x;
color: white;
height: 64px;
}

#primarycontent .post .footer ul{
list-style: none;
position: absolute;
right: 15px;
bottom: 15px;
}

#primarycontent .post .footer ul li{
display: inline;
line-height: 14px;
padding-left: 17px;
margin-left: 25px;
background: no-repeat 0px 2px;
color: white;
}

#primarycontent .post .footer ul li.printerfriendly{
background: url('../images/a41.gif') transparent;
color: white;
}

#primarycontent .post .footer ul li.comments{
background: url('../images/a36.gif') transparent;
color: white;
}

#primarycontent .post .footer ul li.readmore{
background: url('../images/a38.gif') transparent;
color: white;
}

#footer{
position: relative;
clear: both;
height: 66px;
line-height: 25px;
background: url('../images/a50.gif') transparent;
color: #A8A88D;
}

#footer a{
font-size: 12px;
font-weight: bolder;
color: #8C8C73;
background: transparent;
}


#footer a:hover{
color: #FF7800;
text-decoration: none;
}


#footer p{
text-align: center;
font-size: 12px;
padding: 10px 0 0 0;
margin: 0;
}

#cd{
margin: 0 0 0 20px;
height: 50px;
width: 450px;
font-family: "Courier New", Courier, mono;
font-size: 18pt;
color: #ff0;
text-align: center;
font-weight: bold;
background-image: url('../images/back.jpg');
line-height: 50px;
}

span.bluze{
color: #0000FF;
}

span.redz{
color: #FF0000;
}
 
#prod table tbody tr:hover{
background-color: #ffe08e;
}

#prod table tbody tr:hover td{
color: #444;
}