/**
* Default CSS Styles 
* 2009 (c)
*/

* { margin:0; padding:0 }
html { height:100% }
body { width:100%; background:url(../i/bg/h.jpg) #fff 0 0 repeat-x; color:#003267; font:normal normal 0.75em Arial, Helvetica, sans-serif;  text-align:center; cursor:default }
a, a:hover { color:#003267; text-decoration:underline }


input, select, textarea { color:#202938; font-size:12px; font:1em Arial, Helvetica, sans-serif }
input.textbox, select.textbox, textarea.textbox { border:1px solid #b6c0cc; padding:0; background#e9f4fa }
select.textbox, select.textbox-def  { padding:1px }

select { border:1px solid  #003267 }

table { font-size:100%; border-collapse: collapse; table-layout:auto }
table td, table th { text-align:left; font-size:12px; font-family:Arial, Helvetica, sans-serif  }
table td { font-weight:normal }
table th { font-weight:bold }
table.cellborder2 td, table.cellborder td {padding:4px}
img, table, fieldset { border:none }
ul, li { list-style:none }
h1, h2, h3, h4, h5, h6 { font:normal bold 1em Arial, Helvetica, sans-serif; color:#003267; }
h1 {  font-weight:normal; text-transform:lowercase; font-size:32px; line-height:normal; padding-bottom:5px  } /* 24px */
h2 { font-size:18px; font-weight:normal; } 
h3 { font-size:18px; }
h4 { font-size:16px; font-weight:normal } 
div { position:relative; font-family:Arial, Helvetica, sans-serif }
.clear { clear:both; font-size:1px; height:1px; visibility:hidden; line-height:normal; margin-bottom:-1px }
.wf, *.wf { width:100% }
.vertical-top { vertical-align: top }
.hr { height:1px; border-top:1px solid #d2d2d2; margin:10px 0 }
.center { text-align:center }
/* Container Style
*************************/ 
.container { width:1000px; margin:0 auto; text-align:left  }


/* Header Style
*************************/ 
.head { height:270px; overflow:hidden }
div.head h1 { width:203px; height:203px; padding:0; overflow:hidden; position:absolute; left:14px; top:17px; text-indent:-999em; z-index:99; }
div.head h1 a { display:block; width:203px; height:203px;  }

/* Flash Style
*************************/ 
div.head div.map { width:1000px; text-align:center; position:absolute; left:0; top:0; z-index:1; height:270px; overflow:hidden  }
div.head div.logo { position:absolute; left:4px; top:0px; z-index:9; width:220px; height:230px; overflow:hidden }

/* Language Style
*************************/ 
div.head div.lang { position:absolute; top:9px; right:30px; z-index:999; font-size:12px; color:#fff;  }
div.head div.lang a { color:#fff; text-transform:uppercase; text-decoration:none; position:relative; z-index:9999 }
div.head div.lang a:hover,  div.head div.lang a.active { color:#b9ff00; text-decoration:none}


/* Menu Style
*************************/ 
ul.menu { min-height:130px }
.menu li a { cursor:pointer; color:#fff; text-decoration:none; display:block  }
.menu li a:hover, .menu li a.active { color:#b9ff00; text-decoration:none }

div.head .menu { position:relative; z-index:999; margin:0px 0 0 240px; padding-top:67px; display:block;  }
div.head .menu li { float:left; position:relative; margin:0 11px; margin:0 11px; display:block; width:103px; height:103px }
div.head .menu li a { position:relative; width:103px; height:103px; text-align:center; font-size:18px; text-transform:lowercase }
div.head .menu li a span {background:url(../i/ico/circle.png) 0 0 no-repeat; display:block; width:103px; height:65px; padding:38px 0 0 0 }
div.head .menu li.pb { margin:50px 11px 0 11px }

div.left div.menu li { clear:both }
div.left div.menu a { font-size:12px; font-weight:bold; text-transform:uppercase; background:url(../i/ico/arrow-blue-bg.gif) 0 7px no-repeat } 
div.left div.menu a { padding:5px 0 5px 17px; float:left } 
div.left div.menu li li a { margin-left:17px } 


/* Wrapper Style
*************************/ 
.wrapper { overflow:hidden; float:left; position:relative; width:950px; clear:both; margin:0 0 0 15px }

.wrapper .left { float:left;  }
.wrapper .menu-head { clear:both; overflow:hidden; font-size:32px }

div.left div.menu { width:236px; background: url(../i/ico/left-top-blue.gif) #003267 0 0 no-repeat }
div.left div.menu div.top-right { background: url(../i/ico/right-top-blue.gif) 100% 0 no-repeat; }
div.left div.menu div.bot-left { background: url(../i/ico/left-bot-blue.gif) 0 100% no-repeat }
div.left div.menu div.bot-right { background: url(../i/ico/right-bot-blue.gif)  100% 100% no-repeat; min-height:240px; padding:30px 15px }

/* Form Style
*************************/ 
div.left form { margin:35px -6px -5px -3px } 
div.left .frm-input {  width:209px; height:25px; background:url(../i/ico/input.gif) no-repeat }
div.left input.textbox { padding:4px 5px; font-size:14px; width:197px; background:none; border:none } 
div.left input.submit { border:none; background:none; position:absolute; text-indent:-9999em } 

table.frm { margin:0 auto } 
table.frm td { padding:0 5px 0 0 }
table.frm td.label { text-align:right; vertical-align:top }
table.frm  input.textbox, table.frm  textarea.textbox { border:1px solid #003267; width:175px } 
table.frm  input.submit { padding:0 7px; font-size:11px; cursor:pointer;  border:none; background:url(../i/bg/btn.gif) repeat-x; color:#fff;  } 
/* Content Style
*************************/ 

div.content { float:right; width:671px; background: url(../i/ico/repeat-tb-lbue.gif) #e4ecf4 0 0 repeat-x }
div.content h1 { padding-bottom:15px }
div.content p { padding-bottom:12px }
div.content li { list-style:disc; margin:0 0 0 20px }

div.content div.repeat-left { background: url(../i/ico/repeat-lr-lbue.gif) 0 0 repeat-y }
div.content div.repeat-right { background: url(../i/ico/repeat-lr-lbue.gif) 100% 0 repeat-y }
div.content div.repeat-bot { background: url(../i/ico/repeat-tb-lbue.gif) 0 100% repeat-x }

div.content div.top-left {  background: url(../i/ico/left-top-lblue.gif) 0 0 no-repeat }
div.content div.top-right { background: url(../i/ico/right-top-lblue.gif) 100% 0 no-repeat }

div.content div.bot-left { background: url(../i/ico/left-bot-lblue.gif) 0 100% no-repeat }
div.content div.bot-right { background: url(../i/ico/right-bot-lblue.gif) 100% 100% no-repeat;  min-height:250px; padding:25px 30px 25px 60px }


/* News Style
*************************/ 

div.news li, div.news p { padding:0; margin:0; list-style:none }
div.news li { margin-bottom:20px }
div.news span.date { font-size:.8em; color:#fff; background:#2e5783 }
div.news p { padding:3px 0 }
div.news a.more { text-align:right; background:url(../i/ico/arrow-lblue-bg.gif) 100% 50% no-repeat; display:block; padding:6px 21px }
div.news a.more span { background:#599e1e; color:#fff; padding:0 5px 0 2px; text-transform:uppercase; font-size:10px; line-height:10px  }

/* Paging List Style
*************************/ 
.paging { text-align:center; padding:15px 0 0 0 }
.paging a { text-decoration:none; padding:0 1px }
.paging a:hover{ text-decoration:underline }


/* Footer Style
*************************/ 
.foot { padding:60px 0 10px 354px; clear:both; font-size:11px; overflow:hidden }
.foot .copy { float:left }
.foot span *, .foot span { color:#3b3b3b; text-decoration:none }


/**/
.products td, .products th { padding:4px }
.products { margin:0 -30px 0 -57px; position:relative; width:665px }
tr.row th, tr.row td { background:#fff }
tr.row th { text-transform:uppercase }
.products th.first, .products td.first { padding-left:57px }
.products th.last, .products td.last { padding-right:15px; width:31% }
.products .first a { text-decoration:none }


.procuct td { padding:0 10px 3px 0}