/* Test New Navigation */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.arrowblue{
	width: 168px; /*width of menu*/
	border-style: solid solid none solid;
	border-color: #437acc;
	border-size: 1px;
	border-width: 1px;
}

.arrowblue ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align:left;
}

	
.arrowblue li a{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	background: transparent url(../image-files/arrowblue.gif) 100% 0;
  height: 24px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	padding: 4px 0 4px 10px;
	line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
}	


.arrowblue li a:link, .arrowblue li a:visited {
	color: #002280;
}

.arrowblue li a:hover{
	color: #ffffff;
	background-position: 100% -32px;
}

	
.arrowblue li a:active{
	color: #ffffff;
	background-position: 100% -64px;
}

/* End of Test Navigation */

/* New HOME Navigation */
.arrowblue_t{
	width: 170px; /*width of menu*/
}

.arrowblue_t ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align:left;
}

.arrowblue_t li a{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	background: transparent url(../image-files/arrowblue_t.gif) 100% 0;
  height: 23px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	padding: 4px 0px 4px 11px;
	line-height: 23px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
	border:0px;
}

.arrowblue_t li a:link, .arrowblue_t li a:visited {
	color: #002280;
}

.arrowblue_t li a:hover{
	color: #ffffff;
	background-position: 100% -32px;
}

	
.arrowblue_t li a:active{
	color: #ffffff;
	background-position: 100% -64px;
}

/* End of New HOME Navigation */

/* New PRIVACY & DISCLAIMER Navigation */
.arrowblue_b{
	width: 170px; /*width of menu*/
}

.arrowblue_b ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align:left;
}

.arrowblue_b li a{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	background: transparent url(../image-files/arrowblue_b.gif) 100% 0;
  height: 24px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	padding: 4px 0px 4px 11px;
	line-height: 23px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
	border:0px;
}

.arrowblue_b li a:link, .arrowblue_b li a:visited {
	color: #002280;
}

.arrowblue_b li a:hover{
	color: #ffffff;
	background-position: 100% -32px;
}

	
.arrowblue_b li a:active{
	color: #ffffff;
	background-position: 100% -64px;
}

/* End of New PRIVACY & DISCLAIMER Navigation */


/*Interactive Navigation List*/
#vertmenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
width: 170px;
padding: 0px;
margin: 0px;
}

#vertmenu h1 {
display: block;
background-color:#FF9900;
font-size: 90%;
padding: 3px 0 5px 3px;
border: 1px solid #000000;
color: #333333;
margin: 0px;
width:159px;
}

#vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#vertmenu ul li {
margin: 0px;
padding: 0px;
}
#vertmenu ul li a {
font-size: 12px;
display: block;
border-bottom: 1px dotted #cecece;
padding: 5px 0px 2px 4px;
text-decoration: none;
color: #666666;
width:166px;
}

#vertmenu ul li a:hover, #vertmenu ul li a:focus {
color: #000000;
background-color: #eeeeee;
}
/*Interactive Navigation List Ends*/






/* Tabbed button list*/

#header {
margin:0px,0px,0px,0px;
float:left; /*can be changed to right if you prefer*/
width:100%;
/*change to your url*/
/*background:#DAE0D2 url('../images/bg.gif')*/
repeat-x bottom;
font-size:93%; /* use either 86% 93% or 100%*/
line-height:normal;
}
#header ul {
margin:0;
padding:10px 10px 0;
list-style:none;
}
#header li {
float:left;
/*change to your url*/
background:url('../image-files/left_both.gif')
no-repeat left top;
margin:0;
padding:0 0 0 9px;
border-bottom:1px solid #765;
}
#header a {
white-space:nowrap;
float:left; /* if you change the first instance of the float to right,then this must be changed as well*/
display:block;
width:.1em;
/*change to your url*/
background:url('../image-files/right_both.gif')
no-repeat right top;
padding:5px 15px 4px 6px;
text-decoration:none; /* options are none or underline*/
font-weight:bold; /*use either bold or normal*/
color:#ffffff; /* set the link font color*/
font-family:  Arial, Verdana, sans-serif;
font-size: 13px; 
}
#header > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a {float:none;}
/* End IE5-Mac hack */
#header a:hover {
color:#333;/*sets the color of the links "at rest"*/
}
/* below, is the name of the ids for your pages. They are grouped in pairs. The first of the pair, is the id you will give to the <body> tag of the page. The second one, is the id you will give to the link itself*/
#home #page-1-nav, /*this if for your first page*/
#blog #page-2-nav, /*this if for your second page*/
#story #page-3-nav,
#drivan #page-4-nav,
#shaveit #page-5-nav, 
#shop #page-6-nav, 
#videos #page-7-nav,
#news #page-8-nav /*Important!there is NO comma after the last pair*/
{
background-position:0% -150px;
border-width:0;
}
/* you will need to use the same ids as above*/
#home #page-1-nav a, /*this if for your first page*/
#blog #page-2-nav a, /*this if for your second page*/
#story #page-3-nav a,
#drivan #page-4-nav a,
#shaveit #page-5-nav a, 
#shop #page-6-nav a,
#videos #page-7-nav a,
#news #page-8-nav a /*Important!there is NO comma after the last pair*/
{
background-position:100% -150px;
color:#333;/*sets the color of the "currrent tab link font*/
padding-bottom:5px;
}
#header li:hover, #header li:hover a {
background-position:0% -150px;
color:#333;
}
#header li:hover a {
background-position:100% -150px;
}

#buttons {
text-align:right;
padding-right:5px;
padding-top:2px;
}

#buttons a {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5;
}

#buttons a:hover {
background-color:transparent;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1;
}

#links {
text-align:right;
padding-right:5px;
padding-top:2px;
}

#links a {
font-size:11px;
font-weight:bold;
height:10px;
border:1px solid #cecece;
padding:2px 5px 2px 5px;
text-decoration:none;
color:gray;
}
#links a:hover {
border:1px solid #000000;
color:#000000;
background-color:#ffffff;
}