@charset "utf-8";
/* CSS Document */

#container { width:850px; background: #FFFFFF; margin:0 auto; text-align: left;overflow:hidden; /* this overrides the text-align: center on the body element. */} 

#globalheader {  margin: 0px; position: relative; padding:0px; }
#globalheader  ul#globalnav  { width: 850px; margin: 0px; padding: 0px; margin:0px; padding:0px; list-style-type:none;}
#globalheader  li { list-style-type:none; margin:0px; padding:0px; float:left; }
.nav {color: #FFFFFF; font-family:"Arial Black", Arial, Helvetica, sans-serif; font-size: 14px;  color: #FFFFFF;text-decoration:none;}
a.nav:link {color: #FFFFFF; font-family: "Arial Black", Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF;text-decoration:none;}
a.nav:hover {color: #FFFFFF; font-family: "Arial Black", Arial, Helvetica, sans-serif; font-size: 14px;  color: #ffa400;text-decoration:none;
}

/* moved body to Inc_head.jsp*/

/*   footer CSS */
.footer_text { padding:0 9px; font-family:Arial, Helvetica, sans-serif; font-size:9px; text-transform:uppercase;}
.footer_text a { text-decoration:none; color:black; }
.footer_text a:hover { text-decoration:underline; }
#footer-wrapper {width:859px; margin-left:-2px; margin-bottom:21px; }
#footer-size {width:850px;font-family:Arial, Helvetica, sans-serif; font-size:11px; height:132px; }
#footer_bottom { position:relative; margin:0 auto; width:318px; text-align:center; }
#footer_HTFoundation { float:left; height:23px; width:50px;}
#footer_copyRight { margin:0 auto; display:block; height:23px; width:263px;}
#footer_Paypal { float:left; height:23px; width:49px;}

.footerLinkV2 {color:#FFFFFF; font-size:11px; text-decoration:none; font-weight:bold;}
a.footerLinkV2:link {color:#FFFFFF; font-size:11px; text-decoration:none; font-weight:bold;}
a.footerLinkV2:hover {color:#FFFFFF; font-size:11px; text-decoration:underline; font-weight:bold;}


/* end of footer CSS */

#header-nav {float:right;margin:0px;padding:0px;}

#header-nav ul {height: 18px;margin:0px;padding:0px;list-style-type:none;}
#header-nav li {height: 18px;list-style-type:none;font-family:Arial, Helvetica, sans-serif;font-size:10px;float:left;padding:0 1px 0 1px;}
#header-nav li a {text-decoration:none;color:white;background-color:black;padding:2px 4px 2px 3px;height:18px;}
#header-nav li a:hover  {color:#ffa500;}

#GenderShow_txt { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; letter-spacing:-0.025em; color:white; text-decoration:none; }
.searchWrapper {font-family:Arial, Helvetica, sans-serif;font-size:12px;height:20px; float:right; right:0; text-align:right; position:absolute; top:56px; z-index:2;}
.searchWrapper #SearchText { height:20px; font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;width:133px;margin:1px 5px 0 0;padding:0; visibility: visible;border:1px solid black; line-height:18px; float:left;}
.searchWrapper .SearchButton {width:56px; height:20px; margin:1px 0 0 0;}
#LogIn_pos {font-family:Arial, Helvetica, sans-serif; font-size:12px; text-transform:uppercase; font-weight:bold; margin:1px 0px 0 0; line-height:20px; height:20px; width:400px; text-align:left; position:absolute; top:-7px; left:-400px; float:left;}
#Welcome_pos {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin:1px 0px 0 0; line-height:20px; height:15px; width:400px; text-align:left; position:absolute; top:8px; left:-400px; float:left;}
#LogIn_btn { color:red; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none;}
#LogIn_btn:hover  { text-decoration:underline;}
#LogOut_btn { color:red; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none;}
#LogOut_btn:hover  { text-decoration:underline;}
#country-select{position:absolute; top:35px; left:760px; index:10}


#main_logo {position: absolute;top:3px;left:0;margin-left:0px;z-index: 0;width:215px;height:80px;visibility: visible;}
.sub-header-nav {position:absolute;z-index: 0;width:620px;height: 18px;margin:0px;padding:0px;right:0px;top: 10px;visibility: visible;}

#SignInButton {position:absolute; top:4px; left:23px; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; }



.TopNav {position: absolute;top:92px;left:0px;z-index: 0;width:846px;height: 53px;background-repeat:repeat-x;visibility: visible;}

a.footer:link {font-family: Arial; color:#000000; font-size:9px; text-decoration: underline;}
a.footer:hover {font-family: Arial; color:#333333; font-size:9px; text-decoration: underline;}

/* left menu css */

#transbox {position:absolute;  background-color: #000; width:140px;  z-index:3;border: 2px solid black;filter:alpha(opacity=80);opacity: 0.8;-moz-opacity:0.8;}

/* back up
#transbox {position:absolute;  background-color: #000; width:140px; height:615px; z-index:3;border: 2px solid black;filter:alpha(opacity=80);opacity: 0.8;-moz-opacity:0.8;} */

*html #transbox {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='blackTransparent80.png', sizingMethod='scale');filter:alpha(opacity=80);opacity: 0.8;-moz-opacity:0.8;z-index: 1;}

/* This is the container which set text to solid color.
position: relative used for IE */

#transbox div {font-weight: bold;color: #fff;filter:alpha(opacity=80);opacity: 1;-moz-opacity:1;}


#left-menu {font-family: Arial, Helvetica, sans-serif;font-size:12px;text-transform:uppercase;position:absolute; left:1px;top:10px;font-weight:bold;width:117px;visibility: visible;}

#left-menu-landing {font-family: Arial, Helvetica, sans-serif;font-size:12px;text-transform:uppercase;position:absolute;z-index:2;left:1px;font-weight:bold;width:117px;right:40px; top:45px;}

#transbox .left-menu-text-sub {list-style-type:none; margin:0px; padding:0 0 0 12px; line-height:20px; font-size:12px; font-weight:normal; text-transform:capitalize;}
.left-menu-text { list-style-type:none; margin:0px; padding:0 0 0 12px; line-height:26px; text-align:left; width:120px; }

ul.left-menu-text  li{ position:relative;  color:#ffa500; line-height:25px; height:1%; margin-top:-2px;}

/*#left-menu {font-family: Arial, Helvetica, sans-serif; font-size:13px;  text-transform:uppercase; position:absolute; z-index:1; color:white; right:40px; top:48px;}*/
#left-menu-text ul li{ position:relative; }
/*.left-menu-text { list-style-type:none; margin:0px; padding:0 0 0 12px; line-height:26px; text-align:left;}*/
/*.left-menu-text-sub {list-style-type:none; margin:0px; padding:0 0 0 10px; line-height:20px; font-size:12px; font-weight:normal;}*/

.left-menu-text a {color:white;  text-decoration:none;}
.left-menu-text a:hover {color:#ffa500;}
.left-menu-text a:active {color:#ffa500;}
 
.left-menu-text-sub a {color:white; text-decoration:none; }
.left-menu-text-sub a:hover {color:#ffa500;}
.left-menu-text-sub a:active {color:#ffa500;}

#gender  { position:absolute; z-index:5; margin:0px; padding:0px; left:5px; top:7px; }

a.Red_link { color:red; font-family:Arial, Helvetica, sans-serif;text-decoration:none; }
a:hover.Red_link  { text-decoration:underline; }


#header h1 {margin: 0; padding: 0px 0;}

#sidebar1 { width: 195px; background: black; padding: 0px;margin:0px;}
#sidebar2 {float: left; width:139px; background:black; padding: 0px;margin:0px;}
#mainContent2 {margin:0 0 120px 139px; min-height:800px; height:auto !important; height:800px;width:680px; padding:0;  position:relative; } 

#sidebar1 h3,  #sidebar1 p {margin-left: 0px; margin-right: 0px;}


/*
#footer { padding: 0px; } 
#footer p {margin: 0; padding:  0; }
*/
/* Miscellaneous classes for reuse */
.fltrt { float: right;margin-left: 8px;}
.fltlft { float: left;margin-right: 8px;}
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}
html {height: 100%;}

/* Text button style */
.MyAccount_btn{border:1px solid red;color:red;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:11px;padding:0 2px;font-weight:bold;line-height:15px;height:15px;}

#Header_Login_pos { position:absolute; top:4px; left:23px; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; }
#MainContentLayout {position:relative; width:842px;  border:4px solid black; padding:0px;}

/* Already a HT Member div style */
#alreadyMember { height:316px; width:193px; z-index:1; position:relative; }
#alreadyMember_txt { position:absolute; top:18px; left:11px; }
#alreadyMember_form { text-align:left; color:white;  background-color:black;}
#RightNav_Username_label  { width:160px;  position:absolute; left:12px; top:75px; }
#RightNav_Username_input {  border:1px solid white; width:129px;  position:absolute; left:12px; top:89px; }
#RightNav_Password_label { width:160px;  position:absolute; left:12px; top:113px; }
#RightNav_Password_input {  border:1px solid white; width:129px;   position:absolute; left:12px; top:126px; }
#RightNav_login { position:absolute; top:147px; left:12px; font-weight:bold; }
#RightNav_AlreaddyMember_p { padding:0; margin:0;  position:absolute; width:180px; top:176px; left:12px; }
#RightNav_ForgotPassword_input {  border:1px solid white; width:129px;   position:absolute; left:12px; top:264px; }
#RightNav_Submit  { position:absolute; top:285px; left:12px; font-weight:bold; }

/* CSS Document */


/* Error Message div and border */
.errorBox { visibility:hidden; border:2px solid red;   width:180px; margin-left:-15px;  text-align:right; position:absolute;}
.show_message { visibility:visible; }
.errorBoxCB { visibility:hidden; border:2px solid red;   width:180px; height:27px; margin-left:-15px;  text-align:right; position:absolute;}

table { margin:0; padding:0; }
tr {  margin:0; padding:0;  }
td {  margin:0; padding:0; vertical-align:top; }
input { font-size:11px; }

ul.left-menu-text  li{ position:relative; padding:3px 0 7px 0 ; color:#ffa500; line-height:11px;}
.left-menu-text { list-style-type:none; margin:0px; padding:0 0 0 8px; line-height:13px; text-align:left;}
.left-menu-text .on {color:#FFA700; }
.left-menu-text-sub {list-style-type:none; margin:0px; padding:0 0 0 8px; line-height:18px; font-size:12px; font-weight:bold;  text-transform:capitalize;}
.left-menu-text-sub  li{ position:relative; padding:2px 0 3px 0 ; color:#ffa500; line-height:11px;}
.left-menu-text-sub .on {color:#FFA700; } 

/*  Breadcurmb div CSS */
#BreadcurmbDiv {width:850px; height:32px; text-align:left; position:relative; background-color:black; color:white; font-weight:bold; font-size:12px;}
#BreadcurmbPos {position:absolute;bottom:10px;left:188px;z-index:2;margin:0px;padding:0px;width: 495px;visibility: visible;}
#BreadcurmbPos2 {position:absolute; bottom:10px; left:22px; z-index:2; margin:0px; padding:0px;  width: 495px;}
.WhiteUppercase {font-size:12px; color:white; text-transform:uppercase; font-weight:bold; text-decoration:none;}
.YellowCapitalize {text-transform:capitalize;  font-size:12px; text-decoration:none; font-weight:bold; color:#ffa700;}

/* sidebar Area */
#sidebarArea {background-color:#191919; margin:0px; padding:0px;}
#sidebarWrapper {width:139px; height:685px;  position:relative;}
#Information_column2 { position:absolute; width:139px; float:left; background-color:black; height:500px; margin:0; padding:0; top:36px;}

/* sidebar Area 2 */

#RightSide_v1 { background-color:#000; }
#Information_column { position:relative; width:195px; float:right; background-color:black; height:500px; margin:0px; padding:0px; z-index:5; left:14px;}
#NeedHelp_txt { margin:25px 0 0 0; padding:0;  }

#CustomerService_info {  color:white; width:170px;  font-size:11px; text-align:left; margin:10px 0 15px 0; padding:0;}
#CommonQuestions_txt { margin:0; padding:0; }
#CommonQuestionsDiv { margin:-5px 0 0 0px; padding:10px 0 15px 0; color:red;  font-weight:bold; font-size:11px; }
#CommonQuestions ul { list-style-type:none; margin:0; padding:0;}
#CommonQuestions li { text-align:left; list-style-type:none;width:170px; padding:3px 0 0 0; margin:0; }
#CommonQuestions  { margin:0; padding:0; }
#SafeToShop_txt { margin:0; padding:0; }
#SafeToShop_link { font-weight:bold; margin:10px 0 0 0; padding:0 0 5px 0; font-size:11px; width:180px;}

/* MainContent Area 2 Layout */
#Content_column { width:647px; height:685px; position:relative; z-index:1; float:left; text-align:left; }
#Content_column_wrapper { position:relative;   }

.wrapper {width:885px; height:100%; }
/* MainContent Area - About You */
#MainContentLayout {position:relative; width:842px;  border:4px solid black; padding:0px;}
#MainContent_Wrapper {width:702px; text-align:left; position:relative;}

/*#MainContent { position:relative;  margin:0 auto; padding:0px;  width:850px;  margin-top:205px; margin-top:205px; height:100%;}*/
#header {position:relative; width:850px; margin:0 auto; padding:0;height:145px;}
#MainContent { position:relative; margin:0 auto; padding:0px; width:850px;}

/*#footer-wrapper { position:relative; width:850px; height: 70px; left:0px; margin-top:210px; }*/
#mainContent {margin:0px;min-height:700px; height:auto !important; height:700px;width:600px;  position:relative; } 



/* MainContent Area - Shop By Band */
.ShopByBand #ShopByBand_table { margin:17px 0 17px 47px;}
.ShopByBand #ShopByBand_table tr td { text-align:center; vertical-align:middle; padding: 2px; }
.ShopByBand #ShopByBand_table img { border:none; width:61px; height:55px; }

#ErrorMessageDiv { position:relative; top:15px; padding-bottom:16px; background:red;}
#ErrorMessageDiv_Inside {  padding:15px 15px 0 15px; color:black; font-weight:bold;  width:550px; margin:0 0 0 20px; visibility:visible; }
#ErrorMessageDiv_Inside ul { margin-bottom:0px; }
#ErrorMessageDiv_Inside li { margin:0; padding:0; }

#errorMessageBox_outside { position:relative; top:15px; left:0; margin:0; padding:0; text-align:left; width:530px;  }
#errorMessageBox_inside { padding:5px 20px 20px 25px; color:red; font-weight:bold;   visibility:visible; text-align:left; color:black; background:red; font-size:11px; font-family:Arial, Helvetica, sans-serif;  }
#errorMessageBox_inside p { margin:0; padding-top:15px; }
#errorMessageBox_inside ul { margin-top:0px; margin-bottom:0px; padding-top:10px; }

#sidebar2 #gender {position:relative; margin-top:-34px; margin-bottom:8px; left:0px; margin-left:7px;}



#transbox #Information_column2 { position:absolute; width:139px; float:left; background-color:black; height:500px; margin:0; padding:0; top:38px; }

#transbox #gender {position:absolute; top:41px; margin-bottom:8px; left:0px; margin-left:9px; z-index:1; margin-top:1px;}

#transbox .left-menu-text { padding: 0 0 0 10px;}





#mainContent3 {margin:0; top:0px; left:0;width:680px; padding:0;  position:absolute; right:0px; z-index:0;} 
#MainContentLayout2 {position:relative; width:844px;   padding:0px; margin:0;z-index:0;}
/* left menu css */
#sidebar3 { position:relative; background-color: #000; width:139px; height:500px;filter:alpha(opacity=80);opacity: 0.8;-moz-opacity:0.8;  padding: 0px;margin:0px; z-index:1;}

*html #sidebar3 {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='blackTransparent80.png', sizingMethod='scale');filter:alpha(opacity=80);opacity: 0.8;-moz-opacity:0.8; z-index:1;}

/* This is the container which set text to solid color.
position: relative used for IE */
#sidebar3 div {font-weight: bold;color: #fff;filter:alpha(opacity=80);opacity: 1;-moz-opacity:1; z-index:1;}


#upGradeBrowser{ position:absolute; width:367px; height:75px; border:#000000 solid 1px;font-family: Arial,Helvetica,sans-serif; font-weight:bold; font-size:14px; background-color:#FFFFFF; top:205px; left:50%; margin-left:-175px; z-index:1000;}
#upGradeBrowserButton{position:absolute;width:15px;height:15px;top:59px;left:351px;background-color:#ffffff;border: #000000 solid 1px;}
#upGradeBrowserButtonIE{position:absolute;width:15px;height:15px;top:56px;left:351px;background-color:#ffffff;border: #000000 solid 1px;}


#sli_search_1 {
border:1px solid black;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
height:20px;
line-height:18px;
margin:1px 5px 0 0;
padding:0;
visibility:visible;
width:133px;
}
#Want_rewards {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; margin:1px 0px 0 0; line-height:20px; height:15px; width:400px; text-align:left; position:absolute; top:8px; left:-400px; float:left;}
#Want_rewards2 {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; margin:3px 0px 0 0; line-height:20px; height:15px; width:400px; text-align:left; position:absolute; top:8px; left:-400px; float:left;}
#Manage_Upgrade { color:black; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-decoration:none;}
#Want_rewards a:hover { text-decoration:underline; color:black; font-weight:bold; }