/*CONTENT*/	
#intro {
	margin: 0 0 1em 0;
	width: 480px;
}
#intro img {
	margin: 0.2em 1em 1em 0;
}
#ArticlesContainer{
	margin: 0 0 1em 0;
	width: 480px;
}
#ArticlesContainer img {
	margin: 0.5em 1em 1em 0;
}


/*titles*/
#contentCol h1, #maincontent h1, #contentCol h6 {
	/*font-size: 32px;
	line-height: 1.3em;
	font-weight: normal;
	*/
	font-size: 23px;
	display: block;
	line-height: 1.7em;
}
#contentCol h2, #maincontent h2 {
	line-height: 1.3em;
	font-size: 18px;
	font-weight: normal;
}
#contentCol h3 {
	font-size: 1.0em;
	display: block;
	line-height:normal;
	font-weight: normal;
}
#contentCol h4 {
	margin-top: 12px;
	line-height: normal;
	display: block;
	font-family: Trebuchet MS, Trebuchet, Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.6em;
}
#contentCol h5 {
	line-height: 1.3em;
	font-size: 12px;
	font-weight: bold;
}

#EditProfile  h1 {
	line-height: 1.3em;
	font-size: 24px;
	font-weight: bold;}
	

#page #contentCol p {
	font-size: 100%;
	line-height: 1.4em;
}
#contentCol a {
	text-decoration: none;
}
#contentCol a:hover {
	text-decoration: underline;
}

#page hr {
	border:0pt none;
	height:1px;
	margin:15px 0pt;
	display: block;
	clear: both;
}
#contentCol ul {
	margin: 0px;
	padding: 0px;
	overflow: hidden;

}
#contentCol ul li {
	margin: 5px 20px 5px 0px;
	padding: 0 0 0 15px !IMPORTANT;
	list-style-type: none;
}
#contentCol ul li ol li {
	list-style-type: lower-alpha;
	margin: 5px 20px 5px 22px;
	padding-left:0 !important;
	background:none;
}
#contentCol ol li ol li {
	list-style-type: lower-roman;	
}

#contentCol li.numeric {
	list-style-type:decimal;
}

#page #contentCol table.striped {
	width: 100%;
}
#page #contentCol table.striped td, #page #contentCol table.striped th {
	padding: 0.5em;
	text-align: left;
}

#page #contentCol table.striped th {
	font-weight: bold;
}
#contentCol iframe 
{
	position: relative;
	float: left;
	overflow: hidden !IMPORTANT;
	height: 1200px;
}
#page .symbol {
	margin: 1em 0;
}
#page .symbol img {
	padding: 0 5px;
}

/* DID YOU KNOW */
#contentCol div.didYou 
{
	clear: both;
	width: 480px;
	position: relative;
	display: block;
}
#contentCol div.didYou .title {
	width: 90px;
	float: left;
}
#contentCol div.didYou .content {
	width: 345px;
	padding: 0 0 0 25px;
	float: left;
}
#contentCol div.didYou .content .top {
	width: 345px;
	height: 10px;
}

/* Product Grid */
#contentCol div.grid-con-green  {
	display: block;
	float: left;
}
#contentCol .gridText
{
	padding-right: 5px;
	text-align: center;
}


#contentCol .grid-con-orange img, #contentCol .grid-con-green img {
	padding:0;
	margin:0;
	width: 119px;
	height: 87px;
}

#contentCol div.grid-con-orange {
	display: block;
	float: left;
}


/* Rate Article */
#page #contentCol ul.articlepoll {
	list-style:none;
	margin: 0.8em 0 0 10px;
	padding:0px;
	width: 115px;
	height: 16px;
	position: relative;	
	float: left;
}
#page #contentCol ul.articlepoll li {
	padding:0px;
	margin:0px;
	list-style: none;
	height:16px;
	width: 23px;		
	/*\*/
	float: left;
	/* */
}
#page #contentCol ul.articlepoll li a {
	display:block;
	width: 23px;
	height: 16px;
	line-height: 16px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	overflow: hidden;
}
#page #contentCol ul.articlepoll li a:hover {
	z-index: 2;
	left: 0px;
	border:none;
}
#page #contentCol ul.articlepoll li.current-rating {
	 position: absolute;
	 left: 0;
	 height: 16px;
	 display: block;
	 text-indent: -9000px;
	 z-index: 1;
}

#page #contentCol ul.articlepoll a.one-heart{ left: 0px; }
#page #contentCol ul.articlepoll li a.one-heart:hover, .articlepoll li a.one-heart.selected { width: 23px; }
#page #contentCol ul.articlepoll a.two-hearts{ left: 23px; }
#page #contentCol ul.articlepoll li a.two-hearts:hover, .articlepoll li a.two-hearts.selected { width: 46px; }
#page #contentCol ul.articlepoll a.three-hearts{ left: 46px; }
#page #contentCol ul.articlepoll li a.three-hearts:hover, .articlepoll li a.three-hearts.selected { width: 69px; }
#page #contentCol ul.articlepoll a.four-hearts{	left: 69px; }	
#page #contentCol ul.articlepoll li a.four-hearts:hover, .articlepoll li a.four-hearts.selected { width: 92px; }
#page #contentCol ul.articlepoll a.five-hearts{	left: 92px; }
#page #contentCol ul.articlepoll li a.five-hearts:hover, .articlepoll li a.five-hearts.selected { width: 115px; }

#page .poll p.left {
	font-size: 0.65em;
}
.poll p.results {
	clear: both;
}

/* CrossSells */
#page #contentCol div.crossSell1, #page #contentCol div.crossSell3 {
	float:left;
}
#page #contentCol div.crossSell2, #page #contentCol div.crossSell4 {
	float:left;
	padding-left:8px;
}
#page #contentCol div.crossSell1, #page #contentCol div.crossSell2, #page #contentCol div.crossSell3, #page #contentCol div.crossSell4 {
	padding-top:8px;
}

/* Flash in articles */
#page #contentCol div.flashArticleDiv 
{
	z-index:26; 
	position:relative;
}

/*Yello Box*/
.yelloBox {
	float: left;
	width: 236px;
	margin: 0 3px 0 0px;
	position: relative;
}
.yelloBox .top {
	padding: 10px 0 0 0;
	float: left;
}
.yelloBox .btm {
	padding: 0 0 10px 0;
	float: left;
}
.yelloBox .body {
	width: 210px;
	padding: 0 10px;
	min-height: 230px;
	height: auto !important;
	height: 230px;
}
#page #contentCol .yelloBox .body span {
	display: block;
}

/*Heart age results*/
#page #contentCol ul.heartAgeList li {
	list-style-image: none;
	list-style: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;
}
#page #contentCol ul.heartAgeList li p {
	padding: 0 0 1em 0;
}

/*Heart Age results*/
.heartageResult { margin: 0 auto; width: 481px;}
.heartage-content { margin: 0 10px; padding: 0 32px 0 20px; min-height: 40px; height: auto !important; height: 40px; }
.heartage-content hr {  margin: 0; }
.heartage-content p { padding-left: 5px; }
.heartage-btm { height: 44px;}

/*Resources*/
#page #contentCol ul.resourcesList {
	width: 420px;
	display: block;
	float: left;
	list-style: none;
	list-style-type: none;
	list-style-position: outside;
	margin: 20px 0;
}
#page #contentCol ul.resourcesList li {
	display: inline;
	float: left;
	width: 210px;
	list-style: none;
	list-style-type: none;
	list-style-position: outside;
	font-weight: bold;
	margin: 0;
}
ul.resourcesList li a {
	font-weight: bold;
}
/*recipe Search home*/
#contentCol .recipeSearch {
	display: block;
	float: left;
	margin: 0 0 10px 0;
}	
#contentCol .recipeSearch-col1 {
	width: 225px;
	float: left;
	padding: 0 10px 0 0;
}
#contentCol .recipeSearch-col2 {
	width: 220px;
	float: left;
	padding: 10px;
}
#contentCol .recipeSearch-col1 .thumb {
	float: left;
}
#contentCol .recipeSearch-col1 .recipeTitle {
	width:130px;
	float: left;
	padding: 5px;
}
#contentCol .recipeSearch-col1 .recipeTitle h2 {
	font-size: 16px;
}
#contentCol .recipeSearch-col1 p, #contentCol .recipeSearch-col2 p {
	clear: both;
}
#contentCol .recipeOverview ul { margin: 0; padding: 0; display: block;  }
#contentCol .recipeOverview li {
	list-style: none;
	list-style-image: none;
	list-style-position: outside;
	font-size: 0.8em;
	margin: 0;	
	display: block;
	position: relative;
}
#contentCol .ingredients .recipeOverview li {
	font-size: 1em;
}
#contentCol .recipeSearch-col2 .detailedSearch {
	padding: 10px 0;
	display: block;
}
#contentCol .recipeSearch-col2 select {
	width: 100%;
	margin: 5px 0 0 0;
}
#contentCol .recipeSearch-col2 .inputText {
	width: 98%;
}
/*recipe results*/

table.recipeGrid {
	width: 100%;
}
table.recipeGrid tr.rowOdd td a, table.recipeGrid tr.rowEven td a {
	width: 250px;
	display: block;
}
table.recipeGrid td {
	padding: 0.5em 15px;
}
table.recipeGrid th {
	font-weight: bold;
	padding: 0.5em 15px;
}	


table.recipeGrid .pager table { float: right; }
table.recipeGrid .pager td {
	padding: 0 0 0 5px;
}
table.recipeGrid .pager table td a {
	font-weight: bold;
	padding: 0px;
}
.searchBar {
	display: block;
	clear: both;
	padding: 0.5em 0px;
	margin: 0 0 10px 0;
	float: left;
	width: 100%;
}
.searchBar strong {
	float: left;
	width: 170px;
	margin: 0 0 0 15px
}
.searchBar input.textInput {
	width: 190px;
	float: left;
	margin: 0 15px 0 0; 
}
.searchBar .searchBarBtn {
	width: 60px;
	float: left;
	margin: 2px 0px 0 0;
}
/*Search results*/

table.searchGrid {width: 100%;}
table.searchRowOdd td a, table.searchRowEven td a {
	display: block;
	font-size: 14px;
}
table.searchGrid td {
	padding: 0.5em 15px;
}
table.searchGrid th {
	font-weight: bold;
	padding: 0.5em 15px;
}

.searchResults a, .searchResultsAlt a {
	display: block;
	font-size: 12px;
}

.searchResult {padding: 5px }
.searchResultAlt {padding: 5px }


table.recipeGrid .searchPager table { float: right; }

table.recipeGrid .searchPager td {
	padding: 0 0 0 5px;
}
table.recipeGrid .searchPager table td a {
	font-weight: bold;
	padding: 0px;
}

.searchBarBlu {
	display: block;
	clear: both;
	padding: 0.5em 0px;
	margin: 0 0 10px 0;
	float: left;
	width: 100%;
}
.searchBarBlu strong {
	float: left;
	width: 170px;
	margin: 0 0 0 15px
}
.searchBarBlu input.textInput {
	width: 190px;
	float: left;
	margin: 0 15px 0 0; 
}
.searchBarBlu .searchBarBtn {
	width: 60px;
	float: left;
	margin: 2px 0px 0 0;
}

/*recipe details*/
.recipeIntro, .recipeIntro img { float: left; }
.recipeIntroContent { padding: 0 0 0 10px; float: left; width: 266px }
.ingredients { display: block; padding: 20px 10px; }
#contentCol .preperation, #contentCol .nutrition, #contentCol .helpus {
	margin: 20px 0 0 0;
	display: block;
}

/*BUTTONS*/

.popup .widePop .btnSubmit-con-drkblue {
	width: auto;
}
.popup .widePop .btnSignup {
	text-align: center;
	width: 90px;
	float: right;
}
.popup .widePop .btnSignup a {
	padding: 1px 0.5em 2px 0.5em;
	display: block;
	font-size: 90%;
}
.button {
	margin: 10px 0 10px 0;
	float: right;
	clear:right;
}

/* Next class added to prevent button overlap with error messages - B407 */ 
.btnpush
{
   margin-bottom:40px; 
    }

.button2 {
	margin: 0px 0 0px 0;
	position:relative;
	top:-15px;
	float: right;
}

.button input {
	border: none;
	background: transparent;
}

.paddleft{padding-left: 15px;}
/*input.btnSearch {
	background: url(/images/btn/btn-search-orange.gif) no-repeat;
	width: 67px;
}
input.btnMore {
	background: url(/images/btn/btn-more-orange.gif) no-repeat;
	width: 67px;
}*/
/*Buttons end*/


/*HCP content
---------------
Topics list
*/
.topicList-hcp-green, .topicList-hcp-blue, .topicList-hcp-orange {
	width: 100%;
}
.topicList-hcp-orange td {} 


table.topicList-hcp-green th {
	white-space: nowrap;
	padding: 0 5px;
}
table.topicList-hcp-green td {
	padding: 0 5px;
}
table.topicList-hcp-blue th {
	white-space: nowrap;
	padding: 0 5px;
}
table.topicList-hcp-blue td {
	padding: 0 5px;
}



table.topicList-hcp-orange th {
	white-space: nowrap;
	padding: 0 5px;
}
table.topicList-hcp-orange td {
	padding: 0 5px;
}

.selectPad
{
    top: 5px;
    position: relative;
}


/*ICONS*/
span.pdf {
	padding: 0 0 0 15px;
}	

span.mp4 {
	padding: 0 0 0 15px;
}	

span.ppt {
	padding: 0 0 0 15px;
}	
span.word {
	padding: 0 0 0 15px;
}
span.jpeg {
	padding: 0 0 0 15px;
}

.icon_download {display: block; width: 43px; height: 43px;}
.icon_question {display: block; width: 43px; height: 43px;}

/*Contact us*/
#formDefault {
	/*background: #efc9b9 url(/images/HCP/bg-contact.gif) repeat-x top;*/
	position: relative;
	padding: 12px;
	float: left;
	font-weight: bold;
	width:466px;
}
#formDefault span {
	width: 100%;
}
#formDefault span.errorText {
	margin:0 10px;
	clear: both;
	width: 260px;
	padding-left: 180px;

}

#formDefault p.terms {
	width: 100%;
	font-weight: normal;
}
/*#formDefault input, #formContact select {
	width: 200px;
	float: left;
	border: 1px solid #f1cec1;
	margin: 0 0 10px 0;
}*/
#formDefault .radio input { width: 20px; }
#formDefault span.opt { width: 80px; margin: 0 3px 0 0; }
/*#formDefault textarea {
	width: 100%;
	clear: both;
	border: 1px solid #f1cec1;
}*/
#formDefault .btnSubmit-con-orange input {
	width: auto;
	border: none;
	margin-right: 5px !IMPORTANT;
}
.dropdown
{
	margin-bottom:10px;
	width:256px;
}
.textbox
{
	width:252px;
}
.textarea
{
	width:252px;
}

.caption
{
	float:left; display:inline; clear:left; width:170px;
	text-align:right; margin-right: 20px; padding-top: 3px;
}


.BindedFormContainer input
{margin-bottom: 10px;
}

.BindedFormContainer  table input
{margin: 3px 3px 0 0;
}

/*MEDIA SECTION STYLES*/
table.mediaList2col, table.mediaList4col, table.mediaList3col, table.con-orange-3col {
	width: 100%;
	position: relative;
}
table.mediaList2col th, table.mediaList4col th, table.mediaList3col th {
	white-space: nowrap;
	padding: 0 5px;
}
table.mediaList2col td, table.mediaList4col td, table.mediaList3col td {
	padding: 0.5em 5px;
	vertical-align: middle;
}
table.mediaList4col td a.download { text-indent: -9999em; width: 17px; height: 22px; display: block; border: none; margin: 0 auto; }
table.mediaList2col td a.download { text-indent: -9999em; width: 17px; height: 22px; display: block; border: none; margin: 0 auto; }


/* Edit Profile Form */

#EditProfile .LeftForm {float: left; width: 225px; margin-right: 10px; display: inline;}
#EditProfile .LeftForm label { display: block; font-weight: bold; }
#EditProfile .RightForm label { display: block; font-weight: bold; margin-left: 15px;}
#EditProfile .LeftForm input.textInput {width: 220px; margin: 3px 0px;}
#EditProfile select {width: 220px;  margin: 3px 0px;}

#EditProfile .RightForm {float: left; width: 280px;}
/*#EditProfile .RightForm {float: left; width: 218px; height: 221px; padding: 12px; background: url(/images/bg_change_details.gif) no-repeat;}*/
#EditProfile .RightForm h1 {font-size: 20px; margin-left: 15px;}
#EditProfile .RightForm input.textInput {width: 245px; margin: 3px 0px 3px 15px;}


#EditProfile .PasswordChange {display: block; width: 430px; height: 221px; padding: 5px 15px 15px 15px;}
#EditProfile .PasswordChange .LeftForm {float:  left; width: 225px; margin-right: 15px; }
#EditProfile .PasswordChange .RightCol {float:  left; width: 180px;}

#EditProfile .PasswordChange input.textInput {width: 220px;}

/* specific for the orange consumer site */
table.con-orange-3col th {
	white-space: nowrap;
	padding: 0 5px;
}
table.con-orange-3col td {
	padding: 0.5em 5px;
	vertical-align: middle;
}
/* specific for the green consumer site */
table.con-orange-3col td a.con-orange-download { text-indent: -9999em; width: 17px; height: 22px; display: block; border: none; margin: 0 auto; }

table.con-green-3col th {
	white-space: nowrap;
	padding: 0 5px;
}
table.con-green-3col td {
	padding: 0.5em 5px;
	vertical-align: middle;
}
table.con-green-3col td a.con-green-download { text-indent: -9999em;  width: 17px; height: 22px; display: block; border: none; margin: 0 auto; }

/*Campaign pages*/
.campaignBanners, .campaignBannersLarge 
{
	margin: 10px 0 0 0;
	width: 620px;
}

.campaignBanners span {
	float: left;
	width: 199px;
	padding: 0 10px 0 0;
}

.campaignBannersLarge span {
	float: left;
	width: 305px;
	padding: 0 10px 0 0;
}

.campaignBanners span.end, .campaignBannersLarge span.end {
	padding: 0 0px 0 0;
}

/*
////CMS STYLES FOR COLOURING/FORMATTING CONTENT///////
*/
#contentCol .orangelisttitle {
	font-weight: bold;
}
#contentCol .orangelist {
	padding: 0 10px;
}

#contentCol .thumbnailsContainer 
{
	margin:0 auto;

}
#contentCol .videoThumbnail img
{
	margin:0 5px;
	text-align:center;
}
#contentCol .videoThumbnail span
{
	margin:0px 5px;
	text-align:left;
	display: block;
}
#contentCol .videoThumbnail 
{
	display: block;
	width: 110px;
	float: left;
	margin: 10px 5px;
}

#contentCol .videoThumbnailEnd 
{
	display: block;
	width: 110px;
	float: left;
	margin-right : 10px;	
}

.promo-image { background-repeat: no-repeat; background-position: right center; padding: 10px; width: 228px; height: 104px }
#promo-link a { line-height: 14px}

.promo-orange {background-repeat: no-repeat; width:253px; height: 124px; }
.promo-orange #promo-header { font-size: 26px }

.promo-darkblue {background-repeat: no-repeat; width:253px; height: 124px; }
.promo-darkblue #promo-header {font-size: 26px }

.promo-lightblue {background-repeat: no-repeat; width:253px; height: 124px; }
.promo-lightblue #promo-header {font-size: 26px;}

.promo-green { background-repeat: no-repeat; width:253px; height: 124px; }
.promo-green #promo-header {font-size: 26px;  }

/* Video Player Page Additions*/

.videoHolder { width:420px; height:338px; z-index: -999 }


.videoColumnLeft { width:240px; float:left; }
.videoColumnRight {width:240px; margin-left:250px; }
.videoCommentBox { float:left; }

.videoCommentBoxTop
{
    width:238px;
	height:7px;
	line-height:7px;
}
	
.videoCommentBoxMid
{
    width:238px;
}

.videoCommentBoxBottom
{
    width:238px;
	height:6px;
}

.videoCommentBoxInput
{
	width:225px;
	max-width:225px;
	margin-left:5px;
	border:0px;
	overflow:auto;
}

.videoCommentBoxSubmit
{
    border:none;
	width:39px;
	height:16px;
	cursor:pointer;
	
}

.videoCommentBoxSubmitHolder
{
	margin-top: 20px;
	
}

.videoCommentBoxSubmitHolder a { text-transform: capitalize; }


.videoPollBoxTop
{
    width:236px;
	height:35px;
	display:block;
}

.videoPollBoxMid
{
    width:236px;
	height:69px;
	overflow:hidden;
}

.videoPollBoxMid H2
{
	line-height: 1.3em;
	font-size: 18px;
	font-weight: normal;
	padding-left:10px;
}

.videoPollBoxMidText
{
	padding-left:10px;
	font-size:14px;
	font-weight:normal;
}

.videoPollBoxMidText2
{
	position:relative;
	left:50px;
	top:-48px;
	font-size:14px;
	font-weight:normal;
}

.videoPollBoxMidText3
{
	position:relative;
	left:50px;
	top:-48px;
	font-size:14px;
	font-weight:normal;
}

.videoPollBoxBottom
{
    width:236px;
	height:9px;
	line-height:9px;
}

/* Video Archive Additions */

.videoList
{
    width:100%;
}

table.videoList th
{
	white-space: nowrap;
	padding: 0 10px;
	font-size:11px;
}

table.videoList td
{
    padding: 0 0 0 10px;
	vertical-align:top;
}

.videoArchiveThumbnail
{
    padding:5px;
}

.videoArchiveTitle
{
    font-size:11px;
	line-height:13px;
	color:#004694;
	padding-top:5px;
}

.videoArchiveTitle a
{
	font-weight:bold;
}

.videoArchiveDesc
{
    font-size:11px;
	line-height:13px;
	padding-top:5px;
}

.videoArchiveTitleArrow
{
    position:relative;
	left:5px;
	top:2px;
}


.videoArchiveDuration
{
    font-size:11px;
	line-height:13px;
	padding-top:5px;
}

/* FAQ Additions */

.faq_main
{
    margin-top:10px;
	margin-bottom:10px;
}

#faq-holder { width:100%; }
#faq-holder h1 { height:48px; }
#faq-holder p { padding-bottom: 15px; }

.faq_question
{
	font-size:11px;
	line-height:15px;
	width:100%;
	margin-bottom:2px;
	margin-top:-13px;
	padding-left:17px;
	padding-bottom:10px;		
	overflow:hidden;
	cursor:pointer;
}

.faq_answer
{	
	width:476px;
	margin-left:15px;	
	overflow:hidden;
	position:relative;
	display:block;
	visibility:visible;
}

.faq_answer_content
{	
	font-size:11px;
	line-height:15px;
	position:relative;
}

.faq_answer_back_to_top
{
	padding-bottom:10px;
}

.faq_answer_back_to_top a
{
	padding-bottom:10px;
}

.faq_answer_content_top
{
	width:451px;
	height:6px;
	line-height:6px;
}

.faq_answer_content_bottom
{
	width:451px;
	height:6px;
	line-height:6px;
}

.faq_answer_content_center
{
	width:446px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
}

.faq_question_arrow
{
	width:12px;
	height:11px;
	display:block;
	background-position: 0;
}

#faq-holder ol li
{
	list-style-type:decimal;
}

img.faq_image 
{
	display:block; 
	margin-top:10px;
	margin-bottom:10px;
    margin-left:auto; 
    margin-right:auto;
	max-width:451px;
}

table.faq_table
{	
	border-style:solid;
	border-width:0.5px;
	margin-right:10px;	
}

table.faq_table td, table.faq_table th 
{
	border-style:solid;
	border-width:0.5px;		
	padding: 0.5em;
	text-align: left;
}

#contentCol .disclaimer{font-size: 0.9em !IMPORTANT; font-style: italic;}

.order_error{display: block; height: 1px; margin: 0 0 0 190px; padding: 0px;}
.inputnonvalidation{margin-bottom: 20px !IMPORTANT;}
#BindedFormContainer input{margin: 0;}