@charset "utf-8";
/* CSS Document */
/*@font-face {
    font-family: ;
    src: local(kingthings_font), url('../fonts/kingthings-wrote.ttf') format('opentype');
}*/
@font-face {
    font-family: 'kingthings_font';
    src: url('../fonts/kingthings-wrote-webfont.eot');
    src: url('../fonts/kingthings-wrote-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/kingthings-wrote-webfont.woff') format('woff'),
         url('../fonts/kingthings-wrote-webfont.ttf') format('truetype'),
         url('../fonts/kingthings-wrote-webfont.svg#kingthings_wroteregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*****LAYOUT STYLES ******/

.col1, .col2, .col3,.col4, .cols { float:left;}

.col1{ width:420px;}
.col2{ width:259px;}
.col3{ width:221px;}
.col4{ width:700px;}
#fullWidth{float:left; width:937px;  padding:0px 20px 20px 20px; clear:right; background-color:#FFFFFF}
#mainLeft{float:left; width:640px; padding:0px 20px 20px 20px;background:url(../images/leftBg.png); margin-left:15px;-moz-border-radius: 10px;
border-radius: 10px;}
#mainRight{float:left; width:260px;  padding:0px 10px 20px 0px; margin-left:10px; clear:right;}


/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}


/* Global properties ======================================================== */

body{ background: url(../images/bg.png) fixed top center repeat-x #dbdbdb; border:0; font:12px Arial, Helvetica, sans-serif; color:#333; line-height:21px; padding:0; margin:0px}


/* Global Structure ============================================================= */


#mainWrapper {	margin: 0 auto;	width: 980px; position:relative;}
#bodyWrapper{width:100%; float:left; background:url(../images/mainBodyBg.jpg) top center no-repeat #85b7bc; z-index:1}



/*Header stuff ***/
div#header{ width:100%; height:auto; float:left; padding:0;}




#sliderWrapper{position:relative;margin-top:0px;width:980px;height:250px;overflow: hidden;z-index:-1;}
#logoWrapper{z-index:998; position:absolute;top:0px; width:300px; height:226px;}
a#logo{ background:url(../images/logo.png) no-repeat; width:300px; height:226px; text-indent:-5000px; z-index:1; position:absolute}


/********Body Stuff *********/
#followUsWrapper{ width:980px; float:left; height:75px;}
h1{ padding-top:40px; font-family:kingthings_font; font-weight:bold; font-size:28px; background: url(../images/h1Bg.png) bottom right no-repeat; width:100%; height:auto; text-shadow: 2px 2px 2px #ccc;line-height:150%;}

h2{ padding-top:5px; font-family:kingthings_font; font-weight:bold; font-size:22px; background: url(../images/h2Bg.png) repeat-y; color:#72c267; width:100%; text-shadow: 2px 2px 2px #ccc;line-height:175%; display:block;hight:auto;}

.green{ color:#72c267;}
.pink{ color:#e73e97;}
.blue{color:#5bccf5;}

.highlight{ width:620px; padding:50px 10px 10px 10px; margin-top:-15px; color:#fff;background:#72c267 url(../images/highlightBg.png) no-repeat top right;}
a.toolTipLink{ margin-left:20px; font-size:11px; text-decoration:none}

#mainLeft div.gallery{float:left; padding:0 10px 10px 0;}

.widgitButton{
	border:solid 2px #207D0F;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color:#72c267;
color:#fff;
padding:5px;
}


.matchFinder{ width:100%; background-color:#fff; border:#666666 thin solid; -webkit-box-shadow: 0px 0px 18px rgba(50, 50, 50, 0.85);
-moz-box-shadow:    0px 0px 18px rgba(50, 50, 50, 0.85);
box-shadow:         0px 0px 18px rgba(50, 50, 50, 0.85); float:left;}
.matchFinder h2{text-align:center; text-transform:uppercase; font-size:20px; color:#72c267; display:block; margin:5px auto 0 auto; background-image: url(""); font-family:Arial, Helvetica, sans-serif}

.matchFinder h3{text-align:center; text-transform:uppercase; font-size:12px; color:#e73e97; display:block; margin:5px auto 0 auto;}
.matchFinder input{ padding:5px; font-family:"Courier New", Courier, monospace; font-size:12px; color:#e73e97; margin:10px 0px 10px 20px; width:160px;}
.loading{ background:url(../images/loader.gif) right no-repeat;}
.breedFinderGallery{ width:100%; height:auto; overflow: hidden;position:inherit;margin-top:15px;}
.breedFinderGallery img{margin-left:5px;}
.opening{background: url(../images/dogSoap.png) no-repeat top right;height:165px; width:100%; z-index:9999;}


a.marker,p.marker{ display:block;  padding-left:13px; background:url(../images/marker.gif) 0 9px no-repeat; font-size:12px; text-decoration:none; margin-right:15px; color:#393D53}
a.marker:visited{ color:#333333;}
a.marker:hover{ color:#999999; text-decoration:underline;}
.right{float:right;}
.left{float:left;}
a.marker1,p.marker1{ display:block;  padding-left:13px; background:url(../images/marker.gif) 0 9px no-repeat; font-size:12px; text-decoration:none; margin-right:15px; color:#393D53;float:left; width:100%}

input.error{background-color:red;color:#fff}


/****CUSTOMER REPORT DISPLAY*****/

div#displayPlaceholder{
	width:640px;
	position:relative;
}





.candyBg{
	background:url(../images/candyBg.png) repeat-y;
}

.rightContainerBody{
	width:250px;

	padding:0px 5px;
}
.mediaItem{
}
.mediaHeader h5 a{
	font-family:"Courier New", Courier, monospace;
	font-size:20px;
	text-decoration:none;
	padding:5px 5px 10px 20px;
	display:block;
}   
.rightContainerBody p{
	font-family:arial;
	font-size:12px;
	color:#333333;
	padding:0px 10px 0px 20px;
	text-decoration:none;
	text-align:justify;
}
.rightContainerBody p.mediaDate{
	font-family:arial;
	font-size:12px;
	color:#333333;
	margin: -10px 0px -10px 30px;
	padding:2px 10px 5px 20px;
	
}
.mediaItem{
	min-height:250px;
}	

.mediaItem p img{
	display:block;
}
.rightContainerBody p.seeMore a:hover{
	text-decoration:none;
	color:#ccc;
}
.rightContainerBody p.seeMore a{
	font-family:arial;
	font-size:12px;
	color:#666;
	background-position: top left 15px;
	text-decoration:none;
	text-align:right;
} 

div.error{
	padding:50px 20px 20px 50px;
	border:thin #FF0000 dashed;
	width:85%;
	margin: 20px auto;
	background: #fcb1c0 url(../images/errorIcon.png) no-repeat;
}
div.error p{background:url(../images/marker.gif) 0 9px no-repeat; padding-left:15px; font-size:14px; color:#333333;}

div.notificationSuccess{
	padding:50px 20px 20px 50px;
	border:thin #C1C1C1 dashed;
	width:85%;
	margin: 20px auto;
	background: #9FE0FF url(../images/successIcon.png) no-repeat;
}
div.notificationSuccess p{background:url(../images/marker.gif) 0 9px no-repeat; padding-left:15px; font-size:14px; color:#333333;}
div.notificationSuccess p a{color:#0033FF; text-decoration:none}
div.notificationSuccess p a:hover{text-decoration:underline}

.object_error{background:#FF9B9B; color:#000}
.object_ok{background:#fff; color:#000000}


td.navbarTextWhite,td.navbarTextWhite a{
	background:#000099;
	color:#fff;
	text-decoration:none;
}
td.navbarTextWhite a:hover{
	color:#00CCFF;
	text-decoration:underline;
}





/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }




/********FOOTER*************/
footer{display:block; clear:both; background:url(../images/footerBgGreen.jpg); width:980px; height:400px;}
#footerLinks{ width:800px; height:210px; padding-top:90px; float:left;}
span.thinWhite,span.boldWhite{  font-size:16px;text-transform:uppercase; color:#FFFFFF;letter-spacing:-1px;}
span.boldWhite{font-weight:bold;}
.clSiteLinks p{ margin-bottom:10px;}
.clSiteLinks{ display:block; float:left; margin:20px 35px 0px 15px;}
ul.clSiteLinks li{margin:0px 0px 0px 0px; list-style:none; font-size:16px;}
.clSiteLinks li a:link{ color:#fff; text-decoration:none; font-size:11px; font-weight:bold;}
.clSiteLinks li a:visited{ color:#fff; text-decoration:none; font-size:11px; font-weight:bold;}
.clSiteLinks li a:hover{ color:#000; text-decoration:underline; font-size:11px; font-weight:bold;}
footer #footerAwards{ width:940px;float:left;}
#footerAwards div{float:left;margin-left:80px;}
#footerAwards div a img{border:0;}

#credits,#credits p, #credits p a,#credits p a:visited,#credits p a:link{ text-align:right; color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none}
#credits p a:hover{ text-decoration:underline; color:#000000;}










.item{ width:100%; float:left;font-family:Arial, Helvetica, sans-serif;margin:0px 0px 20px 0px;}
.itemLeft{width:185px;float:left;}
.itemTitle{color:#72c267; font-size:16px;float:left;font-weight:bold;}
.price{color:#333333; font-size:12px;float:left;width:185px;}
.itemRight{color:#333333; font-size:12px;float:right; width:440px;}
.tab{ padding-left:20px;}


.testimonial{width:100%;height:auto; display:block; float:left;}
.testimonial img{float:left; padding-right:20px;}
.testimonial h2{float:left;}










/***** Content Forms *****/
form.contentForm {
	background:#e4e4e4;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 8px;
	width: 97%;
}
form.contentForm fieldset {
	border: none;
	margin-bottom: 10px;
}
form.contentForm fieldset:last-of-type {
	margin-bottom: 0;
}
form.contentForm fieldset legend {
	color: #000;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 10px;
	text-shadow: 0 2px 2px #ccc;
}
form.contentForm ol{
	-webkit-padding-start: 0px;
}
form.contentForm fieldset ol li {
   background:#dfdfdf;
   background: rgba(255,255,255,.3);
   border-color: #e3ebc3;
   border-color: rgba(255,255,255,.6);
   border-style: solid;
   border-width: 2px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   line-height: 30px;
   list-style: none;
   padding: 5px 5px;
   margin-bottom: 2px;
   width:97%;
}
form.contentForm ol ol li {
   background: none;
   border: none;
   float: left;
}
form.contentForm label {
   float: left;
   font-size: 14px;
   width: 40%;
   margin-top:3px;
}
form.contentForm fieldset label {
   background:none no-repeat left 40%;
   line-height: 20px;
   padding: 0 0 0 10px;
   width: 175px;
}
form.contentForm fieldset fieldset label:hover {
   cursor: pointer;
}
form.contentForm input:not([type=radio]){
   background: #ffffff;
   border: none;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   -khtml-border-radius: 3px;
   border-radius: 3px;
   font: arial;
   outline: none;
   padding: 5px;
   width: 200px;
}
form.contentForm textarea {
   font: arial;
   outline: none;
   padding: 5px;
   width: 500px;
   height:400px;
}
form.contentForm select {
   background: #ffffff;
   border: none;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   -khtml-border-radius: 3px;
   border-radius: 3px;
   font: arial;
   outline: none;
   padding: 5px;
   width: 200px;
}
form.contentForm input:not([type=submit]):focus,
form.contentForm textarea:focus {
   background:#FFDFEB;
}
form.contentForm input[type=radio] {
   float: left;
   margin-right: 5px;
   cursor:pointer;
}


#login, .matchFinder{ z-index:999}


.animalList span{
	font:Arial, Helvetica, sans-serif;
	font-size:20px;
	padding:10px 0 0 30px;
	text-decoration:none;
	color:#333;
	margin-right:25px;
	background:url(../images/marker.gif) no-repeat;
	background-position:top 15px left 10px;
}
.animalList span:hover{
	color:#006699;
	text-decoration:underline;	
}
.animalList img{
	top:0px;	
	position:relative;
}
.animalList:nth-child(odd){ background-color:#ABC1FE; }
.animalList:nth-child(even){ background-color:#91DBFF; }

fieldset.halfWidth{
	float:left;
	width:275px;	
}

.hide{ display:none;}
.show {display:block;}
.report{
padding:15px;
margin:5px 0 0 0;
width:580px;
position:relative;
background-color:#FFFFFF;
float:left;
-moz-border-radius: 3px;
border-radius: 3px;
}
.report h3{ 
width:565px;
background: #000 url(../images/reportHeaderBg.png) no-repeat;
color:#FFFFFF;
font-size:24px;
-moz-border-radius: 5px;
border-radius: 5px;
padding:7px;
}