@charset "utf-8";
/* CSS Document */

BODY { color: #000000; font: 14px/1.5 Arial,'Helvetica',sans-serif; margin:0; padding:0; }

P { margin: 4px 0 10px 0; }

H1, .head1 { color: #ff8308; font-size: 28px; margin: 8px 0; font-weight: normal; }
H2, .head2 { color: #00489c; font-size: 24px; margin: 6px 0; font-weight: normal; }
H3, .head3 { color: #333333; font-size: 20px; margin: 4px 0; font-weight: normal; }

A H3, A:link H3, A:visited H3 { color: #00489c; }
A:hover H3 { color: #4f8acf; text-decoration: none; }

UL, OL { margin-left: 0px; }

INPUT, SELECT, TEXTAREA { font-size: 14px; }

A, A:link, A:visited { color: #00489c; }
A:hover { color: #4f8acf; text-decoration: none; }

.wrap { max-width: 970px; padding: 0 10px; margin: 0 auto; }
.clear { clear: both; }
.hr { border-top: 1px dashed #cccccc; height: 10px; }

#topbar { height: 4px; background: #264388; }
#header { height: 100px; background: url('/img/header-bg.jpg') #ffffff repeat-x top center; }
#logo { float: left; padding-top: 18px; /* background-color: #ff0000; */ }

#lngmenu { position: relative; font-size: 12px; color: #FFFFFF; float: right; width: 122px; height: 25px; display: block; z-index: 5; }
#lngmenu a { padding: 3px 0 0 20px; color: #FFFFFF; text-decoration: none; display: block; }
#lngmenu a:hover { color: #FFFFFF; text-decoration: none; }

.lngitem { width: 120px; padding: 3px 0; background: #31529f; border-top: 1px solid #fff; }
.lngitem:hover { background: #3484d4; }
.lngitem0 { width: 120px; height: 25px; background: url(/img/lng-select.gif) #264388 no-repeat; }

#fblike { float: left; padding: 5px 0 0 10px; }

#menubar { height: 39px; clear: both; background: url('/img/menubar-bg.gif') #135396 repeat-x top center; /*position: fixed;*/ width: 100%; }

#topmenu { list-style: none; display: block; float: left; margin: 0; }
#topmenu li { line-height: 38px; float: left; }
#topmenu li a { color: #FFFFFF; text-decoration: none; display: block; font-size: 16px; padding: 0 26px; }
#topmenu li a:hover, #topmenu li:hover a { background: url('/img/sel-btn-bg.gif') #ff8308 repeat-x top; color: #fff; text-decoration: none; }
.menu_div { background: #ffffff no-repeat top center; }

#main, #content { clear: both; }
/*#content { padding-top: 39px; }*/
#content img { max-width: 100%; }

#slider { height: 300px; border: 1px solid #dcdcdc; background: #f7f7f7; margin-top: 22px; padding: 14px 10px 14px 10px; }
#slidercontent { overflow: hidden; height: 284px; padding: 0px 10px 0px 10px; }
#sliderswitch { clear: both; text-align: center; }
.slideimage { width: 420px; float: left; text-align: center; }

.slidebody {  }
.slidebody p.caption { color: #4f8acf; font-size: 40px; line-height: 40px; padding-top: 20px; }
.slidebody p.text { color: #777777; font-size: 22px; margin-top: 20px; }
.slidebody p.link { text-align: right; color: #4f8acf; font-size: 22px; margin-top: 20px; }
.slidebody p.link a { color: #4f8acf; text-decoration: underline; }
.slidebody p.link a:hover { color: #4f8acf; text-decoration: none; }

#slide2, #slide3, #slide4, #slide5 { display: none; }

.b1 { max-width: 637px; float: left; width: 100%; }
.b2 { max-width: 470px; float: left; }
.b3 { width: 303px; float: left; }
.b13 { width: 192px; float: left; }
.bm { margin-right: 30px; }

.blbox { max-width: 470px; height: 62px; float: left; background: #ddedff; margin-bottom: 20px; overflow: hidden; }
.blbox p { padding: 5px 10px; font-style: normal; }
.orbox { background: #ffedda; }

.icoimginline { float: left; padding-right: 10px;}

#dwbutton { background: #cccccc; font-size: 24px; height: 43px; width: 242px; text-align: center; margin: 0 auto; }
#dwbutton a { background: url('/img/dwbutton-bg.gif') #00489c no-repeat top center; font-size: 24px; color: #ffffff; text-decoration: none; line-height: 43px; display: block; }
#dwbutton a:hover { font-size: 24px; color: #ffffff; background: url('/img/dwbutton-bg-on.gif') #51a3f5 no-repeat top center; text-decoration: none; }


.fbox { border: 1px solid #dcdcdc; background: #f0f0f0; padding: 10px 20px; }
.fbox ul { list-style: none; display: block; margin: 0px 0px 0px 10px; padding-left: 10px; }
.fbox li a { text-decoration: underline; display: block; padding-bottom: 4px; }
.fbox li a:hover, #featuredbox li:hover a {  text-decoration: none; }

.fboxhead { color: #444444; font-size: 20px; margin-bottom: 6px; font-weight: normal; }

.subtext { font-size: 12px; }

.frnewstopic { }
.frnewstopic a { color: #00489c; font-size: 22px; text-decoration: underline; }
.frnewstopic a:hover { color: #4f8acf; text-decoration: none; }
.frnewsfeaturedimg { width: 120px; text-align:center; float: left; padding-right: 20px; }

.onthispage { color: #00489c; margin-top: 0; margin-left: 0; }
.onthispage li { padding-bottom: 5px; }

.accBlock { }

.accSection {  }
.accSection a { color: #00489c; text-decoration: none; }
.accSection a:hover { text-decoration: underline; }
.accSection h2 { color: #00489c; font-size: 24px; margin: 0; font-weight: normal; }
.accSection h2 a { color: #00489c; text-decoration: none; }
.accSection h2 a:hover { text-decoration: underline; }

.accSectionContent { padding-left: 10px; }
.accHidden { display: none; }

.aniBox { }
.aniBoxCaption { padding-bottom: 20px; }
.aniBoxContent { text-align: center; }
.aniStep { color: #777; }

.aniPageSw {
	list-style: none;
    padding-left: 200px;
    margin: 0;
 }
.aniPageSw li { margin: 10px 6px 20px 6px; float: left; }
.aniPageSw li a {
    -moz-user-select: none;
    background-color: #eee; font-weight: bold; border-radius: 15px 15px 15px 15px; color: #333;
    display: block; cursor: pointer; font-size: 15px; height: 15px; width: 16px;
    padding: 5px 7px 10px; text-align: center; text-decoration: none;
}
.aniPageSw li a:hover, .aniPageSw li a:focus, .aniPageSw li a.bullet_active {
    background-color: #C5E4FA;
    color: #333;
}

.bnews { color: #333; }
.bnews a { color: #333; text-decoration: underline; font-style: italic; }
.bnews a:hover { color: #333; text-decoration: none; }

.bnewsmeta { line-height: 20px; font-size: 14px; font-style: italic; background-color: #f0f0f0; color: #666; padding: 5px 10px; }
.bnewsmeta a { color: #666; }
.bnewsmeta a:hover { color: #666; text-decoration: none; }

.bquote { border: 1px solid #dcdcdc; background-color: #f0f0f0; padding: 10px; }
.bquote p { margin-bottom: 0; }
.bquote p.qimg { float: left; padding: 0 10px 5px 0; }
.bquote p.qname { /*width: 151px;*/ text-align: right; /*float: right;*/ font-size: 20px; font-style: italic; }
.bquote p.qtitle { /*width: 151px;*/ text-align: right; /*float: right;*/ font-style: italic; }
.bquote p.qmeta { text-align: right; font-style: italic; padding: 14px 0 0 0; }

.btestimonials a { color: #333; text-decoration: underline; }
.btestimonials a:hover { color: #333; text-decoration: none; }

#footer {
	clear: both; background: url('/img/bg-footer.gif') #e7e7e7 no-repeat top left;
	border-top: 6px solid #3383f4; padding: 10px 0 10px; margin-top: 24px;
}
#footer .head2 { color: #000000; }

.breadcrumbs { text-align: right; padding-top: 10px; font-size: 12px; }

#orderVolumeTable {
	display: none; height: 100%; left: 0; overflow: hidden; padding: 0;
	/*position: absolute;*/ top: 0; width: 100%;  z-index: 20;
}

#orderVolumeTable .insidebox {
		background-color: #ffffff; width: 640px; margin: 0 auto; position: relative;
        z-index: 20; top: 140px; border-radius: 5px; border: 1px solid #DCDCDC; padding: 20px;
}
#orderVolumeTable .insideboxbg {
	background: none repeat scroll 0 0 #cccccc; border: 0 none; display: block; height: 100%; left: 0; opacity: 0.8;
    overflow: hidden; padding: 0; position: absolute; top: 0; width: 100%; z-index: 10;
}

.orderbox { width: 450px; border-radius: 5px; border: 1px solid #DCDCDC; padding: 20px; float: right; }
.orderqtyfield {
	border-radius: 5px; height: 30px; padding: 2px 0 0; text-align: center;
	width: 50px; font-size: 20px; border: 1px solid #CCCCCC;
}
.ordersubmitbtn {
	background-color: #21759B; background-image: linear-gradient(to bottom, #2A95C5, #21759B);
	border-color: #21759B #21759B #1E6A8D; box-shadow: 0 1px 0 rgba(120, 200, 230, 0.5) inset;
	color: #FFFFFF; text-decoration: none; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
	border-radius: 3px 3px 3px 3px; border-style: solid; border-width: 1px; cursor: pointer;
	display: inline-block; font-size: 14px; margin: 0; padding: 0 10px 1px; height: 30px; width: 100px;
}
.ordersubmitbtn:hover {
	background-color: #278AB7; background-image: linear-gradient(to bottom, #2E9FD2, #21759B);
    border-color: #1B607F; box-shadow: 0 1px 0 rgba(120, 200, 230, 0.6) inset;
    color: #FFFFFF;
 }

.fb3 { width: 300px; float: left; }
.fb4 { width: 200px; float: left; }
.fbb ul { list-style: none; padding-left: 20px; margin: 0;  }
.fbb a { color: #000000; }
.fbb a:hover {  }

.footer-bottom { clear: both; margin-top: 20px; font-size: 12px; border-top: 1px solid #3383f4; padding: 20px 0; }
.footer-bottom a { color: #000000; }
.footer-bottom a:hover { }
.footer-bottom-links { float: right; }

.post_date { font-size: 12px; }
.post_meta { text-align: right; }
.post_nav_left { float: left; }
.post_nav_right { float: right; }

.form_field_label { width: 90px; }

.comment-body p { margin-bottom: 10px; }

#comments { margin-bottom: 24px; }
#reply_submit { padding: 10px 20px; margin-left: 100px; }

.commentlist li { padding-bottom: 12px; }

span.wpcf7-list-item { display: block !important; padding: 10px; }

@media only screen and (max-width: 540px) {
    #lngmenu { display: none; }
}

@media only screen and (max-width: 990px) {
    #topmenu { background: url('/img/menubar-bg.gif') #135396 repeat-x top center; }
    #menubar { position: initial; }
    #content { padding-top: 0; }
}