/***********************************************************
layout.css
**********************************************************/

body {
	behavior: url('css/csshover.htc');
}

/*  typography
**********************************************************/
a { 
	color: #cfd1b7;
	text-decoration: none;
}
a:hover { color: #eb352a; }
h1 {
	font-size: 1.8em;
	color: #534533;
	font-family: georgia;
	margin: 0 0 .5em 0;
}
p {
	font-size: 1.1em;
	line-height: 1.6em;
	color: #000;
	margin: 0 0 1.5em 0;
}
#mainContent ul, #mainContent ol { margin: 0 0 1.5em 0; }
#mainContent ul li {
	font-size: 1.1em;
	color: #000;
	padding: .3em 0;
	list-style: disc;
	margin: 0 0 0 1.5em;
}
#mainContent ol li {
	list-style: decimal;
	font-size: 1.1em;
	color: #000;
	padding: .3em 0;
	margin: 0 0 0 1.8em;
	*margin: 0 0 0 2em;
}


/*  layout
**********************************************************/
#container {
	width: 84.9em;
	*width: 85.5em;
	margin: 0 auto;
}
#content {
	background: #cfd1b7;
}
#mainContent { 
	padding: 0 0 0 2.4em;
	border-bottom: 4px solid #fff;
}
#mainContent.interior { padding-bottom: 3.0em; }
	#mainContent .leftCol { 
		float: left;
		width: 39.0em;
		padding: 3.3em 0 0 0;
	}
	#mainContent.interior .leftCol {
		width: auto;
		padding-right: 3.0em;
	}
	#mainContent .rightCol {
	    z-index: -3;
		float: right;
		width: 40.2em;
		*width: 40.6em;
	}

/*Added By GD */
.rightCol {color: #FFFFFF;}
.rightCol a:link {color: #FFFFFF; text-decoration: none;}
.rightCol a:visited {color: #FFFFFF; text-decoration: none;}
.rightCol a:hover {color: #FFFFFF; text-decoration: underline;}
.rightCol a:active {color: #FFFFFF; text-decoration: underline;}

.productH1 {font-size: 30px;}

#tableLinks {font-size: 12px; color: #000000;}
#tableLinks a:link {font-size: 12px; color: #000000; text-decoration: none;}
#tableLinks a:visited {font-size: 12px; color: #000000; text-decoration: none;}
#tableLinks a:hover {font-size: 12px; color: #000000; text-decoration: underline;}
#tableLinks a:active {font-size: 12px; color: #000000; text-decoration: underline;}

.webby {
	width: 350px;
	height: 68;
	position: absolute;
	top: 20px;
	left: 460px;
	border: 1px ridge #006666;
	display: block;
	background-color: #666666;
}

#backLink a:link {font-size: 12px; color: #000000; text-decoration: underline;}
#backLink a:visited {font-size: 12px; color: #000000; text-decoration: underline;}
#backLink a:hover {font-size: 12px; color: #FFFFFF; text-decoration: underline;}
#backLink a:active {font-size: 12px; color: #FFFFFF; text-decoration: underline;}

h2 {
	font-size: 1.2em;
	color: #534533;
	font-family: georgia;
	font-style: italic;
	/*font-weight: bold;*/
	margin-top: -5px;
	margin-bottom: 10px;
}
/*Added By GD */


#touts {
	background: #fff;
}

	#touts img {
		float: left;
		margin: 0 .1em 0 0;
	}
	#touts img.last { margin-right: 0; }

/*  header
**********************************************************/
#header {
	background: #3d352a;
}
	#header  .rightCol {
		float: right;
		display: inline;
		_width: 39.9em;
		*width: 40.2em;
		padding: .4em 0 0 0;
	}
		#header  .rightCol ul { 
			float: right; 
			display: inline; 
			margin: 0 1.2em 3.2em 0;
		}
		#header  .rightCol ul li {
			float: left;
			border-right: 1px solid #cfd1b7;
			margin: 0 .4em 0 0;
			padding: 0 .4em 0 0;
			line-height: 1.0em;
		}
		#header  .rightCol ul li.last {
			border-right: 0;
			margin: 0;
			padding: 0;
		}
		
/*  navigation
**********************************************************/
#navigation {
	background: #534533;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}
	#navigation ul {
		position: relative;
		left: .3em;
		*left: .6em;
	}
		#navigation ul li {
		
			float: left;
			font-size: .9em;
			text-transform: uppercase;
			border-right: 1px solid #fff;
			line-height: 1.0em;
			position: relative;
			
			
		}
		#navigation ul li.last {
			border-right: 0;
			
	
		}
			#navigation ul li a {
				color: #fff;
				padding: 1.3em .86em;
				display: block;
				float: left;
			}
			body:first-of-type #navigation ul li a {
				padding: 1.3em .54em;
			}
			#navigation ul li a:hover { color: #eb352a; }
			
			#navigation ul ul {
				position: absolute;
				z-index: 500;
				top: 3.7em;
				left: 0;
				padding: .2em 0 0 0;
				width: 12.0em;
				display: none;
				background: #534533;
				*clear:left;
			}	
			#navigation ul li.first ul { left: -.3em; *left: -.55em; }
				#navigation ul ul li {
					border-right: 0;
					float: none;
					font-style: normal;
					padding: 0;
					font-size: 1em;
					border-bottom: 1px solid #fff;
				}		
#navigation ul ul li.last { border-bottom: 0; }				
				#navigation ul ul li a {
					
					line-height: 1.4em;
					padding: .6em .77em .9em .77em;
	
				}	
				
		div#navigation li:hover {
			cursor: pointer;
			z-index: 100;
		}
		div#navigation li:hover ul ul,
		div#navigation li li:hover ul ul,
		div#navigation li li li:hover ul ul,
		div#navigation li li li li:hover ul ul { 
			display:none; 	
		}
	
		div#navigation li:hover ul,
		div#navigation li li:hover ul,
		div#navigation li li li:hover ul,
		div#navigation li li li li:hover ul { display:block; }

			
/*  footer
**********************************************************/
#footer {
	background: #534533;
	padding: 2.3em 0;
	text-align: center;
}
	#footer ul {
		margin: 0 0 1.2em 0;
		position: relative;
		left: 3.5em;
	}
		#footer ul li {
			float: left;
			font-size: 1.0em;
			border-right: 1px solid #cfd1b7;
			margin: 0 .4em 0 0;
			padding: 0 .4em 0 0;
		}
		#footer ul li.last {
			border-right: 0;
			margin: 0;
			padding: 0;
		}
		#footer p, #footer  address {
			font-size: 1.0em;
			color: #cfd1b7;
			margin: 0;
			line-height: 1.3em;
			
		}	
			#footer  address span { margin: 0 .5em; }
			
			
			
/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{
	cursor: default;
	list-style: none;
	float: left;
}

.hoverbox a
{
	cursor: default;
	z-index: 1;
}

.hoverbox a .preview
{
	display: none;
	position: absolute;
	top: -120px;
	left: -100px;
	z-index: 2;
}

.hoverbox a:hover .preview
{
	/* display: block; */

}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 0px;
	vertical-align: top;
	width: 125px;
	height: 125px;
	z-index: 1;
}

.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	width: 300px;
	height: 300px;
	z-index: 2;
}
.iteminfo {
	float: right;
	width: 105px;
	padding-right: 3px;
}

#productlinks a:link {
color:black;
}

#productlinks a:visited{
color:black;
}

#productlinks a:hover{
color:black;
}