@charset "UTF-8";
/* CSS Document */

body {
  margin:0;
  padding:0;
  color:#000;
  background-color:#ece5ca  !important;
  background-image:none !important;
  word-wrap:break-word;
}

 a {
	//color: #861619 !important;
        color: #ff0000 !important;
	text-decoration: none;
 }
 
 a:hover {
	 color: #700508 !important;
	text-decoration: none;
 }
.header {

	background-color: #f9f5e7;
	height: 66px;
	width: 100%;min-width: 1222px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
.header-content {
	width: 88%!important;
	margin-right: auto;
	margin-left: auto;
  min-width: 1000px;
	padding-top: 3px !important;
}
.logo {margin-top: 5px;
	height: 51px;
	width: 190px;
	background-image: url(../images-fl/logo.png);
	background-repeat: no-repeat;
	float: left;
}

.pull-left {
	float: left;
}

.pull-right {
	float: right;
}

.pull-center {
	margin: 0 auto;
}

.clearfix:before,
        .clearfix:after {
          content: ".";
          display: block;
          height: 0;
          overflow: hidden;
        }

        .clearfix:after {
            clear: both;
        }

        .clearfix {
            zoom: 1; /* IE < 8 */
        }
    

.main-nav, .top-nav{
	margin: 22px 0 0;
  padding: 0 0 0 15px;
	list-style: none;
	position: relative;
}

.main-nav > li, .top-nav > li{
	float: left;
	margin: 0 10px;
}

.main-nav > li a {
	font-size: 16px;
	font-weight: bold;
	line-height: 35px;
}

.main-nav > li a:hover, .top-nav > li a:hover {

}

.top-nav li a {
	font-size: 14px;
	font-weight: bold;
	line-height: 35px;
}

.top-nav li:last-child {
	margin-right: 0;
}

.top-nav ul{
	border: 1px solid #adadad;
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5); 
	list-style: none;
	padding: 0;
	margin: 0;
	display: none;
	position: absolute;
	top: 100%;
	z-index: 1000;
	left: -1000;
	}

.top-nav ul li{
	background: #fff;
	margin: 0;
	width: 150px;
}

.top-nav ul li a{
	font-weight: normal;
  border-bottom: 1px solid #E5E5E5;
	font-size: 12px;
	color: #555;
	padding: 0 15px;
	text-decoration: none;
	display: block;
}

.top-nav ul li a:hover{
	background: #f5f1e2;
}

.top-nav li:hover ul {
	display: block;
}

.sub-menu {
  width: 600px;

}

.sub-menu li{float: left;}

.divider {
    background-color: #E5E5E5 !important;
    border-bottom: 1px solid #FFFFFF;
    height: 1px;
    margin: 6px 1px;
    overflow: hidden;
}

.mt22{
	margin-top: 22px;
}

.bold-text {
	font-weight: bold;
}

.caret {
  display:inline-block;
  width:0;
  height:0;
  vertical-align:top;
  border-top:4px solid #861619;
  border-right:4px solid transparent;
  border-left:4px solid transparent;
  content:"";
}

.top-nav .caret {
	margin:17px 0px 0 5px 
}

.btn {
  display:inline-block;
  *display:inline;
  *zoom:1;
  padding:3px 10px;
  margin-bottom:0;
  font-size:13px;
  line-height:25px;
  *line-height:20px;
  color:#181818 !important;
  font-weight:bold;
  text-align:center;
  text-shadow:0 1px 1px rgba(255,255,255,0.75);
  vertical-align:baseline;
  cursor:pointer;
  background-color:#f5f5f5;
  background-image:-moz-linear-gradient(top,#ffffff,#e6e6e6);
  background-image:-ms-linear-gradient(top,#ffffff,#e6e6e6);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#e6e6e6));
  background-image:-webkit-linear-gradient(top,#ffffff,#e6e6e6);
  background-image:-o-linear-gradient(top,#ffffff,#e6e6e6);
  background-image:linear-gradient(top,#ffffff,#e6e6e6);
  background-repeat:repeat-x;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  border-color:#e6e6e6 #e6e6e6 #bfbfbf;
  border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
  *background-color:#e6e6e6;
  filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border:1px solid #cccccc;
  *border:0;
  border-bottom-color:#b3b3b3;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  *margin-left:.3em;
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
.btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
  background-color:#e6e6e6;
  *background-color:#d9d9d9;
  color:#181818;
}
.btn:active, .btn.active { background-color:#cccccc \9; }
.btn:first-child { *margin-left:0; }
a.btn { text-decoration:none; }
.btn:hover {
  text-decoration:none;
  background-color:#e6e6e6;
  *background-color:#d9d9d9;
  background-position:0 -50px;
  -webkit-transition:background-position .1s linear;
  -moz-transition:background-position .1s linear;
  -ms-transition:background-position .1s linear;
  -o-transition:background-position .1s linear;
  transition:background-position .1s linear;
}
.btn:focus {
  outline:thin dotted #333333;
  outline:5px auto -webkit-focus-ring-color;
  outline-offset:-2px;
}
.btn.active, .btn:active {
  background-color:#e6e6e6;
  background-color:#d9d9d9 \9;
  background-image:none;
  outline:0;
  -webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
.btn.disabled, .btn[disabled] {
  cursor:default;
  background-color:#e6e6e6;
  background-image:none;
  opacity:1;
  filter:alpha(opacity=100);
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
  color:#bdbdbd;
}

.btn-primary {
  background-color:#861619;
  background-image:-moz-linear-gradient(top,#a41d21,#861619);
  background-image:-ms-linear-gradient(top,#a41d21,#861619);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#a41d21),to(#861619));
  background-image:-webkit-linear-gradient(top,#a41d21,#861619);
  background-image:-o-linear-gradient(top,#a41d21,#861619);
  background-image:linear-gradient(top,#a41d21,#861619);
  background-repeat:repeat-x;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a41d21', endColorstr='#861619', GradientType=0);
  border-color:#570305;
  border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
  *background-color:#861619;
  filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff !important;
  font-weight:bold;
  text-shadow: none;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
  background-color:#811215;
  *background-color:#811215;
  color: #fff!important;
}

input, textarea, select, .uneditable-input {
  display:inline-block;
  padding:7px;
  margin-bottom:9px;
  font-size:13px;
  line-height:15px;
  color:#555555;
  background-color:#ffffff;
  border:1px solid #d6ca99;
}
.uneditable-textarea {
  width:auto;
  height:auto;
}
label input, label textarea, label select { display:block; }
input[type="image"], input[type="checkbox"], input[type="radio"] {
  width:auto;
  height:auto;
  padding:0;
  margin:1px 0;
  *margin-top:0;
  line-height:normal;
  cursor:pointer;
  background-color:transparent;
  border:0 \9;
}
input[type="image"] { border:0; }
input[type="file"] {
  width:auto;
  padding:initial;
  line-height:initial;
  background-color:#ffffff;
  background-color:initial;
  border:initial;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
}
input[type="button"], input[type="reset"], input[type="submit"] {
  width:auto;
  height:auto;
}
select, input[type="file"] {
  height:28px;
  *margin-top:4px;
  line-height:28px;
}
input[type="file"] { line-height:18px \9; }
select {
  width:220px;
  background-color:#ffffff;
  padding:4px 7px !important;
}
select[multiple], select[size] { height:auto; }
input[type="image"] {
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
}
textarea {
  height:auto;
  resize:none;
}
input[type="hidden"] { display:none; }
.radio, .checkbox {
  min-height:18px;
  padding-left:18px;
}
.radio input[type="radio"], .checkbox input[type="checkbox"] {
  float:left;
  margin-left:-18px;
}
.controls > .radio:first-child, .controls > .checkbox:first-child { padding-top:5px; }
.radio.inline, .checkbox.inline {
  display:inline-block;
  padding-top:5px;
  margin-bottom:0;
  vertical-align:middle;
}
.radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline { margin-left:10px; }
input, textarea {
  -webkit-box-shadow:inset 0 4px 9px rgba(0,0,0,0.075);
  -moz-box-shadow:inset 0 4px 9px rgba(0,0,0,0.075);
  box-shadow:inset 0 4px 9px rgba(0,0,0,0.075);
  -webkit-transition:border linear .2s, box-shadow linear .2s;
  -moz-transition:border linear .2s, box-shadow linear .2s;
  -ms-transition:border linear .2s, box-shadow linear .2s;
  -o-transition:border linear .2s, box-shadow linear .2s;
  transition:border linear .2s, box-shadow linear .2s;
}
input:focus, textarea:focus {
  border-color:rgba(82,168,236,0.8);
  outline:0;
  outline:thin dotted \9;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
  -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
  box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
}
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, select:focus {
  outline:thin dotted #333333;
  outline:5px auto -webkit-focus-ring-color;
  outline-offset:-2px;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
}
.input-mini { width:60px; }
.input-small { width:104px; }
.input-medium {
  padding:9px 4px;
  width:155px;
}
.input-large { width:210px; }
.input-xlarge {
  padding:7px 7px 8px;
  width:270px;
}

.content{
	border-top: 1px solid #d6ca99;
	width: 100%;
}

.main-content{
	padding-top: 10px;	
	width:87.5%;
}

.search2 {
  padding-right: 35px;
	width: 200px;
}

.tiles-container {
	margin: 0 auto;
	width: 993px;
}

.tiles{
	background: #fff;
	float: left;
	min-height: 100px;
	margin: 15px 8px;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5); 
	width: 315px;
}

.footer{
	background-color: #f9f5e7;
	opacity: 0.95;
	font-size: 11px;
	position: fixed;
	padding: 0 7px;
	bottom: 0;
	left: 0;
	z-index:1000;
	text-align: center;
	width: 100%;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5); 
}

.footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;

}

.footer ul li {
	float: left;
	margin: 5px 1px;
}

.footer ul li a{
	padding: 5px 8px;
	line-height: 25px;
}

.footer p{
	padding: 0;
	margin: 0;
}

.footer a {
	display: inline-block;
        margin: 5px 0;
        padding: 5px 7px;
}

a.odd {
	background-color: #fff;
	border-radius: 4px;
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.5); 
}

.sprite{
	background:url(../images-fl/sprite.png) no-repeat;
	display: inline-block;
	height: 29px;
	width: 28px;
	vertical-align: middle;
}
.sprite:hover{
	opacity: 0.85;
}

.fb-icon{
	background-position: 0 0;
}

.twitter-icon{
	background-position: 0 -32px;
}

.pinterest-icon{
	background-position: 0 -67px;
}

.su-icon{
	background-position: 0 -104px;
}

.rss-icon{
	background-position: 0 -139px;
}

.android-icon{
	background-position: 0 -177px;
}

.cherry-icon{
	background-position: 0 -211px;
}

.search-icon{
	background-position: -35px -0px;
  border: 0 none;
  cursor: pointer;
	border-left: 1px dotted #999;
  position: absolute;
  right: 0;
  top: 2px;
}

#search{position: relative;}

.hrecipe ul{margin: 0 0 0 14px; padding: 0}
.hrecipe ul li.ingredient{ margin: 10px 0;}
.hrecipe .item{color:#8AAE26; font-size: 22px;}
.hrecipe ol li { margin: 10px 0;}
.hrecipe .summary { color: #909090;}
.hrecipe .nutrition {font-weight:bold;}
.hrecipe .nutrition .serving, .hrecipe .nutrition .calories, .preptime, .cooktime, .duration {color: #909090; font-weight: normal;}
.hrecipe p{font-weight: normal;}
.hrecipe ol p{font-weight: normal;}

.center-text{text-align: center;}
.big-next-btn{
  width:200px !important; 
  font-weight:200; 
  height:60px !important; 
  font-size:20px; 
  margin-top:50px
}
#infscr-loading {
position: fixed;
text-align: center;
bottom: 30px;
left: 40%;
z-index: 100;
background: #ddd;
background: rgba(218, 218, 218, 0.7);
padding: 20px;
color: #222;
font-size: 15px;
font-weight: bold;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}



.paln-wrapper{
    background: none repeat scroll 0 0 white;
    border: 1px solid #D6CA99;
    margin: 10px auto;
    padding: 20px;
    width: 900px;
}

.plan-container {
    float:left;
    margin: 7px;
    position: relative;
    width: 285px;
}
.plan {
    border-radius: 4px 4px 4px 4px;
    margin-right: 6px;
}

.plan-header {
    background-color: #880000;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #FFFFFF;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.plan-header .plan-title {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 4px 4px 0 0;
    color: #FFFFFF;
    font-size: 16px;
    padding: 10px 0;
}

.plan-header .plan-price {
    background-color: #A80000;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    font-size: 66px;
    line-height: 0.8em;
    padding: 20px 0 10px;
}

.plan-header .plan-price span.note {
    display: inline;
    font-size: 17px;
    line-height: 0.8em;
    position: relative;
    top: -40px;
}

.plan-header .plan-price span.term {
    display: block;
    font-size: 13px;
    line-height: 0;
    margin-bottom: 0;
    padding: 2em 0 1em;
}

.plan-features {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #DDDDDD #DDDDDD -moz-use-text-color;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    padding-bottom: 1em;
    background: white;
}

.plan-features ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.plan-features ul li {
    border-bottom: 1px dotted #CCCCCC;
    margin: 0 2em;
    padding: 1em 0;
    text-align: left;
}


.plan-actions {
    background-color: #F9F5E7;
    border: 1px solid #000000;
    border-top: 1px solid #DDDDDD;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 1.15em 0;

}

.plan-actions .btn-silver {
    display: block;
    font-size: 16px;
    font-weight: 600;
    margin: 0 2em;
    padding: 1em 0;
}

.btn-silver {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #F5F5F5;
    background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;
    border-image: none;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    padding: 4px 12px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
}

.newadd{height: 34px;
width: 39px;
margin-top: 22px;
background: url('http://www.thecherryshare.com/images/split.png');
background-position: 1px -3px;}
.newadd:hover{background-position: 39px -3px!important;}
.newshare{height: 34px;
width: 39px;
margin-top: 22px;
background: url('http://www.thecherryshare.com/images/split.png');
background-position: 1px 36px;}
.newshare:hover{background-position: 39px 36px!important;}
.cook-time-icn{background: url(../images/cook-sprite.png) 0 0 no-repeat; width: 16px; height: 13px;}
.prep-time-icn{background: url(../images/cook-sprite.png) 0 -16px no-repeat; width: 13px; height: 15px;}
.total-time-icn{background: url(../images/cook-sprite.png) 0 -65px no-repeat; width: 12px; height: 13px;}
.serve-icn{background: url(../images/cook-sprite.png) 0 -83px no-repeat; width: 12px; height: 12px;}
.cal-icn{background: url(../images/cook-sprite.png) 0 -49px no-repeat; width: 12px; height: 12px;}
.other-icn{background: url(../images/cook-sprite.png) 0 -33px no-repeat; width: 12px; height: 12px;}

img{vertical-align: middle;}

.div-line{border-top: 1px solid #fff; background: #cfc8af; margin: 70px 0; height:1px; width: 100%}

ol.space li{margin-top: 15px }

.textcode{background: none repeat scroll 0 0 transparent;
    border: medium none;
    box-shadow: none;
    height: 30px;
    width: 100%;
    margin: 0;
    padding-bottom: 0;}
.source{font-size: 12px; color:green !important ; font-style: italic} .source :hover{color:green!important}
.userimage1{max-height: 20px;max-width: 39px;margin-right: 5px;float: right;}
.userimage{max-height: 40px;max-width: 49px;margin-right: 5px;box-shadow: 1px 1px 1px 1px black;}
.iframe-login{height: 100%;width: 100%;border: 0px}
#fadeandscale {
    -webkit-transform: scale(0.8);
       -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
            width: 55%;
            height: 65%;
}
.popup_visible #fadeandscale {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}