@CHARSET "UTF-8";

.oro-red {
	color: #C61D00;
}

/* ***************************************************************** *
 *   OBJECTS IN THE CONTENT AREA  
 * ***************************************************************** */
#content h1 {
	padding: 10px 0 6px 8px;
	margin: 0;
	line-height: 1.2em;
	font-size: 18px;
	color: #C61D00;
}
#content h2 {
	padding: 10px 0 8px 8px;
	margin: 0;      
	line-height: 1.2em;
	font-size: 15px;
	color: #C61D00;
}
#content h3 {
	padding: 8px 0 4px 8px;
	margin: 0;           
	line-height: 1.2em;
	font-size: 12px;
	color: #C61D00;
}
#content div.htmlText {
	padding: 5px 0 10px 8px; 
	line-height: inherit;
	color: inherit; 
	font-size: inherit;
}
#content div.htmlText h1, #content div.htmlText h2, #content div.htmlText h3 {
	padding-left: 0 
}
#content div.htmlText p {
	padding: 0 0 10px 0;
	margin: 0;
	font-size: inherit;
	color: inherit;
} 
#content div.htmlText ul {
	margin-top: 5px;
	margin-bottom: 5px;
}

#content .distance {
	height: 25px;
}

#content .imgLeftAlignedWithText, #content .imgRightAlignedWithText  {
	padding: 5px 0 10px 8px; 
}
#content .imgLeftAlignedWithText .image {
	float: left;
	margin: 0 10px 5px 0;
}
#content .imgRightAlignedWithText .image {
	float: right;
	margin: 0 0 5px 10px;
}
#content .imgLeftAlignedWithText .image .subtitle, #content .imgRightAlignedWithText .image .subtitle {
	padding: 3px 0;
	font-size: 11px;
	color: #666666;
	text-align: center;
}
#content .imgLeftAlignedWithText p, #content .imgRightAlignedWithText p {
	padding: 0 0 10px 0;
	margin: 0;
}


#content .downloadLink {
  margin: 25px 0 20px 0;
	padding-left: 8px;
}
#content .downloadLink .ico {
  float: left;
	width: 40px;
	margin-right: 10px;
	text-align: center;
}
#content .downloadLink h3, #content .downloadLink p {
  clear: none;
}
#content .downloadLink h3 {
  padding: 0 0 3px 0;
	margin: 0;
}
#content .downloadLink p {
  margin: 0;
	padding: 0;
}



 
/* a generally highliged area like the box in product details 
   #topArea  
   available inner width: 448px-10px-10px-2px = 426px  */
#topArea {
  width: 448px;
	padding: 10px;
	border: 1px solid #C61D00;
	background: #ffffcc;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 426px;
}
html>body #topArea {
	width: 426px;
}
#topArea h2 {
  padding: 4px 0 8px 0;
	line-height: 1.15em;
}
#topArea h3 {
  padding: 3px 0 5px 0;
	line-height: 1.15em;
}




/* the product details 
   #prodDetails 
   available inner width: 448px-10px-10px-2px = 426px
	 2 col layout: 165px+5px | 256px  */
#prodDetails {
  width: 448px;
	padding: 10px;
	border: 1px solid #C61D00;
	background: #ffffcc;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 426px;
}
html>body #prodDetails {
	width: 426px;
}
#prodDetails div.leftCol {
  float: left;
	width: 165px;
	margin-right: 5px;
	text-align: center;
}
#prodDetails div.rightCol {
  float: left;
	width: 256px;
}
#prodDetails div.rightCol h2 {
  margin: 0;
	font-size: 14px;
	font-weight: bold;
	color: #C61D00;
	padding: 0 0 6px 0;
}
#prodDetails div.rightCol p {
  padding: 0 0 10px 0;
	margin: 0 0 5px 0;
}
#nutriTable {
  width: 256px;
	background: #ffffff;
}
#nutriTable caption {
  padding: 1px 5px 1px 5px;
	background: #ffffff;
  color: #008D3D;
	text-align: left;
}
#nutriTable tr td {
  padding: 1px 5px 1px 5px;
  border-bottom: 1px solid #C61D00;
}





/* ***************************************************************** *
 *   CONTAINER IN THE CONTENT AREA  
 * ***************************************************************** */
#content div.topicList {
  padding-left: 8px;
}
#content div.topicList div.item {
  margin: 5px 0 5px 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #C61D00;
}
#content div.topicList div.item p {
  margin: 0;
	padding: 0 0 3px 0;
}
#content div.topicList div.item h2 {
  padding: 8px 0 4px 0;
	margin: 0;
  font-size: 12px;
	color: #C61D00;
}
 
/* List of products */
table#prodList {
  width: 448px;
	border: 0;
	margin-top: 15px;
}
table#prodList tr {
	height: 100px;
}
table#prodList td {
	padding: 0;
	vertical-align: top;
}
table#prodList td.image {
  width: 100px;
	overflow: hidden;
	padding: 5px 0 0 0;
	text-align: center;
	vertical-align: middle;
}
table#prodList td.desc {
  width: 348px;
	border-bottom: 1px solid #C61D00;
	padding: 0 10px 5px 10px;
  z-index: 1;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 328px;
}
html>body table#prodList td.desc {
	width: 328px;
}
table#prodList td.desc div.nextLink {
  z-index: 1;
  position: relative;
	top: 85px;
	left: 292px;
}
table#prodList td.desc h2 {
  font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 2px 0;
}
table#prodList td.desc h2 a, table#prodList td.desc h2 a:visited {
  font-size: inherit;
	font-weight: inherit;
	color: #C61D00;
	text-decoration: none;
}
table#prodList td.desc h2 a:hover {
	text-decoration: underline;
}
table#prodList td.desc p {
  margin: 0;
	padding: 0;
}



/* Listing: Products on same level */
div.moreProducts {
  margin: 5px 0 15px 0;
	padding-left: 8px;
}
div.moreProducts h4 {
	margin: 0;
	padding: 5px 0 5px 0;
  font-size: 12px;
}

/* press releases */
#content table.pressList {
  width: 100%;
	margin-top: 15px;
}
#content table.pressList tr td {
  padding: 0;
}
#content table.pressList tr td.date {
  padding-left: 8px;
}
#content table.pressList tr td.text {
  padding-left: 15px;
	padding-bottom: 15px;
}
#content table.pressList tr td.text h3 {
  margin: 0;
	padding: 0 0 3px 0;
}
#content table.pressList tr td.text p {
  margin: 0;
	padding: 0;
}


/* ***************************************************************** *
 *   FORMS   
 * ***************************************************************** */
#mainForm {
  margin-left: 8px;
}
#mainForm h3 {
    color: #333333;
		margin-top: 20px;
		margin-bottom: 10px;
		font-size: 12px;
}
#mainForm .formFieldM {
    color: #000000;
		font-weight: bold;
}
#mainForm .formFieldO {
    color: #333333;
		font-weight: normal;
}
#mainForm .formInputText, .formInputTextBig, .formInputTextMid, .formInputTextSmall, .formInputTextArea, .formInputSelect {
    color: #000000;
		padding: 2px;
		border: 1px solid #CCCCCC;
		margin: 2px 1px;
}
#mainForm .formInputText {
    width: 295px;
	  voice-family: "\"}\""; 
	  voice-family: inherit;
	  width: 291px;
}
html>body #mainForm .formInputText {
	width: 291px;
}
#mainForm .formInputTextBig {
    width: 324px;
	  voice-family: "\"}\""; 
	  voice-family: inherit;
	  width: 320px;
}
html>body #mainForm .formInputTextBig {
	width: 320px;
}
#mainForm .formInputTextMid {
    width: 200px;
	  voice-family: "\"}\""; 
	  voice-family: inherit;
	  width: 196px;
}
html>body #mainForm .formInputTextMid {
	width: 196px;
}
#mainForm .formInputTextSmall {
    width: 55px;
	  voice-family: "\"}\""; 
	  voice-family: inherit;
	  width: 51px;
}
html>body #mainForm .formInputTextSmall {
	width: 51px;
}
#mainForm .formInputTextArea {
    width: 320px;
	  voice-family: "\"}\""; 
	  voice-family: inherit;
	  width: 316px;
}
html>body #mainForm .formInputTextArea {
	width: 316px;
}

#mainForm .formInputSubmit {
    color: #000000;
		padding: 3px;
		padding-left: 10px; padding-right: 10px; 
		font-size: 8pt;
		font-weight: bold;
		font-family: verdana, helvetica, sans-serif;
}
#mainForm .formInputSubmitSmall {
    color: #000000;
		padding: 1px;
		padding-left: 6px; padding-right: 6px; 
		font-size: 8pt;
		font-family: verdana, helvetica, sans-serif;
}

#winSolution input {
  width: 10px;
	height: 14px;
	margin: 0 2px;
}
#winSolution p {
  line-height: 1.2em;
	margin: 0;
	padding: 2px 0;
}




/* ***************************************************************** *
 *   OBJECTS IN FOOTER TEASER AREA  
 * ***************************************************************** */
/* homepage */
#bottomArea div.subTeaserHome {
  float: left;
	width: 225px;
	height: 160px;
	margin: 5px 17px 15px 0;
	overflow: hidden;
}
#bottomArea div.subTeaserHomeLast {
  float: left;
	width: 225px;
	height: 160px;
	margin: 5px 0 15px 1px;
	overflow: hidden;
}
/* other pages */
#bottomArea div.subTeaserPage {
  float: left;
	width: 225px;
	height: 84px;
	margin: 5px 17px 15px 0;
	overflow: hidden;
}
#bottomArea div.subTeaserPageLast {
  float: left;
	width: 225px;
	height: 84px;
	margin: 5px 0 15px 1px;
	overflow: hidden;
}


table#memory {
  width: 450px;
	border: 0;
}
table#memory tr td {
  width: 150px;
	height: 150px;
	padding: 1px 0 0 1px;
	vertical-align: top;
	text-align: left;
	background: url(/images/bella_italia/pastakunde/bg_img.gif) no-repeat;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 149px;
	height: 149px;
}
html>body table#memory tr td {
	width: 149px;
	height: 149px;
}


/*  ************************************************************************ 
 *   SITEMAP PAGE     
 *  ************************************************************************ */
/* the columns left and right */
.sitemapBox {
	float: left;
	width: 295px;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 1em;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 265px;
}
/* not for IE 5.x: corecct CSS implementation - add border and padding to width/height */
html>body .sitemapBox {
	width: 265px;
}

.sitemapLev3 {
  height: 22px;
}
.sitemapLev1  {
	font-weight: bold;
}
.sitemapLev1 a, .sitemapLev1 a:link, .sitemapLev1 a:active, .sitemapLev1 a:visited {
  color: #009900;
	font-size: 14px;
	text-decoration: none;
}
.sitemapLev1 a:hover {
	text-decoration: underline;
}
.sitemapLev2 {
  height: 16px;
	font-weight: bold;
}
.sitemapLev2 a, .sitemapLev2 a:link, .sitemapLev2 a:active, .sitemapLev2 a:visited {
  color: #009900;
	font-size: 12px;
	text-decoration: none;
}
.sitemapLev2 a:hover {
	text-decoration: underline;
}
.sitemapLev3 {
  height: 16px;
}
.sitemapLev3 a, .sitemapLev3 a:link, .sitemapLev3 a:active, .sitemapLev3 a:visited {
  color: #009900;
	font-size: 12px;
	text-decoration: none;
}
.sitemapLev3 a:hover {
	text-decoration: underline;
}