html, body {
height:100%;
}
body {
color:#2c2c2c;
margin:0;
font:12px Arial, Helvetica, sans-serif;
min-width:998px;
background:#fff url(../images/body-bg.gif) repeat-x;
}
form {
margin:0;
padding:0;
}
fieldset {
margin:0;
padding:0;
border-style:none;
}
table {
margin:0;
padding:0;
border-collapse:collapse;
}
.hold1 {
width:100%;
position:relative;
overflow:hidden;
min-height:100%;
background:url(../images/main-bg.gif) no-repeat 50% 100%;
}
.hold2 {
position:relative;
float:left;
left:50%;
text-align:center;
}
* html .hold1 {
height:100%;
overflow:visible;
}
#wrapper {
width:1000px;
float:left;
left:-50%;
text-align:left;
position:relative;
padding-top:437px;
overflow:hidden;
}
#wrapper h1 {
margin:0;
width:275px;
height:74px;
text-indent:-9999px;
overflow:hidden;
background:url(../images/logo.gif) no-repeat;
position:absolute;
top:12px;
left:13px;
z-index:100;
}
#wrapper h1 a {
display:block;
height:100%;
}
/*header*/
#header {
width:1000px;
height:419px;
position:absolute;
top:0;
left:0;
background:url(../images/header-bg.gif) no-repeat 100% 0;
}
/*info-box*/
.info-box {
position:absolute;
right:11px;
top:7px;
width:230px;
}
.info-box a {
color:#6d8288;
font-size:14px;
float:right;
}
.info-box a:hover {
text-decoration:none;
}
.info-box ul {
margin:0 -3px 0 0;
padding:0;
list-style:none;
float:right;
position:relative;
}
.info-box ul li {
float:left;
padding-left:10px;
}
.info-box ul li a {
width:92px;
line-height:23px;
padding-bottom:5px;
text-align:center;
font-weight:bold;
display:block;
text-decoration:none;
color:#005696;
font-size:12px;
background:url(../images/btn-bg.png) no-repeat;
}
.info-box em {
font-size:24px;
color:#72858a;
text-align:right;
display:block;
width:100%;
float:left;
margin-top:3px;
line-height:26px;
font-style:normal;
}
/*slide-box*/
.slide-box {
width:1000px;
position:absolute;
top:85px;
left:0;
}
.slide-box img {
display:block;
border:none;
}
.slide-bg {
width:1000px;
background:url(../images/slide-box-bg.png) no-repeat;
}
.slide-box .slide-hold {
position:relative;
width:964px;
padding:20px 18px 0 18px;
}
/*slide*/
.slide {
width:819px;
position:absolute;
top:25px;
left:65px;
}
.slide-box .prev-arrow ,
.slide-box .next-arrow {
width:56px;
height:68px;
position:absolute;
top:129px;
text-indent:-9999px;
overflow:hidden;
}
.slide-box .prev-arrow {
left:6px;
background:url(../images/prev-arrow.png) no-repeat;
}
.slide-box .next-arrow {
right:6px;
background:url(../images/next-arrow.png) no-repeat;
}
.slide img {
float:right;
}
.slide .block {
position:relative;
overflow:hidden;
height:266px;
}
.slide .text-box {
width:488px;
position:absolute;
bottom:0;
left:0;
}
.slide .text-box .heading {
width:221px;
height:27px;
padding:7px 0 0 16px;
margin-bottom:1px;
background:url(../images/slide-heading-bg.png) no-repeat;
}
.slide .text-box .heading strong {
display:block;
width:151px;
height:24px;
text-indent:-9999px;
overflow:hidden;
background:url(../images/text-what.png) no-repeat;
}
.slide .text-box .top-bg {
width:480px;
height:4px;
overflow:hidden;
margin-left:9px;
background:url(../images/top-bg02.png) no-repeat;
}
.slide .text-box .text {
width:452px;
background:url(../images/text-box-bg.png) repeat-y;
padding:3px 11px 13px 17px;
overflow:hidden;
margin-left:9px;
}
.slide .text-box .text strong {
color:#6b1804;
font-size:18px;
line-height:24px;
}
.slide .text-box .text p {
margin:0;
color:#000;
line-height:16px;
}
.slide .text-box .text ul {
margin:10px 0 0 -32px;
padding:0;
list-style:none;
width:484px;
}
.slide .text-box .text ul li {
float:left;
padding-left:32px;
}
.slide .text-box .text ul li img {
float:left;
border:none;
margin:2px 10px 0 0;
}
.slide .text-box .text ul li a {
text-decoration:none;
color:#0c314d;
white-space:nowrap;
font-size:18px;
font-weight:bold;
}
.slide .text-box .text ul li a:hover {
text-decoration:underline;
}
/*nav*/
.nav-box {
width:980px;
position:absolute;
top:97px;
left:10px;
background:url(../images/nav-box-bg.gif) repeat-x 6px 0;
}
.nav-box .right-bg {
background:url(../images/nav-box-right-bg.gif) no-repeat 100% 0;
}
.nav-box ul {
margin:0;
padding:0 0 0 9px;
list-style:none;
overflow:hidden;
height:1%;
background:url(../images/nav-box-left-bg.gif) no-repeat;
}
.nav-box ul li {
float:left;
}
.nav-box ul li a {
display:block;
color:#d6d9cd;
text-decoration:none;
line-height:39px;
font-size:13px;
font-weight:bold;
padding:0 0 0 24px;
}
.nav-box ul li a span {
display:block;
padding:0 24px 5px 0;
}
.nav-box ul li a.active ,
.nav-box ul li a:hover {
background:url(../images/nav-hover-left.gif) no-repeat;
color:#005696;
}
.nav-box ul li a.active span ,
.nav-box ul li a:hover span {
background:url(../images/nav-hover-right.gif) no-repeat 100% 0;
}
#main {
overflow:hidden;
width:963px;
padding:0 17px 128px 18px;
}
/*sidebar*/
#sidebar {
width:259px;
float:right;
}
#sidebar .banner {
display:block;
border:1px solid #e8e8e8;
}
.form-hold {
margin-top:21px;
}
.form-hold .title {
overflow:hidden;
height:38px;
border:1px solid #adb9c2;
margin-bottom:1px;
padding-left:3px;
background:url(../images/title-bg.gif) no-repeat;
}
.form-hold .title h3 {
margin:13px 0 0;
width:104px;
height:18px;
text-indent:-9999px;
overflow:hidden;
background:url(../images/text-web.png) no-repeat;
}
.form-hold .title img {
float:left;
margin:5px 14px 0 0;
}
.form-box {
border:1px solid #e8e8e8;
padding:8px 13px 11px 13px;
background:url(../images/form-box-bg.gif) no-repeat 0 100%;
}
.form-box p {
margin:0 0 10px;
text-align:center;
color:#005696;
font-size:13px;
}
.form-box .input-box {
overflow:hidden;
height:1%;
padding-bottom:2px;
}
.form-box .input-box input {
width:167px;
height:13px;
padding:3px 4px 3px 4px;
float:right;
font-size:11px;
border:1px solid #9c9c9c;
}
.form-box .input-box label {
float:left;
line-height:19px;
color:#000;
}
.form-box .input-box textarea {
width:169px;
padding:3px;
height:75px;
float:right;
border:1px solid #9c9c9c;
}
.form-box .input-box.code label {
width:100%;
text-align:right;
}
.form-box .input-box.code input {
width:71px;
margin-left:1px;
}
.form-box .input-box.code img {
float:right;
border:1px solid #9c9c9c;
}
.form-box .btn {
float:right;
margin-top:11px;
}
/*box*/
#sidebar .box {
border:1px solid #e8e8e8;
margin-top:21px;
padding-top:10px;
background:#000 url(../images/sidebar-box-bg.jpg) no-repeat;
}
#sidebar .box h3 {
margin:0;
text-align:center;
font-weight:normal;
text-transform:uppercase;
width:100%;
color:#0c3452;
font:18px/23px "Trebuchet MS", Arial, sans-serif;
background:url(../images/title-bg02.png);
}
#sidebar .box .text-box {
margin:7px 0 0 5px;
}
#sidebar .box .top-bg {
width:246px;
height:6px;
background:url(../images/top-bg.png) no-repeat;
overflow:hidden;
}
#sidebar .box .text-content {
width:232px;
padding:0 4px 9px 10px;
overflow:hidden;
background:url(../images/text-content-bg.png) no-repeat;
}
#sidebar .box p {
margin:0;
color:#b4b4b4;
font-size:11px;
line-height:13px;
}
#sidebar .box a {
color:#b4b4b4;
font-size:11px;
float:right;
position:relative;
text-decoration:none;
}
#sidebar .box a:hover {
text-decoration:underline;
}
/*content*/
#content {
width:689px;
float:left;
padding-top:3px;
}
.heading {
background:url(../images/content-title-bg.gif) no-repeat 35px 0;
}
.heading img {
border:none;
float:left;
margin-right:11px;
}
.heading h2 {
margin:0;
color:#7c7d7c;
text-transform:uppercase;
font-weight:normal;
font:18px/38px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#content p {
margin:10px 0 0;
line-height:16px;
}
#content .text {
padding-left:6px;
}
#content .text p {
line-height:18px;
}
#content .image-holder {
width:141px;
float:left;
margin:10px 9px 0 0;
padding:4px;
background:url(../images/image-holder-bg.gif) no-repeat;
}
#content .image-holder img {
display:block;
}
/*table-box*/
.table-box {
margin:14px 0 23px;
}
.table-box thead td {
padding:0;
background:#0c3452;
color:#fff;
border-left:1px solid #fff;
text-align:center;
line-height:16px;
height:58px;
}
.table-box thead td.col1 {
width:159px;
background:#f4f5e6;
border:none;
}
.table-box thead td.col2 {
width:129px;
}
.table-box thead td.col3 {
width:132px;
}
.table-box thead td.col4 {
width:144px;
}
.table-box thead td.col5 {
width:121px;
}
.table-box tbody td {
padding:11px 0;
background:#dce4cd;
border:solid #fff;
border-width:0 0 1px 1px;
color:#6b1804;
line-height:16px
}
.table-box tbody .other td {
background:#c9d3c3;
}
.table-box tbody td.col1 {
border-left:none;
background:#bac99e;
padding:11px 7px 11px 15px;
width:137px;
}
.table-box ul {
margin:0;
padding:0;
list-style:none;
text-align:center;
}
.table-box ul li {
width:13px;
height:13px;
display:inline;
margin:0 2px 0 1px;
}
/*footer*/
.footer-holder {
width:100%;
background:#0c3452;
height:99px;
margin-top:-99px;
position:relative;
}
#footer {
width:998px;
margin:0 auto;
padding-top:22px;
}
#footer ul {
margin:0 0 20px;
padding:0;
list-style:none;
text-align:center;
}
#footer ul li {
background:url(../images/sep01.gif) no-repeat 0 2px;
display:inline;
padding:0 23px;
}
#footer ul li:first-child {
background:none;
}
#footer ul li a {
text-decoration:none;
color:#f3f3f3;
font-size:13px;
}
#footer ul li a:hover {
text-decoration:underline;
}
#footer p {
text-align:center;
color:#1a5a8b;
margin:0;
line-height:16px;
font-size:11px;
}
#footer p a {
color:#1a5a8b;
}
#footer p a:hover {
text-decoration:none;
}
.accordion2
{
margin:0 15px 0 5px;
}
.accordion2 h3 {
border-bottom:1px solid #CCCCCC;
color:#333333;
cursor:pointer;
font-size:1.1em;
height:auto;
margin:0 !important;
overflow:hidden;
padding:7px 0;
}
.inner .heading
{
margin-bottom:px;
}
.accordion2 div
{
margin:0 0 25px 0;
}
.highlight {
border-left:2px solid #e58700;
color:#333333;
font-weight:bold;
padding:10px;
font-size:13px;
line-height:20px;
}
ul.lists {
list-style-type:none;
margin:15px 0 6px 10px;
padding:0;
}
ul.lists li {
background:transparent url(../images/bullet.gif) no-repeat scroll 0 5px;
margin:5px 0;
padding:0 0 5px 18px;
}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}
.frame
{
width:300px;
float:left;
border:1px solid #ccc;
margin-right:25px;
}
.frame img, .frame span
{
display:block;
text-align:center;
margin:0 auto;
}
.frame img
{
border-bottom:1px solid #e5e5e5;
margin-top:10px;
}
.frame span
{
margin:10px 15px;
font-weight:bold;
}
.image {
float:right;
margin:10px 0 10px 15px;
padding:5px;
background:#fff;
}
.block12 {
border:1px solid #ccc;
padding:2px;
margin-bottom:10px;
}
.block12 div {
background:#E5E5E5;
color:#333;
line-height:19px;
padding:8px;
}
.more1
{
background:#666;
color:#fff;
border:1px solid #333;
text-transform:uppercase;
font-size:10px;
text-align:center;
text-decoration:none;
padding:2px 15px;
}
.breadcrumb {
border-bottom:1px dotted #CCCCCC;
color:#333333;
font-size:10px;
margin:8px 0;
padding:0 6px 6px 0;
}
.breadcrumb a {
color:#333333;
text-decoration:underline;
}
h4
{
font-size:14px;
margin:8px 0;
}
.bigbutton
{
background:#fff url(../images/bigbutton.jpg) no-repeat 0 0;
color:#fff;
text-transform:uppercase;
font-size:12px;
font-weight:bold;
text-align:center;
text-decoration:none;
padding:12px 0 0;
display:block;
width:554px;
height:42px;
margin:12px 0;
}
.lists.docu li
{
background:transparent url(../images/pdf.gif) no-repeat scroll 0 0;
border-bottom:1px solid #E5E3E3;
padding-left:25px;
}
.lists.docu li a
{
color:#333;
text-decoration:none;
}
.lists.docu li a:hover
{
color:#0066FF;
}
.form{
width:236px;
overflow:hidden;
}
.form .row{
width:236px;
overflow:hidden;
padding:0 0 3px;
}
.form .row label{
display:block;
width:236px;
color:#464646;
font-size:12px;
}
.form .row input{
width:226px;
margin:0;
padding:2px 4px 1px;
float:left;
background:#fff;
border:1px solid #bdb9a1;
font:12px/14px Arial, Verdana, Helvetica, sans-serif;
}
.row-textarea{
width:236px;
padding:0 0 6px;
margin:-3px 0 0;
position:relative;
overflow:hidden;
}
.row-textarea label{
display:block;
width:236px;
color:#464646;
font-size:12px;
}
.row-textarea textarea{
width:226px;
padding:4px;
height:80px;
margin:0;
position:relative;
overflow:auto;
background:#fff;
border:1px solid #bdb9a1;
font:12px/14px Arial, Verdana, Helvetica, sans-serif;
}
* html .row-textarea textarea{
margin:-2px 0 0;
}
*+html .row-textarea textarea{
margin:-2px 0 0;
}
.form-options{
width:236px;
overflow:hidden;
}
.form-options .code{
width:140px;
overflow:hidden;
float:left;
}
.form-options .code label{
display:block;
padding:0 0 1px;
width:122px;
color:#464646;
font-size:12px;
}
.form-options .code .capture{
width:135px;
overflow:hidden;
}
.form-options .code .capture img{
float:left;
margin:1px 5px 0 0;
}
.form-options .code .capture input{
float:left;
width:51px;
margin:0;
padding:2px 2px 1px;
float:left;
background:#fff;
border:1px solid #bdb9a1;
font:12px/14px Arial, Verdana, Helvetica, sans-serif;
}
.form-options #submit{
display:inline;
float:right;
margin:11px 1px 0 0;
}
.contact {
float:left;
margin-right:40px;
margin-top:0;
width:30%;
}
.contact ul {
list-style-type:none;
margin-left:0;
padding-left:10px;
}
.contact ul li
{
margin:3px 0;
padding:3px 0;
}
.contact ul li a
{
color:#0066FF;
text-decoration:none;
}
.form {
overflow:hidden;
width:420px;
}
.form {
border-left:1px solid #E5E5E5;
padding-left:30px;
}
.full .data .form {
overflow:hidden;
width:420px;
}
#content1 {
float:left;
padding-top:3px;
width:100%;
}
.heading h2
{
background:#edeeef;
}
.form .row label, .form .row-textarea label, .form-options .code label {
color:#464646;
display:block;
float:left;
font-size:12px;
width:100px;
}
.form .row input {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #ccc;
float:left;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:14px;
margin:0;
padding:2px 4px 1px;
width:226px;
}
.form .row, .form .row-textarea {
margin:0;
overflow:hidden;
padding:0 0 9px;
width:100%;
}
.row-textarea textarea {
-x-system-font:none;
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #ccc;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:80px;
line-height:14px;
margin:0;
overflow:auto;
padding:4px;
position:static;
width:226px;
}
.form-options .code {
float:left;
overflow:hidden;
width:237px;
}
.full .data, .full .data .about, .form-options {
width:100%;
}
input.btn1 {
background:transparent url(../images/button-submit1.gif) no-repeat scroll 50% 0;
border:0 none;
cursor:pointer;
display:block;
height:49px;
margin:0;
width:106px;
}
td input
{
border:1px solid #ccc;
font-size:12px;
margin-right:8px;
}
td
{
padding:3px 8px 3px 0;
}
#content p.battery
{
margin:30px 0 0 10px;
}
.battery a img
{
border:none;
}
#wrapper {
background:transparent url(../images/slide-box-bg.png) no-repeat scroll 0 86px;
width:1000px;
padding-top:100px;
}
#main {
overflow:hidden;
padding:35px 17px 128px 18px;
width:918px;
margin:0 auto;
}
.hold1 {
background:none;
}
#wrapper .inner.cont h1
{
text-indent:0;
background:none;
height:auto;
position:static;
width:100%;
border-bottom:1px solid #e5e5e5;
margin:20px 0 10px;
padding-bottom:10px;
color:#005696;
}
.infor
{
height:auto;
overflow:hidden;
border-bottom:1px solid #e5e5e5;
}
.lefthead
{
float:left;
}
.avail
{
font-size:14px;
color:#66CC33;
font-weight:bold;
padding-left:28px;
background:transparent url(../images/check.gif) no-repeat 0 -4px;
height:20px;
margin-top:7px;
}
#header
{
height:100px;
}
.leftmaincontent
{
width:500px;
border-right:1px solid #ccc;
padding-right:10px;
float:left;
}
.rightmaincontent
{
width:300px;
}
.leftmaincontent td
{
border-bottom:1px dotted #e5e5e5;
padding:5px 0;
}
.infor.bott
{
border-bottom:none;
clear:both;
margin:12px 0;
}
td.alert
{
font-size:10px!important;;
text-transform:uppercase!important;;
padding:12px 0!important;;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal!important;
}
.bold
{
font-weight:bold;
}
.leftmaincontent h2
{
background: #f4f4f4;
padding:6px;
text-transform:uppercase;
font-size:13px;
}
.leftmaincontent table
{
margin:6px;
}
.leftmaincontent.rtcon
{
width:380px;
float:right;
border:none;
}
#footer .leftmaincontent p
{
text-align:left;
text-transform:uppercase;
}
#footer .leftmaincontent
{
border:none;
}
#footer .leftmaincontent.rtcon p
{
text-align:right;
}
.info-box ul {
visibility:hidden;
}
#wrapper .inner.cont h1 span
{
float:right;
}
#main
{
background:#fff url(../images/watermark.gif) no-repeat 0 0;
}
.righthead
{
float:right;
margin-bottom:10px;
}
.righthead img
{
border:none;
margin-right:5px;
}
.prodselect .headtab td
{
background:#F4F4F4;
border-right:1px solid #ccc;
font-size:11px;
font-weight:bold;
padding:6px 3px;
text-align:center;
text-transform:uppercase;
height:50px;
border-bottom:1px solid #ccc;
}
td.nobdr
{
border-right:none;
}
.prodselect
{
border:1px solid #ccc;
}
.prodselect td
{
font-size:12px;
text-align:center;
font-weight:bold;
line-height:18px;
}
.prodselect .even td
{
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}
.prodselect .even.odd td
{
background:#fff;
}
.accordion {
width: 480px;
border-bottom: solid 1px #c4c4c4;
}
.accordion h4 {
background: #e9e7e7 url(images/arrow-square.gif) no-repeat right -51px;
padding: 7px 15px;
margin: 0;
font: bold 120%/100% Arial, Helvetica, sans-serif;
border: solid 1px #c4c4c4;
border-bottom: none;
cursor: pointer;
}
.accordion h4:hover {
background-color: #e3e2e2;
}
.accordion h4.active {
background-position: right 5px;
}