html{min-height:100.02%;padding-bottom:1px;}
body{font-size:100.01%;background-color:#fff;}
body,div,dl,dt,dd,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,th,td{margin:0;padding:0;}
fieldset,img,abbr{border:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
table{border-collapse:collapse;border-spacing:0;}
#body{position:relative;zoom:1;}
#zWrap ul,#zWrap ol{padding:0;margin:0 0 10px 40px;}
#formAlertFailure ul{margin-left:15px;}
#pageName,#zWrap div,#zWrap dl,#zWrap dd,#zWrap h1,#zWrap h2,#zWrap h3,#zWrap h4,#zWrap h5,#zWrap h6,#zWrap blockquote,#zWrap form,#zWrap input,#zWrap textarea,#zWrap p{margin-bottom:10px;}
#mapZone div{margin-bottom:0;}
#body .mceEditorContainer .editorWrap{margin-bottom:0;}
#hMisc,#fMisc{min-height:3.3em;_height:3.3em;position:relative;}
#navigation{word-wrap:break-word;} 
#navigation ul{list-style:none;margin:0;padding:0;}
#navigation ul a{text-decoration:none !important;}
ul#mainNav li.active a:hover{cursor:default;}
#hMisc div,#fMisc div{margin:0;}
#zB #mapZone{position:relative;margin:10px auto 2em auto;_margin-bottom:0;color:#333;}
#zB #drivingDirectionsLnk{position:absolute;left:0;}
#zB #mapContainer{_margin-bottom:2em;}
#zC form#contactForm .defFormText{height:120px;}
#zC #formButtonContainer,#zC form#contactForm{margin:10px auto 0 auto;}
#zC form#contactForm .defFormText,#zC form#contactForm .defFormInput{margin:0 0 7px 0;width:100%;}
#zA,#zB,#zC,#ft{padding-bottom:1px;}
#ft{clear:both;position:relative;}
#hd,#pageName,#zA,#zB,#zC,#ft,#fWrapper,.flexContent{overflow:hidden;_overflow:visible;_overflow-x:hidden;zoom:1;}
.flexContent{_width:100%;}
#zWrap .module_container {clear:both;}
#zWrap ul.module_bd_container,
#zWrap dl.module_bd_container{margin:30px 0 0 0;}
#zWrap ul.module_bd_container li{list-style-type:none;margin:0 0 30px 0;}
#zWrap ul.module_bd_container li ul li{list-style-type:disc;margin:0;}
#zWrap ul.module_bd_container li ol li{list-style-type:decimal;margin:0;}
#zWrap dl.module_bd_container dd{margin:5px 0 30px 5%;width:95% !important;}
#zWrap dl.module_bd_container dl dd{margin:0 0 20px 20px;width:auto !important;}
#zWrap ul.module_bd_container h3{margin:0;padding:0;border:none;background:none;}
#zWrap ul.module_bd_container li.beforenafter h3{margin:0 0 10px 0;}
#zWrap ul.module_bd_container blockquote{margin-left:0;padding:0;}
#zWrap ul.module_bd_container blockquote blockquote{margin-left:40px;}
#zWrap ul.module_bd_container p{margin-top:-5px;text-align:right;}
#zWrap ul.module_bd_container div p,#zWrap ul.module_bd_container dd p{margin-top:0;text-align:left;}
img.yssDKImg_alignLeft {margin:0 12px 12px 0;}
img.yssDKImg_alignCenter {margin:12px auto;}
img.yssDKImg_alignRight {margin:0 0 12px 12px;}
.displayNone{display: none !important;}
.yssDKImg_alignRight{float:right;}
.yssDKImg_alignLeft{float:left;}
#fBadges {clear:both;padding:15px 0;}
#fBadges a {margin-right:15px;}
/***************************************************************************/
/***************************  YSS-B Buttons start  *************************/
/*        See bottom of this block for customization of the buttons        */
/***************************************************************************/
.yss-b {
  font:100% Arial,helvetica,sans-serif;
  border:0;
  padding:0;
  overflow:visible;
  cursor:pointer;
}

/* For Firefox v3+ */
  html>/**/body .yss-b,
  x:default {
  padding:4px 2px;
  background:none;
}

.yss-b span {
  float:left;
  position:relative;
  background-repeat:no-repeat;
}
.yss-b:hover span,
.yss-b:active span,
.yss-b:focus span {
  color:#333;
}

.yss-b .s1 {
  top:5px;
  left:5px;
  background-position:100% 100%;
}

.yss-b .s2 {
  background-position:0 100%;
  left:-10px;
}

.yss-b .s3 {
  top:-10px;
}

/* nowrap is used here because IE v6/7 would stack all words on top of each other */ 
.yss-b .s4 {
  background-position:100% 0;
  left:10px;
  *white-space:nowrap; 
  padding:5px 10px 0 0; 
  color:#555;
  margin-bottom:-4px; 
}
/* reset for nested span */
.yss-b .s4 span {
   float:none;
   position:static;
   background: none;
}
/***************************** Customization of YSS-B Buttons *******************/
/*    submit/reset button   */
button.btn_bg_fe {padding:0;}
button.fe_submit
.btn_bg_fe span.s4 {
  padding:5px 9px 0 0; 
  margin-bottom:-4px;
}
.btn_bg_fe span {
  background-image: url(http://l.yimg.com/a/i/us/wh/gr/ast/d_adfe/btn_bg_fe_1.gif);
}
.btn_bg_fe:hover span,
.btn_bg_fe:active span,
.btn_bg_fe:focus span {
  background-image:url(http://l.yimg.com/a/i/us/wh/gr/ast/d_adfe/btn_bg_fe-h_1.gif); 
}
/*      calendar button     */
.btn_bg_calendar span {background-image: url(http://l.yimg.com/a/i/us/wh/gr/ast/d_adfe/btn_bg_calendar_1.jpg);}
.btn_bg_calendar span.s4 {margin-bottom:-8px;}
/*   "Add Option" in modal  */
.btn_bg_addOption span {background-image: url(http://l.yimg.com/a/i/us/wh/gr/ast/d_adfe/btn_bg_fe_1.gif);}
.btn_bg_addOption {margin:10px 0 5px;}

/*****************************  YSS-B Buttons end  ******************************/

/****************************  DYNAMIC MENU starts  *****************************/

/********************************************************************************
 * RESET (Resetting the overflow property from existing styles sheets)
 * 
 * Removing overflow:hidden on the parent nav
 * setting z-index to stack #bd under #navigation
 * and creating a NBFC with #mainNav (see "Evident" template)
 */
 
#mainNav,
.sub_dynamic {
  overflow: visible !important;
  position: relative;
  z-index: 5;
  zoom: 1;
}

#mainNav:after,
.sub_dynamic:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/********************************************************************************
 * STATIC MENUS (behavior for .subNav)
 *
 * We hide the sub menus that are not related to the "active" page
 * to do this we first hide all .subNav then we reveal the one under li.active
 */ 

.sub_static .subNav {
  display: none;
}

.sub_static .active .subNav {
  display: block;
}

/********************************************************************************
 * IE FIX (styling of list items)
 *
 * IE creates all sort of space between list items (in static *and* dynamic menus) 
 * seems to be related to whitespace in the markup.
 * So making all items float/full width
 */ 
 
#body #navigation .navpos_east #mainNav li,
#body #navigation .navpos_west #mainNav li {
  *float: left;
  *clear:left;
  *width:100%;
}

/* 
 * because of the above rule we need to give the subNav a layout so it self-clears 
 */ 
#body #navigation .subNav {
  zoom: 1;
}

/********************************************************************************
 * FLY-OUT and DROPDOWN (behavior for fly-out and dropdown menus)
 *
 * To cater for keyboard users, we use display:none on all sub navs but the one under the "active" trigger
 * this way users do not have to go through ALL subnavs, only the ones related to the "active" page
 */ 

 /* list items become reference points + giving layout in IE */

  .sub_dynamic li {
    position: relative;
    zoom:1;
  }

  /* all sub navs are hidden via display:none */

  .sub_dynamic li .subNav {
    display: none;
  }

  /* the sub nav inside the active link is hidden via position (negative value) */

  .sub_dynamic li.active .subNav {
    top: -900em;
    display: block;
  }

  /* we reveal the sub nav via :hover or via the class "opened" (for IE) */

  .sub_dynamic li.opened .subNav,
  .sub_dynamic li:hover .subNav {
    top:  0;
    display: block;
  }

/********************************************************************************
 * NAV NORTH 
 *
 * horizontal navigation bars
 */ 

  .navpos_north .sub_dynamic #mainNav li.opened .subNav,
  .navpos_north .sub_dynamic #mainNav li:hover .subNav {
    top: 2.6em;
    left: 0;
  }
  .navpos_north .sub_dynamic #mainNav li {
    float: left;
  }
  .navpos_north .sub_dynamic #mainNav .subNav li {
    float: none;
    display:block;
  }
  .navpos_north .sub_dynamic #mainNav .subNav a {
    display: block;
    float: none;
    zoom: 1;
  }

/********************************************************************************
 * .TOGGLE (ARROW POINTER) 
 *
 * links containing the arrow pointer
 * this is the anchor containing the clear.gif 
 */ 

  a.toggle {
    text-decoration: none !important;
    background: none !important;
  }

  /* arrow for vertical navs (EAST and WEST) */ 

  .navpos_west .sub_dynamic a.toggle,
  .navpos_east .sub_dynamic a.toggle {
    position: absolute !important;
    padding:  0 !important;
    margin: 0 !important;
    border: 0 !important;
  }

  /* arrow for EAST */ 

  .navpos_east a.toggle {
    left: 0px !important;
    top: 3px !important;	
  }

  /* arrow for WEST */

  .navpos_west a.toggle {
    right: 5px !important;
    top: 5px !important;	
  }
 
  /* PADDING
   *
   * setting default values
   */

  .navpos_north .sub_dynamic li.trigger a {
    padding-right: 20px !important;
  }

  /* reset */

  .navpos_north .sub_dynamic li.trigger li a {
    padding-right: 5px !important;
  }

  /* arrow for horizontal nav (NORTH)
   *
   * neg margin to get this element "inside" the top item anchor 
   * we need to avoid issue with border styling as well as disjointed mouseover effect 
   */ 

  .navpos_north li.trigger a.toggle {
    margin-left: -19px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-right: 0 !important;
  }

  /* we kill cascade issue on mouseover */ 

  .navpos_north li.trigger a.toggle:hover {
    background: none !important;
  }

/********************************************************************************
 * CLEAR GIF TO DISPLAY ARROW POINTER  
 *
 * the sprite for the clear.gif is plugged in this rule
 * change image "style" by replacing the sprite below 
 * make sure the sprites keep the same mapping of color and "directions"
 */ 

  .tglsty_arrow img {
    background: url(http://l.yimg.com/a/i/us/smbiz/sub-nav-arrow-sprite_1.png) no-repeat;
  }

  a.toggle img {
    width: 12px;
    height: 12px;
    vertical-align: middle;
  }

  /* arrow pointer for horizontal drop down */ 

  .navpos_north a.toggle img {
    margin-top: -2px;
  }

  /* black arrow pointing DOWN */

  .navpos_north .tglclr_black .toggle img {
    background-position: 0 -12px;
  }

  /* black arrow pointing EAST */

  .navpos_west .tglclr_black .toggle img {
    background-position: 0 -24px;
  }

  /* black arrow pointing WEST */

  .navpos_east .tglclr_black .toggle img {
    background-position: 0 0;
  }

/********************************************************************************
 * DYNAMIC MENUS
 * 
 * sub nav: overriding inheritance (from global.css) for the cursor shape
 * we want the trigger - as well as the links in the subNav - to be styled with a pointer
 */ 

  ul#mainNav li.trigger a:hover,
  ul#mainNav li.active .subNav a:hover {
    cursor: pointer;
  }

  /* sub navs for dynamic menus */ 

  .sub_dynamic .subNav {
    position: absolute !important;
    width: 180px;
    border: 1px solid #999;
    background:#fff;
  }

  /* EAST sub navs */

  .navpos_east .sub_dynamic .subNav {
    left: 0 !important;
    margin-left: -180px !important;
  }

  /* WEST sub navs */

  .navpos_west .sub_dynamic .subNav {
    right: 0 !important;
    margin-right: -180px !important;	
  }

  /* LIST ITEMS in sub navs */
 
  .sub_dynamic .subNav li {
    border: 0 !important;
    margin: 0 !important;
    background: inherit;
  }

  /* LINKS in sub navs */
 
  /*
   * All sub page names should be in normal-case (as given by the user).
   * Some templates can show the parent names in upper case/lower case, but we dont want this style to affect the sub nav,
   * so over-writing this in global css with !important (bug 3890584)
   */
  #navigation .subNav a,
  #navigation #subNav a {
    text-transform: none !important;	
  }
 
  .sub_dynamic .subNav a {
    border: 0 !important;
    padding: 3px 10px !important;
    background: inherit;	
    zoom: 1;
    display: block;
  }

/********************************************************************************
 * HIDING MENUS
 * 
 * we hide #subNav and .subNav depending on dynamic/static status
 * we hide the ones in the LIs for horizontal static menus
 * we hide the one following the main nav with vertical static menus
 */ 

  .sub_dynamic #subNav,
  .navpos_north .sub_static .subNav,
  .navpos_east .sub_static #subNav,
  .navpos_west .sub_static #subNav,
  .sub_static .toggle {
    display: none !important;
  }

/********************************************************************************
 * HORIZONTAL sub nav (static menus)
 *
 */
 
  .navpos_north #subNav {
    clear: both;
    border-top: 1px solid #ccc;
  }

  /* the list items in the horizontal sub nav */

  .navpos_north #subNav li {
    display: inline;
  }

  /* the links in the horizontal sub nav */

  .navpos_north #subNav a {
    padding: 7px;
    line-height: 2;
    border-width: 1px;
    border-color: #ccc;
    border-width: 0 1px 0 0;
  }

/********************************************************************************
 * VERTCIAL sub navs (static menus)
 *
 */ 
 
  /* the links in the vertical sub nav */
 
  .navpos_east #subNav a,
  .navpos_west #subNav a {
    padding-left: 20px;
    line-height: 2;	
  } 

/*
 * all As in horizontal nav (this includes the ones in dynamic sub menus) 
 * #subNav shows only in static/horizontal nav (we don't want these to wrap)
 */
.navpos_north #mainNav a, 
#subNav li a {white-space:nowrap} 

/* Making *sure* no sub links are styled with 'nowrap' */

#mainNav li li a {white-space:normal !important;}

/* 
 *  Bug Id: 3921786
 *  FIXME: Adding more padding-right as a temp fix. 
 *  15px is specific to pointer size in case of a different pointer size padding need to be different.
 *  Fix for pointer colliding on the nav text
 */

.navpos_west .sub_dynamic ul#mainNav li.mainNav a{padding-right: 15px}

/*****************************  DYNAMIC MENU ends  ******************************/