/* default browser styling reset */
@import "undohtml.css";

html { height: 100%; margin-bottom: 1px; }
body { font: normal 75%/1.4 Avenir, Arial, sans-serif; color:#5D5957; background:#fff; border-top: 0.66em solid #ea7717; padding-bottom: 1em; min-width: 750px; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }

/* header */
#top-wrapper { background: #fff url(/images/top.png) repeat-x; border-bottom: 1px solid #ECEDED; height: 124px; }
 #top-inner-wrapper { width: 750px; margin: 0 auto; position: relative;  }
 
 #user-options { position: absolute; bottom:0; right: 0;  }
 #user-options li {  background: #F7F7F7 url(/images/user-options-right.png) 100% 0 no-repeat; float: left; margin-left: 5px; }
  #user-options a { background: url(/images/user-options-left.png) no-repeat; text-indent: 0; white-space: nowrap; padding: 0.7em; font-size: 0.83em; text-transform:uppercase; color: #F17927; height: 1.4em; text-align: center; display: block; }
  
  
  #mainhead { width: 321px; height: 124px; background: transparent url(/images/logo.png) no-repeat; }
   #mainhead a { text-indent: -9999em; text-decoration: none; overflow: hidden; display: block; height: 124px; width: 321px; }
  
  
  #languages { position: absolute; right: 0; top:0; background: url(/images/language-right.png) 100% 100% no-repeat; width: 25em;}
#languages h4 { display: inline; font-weight: bold; color: #5d5957; font-size: 0.9em; margin-right: 1em;} 
#languages h4 em { color: #ea7717; font-style: normal; }
#languages form div {  background: url(/images/language-left.png) 0 100% no-repeat; padding: 1em; }
#languages form select { font-size: 1em; width: 7em; }


/* page navigation */
 #nav { list-style: none; width: 750px; margin: 0 auto; padding-left: 20px; position: relative; z-index: 1; }
  #nav li { float: left; position: relative; }
  #nav li:hover { z-index: 100; }
  #nav li.over { z-index: 100; }
  #nav a { display: block; background: url(/images/nav.png) no-repeat; height: 30px; text-indent: -9999em; text-decoration: none;  border-bottom: 1px solid #fff; margin-left:6px;}
  #nav li ul { width: 148px; background: url(/images/nav-bottom.gif) 0 100% no-repeat; padding-bottom:7px; margin-left:6px;}
  #nav li ul ul { left: 148px; margin-left:0px;}
  #nav li ul li a, #nav li ul ul li a {margin-left:0px;}
  
  
  #nav-home { width: 63px; z-index: 7; }
   #nav-home a { background-position: 0 0; }
    #nav-home:hover a { background-position: 0 100%; }
   
  #nav-open-an-account { z-index: 6;  width: 139px;}
   #nav-open-an-account a { background-position: -57px 0; }
    #nav-open-an-account:hover a { background-position: -57px 100%; }
    
  #nav-audio-conferencing { z-index: 5;  width: 158px;}
   #nav-audio-conferencing a { background-position: -190px 0; }
    #nav-audio-conferencing:hover a { background-position: -190px 100%; }
   
  #nav-web-conferencing { z-index: 4; width: 148px; } 
   #nav-web-conferencing a { background-position: -342px 0; }
    #nav-web-conferencing:hover a { background-position: -342px 100%; }
	 #nav-web-conferencing ul { width: 138px!important; background: url(/images/nav-bottom1.gif) 0 100% no-repeat!important; padding-bottom:7px; }
	
  #nav-help { width: 103px; z-index: 3; }
   #nav-help a { background-position: -484px 0; }
    #nav-help:hover a { background-position: -484px 100%; }	
	
  #nav-about { width: 63px; z-index: 2; }
   #nav #nav-about ul ul { left: -148px; }
   #nav-about a { background-position: -581px 0; }
    #nav-about:hover a { background-position: -581px 100%; }				

  #nav-contact { width: 73px; z-index: 1; }
  #nav #nav-contact ul ul { left: -148px; }
   #nav-contact a { background-position: -641px 0; }
    #nav-contact:hover a { background-position: -641px 100%; }	
	
  
  #nav ul { display: none; position: absolute;  left: 0; top:24px; }
   #nav li:hover ul { display: block; }
   #nav li:hover ul ul { display:none; }
    #nav ul li { float: none; background: #E97B1D url(/images/nav-bg.png); }
    #nav ul li a { text-indent: 0; background: none; height: auto; color: #fff; text-decoration: none; padding: 3px 5px; font-size: 0.9em; }
    #nav ul li:hover a,
    #nav ul li:hover li:hover a { background: #5D5C5C; text-decoration: none;  }
    #nav ul li:hover li a { background: #E97B1D url(/images/nav-bg.png); }
    
    #nav ul li ul { position: absolute; top: 0; display: none; }
    #nav ul li:hover ul { display: block; }
    #nav li.toplevel { z-index:100; }
  


/* sidebar */

#content-wrapper { width: 750px; margin: 0 auto; }
#sidebar { float: right; width: 245px; padding-bottom: 3em; }

#open-an-account { width: 245px; height: 262px; background: #fff url(/images/open-an-account.png) no-repeat; }
 #open-an-account h2, #open-an-account ol { position: absolute; left: -9999em; }
 #open-an-account a { text-indent: -9999em; display: block; text-decoration:none; width: 245px; height: 262px;  }
 
#box-7p { background: #fff url(/images/6.5p.png) no-repeat; height: 113px; width: 245px; text-indent: -9999em; }
#box-7p a { display: block; height: 113px; width: 245px;  }

/* content */

#content { clear: left; padding-left: 17px; width: 480px; float: left; padding-bottom: 3em; line-height: 1.8; }
 #content h1 { color: #ea7717; font: normal 1.7em "Myriad Pro Regular",Arial,Verdana,sans-serif; margin: 1em 0 0.7em; }
 #content h2 { color: #ea7717; font: normal 1.4em "Myriad Pro Regular",Arial,Verdana,sans-serif; margin: 1em 0 0; }
 #content a { color: #333333; text-decoration: underline; } 
 
 #content ul { color: #5D5957; margin: 1em 0; }
 #content ul li { padding-left: 2em; background: url(/images/content-li.png) 0 4px no-repeat;  }
 #content ol {  margin: 1em 0; padding-left: 2em; }
 #content ol li { list-style:decimal; margin-bottom: 1em;  }
 
 #content p { margin: 0.5em 0; }
 
 #content table { border: 1px solid #ea7717; border-width: 2px;  width: 
100%; margin: 0.5em 0; padding: 0; border-collapse: collapse; 
line-height: 1.4em; }
 #content table thead { background-color: #faddc5; font-weight: bold; }
 #content td { border: 1px solid #ea7717; border-width: 0 0 1px 1px; padding: 5px;}
 #content td p { margin: 0;}
 #content th { font-weight: bold; text-align: left; }
  

/* footer */
#footer-wrapper { clear: left; border-top: 1px solid #FEDFC8; }
 #footer { padding: 1em 2em; width: 750px; margin: 0 auto; }

#west-logo { display: block; float: left; margin-left: 20px;}
#footer ul { float: right; margin-right: 20px; }
#footer li { float: left; margin-left: 1.5em;}
#footer li a { color: #F17927; text-transform: uppercase; font-size: 0.75em; }



/* BREADCRUMBS */
#breadcrumbs { color: #595959; font-size: 0.9em; }
#breadcrumbs a { color: #ea7717 }

/**
 * Sign-up specific stylesheet
 */
 
 #signup-steps { clear: both; width: 736px; margin: 0 auto; overflow: hidden; padding: 10px 10px 0; display: block;}
  #signup-steps li { float: left;  }
 
  
/**
 * Privacy policy box
 */
 
  
#privacy-policy { background: #fff url(/images/privacy_policy.png) no-repeat; height: 287px; width: 210px; text-indent: -9999em; margin: 10px 0 0 35px;}
#privacy-policy a { display: block; height: 287px; width: 210px;  }

#verisign { float: right; }

/* SITEMAP */
#content #sitemap { margin-left: 20px; }
#sitemap ul { margin: 0; }
#sitemap li li { background-image: url(/images/content-li-small.png); background-position: 4px 7px; }
#sitemap li li li { background-image: url(/images/content-li-dot.png); background-position: 8px 8px; }

/* Address */

#content p.address { line-height: 1.2em; }

