/* CSS Document */

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,input,form,fieldset,p,blockquote,th,td{margin:0;padding:0;}
img{border:0; padding:0; margin:0;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
a{color:#0e74dc; text-decoration:underline;}
a:hover{color:#b80707;}

.inputclass{
color: #000000;
background: #c4dbff;
border: 1px solid #0e74dc;
margin:0;
padding:0;
}

.biginput{
height:30px;
width:400px;
font:bold 22px/22px Avant Garde,Century Gothic,sans-serif;
color: #000000;
background: #c4dbff;
border: 1px solid #0e74dc;
margin:0;
padding:0;
}

html{
	border:0; margin:0; padding:0; overflow: auto;
}

body { border:0; margin:0; padding:0; text-align:center; background:#73aaff; }

.faqdisc{
	list-style:disc;
	margin:0 0 0 60px;
}

.faqnumber{
	list-style:decimal;
	margin:0 0 0 60px;
}

.popup-close{
	float: left; width:20px; height: 20px; margin: 0; padding:0; background:url(../images/popup-close.png) 0 -20px no-repeat;
	}
.popup-close a {
	display: block;	margin: 0; padding:0; width: 20px; height: 20px; overflow:hidden; background:url(../images/popup-close.png) no-repeat;
	}
.popup-close span {
	float: left; display: block; margin:0; padding: 0px 0px 0 0px; text-align:center;
	}
.popup-close a:hover {
	background-image: none;
	}

.bookbuilder{
	float: left; width:75px; height: 75px; margin: 0; padding:0; background:url(../images/bookbuilder.png) 0 -75px no-repeat;
	}
.bookbuilder a {
	display: block;	margin: 0; padding:0; width: 75px; height: 75px; overflow:hidden; background:url(../images/bookbuilder.png) no-repeat;
	}
.bookbuilder span {
	float: left; display: block; margin:0; padding: 0px 0px 0 0px; text-align:center;
	}
.bookbuilder a:hover {
	background-image: none;
	}

.editcover{
	float: left; width:75px; height: 75px; margin: 0; padding:0; background:url(../images/editcover.png) 0 -75px no-repeat;
	}
.editcover a {
	display: block;	margin: 0; padding:0; width: 75px; height: 75px; overflow:hidden; background:url(../images/editcover.png) no-repeat;
	}
.editcover span {
	float: left; display: block;	margin:0; padding: 0px 0px 0 0px; text-align:center;
	}
.editcover a:hover {
	background-image: none;
	}
	
.deletebook{
	float: left; width:75px; height: 75px; margin: 0; padding:0; background:url(../images/deletebook.png) 0 -75px no-repeat;
	}
.deletebook a {
	display: block;	margin: 0; padding:0; width: 75px; height: 75px; overflow:hidden; background:url(../images/deletebook.png) no-repeat;
	}
.deletebook span {
	float: left; display: block;	margin:0; padding: 0px 0px 0 0px; text-align:center;
	}
.deletebook a:hover {
	background-image: none;
	}	
	
.duplicate{
	float: left; width:75px; height: 75px; margin: 0; padding:0; background:url(../images/duplicate.png) 0 -75px no-repeat;
	}
.duplicate a {
	display: block;	margin: 0; padding:0; width: 75px; height: 75px; overflow:hidden; background:url(../images/duplicate.png) no-repeat;
	}
.duplicate span {
	float: left; display: block;	margin:0; padding: 0px 0px 0 0px; text-align:center;
	}
.duplicate a:hover {
	background-image: none;
	}	
	
.previewbook{
	float: left; width:75px; height: 75px; margin: 0; padding:0; background:url(../images/previewbook.png) 0 -75px no-repeat;
	}
.previewbook a {
	display: block;	margin: 0; padding:0; width: 75px; height: 75px; overflow:hidden; background:url(../images/previewbook.png) no-repeat;
	}
.previewbook span {
	float: left; display: block;	margin:0; padding: 0px 0px 0 0px; text-align:center;
	}
.previewbook a:hover {
	background-image: none;
	}	
	
.purchase{
	float: left; width:75px; height: 155px; margin: 0; padding:0; background:url(../images/purchase_button.png) 0 -155px no-repeat;
	}
.purchase a {
	display: block;	margin: 0; padding:0; width: 75px; height: 155px; overflow:hidden; background:url(../images/purchase_button.png) no-repeat;
	}
.purchase span {
	float: left; display: block;	margin:0; padding: 0px 0px 0 0px; text-align:center;
	}
.purchase a:hover {
	background-image: none;
	}
	
.smallbutton {float: left; width: 100px; height: 30px; margin: 0; padding:0; background:url(../images/button_small.png) no-repeat; background-position: 0 -30px;}
.smallbutton a {display: block;	width: 100px; height: 30px;	overflow:hidden; color: #ffffff; text-decoration:none; font:bold 16px/16px Avant Garde,Century Gothic,sans-serif; background:url(../images/button_small.png) left top no-repeat;}
.smallbutton span {display: block; margin:0; padding: 5px 0px 0 0px; text-align:center;	}
.smallbutton a:hover {background-image: none; color: #ffffff;}

.medbutton {	float: left; width: 130px; height: 30px; margin: 0; padding:0; background:url(../images/button_med.png) no-repeat; background-position: 0 -30px;}
.medbutton a {display: block; width: 130px; height: 30px; overflow:hidden; color: #ffffff; text-decoration:none; font:bold 16px/16px Avant Garde,Century Gothic,sans-serif; background:url(../images/button_med.png) left top no-repeat;}
.medbutton span {display: block;	margin:0; padding: 5px 0px 0 0px;	text-align:center;}
.medbutton a:hover {	background-image: none;	color: #ffffff;	}

.lgbutton {float: left; width: 175px; height: 30px; margin: 0; padding:0; background:url(../images/button_large.png) no-repeat; background-position: 0 -30px;}
.lgbutton a {display: block; width: 175px; height: 30px; overflow:hidden; color: #ffffff; text-decoration:none; font:bold 16px/16px Avant Garde,Century Gothic,sans-serif; background:url(../images/button_large.png) left top no-repeat;}
.lgbutton span {display: block; margin:0; padding: 5px 0px 0 0px; text-align:center;}
.lgbutton a:hover {background-image: none; color: #ffffff;}

.xlbutton {float: left; width: 275px; height: 30px; margin: 0; padding:0; background:url(../images/button_xlarge.png) no-repeat; background-position: 0 -30px;}
.xlbutton a {display: block; width: 275px; height: 30px; overflow:hidden; color: #ffffff; text-decoration:none; font:bold 16px/16px Avant Garde,Century Gothic,sans-serif; background:url(../images/button_xlarge.png) left top no-repeat;}
.xlbutton span {display: block; margin:0; padding: 5px 0px 0 0px; text-align:center;}
.xlbutton a:hover {background-image: none; color: #ffffff;}

	
.link a {
font:bold 15px/15px Avant Garde,Century Gothic,sans-serif;
text-decoration:underline;
color: #0e74dc;
}
	
.link a:hover {
	text-decoration:underline;
	color: #b80707;
	}
	
.smallsubmit{
    border: none;
	cursor:pointer;
	font:bold 13px/13px Avant Garde,Century Gothic,sans-serif;
	color: #ffffff;
	width: 100px; height: 30px;
	background:url(../images/button_small.png) left top no-repeat;
    padding: 7px 0px 0px 0px;
}

.smallsubmit:hover  {
    border: none;
	cursor:pointer;
	font:bold 13px/13px Avant Garde,Century Gothic,sans-serif;
	color: #ffffff;
	width: 100px; height: 30px;
	background:url(../images/button_small.png) no-repeat;
	background-position: 0 -30px;
    padding: 7px 0px 0px 0px;
}

.medsubmit{
    border: none;
	cursor:pointer;
	font:bold 16px/16px Avant Garde,Century Gothic,sans-serif;
	color: #ffffff;
	width: 130px; height: 30px;
	background:url(../images/button_med.png) left top no-repeat;
    padding: 5px 0px 8px 0px;
	margin:0;
}

.medsubmit:hover  {
    border: none;
	cursor:pointer;
	background:url(../images/button_med.png) no-repeat;	
	background-position: 0 -30px; 
}

.lgsubmit{
    border: none;
	cursor:pointer;
	font:bold 16px/16px Avant Garde,Century Gothic,sans-serif;
	color: #ffffff;
	width: 175px; height: 30px;
	background:url(../images/button_large.png) left top no-repeat;
    padding: 5px 0px 8px 0px;
	margin:0;
}

.lgsubmit:hover  {
    border: none;
	cursor:pointer;
	background:url(../images/button_large.png) no-repeat;	
	background-position: 0 -30px; 
}


.whitelink {
font:bold 13px/13px Avant Garde,Century Gothic,sans-serif;
color: #ffffff;
}

.whitelink a{
font:bold 13px/13px Avant Garde,Century Gothic,sans-serif;
text-decoration:none;
color: #ffffff;
}

.whitelink a:hover{
font:bold 13px/13px Avant Garde,Century Gothic,sans-serif;
color: #b80707;
}

.coverselect {
font:bold 16px/15px Avant Garde,Century Gothic,sans-serif; color:ffffff;
}

#OccasionsThumb {
	width:150px;
	float:left;
	text-align:center;
	color: #ffffff;
    padding: 0px 0px 0px 0px;
}

#signup {
	width:105px;
	float:right;
	text-align:center;
	color: #ffffff;
    padding: 10px 0px 0px 0px;
}

#gotolbBlog {
	width:275px;
	float:right;
	text-align:center;
	color: #ffffff;
    padding: 15px 0px 0px 0px;
}

#navigation {
	width:565px;
	float:left;
	text-align:center;
	color: #ffffff;
    padding: 24px 0px 0px 0px;
}

#navigationBlog {
	width:500px;
	float:left;
	text-align:center;
	color: #ffffff;
    padding: 38px 0px 0px 0px;
}

#topnav{
	float:left;
	text-align:center;
	font:bold 14px/14px Avant Garde,Century Gothic,sans-serif;
    padding: 0px 0px 0px 22px;
}
#topnav a {	
	text-decoration:none;
	color: #ffffff;
}

#topnav a:hover {
	color: #b80707;
}

#footer {
margin:auto; height:55px; width:975px; overflow:hidden; position:relative; text-align:left;
font:bold 11px/12px Avant Garde,Century Gothic,sans-serif;
color: #ffffff;
}

#footer a {
	text-decoration:none;
	color: #ffffff;
}

#footer a:hover {
	color: #b80707;
}

#footertext {
margin:auto; width:975px; overflow:hidden; position:relative; text-align:left;
font:bold 11px/12px Avant Garde,Century Gothic,sans-serif;
color: #ffffff;
}

#footertext a {
	text-decoration:underline;
	color: #ffffff;
}

#footertext a:hover {
	color: #b80707;
}

.Title {
font:bold 18px/18px Avant Garde,Century Gothic,sans-serif;
color: #000000;
}

.smalltext {
font:bold 11px/11px Avant Garde,Century Gothic,sans-serif;
color: #000000;
}

.medtext {
font:normal 13px/13px Avant Garde,Century Gothic,sans-serif;
color: #000000;
}
.medbold {
font:bold 13px/13px Avant Garde,Century Gothic,sans-serif;
color: #000000;
}

.lgtext {
font:bold 14px/14px Avant Garde,Century Gothic,sans-serif;
color: #000000;
}


.calendar{
    border: none;
	cursor:pointer;
	font:bold 16px/16px arial,sans-serif;
	color: #ffffff;
	width: 30px; height: 30px;
	background:url(../images/calendar.png) left top no-repeat;
    padding: 0px 0px 0px 0px;
	margin:0;
}
.calendar:hover{
	width: 30px; height: 30px;
	background:url(../images/calendar.png) left top no-repeat;
	background-position: 0 -30px;
}	

.arrowleft{
	float: left; width:35px; height: 35px; margin:0 auto; padding:0 0 0 0px;  
}
	
.arrowleft a {
	display: block;	margin:auto; width:35px; height: 35px; overflow:hidden; background:url(../images/arrow-left.png) no-repeat;
}

.arrowleft a:hover {
	width:35px; height: 35px; overflow:hidden;  background:url(../images/arrow-left.png) 0 -35px no-repeat;
}

.arrowright{
	float: left; width:35px; height: 35px; margin:0 auto; padding:0 0 0 0px;  
}

.arrowright a {
	display: block;	margin:auto; width:35px; height: 35px; overflow:hidden; background:url(../images/arrow-right.png) no-repeat;
}

.arrowright a:hover {
	width:35px; height: 35px; overflow:hidden;  background:url(../images/arrow-right.png) 0 -35px no-repeat;
}	
	
.login {
	font:bold 14px/16px Avant Garde,Century Gothic,sans-serif; color: #000000;
}

.login a  {
	font:bold 14px/16px Avant Garde,Century Gothic,sans-serif; color: #0e74dc;
}

.login a:hover {
	font:bold 14px/16px Avant Garde,Century Gothic,sans-serif; color: #b80707;
}

.standard {
	font:bold 16px/18px Avant Garde,Century Gothic,sans-serif; color: #000000;
}

.bodytext {
	font:normal 13px/14px Avant Garde,Century Gothic,sans-serif; color: #000000; 
}

.headertitle{
color:#ffffff; padding:0px 0 0 0; font:bold 22px/22px Avant Garde,Century Gothic,sans-serif;
}