@import url("reset.css");

/************************
	$Basic Styles
	$Basic Layout
	$Header
		$Branding
		$Quick Links
		$Quick Contact
		$Main Navigation
	$Content
		$Main Content
		$Additional Content
		  $Sub Navigation
		  $Article List
		  $Linkbar
	$Footer
	
	$Home
	$FAQs
	$Locations
	$Blog
    $Animations
	
	$Accessibility Content
	$Temporary Stuff
************************/

/* $Basic Styles */
	body { background: url("../images/body_bg.png") repeat-y 20px 0; 
		font-family: Helvetica, Verdana, sans-serif; 
		color: #404040;
		font-size: 12px}

	h1 {}
	h2 { 
		color: #ff9915; 
		font-family:  "HelveticaNeue-Medium", "Helvetica Neue Medium", Helvetica; 
		font-size: 22px;
		padding-bottom: 20px;
		margin-bottom: 20px;
		background: url("../images/horizontal_border.png") repeat-x bottom left }
		
		
	h3 {
		
	}

	a { text-decoration: none; color:#003F87; }
	a:hover { color: #FF9915; }
	
	strong { font-weight: bold; }
	
	small {
		font-size: 9px;
		font-style: italic;
	}
	
	div#main_content ol {
		margin: 10px;
		list-style-type: decimal;
		list-style-position: inside;
	}
	
	div#main_content ol li {
		padding: 5px;
		line-height: 1.4em;
	}


/* $Basic Layout */
	div#wrapper { background: url("../images/side_bg.png") no-repeat top right; min-width: 1265px; }
	div#content_container { 
		position: relative;
		width: 975px; 
		margin-left: 20px; 
		background: url("../images/content_container_bg.png") no-repeat top left;
	 }
	div#header { float: right; width: 745px; }
	div#footer { clear: both; padding: 60px 0 0 160px; color: #808080;}


/* Header */
	div#header { padding-top: 10px; }
	div#header ul, div#header li { float: left; }
	div#header ul a { color: #404040; font-size:12px; }
	div#header ul a:hover, div#header li.selected a { color: #ff9915; }
	
	img#side_image { position: absolute; left: 48px; top: 0; }
	
	/* $Branding */
		h1 { 
		  width: 162px; 
		  margin-top: 5px; 
		  float: left; 
		  background: url("../images/urodynamic_logo.png") no-repeat; 
		  position: relative;
		  z-index: 100;
		}
		h1 a { display: block; height: 95px; text-indent: -9999px; }
	
	/* $Quick Links */
		ul#quick_links, div#quick_links ul { margin-left: 28px; }
		ul#quick_links a, div#quick_links ul a { 
			display: block; 
			padding: 0 15px; 
			color: #404040; 
			background: url("../images/quick_links_a_bg.png") no-repeat center right; 
		}
		ul#quick_links li:last-child a, div#quick_links ul li:last-child a {
			background: transparent;
		}
		
	/* $Quick Contact */
		p#quick_contact {
			float: right; 
			padding: 10px 0 0 62px;
			text-align: right;
			font-size: 18px; 
			color: #606060; 
			background: url("../images/quick_contact_bg.png") no-repeat top left;
		}
		p#quick_contact span {
			padding-top: 2px;
			display: block;
			font-size:29px; 
			color:#5ca6d0;
		}
	
	/* $Main Navigation */
    
        /*** ESSENTIAL STYLES ***/
        #main-nav ul, #main-nav ul * {
            margin:			0;
            padding:		0;
            list-style:		none;
            z-index:999;
            
        }
        #main-nav ul {
        }
        #main-nav ul ul {
            position:		absolute;
            top:			-999em;
            width:			15em; /* left offset of submenus need to match (see below) */
        }
        #main-nav ul ul li {
            width:			100%;
        }
        #main-nav ul li:hover {
            visibility:		inherit; /* fixes IE7 'sticky bug' */
        }
        #main-nav ul li {
            float:			left;
            position:		relative;
        }
        #main-nav ul a {
            display:		block;
            position:		relative;
            
        }
        
        #main-nav ul ul li a {
            
            float:none;
            display:		block;
            position:		relative;
            text-transform: none;
            
        }
        
        #main-nav ul ul li {
        padding:1px 0 2px 0;
        background:#fff url(/images/bg-nav-dots.png) bottom left repeat-x;
        }
        #main-nav ul ul li a, #main-nav ul#nav_437866 li#nav-last ul li  a{        
        	background:#f1f9fc url(/images/ico-nav-arrow.png) 10px center no-repeat; padding-left:25px; text-transform:uppercase;
        }
        	#main-nav ul ul li a:hover{        
        		background:#dcf0f7 url(/images/ico-nav-arrow.png) 10px center no-repeat;
        	}        
        
        #main-nav ul li:hover ul,
        #main-nav ul li.sfHover ul {
            left:			0;
            top:			32px; /* match top ul list item height */
            z-index:		99;
        }
        #main-nav ul li:hover li ul,
        #main-nav ul li.sfHover li ul {
            top:			-999em;
        }
        #main-nav ul li li:hover ul,
        #main-nav ul li li.sfHover ul {
            left:			20em; /* match ul width */
            top:			0;
        }
        
        
    
    	#main-nav{ float: right; width:580px;  }
    	div#header div#cat_437866_divs{float:right; background:url(/images/bg-nav-dots.png) bottom left repeat-x;}
		div#header ul#nav_437866 { float: left; margin-top: 15px; background:url(/images/bg-nav-dots.png) top left repeat-x;padding:2px 0;}
		ul#nav_437866 li { background: #f1f9fc; }
        ul#nav_437866 li#nav-first a{ padding: 10px 9px 8px 7px; }
        ul#nav_437866 li#nav-last a{ padding: 10px 7px 8px 9px; }
        
		ul#nav_437866 a {padding: 10px 20px 8px 20px; display:block; text-transform: uppercase; font-weight: bold; }
        ul#nav_437866 a:hover{background:#dcf0f7;}


/* $Content */
	div#content { 
	  margin: 60px 0 0 160px; 
	  float: left; 
	  position: relative; 
	  z-index: 5;
	  background: url("../images/content_bg.png") repeat-y 599px top;
      display:inline;
	}
	
	/* $Main Content */
	div#main_content { float: left; width: 583px; padding: 0 20px 200px 0; margin-right: -3px;}
	
	div#main_content h3 { /*color: #FF9915; */ color:#606060;margin-bottom: 5px; font-weight: bold; }
	div#main_content a{  text-decoration: underline; }
	div#main_content img { float: right; margin-left: 15px; }
	div#main_content p {
	  margin-bottom: 1.7em;
	  line-height: 1.4em;
	}
	
	div#main_content ul li{ background:url(/images/li-arrow.png) left center no-repeat; padding:0 0 0 10px; line-height:1.5em; }
	
	div#link_bar { 
	  position: absolute; 
	  bottom: 0; 
      left: 0;
      z-index:999;
	  width: 580px;
	  padding: 15px 0 0 0;
	  background: url("../images/horizontal_border.png") repeat-x left top; 
	  color: #808080;
	}
	div#link_bar h3 {
	  	padding: 0 0 5px 0;
	  	font-weight: bold;
	}
	div#link_bar ul {
	  padding-bottom: 15px;
	  overflow: auto;
	}
	div#cat_442103_divs ul {
	  background: url("../images/horizontal_border.png") repeat-x left bottom; 
	}
	div#link_bar a {
	  	color:#003F87;
  		text-decoration: underline;
	}
	
	div#link_bar a:hover { color: #FF9915; }

	
/* $Footer */
  p#copyright { float: left; }
  div#footer ul { float: right; }
  div#footer li { float: left; padding: 0 0 0 35px; }
  div#footer ul li:last-child { padding-left: 145px; }
  div#footer a { color: inherit; }
  div#footer a:hover { color: #FF9915; }
	
	
/* $Additional Content */
	div#additional_content { float: left; width: 212px; }
	div#additional_content div.teaser { padding: 20px 0 35px 0; text-align: right; }
	div#additional_content div.top { margin-top: -15px; padding-top: 0; }
	
	  /* $Sub Navigation */
	  div#sub_navigation h3 { padding: 0 0 5px 15px; font-size: 14px; font-weight: bold; }
	  
	  ul#sub_navigation,div#sub_navigation ul { 
	  	background: transparent url(../images/horizontal_border.png) repeat-x scroll left top; 
		margin-right: 20px; 
		padding-top: 1px;
	   }
	  ul#sub_navigation li, div#sub_navigation ul li { 
	    padding: 7px 15px;
	    background: #f1f9fc url("../images/horizontal_border.png") repeat-x left bottom; 
	  }
	  ul#sub_navigation li a, div#sub_navigation ul li a {
	    padding-left: 12px;
	    background: transparent url("../images/sub_navigation_arrow.gif") no-repeat center left;
	    color: #404040;
	    font-weight: bold;
		font-size: 12px;
	  }
	  ul#sub_navigation li a:hover, ul#sub_navigation li a.selected,
		div#sub_navigation ul li a:hover, div#sub_navigation ul li.selected a{
	    color: #FF9915;
	  }
	  
	  /* $Article List */
	  div#article_list { background: transparent url(../images/horizontal_border.png) repeat-x left top }
  	div#additional_content h2 {
  	  padding: 7px 15px;
  	  color: #606060;
  	  font-size: 14px;
  	}
  	div#article_list ol {
  	  padding-left: 15px;
  	}
  	div#article_list li {
  	  margin-bottom: 20px;
  	}
  	ol.blogsitesummary li a { display: block; color: #FF9915; font-weight: bold; margin-bottom: 5px; }
  	ol.blogsitesummary li span.author { display: block; margin-bottom: 5px;}
  	ol.blogsitesummary li span.date { font-weight: bold; }

	  /* $Newsletter Sign Up */
	  div#newsletter-signup { background: transparent url(../images/horizontal_border.png) repeat-x left top; line-height:1.4em; }
		div#newsletter-signup p{ padding:0 15px 15px 15px; }
        div#newsletter-signup a#signup{ color:#ff9915; text-decoration:underline; }
        div#newsletter-signup div#newsletter-form{ padding:0 15px 15px 15px; display:none; }
        	div#newsletter-signup div#newsletter-form input{ width:174px !important; background:#f1f9fc; border:1px solid #74c2e1;padding:5px 3px;margin:0; }
			div#newsletter-signup div#newsletter-form label{ font-size:12px; }
            div#newsletter-signup div#newsletter-form div.item{ padding:9px 0; }

              div#newsletter-signup div#newsletter-form input.cat_button { 
                background: url("../images/btn-sign-up.png") top left no-repeat; width:85px !important; height:17px; border:none; text-indent:-999em;position:relative;
              }
              div#newsletter-signup div#newsletter-form input:hover.cat_button { 
                background: url("../images/btn-sign-up.png") bottom left no-repeat; 
              }



	/* $literature-container */
    div.literature{ float:left; width:583px; margin-bottom:20px; }
    div.literature-container{ padding:1px 0 1px 0;background: url(../images/horizontal_border.png) repeat-x left bottom;color:#5ca6d0;font-size:bold; float:left; width:583px;}
	div.literature-container-inner{ padding:8px 10px; background:#f1f9fc;margin:0 0 1px 0; float:left; width:563px; }
	div.literature-container span.icon, div.literature-container span.name {margin:0; padding:0; float:left; }
	
    div.literature-container span.name{}
    div.literature-container span.name a{ color:#5ca6d0;font-size:bold; padding-top:3px; float:left;}
    	    div.literature-container span.name a:hover{ color:#ff9915;}
    div.literature-container span.icon{float:left; margin-right:10px; width:16px;height:16px;}
    div.literature-container span.filesize{float:right;padding-top:3px;}
    	div#main_content div.literature-container span.icon img{margin:0 0 0 0;padding;0;position:relative;}
	
	/* $Linkbar */
	div#link_bar li {
		display: inline;
		padding: 0 10px 10px 0;
		float: left;
	}
    
/* $Home */
  body#home img#side_image { left:0; }
  body#home div#main_content h2 { background: transparent; padding-bottom: 0; }
  
  body#home div#introduction { padding-left: 170px; }

  div#main_content div.teaser { position: relative; float: left; width: 33%; min-height: 160px; }
  div#main_content div.teaser h3 { 
    padding: 15px 0 12px 0;
    margin-bottom: 15px;
    color: #808080;
    font-size: 20px;
    background: url("../images/teaser_header_bg.png") repeat-x center left; 
	font-weight: normal;
  }
  div#main_content div.teaser p { padding-right: 20px; }
  div#main_content div.teaser a { 
    position: absolute; 
    bottom: 0; 
    padding: 3px 7px 3px 15px;
    color: inherit; 
    background: #dfdfdf url("../images/link_arrow_orange.png") no-repeat 7px center; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
  }
  div#main_content div.teaser a:hover { color: #FF9915 }

/* $FAQs */
  ul#frequently_asked_questions li { 
    margin-bottom: 10px;
    padding: 0 10px 0 47px;
    background: #efefef url("../images/faq_li_bg.png") no-repeat 8px 7px; 
    -moz-border-radius: 20px; 
    -webkit-border-radius: 20px; 
  }
  ul#frequently_asked_questions p  { margin-bottom: 0; }
  ul#frequently_asked_questions h3 { padding: 15px 0; font-weight: bold; color: inherit; }
  ul#frequently_asked_questions div { padding-bottom: 20px; }
  ul#frequently_asked_questions h3,
  ul#frequently_asked_questions div { border-left: 1px solid #fff; padding-left: 10px;}

/* $Locations */
  div#map { float: right; width: 345px; height: 295px; margin-left: 20px; border: 3px solid #e3e5e5; }

/* $Blog */
  body#blog div#main_content h2 { background: none; margin-bottom: 0; padding-bottom: 0; }
  h2 a#rss img { border: none; float: none; margin: 0; }
  body#blog p.description { display: none; }
  
  div.blog-post { margin: 10px 0 0 0; padding-top: 30px; background: url("../images/horizontal_border.png") repeat-x left top; }
  div#main_content div.blog-post h3 { color: #404040; font-size: 15px; }
  div.blog-post h3 a, div.blog-post h3 span { color: #f8981d; }
  
  div#main_content div.post-details { margin: 10px 0 15px 0; font-style: italic; font-size: 12px; }
  div#main_content div.post-body { margin: 0; }
  div.post-body a { display: block; margin-top: 20px; padding: 0 0 0 15px; color: #f8981d; background: url("../images/blog_more_bg.png") no-repeat left center;}

/* $Animations */
	div#urinary-animation{width:581px;height:550px;}
  
/* $Accessibility Content */
	ul#page_navigation {position:absolute; top:-9999px;}

/* $Temporary Stuff */
	div#wrapper { min-height: 930px; }	
	div#content_container { min-height: 725px; }
	div#header { min-height: 110px; }
	
	div#main_content { min-height: 300px; }
	div#additional_content { min-height: 300px; }
	
	
/* $Sitemap */

ul#sitemap {
	padding: 10px;
	list-style-type: square;
}

ul#sitemap ul {
	padding: 0 0 0 20px;	
}

ul#sitemap li {
	padding: 5px;	
}

.top-level {
	font-weight: bold;	
}

.sub-level {
	font-weight: normal;
}