@charset "utf-8";
/* CSS Document */
body{ font-family:Arial, Helvetica, sans-serif;font-size: 62.5%; background: url(../images/bg.png) left top repeat-x #fff; min-height: 800px;}
h2 {font-family:"Times New Roman", Times, serif; font-size: 3em;color: $4c4c4c;margin: .5em 0;}
h3, h4 { margin: 1em 0;}
h4 { font-size: 1.3em;}
h3 a {color: #00137f;text-decoration: none;font-size: 1.3em;margin: .5em 0;}
p, dd { line-height: 1.5;}
iframe { border: 1px solid #ccc;}
input.textbox, textarea.textbox { background: url(../images/textbox-bg.png) left top repeat-x;border: 1px solid #ccc;}
button { background: url(../images/button-bg.png) left top repeat-x;border: 1px solid #ccc;}
button span { padding: .5em; color: #f00;font-weight: 600;}
p, span, strong, em, ul li, ol li, label, dd, dt, a{ font-size: 1.2em; line-height: 1.5;}
p p, p span, p strong, p em, p label, p a, span span, span strong, span em, span label, span a, li p, li p, li span, li strong, li em, li li, li label, li dd, li dt, li a, label strong, label em, label span, dd dd, dd p, dd span, dd strong, dd em, dd li, dd label, dd dt, dd a { font-size: 1em; line-height: 1.5;}
.banner-left-product ul { font-size: 1.2em; line-height:1.3;}
.backtop { text-align: right;}
#result { color: #f00;font-style:italic;}
#header {}
#header h1#logo { margin-left:10px;display:inline;float:left; } 
#header h1#logo a { display: block; background:url(../images/logo.png) left center no-repeat; width: 200px; height: 60px;text-indent: -5000px;}
.nav-wrapper { background:url(../images/nav-bg-left.png) left top no-repeat; display: inline-block; padding-left: 10px;float:right;display: inline;}
.nav-wrapper .wrapper { background:url(../images/nav-bg.png) right top no-repeat;height: 60px;}
#banner { height: 108px;color: #fff; background: url(../images/banner.png) left top no-repeat;}
#banner h2 { }
#banner .banner-left h3 { font-size: 3em;margin: .5em 0;}
#banner .banner-left p { font-size: 1.5em;margin-bottom: .5em;line-height: 1.5;}
#banner .banner-left p a { color:#ff0;}
.banner-right { background:url(../images/banner-right-bg.png) left bottom no-repeat; height: 200px; overflow: hidden;}
.banner-right .featured { padding-left: 1em;}
.banner-right .featured h2, #banner .banner-left-product h2 { font-size: 2em;color: #4c4c4c;}
.banner-right h3 {color: #00137f;font-size: 1.3em;margin: .5em 0;}
.banner-right h3 a { font-size: 1em;text-decoration: none;}
#content { background: url(../images/content-bg.png) left top repeat-y;border-top: 2px solid #eee;border-bottom: 2px solid #eee;margin-top: 1px;}
#content-index { width: 780px; margin: 0 auto; background: url(../images/contentindex-bg.png) left top repeat-x;min-height: 400px;}
#content h2{ color: #4c4c4c;}
#content .right { background: url(../images/content-bg.png) left top repeat-y;}
#content .showcase { width: 540px; margin: 0 auto;}
.content ul { list-style: inside disc; margin: 0 0 .5em .5em;}
.content ol { list-style: decimal inside; margin: 0 0 .5em .5em;}
.content ol li { margin-bottom: .5em;}
.homeintro { padding: 5em;}
.homeintro  p{ margin-bottom: 2em;}
.product-img { padding: .2em;float: left;margin-right: 1em;margin-bottom: 1em;}
.product-img-small { width: 80px;}
.links { text-align: right;}
.links a { color: #f00;font-weight: 600;font-size: 1.2em;}
.top-links { padding: 1em 0; border-bottom: 1px solid #ddd;text-align: right;}
.top-links a { color: #f00; font-weight: 600;font-size: 1.2em;text-decoration: none;}

.block { margin-bottom: 1em;}
.block-ps { background: #fff url(../images/ps-bg.png) left top repeat-x;border-top: 1px solid #000;}
.block-ps .col { background: url(../images/ps-separate-bg.png) right top no-repeat;margin-left: 10px;width: 300px; float: left; display: inline;}
.block-ps ul {font-size: 1.2em;}
.block-ps ul li { line-height: 1.5;}

.block-contact { background: url(../images/contact-bg-bottom.png) left bottom no-repeat;}
.block-contact .block-contact-top { background: url(../images/contact-bg-top.png) left top no-repeat; padding: 1em;font-size: 1.2em;}

.about h3{ font-size: 1.5em;color: #00137f;}
 
.contactnow {text-align: center;}
.contactnow a { color: #f00; font-size: 2em; font-weight: 600;}

.products-list { background: url(../images/right-products-list-bg.png) 2px top no-repeat;padding-left: 1em;}
.products-list h2 { margin-top: 0; padding-top: .5em;}
.products-list ul.list li, .product ul.list li { background: url(../images/right-products-list-separate.png) left bottom no-repeat;line-height: 1.8;}
.products-list ul.list li.more, .product ul.list li.more, ul.partner li.more { font-weight: 600;font-size: 1.4em;}

.promotion li { margin-bottom: 2em;text-align: center;}

.contact h3{ font-size: 1.5em;color: #00137f;}
.contact dl dt { font-weight: 600;}
.contact dl dd { margin-left: 1em;}

.contact form label { font-weight: 600; display: block;margin-bottom: .5em;}
.contact p { margin-bottom: .5em;}
.contact .error, .contact .red { color: #f00;}
.contact .captcha {vertical-align:bottom;}

.contact-box { background: url(../images/contact-box.png) left top no-repeat; padding: 2em;height: 95px;font-size: 1.2em;color: #000;}
.contact-box p {line-height:2;}
.contact-box a { font-size: 1.5em;}
#slider ul, #slider li{ margin:0; padding:0; list-style:none;}
#slider li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:620px;
	height:440px;
	overflow:hidden; 
}
.slider-top { background: url(../images/slider-separate-bg.png) left bottom repeat-x;margin-top: 1em;}
.slider-top a { display: block; background: url(../images/slider-up.png) left top no-repeat; height: 30px; width: 74px;margin: 0 auto;}
.slider-bottom { background: url(../images/slider-separate-bg.png) left top repeat-x;margin-bottom: 1em;}
.slider-bottom a { display: block; background: url(../images/slider-down.png) left top no-repeat; height: 30px; width: 74px;margin: 0 auto;}
.product-item { margin-top: 1em;margin-bottom: 1em;}
.product-item dl dt, .fproduct-item dl dt{ float: right; width: 202px;margin-bottom: .5em; }
.product-item dl dt, .fproduct-item dl dt { font-size: 1.3em; color:#00137f;text-decoration: none;font-weight: 600;}
.product-item dl dd.image, .fproduct-item dl dd.image { float: left;}
.product-item dl dd.image img, .fproduct-item dl dd.image img { width: 80px; padding: 2px; border: 1px solid #ddd;}
.product-item dl dd.desc { margin-left: 98px;}
ul.partner li { display:inline; float: left; width:140px;  margin-bottom: 1em;font-weight: 600;color: #00137F}

.fproduct-item { margin-bottom: 1em;}
.fproduct-item dl dt { width: 502px;}
.fproduct-item dl dd.image img { width: 100px;}
.fproduct-item dl dd.desc { margin-left: 118px;}

.togglelink { font-size: 1em; cursor: pointer;margin: 0; background: url(../images/down.png) right bottom no-repeat;padding-right: 35px;}
.up {background: url(../images/up.png) right bottom no-repeat;}
 
.product-view { font-size: 1.2em;}
.product-view h3 {color: #00137f;font-size: 1.3em;}
.product-view h4, .product-view p, .product-view ul { margin-bottom: 1em;}
.product-view ul li { line-height: 1.5;}
#footer .copyright { text-align: right;padding: 1em 0;color: #ccc;font-size: 1.2em;}