/*---------------*/
/*--reset style--*/
/*---------------*/
* {margin:0px; padding:0px;}

/*---------------*/
/*--font style---*/
/*-------border-bottom:solid 1px #000;--------*/

* { font-family:Arial,"Lucida Sans","Myriad Pro",Sans-Serif; }

/*---------------*/
/*-common style--*/
/*---------------*/

body 
{
    width:100%;
    /*overflow-y:auto;*/
}

a, a:link, a:active, a:visited 
{ 
    color:#0258ca;
    
    text-decoration:none; 
}
a:hover 
{
    color:#656565;
    cursor:pointer;
}
img {border:none;}
input {border:none;background:transparent;}
select 
{
    border-top:1px solid #878787;
    border-bottom:1px solid #dfdfdf;
    border-left:1px solid #b6b6b6;
    border-right:1px solid #d3d3d3;
    padding:1px;
    font-size:11px;
    width:150px
}
.fleft {float:left;}
.fright {float:right;}
.aright {text-align:right;}
.aleft {text-align:left;}
.acenter {text-align:center;}

.container  
{
    display:inline-block;
    height:auto;
    left: 0px;
    margin:0 auto;
    position:relative;
    text-align:left;
    top: 0px;
    width:960px;
    z-index:0;
}
.hidden{display:none;}

#content-wrap
{
    text-align:center;
}
#debugger
{
    position:fixed;
    top:0px;
    left:0px;
    font-size:12px;
    width:500px;
    text-align:left;
    z-index:999;
}
.btnover, .btnover-2,.btnover-3 {position:relative;display:inline-block;}
.btnover span {display:inline-block;}

/** CONTENT CORNERS **/
.topleft,
.bottomleft,
.topright,
.bottomright,
.topleft-1,
.bottomleft-1,
.topright-1,
.bottomright-1
{
    background:transparent url(../image/popup_corner.png) no-repeat;
    background-position:right bottom;
    display:inline-block;
    height:5px;
    position:absolute;
    width:5px;
}
.topleft
{
    left:0px;
    top:0px;
}
.bottomleft
{
    background-position: right top;
    bottom:0px;
    left:0px;
}
.topright
{
    background-position: left bottom;
    right:0px;
    top:0px;
}
.bottomright
{
    background-position: left top;
    bottom:0px;
    right:0px;
}
.topleft-1
{
    left:-1px;
    top:-1px;
}
.bottomleft-1
{
    background-position: right top;
    bottom:-1px;
    left:-1px;
}
.topright-1
{
    background-position: left bottom;
    right:-1px;
    top:-1px;
}
.bottomright-1
{
    background-position: left top;
    bottom:-1px;
    right:-1px;
}

/**~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~**/
/**        HOMEPAGE HEADER         **/
/**~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~**/
#logo
{
    left:20px;
    position:absolute;
    top:25px;
    z-index:200;
}
#mycart
{
    right:20px;
    position:absolute;
    bottom:47px;
    z-index:200;
    font:11px/30px Arial,"Lucida Sans","Myriad Pro",Sans-Serif;
}
div#top-header-wrapper
{
    height:124px;
    position:relative;
    text-align:center;
    z-index:10;
}
div#top-header-wrapper #top-header-links
{
    color:#656565;
    font:11px/30px Arial,"Lucida Sans","Myriad Pro",Sans-Serif;
    height:30px;
    margin:10px 0 0 0;
    position:relative;
    text-align:left;
    vertical-align:middle;
}
div#top-header-wrapper #top-header-links #text-links
{
    vertical-align:middle;
    float:left;
    text-align:right;
    width:960px;
}
div#top-header-wrapper #top-header-links #login-links
{
    /*float:left;*/
    display:inline;
    text-align:left;
    width:156px;
}
div#top-header-wrapper #top-header-links #login-links div {display:inline;}
div#top-header-wrapper #top-header-links #wuc_Header1_HeaderNotLogin,
div#top-header-wrapper #top-header-links #wuc_Header2_HeaderNotLogin,
div#top-header-wrapper #top-header-links #wuc_Header3_HeaderNotLogin  {display:inline-block;position:relative;}
div#top-header-wrapper #top-header-links #wuc_Header1_HeaderNotLogin .btnover,
div#top-header-wrapper #top-header-links #wuc_Header2_HeaderNotLogin .btnover,
div#top-header-wrapper #top-header-links #wuc_Header3_HeaderNotLogin .btnover {top:-8px}

div#top-header-wrapper #top-header-links #account-links a
{
    margin:0 5px 0 5px;
}

div#top-header-wrapper #top-header-links a
{
    margin:0 8px 0 10px;
}
div#top-header-wrapper #top-header-links a:hover
{
    color:#656565;
}

/**~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~**/
/**        NAVIGATION TABS         **/
/**~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~**/
#navigation-tabs
{
    position:relative;
    z-index:100;
}

#navigation-tabs #main-tabs 
{
    left:0px;
    padding:0px;
    display:block;
    position:relative;
    text-align:left;
    width:960px;
    height:100px;
    z-index:10;
}
#navigation-tabs #main-tabs .tab-wrap
{
    background:url(../image/background/header/tab_main_bg_136x51.jpg) no-repeat right top;
    display:block;
    left:0px;
    width:136px;
    height:30px;
    bottom:0px;
    position:absolute;
    z-index:5;
}
#navigation-tabs #main-tabs .effect-wrap
{
    margin-right:5px;
    height:50px;
    width:136px;
    text-align:center;
    position:relative;
    float:left;
    z-index:5;
} 
#navigation-tabs #main-tabs .effect-wrap span 
{
    font:bold 13px/32px Arial,"Lucida Sans","Myriad Pro",Sans-Serif;
    color:#fff;
    position:absolute;
    text-align:center;
    padding-top:2px;
    bottom:-2px;
    display:inline-block;
    width:136px;
    left:0px;
    z-index:6;
}
#navigation-tabs #main-tabs a.hide {z-index:2;}
#navigation-tabs #main-tabs a.hide .tab-wrap
{
    background-position: left top;
}
#navigation-tabs #main-tabs a.hide span
{
    color:#656565;
}

#navigation-tabs #main-tabs a.hide:hover .tab-wrap
{
    background-position: center top;
}
#navigation-tabs #main-tabs a.hide:hover span
{
    color:#1444a3;
}
#navigation-tabs #main-tabs a:hover 
{
    /*padding-top:10px;*/
}
#navigation-tabs #main-tabs .shadow
{
    border-bottom:solid 1px #d9d9d9;
    top:49px;
    left:3px;
    position:absolute;
    z-index:3;
    height:0px;
    width:954px;
    visibility:visible;
}
.browserFirefox #navigation-tabs #main-tabs .shadow,
.browserSafari #navigation-tabs #main-tabs .shadow,
.browserChrome #navigation-tabs #main-tabs .shadow,
.browserMozilla #navigation-tabs #main-tabs .shadow,
.browserIE #navigation-tabs #main-tabs .shadow
{
    visibility:visible;
}
/*
.browserIE7 #navigation-tabs #main-tabs .shadow {top:49px;}*/

#navigation-tabs #main-tabs .space-break 
{
    width:220px;
    height:50px;
    float:left;
}
/**~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~**/
/**       NAVIGATION SUB TABS      **/
/**~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~**/

#navigation-tabs #sub-tabs
{
    margin:0;
    background:url(../image/background/header/header_sub_tab.jpg);
    height:34px;
    padding-left:2px;
    position:absolute;
    top:50px;
    width:958px;
    z-index:10;
}
#navigation-tabs #sub-tabs .tab-dropdown,
#navigation-tabs #sub-tabs div,
#navigation-tabs #sub-tabs span
{
    background:url(../image/background/header/tab_sub_blue_break.jpg) no-repeat top right;
    margin:1px 0 0 0;
    display:inline-block;
    height:32px;
    float:left;
    position:relative;
    z-index:10;
}
#navigation-tabs #sub-tabs .level1,#navigation-tabs #sub-tabs .level2
{
    font-size:11px;
}
#navigation-tabs #sub-tabs div.level2 
{
    margin:0px 0 0 0;
    background:none;
}
#navigation-tabs #sub-tabs a 
{
    border-right:solid 1px transparent;
    color:#fff;
    display:inline-block;
    font-size:12px;
    font-weight:bold;
    height:32px;
    line-height:34px;
    padding:0 20px 0 20px;
    position:relative;
    margin-right:2px;
    z-index:100;
}
.browserIE7 #navigation-tabs #sub-tabs a {margin-right:1px;}

#navigation-tabs #sub-tabs ul 
{
    position:absolute;
    list-style:none;
    color:#656565;
    background:#cce4f0 url(../image/background/header/tab_dropdown_blue.jpg) no-repeat top left;
    border-bottom: 0px solid #c2c2c2;
    border-left: 0px solid #c2c2c2;
    border-right: 0px solid #c2c2c2;
    top:32px;
    left:0px;
    z-index:101;
}
#navigation-tabs #sub-tabs ul li
{
    display:block;
    height:32px;
}
#navigation-tabs #sub-tabs ul li a
{
    border-bottom: 1px solid #b2dbe9;
    border-top: 1px solid #e3f1f8;
    border-right:none;
    color:#656565;
    display:block;
    height:30px;
    margin-right:0px;
    white-space:nowrap;
    width:150px;
    z-index:100;
}
.browserIE7 #navigation-tabs #sub-tabs ul li.sub-sub-menu
{
    height:29px;
    white-space:nowrap;
}
.browserIE7 #navigation-tabs #sub-tabs ul li a {margin-right:0px;}

#navigation-tabs #sub-tabs ul ul
{
    top:0px;
    left:191px;
}
#navigation-tabs #sub-tabs .tab-dropdown,
#navigation-tabs #sub-tabs .tab-dropdown-hover
{
    display:inline-block;
}
#navigation-tabs #sub-tabs .tab-dropdown a:hover
{
    color:#1444a3;
}

#navigation-tabs #sub-tabs div a:hover,
#navigation-tabs #sub-tabs .tab-dropdown-hover
{
    background:url(../image/background/header/header_sub_tab_hover.png) repeat-x top left;
    color:#1444a3;
}
#navigation-tabs #sub-tabs ul li:hover a.level1, 
#navigation-tabs #sub-tabs div.level2 ul li:hover a
{
    background:url(../image/background/header/tab_dropdown_blue_hover.jpg) repeat-x top left;
    color:#fff;
    border-top: 1px solid #07558a;
    border-bottom: 1px solid #096aac;
    border-right:none;
    width:150px;
}

/** SUB-MENU ARROW **/
.tab-dropdown .arrow,.tab-dropdown .right-arrow
{
    display:inline-block;
    padding-right:20px;
    position:relative;
}
#navigation-tabs #sub-tabs .tab-dropdown .arrow .img,
#navigation-tabs #sub-tabs .tab-dropdown .right-arrow .img
{
    background:transparent url(../image/background/header/header_tab_arrow.png) no-repeat left top;
    width:9px;
    height:6px;
    display:inline-block;
    position:absolute;
    right:0px;
    top:13px;
}
#navigation-tabs #sub-tabs .tab-dropdown-hover .arrow .img
{
    background-position:right top;
    width:9px;
}
#navigation-tabs #sub-tabs .tab-dropdown .right-arrow .img
{
    background-position:right bottom;
    height:9px;
    width:6px;
    top:11px;
}
#navigation-tabs #sub-tabs .tab-dropdown-hover .right-arrow .img
{
    background-position:left bottom;
    height:9px;
    width:6px;
    top:11px;
}
.tab-dropdown .right-arrow
{
    display:block;
    z-index:200;
}

#navigation-tabs #sub-tabs ul li
{
    color:#656565;
    position:relative;
}

/** SUB-MENU SHADOW **/
#navigation-tabs #sub-tabs ul li .left-shadow,
#navigation-tabs #sub-tabs ul li .right-shadow,
#navigation-tabs #sub-tabs ul li .bottom-shadow,
#navigation-tabs #sub-tabs ul li .top-shadow
{
    background:transparent url(../image/background/header/tab_dropdown_shadow.png) repeat-y left top;
    position:absolute;
    display:inline-block;
    width:6px;
}
#navigation-tabs #sub-tabs ul li ul li .left-shadow
{display:inline-block;z-index:999;}
#navigation-tabs #sub-tabs ul li .left-shadow
{
    left:-6px;
    top:-1px;
}
#navigation-tabs #sub-tabs ul li .right-shadow
{
    background-position: -6px top;
    right:-6px;
    top:-1px;
}
#navigation-tabs #sub-tabs ul li .bottom-shadow
{
    background-position: -12px top;
    height:6px;
    width:201px;
    left:-5px;
    bottom:-6px;
}
#navigation-tabs #sub-tabs ul li .top-shadow
{
    background-position: right top;
    height:6px;
    width:201px;
    left:-5px;
    top:-6px;
}
/**SEARCH BOX**/
#navigation-tabs #sub-tabs #tab-search
{
    background:url(../image/background/header/header_searchbox.png) no-repeat;
    border:none;
    width:155px;
    position:absolute;
    right:20px;
    top:3px;
    overflow:hidden
}
#tab-search input
{
    border:solid 0px #000;
    color:#7e7e7e;
    font:11px/24px Arial,"Lucida Sans","Myriad Pro",Sans-Serif;
    position:absolute;
    left:25px;
    top:2px;
    height:24px;
    width:120px;
}
/*.browserIE #tab-search input{top:8px;font:12px/12px Arial;height:12px;}*/
.browserSafari #tab-search input{top:2px;}
.browserFirefox #tab-search input{top:6px;}
/**~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~**/
/**~~~~~~~~~~~~~~END~~~~~~~~~~~~~~~**/
/**~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~**/

/** BANNER **/
div#banner-wrapper
{
    display:inline-block;
    text-align:center;
    margin:0 0 5px 0;
    padding-top:0px;
    z-index:0;
    
}
#banner-top
{
    display:block;
    background:url(../image/background/header/business_main_bg_v3.jpg) no-repeat 0px 0px;
    width:960px;height:279px;
}
#banner-top .left-content
{
    float:left;
    width:360px;
}
#banner-top #banner-normal-bg,
#banner-over-bg,
#banner-normal-bg2,
#banner-normal-bg3
{
    background:url(../image/background/header/business_main_bg_v3.jpg) no-repeat 0px bottom;
    height:279px;
    left:0px;
    position:absolute;
    top:0px;
    width:960px;
}
#banner-over-bg
{
    background:none;
    width:960px;
}

#banner-top #right-content
{
    float:right;
    width:514px;
    height:218px;
}




/** NEWS **/
div#news-wrapper
{
    height:27px;
    text-align:center;
    margin:5px 0 5px 0;
    z-index:0;
}

#news-wrap
{
    background:url(../image/background/homepage/news_main.jpg);
    width:960px;
    height:27px;
    z-index:0;
}

#news-wrap .title
{
    font-size:12px;
    display:inline-block;
    z-index:0;color:#474747;
    float:left;
}
#news-wrap .buttons
{
    padding:0 25px 0 20px;
    width:38px;
    float:left;padding-top:6px;
}
#news-wrap .buttons a {float:left;margin-left:5px;}
#news-wrap .nheader
{
    color:#0060b2;
    font:12px/27px Arial,"Lucida Sans","Myriad Pro",Sans-Serif;

    display:inline-block;
    padding:0px 0px 0px 20px;
    font-weight:bold;
    float:left;
}
#news-wrap .nnews
{
    float:left;
    font-size:12px;
    color:#474747;
    padding:6px 5px 6px 0px;
    overflow:hidden;
}
#news-wrap .nnews a
{
    position:absolute;
    width:700px;
    top:6px;
    color:#0258ca;
}
#news-wrap .nnews a:hover
{
    color:#656565;
}


/** INFORMATION **/
div#info-wrapper
{
    height:228px;
    text-align:center;
    margin:0 0 5px 0;
}
div#info-wrapper .case
{
    height:228px;
    display:inline-block;
    width:246px;
}
div#info-wrapper #video-wrap
{
    width:253px;
    display:inline-block;
    margin:0 5px 0 5px;
    float:left;
}


/** RECOMMENDATION SELECTION BOX **/
div#box-selection-wrap 
{
    width:451px;
    height:228px;
    background-color:#e3e3e3;
    float:left;
    margin-right:0px;
    margin-bottom:0px;
    position:relative;
}
div#box-selection-wrap .bottomleft,
div#box-selection-wrap .bottomright
{
    background-image:url(../image/background/homepage/recommendation_corner.jpg);
}

div#box-content-wrap
{
    width:449px;
    height:197px;
    margin:0 1px 1px 1px;
    background:#fff;
}

div#box-content-wrap #left-selector
{
    background:#e3e3e3;
    width:184px;
    height:197px;
    float:left;
}
div#box-content-wrap #left-selector .box-select-text
{
    color:#656565;
    font:11px/28px Arial,"Lucida Sans","Myriad Pro",Sans-Serif;
    height:28px;
    border-top: dotted 1px #c8c8c8;
    background:#e3e3e3;
    white-space:nowrap;
}
div#box-content-wrap #left-selector .box-select-text:hover,
div#box-content-wrap .s1 #left-selector-01,
div#box-content-wrap .s2 #left-selector-02,
div#box-content-wrap .s3 #left-selector-03,
div#box-content-wrap .s4 #left-selector-04,
div#box-content-wrap .s5 #left-selector-05,
div#box-content-wrap .s6 #left-selector-06
{
    background:#fff;
    color:#0060b2;
    font-weight:bold;
}

div#box-content-wrap #left-selector .box-select-text div
{
    padding:0 0 0 20px;
    cursor:pointer;
}
div#box-content-wrap #left-selector .first
{
    /*height:33px;*/
    border-top:none;
    height:38px;
}
div#box-content-wrap #left-selector .first div
{
    background:#e3e3e3;
    padding-top:10px;
}
div#box-content-wrap #left-selector.s1 #left-selector-01.first div
{
    background:#fff;
    color:#0258ca;
    font-weight:bold;
}
div#box-content-wrap #left-selector .first:hover div
{
    color:#656565;
    font-weight:normal;
    background:#e3e3e3;
}

#box-content-s1 {}
#box-content-s2 {background:url(../image/recommendation/bg-02.jpg) no-repeat 120px 45px;}
#box-content-s3 {background:url(../image/recommendation/bg-03.jpg) no-repeat 120px 45px;}
#box-content-s4 {background:url(../image/recommendation/bg-04.jpg) no-repeat 120px 45px;}
#box-content-s5 {background:url(../image/recommendation/bg-05.jpg) no-repeat 120px 45px;}
#box-content-s6 {background:url(../image/recommendation/bg-06.jpg) no-repeat 120px 45px;}

.residential #box-content-s2 {background:url(../image/recommendation/bg-02-res.jpg) no-repeat 120px 45px;}
.residential #box-content-s3 {background:url(../image/recommendation/bg-03-res.jpg) no-repeat 120px 45px;}
.residential #box-content-s4 {background:url(../image/recommendation/bg-04-res.jpg) no-repeat 120px 45px;}
.residential #box-content-s5 {background:url(../image/recommendation/bg-05-res.jpg) no-repeat 120px 45px;}
.residential #box-content-s6 {background:url(../image/recommendation/bg-06-res.jpg) no-repeat 120px 45px;}



div#box-content-wrap #right-selector-content
{
    width:265px;
    height:195px;
    float:right;
}
div#right-selector-content .right-content-top
{
    /**background:url(../image/box_blue_content_toprightbg_v2.jpg) no-repeat top right;**/
    width:242px;
    height:195px;
}
div#right-selector-content .right-content-bottom
{
    width:227px;
    height:165px;
    padding:17px 20px 0px 20px;
}
div#right-selector-content .hide
{
    display:none;
}
div#right-selector-content .right-content-bottom h3
{
    color:#0258ca;
    font:18px/22px Arial,"Lucida Sans","Myriad Pro",Sans-Serif;
}
div#right-selector-content .right-content-bottom p
{
    color:#656565;
    padding:5px 0 0 0;
    font:11px/17px Arial,"Lucida Sans","Myriad Pro",Sans-Serif;
}
div#right-selector-content .right-content-bottom a 
{
     color:#0258ca;
     font-size:11px;
     padding:10px 0 0 0;
     display:inline-block;
     font-family:Arial,"Lucida Sans","Myriad Pro",Sans-Serif;
}
div#right-selector-content .right-content-bottom a:hover{color:#656565;}

div#right-selector-content div#box-content-s1 
{
    background:url(../image/recommendation/select_goals.gif) no-repeat 20px 40px;
}

div#right-selector-content ul
{
    padding:0px 10px 0px 0px;
    list-style-type:disc;
    list-style-position:outside;
    margin-left:0px;
}
div#right-selector-content ul li
{

    font:11px/12px Arial,"Lucida Sans","Myriad Pro",Sans-Serif;
}


/* HOMEPAGE ACCORDION */
#n-accordion 
{
    height:227px;
    background-color:#fff;
    border-bottom:solid 1px #c8c8c8;
    position:relative;
}
#n-accordion .dummy 
{
    position:absolute;
    top:0px;
    left:0px;
    width:244px;
    height:100%;
    border-left:solid 1px #c8c8c8;
    border-right:solid 1px #c8c8c8;
    z-index:0;
}
#n-accordion .accordion
{
    position:relative;
    z-index:1;
}
#n-accordion div p, #n-accordion div ul
{
    font:11px/17px Arial,"Lucida Sans","Myriad Pro",Sans-Serif;
    padding:10px 20px 0px 20px;
    overflow:hidden;
    display:inline-block;
}
#n-accordion div ul
{
    padding:10px 20px 0px 20px;
    list-style-type:disc;
    list-style-position:outside;
    margin-left:20px;
}
#n-accordion div ul li
{

    font:11px/22px Arial,"Lucida Sans","Myriad Pro",Sans-Serif;
}
#n-accordion div ul li a{color:#0258ca;}
#n-accordion div ul li a:hover{color:#656565;}


/*---------------*/
/*-Mailing List--*/
/*---------------*/
#mailing-list
{
    background:url(../image/background/homepage/mailing_list.jpg);
    height:168px;
    width:233px;
    padding-top:0px;
    padding-left:20px;
    float:left;
}
#mailing-list h3
{
    margin:20px 0px 5px 40px;
    font: 17px/25px Arial;
    color:#3c3c3c;
}
#mailing-list p
{
    margin:5px 20px 7px 16px;
    font:11px/17px Arial,"Lucida Sans","Myriad Pro",Sans-Serif;
    color:#3c3c3c;
}
#mailing-list #mail-field
{
    background:url(../image/background/homepage/emailupdate_textbox.png) no-repeat;
    border:none;
    width:185px;
    height:26px;
    overflow:hidden;
    margin-bottom:5px;
    padding-left:15px;
}
#mailing-list #mail-field input
{
    border:solid 0px #000;
    color:#7e7e7e;
    padding-top:6px;
    padding-left:1px;
    font:11px/22px Arial,"Lucida Sans","Myriad Pro",Sans-Serif;
    height:21px;
    width:184px;
}
.browserChrome #mailing-list #mail-field input {padding-top:4px;height:23px;}
.browserSafari #mailing-list #mail-field input {padding-top:6px;line-height:15px;}

#mailing-list a
{
    margin:0px 20px 20px 0px;
}
#chat-main
{margin-bottom:5px;}




#in-nav-wrap
{
    /**width:740px;**/
    border-bottom:solid 1px #b6b6b6;
    height:31px;
}
#in-nav-wrap .item
{
    background:#e3e3e3;
    display:inline-block;
    margin-top:2px;
    padding:7px 22px 7px 22px;
    color:#656565;
    border:solid 1px #b6b6b6;
    float:left;
    font-weight:bold;
    font-size:11px;
    border-bottom:solid 1px #b6b6b6;
    margin-left:1px;
    
}
.t01 #in-nav-menu-01,
.t02 #in-nav-menu-02,
.t03 #in-nav-menu-03,
.t04 #in-nav-menu-04
{
    margin-top:0px;
    background:#fff;
    color:#096aad;
    padding:8px 22px 8px 22px;
    border-bottom:solid 1px #ffffff;
}

.t01 #in-nav-01,
.t02 #in-nav-02,
.t03 #in-nav-03,
.t04 #in-nav-04
{
    display:block;
}

.wrap-bg div#in-nav-content p
{
    margin-left:20px;color:#656565;font-size:11px;   
}

#banner-pic-bullet 
{
    position:absolute;
    bottom:0px;
    right:0px;
    width:290px;
    padding:10px 5px 4px 10px;
    text-align:right;
    height:52px;
}
#banner-pic-bullet a
{
    display:inline-block;
    width:84px;
    height:52px;
    margin-left:2px;
    position:relative;
    overflow:visible;
}
#banner-pic-bullet a span
{
    position:absolute;
    top:-25px;
    left:-90px;
    font-size:11px;
    background:#0041a1 url(../image/1pixeltransparent.png);
    padding:5px 8px;
    color:#fff;
    width:200px;
    text-align:left;
    display:none;
}
#banner-pic-bullet a span b{color:#39cef8}

#banner-pic-bullet-01{background-position:right top;}
#banner-pic-bullet-02{background-position:right center;}
#banner-pic-bullet-03{background-position:right bottom;}
#banner-pic-bullet-01:hover{background-position:center top;}
#banner-pic-bullet-02:hover{background-position:center center;}
#banner-pic-bullet-03:hover{background-position:center bottom;}

.p01 #banner-pic-bullet-01{background-position:left top;}
.p02 #banner-pic-bullet-02{background-position:left center;}
.p03 #banner-pic-bullet-03{background-position:left bottom;}


/**~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~**/
/**UNIVERSAL ACCORDION HEADER STYLE**/
/**~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~**/
.accordion {}
.header-top-bg, 
.header-middle-bg, 
.header-bottom-bg
{
    background:#fff url(../image/header_tab_bg.png) no-repeat right 0px;
    color:#000;
    cursor:pointer;
    font:bold 0.75em/30px Arial,"Lucida Sans",San-serif;
    height:30px;
    word-spacing:1px;
}
.header-top-bg .corner, 
.header-middle-bg .corner, 
.header-bottom-bg .corner
{
    background:#fff url(../image/header_tab_bg.png) no-repeat left 0px;
    display:inline-block;
    height:inherit;
    left:0px;
    line-height:30px;
    padding:0 0 0 20px;
    top:0px;
    width:auto;
}
.selected .header-top-bg{background-position:right -30px;color:white;}
.selected .header-top-bg .corner{background-position:left -30px;}
.selected .header-middle-bg{background-position:right -90px;color:white;}
.selected .header-middle-bg .corner{background-position:left -90px;}
.selected .header-bottom-bg{background-position:right -150px;color:white;}
.selected .header-bottom-bg .corner{background-position:left -150px;}

.header-middle-bg{background-position:right -60px;}
.header-middle-bg .corner{background-position:left -60px;}
.header-bottom-bg{background-position:right -120px;}
.header-bottom-bg .corner{background-position:left -120px;}

.lastblock {border-bottom:solid 0px #c8c8c8;}
.header-bottom-bg .lastline 
{
    border-bottom:solid 1px white;
    bottom:0px;
    position:relative;
}

.selected .header-bottom-bg .lastline,

.ac-content
{
    border-left:solid 1px #c8c8c8;
    border-right:solid 1px #c8c8c8;
    overflow:hidden;
}
/**~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~**/
/**~~~~~~~~~~~~~~END~~~~~~~~~~~~~~~**/
/**~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~**/



/**~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~**/
/**       BREADCRUMB STYLES        **/
/**~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~**/

#breadcrumb-wrap
{
    text-align:center;
    z-index:0;
}
#breadcrumb-wrap .container
{
    width:958px;
    border-left:solid 1px #c8c8c8;
    border-right:solid 1px #c8c8c8;
    background-color:#f1f1f1;
}
#breadcrumb-wrap .wrapper
{
    width:auto;
    display:inline-block;
}
#breadcrumb-wrap .breadcrumb,.breadcrumb-current
{
    display:inline-block;
    float:left;
    position:relative;
}

.breadcrumb .content,
.breadcrumb-current .content
{
    display:inline-block;
    background-color:#fff;
    border-top:solid 1px #c8c8c8;
    border-bottom:solid 1px #c8c8c8;
    color:#005aae;
    float:left;
    font:0.70em/22px Arial,"Lucida Sans","Myriad Pro",Sans-Serif;
    height:22px;
    padding:0 20px 0 30px;
    word-spacing:1px;
}
.breadcrumb-current .content
{
    color:#656565;
}
.breadcrumb:hover .content,
.breadcrumb-current:hover .content
{
    color:#fff;
    background-color:#656565;
}
.breadcrumb:hover .arrow,
.breadcrumb-current:hover .arrow
{
    background-position:right top;
}

.breadcrumb .first
{
    padding-left:40px;
}
.breadcrumb .arrow,
.breadcrumb-current .arrow
{
    display:inline-block;
    width:10px;
    height:22px;
    background:url(../image/breadcrumb_arrow.png) no-repeat left top;
    border-top:solid 1px #c8c8c8;
    border-bottom:solid 1px #c8c8c8;
    position:static;
    float:left;
    margin-right:-10px;
    z-index:999;
}
.breadcrumb-current .arrow
{
    background:url(../image/breadcrumb_arrow.png) no-repeat left top;
    border-top:solid 1px #f1f1f1;
    border-bottom:solid 1px #f1f1f1;
    position:static;
    float:left;
}
/**~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~**/
/**~~~~~~~~~~~~~~END~~~~~~~~~~~~~~~**/
/**~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~**/



/**~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~**/
/**     PRODUCT-HEADER STYLES      **/
/**~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~**/
#product-header-wrap
{
    text-align:center;
    z-index:0;
}
#product-header-wrap .left-wrap
{
    width:900px;
    float:left;
    padding:20px 21px 20px 41px;
    position:relative;
}
#product-header-wrap .left-wrap .title
{
    font:26px/30px Arial,"Lucida Sans","Myriad Pro",Sans-Serif;
    /*height:44px;*/
    vertical-align:bottom;
    color:#1444a3;
    position:relative;
    margin-bottom:10px;
}
#product-header-wrap .left-wrap .title img
{
    height:44px;
}

#product-header-wrap .left-wrap .desc
{
    color:#656565;
    font:0.7em/11px Arial,"Lucida Sans","Myriad Pro",Sans-Serif;
}

/*SHADOW FOR TITLE*/
#product-header-wrap .left-wrap .title .shadow
{
    color:#c8c8c8;
    display:block;
    left:1px;
    position:absolute;
    top:1px;
    z-index:-1;
}
.browserChrome #product-header-wrap .left-wrap .title,
.browserSafari #product-header-wrap .left-wrap .title
{
    /*text-shadow:#c8c8c8 1px 1px 1px;
    filter:shadow(color=#c8c8c8,direction=125,strength=1);zoom:1;*/
}

/*RIGHT WRAP BUTTON STYLE*/
#product-header-wrap .right-wrap
{
    width:165px;
    float:right;
    padding:0 20px 20px 0;
    position:relative;
    height:64px;
}
#product-header-wrap .left-wrap .btn-wrap,
#product-header-wrap .right-wrap .btn-wrap
{
    text-align:right;
    margin-top:auto;
    margin-bottom:0;
    bottom:8px;
    top:auto;
    right:21px;
    height:auto;
    position:absolute;
    display:block;
}
#product-header-wrap .left-wrap .btn-wrap a,
#product-header-wrap .right-wrap .btn-wrap a
{
    margin-left:0px;
    margin-bottom:0px;
    padding-bottom:0px;
}

#content-wrap #product-header-wrap .container, 
#product-content-wrap .container,
#product-banner .container
{
    background:url(../image/background/product/default.jpg) repeat-y;
}
#product-content-wrap
{
    text-align:center;
    z-index:0;
}

/**PRODUCT HEADER BANNER**/
#product-banner .container img
{
    height:226px;
    width:960px;
    margin:0px;
}
#product-banner
{
    text-align:center;
    z-index:0;
}
/**~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~**/
/**~~~~~~~~~~~~~~END~~~~~~~~~~~~~~~**/
/**~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~**/




/** FOOTER **/
div#footer-wrapper
{
    text-align:center;
    padding-top:0px;
}
#footer-wrapper #footer-links
{
    background:url(../image/background/footer/tab_top.jpg) no-repeat;
    height:20px;
    width:960px;
    font:11px/26px Arial;
}
#footer-wrapper #footer-links a {margin-left:20px;display:inline;color:#fff;}
#footer-wrapper #footer-links a:hover {color:#656565;}
#sitemap .top-shadow
{
    position:absolute;top:0px;left:0px;
    background:url(../image/background/footer/container_top.jpg) no-repeat;
    height:10px;width:960px;
}
#sitemap .bottom-shadow 
{
    position:absolute;bottom:0px;left:0px;
    background:url(../image/background/footer/container_bottom.jpg) no-repeat;
    height:8px;width:960px;
}
#sitemap
{
    background:url(../image/background/footer/container_main.jpg) repeat-y;
    position:relative;
    padding:20px 5px;
    display:none;
    width:950px;
}
#sitemap #sitemap-outer {display:inline-block;}
#sitemap .left-wrap {width:181px;float:left;margin-left:4px;margin-right:5px;display:inline-block; }

#sitemap .middle-wrap {width:187px;float:left;margin-left:5px;display:inline-block;}

#sitemap .right-wrap-outer {float:left;margin-left:7px;width:364px;display:inline-block;}
#sitemap .right-wrap {width:177px;float:left;margin-left:5px;}

#sitemap .button-all
{
    color:#656565;
    font:bold 11px/26px Arial;
    width:85px;
    height:25px;
    position:absolute;
    right:-999px;
    text-align:center;
    background-color:#eee;
}
#sitemap .button-all:hover
{
    color:#00328e;
}
#sitemap h2
{
    padding:0 0 10px 20px;
    font:bold 14px/20px Arial;
    display:block;
}
#sitemap .group
{
    padding:0 0 4px 0px;
    font:14px/20px Arial;
    position:relative;
    
}
#sitemap .group .h3 
{
    cursor:pointer;
    display:block;
    font:bold 11px/20px Arial;
    padding:2px 0 2px 40px;
    background:#eee;
}
#sitemap .group .h3:hover 
{
    color:#00328e;
}
#sitemap .group .icon
{
    display:inline-block;
    width:14px;
    height:14px;
    position:absolute;
    left:20px;
    top:5px;
    z-index:0;
    background:#eee url(../image/background/footer/expand_close.jpg) no-repeat left top;
}
#sitemap .expand .icon
{
    background-position:right top;
}

#sitemap .group .h4 
{
    font:11px/25px Arial;
    padding:0 0 0 50px;
    cursor:pointer;
    display:block;
}
#sitemap .group .h4:hover
{
    color:#00328e;
    background-color:#eee;
}
#sitemap a{color:#646464;}
#sitemap a:hover{color:#00328e;}

/** SITEMAP **/
#sitemap-tab
{
    background:url(../image/background/footer/tab_bottom.jpg) no-repeat;
    height:23px;
    margin-bottom:10px;
    position:relative;
}
#sitemap-tab .pull-tab 
{
    position:absolute;
    right:0px;
    bottom:0px;
    width:100px;
    height:20px;
}

#copyright
{
    float:left;
    color:#656565;
    display:inline-block;
    text-align:right;
    font:11px/28px Arial;
    height:23px;
    width:828px;
}
#sitemap-tab #copyright a 
{
    font-family:Arial;
    color:#096aad;
    padding:0 10px 0 10px;
    display:inline-block;
    height:19px;
    line-height:19px;
}
#sitemap-tab #copyright a:hover 
{
    color:#7e7e7e;
}



/*------------------*/
/*--- POPUP STYLE --*/
/*------------------*/
#popup-wrapper
{
    height:200%;
    width:100%;
    background:url(../image/1pixel_black.png);
    position:absolute;
    top:0px;
    left:0px;
    z-index:500;
    display:none;
    text-align:center;
}
.popup
{
    background:#fff;
    padding:30px 30px 30px;
    width:590px;
    margin-top:100px;
    text-align:left;
    font:11px/20px Arial,"Lucida Sans","Myriad Pro",Sans-Serif;
    color:#474747;
    position:relative;
    margin:100px auto 0;
}
.popup h2,
#login-wrapper h2
{
    font:19px/22px Arial,"Lucida Sans","Myriad Pro",Sans-Serif;
}
.popup h3,
#login-wrapper h3
{
    font:14px/22px Arial,"Lucida Sans","Myriad Pro",Sans-Serif;
    padding-left:20px;
}
.popup p
{
    margin-bottom:15px;
}

#popup-login {}

#contest-form .input-group,
.popup .input-group,
#login-wrapper .input-group
{
    width:490px;
    display:inline-block;
    padding:5px 0 5px;
    position:relative;
}
#contest-form .input-group .title
{
    float:left;
    color:#fff;
    font:bold 12px/22px Arial;
    display:inline;
}
.popup .input-group .title,
#login-wrapper .input-group .title
{
    width:210px;
    display:inline-block;
    float:left;
    text-align:right;
    padding-right:20px;
    line-height:26px;
}
.popup .input-group .title-p {line-height:20px;}

#contest-form .input-group .field,
.popup .input-group .field,
#login-wrapper .input-group .field
{
    float:left;
    display:inline-block;
    background:url(../image/input_textbox.png) no-repeat;
    height:22px;
    width:260px;
    position:relative;
}
#contest-form .input-group .field .corner,
.popup .input-group .field .corner,
#login-wrapper .input-group .field .corner
{
    display:inline-block;
    background:url(../image/input_textbox.png) right top;
    height:22px;
    width:5px;
    position:absolute;
    right:0px;
    top:0px;
}



#contest-form .input-group .field input,
.popup .input-group .field input,
#login-wrapper .input-group .field input
{
    padding:0 5px;
    font:11px/22px Arial,"Lucida Sans","Myriad Pro",Sans-Serif;
    height:22px;
    margin:0 1px;
    width:205px;
}
.browserFirefox #contest-form .input-group .field input,
.browserFirefox .popup .input-group .field input {padding-top:4px;}
.browserFirefox #login-wrapper .input-group .field input {padding-top:4px;}

.popup .group
{
    padding-top:10px;
    padding-left:200px;
}
.popup .closebutton
{
    width:30px;
    height:30px;
    background:url(../image/buttons/close_30x30.png) no-repeat left top;
    background-position:left top;
    display:inline-block;
    position:absolute;
    right:-15px;
    top:-15px;
}
.popup h2 b,.popup h2 strong {color:#1b489e;font-weight:normal;}

.popup .topleft,
.popup .bottomleft,
.popup .topright,
.popup .bottomright
{
    background-image:url(../image/popup_corner.png);
}

#popup-login .input-group .title {width:180px;}
#popup-login .input-group .field {width:290px;}

#popup-feedback {margin-top:30px;}

#popup-feedback p {line-height:18px;margin-top:10px;}
#popup-feedback h3 dfn {font:11px/22px Arial,"Lucida Sans","Myriad Pro",Sans-Serif;}
#popup-feedback h4 {font:bold 12px/22px Arial,"Lucida Sans","Myriad Pro",Sans-Serif;margin-bottom:10px;white-space:nowrap;}
#popup-feedback .left-wrap
{
    width:340px;
    text-align:left;
    float:left;
}
#popup-feedback .right-wrap
{
    width:130px;
    background:none;
    float:right;
}
#popup-feedback .right-wrap input 
{
    width:auto; 
    font-size:11px;
    height:auto;
}
#popup-feedback .right-wrap label {width:150px;padding-left:10px;}
#popup-feedback .radiobutton {white-space:nowrap;width:130px;padding:2px 0;}
#popup-feedback .left-wrap .dropdown {margin-bottom:20px;}
#popup-feedback select {color:#504f4f;font-size:11px;height:20px;width:260px;line-height:22px;}
#popup-feedback textarea {width:320px;height:110px;font-size:11px;padding:5px;}

#popup-talktous .input-group .title {width:120px;}
#popup-talktous .input-group .field {width:350px;}
#popup-talktous p {line-height:18px;margin-top:10px;}

#popup-reseller textarea {font-size:11px;padding:5px;}

.blue-popup
{
    border-top:solid 1px #c5c5c5;
    background:#e8f0f9;
    padding:20px;
}
.gray-popup
{
    border-top:solid 1px #c5c5c5;
    background:#f3f3f3;
    padding:20px;
    margin-bottom:20px;
}
.popup .smallpadding {padding:10px 20px;}

.popup .errormsg 
{
    background-color:#ffeeee;
    border-bottom:solid 1px #ff9f9f;
    border-top:solid 1px #ff9f9f;
    color:#000;
    height:25px;
}
/**~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~**/
/**~~~~~~~~~~~~~~END~~~~~~~~~~~~~~~**/
/**~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~**/


/*-----------------------*/
/*--- TEMPLATE 2 STYLE --*/
/*-----------------------*/
#product-content-wrap #pd-content-main .template-2 .sub-tab-1
{
    position:absolute;
    top:0px;
    width:468px;
    left:0px;
    border-right:solid 1px #e3e3e3;
    text-align:center;
    padding:14px 0 9px;
    font:12px/12px Arial;
    cursor:pointer;
}
#product-content-wrap #pd-content-main .template-2 .sub-tab-2
{
    position:absolute;
    top:0px;
    width:468px;
    right:0px;
    border-left:solid 1px #e3e3e3;
    text-align:center;
    padding:14px 0 9px;
    font:12px/12px Arial;
    cursor:pointer;
}
#product-content-wrap #pd-content-main .template-2 .sub-tab-3
{
    position:absolute;
    top:0px;
    width:312px;
    left:312px;
    border-left:solid 1px #e3e3e3;
    text-align:center;
    padding:14px 0 9px;
    font:12px/12px Arial;
    cursor:pointer; 
}
#product-content-wrap #pd-content-main .template-2 .promo-tab {width:312px;}
#product-content-wrap #pd-content-main .template-2 .over
{
    background:url(../image/background/product/template_2_tab.jpg);
    border-bottom:solid 1px #e3e3e3;
}
#product-content-wrap #pd-content-main .template-2 .over .topleft-1,
#product-content-wrap #pd-content-main .template-2 .over .topright
{
    background-image:url(../image/background/product/template_2_tab_corner.jpg);
}
#product-content-wrap #pd-content-main .template-2 .over .topright
{
    top:-1px;
}

#product-content-wrap #pd-content-main .template-2 strong
{
    font:bold 14px/12px Arial;
}
#product-content-wrap #pd-content-main .template-2 .feature,
#product-content-wrap #pd-content-main .template-2 .overview
{
    margin:70px 30px 0;

}
#product-content-wrap #pd-content-main .template-2 .feature h3 { margin-bottom:0px;}
#product-content-wrap #pd-content-main .template-2 { background:none;}
#product-content-wrap #pd-content-main .template-2 .cross-wrap-bg { width:938px;}
#product-content-wrap #pd-content-main .template-2 .cross-wrap-bg .box { width:193px;}
/**~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~**/
/**~~~~~~~~~~~~~~END~~~~~~~~~~~~~~~**/
/**~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~**/