/*
Theme Name: Coffee General Custom Theme
Description: Theme developed by Seed Interactive
Author: Loretta Taylor
Author URI: http://seedinteractive.co.nz
Version: 1.1.1
*/


#ie6{
	display:none;
}
/*----------- LAYOUT -----------*/
html, body{
	width:100%;
	display:block;
}	
body{
	margin:0px;
	padding:0px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#363636;
	background:url(images/bgtile.jpg) repeat #d7caaf;
}
#top{
	width:996px;
	height:24px;
	background:url(images/top.png) no-repeat;
	margin:0px auto;
}
#container{
	margin:0px auto;
	height:auto;
	background:url(images/container-bg.png) repeat;
	min-height:200px;
	z-index:50;
	position:relative;
}

#header{
	width:960px;
	height:178px;
}
#logocontainer{
	/*background:url(images/ribbon.png) no-repeat;*/
	position:absolute;
	top:-11px;
	left:25px;	
	width:215px;
	height:209px;
	z-index:100;
}
#banner{	
	margin:0px auto;
	height:auto;
	max-height: 250px;	
}
#nav{
	position:relative;
	width:960px;	
	margin:0px auto;
	height:46px;
	background:url(images/navbar.jpg) no-repeat;
}

#content{
	min-height:200px;
	height:auto;
	width:958px;	
	margin:0px auto;
	background:url(images/content.jpg) repeat-y;
	float:left;
}
#cat_content{
	min-height:200px;
	height:auto;
	width:958px;	
	margin:0px auto;
	background:url(images/cat_content.jpg) repeat-y;
	float:left;
}
#sidebar-one{
	float:left;
}
.sidebar{
	width: 200px;
	padding:30px 20px 20px;
	height:100%;
	background:#f6f5f5;	
	
}
#sidebar-two{
	float:right;
}
#main{
	width:435px;
	padding:5px 20px 20px;
	float:left;	
}
#cat_main{
	width:675px;
	padding:5px 20px 20px;
	float:left;	
}
#footer{
	width:960px;
	margin:0px auto;
	height:75px;
	background:url(images/footer-bg.png) no-repeat top left;
	padding: 0px 18px;
	position:relative;
	z-index:40;
}
.post{
	width:100%;
	float:left;
	margin-bottom:20px;	
}
#wrapper{
	width: 100%;
	margin: 0px auto;
	height: auto;	
	min-height: 200px;
	position: relative;
	z-index:5;
	background:url(images/bg/bg-top.png) no-repeat top center;
		
}
#bgbottom{
	width:100%;
	position:absolute;
	bottom:-118px;
	height:367px;
	background:url(images/bg/bg-bottom.png) no-repeat top center;
	
}
.bgimg{
	position:absolute;
	display:none;
	
}
#footer #copy{
	width:100%;
	float:left;
	text-align:right;
	font-size:11px;
		
}

/*----------- STYLES -----------*/
h1, h2, h3, h4, h5, h6{
	font-weight:100!important;	
}
h1{
	font-family:'BebasNeueRegular';	
	font-weight:normal;
	letter-spacing:.1em;
	font-size:30px;
	color:#c41616;
}
h2, h2 a{
	font-family:'BebasNeueRegular';	
	font-weight:normal;
	letter-spacing:.1em;
	font-size:24px;
	color:#c41616;
}
h2 a:hover{
	text-decoration:underline;
	font-weight:normal;	
}
	
h3{
	font-family:'BebasNeueRegular';	
	font-weight:normal;
	letter-spacing:.1em;
	font-size:18px;
	float:left;
	color:#392112;
}
a{
	font-weight:bold;
	text-decoration:none;
	color:#C41616;
}
a:hover{
		
	font-weight:bold;
	text-decoration:underline;		
}
p{
	line-height:150%;	
	margin:0px;
}
hr{
	border: 2px solid #F5F0E3;
	background-color:none;
	 float: left;
    width: 100%;
}
.search-results hr{
	margin:20px 0px;	
}
.red{
	color:#c41616;		
}
.floatleft{
	float:left;
}
.floatright{
	float:right;
}
.clearboth{
	clear:both;	
}
/*----------- SEARCH -----------*/

#search {
    color: #FFFFFF;
    float: right;
    padding: 10px 17px;
    position: relative;
}

#search #searchsubmit{
	display:none;	
}
#search input {
    background-color: transparent;
    color: #FFFFFF;
    height: 22px;
    padding-left: 24px;
	padding-top:3px;
    width: 137px;
	border:none;
}

form p { position:relative }

#search label  { 
	position:absolute; 
	top:0;
	left:0;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#fff;
	padding:8px 0px 0px 25px;
}
/*----------- THUMBS -----------*/

.prodthumb{
	background:url(images/prod-thumb-bg.png) no-repeat left top;
	width:158px;
	height:135px;
	padding:5px;	
	float:left;
}
.homethumb{
	background:url(images/home-thumb-bg.png) no-repeat left top;
	width:135px;
	height:115px;
	padding:5px;	
	float:left;
}
.homethumb .thumbmask{
	width:130px;
	height:110px;
}
.prodthumb .thumbmask{
	width:148px;
	height:125px;
}
.purchase-thumb{
	background:url(images/prod-full-bg.jpg) no-repeat left top;
	width:225px;
	height:190;
	padding:5px;	
	float:left;
}
.purchase-thumb .thumbmask{
	width:224px;
	height:190px;
}


.thumbmask{
	float:left;
	overflow:hidden;	
}

/*----------- SECTIONS -----------*/

.section-top h1{
	background-color:#fff;	
	margin:0px 0px 0px 5px;
	float:left;
}
.section-top{
	background:url(images/section-top.jpg) no-repeat;
	height:30px;
	width:100%;
	float:left;	
}
.small.section-top{
	background:url(images/section-top-small.jpg) no-repeat;
	height:30px;
	width:443px;
	float:left;	
}
.section-mid{
	background:url(images/section-mid.jpg) repeat-y;
	height:auto;
	width:100%;	
	float:left;	
}

.small.section-mid{
	background:url(images/section-mid-small.jpg) repeat-y;
	height:auto;
	width:443px;	
	float:left;	
}

.section-bottom{
	background:url(images/section-bottom.jpg) no-repeat;
	height:23px;
	float:left;	
	width:100%;
}
.small.section-bottom{
	background:url(images/section-bottom-small.jpg) no-repeat;
	height:23px;
	float:left;	
	width:443px;
}
.section-content{
	width:435px;
	margin:15px 25px 3px;	
	float:left;
}.section-content p{
	width:auto!important;	
}

.small.section-content{
	width:295px;
	margin:15px 25px 3px 10px;	
	float:left;
}

.subscribebtn{
	float:left;	
	padding-top:5px;
}
.subscribebtn a{
	background:url(images/subscribebtn.jpg) no-repeat;
	background-postion: 0px 0px;
	padding-top:9px;
	width:147px;
	height:32px;
	overflow:hidden;
	float:left;	
	text-align:center;
	font-family:'BebasNeueRegular';	
	letter-spacing:.1em;
	color:#331d0d;
	font-size:23px;
	font-weight:100!important;
}
.subscribebtn a:hover{
	background-position: 0px -41px!important;	
	color:#331d0d;
}
.facttext{
	width:300px;
	float:left;	
}
.factimage{
	width:85px;
	float:left;	
}
.innerwrap{
	float:left;
	background-color:transparent;
}
#textScroll{
	height:auto;
	min-height:125px;
	position:relative;
	padding:0px 10px;
	width:400px;
	margin-left:10px;
}
#subscription, #fact{
	margin-top:15px;
}
/*----------- MENUS -----------*/


.navwrap ul{
	list-style-type:none;
	padding:0px;	
	font-family:'BebasNeueRegular';	
}
.navwrap ul li{
	display:inline;	
}

#nav .navwrap{
	padding-left:230px;	
	float:left;
}

#nav .navwrap ul{
	height:46px;
	margin:0px;	
}

#nav .navwrap ul li{
	height:36px;
	background:url(images/nav-divider.png) no-repeat right center;
	padding:10px 10px 0px;
	float:left;
}
#nav .navwrap ul li a{
	font-size:23px;
	color:#e1e1e1;
	font-weight:normal;
	text-decoration:none;
	letter-spacing:.1em;	
}
#nav .navwrap ul li a:hover{
	color:#c41616;
}
/*#nav .navwrap .current-menu-item a, #nav .navwrap .current-page-parent a{
	color:#c41616;
}*/

#nav .navwrap ul ul {
	position:absolute;
	left:-999em;
	top:46px;
	width:130px;
	z-index:100;
	
	}
#nav .navwrap li:hover ul,#nav .navwrap li.sfhover ul {
	left:auto;
	margin-left:-10px;
	}

#nav .navwrap ul ul li {
	background:url(images/subnav_ul.png) repeat;
	z-index:20;
	min-width:165px;
	width:auto;
	color:#E1E1E1;
	height:30px;
	border-bottom:1px solid #392112;
	}
#nav .navwrap li.current-menu-item a, #nav .navwrap li.current-menu-parent a{
	color:#c41616;
	
}
/*#nav .navwrap li.current-page-item a, #nav .navwrap li.current-page-ancestor a{
	color:#c41616!important;
	
}*/
#nav .navwrap ul ul li:hover, #nav .navwrap ul ul li.current-menu-item{
	background-color:#392112;	
}
#nav .navwrap ul ul li a{
	color:#E1E1E1!important;
	font-size:18px;
}
#nav .navwrap ul ul li a:hover{
	color:#c41616!important;
	
}
#nav .navwrap ul ul li.current-menu-item  a{
	
	color:#c41616!important;
}
#nav .navwrap li li:hover ul,#nav .navwrap li li.sfhover ul,#nav .navwrap li li li:hover ul,#nav .navwrap li li li.sfhover ul {
	margin-left:165px;
	}

#shop_menu{
	position:relative;	
}
#shop_menu ul.shopwrap{
	list-style-type:none;
	padding:0px;
}
#shop_menu ul.shopwrap li{
	list-style-type:none;
	display:inline;
	padding:0px;
	position:relative;
	float:left;
}	

#shop_menu ul.shopwrap  ul {
	position:absolute;
	left:-999em;
	top:70px;
	width:130px;
	padding:0px;
	}
#shop_menu ul.shopwrap  ul.equip li a{
	width:136px;
	margin-left:1px;
	
}
#shop_menu .shopwrap li:hover ul,#shop_menu .shopwrap li.sfhover ul {
	left:auto;
	margin-left:1px;
	}

#shop_menu ul.shopwrap  ul li {
	z-index:20;
	width:157px;
	height:30px;
	}
#shop_menu ul.shopwrap  ul li a{
	background:url(images/shopnav.png) repeat;
	font-size:12px;
	font-family:Helvetica, Arial, sans-serif;
	height:10px;
	padding:10px;
	width:137px;
	letter-spacing:0em;
}
#shop_menu ul.shopwrap  ul li a:hover {
	background:url(images/subnav_ul.png) repeat;
	color:#d5c9ab;
		
}
#footer-left{
	width:300px;	
	font-family:'BebasNeueRegular';	
	font-size:16px;
	color:#fff;
	margin-left:20px;
	float:left;
}

#footer-left p{
	float:left;
	padding:0px;
	letter-spacing:.1em;
	margin-top:14px;
}	
#footer-left .navwrap ul{
}
#footer-left .navwrap ul li, #footer-right .navwrap ul li{
	border-right:2px solid #c41616;
	padding:0px 5px;
	height:10px;
	overflow:hidden;
}
#footer-left .navwrap ul li a, #footer-right .navwrap ul li a{
	color:#c41616;
	text-decoration:none;
	font-weight:100;
	letter-spacing:.1em;
}

#footer-left .navwrap ul li a:hover, #footer-right .navwrap ul li a:hover{
	color:#ffffff;
}

li#menu-item-21, li#menu-item-22{
	border:none!Important;	
	padding-right:none;
}

#footer-right{
	width:400px;	
	font-family:'BebasNeueRegular';	
	font-size:16px;
	color:#fff;
	float:right;
	text-align:right;
	margin-right:20px;
}

#footer-right .navwrap ul li a{
	color:#c41616;
	text-decoration:none;
	font-weight:100;
	letter-spacing:.1em;
}
#footer .current-menu-item a{
	color:#fff!important;	
}
/*----------- SOCIAL -----------*/

#social{
	background:url(images/social-bg.png) no-repeat right top;
	width:180px;
	height:75px;
	position:absolute;
	top:0px;
	right:18px;	
	padding-left:20px;
}
#social p{
	color:#fff;
	float:left;	
	margin-top:10px;
	margin-right:5px;
}
#social a{
	width:27px;
	height:27px;
	float:left;
	margin-top:5px;
	
}
a#facebook{
	background:url(images/facebook2.png) no-repeat left top;	
}
a#facebook:hover{
	background:url(images/facebook.png) no-repeat left bottom;
}
a#instagram{
	background:url(images/twitter.png) no-repeat left top;	
}
a#instagram:hover{
	background:url(images/twitter.png) no-repeat left bottom;
}
a#email{
	background:url(images/email.png) no-repeat left top;	
}
a#email:hover{
	background:url(images/email.png) no-repeat left bottom;
}

/*----------- SIDBARS -----------*/

.checkoutbtn{
	float:left;	
	margin-bottom:30px;
}
.checkoutbtn input{
	border:none;
}	
input.cobtn{
	background:url(images/checkoutbtn.jpg) no-repeat;
	background-postion: 0px 0px;
	padding-top:9px;
	width:201px;
	height:32px;
	overflow:hidden;
	float:left;	
	text-align:center;
	font-family:'BebasNeueRegular';	
	letter-spacing:.1em;
	color:#331d0d;
	font-size:23px;
	font-weight:100!important;
}
input.cobtn:hover{
	background-position: 0px -41px!important;	
	color:#331d0d;
}

	
	
.checkoutbtn a{
	background:url(images/checkoutbtn.jpg) no-repeat;
	background-postion: 0px 0px;
	padding-top:9px;
	width:201px;
	height:32px;
	overflow:hidden;
	float:left;	
	text-align:center;
	font-family:'BebasNeueRegular';	
	letter-spacing:.1em;
	color:#331d0d;
	font-size:23px;
	font-weight:100!important;
}
.checkoutbtn a:hover{
	background-position: 0px -41px!important;	
	color:#331d0d;
}

/*----------- WIDGETS -----------*/

.widget{
	background-color:#fff;
	border:1px solid #bcbdbd;
	border-radius: 4px;
	padding:10px;
	margin-bottom:30px;
	
}

.widget .widget-title{
	width:198px;
	background:url(images/wigit-title-bg.jpg) repeat-x;		
	height:41px;
	border-bottom:1px solid #bcbdbd;
	margin:-10px 0px 10px -10px;
	border-radius: 4px 4px 0px 0px;
}

.widget h4{
	font-family:'BebasNeueRegular';	 
	margin: 0;
    padding: 12px 0 0 10px;
	color:#392112;
	letter-spacing:.1em;
	font-size:17px;
}

.widget ul{
	list-style:none;	
	padding:0px;
}
.widget ul li{
	margin-bottom:10px;	
}
.widget ul li a{
	font-weight:normal;
}

#advert.widget{
	padding:0px;
	border:0px;	
	height:186px;
}
#advert.widget img{
	border:1px solid #bcbdbd;
	border-radius: 4px;
	width:198px;
	height:184px;
	
}
.widget ul#recentposts{
	margin-bottom:0px;
}	
.widget ul#recentposts li.more{
	margin-bottom:0px;	
}
/*----------- SHOP MENU -----------*/

#shop_menu a{
	font-family:'BebasNeueRegular';
	color:#392112;	
	float:left;
	background:url(images/prodmenu.jpg) no-repeat 0px 0px;
	width:143px;
	height:39px;
	font-size:30px;
	letter-spacing:.1em;
	text-decoration:none;
	padding: 21px 0px 13px 15px;
	margin-right:10px;
	font-weight:100!important;
		
}
/*#shop_menu a:hover, #shop_menu a.selected{
		background:url(images/prodmenu.jpg) no-repeat 0px -73px;
}
#shop_menu a.equipbtn{
	background:url(images/equipmenu.jpg) no-repeat 0px 0px;
}*/
/*----------- SHOP-----------*/
#cat_main p{
	width:660px;	
}
.post.purchase{
	background-color:#f6f5f5;
	padding:20px;
	width:620px;
	position:relative;
	
}
.pricedetails{
	margin-left:20px;
	width:365px;
}	
.pricedetails h2{
	margin-top:0px;
	margin-bottom: 5px;
}
.pricedetails .price{
	font-weight:bold;
	margin:10px 0px 0px 10px;	
}
.pricedetails input[type="image"]{	
	background:url(images/cartbtn.png) no-repeat left top transparent;
	text-align:center;	
	font-family:'BebasNeueRegular';	
	color:#392112;
	font-size:18px;
	width:98px;
	height:26px;
	border:none;
	font-weight:normal;
	letter-spacing:.1em;
	padding-top:5px;
	border:none;
	margin-top:20px;
	float:right;
	
}
.pricedetails input[type="image"]:hover{
	background-position:0px -31px;
}
#cartbtn img{
	display:none;	
	border:none;
}
.pricedetails select{
	height: 28px;
	width: 345px;
	background: url(images/input.jpg) repeat-x top #f1f0ee;
	padding: 0px 0px 0px 5px;
border: 1px solid #BCBDBD;
border-radius: 2px;	
}
.pricedetails select option{
	height: 20px;
    padding-top: 5px;
}	
.pricedetails select{
line-height:normal;
padding:3px 3px 3px 5px!important;
}
#paypal{
	font-weight:bold;
}	

#paypal td{
	padding-top:10px;	
}
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:fixed;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes #dialog {
  width:600px; 
  height:auto;
  padding:20px;
  background-color:#ffffff;
  border-radius:5px;
}
#dialog p{
	margin:10px 0px;	
}

#boxes #dialog1 {
  width:375px; 
  height:203px;
}
#boxes .close{
	width:70px;
	height:70px;
	background:url(images/close.png) no-repeat left top transparent;
	overflow:hidden;
	position:absolute;
	right:-35px;
	top:-35px;	
}
#boxes h2{
	margin-top:0px;	
}
.roaster{
margin-top: 28px;
margin-left: 10px;
}
.roasterimg{
	float:left;
	margin-right:20px;
}
.roastercontent{
	width:340px;
	float:left;	
}
.catdescription{
	width:100%;
	margin:0px 0px 20px;	
}
/*----------- BLOG -----------*/
.blog h2{
	margin:5px 0px 0px;	
}
.blog .date{
	font-weight:bold;	
	margin-bottom:20px;
}
.blog{
	border-bottom:4px solid #f5f0e3;	
	padding-bottom:20px;
}
.blog .post img{
	max-width:435px;
	height:auto;	
}
.readmore a{
	color:#C41616;
	/*float:left;	*/
}
.blogbtn{
	float:right;	
}
.blogbtn a{
	width:79px;
	height:18px;
	overflow:none;
	color:#392112;	
	text-align:center;
	float:left;
	background:url(images/whitebtn.jpg);
	font-size:11px;
	padding-top:7px;
	
}
/*----------- CONTACT PAGE -----------*/

.contactdetail{
	width:100%;
	height:30px;
	float:left;	
	margin-bottom:10px;
}
.contactdetail p{
	padding:4px 0px 0px 5px;
	float:left;	
}
.contactdetail h3{
	margin:0px;	
}

label{
	font-family:'BebasNeueRegular';	
	font-weight:normal;
	letter-spacing:.1em;
	font-size:18px;
	font-weight:100!important;
	color:#392112;
	
}
input, textarea{
	border:1px solid #bcbdbd;
	border-radius:2px;	
}
.gform_wrapper .top_label input.medium[type='text']{
	height:28px;
	width:345px;
	background:url(images/input.jpg) repeat-x bottom #fff;
	padding:0px 0px 0px 5px;
	}
.gform_wrapper .top_label textarea.textarea{
	background:url(images/textarea.jpg) repeat-x bottom #fff;
	resize:none;	
	width:345px!important;
	padding:5px;
}
#gform_submit_button_1{
	background:url(images/submitbtn.jpg) no-repeat left top transparent;
	text-align:center;	
	font-family:'BebasNeueRegular';	
	color:#392112;
	font-size:18px;
	width:98px;
	height:31px;
	float:right;
	border:none;
	font-weight:normal;
	letter-spacing:.1em;
	margin-right:66px;
}
#gform_submit_button_1:hover{
	background-position:0px -31px;
	cursor:pointer;	
}
.gform_wrapper .gform_footer{
	padding:0px!important;	
}

.mosaic-block a:hover, .mosaic-overlay a, .mosaic-overlay h4{
	text-decoration:none!important;
}
/*----------- FONT -----------*/
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('txtfiles/BebasNeue-webfont.eot');
    src: url('txtfiles/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('txtfiles/BebasNeue-webfont.woff') format('woff'),
         url('txtfiles/BebasNeue-webfont.ttf') format('truetype'),
         url('txtfiles/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: 100!important;
    font-style: normal;

}