/* fonts */
@font-face {
    font-family: 'AsapBold';
    src: url('fonts/asap-bold.eot');
    src: url('fonts/asap-bold.eot') format('embedded-opentype'),
         url('fonts/asap-bold.woff') format('woff2'),
         url('fonts/asap-bold.woff') format('woff'),
         url('fonts/asap-bold.ttf') format('truetype'),
         url('http://www.coffeecakeconnection.com/skin/frontend/default/em0059/css/fonts/asap-bold.svg#AsapBold') format('svg');
}

@font-face {
    font-family: 'GeorgiaRegular';
    src: url('fonts/georgia.eot');
    src: url('fonts/georgia.eot') format('embedded-opentype'),
         url('fonts/georgia.woff') format('woff2'),
         url('fonts/georgia.woff') format('woff'),
         url('fonts/georgia.ttf') format('truetype'),
         url('http://www.coffeecakeconnection.com/skin/frontend/default/em0059/css/fonts/georgia.svg#GeorgiaRegular') format('svg');
}

/* global properties */
*{
	margin:0;
	padding:0;
}
body{
	background:url(../images/body_bg.png) repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
}
img{
	max-width:100%; 
	height:auto;
}
a{
	text-decoration:none;
}
a:hover{
	text-decoration:none;
}
ul, ol{
	list-style:none;
}
#wrapper{
	max-width:1280px;
	margin:0 auto;
	background:#fff;
	padding-top:30px;
}
.icon{
	background:url(../images/sprite.png) no-repeat;
	display:inline-block;
}

/* header start here */
header .social{
	height:30px;
	position:relative;	
}
header .followUs{
	margin:0;
	padding:0;
	border-bottom:none;
	float:right;
	width:114px;
}
header .followUs a{
	padding:0;
}
header{
	background:#743e00;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	height:60px;	
}
header .contaner{
	position:relative;
}

/* logo start */
.logo{
	position:absolute;
	/*left:10px;*/
	left:0px;
	top:-23px;
	z-index:2;
}

/* quick links */
.rightSearch{
	float:right;
}
.quickLinks{
	margin:20px 0 0 0;
	font-size:12px;
}
.quickLinks a{
	color:#fff;
	margin-right:10px;
	float:left;
}
.quickLinks a i{
	height:22px;
	width:25px;
	background-position:0 0;
}

/* search */
.search{
	position:relative;
	float:left;
	margin-left:10px;
	right:10px;
	width:35%;
}
.search input{
	border:none;
	background:#fff;
	height:25px;
	width:100%;
	padding:0 35px 0 5px;
}
.search i{
	height:25px;
	width:25px;
	position:absolute;
	right:10px;
	top:0px;
	background-position:0 -31px;
}
/* header end here */

/* banner start */
.banner{
	position:relative;
}

/* nav star */
.navbar-default{
	background:url(../images/nav-bg.png) repeat;
	border:none;
	border-radius:0;
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	margin:0;
}
.navbar-default a .icon{ 
	position:absolute;
	left:50%; 
	bottom:-10px;
	height:20px;
	width:20px;
	background-position:0 -210px;
	margin-left:-10px;
	display:none;
}
.navbar-default a{
	font-family: 'AsapBold';
	color:#fff !important;
	font-size:16px;
	border-left:1px solid #645a52;
	border-right:1px solid #4c4c4c;
	position:relative !important;
}
.navbar-default a:hover, .navbar-default .active a{
	background:#6b462c !important;
}

/**10102014**/
.navbar-default a.for-you:hover, .navbar-default .active a.for-you{
	background:#31517D !important;
}
.navbar-default a.for-gifting:hover, .navbar-default .active a.for-gifting{
	background:#CC9900 !important;
}
.navbar-default a.for-month:hover, .navbar-default .active a.for-month{
	background:#990000 !important;
}
.navbar-default a.for-recipes:hover, .navbar-default .active a.for-recipe{
	background:#CC7A28 !important;
}
.navbar-default a.for-wholesale:hover, .navbar-default .active a.for-wholesale{
	background:#6b462c !important;
}
.navbar-default a.for-about:hover, .navbar-default .active a.for-aboutus{
	background:#D7B189 !important;
}
.navbar-default a.for-account:hover, .navbar-default .active a.for-account{
	background:#31517D !important;
}


/**end 10102014**/
.navbar-default a:hover .icon, .navbar-default .active a .icon{
	display:block;
}

.navbar-default li{
	position:relative;
}
.navbar-default li ul{
	position:absolute;
	left:0;
	top:50px;
	width:250px;
	background:#666666;
	z-index:99;
	display:none;
} 
.navbar-default li ul li a{
	border:none;
	width:100%;
	display:inline-block;
	padding:8px 10px;
	border-bottom:1px solid #999999;
}
.navbar-default li:hover ul{
	display:block;
}
#inner-navbar {margin:-75px 0px;}
/* content section start here */
.welcome{
	font-family: 'GeorgiaRegular';
	font-size:24px;
	color:#555555;
	font-style:italic;
	text-align:center;
	line-height:36px;
	padding:30px 0;
}
.welcome strong{
	color:#222222;
}

/* door pannel */
.doorPannel {
	text-align:center;
	margin-bottom:50px;
}
.doorPannel span{
	display:block;
	color:#fff;
	font-size:16px;
	margin-top:10px;
}
.doorPannel strong{
	background:#666662;
	padding:5px 0px;
	width:120px;
	display:inline-block;
}


/* recipe section */
.bx-wrapper .bx-viewport{
	box-shadow:none;
	border:none;
}
.slider6 > div{
	position:relative;
}
.circle1{
	background:#990000;
	height:225px;
	width:225px;
	position:absolute;
	left:40px;
	top:50px;
	opacity:0.9;
	border-radius:100%;
	color:#f9f3e9;
	text-align:center;
	font-family:Open Sans Condensed;
	font-size:24px;
	line-height:30px;
}
.circle1 span{
	display:inline-block;
	position:absolute;
	top:40%;
	left:0;
	width:225px;
}
.circle2{
	background:#74411B;
	height:225px;
	width:225px;
	position:absolute;
	left:40px;
	top:50px;
	opacity:0.9;
	border-radius:100%;
	color:#f9f3e9;
	text-align:center;
	font-family:Open Sans Condensed;
	font-size:24px;
	line-height:30px;
}
.circle2 span{
	display:inline-block;
	position:absolute;
	top:40%;
	left:0;
	width:225px;
}
.circle3{
	background:#CC9900;
	height:225px;
	width:225px;
	position:absolute;
	left:40px;
	top:50px;
	opacity:0.9;
	border-radius:100%;
	color:#f9f3e9;
	text-align:center;
	font-family:Open Sans Condensed;
	font-size:24px;
	line-height:30px;
}
.circle3 span{
	display:inline-block;
	position:absolute;
	top:40%;
	left:0;
	width:225px;
}
.slider6 .icon{
	position:absolute;
	left:50%;
	bottom:15px;
	height:32px;
	width:32px;
	background-position:0 -70px;
	margin:0 0 0 -16px;
}
.slider6 .icon:hover{
	background-position:0 -443px;
}

/* main content start */
#contentHolder{
	background:#f4ead8;
	padding:20px 0;
}

/* about us */
.aboutUs{
	border-bottom:1px solid #e2d6c0;
	padding-bottom:30px;
	font-family: 'GeorgiaRegular';
	font-size:16px;
	margin-bottom:30px;
	color:#555555;
}
.aboutUs h2{
	font-size:24px;
	color:#222222;
	font-weight:bold;
	margin:10px 0;
}

/* more links */
.moreLinks a{
	background:#959595;
	color:#ffffff;
	font-size:16px;
	display:inline-block;
	padding:5px 2%;
	width:100%;
	margin-bottom:15px;
}
.moreLinks a.ingred{
	background:#666699;
	
}
.moreLinks a.pci{
	background:#D7B189;
	
}
.moreLinks a.pcp{
	background:#CC9900;
	
}
.moreLinks a:hover{
	background:#6a452c;
}
.imageHolder{
	overflow:hidden;
	border:3px solid #fff;
	
}

/* receiver address */
.receiverAddress{
	background:#fff;
	border:1px solid #ddd;
	padding:15px;
	margin-top:20px;
	font-size:15px;
	color:#555555;
	position:relative;
}
.receiverAddress h3{
	font-size:24px;
	color:#222222;
	margin:0 0 10px 0;
	font-weight:normal;
}
.receiverAddress .icon{
	position:absolute;
	right:20px;
	top:-15px;
	height:70px;
	width:70px;
	background-position:0 -630px;
}

/* newsletter */
.newsletter{
	border:1px solid #ddd;
	background:#f3f3f3;
	padding:15px;
	position:relative;
	margin:20px 0;
}
.newsletter h4{
	color:#222;
	font-size:22px;
	font-weight:normal;
}
.newsletter .control{
	background:#fff;
	border:1px solid #ddd;
	width:70%;
	height:40px;
	position:relative;
	/*overflow:hidden;*/
}
.newsletter .control .icon{
	height:40px;
	width:45px;
	background-position:0 -390px;
	margin-left:10px;
	vertical-align:middle;
	position:absolute;
	left:0;
	top:0;
	z-index:2;
}
.newsletter .control input{
	border:none;
	/*height:40px;*/
	height:38px;
	width:86%;
	padding:0 55px;
	outline:0;
}
.newsletter .control a{
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #dcdcdc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dcdcdc)); /* Chrome,Safari4+ */
	font-size:15px;
	color:#222;
	height:40px;
	line-height:40px;
	padding:0 10px;
	position:absolute;
	right:0;
	top:0;
}
.newsletter_icon{
	position:absolute;
	right:15px;
	top:3px;
	width:15%;
}

/* footer */
footer{
	background:#492600;
	color:#fff;
}
.mainFooter{
	padding:20px 0;
}
.mainFooter h5{
	color:#fff;
	font-size:16px;
	font-family:Open Sans Condensed;
}
.mainFooter ul li a{
	font-size:13px;
	color:#a2a1a1;
	background:url(../images/arrow.png) no-repeat left 4px;
	padding-left:10px;
	line-height:22px;
}
.mainFooter ul li a:hover{
	color:#fff;
	background-position:0 -8px;
} 

/* payment method */
.paymentMethod{
	margin:0 -5px;
}
.paymentMethod a{
	margin:5px;
	display:inline-block;
}

/* follow us */
.followUs {
	margin:0 -5px 15px -5px;
	border-bottom:1px solid #535353;
	padding-bottom:15px;
}
.followUs a{
	color:#fff;
	font-family: 'GeorgiaRegular';
	padding:0 5px;
	display:inline-block;
}
.followUs a i{
	height:30px;
	width:30px;
	vertical-align:middle;
	margin-right:5px;
	border-radius:100%;
}
.followUs a.facebook i{
	background:#dddddd url(../images/sprite.png) no-repeat;
	background-position:10px -235px;
}
.followUs a.facebook:hover i{
	background:#69442b url(../images/sprite.png) no-repeat;
	background-position:10px -258px;
}
.followUs a.twitter i{
	background:#dddddd url(../images/sprite.png) no-repeat;
	background-position:5px -280px;
}
.followUs a.twitter:hover i{
	background:#69442b url(../images/sprite.png) no-repeat;
	background-position:5px -302px;
}
.followUs a.pinterest i{
	background:#dddddd url(../images/sprite.png) no-repeat;
	background-position:5px -330px;
}
.followUs a.pinterest:hover i{
	background:#69442b url(../images/sprite.png) no-repeat;
	background-position:5px -356px;
}

.followUs a em{
	height:30px;
	width:30px;
	vertical-align:middle;
	margin-right:5px;
	border-radius:100%;
}
.followUs a.facebook em{
	background:#dddddd url(../images/sprite.png) no-repeat;
	background-position:10px -235px;
}
.followUs a.facebook:hover em{
	background:#69442b url(../images/sprite.png) no-repeat;
	background-position:10px -258px;
}
.followUs a.twitter emi{
	background:#dddddd url(../images/sprite.png) no-repeat;
	background-position:5px -280px;
}
.followUs a.twitter:hover em{
	background:#69442b url(../images/sprite.png) no-repeat;
	background-position:5px -302px;
}
.followUs a.pinterest em{
	background:#dddddd url(../images/sprite.png) no-repeat;
	background-position:5px -330px;
}
.followUs a.pinterest:hover em{
	background:#69442b url(../images/sprite.png) no-repeat;
	background-position:5px -356px;
}

/* contact us */
.phone, .email{
	font-size:16px;
	display:block;
	margin:10px 0;
}
.phone .icon, .email .icon{
	vertical-align:middle;
	margin-right:10px;
}
.phone .icon{
	height:30px;
	width:30px;
	background-position:0 -160px;
}
.email .icon{
	height:30px;
	width:35px;
	background-position:0 -115px;
}

/*copy right */
.copyRight{
	background:#351c00;
	padding:10px 0;
	text-align: center;
	color: #767676;
	font-size:11px;
}
/* footer end here */ 


/*STYLES FOR CSS POPUP*/


/*.black_overlay{
        display: none;
        position: absolute;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        background-color: black;
        z-index:1001;
        -moz-opacity: 0.8;
        opacity:.80;
        filter: alpha(opacity=80);
    }*/
    .white_content {
        display: none;
        position: absolute;
        top: 25%;
        left: 25%;
        width: 50%;
        height: 50%;
        padding: 16px;
        border: 16px solid #743e00;
        background-color: white;
        z-index:1002;
        overflow: auto;
    }
/**07102014*/
.recipe .row {margin:auto 0 60px;}
/* media css */

@media only screen and (max-width:768px) {
.search{
	width:40%;
}
.navbar-default a, .moreLinks a{
	font-size:14px;
}
.bx-wrapper .bx-prev{
	left:0;
}
.bx-wrapper .bx-next{
	right:0;
}
header .followUs{
	display:none;
}
}
@media only screen and (max-width:767px) {
.rightSearch{
	float:none;
	background:#743e00;
	margin-top:60px;
	padding:15px;
}
.search{
	float:right;
}
header{
	height:auto;
	padding-bottom:10px;
}
.imageHolder{
	margin:0 auto;
	width:300px;
}
.newsletter h4{
	font-size:16px;
	font-weight:bold;
}
.navbar-default{
	top:0;
	bottom:auto;
	background:#6b462c;
}
.navbar-default a{
	font-size:16px;
}
.navbar-default a:hover, .navbar-default .active a{
	background:#ddd !important;
	color:#222 !important;
}
.navbar-default a .icon{
	display:none !important;
}
.navbar-default li ul{
	width:100%;
	top:40px;
}
.navbar-default li ul li a{
	padding:8px 15px;
}

}
@media only screen and (max-width:479px) {
.doorPannel strong{
	width:90px;
	font-size:14px;
}
.moreLinks a{
	font-size:12px;
}
.quickLinks{
	text-align:center;
}
.quickLinks a{
	float:none;
}
.search{
	float:none;
	width:100%;
	margin-top:10px;
}
#inner-navbar {margin:10px 0px;}
.newsletter .control{
	background:#fff;
	border:1px solid #ddd;
	width:100%;
	height:40px;
	position:relative;
	/*overflow:hidden;*/
}
.newsletter .control input{
	border:none;
	/*height:40px;*/
	height:38px;
	width:100%;
	padding:0 55px;
	outline:0;
}
}