@charset "UTF-8";

.hrDarkBlue{width:99.5%; !important;}
.hrWhite{width:90% !important; margin:0px auto;}
#bodyRight{margin-left:0px !important;}

/* EMAIL SIGNUP FORM */
#emailform{ width:169px; height:107px; float:left; clear:both; background:#66a2d6 url(../images/img-emailback.gif) no-repeat; margin-top:10px;}
#emailformcontent{margin:45px 0px 0px 10px;}
#emailform p{color:#333333; margin-bottom:5px;}
#emailformbutton{float:right; display:block; width:57px; height:18px; margin-right:12px; background:url(../images/btn-signup.gif) no-repeat;}
#emailformbutton:hover{float:right; display:block; width:57px; height:18px; margin-right:12px; background:url(../images/btn-hover-signup.gif) no-repeat;}




/*********** ACCOUNT LOGIN ***************/
#accountloginhdr{width:155px; height:22px; background:url(../images/img-accountloginhdr.gif) no-repeat; margin:20px 0px 10px 0px;}
#accountloginhdr span{visibility:hidden;}

#loginforms{margin:40px 0px 0px 40px;}
/*RETURNING CUSTOMER FORM */
#returncust, #newcust, #guestcust{width:271px; background:#d0e2f0; float:left;}
#returntop, #newtop, #guesttop{width:271px; height:5px; background:url(../images/img-returntop.gif) no-repeat;}
	.returncontent, .newcontent{width:220px; margin:10px auto;}
	.returncontent h3, .newcontent h3{font-size:11pt; color:#00387d; font-weight:bold; padding:0px; margin-bottom:15px;}
	.returncontent p, .newcontent p{width:175px;}
	.returncontent label, .newcontent label{font-weight:bold;}
	.returncontent .hrWhite, .newcontent .hrWhite{width:90%; margin:0px auto;}
	#return_email_input, #return_pass_input{margin:5px 0px 10px 0px;  height:12px; width:98%; font-size:7pt;}
	#returncust a{float:left; margin-top:5px; margin-bottom:10px;}
	#loginbutton{margin-left:74.67px; float:right;}
	#returnsubmit{height:20px;}
#returnbottom, #newbottom, #guestbottom{width:271px; height:5px; background:#FFFFFF url(../images/img-returnbottom.gif) no-repeat; padding-bottom:5px;}

/*NEW CUSTOMER FORM */
#newcust{margin-left:40px;}
.newcontent p{margin-bottom:25px;}
#newbutton{display:block;width:202px; height:28px; background:url(../images/btn-createanaccount.gif) no-repeat;}
#newbutton:hover{display:block;width:202px; height:28px; background:url(../images/btn-hover-createanaccount.gif) no-repeat;}
#newbutton span{visiblity:hidden;}


/*GUEST CUSTOMER FORM */
#guestcust{margin-left:40px;}
.newcontent p{margin-bottom:25px;}
#guestbutton{display:block;width:202px; height:28px; background:url(../images/btn-guestaccount.GIF) no-repeat;}
#guestbutton:hover{display:block;width:202px; height:28px; background:url(../images/btn-hover-guestaccount.GIF) no-repeat;}
#guestbutton span{visiblity:hidden;}




/************** CREATE AN ACCOUNT ****************/
#createhdr{width:194px; height:17px;background:url(../images/img-createhdr.gif) no-repeat; margin:20px 0px 10px 0px;}
#createhdr span{visibility:hidden;}

#createforms{margin:20px 0px 0px 0px; width:728px; background:#d0e2f0;}
#createtop{width:728px; height:5px; background:url(../images/img-createtop.gif) no-repeat;}
	#createcontent{width:728px;}
	#createcontent p{display:block; text-align:right; margin-bottom:15px;}
	#createcontent table{margin-top:10px;}
	#createcontent .tdinput, #createcontent input, #createcontent select{width:195px;}
	#createcontent select{width:200px;}
	#createcontent label{width:140px; text-align:right; font-weight:bold; display:block;}
	#mail_check{float:left; width:20px !important;}
	#check_label{width:175px !important; float:right; font-weight:normal !important; text-align:left !important;}
	#createbutton{width:108px !important; height:20px;}
#createbottom{width:728px; height:5px; background:#FFFFFF url(../images/img-createbottom.jpg) no-repeat; padding-bottom:5px;}


/************** FORGOT PASSWORD **************/
#forgothdr{width:178px; height:23px; background:url(../images/img-forgothdr.gif) no-repeat; margin:20px 0px 10px 0px;}
#forgothdr span{visibility:hidden; }

#forgottop{width:537px; height:5px; background:url(../images/img-forgottop.gif) no-repeat;}
#forgotform{background:#d0e2f0; width:537px;}
#forgotform p, #forgotform label{font-weight:bold;}
#forgotbottom{width:537px; height:5px; background:#FFFFFF url(../images/img-forgotbottom.gif) no-repeat; padding-bottom:5px;}
#forgotform .shifter{width:490px; margin:15px auto 15px;}
#forgotform label, #forgotform input{margin:0px 10px 0px 0px;}
#forgotbutton{position:relative; top:5px;}
#forgotinput{width:300px;}

/**************SHARE YOUR STORY ***************/
#storyhdr{width:182px; height:23px; background:url(../images/img-storyhdr.gif) no-repeat; margin:20px 0px 10px 0px;}
#storyhdr span{visibility:hidden;}

/*********************MY ACCOUNT ********************/
#welcome{display:inline !important; float:left; margin:35px 0px 0px 20px; font-weight:bold; color:#7bb1e3; font-size:7pt;}

#accounthdr{background:url(../images/img-myaccounthdr.gif) no-repeat; width:127px; height:22px; margin-top:20px;}
#accounthdr span{visibility:hidden;}

#tabs{height:19px;}
#tabs ul li{display:block; float:left;}
#accountprofile, #orderhistory, #shareyourstory, #autoreorder{float:left; height:19px; display:block; margin-right:5px;}
#accountprofile{background:url(../images/btn-profiletab.gif) no-repeat; width:110px;}
.currenttab #accountprofile{background:url(../images/btn-profiletabC.gif) no-repeat; widows:110px;}
#orderhistory{background:url(../images/btn-orderhistorytab.gif) no-repeat; width:101px;}
.currenttab #orderhistory{background:url(../images/btn-orderhistorytabC.gif) no-repeat; width:101px;}
#shareyourstory{background:url(../images/btn-sharestorytab.gif) no-repeat; width:118px; clear:right;}
.currenttab #shareyourstory{background:url(../images/btn-shareyourstorytabC.gif) no-repeat; width:118px; clear:right;}

#autoreorder{background:url(../images/btn-autoreordertab.gif) no-repeat; width:118px; clear:right;}
.currenttab #autoreorder{background:url(../images/btn-autoreordertabC.gif) no-repeat; width:118px; clear:right;}



#tableholder{background:#d0e2f0; width:729px;}
#myaccounttop{background:#FFFFFF url(../images/img-myaccounttop.gif) no-repeat; width:729px; height:6px; padding-bottom:1px;}

#ordercount{margin:20px 0px 20px 20px; font-weight:bold;}
#ordertable{margin-left:18px; border-bottom:1px dotted #6c9ed2;}
.ordernum{font-weight:bold;}
#ordertable th{font-weight:bold; color:#0a2267; border-bottom:1px dotted #6c9ed2;}
#ordertable td{border-bottom:1px dotted #FFFFFF}
#orderfooter{height:36px; margin-left:20px; padding-top:20px;  text-align:right;}
#orderfooter .sharebutton{float:left;}
#orderfooter p{float:left; width:415px; text-align:left; height:26px; display:block; vertical-align:middle; position:relative; top:5px;}

#pagelinks{float:left; text-align:right; height:26px; position:relative; bottom:10px;}
#pagelinks ul li{list-style:none;}
#pagelinks ul li{float:left; width:14px;}

.currentpagenum a{font-weight:bold; text-decoration:none !important;}
.sharebutton{display:block; width:133px; height:26px; background:url(../images/btn-sharestory.gif) no-repeat; margin-right:10px;}
.sharebutton span{visibility:hidden;}

#myaccountbottom{background:#FFFFFF url(../images/img-myaccountbottom.gif) no-repeat; width:729px; height:5px; padding-bottom:5px;}


#share1{width:500px; margin:20px 0px 20px 50px;}
#share2{width:558px; margin:20px auto;}
#sharecheck{float:left;}
#share2 label{float:left; display:block; width:470px; margin-left:10px;}
#share2 textarea{width:558px; height:107px; margin:20px 0px 5px;}
#sharesubmit{float:right;}
#shareform input{width:175px;}
#shareform label{font-weight:bold;}
#shareform textarea{width:555px; height:110px;}
#shareform table{width:555px; margin:10px auto;}
#agreement_check{float:left; display:block;  width:5px;}
#sharecheck_label {display:block; float:left; width:350px; font-weight:normal !important;}
#sharesubmit{width:56px !important; height:20px;}