img{
	border:none;
}


.missing {
	font-weight: bold;
	color:red;

}

/* COLORS USED 

#306 - deep purple (color, not the band)
#369 - light blue (i.e. the mainNav rollovers)
#063 - green
#CBBFA1 - tan
*/



.hidden {
	display: none;
	}

div.clearer {clear: left; line-height: 0; height: 0; margin: 0; padding: 0;} 

body {
	background: #CBBFA1 url(images/bkgnd.gif) repeat-y; 
	margin: 0 0 0 10px;
	}
	
.topColWrapper {
	width: 730px;
	height: 74px;
	}

#logoTop {
	float:left;
	height: 49px;
	width: 83px;
	margin:0;
	padding:0;
/*	background: url(images/navLogoTop.jpg) no-repeat; */
	}
	
#navTreeHouse {
	width: 647px;
	font: 10px Helvetica;
	color: #306;
	text-align: right;
		background: #fff url(images/headerTopBkgnd.gif) no-repeat;
	height: 47px;
	float:left;
	padding-top:2px;
	} 
	
		
#navMain {

	width: 647px;
	background: url(images/headerBottomBkgnd.gif) no-repeat;
	height: 25px;
	float:left;
	padding: 0;
	margin:0;
	}	

#logoBottom {
	float:left;
	height: 25px;
	width: 83px;
	margin:0;
	padding:0;
	/* background: url(images/navLogoBottom.jpg) no-repeat; */
	}		
	
#navTreeHouse a {font-weight: bold; text-decoration:none; color: #306;}
#navTreeHouse a:link {font-weight: bold; text-decoration:none; color: #306;}
#navTreeHouse a:visited {font-weight: bold; text-decoration:none; color: #306;}
#navTreeHouse a:hover {font-weight: bold; text-decoration:underline; color: #306;}
#navTreeHouse a:active {font-weight: bold; text-decoration:none; color: #306;}


#twoColWrapper {
	width: 730px;
	background: #CBBFA1 url(images/bkgndTwoColWrapper.gif) repeat-y; 
	}
	
#leftCol{
	background:transparent;
	padding:1em 0 1em 0;
	vertical-align:top;
	float: left;  
	width: 490px; 
	/* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 490px;
	}
	
#leftCol table, #leftCol table tr, #leftCol table tr td{
	margin:1em 0 1em 0;
}
	
html>body #leftCol {
	width: 490px; 
	/* ie5win fudge ends */

	} 

#leftColFront{
	background:transparent;
	padding:0 0 1em 0;
	vertical-align:top;
	float: left;  
	width: 490px; 
	/* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 490px;
	}
html>body #leftColFront {
	width: 490px; 
	/* ie5win fudge ends */

	} 

	

#rightCol{
	background:transparent;
	vertical-align: top;
	padding:1em 0 1em 0;
	float: left;
	width: 240px; 
	/* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 240px;
	}
html>body #rightCol {
	width: 240px; 
	/* ie5win fudge ends */ 
	}
	
	
/* ===== MAIN NAV STYLES ===== CSS ROLLOVERS */	
	

#navMain img {
	padding: 0px; 
	border:0;
	} 
			
	
#navMain a:hover img, #navMain a:hover  {
	background: #369;
	}	
	
#navMain a.active img, #navMain a.active  {
	background: #369;
	}	
	
	
/* ==== FOOTER STYLES ==== */

#footer {
	width: 730px;
	background: #fff;
	padding: .5em 0 1em 0;
	border-top: 1px solid #306;
	}

#footer p#links {
	text-align: center;
	font: 10px Verdana, sans-serif;
	margin:0 0 1em 0;
	}
	
#footer p.legal {
	font: 9px Verdana, sans-serif;
	color: #666;
	margin:0 0 .3em 0;
	text-align:center;
	}
	
	
#footer a {text-decoration:none;}
#footer a:link {text-decoration:none;}
#footer a:visited {text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer a:active {text-decoration:none;}		
	
	
/* ============= SUBNAV STYLES ============ */


div.subNav a {font-weight: bold; text-decoration:none; color: #fff;}
div.subNav a:link {font-weight: bold; text-decoration:none; color: #fff;}
div.subNav a:visited {font-weight: bold; text-decoration:none; color: #fff;}
div.subNav a:hover {font-weight: bold; text-decoration:underline; color: #fff;}
div.subNav a:active {font-weight: bold; text-decoration:none; color: #fff;}


div.subNav {
	width: 220px;
	border: 1px solid #369;
	margin:1em 10px;
	padding:0;
	
	/* values below this go to 6.0 browsers ONLY */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 218px; 
	}
	html>body div.subNav {
  	width:218px;
	}
	

div.subNav ul.subNav { 
	border: 4px solid #f3f3f3;
	list-style: none;
	color: #fff;
	width: 218px;
	font: bold 10px/20px Verdana, sans-serif;
	background:#369;
	padding: 1em 0 1em 10px;
	margin:0;   
	
	/* values below this go to 6.0 browsers ONLY */
	voice-family: "\"}\""; 
	voice-family:inherit;
		width: 190px;
		padding:1em 0 1em 20px;
   	}
	html>body div.subNav ul {
		width: 190px;
		padding:1em 0 1em 20px;
	}


div.subNav li {
	padding:0;
	margin:0;
	}
	
div.subNav li.activeOLD {
	background:#306; /* url(images/ulBkgnd.gif) repeat-x; */
	margin-left: -20px;
	padding-left: 20px; 
	} 
	
	
	div.subNav li.active {
	background: url(images/subNavActiveBkgnd.gif) no-repeat;
	margin-left: -20px;
	padding-left: 20px; 
	} 


ul.subSubNav {
	list-style: none;
	padding: 0 0 0 55px;
	margin:0 0 0 -20px;
	background:#369;
	
	/* values below this go to 6.0 browsers ONLY */
	voice-family: "\"}\""; 
	voice-family:inherit;
		width:170px;
		list-style: none;
		padding: 0 0 0 40px;
		margin:0 0 0 -20px;
		background:#369;
	}
	html>body div.subNav ul {
		width:170px;.
		list-style: none;
		padding: 0 0 0 40px;
		margin:0 0 0 -20px;
		background:#369;
	}

li.subSubActiveOLD {
	list-style: disc url(images/ulBullet.gif);
	background: #369;
	 background: #CBBFA1; 
	margin-left: 0px;
	padding-left: 0px; 	
	}

li.subSubActive a {font-weight: bold; text-decoration:none; color: #CBBFA1;}
li.subSubActive a:link {font-weight: bold; text-decoration:none; color: #CBBFA1;}
li.subSubActive a:visited {font-weight: bold; text-decoration:none; color: #CBBFA1;}
li.subSubActive a:hover {font-weight: bold; text-decoration:underline; color: #CBBFA1;}
li.subSubActive a:active {font-weight: bold; text-decoration:none; color: #CBBFA1;}
	
	
ul.subSubNav {
	list-style: none;
	padding: 0 0 0 55px;
	margin:0 0 0 -20px;
	background:#369;
	
	/* values below this go to 6.0 browsers ONLY */
	voice-family: "\"}\""; 
	voice-family:inherit;
		width:170px;
		list-style: none;
		padding: 0 0 0 40px;
		margin:0 0 0 -20px;
		background:#369;
	}
	html>body div.subNav ul {
		width:170px;.
		list-style: none;
		padding: 0 0 0 40px;
		margin:0 0 0 -20px;
		background:#369;
	}

/* ============= FRANCHISE SUBNAV STYLES ============ */	
	
.franchiseButton {
	margin:1em 0 0 15px;
	}

div.franchiseNav h4{
	border:none;
	margin:0 0 .5em -.5em;
	padding:0;
	}	
		
div.franchiseNav {
	border:1px solid #CBBFA1;
	width: 220px;
	background: #CBBFA1; /* url(images/frontFranchiseBkgnd.jpg);
	background-repeat: no-repeat;
	background-position: 50px 50px; */
	margin:1em 10px;
	padding: 0 0 0 0;
	
	/* values below this go to 6.0 browsers ONLY */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 218px; 
	}
	html>body div.subNav {
  	width:218px;
	}
	
div.franchiseNav ul {
	border: 4px solid #f3f3f3;
	list-style: none;
	color: #fff;
	width: 218px;
	font: bold 10px/20px Verdana, sans-serif;
	padding: 1em 0 1em 10px;
	margin:0;   
	
	/* values below this go to 6.0 browsers ONLY */
	voice-family: "\"}\""; 
	voice-family:inherit;
		width: 190px;
		padding:1em 0 1em 20px;
   	}
	html>body div.subNav ul {
		width: 190px;
		padding:1em 0 1em 20px;
	}
	
	
div.franchiseNav li#franchiseActive {
	background:#f3f3f3; /* url(images/ulBkgnd.gif) repeat-x; */
	margin-left: -20px;
	padding-left: 20px; 
	} 
	
div.franchiseNav a {font-weight: bold; text-decoration:none; color: #68523A;}
div.franchiseNav a:link {font-weight: bold; text-decoration:none; color: #68523A;}
div.franchiseNav a:visited {font-weight: bold; text-decoration:none; color: #68523A;}
div.franchiseNav a:hover {font-weight: bold; text-decoration:underline; color: #68523A;}
div.franchiseNav a:active {font-weight: bold; text-decoration:none; color: #68523A;}	

	
	
	
/* ============= CONTENT ============ */

#flashMovie{
	margin: 0 0 1em 0;
	width:490px;
	padding:0;
	border:0;
	}

#franchiseFrontInfo {
	background: url(images/frontFranchiseBkgnd.jpg)  no-repeat right bottom;

}


#rightCol img {
	border:0;
	}



#leftCol, #rightCol, #leftColFront { 
	font: 10px/16px Verdana, Arial, sans-serif; 
	} 

p { 
	margin:0em 10px 1em 10px; 
	}
	
h4+p{
	margin: 0em 10px 1em 10px;
	} 	
	
#leftCol h4+p, #leftCol h5+p, #leftCol h3+p, #rightCol h3+p, #rightCol h4+p, #rightCol h5+p{
	margin: 0em 10px 1em 10px;
	} 

h6 {
	font-size: 1em;
	font-weight: normal;
	font-style: italic;
	margin: 0em 10px 0 10px ;
	}


h5 { 
	margin:1em 0 0 10px; 
	font-size: 1em; 
	color: #063; 
	}  

h4 { 
	text-transform: uppercase; 
	margin:0 10px .2em 8px; 
	font: bold 1.3em Arial, sans-serif; 
	border-bottom: 1px solid #306; 
	color: #306; 
	}  

.frontFeaturedProduct { 
	border: 1px solid #063; 
	float: left; 
	margin: 1em 10px 0 10px; 
	}




a {font-weight: bold; text-decoration:underline; color: #714B26;}
a:link {font-weight: bold; text-decoration:underline; color: #714B26;}
a:visited {font-weight: bold; text-decoration:underline; color: #714B26;}
a:hover {font-weight: bold; text-decoration:underline; color: #369;}
a:active {font-weight: bold; text-decoration:underline; color: #714B26;}	

/*
a {font-weight: bold; text-decoration:none; color: #369;}
a:link {font-weight: bold; text-decoration:none; color: #369;}
a:visited {font-weight: bold; text-decoration:none; color: #369;}
a:hover {font-weight: bold; text-decoration:underline; color: #369;}
a:active {font-weight: bold; text-decoration:none; color: #369;}	
*/


select {
	width: 180px;
	font: 10px Verdana;
	}

input {
	font: 10px Verdana;
	}
	
.storePic {
	border: 1px solid #063;
	}

.speciesDetailPic, .imageCaptionRight {
	float: right;
	margin: 0 10px .5em 10px;
	}



.speciesDetailPic img{

	}
	
.speciesDetailPic p {
	margin: .2em 0 0 0 !important;
	padding: 0;
	font-style: italic;
	}


/* ============ PRESS RELEASE ============= */
h3 {
	margin: 1em 10px 1em 8px;
	font-size: 12px;
	}

p.teaser {
	font-style:italic;

	}
	
span.prByline {
	font-weight: bold;
	}
	

/* ======== QUOTES =========== */

span.quoteCredit {
	display:block;
	font-style: italic;
	text-align:right;
	}
	
	
/* ======= FORMS ========== */
	
	table.formTable {
		margin: 1em;
		}
		
	table.formTable input {
		font: 10px Verdana, sans-serif;
		}		

/* ============= TABLES ============ */
table.displayTable {
	margin: 1em;
	width:470px;
	}
table.displayTable tr.oddRow{
	background:transparent;
	}
table.displayTable tr {
	background: #B7A86D;
	}
table.displayTable tr.headerRow{
	background:#306;
	color: #fff;
	font-weight:bold;
	}
table.displayTable td {
	padding:2px;
	}
	


	
	
	
div.h4 { 
	text-transform: uppercase; 
	margin:0 10px .2em 0px; 
	font: bold 1.3em Arial, sans-serif; 
	border-bottom: 1px solid #306; 
	color: #306;
	width:100%;
	}
	
	
.thumb_div{
	padding:10px;
	border-width:1px;
	border-style:solid;
	border-color:#DDD7C7 #A39C8F #A39C8F #DDD7C7;
	float:left;
	margin:10px;
	width:105px;
	height:140px;
	background-color:#D5CCB5;
	line-height:98%;
}

.thumb_div img{
	border:none;
}

.thumb_div a:visited, .thumb_div a:active, .thumb_div a:link{
	text-decoration:none;
}

.thumb_div a:visited{
	color:#9A9385;
}













div.nicetitle {
   	position: absolute;
   	top: 0px;
    	left: 0px;
    	color: #333333;
    	font-family: Verdana, Helvetica, Arial, sans-serif;
   	width: 250px;
	padding:15px;
	border-width:1px;
	border-style:solid;
	border-color:#FFFFFF #777777 #777777 #FFFFFF;
	background-color:#EFEFEF;
	font-weight: normal;
    	font-size: 11px;
}
div.nicetitle p {
    margin: 0; padding: 0 3px;
}

p.destination {
    font-size: 9px;
    text-align: left;
    padding-top: 3px;
	font-weight:normal;
	color:#CC0000;
}

p.titletext {
	font-size:11px;
}

td.padded{
	padding: 5px;
}
table.nice{
	padding:15px;
	border-width:1px;
	border-style:solid;
	border-color:#FFFFFF #777777 #777777 #FFFFFF;
	float:left;
	margin:10px;
	background-color:#EFEFEF;
}

table.nice tr td{
	padding: 5px;
}