﻿/* page top: start */
#page-head{font-family:Arial,sans-serif;font-size:12px;white-space:nowrap;margin-top:4px;color:#333;vertical-align:baseline;}
#page-head .line{color:#adc2d6;}

#topbar h1{float:left;margin-right:40px;}
#topbar .line{margin:0 4px;}

#member_link{float:right;}
#member_link li{float:left;}
#member_link a{text-decoration:none;}
#member_link a:hover{text-decoration:underline;color:#ff5200;}

.currency_usd, .currency_gbp, .currency_eur, .currency_aud, .currency_cad{background:url(/content/style/ico/sprite_country_flag.gif) no-repeat;}
.currency_usd{background-position:0 2px;}
.currency_gbp{background-position:0 -98px;}
.currency_eur{background-position:0 -198px;}
.currency_aud{background-position:0 -298px;}
.currency_cad{background-position:0 -398px;}


#currencies_list{width:70px;position:absolute;background:#fff;border:solid 1px #fff;z-index:520;}
#currencies_list a{padding-left:20px;display:inline-block;font-style:normal;}

#currencies_list li{float:none;display:none;padding:3px 4px;border-top:solid 1px #fff;border-bottom:solid 1px #fff;cursor:pointer;}
#currencies_list li:first-child{display:block;padding:0 4px;border:none;cursor:default;}
#currencies_list li:first-child:hover{background:none;border-color:#fff;}
#currencies_list li:first-child a{text-decoration:none;color:#004b91;}

#currencies_list:hover{border:solid 1px #9FC9A1;}
#currencies_list:hover li{display:block;}
#currencies_list:hover li:first-child{margin-bottom:4px;}

#currencies_list li:hover{background:url(/content/style/img/gradient_green_bg_1x27.gif) repeat-x;border-color:#ccc;}

* html #currencies_list li.first-child{display:block;padding:0 4px;border:none;cursor:default;}
* html #currencies_list li.first-child a{text-decoration:none;color:#004b91;}

* html #currencies_list.hover{border:solid 1px #9FC9A1;}
* html #currencies_list.hover li{display:block;}
* html #currencies_list.hover li.first-child{margin-bottom:4px;}

* html #currencies_list li.hover{background:url(/content/style/img/gradient_green_bg_1x27.gif) repeat-x;border-color:#ccc;}



#cs_box{position:relative;zoom:1;white-space:normal;z-index:100;}
#cs_box .cs_menu{background:url(/content/style/img/customer-server-ico_u146x36.gif) no-repeat 0 0;width:146px;height:36px;cursor:pointer;display:block;position:relative;z-index:400;}
#cs_box .cs_menu_hover{background-position:0 -81px;}

#cs_box .row{margin-bottom:18px;text-align:left;padding-left:28px;font-size:11px;}
#cs_box .row a{font-weight:bold;color:#000;cursor:pointer;}
#cs_box .r_x{background:url(/content/style/img/help_images/Help_icon_1.gif) no-repeat;}
#cs_box .r_y{background:url(/content/style/img/help_images/Help_icon_2.gif) no-repeat;}
#cs_box .h{font-weight:bold;color:#000;margin-bottom:4px;font-size:12px;}

#cs_box .cs_content{position:absolute;width:207px;padding:10px;background:#fff;right:0;_right:-1px;border:solid 1px #9FCA9F;top:35px;z-index:399;}


#imglogo,
#searchSubmit,
#shopcartbg,
#mainSearchEndBg,
#departmentsButton,
#departmentsMain .department .departmentTitle,
#departmentsMain .childNavs li,
#departmentsMain .space,
#flyoutAnchor{background:url(/content/style/img/navpackedSprites_v100330.gif) no-repeat;}


#logo{margin-left:10px;display:block;cursor:pointer;}
#txtlogo{position:absolute;top:-2000px;}
#imglogo{display:block;width:224px;height:47px;}

#channel a{font:bold 14px arial;color:#ff5200;text-decoration:none;}

#navSearch{margin-top:2px;background:#2e8242;}
#mainSearchEndBg{width:8px;height:37px;background-position:-216px -100px;}

#searchSelect{width:100%;font-size:13.33px;}
#searchTextbox{width:100%;font-size:13.33px;border-width:2px;}
#searchSubmit{width:38px;height:33px;background-color:transparent;background-position:0 -200px;border:none;cursor:pointer;}

#shopcartbg{width:69px;height:25px;background-position:-50px -200px;padding:8px 0 0 30px;font-size:13px;}
#shopcartbg a{color:#fff;font-weight:bold;text-decoration:none;}
#shopcartbg a:hover{text-decoration:underline;color:#fff;}

#departmentsNav #departmentsBody{display:none;position:absolute;z-index:127;}

#departmentsButton{background-position:0 -100px;width:202px;height:37px;position:relative;}
#departmentsButton a{display:block;height:23px;font:bold 13px arial;color:#fff;padding:14px 0 0 12px;text-decoration:none;}
#departmentsButton a:hover{text-decoration:underline;}

#flyoutAnchor{position:absolute;right:12px;top:15px;display:block;width:16px;height:16px;cursor:pointer;background-position:0 -500px;display:none;}

#departmentsMain{font-size:0;line-height:0;position:relative;}
#departmentsMain .space{height:1px;background-position:0 -301px;overflow:hidden;font-size:0;line-height:0;}

#departmentsMain .department{position:relative;z-index:15;line-height:100%;height:28px;vertical-align:middle;white-space:nowrap;}
#departmentsMain .department .departmentTitle{background-position:0 -300px;height:28px;line-height:28px;padding-left:10px;position:relative;z-index:18;width:192px;}
#departmentsMain .department .departmentTitle a{color:#000;text-decoration:none;font-weight:bold;font-size:12px;font-family:Arial,Sans-Serif;}
#departmentsMain .department .departmentTitle_first{background-position:0 -260px;}

#departmentsMain .department:hover{z-index:16;}
#departmentsMain .department:hover .departmentTitle{background-position:0 -340px;}
#departmentsMain .department:hover .departmentTitle_last{background-position:0 -380px;}
#departmentsMain .department:hover .childNavs{display:block;}

#departmentsMain .department_hover{z-index:16;}
#departmentsMain .department_hover .departmentTitle{background-position:0 -340px;}
#departmentsMain .department_hover .departmentTitle_last{background-position:0 -380px;}
#departmentsMain .department_hover .childNavs{display:block;}

#departmentsMain .department ul{line-height:100%;}
#departmentsMain .childNavs{display:none;padding:2px 16px;background:#fff;position:absolute;top:-0px;left:184px;white-space:nowrap;border:solid 2px #2e8342;z-index:17;}
#departmentsMain .childNavs li{background-position:-40px -492px;line-height:24px;padding-left:10px;}
#departmentsMain .childNavs li a{text-decoration:none;font-size:12px;}
#departmentsMain .childNavs li a:hover{text-decoration:underline;}

#departmentsMain .departmentsFoot{width:202px;height:11px;overflow:hidden;background:url(/content/style/img/navpackedSprites_v100330.gif) no-repeat 0 -420px;}
/* page top: end */




/* page-foot: start */
#page-foot{margin:20px 0 10px;text-align:center;font-size:11px;clear:both;}
#page-foot a{text-decoration:none;}
#page-foot a:hover{text-decoration:underline;color:#ff5200;}


#page-foot .ft_row{padding:10px 10px 15px;border-top:solid 4px #2e8242;border-bottom:solid 1px #2e8242;height:100%;}
#page-foot .ft_row .line{color:#333;height:100px;width:1px;overflow:hidden;background:#ccc;}

#page-foot .ftnav{font-size:11px;}
#page-foot .ftnav dt{padding-bottom:4px;}
#page-foot .ftnav dt a{font-weight:bold;color:#ff5200;padding-bottom:4px;}

#ft_subscribe{text-align:left;margin:0 auto;font-size:small;background:url(/content/style/img/ft_subsccribe_lbg_89x58.gif) no-repeat 0 0;padding-left:100px;}
#ft_subscribe h4{color:#ff5200;font-weight:bold;margin-bottom:0.25em;}

#page-foot .row{margin-top:10px;}

#ft_logo_nav img{vertical-align:middle;}
/* page-foot: end */





/* nfs is mean navigation Control and footer Control share style, because some page don't include core.css and declare another global css, eg: channel page, I very very want to delete it; */
.nfs dl, .nfs dt, .nfs dd, .nfs ul, .nfs li, .nfs form, .nfs input{margin:0;padding:0;}
.nfs th{font-weight:normal;}
.nfs li{list-style:none;}
.nfs input, .nfs textarea, .nfs select{font-family:inherit;font-size:inherit;font-weight:inherit;}
.nfs input, .nfs textarea, .nfs select{*font-size:100%;}
.nfs a{color:#004b91;text-decoration:underline;}
.nfs a:hover{color:#c60;text-decoration:none;}
.nfs img{border:0;}




/* autocomplete
   --------------------------*/

.ui-autocomplete-input{padding:0;margin:0;}
.ui-autocomplete { position: absolute; cursor: default;background:#fff;border:solid 1px #2E8242;padding:0;margin:0; list-style:none;_width:1px;z-index:1000;}

.ui-menu-item a{display:block;line-height:1.5;text-decoration:none;padding:0 .4em;font-size:12px;color:#454545;font-family:arial,verdana;}

a.ui-state-hover{background:#61AC73;color:#fff;}