﻿
/****************************************/
/*	HOME PAGE           				*/
/****************************************/

#hometitle { width:658px; height:29px; background:url(../../images/headers/home.gif) no-repeat; }
#catsprotection {width:147px; height:32px; background:url(../../images/headers/catsProtection.gif) no-repeat; }
#holidayBanner { width:357px; height:148px; background:url(../../images/homeWin.jpg) no-repeat; margin-top: 20px; }

#uploadYourPhoto { float: left; cursor: pointer; margin-left: -20px; margin-top: 10px; margin-bottom: 0px; width:289px; height:45px; background:url(../../images/uploadBanner.png) no-repeat; }
#catPounce { float: left; width: 106px; height: 115px; margin-left: 247px; margin-top: -23px; margin-bottom: -30px; background:url(../../images/catPounce.png) no-repeat; }

#catSleeping {position:relative;top:2px;left:-5px; margin-top: 90px; margin-bottom: -23px;float:right;width: 104px; height: 53px;background:url(../../images/catSleeping.png) no-repeat; }

/*
#uploadYourPhoto { cursor: pointer; margin-left: -20px; margin-top: 10px; margin-bottom: -75px; width:289px; height:45px; background:url(../../images/uploadBanner.png) no-repeat; }
#catPounce { float: left; width: 106px; height: 115px; margin-left: 247px; margin-top: -13px; margin-bottom: -32px; background:url(../../images/catPounce.png) no-repeat; }
#catSleeping { width: 104px; height: 53px; margin-top: 55px; margin-bottom: -20px; float: right; background:url(../../images/catSleeping.png) no-repeat; }
*/

#homeGallery {padding-top:15px;clear:both;}
#homeGallery .topbar .topmid, #homeGallery .btmbar .btmmid { width:659px;}
#homeGallery .midbar { width:675px; }
#homeGallery .midcontainer { width:auto; height:auto; }
#homeGallery .midcontainer .col1 { float:left; }
#homeGallery .midcontainer .col2 { position:relative;  right:14px; }
#homeGallery .midcontainer .hyperlink { float:right; padding-right:3px; padding-top:8px; }

#mostViewedButton { width:137px; height:35px; margin-bottom:5px; background:url(../../images/buttons/mostViewedPhotos.jpg) no-repeat; background-position: left -35px; cursor: pointer; }
#mostRecentButton { width:141px; height:35px; margin-left: 160px; margin-top: -41px; background:url(../../images/buttons/mostRecentPhotos.jpg) no-repeat; cursor: pointer; }


#kittensTabstrip {float:left; clear:both; padding-top:20px;width:690px;}
#kittensTabstrip img {margin-right: 2px; cursor: pointer;height:29px;}

#galleryTabstrip {float:left; clear:both; padding-top:20px;}
#galleryTabstrip img {margin-right: 2px; cursor: pointer; display:inline-block; }

#contentPanels .panel { float:left; width:659px; background-color:#d7def0; display:none;width:682px;padding-bottom:20px;}
.panel div {float:left;padding-left:30px;}
.panelHead {padding-top:20px; width:600px; padding-bottom: 10px;}
.panelCol {width:280px;}

#firstStepsUl { padding-left: 20px; }
#firstStepsUl li {display: list-item; list-style-type:disc;list-style-position: outside;}

/****************************************/
/*  REGISTER INTEREST                   */
/****************************************/

#registerInterest {width:290px; height:62px; background:url(../../images/headers/home.gif) no-repeat; }

#catSleepingPrereg { width: 181px; height: 64px; margin-right: 15px; margin-bottom: -30px; float: left; }

#regbox { width: 350px; }
#regbox .topbar .topmid, #regbox .btmbar .btmmid { width:334px;}
#regbox .midbar { width:300px; }
#regbox .midcontainer { width:auto; height:auto; }
#regbox .midcontainer .col1 { float:left; }
#regbox .midcontainer .col2 { position:relative;  right:14px; }
#regbox .midcontainer .hyperlink { float:right; padding-right:3px; padding-top:8px; }


/****************************************/
/*	GALLERY BOX STYLES					*/
/****************************************/

#gallerytitle { width:396px; height:28px; background:url(../../images/headers/kittenfactorgallery.gif) no-repeat; }

#gallerybox { width:670px; margin-top: 0px; margin-left:15px; margin-bottom: -30px; height: 480px; float:left;}
#gallerybox .topbar .topmid, #gallerybox .btmbar .btmmid { width:640px; }
#gallerybox .midbar { width:656px; }
#gallerybox .midcontainer { }

#catWithMouse { float: left; width: 181px; height: 64px; margin-left: 11px;z-index: 2;position:relative;top:45px;}
#catClimbing { float: left; width: 87px; height: 97px;z-index: 2;position:relative;top:55px;left:415px;}
#catWithBlanket { float: left; width: 101px; height: 83px; position:relative;top:45px;left:110px;z-index: 2; }
#catWithBall { float: left; width: 164px; height: 56px; position:relative;top:55px;left:410px;z-index: 2; }


/****************************************/
/*	SEND TO FRIEND, LOGIN/REGISTER   	*/
/****************************************/

#controlbox {}
#controlbox .topbar .topmid, #controlbox .btmbar .btmmid { width:286px; }
#controlbox .midbar { width:310px; }
#controlbox .midcontainer { width:auto; height:auto; min-height:180px; margin:0 10px 0 5px; }
#controlbox .midcontainer .col1, #controlbox .midcontainer .col2 { height:auto; display:inline; }
#controlbox .midcontainer .col1 { float:left; }
#controlbox .midcontainer .col2 { position:relative; float:right; right:15px; }
#controlbox .midcontainer p { position:relative; display:block; margin-bottom:0; }
#controlbox .midcontainer .col2 p { position:absolute; /*margin-top:30px;*/ }


/****************************************/
/*	HOW TO UPLOAD						*/
/****************************************/

#howtouploadtitle {}


/****************************************/
/*	PICTURE GUIDELINES					*/
/****************************************/

#pictureguidelinestitle {}


/****************************************/
/*	YOUR DETAILS PAGE   				*/
/****************************************/

#yourdetailstitle { width:115px; height:19px; background:url(../../images/headers/yourdetails.gif) no-repeat; }
#personalapproachtitle { width:180px; height:24px; background:url(../../images/headers/PersonalApproach.gif) no-repeat; }

.yourdetailsbox h3 { width:157px; height:22px; background:url(../../images/headers/UpdateYourDetails.gif) no-repeat; }

.yourdetailsbox { margin-left: 5px; width: 00px;}
.yourdetailsbox .controlformelements .formlabel { float:left; width:80px; }
.yourdetailsbox .controlformelements .formbutton .biglink { float:right; margin-right:8px; }
.yourdetailsbox .controlformelements .formcontrol .txtboxsml { float:left; }
.yourdetailsbox .controlformelements .formcheckbox input { float:left; margin-right:10px; }
.yourdetailsbox .controlformelements .formcheckbox label { float:left; width:240px; }

#catphotosheader { margin-top:-7px; margin-bottom: -15px; }

.catbox { margin-left: 25px;}
.catbox .topbar .topmid, .catbox .btmbar .btmmid { width:309px; }
.catbox .midbar { width:325px; }
.catbox .midcontainer {  }
.catbox .catname { float:left;  }
.catbox .viewphoto { float:right; margin-top: 85px; }

.picframethmbcontainer { float: left; }
.picframethmbcontainer img { border: solid 4px white; margin-left: 6px; margin-bottom: 20px; }
.catbox .catname img { float:left; margin-left: 15px; }

#aMorePersonalApproach { width:281px; height:28px; background:url(../../images/headers/MorePersonalApproach.jpg) no-repeat; }


/****************************************/
/*	LOGIN BOX STYLES					*/
/****************************************/

#logintitle { width:162px; height:21px; background:url(../../images/headers/AlreadyRegistered.gif) no-repeat; }


/****************************************/
/*	REGISTRATION BOX STYLES				*/
/****************************************/

#registertitle { width:290px; height:62px; background:url(../../images/headers/home.gif) no-repeat; }

#registrationbox { width:616px; margin:0 20px; padding-bottom:10px; position:static;}
#registrationbox .topbar .topmid, #registrationbox .btmbar .btmmid { width:600px; }
#registrationbox .midbar { width:616px; }
#registrationbox .midcontainer { width:auto; height:auto; /*min-height:180px;*/ }

#registrationbox h3 { width:111px; height:21px; background:url(../../images/headers/RegisterNow.gif) no-repeat; }

#registrationbox .controlformelements .formlabel { float:left; width:150px; }
#registrationbox .controlformelements .formbutton .biglink { float:right; margin-right:8px; }
#registrationbox .controlformelements .formcontrol input, #registrationbox .controlformelements .formcontrol select { float:left; width:25%; clear:right; }
#registrationbox .controlformelements .formcontrol .txtbox { float:left; width:200px; }
#registrationbox .controlformelements .formcontrol .txtboxsml { float:left; width:100px; }

#registrationbox .controlformelements .formcheckbox input { float:left; margin-left:85px; }
#registrationbox .controlformelements .formcheckbox label { float:left; margin-left:45px; width:425px; }

.passwordpanel {position:static;}
.passwordinstructions { float:right; width:300px; }
.passwordform { float:left; }
.passwordform .formlabel, .passwordform .formcontrol { float:left; }




/****************************************/
/*	UPLOAD PHOTO BOX					*/
/*	SEND TO A FRIEND BOX				*/
/*	PASSWORD REQUEST BOX				*/
/****************************************/

#uploadbox { width:650px; margin:0 0 0 15px; }
#uploadbox .topbar .topmid, #uploadbox .btmbar .btmmid { width:634px; }
#uploadbox .midbar { /*width:auto;*/ }
#uploadbox .midcontainer {width:auto; _height:375px; min-height:350px; margin-right:0px; }

#uploadbox .controlformelements { width:370px; }
#uploadbox .controlformelements .formelement {  }
#uploadbox .controlformelements .formlabel { float:left; width:157px; }
#uploadbox .controlformelements .formbutton .biglink { float:right; margin-right:8px; }
#uploadbox .controlformelements .formcontrol input, #uploadbox .controlformelements .formcontrol select { float:left; width:205px; clear:right; }
#uploadbox .controlformelements .formcontrol .txtbox { float:left; width:205px; }
#uploadbox .controlformelements .formcontrol .txtboxsml { float:left; width:100px; }
#uploadbox .controlformelements .formcontrol .txtupload { float:left; width:205px; }
#uploadbox .controlformelements .formcontrol .txtarea { float:left; width:205px; height:100px; }

#uploadbox p, #uploadbox .email { width:370px; }

.disclaimer { padding-left:15px; }

#passwordremindertitle { width:158px; height:19px; background:url(../../images/headers/PasswordReminder.gif) no-repeat; }
#uploadbox #ctl00_ContentPlaceHolder1_spnPasswordRecoveryForm .formlabel { width:125px; }
#uploadbox #ctl00_ContentPlaceHolder1_spnPasswordRecoveryForm .formbutton { margin-right:35px; }

#sendtofriendtitle { width:212px; height:36px; background:url(../../images/wouldLike.jpg) no-repeat; }

#catpouncel { float: left; width: 106px; height: 115px; margin-left: 30px; margin-top: -67px; margin-bottom: -48px;}

#catwithKittens { float: left; width: 101px; height: 83px; position:relative;top:-345px;left:400px;z-index: 2; }

/****************************************/
/*	TERMS AND CONDITIONS STYLES			*/
/****************************************/

#tcstitle { width:209px; height:22px; background:url(../../images/headers/TermsConditions.gif) no-repeat; }
#tcslist { margin:20px 0 0 20px; }
#tcslist li { display:block; list-style-position:inside; list-style-type:none; }
#promotiontitle { width:283px; height:19px; background:url(../../images/headers/kittenpromotion.gif) no-repeat; }
#prizetitle { width:145px; height:19px; background:url(../../images/headers/PrizeInformation.gif) no-repeat; }


/****************************************/
/*   HAVING KITTENS                     */
/****************************************/

#kittenstitle1 { width:176px; height:32px; padding-bottom:10px; background:url(../../images/headers/havingKittens.png) no-repeat; }

.iLoad {}