
/********

	dhtml: css stlye for dhtml elements

********/

/* dropdown menus */

div.dropdownMenu {display:none;position:absolute;top:0;left:0;margin-left:5px;background-color:#cccccc;}
div.dropdownMenu div {margin:0 2px 2px 0;border:1px solid #3399cc;padding:10px;background-color:#ffffff;}
div.dropdownMenu ul {width:132px;margin:0;}
div.dropdownMenu ul li {display:block;border-bottom:1px solid #cccccc;padding:1px 0 1px 0;}
div.dropdownMenu ul li a {width:100%;display:block;padding-left:11px;text-decoration:none;background-image:url(/local/images/global/icons/ico_arrow_right_off.gif);background-repeat:no-repeat;background-position:0 2px;}
div.dropdownMenu ul li a:hover {background-image:url(/local/images/global/icons/ico_arrow_right_on.gif);color:#f60;}

div#dropdownSpacer {clear:both;height:1px;}

/* cart and wishlist tooltip */

#tooltip,.tooltipClone {display:none;width:148px;font-size:10px;color:#000;}
.tooltipTop {background:url(/local/images/global/tooltip/tooltip_top.gif) 0 0 no-repeat;height:1px;font-size:1px;line-height:1px}
.tooltipMid {background:url(/local/images/global/tooltip/tooltip_mid.gif) 0 0 repeat-y;padding:5px;}
.tooltipBot {background:url(/local/images/global/tooltip/tooltip_bot.gif) 0 0 no-repeat;height:11px;font-size:1px;}

/* narrow info tooltip */

a.tooltip { cursor: help; }
div.tooltip {width:148px;font-size:10px;color:#000;}
div.tooltip .ttt {background:url(/local/images/global/tooltip/tooltip_top.gif) 0 0 no-repeat;height:1px;font-size:1px;line-height:1px}
div.tooltip .ttm {background:url(/local/images/global/tooltip/tooltip_mid.gif) 0 0 repeat-y;padding:5px;}
div.tooltip .ttb {background:url(/local/images/global/tooltip/tooltip_bot.gif) 0 0 no-repeat;height:11px;font-size:1px;}

/* wide info tooltip */

a.tooltip { cursor: help; }
div.tooltipLarge {width:300px;font-size:10px;color:#000;}
div.tooltipLarge .ttt {background:url(/local/images/global/tooltip/tooltip_300_top.gif) 0 0 no-repeat;height:1px;font-size:1px;line-height:1px}
div.tooltipLarge .ttm {background:url(/local/images/global/tooltip/tooltip_300_mid.gif) 0 0 repeat-y;padding:5px;}
div.tooltipLarge .ttb {background:url(/local/images/global/tooltip/tooltip_300_bot.gif) 0 0 no-repeat;height:11px;font-size:1px;}

/* flash tour placeholder */

div#boxTour {display:none;background-color:#efefef;}

/* tabbed boxes */
.tabNav {width:auto;background:url(/local/images/global/boxes/whitebox_border.gif) repeat-y 0 0;line-height:normal;overflow:hidden;}
.tabNav ul {background:url(/local/images/global/boxes/whitebox_tabs.gif) repeat-x 100% 23px;margin:0;padding:0 0 5px 0;list-style:none;display:block;float: left;width:100%;}
.tabNav li {list-style:none;float:left;background:url(/local/images/global/tabs/28_tall/tab_inactive_left.png) no-repeat left top;margin:0;padding:0 0 0 9px;}
.tabNav a {float:left;display:block;background:url(/local/images/global/tabs/28_tall/tab_inactive_right.png) no-repeat right top;padding:5px 15px 4px 6px;text-decoration:none;font-weight:bold;color:#999;}
.tabNav a.disabled {float:left;display:block;background:url(/local/images/global/tabs/28_tall/tab_inactive_right.png) no-repeat right top;margin:0;padding:5px 15px 4px 6px;text-decoration:none;font-weight:bold;color:#ccc;cursor:default;}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#header a {float:none;}
/* End IE5-Mac hack */

.tabNav a:hover {color:#666;}
.tabNav a.disabled:hover {color:#ccc;}
.tabNav .tabNavCurrent {background-image:url(/local/images/global/tabs/28_tall/tab_active_left.png);border-width:0;color:#666;}
.tabNav .tabNavCurrent a {background-image:url(/local/images/global/tabs/28_tall/tab_active_right.png);padding-bottom:5px;color:#666;}
.tabNav .tabNavCurrent p {background-image:url(/local/images/global/tabs/28_tall/tab_active_right.png);padding-bottom:5px;color:#666;}
  
.tabHide {display:none;}
.tabShow {display:block;}

/* modal popups */
.overlay {position:absolute;display:block;}
.panel-container {position:absolute;top:0;left:0;z-index:6;visibility:hidden;overflow:hidden;width:auto;}
.panel[class] {position:relative;left:0;top:0;}
#mask {background-color:#000;-moz-opacity:0.50;opacity:.50;filter:alpha(opacity=50);position:absolute;top:0;left:0;z-index:5;}

#pointBank {display:none;width:721px;overflow:hidden;}
#emailForm {display:none;width:690px;overflow:hidden;}

#differentBilling {display:none;}

#forgotUsername {display:none;width:350px;overflow:hidden;}
#forgotUsername label {display:block;font-weight:bold;padding-top:5px;}
#forgotPassword {display:none;width:350px;overflow:hidden;}
#forgotPassword label {display:block;font-weight:bold;padding-top:5px;}

#sendToAFriend {display:none;width:350px;overflow:hidden;z-index:10;}
#sendToAFriend label {display:block;line-height:1.3em;}
#sendToAFriend .stafMsg p {margin-bottom:2px;margin-top:2px;}

#howAuctionsWork {display:none;width:725px;overflow:hidden;z-index:10;}
#auctionTerms {display:none;width:725px;overflow:hidden;z-index:10;}

.fontError {color:#f00;}

/*subNav styles*/
#subNavScrollLeft {display:none;float:left;margin:0 10px 0 0;}
#subNavScrollRight {display:none;float:right;margin:0 30px 0 10px;}
#subNavContainer {overflow:hidden;position:relative;width:570px;}
html>/**/body #subNavContainer {width:580px;}
#subNavScrollable {float:left;position:relative;white-space:nowrap !important;}
