﻿
a:hover{color:#6185A9;text-decoration:underline;}
input, select, textarea {olor:#707070;font-size:1.2em;}

/*-----------header-----------*/
#header {width:1000px;height:97px;margin:0px auto;overflow:hidden;font-size:12px;}
#header .col-1 {width:460px;}
#header .col-2 {width:540px;}
.toplinks{height:18px; padding-top:2px;width:100%;}
.toplinks ul.type1{ float:left;}
.toplinks ul.type2{ float:left; display: inline; padding-left:20px;}
.toplinks li{ float:left; height:16px;}
.toplinks ul.type2 li{margin-left:20px; display:inline;}
.toplinks li .imgbox { float:left; padding-right:3px; width:16px; height:16px;}
.toplinks li a{ float:left; padding:2px 8px 0 0;color:#707070;text-decoration:none;}

#menu{width:960px; height:30px; margin:0px auto 23px auto; font-size:12px;}
.sf-menu, .sf-menu * {margin:0;padding:0;list-style:none;}
.sf-menu ul {position:absolute;top:-999em;width:119px;}
.sf-menu ul li {width:100%;}
.sf-menu li:hover { color:#fff;visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float:left;position:relative; width:119px; text-align:center;}
.sf-menu a {display:block;position:relative;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left:	0;top:2.5em; z-index:99;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:119px; top:0;}
ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {left:119px; top:0;}
.sf-menu {float:left; line-height:1.0em;}
.sf-menu a { color:#fff; padding:.75em;text-decoration:none;}
.sf-menu a:hover{text-decoration:none}
.sf-menu li { background:url(../images/menu_bg.gif) no-repeat;}
.sf-menu li.current {background:#91b931;}
.sf-menu li.current a { color:#fff}
.sf-menu li li a{ border-left:0; }
.sf-menu li li {background:#427a9b;}
.sf-menu li li li {background:#427a9b;}
.sf-menu li li a:hover, .sf-menu li li li:hover, .sf-menu li li:hover{background:#c1dae8; color:#333}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {background:#91b931;outline:0;}
.sf-menu a.sf-with-ul {padding-right:2.25em;min-width:1px; }
.sf-sub-indicator {position:absolute;display:block;right:.75em;top:1.05em; /* IE6 only */width:10px;height:10px;text-indent:-999em;overflow:hidden;background:url('../images/arrows-ffffff.png') no-repeat -10px -100px;}
a > .sf-sub-indicator { top:.8em;background-position: 0 -100px;}
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {background-position:-10px -100px;}
.sf-menu ul .sf-sub-indicator { background-position:-10px 0;}
.sf-menu ul a > .sf-sub-indicator { background-position:0 0;}
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, 
.sf-menu ul li.sfHover > a > .sf-sub-indicator {background-position: -10px 0; }
/*** shadows for all but IE6 ***/
.sf-shadow ul {background:url('../images/shadow.png') no-repeat bottom right;padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px;-webkit-border-top-right-radius: 17px;-webkit-border-bottom-left-radius: 17px;}
.sf-shadow ul.sf-shadow-off {background: transparent;}

/*---------------content-------------*/
#content{width:960px; margin:0 auto;padding:0px;clear:both;overflow:hidden; font-size:12px;}
#content .col-1{width:220px;margin-right:12px; overflow:hidden}
#content .col-2{width:720px;}

.left_menu{ width:208px; overflow:hidden; background:url(../images/left_1_03.gif) left bottom no-repeat;font-size:13px;}
.left_menu ul{ padding:30px 10px 0px 10px; width:178px; margin:0;}
.left_menu li{ width:178px; height:30px; clear:both;}
.left_menu li a {text-decoration: none;display:block; line-height:30px; text-indent:30px; white-space:nowrap; color:#4d4d4d; background:url(../images/bn1.gif) no-repeat;width:178px; margin-top:3px;}
.left_menu li a:hover { background:url(../images/bn2.gif) no-repeat;width:178px; text-decoration:none; color:#4d4d4d; }
.leftbottom{ width:198px; height:10px; overflow:hidden;}
.leftmenu {
	LINE-HEIGHT: 21px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; COLOR: #4d4d4d; FONT-SIZE: 13px; FONT-WEIGHT: normal; TEXT-DECORATION: none
}
.leftmenu A {
	BACKGROUND-IMAGE: url(../images/bn1.gif); PADDING-BOTTOM: 5px; MARGIN-TOP: 0px; PADDING-LEFT: 35px; DISPLAY: block; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: center top; MARGIN-BOTTOM: 0px; LETTER-SPACING: 0.05em; COLOR: #4d4d4d; FONT-WEIGHT: normal; TEXT-DECORATION: none; PADDING-TOP: 5px
}
.leftmenu A:hover {
	BACKGROUND-IMAGE: url(../images/bn2.gif); PADDING-BOTTOM: 5px; MARGIN-TOP: 0px; PADDING-LEFT: 35px; DISPLAY: block; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: center top; MARGIN-BOTTOM: 0px; LETTER-SPACING: 0.05em; COLOR: #4d4d4d; TEXT-DECORATION: none; PADDING-TOP: 5px
}
.leftproduct{ margin-top:10px; width:208px; overflow:hidden; background:url(../images/product_1_03.gif) left bottom no-repeat;}
.leftproduct ul{ padding:30px 5px 0 6px; width:197px; margin:0; background:url(../images/product_1_01.gif) left top no-repeat;}
.leftproduct li.type1{ width:94px; height:58px; float:left;}
.leftproduct li.type2{ width:93px; height:58px; float:left;}
.leftproduct li.type3{ clear:both; width:94px; height:55px; float:left;}
.leftproduct li.type4{ width:94px; height:55px; float:left;}

.leftlinks{margin-top:10px; width:208px; overflow:hidden;}
.leftlinks ul{ margin:0; padding:0}
.leftlinks li{ width:208px; height:50px; overflow:hidden;}

#navigation{height:26px; width:720px; margin-bottom:5px; background-position:0 0; background-repeat:no-repeat;}
.nav{ text-align:right;float:right;}
. span{color:#308b8f; padding:5px 3px; line-height:16px;}
.nav a {color:#707070;text-decoration:none;}
.nav span.current{color:#308B8F;}
#details{clear:both; width:720px;}
.details_center{clear:both; width:701px; background:url(../images/content_bg_center.jpg) 0 0 repeat-y; margin:0 auto;}
.details_top{ padding-top:60px;width:701px; background:url(../images/content_bg_top.jpg) top no-repeat; overflow:hidden;}
.details_bottom{ padding:0 50px 30px 26px;width:625px; background:url(../images/content_bg_bottom.jpg) bottom no-repeat; height:auto !important; height:200px; min-height:200px;}
/*---------------footer-------------*/

#footer{clear:both;width:700px; margin:30px auto;background: url(../images/bottom.jpg) no-repeat; overflow:hidden; height:66px; padding:10px 30px 10px 230px;line-height:1.5em; font-size:12px;}
#footer .links{ color:#6185a9; padding:5px 0}
#footer a{ padding:0 5px; color:#6185a9;text-decoration: none;}
#footer p{padding:0 5px;}
/*------------------solo------------------*/
.caseleft {color: #4D4D4D;font-family: Verdana,Arial,Helvetica,sans-serif;font-size: 13px;font-weight: normal;line-height: 21px;text-decoration: none;}
.t TABLE {
    color: #333333;
    font-size: 16px;
    line-height: 18pt;
}
.FormFormat INPUT {
    background-color: #F1F5F8;
    border-color: #E3E2E2;
    border-style: solid;
    border-width: 1px;
    color: #666666;
    font-family: "Arial","Helvetica","sans-serif";
    font-size: 12px;
}
.inpute {
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    color: #666666;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    text-decoration: none;
}
.FormFormat SELECT {
    background-color: #F1F5F8;
    border-color: #E3E2E2;
    border-style: solid;
    border-width: 1px;
    color: #666666;
    font-family: "Arial","Helvetica","sans-serif";
    font-size: 12px;
}
.bone_top {
    color: #E65F37;
    font-family: "Verdana","Arial","Helvetica","sans-serif";
    font-size: 11px;
    text-decoration: none;
}
.product_title {
    color: #D14E36;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    letter-spacing: 0.05em;
    padding: 10px;
    text-decoration: none;
}
.style2 {
    color: #D14E36;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    letter-spacing: 0.05em;
    text-decoration: none;
}
.t {
	BACKGROUND-REPEAT: no-repeat
}
.t P {
	LINE-HEIGHT: 18pt; COLOR: #333333; FONT-SIZE: 16px
}
.t TABLE {
	LINE-HEIGHT: 18pt; COLOR: #333333; FONT-SIZE: 16px
}
.page {
	TEXT-ALIGN: center
}
.page A {
	COLOR: #fff; FONT-SIZE: 12px; TEXT-DECORATION: none
}
.page SPAN {
	PADDING-BOTTOM: 2px; PADDING-LEFT: 22px; PADDING-RIGHT: 22px; BACKGROUND: url(../images/bg_no_current.gif) no-repeat; COLOR: #fff; FONT-SIZE: 12px; VERTICAL-ALIGN: middle; PADDING-TOP: 2px
}
.page SPAN.current {
	BACKGROUND: url(../images/bg_current.gif) no-repeat
}
.download_link2 {
    color: #306D85;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    letter-spacing: 0.05em;
    text-decoration: none;
}
.content_link {
    color: #699539;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    letter-spacing: 0.05em;
    text-decoration: none;
}
.top_link {
    color: #44525E;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    letter-spacing: 0.1em;
    text-decoration: none;
}
.t_2 {
	BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: left bottom
}
.product_link {
	FONT-FAMILY: Arial, Helvetica, sans-serif; LETTER-SPACING: 0.02em; COLOR: #666666; FONT-SIZE: 12px; TEXT-DECORATION: none
}
A.product_link:hover {
	FONT-FAMILY: Arial, Helvetica, sans-serif; LETTER-SPACING: 0.02em; COLOR: #3d7698; FONT-SIZE: 12px; TEXT-DECORATION: underline
}
.contact_top {
    color: #6C6C6C;
    font-family: "Verdana","Arial","Helvetica","sans-serif";
    font-size: 12px;
    line-height: 20px;
    text-decoration: none;
}
.location_link {
	FONT-FAMILY: Arial, Helvetica, sans-serif; LETTER-SPACING: 0.07em; COLOR: #707070; FONT-SIZE: 12px; TEXT-DECORATION: none
}
A.location_link:hover {
	FONT-FAMILY: Arial, Helvetica, sans-serif; LETTER-SPACING: 0.07em; COLOR: #3e7aac; FONT-SIZE: 12px; TEXT-DECORATION: none
}
.top_title {
    color: #707070;
    font-size: 16px;
    font-weight: 900;
}
.top_title_right{
    color: #3e798a;
    margin-left:10px;
}

.news_link {
    color: #359DA6;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    letter-spacing: 0.05em;
    text-decoration: underline;
}
A.news_link:hover {
    color: #9C9E9D;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    letter-spacing: 0.05em;
    text-decoration: none;
}
.news_link img{vertical-align:middle}
.qanda {
	FONT-SIZE: 14px
}
.qanda DT.on {
	BACKGROUND-IMAGE: url(../images/q1.gif)
}
.qanda DT {
	PADDING-BOTTOM: 0px; MARGIN-TOP: 24px; PADDING-LEFT: 42px; PADDING-RIGHT: 42px; BACKGROUND: url(../images/q2.gif) no-repeat 0px 0px; COLOR: #3580a4; FONT-SIZE: 15px; CURSOR: pointer; FONT-WEIGHT: normal; PADDING-TOP: 0px; -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding
}
.qanda DD {
	PADDING-BOTTOM: 0px; LINE-HEIGHT: 23px; PADDING-LEFT: 30px; PADDING-RIGHT: 0px; BACKGROUND: url(../images/a.gif) no-repeat 0px 16px; COLOR: #666666; FONT-SIZE: 13px; FONT-WEIGHT: normal; PADDING-TOP: 12px; -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding
}