/* CSS Document */

html{
	height: 100%;
}

body{
	margin: 0;
 	padding: 0;
	font-size: 13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#777777;
	background-color:#FFFFFF;
	text-align:center;
	height: 100%;
}



/*--------- stick footer specific code---------- */

div#containNonfooter{
  margin: 0 auto;
  width: 720px;
  min-height: 100%;
  position: relative;
}

div#containSplash{
  margin: 0 auto;
  width: 700px;
  min-height: 100%;
  position: relative;
}

* html #containNonfooter{
	height: 100%;
}

div#footer{
	clear: both;
 	text-align: center;
	width: 100%;
	padding-top: 50px;
	/*makes footer visible ~ nonfooter set to 100% height */
	font-size:.95em;
	position: relative;
	margin-top: -7.5em;
	/*makes footer visible ~ nonfooter set to 100% height */
}

div#footer ul { 
 	text-align: center;

	padding: 0;
	margin: 0;
	list-style-type: none; 
	padding-bottom: 7px;

}

div#footer li{
	display: inline;
	margin-left: 5px;
	margin-right: 5px;

}


/* ------ Link code -------*/

a:link {
	color:#ed931c;
	text-decoration:none;
	text-decoration:underline;
	
}

a:visited {
	color:#ed931c;
	text-decoration:underline;
}

a:hover, a:active{
	text-decoration:none;
	color:#ed931c;
}


.pagingInactive{
    color: #777777;
    text-decoration:none;
}


/* ----- TEXT CODE ------*/
p{
	font-size:1em;
	line-height:1.45em;
	margin-bottom: 2px;
	}

/* appears in cardhistory text */
p.small{
	font-size:.9em;
	margin: 0;
	padding-bottom: 5px;
	line-height: 1.15em;
}	

p.formtext{
	font-weight:bold;
	font-size: .85em;
	margin: 0;
	padding-bottom: 2px;
}

p.radiobuttontext{
	font-weight:bold;
	font-size: .85em;
	margin-bottom:5px;
	margin-top: 3px;;
}

p.rightmargin{
	width: 477px;
}

/* join page.. paragraph text falling below right side bg image*/
p.rightmargin2{
	width: 550px;
	margin: 0;
	padding-top: 7px;
	padding-bottom: 10px;
}

/* for shorter text top of memberhsip pages with side image*/
p.membershipmargin{
	width:350px;
	margin: 0;
	padding-top: 7px;
}

.reducetextsize{
	font-size: 1.2em;
}

.margin0{
	margin: 0;
}

p.historymargin{
	width:620px;
	padding-bottom: 12px;
	font-size: .93em;
}

.bold{
	font-weight:bold;

	}

.orange{
	color: #f19204;
}	

.alertColor{
	color: #f9622e;
}

.blue{
	color:#2d8ec1; 
}
.centered{
	text-align:center;
}

.quote{
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 1.1em;
	line-height: 1.25em;
	width: 376px;
}

.italic{
	font-style:italic;
}	

.alignLeft{
	text-align: left;
}


.padtop18{
	padding-top: 18px;
	}
	
.padtop{
	padding-top: 10px;
}	

img {
	border:0px;
}

ul{
	font-size: .95em;
	margin-top: 15px;
	margin-bottom: 3px;
	margin-left: 0;
	list-style-type:disc;
	list-style-position:inside;
	padding-left: 1.1em;
	text-indent: -1.2em;

}

li{
	padding-bottom: 6px;
	line-height: 1.3em;
}

ul.error{
	color: #f9622e;
	font-weight: bold;
	list-style-type:none;
	margin: 0;
	width: 350px;
	font-size: .90em;
}

div.error{
	color: #f9622e;
	font-weight: bold;
	list-style-type:none;
	margin: 0;
	width: 350px;
	font-size: .85em;
	padding-top: 20px;
}

.answer{
	font-size: .85em;

}

.content ul{
	width: 330px;
}

H1{
	font-size: 1.25em;
	font-weight:bold;
	color:#2d8ec1; 
	text-align:left;
	margin-bottom: 0px;
	margin-top: 10px;
	}



H2{
	font-size: .98em;
	font-weight:bold;
	color:#979696; 
	text-align:left;
	margin-bottom: 2px;
	margin-top: 0px;
	}
	
H2.rightmargin{
	width: 460px;

}	
	
H3{
	font-size: 1.1em;
	font-weight:bold;
	color:#7e7d7d; 
	text-align:left;
	margin-bottom: 4px;
	margin-top: 0px;
	}
	
	
H4{
/* for card history table subheads*/
	font-size: 1em;
	font-weight:bold;
	margin: 0 0 5px 0;
}	


H5{
/* for privacy subheads*/
        font-size: 1em;
        font-weight:bold;
        margin: 20 0px -15px 0;
       
}

H6{
/* for privacy subheads*/
        font-size: 1em;
        font-weight:bold;
		padding-top: 10px;
		margin-bottom: 0px;
       
}

	
/*------------- TOP OF PAGES --------------*/	

div#banner{
	margin: 0 0 0 0;
	background-position:center;
	background-repeat: no-repeat;
	height: 77px;
	padding-left: 55px;
}

div#smallbanner{
	margin: 0 0 0 0;
	background-position:center;
	background-repeat: no-repeat;
	height: 65px;
}

div#nav{
	margin: 0 0 25 0;
	background-repeat: no-repeat;
	height: 33px;
}

/*-- for account area.. horizontal @ top--*/
div#subnav{
	margin-top: 8px;

}

/* --------------  SIDEBAR ::: CARD DETAIL  ____________________*/

div#carddeatilTop{
	height: auto;
	width: 100%;
	margin: 0;
}

div#carddetailLeft{
	float: left;
	width: 400px;
}

.carddetailRight{
	float: right;
	text-align: right;
	margin-top: 18px;
	margin-right: 18px;
	margin-bottom: 0;
	color: #FF9900;
	font-size: .95em;
	font-weight: bold;
	line-height: 1.25em;
}

.paddingbottom{
	padding-bottom: 65px;
}

div#cardDetailTable{
	clear:both;
	margin: 0 0 22px 0;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
	/* padding allows enough room so footer doesn't overlap*/
}

table.detail{
	text-align: center;
}	

div#sidebar{
	width: 215px;
	background-image:url(http://www.banjobunny.com/images/nav/subnav_back.jpg);
	background-repeat:no-repeat;
	height: 500px;
	background-position: left;
	margin: 0;
	}
	
div#sidelinks{
	padding-left: 17px;
	padding-top: 44px;
	margin: 0 0 0 0;
}	

p.sidebartext{
	font-size: .88em;
	line-height: 1.3em;
	text-align: left;
	font-weight: bold;
	color: #81581f;
	margin: 0;
	padding-top: 8px;
	}
	
	
/*..........................a:hover, a:active.............................................*/
	
.sidebartext a:link{
	color: #81581f;
	text-decoration: none;
}


.sidebartext a:visited { 
	color: #81581f;
	text-decoration: none;
}	

.sidebartext a:hover, a:active{
	color: #0b5fa0;
	text-decoration: none;
	}

	
p.sidebardescrip{
	font-size: .85em;
	line-height: 1.1em;
	text-align: left;
	color: #81581f;
	margin: 0;
	padding-top: 0;
	padding-right: 44px;
	}

.thumbnailtext{
	color: #959494;
	font-size: .8em;
	font-weight: bold;
	margin: 0px;
	text-align: center;
	padding-bottom: 11px;
	padding-top: 0px;
	padding-left:20px;
	padding-right: 20px;
	line-height: 1.2em;
	
}

/* ---------------- CONTENT AREAS ----------------*/


.wideWidth {
	width: 720px;
}

div#splashtable{
	margin:0;
	padding-top: 11px;
	padding-bottom: 70px;
	/* padding allows enough room so footer doesn't overlap*/
}

tr{
	text-align: left;
}
	
div#splashtext{
	padding: 15px 28px 0 335px;
	text-align: left;
	background-image:url(../images/ph_santakids.jpg);
	background-repeat:no-repeat;
	margin-top: 22px;
}	

div#splashtext2{
	text-align: left;
	background-image:url(../images/bunny_hanukkah.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	height: 350px;
	padding:0px 223px 0px 53px;
	margin-top: 13px;
	margin-right: 60px;
}

div#splashtext3{
	width: 620px;
	margin-left: 50px;
	margin-top: 13px;
	padding-right: 0px;
}	

div#splashtextcopy {
	width: 580px;
	margin-left: 50px;
	padding-top:8px;
	text-align:left;
}
	
div#splashtextAdvent{
	text-align: left;
	background-repeat:no-repeat;
	background-position:top right;
	height: 350px;
	padding:0px 0px 0px 53px;
	margin-top: 13px;
	margin-right:40px;
}	




/* appears at top of preview */
div#headlinewithButton{
	width: 100%;
}
/* appears at top of preview */
div#headline{
	float: left;
	width: auto;
	padding-right: 15px;

}
/* button next to headline in preview */
div#next2headline{
	float: right;
	width: auto;
	padding-top: 15px;
	padding-bottom: 6px;
	padding-right: 22px;
}

.content{
	margin: 0;
	background-position: top right;
	background-repeat:no-repeat;
	padding-bottom: 85px;
	/* padding allows enough room so footer doesn't overlap*/
}

div#aboutText{
	width:510px;
	padding-left: 15px;
}


.minusPadding{
	margin-bottom: -20px;
}

div#terms{
	width: 380px;
	margin: 0px 20px 0px 12px;

}

div#termsText{
	width:510px;
}

div#termsText2{
	font-size: .85em;
}


div#flashcard{
	text-align: center;
	height: auto;
	width: 100%;
	clear: both;
	margin: 0;
	
}



.cardBack{
	min-height: 320px;
}

.loginBack{
	background-image:url(http://www.banjobunny.com/images/rabbit_login.jpg);
	background-repeat:no-repeat;
	height: 320px;
	margin-right: 30px;
	/*min-height prevents backgr image from getting cut/footer overlap*/
}

.joinBack{
	background-image:url(http://www.banjobunny.com/images/howtoJoin_image.jpg);
	min-height: 860px;
}

.cottontailBack{
	background-image:url(http://www.banjobunny.com/images/cottontail_image.jpg);
	min-height: 820px;
}

.cottontailgiftBack{
	background-image:url(https://www.banjobunny.com/images/cottontail_gift.jpg);
	min-height: 880px;
}

.day5flingBack{
    background-image:url(http://www.banjobunny.com/images/5dayfling_image.jpg);
	height: 750px;
}


.testdriveBack{
	background-image:url(http://www.banjobunny.com/images/testdrive_image.jpg);
	min-height: 720px;
}

.creditcardBack{
	background-image:url(https://www.banjobunny.com/images/creditcard_image.jpg);
	min-height: 470px;
}

.confirmedBack{
	background-image:url(https://www.banjobunny.com/images/confirmation_girl.jpg);
	height: 420px;
}


.welcomeBack{
	background-image:url(http://www.banjobunny.com/images/rabbit_welcome.jpg);
	height: 360px;
}

.myinfoBack{
	background-image:url(http://www.banjobunny.com/images/rabbit_myinfo.jpg);
	min-height: 470px;
}

.oopsBack{
	background-image:url(http://www.banjobunny.com/images/rabbit_oops.jpg);
	height: 420px;
}

.contactBack{
	background-image:url(http://www.banjobunny.com/images/back_contact.jpg);
	min-height: 440px;
}
 
.termsBack{
	background-image:url(http://www.banjobunny.com/images/rabbit_terms.jpg);
	background-repeat:no-repeat;
}

.privacyBack{
	background-image:url(http://www.banjobunny.com/images/bunny_intrude.jpg);
	background-repeat:no-repeat;
}

.emailConfirmBack{
	background-image:url(http://www.banjobunny.com/images/spookysanta.jpg);
	background-repeat:no-repeat;
	height: 465px;
}


.pushfooter{
	height: 100%;
}


/* ------------------- CARD INFO STYLES --------------------*/
div#cardInfo{
    width: 85%;
    padding-left:40px;
    margin-top: 15px;
}

div#cardInfo H4{
	font-size: .95em;
}

div#cardInfo p{
	font-size:.88em;
	line-height: 1.2em;
	margin: 4px 0px 7px 0;
}

div#cardInfo ul{
	margin: 0;
	font-size:.88em;
	width: 220px;
	list-style-type:disc;
	list-style-position:inside;
	padding-left: 1.6em;
	text-indent: -1.2em;
	padding-bottom: 6px;
	
}

div#cardInfo li{
	padding: 0;
	line-height: ..85;
}	

/*------------------ ACCOUNT AREA TABLES -----------------------*/


table.accountTable{
	 background-color: #888888;
	 font-weight: normal;
	 border-collapse:collapse; 
	 color: #FFFFFF;
	 height: auto;
	 
	 }

table.accountTable th{ 
	vertical-align: middle; 
	font-weight: bold; 
	padding: 4px 4px 3px 6px;
	font-size: .95em;
}

table.accountTable td{ 
	vertical-align: middle; 
	padding: 8px 4px 10px 6px;
	font-size: .90em;
}

table.accountTable a:link{ 
	color: #FFFFFF;
}

table.accountTable a:visited{ 
	color: #FFFFFF;
}

table.accountTable a:hover{ 
	color: #FFFFFF;
	text-decoration:none;
}



.trOrange{
	 background-color: #fbb742;
	 color: #FFFFFF;
	 font-weight: bold;
	 border-collapse:collapse;
	 border:0;
	 
}
.trBlue{
	 background-color: #5cb1df;
	 color: #FFFFFF;
	 font-weight: bold;
	 border-collapse:collapse;
	 border:0;
	 
}

.trGrey{
	 background-color: #949393;

}


.historyTable{
	border: 2px solid #fbb742;
	margin-bottom: 22px;
	margin-top: 0px;
}


.pendingTable{
	border: 2px solid #5cb1df;
	margin-bottom: 22px;
	margin-top: 0px;
}

/* not using this... yet>*/
.addressbookTable{
	border: 2px solid #fbb742;
	margin-bottom: 0px;
	margin-top: 10px;
	height: auto;
}

div#welcomeadvertisment{
	height: auto;
}

/*-----------   FORM STYLES  -------------*/

checkbox { 
	margin: 0;

}
div.checkitem, div.submititem { 
	margin-top: 0.5em; 
	clear: both; 
	margin-bottom: 5px;
}
input.checkbox { 

}
label { 
	float: right;
	width: 352px;; 
	font-size: .9em;
	padding-bottom: 10px;
	padding-right: 10px;
	
}

div.scroll {
	margin-top: 2px;
	width: 96%;
	max-height: 300px;
	margin-bottom: 20px;
}


#listView {
	overflow: auto;
	overflow-x: hidden;
}

#cardsHistory {
	overflow: auto;
	overflow-x: hidden;
}

#cardsPending {
	overflow: auto;
	overflow-x: hidden;
}

/*-------------- SPECIAL PAGES ____________*/
.confirmedBack_special{
	background-image:url(https://www.banjobunny.com/images/special/h4h_rabbit.jpg);
	height: 420px;
	width: 590px;
}

.confirmedBack_NCRA{
	background-image:url(https://www.banjobunny.com/images/special/ncra_rocks.jpg);
	height: 420px;
	width: 590px;
}

H2.h4h{
	color:#3997c8;
	font-size: 1.6em;
	font-weight:normal;
	padding-top: 30px;
	padding-bottom: 4px;
	
}

H3.h4h{
	color:#3997c8;
	font-size: 1.25em;
	font-weight:normal;
	padding-top: 10px;
	padding-bottom: 12px;

}

h4h_footer{
	clear: both;
	/*makes footer visible ~ nonfooter set to 100% height */
 	text-align: left;
	margin: 0;
}

.emailformtext {
	font-size: 13px;
	color: #666666;
}