/* NAVIGATION */


/*
ROOT NAVIGATION : GLOBAL
================================================*/
#rootNav {
float: left;
width: 980px;
height: 28px;
background: #F17D00 url(http://www.wireandcable.com/img/global/rootNavBg.gif) repeat-x top left;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}

#rootNav ul {
float: left;
}

#rootNav ul li {
float: left;
border-right: 1px solid #000;
}

#rootNav ul li a:link, #rootNav ul li a:visited {
float: left;
display: block;
padding: 5px 0;
width: 121px;
height: 18px;
text-align: center;
font: normal 120% Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
}

#rootNav ul li a:hover, #rootNav ul li a:active {
background: url(http://www.wireandcable.com/img/global/rootNavBg_over.gif) repeat-x top left;
text-decoration: none;
}

li#currentpage a:link, li#currentpage a:visited, li#currentpage a:hover, li#currentpage a:active { /* rootNav CURRENT PAGE */
cursor:default;
background: url(http://www.wireandcable.com/img/global/rootNavBg_over.gif) repeat-x top left;
text-decoration: underline;
}

#rootNav ul li#time {
float: left;
padding: 5px 0 0 0;
width: 370px;
height: 23px;
font: normal 120% Arial, Helvetica, sans-serif;
color: #fff;
text-align: center;
border-right: 1px solid #000;
}


/*
PRODUCT NAVIGATION : GLOBAL

Note:
Used as the first step in
selecting product to view.
================================================*/
ul#prodNav  {
float: left;
width: auto;
}

ul#prodNav li {
float: left;
margin: 5px 5px 15px 5px;
width: 164px;
height: 91px;
}

ul#prodNav li a img {
float: left;
margin-bottom: 3px;
width: 164px;
border: none;
}

ul#prodNav li a img:hover {
border: none;
}

ul#prodNav li a:link, ul#prodNav li a:visited {
float: left;
display: block;
padding: 3px 0;
width: 164px;
height: 91px;
text-align: center;
text-decoration: none;
font: normal 90% Arial, Helvetica, sans-serif;
color: #fff;
background-color: #1C375E;
}

ul#prodNav li a:hover, ul#prodNav li a:active {
color: #fff;
text-decoration: none;
background-color: #E25503;
}


/*
PRODUCT MENU NAVIGATION : PRODUCTS

Note:
Used when menu requires
no picture and is reletivly
short. Links are 3 wide
================================================*/
ul#prodMenu  {
float: left;
margin-bottom: 10px;
width: 100%;
list-style: none;
color: #fff;
display: table;
}

ul#prodMenu li {
float: left;
margin: 1px;
padding: 10px 0;
width: 32.7%;
text-align: center;
text-transform:uppercase;
font: normal 9px Arial, Helvetica, sans-serif;
color: #000;
background-color: #fff;
/*background: #fff url(../img/global/linkArrow_black.gif) no-repeat 15px center;*/
}

ul#prodMenu li a:link, ul#prodMenu li a:visited {
display: block;
text-align: center;
font: normal 9px Arial, Helvetica, sans-serif;
color: #f30;
text-decoration: underline;
}

ul#prodMenu li a:hover, ul#prodMenu li a:active {
text-decoration:none;
}

ul#prodMenu img {
margin: 0 0 -3px 0;
display: inline;
border-right: 1px solid #000;
}

li#currentproduct a:hover, li#currentproduct a:active { /*not working, fix it later*/
text-decoration:underline;
}


/*
PRODUCT LIST MENU NAVIGATION : PRODUCTS

Note:
Used to list products when there
is no picture required and the
product listing is large.
Links are 2 wide.
================================================*/
ul#prodList  {
float: left;
margin-bottom: 10px;
width: 351px;
list-style: none;
color: #000;
background:;
}

ul#prodList li {
float: left;
margin: 1px;
padding: 4px;
display: block;
width: 165px; /*TARGET = 173px*/
color: #000;
letter-spacing: -.02em;
text-align: center;
text-transform: uppercase;
font: normal 10px Arial, Helvetica, sans-serif;
background: #fff;
}

ul#prodList li strong {font-weight:bold; color: #000; font-size:10px;}

ul#prodList li a:link, ul#prodList li a:visited {
color: #f30;
font: normal 10px Arial, Helvetica, sans-serif;
text-decoration: underline;
}

ul#prodList li a:hover, ul#prodList li a:active {
text-decoration: none;
}

ul#prodList li span, ul#prodList li a:link span {
font: normal 10px Arial, Helvetica, sans-serif;
font-weight: bold;
}

ul#prodList img {
margin: 0 0 3px 0;
display: block;
text-align: center;
}

li#currentproduct a:hover, li#currentproduct a:active { /*not working, fix it later*/
text-decoration:underline;
}


/*
PAGINATION NAVIGATION : PRODUCTS

Note:
Used with ajax tabs for pagination
================================================*/
ul#navPagination {
float:left;
margin-bottom: 10px;
width: 100%;
background: none;
}

ul#navPagination li {
float: left;
text-align: center;
color: #fff;
}

ul#navPagination li a:link, ul#navPagination li a:visited {
margin: 0;
padding: 5px 10px;
display: block;
width: inherit;
font-size:10px;
color: #000;
background: #fff;
border-right: 1px solid #000;
}

ul#navPagination li a.selected { /*selected state for prodnav pagination*/
background: #66CCFF;
color: #000;
font-weight:bold;
text-decoration:none;
}

ul#navPagination li a:hover, ul#navPagination li a:active {
color: #000;
background: #66CCFF;
}

#shrinkNavContainer p {
clear: left;
width:inherit;
color: #fff;
}

ul#navPagination li#currentpage a:link, ul#navPagination li#currentpage a:visited {
background-color: #66CCFF;
}


/*
PIC LIST NAVIGATION : PRODUCTS

Note:
Used for the heatshrink products.
================================================*/
/*ul#picList  {
float: left;
margin-bottom: 15px;
width: 351px;
height: auto;
list-style: none;
color: #000;
background: #e1e1e1;
}

ul#picList li {
float: left;
margin: 1px;
padding: 4px;
display: block;
width: 165px;
height: 80px;
color: #000;
letter-spacing: -.03em;
text-align: center;
text-transform: uppercase;
font: normal 10px Arial, Helvetica, sans-serif;
background: #fff;
}

ul#picList li p {margin:3px 0 0 0; padding:0; width:100%; font: normal 9px Arial, Helvetica, sans-serif; color:#000;}

ul#picList li strong {margin:0; padding:0; font-weight:bold; font-size:11px; color:#000;}

ul#picList li a:link, ul#picList li a:visited {
color: #f30;
font: normal 10px Arial, Helvetica, sans-serif;
text-decoration: none;
}

ul#picList li a:hover, ul#picList li a:active {
text-decoration: underline;
}

ul#picList img {
margin: 0 0 5px 0;
display: block;
text-align: center;
}
*/

/*
NAV LIST
*/
ul.navList {
float:left;
margin:0 0 15px 0;
width: auto;
text-align:center;
background: #e1e1e1;
}

ul.navList li {
float: left;
display:block;
margin: 1px;
width: auto;
font: normal 10px Arial, Helvetica, sans-serif;
background: #fff;
}

ul.navList li a:link, ul.navList li a:visited {
padding: 3px;
display:block;
color: #f30;
font: normal 10px Arial, Helvetica, sans-serif;
text-decoration: underline;
}

ul.navList li a:hover, ul.navList li a:active {
text-decoration:none;
}

/*ul.navList a strong, ul.navList strong {
margin-bottom:0;
font-size:8px;
color:#000;
}*/

/*
HEATSHRINK PICTURE MENU - 2 COL
*/
#heatshrink li {
width: 173px;
height:90px;
}

#heatshrink li img {
padding: 3px 0 0 0;
}

#heatshrink li a:link {
padding: 3px 5px;
}

/*
3 COL MENU - FORMALLY #prodMenu
*/
#threeCol li {
display:block;
padding: 10px 0;
width: 115px;
text-transform:uppercase;
}

#threeCol li a:link, #threeCol li a:visited, #threeCol li a:hover, #threeCol li a:active {
padding:0;
}

/*
2COL - FORMALLY #prodList
*/
#twoCol li {
padding: 5px 0;
width: 173px;
}

#twoCol li a:link, #twoCol li a:visited, #twoCol li a:hover, #twoCol li a:active {
padding:0;
}

#navContainer #twoCol ul.navList li strong {
margin-bottom:0;
font-size:7px;
color:#000;
}