/*footer*/

 /*import the sitewide footer structure */
 
 @import url("http://www.wildplanet.com/sitewide/footerStructure.css");

/*Main Skeleflex CSS Doc*/

/* GENERAL STYLES 
==============================================*/
html {
	background-color:#242424 !important; 
	
}
body {
	font-family: Helvetica, Arial, sans-serif;
	color:#FFFFFF;
	background:#242424 url("../images/browser-bg.gif") center top repeat-y;
	width:100%;
		}

#container {
	margin-left:auto;
	margin-right:auto;
	width:959px;
}

.clear {
	clear:both;
}

.left {
	float:left;
}

.right {
	float:right;
}
a {
	color: #fff;
	}
	
a:hover {
	color: #FFFF33;
	}
	
p {
	line-height:150%;
	font-size:80%;
	}

h1, h2, h3, h4 {
	font-family: Arial, Helvetica, sans-serif;
	}
	
:focus {
	outline: none;
	}
/* HEADER STYLES 
==============================================*/
#header_green, #header_blue, #header_red, #header_blue_red {
	width:959px;
	height:111px;
	position:relative;
}
#header_green {
	background: #000000 url("../images/header_bg_green.jpg") left top no-repeat;
}
#header_blue {
	background: #000000 url("../images/header_bg_blue.jpg") left top no-repeat;
}
#header_red {
	background: #000000 url("../images/header_bg_red.jpg") left top no-repeat;
}
#header_blue_red {
	background: #000000 url("../images/header_bg_blue_red.jpg") left top no-repeat;
}

#logo a {
	background: transparent url("../images/logo.png") left top no-repeat;
	width:325px;
	height:99px;
	position:absolute;
	top:10px;
	left:32px;
	display: block;
	text-indent: -9999px;
}
body.alienStyle #logo a {
	background: transparent url("../images/logoAliens.png") left top no-repeat;
}
body.warriorStyle #logo a {
	background: transparent url("../images/logoWarriors.png") left top no-repeat;
}
#title {
	margin-top:20px;
	margin-left:20px;
	color: #CCCCCC;
	font-size:170%;
	float:left;
}

/* MAIN NAV STYLES 
==============================================*/

#nav {
	position:absolute;
	top:40px;
	right:32px;
}

#nav ul li {
	float:left;
	width: 118px;
}
		
#nav ul li#collect {
	width: 131px;
}
			
#nav ul li a{
	display:block;
	height: 41px;
	text-indent: -9999px;
	
}
#nav ul #creatures a {
	background: transparent url(../images/creature.gif) no-repeat 0 0;
}
	
#nav ul #bild a {
	background: transparent url(../images/bild.gif) no-repeat 0 0;
}
	
#nav ul #down a {
	background: transparent url(../images/down.gif) no-repeat 0 0;
	
}
#nav ul #forum a {
	background:transparent url(../images/forum.gif) no-repeat 0 0;
}
			
#nav ul #collect a {
	background: transparent url(../images/collect.gif) no-repeat 0 0;
}
	
/***Hover***/
#nav ul  #creatures a:hover, #nav ul #bild a:hover, #nav ul #down a:hover, #nav ul #forum a:hover, #nav ul #collect a:hover {
	background-position: 0 -41px;
}
	  
	
/* BREADCRUMB NAV STYLES 
==============================================*/		
#breadcrumb {
	background:#000000 url("../images/breadcrumb_bg.gif") top left repeat-x;
	width:100%;
	height:25px;
	/* border-top: #333333 1px solid;
	 border-bottom: #3D3D3D 1px solid; */
	 position:relative;
	text-align:right;
}
#breadcrumb ul {
	padding:1px 0px 0px 15px;
	text-align: left;
}
#breadcrumb ul li {
	font-size:.7em;
	float:left;
	margin-left:5px;
}
#breadcrumb ul li a {
	color: #fff;
	/* font-weight: bold; */
	text-decoration: none;
}
		
#breadcrumb ul li a:before {
	content: " / ";
}
			
#breadcrumb ul li a:hover {
	color: #FFFF33;
	text-decoration:none;
}
#breadcrumb #buyButton a {
	text-align: center;
	position:absolute;
	z-index:10;
	text-indent:-3000px;
	top:-20px;
	right:60px;
	font-size: 12px;
	font-weight: bold;
	color: #FFD500;
	width: 180px;
	height:60px;
	background-image:url(../images/buyBtn2.gif);
	background-position: 0px 0px;
	background-repeat:no-repeat;
	background-color:transparent;
	display:block;
	}
	
#buyButton a:hover {
	color: #000000!important;
	background-position: 0px -60px!important;
	/* background-color:#E5EBE5!important; */
	}

/* MAIN CONTENT STYLES 
==============================================*/

.hpFlashReplace {
	background-image:url(../images/homepageFlashReplace.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	height:355px;
	width:550px;
	position:relative;

}
.hpFlashReplace h3 {
	position:absolute;
	bottom: 26px;
	
}

.hpFlashReplace p {
	position:absolute;
	bottom: 12px;
}


#main_content_wrapper_green,
#main_content_wrapper_blue,
#main_content_wrapper_red,
#main_content_wrapper_blue_red {
	width:959px;
}
#main_content_wrapper_green {
	background:  url("../images/main_bg_green.gif") top left no-repeat;
}
#main_content_wrapper_blue {
	background:  url("../images/main_bg_blue.gif") top left no-repeat;
}
#main_content_wrapper_red {
	background:  url("../images/main_bg_red.jpg") top left no-repeat;
}
#main_content_wrapper_blue_red {
	background:  url("../images/main_bg_blue_red.jpg") top left no-repeat;
}

#main_content {
	margin-right:35px;
	margin-left:35px;
	padding:20px 0px 20px 0px
}


#main_content #frame {
	float:left;
	width:550px;
	height:355px;
	background-color:#000;
}

#main_content #description {
	float:right;
	width:280px;
	color:#FFFFFF;
	height:350px;
	/* overflow: hidden;
	text-align:justify; */
	position:relative;
	padding:0px 35px 0px 0px;
}

#main_content #description p {
	margin-bottom: 10px;
	}

#main_content #description ul li {
	font-size: 80%;
	margin: 5px 0 5px 15px;
	list-style: disc;
	}
	
#main_content h1 {
	font-size:240%;
	margin-bottom:7px;
	font-weight:bold;
}
#main_content #dino_sign {
	background: url("../images/dino_sign.gif") left top no-repeat;
	position:absolute;
	top:0px;
	left:-5px;
	width:105px;
	height:40px
}
#main_content #alien_sign {
	background: url("../images/alien_sign.gif") left top no-repeat; 
	position:absolute;
	top:0px;
	left:0px;
	width:110px;
	height:40px;

}
#main_content #warriors_sign {
	background: url("../images/pghWarriors.gif") left top no-repeat; 
	position:absolute;
	top:0px;
	left:0px;
	width:134px;
	height:40px;
}

#main_content #microdinos_sign {
	background: url("../images/pghMicroDinos.gif") left top no-repeat;
	position:absolute;
	top:0px;
	left:0px;
	width:134px;
	height:40px;
}	

#main_content #battlepack_sign {
	background: url("../images/pghBattle.gif") left top no-repeat;
	position:absolute;
	top:0px;
	left:0px;
	width:87px;
	height:60px;
}

#main_content .warriors_title, #main_content .microdinos_title, #main_content .battlepack_title {
	text-indent: -3000px;
} 
#main_content #description h3 {
	font-size:1.4em;
	margin: 1em 0em .5em;
}
	
#main_content_creatures .alien_title,
#main_content_creatures .dino_title,
#main_content_collect .alien_title,
#main_content_collect .dino_title {
	font-size:100%;
	margin-bottom:20px;
	font-weight:normal;
	text-align:center;
}
#main_content .dino_title {
	font-size:100%;
	margin-bottom:20px;
	font-weight:normal;
}
		

		
#main_content h2 {
	font-size:180%;
	margin-bottom:7px;
	font-weight:bold;
}
#main_content .t-rex {
	font-size:125%;
}

/* MAIN CONTENT INDIVIDUAL CREATURE BOX */
#main_content #collect_skeleflex_box {
	margin-top:30px;

} 
#main_content #collect_skeleflex_box h3 {
	font-size:110%;
	margin-bottom:3px;
	font-weight:bold;
}
#main_content #collect_skeleflex_box a {
	font-size:85%;
	color:#FFFF33;
	text-decoration:none;
	display:block;
	margin-bottom:7px;
}
#main_content #collect_skeleflex_box img {
	padding-right:5px;
}
#main_content #collect_skeleflex_box p {
	font-weight:bold;
	margin-top:30px;
	display:block;
}
#main_content #collect_skeleflex_box input  {
	margin-right:10px;
	float:left;
}
/* MAIN CONTENT BUILD SKELEFLEX
==============================================*/
#main_content #left_column {
	float:left;
	width:700px;
	
}
#main_content #left_column h1 {
	font-size:1.5em;
	margin: 0 15px 15px 0;
	border-bottom: 1px solid #fff;
}

#main_content #left_column h2 {
	font-size:1.2em;
	margin-bottom:15px;
	color: #ffff33;
}	
	
#main_content #left_column p {
	padding-bottom: 10px;
}

#main_content #left_column .flexible {
	float:left;
	margin-right:15px;
	margin-bottom:30px
}
#main_content #left_column .lower_flex_box {
	float:left;
	width:320px;
	margin-right:30px;
}
#main_content #left_column .upper_flex_box {
	margin-bottom:30px;
	padding-right:15px;
}
		
div.desktop {
	float: left;
	margin: 10px 20px 10px 20px;
	width: 300px;
	text-align: center;
}
			
div.desktop p {
	margin: 10px;
}
		
p.desktop a img  {
float: left;
width: 300px;
}
		
			
#main_content #left_column .build_sign {
	margin-bottom:15px;
}
	
#main_content #right_column {
	float:right;
	width:130px; 
}
#main_content #right_column .right_column_sign {
	background: url("../images/build_and_rebuild.gif") top left no-repeat;
	margin-bottom:20px;
}
#main_content #right_column #frame_top {
	width:130px;
	height:19px;
	background: url("../images/frame_top.png") top left no-repeat;
}
#main_content #right_column #frame_mid {
	background: url("../images/frame_mid.gif") top left repeat-y;
	padding:0px 15px 0px 15px;
	text-align:justify;
}
#main_content #right_column #frame_mid p {
}

#main_content #right_column #frame_bottom {
	width:130px;
	height:19px;
	background: url("../images/frame_bottom.png") top left no-repeat;
}
	
	
#instructions {
	margin-top: 20px;
	border: 1px solid #666;
	background: transparent url(../images/instructionsBg.png) 0 0;
	padding: 5px;
		}
	
#instructions h3, #instructions h4  {
	color: #fff200;
	font-weight: bold;
	}

#instructions h4 {
	text-align: left !important;
	margin: 10px 0;
	padding: 0;
	}
		
#instructions p {
	margin: 10px 0;
	}
	
#instructions ul li a {
	font-size: 12px;
	padding-left: 5px;
	}

/* MAIN CONTENT CREATURES
==============================================*/
#main_content_creatures {
	margin-right:50px;
	margin-left:71px;
	padding:20px 0px 20px 0px

}

#main_content_creatures p,
#main_content_collect p {
	color:#FFFFFF;
}
#main_content_creatures #dino_creatures .padding,
#main_content_creatures #alien_creatures .padding {
	padding:135px 20px 15px 20px;
}
#main_content_creatures a,
#main_content_creatures a {
	text-decoration:none;
}
#main_content_creatures #dino_creatures .creature_text,
#main_content_creatures #alien_creatures .creature_text,
#main_content_collect #dino_creatures .creature_text,
#main_content_collect #alien_creatures .creature_text {
	font-size:70%;
}


/* WARRIORS */

#main_content_creatures #warrior_creatures {
	float:left;
	width:410px;
	position:relative;
}


/* DINOS */
#main_content_creatures #dino_creatures {
	float:left;
	width:410px;
	position:relative;
}

#main_content_creatures #dino_creatures #dino_sign_big {
	background: url("../images/dino_sign_big.jpg") top left no-repeat;
	width:222px;
	height:71px;
	position:absolute;
	top:-2px;
	left:98px;
}

#main_content_creatures #dino_creatures #tri_frame,
#main_content_creatures #dino_creatures #cer_frame,
#main_content_creatures #dino_creatures #ples_frame,
#main_content_creatures #dino_creatures #steg_frame,
#main_content_creatures #dino_creatures #spin_frame,
#main_content_creatures #dino_creatures #vel_frame 
{
	width:180px;
	height:220px;
	float:left;
	text-align:left;
	
}
#main_content_creatures #dino_creatures #tri_frame {
	background: url("../images/dinos/triceratops_framed.jpg") top left no-repeat;
	margin-top:38px;
	margin-left:10px;
}
#main_content_creatures #dino_creatures #cer_frame {
	background: url("../images/dinos/ceratosaur_framed.jpg") top left no-repeat;
	margin-top:38px;
	margin-left:25px;
}
#main_content_creatures #dino_creatures #ples_frame {
	background: url("../images/dinos/plesiosaur_framed.jpg") top left no-repeat;
	margin-top:25px;
	margin-left:10px;

}
#main_content_creatures #dino_creatures #steg_frame {
	background: url("../images/dinos/stegosaurus_framed.jpg") top left no-repeat;
	margin-top:25px;
	margin-left:25px;
}
#main_content_creatures #dino_creatures #spin_frame {
	background: url("../images/dinos/spinosaurus_framed.jpg") top left no-repeat;
	margin-top:25px;
	margin-left:10px;
}
#main_content_creatures #dino_creatures #vel_frame {
	background: url("../images/dinos/velociraptor_framed.jpg") top left no-repeat;
	margin-top:25px;
	margin-left:25px;
}
#main_content_creatures #dino_creatures #t-rex_frame {
	background: url("../images/dinos/t-rex_framed.jpg") top left no-repeat;
	margin-top:25px;
	width:378px;
	height:220px;
	float:left;
	text-align:left;
	margin-left:10px;
}
#main_content_creatures #dino_creatures #t-rex_padding {
	padding:100px 25px 20px 215px;
}

/* ALIENS */
#main_content_creatures #alien_creatures {
	float:right;
	width:400px;
	position:relative;
}	
#main_content_creatures #alien_creatures #alien_sign_big {
	background: url("../images/alien_sign_big.jpg") top left no-repeat;
	width:222px;
	height:71px;
	position:absolute;
	top:-2px;
	left:110px;
}
	
#main_content_creatures #alien_creatures #skor_frame,
#main_content_creatures #alien_creatures #octo_frame,
#main_content_creatures #alien_creatures #aka_frame,
#main_content_creatures #alien_creatures #quad_frame,
#main_content_creatures #alien_creatures #fang_frame,
#main_content_creatures #alien_creatures #skull_frame 
{
	width:180px;
	height:220px;
	float:left;
	text-align:left;
}
#main_content_creatures #alien_creatures #skor_frame {
	background: url("../images/aliens/skorflex_framed.jpg") top left no-repeat;
	margin-top:36px;
	
}
#main_content_creatures #alien_creatures #octo_frame {
	background: url("../images/aliens/octoattack_framed.jpg") top left no-repeat;
	margin-top:36px;
	margin-left:25px;
}
#main_content_creatures #alien_creatures #aka_frame {
	background: url("../images/aliens/akafly_framed.jpg") top left no-repeat;
	margin-top:25px;
}
#main_content_creatures #alien_creatures #quad_frame {
	background: url("../images/aliens/quadmo_framed.jpg") top left no-repeat;
	margin-top:25px;
	margin-left:25px;
}
#main_content_creatures #alien_creatures #fang_frame {
	background: url("../images/aliens/fangoflex_framed.jpg") top left no-repeat;
	margin-top:25px;
}
#main_content_creatures #alien_creatures #skull_frame {
	background: url("../images/aliens/skullkor_framed.jpg") top left no-repeat;
	margin-top:25px;
	margin-left:25px;
}

/* MAIN CONTENT COLLECT SKELEFLEX 
==============================================*/
#main_content_collect {
	margin-left:71px;
	padding:20px 0px 20px 0px;
}

#main_content_collect #warrior_creatures form, 
#main_content_collect #microdino_creatures form, 
#main_content_collect #battlepack_creatures form, 
#main_content_collect #dino_creatures form, 
#main_content_collect #alien_creatures form {
	position:absolute;
	top:33px;
	left:200px;
	width:160px;
	height:20px;
}
	
#main_content_collect #warrior_creatures p, 
#main_content_collect #microdino_creatures p, 
#main_content_collect #battlepack_creatures p, 
#main_content_collect #dino_creatures p,
#main_content_collect #alien_creatures p {
	float:left;
	display:block;
}
#main_content_collect #warrior_creatures p input, 
#main_content_collect #microdino_creatures p input, 
#main_content_collect #battlepack_creatures p input, 
#main_content_collect #dino_creatures p input, 
#main_content_collect #alien_creatures p input {
	margin-right:5px;
}
	
#main_content_collect #explain {
	width: 80%;
	padding: 20px;
	}
		
.collectCreature {
	width:355px;
	height:170px;
	float:left;
	border:1px solid #161616;
	position:relative;
	background-color:#000000;
	margin-left:25px;
	top: 20px;
}
.collectCreatureNoFloat {
	width:355px;
	height:170px;
	float:left;
	border:1px solid #161616;
	position:relative;
	background-color:#000000;
	margin: 0px 0px 50px 0px;
	top: 20px;
}

.collectCreature h3, .collectCreatureNoFloat h3 {
	text-indent: -9999px;
	}

.collectCreature p, .collectCreatureNoFloat p  {
	margin-top: 20px;
	}
	
.collectCreature p.first, .collectCreatureNoFloat p.first {
	margin-left: 200px;
	margin-right: 5px;
		}

		
/* Warriors */

#main_content_collect #warrior_creatures {
	float:left;
	width:360px;
	position:relative;
	
}
#main_content_collect #warrior_creatures #warrior_sign_collect {
	background: url("../images/warriorsSign.png") top left no-repeat;
	width:400px;
	height:50px;
	position:absolute;
	top:-3px;
	left:8px;
	text-indent: -9999px;
	padding-bottom: 10px;
}
#main_content_collect #warrior_creatures #skelestriker {
	background: #000000 url("../images/warriors/skelestrikerCollect.gif") left center no-repeat;
	margin-top:36px;
	}
#main_content_collect #warrior_creatures #centoro {
	background: #000000 url("../images/warriors/centoroCollect.gif") left center no-repeat;
	margin-top:36px;
	}
#main_content_collect #warrior_creatures #mynotorg {
	background: #000000 url("../images/warriors/mynotorgCollect.gif") left center no-repeat;
	margin-top:36px;
	}
#main_content_collect #warrior_creatures #gorillius {
	background: #000000 url("../images/warriors/gorilliusCollect.gif") left center no-repeat;
	margin-top:36px;
	}
	
	
/* micro dinos */
#main_content_collect #microdino_creatures {
	float:left;
	width:360px;
	position:relative;
	margin-left:45px;
}	
#main_content_collect #microdino_creatures #microdino_sign_collect {
	background: url("../images/microdinosSign.png") top left no-repeat;
	width:360px;
	height:71px;
	position:absolute;
	top:-3px;
	left:26px;
	text-indent: -9999px;
	padding-bottom: 10px;
}
	
#main_content_collect #microdino_creatures #microtrex {
	background:#000000 url("../images/microdinos/trexCollect.gif") left center no-repeat;
	margin-top:36px;
}
#main_content_collect #microdino_creatures #microstego {
	background:#000000 url("../images/microdinos/stegoCollect.gif") left center no-repeat;
	margin-top:36px;
}
#main_content_collect #microdino_creatures #microraptor {
	background:#000000 url("../images/microdinos/raptorCollect.gif") left center no-repeat;
	margin-top:36px;
}
	
	
/* Battle Packs  */
	
#main_content_collect #battlepack_creatures {
	float:left;
	width:760px;
	position:relative;
	margin-left:45px;

}	
#main_content_collect #battlepack_creatures #battlepack_sign_collect {
	background: url("../images/battleSign.png") top left no-repeat;
	width:206px;
	height:140px;
	margin: 0px auto -25px;
	position:relative;
	text-indent: -9999px;
	padding-bottom: 0px;
}

#main_content_collect #battlepack_creatures #sva {
	background:#000000 url("../images/battlepacks/svaCollect.gif") left center no-repeat;
	margin-top:36px;
}
#main_content_collect #battlepack_creatures #svo {
	background:#000000 url("../images/battlepacks/svoCollect.gif") left center no-repeat;
	margin-top:36px;
}
		
	
	
	
		
/* DINOS */
	#main_content_collect #dino_creatures {
	float:left;
	width:360px;
	position:relative;
	
}
#main_content_collect #dino_creatures #dino_sign_collect {
	background: url("../images/dino_sign.png") top left no-repeat;
	width:400px;
	height:50px;
	position:absolute;
	top:-3px;
	left:8px;
	text-indent: -9999px;
	padding-bottom: 10px;
}
	

#main_content_collect #dino_creatures #triceratops {
	background: #000000 url("../images/dinos/triceratops_collect.gif") left center no-repeat;
	margin-top:36px;
}
#main_content_collect #dino_creatures #ceratosaur {
	background:#000000 url("../images/dinos/ceratosaur_collect.gif") left center no-repeat;
	margin-top:25px;

}
#main_content_collect #dino_creatures #plesiosaur {
	background: #000000 url("../images/dinos/plesiosaur_collect.gif") left center no-repeat;
	margin-top:25px;

}
#main_content_collect #dino_creatures #stegosaurus {
	background:#000000 url("../images/dinos/stegosaurus_collect.gif") left center no-repeat;
	margin-top:25px;

}
#main_content_collect #dino_creatures #spinosaurus {
	background:#000000 url("../images/dinos/spinosaurus_collect.gif") left center no-repeat;
	margin-top:25px;
	
}
#main_content_collect #dino_creatures #velociraptor {
	background:#000000 url("../images/dinos/velociraptor_collect.gif") left center no-repeat;
	margin-top:25px;
	

}
#main_content_collect #dino_creatures #trex {
	background:#000000 url("../images/dinos/t-rex_collect.gif") left center no-repeat;
	margin-top:25px;
	width:380px;
	height:220px;
	border:1px #161616 solid;
	position:relative;
	float:left;
	padding:15px 0px 10px 0px;
	margin-left:25px;
}

/* ALIENS */
#main_content_collect #alien_creatures {
	float:left;
	width:360px;
	position:relative;
	margin-left:45px;
}	
#main_content_collect #alien_creatures #alien_sign_collect {
	background: url("../images/alien_sign.png") top left no-repeat;
	width:400px;
	height:71px;
	position:absolute;
	top:-3px;
	left:26px;
	text-indent: -9999px;
}

#main_content_collect #alien_creatures #skorflex {
	background:#000000 url("../images/aliens/skorflex_collect.gif") left center no-repeat;
	margin-top:25px;
	
}
#main_content_collect #alien_creatures #octoattack {
	background:#000000 url("../images/aliens/octoattack_collect.gif") left center no-repeat;
	margin-top:25px;

}
#main_content_collect #alien_creatures #akafly {
	background:#000000 url("../images/aliens/akafly_collect.gif") left center no-repeat;
	margin-top:25px;


}
#main_content_collect #alien_creatures #quadmo {
	background:#000000 url("../images/aliens/quadmo_collect.gif") left center no-repeat;
	margin-top:25px;

}
#main_content_collect #alien_creatures #fangoflex {
	background:#000000 url("../images/aliens/fangoflex_collect.gif") left center no-repeat;
	margin-top:36px;
	
}
#main_content_collect #alien_creatures #skullkor {
	background:#000000 url("../images/aliens/skullkor_collect.gif") left center no-repeat;
	margin-top:25px;

}

	

/* MAIN CONTENT PRODUCTS */
#main_content #main_products {
}

#main_content #flex {
	float:left;
	background: url("../images/flex.gif") left top no-repeat;
	width:193px;
	height:352px;
	margin-left:20px;
	position:relative;
}
#main_content #flex #talk_about {
	position:absolute;
	width:153px;
	height:50px;
	top:32px;
	left:18px;
}
#main_content h4 {
	font-size:75%;
	font-weight:bold;
	margin-bottom:3px;
	text-align:center;
}
#main_content #flex #talk_about p {
	font-size:70%;
	line-height:120%;
	text-align:justify;
}
		
/* DINOS */		

#main_content #main_products #dinos {
	background: url("../images/dino_frame.jpg") left top no-repeat;
	float:left;
	width:325px;
	height:352px;
}

#main_content #main_products #dinos ol {
	padding-top:57px;
	margin-left:55px;
	width:260px;
}
#main_content #main_products #dinos ol li {
	float:left;
	
}
#main_content #main_products #dinos ol li a {
	display:block;
	height:70px;
	width:75px;
	color:transparent;
	text-indent: -9999px;
}
#main_content #main_products #dinos ol #tri a {
	background:   url("../images/dino_master.gif") left top no-repeat;
}
#main_content #main_products #dinos ol #steg a {
	background:  url("../images/dino_master.gif") -73px 0px no-repeat;
}
#main_content #main_products #dinos ol #cer a {
	background:   url("../images/dino_master.gif") -145px 0px no-repeat;
}
#main_content #main_products #dinos ol #velo a {
	background:   url("../images/dino_master.gif") 0px -68px no-repeat;
}
#main_content #main_products #dinos ol #spin a {
	background:   url("../images/dino_master.gif") -73px -68px no-repeat;
}
#main_content #main_products #dinos ol #ples a {
	background:   url("../images/dino_master.gif") -145px -68px no-repeat;
}
	
/***Hover***/
#main_content #main_products #dinos ol #tri a:hover {
	background:   url("../images/dino_master.gif") 0px -141px no-repeat;
}
#main_content #main_products #dinos ol #steg a:hover {
	background:  url("../images/dino_master.gif") -73px -141px no-repeat;
}
#main_content #main_products #dinos ol #cer a:hover {
	background:   url("../images/dino_master.gif") -145px -141px no-repeat;
}
#main_content #main_products #dinos ol #velo a:hover {
	background:   url("../images/dino_master.gif") 0px  -209px no-repeat;
}
#main_content #main_products #dinos ol #spin a:hover {
	background:   url("../images/dino_master.gif") -73px -209px no-repeat;
}
#main_content #main_products #dinos ol #ples a:hover {
	background:   url("../images/dino_master.gif") -145px -209px no-repeat;
}
		
#main_content #main_products #dinos #trex {
	float:left;
	margin-left:60px;
	padding-top:5px;
	
}	
		
/* ALIENS */	

#main_content #aliens {
	background: url("../images/alien_frame.png") left top no-repeat;
	float:left;
	width:325px;
	height:352px;
}

#main_content #main_products #aliens ol {
	padding-top:46px;
	margin-left:52px;
	width:260px;
}
#main_content #main_products #aliens ol li {
	float:left;
}
#main_content #main_products #aliens ol li a {
	display:block;
	height:77px;
	width:80px;
	color:transparent;
	text-indent: -9999px;
}
#main_content #main_products #aliens ol #skull a {
	background:   url("../images/alien_master.gif") left top no-repeat;
}
#main_content #main_products #aliens ol #aka a {
	background:  url("../images/alien_master.gif") -93px 0px no-repeat;
	width:72px
}
#main_content #main_products #aliens ol #oct a {
	background:   url("../images/alien_master.gif") -172px 0px no-repeat;
	width:95px;
}
#main_content #main_products #aliens ol #fang a {
	background:   url("../images/alien_master.gif") 0px -77px no-repeat;
	width:85px
}
#main_content #main_products #aliens ol #skor a {
	background:   url("../images/alien_master.gif") -97px -77px no-repeat;
	width:81px
}
#main_content #main_products #aliens ol #qua a {
	background:   url("../images/alien_master.gif") -185px -77px no-repeat;

}
	
/***Hover***/
#main_content #main_products #aliens ol #skull a:hover {
	background:   url("../images/alien_master.gif") 0px -152px no-repeat;
}
#main_content #main_products #aliens ol #aka a:hover {
	background:  url("../images/alien_master.gif") -93px -152px no-repeat;
	width:72px
}
#main_content #main_products #aliens ol #oct a:hover {
	background:   url("../images/alien_master.gif") -172px -152px no-repeat;
	width:95px;
}
#main_content #main_products #aliens ol #fang a:hover {
	background:   url("../images/alien_master.gif") 0px  -229px no-repeat;
	width:85px
}
#main_content #main_products #aliens ol #skor a:hover {
	background:   url("../images/alien_master.gif") -97px -229px no-repeat;
	width:81px
}
#main_content #main_products #aliens ol #qua a:hover {
	background:   url("../images/alien_master.gif") -185px -229px no-repeat;
}
		


/* FOOTER STYLES 
==============================================*/
#footer_green,
#footer_blue,
#footer_red,
#footer_blue_red {
	width:959px;
	height:200px;
	border-top: 2px solid #242424;
}
#footer_green {
	background: #000000 url("../images/footer_bg_green.jpg") top left no-repeat;
}
#footer_blue {
	background: #000000 url("../images/footer_bg_blue.jpg") top left no-repeat;
}
#footer_red {
	background: #000000 url("../images/footer_bg_red.jpg") top left no-repeat;
}
#footer_blue_red {
	background: #000000 url("../images/footer_bg_blue_red.jpg") top left no-repeat;
}

div.footer h3 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	}
	
div.footer ul li a {
	font-size: 85%;
	}



/* ====   STYLES UPDATE FOR WWW.SKELEFLEX.COM    ====         ++++++++++++++++++++++++++++++++++88888888888888   UPDATES   888888888888888888888888+++++++++++++++++       */



h2#buildWithBones {
	background-image: url(../images/buildWithBones.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -3000px;
	width: 320px;
	height: 104px;
	margin: -25px 0px 0px;
	padding: 0px;
}
#description p {
	font-size:.9em;
	line-height: 1.6em;
}

.playsetGroupBox {
	display:block;
	background-color:#000000;
	border: 1px solid #a8b866;
	float: left;
	text-align:center;
	position:relative;
}

#warriorsBox {
	width:388px;
	margin: 18px 0px 0px;
	height: 180px;
}

#battleBox {
	width:194px;
	margin: 18px 0px 0px 3px;
	height: 180px;
}

#microDinoBox {
	width:291px;
	margin: 18px 0px 0px 3px;
	height: 180px;
}

#dinoBox {
	width:320px;
	margin: 12px 0px 0px;
	height: 280px;
}
#labBox {
	width: 230px;
	margin: 12px 0px 0px 3px;
	height: 280px;
}
#labBox div {
	width: 140px;
	margin: 0px auto;
}

#alienBox {
	width:324px;
	margin: 12px 0px 0px 3px;
	height: 280px;
}

.playsetGroupBox h3 {
	margin: -6px 0px 9px 12px;
	font-weight:bold;
	text-indent: -3000px;
	height: 36px;
}
#battleBox h3 {
	margin: -18px 0px 3px 12px;
	font-weight:bold;
	height: 60px;
	display: block;
	text-indent:-3000px;
}

.newStarburst {
	background-image: url(../images/new.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position:absolute;
	width:74px;
	height:40px;
	display: block;
	text-indent:-3000px;
	
}

#warriorsBox h3 {
	background-image: url(../images/pghWarriors.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#warriorsBox .newStarburst {
	right:140px;
	top:-15px;
}

#battleBox h3 {
	background-image: url(../images/pghBattle.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
} 
#battleBox .newStarburst {
	right:12px;
	top:-15px;
}

#microDinoBox h3 {
	background-image: url(../images/pghMicroDinos.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#microDinoBox .newStarburst {
	right:40px;
	top:-15px;
}

#dinoBox h3 {
	background-image: url(../images/pghDinos.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#labBox h3 {
	background-image: url(../images/pghLabs.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#alienBox h3 {
	background-image: url(../images/pghAliens.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.iconBox {
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
	height: 87px;
	width: 97px;
	text-align:center;
}
.iconBoxLarger {
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
	height: 140px;
	width: 140px;
	text-align:center;
}
.newRow {
	display:block;
	color: #000000;
	clear:left;	
	margin: 0px;
	padding: 32px 0px 0px;
	width:auto;
}

#iconTest {
	background-image: url(../images/skTest.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#iconTest:hover {
	background-position: 0px -87px;
}

/* ======  Icons  ========   */

/* NEW: Warriors */

#iconSkelestriker {
	background-image: url(../images/iconSkelestriker.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#iconSkelestriker:hover {
	background-position: 0px -87px;
}
#iconMynotorg {
	background-image: url(../images/iconMynotorg.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#iconMynotorg:hover {
	background-position: 0px -87px;
}
#iconCentoro {
	background-image: url(../images/iconCentoro.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#iconCentoro:hover {
	background-position: 0px -87px;
}
#iconGorillius {
	background-image: url(../images/iconGorillius.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#iconGorillius:hover {
	background-position: 0px -87px;
}

/* NEW: MicroDinos */


#iconMicroTrex {
	background-image: url(../images/iconMicroTrex.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#iconMicroTrex:hover {
	background-position: 0px -87px;
}
#iconMicroRaptor {
	background-image: url(../images/iconMicroRaptor.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#iconMicroRaptor:hover {
	background-position: 0px -87px;
}
#iconMicroStegasaurus {
	background-image: url(../images/iconMicroStegasaurus.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#iconMicroStegasaurus:hover {
	background-position: 0px -87px;
}

/* NEW: BattlePacks */


#iconBattleSA {
	background-image: url(../images/iconBattleSA.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#iconBattleSA:hover {
	background-position: 0px -87px;
}
#iconBattleSO {
	background-image: url(../images/iconBattleSO.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#iconBattleSO:hover {
	background-position: 0px -87px;
}

/* Dinos */

#iconPlesiosaur {
	background-image: url(../images/iconPlesiosaur.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#iconPlesiosaur:hover {
	background-position: 0px -87px;
}
#iconVelociraptor {
	background-image: url(../images/iconVelociraptor.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#iconVelociraptor:hover {
	background-position: 0px -87px;
}
#iconStegosaurus {
	background-image: url(../images/iconStegosaurus.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#iconStegosaurus:hover {
	background-position: 0px -87px;
}

#iconCeratosaur {
	background-image: url(../images/iconCeratosaur.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#iconCeratosaur:hover {
	background-position: 0px -87px;
}
#iconTriceratops {
	background-image: url(../images/iconTriceratops.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#iconTriceratops:hover {
	background-position: 0px -87px;
}
#iconSpinosaurus {
	background-image: url(../images/iconSpinosaurus.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#iconSpinosaurus:hover {
	background-position: 0px -87px;
}

#iconLabTrex {
	background-image: url(../images/iconLabTrex.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#iconLabTrex:hover {
	background-position: 0px -140px;
}

/* Aliens */

#iconOctoattack {
	background-image: url(../images/iconOctoattack.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#iconOctoattack:hover {
	background-position: 0px -87px;
}
#iconSkullkor {
	background-image: url(../images/iconSkullkor.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#iconSkullkor:hover {
	background-position: 0px -87px;
}
#iconQuadmo {
	background-image: url(../images/iconQuadmo.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#iconQuadmo:hover {
	background-position: 0px -87px;
}

#iconFangoflex {
	background-image: url(../images/iconFangoflex.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#iconFangoflex:hover {
	background-position: 0px -87px;
}
#iconAkafly {
	background-image: url(../images/iconAkafly.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#iconAkafly:hover {
	background-position: 0px -87px;
}
#iconSkorflex {
	background-image: url(../images/iconSkorflex.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#iconSkorflex:hover {
	background-position: 0px -87px;
}

.setName {
	font-size: 12px;
	display: block;
	clear: left;
	margin-top: 87px;
}
.setNameLarger {
	font-size: 12px;
	display: block;
	clear: left;
	margin-top: 140px;
}


/* ============================         Creatures Index Page         ================================ XXXXXXXXXXXXXXXXXXXXXXXXXXXXX   */


#main_content_creatures ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-size:1em;
}

#main_content_creatures ul li {
	margin: 0px 0px 12px;
	padding: 0px;
	font-size: 1.2em;
	font-weight: bold;
	text-align:center;
	width:410px;
	float:left;
	/* border: 1px solid #333333;    Commented this  out for now, but could be useful later   */
}

#main_content_creatures ul li span#clHeadWarriors {
	display: block;
	width:auto;
	height: 60px;
	text-indent:-3000px;	
	background-image:url(../images/pghWarriors.gif);
	background-repeat:no-repeat;
	background-position: center top;
}

#main_content_creatures ul li span#clHeadMicro {
	display: block;
	width:auto;
	height: 60px;
	text-indent:-3000px;	
	background-image:url(../images/pghMicroDinos.gif);
	background-repeat:no-repeat;
	background-position: center top;
}
#main_content_creatures ul li ul {
	margin: 0px;
	padding: 0px;
}

#main_content_creatures ul li ul.addSpace {
	margin-left:10px;
}

#main_content_creatures ul li ul.middleList {
	clear:both;
}


#main_content_creatures ul li ul li {
	margin: 0px 13px 26px 13px;
	padding: 0px;
	font-size: .8em;
	font-weight: normal;
	text-indent:-3000px;
	display:block;
	float:left;
	/* height: 218px; */
	width:174px;
	border: none;
}

#main_content_creatures ul li ul li a {
	display:block;
	width:174px;
	height: 218px;
}

#main_content_creatures ul li ul li span.clDesc {
	text-indent:0px;
	display: block;
	font-size:.7em;
	margin:118px 18px 0px;
	text-align:center;
}

li#cslSkelestriker {
	background-image:url(../images/warriors/skelestrikerFramed.jpg);
	background-repeat:no-repeat;
	background-position: 0px 0px;
}
li#cslMynotorg {
	background-image:url(../images/warriors/mynotorgFramed.jpg);
	background-repeat:no-repeat;
	background-position: 0px 0px;
}
li#cslCentoro {
	background-image:url(../images/warriors/centoroFramed.jpg);
	background-repeat:no-repeat;
	background-position: 0px 0px;
}
li#cslGorillius {
	background-image:url(../images/warriors/gorilliusFramed.jpg);
	background-repeat:no-repeat;
	background-position: 0px 0px;
}


li#cslTrex {
	background-image:url(../images/microdinos/microtrexFramed.jpg);
	background-repeat:no-repeat;
	background-position: 0px 0px;

}
li#cslStegosaurus {
	background-image:url(../images/microdinos/microstegoFramed.jpg);
	background-repeat:no-repeat;
	background-position: 0px 0px;
}
li#cslVelociraptor {
	background-image:url(../images/microdinos/microraptorFramed.jpg);
	background-repeat:no-repeat;
	background-position: 0px 0px;
}


li#cslBsva {
	background-image:url(../images/battlepacks/svaFramed.jpg);
	background-repeat:no-repeat;
	background-position: 0px 0px;

}
li#cslBsvo {
	background-image:url(../images/battlepacks/svoFramed.jpg);
	background-repeat:no-repeat;
	background-position: 0px 0px;
}

#ffHotDozen {
	position: fixed;
	background: #FFF url(../images/ff_BG.gif) repeat-x 0px 0px;
	width:100%;
	height:80px;
	margin: 0px;
	padding: 0px;
	right:auto;
	left: auto;
	bottom: 0px;
	z-index: 0;
	color: #333;
	text-align: center;
}
#ffHotDozen a {
	background: url(../images/ff_AllStars.gif) no-repeat;
	width:154px;
	height:80px;
	margin: 0px auto;
	padding: 0px;
	display: block;
}
#ffHotDozen p { text-indent: -6000px; }



* html #main_content #description {
	/*float:right;
	
	color:#FFFFFF;
	height:350px;
	 overflow: hidden;
	text-align:justify; 
	position:relative;*/
	left:24px;
}
* html h2#buildWithBones {
	width: 320px;
	height: 104px;
	position:relative;
	top:-25px;
	margin: 0px 0px 0px;
	padding: 0px;
}
* html .setName {
	background-color:#000000;
}
* html .setNameLarger {
	background-color:#000000;
}
* html .playsetGroupBox h3 {
	position:relative;
	z-index:3;
}
* html .newRow {
	padding: 6px 0px 0px;
}

* html #main_content_creatures ul li ul {
	width:420px;
}
* html #main_content_creatures ul li ul.middleList {
	margin:20px;
}


* html #main_content_collect #warrior_creatures div, * html #main_content_collect #dino_creatures div, * html #main_content_collect #alien_creatures div {
	margin:0px;
	padding:0px;
}


* html .collectCreature p.first, * html .collectCreatureNoFloat p.first {
	margin-left: 100px;
}
* html #main_content_collect #warrior_creatures p input, 
* html #main_content_collect #microdino_creatures p input, 
* html #main_content_collect #battlepack_creatures p input, 
* html #main_content_collect #dino_creatures p input, 
* html #main_content_collect #alien_creatures p input {
	margin:0px;
}