﻿body
{
	background-color: #FFF;
	background-repeat: repeat-x;
	background-position:top;
	font-size: 12px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	vertical-align:top;
	text-align:left;
}
html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
}
img, div
{
	border: 0;
	padding:0;
	margin:0;
}
#MainHeader .SiteTitle
{
	position: absolute;
	top: 0;
	padding: 2px 0 0 5px;
}
#MainHeader .SiteTitle h1
{
	font-size: 9px;
	color: #B5E4B6;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	/*width: 650px;*/
}
/*#MainHeader .AccLogin, #MainHeader .AccLogout
{
    position: absolute;
	top: 0;
	left: 925px;
}
#MainHeader .AccLogin a, #MainHeader .AccLogout a, #MainHeader .AccLogin a:visited, #MainHeader .AccLogout a:visited
{
    color: #44B746;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#MainHeader .AccLogin a:hover, #MainHeader .AccLogout a:hover
{
    text-decoration: underline;
}
#MainHeader .AccLogin a.pad, #MainHeader .AccLogout a.pad
{
    padding-left: 10px;
}
#MainHeader .AccLogout
{
	left: 840px;
}*/
h1
{
    font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	color:#3c8b41;
	margin: 0 0 16px 0;
	padding: 0;
}
form
{
	margin: 0;
}
a
{
	border:0;
	text-decoration: none;
	color: #003399;
	border:0;
	outline:none;
}

a:visited
{
	text-decoration: none;
	color: #003399;
}

a:hover
{
	text-decoration: none;
	color: #0066CC;
}

p
{
	font-family: Verdana, Arial;
	font-size: 11px;
	margin: 5px 0 5px 0;
	color: #242424;
}

li {list-style: none}

h6
{
	font-size: 12px;
	font-family: Arial;
	font-weight: normal;
	color: #ff6c01;
	margin: 0 0 12px 0;
}

/*Master Layout*/

#Overall
{
	margin:0 auto;
	width: 980px;
	height:100%;
	position:relative;
}

#MainInnerContainer
{
	position:relative;
	min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -4em;
}
#MainHeaderBorder
{
    background-color: #fff;
    border: 4px solid #fff;
	border-top: 0;
	-webkit-border-bottom-left-radius: 14px;
    -moz-border-radius-bottomleft: 14px;
	-webkit-border-bottom-right-radius: 14px;
    -moz-border-radius-bottomright: 14px;
    width: 992px;
}
#MainHeader
{
	text-align:left;
	background-image:url('/images/header.png');
    background-repeat:no-repeat;
    background-color: #fff;
    height:240px;
	width:986px;
	border: 3px solid #b5e4b6;
	border-top: 0;
	-webkit-border-bottom-left-radius: 14px;
    -moz-border-radius-bottomleft: 14px;
	-webkit-border-bottom-right-radius: 14px;
    -moz-border-radius-bottomright: 14px;
}
#LoginBox p
{
    margin: 0 0 14px 0;
    padding: 0;
    font-family: Arial;
    font-size: 14px;
    color: #3685cf;
    text-align:left;
}
#LoginBox h1
{
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 13px;
	font-weight: bold;
	font-family: Arial, Verdana;
}
#LoginBox
{
	margin-left:740px;
	font-size:11px;
	color:#5d5d5d;
	font-family:Tahoma;
	font-weight:bold;
    text-align:left;
}
#LoginBox img
{
	margin-bottom:-7px;
}
#LoginBox input
{
	background-image:url('/images/EmailBg.png');
	background-repeat: no-repeat;
	border:0;
	height:14px;
	width: 149px;
	font-size:11px;
	padding:4px;
	color:#666;
}
#MainMenu
{
    position: relative;
    z-index: 105;
	margin-top:201px;
	#margin-bottom:15px;
	color:White;
	font-family:Tahoma;
	font-weight:bold;
	font-size:13px;
	bottom:0;
	#botttom:3px;
	height:22px;
	width:980px;
}
#MainMenu a, #MainMenu a:hover, #MainMenu a:visited
{
	/*margin-left:30px;
	margin-right:15px;*/
	color:#FFF;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.6);
}

#MainMenu ul { }
#MainMenu ul li { float: left; background: url(/images/menu-separator.png) no-repeat right -2px; }
#MainMenu ul a { }
#MainMenu ul a { }
#MainMenu ul a.hover { position: absolute; display: block; background-image: url(/images/menu-items-selected.png); background-repeat: no-repeat}
#MainMenu ul a.normal { height: 18px; width: 100%; display: block; background-image: url(/images/menu-items.png); background-repeat: no-repeat }

#MainMenu ul { margin-left: 42px }
#MainMenu ul li { height: 26px; margin-right: 15px; position: relative; }
#MainMenu ul li.last { margin-right: 0; background: none }
#MainMenu ul li.btn-1 { width: 132px; }
#MainMenu ul li.btn-2 { width: 119px; }
#MainMenu ul li.btn-3 { width: 153px; }
#MainMenu ul li.btn-4 { width: 94px; }
#MainMenu ul li.btn-5 { width: 56px; }
#MainMenu ul li.btn-6 { width: 92px; }
#MainMenu ul li.btn-7 { width: 112px; }
#MainMenu ul li.btn-8 { width: 68px; }

#MainMenu ul li.btn-1 a.normal { background-position: 0 2px }
#MainMenu ul li.btn-2 a.normal { background-position: 0 -23px }
#MainMenu ul li.btn-3 a.normal { background-position: 0 -47px }
#MainMenu ul li.btn-4 a.normal { background-position: 0 -70px }
#MainMenu ul li.btn-5 a.normal { background-position: 0 -93px }
#MainMenu ul li.btn-6 a.normal { background-position: 0 -117px }
#MainMenu ul li.btn-7 a.normal { background-position: 0 -141px }
#MainMenu ul li.btn-8 a.normal { background-position: 0 -163px }

#MainMenu ul li a.hover { height: 80px; top: -32px; left: -33px; display: none }
#MainMenu ul li:hover a.hover { display: block }
#MainMenu ul li.btn-1 a.hover { width: 172px; background-position: -205px 0px }
#MainMenu ul li.btn-2 a.hover {width: 160px; background-position: -234px -85px }
#MainMenu ul li.btn-3 a.hover {width: 190px; background-position: -1px -0px }
#MainMenu ul li.btn-4 a.hover {width: 131px; background-position: -95px -92px }
#MainMenu ul li.btn-5 a.hover {width: 95px; background-position: -0px -85px }
#MainMenu ul li.btn-6 a.hover {width: 129px; background-position: -257px -170px }
#MainMenu ul li.btn-7 a.hover {width: 148px; background-position: 6px -170px }
#MainMenu ul li.btn-8 a.hover {width: 97px; background-position: -152px -170px }


.FooterContent
{
	background-color:#ecfaff;
	padding: 12px;
	margin-bottom:5px;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}
#FooterContent a
{
	text-decoration:none;
	color:#FFF;
}
/*End Master Layout*/

.HeaderLogo
{
	width:204px;
	float:left;
	margin-left:20px;
}
/*Login & Registration*/
#LoginPanel
{
	padding:100px 0 0 200px;
}

/*End Login & Registration*/


#MainContainer {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:1000px;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}

#MainBg
{
/*	background-image: url(../images/OverallBgPattern.png);*/
    background: #ffffff;
	background-repeat: repeat;
	background-position: center;
}

#MainContent 
{
	padding-top:0;
	width:996px;
}

#MainFooter 
{
	font-family:Helvetica, Arial;
	font-size:11px;
	color:#5d5d5d;
	width:960px;
	text-align:center;
	/*margin-top:20px;*/
	padding: 10px;
	line-height: 20px;
}
#MainFooter a
{
	font-family:Helvetica, Arial;
	font-size:11px;
	color: #0052A4;
}
#MainHeaderPhone
{
	font-family:Helvetica, Arial;
	font-size:11px;
	color:#C4B781;
	text-align:right;
	padding-top:2px;
}
.BlackDropDown1
{
	padding:3px;
	font-size:14px;
	margin-bottom:10px;
	border:0;
	background-color:Black;
	color:#FFF;
	
	border-color:Black;
}
a.MoreLink
{
	font-size: 10px;
	color: #f46700;
}
a:visited.MoreLink
{
	color: #f46700;
}
.clear
{
	float:none;
	clear:both;
}
#makesamebut
{
	vertical-align: middle;
}
.ValidationErr
{
	color: #ffeff0;
}
.ClearBoth
{
	clear: both;
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
	line-height: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #fff;
}

.MainLeftBorder
{
    width: 280px;
    float:left;
    margin-top:20px;
    /*padding: 4px;
    width:214px;*/
    background-color: #fff;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
}

.MainLeft
{
	background-color:#fff9e3;
	border:solid 3px #ffdcc1;
	-webkit-border-radius: 14px;
    -moz-border-radius: 14px;
   /* padding: 4px 2px 4px 2px;*/
}
.MainRightBorder
{
    float:right;
	width:700px;
	margin-top:20px;
	margin-left:15px;
    /*padding: 4px;*/
    background-color: #fff;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
}
#MainRight
{
	
}
#Logo
{
	position:absolute;
	left:20px;
	top:30px;
}
#Phone
{
	position:absolute;
	left:66px;
	top:146px;
}

.page_title
{
	height:160px;
	line-height:30px;
	color:#C4B781;
	margin-left:40px;
}
#MainMiddle
{
	margin-top:55px;
	float:left;
	background-image:url('/images/vertbar.png');
	background-repeat:repeat-y;
	width:6px;
	height:300px;
}
#MainHome
{
	line-height:20px;
	margin-left:120px;
	margin-top:20px;
}
.MainImage
{
	float:left;
	width:205px;
}
.MainImage img
{
	border:solid 2px #C4B781 !important;
	padding:2px;
	width:196px;
	height:241px;
}
hr.bar
{
	border:solid 1px #C4B781;
	width:100%;
}
.MainContent
{
	float:left;
	width:520px;
	margin-left:10px;
}
.MainContent h2, .MainContentFull h2
{
	color:#C4B781;
	font-weight:normal;
	text-transform:uppercase;
	font-size:14px;
}
.MainContentFull
{
	float:left;
	width:720px;
	margin-left:10px;
}

.PuppiesTopBar {width: 1015px; height: 140px; background: url(/images/puppies-top-bar.png) 5px 100% no-repeat; position: relative; top: 10px;}
/*.PuppiesTopBar ul {left:28px; position:absolute; top: 0;}*/
.PuppiesTopBar div {margin:0 auto;text-align:center}
/*.PuppiesTopBar ul li{float: left; margin-right: 15px; color: #284b73; line-height: 1.6em; text-align: center}*/
.PuppiesTopBar div ins{display: -moz-inline-box;display:inline-block; color: #284b73; line-height: 1.6em;margin-right:15px;text-align:center;text-decoration:none; vertical-align: top;}
.PuppiesTopBar div ins.last{margin-right:0;}
.PuppiesTopBar div ins span {position: absolute; left: 50%; top: 0; display: block;}
.PuppiesTopBar div ins img {position: relative; top: -6px; left: -50%; display: block;}
/*.PuppiesTopBar ul li.l1{margin-right: 22px}
.PuppiesTopBar ul li.l2{margin-right: 31px}
.PuppiesTopBar ul li.l3{margin-right: 26px}
.PuppiesTopBar ul li.l4{margin-right: 33px}
.PuppiesTopBar ul li.l5{margin-right: 47px}
.PuppiesTopBar ul li.l6{margin-right: 28px}
.PuppiesTopBar ul li.l7{margin-right: 40px}
.PuppiesTopBar ul li.l8{margin-right: 41px}
.PuppiesTopBar ul li.l9{margin-right: 0px}*/
.PuppiesTopBar div a{width: 100%; height: 100%; padding-top:89px; display: block; position: relative; min-width: 75px; width: 75px; width: auto !important;}
.PuppiesTopBar div b{color: #3d8c42;}

.LeftMenu
{
	font-size:12px;
	margin-top:10px;
	text-align:center;
	line-height:21px;
	text-transform:uppercase;
	color:#666;
}
.LeftMenu a, .LeftMenu a:hover, .LeftMenu a:visited
{
	color:#666;
}
.LeftStylistsMenu
{
	font-size:12px;
	margin-top:10px;
	text-align:center;
	line-height:21px;
	color:#000;
}
.LeftStylistsMenu a, .LeftStylistsMenu a:hover, .LeftStylistsMenu a:visited
{
	color:#9E6527;
}
.ServicesLeft
{
	 border:solid 1px #C4B781;
	 text-align:center;
	 padding:3px;
	 margin:10px;
	 color:#C4B781;
}
.ServicesLeft a, .ServicesLeft a:hover, .ServicesLeft a:visited
{
	 color:#C4B781;
	 font-weight:bold;
	 cursor:pointer;
}
.InputBox
{
	width:160px;
	border:solid 2px #C4B781;
	text-transform:uppercase;
	font-size:12px;
	padding:2px;
}
.SubmitBut
{
	margin-top:10px;
	text-align:right;
	margin-right:55px;
}
.StylistPhoto
{
	border:solid 2px #C4B781 !important;
	padding:2px;
	width:88px;
	height:109px;
	margin-right:4px;
	margin-bottom:4px;
}
.StylistName
{
	text-transform:none;
	font-size:20px;
	color:#C4B781;
}
.StylistTitle
{
	font-size:11px;
	color:#9E6527;
	text-transform:uppercase;
	margin-bottom:10px;
}
.FindPuppy
{
	padding:10px;
	font-weight:bold;
	font-size:11px;
	color:#5d5d5d;
	line-height:20px;
}
.FindPuppy h2
{
	color:#ff6d00;
	font-weight:normal;
	margin: 0 0 4px 0;
	font-family: Arial, Verdana;
	font-weight: bold;
}
.FindPuppy select
{
	width:182px;
}
.FeaturedPup
{
	padding:10px;
}
.FeaturedPup h2
{
	color:#ff6d00;
	font-weight:normal;
	margin: 0 0 4px 0;
	font-family: Arial, Verdana;
	font-weight: bold;
}
.FeaturedPup h3
{
	color: #2b2723;
	font-weight:normal;
	margin: 0;
	font-family: Arial, Verdana;
	font-weight: bold;
	font-size: 12px;
	line-height: 22px;
}
.FeaturedPup p
{
	text-align: justify;
	line-height:20px;
	font-size:11px;
	color:#5d5d5d;
}

.PhotosPanel
{
	background-color:#3685cf;
	color:#FFF;
	padding-top:5px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
	text-align:left;
	margin-top:20px;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}
.PhotosPanel h1
{
	font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	color:#FFF;
	padding-left:25px;
}
.ContactPanel
{
	background-color:#3685cf;
	color:#FFF;
	text-align:left;
	-webkit-border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
	font-size:13px;
	background-color:#abe0ac;
	color:#000;
	padding:15px;
}
.ContactPanel h2
{
	font-family: Arial, Verdana;
	font-weight: normal;
	font-size: 24px;
	margin: 0 0 10px 0;
}
.PupPhoto
{
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    width:236px;
    height:266px;
    background-repeat:no-repeat;
}
.ContactPanel h1
{
	font-family: Arial, Verdana;
	font-weight: normal;
	font-size: 24px;
	margin: 8px 0 10px 0;
}
#ContactPanel h2
{
	font-family:Georgia;
	padding: 3px 5px 0;
}
#ContactPanel a
{
	color:White;
}
#ContactPanel p
{
	color:White;
	line-height:16px;
}
.Td1
{
	font-size: 12px;
	font-family: Verdana, Arial;
	color: #003E00;
	background-color: #b2e5b1;
	padding: 6px; 
}
.Td1 .VideoPackage label 
{
    position: relative;
    top: -2px;
    left: 10px;
}
.Td2
{
	font-size: 12px;
	font-family: Verdana, Arial;
	background-color: #96d795;
	padding: 6px;
}
.Td3
{
	padding: 12px;
}
.Td4
{
	font-size: 12px;
	font-family: Verdana, Arial;
	color: #003E00;
	background-color: #fff;
	padding: 6px; 
	border-top: 2px solid #86d385;
}

.Td5
{
	border-top: 2px solid #86d385;
	font-size: 12px;
	font-family: Verdana, Arial;
	background-color: #fff;
	padding: 6px;
}
.Td6
{
	font-size: 12px;
	font-family: Verdana, Arial;
	color: #406c5c;
	background-color: #b2e5b1;
	padding: 6px; 
}

.Td7
{
	font-size: 12px;
	font-family: Verdana, Arial;
	background-color: #96d795;
	padding: 6px;
	color: #406c5c;
}
.FormButtonWrap, .FormButtonWrap2
{
	text-align: center;
	background-color: #cef2ce;
	padding: 12px;
	-webkit-border-radius: 0 0 8px 8px;
    -moz-border-radius:  0 0 8px 8px;
}
.FormButtonWrap2
{
    padding: 8px;
}
.FootNote
{
	font-size: 11px;
	color: #000;
	font-weight: normal;
	font-family: Verdana, Arial;
	padding: 8px;
	background-color: #b2e5b1;
	margin: 12px 0 2px 0;
	border: 1px solid #bce9bb;
	line-height: 16px;
}
.PaymentForm h1
{
	font-family: Arial, Verdana;
	font-size: 18px;
	color: #000;
	margin: 0 0 12px 0;
}
.SectionTitle
{
	-webkit-border-radius: 8px;
    -moz-border-radius:  8px;
    background-color: #fff;
    padding: 10px;
}
.SectionTitle h3
{
	font-size: 16px;
	font-family: Arial, Verdana;
	color: #274b73;
	margin: 0;
	padding: 0;
}
.RoundedTitle
{
	background-color: #3685cf;
	padding: 12px;
	-webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius:  8px 8px 0 0;
    margin-top: 18px;
}
.RoundedTitle h1
{
	margin: 0;
	color: #fff;
	font-family: Arial, Verdana;
	font-size: 22px;
	font-weight: normal;
}
.RoundedTitle .TitleLink
{
    float: right;
    padding: 5px 10px 0 0;
}
.RoundedTitle .TitleLink a, .RoundedTitle .TitleLink a:visited
{
    color: #fff;
    text-decoration: none;
}
.RoundedTitle .TitleLink a:hover
{
    text-decoration: underline;
}
.PaymentForm
{
	background-color:#abe0ac;
	color:#000;
	font-weight:bold;
	font-size:16px;
	padding:15px;
	text-align:left;
	-webkit-border-radius: 0 0 8px 8px;
    -moz-border-radius:  0 0 8px 8px;
}
.PaymentForm h2
{
	font-size:16px;
	font-weight:bold;
	margin:0;
	padding:0;
	margin-bottom:10px;
}
#terms
{
	text-align: left;
	vertical-align: middle;
}
.PuppyBox
{
    border: 3px solid #cee6ef;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    margin-bottom: 22px;
    padding: 0;
}
.PuppyContent
{
	border: 1px solid #fff;
	border-top: 0;
	background-color: #ecfaff;
	-webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-bottomright: 8px;
}
.FieldTitleBox
{
	border: 1px solid #fff;
	background-color: #cdffb9;
	padding: 6px;
	border-bottom:0;
	-webkit-border-top-left-radius: 8px;
    -moz-border-radius-topleft: 8px;
	-webkit-border-top-right-radius: 8px;
    -moz-border-radius-topright: 8px;
}
.FieldTitle
{
	border-right:solid 1px #c3dfea;
	color: #0061bb;
	padding: 0 8px 0 8px;
}
.PuppyDesc
{
	padding:12px; margin-bottom:30px; color:#252525; line-height:18px;
	text-align: justify;
}
.rounded
{
	border:solid 1px #c2c2c2;
	margin-top:5px;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}
.rounded2
{
	border:solid 1px #c2c2c2;
	border-bottom:0;
	margin-top:5px;
	-webkit-border-top-left-radius: 8px;
    -moz-border-radius-topleft: 8px;
	-webkit-border-top-right-radius: 8px;
    -moz-border-radius-topright: 8px;
}
.rounded3
{
	border:solid 1px #c2c2c2;
	-webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-bottomright: 8px;
}
.rounded4
{
	border:solid 1px #fff;
	margin-top:5px;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}
.PuppyContent h2
{
	color:#004c94;
	font-size:17px;
	font-family: Arial, Verdana;
	margin: 12px 12px 0 12px;
}
.PuppyContent h2 a, .PuppyContent h2 a:visited
{
	color:#004c94;
}
.PuppyContent h2 a:hover
{
    color:#00427c;
}
.sa
{
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
.ListingButtons
{
	position:absolute; 
	bottom:0;
	padding: 6px 0 0 8px;
}
#MainSlideshow
{
	position:absolute;
	left:348px;
	top:27px;
	width:297px;
	height:184px;
	overflow:hidden;
}
.FaqQ, .FaqQ:visited
{
	color:White;
	font-weight:bold;
}
.SupportBox
{
	position: absolute;
	right: 10px;
	top: 105px;
	width: 235px;
	height: 78px;
	line-height: 15px;
	cursor: pointer;
	font-weight: normal;
}

.SupportBox img
{
	margin-right: 8px;
}

.GMap
{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	height: 600px;
	width: 270px;
	font-family: Verdana, Arial;
	line-height: 17px;
	font-size: 12px;
}

.ContactBox
{
	background-color: #FBFFF9;
	padding: 0 6px 6px 6px;
	line-height: 20px;
}

.ContactBox h1
{
	color: #2D8A00;
	margin: 0;
	font-family: Arial, Verdana;
	font-size: 16px;
}

.ContactBox p
{
	margin: 6px 0 6px 0;
}

.EmergencyContact
{
	font-size: 11px;
	font-weight: bold;
	color: #ff6d00;
	line-height: 18px;
}

.GreenBar
{
    margin:5px 0 0 0;
	color: #FFF; 
	background-color: #FFF; 
	border: 1px dotted #a3e18b; 
	border-style: none none dotted;
}

.WhiteBar
{
    margin:5px 0 0 0;
	color: #FFF; 
	background-color: #FFF; 
	border: 1px solid #fff; 
}

.SalesmanPic
{
	padding: 1px;
	border: 1px solid #ff6d00;
	width: 80px;
	float: left;
	margin-right: 6px;
	margin-bottom: 6px;
}

/* the overlayed element */ div.overlay { /* growing background image */ background-image:url(../images/white.png); /* dimensions after the growing animation finishes */ width:600px; height:670px; /* initially overlay is hidden */ display:none; /* some padding to layout nested elements nicely */ padding:38px 55px 55px 55px; } 
div.overlay2 { background-image:url(../images/white4.png); width:600px; /*height:115px;*/ display:none; padding:38px 55px 55px 55px; } 
div.overlay2 p { font-size: 13px; font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; }
/* default close button positioned on upper right corner */ div.overlay div.close, div.overlay2 div.close { background-image:url(../images/close.png); position:absolute; right:5px; top:5px; cursor:pointer; height:35px; width:35px; }

/* the overlayed element */
.simple_overlay {
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#fff;
	
	width:800px;	
	min-height:200px;
	border:1px solid #fff;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

.ThumbPic
{
	padding: 1px;
	border: 1px solid #fff;
}

.MidThumb
{
	padding: 1px;
	border: 1px solid #fff;
}

.MidName
{
	background-color: #c2efc1;
	border-bottom: 1px solid #95d795;
	padding: 8px;
	width: 370px;
	float: right;
}

.Bio
{
	border: 1px solid #c2efc1;
	font-family: Verdana, Arial;
	font-size: 11px;
	padding: 4px 8px 8px 8px;
	width: 368px;
	margin: 0 0 0 2px;
	float: right;
	line-height: 15px;
	background-color: #ccf5cb;
}

.Bio p
{
	color: #000;
}

.MidName h2
{
	margin: 0;
}

.Larger
{
	color: #000;
	font-family: Verdana, Arial;
	font-size: 12px;
	margin: 0;
	text-align: center;
	font-weight: bold;
}

.details
{
	padding: 9px;
}

.details h1
{
	font-size: 16px;
	font-weight: normal;
	font-family: Arial, Verdana;
	color: #2D8A00;
	margin: 0;
}

.TopNote
{
	background-color: #effbef;
	-webkit-border-radius: 6px;
    -moz-border-radius:  6px;
    padding: 6px;
    text-align: center;
    font-size: 12px;
    margin-bottom: 12px;
}

.FormField
{
	padding-bottom: 8px;
	width:184px;
}

.FormField h1 {
display: block;
background-color:#FF9900;
font-size: 90%;
padding: 3px 0 5px 3px;
border: 1px solid #000000;
color: #333333;
margin: 0px;
}

.FormField ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
.FormField ul li {
margin: 0;
padding: 0;
font-family: Verdana, Arabic Transparent;
font-size: 11px;
}
.FormField ul li a {
display: block;
border-bottom: 1px dashed #C39C4E;
padding: 5px 0px 5px 4px;
text-decoration: none;
color: #584b40;
}

.FormField ul li a:hover, .FormField ul li a:focus {
color: #5f452e;
background-color: #fff;
}

.Count
{
    color: #9c9478;
    font-weight: normal;
}
#ndp_link_search { font-size:10px; font-family:'Trebuchet MS', Arial;color:#666; line-height:13px; }

.FloatLeft
{
    float: left;
}

.FloatRight
{
    float: right;
}


/* Additions */

.small-box {width: 275px;}
.small-box .top{width: 100%;}
.small-box .mid {background: url(../images/small-box/mid.png) repeat-y; width: 100%;}
.small-box .bottom {background: url(../images/small-box/bottom.png) no-repeat; width: 100%; height: 14px;}

.small-box p {margin-bottom: 0; margin-top: 0;}

#breeds {}
#breeds .top {height: 53px; background: url(../images/small-box/top-puppy-breeds.png) no-repeat;}
#breeds li {padding: 5px 0; background: #D2FFC6; width: 253px; margin-left:14px}
#breeds li.even { background: #E3FEDC;}
#breeds li a {color: #013b00; padding-left: 10px; font-size: 11px;}
#breeds li a  span{color: #d60000; font-size: 7px; padding-left: 4px; font-weight: bold; position: relative; top: -5px}
#breeds li.last {background: none; text-align: right; padding-bottom: 0}
#breeds li.last a {color: #0095cd; font-size: 11px; padding-right: 10px}

#subscription { margin-bottom:10px; margin-top:10px;}
#subscription .top {height: 37px; background: url(../images/small-box/top-subscribe.png) no-repeat;}
#subscription .mid {padding:20px 20px 0px 10px; text-align:center;}
#subscription .mid input {background-image:url(../images/bg_subscribe.png); width:234px; font: 11px Verdana; padding:6px; border:0; background-color:Transparent; background-repeat:no-repeat; margin-bottom:10px;}
#subscription .mid .GrayClass, #subscription .mid .watermark { color:#8EA0B5; text-align:center; font: italic 11px Verdana; }

#links { margin: 15px 0 10px; }
#links .top {height: 14px; background: url(../images/small-box/top.png) no-repeat;}
#links .ribbon {height: 70px; width: 280px; background: url(../images/small-box/ribbon.png) no-repeat; }
#links .ribbon .c { text-align:center; font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#f5f5fb; text-shadow:1px 1px #628C20; font-weight:bold; padding-top: 21px; }
@-moz-document url-prefix() {
  #links .ribbon .c { padding-top: 19px; }
}
#links .mid .l { text-align: center; margin-left: 23px; padding: 10px 0; }
#links .mid .l a { margin-right: 17px; }
#links .mid .t { font-family: Helvetica, Arial, sans-serif; font-size: 12px; padding: 10px 15px 0 22px; text-align: justify; }
#links .mid .t a, #links .mid .t a:visited { color: #174eff; font-weight: bold; text-decoration: underline; }
#links .mid .t a:hover { text-decoration: none; }

#search {}
#search .top {height: 41px; background: url(../images/small-box/top-search.png) no-repeat;}
#search .mid {padding:20px 20px 0px 20px;}
#search .newList a {font: italic 11px Verdana; color: #5e8095}
#search li {padding-bottom: 10px; width: 248px}
#search li.last {padding-bottom: 0}
#search .selectedTxt {font: italic 11px Verdana; color: #8ea0b5; text-align:center}
#search .price {float:left; margin-left: 9px}
#search .price .newListSelected  {
    background:url("../images/price.png") no-repeat scroll 0 0 transparent;
    cursor:pointer;
    height:25px;
    width:61px;
}
#search .price .selectedTxt {width: 40px; padding: 3px 23px 0 0}
#search .price ul.newList {width: 150px; overflow: hidden}
#search .breeds .newListSelected  {
    background:url("../images/breed.png") no-repeat scroll 0 0 transparent;
    cursor:pointer;
    height:25px;
    width:235px;
    /*margin-left:10px;*/
}
#search .breeds .selectedTxt {width: 215px; padding: 3px 23px 0 0}
#search .breeds ul.newList {width: 230px; overflow: hidden}


#search .sex {float: left; width:83px; z-index:98}

#video {}
#video .top {height: 41px; background: url(../images/small-box/top-video.png) no-repeat;}
#video .mid {padding:10px 10px 0 15px; text-align:center; width:250px;}
#video .mid a, #video .mid a:hover, #video .mid a:visited {color:Black; font-size: 14px;}
#video .mid a:hover {text-decoration: underline;}

#testim {}
#testim .top {height: 41px; background: url(../images/small-box/top-testimonials.png) no-repeat;}
#testim .inner {width: 233px; margin-left: 24px; padding-top: 15px}
#testim .frame {width: 227px; height: 151px; position: relative; overflow: hidden; z-index: 100; background: url(../images/frame-testim.png);}
#testim .frame-wrap {position: relative; }
#testim .frame-wrap img {position: absolute; top: 0; left: 0; z-index: 50}
#testim .frame-wrap p {position: absolute; top: 125px; left: 10px; color: #ffffff; z-index: 100; width: 210px; text-align: center; font:italic 11px  "Arial"}
#testim p.content {font-size: 11px; font-style: italic; color: #233440; text-align: justify}
#testim span.quote {font: bold 72px "Times New Roman"; color: #ced7da; margin-bottom: -30px; width: 100%}
#testim span.quote.lfloat {text-align: left; float:left;}
#testim span.quote.rfloat {text-align: right; float:right;}
#testim p.more {text-align: right;}
#testim p.more a {color: #0095cd; font-size: 11px; color: #0095cd}

#puppies{}
#puppies li{ position: relative; margin-top: 22px}
	#puppies div.frame{width: 573px; height: 254px; position: relative; z-index: 100; padding-left: 343px; width: 320px; padding-right: 20px}
	#puppies div.frame.blue{background: url(../images/frame-blue.png) no-repeat;}
	#puppies div.frame.pink{background: url(../images/frame-pink.png) no-repeat;}

	#puppies a.video-ribbon {background-image:url("../images/video-ribbons.png"); background-repeat:no-repeat; height:160px; left:-1px; position:absolute; top:-26px; width:130px; z-index:105; display: block}
	#puppies a.video-ribbon:hover {width: 160px}
	#puppies li.blue a.video-ribbon {background-position: 3px 2px;}
	#puppies li.blue a.video-ribbon:hover  {background-position: -184px 2px;}
	#puppies li.pink a.video-ribbon {background-position: 4px -162px;}
	#puppies li.pink a.video-ribbon:hover {background-position: -182px -162px}
	
	#puppies p.price {width: 75px; height: 53px; text-align: center; padding: 26px 4px 0 0; color: #ffffff; font: italic bold 25px "Arial"; position: absolute; top: -20px; left: 285px; z-index: 100;text-shadow: 0px 0px 6px rgba(0, 0, 0, 1);}
		#puppies p.price a.noDecor, #puppies p.price a:hover.noDecor, #puppies p.price a:visited.noDecor { color: #ffffff; }
		#puppies p.price span {color: #ffffff; font: italic bold 14px "Arial";}
		#puppies p.price.shadow:before {color: #ffffff; font: italic bold 14px "Arial"}

	#puppies p.price.blue {background: url(../images/price-tag-blue.png) no-repeat;}
	#puppies p.price.pink {background: url(../images/price-tag-pink.png) no-repeat;}
	#puppies p.price.special, #puppies p.price.special a.noDecor, #puppies p.price.special a:hover.noDecor, #puppies p.price.special a:visited.noDecor {width: 109px; height: 69px; text-align: center; padding: 43px 7px 0 0; color: #ffffff; font: italic bold 36px "Arial"; top: -37px; left: 270px; text-shadow: 0px 0px 5px rgb(0, 0, 0);}
		#puppies p.price.special span {color: #ffffff; font: italic bold 20px "Arial";text-shadow: 0px 0px 6px rgba(0, 0, 0, 1);}

	#puppies p.price.special.blue {background: url(../images/price-tag-special-blue.png) no-repeat;}
	#puppies p.price.special.pink {background: url(../images/price-tag-special-pink.png) no-repeat;}

        #puppies h2 {width: 100%; float: right;}
		#puppies h2 a { color: #002d59;  text-shadow: 0px 0px 10px rgba(51, 88, 123, 0.4); font: italic 26px "Arial"; float: right; padding-top: 8px; padding-left:20px; text-align: right}
	    #puppies h2 .shadow:before { font: italic 26px "Arial" }
	    #puppies .pink h2 a {color: #a10072; text-shadow: 0px 0px 10px rgba(193, 98, 168, 0.7)} 
		
		#puppies .special h2 a { color: #002d59; font: italic 26px "Arial"; float: right; padding-top: 12px; padding-left:40px; text-align: right}
		#puppies .special h2 .shadow:before { font: italic 26px "Arial"  } 
		
		#puppies h3 { color: #630064; font: italic 16px "Arial";  text-shadow: 0px 0px 10px rgba(193, 98, 168, 0.7); text-align: right; padding-bottom: 4px}
		#puppies .pink h3 {color: #002d59; text-shadow: 0px 0px 10px rgba(51, 88, 123, 0.4)}
		#puppies p { float: right; padding-top: 7px; font-size: 11px; text-align: justify; line-height: 16px; width:320px}
		#puppies p.btns { position:absolute; left:100%; margin-left:-304px; top:100%; margin-top:-48px; width:300px;}
		#puppies p.btns a{ background-image: url(../images/btns-puppie-actions.png); background-repeat: no-repeat; display: block; height: 40px; float: left; margin-right: 3px}
		#puppies a.btn-adopt {width: 73px; background-position: 0px -4px}
		#puppies a.btn-hold {width: 64px; background-position: -74px -4px}
		#puppies a.btn-pictures{width: 82px; background-position: -140px -4px}
		#puppies a.btn-cam{width: 60px; background-position: -225px -4px}
		
		p.btns2 { padding: 0; text-align: center;}
		p.btns2 a {background-image: url(../images/buttons-video-actions.png); background-repeat: no-repeat; display: block; height: 39px;}
		p.btns2 a.btn-redeem {width: 99px; float:left; margin: 0 30px 0 220px; cursor: pointer;}
		p.btns2 a.btn-buymore {width: 113px; background-position: -100px 0; float:left;}
		p.btns2 a.btn-renew {width: 94px; background-position: -214px 0; margin: 0 auto;}
		p.btns2 a.btn-ok {width: 64px; background-position: -309px 0; margin: 0 auto;}
		p.btns2 a.btn-create {width: 87px; background-position: -374px 0; margin: 0 auto;}
		
	#puppies div.frame{}
	#puppies img.masked {position: absolute; top: 5px; left: 7px; z-index: 50}
	#puppies p.caption { position: absolute; text-align: center; width: 310px; top: 202px; left: 15px; color: #ffffff; font: italic 11px "Arial" }

.footer
{
	text-align:center;
	border:solid 3px #c6ddee;
	-webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    width:980px;
    height:140px;
    margin: 20px auto;
}

.footer .footer1, .footer .footer1 a, .footer .footer1 a:visited
{
	color:#006398;
	padding:10px;
}

.footer .footer2
{
	-moz-border-radius:0 0 11px 11px;
	background-color:#e8f7ff;
	color:#738f9e;
	padding:10px;
}

#MainHeader p.congrats {
color:#507E96;
font-size:11px;
font-style:italic;
height:60px;
left:675px;
line-height:18px;
position:absolute;
top:21px;
width:290px;
margin:0;
}

#MainHeader p.congrats a
{
	color:#333333;
}
.left
{
	float:left;
	width:330px;
}
.notes
{
    width: 300px;
}
.padded
{
    padding: 5px;
    width: 100px;
    height: 35px;
}
#puppies p.nopaddingtop
{
    padding-top: 0;
}
a.offerlink, a:hover.offerlink, a:visited.offerlink
{
    position:relative;
    top:-15px;
}
a.noDecor, a:hover.noDecor, a:visited.noDecor
{
    text-decoration: none;
    color: #000;
}
a.cursorPointer {cursor:pointer}
.ErrorMsg {color:#bc0004;font-size:12px;display:block;text-align:center;}
#video .mid .AccLogin a, #video .mid .AccLogout a, #video .mid .AccLogin a:visited, #video .mid .AccLogout a:visited
{
    /*color: #44B746;*/
    color: #C24463;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	float: right;
	padding-right: 10px;
}
#video .mid .AccLogin a:hover, #video .mid .AccLogout a:hover
{
    text-decoration: underline;
}
#video .mid .AccLogin a.leftlink, #video .mid .AccLogout a.leftlink
{
    float: left;
    padding-right: 0;
    padding-left: 10px;
}
#video .mid .FullVideoLink a, #video .mid .FullVideoLink a:visited
{
    font-size: 11px;
    color: #3A9BF0;
    font-weight: bold;
    cursor: pointer;
}
.FullVideoLink2 a, .FullVideoLink2 a:visited
{
    font-size: 14px;
    color: #006DFC;
    font-weight: bold;
    cursor: pointer;
}
.FullVideoLink2
{
    text-align: center;
}
.FullVideoLink2 a:hover
{
    text-decoration: underline;
}
