body {
    margin: 0px !important;
    padding: 0px !important;
    font-size: x-small !important;
    font-family: Georgia, "Times New Roman", Times, serif !important;
    color:#35322f !important;
}

a {
	color:#638F40;
	}

a:hover visited {
	color:#000000;
}
	
.redBody {
    background-image: url(/assets/img/red-header-background.jpg); /* was red-header-background*/
    background-repeat: repeat-x;
    background-position: left top;
    background-color: #da2128;
}
.greenBody {
    background-image: url(/assets/img/green-header-background.jpg);
    background-repeat: repeat-x;
    background-position: left top;
    background-color: #0c7f42;
}
.blueBody {
    background-image: url(/assets/img/blue-header-background.jpg);
    background-repeat: repeat-x;
    background-position: left top;
    background-color: #4278bc;
    font-family: Georgia, "Times New Roman", Times, serif;
    color:#35322f;
}
.lightBlueBody {
    background-image: url(/assets/img/lightBlue-header-background.jpg);
    background-repeat: repeat-x;
    background-position: left top;
    background-color: #78b7d3;
}
.purpleBody {
    background-image: url(/assets/img/purple-header-background.jpg);
    background-repeat: repeat-x;
    background-position: left top;
    background-color: #800686;
}
#wrap {
    width: 1088px;
    margin-top: 8px;
    margin-right: auto;
    margin-left: auto;
}
#main {
    width: 966px;
    float: left;
    padding-bottom: 20px;
}
#towerAds {
    float: right;
    width: 119px;
    padding-top: 200px;
}
.towerAd {
    padding-bottom: 10px;
}


#masthead {
    width: 966px;
    height: 203px;
    float: left;
    clear: both;
    background-image: url(/assets/images/back_header.png);
}

#logo {
    margin-left: 26px;
    float: left;
    width: 153px;
}
#mastheadRight {
    /*background-color: #ffffff;*/
    height: 143px;
    width: 730px;
    margin-top: 8px;
    margin-right: 8px;
    float: right;
    text-align: right;
}
#welcome {
    
    font-size: 140%;
    float: right;
	margin:8px 5px 0 0;
}

#upload_feedback {
    clear: both
}

.eachRestaurant div.rate-container {
    /*float: right;
    padding-top: 98px;*/
	position:absolute;
	top:98px;
	right:0;
   
}

select.jq-rating {
    display: none;
}

.eachRestaurant .rating {
    float: right;
}

#basketHead{
	float: right;
	font-size: 140%;
	margin:8px 5px 0 0;
}

/*
**
** Standard Bullet List
**
*/

ol { list-style: disc; }
ol li { padding-bottom: 6px; }

/*
**
** Form Defaults
**
*/

input[type=text],
input[type=password],
textarea
{
	color: #444444;
	font-size: 10pt;
	font-family: Arial, Helvetica, Sans-Serif;

    border-top: solid 1px #747271;
    border-right: solid 1px #35322f;
    border-bottom: solid 1px #5d5b59;
    border-left: solid 1px #35322f;

    background-image: url(/assets/images/back_input.png);
    background-position: left top;
    background-repeat: no-repeat;
}

input[type=text],
input[type=password]
{
	height: 18px;
}

/*
**
** Search Panel/Header
**
*/

.headernosearch
{
    padding-top: 12px;
}

div#headersearch
{
    width: 966px;
    height: 123px;

    background-image: url(/assets/images/back_searchpanel.png);
}

div#headersearch h2
{
    width: 930px;
    font-size: 22px;
    font-weight: normal;
    color: #35322f;
    padding-top: 2px;
    margin-left: 18px;
}

div#headersearch h2 span
{
    margin-top: 8px;
    margin-left: 4px;
    font-size: 14px;	
}

div#headersearch table
{
    float: left;
    margin-left: 22px;
    margin-top: 12px;
    border-collapse: collapse;
}

div#headersearch table tr
{
    height: 22px;
}

div#headersearch table td
{
    font-size: 14px;
    vertical-align: top;
}

div#headersearch table input
{
    height: 18px;
    margin-right: 10px;

    border-top: solid 1px #747271;
    border-right: solid 1px #35322f;
    border-bottom: solid 1px #5d5b59;
    border-left: solid 1px #35322f;

    background-image: url(/assets/images/back_input.png);
    background-position: left top;
    background-repeat: no-repeat;
}

div#headersearch table select
{
    height: 22px;
    margin-right: 10px;
}

div#headersearch table .findarecipe { width: 190px; }
div#headersearch table .findaproduct { width : 260px; }
div#headersearch table .findarestaurant { width : 260px; }
div#headersearch table .findauser { width : 806px; }

div#headersearch a
{
    float: right;
    margin-top: 24px;
    margin-left: 0px;
    margin-right: 16px;
    padding: 0px;
    text-decoration: none;
}

/*
**
** Common Header Styles
**
*/

h2.underlinedHeader {
    padding-bottom: 6px;
    border-bottom: solid 1px #cecdcc;
    font-size: 22px;
    font-weight: normal;
    color: #35322f;
}

h2.underlinedHeader span {
    margin-top: 8px;
	margin-right: 0px;	/* arrghhhh... please leave this out (or 0px), it's screwing everything else up! sub-class it if necessary */
    font-size: 14px;
    float: right;
}
/*
**
** Erm... I dunno!?
**
*/

b, .hide  {
    display: none;
}
#login {
    width: 180px;
    margin-right: 3px;
    float: right;
    margin-top: 10px;
    clear: right;
}

p.phase2{
    display: none;
}

div#add-tag {
    clear:both;
}

#login li {
    float: right;
}
#login li.login a  {
    background-image:url(/assets/img/arrow.png);
    background-repeat:no-repeat;
    background-position:right top;
    width:60px;
    height:15px;
    text-align:center;
    display:block;
    font-size:14px;
    color:#bbaea1;
    text-decoration:none;
}
#login li.register a  {
    background-image:url(/assets/img/arrow.png);
    background-repeat:no-repeat;
    background-position:right top;
    width:78px;
    height:15px;
    text-align:center;
    display:block;
    font-size:14px;
    color:#bbaea1;
    text-decoration:none;
}
#login li.login a:hover  {
    font-size:14px;
    color:#35312e;
    text-decoration:underline;
    background-position:right bottom;
}
#login li.register a:hover  {
    font-size:14px;
    color:#35312e;
    text-decoration:underline;
    background-position:right bottom;
}

#login li.myaccount a  {
    background-image:url(/assets/img/arrow.jpg);
    background-repeat:no-repeat;
    background-position:right top;
    width:98px;
    height:15px;
    text-align:center;
    display:block;
    font-size:14px;
    color:#bbaea1;
    text-decoration:none;
}
#login li.logout a  {
    background-image:url(/assets/img/arrow.jpg);
    background-repeat:no-repeat;
    background-position:right top;
    width:65px;
    height:15px;
    text-align:center;
    display:block;
    font-size:14px;
    color:#bbaea1;
    text-decoration:none;
}
#login li.myaccount a:hover  {
    font-size:14px;
    color:#35312e;
    text-decoration:underline;
    background-position:right bottom;
}
#login li.logout a:hover  {
    font-size:14px;
    color:#35312e;
    text-decoration:underline;
    background-position:right bottom;
}

#nav {
    width: 738px;
    float: right;
    margin-top: 0px;
    margin-right: 3px;
    background-image: url(/assets/img/navTopGrad.jpg);
    background-repeat: repeat-x;
    background-position: left top;
    padding-top: 7px;
    position: relative;
}
#nav li {
    float: left;
    background-color: #FFF;
}
#nav li.recipes a {
    background-image: url(/assets/img/recipes-Main-menu.jpg);
    background-repeat: no-repeat;
    background-position: right 0px;
    display: block;
    width: 162px;
    height: 36px;
}
#nav li.recipes a:hover, #nav li.recipes a.livesection {
    background-image: url(/assets/img/recipes-Main-menu.jpg);
    background-repeat: no-repeat;
    background-position: right -36px;
}
#nav li.cookshop a {
    background-image: url(/assets/img/cookshop-Main-menu.jpg);
    background-repeat: no-repeat;
    background-position: left 0px;
    display: block;
    height: 36px;
    width: 123px;
}
#nav li.cookshop a:hover, #nav li.cookshop a.livesection {
    background-image: url(/assets/img/cookshop-Main-menu.jpg);
    background-repeat: no-repeat;
    background-position: left -36px;
}
#nav li.restaurants a {
    background-image: url(/assets/img/restaurant-guide-Main-menu.jpg);
    background-repeat: no-repeat;
    background-position: left 0px;
    display: block;
    width: 202px;
    height: 36px;
}
#nav li.restaurants a:hover, #nav li.restaurants a.livesection {
    background-image: url(/assets/img/restaurant-guide-Main-menu.jpg);
    background-repeat: no-repeat;
    background-position: left -36px;
}
#nav li.sizzlers a {
    background-image: url(/assets/img/sizzlers-Main-menu.jpg);
    background-repeat: no-repeat;
    background-position: left 0px;
    display: block;
    width: 100px;
    height: 36px;
}
#nav li.sizzlers a:hover, #nav li.sizzlers a.livesection {
    background-image: url(/assets/img/sizzlers-Main-menu.jpg);
    background-repeat: no-repeat;
    background-position: left -36px;
}
#nav li.competitions a {
    background-image: url(/assets/img/competitions-Main-menu.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
    height: 36px;
    width: 151px;
}
#nav li.competitions a:hover, #nav li.competitions a.livesection {
    background-image: url(/assets/img/competitions-Main-menu.jpg);
    background-repeat: no-repeat;
    background-position: left -36px;
}
#subNav {
    position:relative;
    width: 960px;
    float: left;
    top: 0px;
    left: -384px;
}
#nav li.foodCourse a {
    background-image: url(/assets/img/submenu_foodcourse.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    height: 37px;
    width: 244px;
}
#nav li.foodCourse a:hover {
    background-image: url(/assets/img/submenu_foodcourse.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}
#nav li.cuisine a {
    background-image: url(/assets/img/submenu_cuisine.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    height: 37px;
    width: 160px;
}
#nav li.cuisine a:hover {
    background-image: url(/assets/img/submenu_cuisine.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}
#nav li.ingredients a {
    background-image: url(/assets/img/submenu_ingredients.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    height: 37px;
    width: 135px;
}
#nav li.ingredients a:hover {
    background-image: url(/assets/img/submenu_ingredients.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}
#nav li.popular a {
    background-image: url(/assets/img/submenu_popular.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    height: 37px;
    width: 159px;
}
#nav li.popular a:hover {
    background-image: url(/assets/img/submenu_popular.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}
#nav li.vegetarian a {
    background-image: url(/assets/img/submenu_vegetarian.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    height: 37px;
    width: 121px;
}
#nav li.vegetarian a:hover {
    background-image: url(/assets/img/submenu_vegetarian.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}
#nav li.addRecipe a {
    background-image: url(/assets/img/submenu_addRecipe.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    height: 37px;
    width: 141px;
}
#nav li.addRecipe a:hover {
    background-image: url(/assets/img/submenu_addRecipe.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}
.pageBody {
    width: 966px;
    padding-right: 0px;
    padding-left: 0px;
    float: left;
    clear: both;
    background-color: transparent;
}

div#colWrapper
{
    width: 966px;

    background-image: url(/assets/images/back_body.png);
    background-position: center bottom;
    background-repeat: no-repeat;	
}

#leftCol {
    float: left;
    width: 624px;
    margin-left: 16px;
}

#productCol {
    float: left;
    width: 635px;
    clear: both;
}
.video_container {
    position: relative;
    float: left;
    width: 596px;
    padding-left: 18px;
    padding-top: 4px;
    clear: both;
    height: 340px;
    margin-top: 10px;
}
.video {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.video_overlay {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
#leftCol .welcomevideo_container {
    position: relative;
    float: left;
    width: 624px;
    margin-top: 3px;
    margin-bottom: 12px;
    clear: both;
    height: 340px;
}

#leftCol .welcomevideo {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

#leftCol .welcomevideo_overlay {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
/* rounded body footer */
#bodyFooter {
    width: 966px;
    height: 20px;
    float: left;

    background-image: url(/assets/images/back_bodyfooter.png);
}

/* Search Panel *NEW* */
#searchPanelLong{
    float: left;
    clear: both;
    width: 600px;
    height: 48px;
    padding: 12px;
    margin-top: 12px;
    color: #ffffff;
    font-size: 12px;
    line-height: normal;

    background-image: url(/assets/images/back_searchHome.png);
}

#searchPanelLong form {
    padding: 0px;
    margin: 0px;
}

#searchPanelLong input.search {
    display: block;
    float: left;
    font-size: 10px;
    width: 410px;
    padding: 2px;
    margin-left: 0px;
    margin-top: 12px;
}

#searchPanelLong input.button {
    float: right;
    width: 168px;
    height: 31px;
    color: #ffffff;
    border: none;
    padding: 0px;
    margin-top: 7px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 16px;
    cursor: pointer;

    background-color: transparent;
    background-image: url(/assets/images/button_searchHome.png);
}

/* Global & Nested */
#cookProductPanel p, .mostWrapLeft p, .productWrapLeft p {
    font-size: 130%;
    color: #BDAEA1;
    padding: 0 0 10px 4px;
}
#cookProductPanel a, .mostWrapLeft a, .productWrapLeft a, .relatedLeftInner a, .basketLeft .soldBy a, .disclaimer a {
    color: #638F40;
}
#cookProductPanel a:hover, .mostWrapLeft a:hover, .productWrapLeft a:hover, .relatedLeftInner a:hover, .basketLeft .soldBy a:hover, .disclaimer a:hover {
    color: #000000;
}
.price, .rating {
    color: #000000;
}

.rating20 {
    background: url(/assets/img/rating20.png) no-repeat;
    margin: 8px 5px 5px 0;
    width: 102px;
    clear: both;
    float: left;
    height: 38px;
}
.rating30 {
    background: url(/assets/img/rating30.png) no-repeat;
    margin: 8px 5px 5px 0;
    width: 102px;
    clear: both;
    float: left;
    height: 38px;
}
.rating40 {
    background: url(/assets/img/rating40.png) no-repeat;
    margin: 8px 5px 5px 0;
    width: 102px;
    clear: both;
    float: left;
    height: 38px;
}
.rating50 {
    background: url(/assets/img/rating50.png) no-repeat;
    margin: 8px 5px 5px 0;
    width: 102px;
    clear: both;
    float: left;
    height: 38px;
}
.rating60 {
    background: url(/assets/img/rating60.png) no-repeat;
    margin: 8px 5px 5px 0;
    width: 102px;
    clear: both;
    float: left;
    height: 38px;
}
.rating70 {
    background: url(/assets/img/rating70.png) no-repeat;
    margin: 8px 5px 5px 0;
    width: 102px;
    clear: both;
    float: left;
    height: 38px;
}
.rating80 {
    background: url(/assets/img/rating80.png) no-repeat;
    margin: 8px 5px 5px 0;
    width: 102px;
    clear: both;
    float: left;
    height: 38px;
}
.rating90 {
    background: url(/assets/img/rating90.png) no-repeat;
    margin: 8px 5px 5px 0;
    width: 102px;
    clear: both;
    float: left;
    height: 38px;
}
.rating100 {
    background: url(/assets/img/rating100.png) no-repeat;
    margin: 8px 5px 5px 0;
    width: 102px;
    clear: both;
    float: left;
    height: 38px;
}

/*
 * New time logos
*/

.time {
    display: block;
    height: 23px;
    line-height: 23px;
    font-size: 140%;
    color: #35322f;
    padding-left: 30px;
    margin-bottom: 8px;

    background-position: top left;
    background-repeat: no-repeat;
}

.time0,
.time60 {
    background-image: url(/assets/images/clock_60.png);
}

.time15 {
    background-image: url(/assets/images/clock_15.png);
}

.time30 {
    background-image: url(/assets/images/clock_30.png);
}

.time45 {
    background-image: url(/assets/images/clock_45.png);
}

/*
 * Old time logos
*/

.time_obsolete {
    color: #000000;
    font-size: 140%;
    display: block;
    float: left;
    width: 140px;
}

.time0_obsolete  {
    color: #000000;
    font-size: 140%;
    background: url(/assets/img/clock.png) no-repeat left -70px;
    padding: 2px 0 3px 30px;
    display: block;
    margin: 0 0 8px 0;
}
.time15_obsolete   {
    color: #000000;
    font-size: 140%;
    background: url(/assets/img/clock.png) no-repeat left top;
    padding: 2px 0 3px 30px;
    display: block;
    margin: 0 0 8px 0;
}
.time30_obsolete   {
    color: #000000;
    font-size: 140%;
    background: url(/assets/img/clock.png) no-repeat left -24px;
    padding: 2px 0 3px 30px;
    display: block;
    margin: 0 0 8px 0;
}
.time45_obsolete  {
    color: #000000;
    font-size: 140%;
    background: url(/assets/img/clock.png) no-repeat left -47px;
    padding: 2px 0 3px 30px;
    display: block;
    margin: 0 0 8px 0;
}
.time60_obsolete  {
    color: #000000;
    font-size: 140%;
    background: url(/assets/img/clock.png) no-repeat left -70px;
    padding: 2px 0 3px 30px;
    display: block;
    margin: 0 0 8px 0;
}
.clearfix {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* IE6 clearfix */
* html .clearfix {
    height: 1%;
}
/* IE7 clearfix */
*:first-child+html .group {
    min-height: 1px;
}

/* Most Viewed Recipe Panel */

#mostViewed {
    float: left;
    width: 624px;

    /*
    background-image: url(/assets/img/most-viewed-recipe-header.jpg);
    background-repeat: no-repeat;
    background-position: -10px -4px;
    */
}

.basketTop h2 {
    font-size: 220%;
    color: #000000;
    font-weight: normal;
    padding: 12px 0 6px 24px;
    width: 511px;
    float: left;
}
#restaurant_menus {
    width: 800px;
    clear: both;
}
#restaurant_menus div {
    float: left;
}
#restaurant_menus img {
    float: left;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 5px;
    width: 140px;
}
#restaurant_menus h2 {
    color: #000;
    font-weight: normal;
    font-size: 160%;
}
#restaurant_gallery {
    width: 600px;
    clear: both;
}
#restaurant_gallery div {
    float: left;
}
#restaurant_gallery img {
    float: left;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 5px;
    width: 140px;
}
#restaurant_gallery h2 {
    color: #000;
    font-weight: normal;
    font-size: 160%;
}
#restaurant_gallery h2.user_photo_gallery {
	/* sorry, horrible hack */
	padding-top:30px;
}
#restaurantDetails {
    font-size: 135%;
    padding: 12px 0 0 0;
}
#restaurantDetails h2, #restaurantHeader h2 {
    color: #000;
    font-weight: normal;
    font-size: 160%;
}
#restaurantHeader h2 {
    padding: 5px 0
}
#restaurantDetails p, #restaurantDetails ul, #restaurantDetails dl, #restaurantDetails ol {
    margin: 10px 0
}
#restaurantHeader {
    background: #000 url(/assets/img/roscos.jpg) no-repeat top left;
    font-size: 135%;
    height: 475px;
    margin: 10px 14px;
    width: 940px
}
#restaurantHeader span {
    color: #CCC2B9
}
#restaurantHeader a {
    color: #598430
}
#restaurantHeader a:hover {
    text-decoration: none
}
#restaurantOverviewDetails {
    padding: 5px
}

#restaurantOverviewDetails h4 {
	color: #CCC2B9;
	font-size:80%;
	font-weight:normal;
	float:left;
	margin-right:10px;
	
}

#restaurantOverviewDetails h4.dishrating {
	margin-top:30px;
	
}

#restaurantOverviewDetails ul.rating-widget {
	float:left;
}

#restaurantOverviewDetails ul.tags ac_input {
	float:left;
}

#restaurantOverviewDetails p {
    line-height: 125%;
    margin: 0 0	10px 0
}
span.restaurantTagsLabel {
    text-transform: uppercase
}
#restaurantOverview {
    background: #FFF;
    float: right;
    margin: 10px;
    padding: 5px;
    width: 290px
}
h2#restaurantDetailsHeading {
    font-size: 220%;
    font-weight: normal;
    padding: 0px 0 0 14px;
}
#restaurantOpeningHours, #restaurantMap {
    font-size: 135%;
    padding-right: 40px;
    margin-bottom: 20px;
}
#restaurantOpeningHours h2, #restaurantMap h2 {
    font-size: 135%;
    font-weight: normal;
    padding: 0 0 10px 0
}
#mostViewed .date {
    font-size: 140%;
    float: right;
    width: 80px;
    text-align: right;
    padding: 19px 20px 0 0;
}

.featuredPanel {
    width: 624px;
    padding: 0px;
}

.mostPanel {
    width: 624px;
    min-height: 250px;
    float: left;

    /*
    margin: 0 0 30px 22px;
    padding: 0;
    border-top: 1px solid #BDAEA1;
    */
}
.mostPanelRestaurant {
    min-height: 330px;
}
.inline {
    display: inline;
}

.mostImage {
    width: 280px;
    float: left;
    margin: 8px 0;
    border : 1px solid #B0AEAC;
}

.mostWrap {
    float: right;
    width: 330px;
}
.mostWrapLeft {
    float: left;
    width: 192px;
}
.mostWrapLeft h3 {
    font-size: 180%;
    font-weight: normal;
    padding: 4px 0 4px 4px;
}

.mostWrapRight {
    float: right;
    width: 106px;
    /*border-left: 1px solid #cecdcc;*/
    padding: 0 0 0 10px;
    margin-bottom: 10px;
}

.mostWrapRight p {
    font-size: 140%;
    padding: 5px 0 0 0;
}
.mostWrapRight h3 {
    font-size: 140%;
    font-weight: normal;
    color: #BDAEA1;
    margin: 6px 0 0 0;
}
.mostWrapDesc {
    float: right;
    margin: 8px 0 16px 0;
    width: 330px;
}
.mostWrapDesc p {
    font-size: 140%;
    padding: 25px 0 0 4px;
}
/* Most Viewed Recipe Panel - Recipe Number & Tags */
#recipePage {
    width: 624px;
    clear: both;
    float: left;
    display: inline;
    padding-top: 12px;
    border-top: 1px solid #cecdcc;

    /*
    padding: 14px 0 10px 0;
    margin-left: 22px;
    */
}
#pageWrap {
    float: left;
    width: 280px;
}
#pageWrap h3, #tagsWrap h3 {
    color: #BDAEA1;
    font-size: 140%;
    font-weight: normal;
    padding: 0px;
    margin: 0 10px 5px 0;
    float: left;
    display: inline;
}
.recipeDetailRight h3 {
    float:left;
    clear:both;
    color: #BDAEA1;
    font-size: 140%;
    font-weight: normal;
    padding: 10px 0 10px 0;
    margin: 0;
}
#pageWrap .recipe   {
    float: right;
    margin-right: 40px;
    display:inline;
}
#pageWrap li {
    float: left;
    margin-right: 3px;
    display: inline;
}
#pageWrap li.pageBttn  a {
    background-image: url(/assets/img/paging-indicator.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 19px;
    width: 18px;
    margin-right: 0px;
    display: block;
}
#pageWrap li.pageBttnOn a, #pageWrap li.pageBttn a:hover {
    background-image: url(/assets/img/paging-indicator.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    height: 19px;
    width: 18px;
    margin-right: 0px;
    display: block;
}
#tagsWrap {
    float: right;
    margin-top: 0px;
    width: 330px;
	padding-bottom:12px;
}
#tagsWrap .tags {
    float: left;
    width: 250px;
}
#tagsWrap li  {
    font-size: 130%;
    float: left;
    margin-right: 3px;
    margin-left: 3px;
    display: block;
    color: #638F40;
}
#tagsWrap li a {
    color: #638F40;
}
#tagsWrap li a:hover {
    color: #000000;
}
.recipeSearchResultsPanel {
    clear: both;
    float: left;
    width: 634px;
    margin-top: 0px;
    padding-top: 8px;
    background: url(/assets/img/most-viewed-recipe-header.jpg) no-repeat -10px top;
}

.recipeResults {
    float: left;
    clear: both;
    width: 624px;
    margin-top: 12px;

    background-color: #ffffff;
}

.recipeResults_old {
    float:left;
    width: 613px;
    clear: both;
    padding-left: 22px;
    margin-top: 4px;
    margin-right: 0px;
    padding-top: 20px;
    background: url(/assets/img/most-viewed-recipe-header.jpg) no-repeat -10px top;
    display:inline;
}
.recipeResults h2 {
    font-size: 210%;
    font-weight: normal;
    color: #BDAEA1;
    padding-bottom: 10px;
}
.recipeResults h2 span {
    color: #7b7774;
    font-size: 80%;
    margin-left: 6px;
}

/* Most Viewed Recipe Panel - Recipe Search Results */
.recipePanel {
    float: left;
    width: 600px;
    clear: both;
    margin-left: 12px;
    margin-bottom: 12px;
}
.line {
    clear: both;
    float: left;
    width: 573px;
    margin-bottom: 12px;
    padding-left: 22px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #666666;
    padding-top: 15px;
}
.line2 {
    clear: both;
    float: left;
    width: 573px;
    padding-left: 22px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #666666;
    margin-bottom: 10px;
}
.resultsImage  {
    width: 151px;
    float: left;
    margin-bottom: 12px;
    margin-right: 12px;
    display: inline;
}
.resultstWrap  {
    float: right;
    width: 520px;
    margin: 0px;
	padding-bottom:12px;
}

.tooltip-wrapper {
    width: 100px;
    height: 140px;
    background-image: url(/assets/img/loader.gif);
    background-repeat: no-repeat;
    background-position: center;
}

.tooltip-wrapper p{
    margin-top: 5px;
}

.recipePanel .resultsWrapLeft {
    float: left;
    width: 274px;
}
.resultsWrapLeft h3 {
    font-size: 160%;
    font-weight: normal;
    padding-bottom: 4px;
    padding-left: 4px;
    color: #000000;
}
.resultsWrapLeft h4 {
    font-size: 130%;
    float:left;
    font-weight: normal;
    padding-bottom: 6px;
    padding-left: 4px;
    margin-top: 0px;
    color: #BDAEA1;
}
.resultsWrapLeft p {
    font-size: 130%;
    color: #BDAEA1;
    padding: 0 0 6px 4px;
}
.resultsWrapLeft .tags {
    float: left;
    margin-left: 8px;
    display: inline;
    width: 200px;
}
.resultsWrapLeft  .tags li, .recipeDetailRight li   {
    font-size: 130%;
    float: left;
    margin-right: 3px;
    margin-left: 3px;
    display: inline-block;
    color: #638F40;
}
.recipeDetailRight ul {
    float:left;
    clear:both;
}
.resultsWrapLeft .tags a, .recipeDetailRight a, .recipeDetailLeft .price a {
    color: #638F40;
}
.resultsWrapLeft .tags a:hover, .recipeDetailRight a:hover, .recipeDetailLeft .price a:hover {
    color: #000000;
}
.resultsWrapRightAccount  {
    float: right;
    width: 148px;
    border-left: 1px solid #BDAEA1;
    display: inline;
    padding: 0 0 0 15px;
    margin: 0 10px 0 0;
}
.resultsWrapRight  {
    float: right;
    width: 128px;
    border-left: 1px solid #BDAEA1;
    display: inline;
    padding: 0 0 0 15px;
    margin: 0 10px 0 0;
}
.resultsWrapRight p {
    font-size: 130%;
    color: #BDAEA1;
    padding: 0 0 3px 0;
}
#pageResults {
    float: left;
    width: 100%;
    margin-left: 0px;
    margin-top: 8px;
    clear: both;
}
#pageResults h2 {
    font-size: 170%;
    color: #BDAEA1;
    font-weight: normal;
    padding: 9px 0px 0px 21px;
    margin-bottom: 15px;
    display: inline;
    float: left;
    width: 300px;
}
#pageResults h2 span {
    color: #000000;
    font-size: 80%;
    margin-left: 6px;
}
#pageResults  ul.prev-next {
    float: right;
    width: 147px;
    text-align: right;
    margin-right: 5px;
}
#pageResults  ul.prev-next  li {
    float: left;
    padding: 0;
}
#pageResults ul .prev a {
    background-image: url(/assets/img/prev.png);
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
    width: 72px;
    height: 40px;
    margin: 0px;
}
#pageResults ul .prev a:hover {
    background-position: left -40px;
}
#pageResults ul .next a {
    width: 75px;
    background-image: url(/assets/img/next.png);
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
    height: 40px;
    margin: 0px;
}


.recipePanel a {
    color: #638F40;
}
.recipePanel a:hover {
    color: #000;
}
.recipePanel a img {
    border: 1px solid #B0AEAC;
}
.followTwitterSmall li img {
    border: 0 none;
}

.recipePanel .resultsWrapDesc {
    clear: both;
    float: left;
    margin-top: 20px;
    font-size: 120%;
    margin-bottom: 10px;
}
#pageResults p {
    width: 450px;
    float: left;
    margin-top: 10px;
    font-size: 140%;
    margin-left: 22px;
}
#pageResults a {
    color: #638F40;
}
.pagination_page {
    padding-right: 10px;
}
.selected {
    color: #638F40;
}
.mostPanel h4, .featuredPanel h4 {
    font-size: 180%;
    font-weight: normal;
    float: left;
    clear: both;
}
.mostPanel h4 span, .featuredPanel h4 span {
    font-size: 70%;
}
.mostPanel .productImage, .featuredPanel .productImage {
    float: left;
    margin-top: 6px;
    margin-bottom: 8px;
}
.mostPanel .productWrap, .featuredPanel .productWrap {
    float: right;
    width: 240px;
    font-size: 110%;
}
.mostPanel .productWrapLeft, .featuredPanel .productWrapLeft {
    float: left;
    width: 240px;
}
.mostPanel #tagsWrap h4, .featuredPanel #tagsWrap h4 {
    font-size: 130%;
    float:left;
    font-weight: normal;
    padding-bottom: 6px;
    padding-left: 4px;
    margin-top: 0px;
    color: #BDAEA1;
}
.productRating {
    float: left;
    width: 597px;
    clear: both;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ebebea;
    padding-top: 8px;
    padding-bottom: 8px;
}
.productRating h4, .productDescription h4, .productDetails h4 {
    font-size: 140%;
    font-weight: normal;
}
.productRating h4 span, .productDescription h4 span, .productDetails h4 span {
    font-size: 90%;
}
.productRating p {
    margin: 0px;
    padding-top: 8px;
    padding-right: 0px;
    padding-left: 0px;
    clear: both;
    float: left;
    padding-bottom: 0px;
}
.productDescription {
    float: left;
    width: 597px;
    clear: both;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ebebea;
    padding-bottom: 15px;
    padding-top: 8px;
}
.productDescription p, .productDetails p {
    float: left;
    clear: both;
    font-size: 130%;
    padding-top: 10px;
}
.productDetails  {
    float: left;
    width: 597px;
    clear: both;
    padding-bottom: 8px;
    padding-top: 8px;
}
.productDetails ul {
    float: left;
    clear: both;
    font-size: 130%;
    padding-top: 10px;
}
.productDetails ul li {
    padding-left: 12px;
    padding-bottom: 7px;
    background: url(/assets/img/productDetailsArrow.jpg) no-repeat left 4px;
}
#relatedPanel {
    width: 597px;
    padding-top: 8px;
    margin-bottom: 20px;
    background-color: transparent;
    clear: both;
    float: left;
}
.relatedWrap {
    border-top: 1px solid #ebebea;
    margin-top: 8px;
    float: left;
    clear: both;
    width: 597px;
}
.relatedWrapRow {
    border-top: 1px solid #ebebea;
    border-bottom: 1px solid #ebebea;
    float: left;
    clear: both;
    width: 597px;
}
.relatedWrapLeft {
    border-right:1px solid #ebebea;
    width: 297px;
    float: left;
    padding-right: 0;
    padding-left: 0;
    padding-top: 10px;
}
.relatedProduct  {
    width: 87px;
    float: left;
    display: inline;
    margin-right: 8px;
}
.relatedLeftInner {
    width: 190px;
    float: left;
    padding-bottom: 8px;
}
.relatedLeftInner  h4 {
    padding-left: 4px;
    padding-bottom: 4px;
}
.relatedLeftInner p {
    font-size: 130%;
    color: #BDAEA1;
    padding: 0 0 5px 4px;
    float: left;
    clear: none;
    margin: 0px;
    width: 186px;
}
.productRight .price, .relatedLeftInner .price {
    font-size: 120%;
}
.relatedWrapRight {
    float: right;
    width: 287px;
    padding: 10px 0 0 0;
}
.mostPanel .border, .featuredPanel .border {
    float: left;
    width: 100%;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #BDAEA1;
    margin-top: 10px;
    padding-top: 10px;
}
.mostPanel .productWrapLeft span, .featuredPanel .productWrapLeft span {
    font-size: 110%;
    padding-top: 2px;
    padding-bottom: 5px;
}
.mostPanel .productWrapLeft .black, .featuredPanel .productWrapLeft .black {
    padding-top: 30px;
    padding-bottom: 5px;
    color: #000000;
}
.featuredPanel .productWrapLeft .black {color: #000}
.add_to_cart   {
    height: 44px;
    width: 145px;
    background-image: url(/assets/img/add-to-cart-button.png);
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
}
.add_to_cart_hover   {
    height: 44px;
    width: 145px;
    background-image: url(/assets/img/add-to-cart-button.png);
    background-repeat: no-repeat;
    background-position: left center;
    display: block;
}
.findSizzler {
    background-image: url(/assets/img/find-a-sizzler-thin.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    clear: both;
    float: left;
    width: 634px;
    margin-left: 0px;
    height: 80px;
}
.findSizzler h2 {
    font-size: 210%;
    margin-left: 22px;
    font-weight: normal;
    padding-top: 10px;
}
.findSizzler h2 span {
    font-size: 60%;
    margin-left: 3px;
}
.productWrapLeft h3 {
    font-size: 190%;
    font-weight: normal;
    padding-bottom: 6px;
    padding-left: 4px;
    margin-top: 6px;
}
#filterMenu {
    width: 624px;
    float: left;
    margin-top: 12px;
	background-image: url(/assets/img/filterBg.jpg);
    background-repeat: no-repeat;
}
#filterMenu h2 {
    font-size: 220%;
    font-weight: normal;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #666666;
    padding-bottom: 8px;
    margin-left: 22px;
    margin-right: 16px;
}
#filterMenu h2.padded {
    margin-bottom: 25px;
}
#filterMenu h3 {
    font-size: 140%;
    color: #BDAEA1;
    float: left;
    font-weight: normal;
    margin-left: 8px;
    padding-top: 4px;
    margin-right: 10px;
    display:inline;
}
#filterMenu ul.level1 {
    float: left;
    padding-top: 0px;
}
#filterMenu ul.level1 li {
    float: left;
    margin-right: 8px;
    padding-right: 8px;
    font-size: 150%;
    color: #A4A3A1;
    display: block;
    padding-top: 3px;
    padding-bottom: 3px;
    border-right: solid 1px #cecdcc;
    cursor: pointer;
}

#filterMenu ul.level1 li#filterPopularity {
    border-right: none;
}

#leftCol #filterMenu ul.level1 li.on, #filterMenu ul.level1 li:hover {
    color: #35322F;
}

#leftCol #filterMenu ul.level1 li.on, #filterMenu ul.level1 li:visited {
    color: #35322F;
}

#filterMenu ul.items {
    display: block;
    float: left;
    width: 615px;
    padding-left: 11px;
}
#filterMenu ul.items li {
    margin: 0px;
    padding: 0px;
    float: left;
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
    height: 78px;
    width: 78px;
    border-right: #D4D3D2 1px solid;
}
#filterMenu ul.items li:hover, #filterMenu ul.items li.on {
    background-position: left -78px;
    cursor: pointer;
}

#filterMenu button.back {
    display: block;
    height: 78px;
    width: 29px;
    border-right: #D4D3D2 1px solid;
    float: left;
    clear: left;
    margin-left: 6px;

    background-image: url(/assets/img/filter-by-left-button.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}

#filterMenu button.back:hover {
    background-image: url(/assets/img/filter-by-left-button.jpg);
    background-repeat: no-repeat;
    background-position: left -78px;
    display: block;
    height: 78px;
    width: 29px;
}

#filterMenu button.next {
    background-image: url(/assets/img/filter-by-right-button.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
    height: 78px;
    width: 29px;
    float: left;
}
#filterMenu button.next:hover {
    background-image: url(/assets/img/filter-by-right-button.jpg);
    background-repeat: no-repeat;
    background-position: left -78px;
    display: block;
    height: 78px;
    width: 29pxf;
}
.filterMenuItems {
    float: left;
}

#rightCol {
    float: right;
    width: 300px;
    margin-right: 16px;
}
/* Search Panel */
.redBody #searchBox {
    background-image: url(/assets/img/search-box-red.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    height: 76px;
    width: 310px;
    float: left;
    padding-left: 2px;
}
.blueBody #searchBox {
    background-image: url(/assets/img/search-box-blue.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    height: 78px;
    width: 310px;
    float: left;
    padding-left: 2px;
}
.greenBody #searchBox {
    background-image: url(/assets/img/search-box-green.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    height: 78px;
    width: 310px;
    float: left;
    padding-left: 2px;
}
.yellowBody #searchBox {
    background-image: url(/assets/img/search-box-yellow.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    height: 78px;
    width: 310px;
    float: left;
    padding-left: 2px;
}
.purpleBody #searchBox {
    background-image: url(/assets/img/search-box-purple.png); /*  The background image should be purple*/
    background-repeat: no-repeat;
    background-position: left top;
    height: 78px;
    width: 310px;
    float: left;
    padding-left: 2px;
}
.lightBlueBody #searchBox {
    background-image: url(/assets/img/search-box-lightBlue.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    height: 78px;
    width: 310px;
    float: left;
    padding-left: 2px;
}
.redBody .searchButton {
    background-image: url(/assets/img/search-button.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 40px;
    width: 104px;
    background-color: transparent;
    margin-left: 2px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    cursor: hand;
}
.redBody .searchButton_hover  {
    background-image: url(/assets/img/search-button.png);
    background-repeat: no-repeat;
    background-position: left -41px;
    height: 40px;
    width: 104px;
    background-color: transparent;
    margin-left: 2px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    cursor: hand;
}
.blueBody .searchButton  {
    background-image: url(/assets/img/search-box-blue-button.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 35px;
    width: 88px;
    background-color: transparent;
    margin-top: 8px;
    margin-left: 2px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    cursor: hand;
}
.blueBody .searchButton_hover  {
    background-image: url(/assets/img/search-box-blue-button.png);
    background-repeat: no-repeat;
    background-position: left -36px;
    height: 35px;
    width: 88px;
    background-color: transparent;
    margin-top: 8px;
    margin-left: 2px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    cursor: hand;
}
.greenBody .searchButton  {
    background-image: url(/assets/img/search-box-green-button.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 35px;
    width: 88px;
    background-color: transparent;
    margin-top: 8px;
    margin-left: 2px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    cursor: hand;
}
.greenBody .searchButton_hover  {
    background-image: url(/assets/img/search-box-green-button.png);
    background-repeat: no-repeat;
    background-position: left -36px;
    height: 35px;
    width: 88px;
    background-color: transparent;
    margin-top: 8px;
    margin-left: 2px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    cursor: hand;
}
.purpleBody .searchButton {
    background-image: url(/assets/img/search-box-purple-button.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 35px;
    width: 88px;
    background-color: transparent;
    margin-top: 8px;
    margin-left: 2px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    cursor: hand;
}
.purpleBody .searchButton_hover  {
    background-image: url(/assets/img/search-box-purple-button.png);
    background-repeat: no-repeat;
    background-position: left -36px;
    height: 35px;
    width: 88px;
    background-color: transparent;
    margin-top: 8px;
    margin-left: 2px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    cursor: hand;
}
#searchBox p {
    color: #FFFFFF;
    padding-top: 10px;
    padding-left: 14px;
    font-size: 140%;
}
.searchPanel {
    width: 196px;
    margin-top: 15px;
    margin-left: 12px;
    display:inline;
    float: left;
}
.findSizzler .searchPanel {
    width: 485px;
    margin-top: 12px;
    margin-left: 22px;
    display:inline;
    float: left;
    margin-right: 4px;
}
.text_button {
    border: none;
    background-color: transparent;
    padding-right: 8px;
    color: #FFF;
    background-image: url(/assets/img/searchArrow.png);
    background-repeat: no-repeat;
    background-position: right center;
    cursor:pointer;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 160%;
    display: inline;
    margin-top: 16px;
}

/* Ad Panels & Google */
.adContainer
{
    width: 300px;
    height: 276px;
    color: #bdaea1;
    font-size: 14px;
    margin-bottom: 12px;
}

.adContainer .adPanel
{
    width: 300px;
    height: 250px;
    margin-bottom: 4px;

    background-color: #cecdcc;
}

#google {
    width: 300px;
    font-size: 130%;
    margin-bottom: 12px;
	margin-top: 25px;
}

#google_cookshop_mdu 
{
    margin-left: 0px;
    margin-bottom: 12px;
}
.green {
    color: #638F40;
}
#google p {
    margin-bottom: 15px;
}

/* Cookshop Panel */
#cookShop {
    clear: both;
    width: 300px;
}

#cookShop p
{
    margin-top: 6px;
    margin-bottom: 0px;
    font-size: 14px !important;
    color: #35322f;
}

.cookProduct {
    width: 300px;
    border-bottom: 1px solid #cecdcc;
    margin-top: 12px;
    padding-bottom: 12px;
    background-color: #ffffff;
}

.cookProductEnd {
    width: 300px;
    border-bottom: none;
    margin-top: 12px;
    padding-bottom: 8px;
    background-color: #FFFF00;
    float: left;
}

.cookShopBase_obsolete {
    background: url(/assets/img/cookshop-bgrnd-bottom-cap.jpg) no-repeat left bottom;
    padding-bottom: 10px;
    float: left;
    width: 314px;
}
.cookShopTop_obsolete {
    background: url(/assets/img/cookshop-bgrnd-top-fade.jpg) no-repeat left top;
    float: left;
    width: 314px;
}
.cookShopHead_obsolete {
    font-size: 240%;
    color: #000000;
    background: url(/assets/img/cookshop-bgrnd-top-cap.jpg) no-repeat left top;
    font-weight: normal;
    padding: 12px 0 5px 24px;
}

.cookShopPara_obsolete {
    padding: 0 0 8px 25px;
    font-size: 140%;
}
.cookShopBreak_obsolete {
    font-size: 140%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 22px;
    clear: both;
    float: left;
}
#cookProductPanel_obsolete {
    background-color: #FFFFFF;
    width: 266px;
    display: inline;
    margin-left: 15px;
    padding: 9px 9px 0;
    border-top: 1px solid #BDAEA1;
    border-bottom: 1px solid #BDAEA1;
    float: left;
}

/* Product Detail */
.productImage {
    float: left;
    margin-right: 6px;
    border: 1px solid #BDAEA1;
    display: block;
}
.productRight  {
    float: right;
    width: 200px;
    font-size: 14px;
    color: #c7bbb1;
}
.productRight h3 {
    font-size: 18px;
    font-weight: normal;
    color: #35322f;
}

.productRight a {
    color: #598430;
}

.productRight span.price {
    color: #35322f;
    font-size: 18px;
}

a.details {
    background-image: url(/assets/img/details-button.png);
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
    height: 35px;
    width: 105px;
    float: left;
    clear: both;
    padding: 0px;
    margin-top: 10px;
    margin-right: 0px;
    margin-left: 0px;
}
a.details:hover {
    background-image: url(/assets/img/details-button.png);
    background-repeat: no-repeat;
    background-position: left -35px;
}

a.cookshopBttn 
{
    display: block;
    float: left;
    width: 169px;	
    height: 40px;

    margin-top: 5px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0px;


    background-image: url(/assets/img/go-to-cookshop.png);
    background-repeat: no-repeat;
    background-position: left top;    
}
a.cookshopBttn:hover {
    background-image: url(/assets/img/go-to-cookshop.png);
    background-repeat: no-repeat;
    background-position: left -41px;
}
.recipeText {
    clear: both;
    float: left;
    font-size: 130%;
    padding-left: 16px;
    padding-top: 10px;
    width: 270px;
}
a.recipeBttn {
    background-image: url(/assets/img/recipe-button.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    height: 40px;
    width: 169px;
    margin-top: 0px;
    margin-right: 0;
    margin-bottom: 0px;
    margin-left: 10px;
    display: inline;
    float: left;
    clear: both;
}
a.recipeBttn:hover {
    background-image: url(/assets/img/recipe-button.jpg);
    background-repeat: no-repeat;
    background-position: left -46px;
}

.findProduct {
    width: 950px;
    clear: both;
    float: left;
    background-image: url(/assets/img/shopPageSearchPanel.jpg);
    background-repeat: no-repeat;
    background-position: left top;

}
.findProduct h2 {
    font-size: 200%;
    margin-left: 12px;
    margin-bottom: 5px;
    margin-top: 10px;
    font-weight: normal;
    padding-top: 5px;
    border-bottom: 1px solid #999;
    width: 920px;
}
.findProduct h2 span {
    font-size: 75%;
    margin-left: 2px;
}

.searchCategory {
    width: 170px;
    float: left;
    font-size: 130%;
    padding: 10px;
}
.searchCategory select, .searchCategory input {
    width: 170px;
    color: #999;
    border: 1px solid #6E6E6E;
}
.searchCategory p {
    font-weight: bold;
    padding-bottom: 5px;
}
.findProductTable {
    width: 920px;
    float: left;
    margin-left: 10px;
}
table.findProductTable th {

    font-size: 120%;
}

.findProductTable td {
    font-size: 40%
}
.findProductTable input, .findProductTable select {
    width: 200px
}
.basketTop {
    clear: both;
    float: left;
    width: 950px;
}
.wideCol {
    clear: both;
    float: left;
    width: 950px;
    /*background-image: url(/assets/img/productViewTop.jpg);
   background-repeat: no-repeat;
   background-position: left top;*/
}
.basketBase, .wideColBase {
    /* background-image: url(/assets/img/productViewBase.jpg);
     background-repeat: no-repeat;
     background-position: 3px bottom;*/
    float: left;
    width: 950px;
    padding-bottom: 60px;
    margin-bottom: 10px;
}
.cartItems {
    float: right;
    width: 845px;
    text-align: right;
    font-size: 170%;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-right: 15px;
    display: inline;
}
.cartTotal {
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #ebebea;
    border-bottom-color: #ebebea;
    float: left;
    margin-right: 15px;
    margin-left: 15px;
    width: 870px;
    display: inline;
}
.basketItems {
    float: left;
    width: 870px;
    padding-top: 20px;
    padding-bottom: 30px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #ebebea;
    margin-left: 15px;
    display: inline;
}
.basketItemsWrap {
    background-color: #FFFFFF;
    float: left;
    width: 900px;
    margin-left: 25px;
    clear: both;
    display: inline;
}
.basketLeft img {
    float: left;
    padding-right: 15px;
    width: 115px;
}
.basketLeft {
    float: left;
    width: 480px;
}
.basketLeft h4 {
    font-size: 180%;
    font-weight: normal;
    padding-bottom: 5px;
}
.basketLeft p, .basketRight p {
    font-size: 130%;
}
.soldBy  {
    color: #BDAEA1;
    padding-top: 5px;
    margin: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
p.basketPrice {
    font-size: 160%;
    margin: 0px;
    padding: 0px;
}
.basketRight {
    float: right;
    width: 350px;
    text-align: right;
    margin-top: 20px;
}
.basketRight  a {
    background-image: url(/assets/img/cancel-button.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    height: 45px;
    width: 50px;
    display: block;
}
.basketRight  a:hover {
    background-image: url(/assets/img/cancel-button.jpg);
    background-repeat: no-repeat;
    background-position: left -45px;
    height: 45px;
    width: 50px;
    display: block;
}
.basketRight td {
    text-align: center;
    vertical-align: middle;
}
.checkout {
    float: right;
    margin-top: 20px;
    margin-bottom: 20px;
}
.checkout  li {
    float: left;
}
a.continueBttn {
    background-image: url(/assets/img/continue-shopping-btn.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    height: 45px;
    width: 235px;
    display: block;
}
a.continueBttn:hover, a.checkoutBttn:hover {
    background-position: left -45px;
}
a.checkoutBttn {
    background-image: url(/assets/img/checkout-Button.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    height: 45px;
    width: 152px;
    display: block;
}
.disclaimer {
    margin-bottom: 30px;
    width: 930px;
    float: left;
    clear: both;
}
.disclaimer p {
    float: left;
    font-size: 130%;
    clear: both;
    padding-left: 25px;
    padding-right: 25px;
    width: 880px;
}
.thisMonth {
    width: 624px;
    margin-top: 12px;
    padding: 0;
    float: left;
    display: inline;
    clear: both;
}
div.thisMonthPagination 
{
	/*
    border-top: 1px #D7D6D5 solid !important;
    border-bottom: 1px #AFAEAC solid !important;
	*/
    clear: both;
    font-size: 140%;
    padding: 5px 0 !important
}
.thisMonthPagination a {
    color: #638F40
}
.thisMonthPagination a:hover {
    text-decoration: none
}
.thisMonth h2 
{
    width: 612px;
    height: 35px;
    line-height: 35px;
    font-size: 200%;
    font-weight: normal;
    color: #FFFFFF;
    padding-left: 12px;

    background-repeat: no-repeat;
    background-position: left top;    
}

.greenBody .thisMonth h2 {
    background-image: url(/assets/img/green-cookbook-header.png);
}
.purpleBody .thisMonth h2 {
    background-image: url(/assets/img/purple-cookbook-header.png);
}
.lightBlueBody .thisMonth h2 {
    background-image: url(/assets/img/lightBlue-cookbook-header.png);
}

.thisMonthLeft {
    float: left;
    width: 292px;
    padding-top: 5px;
    background: url("/assets/img/thisMonthPanelBack.jpg") no-repeat scroll left bottom transparent;
    height: 180px;
}
.thisMonthRight {
    float: right;
    width: 292px;
    padding-top: 5px;
    background: url("/assets/img/thisMonthPanelBack.jpg") no-repeat scroll left bottom transparent;
    height: 180px;
}
.thisMonthLeft h4, .thisMonthRight h4 {
    font-size: 180%;
    color: #000000;
    font-weight: normal;
    padding-left: 8px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #b0aeac;
    padding-bottom: 4px;
    margin-bottom: 6px;
}
.thisMonthLeft img, .thisMonthRight img {
    border: 1px solid #b0aeac;
    float: left;
    margin-left: 8px;
}
.thisMonthDesc {
    float: left;
    width: 160px;
}
.thisMonthDescInner {
    padding-left: 0px;
}

.thisMonthDescInner h4 {
    font-size: 17px !important;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    padding: 0;
}


.thisMonthDescInner p
{
    margin-top: 4px !important;
    font-size: 15px !important;
    color: #BDAEA1;
}

.addRecipePanel {
    width: 624px;
    margin-top: 12px;

    padding: 0;
    float: left;
    display: inline;
    clear: both;

    background-image: url(/assets/img/add-your-own-Bgrnd.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #b0aeac;
}
.addRecipePanel p {
    font-size: 160%;
    color: #7b7774;
    padding-left: 14px;
    padding-top: 10px;
}
.addRecipeLeft {
    float: left;
    width: 350px;
    height: 43px;
    color: #7b7774 !important;
}

.addRecipeLeft strong
{
    color: #35322f !important;
}

.addRecipeRight {
    float: right;
    width: 170px;
}

.addRecipeRight a
{
    margin-top: 4px;
}

.addRecipePanel .help {
    font-size: 90%;
    text-decoration: underline;
    background-image: none;
    padding-top: 10px;
    display: inline;
    float: none;
}
.addRecipePanel strong {
    font-size: 140%;
    font-weight: normal;
    color: #000000;
}
.addRecipeLeft .help a {
    color: #7b7774;
}
.addRecipeLeft .help a:hover {
    color: #35322f;
}

/* add Restaurant start */

.addRestaurant {
    width: 624px;
    margin-top: 12px;

    padding: 0;
    float: left;
    display: inline;
    clear: both;

    background-image: url(/assets/img/add-your-own-Bgrnd.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #b0aeac;
}
.addRestaurant  p {
    font-size: 160%;
    color: #7b7774;
    padding-left: 14px;
    padding-top: 10px;
}
.addRestaurantLeft {
    float: left;
    width: 400px;
    height: 43px;
    color: #7b7774 !important;
}

.addRestaurantLeft strong
{
    color: #35322f !important;
}

.addRestaurantRight {
    float: right;
}

.addRestaurantRight a
{
    margin-top: 4px;
}

.addRestaurant .help {
    font-size: 90%;
    text-decoration: underline;
    background-image: none;
    padding-top: 10px;
    display: inline;
    float: none;
}
.addRestaurant strong {
    font-size: 140%;
    font-weight: normal;
    color: #000000;
}
.addRestaurantLeft .help a {
    color: #7b7774;
}
.addRestaurantLeft .help a:hover {
    color: #35322f;
}

/* add Restaurant end */


/* add Restaurant start wide */

.addRestaurant-wide {
    width: 930px;

    padding: 0 0 0 1px;
    float: left;
    display: inline;
    clear: both;

    background-image: url(/assets/img/addRestauraunt-bg.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}
.addRestaurant-wide  p {
    font-size: 18px;
    color: #7b7774;
    padding-left: 14px;
    padding-top: 10px;
}
.addRestaurant-wide-Left {
    float: left;
    width: 400px;
    height: 43px;
    color: #7b7774 !important;
}

.addRestaurant-wide-Left strong
{
    color: #35322f !important;
}

.addRestaurant-wide-Right {
    float: right;
    width: 200px;
}

.addRestaurant-wide-Right a
{
    margin-top: 4px;
}

.addRestaurant-wide .help {
    font-size: 14px;
    text-decoration: underline;
    background-image: none;
    padding-top: 8px;
    display: inline;
    float: right;
}
.addRestaurant-wide strong {
    font-size: 140%;
    font-weight: normal;
    color: #000000;
}
.addRestaurant-wide-Left .help a {
    color: #7b7774;
}
.addRestaurant-wide-Left .help a:hover {
    color: #35322f;
}

a.addRestaurantBtn {
      background-image:url(/assets/img/add-restaurant-button.png);
	  background-position:left top;
      background-repeat:no-repeat;
	  display:block;
	  width:199px;
	  height:44px;	
}

a.addRestaurantBtn:hover {
	background-position:left -44px;
}


/* add Restaurant wide end */

/* add Recipe wide start */
.addRecipe-wide {
    width: 930px;

    padding: 0 0 0 1px;
    float: left;
    display: inline;
    clear: both;

    background-image: url(/assets/img/addRestauraunt-bg.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}
.addRecipe-wide  p {
    font-size: 18px;
    color: #7b7774;
    padding-left: 14px;
    padding-top: 10px;
}
.addRecipe-wide-Left {
    float: left;
    width: 355px;
    height: 43px;upgrade_account_view
    color: #7b7774 !important;
}

.addRecipe-wide-Left strong
{
    color: #35322f !important;
}

.addRecipe-wide-Right {
    float: right;
    width: 200px;
}

.addRecipe-wide-Right a
{
    margin-top: 4px;
}

.addRecipe-wide .help {
    font-size: 14px;
    text-decoration: underline;
    background-image: none;
    padding-top: 8px;
    display: inline;
    float: right;
}
.addRecipe-wide strong {
    font-size: 140%;
    font-weight: normal;
    color: #000000;
}
.addRecipe-wide-Left .help a {
    color: #7b7774;
}
.addRecipe-wide-Left .help a:hover {
    color: #35322f;
}
/* add Recipe wide end */


.recipeMenu {
    clear: both;
    float: left;
    width: 612px;
    padding-top: 10px;
    margin: 0 0 10px 0;
}
.recipeMenu li {
    float: left;
}
a.addToCookbook   {
    height: 44px;
    width: 208px;
    background-image: url(/assets/img/add-to-cookbook-button.png);
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
}
a.addToCookbook:hover   {
    background-position: left center;
}
a.removeFromMyCookbook   {
    height: 44px;
    width: 208px;
    background-image: url(/assets/img/remove-from-cookbook-button.png);
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
}
a.removeFromMyCookbook:hover   {
    background-position: left center;
}

a.removeFromCookbook   {
    height: 44px;
    width: 208px;
    background-image: url(/assets/img/remove-from-cookbook-button.png);
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
}
a.removeFromCookbook:hover   {
    background-position: left center;
}
a.loginCookbook   {
    height: 44px;
    width: 189px;
    background-image: url(/assets/img/register-login-button.png);
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
}
a.loginCookbook:hover   {
    background-position: left center;
}
a.shareThis   {
    height: 44px;
    width: 131px;
    background-image: url(/assets/img/share-this-button.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
}
a.shareThis:hover   {
    background-position: left center;
}
a.emailThis   {
    height: 44px;
    width: 138px;
    background-image: url(/assets/img/email-this-button.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
}
a.emailThis:hover   {
    background-position: left center;
}

a.printPage   {
    height: 44px;
    width: 129px;
    background-image: url(/assets/img/print-button.png);
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
}
a.printPage:hover   {
    background-position: left center;
}
a.printPageFancybox   {
    float: right;
    margin: 20px;
    height: 44px;
    width: 132px;
    background-image: url(/assets/img/print-button.png);
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
}
a.printPageFancybox:hover   {
    background-position: left center;
}

a.addRecipeBttn   {
    height: 44px;
    width: 160px;
    background-image: url(/assets/img/add-a-recipe-button.png);
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
}
a.addRecipeBttn:hover   {
    background-position: left center;
}
a.reply   {
    height: 40px;
    width: 90px;
    background-image: url(/assets/img/reply-button.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
}
a.reply:hover   {
    background-position: left -39px;
}
.addRecipeBase 
{
    clear: both;
    float: left;
    width: 624px;
    height: 35px;
}

.greenBody .addRecipeBase {
    background-image: url(/assets/img/green-cookbook-footer.png);
}
.purpleBody .addRecipeBase {
    background-image: url(/assets/img/purple-cookbook-footer.png);
}
.lightBlueBody .addRecipeBase {
    background-image: url(/assets/img/lightBlue-cookbook-footer.png);
}
.recipeDetail {
    clear: both;
    float: left;
    width: 624px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #b0aeac;
    display:inline;
}
.recipeDetailLeft {
    float: left;
    clear:both;
    width: 240px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 2px;
    padding-bottom: 10px;
}
.recipeDetailLeft td {
    color: #BDAEA1;
    font-size: 140%;
    font-weight: normal;
    padding: 2px 0 3px 0;
    margin: 0;
}
.recipeDetailRight {
    float: right;
    width: 320px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #b0aeac;
    padding: 0 0 0 10px;
    margin:0;
}
.recipeDetailInner {
    clear: both;
    float: left;
    width: 635px;
}
.recipeDetailInner h2, #conversionChartDiv h2 {
    font-size: 210%;
    font-weight: normal;
    padding-top: 24px;
    padding-bottom: 5px;
    float: left;
    margin-left: 22px;
    display: inline;
    width: 400px;
}
.recipeDetailInner h2 span, #conversionChartDiv h2 span {
    font-size: 60%;
    margin-left: 3px;
}
.recipeDetailInner ul, #conversionChartDiv ul {
    clear: both;
    float: left;
    padding-left: 22px;
    padding-top: 10px;
    padding-bottom: 30px;
    width: 500px;
}
.recipeDetailInner li, #conversionChartDiv li {
    font-size: 180%;
    padding-bottom: 4px;
}
.recipeDetailInner ol, #conversionChartDiv ol {
    width: 557px;
    list-style-type: decimal;
    margin-top: 10px;
    list-style-position: outside;
    padding-left: 22px;
    margin-left: 20px;
    clear: both;
    float: left;
    display: inline;
    padding-bottom: 10px;
}
.recipeDetailInner ol li, #conversionChartDiv ol li {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 160%;
    margin: 0px;
}
.steps {
    clear: both;
    float: left;
    display: block;
}
.recipeDetailInner p, #conversionChartDiv p {
    font-size: 160%;
    clear: both;
    float: left;
    padding-left: 22px;
    padding-right: 14px;
    padding-bottom: 10px;
    width: 597px;
}
.recipeComments
{
    clear: both;
    width: 624px;
    margin-top: 12px;
}

.recipeComments h2 span
{
	float: none !important;
	font-size: 16px !important;
}

.recipeComments h2 span a
{
	color: #598430;
	margin-left: 12px;
	text-decoration: none;
}

.recipeComments h2 span a:hover
{
	color: #598430;
	text-decoration: underline;
}

.recipeComments a
{
	color: #598430;
	text-decoration: underline;
}

.recipeComments a:visited
{
	color: #598430;
}

.commentWrap
{
    width: 624px;
    font-size: 14px;
    min-height: 130px;
    margin-top: 12px;
    padding-bottom: 12px;
    border-bottom: solid 1px #cecdcc;
}

.commentWrap p
{
	margin-top: 6px;
	margin-bottom: 6px;
}

.commentWrap .ratingBlock
{
	width: 624px;
	height: 56px;
}

.ratingBlock span
{
	display: inline-block;
}

.ratingBlock span.addyourrating
{
	color: #bbaea1;
	margin-left: 6px;
	margin-top: 29px;
	padding-right: 12px;
	cursor: pointer;
	
	background-image: url(/assets/images/arrow_grey_right.png);
	background-position: right center;
	background-repeat: no-repeat;
}

div.comment-admin
{
	width: 624px;
	height: 40px;
}

div.comment-admin p,
div.comment-admin a
{
	margin-top: 0px;
	margin-bottom: 0px;
}

div.comment-admin p.flag
{
	float: left;
	margin-top: 20px;
}

div.comment-admin p.reply-button
{
	float: right;
}

div.addComment
{
	width: 624px;
	margin-top: 12px;
}

div.addComment h2
{
	border-bottom: none;
	font-size:16px;
	font-weight:normal;
	padding-bottom:12px;
}

div.addComment h2 span
{
	margin-left: 12px;
	float: none;
}

div.addComment p
{
	font-size: 14px;
}

/*
.commentLeft p {
    font-size: 120%;
}*/

.indent-comment {
    padding-left: 50px;
}

.indent-comment-double {
    padding-left: 100px;
}

.indent-comment-end {
    padding-left: 150px;
}
/*

.ratingBlock {
    clear: both;
    float: left;
    width: 597px;
    padding-top: 8px;
    padding-bottom: 10px;
}
.ratingBlock a {
    padding-left: 15px;
    float: left;
    padding-top: 23px;
    color: #BBAEA1;
    text-decoration: none;
}
.commentLeft span {
    margin: 0;
    padding: 0px;
}
.reply-button {
    float: right;
}
.flag {
    float: left;
    width: 200px;
    padding-top: 12px;
}
.addComment {
    clear: both;
    float: left;
    width: 597px;
    margin-top: 30px;
}
.addComment h2 {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}
.addComment p {
    font-size: 140%;
}
*/

.subject {
    width: 100%;
    margin-bottom: 5px;
    margin-top: 5px;
}
.reply {
    width: 100%;
    margin-bottom: 5px;
    margin-top: 5px;
}
.reply-text {
    width: 100%;
    margin-bottom: 5px;
    margin-top: 5px;
}
.postReply {
    background-image: url(/assets/img/post-your-reply.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 44px;
    width: 155px;		/* was 202px for some odd reason */
    background-color: transparent;
    margin-left: 2px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    cursor: hand;
    float: right;
}
.postReply_hover  {
    background-image: url(/assets/img/post-your-reply.png);
    background-repeat: no-repeat;
    background-position: left center;
    height: 44px;
    width: 155px;		/* was 202px for some odd reason */
    background-color: transparent;
    margin-left: 2px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    cursor: pointer;
    float: right;
}

.postComment {
    background-image: url(/assets/img/post-your-comment.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 44px;
    width: 185px;		/* was 202px for some odd reason */
    background-color: transparent;
    margin-left: 2px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    cursor: hand;
    float: right;
}
.postComment_hover  {
    background-image: url(/assets/img/post-your-comment.png);
    background-repeat: no-repeat;
    background-position: left center;
    height: 44px;
    width: 185px;		/* was 202px for some odd reason */
    background-color: transparent;
    margin-left: 2px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    cursor: pointer;
    float: right;
}

.addComment  a {
    background-image: url(/assets/img/cancel-button.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    height: 44px;
    width: 50px;
    display: block;
    float: right;
}
.addComment a:hover  {
    background-image: url(/assets/img/cancel-button.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    height: 44px;
    width: 50px;
    display: block;
}

#adPanelHorizontal {
    width: 934px;
    margin-top: 12px;
    margin-left: auto;
    margin-right: auto;
}

#adPanelHorizontal div.adContainer,
#adPanelHorizontal div#google_cookshop_mdu
{
    float: left;
    margin-left: 8px;
}

#adPanelHorizontal

.AdPanelAd {
    margin-right: 8px;
    margin-left: 8px;
}
.accountPanel {
    width: 930px;
    clear: both;
    float: left;
	padding:0 14px 0 14px;
}

.frmAddUser h2 {
    font-size: 220%;
    color: #000000;
    font-weight: normal;
    margin-left: 24px;
    padding-top: 18px;
    padding-right: 0;
    padding-bottom: 6px;
    float: left;
}

.accountLeft {
    float: left;
    width: 880px;
}
.accountLeft ul {
    width: 355px;
    float: right;
    margin-top: 4px;
}
.accountLeft li {
    width: 160px;
    float: left;
}
.accountLeft h2 {
    font-size: 220%;
    color: #000000;
    font-weight: normal;
    margin-left: 24px;
    padding-top: 18px;
    padding-right: 0;
    padding-bottom: 6px;
    float: left;
}
.accountLeft p {
    font-size: 130%;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #999999;
    margin-top: 10px;
    margin-left: 23px;
    clear: both;
    float: left;
    width: 890px;
    padding-top: 10px;
    padding-left: 8px;
}
.accountLeftLong {
    float: left;
    width: 910px;
}
.accountLeftLong ul {
    width: 355px;
    float: right;
    margin-top: 4px;
}
.accountLeftLong li {
    width: 160px;
    float: left;
}
.accountLeftLong h2 {
    font-size: 220%;
    color: #000000;
    font-weight: normal;
    margin-left: 24px;
    padding-top: 18px;
    padding-right: 0;
    padding-bottom: 6px;
    float: left;
}
.accountLeftLong p {
    font-size: 130%;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #999999;
    margin-top: 10px;
    margin-left: 23px;
    clear: both;
    float: left;
    width: 890px;
    padding-top: 10px;
    padding-left: 8px;
}
.smallText {
    font-size: 60% ;
}
.accountRight {
    float: right;
    padding-right: 18px;
    padding-top: 10px;
}
a.profileBack {
    background-image: url(/assets/img/back-to-profile-btn.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 40px;
    width: 160px;
    margin-top: 8px;
    /*
    margin-right: 10px;
    margin-bottom: 0px;
    margin-left: 10px;
	*/
    padding: 0px;
    display: block;
    float: left;
}
a.profileBack:hover {
    background-image: url(/assets/img/back-to-profile-btn.png);
    background-repeat: no-repeat;
    background-position: left -40px;
}
a.upgradeAcc {
    background-image: url(/assets/img/upgrade-account-btn.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 44px;
    width: 193px;
    margin-top: 8px;
    /*
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 210px;
	*/
    padding: 0px;
    display: block;
}
a.upgradeAcc:hover {
    background-image: url(/assets/img/upgrade-account-btn.png);
    background-repeat: no-repeat;
    background-position: left -44px;
}
.whiteBack {
    background-color: #FFFFFF;
    clear: both;
    float: left;
    display: inline;
    margin-right: 10px;
    margin-left: 10px;
	padding:0 10px;
    width: 925px;
}
.whiteBack h2 {
    font-size: 160%;
    font-weight: normal;
	margin-top:5px;
}
.titlePanel, .ingredientPanel, .methodPanel, .additionalInformationPanel {
    clear: both;
    float: left;
    width: 910px;
    margin-top: 10px;
    background-color: #f5f5f4;
    padding: 10px 5px 10px 10px;
}
.additionalInformationPanel {margin-bottom: 10px}
.titlePanel table {
    margin-left: 5px;
    display: inline;
}
.titlePanel td, .methodPanel td {
    font-size: 130%;
    padding-top: 5px;
    padding-bottom: 5px;
}
.titlePanel  #title {
    width: 100%;
}
.titlePanel td span {
    font-size: 80%;
}
.ingredientPanel h2, .additionalInformationPanel h2 {
    font-size: 160%;
    font-weight: normal;
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #d8d7d6;
    float: left;
    width: 100%;
}
.methodHeaderArea {
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #d8d7d6;
    float: left;
    width: 100%;
}
.methodHeaderArea h2 {
    font-size: 160%;
    font-weight: normal;
    float: left;
    padding-top: 5px;
}
.ingredientPanel table {
    clear: both;
    float: left;
}
.ingredientPanel td, .additionalInformationPanel td {
    font-size: 130%;
    height: 30px;
    vertical-align: middle;
}
.additionalInformationPanel input, .additionalInformationPanel textarea {
    margin-left: 50px
}
.additionalInformationTable {clear: both}
.additionalInformationTable span {color: #55889E}
.ingredientPanel td .full  {
    width: 178px;
    margin-left: 20px;
    margin-bottom: 0px;
    margin-top: 0px;
}
.ingredientPanel td .head {
    margin-left: 22px;
    margin-top: 8px;
    float: left;
}
.textStyle {
    float: right;
    height:29px;
}
.bold {
    background-image: url(/assets/img/bold.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
    float: left;
    height: 29px;
    width: 30px;
}
.italic {
    background-image: url(/assets/img/italic.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
    float: left;
    height: 29px;
    width: 30px;
}
.list-numbers {
    background-image: url(/assets/img/list_numbers.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
    float: left;
    height: 29px;
    width: 33px;
}
.list-bullets {
    background-image: url(/assets/img/list_bullets.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
    float: left;
    height: 29px;
    width: 33px;
}
.icon1 {
    background-image: url(/assets/img/icon1.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
    float: left;
    height: 29px;
    width: 31px;
}
.icon2 {
    background-image: url(/assets/img/icon2.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
    float: left;
    height: 29px;
    width: 31px;
}
.help {
    background-image: url(/assets/img/help.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
    float: right;
    height: 29px;
    width: 34px;
}
a.ingredients {
    background-image: url(/assets/img/add-more-ingredients-btn.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 35px;
    width: 195px;
    display: block;
    margin-left: 16px;
}
a.ingredients:hover {
    background-position: left -35px;
}
a.add-step {
    background-image: url(/assets/img/add-steps-btn.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 44px;
    width: 147px;
    display: block;
    float: right;
}
a.add-step:hover {
    background-position: left -44px;
}
a.search {
    background-image: url(/assets/img/search-button.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 41px;
    width: 106px;
    display: block;
}
a.search:hover {
    background-position: left -41px;
}
input.upgradeAcc {
    background-image: url(/assets/img/upgrade-account-btn.png);
    background-repeat: no-repeat;
    background-position: left top;
    margin-top: 10px;
    height: 40px;
    width: 180px;
    display: block;
    float: right;
}
input.upgradeAcc:hover {
    background-position: left -40px;
}

input.upgradeAccount {
    background-image: url(/assets/img/upgrade-account-btn.png);
    background-repeat: no-repeat;
    background-position: left top;
    margin-top: 10px;
    height: 44px;
    width: 193px;
    display: block;
}
input.upgradeAccount:hover {
    background-position: left -44px;
}

input.continuePayment {
    background-image: url(/assets/img/continue-payment-btn.png);
    background-repeat: no-repeat;
    background-position: left top;
    margin-top: 10px;
    height: 44px;
    width: 228px;
    display: block;
}
input.continuePayment:hover {
    background-position: left -44px;
}

input.submit-payment {
    background-image: url(/assets/img/pay-now-button.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 44px;
    width: 161px;
    display: block;
    float: right;
}
input.submit-payment:hover {
    background-position: left -44px;
}
a.submit, input.submit {
    background-image: url(/assets/img/submit-btn.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 44px;
    width: 133px;
    display: block;
}
a.submit:hover, input.submit:hover {
    background-position: left -44px;
}

div.restaurant-admin{
    float: left;
    margin-top: 5px;
}

div.restaurant-admin a{
    font-size: 140%;
    display: inline;
    margin-left: 5px;
}

a.remove {
    background-image: url(/assets/img/remove-red.png);
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
    height: 30px;
    width: 30px;
}
a.remove:hover {
    background-position: left -31px;
}
a.removeStep  {
    background-image: url(/assets/img/remove-red.png);
    background-repeat: no-repeat;
    background-position: right top;
    height: 24px;
    display: block;
    clear: both;
    padding-right: 35px;
    padding-top: 7px;
    color: #000000;
    text-decoration: none;
}
a.info {
    background-image: url(/assets/img/info-btn.png);
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
    height: 30px;
    width: 30px;
    float: right;
    margin-right: 20px;
}
a.info:hover {
    background-position: left -31px;
}
a.stepInfo {
    background-image: url(/assets/img/info-btn.png);
    background-repeat: no-repeat;
    background-position: left top;
    display: inline-block;
    height: 30px;
    width: 30px;
    margin-left: 6px;
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
}
a.stepInfo:hover {
    background-position: left -31px;
}
.methodPanel textarea  {
    width: 100%;
    margin: 0px;
    padding: 0px;
}
.methodPanel .introTable {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #d8d7d6;
    clear: both;
    float: left;
}
.methodPanel .stepTable {
    margin-bottom: 20px;
    clear: both;
    float: left;
}
.step {
    display: block;
    margin: 0px;
    padding: 0px;
}
#footer {
    width: 960px;
    padding-left: 0px;
    margin-top: 24px;
    float: left;
}
#footer #footerLeft {
    width: 520px;
    float: left;
    margin-left:5px;
}
#footerLeft ul {
    float: left;
    width: 126px;
}
#footerLeft ul.wide {
    width: 170px;
}
#footerLeft ul li.red a {
    font-size: 140%;
    color: #35322f;
    margin-right: 2px;
    margin-bottom: 2px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    text-decoration:none;
    background-repeat: repeat;
    background-position: left top;
    background-image: url(/assets/img/50white.png);
    display:inline-block;
    width: 120px;
}
#footerLeft ul.wide li.red a {
    font-size: 140%;
    color: #35322f;
    margin-right: 2px;
    margin-bottom: 2px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    text-decoration:none;
    background-repeat: repeat;
    background-position: left top;
    background-image: url(/assets/img/50white.png);
    display:inline-block;
    width: 164px;
}

#footerLeft ul.wide li.redTwitter a:hover, #footerLeft ul li.red a:hover, #footerLeft ul.wide li.red a:hover, #footerLeft ul.wide li.redFacebook a:hover, #footerLeft ul.wide li.redRSS a:hover {
    color: #000000;
    text-decoration:none;
}
#footer .footerRight {
    font-size: 140%;
    color: #FFFFFF;
    float: right;
    padding-left: 30px;
    margin-top:20px;
    height: 80px;
    width: 340px;
}

#footer .footerRight ul {
	display:inline-block;
	
	}
	
#footer .footerRight ul li {
	float:left;
	}

#footer .footerRight ul li.twitter a{
    background-image:url(/assets/img/twitterIcon.png);
    background-repeat:no-repeat;
    color:#FFF;
    text-decoration:none;
    height:32px;
    padding-left:40px;
    padding-top:5px;
    display:inline-block;
    margin-right:20px;
}

#footer .footerRight ul li.facebook a{
    background-image:url(/assets/img/facebookIcon.png);
    background-repeat:no-repeat;
    color:#FFF;
    text-decoration:none;
    height:32px;
    padding-left:40px;
    padding-top:5px;
    display:inline-block;
    margin-right:20px;
}

#footer .footerRight ul li.rssLink a{
    background-image:url(/assets/img/rssIcon.png);
    background-repeat:no-repeat;
    color:#FFF;
    text-decoration:none;
    height:32px;
    padding-left:40px;
    padding-top:5px;
    display:inline-block;
}

#footer .footerRight ul li a:hover{
    text-decoration:underline;

}

form .error {
    background-image:none;
    color: #f00;
}
form input.error, form textarea.error, form select.error {
    background-image:none;
    background-color: #ffcfcf;
}
form input[type='checkbox'].error {
    background-color: transparent;
}
label.error {
    display:block;
    margin-top:3px;
    background: url('/assets/images/icons/cross_circle.png') 1px 2px no-repeat;
    font-weight:normal;
    padding-left:20px;
}
fieldset label.error {
    float:left;
    width:100%;
}
.slider {
    margin-left: 50px;
}
#tooltip {
    position: absolute;
    z-index: 3000;
    border: 1px solid #111;
    background-color: #eee;
    padding: 5px;
    opacity: 0.85;
    font-size: 120%;
}
#tooltip h3, #tooltip div {
    margin: 0;
}
.ac_results {
    padding: 0px;
    border: 1px solid black;
    background-color: white;
    overflow: hidden;
    z-index: 99999;
}

.ac_results ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
}

.ac_results li {
    margin: 0px;
    padding: 2px 5px;
    cursor: default;
    display: block;
    /*
	if width will be 100% horizontal scrollbar will apear
	when scroll mode will be used
	*/
    /*width: 100%;*/
    font: menu;
    font-size: 12px;
    /*
	it is very important, if line-height not setted or setted
	in relative units scroll will be broken in firefox
	*/
    line-height: 16px;
    overflow: hidden;
}

.ac_loading {
    background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
    background-color: #eee;
}

.ac_over {
    background-color: #0A246A;
    color: white;
}
/* AA */
.topSearches {
    width: 953px;
    padding-right: 0px;
    padding-left: 0px;
    float: left;
    clear: both;
    background-color: #FFFFFF;
    padding-bottom: 3px;
}
a.findUsWithGoogle {
    background-image: url(/assets/img/find-us-google.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 34px;
    width: 240px;
    margin-top: 5px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0px;
    display: block;
    float: left;

}
a.findUsWithGoogle:hover {
    background-image: url(/assets/img/find-us-google.png);
    background-repeat: no-repeat;
    background-position: left -34px;
}
#followMe {
    padding-bottom: 10px;
    padding-left: 6px;
    float: left;
}
#followMe p {
    color: #BDAEA1;
    font-size: 130%;
    padding-top: 10px;
    padding-bottom: 1px;
}
a.followMeButton{
    background-image: url(/assets/img/follow-me-button.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 45px;
    width: 140px;
    margin-top: 5px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0px;
    display: block;
    float: left;
}
a.followMeButton:hover {
    background-image: url(/assets/img/follow-me-button.png);
    background-repeat: no-repeat;
    background-position: left -44px;
}
a.unfollowMeButton{
    background-image: url(/assets/img/unfollow-me-button.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 45px;
    width: 140px;
    margin-top: 5px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0px;
    display: block;
    float: left;
}
a.unfollowMeButton:hover {
    background-image: url(/assets/img/unfollow-me-button.png);
    background-repeat: no-repeat;
    background-position: left -44px;
}
.restaurantAdds {
    width: 250px;
    height: 50px;
    float: left;
    clear: both;

}

.otherRestaurants {
    font-size: 135%;
    padding-right: 40px;
    float: left;
}
.otherRestaurants h2 {
    font-size: 135%;
    font-weight: normal;
    padding: 10px 0 10px 0;
}
.otherRestaurants img {
    border: 0;
    width: 150px;
    height: 100px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.otherRestaurants hr {
    border-bottom: solid 0.5px #BDAEA1;
    margin: 10px 0 10px 0;
}
#rightCol .resultsTwitter {
    border: none;
    margin-left: 0px !important;
    padding-left: 0px;
    margin-bottom: 20px;
}
#rightCol .resultsTwitter .followMe {
    padding-left: 0px;
}
.mostWrapDesc2 {
    float: left;
    margin: 0;
    width: 280px;
}
.mostWrapRight{
    float: left;
}
.readCom {
    float: right;
    font-size: 130%;
    padding-top: 20px;
    padding-right: 5px;
}
.followButton {
    float: left;
    width: 310px;
}
.mostWrapRight2 {
    float: right;
    width: 106px;
    border-left: 1px solid #BDAEA1;
    padding: 0 0 0 10px;
    margin-bottom: 10px;
}
.mostWrapRight2 p {
    font-size: 140%;
    padding: 5px 0 0 0;
}
.mostWrapRight2 h3 {
    font-size: 140%;
    font-weight: normal;
    color: #BDAEA1;
    margin: 6px 0 0 0;
}
.fontUp p {
    font-size: 130%;
}

.fontGrey {
    color: #BDAEA1;
}
.photoAndRate{
    width: 137px;
    float: left;

}
.restDetails{
    float: right;
    width: 150px;

}
.rateCenter{
    margin: 10px 0 10px 10px;
    height: 40px !important;
}
.restDetails p {
    font-size: 120%;
    padding: 5px 0 0 0;
}
a.view-details-btn {
    background-image: url(/assets/img/view-details-btn.png);
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
    height: 37px;
    width: 148px;
    float: left;
    clear: both;
    padding: 0px;
    margin-top: 30px;
    margin-right: 0px;
    margin-left: -7px;
}
a.view-details-btn:hover {
    background-image: url(/assets/img/view-details-btn.png);
    background-repeat: no-repeat;
    background-position: left -40px;
}
.findRestaurant {
    color: #7b7774;
    padding-top: 15px;
}
.findRestaurants {
    background-image: url(/assets/img/find-a-rest-search-panel.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    clear: both;
    float: left;
    width: 634px;
    height: 160px;
}
.findRestaurants h2 {
    font-size: 210%;
    margin-left: 12px;
    font-weight: normal;
    padding-top: 25px;
    width: 95%;
    border-bottom: 1px solid #999;
}
.findRestaurants h2 span {
    font-size: 60%;
    margin-left: 3px;
}
.findRestaurants hr{
    width: 95%;
}
.findRestChoice{
    width: 185px;
    padding-left: 15px;
    padding-right: 5px;
    padding-top: 5px;
    float:left;
}
.findRestChoice h3 {
    font-size: 120%;
    padding:  5px 0 5px 0;
}
.findRestChoice	select, .findRestChoice input {
    border: 1px solid #999;
    width: 185px;
    color: #BDAEA1;

}
.selectLength{
    width: 185px;
    border: 1px solid #7b7774;
}
.restSearch {
    float: right;
    padding-right: 8px;
}
.restaurantResultsPanel {
    clear: both;
    float: left;
    width: 634px;
    margin-top: 10px;
    padding-top: 8px;
    background: url(/assets/img/most-viewed-recipe-header.jpg) no-repeat -10px top;
}
.restaurantResultsPanel h2 {
    font-size: 210%;
    margin-left: 22px;
    font-weight: normal;
    padding-top: 10px;
}
.restaurantResultsPanel span {
    color: #7b7774;

}
.restaurantResultsPanel hr{
    width: 95%;
}
.restResultSize{
    font-size: 60%;
}
.orderbyRest{
    margin-top: -7px !important;
}
.eachRestaurant {
    float: left;
    width: 624px;
    padding-bottom: 12px;
    margin-right: 25px;
    border-bottom: 1px solid  #cecdcc;
	position:relative;
}
.eachRestaurant h3 {
    font-size: 200%;
    color: #000000;
    font-weight: normal;
    padding-top: 15px;
    padding-bottom: 4px;
    margin-bottom: 6px;

}

.eachRestaurantWide {
    float: left;
    width: 930px;
    margin-right: 25px;
   /* 
   padding-bottom: 12px;
   border-bottom: 1px solid  #BDAEA1;*/
}
.eachRestaurantWide h3 {
    font-size: 200%;
    color: #000000;
    font-weight: normal;
    padding-bottom: 4px;

}

.photoAndRate img {
    float: left;
}
.rate {
    margin: 0 0 40px 0;
}
.restFullDetails {
    float: left;
    margin-left: 5px;
}
.restFullDetails p {
    font-size: 130%;
    padding: 5px 0 0 0;
}

a.view-restaurant-btn {
    background-image: url(/assets/img/view-restaurant-btn.png);
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
    height: 37px;
    width: 188px;
    float: left;
    clear: both;
    padding: 0px;
    margin-top: 10px;
    margin-right: 0px;
    margin-left: -7px;
    margin-bottom: 10px;
}
a.view-restaurant-btn:hover {
    background-image: url(/assets/img/view-restaurant-btn.png);
    background-repeat: no-repeat;
    background-position: left -40px;
}

a.edit-restaurant-btn {
    background-image: url(/assets/img/editRestaurant.png);
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
    height: 35px;
    width: 197px;
    float: left;
    clear: both;
    padding: 0px;
    margin-top: 30px;
    margin-right: 10px;
    margin-left: 0px;
}

a.edit-restaurant-btn:hover {
    background-position: left -35px;
}

a.upgrade-restaurant-btn {
    background-image: url(/assets/img/upgradeRestaurant.png);
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
    height: 35px;
    width: 229px;
    padding: 0px;
    margin: 0;
}

a.upgrade-restaurant-btn:hover {
    background-position: left -35px;
}

ul.restaurant-admin {
	display:block;
	float:right;
	
	}

ul.restaurant-admin li {
    display: block;
    float: left;
}

input.view-all-results {
    background-image: url(/assets/img/view-all-results.png);
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
    height: 37px;
    width: 188px;
    float: left;
    clear: both;
    padding: 0px;
    margin-right: 0px;
    margin-left: -7px;
    margin-top: 8px;
}
input.view-all-results_hover {
    background-image: url(/assets/img/view-all-results.png);
    background-repeat: no-repeat;
    background-position: left -40px;
    display: block;
    height: 37px;
    width: 188px;
    float: left;
    clear: both;
    padding: 0px;
    margin-right: 0px;
    margin-left: -7px;
    margin-top: 8px;
}
.allResults {
    float: left;
    margin-left: 25px;
    padding-bottom: 25px;
    font-size: 120%;
}
.readComments{
    width: 250px;
    height: 20px;
    float: left;
    clear: both;
    margin: 20px 0 20px 0;
    font-size: 140%;
}
#filterMenu ul.level2 li {
    border-right: none !important;
}

.followTwitter {
    float: left;
    display: block;
    width: 225px;
}
.followTwitter ul{
    float: left;
    margin: 0;

}
ul.followTwitter li {
    float: left;
    margin: 0;
    display: block;
    height: 35px;
}
.viewAll {
    width: 60px;
    font-size: 140%;
    padding-bottom: 15px;
}
/* small Twitter*/
.followTwitterSmall {
    float: left;
    display: block;
    width: 186px;
}
.followTwitterSmall ul{
    float: left;
    margin: 0;
}
ul.followTwitterSmall li {
    float: left;
    margin: 0;
    display: block;
}
ul.followTwitterSmall li img {
    width: 27px;
    margin: 2px;
}
li.viewAllSmall {
    width: 50px;
    padding-top: 10px;
    clear: left;
}
li.viewAllSmall a {
    font-size: 130%;
}
.leftColComments {
    background-color: #FFFFFF;
    float: left;
    width: 600px;
    margin-left: 25px;
}
/* Adding comments page*/
#comments {float: left;}
ul.comment {
    display: block;
    float: left;
}
ul.comment li {
    display: block;
    float: left;
}
ul.comment {
    border-top: 1px solid #BDAEA1;
    padding: 20px 0 20px 10px;
}
ul.comment li p {
    margin-left: 5px;
    font-size: 130%;
    padding: 5px 0 0 0;
}

ul.comment ul {
    display: block;
    float: left;
}
ul.comment li ul p {
    margin-left: 50px;
    margin-right: 100px;
    font-size: 130%;
    padding: 5px 0 0 0;
}

ul.comment ul ul{
    display: block;
    float: left;
}
ul.comment li ul ul p {
    margin-left: 50px;
    margin-right: 10px;
    font-size: 130%;
    padding: 5px 0 0 0;

}
ul.comment li ul
{
    border-top: none;
    width: 550px;
    padding-top: 20px;
}
ul.comment ul ul li
{
    border-top: 1px solid #BDAEA1;
    width: 550px;
    padding-top: 20px;
}

/*some decoration inside each comment boxes */
.titleComment {
    float: left;
    font-weight: bold;
}
.commentBy {
    float: right;
    padding-right: 15px;

}
.commentText {
    clear: both;
    padding-top: 20px;
    height: 100px;
}
.recipeName {
    float: left;
    width: 380px;
    height: 45px;
    padding-top: 10px;
}
.replyButton {
    float: right;
}
/* User Registration pages - Light Blue Pages 	*/
.userPhoto {
    float: left;
    width: 195px;
	margin-top:10px;
}
.userPhoto #image_preview img {
    float: left;
    width: 190px;
}
.userPhoto p {
    color: #BDBCBB;
    padding: 10px 0 0 5px;
}
.userBasicDetails {
    float: right;
    border-left: 1px solid #BDBCBB;
    width: 650px;
	padding-left:10px;

}
.userBasicDetails h2 {
    border-bottom: 1px solid #BDBCBB;
    height: 25px;
    padding-left: 20px;
    padding-right: 20px;
}
#indicateResponce {
    float: right;
    font-size: 70%;
    margin-bottom: 5px;
}
#indicResp	{
    float: right;
    font-size: 80%;
    width: 150px;
    margin-top: 50px;
}

.userDetailsBox {
    width: 130px;
    height: 10px;
    float: left;
    font-size: 130%;
    padding: 0px 0 0px 20px;
    margin-top: 10px;
    clear: both;
}
.detailBox {
    width: 480px;
    margin-top: 10px;
    margin-bottom: 10px;
    clear: both;
}
a.add-edit-avatar {
    background-image: url(/assets/img/add-edit-avatar.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 44px;
    width: 190px;
    display: block;
    float: left;
    margin-top: 10px;
}
a.add-edit-avatar:hover {
    background-position: left -44px;
}
a.browse-btn {
    background-image: url(/assets/img/browse-btn.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 40px;
    width: 190px;
    display: block;
    float: left;
    margin-top: 15px;
}
a.browse-btn:hover {
    background-position: left -40px;
}
.aboutMePanel {
    clear: both;
    float: left;
    width: 910px;
    margin-top: 20px;
    background-color: #f5f5f4;
    padding: 12px;
	margin-bottom:10px;
}
.panel_1 {
    float: left;
    width: 430px;
    margin-bottom: 10px;
}
.panel_2 {
    float: right;
    width: 430px;
    margin-bottom: 10px;
}
.about{
    width: 70px;
    float: left;
    font-size: 130%;
    padding: 10px 0 10px 15px;
}
.aboutMePanel textarea {
    overflow: hidden;
    width: 330px;
    padding: 0px;
}
.aboutMePanel h2 {
    clear: both;
}

.aboutMePanel h3 {
    clear: both;
	font-size:180%;
	font-weight:normal;
}

.aboutMePanel p {
    margin:0;
}

.boxInput {
    float: left;
    width: 270px;
    height: 40px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.boxInput select , .panel_2 select, .panel_1 select {
    float: left;
    width: 160px;
}
.boxInput input, .panel_2 input {
    margin-top: 10px;
}
.boxInput select {
    margin-top: 10px;
}
.panel_2 input {
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.panel_2 select, .panel_1 select {
    margin-top: 10px;
}
.radioInput {
    font-size: 130%;
}
.submitDetails {
    margin: 20px 0 0 -4px;
    clear: both;
	padding-top:20px;
}
.right {
    float: right;
    padding-right: 5px;
}
.titlePanel h2 {
    border-bottom: 1px solid #BDBCBB;
    height: 25px;
    padding-left: 20px;
    padding-right: 20px;
}

/*
.scrollBox {
    width: 780px;
    height: 220px;
    overflow: auto;
    margin: 20px 30px 10px 30px;
    padding: 10px 10px 10px 10px;
    border: 2px solid  #BDBCBB;
}
.scrollBox p {
    font-size: 130%;
    padding-bottom: 10px;
}

.scrollBox ul {
    font-size: 130%;
    padding-bottom: 20px;
}

.scrollBox ul li {
	list-style:inside disc;
	line-height:24px;
}
.scrollBox h2 {
    font-size: 180%;
    margin-bottom: 20px;
	margin-left:0;
	padding-left:0;
}
*/

.midLine {
    float: left;
    clear: both;
    width: 100%;
}
.h2line {
    border-bottom: 1px solid #BDBCBB;
    margin-left: 2px;
    margin-right: 2px;
}
/* Basic User Profile */
.welcomeUser {
    float: left;
}
.editUserButton {
    float: right;
}
.userDetailsTwitter {
    clear: both;
    float: left;
    border-top: 1px solid #999;
	width:100%;
}
.userDetailBox {
    float: left;
    width: 215px;
}
.inputNewLengh {
    width: 280px;
    float: left;
    margin-top: 12px;
}
a.edit_profile {
    background-image: url(/assets/img/edit-profile-btn.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 40px;
    width: 140px;
    display: block;
    float: left;
    margin-top: 10px;
}
a.edit_profile:hover {
    background-position: left -40px;
}
.userBasicDetails p {
    font-size: 130%;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 10px;
}
.scrollBoxLeft  {
    background-color: #fff;
    width: 330px;
    min-height: 100px;
    float: right;
    font-size: 130%;
    padding: 5px;
}
.scrollBoxTag {
    width: 330px;
    min-height: 50px;
    float: left;
    font-size: 130%;
    padding: 18px 5px;
    margin-left: 5px;
}
.smallDetails {
    width: 210px;
    float: left;
}
.smallDetailsTags{
    width: 180px;
    float: left;
    font-size: 130%;
    padding: 10px 0 10px 15px;
}
a.add-recipe {
    background-image: url(/assets/img/add-a-recipe-button.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 44px;
    width: 161px;
    display: block;
    float: left;
    margin-top: -32px;
}
a.add-recipe:hover {
    background-position: left -44px;
}
a.edit-recipe {
    background-image: url(/assets/img/edit-recipe-btn.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 44px;
    width:160px;
    display: block;
    float: left;
    margin-top: 0px;
    margin-left: -15px;
}
a.edit-recipe:hover {
    background-position: left -44px;
}
a.email-competition {
    background-image: url(/assets/img/recommend_button.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 44px;
    width: 250px;
    display: block;
    float: left;
    margin-top: 6px;
}

a.email-competition:hover {
    background-position: left -44px;
}

div.container-sub1 {
	font-size:16px;
	float:left;
	width:250px;
	margin-right:50px;
	
}

div.container-sub1 p {
	padding-bottom:10px;
}

div.container-sub1 span {
	font-size:16px;
	color:#638F40;
	margin-bottom:10px;
	
}

div.container-sub1 a.addRestaurantSub1 {
    background-image: url(/assets/img/addRestaurant1.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 35px;
    width: 216px;
    display: block;
    float: left;
    margin-top: 0px;
}

div.container-sub1 a.addRestaurantSub1:hover {
    background-position: left -35px;
}

div.container-sub5 {
	font-size:16px;
	float:left;
	width:260px;
	
}

div.container-sub5 p {
	padding-bottom:10px;
}

div.container-sub5 span {
	font-size:16px;
	color:#638F40;
	
}

div.container-sub5 a.addRestaurantSub5 {
    background-image: url(/assets/img/addRestaurant5.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 35px;
    width: 216px;
    display: block;
    float: left;
    margin-top: 0px;
}

div.container-sub5 a.addRestaurantSub5:hover {
    background-position: left -35px;
}

a.addRestaurantSub1_wide {
    background-image: url(/assets/img/addRestaurant1_wide.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 35px;
    width: 280px;
    display: block;
    float: left;
    margin-top: 0px;
}

a.addRestaurantSub1_wide:hover {
    background-position: left -35px;
}

a.addRestaurantSub5_wide {
    background-image: url(/assets/img/addRestaurant5_wide.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 35px;
    width: 280px;
    display: block;
    float: left;
    margin-top: 0px;
	margin-bottom:8px;
}

 a.addRestaurantSub5_wide:hover {
    background-position: left -35px;
}

.aboutMePanel h2 {
    width: 910px;
    float: left;
    font-size: 180%;
    margin-top: 10px;
	font-weight:normal;
}
.middleTitle {
    width: 910px;
    clear: both;
    float: left;
    border-bottom: 1px solid #999;
    height: 55px;
    margin-bottom: 15px;
}
.middleTitle ul {
    width: 255px;
    float: right;
    margin-top: 4px;
}
.middleTitle li {
    width: 161px;
    float: left;
}
.length {
    width: 330px;
    float: left;
    clear: both;
    margin-bottom: 10px;
}
a.edit-followers {
    background-image: url(/assets/img/edit-followers.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 34px;
    width:150px;
    display: block;
    float: left;
    margin-top: 0px;
}
a.edit-followers:hover {
    background-position: left -34px;
}
/*Uploader file*/
h2.uploader {
    width: 860px;
    border-bottom: 1px solid #999;
    padding-bottom: 10px;
}
div.uploadBox {
    margin: 10px;
    float: left;
    font-size: 130%;
    width: 240px;
    padding: 10px;
}

div.uploadBox h2, div.uploadBox h3{
	font-size:18px;
}
div.uploadBox h3{
	font-weight:normal;
}

div.aboutCompany div.uploadBox p{
	font-size:12px;
}

div.uploadBoxRight {
    margin: 10px;
    float: right;
    font-size: 130%;
    width: 400px;
    padding-top: 10px;

}
.uploadText {
    background: #fff;
    float: left;
    clear: both;
    width: 400px;
    height: 90px;
}
.queue {
    float: left;
    padding-bottom: 10px;
    width: 400px;
}
p.queue 	 {
    height: 20px;
}
.uploadLeft {
    float: left;
    width: 280px;
	font-size:140%;
}
.uploadRight {
    float: left;
    width: 120px;
}
.uploadButtons {
    float: left;
    width: 400px;
    padding: 10px 0 10px 0 ;
}
.uploadButtons object {
    float: left;
}
a.upload-button {
    background-image: url(/assets/img/upload-btn.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 35px;
    width:120px;
    display: block;
    float: left;
    margin-top: 3px;
}
a.upload-button:hover {
    background-position: left -35px;
}

#skipLink {
	position:relative;
	top:12px;
	}

a.cancel-all-uploads {
    background-image: url(/assets/img/cancel-upload-btn.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 44px;
    width:190px;
    display: block;
    float: left;
    margin-top: 0px;
}
a.cancel-all-uploads:hover {
    background-position: left -44px;
}
a.browse-uploads {
    background-image: url(/assets/img/browse-btn.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 44px;
    width:190px;
    display: block;
    float: left;
    margin-top: 0px;
}
a.browse-uploads:hover {
    background-position: left -44px;
}
#search_results {
    float: left;
    clear: left;
    display:inline;
}
/* bring all styles from previous files */
/* 6.1 */
.upgradeAccountButton {	float: right; padding-right: 25px;	}
.titlePanelBorder {border-bottom: 1px solid #999999; padding-bottom: 0px;}
.borderNone {border: none;}
.userDetailBorder {
    border-left: 1px solid #999;
    width: 240px;
}
.userDetailMargin {padding: 0; margin: 0;}
.userDetailPadding {padding: 5px 0 0 0 !important;; margin: 0 !important;}
#genderPadding {padding-left: 20px}
#agePadding {padding-left: 40px}
#countryPadding {padding-left: 12px}
.myRecipeButton {float: right; padding-right: 25px;}
.recipeBox1 {width: 864px; border-bottom: 1px solid #999; margin-bottom: 20px;}
/* 6.3.1 */
.positionButtonRight {float: right !important;}
.middleLineBorder {border-top: 1px solid  #BDBCBB; margin-bottom: 30px;}
.submitHeight {height: 50px; margin: 20px;}
/* 6.1.1 */
.detailsHeight {height: 330px;}
.inputPosition {width: 430px; margin-bottom: 15px; }
.followMeWidth {width: 180px;}
.hiddenHeight {height: 50px;}
.tagsOverflow {overflow: hidden;}
.timeZonePosition {width: 84px; padding-right: 0px; margin-right: 0px; float: left;	font-size: 130%; padding: 10px 0 10px 0px;}
.pageNumbersWidth { width: 868px !important; }
.left {float: left !important;}
.rightFloat {float: right;}
/* */

.fontIndicate {
    font-size: 110% !important;
    width: 170px;
}

.cookSlide {border: 0; width: 160px; color:#4D93B0; font-weight: normal; background-color: #f5f5f4; font-family: Georgia;}
.additionalInformationTable div {width: 94%; float: right;}
.noMarginLeft {margin-left: 0px !important; }

.folls {
    width: 865px;
    border: 1px;
    float: left;
    clear: both;
    border-bottom: 1px solid #d8d7d6;
    margin: 0px 0 15px 0;
}

.follow-image {
    width: 130px;
    float: left;
    margin: 10px 0 15px 0;
}
.follow-detail {
    width: 230px;
    float: left;
    min-height: 120px;
    margin: 10px 0 15px 15px;
}
.follow-detail p {
    font-size: 130%;
    margin-bottom: 5px;
}
.follow-buttons {
    float: left;
    padding-top: 10px;

}
a.view-profile {
    background-image: url(/assets/img/view-profile-button.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 40px;
    width: 150px;
    display: block;
    float: left;
    margin-top: 0px;
}
a.view-profile:hover {
    background-position: left -40px;
}
.follow-twitter {
    float: left;
    padding: 0 0 0 15px;
    padding-right: 15px;
    border-left: 1px solid #d8d7d6;
}
a.block-user {
    background-image: url(/assets/img/block-user-btn.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 44px;
    width: 150px;
    display: block;
    float: left;
    margin-top: 0px;
}
a.block-user:hover {
    background-position: left -44px;
}
.follow-buttons ul {
    width: 210px;
    float: left;
    margin-top: 4px;
}
.follow-buttons li {
    width: 160px;
    float: left;
}
a.stopFollowing {
    background-image: url(/assets/img/stop-following-btn.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 44px;
    width: 200px;
    display: block;
    float: left;
    margin-top: 0px;
}
a.stopFollowing:hover {
    background-position: left -44px;
}
.follow-image-small {
    float: left;
    width: 110px;
    margin-top: 10px;
}
.follow-detail-small {
    float: left;
    margin-top: 10px;
    width: 500px;
}
.follow-buttons-small {
    float: left;
    margin-top: 10px;
}
.follow-detail-small p {
    font-size: 130%;
    margin-bottom: 5px;
}
.follow-buttons-small ul {
    width: 220px;
    float: left;
    margin-top: 4px;
}
.follow-buttons-small li {
    width: 160px;
    float: right;
}
.followMe {
    padding-bottom: 10px;
    padding-left: 6px;
    float: left;
}
.followMe p {
    color: #BDAEA1;
    font-size: 130%;
    padding-top: 10px;
    padding-bottom: 1px;
}
/* end of changing IDs into Classes */

.fullSearchBox {
    width: 890px;
    background-image: url(/assets/img/longSearchPanel.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    clear: both;
    float: left;
    margin-top: 10px;
    margin-left: 12px;
    height: 80px;
}
.fullSearchBox h2 {
    font-size: 200%;
    margin-left: 12px;
    font-weight: normal;
    padding-top: 5px;
}
.fullSearchBox h2 span {
    font-size: 60%;
    margin-left: 12px;
}
.searchPanelLong {
    width: 705px;
    margin-top: 7px;
    margin-left: 12px;

    display:inline;
    float: left;
}

a.searchLong {
    background-image: url(/assets/img/search-button.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 41px;
    width: 106px;
    display: block;
    padding: 0 40px 0px 0;
}
a.searchLong:hover {
    background-position: left -41px;
}
.searchLongButton {
    background-image: url(/assets/img/search-button.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 35px;
    width: 110px;
    background-color: transparent;
    margin-top: 0px;
    margin-left: 2px;
    margin-bottom: 15px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    cursor: hand;
}
.searchLongButton_hover  {
    background-image: url(/assets/img/search-button.png);
    background-repeat: no-repeat;
    background-position: left -41px;
    height: 35px;
    width: 110px;
    background-color: transparent;
    margin-top: 0px;
    margin-left: 2px;
    margin-bottom: 15px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    cursor: hand;
}

.cookProducts {
    border-top: 1px solid #BDAEA1;
    border-right: 1px solid #BDAEA1;
    margin: 0 0 0px 0px;
    background-color: #FFFFFF;
    float: left;
    padding: 10px 0 15px 10px;
    width: 288px;
    height: 133px;
}

.positionRight {
    margin-left: 21px;
    padding-left: 9px;
    clear: left;
}
.paddingZero {padding-bottom: 0px !important;}
.stylePages {width:920px !important; margin-bottom: 0px; padding-bottom: 0px; }
.marginTopTen {margin-top: 10px; }
.paddingLeftTwenty {padding-left: 20px;}
.fontSizeBig {font-size: 200%; }
.noBackgroundImage {background-image: none !important;}

/* added on 16 March 2010 */


.giveBorders {
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    width: 624px !important;
    margin: 5px 0 0 0px !important;
}


.grid {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
}

.grid li {
    display: block;
    width: 300px;
    height: 180px;
    float: left;
    margin-top: 6px;

    background: url("/assets/img/thisMonthPanelBack.jpg") no-repeat scroll left bottom transparent;
}

.grid li.right
{
    float: right !important;
}

.grid .restDetails {
    float: left;
    margin-left: 6px;
}

.grid h3 {
    border-bottom:1px solid #B0AEAC;
    color:#35322f;
    font-size:180%;
    font-weight:normal;
    margin-bottom:6px;
    padding-bottom:4px;
}

.grid h4 {
    color:#35322f;
    font-size:14px;
    font-weight:normal;
}

.grid .view-details-btn {
    clear: none;
    margin-top: 10px;
}

.restaurant_grid .photoAndRate {
    width: 137px;
}

.recipe_grid .photoAndRate, .recipe_result_grid .photoAndRate, .user_grid .photoAndRate {
    width: 127px;
    margin-left: 12px;
}

.recipe_grid .thisMonthDesc, .recipe_result_grid .thisMonthDesc, .user_grid .thisMonthDesc {
    width: 150px;
}

.grid.recipe_result_grid li {
    /* Result grids don't have the H3 so height needs reducing accordingly */
    height: 160px;
}

.grid.user_grid li {
    /* Result grids don't have the H3 so height needs reducing accordingly */
    height: 190px;
}

.grid .photoAndRate img {
    border: 1px solid #B0AEAC;
}
.phase2 {
    display: none !important;
}

ul.followers li {
    display: inline-block;
    margin-right: 18px;
    /*
    margin-right: -20px;
    margin-bottom: 30px;
    float: left;
    height: 100px;
    width: 140px;
	*/
}

ul.followers {
    margin-top: 10px;
	margin-left: 10px;
    float: left;
    clear: both;
}

div.clearboth {
    clear:both;
}


ul li span.ul{
    text-transform: uppercase;
    color: red;
    font-weight: bold;
}

#loginPage 
{
    width: 934px;
    margin-left: auto;
    margin-right: auto;
}

#loginPage h2 {
    font-size: 220%;
    color: #000000;
    font-weight: normal;
    padding: 12px 0px 6px 0px;
}

#loginPage h3 {
    font-size: 150%;
    color: #000000;
    font-weight: normal;
    padding: 12px 0px 6px 0px;
}

#loginPage form div {
    float: left;
    margin-top: 40px;
    margin-bottom: 50px;
}
#loginPage form div.loginwide {
    width: 400px;
}
#loginPage form div.loginwide label {
    font-size: 160%;
    color: #BDAEA1;
    padding-bottom: 5px;
}
#loginPage label {
    float: left;
    font-size: 130%;
}
#loginPage input {
    float: left;
    clear: left;
}
#loginPage #createAccount {
    background-image: url('/assets/img/create-account-box.png');
    background-repeat: no-repeat;
    width: 455px;
    height: 220px;
    float: left;
    margin-top: 15px;
    overflow: hidden;
}
#loginPage #forgottenPassword {
    background-image: url('/assets/img/create-account-box.png');
    background-repeat: no-repeat;
    width: 455px;
    height: 220px;
    margin-left: 10px;
    float: left;
    margin-top: 15px;
    overflow: hidden;
}

#loginPage #createAccount h3, #loginPage #forgottenPassword h3 {
    padding: 10px 0px 0px 20px;
    width: 455px;
    border-bottom: solid 1px #BDAEA1;
    font-size: 250%;
}
#loginPage #createAccount h3 {
    color: #598430;
}
#loginPage #forgottenPassword h3 {
    color: #fe0000;
}
#loginPage #createAccount p, #loginPage #forgottenPassword p {
    padding: 10px 20px 10px 20px;
    font-size: 150%;
    color: #000000;
}
#loginPage #createAccount li {
    padding-left: 10px;
    font-size: 150%;
    color: #598430;
}
#loginPage #createAccount ul {
    list-style-type: disc !important;
    color: #598430;
    margin-left: 40px;
}
#loginPage #forgottenPassword label {
    padding-left: 20px;
    padding-top: 10px;
}
#loginPage #forgottenPassword input {
    clear: none;
    margin-left: 20px;
}
#loginPage #forgottenemail {
    margin-top: 5px;
}
#loginPage #forgottenpasswordbutton {
    margin-top: -5px;
}
#loginPage #login_email, #loginPage #login_password {
    width: 380px;
}
#loginPage #forgottenpasswordmessage {
    clear: both;
    font-size: 150%;
    padding-left: 20px;
    padding-top: 10px;
    color: #FF0000;
}
input.login {
    background-image: url(/assets/img/login-button.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 44px;
    width: 113px;
    display: block;
    float: right;
    margin-top:10px;
}
input.login:hover {
    background-position: left -44px;
}

ul.addComment {
    padding:0;
    margin:10px 0 0 0;

}

ul.addComment a.login {
    background-image: url(/assets/img/login-button.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 44px;
    width: 113px;
    display: block;
    float: right;
    float:left;
}

ul.addComment a.login:hover {
    background-position: left -44px;
}

ul.addComment a.register {
    background-image: url(/assets/img/register-here-btn.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 44px;
    width: 162px;
    display: block;
    float:left;
    margin:0;
}

ul.addComment a.register:hover {
    background-position: left -44px;
}

a.register {
    background-image: url(/assets/img/register-here-btn.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 44px;
    width: 162px;
    display: block;
    margin: 20px;
}
a.register:hover {
    background-position: left -44px;
}

.restrating {
    float: right;
    margin-top: 20px;
}

#staticPage {
    margin:0 auto 0 auto;
    width: 924px;
	min-height:300px;
}

#staticPage h1 {
    font-size: 220%;
    color: #35322F;
    font-weight: normal;
    padding: 12px 0 5px 0px;
	margin-bottom:12px;
	border-bottom:1px solid #CECDCC;
}

#staticPage h2 {
    font-size: 180%;
    color: #35322F;
    font-weight: normal;
    padding: 6px 0 12px 0px;
}

#staticPage label, #email_form label {
	font-size: 140%;
	color: #BDAEA1;
	display:block;
	margin-bottom:8px;	
}
/* a long form may need darker labels */
#staticPage form.long-form label {
	color:#777777;
}

#staticPage input, #email_form input {
	margin-bottom:12px;	
}

#email_form input {
        width: 200px;
}

#staticPage p {
    font-size: 140%;
    padding: 0px 0px 24px 0px;
}
#staticPage dt {
    font-size: 150%;
    margin: 0 0 5px 0;
}

#staticPage dt.question {
    font-size: 150%;
    margin: 0 0 12px 0;
	color:#d72022;
	font-weight:bold;
}
#staticPage dd {
    font-size: 150%;
    padding: 0 0 24px 0;
}
#staticPage ul {
    margin-left: 30px;
    list-style-type: disc;
}
#staticPage li {
    font-size: 150%;
    padding: 0px 0px 12px 0px;
}

a#conversionchart {
    float: right;
    background-image: url(/assets/img/conversion-chart-button.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 44px;
    width: 161px;
    display: block;
    margin: 20px 22px 0 0;
}
a#conversionchart:hover {
    background-position: left -44px;
}

#conversionChartDiv {
    padding-top: 30px 30px 30px 8px;
    width: 640px;
}

#conversionChartDiv #logo {
    float: right !important;
}

#conversionChartDiv h1 {
    font-size: 220%;
    color: #000000;
    font-weight: normal;
    padding: 12px 0 24px 22px;
}

#conversionChartDiv table {
    font-size: 150%;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 22px;
}

#conversionChartDiv th {
    text-align: left;
}

#conversionChartDiv .left {
    float: left;
    width: 250px;
    border-right: solid 1px #000000;
}
#conversionChartDiv .right {
    float: left;
    margin-left: 30px;
    width: 350px;
}

#conversionChartDiv .left table {
    width: 250px;
}
#conversionChartDiv .right table {
    width: 350px;
}

#menus_preview {
    width: 800px;
    clear: both;
}
#menus_preview div {
    float: left;
}
#menus_preview img {
    float: left;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 5px;
    width: 150px;
}

.remove_menu {
    background-image: url(/assets/img/delete-icon.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 16px;
    width: 16px;
    display: block;
    float: left;
    left: 10px;
}

.remove_restaurant_image, .remove_user_gallery_image {
    background-image: url(/assets/img/delete-icon.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 16px;
    width: 16px;
    display: block;
    float: left;
    left: 10px;
}

#gallery_preview {
    width: 800px;
    clear: both;
}
#gallery_preview div {
    float: left;
}
#gallery_preview img {
    float: left;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 5px;
    width: 150px;
}


/*
**
** More Cludges for 'inline style=""' Fixes - DA - 27.04.2010
**
*/

.margin12top { margin-top: 12px; }
.margin12bottom { margin-bottom: 12px; }
.margin12right { margin-right: 12px; }
.margin8left { margin-left: 12px; }
.padding12top { padding-top: 12px; }
.padding8top { padding-top: 8px; }
.padding12left { padding-left: 12px; }
.padding20left { padding-left: 20px; }
.padding40left { padding-left: 40px; }

.font200pc { font-size: 200%; }
.welcomeUser p.font220pc { font-size: 220%; }

.floatright { float: right !important; }
.floatleft { float: left !important; }

.clearleft { clear: left; }
.textcenter { text-align: center; }
.nodecoration { text-decoration: none; }

.bordernone { border: none; }
.borderleft { border-left: 1px solid #999999; padding-left:10px; }
.borderbottom { border-bottom: 1px solid #999999; }

.styleTerms { border-top: 1px solid  #cecdcc; margin-bottom: 30px; }
.styleSubmitDetails { height: 50px; margin: 20px; }
.styleUpgradeAccount { float: right; padding-right: 25px; }
.styleBasicUserDetails { height: 340px; }
.styleUserDetailBox { width: 650px; margin-bottom: 15px; }
.styleTagTextArea { overflow: hidden; width: 763px; }
.styleAgeWidth { width: 84px; }
.stylePageResults { width: 870px; }
.styleRecipePanel { width: 910px; border-bottom: 1px solid #999; margin-bottom: 20px; margin-left:-5px; padding-bottom:20px; }
.styleNoMinHeight { min-height: 4px; }
.styleMidLine { border-top: 1px solid  #BDBCBB; margin-bottom: 30px; }

/*
**
** Cookshop/Global New Styles - DA - 23.04.2010
**
*/

/* My Recipe Panel - My Account page*/

div.myRecipe-results {
	
}

div.myRecipe-results .styleRecipePanel {
border-bottom:1px solid #999999;
margin-bottom:20px;
margin-left:-5px;
width:910px;
padding:0;

}
div.myRecipe-results div.recipePanel {
    float: left;
    clear: both;
    margin-left: 12px;
    margin-bottom: 12px;
}

div.myRecipe-results div.recipePanel div.resultsWrapRight {
display:inline;
float:right;
margin:0 10px 0 0;
padding:0 0 0 15px;
width:128px;
border:none;
}

div.myRecipe-results div.recipePanel .resultsWrapLeft {
float:left;
width:550px;
}

div.myRecipe-results div.recipePanel .resultsWrapLeft p {
color:#BDAEA1;
font-size:130%;
padding-top:20px;
float:right;
}

div.myRecipe-results div.recipePanel .resultsImage {
display:inline;
float:left;
margin-bottom:12px;
margin-right:12px;
width:78px;
}

div.myRecipe-results div.recipePanel .resultsWrapLeft h3  {
color:#000000;
font-size:160%;
font-weight:normal;
padding:18px 0;
float:left;
display:inline;
width:380px;
}

div.myRecipe-results .middleTitle {
border-bottom:1px solid #999999;
clear:both;
float:left;
margin-top:10px;
padding-bottom:10px;
width:910px;
height:auto;
}

/* End My Recipe Panel - My Account page*/

/* Start Available Restaurants Panel - My Account page*/

div.availableRestaurants { margin-bottom:20px;}

div.availableRestaurants div.middleTitle {
    width: 910px;
    clear: both;
    float: left;
    border:none;
    height: 55px;
    margin-bottom: 15px;
}

div.availableRestaurants div.middleTitle p { 
font-size:14px;
margin-top:10px;

}

div.availableRestaurants div.eachRestaurantWide  {
float:left;
margin-right:25px;
width:930px;
background-color:#F5F5F4;
border-bottom:1px solid #CECDCC;
line-height:32px;
padding:4px 0 1px 0;
}

div.availableRestaurants div.eachRestaurantWide h3 {
	float:left;
	font-size:16px;
	width:250px;
	margin-left:10px;
}

div.availableRestaurants div.eachRestaurantWide p {
	float:left;
	font-size:14px;
	margin-top:5px;
	width:430px;
}

/* End Available Restaurants Panel - My Account page*/

div.container-fullwidth
{
    width: 934px;
    margin-left: auto;
    margin-right: auto;
        
    /* - these should be 'auto' to ensure a true centered block
    margin-left: 14px;
    margin-right: 14px;
	*/
}

div.container-fullwidth h2
{
   font-size:220%;
   font-weight:normal;
}

div.container-pagination
{
    width: 934px;
    height: 40px;
    margin-top: 12px;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
}

div.cookshopProduct
{
    width: 294px;
    height: 135px;
    padding: 8px;
    float: left;
    border-top: solid 1px #cecdcc;
    border-right: solid 1px #cecdcc;
    background-color: #ffffff;
    overflow: hidden;
}

.norightborder
{
    border-right: none !important;
}

.bottomborder
{
    border-bottom: solid 1px #cecdcc;
}

div.cookshopProduct a.amazon-image
{
    float: left;
}

div.cookshopProduct div
{
    font-size: 14px;
    width: 190px;
    float: right;
}

div.cookshopProduct div h3
{
    font-weight: normal;
    font-size: 16px;
    color: #35322f;
    line-height: normal;
    margin-top: 0px;
}

div.cookshopProduct div a
{
    color: #598430;
}

div.cookshopProduct div span.price
{
    color: #35322f;
    font-size: 18px;
}

/*
**
** Sizzler Information - DA - 27.04.2010
**
*/

div.container-sizzlerinfo
{
	width: 624px;
	font-size: 14px;
}

div.container-sizzlerinfo h3
{
	font-weight: normal;
	font-size: 18px;
	margin-top: 8px;
}

/*
**
** Subscription Status - DA - 26.04.2010
**
*/

div.container-subscription
{
	width: 934px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 12px;
	padding: 12px 0px 12px 0px;

	background-color: #f5f5f4;
}

div.container-subscription div.container-information
{
	width: 286px;
	min-height: 120px;
	float: left;
	margin-left: 12px;
	margin-right: 12px;
	font-size: 14px;
	color: #35322f;
}

div.container-subscription div.container-information-extended
{
	width: 600px;
	min-height: 120px;
	float: right;
	margin-left: 12px;
	margin-right: 12px;
	font-size: 14px;
	color: #35322f;
}



div.container-subscription div h2
{
	font-size: 18px;
	font-weight:normal;
}

/*
**
** Register Form - DA - 26.04.2010
**
*/

div.container-AddSubscription
{
	width: 934px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 12px;
	padding: 12px 0px 12px 0px;
}

div.container-AddSubscription div.container-information
{
	min-height: 120px;
	float: left;
	font-size: 16px;
	color: #35322f;
}


div.container-AddSubscription div h2
{
	border-bottom:1px solid #CECDCC;
    font-size:22px;
    margin-bottom:10px;
    margin-top:10px;
    padding-bottom:10px;
}

div.container-register
{
	width: 910px;
	margin-top: 12px;
	padding: 12px;

	background-color: #f5f5f4;
}

div.container-register table.userdetail, div.aboutMePanel table.userdetail
{
	width: 688px;
	margin-top: 12px;
	margin-left: 12px;
	border-collapse: collapse;
}

div.container-register table.otherdetail, div.aboutMePanel table.otherdetail
{
	width: 910px;
	border-collapse: collapse;
}

div.container-register div.register-userphoto
{
	width: 182px;
	float: left;
}

div.container-register div.register-userdetail, div.aboutMePanel div.register-userdetail
{
	width: 700px;
	float: right;
	
	border-left: solid 1px #cecdcc;
}

div.container-register table td, div.aboutMePanel table td
{
	height: 38px;
	font-size: 14px;
	vertical-align: middle;
}
div.container-register p, div.aboutMePanel p
{
        font-size: 14px;
		margin:8px 0 8px 0;
}

div.container-register table input,
div.container-register table textarea,
div.aboutMePanel table input,
div.aboutMePanel table textarea
{
    float: right;

    border-top: solid 1px #747271;
    border-right: solid 1px #35322f;
    border-bottom: solid 1px #5d5b59;
    border-left: solid 1px #35322f;

    background-image: url(/assets/images/back_input.png);
    background-position: left top;
    background-repeat: no-repeat;
}

div.container-register table.userdetail input, div.aboutMePanel input table.userdetail input
{
    width: 530px;
    height: 18px;
}

div.container-register table.otherdetail input,
div.container-register table.otherdetail select,
div.aboutMePanel table.otherdetail input,
div.aboutMePanel table.otherdetail select
{
	width: 325px;
	height: 18px;
}

div.container-register table.otherdetail input.radio,
div.container-register table.otherdetail input.check,
div.aboutMePanel table.otherdetail input.radio,
div.aboutMePanel table.otherdetail input.check
{
	float: left;
	width: auto;
	margin-right: 8px;
}

div.container-register table.otherdetail textarea, div.aboutMePanel table.otherdetail textarea
{
	width: 325px;
	height: 120px;
}

div.container-register table td span, div.aboutMePanel table td span
{
	float: left;
	height: 22px;
	line-height: 22px;
	margin-left: 24px;
}
div.register_sizzler_type {
    float: left;
    width: 400px;
    margin-right: 50px;
    margin-bottom: 10px;
}
.register_sizzler_type h3 {
    font-size: 150%;
    margin-top: 10px;
    margin-bottom: 10px;
}
.register_sizzler_type ul {
    margin-left: 15px;
    list-style-type: disc;
}
.register_sizzler_type li {
    font-size: 120%;
    margin-top: 5px;
}
.register_sizzler_type p span {
    margin-top: 10px;
}

div.register-userphoto strong { font-size: 1.1em; }
div.register-userdetail h2 { padding-left: 12px; }
div.register-userdetail h2 span { margin-right: 0px; }
div.container-register table td.textarea, div.aboutMePanel table td.textarea { vertical-align: top; }
div.container-register table td.spacer, div.aboutMePanel table td.spacer { width: 24px; }
div.container-register table select, div.aboutMePanel table select { float: right; }

/*
**
** General Form Container - DA - 04.05.2010
**
** - This should really be used on all form input backgrounds such as register/subscription etc.
** instead of having separate containers input styles etc but time is of the essence now so it'll
** have to do for the time being!
**
*/

p.page-identification
{
	margin-top: 8px;
	font-size: 1.4em;
}

div.container-forminput
{
	width: 910px;
	margin-top: 12px;
	padding: 12px;
	font-size: 1.4em;

	background-color: #f5f5f4;
}

div.container-forminput h2
{
	font-size: 20px;
	margin-bottom: 12px;
}

div.container-forminput p
{
	margin-top: 8px;
	margin-bottom: 8px;
}

div.container-forminput table
{
	width: 910px;
	margin-left: auto;
	margin-right: auto;
}

div.container-forminput table td
{
	height: 30px;
	vertical-align: top;
	padding-bottom: 8px;
}

div.container-forminput table td.title
{
	width: 250px;
	font-size: 14px;
}

div.container-forminput table td.tooltip
{
	width: 34px;
}

div.container-forminput table input,
div.container-forminput table textarea
{
    float: right;

    border-top: solid 1px #747271;
    border-right: solid 1px #35322f;
    border-bottom: solid 1px #5d5b59;
    border-left: solid 1px #35322f;

    background-image: url(/assets/images/back_input.png);
    background-position: left top;
    background-repeat: no-repeat;
}

div.container-forminput table select
{
	float: right;
}

div.container-forminput span.highlight
{
	color: #55889e;
}

/*
** Form Specific Alterations
*/

.upload-recipe input,
.upload-recipe textarea
{
	width: 600px;
	margin-top: 5px; /* line up with the shadowy tooltip box */
}

.upload-recipe select
{
	width: 603px;
	margin-top: 5px;
}

.upload-recipe div.slider
{
	width: 600px !important;
	float: right;
	margin: 10px 0px 0px 0px !important;
}

.upload-recipe span.label
{
	display: inline-block;
	margin-top: 6px;
	margin-right: 6px;
}

.upload-recipe span#cke_intro,
.upload-recipe span#cke_outro
{
	float: right !important;
}

/* ingredients */
table#ingredientsTable th
{
	height: 30px;
	line-height: 30px;
	font-weight: normal;
	text-align: left;
	font-size: 14px;
	vertical-align: middle;
}

table#ingredientsTable th.key,
table#ingredientsTable th.remove
{
	width: 32px;
}

table#ingredientsTable td input
{
	width: 255px;
	float: left;
}

table#ingredientsTable td input.checkbox
{
	width: 32px;
}

/* recipe steps */
div#steps div.container-recipestep
{
	width: 602px;
	height: 198px;
	float: right;
	font-size: 14px;
	margin-bottom: 12px;
	border-bottom: solid 1px #cecdcc;
}

div.container-recipestep span
{
	height: 31px;
	line-height: 31px;
}

/*
**
** New Scroll Box - DA - 07.05.2010
**
*/

.scrollBox
{
    width: 886px;
    height: 196px;
    overflow: auto;
    padding: 4px 12px 4px 12px;
	
	color: #444444;
	font-size: 10pt;
	font-family: Arial, Helvetica, Sans-Serif;

    border-top: solid 1px #747271;
    border-right: solid 1px #35322f;
    border-bottom: solid 1px #5d5b59;
    border-left: solid 1px #35322f;

    background-image: url(/assets/images/back_input.png);
    background-position: left top;
    background-repeat: no-repeat;
}

.scrollBox p
{
    padding-bottom: 10px !important;
}

.scrollBox h2
{
    font-size: 16px !important;
    font-weight: bold !important;
    margin-bottom: 10px !important;
}

div.container-agree { margin-top: 8px; }
div.container-agree span { margin-right: 12px; }

/*
**
** New Scroll Box - DA - 07.05.2010
**
*/

#newsPanel
{
	width:300px;
    height:346px;
    
    margin-bottom: 9px;

	background-repeat:no-repeat;
    background-image:url(/assets/img/newsPanel.png);
}

#newsPanel h2
{
	width: 288px;
	height: 42px;
	padding-left: 12px;
	
    font-size: 22px;
    font-weight:normal;
    color: #ffffff;
	line-height: 42px;
}

#newsStory
{
	width: 276px;
	height: 242px;
	padding: 12px;
}

#newsStory dt a
{
    color:#598430;
    font-size:16px;
    text-decoration:none;
    line-height: normal;
}

#newsStory dt a:hover {
    text-decoration:underline;
}

a.viewSizzleNews
{
    display: block;
    
    width: 280px;
    height: 24px;
    margin-top: 6px;
    margin-left: auto;
    margin-right: auto;

    background-image: url(/assets/img/allSizzleNewsBtn.png);
    background-repeat: no-repeat;
    background-position: left top;
}

a.viewSizzleNews:hover
{
    background-position: left -24px;
}

a.registerPremium
{
    display: block;
    
    width: 280px;
    height: 24px;
    margin-top: 6px;
    margin-left: auto;
    margin-right: auto;

    background-image: url(/assets/img/registerPremiumHereBtn.png);
    background-repeat: no-repeat;
    background-position: left top;
}

a.registerPremium:hover
{
    background-position: left -24px;
}

a.upgradePremium
{
    display: block;
    
    width: 280px;
    height: 24px;
    margin-top: 6px;
    margin-left: auto;
    margin-right: auto;

    background-image: url(/assets/img/upgradeToPremium.png);
    background-repeat: no-repeat;
    background-position: left top;
}

a.upgradePremium:hover
{
    background-position: left -24px;
}


#newsStory dd
{
    font-size:14px;
    line-height:18px;
    border-bottom:solid 1px;
    border-bottom-color:#cac9c7;
    padding-bottom:10px;
    margin-bottom:10px;
}


#restaurantPanel
{
	width:300px;
    height:346px;
    
    margin-bottom: 9px;

	background-repeat:no-repeat;
    background-image:url(/assets/img/restaurantPanel.png);
}

#restaurantPanel h2
{
	width: 288px;
	height: 42px;
	padding-left: 12px;
	
    font-size: 20px;
    font-weight:normal;
    color: #ffffff;
	line-height: 42px;
}

#ownerInfo {
	padding:10px 10px 25px 10px;
	
}

#restaurantPanel h3
{
	font-size: 16px;
    font-weight:normal;
    color: #35322F;
	line-height: 36px;
}

#restaurantPanel p
{
	
	font-size: 12px;
    font-weight:normal;
    color: #35322F;
	line-height: 18px;
}

#rightCol #restaurantPanel ol, #rightCol #restaurantPanel ol li
{
	list-style:decimal outside none;
	padding:0 0 8px 0;
	margin:0 0 0 10px;
	font-size: 15px;
    font-weight:normal;
    color: #35322F;
	line-height: 18px;
}

/*
**
**********************************************************
**
*/

a#downloadTemplates {
    float: right;
    background-image: url(/assets/img/downloadTemplateBtn.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 84px;
    width: 270px;
    display: block;
	margin-right:10px;
}
a#downloadTemplates:hover {
    background-position: left -84px;
}

a.backBtn {
    background-image: url(/assets/img/back-button.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 35px;
    width: 86px;
    display: block;
}
a.backBtn:hover {
    background-position: left -35px;
}

.shortPara {
	width:500px;
	display:block;
	}
	
div.aboutCompany .shortPara p {
	font-size:140%;
	clear:none;
	margin-bottom:16px;
	}
	
.aboutMePanel .shortPara p {
	font-size:140%;
	clear:none;
	}

.notification {
	position: relative;
	margin: 10px 0 15px 0;
	padding: 0;
	border: 1px solid;
	background-position: 10px 11px !important;
	background-repeat: no-repeat !important;
	font-size: 13px;
	width:280px;
}

.notification-video {
	position: relative;
	margin: 10px 0 15px 0;
	padding: 0;
	border: 1px solid;
	background-position: 10px 11px !important;
	background-repeat: no-repeat !important;
	font-size: 13px;
}

div.attention {
	background: #FFF6BF url('/admin/images/icons/exclamation.png') 10px 11px no-repeat;
	border-color: #FDD845;
	color: #666452;
}
div.information {
	background: #dbe3ff url('/admin/images/icons/information.png');
	border-color: #a2b4ee;
	color: #585b66;
}
div.success {
	background: #d5ffce url('/admin/images/icons/tick_circle.png');
	border-color: #9adf8f;
	color: #556652;
}
div.error {
	background: #ffcece url('/admin/images/icons/cross_circle.png');
	border-color: #df8f8f;
	color: #665252;
}
label.error {
	display:block;
	margin-top:3px;
	background: url('../images/icons/cross_circle.png') 1px 2px no-repeat;
	font-weight:normal;
	padding-left:20px;
}
fieldset label.error {
	float:left;
	width:100%;
}
.notification div {
	display:block;
	font-style:normal;
	padding:4px 10px 5px 22px;
	line-height: 1.5em;
}
.notification .close {
	color:#990000;
	font-size:9px;
	position:absolute;
	right:7px;
	top:7px;
}

table#restaurant-subscriptions {
    width: 600px;
    margin-top: 12px;
    float: right
}

table#restaurant-subscriptions th {
    border-bottom: 1px solid gray;
    padding-bottom: 5px;
}

table#restaurant-subscriptions td {
    text-align: center;
    border-bottom: 1px solid gray;
    padding: 5px;
}

.next-button {
    background-image: url(/assets/img/next-button.png);
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
    height: 35px;
    width: 86px;
    float: left;
    clear: both;
}
.next-button:hover {
    background-position: left -35px;
}

.regUpgrade-button {
    background-image: url(/assets/img/regUpgradeRestaurant.png);
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
    height: 111px;
    width: 300px;
    float: left;
    clear: both;
}
.regUpgrade-button:hover {
    background-position: left -111px;
}

.blogImage_Left {
	float:left;
	margin-right:10px;
	}
	
.blogImage_Right {
	float:right;
	margin-left:10px;
	}
	
.blog {
	margin-top:12px;
	
	}
.blog li.blog-entry {
	width:610px;
	
	}
	
#benefitsGrid ul {
}
	
#benefitsGrid li{
	width:48%;
	float:left;
	background-color:#badded;
	padding:4px;
	margin:0 10px 10px 0;
		
}

#benefitsGrid li h3 {
	font-size:16px;
	font-weight:normal;
	margin-top:8px;
	margin-bottom:8px;
}

#benefitsGrid li h2 {
	margin-bottom:12px;
}


#benefitsGrid li p {
	font-size:14px;
	line-height:18px;
}

#benefitsGrid li img {
	float:left;
	margin-right:8px;
}

div.container-intro {
background-color:#FFF;
font-size:14px;
margin-top:12px;
padding:12px;
margin-bottom:20px;
width:880px;
}

/* Unsupported page styles */

#warningBox {
	background-color:#fefefe;
	border:1px solid #d2cac5; 
	padding:12px;
	margin:66px 60px 40px 60px;
	height:100px;
	
}

#warningBox img {
	float:left;
	margin-right:20px;
	width:104px;
	
}

#warningBox p {
	float:left;
	width:650px;
	font-size:14px;
	
}

#suggestedBrowsers {
	margin-left:50px;
	padding-bottom:50px;
	
}

#suggestedBrowsers p {
	margin:0 60px 0 110px;
	font-size:14px;
	
}

#suggestedBrowsers ul li{
	display:inline;
	list-style:none;
}

/* Premium Account new styles */

.ownRestaurantPanel {
background-color:#F5F5F4;
clear:both;
float:left;
margin-top:10px;
margin-bottom:10px;
padding:12px;
width:910px;
}

.ownRestaurantPanel p {
     font-size:16px;
	 float:left;
	 margin-right:20px;	
}

.ownRestaurantPanel label {
     font-size:16px;
	 float:left;	
}

.ownRestaurantPanel input {
   float:right;	
   margin-right:20px;
}

#restaurantSubscription {
	font-size:14px;
	clear:both;
}

#restaurantSubscription h2 {
	margin-bottom:10px;
	font-size:22px;
}

#restaurantSubscription .introPanel {
	background-color:#c8e4f1;
	padding:12px;
	height:80px;
	
}

#restaurantSubscription .introPanel img {
	float:left;
	margin-right:20px;
}

#restaurantSubscription .introPanel p {
	float:left;
	width:800px;
}

#restaurantSubscription .introPanel h3 {
	margin-bottom:10px;
	font-size:18px;
	font-weight:normal;
}


#addRecipe-wide{
	font-size:14px;
	clear:both;
}

#addRecipe-wide h2 {
	margin-bottom:10px;
	margin-top:10px;
	font-size:22px;
}

#addRecipe-wide .introPanel {
	background-color:#c8e4f1;
	padding:12px;
	height:80px;
	
}

#addRecipe-wide .introPanel img {
	float:left;
	margin-right:20px;
}

#addRecipe-wide .introPanel p {
	float:left;
	width:800px;
}

#addRecipe-wide .introPanel h3 {
	margin-bottom:10px;
	font-size:18px;
	font-weight:normal;
}

a.add-recipe-wide{
    background-image: url(/assets/img/add-a-recipe-button.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 44px;
    width: 161px;
    display: block;
    float: left;
	margin-left:40px;
}
a.add-recipe-wide:hover {
    background-position: left -44px;
}


div.container-status {
	
}

div.container-status h2 {
	font-size:22px;
	border-bottom:1px solid #CECDCC;
	margin-bottom:10px;
	margin-top:10px;
	padding-bottom:10px;
	
}


div.container-status p {
	font-size:16px;
	width:500px;
	float:left;
	line-height:24px;
	
}

div.container-status ul {
    width:200px;
	float:right;
}

div.container-status ul li {
	font-size:16px;
	list-style:none;
	margin-bottom:4px;
		
}

div.container-status ul h3 {
	font-size:20px;
	font-weight:normal;
	margin-bottom:4px;
	
}

div.container-status div.free
{
	width: 76px;
	height: 65px;
	float: right;
	color: #ffffff;
	padding-top: 11px;
	font-size: 20px;
	text-align: center;
	margin-top:12px;
	margin-right:20px;
	background-image: url(/assets/images/back_freerestaurants.png);
}

div#technicalProductFeatures ul {
	list-style:disc inside none;
	padding-left:10px;
	font-size:14px;
	line-height:18px;
	
	}
