@import url("reset.css");

/*####################################
#  UNIVERSAL PNG FIX                 #
#####################################*/

img, #animal_gerg_180, #animal_turtle_180, #animal_tiger_180, #animal_rhino_180, #animal_komodo_180, #animal_panda_180, #animal_gerg_120, #animal_turtle_120, #animal_tiger_120, #animal_rhino_120, #animal_komodo_120, #animal_panda_120, #subnav, #mainlogo, #main_nav, #subcontent_main, #subcontent_long, #navmenu { behavior: url(css/iepngfix.htc); }

/*####################################
#  BODY, ETC.                        #
#####################################*/

body {
	background: #0e320a url(../images/main_bg.gif) repeat-x 0% 0%;
	color: #fff;

}

a {
	color: #fffb00;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

strong {
	color: #fffb00;
}

.red {
	color: #FF9900;
}

.huge {
	color: #fffb00;
	font: normal 18px Arial, Helvetica, sans-serif;
}

.indent {
	padding-left: 20px;
	padding-bottom: 10px;
	font-style: italic;
	color: #CCCC00;
}

.bigNum {
	font: 18px Verdana, Arial, Helvetica, sans-serif;
	color: #fffb00;
}

ul img { margin: 0; padding: 0; }

/*####################################
#  Header                            #
#####################################*/

.logo {
	display:block;
	position:absolute;
	width:105px;
	height:105px;
	margin:6px 0 0 12px;
}
#cname {
	position:absolute;
	margin:6px 0 0 135px;
}
/*h1 {
	position:absolute;
	margin:60px 0 0 135px;
}*/
/*####################################
#  Hidden text for SEO               #
#####################################*/

.logo span, #cname span, h1 span, h2 span, #download a span {
	display:none;
}
/*####################################
#  Layout                            #
#####################################*/
html, body {
	height: 100%;
}
#wrapper {
	width:802px;
	margin:0 auto;
	/*background:url(../images/bg_wrapper.gif) repeat-y 0% 0%;*/
	min-height: 100%;
	height: auto !important;
	height: 100%;
	z-index: 1;
	clear: both;
}

#line {
	clear:both;
	border-top:1px solid #ededed;
	margin:0 60px;
}
/*####################################
#  Typography                        #
#####################################*/
body {
	font:62.5% Verdana, Arial, Tahoma sans-serif;
}
#wrapper {
	font:1.2em/1.2em Verdana, Arial, Tahoma sans-serif;
}

p {
	padding-bottom:18px;
}
/*####################################
#  Forms                             #
#####################################*/
fieldset {
	padding-bottom:21px;
}
select, inputs {
	border:1px solid #ccc;
}
select {
	color:#669966;
	font:.8em Verdana, Arial, Tahoma sans-serif;
	margin-bottom:4px;
}
label {
	display:block;
	padding-bottom:4px;
}
.pdetails select, .pdetails input {
	color:#669966;
	font:.8em Verdana, Arial, Tahoma sans-serif;
	width:112px;
	margin:0 !important;
}
.pdetails ul li {
	list-style-type : none;
}
.pdetails ul {
	width:236px;
}
.pdetails ul li.fright {
	margin-left : 50%;
	margin-top : -1.5em;
}
* html .pdetails ul li.fright {
	margin-top : -1.7em;
}
.long {
	width:230px;
}


/*####################################
#  SUB PAGE CSS                      #
#####################################*/


#subcontent {
	margin-top: 52px;
	width: 785px;
	height: 507px;
	background: url(../images/sub_window_bg.gif) top left no-repeat;
}

#subcontent_main {
	margin-top: 0;
	width: 785px;
	height: 559px;
	background: url(../images/main2.jpg) top left no-repeat;
}

#subcontent-long {
	margin-top: 52px;
	width: 785px;
	min-height: 507px;
	background: url(../images/bg-middle.gif) top left repeat-y;
	clear: both;
}

#sublogo {
	position: absolute;
	float: left;
	margin-top: -52px;
	z-index: 5;
	clear:both;
}

#mainlogo {

	float: left;
	margin-top: 0;
	z-index: 5;
}

.break { clear: both; }

#main_nav {
	width: 777px;
	height: 203px;
	overflow: hidden;
	margin-top: 180px;
	padding-left: 2px;
}

#main_nav img {
	float: left;
}

#left {
	clear: both;
	float: left;
	width: 180px;
	height: 444px;
	margin: 0px 5px 0 10px;
	padding-top: 50px;
}

ul.left_nav {
	width: 168px;
	background: url(../images/menu_bg.gif) top left repeat-y;

}

ul.left_nav li {
	width: 148px;
	margin: 0 5px 2px 10px;;
	line-height: 160%;
}

ul.left_nav li.even {
	background: #70ad56;
}

ul.left_nav li a, #right td a {
	padding-left: 3px;
	color: #fffb00;
	/*color: #117428;*/
	text-decoration: none;
}

ul.left_nav li a:hover, #right td a {
	color: #FFCC00;
}

.divider {
	width: 180px;
	height: 2px;
	margin-top: 5px;
	margin-bottom: 5px;
	background: url(../images/divider.gif) top left no-repeat;
}

#left .ad {
	width: 168px;
	height: 80px;
	overflow: hidden;
	border: 1px solid #666;
}

#right {
	float: left;
	margin: 20px 0 0 25px;
	width: 535px;
	height: 450px;
	overflow: auto;
	color: #fff;
}

#right-long {
	float: left;
	margin: 20px 0 0 25px;
	width: 535px;
	min-height: 450px;
	color: #fff;
	overflow: auto;
}

#right h1 {
	margin-bottom: 25px;
}

#right h2 {
	color: #fffb00;
	font-size: 125%;
	margin-bottom: 5px;
}

#right p {

}

#animal_turtle_180 {
	margin-top: 20px;
	width: 180px;
	height: 200px;
	background:url(../images/pets/left_turtle.png) no-repeat bottom left;
}

#animal_gerg_180 {
	margin-top: 4px;
	width: 180px;
	height: 180px;
	background:url(../images/pets/left_gerg.png) no-repeat bottom left;

}

#animal_tiger_180 {
	margin-top: 20px;
	width: 180px;
	height: 200px;
	background:url(../images/pets/180/tiger_180px.png) no-repeat bottom left;

}

#animal_panda_180 {
	margin-top: 20px;
	width: 180px;
	height: 200px;
	background:url(../images/pets/180/panda_180px.png) no-repeat bottom left;

}

#animal_rhino_180 {
	margin-top: 20px;
	width: 180px;
	height: 200px;
	background:url(../images/pets/180/rhino_180px.png) no-repeat bottom left;

}

#animal_turtle_120 {
	margin-top: 20px;
	width: 180px;
	height: 120px;
	background:url(../images/pets/120/turtle_120px.png) no-repeat bottom left;
}

#animal_gerg_120 {
	margin-top: 4px;
	width: 180px;
	height: 120px;
	background:url(../images/pets/120/gerg_120px.png) no-repeat bottom left;

}

#animal_tiger_120 {
	margin-top: 20px;
	width: 180px;
	height: 120px;
	background:url(../images/pets/120/tiger_120px.png) no-repeat bottom left;

}

#animal_panda_120 {
	margin-top: 20px;
	width: 180px;
	height: 120px;
	background:url(../images/pets/120/panda_120px.png) no-repeat bottom left;

}

#animal_rhino_120 {
	margin-top: 20px;
	width: 180px;
	height: 120px;
	background:url(../images/pets/120/rhino_120px.png) no-repeat bottom left;

}

#animal_komodo_120 {
	margin-top: 20px;
	width: 180px;
	height: 120px;
	background:url(../images/pets/120/lizard_120px.png) no-repeat bottom left;

}

#animal_gerg_and_georgie_120 {
	margin-top: 20px;
	width: 180px;
	height: 120px;
	background:url(../images/pets/120/gerg-and-georgie.png) no-repeat bottom left;

}
#endangered {
	padding-top: 10px;
	color: #FFCC33;
	width: 169px;
	height: 120px;
	line-height: 13px;

}

/********************************************
*	GERG STUFF
********************************************/

ul#top_ten li a {
	color: #fffb00;
	text-decoration: none;
}

ul#top_ten li a:hover {
	text-decoration: underline;
}

/********************************************
*	SUB MENU & SUBSUB Menu LINKS & STYLE
*********************************************/

#subnav {
	width: 785px;
	height: 56px;
	background:url(../images/sub_nav_bg.png) no-repeat 0% 0%;
}

#subsubnav {
	width: 785px;
	text-align: center;
	color: #CCCC00;
    margin-bottom: 40px;
}
ul#submenu {

}

ul#submenu li, ul#subsubmenu li {
	display: inline;
}

ul#submenu li img {
	padding-top: 5px;
}

ul#submenu li.privacy {
	margin-left: 55px;
}

ul#submenu li.parents {
	margin-left: 35px;
}

ul#submenu li.endangered {
	margin-left: 45px;
}

ul#submenu li.trading {
	margin-left: 40px;
}

ul#submenu li.locator {
    padding-left: 21px;
}


/****************************
* SUB SUB MENU LINKS & STYLE
*****************************/
ul#subsubmenu li {
	padding: 0;
	color: #fffb00;
}

ul#subsubmenu li a {
	color: #fffb00;
	text-decoration: none;
}

ul#subsubmenu li a:hover {
	text-decoration: underline;
}

/********************************************
*	COLLECTED IE6 HACKS...
*********************************************/

* html #subnav {
	margin-top: -4px;
}

td#cards {
	text-align: center;
}

/********************************************
*	LOGIN PAGE CSS
*********************************************/
td.label {
	font: bold 18px Verdana, Arial, Helvetica, sans-serif;
	color: #fffb00;

}

input.big {
	width: 229px;
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #006633;
	padding: 5px;
	background: #c0e0a2;
	border: 2px solid #407722
}

input.bigcheck {
	width: 28px;
	height: 28px;
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #006633;
	padding: 5px;
	background: #c0e0a2;
	border: 2px solid #407722
}

#meet-nav a {
	cursor: pointer;
}


/********************************************
*	ERROR PAGES CSS ...
*********************************************/

.lost p {
	color: #fffb00;
	font: 16px Verdana, Arial, Helvetica, sans-serif;
}