@import "hacks.css";

*
{
	margin: 0;
	padding: 0;
}

body
{
	background-color:#FFFFFF;
	color: #000;
	font-family: verdana, arial, sans-serif;
	font-size: 100%;
}

.wrapper
{
	background-color: #FFFFFF;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 945px;
}

ul, ul li
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

img
{
	border: 0;
}

a:link, a:visited
{
	color: #00518d;
	text-decoration: none;
}

a:hover, a:focus, a:active
{
	text-decoration: underline;
}

/*************************************************
=Layout
**************************************************/
.content-wrapper
{
	float: left;
	overflow: hidden;
	width: 722px;
}

.content
{
	float: left; /*margin: 0 17px 0 10px;*/
	overflow: hidden;
	width: 437px;
	margin-left: 27px;
}

.content .content
{
	margin-left: 6px;
	width: 425px;
}

html > body .content
{
	/*margin: 0 17px 0 20px;*/
}

.navigation-col
{
	float: left;
	overflow: hidden;
	width: 223px;
}

.secondary-content
{
	float: right;
	width: 230px;
	overflow: hidden;
}

/*************************************************
=Header
**************************************************/
.header
{
	background: #00ade6 url(../images/newHeader.png) no-repeat top left;
}

html > body .header
{
	height: 150px;
}

.header .logo
{
	float:right;
	margin: 11px 123px 0 25px;
}

.header .tagline
{
	display: none;
}

.header .sites
{
	background: url(../images/international.png) no-repeat top left;
	cursor: pointer;
	float: right;
	height: 180px;
	min-height: 180px;
	width: 20px;
}

html > body .header .sites
{
	height: auto;
}

.header .sites a
{
	display: block;
}

.header .sites .inner
{
	display: none;
}

/*************************************************
=Language menu (International)
**************************************************/


html > body .header .sitemenu ul
{
	height: auto;
	width: auto;
}

.header .sitemenu ul
{
	background: url(../images/sitemenu.png) no-repeat top left;
	float: right;
	height: 166px;
	min-height: 166px;
	width: 140px;
	min-width: 140px;
	padding: 14px 0 0 0;
}

.header .sitemenu ul li
{
	font-size: 0.688em;
	font-family: arial, verdana, sans-serif;
	padding: 0 0 0 30px;
}
.sitemenu a
{
	color: #ffffff;
}

/*************************************************
=Navigation column
**************************************************/
/* Search */
.navigation-col .search
{
	background: #fff url(../images/search-bg.png) repeat-x top left;
	height: 30px;
	min-height: 30px;
	margin: 0 0 5px 0;
	padding: 5px 0 0 20px;
}

span.round-edge
{
	background:transparent url(../images/curve_textfield.png) no-repeat scroll left top;
	float:left;
	height:20px;
	width:8px;
	margin-top:2px;
}

span.right-edge-arrow
{
	background:transparent url(../images/a-arrow-gray-down.png) no-repeat scroll left center;
	padding:0 2px 5px 6px;
	width:23px;
}

#searchfield
{
	background:transparent url(../images/bg_textfield.png) repeat-x scroll right top;
	border-color:-moz-use-text-color #D5D5D5 -moz-use-text-color -moz-use-text-color;
	border-style:none solid none none;
	border-width:medium 1px medium medium;
	height:20px;
	margin-top:2px;
	padding:0;
	width:108px;
	color:#333333;
	font-family:tahoma,sans-serif;
	font-size:10px;
}

form.search input.button
{
	margin-bottom: -6px;
}



html > body .navigation-col .search
{
	height: auto;
}

div.horizontal_menu a
{
	font-size:12px;
	color:#A7A7A7;
}

div.sitemenu ul
{
	
}

div.sitemenu li
{
	background:white;
}

div.sitemenu a
{
	background:White;
}

.navigation-col .search label
{
	display: none;
}

.navigation-col .search input.text
{
	border-top: 1px solid #bad9e6;
	border-bottom: 1px solid #7eb5d5;
	border-left: 0;
	border-right: 0;
	margin: 0 11px 0 0;
	float: left;
	width: 140px;
}

.navigation-col .search input.button
{
	margin-top: -2px;
}

/* Login menu */
.navigation-col ul.login
{
	margin: 0 0 9px 0;
}

.navigation-col ul li
{
	display: block;
	float: left;
	margin: 0 0 1px 0;
	width: 100%;
}

.navigation-col ul li a.selected
{
	font-weight: bold;
}

.navigation-col ul.login li a:link, .navigation-col ul.login li a:visited
{
	background: #edf3f6 url(../images/loginmenuitem.png) no-repeat top left;
	border-bottom: 1px solid #e6e6e6;
	display: block;
	font-size: 0.688em;
	padding: 6px 0 5px 45px;
	width: 100%;
}


/* Left menu */
.navigation-col ul.content-nav
{
	background: #fff url(../images/leftmenu-shadow.png) repeat-x bottom left;
	margin: 0 0 4px 0;
	padding: 0 0 5px 0;
}

/* Level 1 */
.navigation-col ul.content-nav li a:link, .navigation-col ul.content-nav li a:visited
{
	background: #edf3f6 url(../images/menuitem1.png) no-repeat top left;
	border-bottom: 1px solid #e6e6e6;
	display: block;
	font-size: 0.688em;
	padding: 6px 0 5px 22px;
	width: 100%;
}

.navigation-col ul.content-nav li.expanded a:link, .navigation-col ul.content-nav li.expanded a:visited
{
	background: #edf3f6 url(../images/menuitem1-exp.png) no-repeat top left;
}

.navigation-col ul.content-nav li.selected a:link, .navigation-col ul.content-nav li.selected a:visited
{
	font-weight: bold;
}

/* Level 2 */
.navigation-col ul.content-nav li ul li a:link, .navigation-col ul.content-nav li ul li a:visited
{
	background: #fff url(../images/menuitem2.png) no-repeat 28px 10px !important;
	padding: 6px 0 5px 41px;
}

.navigation-col ul.content-nav li ul li.expanded a:link, .navigation-col ul.content-nav li ul li.expanded a:visited
{
	background: #fff url(../images/menuitem2-exp.png) no-repeat 28px 10px !important;
}

/* Level 3 */
.navigation-col ul.content-nav li ul li ul li a:link, .navigation-col ul.content-nav li ul li ul li a:visited, .navigation-col ul.content-nav li ul li.expanded ul li a:link, .navigation-col ul.content-nav li ul li.expanded ul li a:visited
{
	background: #f8fafb url(../images/menuitem3.png) no-repeat 49px 10px !important;
	padding: 6px 0 5px 60px;
}

/* Recipe search */
.recipe-search h2
{
	background: url(../images/header-receitas.png) no-repeat top left;
	height: 30px;
}

.recipe-search h2 span
{
	display: none;
}

.recipe-search .text-search
{
	background: url(../images/recipe-search-bg.png) no-repeat top left;
	margin: 0 0 6px 0;
	padding: 9px 17px 10px 20px;
}

.recipe-search .text-search label
{
	display: none;
}

.recipe-search .text-search input.text
{
	color: #007fc4;
	float: left;
	width: 149px;
}

.recipe-search .text-search input.button
{
	margin: 0;
}

.recipe-search .browse
{
	background: url(../images/recipe-search-bg.png) no-repeat bottom left;
	padding: 9px 17px 15px 20px;
}

.recipe-search .browse label.fish-type
{
	background: url(../images/fish-label.png) no-repeat top left;
	height: 22px;
	padding: 0 6px 0 0;
	width: 23px;
}

.recipe-search .browse label.fish-type span
{
	display: none;
}

.recipe-search .browse label.occation
{
	background: url(../images/occation-label.png) no-repeat top left;
	height: 22px;
	padding: 0 6px 0 0;
	width: 23px;
}

.recipe-search .browse label.occation span
{
	display: none;
}

.recipe-search .browse select
{
	color: #007fc4;
	width: 147px;
}

html > body .recipe-search .browse select
{
	width: 150px;
}

.professional
{
	background: #fff url(../images/leftmenu-shadow.png) repeat-x bottom left;
	margin: 0 0 4px 0;
	padding: 0 0 5px 0;
	width: 217px;
}

.professional img
{
	float: left;
}

/*************************************************
=Contact
**************************************************/
.content-wrapper .contact
{
	background: #006aa2 url(../images/contact-bg.png) repeat-x top left;
	height: 19px;
	min-height: 19px;
	padding: 1px 28px 0 0;
	text-align: right;
}

html > body .content-wrapper .contact
{
	height: auto;
}

.content-wrapper .contact a:link, .content-wrapper .contact a:visited
{
	background: url(../images/contact-icon.png) no-repeat top left;
	color: #fff;
	float: right;
	font-size: 0.625em;
	padding: 0 0 0 18px;
	text-transform: uppercase;
}

/*************************************************
=Breadcrumb
**************************************************/
ol.breadcrumb
{
	display: block;
	list-style-type: none;
	margin: 0 0 7px 30px;
}

ol.breadcrumb li
{
	color: #999;
	float: left;
	font-size: 0.688em;
}

ol.breadcrumb li a:link, ol.breadcrumb li a:visited
{
	background: #fff url(../images/breadcrumb.png) no-repeat right 5px;
	color: #999;
	padding: 0 12px 0 0;
	margin: 0 5px 0 0;
}

/*************************************************
=Footer
**************************************************/
.footer
{
	background: url(../images/footer.png) repeat-x top left;
	clear: both;
	height: 20px;
	min-height: 20px;
	margin: 8px 0 0 0;
	padding: 2px 5px 0 0;
}

html > body
{
	height: auto;
}

.footer p, .footer span
{
	color: #fff;
	font-size: 0.688em;
	text-align: right;
	float: right;
	padding-right: 5px;
}


/*************************************************
=Forms
**************************************************/
.form
{
	background-color: #edf3f6;
	margin: 0 0 6px 0;
	padding: 0 8px 10px 8px;
}

.form h1, .form h2
{
	color: #000;
	font-size: 0.875em;
	font-weight: normal;
	margin: 0 0 12px 0;
	padding: 8px 0 0 0;
	text-align: center;
	text-transform: uppercase;
}

.form .line
{
	clear: both;
	padding-bottom: 5px;
}

.form label
{
	color: #007fc4;
	display: block;
	float: left;
	font-size: 0.75em;
	padding-top: 4px;
}

input.text, .form textarea, .form select
{
	border-top: 1px solid #e7e7e7;
	border-bottom: 0;
	border-right: 1px solid #dee3e5;
	border-left: 0;
}

input.text
{
	height: 18px;
	padding: 2px 0 0 1px;
}

.form select
{
	height: 20px;
}

.form input.button
{
	margin-top: 5px;
	float: right;
}

.smallbutton
{
	float: right;
	font-size: 0.688em;
	color: #00578e;
	background-color: transparent;
	border: none;
	text-transform: uppercase;
	margin: 3px 10px 3px 0;
	cursor: pointer;
}

.smallbutton:hover
{
	text-decoration: underline;
}

/*************************************************
=Modules in center column
**************************************************/
.content .video
{
	margin: 0 0 10px 7px;
}

.content .more
{
	padding: 4px 0 0 0;
	text-align: right;
}

.content .more a:link, .content .more a:visited
{
	background: url(../images/blue-bullet.png) no-repeat left 8px;
	font-size: 0.688em;
	font-weight: bold;
	padding: 4px 7px 0 11px;
	text-transform: uppercase;
}

/* Two banners on front page */
.content .banners
{
	margin: 0 0 15px 5px;
	width: 500px;
}

.content .banners img
{
	float: left;
	margin: 0 11px 0 0;
}

/* Article list on front page */
.introlist
{
	clear: both;
}

.introlist .intro
{
	border-bottom: 1px solid #e6e6e6;
	clear: both;
	margin: 0 0 12px 5px;
	padding: 0 0 12px 0;
}

.introlist .intro.last
{
	border: 0;
}

.introlist .intro img
{
	float: left;
	margin: 0 17px 0 0;
}

.introlist .intro p
{
	color: #6d6e70;
	font-size: 0.688em;
	padding: 11px 0 0 0;
}

.pager
{
	font-size: 0.688em;
	padding: 0 0 4px 0;
	text-align: right;
}

.pager ul
{
	float: right;
}

.pager ul li
{
	float: left;
	margin: 0 0 0 8px;
}

.pager ul li a:link, .pager ul li a:visited
{
	color: #808080;
}

.pager ol
{
	margin: 0 0 0 4px;
}

.pager ol li
{
	margin: 0 4px 0 0;
}

.pager ol li a:link, .pager ol li a:visited, .pager ol li span
{
	background: url(../images/pager-divider.png) no-repeat right 2px;
	padding: 0 9px 0 0;
}

.pager ol li.last a:link, .pager ol li.last a:visited, .pager ol li.last span
{
	background: none;
	padding: 0;
}

/* List of cooking method, difficulty etc. used on recipe page and recipe category page */
ul.facts li
{
	color: #000;
	float: left;
	font-size: 0.688em;
}

ul.facts li.assar, ul.facts li.cooking-method
{
	background: url(../images/assar.png) no-repeat left 1px;
	padding: 10px 12px 0 27px;
}

ul.facts li.grelhar
{
	background: url(../images/grelhar.png) no-repeat left 1px;
	padding: 10px 12px 0 33px;
}

ul.facts li.cozer
{
	background: url(../images/cozer.png) no-repeat left 1px;
	padding: 10px 12px 0 33px;
}

ul.facts li.fritar
{
	background: url(../images/fritar.png) no-repeat left 10px;
	padding: 10px 12px 0 40px;
}

ul.facts li.persons
{
	background: url(../images/persons.png) no-repeat left 2px;
	padding: 10px 12px 0 5px;
}

ul.facts li.persons span
{
	color: #fff;
	font-weight: bold;
}

ul.facts li.easy
{
	background: url(../images/diff-easy.png) no-repeat left 12px;
	padding: 10px 12px 0 35px;
}

ul.facts li.medium
{
	background: url(../images/diff-medium.png) no-repeat left 12px;
	padding: 10px 12px 0 35px;
}

ul.facts li.difficult
{
	background: url(../images/diff-difficult.png) no-repeat left 12px;
	padding: 10px 12px 0 35px;
}

ul.facts li.time
{
	background: url(../images/time.png) no-repeat left 2px;
	padding: 10px 0 0 25px;
}


/*************************************************
=Modules in right column
**************************************************/
.infobox
{
	background: #0077a7 url(../images/infobox.png) repeat-x bottom left;
	margin: 0 0 5px 0;
	padding: 10px 19px 15px 19px;
}

.infobox h2
{
	color: #fff;
	font-size: 1em;
	font-weight: normal;
	margin: 0 0 8px 0;
}

.infobox p
{
	color: #fff;
	font-size: 0.688em;
}

.infobox ul
{
	margin: 0 0 0 11px;
}

.infobox ul li
{
	background: url(../images/infobox-bullet.png) no-repeat left 8px;
	color: #fff;
	font-size: 0.688em;
	padding: 4px 0 0 11px;
	width: 100%;
}

.infobox ul li a:link, .infobox ul li a:visited, .infobox a:link, .infobox a:visited
{
	color: #fff;
}

.secondary-content .video
{
	background: #edf3f6;
	margin: 0 0 7px 0;
	padding: 0 0 10px 0;
}

.secondary-content .video ul
{
	margin: 3px 19px 0 19px;
}

.secondary-content .video ul li
{
	background: url(../images/blue-bullet.png) no-repeat left 8px;
	color: #fff;
	font-size: 0.688em;
	padding: 4px 0 0 11px;
	width: 100%;
}



.secondary-content .video ul li.expanded
{
	background: url(../images/blue-bullet-down.png) no-repeat 0px 8px;
}

.secondary-content .video ul li .list_header
{
	color: #00518D;
	cursor: pointer;
}

.secondary-content .video ul li .list_header:hover
{
	text-decoration: underline;
}


.secondary-content .video .form
{
	border-bottom: 2px solid #fff;
	margin-left: -20px;
	padding: 10px 11px;
}

html > body .secondary-content .video .form
{
	margin-left: -28px;
}

.secondary-content .video .form textarea
{
	margin-left: 20px;
}

html > body .secondary-content .video .form textarea
{
	margin-left: 0px;
}

.secondary-content .video .form label
{
	font-size: 1em;
	width: 63px;
}

.secondary-content .video .form input.text
{
	width: 139px;
}

html > body .secondary-content .video .form input.text
{
	width: 142px;
}

.secondary-content .video .form .smallbutton
{
	font-size: 1em;
}

.secondary-content .video .blog input.text
{
	float: right;
	margin: 0 11px 0 0;
	width: 202px !important;
}

.learn-more
{
	background: #edf3f6 url(../images/related-bg.png) repeat-y top left;
	padding: 0 0 10px 0;
}

.learn-more h2
{
	border-bottom: 1px solid #fff;
	color: #00518d;
	font-size: 0.875em;
	font-weight: normal;
	padding: 8px 0 6px 0;
	text-align: center;
	text-transform: uppercase;
}

.learn-more h2 span
{
	background: url(../images/learnmore-icon.png) no-repeat left 2px;
	padding: 0 0 0 20px;
}

.learn-more ul
{
	margin: 3px 19px 0 19px;
}

.learn-more ul li
{
	background: url(../images/blue-bullet.png) no-repeat left 8px;
	color: #fff;
	font-size: 0.688em;
	font-weight: bold;
	padding: 4px 0 0 11px;
	width: 100%;
}

/*************************************************
=Download (HomepageA8)
**************************************************/
.download
{
	background-color: #e5eef3;
	padding: 10px 0 0 10px;
}

.download h1
{
	color: #000;
	font-size: 1em;
	font-weight: normal;
	padding: 0 0 8px 0;
	text-align: center;
	text-transform: uppercase;
}

.download .items
{
	clear: both;
	padding: 0 0 10px 0;
	width: 500px;
}

.download .items .item
{
	float: left;
	margin: 0 19px 0 0;
	width: 126px;
}

.download .items .item p
{
	font-size: 0.688em;
}

.download .items .item p a:link, .download .items .item p a:visited
{
	background: url(../images/download-icon.png) no-repeat right 5px;
	display: block;
	height: 25px;
	min-height: 25px;
	padding: 5px 20px 0 0;
}

html > body .download .items .item p a:link, html > body .download .items .item p a:visited
{
	height: auto;
}


/*************************************************
=Article (Template H1)
**************************************************/
.article
{
	font-size: 0.688em;
	padding: 2px 0 0 0;
	background-color: #fff;
	color: #6d6e70;
}

.article p
{
	padding: 0 0 14px 0;
}

.article p.ingress, .article div.ingress
{
	font-weight: bold;
}

p.errormsg
{
	font-family: verdana,arial,sans-serif;
	color:#FF0000;
	font-size:0.688em;
	font-weight:bold;
}

.article h1
{
	padding: 0 0 20px 0;
	font-weight: normal;
	font-size: 150%;
	color: #000;
}

.article h2
{
	font-size: 100%;
	font-weight: normal;
	text-transform: uppercase;
}

.article h3, .article h4, .article h5
{
	font-size: 100%;
	font-weight: bold;
}

.article ul
{
	margin: 10px 0 12px 0;
}

.article ul li
{
	background: url(../images/blue-bullet.png) no-repeat left 7px;
	padding: 0 0 0 12px;
}

html > body .article ul li
{
	background: url(../images/blue-bullet.png) no-repeat left 4px;
}

.article ol
{
	margin: 5px 0 12px 24px;
	padding-left: 2px;
}

html > body .article ol
{
	margin: 5px 0 12px 20px;
}

.article table
{
	margin: 0 0 14px 0;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-collapse: collapse;
}
.article th, .article td
{
	padding: 2px 10px 2px 2px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

/*************************************************
=Recipe dashboard page (Template E)
**************************************************/
.recipe-dashboard
{
	padding: 11px 0 0 0;
}

.recipe-dashboard .items
{
	background-color: #f2f2f2;
	clear: both;
	padding: 12px 0;
}

.recipe-dashboard .items.odd
{
	background-color: #fff;
}

.recipe-dashboard .items .item
{
	float: left;
	width: 217px;
}

.recipe-dashboard .items .item img
{
	float: left;
}

.recipe-dashboard .items .item .title
{
	float: left;
	/*padding: 29px 0 0 4px;*/
	padding: 15px 0 0 4px;
	width: 100px;
}

recipe-dashboard .items .item .title a:link, .recipe-dashboard .items .item .title a:visited
{
	display: block;
}

.recipe-dashboard .items .item .title a:link, .recipe-dashboard .items .item .title a:visited
{
	background: url(../images/blue-bullet.png) no-repeat left 3px;
	font-size: 0.688em;
	padding: 0 0 0 11px;
}


/*************************************************
=Recipe category list page (Template B)
**************************************************/
.recipe-category h1
{
	background-color: #cfab7a;
	color: #fff;
	font-size: 1.25em;
	font-weight: normal;
	margin: 0 0 4px 0;
	padding: 10px 0;
	text-align: center;
}

.recipe-category .item
{
	clear: both;
	padding: 18px 10px 18px 0;
}

.recipe-category .item.odd
{
	background-color: #f2f2f2;
}

.recipe-category .item img
{
	float: left;
	margin: 0 14px 0 0;
}

.recipe-category .item p
{
	font-size: 0.75em;
	padding: 0 0 8px 0;
}

.recipe-category .item ul li
{
	color: #000;
	float: left;
	font-size: 0.688em;
}

.recipe-category .item ul li.persons
{
	background: url(../images/persons.png) no-repeat top left;
	padding: 10px 12px 0 18px;
}

.recipe-category .item ul li.easy
{
	background: url(../images/diff-easy.png) no-repeat left 12px;
	padding: 10px 12px 0 35px;
}

.recipe-category .item ul li.medium
{
	background: url(../images/diff-medium.png) no-repeat left 12px;
	padding: 10px 12px 0 35px;
}

.recipe-category .item ul li.difficult
{
	background: url(../images/diff-difficult.png) no-repeat left 12px;
	padding: 10px 12px 0 35px;
}

.recipe-category .item ul li.time
{
	background: url(../images/time.png) no-repeat left 2px;
	padding: 10px 0 0 25px;
}

/*************************************************
=Recipe page (Template C)
**************************************************/
.recipe h1
{
	background-color: #cfab7a;
	color: #231f20;
	font-size: 1.25em;
	font-weight: normal;
	margin: 0 0 7px 0;
	padding: 10px 30px;
	width: 375px;
}

.recipe h1 span
{
	display: block;
	font-size: 80%;
}

.recipe h2
{
	font-weight: normal;
	font-size: 1em;
	padding: 0 0 8px 0;
}

.recipe h3
{
	font-size: 0.813em;
	font-weight: normal;
	padding: 10px 0 4px 0;
}

.recipe ul.facts
{
	float: left;
	margin: 10px 0 0 0;
}

.recipe img.cut
{
	float: right;
}

.recipe .recipe-text
{
	clear: both;
}

.recipe .ingredients
{
	float: left;
	margin: 0 10px 0 0;
	width: 191px;
}

.recipe .ingredients ul
{
	margin: 0 0 12px 16px;
}

.recipe .ingredients ul li
{
	font-size: 0.688em;
	list-style-type: disc;
}

.recipe .description
{
	float: left;
	width: 236px;
}

.recipe .description p
{
	font-size: 0.688em;
}

/* In right column */
.recipe-pager
{
	background-color: #edf3f6;
	margin: 0 0 6px 0;
	padding: 0 0 10px 0;
}

.recipe-pager h2
{
	border-bottom: 1px solid #fff;
	color: #015a9b;
	font-size: 0.875em;
	font-weight: normal;
	margin: 0 0 12px 0;
	padding: 8px 0 6px 0;
	position: relative;
	text-align: center;
	text-transform: uppercase;
}

.recipe-pager .today
{
	float: left;
	padding: 0 5px 0 19px;
	width: 70px;
}

.recipe-pager .today a:link, .recipe-pager .today a:visited
{
	background: url(../images/today.png) no-repeat top left;
	display: block;
	font-size: 0.688em;
	padding: 4px 0 4px 25px;
}

.recipe-pager ul
{
	float: right;
	margin: 0 10px 0 0;
}

.recipe-pager ul li
{
	float: left;
	font-size: 0.688em;
}

.recipe-pager ul li.previous
{
	background: url(../images/recipe-pager.png) no-repeat top right;
	padding-right: 10px;
}

.recipe-pager ul li.previous a:link, .recipe-pager ul li.previous a:visited
{
	background: url(../images/recipe-previous.png) no-repeat top right;
	display: block;
	padding: 10px 0 0 0;
}

.recipe-pager ul li.next
{
	padding-left: 6px;
}

.recipe-pager ul li.next a:link, .recipe-pager ul li.next a:visited
{
	background: url(../images/recipe-next.png) no-repeat top left;
	display: block;
	padding: 10px 0 0 0;
}

.tools
{
	background-color: #edf3f6;
	margin: 0 0 6px 0;
	padding: 8px 0 10px 0;
}

.tools ul
{
	margin: 0 19px 0 19px;
}

.tools ul li
{
	/*background: url(../images/blue-bullet.png) no-repeat left 8px;*/
	color: #fff;
	font-size: 0.688em;
	padding: 5px 0 2px 25px;
	width: 100%;
}

.tools ul li.cookbook
{
	background: url(../images/cross.gif) no-repeat 2px 6px;
}

.tools ul li.print
{
	background: url(../images/print_icon.gif) no-repeat 0px 4px;
}

.tools ul li.comment
{
	/*background: url(../images/comment_icon.gif) no-repeat 3px 7px;*/
}

.tools ul li.mail
{
	background: url(../images/mail_icon.gif) no-repeat 0px 7px;
}

.tools ul li.vote
{
	background: url(../images/vote_icon.gif) no-repeat 1px 5px;
}

.tools ul li.facebook
{
	background: url(../images/facebook_icon.gif) no-repeat 3px 7px;
}

.tools ul li.selected
{
	font-weight: bold;
}

.recipe-form label
{
	width: 63px;
}

.recipe-form input.text
{
	float: right;
	width: 140px;
}

.recipe-form textarea
{
	width: 206px;
}

.recipe-form a
{
	clear: both;
	display: block;
	float: left;
	font-size: 0.688em;
	width: 124px;
}

.recipe-form .helptext
{
	color: #007fc4;
}

.recipe-form label .helptext
{
	font-size: 80%;
	white-space: nowrap;
}

.recipe-form .message label
{
	margin: 0 0 2px 0;
	width: 100%;
}

.recipe-form .message .helptext
{
	padding: 1px 0 0 0;
	white-space: normal;
}

.vote
{
	background-color: #edf3f6;
	margin: 0 0 6px 0;
	padding: 0 8px 10px 8px;
}

.vote h2
{
	color: #000;
	font-size: 0.875em;
	font-weight: normal;
	margin: 0 0 8px 0;
	padding: 8px 0 0 0;
	text-align: center;
	text-transform: uppercase;
}

.vote p
{
	color: #015a9b;
	font-size: 0.688em;
	text-align: center;
}

.vote ul
{
	margin: 5px auto 0 auto;
	width: 100px;
}

.vote ul li
{
	background: url(../images/star.png) no-repeat top left;
	color: #015a9b;
	cursor: pointer;
	float: left;
	font-size: 0.688em;
	padding: 20px 0 0 0;
	text-align: center;
	width: 20px;
}

.vote ul li.filled, .vote ul li:hover
{
	background: url(../images/star-filled.png) no-repeat top left;
}


/*************************************************
Template_G / G1
*************************************************/

.content .sushi_list ul
{
	margin-bottom: 5px;
}

.content .sushi_list li
{
	color: #00518d;
	font-size: 0.688em;
	font-weight: bold;
	background: url(../images/blue-bullet.png) no-repeat 15px 5px;
	padding: 2px 0 2px 15px;
}

.content .sushi_list h1
{
	padding: 0 0 8px 0;
	font-weight: normal;
	font-size: 1.062em;
	color: #000;
}

.content .sushi_list li .list_header
{
	padding-left: 25px;
	cursor: pointer;
}

.content .sushi_list li .description
{
	font-weight: normal;
	color: #000;
	padding: 10px 0 5px 5px;
}

.content .sushi_list li .description img
{
	padding-right: 20px;
	width: auto;
	min-width: 62px;
	height: auto;
	min-height: 48px;
	float: left;
}

.content .sushi_list li.odd
{
	background-color: #f2f2f2;
}

/*************************************************
=Search result
**************************************************/
.searchresult h1
{
	color: #000;
	font-size: 1em;
	font-weight: normal;
	margin: 10px 0;
}

.searchresult h1 span
{
	text-transform: uppercase;
}

.searchresult h2
{
	background: #edf3f6 url(../images/searchresult-heading.png) repeat-y top left;
	color: #00578e;
	font-size: 0.875em;
	font-weight: normal;
	margin: 0 0 8px 0;
	padding: 4px 17px;
	text-transform: uppercase;
}

.searchresult .section
{
	position: relative;
}

.searchresult .hits
{
	font-size: 0.75em;
	font-weight: bold;
	text-align: right;
	position: absolute;
	top: 5px;
	right: 12px;
}

.searchresult .pager
{
	position: absolute;
	top: 6px;
	right: 12px;
}

.searchresult .item
{
	margin: 0 0 12px 0;
}

.searchresult h3
{
	color: #6d6e70;
	font-size: 0.75em;
}

.searchresult p
{
	color: #6d6e70;
	font-size: 0.688em;
}

.searchresult .date
{
	color: #6d6e70;
	font-size: 0.688em;
}

.searchresult .more
{
	padding: 0 0 4px 0;
}

/*************************************************
=Order
**************************************************/
.order .form
{
	margin: 10px 0 0 0;
}

.order label
{
	padding-right: 11px;
	text-align: right;
	width: 135px;
}

.order input.text
{
	width: 248px;
}

.order input.postal1
{
	width: 49px;
}

.order input.postal2
{
	width: 41px;
}

.order input.postal3
{
	width: 142px;
}

.order .checkbox input
{
	float: left;
	margin-left: 107px;
}

.order .checkbox label
{
	padding: 0 0 0 10px;
	text-align: left;
	width: 270px;
}

.order .button
{
	margin-right: 63px;
}


/*************************************************
=Template A2 (Log in) and A1 (register)
**************************************************/
.login_form label
{
	font-size: 0.688em;
	color: #00578e;
	white-space: nowrap;
}

.login_form .outer_boxes
{
	padding: 0 0 10px 0;
	float: left;
}

.login_form .outer_boxes label
{
	padding: 5px 0 5px 10px;
	float: left;
	clear: left;
}

.login_form .outer_boxes input.text
{
	width: 125px;
	margin: 3px 5px 0 2px;
	display: block;
	float: right;
	padding: 0;
}

.navigation-col ul.login li .login_form a:link, .navigation-col ul.login li .login_form a:visited
{
	background: #fff;
	float: right;
	text-align: right;
	border: none;
	width: auto;
	padding: 0 0 5px 0;
}

.login_form .inner_boxes input.checkbox
{
	float: left;
	clear: left;
	background-color: #fff;
	border: none;
}

.login_form .inner_boxes label
{
	padding: 0 0 0 10px;
	display: block;
	margin: 0 0 0 10px;
}

.login_form .inner_boxes
{
	float: left;
	padding: 10px 0 10px 25px;
}
.login_form
{
	padding-bottom: 10px;
	float: left;
}

/*************************************************
=Template A1 only (register)
**************************************************/

form#register_form
{
	padding-bottom: 0px;
}

/*************************************************
=Template A3 (Logged in)
**************************************************/

.logged_in
{
	padding: 5px 0 10px 0;
	float: left;
}

.logged_in ul li a:link, .logged_in ul li a:visited
{
	background: #ffffff url(../images/menuitem2.png) no-repeat scroll 30px 10px !important;
}

.logged_in p
{
	font-size: 0.688em;
	color: #00578e;
	padding: 0 0 10px 10px;
}

.navigation-col ul.login li .logged_in .smallbutton a:link, .navigation-col ul.login li .logged_in .smallbutton a:visited
{
	background: none;
	border: none;
	text-align: right;
	font-size: 100%;
	width: auto;
	white-space: nowrap;
	margin-right: 5px;
	padding: 0 0 0 35px;
}

/*************************************************
=Template A10 (Logged in)
**************************************************/
#my_account li a:link, #my_account li a:visited
{
	background: none !important;
	border: none;
	font-size: 0.688em;
	width: auto;
	padding-top: 3px;
	padding-bottom: 0px;
}

ul#my_account
{
	padding-bottom: 5px;
	float: left;
}

/*************************************************
=Other
**************************************************/
.clear
{
	clear: both;
}

/*************************************************
=Encyclopedia
**************************************************/
.tbl_image
{width: 100%;}

.tbl_image td
{
	/*background: #ff0;
	vertical-align: bottom;*/
}

.tbl_image tr.link td
{
	padding-bottom: 40px;
}
.tbl_image tr .td_mid
{
	padding: 0 5px;
}
.tbl_image td
{
	text-align: center;
}

.tbl_image tr.link td.td_mid
{
	margin: 0px 5px;
}

.tbl_image tr.link td a
{
	background-color: #edf3f6;
	display:block;
	text-align:center;
	height: 32px;
	font-size: 0.8em;
	padding: 4px 0px;
}
.tbl_image tr.link td a:hover,
.tbl_image tr.link td a:focus,
.tbl_image tr.link td a:active
{
	background-color: #0695c7;
	color: #fff;
	text-decoration: none;
}
