/* GLOBAL STYLES
--------------------------------------------------------*/
body {background: #fff; font-family: Arial, Helvetica, sans-serif}
#Form2 {margin: 0; padding: 0}
#Form2 input, #Form2 select {font: 11px Arial, Helvetica, sans-serif; color: #000; background: #fff; line-height: normal}
#PageSubTable {width: 960px; background: #fff}
#ContentCell {background: #fff;width: 777px}
#Instruction1_InstructCell {background: #e3e3e3;	border: 1px solid #ccc;	padding: 7px}
#Instruction1_InstructCell a {color: #000}
.Instructions {font-size: 12px; color: #000}
.Messages, .ErrorMessages {font-size: 12px; font-weight: bold; color: #F00C25}
.Headings {font-size: 16px; font-weight: bold; color: #000}
.ContentTableHeader, .ContentTable, .ContentTableHorizontal {font-size: 14px; font-weight: bold; color: #fff; background: #5A5152}
.Content {font-size: 12px; color: #000}
.Content a {color: #696365; font-weight: bold; text-decoration: underline}
.Content a:hover {color: #696365; text-decoration: none}
a {outline: none}
.clear {clear:both}
.float-left {float:left}
.float-right {float:right}
.text-left {text-align:left}
.text-right {text-align:right}
.text-center {text-align:center}
.bold {font-weight:bold}
.italic {font-style:italic}
.img-left {float:left;margin:4px 10px 4px 0}
.img-right {float:right;margin:4px 0 4px 10px;border:1px solid #000}

/* TopBanner Styles
--------------------------------------------------------*/
#TopBannerCell {font-weight: normal; height: 78px; background: #fff url(Images/design/bn-tile.gif) repeat-x top; color: #fff}
#TopBannerCell .c1 {float: left; width: auto}
#TopBannerCell .c1 h1 {margin: 0; padding: 0; text-indent: -9999px; display: block; width: 213px; height: 78px; background: url(Images/design/bn-logo.gif) no-repeat 0 0} 
#TopBannerCell .c1 h1 a {display: block; width: 213px; height: 78px}
#TopBannerCell .c2 {float: right; width: 745px}
#TopBannerCell .c2 .r1 {width: 100%; float: left; height: 43px}
#TopBannerCell .c2 .r1 h2 {float: left; margin: 13px 0 0 0; padding: 0; width: auto; font-size: 14px; font-weight: bold; color: #fff}
#TopBannerCell .c2 .r1 .cart {float: right; width: auto; font-size: 12px; margin: 10px 15px 0 0}
#TopBannerCell .c2 .r1 .cart p {margin: 0; padding: 0}
#TopBannerCell .c2 .r2 {width: 100%; float: left; height: 35px}
#TopBannerCell .c2 .r2 p {margin: 0; padding: 0; font-size: 11px}
#TopBannerCell .c2 .r2 .price-date {float: left; width: auto; margin: 10px 0 0 15px}
#TopBannerCell .c2 .r2 .nav {float: left; width: auto; margin: 10px 0 0 33px; color: #FEAEAE}
#TopBannerCell .c2 .r2 .nav a {color: #fff; text-decoration: none}
#TopBannerCell .c2 .r2 .nav a:hover {text-decoration: underline}
#TopBannerCell .c2 .r2 .nav span {margin: 0 10px}
#TopBannerCell .c2 .r2 .search {float: right; width: auto; font-size: 12px; margin: 6px 15px 0 0}
#TopBannerCell .c2 .r2 .search input {border: 1px solid #494647; width: 115px; font: 12px Arial, Helvetica, sans-serif; color: #3C3C3C}

/* TopSubBanner Styles
--------------------------------------------------------*/
#TopSubBannerCell {background: #fff; height: 4px}

/* LeftColumnNav Styles
--------------------------------------------------------*/
#LeftColumnCell {background: #fff; background: #A7A7A7; width: 18%; padding-bottom: 20px}
#LeftColumnNav1_custommenu {width: 180px; font-size: 12px; float: left; height: auto}
#LeftColumnNav1_custommenu h2 {margin: 0; padding: 0}
#LeftColumnNav1_custommenu .search {color: #393939; background: url(Images/design/lc-search_bkgd.gif) no-repeat 0 0; width: 180px; height: 54px}
#LeftColumnNav1_custommenu .search div {padding: 5px 0 0 12px; margin: 0; line-height: 22px}
#LeftColumnNav1_Custommenu .search input {width: 120px; border: 1px solid #393939; font: 12px Arial, Helvetica, sans-serif; color: #393939; background: #fff}
#LeftColumnNav1_custommenu .nav {float: left; height: auto; background: #A7A7A7}
#LeftColumnNav1_custommenu .nav h2 {background: url(Images/design/lc-head1.gif) no-repeat 0 0; text-indent: -9999px; display: block; float: left; width: 180px; height: 21px; font-size: 1px}
#LeftColumnNav1_custommenu .nav2 {float: left; height: auto; background: #A7A7A7}
#LeftColumnNav1_custommenu .nav2 h3 {background: url(Images/design/lc-head2.gif) no-repeat 0 0; text-indent: -9999px; display: block; float: left; width: 180px; height: 21px; font-size: 1px}
.navigation2 h2 {background: url(Images/design/lc-head2.gif) no-repeat 0 0; text-indent: -9999px; display: block; float: left; width: 180px; height: 21px; font-size: 1px}

/* Root = Vertical, Secondary = Vertical */
ul#navmenu, ul#navmenu li, ul#navmenu ul {margin: 0; border: 0 none; padding: 0; width: 180px; list-style: none}
ul#navmenu:after /*From IE 7 lack of compliance*/ {clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden}
ul#navmenu li {float: left; /*For IE 7 lack of compliance*/ display: block !important; /*For GOOD browsers*/ display: inline; /*For IE*/ position: relative}

/* Root Menu */
ul#navmenu a {padding: 5px 5px 5px 20px; display: block; color: #000; text-decoration: none; height: auto !important; height: 1%; /*For IE*/}

/* Root Menu Hover Persistence */
ul#navmenu a:hover, ul#navmenu li:hover a, ul#navmenu li.iehover a {background: #848484; color: #fff}

/* 2nd Menu */
ul#navmenu li:hover li a, ul#navmenu li.iehover li a,
/* 3rd Menu */
ul#navmenu li:hover li:hover li a, ul#navmenu li.iehover li.iehover li a,
/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a, ul#navmenu li.iehover li.iehover li.iehover li a,
/* 5th Menu */
ul#navmenu li:hover li:hover li:hover li:hover li a, ul#navmenu li.iehover li.iehover li.iehover li.iehover li a {background: #848484; color: #fff; padding-left: 5px}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover, ul#navmenu li:hover li:hover a, ul#navmenu li.iehover li a:hover, ul#navmenu li.iehover li.iehover a,
/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover, ul#navmenu li:hover li:hover li:hover a, ul#navmenu li.iehover li.iehover li a:hover, ul#navmenu li.iehover li.iehover li.iehover a,
/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover, ul#navmenu li:hover li:hover li:hover li:hover a, ul#navmenu li.iehover li.iehover li.iehover li a:hover, ul#navmenu li.iehover li.iehover li.iehover li.iehover a,
/* 5th Menu Hover */
ul#navmenu li:hover li:hover li:hover li:hover li:hover li a:hover, ul#navmenu li.iehover li.iehover li.iehover li.iehover li.iehover li a:hover {background: #A1A0A1; color: #000}

ul#navmenu ul, ul#navmenu ul ul, ul#navmenu ul ul ul, ul#navmenu ul ul ul ul {display: none; position: absolute; top: 0; left: 180px}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul, ul#navmenu li:hover ul ul ul, ul#navmenu li:hover ul ul ul ul, ul#navmenu li.iehover ul ul, ul#navmenu li.iehover ul ul ul, ul#navmenu li.iehover ul ul ul ul {display: none}
ul#navmenu li:hover ul, ul#navmenu ul li:hover ul, ul#navmenu ul ul li:hover ul, ul#navmenu ul ul ul li:hover ul,  ul#navmenu ul ul ul ul li:hover ul, ul#navmenu li.iehover ul, ul#navmenu ul li.iehover ul, ul#navmenu ul ul li.iehover ul, ul#navmenu ul ul ul li.iehover ul, ul#navmenu ul ul ul ul li.iehover ul {display: block}


/* Footer Styles
--------------------------------------------------------*/
#FooterCell {font-weight: normal; background: #D30E33 url(Images/design/ft-tile.gif) repeat-x top; text-align: center; font-size: 11px; line-height: 31px; height: 31px; color: #fff}
#FooterCell a {color: #fff; text-decoration: none}
#FooterCell a:hover {text-decoration: underline}
#FooterCell span {margin: 0 10px}

/* Default Page Styles
--------------------------------------------------------*/
#PageSubTable.default #ContentCell {padding: 0 0 5px 3px}
#PageSubTable.default #ContentCell h2 {margin: 0; padding: 0}
#PageSubTable.default #ContentCell p {margin: 0; padding: 0}
#PageSubTable.default #ContentCell .left {float: left; width: 451px; margin-right: 4px}
#PageSubTable.default #ContentCell .left .spotlight {float: left; width: 451px}
#PageSubTable.default #ContentCell .left .spotlight h2 {float: left; width: 441px; height: 37px; line-height: 37px; display: block; font-size: 18px; color: #fff; font-weight: normal; text-align: right; padding-right: 12px; background: url(Images/design/df-head_spotlight.gif) no-repeat 0 0}
#PageSubTable.default #ContentCell .left .spotlight .inner {float: left; width: 100%}
#PageSubTable.default #ContentCell .left .spotlight .inner .c1 {float: left; width: auto; margin: 123px 0 0 11px}
#PageSubTable.default #ContentCell .left .spotlight .inner .c2 {float: right; width: 298px; text-align: center}
#PageSubTable.default #ContentCell .left .featured {float: left; width: 451px}
#PageSubTable.default #ContentCell .left .featured h2 {text-indent: -9999px; display: block; background: url(Images/design/df-head_feat.gif) no-repeat 0 0; width: 451px; height: 21px; float: left}
#PageSubTable.default #ContentCell .left .featured ul {margin: 0; padding: 0; list-style: none; text-align: center}
#PageSubTable.default #ContentCell .left .featured li {margin-bottom: 10px}
#PageSubTable.default #ContentCell .left .featured .item {margin: 10px 25px; width: auto; float:left}
#PageSubTable.default #ContentCell .right {float: right; width: 321px}
#PageSubTable.default #ContentCell .right .welcome {float: left; width: 100%; background: #F0EFEF}
#PageSubTable.default #ContentCell .right .welcome h2 {text-indent: -9999px; display: block; background: url(Images/design/df-head_welcome.gif) no-repeat 0 0; margin: 15px 0 0 15px}
#PageSubTable.default #ContentCell .right .welcome p {margin: 5px 15px 15px 15px}
#PageSubTable.default #ContentCell .right .essentials {width: 321px; height: 223px; float: left; background: url(Images/design/df-registration.jpg) no-repeat 0 0}
#PageSubTable.default #ContentCell .right .essentials p {margin: 76px 10px 0 187px; font-weight: bold; font-size: 11px}
#PageSubTable.default #ContentCell .right .essentials p.button {margin: 7px 5px 0 187px; text-align: right}

/* Static Page Styles
--------------------------------------------------------*/
#PageSubTable.static #ContentCell {padding: 8px}
#PageSubTable.static #ContentCell h1 {font-size: 16px; font-weight: bold; color: #000}
#PageSubTable.static #ContentCell h2 {font-size: 14px; font-weight: bold; color: #000}
#PageSubTable.static #ContentCell h3 {font-size: 12px; font-weight: bold; color: #000}

/* TABBER
--------------------------------------------------------*/

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabbertab {font-size: 11px}
.tabberlive .tabbertabhide {display:none}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {}
.tabberlive {margin-top:1em}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav {margin:0; padding: 3px 0; border-bottom: 1px solid #000; font-size: 10px}
ul.tabbernav li {list-style: none; margin: 0; display: inline}
ul.tabbernav li a {padding: 3px 0.5em; margin-left: 3px; border: 1px solid #000; border-bottom: none; background: #5A5152; text-decoration: none}
ul.tabbernav li a:link { color: #fff; }
ul.tabbernav li a:visited { color: #fff; }
ul.tabbernav li a:hover {color: #fff; background: #A5A2A5; border-color: #000}
ul.tabbernav li.tabberactive a {background-color: #fff; border-bottom: 1px solid #fff; color: #000}
ul.tabbernav li.tabberactive a:hover {color: #002445; background: #fff; border-bottom: 1px solid #fff}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {padding:5px; border:1px solid #000; border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {display:none}
.tabberlive .tabbertab h3 {display:none}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {}
.tabberlive#tab2 {}
.tabberlive#tab2 .tabbertab {height:200px; overflow:auto}