/***************************************************************
Style Sheet for Sunstone Engineering

Copyright 2008 by Sunstone Engineering, All Rights Reserved
***************************************************************/



/***************************************************************
Appearance and Location for Navigation
***************************************************************/
#navigation {
	position:absolute;
	top:153px;
	left:0;
	margin:0;
	padding:0;
	
	width:960px;
	height:47px;
	
	font-size: 90%;
	
	background:url('/site/images-layout/navigation-bg1.gif') top left repeat-x;
	z-index:0;
}
	#navigation ul {
		margin:0;
		padding:0;
		
		width:auto;
		height:47px;
		
		list-style:none;
	}
		#navigation ul li {
			position:relative;
			display:inline;
			float:left;
			margin:0;
			padding:0;
			
			height:47px;
		}
			#navigation1 li a:link, #navigation1 li a:visited, #navigation1 li a:active {
			    display:block;
				
				margin:0;
				padding:13px 25px 0 5px;

				width:130px;
				height:29px;
				
				text-align:center;
				text-decoration:none;
				
				font-size:14px;
				font-weight:normal;
				color:#fff;
				
				background:url('/site/images-layout/navigation-item-bg.gif') top right no-repeat;
			}
			
					
			#navigation ul li a:hover{
				background:url('/site/images-layout/navigation-item-hover-bg.gif') top right no-repeat;
				text-decoration:underline;
			}



			/* List Item Hover Styles */
			#navigation ul li:hover, #navigation ul li.over {
				background:url('/site/images-layout/navigation-item-hover-bg.gif') top right no-repeat;
			}
			#navigation ul li:hover a:link, #navigation ul li:hover a:visited, 
			#navigation ul li.over a:link, #navigation ul li.over a:visited {
				background:url('/site/images-layout/navigation-item-hover-bg.gif') top right no-repeat;
			}



			/* Current Styles */
			#navigation ul li.current {}

			#navigation ul li.current a:link, #navigation ul li.current a:visited {
				text-decoration:underline;
				color:#fff;
				background:url('/site/images-layout/navigation-item-current-bg.gif') top right no-repeat;
			}
			#navigation ul li.current a:hover, #navigation ul li.current a:active,
			#navigation ul li.current:hover a:link, #navigation ul li.current:hover a:visited {
				background:url('/site/images-layout/navigation-item-hover-bg.gif') top right no-repeat;
				text-decoration:underline;
			}

/***************************************************************
Appearance and Location for Navigation
***************************************************************/

#navigation_shop {
	position:absolute;
	top:153px;
	left:0;
	margin:0;
	padding:0;
	width:960px;
	height:47px;
	font-size: 90%;
	background:url('/site/images-layout/navigation-bg1.gif') top left repeat-x;
	z-index:0;
}

#navigation_shop .navOJW {
	width:auto;
	height:47px;
	position:relative;
	display:inline;
	float:left;
	margin:0 0 0 100;
}

#navigation_shop .navOJW a:link, #navigation_shop .navOJW a:visited, #navigation_shop .navOJW a:active {
	display:block;
	margin:0;
	padding:5px 5px 0 5px;
	width:155px;
	height:29px;
	text-align:center;
	text-decoration:none;
	font-size:14px;
	font-weight:normal;
	color:#fff;
}

#navigation_shop .navOJW a:hover{
	text-decoration:underline;
}


#navigation_shop .navSSW {
	width:auto;
	height:47px;
	position:relative;
	display:inline;
	float:left;
	margin:0 0 0 125;
}

#navigation_shop .navSSW a:link, #navigation_shop .navSSW a:visited, #navigation_shop .navSSW a:active {
	display:block;
	margin:0;
	padding:5px 5px 0 5px;
	width:180px;
	height:29px;
	text-align:center;
	text-decoration:none;
	font-size:14px;
	font-weight:normal;
	color:#fff;
}

#navigation_shop .navSSW a:hover{
	text-decoration:underline;
}




#navigation_shop .navODW {
	width:auto;
	height:47px;
	position:relative;
	display:inline;
	float:left;
	margin:0 0 0 130;
}

#navigation_shop .navODW a:link, #navigation_shop .navODW a:visited, #navigation_shop .navODW a:active {
	display:block;
	margin:0;
	padding:5px 5px 0 5px;
	width:155px;
	height:29px;
	text-align:center;
	text-decoration:none;
	font-size:14px;
	font-weight:normal;
	color:#fff;
}

#navigation_shop .navODW a:hover{
	text-decoration:underline;
}



			
/***************************************************************
Appearance and Location for Dropdowns
***************************************************************/

#navigation ul li ul {
	display:none;
}

#navigation ul li:hover ul, #navigation ul li.over ul{
	display:block;
	position:absolute;
	top:42px;
	left:0;
	
	margin:0;
	padding:0;
	
	height:auto; /* Don't delete me; makes sure you can see the borders in firefox too. */
	width:198px;

	z-index:5;
	background:none;
	border-bottom:1px solid #bbbcbe;
}
#navigation ul li.last ul, #navigation ul li.last ul {
	left:auto;
	right:1px;
}

	#navigation ul li:hover ul li, #navigation ul li.over ul li{
		display:block;
		float:left;
		margin:0;
		padding:0;
		width:196px;
		height:auto; /* Don't delete me; makes sure you can see the borders in firefox too. */
		
		border:solid #bbbcbe;
		border-width:0 1px;
		
		background:#fff;
		z-index: 5;
	}
	#navigation ul li:hover ul li.first, #navigation ul li.over ul li.first { border-top:0px solid #004167; }
	#navigation ul li:hover ul li.last, #navigation ul li.over ul li.last { }
		
		#navigation ul li:hover ul li a:link, #navigation ul li:hover ul li a:visited,
		#navigation ul li.over ul li a:link, #navigation ul li.over ul li a:visited {
			display:block;
			float:none;
			
			margin:1px 0 0 0;
			padding:6px 0 6px 12px;
			height:auto;
			width:184px;
			
			font-weight:normal;
			font-size:90%;
			text-align:left;
			text-decoration:none;
			color:#555;
			font-style:normal;
			
			border:0;
			background:#fff;
		}
		#navigation ul li:hover ul li a:hover, #navigation ul li:hover ul li a:active,
		#navigation ul li.over ul li a:hover, #navigation ul li.over ul li a:active {
			text-decoration:underline;
			color:#fff;
			background:#b59840;
		}
		
		
		#navigation ul li.current:hover ul li a:link, #navigation ul li.current:hover ul li a:visited {
			text-decoration:none;
			background:#fff;
		}
		#navigation ul li.current:hover ul li a:hover, #navigation ul li.current:hover ul li a:active {
			color:#fff;
			text-decoration:underline;
			background:#b59840;
		}
		
		
		#navigation ul li.current ul li.current a:link, #navigation ul li.current ul li.current a:visited {
			
		}
		#navigation ul li.current ul li.current a:hover, #navigation ul li.current ul li.current a:active {
			color:#fff;
			text-decoration:underline;
			background:#b59840;
		}



/***************************************************************
BlobStyleNav Appearances
***************************************************************/
.blobStyleNav {
	position:relative;
	top:0;
	margin:0 0 12px 0;
	padding-bottom:1px;
	background: url('/site/images-layout/blob-style-nav-bg.png') repeat-x #9e9e9e;
}
	.blobStyleNav .blobTopLeft {
		background:url('/site/images-layout/blob-style-nav-top-left.gif') top left no-repeat #b59840;
	}
	.blobStyleNav .blobTopRight {
		padding:12px 0 8px 0;
		height:22px;
		background:url('/site/images-layout/blob-style-nav-top-right.gif') top right no-repeat;
	}
	.blobStyleNav .blobTopRight h2 {
			margin:0;
			text-align:center;
			color:#fff;
		}
	
.blobStyleNavWrapper {
	margin: 10px;
}
	.blobStyleNav .blobStyleNavWrapper .blobTopLeft {
		height: 7px;
		padding: 0;
		margin: 0;
		font-size: 1%;
		background:url('/site/images-layout/blob-style-nav-wrapper-bg-top-left.gif') top left no-repeat;
	}
	.blobStyleNav .blobStyleNavWrapper .blobTopRight {
		height: 7px;
		padding: 0;
		margin: 0;
		font-size: 1%;
		background:url('/site/images-layout/blob-style-nav-wrapper-bg-top-right.gif') top right no-repeat;
	}
		
	.blobStyleNav .blobStyleNavWrapper .blobBody {
		margin:0;
		padding:0;
		min-height: 93px;
		height: auto !important;
		background: url('/site/images-layout/blob-style-nav-body-bg.gif') repeat-y top left #f0f0f0;
	}
	.blobStyleNav .blobStyleNavWrapper .blobBottomLeft {
		display:block;
		height: 7px;
		background:url('/site/images-layout/blob-style-nav-wrapper-bg-bottom-left.gif') bottom left no-repeat;
	}
	.blobStyleNav .blobStyleNavWrapper .blobBottomRight {
		height: 7px;
		background:url('/site/images-layout/blob-style-nav-wrapper-bg-bottom-right.gif') bottom right no-repeat;
	}
	.blobStyleNav .blobBottomLeft {
		display: none;
	}
	.blobStyleNav .blobBottomRight {
		
	}

/***************************************************************
BlobStyleNav Unordered List Appearance
***************************************************************/

/* Style the left nav */
.blobStyleNav ul {
	margin:0 0 0 15px;
	padding:0;
	list-style:none;
}
.blobStyleNav ul li {
	margin:0;
	padding:0;
	
}
.blobStyleNav ul li a:link, .blobStyleNav ul li a:visited {
	display:block;
	margin:0;
	padding:.6em 0 .6em 21px;
	text-decoration:none;
	font-size: 120%;
	color:#555;
}

.blobStyleNav ul li a:hover, .blobStyleNav ul li a:active {
	text-decoration:underline;
	color:#897532;
	background: url('/site/images-layout/blob-style-nav-bullet.gif') no-repeat 0 11px;
}

/* Highlight the left nav */
.blobStyleNav ul .current a:link,
.blobStyleNav ul .current a:visited,
.blobStyleNav ul .current a:active {
	text-decoration:underline;
	font-weight:bold;
	color:#897532;	
	background: url('/site/images-layout/blob-style-nav-bullet.gif') no-repeat 0 11px;
}
.blobStyleNav ul .current a:hover {
}



/* Set all the subnavs to off initially */
.blobStyleNav ul ul {
	display:none;
}

/* Display the subnav */
.blobStyleNav ul .current ul {
	display:block;
	margin:0;
	margin-left:13px;
	padding-left:10px;
	list-style:none;
	font-weight:normal;
}
.blobStyleNav ul .current ul li {
	padding-right:0;
}
.blobStyleNav ul .current ul a:link,
.blobStyleNav ul .current ul a:visited,
.blobStyleNav ul .current ul a:active {
	display:block;
	padding-left:13px;
	text-decoration:none;
	font-weight:normal;
	font-size:95%;
	color:#424a5c;

	background:none;
}
.blobStyleNav ul .current ul a:hover {
	text-decoration:underline;
	background: url('/site/images-layout/blob-style-nav-bullet-2.gif') no-repeat 0 12px;
}

/* Highlight the selected subnav */
.blobStyleNav ul .current .current a:link,
.blobStyleNav ul .current .current a:visited,
.blobStyleNav ul .current .current a:active {
	text-decoration:underline;
	font-weight:bold;
	color: #283d6b;
	background: url('/site/images-layout/blob-style-nav-bullet-2.gif') no-repeat 0 12px;
}
.blobStyleNav ul .current .current a:hover  {}
