/* NAVIGATION ELEMENTS - changes to tr and td backgrounds and text  are controlled by the forllowing CSS ----------------- */
/* Navigational elements for the main nav START */
html body{
	margin: 0;
	padding: 0;
	padding-bottom:10px;
	margin-top:0px;
	padding-top:5px;
	text-align: center;
	background-color:#001400;
	background-image: url(http://www.theurbangecko.com/images/common_page_elements/pearl_backdrop.gif);
	background-position: center;
	background-position:top;
	background-repeat: no-repeat;
	line-height: 16px;
	margin-left: 1px;  /* IE one pixel image offset hack */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

  }
html>body {  /* IE one pixel image offset hack */
  margin: 0
  }
  

#container {
	width: 872px !important;
	margin: 0px auto;
	text-align: left;


}

#header {
	float: left;
	width: 872px;
	height:112px;
	margin: 0px;
	padding: 0px;
	background-image: url(http://www.theurbangecko.com/images/common_page_elements/pearl_header.gif);
	background-repeat: no-repeat;
	
}
#page_title {
	background-color: #000000;
	height: 39px;
	width: 255px;
	background-repeat: repeat-y;
	margin-left: 600px;
	margin-top: 70px;


}
#footer {
	float: left;
	text-align:center;
	color: #000000;
	width: 872px;
	height:250px;
	background-repeat: no-repeat; 
}

#content {
	background-color: #000000;
	float: left;
	width: 872px;

}
#more_pages {
	float: left;
	width: 840px;
	height: 15px;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #ffffff;
	float: left;
	}
/* home pages */

#home_copybox_2 {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	width: 535px;

}
#home_copybox_3 {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	width: 420px;

}
#home_box_fill_width {
	float: left;
	width: 872px;

}

#home_geckobox_1 {
	float: left;
	width: 550px;
	height: 270px;
}

#home_geckobox_2 {
	float: left;
	width: 300px;
	height: 250px;

}	


/* black pearl pages */

#black_pearl_copybox_1 {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	width: 290px;
	
	}
	
	#black_pearl_copybox_2 {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	width: 450px;
	
	}

#black_pearl_subnav {
float:right;
text-align:right;
	width: 870px;
	height: 25px;
	margin-top:90px;
	
}
#black_pearl_title {
float:left;
text-align:center;
	width: 870px;
	
}
#black_pearl_general_box {
	float: left;	
	}
#black_pearl_fullwidth_box {
	float: left;
	width:860px;
	margin-left:5px;
	}
	
#black_pearl_hidden_box {
	float: left;
	visibility:hidden;	
	}
	
/* breeders bundles page */

	#bb_home_header {
	float: left;
	margin-left:20px;
	height: 238px;
	width: 831px;
	background-image: url(http://www.theurbangecko.com/images/breeders_bundles/bb_header_2.jpg);
	background-repeat: no-repeat;
}
#bb_page_navigation {
margin-left:20px;
padding-top:14px;
background-color:#3399CC;
text-align:center;
background-image: url(http://www.theurbangecko.com/images/breeders_bundles/page_nav_background.jpg);
	float: left;
	height: 34px;
	width: 831px;

}
#bb_home_content {
margin-left:20px;
	float: left;
	height: 200;
	width: 831px;



/* collection main page */

}
.collection_heading_smaller {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 13px;
	color: #000000;
	font-weight: normal;
	float: left;
	height: auto;
}
.collection_heading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 16px;
	color: #3daccd;
}
#collection_content {
	background-color: #FFFFFF;
	float: left;
	height: auto;
	width: 872px;
	padding-top: 15px;
}


#collection_frame {
	float: left;
	height: 280px;
	width: 201px;
	margin-right: 5px;
	margin-left: 7px;
	margin-top: 5px;
	margin-bottom: 20px;
}
#collectionoptions_frame {
	float: left;
	height: auto;
	width: 820px;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 20px;
	}
#collectioninformation_frame {
	float: left;
	width: 310px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 20px;
	}
#collectioninformation_frame_leopard {
	float: left;
	width: 500px;
	margin-right: 5px;
	margin-top: 10px;
		}
#leopard_collection {
	float: left;
	height: 100px;
	width: 153px;
	margin-left: 5px;
}
#individual_gecko_names {
	float: left;
	height: 15px;
	width: 151px;
	margin-bottom: 5px;
	margin-left: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 10px;
	padding-top: 3px;
	text-align: center;
	border: 1px;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	color: #FF6600;
	
	
	
	
}
#collectionselections_frame {
	float: left;
	height: 180px;
	width: 159px;
	margin-right: 3px;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 20px;
}

#collectionorange_frame {
	float: left;
	width: 840px;
	margin-left: 18px;
	}

#collection_header {
	float: left;
	height: 19px;
	width: 191px;
	background-image: url(http://www.mo-des.com/gecko/images/thecollection/collectionframe_top.jpg);
	background-repeat: no-repeat;
	padding: 5px;

}

#collection_body {
	float: left;
	height: 150px;
	width: 189px;
	border-right-color: #3CADCF;
	border-left-color: #3CADCF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	padding: 5px;

}
#collection_footer {
	float: left;
	height: 40px;
	width: 201px;

/* availability */

}
	#availability_content {
	background-color: #000000;
	float: left;
	width: 852px;
	padding-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 50px;
	}
#availability_bluebar {
	background-color: #FFFFFF;
	float: left;
	background-image: url(http://www.mo-des.com/gecko/images/availability/availability_common/blue_bar.jpg);
	background-repeat: no-repeat;
	width: 750px;
	
	}
#paymentoptions_header {
	float: left;
	width:330px;
	height: 180px;
}

}
#three_steps_header {
	float: left;
	border-right-color: #3daccd;
	border-right-style: solid;
	border-right-width: 1px;
	width: 400px;
	height: 300px;
	background-color: #9966CC;
}
#three_steps_content {
	float: left;
	width: 840px;
	height: 160px;
	margin-bottom: 20px;
}
#hatch_header {
	background-color: #FFFFFF;
	float: left;
	height: 29px;
	width: 231px;
	background-image: url(http://www.mo-des.com/gecko/images/availability/availability_common/hatch_bluebar.jpg);
	background-repeat: no-repeat;
}
#hatch_content {
	float: left;
	height: auto;
	width: 235px;

}
#star_header {
	float: left;
	height: 29px;
	width: 208px;
	background-image: url(http://www.mo-des.com/gecko/images/availability/availability_common/star_bluebar.jpg);
	background-repeat: no-repeat;
	}
#star_content {
	float: left;
	width: 216px;
	
}

#three_steps {
	background-color: #FFFFFF;
	float: left;
	height: auto;
	width: 850px;
	border-bottom-color: #3daccd;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-color: #3daccd;
	border-left-color: #3daccd;

}
#availability_animal_container_left {
	background-color: #53513C;
	float: left;
	width: 820px;
	margin-left: 13px;
	margin-top:50px;
	}
#availability_animal_container_right {
	background-color: #FFFFFF;
	float: left;
	width: 400px;

	margin-left: 23px;
}
#animal_header_leftside {
	background-color: #333333;
	float: left;
	width: 405px;

}
#animal_header_rightside {
background-color: #333333;
	float: left;
	width: 405px;
	}
#animal_container_leftside {
	float: left;
	margin:1px;
	}

#animal_container_rightside {
	float: left;
	width: 180px;
	border-bottom-color: #3daccd;
	margin-top: 3px;
	
	
}
	#animal_container_rightside_copyonly {
	float: left;
	width:180px;
	margin-left:6px;
	margin-top: 3px;
	font-family: Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	line-height: 11px;
}

#animal_container_bottom {
	float: left;
	height: 15px;
	width: 820px;
	background-color: #666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	text-align:center;
	}
#popup_content {
	width: 550px!important;
	margin: 0px auto;
	text-align: left;
	height: 600px;
	background-color: #3daccd;
	}
#popup_frame {
	text-align: center;
	background-color: #FFFFFF;
	width: 492px;
	height: 369px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #FF6600;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #FF6600;
	margin-top: 20px;
	border-top-color: #FF6600;
	border-bottom-color: #FF6600;
	border-top-style: solid;
	border-top-width: 1px;
	margin-left: 20px;
		}
#popup_textframe {
	text-align: right;
	width: 490px;
	height: 50px;
	margin-left: 20px;
	
}
	#aboutus_text {
	float: left;
	width: 845px;
	margin-left: 10px;
	margin-top: 10px;
	
}
	#aboutus_text3 {
	float: left;
	background-color: #f6d972;
	width: 871px;
	margin-top: 10px;
	
}
	#aboutus_gecko1 {
	float: left;
	width: 365px;
}
	#aboutus_gecko2 {
	float: right;
	width: 380px;
	margin-right: 10px;
}
	#aboutus_gecko3 {
	float: left;
	width: 401px;
	margin-right: 10px;
	


/* text styles */
}
.orange_subheads {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #FF6600;
	font-weight: bold;
	padding-top: 10px;
	padding-left: 10px;
	font-style: normal;
}
.bodycopy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #999999;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
.bodycopybold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #a5c190;
	font-weight: bold;
}
.bodycopybold_orange {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #a5c190;
	font-weight: bold;
}
.newheadings {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 12px;
	color: #333333;
	padding-top: 5px;
	padding-left: 10px;
	font-weight: normal;
	padding-bottom: 5px;
}
.bodycopy_no_indent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #999999;
	padding-left: 10px;
	padding-right: 10px;
}
.animal_headings {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 12px;
	color: #FFFFFF;
	padding-top: 10px;
	padding-left: 5px;
	font-weight: normal;
	padding-bottom: 10px;
}
.animal_price {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 12px;
	color: #999999;
	padding-top: 10px;
	font-weight: normal;
	text-align: right;
	padding-right: 5px;
	padding-bottom: 10px;
}
.animal_details_left {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 10px;
	color: #666666;
	font-weight: normal;
	text-align: right;
	padding-right: 5px;
}
.animal_details_right {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 10px;
	color: #000000;
	font-weight: bold;
	text-align: left;
}
.popup_titles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #95d4f1;
	padding-top: 80px;
	padding-left: 10px;
	font-weight: normal;
}
.bodycopy_nopad {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	font-style:normal;
	color:#CCCCCC;
}
.introcopy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	font-style:normal;
	color:#CCCCCC;
}
.contact_large {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color:#CCCCCC;

}
.animal_pricesold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 12px;
	color: #CC0000;
	padding-top: 10px;
	font-weight: lighter;
	text-align: right;
	padding-right: 5px;
	padding-bottom: 10px;
}