

/*==== Main Nav - Selected States ====*/
.item01 li#item01 a,
.item02 li#item02 a,
.item03 li#item03 a,
.item04 li#item04 a,
.item05 li#item05 a,
.item06 li#item06 a,
.item07 li#item07 a,
.item08 li#item08 a,
.item09 li#item09 a,
.item10 li#item10 a,
.item11 li#item11 a,
.item12 li#item12 a,
.item13 li#item13 a,
.item14 li#item14 a,
.item15 li#item15 a {
  background: url(/images/nav/main_nav_bg.jpg) no-repeat left top;
}
.item01 li#item01 a span,
.item02 li#item02 a span,
.item03 li#item03 a span,
.item04 li#item04 a span,
.item05 li#item05 a span,
.item06 li#item06 a span,
.item07 li#item07 a span,
.item08 li#item08 a span,
.item09 li#item09 a span,
.item10 li#item10 a span,
.item11 li#item11 a span,
.item12 li#item12 a span,
.item13 li#item13 a span,
.item14 li#item14 a span,
.item15 li#item15 a span {
  background: url(/images/nav/main_nav_bg.jpg) no-repeat right top;
}


/*==== Main Nav - Dropdowns ====*/
ul#navMain {
  list-style-type: none;
  font-size: 12px;
  font-family: arial;
  width: 100%;
width: 1090px;
  height: 22px;
  color: #000;
  font-size: 16px;
  font-family: arial;
  line-height: 22px;
  margin: 0;
  padding: 0;
	font-family: Serif1, Georgia, "Times New Roman", Times, serif;
	display: block;
	position: absolute;
	top: 85px;
	z-index: 12;
}
ul#navMain li {
  width: auto;
  float: left;
	display: inline;
  position: relative;
	margin: 0 6px 0 0;
	*margin: 0 5px 0 0;
}
ul#navMain a {
  text-decoration: none;
	color: #203A42;
  display: inline-block;
  line-height: 22px;
	text-align: auto !important;
	padding: 0 0 0 6px;
}
ul#navMain a span {
	padding: 0 6px 0 0;
	display: inline-block;
}
ul#navMain li:hover {
	*position: relative;
}
ul#navMain li:hover a {
  background: url(/images/nav/main_nav_bg.jpg) no-repeat left -22px !important;
	cursor: pointer;
	position: relative;
	z-index: 2;
}
ul#navMain li:hover a span {
  background: url(/images/nav/main_nav_bg.jpg) no-repeat right -22px !important;
	cursor: pointer;
}
ul#navMain ol {
  list-style-type: none;
  display: none;
  position: absolute;
  top: 21px; /* Only IE6 needs this */
  left: 0px;
  margin: 0;
  padding: 24px 18px;
	background: url(/images/nav/dropdown_bg_fpo.jpg) no-repeat right top #fff;
	border: 1px solid #c2c2c2;
	width: 280px;
	z-index: 1;
}

/* have to undo styles applied earlier */
ul#navMain li:hover ol li {
  display: block;
  float: none;
  position: static;
	list-style: none;
	width: 140px;
	background: url(/images/nav/dropdown_rule_dotted.gif) repeat-x left bottom;
	padding: 0;
}

ul#navMain li:hover ol li a {
	color: #333;
  height: auto;
	display: block;
	width: 140px;
	line-height: 16px;
	padding: 6px 0;
	background: none !important;
}
ul#navMain li ol li a:hover {
	background: none;
	color: #356B7D !important;
}

/* drop down hover */
ul#navMain li:hover ol,
ul#navMain li.hover ol {
  display: block;
}


/*== Dropdown - Special Cases - classes on the LIs ==*/

/*== Items with no children - don't need a 'Tab' ==*/
ul#navMain li.noChild:hover a				{ background-position: left top !important; }
ul#navMain li.noChild:hover a span	{ background-position: right top !important; }

/*== Special Blue color for items that need to pop ==*/
ul#navMain li.colorBlue a { color: #0C6391 !important; }
ul#navMain li.colorBlue li a { color: #7f7f7f !important; }

/*== flush right for items on the right side ==*/
ul#navMain li.flushRT ol { 
	right: 0px !important;
	_right: -1px !important;
	left: auto !important;
}

/*== 'All Categories' Link ==*/
ul#navMain li.allCat {
	margin: 0 0 0 2px;
	padding: 0 0 0 8px;
	border-left: 1px solid #ccc;
}
ul#navMain li.allCat a {
	color: #7f7f7f;
}


/*==== Utility Nav ====*/
ul#navUtil {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	line-height: 33px;
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
	display: inline;
	width: 50%;
	height: 35px;
}
ul#navUtil li {
	float: right;
	display: inline;
	list-style: none;
	margin-left: 15px;
}
ul#navUtil li a {
	display: inline;
	color: #999;
}




/*==== Tabs Nav ====*/
ul#navTabs {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	line-height: 33px;
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
	display: inline;
	/*width: 200px;*/
	height: 35px;
	font-weight: bold;
	color: #fff;
	font-size: 11px;
}
ul#navTabs li {
	float: left;
	display: inline;
	list-style: none;
	width: auto;
}
ul#navTabs li a,
ul#navTabs li a span {
	display: inline-block;
	line-height: 35px;
	color: #fff;
	background: url(/images/nav/nav_tabs_bg.jpg) no-repeat left bottom;
}
ul#navTabs li a 									{ padding-left: 10px;
																		background-position: 0px -70px; }
ul#navTabs li a span							{ padding-right: 10px;
																		background-position: -20px -70px; } /* assumes gray is on the left side */
ul#navTabs li a:hover							{ background-position: 0 0; text-decoration: none; }
ul#navTabs li a:hover span 				{ background-position: -20px 0 }
ul#navTabs li.purple a						{ background-position: -20px -35px; } /* assumes purple is on the right side */
ul#navTabs li.purple a span				{ background-position: right -35px; }
ul#navTabs li.purple a:hover			{ background-position: -20px 0; }
ul#navTabs li.purple a:hover span	{ background-position: right 0; }

ul#navTabs.singleTab li.purple a 						{ background-position: 0px -35px; }
ul#navTabs.singleTab li.purple a span 			{ background-position: right -35px; }
ul#navTabs.singleTab li.purple a:hover 			{ background-position: 0px 0px; }
ul#navTabs.singleTab li.purple a:hover span { background-position: right 0px; }


/*==== 2nd Row Nav - IMAX, MOM, and Search ====*/
ul#nav2ndRow {
	font-family: Serif1, Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	margin: 10px 0 0 0;
	padding: 0;
	list-style: none;
	clear: both;
	float: right;
	display: block;
	_width: 100%;
}
ul#nav2ndRow li {
	display: inline;
	float: right;
	list-style: none;
	
	height: 22px;
	line-height: 22px;
}
ul#nav2ndRow li a {
	color: #701364;
	font-size: 16px;
	margin: 0 10px;
}


ul#nav2ndRow form#search,
ul#nav2ndRow form#search fieldset {
	margin: 0 0 0 5px;
	padding: 0 0 0 5px;
	border-left: 1px solid #CCCCCC;
	height: 22px;
	position: relative;
	_width: 190px;
	_display: inline-block;
}
ul#nav2ndRow form#search fieldset {
	border: 0px;
	_float: left;
	_display: inline;
	background: url(/images/nav/search_bg.jpg) no-repeat 5px 0;
}
ul#nav2ndRow form#search fieldset:hover {
	background-position: 5px -22px;
}
ul#nav2ndRow form#search legend {
	display: none;
	visibility: hidden;
	height: 0px;
}
ul#nav2ndRow form#search input {
	margin: 0;
	padding: 0;
	height: 22px;
	border: 0px;
	/*background: #999;*/
	float: left;
}
ul#nav2ndRow form#search input.txt {
	width: 156px;
	padding: 3px;
	background: none;
	height: 16px;
	line-height: 16px;
	color: #666666;
	font-size: 11px;
	font-weight: normal;
	/*background: #ccc;*/
}
ul#nav2ndRow form#search input.submit {
	width: 28px;
	width: 16px;
	height: 16px;
	padding: 3px;
	margin-right: 6px;
	_margin-right: 0;
	/*background: #999;*/
	background: none !important;
}




/*==== Footer Nav ====*/
div#footer a.phone {
	float: right;
	display: inline;
	width: 280px;
	height: 36px;
	text-indent: -999em;
	background: url(/images/footer/phone_number.jpg) no-repeat left top;
}

div#footer ul {
	
	font-weight: bold;
	line-height: 16px;
	margin: 0;
	padding: 0 10px 0 0;
	list-style: none;
	float: left;
	display: inline;
	width: 700px;
	height: auto;

}
div#footer ul li {
	float: left;
	display: inline;
	list-style: none;
	width: auto;
	margin-right: 24px;
}
div#footer ul a {
	display: inline;
	color: #647A81;
}

div#footer p#copyright {
	margin: 30px 0 0 0;
	width: 700px;
	float: left;
	display: inline;
	/*clear: both;*/
}

div#footer a.catalog {
	position: absolute;
	top: 40px;
	right: 0;
	background: url(/images/footer/bttn_catalog_FPO.jpg) no-repeat left top;
	text-indent: -999em;
	width: 250px;
	height: 90px;
}


/*==== Logged In ====*/
body.logged_in {
	margin: 25px 0 0 0;
	background-position: left 25px;
}
body.logged_in ul#navMain {
	top: 110px;
}
body.logged_in div#logged_in {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 24px;
	width: 100%;
	background: url(/images/nav/logged_in_bg.gif) repeat-x left top #EEEDE9;
	border-bottom: 1px solid #E2E1DF;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	line-height: 24px;
	color: #999;
}
body.logged_in div#logged_in div {
	width: 980px;
	margin: 0 auto;
	text-align: right;
}
body.logged_in div#logged_in a {
	color: #0C6391;
}
body.logged_in div#logged_in a.empty 
{
	color: #999;
}
body.logged_in div#logged_in a.empty:hover 
{
	text-decoration: none;
}
body.logged_in div#logged_in a#cart_link {
	display: inline-block;
	padding: 0 22px 0 0;
	margin: 0;
	background: url(/images/nav/logged_in_cart_icon.gif) no-repeat right 4px transparent;
	
	_display: inline;
	_background-position: right 0px;
}
body.logged_in div#logged_in em.vertical_rule {
	display: inline-block;
	width: 2px;
	background: url(/images/nav/logged_in_vertical_rule.gif) no-repeat 0 0 #c9c9c9;
	margin: 0 10px;
	
	_display: inline;
	_text-indent: -999em;
	_width: 2px;
	_zoom: 1;
}





