@charset "utf-8";
/* CSS Document */
/* general */
*{margin:0;padding:0}
img{border:none}
body{
    background:url(../images/bg.gif) repeat-x;
    font:12px Arial, Helvetica, sans-serif;
    color:#013764
}

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

ol {
	margin: 20px;
}

/* ================== */
/* START LINKS */
/* ================== */
a{
    color:#013764;
    text-decoration:none
}

a:hover{
    color:#013764;
    text-decoration:underline
}

a.yellowText{
    color:white;
    text-decoration:none
}
a.yellowText:hover
{
    color:yellow;
    text-decoration:underline
}

a.join_now{
	font-size: 13px;
    color:yellow;
    text-decoration:none
}
a.join_now:hover
{
	font-size: 13px;
    color:yellow;
    text-decoration:underline
}
/* ================== */

.kwcell1
{
	height: 25px;
	font: 12px Arial;
    background-color: #ebebeb;
}

.kwcell2
{
	height: 25px;
	font: 12px Arial;
    background-color: #f7f7f7;
}
/* END LINKS */
/* ================== */


/* ================== */
/* START HEADER  */
/* ================== */
#header{
    float:left;width:900px
}

#logo{
    float:left;
    width:324px;
    height:130px
}
/* ================== */
/* END HEADER  */
/* ================== */


/* ================== */
/* START TOP NAV  */
/* ================== */
#nav{
    padding:70px 0 0 0
}
#nav ul{
    height:40px;
    text-indent:-9000px;
    list-style:none;overflow:hidden
}
#nav li {
    float:left;
    height:40px;
    text-decoration: none;
}	
#nav li a:link, #nav li a:visited, #nav li a:hover{
    display:block;
    height:53px
}

#home a
{
    width:60px;
    background: url(../images/nav.gif) 0 0
}

#aboutUs a{
    width:76px;
    background: url(../images/nav.gif) -61px 0
}
#howItWorks a{
    width:102px;
    background: url(../images/nav.gif) -136px 0
}
#privacyPolicy a
{
    width:105px;
    background: url(../images/nav.gif) -238px 0
}
#termsConditions a{   
    width:140px;
    background: url(../images/nav.gif) -343px 0
}

#contact a{
    width:91px;
    background: url(../images/nav.gif) -484px 0
}

#home a:hover{
    background: url(../images/nav.gif) 0 -40px
}
#aboutUs a:hover{
    background: url(../images/nav.gif) -60px -40px
}

#howItWorks a:hover{
    background: url(../images/nav.gif) -135px -40px
}
#privacyPolicy a:hover{
    background: url(../images/nav.gif) -238px -40px
}
#termsConditions a:hover{
    background: url(../images/nav.gif) -343px -40px
}
#contact a:hover{
    background: url(../images/nav.gif) -484px -40px
}

#homeActive {
    width:60px;
    background: url(../images/nav.gif) 0 -40px
}
#aboutUsActive {
    width:76px;
    background: url(../images/nav.gif) -60px -40px
}
#howItWorksActive 
{
    width:102px;
    background: url(../images/nav.gif) -135px -40px
}
#privacyPolicyActive {
    width:105px;
    background: url(../images/nav.gif) -238px -40px
}
#termsConditionsActive 
{
    width:140px;
    background: url(../images/nav.gif) -343px -40px
}
#contactActive {
    width:91px;
    background: url(../images/nav.gif) -484px -40px
}
/* ================== */
/* END TOP NAV  */
/* ================== */

#content{
    float:left;width:900px;
    padding:15px 0 0 0
}
.leftCol {
    float:left;
    width:325px;
    display:block;
}
.leftCol2{
    float:left;
    width:350px;
	
}

.leftCol3{
    float:left;
    width:200px;
	display:block;
}
.rightCol{
    float:right;
    width:566px;
    display:block;
	margin-left: 5px;
}
.rightCol3{
    float:right;
    width:691px;
    display:block;
}
#flashHeader
{
    width:566px;
    height:385px
}

.login_welcome
{
	background:url(../images/userPanelBg.gif) repeat-x bottom center;
	font-size: 19px;
	color: #fff;
	background-color: #98090e;
	padding: 3px 5px 8px 5px;
	font-weight: bold;
	vertical-align: middle;
}

.login_bar
{
	background:url(../images/userPanelBg.gif) repeat-x;
	font-size: 12px;
	color: #fff;
	padding: 5px 5px 10px 5px;
	height: 39px;
	font-weight: bold;
	vertical-align: middle;
}

.how_it_works_left
{
	width:350px;
}

.quick_search {
    float:left;
    background:url(../images/searchBg.gif);
    padding: 15px 5px;
    font:11px Arial;
    color:white;
    margin:0 0 10px 0;
	width: 315px;
}

/*
*:first-child+html .quick_search, * html .quick_search {
	width: 315px;
}
*/

.quick_search .row{
	padding: 5px 10px 5px 10px;
}

/* ================== */
/* START LOGIN */
/* ================== */
.login {
    float:left;
    background:url(../images/searchBg.gif);
    padding:15px 5px;
    font:11px Arial;
    color:white;
    margin:0 0 10px 0;
	width: 315px;
}
.login table{
    width:100%;
    float:left;
    display:block;
    margin:10px 0 0 0
}
.login .row02{
    width:260px;
    float:right;
    display:block;
    margin:10px 0 0 0
}
.login .signup{
    width:280px;
    display:block;
    float:left;
    font-weight:bold
}
.login label{
    font-weight:bold;
    margin:0 5px 0 2px
}
.login label.email{
    font-weight:bold;
    margin:0 5px 0 1px
}
.login label.password{
    font-weight:bold;
    margin:0 5px 0 70px
}
.login .input{
    width:120px;
    height:20px
}
.login .pet{
    width:200px;
    height:20px
}
.login .checkbox{
    padding:5px
}
.login .loginBtn{
    position:relative;
    top:5px;
    left:5px
}
.login .buttons{
    position:relative;
    top:5px;
    left:5px;
    margin:0 10px
}
.login select.gender{
    width:70px;height:20px
}
.login select.number{
    width:43px;
    height:20px
}
.login .location{
    width:100px;
    height:20px
}
/* ================== */
/* END LOGIN */
/* ================== */

/* ================== */
/* START LOGIN 2*/
/* ================== */
.login_search {
    float:left;
	width: 190px;
    background:url(../images/searchBg.gif);
    padding:10px 0px 10px 10px;
    font:11px Arial;
    color:white;
    margin:0 5px 10px 0;
}
.login_search .row{
    width:100%;
    float:left;
    display:block;
    margin:10px 0 0 0
}
.login_search .row02{
    width:260px;
    float:right;
    display:block;
    margin:10px 0 0 0
}
.login_search .signup{
    width:280px;
    display:block;
    float:left;
    font-weight:bold
}
.login_search label{
    font-weight:bold;
    margin:0 5px 0 2px
}
.login_search label.email{
    font-weight:bold;
    margin:0 5px 0 1px
}
.login_search div.password{
    font-weight:bold;
    margin:0 5px 0 5px
}
.login_search .input{
    width:170px;
    height:20px
}
.login_search .pet{
    width:200px;
    height:20px
}
.login_search .checkbox{
    padding:5px
}
.login_search .loginBtn{
    position:relative;
    top:5px;
    left:5px
}
.login_search .buttons{
    position:relative;
    top:5px;
    left:5px;
    margin:0 10px
}
.login_search select.gender{
    width:70px;height:20px
}
.login_search select.number{
    width:43px;
    height:20px
}
.login_search .location{
    width:100px;
    height:20px
}
/* ================== */
/* END LOGIN  2 */
/* ================== */

/* ================== */
/*  MEMBER PANEL */
/* ================== */
.logout{
    background-color:#9B0A0E; 
    height: 240px;
    margin-bottom: 10px;
	width: 100%;
}

.logout_profile {
    background-color:#9B0A0E; 
    height: 92px;
    margin-bottom: 10px;
	width: 100%;
}

/* member pannel menu */
#menu 
{
   
}

/* member pannel menu */
#menu ul
{
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
}

#menu ul a
{
    display: block;
    text-decoration: none;
    font-weight:bold;
    background: transparent;
    color: #fff;
    padding: .2em .5em; 
    border-bottom: 1px solid #fff;
    width: auto;
    text-decoration: none; 
}

#menu ul a:hover
{
    background: #FFCC00;  
    text-decoration: none;
    color: #000;
}

#menu ul li
{
    display: inline;
}

/* ================== */
/*  END MEMBER PANEL */
/* ================== */

/* ================== */
/* START NEWEST PROFILE */
/* ================== */
#newestProfile{
    width:325px;
    float:left
}
#newestProfile .header{
    width:325px;
    height:49px
}
#newestProfile .content{
    width:325px
}
#newestProfile .imageObj{
    display:block;
    float:left;
    width:98px;
    margin:0 4px 15px 4px;
    text-align:center;
    overflow: hidden; 
}
#newestProfile .imageObj img{
    display: inline;
    border:1px solid #013764
}
#newestProfile .imageObj a:hover img {
    display:inline;
    border:1px solid #0099FF
}
#newestProfile .imageObj .name{
    font-weight:bold;
    display:block;
    margin:3px 0 0 0;
    color:#013764
}
#newestProfile .imageObj .name a{
    text-decoration:none;
    color:#013764
}
#newestProfile .imageObj .name a:hover{
    text-decoration:underline;
    color:#0066FF
}
#newestProfile .more{
    float:right;
    margin:10px
}
/* ================== */
/* END NEWEST PROFILE */
/* ================== */

/* ================== */
/* START WELCOME */
/* ================== */
#block{
    float:left;
    width:566px;
    padding:0 0 20px 0;
    background:url(../images/heart.png) no-repeat top center
}
#welcome{
    width:485px;
    margin:15px auto 0px auto;
    /*border-bottom:1px solid #003366;*/
    padding:0 0 0px 0;
    font:12px Arial, Helvetica, sans-serif;
}
#welcome h2{
    display:block;
    width:125px;
    height:45px;
    margin:0 0 25px 0
}
#welcome p{
    margin:0 0 10px 0
}
/* ================== */
/* END WELCOME */
/* ================== */

#textads
{
	width:900px;
	margin: 0px;
    padding:10px 0;
	font-weight: bold;
}

#textads a
{
	font-weight: bold;
}

/* ================== */
/* START Competition */
/* ================== */
#competition
{
	width:900px;
	margin: auto;
    padding:0;
	text-align: center;
}

#competition img
{
    border: none;
}
/* ================== */
/* END Competition */
/* ================== */

/* ================== */
/* START BLOG */
/* ================== */
#blog{
    width:900px;
	margin: 0px 0 0 0;
	float: left;
    padding: 0px 0 0 0;
}
#blog h2{
    width:50px;
    height:34px
}
#blog .content{
    float:left;
    width:280px;
    padding:10px;
}
#blog .topic{
    width:280px;
    font-weight:bold;
    float:left;
    margin-bottom:0px;
}
#blog p.summary{
    width:280px;
    float:left;
}
#blog .more{
    float:right;
    margin:10px 0 10px 10px;
}
#blog .blog_more
{
    margin:5px 10px 0 0;
    text-align: right; 
}
#buttons{
    float:left;
    width:900px;
    height:60px;
    padding:0 0 10px 0;
}
/* ================== */
/* END BLOG */
/* ================== */


/* ================== */
/* START FOOTER */
/* ================== */
#footer{
    float:left;
    width:100%;
    background-color:#ececec;
    padding:10px 0
}
#footer ul {
	list-style:none;
	display:block;
	text-align:center;
}
#footer li {
	color:#013764;
	display:inline;
	margin:0 2px;
	text-align:center;
}
#footer li a {
	text-decoration:none;
	color:#013764
}
#footer li a:hover {
	text-decoration:underline;
	color:#013764
}
span.copyright {
	display:block;
	margin:5px 0 0 0;
	text-align:center;
	color:#013764;
}
/* ================== */
/* END FOOTER */
/* ================== */
.ajax-loading
{
    padding: 20px 0;
    background: url(../images/ajax.gif) no-repeat center;
    background-color: transparent;
}
.input
{
    border: 1px solid #0776be;
}

/* ================== */
/* END FOOTER */
/* ================== */
.secTitle2{
    border-bottom:1px dashed #003366;
    width: 550px;
    margin:25px 0;
    padding:0 0 5px 0;
	text-align: left;
	float: right;
}

h2.secTitle{
    float:left;
    display:block;
    text-indent:-9000;
    border-bottom:1px dashed #003366;
    width:100%;
    margin:25px 0;
    padding:0 0 5px 0
}

/* maroon buttons*/
.button{
    background-color: #670000;
	color: #FFFFFF;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	height: 30px;
	width: 60px;
}
.button_small{
    background-color: #670000;
	color: #FFFFFF;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
}


#referafriend{
	width: 540px;
	height: 120px;
	overflow: auto;
	background-color: #ffffff;
}

#referafriend2{
	width: 540px;
	height: 120px;
	background-color: #ffffff;
	border:2px solid #f1eeee;
}

.profile_name
{
	color: #003a66;
	font-family: Arial;
	font-size: 20px;
	font-weight: bold;
}

.profile_info
{
	padding-top: 5px;
	padding-bottom: 5px;
	color: #003a66;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
}

.profile_bar
{
	clear: both;
	margin-top: 0px;
	padding-top: 8px;
	padding-left: 5px;
	vertical-align: middle;
	color: #fff;
	width: 100%;
	height: 25px;
	background:url(../images/embossSecBarBg.gif) repeat-x;
	background-color: #014073;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}

.view_profile_buttons
{
	padding: 5px;
}

.pet_name_head
{
	font: bold 14px Arial,Helvetica,sans-serif;
	margin-bottom:3px;	
	border-bottom: 1px solid #8cb0c8;
}

.photo_name
{
	font-weight: bold;
	font-size: 12px;
}

.photo_description, .photo_date
{
	font-size: 10px;
}

#registration_content
{
	border:1px solid #003366;
	width: 96%;
	margin-left:0;
	padding: 2%
}
/*
.photo_main
{
	cursor: pointer;
}
*/

.unread_class
{
	font-weight: bold;
}

.search_cont_pet
{
	padding: 10px 0px 10px 10px;
}

#search_cont_padd table
{
	padding: 5px; 
	text-align: left;
}

#search_cont_padd table td
{
	margin: 0px;
}

#search_cont_padd
{
	padding:  10px 10px 10px 15x;
}

*:first-child+html #search_cont_padd {
  padding: 10px 10px 10px 20px;
}
.sharet_caption
{
  color:#A31920;
}
.backdiv
{
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  text-align:right;
}
.blog_title_homepage
{
  color:#A00B11;
  font-size:12px;
  font-weight:bold;
}
.postedBy_home
{
  color:#2C82CE;
  font-size:11px;
  margin-bottom:10px;
}
a.blog_title_homepage:link{color:#A00B11;text-decoration:none}
a.blog_title_homepage:visited{color:#A00B11;text-decoration:none}
a.blog_title_homepage:hover{color:#A00B11;text-decoration:underline;}
a.blog_title_homepage:active{color:#A00B11;text-decoration:underline}

a.tag_clouds:link{color:#013764;text-decoration:none}
a.tag_clouds:visited{color:#013764;text-decoration:none}
a.tag_clouds:hover{color:#013764;text-decoration:none;background-color:#C0EDFF;}
a.tag_clouds:active{color:#013764;text-decoration:none;background-color:#C0EDFF;}


a.text_ads:link{color:#013764;text-decoration:underline}
a.text_ads:visited{color:#013764;text-decoration:underline}
a.text_ads:hover{color:#A00B11;text-decoration:underline;}
a.text_ads:active{color:#A00B11;text-decoration:underline;}
.hmaintitle
{
  color:#013764;
}
.rss_div
{
  text-align:center;
  margin:20px 0px 20px 0px;
  float:left;
  width:325px;
}