@charset "utf-8";
/* stylesheet */

html, body { width: 100%;
            margin: 0 auto;
            font: 0.95em Verdana; 
            color: #555; 
            line-height: 15px;
            background: #fcfdfd;
            font-family:Verdana, Arial,Tahoma,lucida grande,sans-serif;

}


/* text & basic tags */

a, img { border: none; outline: none; text-decoration: none; }
a.small { font: .8em FuturaLTBook; color: #68a27c; }

a { color: #BB9A79; }

hr { width: 80%; color: #fff; float: left; } 

h1 { font: 2em FuturaLTBold;font-weight:bold; color: #7E9485; text-shadow: 0px -1px 0px #a0a0a0; } 

h2 { font: 1.2em FuturaLTBook; color: #363636; }

h3 { font: 0.8em FuturaLTHeavy; color: #aaa; }
h3 a { font: 1em FuturaLTBook; color: #68a27c; }

.bold { font-weight: bold; }


.left { float: left; }
.right { float: right; }
.center { margin: 0 auto; }

.use { margin: -20px 0; }

.subtext { font: .8em FuturaLTBold; color: #a0a0a0; text-shadow: 0px -1px 0px #f1f1f1; margin-top: 5px; margin-left: 10px; }

.handy { cursor: pointer; }

p { font: .9em ; color: #555; line-height: 30px; }

/* start layout */

#logo { width: 100%; margin: 0 auto; float: left; }

#wrapper { width: 980px; margin: 0 auto;  } 

.shadow-top { 

-webkit-box-shadow: 0px -5px 5px rgba(50, 50, 50, 0.20);
-moz-box-shadow:    0px -5px 5px rgba(50, 50, 50, 0.20);
box-shadow:         0px -5px 5px rgba(50, 50, 50, 0.20);

}

#logo { background: url('/images/bar.png') center repeat-x; height: 200px; margin: 40px 0; text-align: center; }
#logo #wrapper { width: 500px; } 

#top{ width: 100%; height: 20px; background: #ddd; }

#subtop{ width: 100%; height: 20px; background: #background: #fcfdfd; }

/* buttons */

.button { font: 1.4em;font-weight:bold;
          background: url('/images/buttons.png') no-repeat 0 -1px; width: 112px; height: 37px; display: block; text-align: center; 
           color: #6c9f7e; padding-top: 15px; float: left; margin: 0 0px;} 
.button:hover { background: url('/images/buttons.png') no-repeat 0 -51px; } 

#logo #user { width: 320px; position: absolute; z-index: 2; margin: -130px 600px 0;  }  /* main page positioning */
#logo #speciesSelector { width: 120px; position: absolute; z-index: 2; margin: -120px -570px 0;  }  /* main page positioning */
#user a { font: 1em FuturaLTHeavy; color: #6c9f7e; padding-top: 15px; float: left; margin: 0 20px; }
#user #button { font: 1.4em;font-weight:bold;background: url('/images/buttons.png') no-repeat 0 -1px; width: 112px; height: 37px; display: block; text-align: center; } 
#user #button:hover { background: url('/images/buttons.png') no-repeat 0 -51px; } 

#topwrapper #user { position: relative; z-index: 0; margin: 0 0 0; float: right; } /* inside page positioning */

/* typography */

#col-1 { width: auto; height: 400px; background: url('/images/paw.png') no-repeat bottom; text-align: justify;  margin: 20px 0 0 40px; }
#col-1 p { float: left; margin: 10px 0 0; }

#col-2 { width: 600px; height: auto; text-align: justify; float: left; margin: 20px 0 0 40px;  }

/* search */

#topwrapper { width: 950px; margin: 0 auto; } /* not on the homepage */

/* search; all pages rules */
#search-container {  width: 470px; float: left; margin: 0 -100px 0; position: absolute; z-index: 5; }

#species { width: 450px; height: 30px; float: left; margin: 60px 0 0 10px; position: absolute; z-index: 1;  } /* "try a different species" container */

/* search; homepage ONLY rules */
#search-container.main { width: 400px; float: right; height: 400px; margin: 40px 0 0 0; position: relative; z-index: 0;} /* homepage only */
#search-container.main #species { width: 335px; height: 30px; float: right; margin: 10px 0 0 10px; } /* "try a different species" container */
#search-container.main .use { margin: 10px 20px; }

#home_content { width: 610px; float: right; margin: 0 200px 0; z-index: 5; }
#home_content.main { width: 500px; float: right; height: auto; margin: 40px 0 0 0; position: relative; left: 600px; z-index: 0;} /* homepage only */
#home_content.main #species { width: 335px; height: 30px; float: left; margin: 10px 0 0 10px; } /* "try a different species" container */
#home_content.main .use { margin: 10px 20px; }

#main_content	
{
	float:left;
}

#search_content	
{
	float:right;
}


.inputboxStyle { width: 445px; height: 49px; border: 1px solid #ccc; padding-left: 20px;  float: left; outline: none; 

-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow:inset 5px 5px 5px #7d7d7d;
-webkit-box-shadow:inset 5px 1px 5px #e8e8e8;
box-shadow:inset 2px 2px 5px #e8e8e8;
/*Inner elements should not cover inner shadows*/
/*Chrome renders inset shadows incorrectly with border-radius*/
/*IE 7 AND 8 DO NOT SUPPORT INSET SHADOWS*/

font: 20px FuturaLTBook; color: #a3a3a3;}

#submit { float: left; margin: 0 -50px 0; }
#age { width: 150px; margin: 5px 0 0; } 
#location { width: 300px; margin: 5px 0 0; } 
#email { width: 300px; margin: 5px 0 0; }
#saveAndGo { margin: 75px 0 0 130px; }
#login { width: 250px; margin: 5px 0 0;  } 
#password { width: 250px; margin: 5px 0 0; } 

/* search page */

#tree { width: 160px; height: auto; min-height: 100%; float: left; font-size: 11px;  border:1px solid #CCCCCC; }
#tree .parent { font-weight: bold }
#tree ul { margin: 0 0 0 0; }
#tree li { line-height: 24px; margin: 0 0 0 10px; list-style-type: none; }

#treesubcat
{
	font-weight:bold;
	font-size:11px;
}

#treeCheckUnCheck
{
	padding-left:10px;
}

#treeCheckUnCheck a
{
	font-size:10px;
	cursor:pointer;
}

#results { width: 800px; height: 100%; float: left; } 

#tabs #item { width: 200px; height: 280px; float: left; margin: 10px 15px; text-align: center; }
#tabs #item p { font: 1em FuturaLTBook; color: #666; line-height: 24px; height: 100px; }
#tabs #item span { float: right; font: .9em FuturaLTBook; color: #567257; text-align:bottom;  }
#tabs #item a { color: #666; font: .9em FuturaLTBook; line-height: 24px; height: 100px; }
#tabs #item a:hover { color: #6c9f7e; }
#tabs #item img { max-width: 150px; max-height: 150px;  }

/* products page */

#product { width: 400px; height: 425px; margin: 0 0; float: left; text-align: center; }

#info { width: 300px; text-align: left; margin: 20px auto; font: .9em FuturaLTBold; color: #777; line-height: 32px; }
#info h3 { font: 1.3em bold; color: #888; margin: 0 0 20px;  }

#description { width: 400px; margin: 0 0 0 0; float: left; }
#description span { font: .9em FuturaLTBook; color: #888; float: right; margin: 0 5px; text-align: right; }
#description  a { font: 1em FuturaLTHeavy; color: #6c9f7e; padding-top: 15px; float: left; float: right;  }
#description h2 { font: 1.2em FuturaLTHeavy; }
#description #button { background: url('/images/buttons.png') no-repeat 0 -1px; width: 112px; height: 37px; display: block; text-align: center; font-weight:bold; font-size:1.2em;font-family:Verdana; } 
#description #button:hover { background: url('/images/buttons.png') no-repeat 0 -51px; } 
#description p { text-align: justify; }

#similar { width: 980px; margin: 0 auto; border-top: 1px solid #a0a0; float: right; height: 375px; font: .8em FuturaLTBook; }
#similar ul { margin: 0 auto;  text-align: center; width: 980px; }
#similar li { float: left; margin: 0 20px; width: 140px; text-align: center; color: #6c9f7e;  }
#similar a { background: none; text-align: right; }
#similar span { color: #6c9f7e; float: right; margin: 5px 0; height: 100px; text-align: center; }
#similar img { max-width: 150px; max-height: 150px; min-height: 150px; }
#similar h3 { color: #666; margin: 0 0 30px; font: 1.6em FuturaLTHeavy; font-weight:bold; }


#itemImages img { max-width: 250px; max-height: 250px;  }
/* footer */

#footer { width: 100%; height: 100%; float: left; background: #eee; margin: 30px 0 0; padding-top: 15px; padding-bottom: 50px;


-moz-box-shadow:inset 0px 0px 5px #7d7d7d;
-webkit-box-shadow:inset 0px 0px 5px #7d7d7d;
box-shadow:inset 0px 0px 5px #7d7d7d;

}

#footer #wrapper { width: 960px;}
#footer #column { float: left; text-align: center; background: url('/images/footer-divider.png') right repeat-y; height: 300px; } 
#footer #column.left { width: 250px; float: left; margin: 0 20px;  } 
#footer #column.left ul { margin: 0 0 0 0; text-align: left; }
#footer #column.left #f-container { width: 225px; height: 50px; text-align: left; position: absolute; z-index: 5; margin-top: 200px; }
#footer #column.left img { margin: 0 0 0 0;  float: right; } 
#footer #column.right { text-align: left; } 
#footer #column.right img { float: right; } 
#footer #column.middle { width: 310px; float: left; text-align: left; margin: 0px 30px; } 
#footer a { font: .9em FuturaLTBook; color: #777; line-height: 2em; }
#footer a:hover { color: #363636; }
#footer li img { float: left; margin: 2px 15px 0 0; }
#footer ul { float: left; margin: 0 50px 0 0; } 

.leftColumnTree
{
    width: 70%;
    position: relative;
    float: right;
}
        
.rightColumnResult
{
    width: 30%;
    position: relative;
    float: left;
    margin: 0 10 0 -500px;
}

.hideme { opacity: 0; }

.hide { display:none; }

.contactUsList .jqTransformSelectWrapper {	width: 200px;}

.boldedGreen{color:#7E9485;}

#itempreviewImage
{
	min-height:350px;
	min-width:150px;
	font-weight: bold;
}

#itempreviewPrice
{
	min-height:50px;
	min-width:150px;
}

#itempreviewLink
{
	min-height:60px;
	text-align:right;
}

#loginButton
{
	float:left;
}


#breedlist { width: 905px; height: 100%; float: left; }
#breedlist #list { width: 850px; float: left; margin-top: 20px; margin-left: 35px;  }
#breedlist #list ul { width: 60em; margin: 0 50px; }
#breedlist #list ul li { margin-top: 10px; }
#breedlist #list ul li,
#breedlist #list ul li a { float: left; width: 20em; font: .9em FuturaLTBook; }
#breedlist #list ul li a:hover { color: #6c9f7e; }
#breedlist #list  br { clear: left; }
#breedlist #list  div.wrapper { margin-bottom: 1em; }
#breedlist h3 { font: 1.4em FuturaLTBold; color: #bbb; text-shadow: 0px -1px 0px #a0a0a0; } 
#breedlist hr { width: 90%; }

#breedtabs #item { width: 200px; height: 280px; float: left; margin: 10px 15px; text-align: center; }
#breedtabs #item p { font: .8em FuturaLTBook; color: #666; line-height: 24px; height: 100px; }
#breedtabs #item span { float: right; font: .7em FuturaLTBook; color: #567257; text-align: bottom; }
#breedtabs ul { 	width:910px;}
#breedtabs ul li { 	font:  .7em FuturaLTBook;
                   	font-weight:bold;}


.error
{
	color:Red;
}

#search-page-wrapper { width: 960px; float: left; }

#loginArea a
{
	margin:0 10px 0 0 ;
	}
	
#loginArea img
{
	margin:20px 0 0 0 ;
}

#resultstatus
{
	width:850px;
}

#statusmessage
{
	margin:0 0 25px 200px;
	font-style:italic;
	
}

#statusmessage img
{
	vertical-align:text-bottom;
}

.agestage .jqTransformSelectWrapper {	width: 250px; z-index:0;}
.speciesDrop .jqTransformSelectWrapper {	width: 250px; z-index:0;}
.contactusDropdown .jqTransformSelectWrapper {	width: 150px; z-index:0;}

.FlatTextBox
{
	font-family: Verdana; 
	background-color: #FFFFFF; 
	color: #000000; 
	font-size: 9pt;
	border: 1px solid #7F9DB9; 
	z-index:0 
}

#loginSection
{
	width:500px;
}

#loginfail
{
	color:Red;	
}

#terms p
{
	padding:10px;
}

#terms ul
{
	padding-left:50px;
	line-height: 15px;
}

#terms li
{
	list-style-type: square;
	list-style-position: outside;
	margin:10px;
	line-height: 25px;
}

#registration
{
	margin-bottom:100px;
}

.footercolumnheader
{
	font-size:0.8em;font-weight:bold;font-family:Arial;
}

#contactus div
{
	width:500px;
	margin-bottom:20px;
}

#contactustopic{width:550px;}