body {
	background-image:url(/images/site-bkg.gif);
	/*background-image:url(/gdms/images/index-img-main-bkg.gif);*/
	background-position:top;
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	color:#666666;
	margin:0px;
}
h3 {
	font-weight:bold;
	text-transform:uppercase;
	font-size:14px;
}
a {
	text-decoration:none;
	color:#666666;
	}
a:hover {
	text-decoration:none;
	color:#4c6ec5;
	}	
img {
	border:0px;
}
	
.clear	{
	clear:both;
	}

#container {
	width:975px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	}
#container2 {
	width:975px;
	padding-top:20px;
	margin-top:0px;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	}
#page {
	background-color:#FFFFFF;
}

.pagecontent {
	padding:5px 15px 15px 15px;
}
#footerfullwidth {
	width:100%;
	margin:0px auto;
	position:relative;
	background-image:url(/images/ftr-bkg.gif);
	background-repeat:repeat-x;
	}
#indexbuttons {
	margin-left:auto;
	margin-right:auto;
	z-index:10;
	position:absolute;
	top:400px;
	width:975px;
	}
.indexbutton {
	background-image:url(/images/gdms_index_button_shdw.png); 
	width:228px; 
	height:28px; 
	background-repeat:no-repeat;
	border:solid 1px #FFFFFF;
	margin:0px 5px;
	display:inline-block;
	cursor:pointer; 
	float:left;
}
.buttontext {
	font-size:13px; 
	text-transform:uppercase; 
	font-weight:bold; 
	color:#FFFFFF; 
	text-align:center; 
	padding:7px 5px 5px 5px;
	clear:both;
	}
	
		#targeted {
		float:right;
		position:absolute;
		right:2px;
		top:80px;
		}
/*#navigation {
	position:absolute;	
	top:73px;
	width:650px;
	z-index:10;
	}	*/
/*.navigation {
	position:absolute;	
	top:95px;
	width:975px;
	z-index:10;	
	}*/
.navigation a {
	padding-top:5px;
	float:left;
	height:26px;
	margin-right:20px;
	color:#FFFFFF;
	}
.navigation a:hover {
	float:left;
	height:26px;
	margin-right:20px;
	color:#4c6ec5;
	}	
.navdivider {
	float:left;
	height:27px;
	width:1px;
	margin-right:20px;
	background-image:url(/images/hdr-nav-divider.gif)
	}
.footer {
	font-size:10px;
	color:#666666;
	text-align:left;
	margin:20px;
	}	
.socialmedia {
	float:left;
	padding:0px 4px;
	}	
ul {
	list-style:outside;
	margin:0px 0px 5px 25px;
	}	
li {
	padding:0px 0px 4px 0px;
	}	
.buttons {
	float:left;
	cursor:pointer;
	width:275px;
	margin-top:20px;
	/*text-align:center;*/
	}
/* PNG Fix below*/
/*.png { behavior: url(/iphone/includes/iepngfix.htc) }*/
img, div, td { behavior: url(/includes/iepngfix.htc) }

.uppercase {
	text-transform:uppercase;
	}
#social {
width:150px;
float:left;
color:#666666;
font-weight:normal;
font-size:12px;
}
.bnr3x {
	float:left;
	padding-left:30px;
	}
.textfooter {
	float:left;
	padding:35px 0px 0px 25px;
	width:190px;
	}
.textfooter .links  {
	padding:10px 0px 0px 0px;
	font-size:11px;
	}	
.btmlink {
	background:url(/images/btm-shadow3.png) top right no-repeat;
	border:1px solid #fff;
	height:19px;
	padding-top:3px;
	color:#FFF;
	width:100%;
	font-weight:bold;
	font-size:12px;
}

.btmlink:hover {
	/*background:url(/images/btm-shadow.png) top no-repeat;*/
	/*background:#cccccc;*/
	background:url(/images/btm-shadow-over.png) top right no-repeat;
	/*border:1px solid #000;*/
	height:19px;
	padding-top:3px;
	
}

.btmlink a {
color:#fff;
height:17px;
font-size:13px;
}
.btmlink a:hover {
	/*color:#4c6ec5;*/
	color:#000;
	}	
.hdrquantity {
	opacity:0.7;
	filter:alpha(opacity=70);
	/*padding:15px;
	float:right;b
	ackground-image:url(/images/int-cat-hdr-shadow.jpg); 
	background-repeat:no-repeat; 
	background-position:top right; 
	width:200px; 
	height:60px;
	text-align:right*/  
	font-size:18px; 
	color:#FFFFFF; 
	text-transform:uppercase; 
	
	}
.hdrquantityfullwidth {
	float:right; 
	padding:15px; 
	width:190px; 
	font-size:13px; 
	color:#FFFFFF; 
	text-transform:uppercase; 
	text-align:right
}

<!--- NEW Drop Down Navigation --->

.navigation {
	position:relative;
	z-index:100;
	width:975px;
	margin-left:auto;
	margin-right:auto;
}
.navsub {
	background-color: #FFFFFF;
	display: none;
	position: absolute;
	width: 175px;
	font-size:12px;
	z-index: 100;
	margin-left:0px;
	top:120px;
}
.navsuboff {
	color:#FFF6D1;
	background-color: #4C6EC5;
	text-align: left;
	font-size:12px;
	z-index: 100;
	padding:7px;
	border-color:#FFFFFF;
	border-width:0px 1px 1px 1px;
	border-style:solid;
}
.navsubon {
	color: #FFFFFF;
	background-color: #000000;
	text-align: left;
	cursor: pointer;
	cursor: hand;
	font-size:12px;
	z-index: 100;
	padding:7px;
	border-color:#FFFFFF;
	border-width:0px 1px 1px 1px;
	border-style:solid;
}

.border {
	border: 1px solid #F5EFE1;
}

	
	
	/* remove the list style */
	#nav {
		margin:0; 
		padding:0; 
		list-style:none;
		width:220px;
		float:left;
	}	
	
		/* make the LI display inline */
		/* it's position relative so that position absolute */
		/* can be used in submenu */
		#nav li {
			float:left; 
			display:block; 
			/*width:100px; */
			/*background:#ccc; */
			position:relative;
			z-index:500; 
			margin:0 0px;
		}

		#nav li li {
			color:#fff;
			background-color: #4C6EC5;
			text-align: left;
			font-size:12px;
			z-index: 100;
			padding:0px;
			border-color:#FFFFFF;
			border-width:0px 1px 0px 1px;
			border-style:solid;
		}

		#nav li ul {
			margin-top:28px;
		}

		#nav li li:hover {
			color:#fff;
			background-color: #000;
		}
		
		/* this is the parent menu */
		#nav li a {
			display:block; 
			/*padding:8px 5px 0 5px; */
			/*font-weight:700;  */
			height:23px; 
			text-decoration:none; 
			color:#fff; 
			text-align:center; 
			/*color:#333;*/
		}

		#nav li ul li a {
			text-align:left; 
			color:#fff;
		}

		#nav li ul li a:hover {
			text-decoration:none;
			color:#fff;
		}
 
		#nav li a:hover {
			color:#fff;
			text-decoration:none;
		}
	
		/* you can make a different style for default selected value */
		#nav a.selected {
			color:#f00;
		}
	
		/* submenu, it's hidden by default */
		#nav ul {
			position:absolute; 
			left:0; 
			display:none; 
			margin:0 0 0 -1px; 
			padding:0; 
			list-style:none;
		}
		
		#nav ul li {
			width:200px; 
			float:left; 
			border-top:1px solid #fff;
			text-align:left;
		}
		
		/* display block will make the link fill the whole area of LI */
		#nav ul a {
			display:block;  
			height:15px;
			padding: 6px 4px; 
			color:#666;
		}
		
		#nav ul a:hover {
			text-decoration:underline;	
		}
 
		/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file : ) */
		*html #nav ul {
			margin:0 0 0 -2px;
		}	
		.navbutton {
		float:left;	
		}
		
    /*.productimage { position:relative; z-index:0;}*/
    
	.overlayLG { margin-left:-10px;width:440px;margin-top:-20px;background-image:none; position:absolute; z-index:1;height:150px;clear:both;}
    .overlayLG:hover { background-image:url(/images/samples_lg.png) ;}		
    a:hover .overlayLG { background-image:url(/images/samples_lg.png) ;}	
	
.overlay { margin-top:40px;margin-left:-10px;background-image:none; position:absolute; z-index:1; width:250px; height:300px;clear:both;}
    .overlay:hover { background-image:url(/images/samples.png) ;}		
    a:hover .overlay { background-image:url(/images/samples.png) ;}		
	
	
		/*ul.hover_block { display: block; overflow: hidden; height: 1%; padding-bottom: 15px; margin-left:-10px; }		*/
		ul.hover_block li, ul.hover_block2 li {
			list-style:none;
			float:left;
			background: #fff;
			padding: 0px;
			width:210px; position: relative;
			margin:0; }
		ul.hover_block li a, ul.hover_block2 li a {
			display: block;
			position: relative;
			overflow: hidden;
			height: 250px;
			width: 210px;
			/*padding: 16px;*/
			color: #000;
			font: 1.6em/1.3 Helvetica, Arial, sans-serif;
		}
		ul.hover_block li a, ul.hover_block2 li a { text-decoration: none; }
		ul.hover_block2 li #slide {
			position: absolute;
			top: 30px;
			left: -300px;
			border: 0;
			margin-left:-10px;
		}	
		ul.hover_block li #slide2 {
			position: absolute;
			top: -25px;
			left: -420px;
			border: 0;
			margin-left:-10px;
		}