
#home #maincontainer {width: 920px; margin: 0 auto;}
.width920 {width: 920px; margin: 0 auto; position: relative;}
.width850 {width: 850px; margin: 0 auto; position: relative;}
#home #content {width: 920px; margin: 0 auto; position: relative;}


.bold { font-weight: bold; }



/**** Enroll Bar ****/

.bolded, .bolded i {font-weight: bold;}
.left, .group-left {float: left;}
.right, .group-right {float: right;}
.width470 {width: 470px;}
.width344 {width: 344px;}
.oldie .enroll-wrapper .width470, .firefox .enroll-wrapper .width470 {width: 460px;}
.oldie .enroll-wrapper .width344, .firefox .enroll-wrapper .width344 {width: 354px;}

.marginRight36 {margin-right: 36px;}
.clrfix {position: relative;}
.clrfix:after {position: relative; content: ""; display: table; clear: both;}
.bggrey {background: #f6f6f6;} 
.borderbottom {border-bottom: 1px solid #e3e3e3;}
.enroll-wrapper {padding: 30px 0;}
.enroll-wrapper p {font-size: 14px; color: #000; line-height: 45px; font-weight: 600;}

.enrollBtn span {font-size: 16px;}

.enrollBtn {font-size: 14px; line-height: 20px; display: inline-block; padding: 12px 25px; text-align: center;
border-bottom: 1px solid #b8b8b9; 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fad76a+0,f9d259+100 */
background: #fad76a; /* Old browsers */
background: -moz-linear-gradient(top,  #fad76a 0%, #f9d259 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fad76a), color-stop(100%,#f9d259)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fad76a 0%,#f9d259 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fad76a 0%,#f9d259 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fad76a 0%,#f9d259 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fad76a 0%,#f9d259 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fad76a', endColorstr='#f9d259',GradientType=0 ); /* IE6-9 */

}

#register_bar p a { height: 44px; float: left; display: inline; }
#register_bar p#register_now  a { width: 370px; margin-left: 25px;   }
#register_bar p#registered  a { width: 390px; margin-left: 45px;}

#bottom_content { clear: both; position: relative; color: #333; font: normal 12px Arial,Helvetica,sans-serif; }

/**Member login Section**/

.marginRight20 {margin-right: 20px;}
.memberLogin {padding-top: 38px; padding-bottom: 38px; color: #000; font: normal 14px Arial,Helvetica,sans-serif; position: relative;}
.memberLogin .member-note {padding-bottom: 18px;}
.memberLogin .member-note span {font-size: 20px; line-height: 24px;}
.memberLogin #forgot {text-transform: uppercase; font-size: 12px; font-weight: bold; padding-top: 18px;}
.memberLogin #forgot i {font-weight: bold;}
.loginform-wrapper {position: relative; }
.loginform-wrapper ul {list-style: none;}
.loginform-wrapper ul #submit_li {width: 100px;}
.loginform-wrapper ul li {display: inline-block; width: 160px;}
.loginform-wrapper ul li input {width: 100%; max-width: 160px; border: 1px solid #e3e3e3; padding: 7px;}
.loginform-wrapper ul label {display: block; text-transform: uppercase; margin-bottom: 5px; font-size: 12px;}
.loginform-wrapper ul input:hover, .loginform-wrapper ul input:focus {border: 1px solid #00529C; background-color: #eef7ff; outline: none;}
.moreInfo-links {padding-top: 38px; padding-bottom: 23px; color: #000; font: normal 14px Arial,Helvetica,sans-serif; position: relative;}
.moreInfo-links .group-left {width: 22px; margin-right: 10px; margin-bottom: 15px;}
.moreInfo-links .group-right {width: 312px; margin-bottom: 15px;}
.moreInfo-links .group-left p, .moreInfo-links .group-left p i {font-weight: bold; font-size: 20px;}
.moreInfo-links .group-right p span {display: block; text-transform: uppercase; font-weight: bold;}
.moreInfo-links .group-right p span i {font-weight: bold;}

#maincontainer .memberLogin .blueBtn,.memberLogin .blueBtn {padding: 8px 16px;}
#maincontainer .blueBtn, .blueBtn {letter-spacing: 0.01em; color: #fff; display: inline-block; font-weight: bold; font-size: 14px; text-transform: uppercase;
  border-bottom: 1px solid #b8b8b9; border-top: 0 none; border-left: 0 none; border-right: 0 none; padding: 8px 22px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1a64a6+0,01539c+100 */
  background: #1a64a6; /* Old browsers */
  background: -moz-linear-gradient(top,  #1a64a6 0%, #01539c 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1a64a6), color-stop(100%,#01539c)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #1a64a6 0%,#01539c 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #1a64a6 0%,#01539c 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #1a64a6 0%,#01539c 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #1a64a6 0%,#01539c 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a64a6', endColorstr='#01539c',GradientType=0 ); /* IE6-9 */
}
.blueBtn i {font-weight: bold;}
.blueBtn:hover, .blueBtn:focus, #maincontainer .blueBtn:hover { text-decoration: none;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1a64a6+0,01539c+100 */
  background: #01539c; /* Old browsers */
  background: -moz-linear-gradient(top,  #01539c 0%, #1a64a6 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01539c), color-stop(100%,#1a64a6)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #01539c 0%,#1a64a6 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #01539c 0%,#1a64a6 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #01539c 0%,#1a64a6 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #01539c 0%,#1a64a6 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01539c', endColorstr='#1a64a6',GradientType=0 ); /* IE6-9 */
}

/***Call out boxes section ***/

.width270 {width: 270px; position: relative;}
.marginRight20 {margin-right: 20px;}
.collOuts {padding-top: 30px; padding-bottom: 30px; color: #000; font: normal 15px Arial,Helvetica,sans-serif; position: relative;}
.collOuts .col3 img {margin-bottom: 15px; border: 0 none;}
.content h2 {font-size: 20px; color: #000; line-height: 25px; margin-bottom: 6px; font-weight: bold;}
.content .note,.collOuts .content .note {font-size: 11px; text-transform: uppercase; margin-bottom: 2px;}
.collOuts .content p {font-size: 15px; line-height: 19px; margin-bottom: 10px;}
.collOuts .content .blueBtn {margin-top: 8px}

/*** Social Section ***/

.width139 {position: relative; width: 139px;}
.width201 {position: relative; width: 201px;}
.marginRight18 {margin-right: 18px;}
.homesocial .innerfooter {margin-top: 0; padding-bottom: 0; margin-left: 0;}
.homesocial {padding-top: 30px; padding-bottom: 30px; color: #000; font: normal 14px Arial,Helvetica,sans-serif; position: relative;}
.homesocial .group-left {width: 111px;}
.homesocial .petrescuers, .homesocial .mypet {margin-top: 10px;}
.homesocial .petrescuers .note, .homesocial .mypet .note  {margin-bottom: 4px;}
.homesocial .petrescuers .content .note.normalcase {text-transform: none; font-size: 14px;     margin-bottom: 10px;}
.pIcon {display: inline-block; font-size: 14px; line-height: 22px;}
.pIcon.android { margin-left: 8px;}
.pIcon a .black {color: #000!important; font-weight: normal; font-size: 18px;}
.pIcon a:hover, .pIcon a span:hover {text-decoration: underline;}
.pIcon a span {display: inline-block; margin-left: 3px;}
.homesocial .mypet ul {list-style: none; padding-top: 5px;}
.homesocial .mypet ul li {display: inline-block; font-size: 40px; margin-right: 18px;}
.homesocial .mypet ul li.last {margin-right: 0;}
#maincontainer .homesocial .mypet ul li.fb a {color: #2f5790;}
#maincontainer .homesocial .mypet ul li.tweet a {color: #2ca8d2;}
#maincontainer .homesocial .mypet ul li.yt a {color: #c82728;}
#maincontainer .homesocial .mypet ul li.pin a {color: #c82728;}

/**Hug-a-days holiday promo banner **/
#holiday { background: url(/images/home/hugaday_banner.jpg) no-repeat scroll center top transparent; width:100%; height:119px; margin-top:19px; }
* html #holiday {margin-left:-15px; }
#holiday #main {width:850px; height:119px; margin: 0 auto; background: url(/images/home/hugaday_banner.jpg) no-repeat scroll center top transparent; position:relative;}

#holiday #main #fb {float:right; padding-right:25px; text-align:center;}
#holiday #main #fb p {font-size:12px; font-weight:bold; color:#003D75; text-align:center; padding-top:27px;}
#holiday #main #fb img {vertical-align:middle; margin: 0 auto; }

/** Social Networking Links **/
#socialnet #main {text-align:center;margin:30px auto 0 auto;width:850px;}
#socialnet  #main .link1 {margin: 15px 10px 0 0;text-align:left;float:left; height:50px;}
#socialnet  #main .link2 {margin: 15px 15px;text-align:left;float:left;}
#socialnet  #main .link3 {margin: 5px 0 0 10px;text-align:left;float:left;}
#socialnet  #main .link a {color:#00529c;font-size:14px;font-family:arial,helvetica,sans-serif;font-weight:bold;}
#socialnet  #main .link a img {margin-right:6px;}
.sociallink {position:relative;top:-9px;}

/**valentines day banner**/
#vday { background: url(/images/home/vday_banner.jpg) no-repeat scroll center top transparent; width:100%; height:122px; margin-top:19px; }
#vday  #vday_link {width:850px; height:112px; margin: 0 auto; display:block; }

/** NLOY Campaign **/
#nloy-banner{background:url(/images/nloy/homebanner.jpg) no-repeat bottom left; width:930px; margin:0 auto; height:131px; padding-top:5px; position:relative;}
#nloy-banner a{width:100%; height:100%; display:block;}



.iPhone .enroll-wrapper .width470 {width: 424px;}
.iPhone .enroll-wrapper .width344 {width: 390px;}
.iPhone .enroll-wrapper p {font-size: 12px; line-height: 38px;}
.iPhone .enrollBtn span {font-size: 15px;}
.iPhone .enrollBtn {font-size: 13px;}
