/* CSS Document */

body {
	margin:0px;
	padding:0px;
	background-color:#000000;
}
#wrapper {
	width:1300px;
	background-image:url(../images/bg.jpg);
	background-color:#000000;
	background-repeat:repeat-y;
	margin:auto;
	background-position:0px 4px;
}
.clearing {
	clear:both;
}
#logo {
	background-image:url(../images/SHLogo.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	width:1300px;
	height:104px;
	margin:0px 0px 0px 0px;
}
/****  Begin Main Navigation and Drop Down Styles ***/
#nav {
	background-image:url(../images/navBg.gif);
	background-repeat:repeat-x;
	width:950px;
	height:31px;
	margin-left:174px;
}
	#nav ul {
		list-style-type:none;
		margin:0px 0px 0px 145px;
		padding:0px;
	}
	#nav ul li {
		font:14px Arial, Helvetica, sans-serif; color:#000000;
		font-weight:bold;
		display:block;
		float:left;
		background-image:url(../images/drop.png);
		background-position:right center;
		background-repeat:no-repeat;
		padding:0px 23px 0px 10px;
		position:relative;
	}
	#nav ul li a {
		color:#000000;
		text-decoration:none;
		display:block;
		padding:8px 5px 5px 5px;
	}
	#nav ul li a:hover {
		color:#ffcc00;
		text-decoration:none;
	}
	#nav li.last {
		background-image:none;
	}
	#nav ul li ul {
		position:absolute;
		display:none;
		top:29px;
		left:-162px;
		z-index:1;
	}
	#nav ul li:hover ul {
		display:block;
	}
	#nav ul li ul li {
		background-image:none;
		color:#000000;
		font:12px Arial, Helvetica, sans-serif;
		font-weight:bold;
	}
	#nav ul li ul li a {
		color:#000000;
		text-decoration:none;
		width:200px;
		background-image:url(../images/navBg.gif);
		background-repeat:repeat-x;
		border:1px solid;
		border-color:#000000;
	}
	#nav ul li ul li a:hover {
		color:#ffcc00;
		background-color:#333333;
		text-decoration:none;
		background-image:none;
	}
/*** End Main Navigation and Drop Down Styles ***/

#headerImage {
	background-image:url(../images/headerImage.jpg);
	background-repeat:no-repeat;
	width:950px;
	height:156px;
	margin-left:174px;
}
#contentTopImage {
	background-image:url(../images/contentHeaderImage.jpg);
	width:952px;
	height:47px;
	margin-left:174px;
}


/** Content Container Holds the Left and Right Columns **/
#contentContainer {
	width:950px;
	margin:0px;
	background-image:url(../images/contentContainerBg.jpg);
	background-repeat:repeat-y;
	margin-left:174px;
}
	#contentContainer #leftColumn {
		float:left;
		width:244px;
	}
			
			/** Start Global Box Styles **/
			#contentContainer #leftColumn .gbox {
				width:244px;
			}
			#contentContainer #leftColumn .gbox_title {
				background-image:url(../images/redHeader.gif);
				background-repeat:no-repeat;
				font:14px Arial, Helvetica, sans-serif; color:#FFFFFF;
				font-weight:bold;
				height:23px;
				padding:5px 0px 0px 10px
			}
			#contentContainer #leftColumn .gbox_body {
				background-image:url(../images/globalBoxBg.gif);
				background-repeat:repeat-x;
				background-position:top;
				background-color:#333333;
				padding:15px;
				font:10px Arial, Helvetica, sans-serif; color:#FFFFFF;
				font-weight:bold;
				min-height:150px;
			}
			#contentContainer #leftColumn .gbox_body a {
				color:#ffffff;
				text-decoration:underline;
			}
			#contentContainer #leftColumn .gbox_body a:hover {
				color:#ffcc00;
				text-decoration:underline;
			}
			#contentContainer #leftColumn .gbox_body h1 {
				font:12px Arial, Helvetica, sans-serif; color:#ffcc00;
				font-weight:bold;
				margin:4px 0px 0px 0px;
				padding:3px 0px 0px 0px;
			}
			#contentContainer #leftColumn .gbox_body h1 a {
				color:#ffcc00;
				text-decoration:none;
			}
			#contentContainer #leftColumn .gbox_body h1 a:hover {
				color:#ffcc00;
				text-decoration:underline;
			}
			
			/** End Global Box Styles **/
	
	
	
	/** rightColumn contains contentArea1 and contentArea2 on index page **/
	#contentContainer #rightColumn {
		float:right;
		width:706px;
		background-image:url(../images/rightColumnBg.gif);
		background-repeat:no-repeat;
		background-position:top;
	}
		#contentContainer #rightColumn h1 {
			font:16px Arial, Helvetica, sans-serif;
			color:#CC0000;
			font-weight:bold;
			margin-bottom:0px;
		}
		
		#contentContainer #rightColumn #contentArea1 {
			background-image:url(../images/contentArea1Bg.gif);
			background-repeat:repeat-x;
			background-position:bottom;
			background-color:#F7F7F7;
			margin:21px 0px 0px 0px;
			min-height:210px;
			padding:0px 20px 0px 20px;
			width:666px;
			font:14px Arial, Helvetica, sans-serif; color:#000000;
			float:right;
		}
				#contentContainer #rightColumn #contentArea1 ul {
					list-style-type:disc;
					margin-left:250px;
				}
				#contentContainer #rightColumn #contentArea1 ul li {
					padding:2px 0px 2px 0px;
				}
				
		#contentContainer #rightColumn #contentArea2 {
			background-image:url(../images/productHeaderImage.jpg);
			background-position:center top;
			background-repeat:no-repeat;
			background-color:#FFFFFF;
			margin:0px;
			width:686px;
			padding:10px;
			font:12px Arial, Helvetica, sans-serif; color:#000000;
			position:relative;
			float:right;
		}
		
		/** Styles the small text under the shopnow button **/
		#contentContainer #rightColumn #contentArea2 p {
			font:11px Arial, Helvetica, sans-serif; color:#000000;
			width:280px;
			margin:81px 10px 4px 250px;
		}


/** Footer styles relate only to items in the silver gradient area **/		
#footer {
	width:920px;
	background-image:url(../images/footerBg.gif);
	background-repeat:repeat-x;
	height:auto;
	font:12px Arial, Helvetica, sans-serif; color:#000000;
	margin:0px 0px 15px 0px;
	border-top:5px solid; color:#000000;
	padding:10px 10px 15px 20px;
	background-color:#e9e8e8;
	margin-left:174px;
}	
	#footer a{
		color:#000000;
		text-decoration:none;
	}
	#footer a:hover {
		color:#ffcc00;
		text-decoration:none;
	}
	
/** bottomContainer styles the area under the footer  **/
#bottomContainer {
	width:1300px;
	background-image:url(../images/bottomContainerBg.jpg);
	background-repeat:no-repeat;
	background-color:#000000;
	min-height:137px;
	margin:-9px 0px 0px 2px;
	font:12px Arial, Helvetica, sans-serif; color:#FFFFFF;
	padding-top:0px
}
	#bottomContainer p {
		font:10px Arial, Helvetica, sans-serif; color:#FFFFFF;
		width:430px;
		text-align:right;
		float:right;
		padding-right:200px;
		margin-top:-90px;
	}
/** Positions the table in the bottomContainer that holds company info **/
	.tablePosition {
		margin: 10px 0px 10px 200px;
	}


/** Begin Header Styles - universal on all site pages **/

h2 {
	font:14px Arial, Helvetica, sans-serif; color:#000000;
	font-weight:bold;
}

/** h3 positions the login button in global box **/
h3 {
	background-image:url(../images/yellowButton.png);
	background-repeat:no-repeat;
	width:101px;
	height:22px;
	font:11px Arial, Helvetica, sans-serif; color:#000000;
	font-weight:bold;
	text-align:center;
	padding-top:3px;
	margin:3px 0px 3px 0px;
}
	h3 a {
		color:#000000;
		text-decoration:none;
	}
	h3 a:hover {
		color:#000000;
		text-decoration:underline;
	}

h4 {
	font:12px Arial, Helvetica, sans-serif;
	color:#000000;
	font-weight:bold;
	margin:0px;
}

h5 {
	font:12px Arial, Helvetica, sans-serif; color:#ffcc00;
	font-weight:bold;
	margin:4px 0px 0px 0px;
	padding:3px 0px 0px 0px;
}
	
/** h6 positions the shopNow button in rightColumn contentArea2 **/
h6 {
	background-image:url(../images/yellowButton.gif);
	background-repeat:no-repeat;
	width:101px;
	height:21px;
	font:11px Arial, Helvetica, sans-serif; color:#000000;
	font-weight:bold;
	text-align:center;
	padding-top:4px;
	margin:3px 0px 3px 0px;
	position:absolute;
	top:58px;
	left:258px;
}
	h6 a {
		color:#000000;
		text-decoration:none;
	}
	h6 a:hover {
		color:#000000;
		text-decoration:underline;
	}
	
.whiteBold {
	font:12px Arial, Helvetica, sans-serif; color:#FFFFFF;
	font-weight:bold;
	margin:0px;
}




/****** Begin Styles for Interior Pages *****/

	#interiorRightColumn {
		background-image:url(../images/interiorRightColumnTop.gif);
		background-position:top;
		background-repeat:no-repeat;
		width:666px;
		background-color:#FFFFFF;
		font:14px Arial, Helvetica, sans-serif; color:#000000;
		float:right;
		padding:20px;
		
	}
	#interiorRightColumn h1 {
		text-align:left;
		font:24px Arial, Helvetica, sans-serif;
		color:#CC0000;
		font-weight:bold;
		margin-top:0px;
	}
		#interiorRightColumn ul {
			list-style-type:disc;
		}
		#interiorRightColumn ul li {
			padding:2px 0px 2px 0px;
			text-align:left;
		}
		#interiorRightColumn a {
			color:#FF0000;
			text-decoration:none;
		}
		#interiorRightColumn a:hover {
			color:#FF0000;
			text-decoration:underline;
		}
	
/** Begin leftColumn subNav Styles **/
	#leftColumn #subNav {
		font:12px Arial, Helvetica, sans-serif; color:#ffcc00;
	}
		#leftColumn #subNav ul {
			list-style-type:square;
			margin-left:-10px;
		}
		#leftColumn #subNav ul li {
			padding:4px 0px 4px 0px;
		}
		#leftColumn #subNav ul li a {
			color:#ffcc00;
			text-decoration:none;
		}
		#leftColumn #subNav ul li a:hover {
			color:#FFFFFF;
			text-decoration:none;
		}