﻿
/* CSS Document */

#nav {width: 100%; font-size: 75%; font-weight: bold; font-style: italic; margin: 0 0 10px; height: 26px; border-bottom: 2px solid #000;}
#nav ul {margin: 6px 0 8px 0; *margin: 6px -3px 8px 0;}
#nav ul li {display: inline;}
#nav ul li a {color: #fff; text-decoration: none;}


/* main nav */

#mainNav {float: left; background: #fff; padding-right: 4px;}
#mainNav li a {background-color: #000; border-top: 2px solid #000; padding: 4px 10px 8px 10px;}
#mainNav li a:hover, #mainNav li a.selected {border-top: 2px solid #c71c14; color: #c71c14; background-color: #fff;}


/* sub nav */

#subNav {float: right; background: #fff; padding-left: 4px;}
#subNav li a {background-color: #614180; border-top: 2px solid #614180; padding: 4px 11px 8px 11px;}
#subNav li a:hover {background-color: #c71c14; border-top: 2px solid #c71c14;}
#subNav li a.selected {background-color: #fff; border-top: 2px solid #c71c14; color: #c71c14;}


/* 442 nav */

#newNavigation {background: transparent url(../images/header/nav_bk.gif) repeat-x; font-family: Arial,Helvetica,sans-serif; margin-bottom: 10px; clear: both; z-index: 9999; width: 100%; height: 37px; float: left; text-align: left;}

#newNavigation ul {display: block; float: left; margin: 0; position: relative; height: 37px; padding: 0;}
#newNavigation ul li {display: block; float: left; padding: 0; position: relative;}

#newNavigation ul li a {font-size: 100%; font-weight: bold; color: #ffffff; text-decoration: none; padding: 8px 10px 9px 10px; float: left;}
#newNavigation ul li a:hover {background: transparent url(../images/header/nav_highlight.gif) top left; height: 20px;}
#newNavigation ul li a span {background: transparent url(../images/header/down_arrow.gif) no-repeat right 8px; padding-right: 16px;}
#newNavigation ul li a.selected {background-color: #000000; height: 20px;}
#newNavigation ul li a.ddselected {background-color: #666666; height: 20px;}

#newNavigation ul li.dropNav a:hover {background-color: #666666; background-image: none;}
#newNavigation ul li.perf {position: relative; background: transparent url(../images/header/nav-perf2.png) top left; height: 37px; overflow: visible;}
#newNavigation ul li.perf .perf-new {background: transparent url(../images/header/nav-perf-new.png) no-repeat; position: absolute; top: -6px; right: 10px; width:32px; height: 14px;  z-index: 71; }
#newNavigation ul li.perf a.green {margin-top: 0; position: relative; z-index: 70; }

#newNavigation ul li.perf a:hover {background: transparent url(../images/header/nav_highlight.gif) top bottom;}

/* dropdown menu */

#dropdown {background-color: #fff; border: 3px solid #c0c0c0; width: 570px; height: 243px; position: absolute; z-index: 1000; left: 0px; top: 37px; float: left;}
#dropdown .newsMarker {margin-left: 27px; text-align: left; margin-top: -3px; position: relative;}
#dropdown .dropshadow {background: url(../images/header/dropshadow.png) no-repeat -34px top; margin-top: -63px; margin-left: -3px; height: 261px; width: 625px; float: left;}


#dropdown ul {list-style: none; width: 170px; float: left; position: relative; text-align: left; color: #999999; font-size: 80%; padding: 10px 0 5px 15px;}
#dropdown ul li {list-style: none; width: 170px; border-bottom: 1px solid #cccccc; padding: 3px 0 4px 0; display: block; float: left; position: relative; line-height:130%; margin:0;}
#dropdown ul li a {margin-left: 4px; background-color: #fff; color: #003366; font-weight: bold; display: block; font-size: 90%; padding: 0 0 0 14px!important; }
#dropdown ul li a:hover {background-image: none; background-color: #fff!important; text-decoration: underline; height: auto!important;} 
#dropdown ul li a.redlink {color: #e3001b; background: transparent url(../images/arrowRed.png) no-repeat 0px 5px!important; padding-left: 14px;}


#dropdownfeatures {background-color: #fff; border: 3px solid #c0c0c0; width: 204px; height: 172px; position: absolute; z-index: 1000; left: 0px; top: 37px; float: left;}
#dropdownfeatures .newsMarker {margin-left: 27px; text-align: left; margin-top: -3px; position: relative;}
#dropdownfeatures .dropshadow {background: url(../images/header/dropshadow.png) no-repeat -400px -71px; margin-top: -63px; margin-left: -3px; height: 187px; width: 625px; float: left;}

#dropdownfeatures ul {list-style: none; width: 170px; float: left; position: relative; text-align: left; color: #999999; font-size: 80%; padding: 10px 0 5px 15px;}
#dropdownfeatures ul li {list-style: none; width: 170px; border-bottom: 1px solid #cccccc; padding: 3px 0 4px 0; display: block; float: left; position: relative; line-height:130%; margin:0;}
#dropdownfeatures ul li a {margin-left: 4px; background-color: #fff; color: #003366; font-weight: bold; display: block; font-size: 90%; padding: 0 0 0 14px!important; }
#dropdownfeatures ul li a:hover {background-image: none; background-color: #fff!important; text-decoration: underline; height: auto!important;} 
#dropdownfeatures ul li a.redlink {color: #e3001b; background: transparent url(../images/arrowRed.png) no-repeat 0px 5px!important; padding-left: 14px;}


#dropdowngames {background-color: #fff; border: 3px solid #c0c0c0; width: 204px; height: 149px; position: absolute; z-index: 1000; left: 0px; top: 37px; float: left;}
#dropdowngames .newsMarker {margin-left: 27px; text-align: left; margin-top: -3px; position: relative;}
#dropdowngames .dropshadow {background: url(../images/header/dropshadow.png) no-repeat -400px -94px; margin-top: -63px; margin-left: -3px; height: 187px; width: 625px; float: left;}

#dropdowngames ul {list-style: none; width: 170px; float: left; position: relative; text-align: left; color: #999999; font-size: 80%; padding: 10px 0 5px 15px;}
#dropdowngames ul li {list-style: none; width: 170px; border-bottom: 1px solid #cccccc; padding: 3px 0 4px 0; display: block; float: left; position: relative; line-height:130%; margin:0;}
#dropdowngames ul li a {margin-left: 4px; background-color: #fff; color: #003366; font-weight: bold; display: block; font-size: 90%; padding: 0 0 0 14px!important; }
#dropdowngames ul li a:hover {background-image: none; background-color: #fff!important; text-decoration: underline; height: auto!important;} 
#dropdowngames ul li a.redlink {color: #e3001b; background: transparent url(../images/arrowRed.png) no-repeat 0px 5px!important; padding-left: 14px;}


#dropdowntravel {background-color: #fff; border: 3px solid #c0c0c0; width: 204px; height: 80px; position: absolute; z-index: 1000; left: 0px; top: 37px; float: left;}
#dropdowntravel .newsMarker {margin-left: 27px; text-align: left; margin-top: -3px; position: relative;}
#dropdowntravel .dropshadow {background: url(../images/header/dropshadow.png) no-repeat -400px -94px; margin-top: -63px; margin-left: -3px; height: 80px; width: 625px; float: left;}

#dropdowntravel ul {list-style: none; width: 170px; float: left; position: relative; text-align: left; color: #999999; font-size: 80%; padding: 10px 0 5px 15px;}
#dropdowntravel ul li {list-style: none; width: 170px; border-bottom: 1px solid #cccccc; padding: 3px 0 4px 0; display: block; float: left; position: relative; line-height:130%; margin:0;}
#dropdowntravel ul li a {margin-left: 4px; background-color: #fff; color: #003366; font-weight: bold; display: block; font-size: 90%; padding: 0 0 0 14px!important; }
#dropdowntravel ul li a:hover {background-image: none; background-color: #fff!important; text-decoration: underline; height: auto!important;} 
#dropdowntravel ul li a.redlink {color: #e3001b; background: transparent url(../images/arrowRed.png) no-repeat 0px 5px!important; padding-left: 14px;}


#dropdownshop  {background-color: #fff; border: 3px solid #c0c0c0; width: 204px; height: 200px; position: absolute; z-index: 1000; left: 0px; top: 37px; float: left;}
#dropdownshop  .newsMarker {margin-left: 27px; text-align: left; margin-top: -3px; position: relative;}
#dropdownshop  .dropshadow {background: url(../images/header/dropshadow.png) no-repeat -400px -94px; margin-top: -63px; margin-left: -3px; height: 80px; width: 625px; float: left;}

#dropdownshop ul {list-style: none; width: 170px; float: left; position: relative; text-align: left; color: #999999; font-size: 80%; padding: 10px 0 5px 15px;}
#dropdownshop ul li {list-style: none; width: 170px; border-bottom: 1px solid #cccccc; padding: 3px 0 4px 0; display: block; float: left; position: relative; line-height:130%; margin:0;}
#dropdownshop ul li a {margin-left: 4px; background-color: #fff; color: #003366; font-weight: bold; display: block; font-size: 90%; padding: 0 0 0 14px!important; }
#dropdownshop ul li a:hover {background-image: none; background-color: #fff!important; text-decoration: underline; height: auto!important;} 
#dropdownshop ul li a.redlink {color: #e3001b; background: transparent url(../images/arrowRed.png) no-repeat 0px 5px!important; padding-left: 14px;}

#dropdownperformance {background-color: #fff; border: 3px solid #c0c0c0; width: 204px;  height: 230px;  position: absolute; z-index: 1000; left: 0px; top: 37px; float: left;}
#dropdownperformance .newsMarker {margin-left: 27px; text-align: left; margin-top: -3px; position: relative;}
#dropdownperformance .dropshadow {background: url(../images/header/dropshadow.png) no-repeat -400px -94px; margin-top: -63px; margin-left: -3px; width: 625px;  height: 230px;  float: left;}

#dropdownperformance ul {list-style: none; width: 170px; float: left; position: relative; text-align: left; color: #999999; font-size: 80%; padding: 10px 0 5px 15px;}
#dropdownperformance ul li {list-style: none; width: 170px; border-bottom: 1px solid #cccccc; padding: 3px 0 4px 0; display: block; float: left; position: relative; background-color: #fff!important; line-height:130%; margin:0;}
#dropdownperformance ul li a {margin-left: 4px; background-color: #fff; color: #003366; font-weight: bold; display: block; font-size: 90%; padding: 0 0 0 14px!important; }
#dropdownperformance ul li a:hover {background-image: none; background-color: #fff; text-decoration: underline; height: auto!important;} 
#dropdownperformance ul li a.redlink {color: #e3001b; background: transparent url(../images/arrowRed.png) no-repeat 0px 5px!important; padding-left: 14px;}

#newNavigation ul li.dropNav #dropdownperformance ul li a:hover {background-image: none; background-color: #fff; text-decoration: underline; height: auto!important;} 

#newNavigation ul li.dropNav a:hover {background-color: #666666; background-image: none;}


