html{ height: 100%; }
body { margin: 0; padding: 0; width: 100%; height: 100%; font: 62.5% arial, verdana, sans-serif; color: #555555; background: #0078b6 url(images/bg.png) repeat-x; }

.clear, .clearBoth{ clear: both; height: 0; }

.red { color: red; }
.small { font-size: 1em; } .medium { font-size: 1.2em; } .large { font-size: 1.4em; }
.center{ text-align: center; }
.fLeft{ float: left; }
.fRight{ float: right; }

/* a links */
a:link { color: #000; text-decoration: none; }
a:visited { color: #000; text-decoration: none; }
a:hover { color: #000; text-decoration: underline; }
a:active { color: #000; text-decoration: none; }
/*a.arrow { display: block; background: url(Images/arrow.gif) 0 3px no-repeat; padding: 4px 0 5px 20px; height: 18px; font-size: 11px; margin: .3em 0; }*/


#wrapper{ margin: 0 auto; padding: 10px 0; width: 965px; }

#pageTop{ margin: 0; padding: 0; width: 965px; background: url(images/page_top.png) no-repeat; }
#pageContent{ margin: 0; padding: 5px 10px 0 10px; width: 945px; background: #fff; }
#pageBottom{ margin: 0; padding: 15px 0 0 0; background: url(images/page_bottom.png) no-repeat center top; text-align: center; }
#pageBottom p{ color: #fff; font-size: 1.2em; }
#pageBottom p a{ color: #fff; }

#pageTop .upper{ margin: 0; padding: 0 10px; height: 129px; width: 945px; }
#pageTop .upper .logo{ margin: 0 0 0 20px; padding: 0; width: 150px; height: 120px; float: left; }
#pageTop .upper .logo h1{ margin: 0; padding: 0; width: 150px; height: 120px; }
#pageTop .upper .logo h1 a{ margin: 0; padding: 0; display: block; width: 150px; height: 120px; }
#pageTop .upper .logo h1 a span{ display: none; }
#pageTop .upper .topNav{ margin: 0 59px 0 0; padding: 0 30px; width: 240px; height: 30px; float: right; }
#pageTop .upper .topNav a.contact{ margin: 0 25px 0 5px; padding: 0; font-size: 11px; font-weight: bold; color: #e2f5ff; float: left; }
#pageTop .upper .topNav a.english{ margin: 0 25px 0 0; padding: 0; font-size: 11px; font-weight: bold; color: #e2f5ff; float: left; }
#pageTop .upper .topNav a.shrinkFont{ margin: 10px 0 0 10px; padding: 0; font-size: 16px; font-weight: bold; color: #e2f5ff; float: left; }
#pageTop .upper .topNav a.enlargeFont{ margin: 10px 0 0 13px; padding: 0; font-size: 16px; font-weight: bold; color: #e2f5ff; float: left; }
#pageTop .upper .search{ margin: 30px 45px 0 0; padding: 0 0 0 350px; width: 250px; height: 28px; float: right; }
#pageTop .upper .search .input{ margin: 0 5px 0 0; padding: 0; height: 23px; width: 135px; background: url(images/search_input.png) no-repeat; float: left; }
#pageTop .upper .search .input input{ margin: 0; padding: 3px 5px 2px 5px; width: 125px; height: 18px; float: left; border: 0; background: none; }
#pageTop .upper .search a{ margin: 0; padding: 4px 0 0 12px; width: 62px; height: 24px; background: url(images/search_btn.png) no-repeat; float: left; text-transform: uppercase; font-weight: bold; color: #fff; text-decoration: none; }
#pageTop .navigation{ margin: 0; padding: 0 10px; width: 945px; height: 45px; background: #fff url(images/nav_bg.png) no-repeat 10px 0; }
#pageTop .navigation ul{ margin: 0; padding: 0 20px; }
#pageTop .navigation ul li{ margin: 0; padding: 0; float: left; height: 45px; border-right: solid 1px #005079; border-left: solid 1px #6cafd1; position: relative; }
#pageTop .navigation ul li.first{ border-width: 0 1px 0 0; }
#pageTop .navigation ul li.last{ border-width: 0 0 0 1px; }
#pageTop .navigation ul li:hover,
#pageTop .navigation ul li.selected{ background: url(images/nav_item_on.png) repeat-x }
#pageTop .navigation ul li h3{}
#pageTop .navigation ul li h3 a{ margin: 0; padding: 17px 20px 0 20px; height: 28px; font-size: 12px; font-weight: bold; color: #d9f2ff; text-transform: uppercase; display: block; text-decoration: none; }

#pageTop .navigation ul ul{ margin: 45px 0 0 0; padding: 0; top: 0; left: 0; position: absolute; background: #ebebeb; border: solid 1px #d3d3d3; display: none; opacity: .85; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: alpha(opacity=85); }
#pageTop .navigation ul ul li{ margin: 0; padding: 0; border-width: 0; clear: both; width: 100%; text-align: center; height: auto; }
#pageTop .navigation ul li:hover ul{ display: block; }
#pageTop .navigation ul ul li.first{ border-width: 0; }
#pageTop .navigation ul ul li.last{ border-width: 0; }
#pageTop .navigation ul ul li h3{  }
#pageTop .navigation ul ul li h3 a{ margin: 0; padding: 10px 20px 0 20px; height: 25px; font-weight: normal; font-size: 11px; text-transform: none; color: #464646; }
#pageTop .navigation ul ul li:hover,
#pageTop .navigation ul ul li.selected{ background: #004467; }
#pageTop .navigation ul ul li:hover a,
#pageTop .navigation ul ul li.selected a{ color: #fff; } 

#pageContent .sideCol{ margin: 0; padding: 0; width: 190px; float: left; }
#pageContent .mainCol{ margin: 0 5px; padding: 0; width: 555px; float: left; }
#pageContent .mainColWide{ margin: 0 0 0 5px; padding: 0; width: 750px; float: left; }

#pageContent .sideCol .categoryList{}
#pageContent .sideCol .categoryList h5{ margin: 0; padding: 10px 0 0 20px; font-size: 1.2em; font-weight: bold; color: #fff; height: 24px; background: url(images/category_list_header.png) repeat-x; }
#pageContent .sideCol .categoryList ul{ border: solid 1px #dedede;}
#pageContent .sideCol .categoryList ul li{ margin: 0; padding: 5px 0 0 0; border-top: solid 1px #dedede; }
/*#pageContent .sideCol .categoryList ul li.open{ padding-bottom: 0px; }*/
#pageContent .sideCol .categoryList ul li.selected{ /*padding-bottom: 0px;*/ background: #004467; }
#pageContent .sideCol .categoryList ul li.selected a{ color: #fff; font-weight: bold; }
#pageContent .sideCol .categoryList ul li.first{ border-width: 0; }
#pageContent .sideCol .categoryList ul li h4{}
#pageContent .sideCol .categoryList ul li h4 a{ margin: 0 10px 5px 20px; padding: 0; font-size: 1.2em; color: #5d5d5d; display: block;  cursor: pointer; }

#pageContent .sideCol .categoryList ul li.nochild{ padding-bottom: 5px !important; }
#pageContent .sideCol .categoryList ul li.nochild a{ margin-bottom: 0 !important; }

#pageContent .sideCol .categoryList ul ul{ margin: 5px 0 0 0; border-width: 0; display: none; }
#pageContent .sideCol .categoryList li.selected ul{ display: block; }
#pageContent .sideCol .categoryList ul ul li{ border-width: 0; margin: 0; padding: 7px 10px 7px 35px; background: #eeeeee; }
#pageContent .sideCol .categoryList ul ul li h4 a{ margin: 0 !important; color: #5d5d5d !important; font-weight: normal !important; }

#pageContent .sideCol .categoryList ul ul li:hover,
#pageContent .sideCol .categoryList ul ul li.selected{ background: #c7c7c7 url(images/cat_arrow.png) no-repeat 20px center; }

#pageContent .sideCol .banner{ text-align: center; margin: 10px 0; }


#pageContent .mainCol .banner{ margin: 0 0 5px 0; }
#pageContent .mainCol .banner a{ margin: 0; border: 0; }
#pageContent .mainCol .banner img{ margin: 0; border: 0; }

#pageContent .mainCol .box{ margin: 0 0 5px 0; padding: 0 0 6px 0; background: url(images/main_content_box_bottom.png) no-repeat left bottom; }
#pageContent .mainCol .box h5.title{ margin: 0; padding: 10px 20px 0 20px; height: 30px; background: url(images/main_content_box_header.png) no-repeat; font-size: 1.3em; color: #002e45; font-weight: bold; text-transform: uppercase; }
#pageContent .mainCol .box .content{ margin: 0; padding: 20px 20px 14px 20px; border: solid 1px #cacaca; border-width: 0 1px; }

#pageContent .mainColWide .box{ margin: 0 0 5px 0; padding: 0 0 6px 0; background: url(images/main_content_wide_box_bottom.png) no-repeat left bottom; }
#pageContent .mainColWide .box h5.title{ margin: 0; padding: 10px 20px 0 20px; height: 30px; background: url(images/main_content_wide_box_header.png) no-repeat; font-size: 1.3em; color: #002e45; font-weight: bold; text-transform: uppercase; }
#pageContent .mainColWide .box .content{ margin: 0; padding: 20px 20px 14px 20px; border: solid 1px #cacaca; border-width: 0 1px; }

#pageContent .mainCol .newsIntro .content{ padding: 10px 20px 4px 20px; }
#pageContent .mainCol .newsIntro .single{ margin: 0; padding: 10px 12px 10px 0; width: 300px; float: left; border-right: solid 1px #d9d9d9; }
#pageContent .mainCol .newsIntro .single span.date{ margin: 0; padding: 0; font-size: 1.2em; color: #ababab; }
#pageContent .mainCol .newsIntro .single h6{ margin: 3px 0 5px 0; padding: 0; font-weight: bold; font-size: 1.3em; color: #002e45; }
#pageContent .mainCol .newsIntro .single h6 a{ color: #002e45; }
#pageContent .mainCol .newsIntro .single p{ margin: 0 0 10px 0; padding: 0; font-size: 1.2em; color: #484848; }
#pageContent .mainCol .newsIntro .single p img{ margin: 0 0 10px 10px; }
#pageContent .mainCol .newsIntro .single a.more{ margin: 0; padding: 0; font-size: 1.2em; color: #484848; }

#pageContent .mainCol .newsIntro .single .spinner{ padding-top: 80px; text-align: center; }

#pageContent .mainCol .newsIntro .list{ margin: 0 0 0 -1px; padding: 15px 10px 15px 10px; width: 180px; float: left; border-left: solid 1px #d9d9d9; }
#pageContent .mainCol .newsIntro .list ul{ margin: 0; padding: 0; }
#pageContent .mainCol .newsIntro .list ul li{ margin: 0; padding: 4px 0 4px 15px; background: url(images/bullet.png) no-repeat 7px center; }
#pageContent .mainCol .newsIntro .list ul li a{ font-size: 1.1em; color: #444444; font-weight: bold; }

#pageContent .mainCol .news{}
#pageContent .mainCol .news span.date{ margin: 0; padding: 0; font-size: 1.2em; font-weight: bold; }
#pageContent .mainCol .news div.text{ margin: 4px 0 0 0; padding: 0; font-size: 1.2em; }
#pageContent .mainCol .news div.text img{ margin: 10px; }
#pageContent .mainCol .news div.text a{ color: #006599; }

#pageContent .mainCol .page{}
#pageContent .mainCol .page div.text{ margin: 0; padding: 0; font-size: 1.2em; }
#pageContent .mainCol .page div.text img{ margin: 10px; }
#pageContent .mainCol .page div.text a{ color: #006599; }



#pageContent .sideCol .box{ margin: 0 0 5px 0; padding: 0 0 6px 0; background: url(images/side_content_box_bottom.png) no-repeat left bottom; }
#pageContent .sideCol .box h5.title{ margin: 0; padding: 10px 20px 0 20px; height: 30px; background: url(images/side_content_box_header.png) no-repeat; font-size: 1.3em; color: #002e45; font-weight: bold; text-transform: uppercase; }
#pageContent .sideCol .box h5.long{ padding-top: 5px; height: 35px; }
#pageContent .sideCol .box .content{ margin: 0; padding: 15px 15px 9px 15px; border: solid 1px #cacaca; border-width: 0 1px; }

#pageContent .sideCol .box .content p.text{ margin: 0; padding: 0; color: #555555; font-size: 1.2em; }
#pageContent .sideCol .box .content a.more{ margin: 8px 0 0 0; padding: 0 0 0 17px; height: 14px; background: url(images/more_arrow.png) no-repeat left center; float: left; font-size: 1.2em; font-weight: bold; color: #555555; }


#pageContent .mainCol .contentBox{ margin: 0 0 5px 0; padding: 0 0 6px 0; background: url(images/main_content_box_bottom.png) no-repeat left bottom; }
#pageContent .mainCol .contentBox .header{ margin: 0; padding: 25px 30px 0 30px; height: 64px; background: url(images/main_content_box_header2.png) no-repeat; }
#pageContent .mainCol .contentBox .header h5{ margin: 0 0 3px 0; padding: 0; font-size: 2.2em; font-weight: bold; color: #002e45; }
#pageContent .mainCol .contentBox .header .breadcrumbs{ margin: 0; padding: 0; font-size: 1.2em; color: #3e3e3e; }
#pageContent .mainCol .contentBox .header .breadcrumbs span.location{ font-weight: bold; }
#pageContent .mainCol .contentBox .header .breadcrumbs a{ color: #3e3e3e; }
#pageContent .mainCol .contentBox .content{ margin: 0; padding: 20px 20px 14px 20px; border: solid 1px #cacaca; border-width: 0 1px; }

#pageContent .mainColWide .contentBox{ margin: 0 0 5px 0; padding: 0 0 6px 0; background: url(images/content_box_bottom.png) no-repeat left bottom; }
#pageContent .mainColWide .contentBox .header{ margin: 0; padding: 25px 30px 0 30px; height: 64px; background: url(images/content_box_header.png) no-repeat; }
#pageContent .mainColWide .contentBox .header h5{ margin: 0 0 3px 0; padding: 0; font-size: 2.2em; font-weight: bold; color: #002e45; }
#pageContent .mainColWide .contentBox .header .breadcrumbs{ margin: 0; padding: 0; font-size: 1.2em; color: #3e3e3e; }
#pageContent .mainColWide .contentBox .header .breadcrumbs span.location{ font-weight: bold; }
#pageContent .mainColWide .contentBox .header .breadcrumbs a{ color: #3e3e3e; }
#pageContent .mainColWide .contentBox .content{ margin: 0; padding: 20px 20px 14px 20px; border: solid 1px #cacaca; border-width: 0 1px; }

#pageContent .mainColWide .products{}
#pageContent .mainColWide .products .content .text{ padding-top: -15px; font-size: 1.2em; }
#pageContent .mainColWide .products .productRow{ margin: 15px 0 0 0; padding: 0; border-bottom: solid 1px #dbdbdb; }
#pageContent .mainColWide .products .productRow .item{ margin: 0; padding: 0 20px; width: 136px; height: 210px; overflow: hidden; background: url(images/product_list_bg.png) repeat-x left bottom; float: left; border-right: solid 1px #dbdbdb; }
#pageContent .mainColWide .products .productRow .last{ border-width: 0; }
#pageContent .mainColWide .products .productRow .item .image{ margin: 0 0 10px 0; padding: 0; width: 136px; text-align: center; overflow: hidden; }
#pageContent .mainColWide .products .productRow .item .image img{ margin: 0; padding: 0; }
#pageContent .mainColWide .products .productRow .item a.title{ margin: 0; padding: 0; font-size: 1.2em; font-weight: bold; color: #002e45; }
#pageContent .mainColWide .products .productRow .item p{ margin: 5px 0 0 0; padding: 0; font-size: 1.2em; color: #484848; }

#pageContent .mainColWide .product{}
#pageContent .mainColWide .product .content{ padding: 30px 35px 24px 35px; }
#pageContent .mainColWide .product .content .text{ margin-top: 15px; }
#pageContent .mainColWide .product .content .information{ margin: 0 20px 0 0; padding: 0; width: 400px; float: left; }
#pageContent .mainColWide .product .content .information h6{ margin: 0 0 10px 0; padding: 0; font-size: 1.8em; font-weight: bold; color: #002e45; }
#pageContent .mainColWide .product .content .information p.text{ margin: 0 0 10px 0; padding: 0; font-size: 1.2em; color: #484848; }
#pageContent .mainColWide .product .content .information a.url{ margin: 0; padding: 0; font-size: 1.4em; font-weight: bold; color: #484848; }
#pageContent .mainColWide .product .content .information .file{ margin: 10px 0 0 0; padding: 0; height: 30px; }
#pageContent .mainColWide .product .content .information .pdf{ background: url(/images/pdf.png) no-repeat; padding: 10px 0 0 35px; }
#pageContent .mainColWide .product .content .information .file a{ margin: 0; padding: 0; font-size: 1.2em; color: #3c3c3c; }
#pageContent .mainColWide .product .content .information table{ margin: 10px 0 0 0; font-size: 1.2em; color: #3c3c3c; }
#pageContent .mainColWide .product .content .information table td.label{ font-weight: bold; width: 100px; }
#pageContent .mainColWide .product .content .information table td{}
#pageContent .mainColWide .product .content .information .send{ margin: 20px 0 0 0; padding: 0; }
#pageContent .mainColWide .product .content .information .send a.sendToFriend{ margin: 0 10px 0 0; padding: 6px 0 0 0; width: 98px; height: 23px; float: left; background: url(images/product_send_to_friend.png) no-repeat; text-align: center; color: #fff; font-weight: bold; font-size: 1.2em; cursor: pointer; text-decoration: none; }
#pageContent .mainColWide .product .content .information .send a.sendInquery{ margin: 0; padding: 6px 0 0 0; width: 120px; height: 23px; float: left; background: url(images/product_send_inquery.png) no-repeat; text-align: center; color: #fff; font-weight: bold; font-size: 1.2em; cursor: pointer; text-decoration: none; }
#pageContent .mainColWide .product .content .information .send .sendForm{}
#pageContent .mainColWide .product .content .information .send .sendToFriendForm{}
#pageContent .mainColWide .product .content .information .send .sendInqueryForm{}
#pageContent .mainColWide .product .content .images{ margin: 0; padding: 0; width: 258px; float: left; text-align: center; overflow: hidden; }
#pageContent .mainColWide .product .content .images img{ margin: 0 0 30px 0; }

#pageContent .mainColWide .contentBox .staffList{ margin: 0; padding: 0; }
#pageContent .mainColWide .contentBox .staffList .location{ margin: 0; padding: 0; }
#pageContent .mainColWide .contentBox .staffList .location h6{ margin: 0; padding: 13px 25px 0 25px; height: 30px; background: url(images/staff_header.png) repeat-x; font-size: 1.4em; font-weight: bold; color: #585858; }

#pageContent .mainColWide .contentBox .staffList .staffMembers{ padding: 15px 0px 0 50px; }
#pageContent .mainColWide .contentBox .staffList .staffMember{ margin: 0 20px 14px 0; padding: 0; width: 320px; float: left; overflow: hidden; }
#pageContent .mainColWide .contentBox .staffList .staffMember .image{ margin: 0 10px 0 0; padding: 9px 0 0 0; width: 100px; float: left; text-align: center; background: url(images/staff_image_top.png) no-repeat; }
#pageContent .mainColWide .contentBox .staffList .staffMember .image .bottom{ margin: 0; padding: 0; line-height: 0; font-size: 0; height: 9px; background: url(images/staff_image_bottom.png) no-repeat; }
#pageContent .mainColWide .contentBox .staffList .staffMember .image img{ margin: 0; padding: 0; width: 80px; }
#pageContent .mainColWide .contentBox .staffList .staffMember .info{ margin: 0; padding: 10px 0 0 0; width: 210px; float: left; }

#pageContent .mainColWide .contentBox .staffList .staffMember .info h5{ margin: 0 0 5px 0; padding: 0; font-weight: bold; color: #002e45; font-size: 1.8em; }
#pageContent .mainColWide .contentBox .staffList .staffMember .info span.title{ margin: 0; padding: 0; color: #484848; font-weight: bold; font-size: 1.2em; }
#pageContent .mainColWide .contentBox .staffList .staffMember .info span.item{ margin: 3px 0 0 0; padding: 0; display: block; font-size: 1.2em; }
#pageContent .mainColWide .contentBox .staffList .staffMember .info span.item label{ margin-right: 5px; font-weight: bold; }

#pageContent .mainCol .contentBox .contact{}
#pageContent .mainCol .contentBox .contact .field{}
#pageContent .mainCol .contentBox .contact .field label{ margin: 0 0 3px 0; padding: 0; display: block; font-size: 1.2em; font-weight: bold; }
#pageContent .mainCol .contentBox .contact .field input{ margin: 0 0 10px 0; padding: 2px 3px 0 3px; width: 234px; height: 19px; font-size: 12px; float: left; }
#pageContent .mainCol .contentBox .contact .field textarea{ margin: 0 0 10px 0; padding: 2px 3px; width: 236px; height: 116px; overflow: auto; font-size: 1.2em; float: left; }
#pageContent .mainCol .contentBox .contact .field select{ margin: 0 0 10px 0; padding: 0; width: 243px; float: left; }
#pageContent .mainCol .contentBox .contact .field .err{ float: left; }
#pageContent .mainCol .contentBox .contact .field .err img{ margin: 4px 0 0 5px; float: left; cursor: help; }

#pageContent .mainCol .contentBox .contact .controls{}
#pageContent .mainCol .contentBox .contact .controls .submit{ margin: 0; padding: 4px 0 0 0; float: left; width: 66px; height: 19px; background: url(images/contact_btn.png) no-repeat; color: #fff; font-size: 1.1em; font-weight: bold; text-transform: uppercase; text-align: center; text-decoration: none; }
#pageContent .mainCol .contentBox .contact .controls .clear{ margin: 0 10px 0 102px; padding: 4px 0 0 0; float: left; width: 66px; height: 19px; background: url(images/contact_clear_btn.png) no-repeat; color: #fff; font-size: 1.1em; font-weight: bold; text-transform: uppercase; text-align: center; text-decoration: none; }
#pageContent .mainCol .contentBox .contact .result{ text-align: center; padding-top: 20px; font-size: 1.2em; font-weight: bold; }

#pageContent .mainColWide .logos{}
#pageContent .mainColWide .logo{ margin: 0; padding: 15px 10px; float: left; text-align: center; width: 95px; overflow: hidden; }
#pageContent .mainColWide .logo img{ margin: 0; padding: 0; display: block; }
#pageContent .mainColWide .logo span{ margin: 0; padding: 0; font-size: 1.2em; }
#pageContent .mainColWide .logo a.more{ display:block; font-size: 1.1em; color: navy; font-weight: bold; }