/* Numchai.css for www.numchai.com 

	Created: Sep 15, 2008

	Original Author: Siriwut Youdee

	Change Log: N/A

/*

/* begin INITIALIZE elements ----------------------------------------- */

* html {

  filter: expression(document.execCommand("BackgroundImageCache", false, true));

}

body {

	margin: 0;

	padding: 0;

	width: 100%;

	border: 0;

	font-family: arial, verdana, lucida, helvetica, sans-serif;	

	font-size: 62.5%; /* 1em is 10pt, 0.8em is 8pt, 1.6em is 16pt, etc */

	color: #333;

}

ul {

	list-style: none;

	margin: 0;

	padding: 0;

}

li, input, select {

	padding: 0;

	margin: 0;

}

a {

	color: #333;

	text-decoration: none;

}

a:visited {color: #333;}

a:hover, a:active {text-decoration: underline;}

/* reset header and p tag font sizes so nested "em" fonts will not inherit odd font sizes */

img, fieldset, form, h1, h2, h3, h4, p {

	border: 0;

	margin: 0;

	padding: 0;

	font-weight: normal;

	font-size: 1em;

}

div.hr {

  height: 1px;

  background: #e5e5e5 url(../images/menu/blank.gif) no-repeat scroll center;

}

div.hr hr {

  display: none;

}

	/* this class hides the text in HTML that should not appear in the presentation */

#utility_links li.phone span,

#utility_bar #my_links li.checkout span,

#nav ul li span,

ul.pagination div span,

.add_new span,

.back_to_order_info span,

.return_selected_items span,

.return_items span,

.page_utilities a span {

	visibility: hidden;

}

.callout {

	color: #F00; /* red */

}

.hidden {display: none;}

#header, #nav a:hover {text-decoration: none;}

/* reset header and p tag font sizes so nested "em" fonts will not inherit odd font sizes */

	/* BEGIN GLOBAL NAVIGATION */

#nav {

	position: relative !important; /* for Mozilla */

	height: 32px;

	z-index: 100;

	

}

#nav.blank {background-color: #6e6e6e; margin: 0 1px 0 1px;}

#nav a {

	display: block;

	height: 32px;

}

#nav li {

	position: static !important; /* for Mozilla */

	position: relative; /* for IE */

	float: left;

	text-align: left;

	padding: 0px;

}

#nav li ul {

	display: none;

	position: absolute;

	border-bottom: 1px solid #c5c5c5;

	top: 32px;

	left: 0;

	padding: 0;

}

#nav li>ul {left: auto;}

/* class to align menu item 6 to the right edge of the content area */

#nav li#navItem16653 ul {

	left:auto;

	right: 0 !important; /* for Mozilla */

	right: -80px; /* for IE */

}

/* class to align menu item 7 to the right edge of the content area */

#nav li#navItem16153 ul {

	left: auto;

	right: -1px !important; /* for Mozilla */

	right: -2px; /* for IE */

}

#nav li:hover ul,

#nav li.over ul {

	display: block;

	background-color: #d4d4d4;

}

#nav li:hover div,

#nav li.over div {

	border-left: 1px solid #c5c5c5;

	border-bottom: 1px solid #fff;

	z-index: 99;

	height: 32px;

	background-color: #f6f6f6;

}

/* global nav images - off state */

#nav li div {

	height: 32px;

	background-position: 0 -32px;

	background-repeat: no-repeat;

	border-left: 1px solid #b1b1b1;

	border-bottom: 1px solid #b1b1b1;

}

/* global nav images - on state */

#nav li a {

	background-position: 0 0;

	background-repeat: no-repeat;

	cursor: default;

}

	/* UTILITY BAR | Search and HOME PAGE Get Email Updates */

ul#search,

ul#email_updates {

	display: inline;

	float: right;

	font-size: 1.1em;

	font-weight: bold;

	z-index: 1000;

	background-color: transparent;

}

ul#search { margin: 0px 5px 0px 0px;}

ull#email_updates { margin: 5px 0px;}



ul#search li,

ul#email_updates li {

	position:relative;

	float: left;

}

ul#search li.search_text,

ul#email_updates a.search_text {

	margin-top: 3px;

	margin-right: 8px;

	font-family: arial, verdana, lucida, helvetica, sans-serif;

	font-size: 8pt;

}

/* Different background for the Games department */

.movies_music_games ul#email_updates a.search_text, 

.movies_music_games ul#email_updates a.search_text, 

.category.games ul#email_updates a.search_text, 

.category.games ul#email_updates a.search_text{

	background: transparent url(../images/menu/blank.gif) no-repeat;

}

ul#email_updates a.search_text {

	background: transparent url(../images/menu/blank.gif) no-repeat;

	width: 240px;

	height: 40px;

	text-indent: -200em;

	display: block;

}

ul#email_updates {padding-top: 10px;}

ul#search input.search_field,

ul#email_updates input.search_field {

	width: 130px;

	height: 20px;

	padding-right: 20px;

}

ul#search input.image,

ul#email_updates input.image {

	position: absolute;

	top: 3px !important;

	top: 4px; 

	right: 2px;

}



	/* BEGIN top nav images */

#nav li#navItem551 div {background-image: url(../images/menu/b_products_s.gif); width: 90px; }

#nav li#navItem16151 div {background-image: url(../images/menu/b_brand_search_s.gif); width: 141px;}

#nav li#navItem16651 div {background-image: url(../images/menu/b_promotion_s.gif); width: 120px;}

#nav li#navItem16652 div {background-image: url(../images/menu/b_clearance_sale_s.gif); width: 136px;}

#nav li#navItem16152 div {background-image: url(../images/menu/b_event_s.gif); width: 90px;}

#nav li#navItem16653 div {background-image: url(../images/menu/b_forum_s.gif); width: 100px;}

#nav li#navItem16153 div {background-image: url(../images/menu/b_store_map_s.gif); width: 122px;}

#nav li#navItem16154 div {background-image: url(../images/menu/b_about_numchai_s.gif); width: 160px;}

#nav li#navItem551 a {background-image: url(../images/menu/b_products_s.gif);}

#nav li#navItem16151 a {background-image: url(../images/menu/b_brand_search_s.gif);}

#nav li#navItem16651 a {background-image: url(../images/menu/b_promotion_s.gif);}

#nav li#navItem16652 a {background-image: url(../images/menu/b_clearance_sale_s.gif);}

#nav li#navItem16152 a {background-image: url(../images/menu/b_event_s.gif);}

#nav li#navItem16653 a {background-image: url(../images/menu/b_forum_s.gif);}

#nav li#navItem16153 a {background-image: url(../images/menu/b_store_map_s.gif);}

#nav li#navItem16154 a {background-image: url(../images/menu/b_about_numchai_s.gif);}

/* individual navigation modifiers here: */

#nav li#navItem551 div,

#nav li#navItem551 li {border-left: 1px solid #b1b1b1;}

#nav,

#nav li#navItem16153 li {border-right: 1px solid #b1b1b1;}

	/* END top nav images */

#nav li li a {

	width: 200px !important; /* consistant width for all global nav dropdowns */

	display: block;

	height: auto;

	text-indent: 0px;

	/* font-size: 1.1em; */

	font-weight: bold;

	padding: 2px 2px 2px 23px;

	color: #5c5c5c;

	cursor: pointer;

	font-family: arial, verdana, lucida, helvetica, sans-serif;

	font-size: 8pt;

}

#nav li li a:hover,

#nav li li.callout a:hover {

	display: block;

	color: #ff0000;

}

#nav li li {

	display: block;

	float: none;

	background-color: #fff;

	border-left: 1px solid #adadad;

	border-right: 1px solid #adadad;

}

#nav li li.callout {

	border-top: 1px solid #c5c5c5;

	/* background-color: #ccffff;*/

}

#nav li li.callout a {

	padding: 8px 5px 8px 25px;

}

#nav li li:hover,

#nav li li.over {	

	/*background-color: #fcfcfc;*/

}

/* turning rollover images on 

   (removing the background of <a> (off state) to show the background image of <div> (on state) */

#nav li#navItem16151:hover a,

#nav li#navItem16651:hover a,

#nav li#navItem16652:hover a,

#nav li#navItem16152:hover a,

#nav li#navItem16653:hover a,

#nav li#navItem16153:hover a,

#nav li#navItem16154:hover a,

#nav li#navItem551:hover a,

#nav li#navItem16151.over a,

#nav li#navItem16651.over a,

#nav li#navItem16652.over a,

#nav li#navItem16152.over a,

#nav li#navItem16653.over a,

#nav li#navItem16153.over a,

#nav li#navItem16154.over a,

#nav li#navItem551.over a,

#nav li#navItem16151 a:hover, 

#nav li#navItem16651 a:hover,

#nav li#navItem16652 a:hover,

#nav li#navItem16152 a:hover,

#nav li#navItem16653 a:hover,

#nav li#navItem16153 a:hover,

#nav li#navItem16154 a:hover,

#nav li#navItem551 a:hover {

	background-image: none;

}

	/* END GLOBAL NAVIGATION */