/* CSS Document */
body {
  margin: 0;
  padding: 0;
  height:100%;
  background-color:#ffffff;
  font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color:#000000;
}
#front {
	position:absolute;  
	margin-top:8%; 
	margin-bottom:8%;
	text-align:center;
	width:100%;
	background-color: #262626;
}

a {
color:#ffffff;
text-decoration:none;
}

#top {
  position:absolute;
  top:0;
  padding:0;
  width:100%;
  height:3%; /* works only if parent container is assigned a height value */
  background:#333332;
}

#intlayer {
  position:absolute;
  top:3%;
  width: 100%;
  background-image:url(images/grad1.gif);
  background-repeat: repeat-x;
  z-index:300;
}

#intlayer2 {
  position:absolute;
  top:80%;
  width: 100%;
  background-image:url(images/grad2.gif);
  background-repeat: repeat-x;
  z-index:300;
}


#middle {
	position:absolute;
	top:9%;
	left:3%;
	padding:0;
	width:97%;
	height:72%; /* works only if parent container is assigned a height value */
	overflow:hidden;
	z-index:101;
	background-color: #FFFFFF;
}

#middle2 {
	position:absolute;
	top:4%;
	left:3%;
	padding:0;
	width:97%;
	height:77%; /* works only if parent container is assigned a height value */
	overflow:hidden;
	z-index:101;
	background-color: #262626;
}

#storetext {
	position:absolute;
	top:26%;
	left:3%;
	padding:0;
	width:30%;
	height:99%; /* works only if parent container is assigned a height value */
	overflow:hidden;
	z-index:101;
	background-color: #262626;
	color:#ffffff;
	  font-size:small; 
  font-family:Verdana;
  font-weight:bold;
}

#storeimages1 {
	position:absolute;
	top:0%;
	left:33%;
	height:99%;
	padding:0;
	width:35%;
	overflow:hidden;
	z-index:101;
	background-color: #262626;
	vertical-align:top;
}

#storeimages2 {
	position:absolute;
	top:0%;
	height:99%;
	left:58%;
	padding:0;
	width:42%;
	overflow:hidden;
	z-index:101;
	background-color: #262626;
}

#cardinfo {
	position:absolute;
	top:6%;
	height:100%;
	left:3%;
	width:97%;
	color:#ffffff;
	font-family: Verdana, Helvetica, sans-serif, Arial;
	font-size: 12px;
	line-height: 16px;
}
#forminfo {
	position:absolute;
	top:5%;
	height:100%;
	left:5%;
	width:92%;
	color:#ffffff;
	font-family: Verdana, Helvetica, sans-serif, Arial;
	font-size: 12px;
	text-align:justify;
	line-height: 16px;
}

.fill {
 background: #ffffff !important;
}

#wn2	{
	/*clip:rect(0px, 200px, 400px, 0px);*/
	overflow:hidden;
	z-index:1;
	}

table#imgTbl td { }

div.content { 
  position:absolute; visibility:hidden; 
  left:0; top:0; z-index:1 
  }  
  
#bottom {
  position:absolute;
  top:81%;
  padding:0;
  width:100%;
  height:19%; /* works only if parent container is assigned a height value */
  background:#333332;
  z-index:50;
}

#bottom2 {
  position:absolute;
  top:81%;
  padding:0;
  width:100%;
  height:19%; /* works only if parent container is assigned a height value */
  background:#333332;
  z-index:50;
}

#nav {
  position:absolute;
  bottom:22%;
  margin-left:20%;
  color:#747272;
  font-size:small; 
  font-family:Verdana;
  font-weight:bold;
}

#nav a{
  color:#747272;
  
  text-decoration:none;
}
#nav a:hover{
  color:#ffffff;
  
  text-decoration:none;
}

#nav a:visited{
  color:ffffff;
 
  text-decoration:none;
}

#nav2 {
  position:absolute;
  bottom:22%;
  margin-left:20%;
  color:#747272;
  font-size:small; 
  font-family:Verdana;
  font-weight:bold;
}

#nav2 a{
  color:#747272;
  
  text-decoration:none;
}
#nav2 a:hover{
  color:#ffffff;
  
  text-decoration:none;
}

#nav2 a:visited{
  color:ffffff;
 
  text-decoration:none;
}