/**** Duraflex ****/


/* Main Navigation */

#nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 72%;
	line-height: 1.0;
	margin: 0 auto;
	padding: 0;
	width: 100%;
}
#nav li {
	display: inline;
	list-style-type: none;
}
#nav ul {
	margin: 0;
	padding: 60px 0 0 180px;
}
#nav a {
	color: #004581;
	float: left;
	padding: 12px 12px 13px 12px;
	text-decoration: none;
	background: #fff url(/images/generic-duraflex/nav.jpg) no-repeat center top;
}
#nav a:hover, #nav a:active, #nav a:focus, #nav a.current, #nav a:hover.current {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	border-color: #ee3a43;
	background-color: #9c0327;
	background-position: center -200px;
}
#nav li.home a { background: #fff url(/images/generic-duraflex/nav.jpg) no-repeat left top; }
#nav li.news a { background: #fff url(/images/generic-duraflex/nav.jpg) no-repeat right top; }

#nav li.home a:hover, #nav li.home a:active, #nav li.home a:focus, #nav li.home a.current, #nav li.home a:hover.current {
	background-color: #9c0327;
	background-position: left -200px;
}
#nav li.news a:hover, #nav li.news a:active, #nav li.news a:focus, #nav li.news a.current, #nav li.news a:hover.current {
	background-color: #9c0327;
	background-position: right -200px;
}
#nav a:hover { font-weight: normal; }
#nav a.current { cursor: default; }

.nav_clear {
	clear: both;
	height: 0 !important;
	font-size: 1% !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden;
	width: 20px;
}
.nav_foot {
	clear: both;
	font-size: 1%;
	height: 5px;
	overflow: hidden;
	width: 980px;
	background: #9c0327;
	margin: 0 5px;
}


/* Secondary Nav */

#nav2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 72%;
	line-height: 1.0;
	vertical-align: baseline;
	margin: 0 auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}
#nav2 li {
	display: inline;
	list-style-type: none;
}
#nav2 ul {
	margin: 0;
	padding: 15px 15px 0 0;
}
#nav2 a {
	border-left: 1px solid #ccc;
	color: #004581;
	float: right;
	font-weight: normal;
	padding: 2px 10px 3px 10px;
	margin-right: 0;
	text-decoration: none;
}

#nav2 a:hover,
#nav2 a:active,
#nav2 a:focus,
#nav2 a.current { color: #9c0327; }

#nav2 a.current, #nav2 a:hover.current { font-weight: bold; }


/* Secondary Nav Round corners */

li.left a { background-position: bottom left !important; }
li.right a { background-position: bottom right !important; }

#nav2 li.left a { font-weight: bold; border-left: none; }


/* Product Nav */

#product-nav {
	float: left;
	font-size: 80%;
	width: 980px;
	padding: 0;
	background: #9c0327 url(/images/generic-duraflex/product-nav.gif) no-repeat top;
	clear: both;
	text-align: left;
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;
	border-bottom: 1px solid #6c001a;
	z-index: 3;
}
#product-nav ul {
	display: block;
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
}
#product-nav p {
	width: 200px;
	display: inline;
	float: left;
	padding: 10px 20px;
	margin: 0;
	color: #fff;
}
#product-nav li {
	display: inline;
	list-style-type: none;
}
#product-nav a {
	color: #ffc5c8;
	float: left;
	margin-right: 30px;
	padding: 10px 0;
	text-decoration: none;
	font-weight: normal;
}
#product-nav a:hover, #product-nav a:active, #product-nav a:focus {
	color: #FFF;
}
#product-nav a.current {
	color: #FFF;
	cursor: default;
	font-weight: bold;
}


/* Product Nav Home page */

#heading ul {
	margin: 0;
	padding: 15px 0 0 0;
	width: 980px;
}
#heading ul li {
	display: inline;
	list-style-type: none;
	width: 300px;
	background-color: #fff;
	float: left;
	margin-left: 20px;
}
#heading ul li a { display: block; }

#heading ul h2 {
	background: #004581 url(../images/generic-duraflex/product-head.gif) no-repeat top;
	color: #FFF;
	font-size: 125%;
	font-weight: normal;
	letter-spacing: -0.06em;
	padding: 12px 10px 8px 10px;
	line-height: 1;
}
#heading ul p {
	color: #666;
	font-size: 72%;
	font-weight: normal;
	padding: 5px 10px 5px 10px !important;
	line-height: 1.4;
}
#heading ul img {
	background-color: #004581;
	border: none;
	border-top: 3px solid #ee3a43;
	width: 300px;
	height: 160px;
	padding: 0;
	overflow: hidden;
}

#heading ul p a {
	color: #004581;
	text-decoration: underline;
}
#heading ul p a:hover,
#heading ul p a:active {
	color: #004581;
	text-decoration: none;
}
#heading ul p a.link_button {
	color: #004581;
	padding-top: 0;
	font-weight: bold;
}
#heading ul a.link_button:hover, #heading ul a.link_button:active, #heading ul a.link_button:focus {
	color: #004581;
}


/* Side Nav */

#sidenav {
	width: 140px;
	margin: 10px 20px 0 0;
	float: left;
	font-size: 70%;
	text-align: left;
	padding: 0 0 100px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #f4f4f4 url(/images/generic-duraflex/nav-shadow.gif) no-repeat bottom right;
}
#sidenav ul {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 88%;
	list-style-type: none;
}
#sidenav ul ul {
	margin: 0;
	padding: 0;
	font-size: 100%;
	list-style-type: none;
	border-top: none;
}
#sidenav li { margin: 0; }

#sidenav a,
#sidenav p {
	background: url(../images/generic-duraflex/sidenav.jpg) no-repeat right center;
	border-bottom: 1px solid #ccc;
	color: #004581;
	display: block;
	margin: 0;
	padding: 6px 15px 8px 10px;
	text-decoration: none;
}
#sidenav p {
	color: #004581;
	font-weight: bold;
	font-size: 115%;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	padding: 5px 5px 7px 0;
	background-image: none;
}
#sidenav p.shadow_top { background: #f4f4f4 url(/images/generic-duraflex/nav-shadow-top.gif) no-repeat bottom right; }

#sidenav a:hover, #sidenav a:focus, #sidenav li a.current {
	background: #9c0327 url(../images/generic-duraflex/sidenav.jpg) no-repeat left center;
	color: #fff;
	text-decoration: none;
}
#sidenav li a.current {
	cursor: default;
	font-weight: bold;
}

#sidenav a strong { color: #000; }

#sidenav a:hover strong,
#sidenav a:focus strong {
	color: #fff;
}


/* Sub nav */

#subnav {
	color: #000000;
	text-align: left;
	font-size: 72%;
	z-index: 900;
	margin: 0 180px 0 180px;
	border-top: 1px solid #ccc;
	padding: 0 0 10px 0;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
}
body.products #subnav {
	margin: 0 340px 0 180px;
}

#subnav li {
	display: inline;
	list-style-type: none;
	background-image: none;
}
#subnav ul {
	margin: 0;
	padding: 0;
}
#subnav a {
	text-decoration: none;
	color: #004581;
	padding: 8px 0 8px 20px;
	font-weight: bold;
	float: left;
	margin-right: 20px;
}

#subnav a:hover, #subnav a:active, #subnav a:focus {
	text-decoration: underline;
	font-weight: bold;
}

#subnav a.top {
	background-image: url(../images/generic-duraflex/arrow-up.png) !important;
	background-position: center left !important;
	background-repeat: no-repeat;
}
