/* general */
* {margin:0; padding:0; border:0; color: #666;}
body, tr, td, p {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #555;}
body {background: #faf5db url(images/body-bg.jpg) repeat-x;}
h1 {font-size: 27px; color:#298EBC; font-weight: bold; margin: 10px 0 15px 0}
h2 {font-size: 20px; color:#298EBC; margin: 1.5em 0 0.8em 0;}
h3 {font-size: 16px; color:#298EBC; margin: 1em 0 0.5em 0;}
h4 {font-size: 13px; color:#555; margin: 0.8em 0 0.3em 0; }
p {font-size: 12px; margin: 1em 0; line-height:1.4}
a:link, a:visited, a:active {color:#298EBC}
a:hover {color:#555}
.centered {text-align: center; margin: 0 auto}
.bold, strong {font-weight:bold; color:inherit}
.bigger {font-size: 120%}
.allcap {text-transform: uppercase;}
.clear {clear: both; height: 0; overflow: hidden;}
/*.red {color:#c00}*/
.bluetext {color:#298EBC;}
.small {font-size: 90%}
br {margin:0.5em;}
ul {margin: 10px 0 10px 10px; padding:0}
li  {margin: 5px 0 5px 20px; padding:0; line-height:1.4}
ol {padding:0 0 0 15px; }
.borderTop {border-top: 1px solid #ccc; padding-top: 15px; margin-top: 15px}

form, textarea {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.validationMsg {color:#ff0000}
.wrapper {width: 985px; margin: 0 auto}

/* header */
.header {width:985px; background:#fff url(images/header-bg.jpg) no-repeat; height:180px; float:left}
.imgLogo {float:left}
.toplinks1 {float:right; width:980px;}
.toplinks1 p {float:right; margin:13px 5px 0 0; height:17px}
.toplinks1 a {color:#298EBC}
.toplinks1  {color:#555}
.toplinks {float:left; width:555px; }
/*
.toplinks {float:left; width:485px; height:40px;}
.toplinks p {float:right; margin:13px 5px 0 0; height:17px}
.toplinks a {color:#298EBC}
.toplinks  {color:#555}*/
.search {float:right; width:485px; height:78px; text-align:right; vertical-align:middle; padding-right:80px;}
.searchField {border: 1px solid #aaa; width: 250px; margin: 18px 5px 0 0; font-size: 14px; height: 22px; vertical-align:middle}
.submitButton {vertical-align:middle; margin: 15px 0 0 5px}
.navbar {float:left; width:665px; height:80px; margin: 0 0 0 0;}

/* page structure */
.pop {background:#fff; width: 600px; float:left}
.main {background:#fff; width: 985px; float:left}
.left {background:#fff; width:345px; float: left; margin: 0 15px 0 0; }
.right {background:#fff; width:603px; float: left;padding-bottom: 10px}

/* page structure - home */
.homepg .left {width:345px; margin: 0 0px 0 0; }
.homepg .right {width:627px; padding-bottom: 10px}
.onecolumn .right {width: 900px; margin: 0 20px 0 50px; display:inline}

/* recipe finder */
.recipeFinder  {background:#fff url(images/recipe-finder-bg.gif) repeat-y; margin: 0 0 0 20px; padding: 0 0 8px 0; width:308px}
.recipeFinderh2 {background:#fff url(images/recipe-finder-top.gif) no-repeat; width: 308px; height:52px; text-indent:-9999px; margin:0;}
.recipeFinder p {margin: 0 5px 0 13px; color:#298EBC; }
.dwmenu {border: 1px solid #aaa; width: 280px; margin: 5px 0 4px 10px; font-size: 14px; height: 22px;}
.recipeFinderSearch {background:#fff url(images/recipe-finder-middle.gif) no-repeat; margin: 0 0 0 20px; padding-bottom: 25px}
.homepg .recipeFinderSearch {background:#fff url(images/recipe-finder-bottom.gif) no-repeat; padding-bottom: 5px}
.recipeFinderSearch .searchField {width: 190px; margin: 12px 7px 8px 10px;}
.recipeFinderSearch .submitButton {margin: 3px 0 0 5px;}

/* left column */
.leftlinks {margin: 0 0 0 20px; background:#fff url(images/recipe-finder-bg.gif) repeat-y;}
.recipeCategoriesh2 {background:#fff url(images/t-recipe-categories.gif) no-repeat; width: 175px; height:33px; text-indent:-9999px; margin: 0 0 10px 10px;}
.leftlinks ul {margin: 0 0 0 10px; }
.leftlinks li {list-style: url(images/spacer.gif) none; margin: 3px 25px 10px 0px ; font-size: 17px; font-weight:bold;}
.leftlinks li a {color: #999; text-decoration:none}
.leftlinks li a:hover {color: #555}
.leftBanner {margin: 20px 0 0 20px}
.img150Banner {margin: 0 0 0 20px}
.leftContent img {margin: 0 0 20px 20px}

/* home page bottom banners */
.homeBottom {background: #fff; float:left; clear:both; padding-top: 20px}
.homeBottomBanner {float:left;}
.videoBanner {width:430px; margin: 0 0 0 20px; display:inline}
.tipsBanner {width: 504px; margin: 0 0 0 15px; }
.homeBottomBanner img {float:right; margin: 0px 0 0 0}
.howToVideos {background:#fff url(images/how-to-videos.gif) no-repeat; width: 247px; height: 37px; text-indent: -9999px; margin:0;}
.bakingTips {background:#fff url(images/baking-tips.gif) no-repeat; width: 282px; height: 37px; text-indent: -9999px; margin:0;}
.homeBottomBanner p {font-size: 14px; margin: 5px 0 5px 2px; line-height: 1.3}
.homeBottomBanner img.imgHomeBottomBtn {float:left}

/* footer */
.footer {background:#298EBC url(images/footer-bg.gif) no-repeat; color: #fff; height: 100px; width: 985px; clear:both; margin: 0 0 10px 0; text-align:center}
.footer1 {background:url(images/footer-bg-print.gif) no-repeat; color: #fff; height: 100px; width: 985px; clear:both; margin: 0 0 10px 0; text-align:center}
.footer2 {background:url(images/footer-promo.gif) no-repeat; color: #fff; height: 69px; width: 985px; clear:both; margin: 0 0 10px 0; text-align:center}
.copyright, .bottomlinks {color:#fff; margin: 67px 0px 0 130px; font-weight:bold; float:left; display:inline}
.copyright2, .bottomlinks2 {color:#fff; margin: 40px 0px 0 130px; font-weight:bold; float:left; display:inline}
.footer a:link, .footer a:visited, .footer a:active {color:#fff; font-weight:bold; text-decoration:none}
.footer a:hover {text-decoration:underline}
.footer2 a:link, .footer2 a:visited, .footer2 a:active {color:#fff; font-weight:bold; text-decoration:none}
.footer2 a:hover {text-decoration:underline}

/* product detail page */
.productDetailspg .leftlinks {margin-top:16px}
.imgProduct {float:left}
.nutrition {float:left; margin:0 0 0 100px; font-weight:bold; display:inline}
.recipeArea {float:left; clear:both;}  /* two columns recipe area */
.recipeArea  h2 {margin: 0 0 10px 20px;} 
.recipeArea .recipe {width:450px; margin: 0 0 0 20px; float:left; display:inline;}
.relatedRecipeh2 {background:#fff url(images/t-related-recipes.gif) no-repeat; width: 145px; height: 33px; text-indent: -9999px;}
.recipeText {width:205px; float:left}

/* recipe page */
.recipeh1 {background:#fff url(images/recipe-feature.jpg) no-repeat; width: 603px; height:261px; text-indent:-9999px}
.recipeh2 {background:#fff url(images/t-feature-recipes.gif) no-repeat; width: 142px; height: 33px; text-indent: -9999px; margin: 20px 0 5px 0}
.recipe {float:left; padding-bottom: 20px; margin:0; width: 600px;display:inline}
.recipeTextWide {width:358px; float:left}
.recipe h3 {margin: 0 0 5px 0}
.recipe p {margin: 0 0 5px 0}
.imgRecipeSm {background:#fff url(images/recipebg-sm.gif) no-repeat; padding: 4px 8px 8px 4px; float: left; margin: 0 10px 0px 0;}


/* recipe detail page */
.imgRecipeContainer {background:#fff url(images/recipebg-lg.gif) no-repeat; margin: 0 10px 0 0; width: 432px; height: 265px; vertical-align: middle; text-align:center}
.imgRecipeLgxx {padding: 10px 0 0 10px;}
.imgRecipeM {background:#fff url(images/recipebg-m.gif) no-repeat; padding: 5px 11px 11px 5px; margin: 0 10px 0px 0} /* old recipes */
.recipeDescription {font-size: 15px}
.recipeDetails {float:left; width: 388px; margin: 0 15px 0 0;}

/* recipes detail page rating area  */
.ratingArea h3 {margin: 0}
.ratingArea p {margin: 0}
.ratingArea {float:left; width: 200px}
.ratingArea img {margin: 5px 0; display:block}
.ratingArea input, .ratingArea textarea {border: 1px solid #aaa; width: 170px; margin: 0 0 10px 0}
.ratingArea .stars {margin: 5px 0}
.ratingArea p {margin: 5px 0 10px 0}
.ratingArea .submitBut {width: 80px; font-weight:bold;}

/* recipe box */
.recipeBoxh1 {background:#fff url(images/t-recipe-box.gif) no-repeat; width: 140px; height:42px; text-indent:-9999px}

/* serach page */
.searchh1 {background:#fff url(images/t-search-result.gif) no-repeat; width: 172px; height:34px; text-indent:-9999px}
.pagination {float:right; text-align:right; margin-bottom: 15px}
.pagination a {font-size: 13px;}

/* forms */
.forms {width: 520px; margin:20px 0; vertical-align:middle; border-top: 1px solid #ccc; padding-top:10px}
.forms select {border: 1px solid #aaa; height: 20px; margin: 5px 0; vertical-align:middle}
.formlabel {clear:both; width: 135px; margin: 9px 0 5px 0; float:left; font-weight: bold}
.formfield {width: 340px; height: 20px; border: 1px solid #aaa; margin: 5px 0; vertical-align:middle;background:#fff !important}
.formfieldsh {width: 170px; height: 20px; border: 1px solid #aaa; margin: 5px 0; vertical-align:middlel;background:#fff !important}
.radiobut {border:0; color:black}
.shorttext {margin: 8px 0; width: 50px; height: 20px; border: 1px solid #aaa; margin: 5px 0; vertical-align:middle; background:#fff !important}
.optin {margin: 15px 0; vertical-align: top}
.optin input {float:left; margin:0 10px 0 0; border:0}
.forms .submitBut {margin: 10px 0; clear:both}

/* registration page */
.registrationh1 {background:#fff url(images/t-registration.gif) no-repeat; width: 147px; height:43px; text-indent:-9999px}
/* registration form */
.formWrapper {width: 945px; margin: 0 20px;}
.formWrapper .regisForm {clear:both; padding: 5px 0 0 25px; border-top:1px dotted #ccc; margin-top:10px}
.formWrapper .formSections {width: 420px; float:left; margin:0px 20px 20px 0; vertical-align:middle; line-height: 1.5;display:inline}
.formWrapper select {border: 1px solid #aaa; height: 20px; margin: 5px 0; vertical-align:middle; background:#fff !important}
.formWrapper .formlabel {display:block; font-weight:bold; margin: 0; float: none; width:auto}
.formWrapper .formfield {width: 330px; height: 20px; border: 1px solid #aaa; margin:0 0 5px 0; vertical-align:middle; background:#fff !important}
.formWrapper .formfieldsh {width: 170px; height: 20px; border: 1px solid #aaa; margin: 0 0 5px 0; vertical-align:middle; background:#fff !important}
.formWrapper .radiobut {border:0; color:black}
.formWrapper .shorttext {margin: 8px 0; width: 50px; height: 20px; border: 1px solid #aaa; margin: 5px 0; vertical-align:middle;background:#fff !important}
.formWrapper .surveyTable {width: 400px; margin: 0px 20px 20px 0; float:left; display:inline}
.formWrapper .surveyTable td {text-align:center; vertical-align:middle; padding:5px 0 0 0; }
.formWrapper .surveyTable .formlabel  {background:#efefef; padding: 5px; margin: 15px 0 10px 0; font-size: 11px; text-align:left}
.formWrapper .surveyQuestions .formlabel  {background:#efefef; padding: 5px; margin: 20px 0 10px 0; font-size: 11px}
.formWrapper .surveyQuestions {margin: 10px 0 }
.formWrapper .submitBut {margin: 10px 0; clear:both}
.formWrapper .borderTop {border-top: 1px dotted #ccc; padding-top: 8px; margin-top: 8px}
.formWrapper .borderRight {border-right: 1px dotted #ccc; padding-right: 15px; margin-right: 25px}
.formWrapper .borderLeft {border-left: 1px dotted #ccc; padding-left: 25px; margin-left: 15px}
.errorMsg {color:#ff0000}

/* registration page tooltip bubble */
a.tt {position:relative; z-index: 24; text-decoration:none; }
a.tt span {display: none;}
a.tt:hover {z-index: 25; }
a.tt:hover span.tooltip {
	text-decoration:none;
	font-size: 10px;
	color: #000 !important;
    display:block;
    position:absolute;
    top:0px; left:10px;
	padding: 10px 0 0 0px;
	width:200px;
}
a.tt:hover span.top{
	display: block; 
	padding: 30px 8px 0;
    background: url(images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{
	display: block;
	padding:0px 30px 4px; color: #000 !important;
	background: url(images/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
    background: url(images/bubble.gif) no-repeat bottom;
}

/* login */
.loginh1 {background:#fff url(images/t-login.gif) no-repeat; width: 65px; height:42px; text-indent:-9999px}
.loginh2 {background:#fff url(images/t-register.gif) no-repeat; width: 104px; height:51px; text-indent:-9999px}
.loginForm {width: 330px; margin:20px 0; vertical-align:middle; border: 1px solid #ccc; padding:10px}
.loginForm .formlabel {width: 100px; }

.signinbox {width: 365px; margin:0; /*border: 1px;*/ font: 12px Arial, Helvetica, sans-serif}
.signinbox img {padding:0px; margin:0px;}
.siginboxContent {padding:  10px 10px 10px 15px; border:1px solid #ccc; border-top:0;}

/* my profile */
.myprofileh1 {background:#fff url(images/t-myprofile.gif) no-repeat; width: 130px; height:43px; text-indent:-9999px}

/* video page */
.myprofilepg .leftlinks {margin-top:16px}
.howtovideosh1 {background:#fff url(images/t-videos.gif) no-repeat; width: 264px; height:42px; text-indent:-9999px}
.morevideosh2 {background:#fff url(images/t-more-videos.gif) no-repeat; width: 120px; height:27px; text-indent:-9999px; margin:10px 0 25px 0}
.videoThumbnail {background:#fff url(images/videobg.gif) no-repeat; padding: 5px 10px 11px 5px; margin: 0 10px 0px 0}
.leftVideos {margin: 0 0 0 20px;}

/* print pop up page */
.printpopup .wrapper {width: 600px;}
.printpopup .header {background:#fff url(images/header-bg-print.jpg) no-repeat; height:175px; width: 600px;}
.printpopup .header .navbar {vertical-align: bottom; text-align:right; float:left; height:50px; width: 600px; margin: 91px 0 0 0;}
.printpopup .main {width: 600px; }
.printpopup .right {margin:0 10px 0 20px; width: 570px; display:inline}
.printpopup .footer {width:600px; height: 100px; background:#298EBC url(images/footer-bg-print.gif) no-repeat; text-align:center}
.printpopup .copyright {margin: 67px auto 0 auto; width: 600px}

/* about */
.aboutush1 {background:#fff url(images/t-aboutus.gif) no-repeat; width: 130px; height:43px; text-indent:-9999px}

/* contact */
.contacth1 {background:#fff url(images/t-contactus.gif) no-repeat; width: 134px; height:35px; text-indent:-9999px}
.contactpg .left img {margin: 40px 0 0 20px}
.contactpg .forms {border:0; margin:0 0 20px 0; padding:0}
.radio {margin: 0 5px 0 7px; text-align:middle}
.contactpg textarea {width: 340px; border: 1px solid #aaa;margin: 5px 0; }

/* terms and conditions */
.termsh1 {background:#fff url(images/t-terms.gif) no-repeat; width: 250px; height:34px; text-indent:-9999px}

/* privacy policy */
.privacyh1 {background:#fff url(images/t-privacy.gif) no-repeat; width: 165px; height:45px; text-indent:-9999px}

/* tips - ingredients */
.ingredientsh1 {background:#fff url(images/t-ingredients.gif) no-repeat; width: 294px; height:46px; text-indent:-9999px}
.tipslinks {margin: 10px 0 30px 10px;}
.tipslinks li {list-style: url(images/bullet.gif) outside; font-size: 110%; font-weight:bold;}
.tipslinks li a {text-decoration:none}
.forward {float:right; vertical-align:middle;}
.forward img {vertical-align:middle; margin: 0 5px 0 0;}
.forward a {text-decoration:none}
.backtotop {float: right; margin: 0 20px 10px 0}
.tipspg h3 {clear:both}

.baking101h1 {background:#fff url(images/t-baking101.gif) no-repeat; width: 134px; height:45px; text-indent:-9999px}
.baking101 {clear:both; margin: 25px 0 10px 0}
.tipspg .tipslinks li {margin:10px 5px 10px 17px;}

.techniquesh1 {background:#fff url(images/t-techniques.gif) no-repeat; width: 214px; height:45px; text-indent:-9999px}
.twocolumns {width: 250px; float:left; display:inline}

.faqsh1 {background:#fff url(images/t-faqs.gif) no-repeat; width: 223px; height:46px; text-indent:-9999px}

/* magically chocolate */
.magically-chocolate-h1 {text-indent:-9999px; width:0; height:0; margin: 0}
.chocolate-recipe {float:left; display:inline;}
.chocolate-recipe p {color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:14px; margin:0; padding: 10px 0 50px; margin: 0 5px 0 5px}
.chocolate-recipe p a {color:#FFFFFF !important; text-decoration:none}
.chocolate-recipe p strong {color:#FFFFFF !important;}
.cream {background:#fff url(images/cream.jpg) no-repeat bottom left; width:315px; height: 451px;}
.cookies {background:#fff url(images/cookies.jpg) no-repeat bottom left; width:316px; height: 451px; }
.tart {background:#fff url(images/tart.jpg) no-repeat bottom left; width:315px; height: 451px;}
.slice {background:#fff url(images/slice.jpg) no-repeat bottom left; width:315px; height: 451px;}
.cheesecake {background:#fff url(images/cheesecake.jpg) no-repeat bottom left; width:316px; height: 451px;}
.crisps {background:#fff url(images/crisps.jpg) no-repeat bottom left; width:315px; height: 451px;}

/* Error messages color & settings */
.red {
	color: #990000;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
}



/* article*/
.article {background:#fff url(images/article-bg.gif) repeat-y;  margin: 0 0 0 20px; width:308px}
.article p {margin: 0 5px 0 13px; color:#298EBC; width: 250px; padding: 0 0 8px 0}
.articleRightWrapper {padding: 10px 10px 10px 20px}
.imgFeatureArticle {margin:2px 10px 2px 2px; float: left; display:inline}