@charset "utf-8";

/*-------------------------------------------------------------------------
UNIQUE FORMATTING FOR NAV CONTAINER
-------------------------------------------------------------------------*/
#nav{
	background:#fce016;
    height:27px;
	padding: 0px;
	margin-top: 0px;
 }

/*-------------------------------------------------------------------------
BASIC SET UP - PROBABLY WILL NOT MODIFY
-------------------------------------------------------------------------*/
#nav ul,
#nav ul li,
#nav ul li a{
	display: block;
	margin: 0px;
	padding: 0px;
	line-height:22px;
	text-decoration:none;
}
#nav ul{
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
}
#nav ul li{
	float: left;
	margin: 0px; /*may need to adjust this back*/
	padding: 0px;
}
#nav li li{
	width: 100%;
}

/*----------------------------------------------------------
Code that makes the submenu disappear and reappear
----------------------------------------------------------*/
#nav li ul {
	position: absolute;
	left: -999em;
}

/*
What I did below was confine the left:auto property to only be 
applied to the UL tag one level below the LI tag being hovered 
on by using the CSS Child selector >. The second selector is 
for those annoying browsers that arent up to speed with CSS2 (i.e. < IE7).
*/
#nav li:hover > ul{ 
	left: auto;
}
#nav li.sfhover ul {
	left: auto;
}

/* Fix IE crazy menu stuff */
#nav li:hover {
	position: static;
}

#nav li:hover ul ul,
#nav li.sfhover ul ul {
	left: -999em;
		text-decoration:none;

}
#nav li:hover ul,
#nav li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul { 
	left: auto;
}

#sfhover_iframe{
	z-index: 2;
	position: absolute;
	display: none;
}

#nav ul{
	z-index: 3;
}



/*-------------------------------------------------------------------------
FORMATTING FOR MAIN LINKS
-------------------------------------------------------------------------*/
#link1, #link2, #link3, #link4, #link5, #link6{
	background-repeat: no-repeat;
	background-position: left top;
	/*border-right: 1px solid #005F85;*/
    cursor:pointer;
}

/*NEW unique images for nav links*/
#link1{background-image:url(../images/nav/is-tailwind-right-for-me.gif);width:231px;height:27px;}
#link1:hover, #link1.sfhover{background-image:url(../images/nav/is-tailwind-right-for-me-hover.gif);}

#link2{background-image:url(../images/nav/proven-arm-mobility-technology.gif);width:183px;height:27px;}
#link2:hover, #link2.sfhover{background-image:url(../images/nav/proven-arm-mobility-technology-hover.gif);}

#link3{background-image:url(../images/nav/patients-stories-of-arm-movement-recovery.gif);width:158px;height:27px;}
#link3:hover, #link3.sfhover{background-image:url(../images/nav/patients-stories-of-arm-movement-recovery-hover.gif);}

#link4{background-image:url(../images/nav/resources-for-stroke-and-arm-movement-function.gif);width:114px;height:27px;	/*text-indent: -999em;*/}
#link4:hover, #link4.sfhover{background-image:url(../images/nav/resources-for-stroke-and-arm-movement-function-hover.gif);}

#link5{background-image:url(../images/nav/order-tailwind-to-recover-arm-function.gif);width:92px;height:27px;}
#link5:hover, #link5.sfhover{background-image:url(../images/nav/order-tailwind-to-recover-arm-function-hover.gif);}

/*-------------------------------------------------------------------------
FORMATTING FOR APPEARANCE OF SUBNAVS
-------------------------------------------------------------------------*/
/*font treatments*/
#nav ul li li a{
	font-weight: normal;
	font-size: 13px;
	text-align: left;
	display: block;
	margin: 0;
	padding: 0;
	line-height: 27px;
	text-indent: 1em;
	width: 100%;
}
#nav ul li li a:link,
#nav ul li li a:visited,
#nav ul li li a:hover,
#nav ul li li a:active{
	color: #005374;
	text-decoration: none;
}

/*border around sublink container*/
#nav ul ul{
	background-color: #fff69c;
	padding: 0 2px 2px 2px;
}
/*Sublink Background color and amt of space dividing each*/
#nav li li{
	background-color: #fff69c;
	margin: 2px 0 0 0;
}
/*Sublink Rollover Background color*/
#nav li li:hover,
#nav li li.sfhover{
	background-color: #fff;
}


/*-------------------------------------------------------------------------
WIDTHS FOR EACH SUBNAV & POSITIONING OF SUB-SUBNAV
-------------------------------------------------------------------------*/
#link1 ul{width: 285px;}
#link2 ul{width: 190px;}
#link3 ul{width: 155px;}
#link4 ul{width: 175px;}
#link5 ul{width: 92px;}

.navTailwind
{
width:231px;
cursor:pointer;
}
.navTech
{
width:183px;
cursor:pointer;
}
.navStories
{
width:78px;
cursor:pointer;
}
.navResources
{
width:114px;
cursor:pointer;
}
.navOrder
{
width:92px;
cursor:pointer;
}

/*-------------------------------------------------------------------------
Utility Navigation
-------------------------------------------------------------------------*/
#utilityNav {
display:block;
height: 37px;
padding-left:270px;
vertical-align:top;
}

#utilityNav a, #utilityNav {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#a9a9a9;
text-decoration:none;
text-align:right;
}
#utilityNav #uLinks, #utilityNav #uSearch {
float:left;
height: 37px;
vertical-align:middle;
}


#utilityNav #uSearch {padding-top:0px; margin-left:30px;height: 28px;}

#utilityNav form button {
border:none;
margin-top:0px 0 0 0px;
padding:0px;
height: 25px;
width: 25px;
color:#fff;
background-color:#fff;
}

#utilityNav form img{
margin-top:0px;
margin-left:-5px;
padding-top:3px;
border:none;
}


#utilityNav form input.field {
position:relative;
height: 15px;
width: 100px;
top:-5px;
color:#a9a9a9;
}