/* Start: Global tag styles */
 html { height: 100%; }
 body { height: 100%; margin: 0; }
 body#country-selector {overflow:hidden; background-image: none; background-color: #000000; }
 a, a:active, a:visited { color:#FF6600; text-decoration:none; }
 a:hover { text-decoration: underline; }
 ul, ol, li { list-style: none; }
 h2 { color: #BFBFBF; font-weight: normal; font-size: 25px; margin-bottom: 2px; }

 h1 { font-family:"Trade Gothic W01 Bold Cn 20", sans-serif; }
 h1 span, h2 { font-family:"Trade Gothic W01 Cn 18", sans-serif; }
/* End: Global tag styles */

/* Start: Global class styles */
 .hide { display: none; }
 .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
 
 #main-content p {line-height: 16px;}
 /* End: Global class styles */

/* Start: Header styles */

body#country-selector #header {width:auto;}
body#country-selector  #main-content{width:1000px;margin:0 auto;}

body#country-selector #logo { margin: 9px 0 0; }
body#country-selector #header .nav {  height: 0px; }
body#country-selector  #main-content #logo, body#country-selector  #logo:visited { background-image: url(/graphics/media/tbl/tblDrop_logoSprite.png); background-repeat: no-repeat; z-index: 699; background-position: 0 0; height: 30px; width: 150px;}

body#sub-category #content, body#helpdesk #content, body#email #content, body#top-category #content, body#sitemap #content { width: 1000px; }

#content {  position: relative; overflow: hidden; margin: 0 auto; text-align: left; z-index: 1; margin-top: 35px; } /* please do not declare global width */
body#sub-category #main-content,/* body#country-selector #main-content*/ body#top-category #main-content{width:1000px;}

 #sidebar {  width : 243px;  float: left;  clear: left;  background-color: #FFFFFF; padding: 9px 2px 9px 3px; }
 #sidebar .nav {  margin: 0; }
 #sidebar  a{font-family: 'Trade Gothic W01 Bold Cn 20', sans-serif;font-size:14px;text-transform:uppercase;}
 #sidebar .nav li {  line-height: 3em; }
 #sidebar .nav a {  line-height: inherit;  color: #2c2c2c;  padding: 0 5px; }
 #sidebar .nav li ul li#catsub.active a {  color: #fff; }
 #sidebar .nav li ul li.active li a, #sidebar .nav li ul li ul li.active a {  color: #6c6c6c;  padding: 0 13px; }
 #sidebar .nav ul ul li.active a {  text-decoration: none; }
  #sidebar .nav li#catsub.active {  background-color:#999;}
 #sidebar .nav li.active a {  color: #FFF;}
 #sidebar .nav li.active ul li{  background-color: #b2b2b2; }
  #sidebar .nav li.active ul li.active{  background-color: #333; }
 #sidebar .nav li.active ul a { display:block;color:#2c2c2c; padding-left:19px;}
  #sidebar   li a:hover{background:#cd6601; color:#fff!important;text-decoration:none;outline:none;}
  #sidebar li a{display:block;}
  #sidebar ul.nav{background-color:#F0F0EE;width:232px; margin-left:5px;}
  #sidebar .nav   {background-color:#f0f0ee; }
 #sidebar .nav li a{color:#2c2c2c;}
 #sidebar .nav  li#catsub.active{background-color:#999;}
 #sidebar .nav ul#subcat.active li.active li {background-color:#b2b2b2;}
#sidebar .nav ul#subcat.active li#catsub{background-color:#7a7a7a;}
#sidebar .nav ul#subcat.active li#catsub.active ul li{background-color:#999;}
#sidebar .nav ul#subcat  li.active a{color:#fff;padding-left:20px;}
#sidebar .nav li ul#subcat  li a {color:#2c2c2c;}
 body#country-selector #main { /* background: transparent url(/images/bg_locale.jpg) center center no-repeat; */ width:100%;  height: 100%;  position: relative; }
 #email #main-content {padding:10px 8px 25px;background:white;width:985px;}
 #sidebar  ul#subcat li#catsub ul#subcat li.active {background-color:#313031;}
#sidebar li.active ul#subcat.active li.active ul#subcat.active li.active a{color:#fff!important;}
#sidebar li.active ul#subcat.active li.active ul#subcat.active a{color:#2c2c2c;}
#sidebar  ul#subcat  li#catsub ul#subcat  li#catsub{background-color:#999;}
#sidebar li.active ul#subcat.active li#catsub ul#subcat.active a{padding-left:34px;}
#sidebar li#catsub.active a{color:#fff;}
#sidebar .nav li.active {background-color:#999999;}
#sidebar li.active ul#subcat.active li.active ul#subcat.active a{padding-left:34px;}
/* email sign up */
 #email .title h1{font-size:23px;}
 #email #main-content .section p {  line-height: 1.3em;  margin-bottom: 20px; }
 #email label {  display: block;  line-height: 1.4em;  padding-bottom: 2px; }
 #email .text, #email .select {  border: solid 1px #999999; }
 #email .select {  width: 60px; }
 #email .text { font-size: 12px;  line-height: 1.3em;  height: 16px;  width: 200px; }
 #email #country {  width: 235px; }
 #email .buttons {  clear: left; margin:20px 0 15px 15px; float:left; display:inline; }
 #cancel { margin-right: 20px; }
 #email.thankyou h1{ margin-top: 10px; padding-top: 25px; }
 #email.info #main-content .section{float:left;width:978px; padding-left:0px;} /*adding this one as email .section was floating towards right*/
 .section {  width: 752px;  float: right;  background-color: #FFFFFF; overflow: hidden;}


 /* error */
 body.error #main-content { width: 960px; padding: 20px; background-color: #fff;}
 body.error p {max-width: 600px;}
 body.error #main-content ul  li {margin: 6px 0 6px 0;}
 body.error #main-content h3 {margin-top: 10px;}
 body.error #main-content p {line-height: 14px;}

 /* customer service form */
#csr form table td label {width: 140px; }
#csr form  span.required{ color:red;}
#csr form table td { width: 45px;}
#csr  input.text{ border: 2px inset black !important;}
#csr form label{ padding-left: 10px; width:25px; font-weight: 700;}
#csr form .submit {background-position:-574px 0px; background-repeat: no-repeat; height:17px;}

#email .email-section { width:790px; margin-left:2px;}
#email .email-section .emailsignup { margin-bottom:10px; margin-right:5px;margin-top:5px; }
#email .email-section .emailsignup input { display:inline; }
#email #main-content .email-section .emailsignup p.radio-opt { float:left; margin-right:15px; margin-bottom:0; }
#email .email-section .emailsignup .radio-opt input { margin-right:5px; }
#email .email-section .emailsignup .checkbox { font-size:12px; margin-left:93px; display:inline; float:left; padding-bottom:5px; }
p.checkbox{float:left; display:inline;}

/*email signup*/
#email .section {  width: 970px; padding:4px 0 60px 0;}
#email .title  h2{font-size:18px; font-weight:bold; padding-top:4px;padding-bottom:5px;}
#email .title h1{font-size:25px; padding-bottom:5px; font-weight:bolder;border:none;color:#505050;}
#email #main-content .section p {  line-height: 1.3em; padding-bottom:5px;}
#email .section  #bday select{float:left; margin-right:3px; width:auto;}
#email .emailsignup label {display:inline-block; float:left; line-height: 16px; font-size:14px; padding-bottom: 2px;width:135px;font-family:'Trade Gothic W01 Bold Cn 20',sans-serif;color:#666;text-transform:uppercase;}
#email  #statechange{display:inline-block; float:left; line-height: 16px; font-size:14px!important; padding-bottom:2px!important;width:135px;font-family:'Trade Gothic W01 Bold Cn 20',sans-serif!important;color:#666;text-transform:uppercase;}
#email .text, #email .select {  border: solid 1px #999999;padding:1px!important; }
#email .select {  width: 60px; }
#email #country {  width: 200px; display:inline-block;}
#email #signupsuccess h4{ padding-top: 25px; font-weight:bold; padding-left:10px;}
#email #sidebar{display:none;}
#email.thankyou #signupsuccess p{ font:10px "Arial"; padding:10px;}
#email.thankyou #main-content {width:984px;background: white;}
div.emailsignup {display:inline-block;  width:360px;}
#email .emailsignup  .text{background-color:#f2e1c5;width:200px;}
#email .emailsignup .select {background-color: #f0f0ee;}
#email .section{background-color:#fbfbf9;padding-top:10px;}
#email .section #cancel1:hover{background-position:-40px -18px;}
#email .section #submit1:hover{background-position:0 -18px;}
#email .title h3{ padding-left:5px;font-size:23px;padding-bottom:15px; font-weight:normal;font-family: 'Trade Gothic W01 Bold Cn 20', sans-serif;color:#666; padding-top:15px;}
#email #main-content .section p {  line-height: 16px;font-size:12px;font-family:'Trade Gothic W01 Bold Cn 20',sans-serif; }
#email div.continue {padding-bottom:20px; padding-left:10px;}
#email.thankyou .continue h1{ color:#666;font-size:32px;font-family:'Trade Gothic W01 Bold Cn 20',sans-serif;}
#email.thankyou .continue p{ font:11px "Arial"; padding:10px;padding-left:0px;}
span#boday {display:inline-block;padding-top:5px; padding-right:5px; font-family:'Trade Gothic W01 Bold Cn 18',sans-serif}
#email .section span{padding-top:5px; padding-right:5px;}
#email.info #main-content .section p{margin-bottom:0px;}
#email .section #gender span ,#email .section span.required{padding-top:0px!important; padding-right:0px;}
#email .emailsignup span {font-family:'Trade Gothic W01 Bold Cn 18',sans-serif;font-size:11px;}
#email #main-content  p.privacy, #email  #email-section p.requiredfield{padding-bottom:15px;}



/* --- orange button ---*/
.butttton .left-orange { background: url(/images/dyna-btns.gif) no-repeat 0 0; float: left; height: 17px; width: 2px; }
.butttton:hover .left-orange { background: url(/images/dyna-btns.gif) no-repeat 0 -60px; }
.butttton .orange { color: #fff; background: url(/images/dyna-btns.gif) repeat-x 0px -40px; float: left; font-size: 11px; font-weight: normal; height: 17px; margin: 0; padding: 0 1px; text-transform: uppercase; line-height: 1.4em; width: auto !important; overflow: visible; whitespace: nowrap; }
.butttton:hover .orange { background: url(/images/dyna-btns.gif) repeat-x 0 -100px; }
.butttton .right-orange { background: url(/images/dyna-btns.gif) no-repeat 0px -20px; float: left; height: 17px; padding-left: 3px; }
.butttton:hover .right-orange { background: url(/images/dyna-btns.gif) no-repeat 0 -80px; float: left; height: 17px; padding-left: 3px; }
.button, .button:link, .button:visited {
    color: #FFFFFF;
    background-image: url(/images/gradient_buttons.jpg) !important;
    background-repeat: repeat-x;
    height: 24px !important;
    line-height: 1em !important;
    padding: 3px 8px !important;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px !important;
    cursor: pointer;
    font-family: "Trade Gothic W01 Cn 18", Arial, sans-serif;
    float: left;
    display: block;
    overflow: visible;
    outline: 0;
  }
.button.or2, .button.or2:link, .button.or2:visited { background-position: 0px -48px; }
.button.or2:hover { background-position: 0px -72px; }
.button.gy2, .button.gy2:link, .button.gy2:visited { background-position: 0px -192px; }.button.gy2:hover { background-position: 0px -216px; }


 /* country selector */
body#country-selector .nav {  width: 600px;  clear: both; padding-bottom: 0; padding-top: 37px; }
body#country-selector #header .nav {  padding-top: 0; }
body#country-selector .nav a {  font-family:'Trade Gothic W01 Cn 18',sans-serif;  color: #FFFFFF;  line-height: 17px;  height: 17px;  display: block;  float: left;  clear: left;  text-transform: uppercase;  font-size: 14px;  text-decoration: none;  padding: 0 5px 0 0;  margin: 2px 0; }
body#country-selector .nav a .message, #country-selector .nav a:active .message {  visibility: hidden;  font: 11px "Arial";  color: #ff0000;  line-height: 17px;  margin-left: 16px; }
body#country-selector .nav a:hover {  background-color: #666;  color: #333; }
body#country-selector .nav a:hover .message {  visibility: visible; }
body#country-selector .flag {  margin: 2px 13px 2px 2px; }
.flag {  width: 18px;  height: 13px; _height: 11px; display: block;  float: left;  margin-right: 6px;  background-color: transparent;  background-image: url(/images/sprite.png);  background-repeat: no-repeat; }
#en_US {  background-position: -644px 0px; /*_background-position: -644px 3px; */ }
#en_GB { background-position: -644px -13px; /*_background-position: -644px -12px; */ }
#de_DE {  background-position: -644px -26px; /*_background-position: -644px -25px; */ }
#au_AU {  background-position: -644px -39px; /*_background-position: -644px -32px; */ }
#es_ES {  background-position: -644px -52px; /*_background-position: -644px -45px;  */ }
#fr_FR {  background-position: -644px -65px; /*_background-position: -644px -57px; */ }
#it_IT {  background-position: -644px -78px; /*_background-position: -644px -75px; */ }
#en_CA {  background-position: -644px -165px; }
#ch_ch { background-position: -644px -91px;}
#ch_hk{background-position:-644px -104px;}
#as_jp{background-position:-644px -116px;}
#as_sp{background-position:-644px -128px;}
#as_tw{background-position:-644px -140px;}
#my_MY{background-position: -644px -152px;}
div#large-globe{z-index:-1; position:absolute; text-align:center;top:5%; height:90%; vertical-align:middle;width:100%;}
div#countrynav{z-index:6}
#country-selector  #content {top:5%;}


.title h1, .title h1 a { border-bottom:1px solid #FFFFFF; color:#BFBFBF; font-size:28px; font-weight:normal; padding:17px 0 12px; position:relative; }

body.content div#globalFooter, body.content div#globalFooter .footerRow, body.content div#globalFooter a { text-shadow: none; position: relative; color: #000; }
body.content #globalFooter div.emailText { color: #7E7E7E; }