/**************************************************
File:      /scripts/main.css
Create By: Interocan Studio Corp. 2007 - 2008
Author:    jackal@interoceanstudio.com
Web: 	     http://www.coffeebrokers.us
Desc: 	   CCS for the menu bar
History:	 2008-05-27 created
**************************************************/



/*  TOP MENU
*******************************************************************************************************************/
#underlinemenu{
margin-top: 0px;
padding: 0;
width:760px;
}

#underlinemenu ul{
margin: 0;
margin-left:0px;
padding-left: 2px;
padding-top:8px;
float: left;
font-weight: bold;
width: 100%;
border-width: 1px 0;
}


#underlinemenu ul li{
display: inline;
}


#underlinemenu ul li a{
float: left;
margin-right:3px;
padding: 2px 6px 4px 6px;
border-bottom: 4px solid #7BA6BD;
color:#FFFFFF;
font-weight: bold;
font-size:0.8em;
text-decoration: none;
text-align:center;
}

#underlinemenu ul li a:hover{
color: #FFE75A;
border-bottom: 4px solid #FFE75A;
padding: 2px 6px 4px 6px;
}

#underlinemenu ul #current a{
color: #FFE75A;
border-bottom: 4px solid #FFE75A;
padding: 2px 6px 4px 6px;
}

.frame{border:#FF0000 thin solid}
.frameb{border: #0000CC thin solid}

/*** GENERAL ********************/
*{padding:0; margin:0}
body {background: #085594; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; color:#000000;}
h1{font-size:1.3em; color:#085594;}
h2{font-size:1em; color:#085594; text-align:left;}
h3{font-size:1.2em; color:#E3EBF1; text-align:left;}
.small{font-size:0.85em;}
.extra_small{font-size:0.75em;}
.clear{ clear:both;}
.btn01{float:right; margin-top:15px; margin-left:5px;}
.btn02{margin-top:15px;}
.divider{margin-top:8px; margin-bottom:8px;}
.frame_blue{border:#8ca6c6 1px solid}
.noDecoration{text-decoration:none; color:#000000;}
.msg_err{margin-top:100px; margin-bottom:100px; text-align:center; color:#085594}
#container{width:960px;}
#page{width:780px; float:left}
#banner{width:150px; float:left; margin-left:20px; padding-top:70px;}
#banner p{width:100%;}
#logo_img{float:left; margin-bottom:10px;}
#logo{width:100%; margin-bottom:10px;}
#page_header{height:80px; background-image: url(../images/page_header.gif); background-repeat:no-repeat; width:100%;}
#page_menu{height:30px; background-image: url(../images/page_menu.gif); background-repeat:no-repeat; width:100%;}
#page_body{background-image:url(../images/page_body.gif); background-repeat:repeat-y; padding:10px 20px 10px 20px;}
#clock{margin-top:1px; text-align:center; color:#FFFFFF;}
#clock_title{ text-align:center; color:#FFFFFF; margin-top:5px; margin-bottom:4px;}
#img_footer{height:27px; background-image:url(../images/page_footer.gif); background-repeat:no-repeat;}
#footer{margin:15px; color:#FFFFFF; width:780px; float:left}
#footer a{color:#FFFFFF;}
#bottom{width:960px;}
#banner_bottom{margin-top:15px;}
/*** TOP ********************/
#barchart{width:100%;}
#delayed{text-align:right;}
#delayed p{ width:223px; text-align:left; font-size:0.75em; color:#FFFFFF; float:right;}
.office{width:200px;}
.text1{font-weight:bold; padding-top:3px; padding-left:3px; font-size:0.9em; color:#FFFFFF}
.text2{font-weight:bold; text-align:center; font-size:22px; color:#FFFFFF;}
.date{text-align:right; margin-right:10px; color:#FFFFFF; padding-right:5px; font-weight:100;}

.exchange{color:#CACED1; text-align:left; font-size:14px; font-weight:bold; font:Arial, Helvetica, sans-serif}
/*** INDEX ********************/
#coffeemap{width:740px; height:190px; background-image:url(../images/coffeemap.gif); background-repeat:no-repeat;}
#offer{margin-top:0px; margin-bottom:15px; width:740px;}
#offer_map{float:left; width:400px; height:220px}
#tools{margin-top:15px;}
#news{ width:310px; height:450px; padding-left:5px; padding-right:5px;}
#special_title1{font-size:1.25em; color:#085594; font-weight:bold;}
#special_title2{font-size:0.85em; color:#085594; padding-right:10px;}
#marqueecontainer{
position: relative;
width: 320px; /*marquee width */
height: 220px; /*marquee height */
overflow: hidden;
padding:2px;
padding-left:5px;
float:right;
}
#makeAction{margin-top:15px; margin-bottom:15px;}
.noFrame{border:none !important};
.tool{border-collapse:collapse;}
.tool td{border:#8ca6c6 1px solid; padding:5px; text-align:justify; vertical-align:top;}
.tool th{ background:url(../images/header_bg_yelow.jpg) ; background-repeat:repeat-x; border:#8ca6c6 1px solid; padding:5px; text-align:left;}
#offer1{margin-top:5px; margin-left:20px}
.bullet1{background-image:url(../images/ok.gif); background-repeat:no-repeat; font-weight:bold; padding:3px 0px 3px 25px; background-position: left center;}
.btn_info{ float:right; margin:5px;}
.index_header1{width:400px; float:left;}
.index_header2{width:320px; float:right;}
#safra{margin-top:10px;}
/*** LOGIN ********************/
#login{width:680px;}
#login_left{width:305px; float:left; margin-left:30px; margin-top:115px;}
#login_right{width:340px; float:right; border-left:#8CA6C6 1px solid; margin-top:100px;}
#login td{padding:2px;}
.login_space{margin-top:20px;}
#login hr{ margin-top:10px; margin-bottom:10px;} 
/*** REGISTRATION ********************/
#register{margin-top:20px;}
#registration_error{color:#FF0000; padding:15px;}
#register td{text-align:left; padding:2px;}
.reg_input{width:180px;}
.reg_select{width:184px;}
.reg_table td{font-size: 0.8em;}
/*** SERVICE ********************/
#service_top{margin-top:20px; margin-bottom:20px;}
#service_bottom1{padding:0px; margin-left:0px;}
#service_bottom1 th{text-align:center; font-weight:bold;}
#service_bottom1 td{text-align:center; vertical-align:middle;}

#service_bottom2{padding:10px; width:650px; margin-left:50px;}
#service_bottom2 ul{float:left;}
#service_bottom2 li{
	list-style-position: inside;
	list-style-image: url(../images/ok.gif);
	text-align:left;
}
#service_bottom3{padding:10px; width:650px; margin-left:250px;}
#service_bottom3 ul{float:left;}
#service_bottom3 li{
	list-style-position: inside;
	list-style-image: url(../images/ok.gif);
	text-align:left;
}
#service_bottom6{padding:10px; width:610px; margin-left:120px;}
#service_bottom6 ul{float:left; width:200px;}
#service_bottom6 li{
	list-style-position: inside;
	list-style-image: url(../images/ok.gif);
	text-align:left;
}
#btn_service{margin:20px;}
/*** WORLD ********************/
#world_map{margin-top:20px;}
#etiqueta table {margin-top:15px; margin-left:15px;}
#etiqueta td {text-align:left; padding:5px; padding-left:0px;}
/*** CONTACT US ********************/
#contactus_right{float:right; width:310px;}
#contactus_right td{text-align:left;}
#contactus_left{float:left; width:410px;}
#contactus_confirm{height:120px; text-align:center; padding-top:40px; color:#085594}
/*** CONTENT ********************/
#content1 li, #content2 li, #content2 li{list-style-position:inside}
/*** CONTENT ********************/
#insert_form td{text-align:left;}
/*** QUICK REQUEST ********************/
#quick_query{margin-top:20px;}
#quick_query td{text-align:left; padding-top:2px; padding-bottom:2px;}
.quick_input{width:200px;}
.quick_select{width:204px;}
/*** GALLERY ********************/
#gallery_top{text-align:center;}
#gallery_top table{width:500px;}
#gallery_top p{color:#085594; font-weight:bold; margin-top:15px;}
#gallery_top select{width:240px; margin-top:5px;}

#gallery_bottom{margin-top:20px}
#gallery_bottom td{padding-left:10px;}
#gallery_bottom h2{text-align:center;}
#gallery_bottom p{color:#085594; margin-bottom:5px;}
#slide_control{margin-bottom:0px; margin-top:5px;}
#output{ color:#085594}

#player2{width:30%; float:left; margin-left:80px;}
#player3{width:40%; margin-top:10px; float:left; color:#085594}
/*** sitemap ********************/
#sitemap{ margin-left:260px; width:300px; text-align:left; height:430px; float:left; }
#sitemap a{text-decoration:none; color:#085594;}
/*** SUBMIT OK ********************/
#confirmation_text{height:250px; color:#085594; font-weight:bold; width:500px;}