A:link  {color: #8d913f; text-decoration: underline; font-style:italic;font-family:Arial; font-size:11pt;}
A:active {color: #8d913f; text-decoration: underline; font-style:italic;font-family:Arial; font-size:11pt;}
A:visited {color: #8d913f; text-decoration: underline; font-style:italic;font-family:Arial; font-size:11pt;}
A: {color: #8d913f; text-decoration: underline; font-style:italic;font-family:Arial; font-size:11pt;}
A:hover {color: Black; text-decoration: underline; font-style:italic;font-family:Arial; font-size:11pt;}


.buttonHeader {font-family: Arial; font-size:10pt; font-variant: small-caps; font-weight:600; color:White; width:139px;}
.buttonTop {font-family: Arial; font-size:10pt; font-variant: small-caps; font-weight:600; color:White;}
.buttonText {font-family: Arial; font-size: 8pt; font-variant: small-caps; color:#e0e7f4; width:139px; height:25px;}
.bottomText {font-family: Arial; font-size: 8pt; font-variant: small-caps; color:#505a5a;}

.textBorder {border:solid 1px #849795; background-color:White; width:936px}
.textColor {font-family:Arial; color:#505a5a; font-size:11pt; line-height:25px;}
.textColor2 {font-family:Arial; color:#505a5a; font-size:13pt; font-variant:small-caps;}

.mainPageSeperator {border-right:solid 1px #849795;}

.mainPageTable {border-right:solid 1px #849795;}

.mainBanner
{
  background-repeat:no-repeat;
  background-image: url('../images/NewLook/img1');    
}

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

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{

}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 0;
border: 0;
left: -1000px;
visibility: hidden;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 31px; /*position where enlarged image should offset horizontally */
top: -264px;
z-index: 50;
}





/* The following code is for the default menu slider 
Based off of code from http://store.steampowered.com/ */

A.cluster_capsule:link {
	text-decoration: none;
	font-style:normal;
	font-family:Arial;
	font-size:16pt;
	font-weight:bold;
  font-variant:small-caps;
}
A.cluster_capsule:active{
	text-decoration: none;
	font-style:normal;
	font-family:Arial;
	font-size:16pt;
	font-weight:bold;
  font-variant:small-caps;
}
A.cluster_capsule:visited{
	text-decoration: none;
	font-style:normal;
	font-family:Arial;
	font-size:16pt;
	font-weight:bold;
  font-variant:small-caps;
}
A.cluster_capsule: {
	text-decoration: none;
	font-style:normal;
	font-family:Arial;
	font-size:16pt;
	font-weight:bold;
  font-variant:small-caps;
}
A.cluster_capsule:hover {
	text-decoration: none;
	font-style:normal;
	font-family:Arial;
	font-size:16pt;
	font-weight:bold;
  font-variant:small-caps;
}

.main_cluster_content {
	position: relative;
	width: 568px;
	height: 180px;
	overflow: hidden;
}

.cluster_scroll_area {
	position: relative; 
	left: 0px;
}


.cluster_capsule {
	display: block;
	float: left;
	margin-right: 4px;
	position: relative;
}



.main_cluster_content .cluster_capsule {
	width: 568px; 
	height: 180px;
}


.main_cluster_content img.cluster_capsule_image {
	width: 568px;
	height: 180px;
	position: relative;
}


.main_cap_desc {
	position: absolute;
	left: 0px;
	bottom: 0px;
	
	width: 568px;
	height: 40px;
	overflow: hidden;
}


.main_cap_desc .desc_overlay {
	position: absolute;
	width: 568px;
	height: 40px;
	background-color: #dbdfde;
	border-top: solid 1px #849795;
	opacity: 0.9;	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
}

.main_cap_desc2 {
	position: absolute;
	left: 0px;
	bottom: 0px;
	
	width: 568px;
	height: 60px;
	overflow: hidden;
}

.main_cap_desc2 .desc_overlay2 {
	position: absolute;
	width: 568px;
	height: 60px;
	background-color: #dbdfde;
	border-top: solid 1px #849795;
	opacity: 0.9;	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
}


.main_cap_desc .main_cap_platform_area {
	position: absolute;
}


.main_cap_desc .main_cap_content {
	position: relative;
	
	color: #505a5a;
	font-size: 14px;
	
	height: 50px;
	
	overflow: hidden;
  margin-bottom:5px;
  padding-left:10px;
}

.main_cap_desc2 .main_cap_content {
	position: relative;
	
	color: #505a5a;
	font-size: 14px;
	
	height: 50px;
	
	overflow: hidden;
  margin-bottom:5px;
  padding-left:10px;
}

.main_cap_desc .main_cap_content {
	position: relative;
	
	color: #505a5a;
	font-size: 14px;
	
	height: 50px;
	
	overflow: hidden;
  margin-bottom:5px;
	padding-left:10px;
}

.main_cap_desc2 .main_cap_content {
	position: relative;
	
	color: #505a5a;
	font-size: 14px;
	
	height: 50px;
	
	overflow: hidden;
  margin-bottom:5px;
	padding-left:10px;
}


.main_cap_content h1 {
	white-space: nowrap;
}


.main_cap_desc .main_cap_platform_area {
	position: absolute;
}


img.platform_small, img.platform_img {
	vertical-align: middle;
}


.cluster_control_left, .cluster_control_right {
	position: absolute;
	top: 15px;
	color: #505a5a;
	background-color: #cddedc;
	padding: 5px 5px 5px 5px;
	cursor: pointer;
  font-size:10pt;
  font-weight:bold;
  font-variant:small-caps;
}

.cluster_control_left {
	left: 0px;
	padding-right: 16px;
  border-top:solid 1px #849795;
  border-right:solid 1px #849795;
  border-bottom:solid 1px #849795;
}

.cluster_control_right {
	right: 0px;
	text-align: right;
	padding-left: 16px;
	border-top:solid 1px #849795;
	border-left:solid 1px #849795;
	border-bottom:solid 1px #849795;
}

.large_cluster_content_twoup .cluster_control_left {
	border-left: 1px solid #d2d7d6;
}



.large_cluster_content_twoup .cluster_control_right {
	border-right: 1px solid #d2d7d6;
}

div.slider { 
	height: 17px; 
	position: relative;
	background-color:#d2d7d6; 
}

div.slider div.handle {
	position: absolute;
	top: 0px;
	 
	width: 100px; 
	height: 15px;  
	cursor: pointer; 
	
	background-color: #d2d7d6;
	background-position: left;
}

div.slider div.handle:hover {
	background-position: right;
}

div.slider div.handle {
	position: absolute;
	top: 0px;
	 
	width: 60px; 
	height: 15px;  
	cursor: pointer; 
	
	background-image: url( ../images/control_slider.gif );
	background-repeat: no-repeat; 
	background-position: left;
}

div.slider div.handle:hover {
	background-position: right;
}

#home_main_cluster {
	margin-bottom: 7px;
}

#main_cluster_control_ctn {
	height: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
}