/*  
Theme Name: BeeFree Creations
Theme URI: http://sww.co.nz/
Description: Custom theme by Stellar Web Works
Version: 1.0
Author: Aidan Curran
Author URI: http://sww.co.nz/
*/
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(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(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(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(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;
}



/* product listing styles */
.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;
      
   /* cross browser inline-block */
   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;
}





/* WP Common Styles */
.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;
}






/*All responsive css here*/
@media all and (max-width : 914px) {
  #page{background:#ffffff url("images/bgaa.png")}
  body img{max-width: 100%;}
  body #page{
    width: 96%;
  }
  /*left and right section*/
  #leftcol{width: 24%;padding-bottom: 9999px;margin-bottom: -9999px;}
  #rightcol{width: 76%;}
  #nav{padding-left: 2%;}
  #maincontent{padding: 20px 2%;}
  /*order page*/
  .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;}

  /*table css*/
  #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("../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;
  }
  /*another form css*/
  .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%;}
}