/** BASIC */

html, body {
	height: 100%;
}

html body {
    height: 100%;
    width: 905px;
    margin: 5px auto;
}

/*********************************************************************************/
/** HEADER */
/** USAGE: all page */
/*********************************************************************************/
#headerBox {
	float: left;
    width: 349px;
    margin: 0px auto;
    padding: 0px 3px;
    background: #FFFFFF;
}

#headerBox span {
    display: none;
}

#logo {
    float: left;
    width: 400px;
    height: 98px;
    background: url( ../images/homepage02.jpg ) no-repeat left top;
}

/*********************************************************************************/
/** HEADER */
/** USAGE: not used currently */
/*********************************************************************************/

#slogan {
    float: right;
    width: 399px;
    height: 98px;
    background: url( ../images/homepage03.jpg ) no-repeat left top;
}

/*********************************************************************************/
/** MENU */
/** USAGE: all pages*/
/*********************************************************************************/
#menuBox {
    width: 550px;
	float: right;
/* height: 39px; */
    margin: 7px auto 0px auto;
/*    border-left: 3px solid #FFFFFF;
    border-right: 3px solid #FFFFFF; */
}

#menuBox ul {
	float: right;
    margin: 0px;
    padding: 0px;
    list-style: none;
    line-height: normal;
}

#menuBox li {
    display: inline;
}

#menuBox a {
    display: block;
    float: left;
    margin: 0px 0px 0px 30px;
}

/*********************************************************************************/
/** SPLASH */
/** USAGE: front page */
/*********************************************************************************/
#splashBox {
    clear: both;
    width: 905px;
    height: 175px;
    margin: 0px auto;
/*    border-left: 3px solid #FFFFFF;
    border-right: 3px solid #FFFFFF; */
    border-bottom: 1px solid #258;
}

/*********************************************************************************/
/** SIGNUP */
/** USAGE: signup pages for business, professional, customer */
/*********************************************************************************/
#signupBox {
    clear: both;
    width: 905px;
    height: 600px; /* changed from 550px 8/15/09.kta */
    margin: 0px auto;
/*    border-left: 3px solid #FFFFFF;
    border-right: 3px solid #FFFFFF;	*/
}

/*********************************************************************************/
/** SUBMENU */
/** USAGE: front page, signup pages for business, professional, customer */
/*********************************************************************************/
#subMenu {
    float: left;
    width: 649px;
    padding: 10px 13px 0px 13px;
}
/*
#subMenu.manager {
	width: 800px;
} */

#signupBox #subMenu {
	width: 349px;
}

#subMenu ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    line-height: normal;
}

#subMenu li {
    display: inline;
}

#subMenu a {
    display: block;
    float: left;
    width: 260px;  /* width used to be 153px with professional included */
    height: 65px;
    margin-top: -5px;
    margin-left: 5px;
    margin-bottom: 3px;
    padding: 3px 5px 3px 55px;
    border: 1px solid #CCC;
    background: url('../images/user-48.png') no-repeat 5px 8px;
    text-decoration: none;
}

#subMenu a:hover {
	border-color: #69C;
	color: #248;
}

#subMenu p {
    float: left;
    padding-left: 16px;
    padding-right: 0px;
    line-height: 140%;
    font-size: 1.1em;
}

/*********************************************************************************/
/** LOGIN MENU */
/** USAGE: login page */
/*********************************************************************************/

#loginMenu {
    float: left;
    width: 24%;
}

#loginMenu.page {
	float: none;
	margin: 45px auto auto auto;
    width: 400px;
    background-color: #FFF;
}


#loginMenu form {
	border: 1px solid #FFF;
	width: 198px;
    padding: 20px 5px;
    margin: 10px 10px 0 10px;
}

#loginMenu form.signup {
	margin-top: 0;
	padding-top: 15px;
	height: 210px;
}

#loginMenu form.signup input[type=submit] {
	margin-left: 63px;
}

p.signupToRedeemMenu {
	font-size: 1.5em;
	width: 391px;
	background-color: #F9F9F9;
	border: 1px solid #D3D3D3;
	border-top: none;
	color: #026;
	line-height: 1.3em;
	padding: 4px;
	text-align: center;
	margin-bottom: 0;
}

p.signupToRedeemMenu a {
	display: inline !important;
	padding: 0 !important;
	margin: 0 !important;
	color: #B22;
	font-weight: bold;
}

#loginMenu.page form {
	width: 389px;
	border: 1px solid #AAA;
	margin: 0;
}

#loginMenu label {
    float: left;
    width: 60px;
    text-align: right;
    margin-right: 1em;
    display: block;
    margin-top: 3px;
    padding-top: 0;
}

#loginMenu.page label {
	width: 120px;
}
#loginMenu.page label {
	margin-top: 17px;
}

#loginMenu  input [type=text] {
    width: 150px;
    line-height: 130px;
    margin: 0; padding: 0;
}

#loginMenu.page input[type=text], #loginMenu.page input[type=password] {
	margin-top: 15px;
	width: 160px;
	background-color: #F9F9F9;
	border: 1px solid #DDD;
	padding-left: 2px;
}

#loginMenu  input.small {
    width: 150px;
}

#loginMenu  input.medium {
    width: 200px;
}

#loginMenu  input.large {
    width: 300px;
}

#loginMenu input[type=submit] {
	margin-left: 15px;
}

#loginMenu select.medium {
	margin-top: 14px;
	width: 165px;
}

#loginMenu h2 {
	margin-top: -15px;
	margin-bottom: 8px;
	text-align: center;
}

#loginMenu.page h2 {
	color: #FFF;
	padding: 3px 0;
	background-color: #999;
	margin-right: -5px;
	margin-left: -5px;
	margin-top: -20px;
	font-size: 1.4em;
}

#loginMenu label.large {
	width: 90px;
}

#loginMenu a {
	display: block;
	margin-top: -3px;
	font-size: .9em;
}

#loginMenu.page a {
	display: block;
	margin-top: -15px;
	width: 100%;
	margin-left: 32px;
	font-size: .9em;
}

#loginMenu.page input[type=submit] {
	margin-left: 124px;
}

ul#loginErrorsBox {
	width: 395px;
	margin: 0 auto;
	background-color: #FFF;
	border: 1px solid #999;
	padding: 0 0 0 5px;
	list-style-type: none;
	height: 60px;
	color: #B22;
}

ul#loginErrorsBox li {
	padding: 0 0 0 15px;
	line-height: 14px;
	color: #333;
}

input[readonly='readonly'] {
	border: none;
	background-color: inherit;
	
}

/*********************************************************************************/
/** CONTENT */
/** USAGE: all pages */
/*********************************************************************************/
#contentBox {
    width: 905px;
    margin: 0px auto;
/*	border-top: 1px solid #258; */
    /*    border-top: 6px solid #FFFFFF;
    border-left: 3px solid #FFFFFF;
    border-right: 3px solid #FFFFFF; */
}

/*********************************************************************************/
/** 3-COLUMN LAYOUT */
/** USAGE: not used currently */
/*********************************************************************************/
.three-cols {
}

.three-cols .threeColLeft {
    float: left;
    width: 200px;
    height: 420px;
    min-height: 420px;
    padding: 0px 15px;
}

.three-cols .threeColMiddle {
    float: left;
    width: 296px;
    height: 420px;
    min-height: 420px;
    padding: 0px 15px;
}

.three-cols .threeColRight {
    float: left;
    width: 213px;
    height: 420px;
    min-height: 420px;
    padding: 0px 15px;
}

html>body .three-cols .threeColLeft, html>body .three-cols .threeColRight, html>body .three-cols .threeColRight {
    height: auto;
}

/*********************************************************************************/
/** 2-COLUMN EQUAL LAYOUT */
/** USAGE: home page */
/*********************************************************************************/
.two-cols-equal {
	width: 100% !important;
}

.two-cols-equal .twoColLeft {
    float: left;
    width: 422px;
    min-height: 500px;
    padding: 0px 15px;
}

.two-cols-equal .twoColRight {
    float: left; /*NOTE:BIG PROFILE CONTENT width: 569px;*/
    width: 423px;
    min-height: 500px; /*padding: 0px 0px;*/
    padding: 0px 15px;
}

html>body .two-cols-equal .twoColLeft, html>body .two-cols-equal .twoColRight {
    height: auto;
}

/*********************************************************************************/
/** 2-COLUMN LAYOUT */
/** USAGE: manager, registration pages */
/*********************************************************************************/
.two-cols {
}

.two-cols .twoColLeft {
    float: left;
    width: 200px;
    height: 420px;
    min-height: 420px;
    padding: 0px 15px;
}

.two-cols .twoColRight {
    float: left; /*NOTE:BIG PROFILE CONTENT width: 569px;*/
    width: 645px;
    height: 420px;
    min-height: 420px; /*padding: 0px 0px;*/
    padding: 0px 15px;
}

html>body .two-cols .twoColLeft, html>body .two-cols .twoColRight {
    height: auto;
}

/*********************************************************************************/
/** 1-COLUMN LAYOUT */
/** USAGE: manager, registration pages */
/*********************************************************************************/
.one-cols {
}

.one-cols .twoColLeft {
    float: left;
    width: 200px;
    height: 420px;
    min-height: 420px;
    padding: 0px 15px;
}

.one-cols .twoColRight {
    float: left; /*NOTE:BIG PROFILE CONTENT width: 569px;*/
    width: 875px;
    height: 420px;
    min-height: 420px; /*padding: 0px 0px;*/
    padding: 0px 15px;
}

html>body .one-cols .twoColLeft, html>body .one-cols .twoColRight {
    height: auto;
}


/*********************************************************************************/
/** FOOTER */
/** USAGE: all pages */
/*********************************************************************************/
#footerBox {
    width: 905px;
    margin: 0px auto;
    border-top: 1px solid #258;
    font-size: 10pt;
}

#footermenu {
	float: right;
    line-height: 18px;
    padding-top: 0px;
/*    border-left: 3px solid #FFFFFF;
    border-right: 3px solid #FFFFFF; */
    text-align: center;
    font-size: .9em;
}

#copyright {
	float: left;
	margin: 0; padding: 0;
	line-height: 22px;
	font-size: .7em;
}

/*********************************************************************************/
/** PROMO MENU */
/** USAGE: front page */
/*********************************************************************************/
#promoMenu {
    float: right;
}

/*********************************************************************************/
/** LOGOUT MENU, SIGNUP MENU*/
/** USAGE: logout page, signup page */
/*********************************************************************************/

#logoutMenu, #signupMenu 	{
	float: left;
}

#logoutMenu p	{
	float: left;
	width: 500px;
	margin: 50px auto 50px 10px;
	font-size: 12pt;
	font-weight: bold;
	color: #555;
}


/*********************************************************************************/
/** SIGNUP MENU */
/** USAGE: signup pages for business, professional, customer */
/*********************************************************************************/
#signupMenu {
    float: left;
    width: 520px;
	margin: 0px auto 20px 10px;
	font-size: 12pt;
	font-weight: bold;
	color: #555;
}

#signupMenu form {
    width: 515px;
    padding-top: 30px;
    padding-left: 5px;
    padding-bottom: 30px;
}

#signupMenu label {
    float: left;
    width: 150px;
    text-align: right;
    margin-right: 0.5em;
    display: block;
    font-weight: normal;
}

#signupMenu  input {
    margin-bottom: 2px;
    border: 1px solid #ccc;
}

#signupMenu  textarea {
    margin-bottom: 2px;
    border: 1px solid #ccc;
}

#signupMenu  select {
    margin-bottom: 2px;
    border: 1px solid #ccc;
}

#signupMenu  input [type=text] {
    width: 100px;
}

#signupMenu  input.small {
    width: 75px;
}

#signupMenu  input.medium {
    width: 217px;
}

#signupMenu  input.large, #signupMenu textarea.large {
    width: 300px;
}

#signupMenu textarea.large {
	height: 5em;
}

/*********************************************************************************/
/** CATEGORY MENU */
/** USAGE: category menu on left side */
/*********************************************************************************/
#categoryMenu {
}

#categoryMenu .text1 {
    padding-left: 11px;
}

/*********************************************************************************/
/** PRODUCT AND SERVICE MENU */
/** USAGE: product and service menu on left side */
/*********************************************************************************/

.categoryItem {
	clear:both;
	background-color: #FEFEFE;
	margin: 5px;
}

.services .categoryItem {
	border-bottom: 1px dotted #CCC;
	margin-bottom: 0px;
	padding-bottom: 0pz;
}

.categoryItem h1  {
/*	background-color: D1F1A1 */
}	

.products .rowItems{
	float: left;
	clear: both;
	border-top: 1px dotted #CCC;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
	
.categoryItem h2 {
/*	background-color: #DFFFAF; */
	background-color: #FFFFE1;
	border-bottom: 1px solid #BCD;
	font-weight: normal;
}

dl {
	float: left;
}

dl dt, dl dd {
	padding: 0 5px;
	line-height: 1.4em;
}

.menuItemName{
	float:left;
	height: 18px;
	font-size: 10.5pt;
	width: 216px;
	overflow: hidden;
	text-align: left;
	color: #248;
	}	

.productName {
	font-weight: bold;
	text-align: left;
	padding: 5px 2px;
}

.productDescription {
	font-size: .95em;
	line-height: .95em;
	text-align: left;
	height: 95px;
	overflow: hidden;
}

.productPrice {
	position: absolute;
	bottom: 5px;
	right: 5px;
	color: #BB2222;
	}

.serviceName {
	float:left;
	font-size: 14px;
	font-weight:bold;
	width: 80%;
}	

dl dd.price {
	float:right;
	width: 50px;
	text-align: right;
	margin: 0 0 0 1px; padding: 0;
	}

.menuItemDescription, .serviceDescription {
	float:left;
	width:92%;
	margin-top: 2px;
	margin-left: 10px;
	font-size: 8.5pt;
	}

.wholeWidth{
	width:100%;
	overflow:hidden;
	}

.halfWidth {
	width:430px;
	overflow:hidden;
	padding: 0 1px 0 0;
	margin: 0 1px 1px 0;
	border-right: 1px dotted #BCD;
	border-bottom: 1px dotted #BCD;	
	background-color: #F9F9F9;
}

.dlContent2{
	margin:0px;
	line-height: 150%;
	font-weight: bolder;
}

dl.halfWidth.dlContent {
/*	line-height: 100%; */
	background-color: #FFFFF1;
	color: #777;
}

dl.halfWidth.rightSide {
	float: right;
	margin-left: 0;
	border-right: none;
}
/******************************************************************/
/*	NOT BEING USED

.sbj{
	margin-left: 30px;

	}

.dfn{
	margin-left: 120px;
	}

.anncSbj{
	font-weight:bold;
	margin:10px;
	color:red;
	}

.anncDfn{
	margin-left:20px;
	padding-bottom: 5px;
	border-bottom: 1px solid #999999;
	}
*/


/*********************************************************************************/
/** EDIT MENU */
/** USAGE: profile manager menu, left side */
/*********************************************************************************/
#manageMenu {
}

#manageMenu .text1 {
    padding-left: 11px;
}

/*********************************************************************************/
/** SUBSCRIBER MENU */
/** USAGE: business, professiona subscriber */
/*********************************************************************************/

#subscriberMenu {
}

#subscriberMenu .text1 {
    padding-left: 11px;
}

/*********************************************************************************/
/** MEMBER MENU */
/** USAGE: category members listing */
/*********************************************************************************/
#memberMenu,
	#businessMemberMenu,
	#professionalMemberMenu  {
}

#memberMenu .text1,
	#businessMemberMenu .text1,
	#professionalMemberMenu .text1 {
    padding-left: 0px;
}

#memberMenu ul,
	#businessMemberMenu ul,
	#professionalMemberMenu ul {
    margin: 0px;
    list-style: none;
}

#memberMenu li,
	#businessMemberMenu li,
	#professionalMemberMenu li {
    display: block;
    height: 70px;
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    background: url( ../images/member_background.gif ) no-repeat -10px -10px;
    border-bottom: 1px solid #DDD;
    margin-bottom: 2px;
}

li.bgSpecials, li.bgReg {
	position: relative;
}

#businessMemberMenu li.bgSpecials, #professionalMemberMenu li.bgSpecials {
	background: url(../images/member_background3.jpg) no-repeat -10px -10px;
}

#businessMemberMenu li.bgSpecials p, #professionalMemberMenu li.bgSpecials p {
	background: url(../images/icons/dollar.png) no-repeat 378px 35px;
	height: 67px; 
}

#memberMenu ul p,
	#businessMemberMenu ul p,
	#professionalMemberMenu ul p {
    padding-left: 90px; /*padding-right: 30px;*/
    line-height: 15px;
}


/*********************************************************************************/
/** Announcement MENU */
/** USAGE: category members listing */
/*********************************************************************************/
#announcementMenu {
}

#announcementMenu .text1 {
    padding-left: 9px;
}

#announcementMenu ul {
    margin: 0px;
    list-style: none;
}

#announcementMenu li {
    clear: both;
    display: block;
    height: 70px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
}

#announcementMenu ul p {
    float: left;
    width: 350px;
    padding-left: 20px; /*padding-right: 30px;*/
}

#announcementMenu Strong{
	font-size:16px;
}

/*********************************************************************************/
/** MESSAGE MENU */
/** USAGE: business, profile, customer profile manager for messages */
/*********************************************************************************/
#messageMenu {
}

#messageMenu .text1 {
    padding-left: 9px;
}

#messageMenu ul {
    margin: 0px;
    list-style: none;
}

#messageMenu li {
    clear: both;
    display: block;
    height: 70px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    background: url( ../images/member_background.gif ) no-repeat left top;
}

#messageMenu ul p {
    float: left;
    width: 350px;
    padding-left: 20px;
}

/*********************************************************************************/
/** DISCOUNT MENU */
/** USAGE: business discounts*/
/*********************************************************************************/

ul#discountItems {
}

.list7 li p.printLink a {
	position: absolute;
	right: 2px;
	bottom: 2px;
}

/*********************************************************************************/
/** SERVICE MENU */
/** USAGE: business, profession profile manager for announcements THIS ALSO IS GOOD FOR DISCOUNT and EVENTS*/
/*********************************************************************************/
#serviceMenu {
}

#serviceMenu .text1 {
    padding-left: 9px;
}

#serviceMenu ul {
    margin: 0px;
    margin-left: 30px;
    list-style: none;
}

#serviceMenu li {
    clear: both;
    display: block;
    height: 70px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
}

#serviceMenu ul p {
    float: left;
    width: 350px;
    padding-left: 20px;
}



/*********************************************************************************/
/** PICTURE MENU */
/** USAGE: photo manager in profile manager */
/*********************************************************************************/
#pictureMenu {
}

#pictureMenu .text1 {
    padding-left: 9px;
}

#pictureMenu ul {
    margin: 0px;
    list-style: none;
}

#pictureMenu li {
    clear: both;
    display: block;
    height: 70px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
}

#pictureMenu ul p {
    float: left;
    width: 350px;
    padding-left: 20px;
}


/*********************************************************************************/
/** SUBSCRIBER MENU */
/** USAGE: business, profession profile manager for subscriber */
/*********************************************************************************/
#subscriberMenu {
}

#subscriberMenu .text1 {
    padding-left: 9px;
}

#subscriberMenu ul {
    margin: 0px;
    list-style: none;
}

#subscriberMenu li {
    clear: both;
    display: block;
    height: 70px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    background: url( ../images/member_background.gif ) no-repeat left top;
}

#subscriberMenu ul p {
    float: left;
    width: 400px;
    padding-left: 20px;
}



/*********************************************************************************/
/** PROFILE BOX */
/** USAGE: all pages */
/*********************************************************************************/
#profileBox {
}

#profileBox .text1 {
/*    padding-left: 9px; */
}

#profileMenu {		/* pagination */
    float: left;
    margin-top: 5px;
    height: 20px;
    width: 100%;
}

#profileTitle {		/* name of profile */
	width: 400px;
    float: left;
}

#profileOwner {
	width: 450px;
    float: right;
}

#profileTabMenu {
    float: left; /* NOTE:BIG PROFILE CONTENT width: 565px;*/
    width: 535px;
    clear: both;
}

#profileContent {
    float: left; /* NOTE:BIG PROFILE CONTENT width: 565px;*/
    width: 645px;
    margin: 5px auto;
    padding-right: 0px; /*border-left:1px solid #ccc;*/
/*border-right: 1px solid #ccc;*/
/*border-bottom: 1px solid #ccc
    border-top: 6px solid #FFFFFF; */
/*    border-left: 2px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;	*/
}

.one-cols #profileContent, .one-cols #profileTabMenu {
	width: 875px;
}

.two-cols #profileContent, .two-cols #profileTabMenu {
	width: 645px;
}

.two-cols #profileContent #profileGenericForm {
	border-right: 1px solid #E1E9FF;
	border-left: 1px solid #EEE;
	width: 643px;
}

/*********************************************************************************/
/** PROFILE GENERIC FORM */
/** USAGE: all pages in profile manager */
/*********************************************************************************/
#profileGenericForm, #searchMemberForm {
    float: right;
}

#searchMemberForm form {
    width: 365px;
    padding-top: 7px;
    padding-left: 10px;
}	

#profileGenericForm form {
    width: 645px;
    padding-top: 20px;
    padding-left: 10px;
}

#profileGenericForm label, #searchMemberForm label {
    float: left;
    width: 200px;
    text-align: right;
    margin-right: 0.5em;
    display: block;
    font-size: 1.12em;
    color: #335599;
}

#profileGenericForm  input, #searchMemberForm input {
/*    border: 1px solid #999;
	color: #46A		*/
    margin-bottom: 2px;
}

#profileGenericForm  textarea {
    margin-bottom: 2px;
    border: 1px solid #ccc;
}

#profileGenericForm  select, #searchMemberForm select {
    margin-bottom: 2px;
    border: 1px solid #ccc;
}

#profileGenericForm select.small {
	width: 100px;
}

#profileGenericForm  input [type=text], #searchMemberForm input[type=text] {
    width: 100px;
    color: #555;
}

#profileGenericForm  input.small {
    width: 50px;
}

#profileGenericForm  input.medium {
    width: 200px;
}

#profileGenericForm  input.large, #searchMemberForm input.large {
    width: 250px;
}

#profileGenericForm  textarea.small {
    width: 50px;
    height: 80px;
}

#profileGenericForm  textarea.medium {
    width: 200px;
    height: 80px;
}

#profileGenericForm  textarea.large {
    width: 300px;
    height: 80px;
}

#profileGenericForm input[type=checkbox] {
	margin-bottom: 8px;
}

#profileGenericForm .newsletterForm label {
	float: left;
	width: 350px;
	text-align: left;
	margin-left: .5em;
	margin-right: auto;
}

#profileGenericForm .newsletterForm input[type=checkbox] {
	float: left;
	margin-left: 80px;
	text-align: right;
}

#profileGenericForm .newsletterForm label[for=dummy] {
	width: 240px;
}



/*********************************************************************************/
/** PROFILE 2 INNER COLUMN LAYOUT */
/** USAGE: main profile page */
/*********************************************************************************/
.inner-two-cols {
}

.inner-two-cols .innerTwoColLeft {
    float: left;
    width: 555px;
    height: 420px;
    min-height: 420px;
    padding: 0px 5px;
}

.inner-two-cols .innerTwoColRight {
    float: left;
    width: 300px;
    height: 420px;
    min-height: 420px;
    padding: 0px 5px;
}

html>body  .inner-two-cols .innerTwoColLeft, html>body .inner-two-cols .innerTwoColRight {
    height: auto;
}

/*********************************************************************************/
/** PROFILE  EDIT BOX */
/** NOTE: looks like we're not using this. we're using profileGenericForm (uda)
/*********************************************************************************/
#profileOverviewEditBox {
}

#profileMenuEditBox {
}

#profilePhotoEditBox {
}

#profileDiscountEditBox {
}

/*********************************************************************************/
/** PROFILE XXX BOX */
/** USAGE: main profile page */
/*********************************************************************************/

#profileDescriptionBox {
    float: left;
}

#profileSpecialsBox {
	float: left;
}

#profileExperienceBox {
    float: left;
}
#profileAboutBox {
    float: left;
}

#profileBusinessHoursBox {
	float: left;
	background-color: #FFF;
}

#profileAnnouncementBox, #profileEventBox{
    float: left;
}

#profileAnnouncementBox ul p, #profileEventBox {
    line-height: 130%;
}

#profileAnnouncementBox span.calendar, #profileEventBox span.calendar {
    float: left;
    padding-left: 25px;
    padding-right: 25px;
    font-weight: bolder;
    margin-bottom: 10px;
}

#profileEventBox{
	float:left;
}

#profileMessageBox {
    float: left;
}

#profileMessageBox ul {
    margin: 0px;
    list-style: none;
}

#profileMessageBox li {
    clear: both;
    display: block;
    height: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    background: url( ../images/publicmessage_bg.gif ) no-repeat left top;
}

#profileMessageBox ul p {
    float: left;
    width: 200px;
    padding-left: 20px;
}

#profileAvatarBox {
    float: right;
}

#profileMembershipBox {
    float: right;
}

#profileServiceBox {
    float: right;
}

/*********************************************************************************/
/** PROFILE  GENERIC BOX */
/** USAGE: main profile page */
/*********************************************************************************/

.profileSmallGenericBox {
    width: 300px;
    margin: 2px 0px 4px 0px;
    background-color: #F3F3F3;
}

.profileSmallGenericBox .title {
/*    background: url( ../images/homepage04.gif ) repeat left top; */
}

.profileSmallGenericBox .title h2 {
    height: 19px;
    margin: 0px;
    padding: 6px 0px 0px 10px;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    letter-spacing: 1pt;
}

.profileSmallGenericBox .content {
    height: 99%;
    overflow: hidden;
    padding: 12px 10px 0px 10px;
}

#profileBusinessHoursBox.profileSmallGenericBox .content {
	padding: 5px 1px;
} 

.profileGenericBox {
    width: 555px;
    margin: 2px 0px 4px 0px;
}

.profileGenericBox .title {
/*    background: url( ../images/homepage04.gif ) repeat left top; */
}

.profileGenericBox .title h2 {
    height: 19px;
    margin: 0px;
    padding: 6px 0px 0px 10px;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1pt;
    color: #FFFFFF;
    background-color: #99A;
}

.profileGenericBox .content {
    height: 99%;
    overflow: hidden;
    padding: 5px 10px 0px 10px;
}

.profileGenericBox h2 span.s1 {
	float: left;
	width: 50% !important;
	color: #FFF;
}

.profileGenericBox h2 span.s2 {
	float: right;
	color: #FFEE99;
	text-align: right !important;
}



.profileSmallGenericBox .content p, .profileGenericBox .content p {
    line-height: 130%;
}
	

/*********************************************************************************/
/** GENERAL BOX 1 */
/** USAGE: disposable general box */
/*********************************************************************************/
#generalBox1 {
}

#generalBox1 .text1 {
    padding-left: 9px;
}

/*********************************************************************************/
/** GENERAL BOX 2 */
/** USAGE: disposable general box */
/*********************************************************************************/
#generalBox2 {
}

#generalBox2 .text1 {
    padding-left: 9px;
}

/*********************************************************************************/
/** GENERAL BOX 3 */
/** USAGE: disposable general box */
/*********************************************************************************/
#generalBox3 {
}

#generalBox3 .text1 {
    padding-left: 15px;
    padding-right: 15px;
}

#generalBox3 p {
    padding-left: 15px;
    padding-right: 15px;
}

/*********************************************************************************/
/** BORDER 1 */
/** USAGE: all pages, border separating header from content */
/*********************************************************************************/
#topBorder {
	height: 2px;
	background-color: #258;
}


.innerLeftImageHolder {
	float: left;
	width: 70px;
	margin: 0;
	padding: 0;
	text-align: center;
	overflow: hidden;
}

#profileEventBox .list3b p {
	padding-left: 77px;
}
	
.customerSpecialsTable {
	background-color: #ffffff;
	border-top: 2px solid #EEE;
}

/**
.specials2 tr {
	background-color: #E9EFFF;
}
**/
.specials2 tr a:link, .specials2 tr a:visited {
	margin: -2px 4px 4px 3px;
	float: left;
	border: 1px dotted #57A;
	display: block;
	padding: 2px;
	color: #036;
	font-size: 7pt;
	width: 95px;
	background-color: #F9FCFF;
	text-decoration: none;
	min-height: 60px;
}

.specials2 tr a:hover, .specials2 tr a:active {
	background-color: #FFF;
	border: 1px dotted #333;
	color: #B22;
}

span.openHours {
	float: left;
	margin-left: 25px;
}

span.closeHours {
	float: left;
	margin-left: 75px;
}

#descriptionLengthExceeded {
	color: #00F !important;
	
}