@charset "utf-8";
/* CSS Document */
/* =reset css */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, address, th, td
{ margin: 0; padding: 0;}

h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

ol, ul { list-style-type: none;}

img {border: 0;}

/* =blocktext */
h2, h3, h4, h5, p, ul {
margin: 0 0px;
padding: .5em 0; }

body {
background: #D2E9FF;
position: relative;
font: 11px Verdana, "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
}

#wrapper { margin: 0 auto 0 auto; width: 847px; }
#container { background:url(auxil/index/bg_wrapper.jpg) repeat-y;}
#header {
position: relative;
background: url(auxil/masthead.jpg) no-repeat;
height: 167px;
}
/*#header h1 { text-indent: -9999px;
background: url(auxil/logo_yumtrade.jpg) no-repeat;
width: 279px; height: 130px; position: absolute; top: 30px; left: 30px; z-index: 1;}*/

#header blockquote { text-indent: -9999px;}

#main-content { margin: 0 30px 0 30px; background: url(auxil/index/bg_welcome.jpg) repeat-x; }
#main-content #trolley { width: 259px; height: 219px; float: left;}
#main-content #welcome { margin: 0px 0 0 0px; width: 240px; float: left; color: #FFFFFF; font-size: 11px;}
h2 { color: #85D4F0; font-size: 17px; font-weight: bold; padding-bottom: 0; font-family:"Arial Black"; }
#welcome1 h2 { color: #85D4F0; font-size: 18px; font-weight: bold; padding-bottom: 0; }
 h3 { font:17px Arial; color:#FFFFFF; font-weight:bold;}
#main-content #feature { width: 259px; border-left: 0px solid #FFFFFF; float: right; position: relative; margin-top: 5px;}
#main-content #feature .header { position: absolute; top: 0; right: 0; }
/* Set the background to rectangle instead of transparent */
* html #main-content #feature .header { background: #0C5497;}

#secondary-content { margin: 0 30px 0 30px; background: url(auxil/index/bg_columnfooter.jpg) repeat-x bottom; height: 151px; }
#secondary-content h2 { text-indent: -9999px; height: 38px; }
#secondary-content .content { padding: 0 8px 0 8px;}
#new, #current, #corporate { float: left; margin-left: 5px; width: 259px; height: 100px; position: relative; }
#new img, #current img, #corporate img { position: absolute; bottom:  0px; right: 10px; }

#new { margin-left: 0; background: #E1F0FF;}
#new h2 { background: url(auxil/index/newcustomer.png) no-repeat; }
#new h3 { font-weight: bold; color: #006FD5;}

#current { background: #FCE2ED;}
#current form input[type="image"] { float: right; margin: 0 8px 8px 0; }
* html #current .login { float: right; margin: 0 10px 5px 0;}
* html #current .password { width: 160px; }
#current h2 { background: url(auxil/index/currentcustomer.png) no-repeat; }
#current label { display: block; float: left; width: 70px; }
#current form input { margin-bottom: 5px; position: relative;}

#corporate { background: #ECE2F5;}
#corporate h2 { background: url(auxil/index/corporatecustomer.png) no-repeat; }

#logos { clear: both; padding: 10px; }

#footer { 
font-size: 10px; 
color: #FFFFFF; 
text-align: center; 
height: 45px; 
padding: 5px 0 0 0;
background: url(auxil/index/bg_footer.png) no-repeat; 
}
#main_footer{color:#339999;font-family:arial; font-size:9px; text-align:justify;}
#main_footer a{color:#339999;text-decoration:none; }
#main_footer a:hover{color:#339999; text-decoration:none;}

#main_footer1{color:#339999;font-family:verdana; font-size:11px; text-align:justify;}
#main_footer1 a{color:#339999;text-decoration:none; }
#main_footer1 a:hover{color:#339999; text-decoration:none;}

#main_footer2{color:#339999;font-family:verdana; font-size:11px; text-align:justify;}
#main_footer2 a{color:#339999;text-decoration:none; }
#main_footer2 a:hover{color:#339999; text-decoration:none;}

#newShop {color: #85D4F0; font-size: 30px; font-weight: bold; font-family:"Arial Black";  }
#newShopWel{color: #85D4F0; font-size: 17px; font-weight: bold; font-family:"Arial Black";padding-top:5px;}