/*
File:			custom.css
Description:	Custom styles for Thesis
More Info:		http://diythemes.com/thesis/rtfm/custom-css/
*/

.custom br.clear {
clear:both; 
display:block; 
height:1px; 
margin:-1px 0 0 0;
}

img.alignleft{
padding: 0 10px 5px 0;
}

img.alignright{
padding: 0 0 10px 5px;
}

html, .custom {
 height: 100%;
	background: url(/images/body-bkgnd.jpg);
}

.custom .wrapper {
 min-height: 100%;
 height: auto !important;
 height: 100%;
 margin: 0 auto -210px; /* the bottom margin is the negative value of the footer's height */
}

body #content_area.full_width{
background: url(/images/body-bkgnd.jpg);
}

body.custom{
background: url(/images/bkgnd-bands.jpg) repeat-x;
}

body.custom.home{
background: url(/images/home-bkgnd-bands.jpg) repeat-x;
}

.custom.full_width > .page {
background: transparent;
}

.custom .page{
background: none;
position: relative;
}

.custom #header{
width: 142px;
height: 201px;
float: left;
margin-top: -65px;
}

.custom #header h1{
margin-top: 12px;
}

.custom #content{
margin-top: -160px;
}

.custom .menu-top-container{
width: 718px;
float: right;
}

.custom ul#menu-top{
float: left;
margin: 20px 0 0 0;
}

.custom ul#menu-top li{
margin-right: 7px;
}

.custom #menu-top li a{
background-color: transparent;
}

.custom #menu-top li:hover,
.custom #menu-top li.current-menu-item, 
.custom #menu-top li.current-menu-ancestor,
.custom #menu-top .sub-menu li:hover{
background: url(/images/nav/nav-bkgnd.jpg) repeat-x;
}

.custom #menu-top .sub-menu li{
background: #d7e5bd;
}

.custom #menu-top .sub-menu li a{
color: #5f6850;
}

.custom #menu-top .sub-menu li:hover{
background: #bdd489;
}

.custom .headline_area h1, .headline_area h2{
color: #fff;
font-size: 24px;
background: url(/images/paw.png) no-repeat 0 50%;
padding: 0 0 0 30px;
margin-bottom: 40px;
display: block;
}

.custom #sidebar_1{

}

.custom #feature_box{
float: right;
margin-top: 25px;
width: 700px;
background: none;
}

.sugar-slider{
float: right;
width: 450px;
height: 250px;
margin: 0 10px 20px 0;
background: #c9e598;
padding: 5px;
margin: 0 auto;
-moz-box-shadow: 0px 2px 7px #474747;
-webkit-box-shadow: 3px 3px 4px #474747;
box-shadow: 3px 3px 4px #474747;
}

.sugar-slider .ss-slider-controls-wrap{
top: 265px;
}




/*Product Page*/

.custom.products #content .col1, 
.custom.products #content .col2{
float: left;
width: 320px;
}

.custom.products #content .col1{
margin-right: 30px;
}

.custom.products #content .product-block{
margin-bottom: 20px;
}

.custom.products #content .product-block h3{
text-transform: uppercase;
display: block;
padding: 10px;
margin: 0;
background: #b04831;
color: #fff;

}

.custom.products #content .product-block ul{
padding: 5px 10px 10px 10px;
margin: 0;
border: 2px dotted #b04831;
border-top: none;
background: #ecfdce;
}

.custom.products #content ul li{
list-style: none;
padding-bottom: 5px;
border-bottom: 1px dotted #ccc;
}

.custom.products #content p{
clear: both;
}
/*FOOTER*/

.custom #footer_area.full_width{
background: url(/images/footer/footer-bkgnd.jpg);
padding: 10px 0;
overflow: auto;
font-size: 12px;
margin-top: 20px;
}

.custom #footer_area, .custom .push {
 height: 210px; /* .push must be the same height as .footer */
}

.custom #footer{
width: 960px;
margin: 0 auto;
}

.custom #footer h3{
text-transform: uppercase;
margin: 0 0 10px 0;
border-bottom: 1px dotted #ccc;
padding-bottom: 5px;
}

.custom #footer_area.full_width .widget{
color: #3c4729;
margin: 0 auto;

}

.custom #footer_area.full_width .widget a{
color: #3c4729;
text-decoration: underline;
border-bottom: 0;
}

.custom #footer_area.full_width .widget a:hover{
color: #000000;
}

.custom #footer_area.full_width .widget .housekeeping{
color: #5c7234;
font-size: 10px;
margin-top: 5px;
}

.custom #footer_area.full_width .widget .housekeeping a{
color: #5c7234;
}

.custom #wpgmza_map{
border: 3px solid #ccc;
}

.custom #footer_area #triplex{
padding-bottom: 10px;
}

#triplex .one, #triplex .two, #triplex .three{
margin: 10px 0 0 0;
float: left;
padding: 10px;
background: #ecfdce;
text-align: left;
width: 300px;
height: 140px;
overflow: hidden;
}

#triplex .one{
margin-right: 20px;
width: 225px;
}

.custom #content .fb-like{
background: #ccc;
}

#triplex .two{
width: 400px;
margin-right: 20px;

}

#triplex .two p{
font-size: 11px;
}

#triplex .two img{
height: 100px;
width: 130px;
}

#triplex .three{
width: 200px;
}