﻿.whiteBG
{
    background-color: #FFFFFF;
}
.orangeBG
{
    background-color: #FFCC00;
}
.darkOrangeBG
{
    background-color: #FF6600;
}
.darkBlueBG
{
    background-color: #6F73AB;
}
.darkblue1
{
    background-color: #0A106E;
    padding: 0px;
}
.lightGreyBG
{
    background-color: #efefef;
    padding: 0px;
}
.lightbluebg
{
    background-color: #6F73AB;
}
.lightYellowBG
{
    background-color: #FFFFE6;
}
.greyBG
{
    background-color: #D5EEB8;
}
.greenBg
{
    background-color: #8ECC3D;
}

a
{
    text-decoration: none;
}

.bodyText
{
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #353544;
    text-decoration: none;
}
.loginText
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #111161;
    text-decoration: none;
    font-weight: bold;
}
.bottomText
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    text-decoration: none;
}
.input_textarea
{
    border-right: #003366 1px solid;
    padding-right: 0px;
    border-top: #003366 1px solid;
    padding-left: 3px;
    font-size: 11px;
    padding-bottom: 0px;
    margin: 0px;
    border-left: #003366 1px solid;
    background-color: #FFFFFF;
    padding-top: 1px;
    border-bottom: #003366 1px solid;
    font-family: "Tahoma" , "±¼¸²";
    text-decoration: none;
}
.blueButton
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
    background-color: #003366;
    border: 1px solid #666666;
    padding-bottom: 2px;
    padding-top: 0px;
    height: 18px;
    cursor: pointer;
    text-transform: uppercase;
}
Body
{
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: #FFFFFF;
}
Table.tableHeight100
{
    height: 100%;
}
TD.hLineBG
{
    background-image: url(../images/hline_bg.gif);
    background-repeat: repeat-x;
}
TD.vLineBG
{
    background-image: url(../images/vline_bg.gif);
    background-repeat: repeat-y;
}
TD.topBG
{
    background-image: url(../images/top_bg.jpg);
    background-repeat: repeat-x;
}

A.leftLinks:link, A.leftLinks:active, A.leftLinks:visited
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #111161;
    font-weight: bold;
    text-decoration: none;
    display: block;
    padding-left: 10px;
    padding-top: 5px;
    width: 150px;
    height: 25px;
    background-color: #F6FBF1;
}
A.leftLinks:hover
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    display: block;
    padding-left: 10px;
    padding-top: 5px;
    width: 150px;
    height: 25px;
    background-color: #111161;
}
A.commanLeftLinks:link, A.commanLeftLinks:active, A.commanLeftLinks:visited
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #254590;
    text-decoration: none;
    display: block;
    padding-left: 10px;
    padding-top: 5px;
    width: 150px;
    height: 25px;
    background-color: #F2F2FB;
}
A.commanLeftLinks:hover
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    display: block;
    padding-left: 10px;
    padding-top: 5px;
    width: 150px;
    height: 25px;
    background-color: #B8C2DB;
}
A.topLinks:link, A.topLinks:active, A.topLinks:visited
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #111161;
    text-decoration: none;
    padding: 12px 0px 0px 0px;
    margin: 0px;
}
A.topLinks:hover
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    padding: 12px 0px 0px 0px;
    margin: 0px;
}
A.topLinks1:link, A.topLinks1:active, A.topLinks1:visited
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #111161;
    text-decoration: none;
    padding: 12px 0px 0px 0px;
    margin: 0px;
}
A.topLinks1:hover
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: Green;
    text-decoration: none;
    padding: 12px 0px 0px 0px;
    margin: 0px;
}
A.moreLink:link, A.moreLink:active, A.moreLink:visited
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #111161;
    text-decoration: none;
    line-height: 20px;
    padding: 12px 0px 0px 0px;
    margin: 0px;
}
A.moreLink:hover
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #111161;
    text-decoration: underline;
    line-height: 20px;
    padding: 12px 0px 0px 0px;
    margin: 0px;
}
.titleText
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #ff6600;
    text-decoration: none;
    font-weight: bold;
}
.catTitleText
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #ff6600;
    text-decoration: none;
    font-weight: bold;
}
.whiteTitleText
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}
A.pagingLink:link, A.pagingLink:active, A.pagingLink:visited
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
}
A.pagingLink:hover
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FF6600;
    text-decoration: underline;
}
.pagingBlueText
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
}
TH.searchHeader
{
    font-family: Arial , Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
    background-color: #D8E2ED;
}
A.headerWhiteLink:link, A.headerWhiteLink:active, A.headerWhiteLink:visited
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}
A.headerWhiteLink:hover
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: underline;
}
.headerWhiteText
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
    font-weight: bold;
}
.bottombg
{
    background-color: #0A106E;
    height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
}
.overbg
{
    background-color: #F2F2FB;
}
.overbg-o
{
    background-color: #F6FBF1;
}

.LeftHeader
{
    background-color: #F6FBF1;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #111161;
    text-decoration: none;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 5px;
    width: 150px;
    height: 25px;
}
.msg
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #ff0000;
    font-weight: bold;
}

.msgChkout
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #ff0000;
    font-weight: bold;
}
.PageText
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #353544;
    text-decoration: none;
}

A.EmailLinks:link, A.EmailLinks:active, A.EmailLinks:visited
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #111161;
    text-decoration: none;
}

A.EmailLinks:hover
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #ff0000;
    text-decoration: underline;
}

.ImageText
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    color: #111161;
    text-decoration: none;
    font-weight: bold;
}

.email2 a:link
{
    color: #3E589A;
    font-weight: 900;
    font-family: verdana;
    font-size: 10px;
}
.email2 a:visited
{
    color: #3E589A;
    font-weight: 900;
    font-family: verdana;
    font-size: 10px;
}
.email2 a:hover
{
    color: #B7CDFD;
    font-weight: 900;
    font-family: verdana;
    font-size: 10px;
}

.bodyText1
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #353544;
    text-decoration: none;
    font-weight: bold;
}
.small
{
    font: 10px Arial, Helvetica, sans-serif;
    color: #000000;
}
.small a:link, small a:visited, small a:active
{
    color: #003399;
    text-decoration: none;
}
.small a:hover
{
    color: #CC6666;
    text-decoration: underline;
}

.address
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #0F2D6B;
}

.breakhere
{
    page-break-before: always;
}

#skip
{
    display: none;
}

hr
{
    display: none;
}

p, h1, h2, ul, li
{
    margin: 0px;
    padding: 0px;
}

form, label, input
{
    margin: 0px;
    padding: 0px;
}

p
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

#main_container
{
    width: 775px;
    height: auto;
    padding: 0px;
    margin: 0px auto;
}

#container
{
    width: 745px;
    height: auto;
    float: left;
    background-color: #d7d7d7;
    padding: 0px 15px 0px 15px;
    margin: 0px;
}

#header
{
    width: 745px;
    height: 120px;
    float: left;
}

#header img
{
    float: left;
}

.punchline1
{
    width: 273px;
    height: 120px;
    float: left;
    background: url(../images/punchline1.jpg) no-repeat left top;
}
.punchline2
{
    width: 273px;
    height: 120px;
    float: left;
    background: url(../images/punchline2.jpg) no-repeat left top;
}

.punchline1 span, .punchline2 span
{
    display: none;
}

#menu
{
    width: 745px;
    height: auto;
    float: left;
}

.nav_curve1
{
    width: 4px;
    height: 37px;
    float: left;
    background: url(../images/left_curve.jpg) no-repeat left top;
}

.nav_curve2
{
    width: 4px;
    height: 37px;
    float: left;
    background: url(../images/right_curve.jpg) no-repeat left top;
}

#nav
{
    width: 737px;
    height: auto;
    float: left;
    background: url(../images/navbg.jpg) repeat-x left top;
}

#nav ul
{
    height: 37px;
    float: right;
    padding: 0px;
    margin: 0px;
}

#nav ul li
{
    list-style-type: none;
    float: left;
    background: url(../images/nav_divider.jpg) no-repeat right top; /*	border-right:1px solid #ffffff;*/
    margin: 13px 0px 0px 0px;
    padding: 0px;
}

#nav ul li strong
{
    display: none;
}

#nav ul li a
{
    margin: 0px 15px 0px 15px;
    padding: 0px;
}

.btn_home:link, .btn_home:visited
{
    width: 32px;
    height: 10px;
    float: left;
    background: url(../images/btn_home.jpg) no-repeat left top;
}
.btn_home:hover, .active_home
{
    width: 32px;
    height: 10px;
    float: left;
    background: url(../images/btn_home_hv.jpg) no-repeat left top;
}

.btn_products:link, .btn_products:visited
{
    width: 61px;
    height: 10px;
    float: left;
    background: url(../images/btn_products.jpg) no-repeat left top;
}

.btn_products:hover, .active_products
{
    width: 61px;
    height: 10px;
    float: left;
    background: url(../images/btn_products_hv.jpg) no-repeat left top;
}

.btn_info:link, .btn_info:visited
{
    width: 79px;
    height: 10px;
    float: left;
    background: url(../images/btn_info.jpg) no-repeat left top;
}
.btn_info:hover, .active_info
{
    width: 79px;
    height: 10px;
    float: left;
    background: url(../images/btn_info_hv.jpg) no-repeat left top;
}

.btn_whyus:link, .btn_whyus:visited
{
    width: 46px;
    height: 10px;
    float: left;
    background: url(../images/btn_whyus.jpg) no-repeat left top;
}
.btn_whyus:hover, .active_whyus
{
    width: 46px;
    height: 10px;
    float: left;
    background: url(../images/btn_whyus_hv.jpg) no-repeat left top;
}


.btn_aboutus:link, .btn_aboutus:visited
{
    width: 59px;
    height: 10px;
    float: left;
    background: url(../images/btn_aboutus.jpg) no-repeat left top;
}
.btn_aboutus:hover, .active_aboutus
{
    width: 59px;
    height: 10px;
    float: left;
    background: url(../images/btn_aboutus_hv.jpg) no-repeat left top;
}

.btn_contact:link, .btn_contact:visited
{
    width: 73px;
    height: 10px;
    float: left;
    background: url(../images/btn_contact.jpg) no-repeat left top;
}
.btn_contact:hover, .active_contact
{
    width: 73px;
    height: 10px;
    float: left;
    background: url(../images/btn_contact_hv.jpg) no-repeat left top;
}


#middle
{
    width: 745px;
    height: auto;
    float: left;
    margin: 14px 0px 0px 0px;
    padding: 0px;
}

#left
{
    width: 227px;
    height: auto;
    float: left;
    margin: 0px 8px 0px 0px;
}

#right
{
    width: 457px;
    height: auto;
    float: left;
    background-color: #FFFFFF;
    padding: 22px 28px 0px 25px;
}

.leftbox
{
    width: 227px;
    height: auto;
    float: left;
    margin: 0px 0px 0px 0px;
}

.leftbox img
{
    float: left;
}

.ttl_bg
{
    width: 227px;
    height: 34px;
    float: left;
    background: url(../images/ttl_curve_m.jpg) repeat-x left top;
}

.ttl_curve_l
{
    width: 15px;
    height: 34px;
    float: left;
    background: url(../images/ttl_curve_l.jpg) no-repeat left top;
}

.ttl_curve_r
{
    width: 4px;
    height: 34px;
    float: right;
    background: url(../images/ttl_curve_r.jpg) no-repeat left top;
}

.ttl_login
{
    width: 82px;
    height: 21px;
    float: left;
    background: url(../images/ttl_clientlogin.jpg) no-repeat left top;
}

.ttl_login span
{
    display: none;
}

.txt_box
{
    width: 200px;
    height: auto;
    float: left;
    background: url(../images/bot_curve.jpg) no-repeat left bottom;
    background-color: #FFFFFF;
    padding: 10px 14px 14px 13px;
}

.ttl_joinmail
{
    width: 140px;
    height: 20px;
    float: left;
    background: url(../images/ttl_joinmail.jpg) no-repeat left top;
}

.ttl_joinmail span
{
    display: none;
}

.ttl_offer
{
    width: 92px;
    height: 20px;
    float: left;
    background: url(../images/ttl_offer.jpg) no-repeat left top;
}

.ttl_offer span
{
    display: none;
}

.ttl_kits
{
    width: 89px;
    height: 20px;
    float: left;
    background: url(../images/ttl_companykits.jpg) no-repeat left top;
}

.ttl_kits span
{
    display: none;
}

.txt1
{
    width: 455px;
    height: 31px;
    float: left;
    background: url(../images/txt1.jpg) no-repeat left top;
    margin: 18px 0px 5px 0px;
}

.txt1 span
{
    display: none;
}

.content
{
    width: 455px;
    height: auto;
    float: left;
}

.nav_ttl
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #6ab225;
    padding: 16px 0px 0px 0px;
}

.text1
{
    width: 77px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #75726e;
}

.field1
{
    width: 118px;
    height: 18px;
    border: 1px solid #b3afaa;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #75726e;
}

.btn_login
{
    display: block;
    width: 60px;
    height: 20px;
    background: url(../images/btn_login.jpg) no-repeat left top;
    border: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #fffefe;
    margin: 0px 0px 10px 25px;
}

.form_links
{
    border-top: 1px solid #bfd996;
    padding: 8px 0px 0px 0px;
}

.form_links a:link, .form_links a:visited
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #8bb941;
    text-decoration: none;
}
.form_links a:hover
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #8bb941;
    text-decoration: underline;
}

.form_links1
{
    padding: 0px 0px 0px 0px;
}

.form_links1 a:link, .form_links1 a:visited
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #8bb941;
    text-decoration: none;
}
.form_links1 a:hover
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #8bb941;
    text-decoration: underline;
}

.btn_add
{
    display: block;
    width: 60px;
    height: 20px;
    background: url(../images/btn_login.jpg) no-repeat left top;
    border: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #fffefe;
    margin: 0px 0px 0px 25px;
}

.text2
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #0462b3;
    padding: 0px 0px 0px 0px;
    margin: 0px;
}

.text03
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    padding: 0px 0px 0px 0px;
    margin: 0px;
}

.text
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    padding: 0px 0px 0px 0px;
    margin: 0px;
}

.bullet1
{
    margin: 0px;
    padding: 0px 0px 16px 18px;
}

.bullet1 li
{
    list-style-type: disc;
    list-style-position: outside;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 13px;
    color: #8d8985;
    margin: 0px 0px 6px 0px;
    padding: 0px;
}

#footer
{
    width: 745px;
    height: 37px; /* float:left; 	margin:0px 0px 10px 0px; 	background:url(../images/footer_curve_m.jpg) repeat-x left top;	*/
}

.footer_margin
{
    width: 745px;
    height: 37px;
    float: left;
    margin: 0px 0px 10px 0px;
    background: url(../images/footer_curve_m.jpg) repeat-x left top;
}

.footer_curve1
{
    width: 5px;
    height: 37px;
    float: left;
    background: url(../images/footer_curve1.jpg) no-repeat left top;
}
.footer_curve2
{
    width: 5px;
    height: 37px;
    float: right;
    background: url(../images/footer_curve2.jpg) no-repeat left top;
}

.copyright
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    float: left;
    font-weight:bold;  
    padding: 12px 0px 0px 0px;
    margin: 0px;
}

.bot_links
{
    float: right;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    padding: 12px 0px 0px 0px;
    margin: 0px;
}

.bot_links a:link, .bot_links a:visited
{
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    padding: 0px 7px 0px 7px;
    text-decoration: none;
}
.bot_links a:hover
{
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    padding: 0px 7px 0px 7px;
    text-decoration: underline;
}


/**oct10**/

.ttl_commitment
{
    width: 111px;
    height: 20px;
    float: left;
    background: url(../images/ttl_commitment.jpg) no-repeat left top;
}

.ttl_commitment span
{
    display: none;
}


.ttl_company_prods
{
    width: 154px;
    height: 20px;
    float: left;
    background: url(../images/ttl_company_prod.jpg) no-repeat left top;
}

.ttl_company_prods span
{
    display: none;
}


.ttl_whycts
{
    width: 60px;
    height: 20px;
    float: left;
    background: url(../images/ttl_whycts.jpg) no-repeat left top;
}

.ttl_whycts span
{
    display: none;
}


.ttl_yourcart
{
    width: 67px;
    height: 20px;
    float: left;
    background: url(../images/ttl_yourcart.jpg) no-repeat left top;
}

.ttl_yourcart span
{
    display: none;
}

.ttl_aboutus
{
    width: 67px;
    height: 20px;
    float: left;
    background: url(../images/ttl_aboutus.jpg) no-repeat left top;
}

.ttl_aboutus span
{
    display: none;
}

.read_more1
{
    padding: 0px 14px 0px 0px;
    background: url(../images/bullet.gif) no-repeat right;
}

.read_more1 a:link, .read_more1 a:visited
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #8bb941;
    text-decoration: none;
}
.read_more1 a:hover
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #8bb941;
    text-decoration: underline;
}

.linkcss:link
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #165BA9;
    text-decoration: none;
}

.linkcss:visited
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #165BA9;
    text-decoration: none;
}
.linkcss:hover
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #7bb918;
    text-decoration: underline;
}

#about_new{
	width:150px; height:auto; float:right;
	padding:0px 0px 80px 15px;

}
