@charset "UTF-8";
 

body {
	background:#111517 url(images/bg-perigrina.gif) repeat scroll;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	text-align: center;
}

*html img, *html div { behavior: url(/pngfix/iepngfix.htc) }


#container {
	text-align: left;
	margin: 10px auto;
	padding: 0;
	width: 720px;
	background-repeat: repeat-x;
	position:relative;
} 
#ldcclogoprint {
	display: none;
}
 
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::: HEADER :::::::::::::::::::::: */
/* ::::::::::::::::::::::::::::::::::::::::::::::::::: */

#header {
	margin: 0;
	width: 720px;
	padding : 0;
	height: 111px;
	text-align: center;
	background-color: #B11116;
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(images/bg-header-dragon.gif);
}
#pemlogo {
	padding: 0;
	margin : 16px 0 0 0;
}
#pemlogo1 {
	padding: 0;
	margin:0px;
	z-index:1000000;
	position:absolute;
	left:206px;
	top:0px;
}
#headerimagelarge, #headerimagesmall {
	margin: 0;
	padding: 0;
	border-left : 4px  solid #000;
}
.logobox {
	height: 250px;
	width: 720px;
}



/* ::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::: NAVIGATION :::::::::::::::::::: */
/* ::::::::::::::::::::::::::::::::::::::::::::::::::: */

#navbar {
	background-color: #B11116;
	margin: 0;
	width: 720px;
	padding : 0;
	border-top : 4px solid #B11116;
	border-bottom : 4px solid #B11116;
	text-transform: uppercase;
	line-height: 1.1em;
	font-weight: lighter;
	font-size: 0.7em;
}

#navbar ul {
	text-align: center;
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-weight: 100;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	height: 35px;
	background-color: #B11116;
	display: block;
}

#navbar li {
	margin: 0;
	padding: 0;
	float:left;
	/* display:inline; */
	width:102px;
	height:25px;
}

#navbarbuttonB a{ 
	border-right: 1px solid #000;
}

#navbarbuttonC a{  
}

#navbar a {
	display:block;
	height: 30px;
	/*width: 102px; */
	color: #000000;
	text-decoration: none;
	/* padding: 3px 0 0 0;*/
	padding-left:12px;
	padding-right:13px;
	padding-top:5px;
}

#navbar a:hover {
	color: #FFFFFF;
	background-color: #8e0e12; 
}




/* ::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* ::::::::::::::::::: PAGE CONTENT ::::::::::::::::::: */
/* ::::::::::::::::::::::::::::::::::::::::::::::::::: */

#pagecontent {
	margin: 0;
	width: 690px;
	padding: 15px 15px 0 15px;
	float: left;
	background-image: url(images/corner-top.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #000000;
}
#itemphoto { 
	float: right; 
	margin : 2px 0 2px 10px;
}
.pagecontentimg  {
	margin: 10px 0 10px 0;
	border: 1px solid #B11116;
}
.pagecontentimgicon {
	margin: 0 0 10px 0;
	border: 1px solid #B11116;
}
.banneritem {
	margin: 0px 0px 15px;
}

/* ::::::::::::::::::: collumns ::::::::::::::::::: */
#col1, #col2, #col3 {
	width: 173px;
	float: left;
	margin-top: 5px;
} 

#col1b, #col2b, #col3b, #col4b {
	width: 260px;
	float: left;
	margin-top: 5px;
} 

#col1b, #col3b {
	margin-right: 25px;
} 
 

#col1, #col2 {
	margin-right: 15px;
} 
#col1  h4 a, #col2 h4 a, #col3 h4 a, #col1b  h4 a, #col2b h4 a, #col3b h4 a, #col4b h4 a{
	font-weight: lighter;
	color: #B11116;
	text-decoration: none;
	display: block;
	padding: 1px 2px 1px 9px;
	border-top: 3px double #B11116;
	border-bottom: 1px dotted #B11116;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 1em;
	text-align: right;
} 


#col1 h4 a:hover, #col2 h4 a:hover, #col3 h4 a:hover, #col1b h4 a:hover, #col2b h4 a:hover, #col3b h4 a:hover, #col4b h4 a:hover{
	color: #FFFFFF;
	background-color: #B11116;
} 


/* ::::::::::::::::::: brings in the text - so as to resolve bug in IE ::::::::::::::::::: */
#pagecontentcontainer {
	width: 650px;
	padding: 0 20px 0 20px 0;
}

/* ::::::::::::::::::: PAGE CONTENT TEXT STYLES ::::::::::::::::::: */
#pagecontent h1  {
	font-family: Verdana, sans-serif;
	color: #DFAF4D;
	font-weight: lighter;
	text-transform: capitalize;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 1.4em;
	line-height: 1em;
}

#pagecontent h2 {
	font-family: "Times New Roman", Times, serif;
	color: #B11116;
	font-weight: lighter;
	text-transform: none;
	margin: 20px 0 5px;
	padding: 0;
	font-size: 1.4em;
	clear: both;
}


#pagecontent h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #A68740;
	font-weight: bold;
	/* text-transform: uppercase; */
	margin: 10px 0 2px 0;
	padding: 0;
	font-size: 0.85em;
}

#pagecontent h4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #D3C89F;
	font-weight: bold;
	text-transform: none;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 0.75em;
	line-height: 1.4em;
}
#pagecontent h4 a {
	color: #FFFFFF;
	text-decoration: none;
}
#pagecontent h4 a:hover {
	color: #FFCC00;
}

#pagecontent h5 {
	width: 532px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	padding: 5px;
	font-size: 0.7em;
	background-color: #D7AA46;
	border-bottom: 2px dotted #EEEECC;
}

#pagecontent h6 {
	font-family: "Times New Roman", Times, serif;
	color: #A0823F;
	font-weight: lighter;
	text-transform: none;
	margin: 0 0 20px 0;
	padding: 5px 20px;
	font-size: 1.8em;
	line-height: 1.2em;
	border-top : 3px double #5E4D26;
	border-bottom : 3px double #5E4D26;
	font-style: italic;
	text-align: center;
}

#pagecontent p {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: lighter;
	text-transform: none;
	margin: 0 0 1em;
	padding: 0;
	font-size: 0.75em;
	line-height: 1.5em;
}
#pagecontent p a {
	font-weight: bold;
	color: #B11116;
	text-decoration: none;
}
#pagecontent p a:hover {
	color: #A68740;
}

/* ::::::::::::::::::: CLASSES FOR TEXT STYLES ::::::::::::::::::: */

.dropcap {
	font-family: "Times New Roman", Times, serif;
	font-size: 4em;
	font-style: italic;
	color: #B9923D;
	display: block;
	float: left;
	padding: 5px 0px 0px 5px;
	margin: 0;
	font-weight: normal;
	height: 25px;
	width: 30px;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::: FOOTER :::::::::::::::::::::: */
/* ::::::::::::::::::::::::::::::::::::::::::::::::::: */

#footer {
	height: 154px;
	width: 720px;
	margin: 0;
	padding: 0;
	clear: both;
}

/* ::::::::::::::::::: FOOTER INFO BOX ::::::::::::::::::: */

#footerinfo {
	margin: 0;
	width: 542px;
	padding : 15px;
	height: 124px;
	float: left;
	background-image: url(images/100-bottom.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #000000;
}

#firstmilklogo {
	padding: 0;
	float: right;
	margin : 95px 0 0 0;
}

#footerinfo p {
	font-size: 0.6em;
	text-transform: uppercase;
	padding: 0;
	margin: 115px 0 0 0;
}

#footerlinks {
	float: right;
	width: 148px;
	height: 154px;
	margin: 0;
	padding : 0;
	background-image: url(images/corner-bottom.gif);
	background-repeat: no-repeat;
	background-position: right;
}

#footerlinks ul {
	clear:both;
	margin: 125px 0 0 0;
	padding: 0;
	list-style-type: none;
	text-align: right;
	width: 138px;
	display: block;
}

#footerlinks li {
	font-size: 0.6em;
	margin: 0;
	padding: 0;
	line-height: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
}
#footerlinks   img  {
	text-decoration: none;
	margin: 80px 0 0 90px;
	padding: 0;
}

#footerlinks ul a:hover {
	color: #fff; 
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* ::::::::::::::::::: AWARDS TABLES :::::::::::::::::: */
/* ::::::::::::::::::::::::::::::::::::::::::::::::::: */

.awardbronzetitle, .awardsilvertitle,  .awardgoldtitle, .awardtitle {
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}

.awardbronze, .awardsilver,  .awardgold, .award {
	width: 13%;
	text-align: center;
}
.awardtable {
	font-size: 0.7em;
	color: #FFFFFF;
	width: 100%;
	border-top : 1px solid #FFFFFF;
	border-left : 1px solid #FFFFFF;
}

.awardtable td {
	padding: 3px;
	border-bottom : 1px solid #FFFFFF;
	border-right : 1px solid #FFFFFF;
}
.awardbronze {
	background-color: #312308;
}
.awardsilver {
	background-color: #484B4C;
}
.awardgold {
	background-color: #474700;
}

.awardbronzetitle {
	background-color: #6F4F13;
	color: #000000;
}
.awardsilvertitle {
	background-color: #999999;
	color: #000000;
}
.awardgoldtitle {
	background-color: #7C7D00;
	color: #000000;
}
.awardtitle {
	text-align: left;
	background-color: #B11116;
	color: #000000;
}
.awards {
	text-align: left;
	padding: 3px;
} 
 
 
/* :::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::: FORMS  ::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::: */

input {
	margin: 5px 0 16px 0;
	padding: 0px;
	color: #332617;
	background-color: #f7f7e7;
	border: 1px solid #FFFFFF;
}
textarea {
	margin: 5px 0 16px 0;
	padding: 0px;
	color: #332617;
	background-color: #f7f7e7;
	border: 1px solid #FFFFFF;
}
form {
	margin: 0px;
	padding: 0px;
}

label {
	margin: 0px;
	padding: 0px;
	width: 530px;
	font-size: 0.7em;
	display: block;
	color: #8A6C2E;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
}

#holder {
	clear: both;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::: ADDITIONAL TEXT ELEMENTS :::::::::::: */
/* ::::::::::::::::::::::::::::::::::::::::::::::::::: */


.justasitshouldbe {
	float: right;
	margin: 5px 20px 20px 0;
}
.treatred {
	color: #B11116;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 1.3em;
}
.roundel {
	vertical-align: text-top;
	float: right;
	margin: 0 0 0 15px;
}
.larger {
	font-size: 1.4em;
}



/* ::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::: NUTRITION TABLES :::::::::::::::::: */
/* ::::::::::::::::::::::::::::::::::::::::::::::::::: */

#ingredients {
	border-top : 1px solid #B11116;
	border-bottom: 1px solid #B11116;
	font-size: 0.85em;
	padding: 5px 0 5px 0;
	line-height: 1.5em;
	list-style-type: none;
	margin: 0 0 20px 0;
	font-weight: lighter;
}
.infortable {
	font-size: 0.7em;
	border-top : 1px solid #FFFFFF;
	border-left : 1px solid #FFFFFF;
	text-align: center;
	margin: 5px 12px 20px 0;
	float: left;
}
hr {
	clear: both;
	border-top : 1px  solid  #000000;
	border-left : 1px  solid  #000000;
	border-right : 1px  solid  #000000;
	border-bottom :  1px  solid #B11116;
	height: 2px;
	background-color: #000000;
	color: #000000;
	margin: 0 0 10px 0;
	padding: 0;
}
.infortable td {
	padding: 3px;
	border-right : 1px solid  #FFFFFF;
	border-bottom : 1px solid  #FFFFFF;
}
.infortable th {
	padding: 3px;
	border-right : 1px solid  #FFFFFF;
	border-bottom : 1px solid  #FFFFFF;
	font-weight: normal;
	background-color: #B11116;
	text-align: left;
}
.treatleft {
	text-align: left;
}
.floatright {
	margin: 0 0 0 20px;
	float: right;
}