html,body {
margin:0;
padding:0;
text-align: center;
font-family : "Times New Roman", Times, serif;
font-family: "trebuchet ms", trebuchet, arial, helvetica, sans-serif;
font-family: Corbel, Arial, Helvetica, sans-serif;
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
font-family: arial, helvetica, sans-serif;
font-size: 13px;
color: #060606;
}
body {
background: #e6e6e6 url(//www.beefree.co.nz/wp-content/themes/beefreecreations/images/bg1.jpg) left top repeat-x;
letter-spacing: 0.02em;
line-height: 140%;
}
h1, h2, h3, h4 {
}
h1 {
font-size: 20px;
font-style: italic;
color: #820101;
margin: 3px 0;
text-align: center;
}
h2 {
font-size: 16px;
margin: 25px 0 3px 0;
font-style: italic;
color: #4c7227;
}
h3 {
font-size: 16px;
margin: 3px 0;
}
h4 {
font-size: 14px;
margin: 3px 0;
}
a {
color: #4c7227;
}
a:hover {
color: #820101;
}
img {
border: 0;
}
div {
text-align: left;
}
#header {
height: 162px;
background: #ffffff;
}
#logo {
margin: 20px 0 0 40px;
}
#logo2 {
float: right;
margin: 40px 40px 0 0;
}
#tagline {
color: #fff;
background: #988d84;
height: 22px;
line-height: 22px;
font-size: 16px;
font-weight: bold;
letter-spacing: 1px;
text-align: center;
}
#page {
width: 900px;
background: #ffffff url(//www.beefree.co.nz/wp-content/themes/beefreecreations/images/pagebg.gif) left top repeat-y;
margin: 10px auto;
overflow: hidden;
}
#leftcol {
float: left;
width: 200px;
padding-top: 10px;
display: inline;
background: #f2f9eb url(//www.beefree.co.nz/wp-content/themes/beefreecreations/images/left-grad.png) left top repeat-x;
min-height: 467px;
}
#rightcol {
float: left;
width: 700px;
padding-top: 10px;
}
#nav {
height: 336px;
text-align: left;
padding: 15px 0px 0 15px;
margin-bottom: 20px;
font-size: 15px;
}
#nav a {
display: block;
padding: 5px 5px 5px 10px;
color: #534741;
text-decoration:none;
font-weight: bold;
}
#nav a:hover, #nav a.current, #nav .current_page_item a {
color: #4c7227;
background: url(//www.beefree.co.nz/wp-content/themes/beefreecreations/images/navarrow.gif) left center no-repeat;
}
#nav ul {
list-style: none;
margin: 0;
padding: 0;
}
#nav li {
list-style: none;
display:inline;
}
ul#nav-categories {
list-style: none;
margin: 20px 0;
padding: 1px 0;
background: #e0e0e0;
text-align: center;
}
#nav-categories li {
list-style: none;
display:inline;
}
#nav-categories a {
padding: 2px 8px;
color: #534741;
text-decoration:none;
font-weight: bold;
}
#nav-categories a:hover, #nav-categories a.current, #nav-categories .current-cat a {
color: #fff;
background: #820101;
}
#maincontent {
padding: 20px 40px;
}
.clear {
clear:both;
}
.centered {
text-align:center;
}
#footer {
margin-top: 5px;
padding: 10px;
text-align: center;
font-size: 11px;
color: #988d84;
}
#footer a {
text-decoration: none;
color: #988d84;
}
#footer a:hover {
text-decoration: underline;
color: #666;
}
img.leftalign {
display: block;
float: left;
text-align: left;
margin: 0 25px 5px 0;
}
img.rightalign {
display: block;
float: right;
text-align: right;
margin: 0 0 5px 15px;
}
img.centeralign {
display: block;
margin: 10px auto;
text-align: center;
}
table.labels {
width:50%;
margin:10px auto;
}
table.labels th {
text-align: right;
padding-right: 30px;
}
div.rounded {
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
div.shaddow {
-moz-box-shadow: rgba(200,200,200,1) 0 4px 18px;
-webkit-box-shadow: rgba(200,200,200,1) 0 4px 18px;
-khtml-box-shadow: rgba(200,200,200,1) 0 4px 18px;
box-shadow: rgba(200,200,200,1) 0 4px 18px;
}
div.center {
text-align:center;
}
div.center img {
margin: 0 10px;
} .category-list-item {
border-bottom: 2px solid #ccc;
overflow: hidden;
zoom: 1;
padding: 20px 0;
}
.imgcol {
display: block;
float: left;
width: 150px;
margin-right: 30px;
}
.imgcol img {
display: block;
margin: 0 auto;
}
.txtcol {
float: left;
width: 440px;
}
.txtcol h3 {
margin-top: 0;
}
.price {
display: block;
float: left;
font-weight: bold;
padding-top: 5px;
width: 230px;
}
a.order-btn, a.more-btn {
color: #fff;
text-decoration: none;
background: #4c7227;
width: 120px;
height: 24px;
line-height: 24px;
font-weight: bold;
font-size: 12px;
text-align: center;
margin-left: 15px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;
}
a.more-btn {
background: #988D84;
}
.no-image {
width: 150px;
height: 150px;
background: #f6f6f6;
text-align: center;
line-height: 150px;
color: #ccc;
}
.no-images {
color: #666;
font-style: italic;
}
.buttons {
text-align:center;
height: 24px;
margin: 10px 0;
overflow: hidden;
} .editLink {
text-align: center;
padding: 5px 0 15px 0;
}
.editLink a, a.editLink {
background: #e0e0e0;
color: #777777;
font-size: 10px; 
border: 1px solid #999999;
text-decoration: none;
padding: 3px 5px;
}
.editLink a:hover, a.editLink:hover {
background: #eeeeee;
border: 1px solid #333333;
color: #000000;
}
.postmetadata {
color: #999;
font-size: 10px;
margin: 2px 0;
}
img.aligncenter, div.aligncenter {
display: block;
margin: 20px auto;
}
img.alignright, div.alignright {
display: block;
float: right;
margin: 10px 0px 5px 15px;
}
img.alignleft, div.alignleft {
display: block;
float: left;
margin: 10px 20px 5px 0px;
}
img.aligncenter {
text-align: center;
}
img.alignright {
text-align: right;
}
img.alignleft {
text-align: left;
}
.wp-caption-text,.wp-caption-dd {
margin: 0;
font-weight: bold;
font-size: smaller;
text-align: center;
}
.more-link {
display:block;
text-align:right;
}
.linklove {
display:none;
} @media all and (max-width : 914px) {
#page{background:#ffffff url(//www.beefree.co.nz/wp-content/themes/beefreecreations/images/bgaa.png)}
body img{max-width: 100%;}
body #page{
width: 96%;
} #leftcol{width: 24%;padding-bottom: 9999px;margin-bottom: -9999px;}
#rightcol{width: 76%;}
#nav{padding-left: 2%;}
#maincontent{padding: 20px 2%;} .imgcol{width: 28%;margin-right: 3%;display: inline-block;}
.txtcol{width: 68%;}
.gallery-item img{max-width: 100%;width: inherit;}
#gallery-1 .gallery-item{width: 30% !important;} #rightcol #maincontent table{
width: 100% !important;
}
#rightcol #maincontent table tbody tr td{
width: 100% !important;
display: inline-block;
text-align: center;
}
#rightcol #maincontent table tbody tr td:first-child{border-top: 1px solid #ddd;}
#rightcol #maincontent table tbody tr td:last-child {
border-bottom: 1px solid #ddd;
margin-bottom: 10px;
padding-bottom: 6px;
}
#rightcol #maincontent table tbody tr{
}
}
@media all and (max-width : 800px) {
#maincontent p img{width: 80%;text-align: center;margin: auto;display: block;}
@media all and (max-width : 762px){
#gallery-1 dl.gallery-item:first-child{
}
#gallery-1 .gallery-item {
width: 100% !important;
}
.gallery-item .gallery-icon img{
width: 80% !important;
height: auto !important;
}
}
}
@media all and (max-width : 640px){
.imgcol{width: 100%;text-align: center;margin-right: 0;margin-bottom: 25px;}
.txtcol{width: 100%;padding: 0 2%;}
}
@media all and (max-width : 614px) {
#header .header_logo1{width: 100% !important;text-align: center;}
#header .header_logo2{width: 100% !important;text-align: center;}
#header{height: inherit;}
#header .header_logo1 #logo2{float: inherit;margin: 10px auto;width: 55%}
#header .header_logo2 #logo{float: inherit;margin: 10px auto;width: 55%;}
}
@media all and (max-width : 550px) {
#leftcol{width: 100%;min-height: inherit;margin-bottom: 0;padding-bottom: 20px;}
#nav{height: inherit;padding-bottom: 0px;margin-bottom: 0;}
#rightcol{height: inherit;width: 100%;}
}
@media all and (max-width : 480px){
#tagline{height: inherit;}
.cform input.backbutton, .cform input.resetbutton, .cform input.sendbutton {
background: #999999 url(//www.beefree.co.nz/wp-content/themes/images/grey_block_subit.jpg) !important;
color: #fff !important;
float: left !important;
width: 80px !important;
text-align: center !important;
padding: 0 10px;
}
}
@media all and (max-width : 480px) {
#cforms2form{
width: 100% !important;
margin:auto !important;
}
.cf-fs1 .cform label {
margin: 0 2% 0 0 !important;
width: 35% !important;
}
.cf-fs1 .cform input.fldrequired, .cform input.fldrequired:hover,.cform input, .cform textarea, .cform select {
width: 56% !important;
} .cf-fs2 .cf-ol label {
margin-bottom: 4px !important;
width: 98.5% !important;
margin-right: 0 !important;
}
.cf-fs2 .cf-ol input.single {
margin-bottom: 7px !important;
width: 98% !important;
}
}
@media all and (max-width : 440px) {
.cform label {
margin: 0 2% 0 0 !important;
width: 98% !important;
}
.cf-fs2 label span{width: inherit !important;}
.cform input.fldrequired, .cform input.fldrequired:hover,.cform input, .cform textarea, .cform select {
width: 97% !important;
}
}
@media all and (max-width : 360px) {
#header .header_logo1 #logo2{width: 80%}
#header .header_logo2 #logo{width: 80%;}
#maincontent p img{width: 90%;}
}