/* Buddington Cavaliers Website CSS 

 * @author: Jonathan Dorsey | Jonathan Dorsey Design

 */



body{

	text-align:center;

	font:small/1.35 Georgia, "Times New Roman", Times, serif;

	color:#333;}



abbr{

	cursor:help;

	color:#666;

	border-bottom:1px dotted #C0C0C0;}



a{

	color:#006837;

	border-bottom:1px dotted #006837;

	_border-bottom:1px solid #91bba7;

	text-decoration:none;}

	a img{border:none}

a:hover{

	color:#FA8100;

	border-bottom:1px dotted #FA8100;

	_border-bottom:1px solid #f5c591;

	text-decoration:none;}

	a img{border:none}



h4{

	color:#FA8100;

	font-size:140%;

	font-weight:normal;

	background:#FAFAFA;

	padding:7px 25px 7px 15px;

	margin:.5em -25px .5em 0;

	border-bottom:1px dotted #fac994;

}



h5{

	color:#FA8100;

	font-size:120%;

	font-weight:normal;

	margin:.5em 0 .5em 0;

}

	 

#header{

	width:736px;

	margin:0 auto;

	background:#fff url(../images/bkgnd_header.gif) bottom center repeat-x;

	border-left:1px solid #E6E6E6;

	border-right:1px solid #E6E6E6;

	border-top:1px solid #E6E6E6;

	padding:0}



	#header h1{

		background:url(../images/subpagelogo.gif) 0 0 no-repeat;

		padding:0;margin:0;}

	

	#header h1 a{

		text-indent:-9999px;

		display:block;

		width:400px;height:100px;

		border:none;}

	

	#header hr{display:none}

	

	#banner{

		width:714px;

		height:400px;

		margin:5px 10px 0 10px;

		background:url(../images/banner.jpg) no-repeat;}

	

	

	/* Header Navigation */

	#header ul{margin:0;padding:0;}

	#header cite{

		position:absolute;

		left:-9999px;

		visibility:hidden;}

	#header ul{

		margin:0;

		padding:5px 0 0 45px;

		list-style:none;

		overflow:hidden;

		zoom:1;

		background:#E9E9EA url(../images/nav_bkgnd_grad.gif) top left repeat-x}

	#header ul li{

		float:left;}

	#header ul li a{

		color:#4D4D4D;

		display:block;

		text-decoration:none;	

		padding:5px 10px 12px 10px;}

	

	/* Homepage specific styling */

			



	#home #header{

		background:none;

		min-height:560px;

		height:560px;

		padding:0;

		width:738px;

		border:0;}

	#home #header h1{display:none;}

	#home #banner{

		margin:0;

		width:738px;

		height:530px;

		background:url(../images/banner.jpg) no-repeat;}



		

		

	/* You Are Here Nav Styling */

	#home #nav_home,

	#males #nav_males,

	#females #nav_females,

	#availability #nav_availability,

	#training #nav_training,

	#about #nav_about,

	#aboutcavaliers #nav_aboutcavaliers,

	#contact #nav_contact{

		background: #f2f2f2 url(../images/nav_NW.gif) 0% 0% no-repeat;}



	#home #nav_home a,

	#males #nav_males a,

	#females #nav_females a,

	#availability #nav_availability a,

	#training #nav_training a,

	#about #nav_about a,

	#aboutcavaliers #nav_aboutcavaliers a,

	#contact #nav_contact a{

		background:url(../images/nav_NE.gif) 100% 0% no-repeat;}

	/* END You-are-here Nav Styling */

		

	#header_navigation a{border:none;}



	/* Dog Details Page Header Styling */

	#banner_dogdetail{

		margin:0 12px;

		width:714px;

		height:400px;}

	#banner_dogdetail_inner{		

		width:714px;

		height:400px;

		position:relative;

		background:url(../images/banner_frame.png) no-repeat 50% 50%;

		_background:url(../images/banner_frame_IE.png) no-repeat 50% 50%;}

		

	#banner_dogdetail_caption{

		background:url(../images/black_semitransparent.png) no-repeat right top;

		_background:black;

		color:#fff;

		padding:0 60px 0 20px;_padding:0 10px 0 20px;

		position:absolute;

		text-align:left;

		bottom:12px;

		left:0;}

	#banner_dogdetail_caption h2, #banner_dogdetail_caption p{display:inline;margin:0 10px;padding:0}

	#banner_dogdetail_caption h2{font-weight:normal;font-size:350%;font-style:italic}

	#banner_dogdetail_caption p{font-style:italic;}







#content{

	width:573px;

	padding:20px 24px 40px 139px;

	margin:0 auto 0 auto;

	background:#f2f2f2;

	border-left:1px solid #E6E6E6;

	border-right:1px solid #E6E6E6;

	text-align:left;}



	.wide{

		width:686px !important;

		padding:20px 25px 40px 25px !important;}

	

	#content h2{		

		color:#4D4D4D;

		font-weight:normal;

		font-size:180%;}	

		

		h2 .h2raquo{color:#999;}

		

	.wide h2{margin-left:0 !important;}

	

	#content h3{

		color:#006837;

		font-weight:normal;

		font-size:160%;}

	#content .pulltext{

		background:#FAFAFA;

		font-style:italic;

		font-size:130%;

		color:#006837;	

		padding:10px 25px 10px 15px;

		margin:1em -25px 1em -15px;

		border-bottom:1px solid #E6E6E6;

		border-left:1px solid #E6E6E6;}

	#content .pulltext p{padding:0;margin:0}

	#content .pulltext p p{margin:1em 0}

	

	#content .unavailable{

		background:#fafafa;

		padding:10px 10px;

		color:#808080;

		font-style:italic;

		border:1px solid #fff;

		margin:1em 0}

	#content .unavailable p{margin:0;padding:0}	

			



	#content .doglistrecord{

		margin:1em 0;

		padding:0;}

	

	#content .doglistrecord li{

		margin:1em 0;

		position:relative;

		list-style:none;

		overflow:hidden;

		width:500px;

		zoom:1;

		min-height:8em;

		_height:8em}

	

	#content .doglistrecord p{float:right;width:380px;margin:0 0 .5em 0 }

	#content .doglistrecord p.reg_name{color:#666;font-style:italic}

	

	#content .doglistrecord h3{float:right;width:390px;margin:0 0 .5em 0}

		#content .doglistrecord h3 a{color:#006837;text-decoration:none;border-bottom:2px solid #91bba7;}

		#content .doglistrecord h3 a:hover{color:#FA8100;text-decoration:none;border-bottom:2px solid #f5c591;}

	

	#content .doglistrecord a.portrait{position:absolute;top:0;left:0;display:block;border:10px solid #fff;}

	#content .doglistrecord a.portrait img{border:none;}

	

#photolist{overflow:hidden;margin:1em 0;}

#photolist a.thumbnail{border:10px solid #fff;display:block;float:left;margin-right:10px;}

#photolist a.portrait img{border:none;}

.videocaption{

	font-size:85%;

	font-family:Arial, Helvetica, sans-serif;

	color:#666;

	margin-top:8px;

	width:420px;



}

			

#footer{

	position:relative;

	color:#808080;

	width:738px;

	height:178px;

	padding:0;

	margin:0 auto 20px auto;

	line-height:1em;

	letter-spacing:-.04em;

	border-top:1px solid #CFCFCE;

	background:#fff url(../images/bkgnd_footer.gif) 0 -1px no-repeat;}





	#footer .copyright{

		position:absolute;

		text-align:left;

		top:20px;

		font-size:11px; 

		right:15px;

		width:150px;

		height:50px;

		}

	#footer hr{display:none}



	#footer ul{

		position:absolute;

		text-align:left;

		top:25px;

		font-size:11px; 

		width:100px;

		height:50px;

		list-style:none;

		margin:0;padding:0}

		

	#footer ul a{color:#808080;border:none;}

	#footer ul a:hover{color:#FA8100;border-bottom:1px dotted #FA8100;}

	#flinks_col1{left:315px;}

	#flinks_col2{left:420px;}





/* Litter Page */

.litterheading{

	background:#FAFAFA;

	padding:7px 25px 7px 15px;

	margin:.5em -25px .5em 0;

	border-bottom:1px dotted #fac994;

}

.litterheading h4{padding-left:0;}

.litterheading p{color:#808080}

#puppylist{margin:10px 0 0 20px}

#puppylist td{padding:5px 10px;vertical-align:top;}

#puppylist h3{margin:0;padding:0}

#puppylist .thumb{position:relative;zoom:1;}

#puppylist a.thumbnail{border:10px solid #fff;display:block;}

.puppysold{position:absolute;top:-15px;left:-15px;}



.parentdisplay{width:300px}

.parentdisplay td{padding:5px 10px;text-align:center}

.parentdisplay a.thumbnail{border:10px solid #fff;display:block;margin:0 auto 10px auto;width:75px}

.parentdisplay td.paring{vertical-align:top;padding-top:45px;}



.sold_container img {

	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);

}

.sold_container{

	zoom:1;position:absolute;top:-15px;left:-15px;z-index:1000;

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/sold.png');

}

	

#pedigreechart table{

	border:1px solid #CFCFCF;

	border-collapse:collapse;

	font-family:Arial, Helvetica, sans-serif !important;

	background:#fafafa;}	

#pedigreechart table *{

	font-family:Arial, Helvetica, sans-serif !important;

	font-size:100% !important;}

#pedigreechart table td, #pedigreechart table th{

	border:1px solid #CFCFCF !important;

	padding:2px 3px !important;

	font-size:70% !important;}

#pedigreechart table th{background-color:#e3e3e3;}

#pedigreechart .champion{	color:red;}

#pedigreechart p{margin:0;padding:0}

.table-pedigree {
	border-collapse: collapse;
}

.table-pedigree td {
	border: solid 1px black;
	width: 33%;
	max-width: 33%;
}

