/* NEW COLORS
UTZ red : 				#931638
707 background yellow	#fff5d1 --> websafe = #ffffcc
*/

* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
body {
	height: 100.01%;
	width: 100%;
	/*background-color: #FCF6E6;*/
	background-color: #fff5d1;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family: Verdana, sans serif;
	font-size: 11px;
	text-align: center;
}
code {
	display: block;
	margin: 10px;
}
#outershell {
	background-image: url(utz_images2/bg_stretch_both.jpg);
	background-repeat: repeat-y;
	width: 804px;
	margin: auto;
	position: relative;
}
#container {
	position: relative;
	display: block;
	width: 768px;
	margin: auto;
	background-color: #FFFFFF;
	background-image: url(utz_images2/moodbar_bottom180.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	text-align: left;
}
div.moodbar {
	/*Leahy/Langridge Image Replacement (LIR)*/
	padding-top: 128px;
	width: 768px;
	
	background-color: #74241D;
	background-repeat: no-repeat;
	
	/*Hide the text*/
	overflow: hidden;

    height: 0px !important; /* for most browsers */
    height /**/:128px; /* for IE5.5's bad box model */}
    
/* western moodbars */
#moodbar_all, #moodbar_rgn {
	background-image: url(img/moodbars/moodbarsEN/homeEN.jpg);
}
#moodbar_nws {
	background-image: url(img/moodbars/moodbarsEN/newsEN.jpg);
}
#moodbar_abt {
	background-image: url(img/moodbars/moodbarsEN/abouttheorganizationEN.jpg);
}
#moodbar_coc {
	background-image: url(img/moodbars/moodbarsEN/abouttheprogramEN.jpg);
}
#moodbar_pro {
	background-image: url(img/moodbars/moodbarsEN/producersEN.jpg);
}
#moodbar_buy {
	background-image: url(img/moodbars/moodbarsEN/buyersEN.jpg);
}
#moodbar_b2c {
	background-image: url(img/moodbars/moodbarsEN/homeEN.jpg);
}

/* japanes moodbars */
#moodbar_all_JP, #moodbar_rgn_JP {
	background-image: url(img/moodbars/moodbarsJP/homeJP.jpg);
}
#moodbar_nws_JP {
	background-image: url(img/moodbars/moodbarsJP/newsJP.jpg);
}
#moodbar_abt_JP {
	background-image: url(img/moodbars/moodbarsJP/abouttheorganizationJP.jpg);
}
#moodbar_coc_JP {
	background-image: url(img/moodbars/moodbarsJP/abouttheprogramJP.jpg);
}
#moodbar_pro_JP {
	background-image: url(img/moodbars/moodbarsJP/producersJP.jpg);
}
#moodbar_buy_JP {
	background-image: url(img/moodbars/moodbarsJP/buyersJP.jpg);
}
#moodbar_b2c_JP {
	background-image: url(img/moodbars/moodbarsJP/homeJP.jpg);
}

/*.moodbar h1, .moodbar h2 {
	 display: none; 
}*/

/* this is what it used to be commented out .moodbar h1, .moodbar h2 {
	 display: none; 
}*/
#menu {
	font-size: 10px;
	display: block;
	position: relative;
	height: 24px;
	width: 768px;
	background-image: url(utz_images2/bt_background.gif);
	z-index: 100;
}
#menu span {
	display: none;
}
#menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-color: #931638;
}   
#menu ul li {
	display: block;
	float: left;
}
#menu ul li a {
	margin: 0;
	padding: 0;
	display: block;
	line-height: 24px;
	height: 24px;
	color: #FCF6E6;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
}
/* Different widths for different languages */
a.cat_b2c {
	width: 128px;
}
a.cat_allEN, a.cat_allJP, a.cat_allES, a.cat_allPT, a.cat_allFR, a.cat_allDE, a.cat_allVN, a.cat_allFI, a.cat_allIT,
a.cat_nwsEN, a.cat_nwsJP, a.cat_nwsES, a.cat_nwsPT, a.cat_nwsFR, a.cat_nwsDE, a.cat_nwsFI, a.cat_nwsIT {
	width: 108px;
}
a.cat_nwsVN {
	width: 88px;
}
a.cat_cocEN, a.cat_cocJP, a.cat_cocES, a.cat_cocPT, a.cat_cocFR, a.cat_cocDE, a.cat_cocFI, a.cat_cocIT,
a.cat_proEN, a.cat_proJP, a.cat_proES, a.cat_proPT, a.cat_proFR, a.cat_proDE, a.cat_proVN, a.cat_proFI, a.cat_proIT,
a.cat_buyEN, a.cat_buyJP, a.cat_buyES, a.cat_buyPT, a.cat_buyFR, a.cat_buyDE, a.cat_buyFI, a.cat_buyIT {
	width: 128px;
}
a.cat_cocVN {
	width: 158px;
}
a.cat_buyVN {
	width: 108px;
}
a.cat_abtEN, a.cat_abtJP, a.cat_abtES, a.cat_abtPT, a.cat_abtFR, a.cat_abtDE, a.cat_abtVN, a.cat_abtFI, a.cat_abtIT {
	width: 168px;
}

#menu ul li strong a {
	background-color: #ec9395;/*#ffdb5a;*/
	-moz-opacity:0.75;
	filter:alpha(opacity=75);
	color: #000000;
}
#menu ul li a:hover {
	background-color: #ec9395;
	-moz-opacity:0.75;
	filter:alpha(opacity=75);
	color: #000000;
}
#menu ul li a.firstchild {
	border-left: 0 none;
}


#menu ul li ul {
	display: none;
	position: absolute;
}
#menu ul li #subnws {
	width: 128px;
}
#menu ul li .subnwsES {
	width: 138px;
}
#menu ul li .subnwsPT, #menu ul li .subnwsFR, #menu ul li .subnwsVN {
	width: 158px !important;
}
#menu ul li .subabt {
	width: 168px;
}
#menu ul li .subcoc {
	width: 150px;
}
#menu ul li .subcocES {
	width: 180px;
}
#menu ul li .subcocPT, #menu ul li .subcocFR {
	width: 195px;
}
#menu ul li .subcocVN {
	width: 205px;
}
#menu ul li .subpro {
	width: 150px;
}
#menu ul li .subproEN {
	width: 128px;
}
#menu ul li .subproES, #menu ul li .subproFR {
	width: 190px;
}
#menu ul li .subbuy {
	width: 220px;
}
#menu ul li .subbuyEN {
	width: 128px;
}
#menu ul li .subbuyES {
	width: 210px;
}
#menu ul li ul li {
	display: block;
	width: 100%;
	background-image: url(utz_images2/bt_background.gif);
}
#menu ul li ul li a {
	border: 0;
	width: 100%;
	border-top: 1px solid #FCF6E6;
	text-align: left;
	text-indent: 4px;
}


#menuextra {
	position: absolute;
	top: 128px;
	left: 768px;
}
#menuextra ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 200px; /* Width of Menu Items */
	}

#menuextra ul li {
	position: relative;
	height: 24px;
	width: 100%;
	}

#menuextra ul li a {
	display: block;
	padding: 0 0 0 28px;
	line-height: 24px;
	height: 24px;
	color: #FCF6E6;
	}
#menuextra ul li a:hover {
	text-decoration: underline;
	color: #691F11;
}
#menuextra ul #bt_registered a{
color:#691F11;
}

#bt_registered {
	background-image: url(utz_images2/bt_registered.gif);
	background-repeat: no-repeat;
}
#bt_langES {
	background-image: url(utz_images2/bt_langspanish.gif);
	background-repeat: no-repeat;
}
#bt_langEN {
	background-image: url(utz_images2/bt_langenglish.gif);
	background-repeat: no-repeat;
}
#bt_langJP {
	background-image: url(utz_images2/bt_langjapanese.gif);
	background-repeat: no-repeat;
}
#bt_langPT {
	background-image: url(utz_images2/bt_langportuguese.gif);
	background-repeat: no-repeat;
}
#bt_langFR {
	background-image: url(utz_images2/bt_langfrench.gif);
	background-repeat: no-repeat;
}
#bt_langDE {
	background-image: url(utz_images2/bt_langgerman.gif);
	background-repeat: no-repeat;
}
#bt_langVN {
	background-image: url(utz_images2/bt_langvietnamese.gif);
	background-repeat: no-repeat;
}
#bt_sitemap {
	background-image: url(utz_images2/bt_sitemap.gif);
	background-repeat: no-repeat;
}
#bt_contact {
	background-image: url(utz_images2/bt_contact.gif);
	background-repeat: no-repeat;
}

/* Fix IE. Hide from IE Mac \*/
* html #menuextra ul li { float: left; height: 1%; }
* html #menuextra ul li a { height: 1%; }
/* End */



#main {
	background-image: url(utz_images2/moodbar_bottom.jpg);
	background-repeat: no-repeat;
	/*height: 200px;*/
	padding: 24px;
}
#columnleft, #columnright {
	display: block;
	float: left;
	width: 348px;
	margin: 0 0 24px 0;
	padding: 0 0 0 0;
}
#columnright {
	float: right;
}
#bottombar {
	background-image: url(utz_images2/bt_background.gif);
	font-size: 9px;
	clear: both;
 	width: 768px;
	height: 16px;
 	margin: 0;
 	padding: 0;
	line-height: 15px;
	color: #FCF6E6;
	text-align: center;
	background-color: #B52D1D;
	position :relative;

}
#bottombar a {
	color: grey;
	font-weight: normal;
	text-decoration: none;
}
#bottombar a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
#bottombar span {
	display: block;
	text-align: right;
	position: absolute;
	right: 0;
	top: 0;
	color: #B52D1D;
}
#bottombar span a {
	color: #931638;
	margin: 4px;
	font-weight: bold;
}
#bottombar img {
	vertical-align: middle;
}
#bottombar div {
	display: inline;
}


/* registered section login */
.login_registered_section * {
	border: none;
}
.login_registered_section {
	display: block;
	width: 328px;
	height: 258px;
	background-image: url(img/registered/login_backdrop.gif);
	position: relative;
	margin: auto;
}
.login_registered_section fieldset {
	position: relative;
	top: 208px;
	left: 26px;
}
.login_registered_section input {
	border: 1px solid #CCC;
	width: 98px;
	margin: 0px;
	padding: 0px;
}
.login_registered_section .submit {
	width: 50px;
}

#login {
	position: absolute;
	top: 0;
	left: 462px;
}

#login {
	display: block;
	width: 348px;
	height: 24px;
	margin-bottom: 18px;
}

#login a {
	display: block;
	float: right;
	background: url(utz_images2/bt_registered.gif) no-repeat #B52D1D;
	height: 0px;
	padding-top: 24px;
	width: 24px;
	overflow: hidden;
}

#login fieldset {
	background: #B52D1D;
	height: 24px;
}

#login form fieldset input {
	display: block;
	margin: 2px 2px 0;
	padding: 0;
	float: left;
	width: 100px;
	border: 1px solid #CCC;
	height: 18px;
	line-height: 16px;

	font-size: 11px;
	font-weight: bold;
	text-align: center;
}

#login form fieldset input.submit {
	height: 20px;
}