#Perksheader{position:relative;height:110px; background:#fff url(/photolib/wynperks/orangeLine.gif) bottom left no-repeat;}
#perksLogin{float:right; margin:5px;}
#mainMenuPerks{position:absolute; right:0px; top:76px; list-style-type: none; padding: 0;}
#mainMenuPerks li{float:left;margin-left:1px; background:transparent url(/photolib/wynperks/tabBG.jpg) top left no-repeat;}
#mainMenuPerks a{text-decoration:none;color:#fff;margin:0 0 0 2px;display:block;height:26px;float:left; text-align:center; background:transparent url(/photolib/wynperks/tabBG.jpg) top right no-repeat; padding:7px 10px 0 8px ;}
#perksBanner{position:relative; background:#fff url(/photolib/wynperks/orangeLine.gif) bottom left no-repeat; padding-bottom:8px; height:140px;}
#perksBanner #JJJHeader{margin:0; float:right; width:719px; height:140px; background:#999 url(/photolib/wynperks/banner/aboutus.jpg)no-repeat;}
#perksBanner #JJJHeader h1{display:none;}
#perksBanner #JJJHeader p{display:none;}
#perksBanner a{position:absolute; top:0px;}

#memberBarPerk{position:relative;padding:8px 0; background:#405da9 url(/photolib/wynperks/blueBar.jpg) top left repeat-x; color:#fff;} 
#memberBarPerk a {text-decoration:none;color:#fff;}
#memberBarPerkSlim{position:relative;padding:18px 0; background:#405da9 url(/photolib/wynperks/blueBar.jpg) top left repeat-x; color:#fff;} 
#memberBarPerkSlim a{text-decoration:none;color:#fff;}
#memberBarPerkSlim #navImages{position:absolute;right:5px;top:-6px; list-style-type:none; padding:0;} 
#memberBarPerkSlim #navImages li{float:left;margin-left:15px;}
#memberBarPerkSlim #navImages a{text-decoration:none;display:block;height:24px;background:transparent url(/photolib/wynperks/navImage.jpg) top left no-repeat;width:17px;}
#memberBarPerkSlim #navImages a span{text-decoration:none;display:none;}
#navImages{position:absolute;right:5px;top:2px; list-style-type:none; padding:0;} 

#navImages li{float:left;margin-left:15px;}
#navImages a{text-decoration:none;display:block;height:24px;background:transparent url(/photolib/wynperks/navImage.jpg) top left no-repeat;width:17px;}
#navImages a span{text-decoration:none;display:none;}
a#siteMapIcon{background-position:-17px 0;}
a#searchIcon{background-position:-34px 0;}
a#cartIcon{background-position:-34px 0;}
#findDeals{background:#aacbee url(/photolib/wynperks/nav2Bg.jpg) top center repeat-x; margin:5px 0px 7px 0px;height:60px; border-top:#fff 1px solid}
#perkNavSearch{height:60px;background:#fff url(/photolib/wynperks/nav1Bg.jpg) bottom left no-repeat;width:240px;float:left;}
#SecondaryMenu{margin:0 0 0 245px; list-style-type: none; padding: 0;}
#SecondaryMenu li{background:transparent url(/photolib/wynperks/arrow.gif) left center no-repeat; float:left; width:125px; line-height:1.5; margin:0  10px 0 5px;}
#SecondaryMenu li:hover{}
#SecondaryMenu li a{text-decoration:none;margin:0 0 0 12px;}

form input#register{width:70px;}



/* footer link styles*/

#JJJfooter{
padding:0;
}	 
#Perksfooter{
	background:#fff url(/photolib/wynperks/footerLine.gif) top left no-repeat;padding:15px 0 5px 0;
	margin:0px;
	text-align:center;
	}
#loginPerksfooter{
	background:transparent url(/photolib/wynperks/orangeLineLogin.gif) top left no-repeat;padding:15px 0 5px 0;
	
	text-align:center;
	}
#subFooter{
	color:#adafb2;
	text-align:center;margin:0;
	}
#loginSubFooter{
	color:#adafb2;
	text-align:center;margin:0;
	}
#loginSubFooter a{
	font-size:10px;	color:#adafb2 !important;
	text-decoration:none;
	}
#subFooter a{
	font-size:11px;	color:#adafb2 !important;
	text-decoration:none;
	}

#orange {color:#f47b29;
	font-size:10px;text-align:center;padding:8px 0 15px 0;
	}
#orange a{color:#f47b29 !important;}	
#loginBlueBar{background:transparent url(/photolib/wynperks/blueBar.jpg) top left repeat-x; height:30px;width:925px;margin-top:4px;}
	
 
 /* wynPerks pages*/
#pageContent h1,#pageContent h2,#pageContent h3{
	color:#0074be;
	font-weight:bold;
	font-family: sans-serif, arial, helvetica;
	margin:12px 0px 3px 10px;padding:0px;
	}
#pageContent h1{
	font-size:14pt;
	}
#pageContent h2{
	font-size:12pt;
	text-transform:uppercase;
	}
#pageContent h3{
	font-size:10pt;
	clear:left;
	font-weight:bold;
	}
#pageContent{
	font:12px Tahoma, arial, helvetica;
	color:#7f7f7f;margin:15px 0px;
	}
#pageContent p{
width:930px;
	line-height:16px;
	margin:3px 0px 10px 15px;
	}
#pageContent a{
	color:#0074be;
	font-size:12px;
	}
#pageContent .subCat{width:935px;float:right;margin:5px 0px 25px 0;}	
#pageContent .subCat img{margin:12px 0px 10px 10px;float:left;}
#pageContent .subCat p{width:400px;float:left;margin:10px 0 10px 15px;line-height:20px;}
#pageContent .subCat ul{width:400px;float:left; list-style-type: none; padding:0;}
#pageContent .subCat li{line-height:20px;}
#pageContent .subCat2{width:480px;float:left;margin-bottom:5px;}
#pageContent .subCat2 p{width:240px;float:right;margin:25px 0 0 0;}
#pageContent .subCat2 ul{margin:5px 5px 0px 0px;width:240px;float:right; list-style-type: none; padding:0;}
#pageContent.subCat2 {display:block;margin-top:10px;}

#pageContent ul{
	font-size:11px;
	margin-top:3px;
	list-style-type: none;
	padding:0;
	}
 #pageContent ul a{
	color:#0074be;
	font-size:11px;
}
#pageContent li{
	font-size:12px;
	padding:4px 0px 4px 0px;margin-left:45px;
	list-style-image:url(/photolib/wynperks/orangeBullet.gif);
	}
#pageContent .doubleList {height:250px;}
#pageContent .doubleList a{
	width:250px;
	float:left;
	color:#0074be;
	font-size:12px;
	text-decoration:none;
	background:transparent url(/photolib/wynperks/orangeArrow.gif) no-repeat;
	padding-left:15px;
	margin:5px 0px 10px 45px;
	
	}
	

/* login styles*/
 
 
/*#orange {
	color:#f47b29;
	float:left;
	clear:left;	
	font-size:10px;
	position:relative;	
	left:380px;
	top:10px;
	width:180px;
	}  */
/* login styles*/  

#Perksloginheader{position:relative;left:1px;height:110px; background:#fff url(/photolib/wynperks/orangeLineLogin.gif) bottom left no-repeat}	
#loginpage{
	width:948px;
	margin:25px auto;
	height:541px;
	background:transparent url(/photolib/wynperks/loginBg.jpg) no-repeat;
	}

#Perksloginheader #errorMsgLogin{
	position:absolute;
	color:#F47B29;
	top:0;
	right:50px;
	font:12px arial;
	font-weight:900;
}
#logincontent{
	margin:5px 0px 0px 12px;
	width:926px;
	text-align:left;
	padding-top:15px;
	}
#Perksloginheader #login p{float:left;margin:0;}

#loginmenuTab{
	float:left;
	font:12px arial, sans-serif, helvetica;
	padding:0px;
	width:925px;
	}
#loginmenuTab a{	
	background:transparent url(/photolib/wynperks/TabBG.jpg) no-repeat;	
	color:#fff;	
	width:98px;	
	display:block;	
	float:right;	
	font-weight:normal;	
	text-decoration:none;
	padding:5px 0px;
	text-align:center;
	margin:0px 0px 0px 0px;
	}
#Loginleft{	
	background:transparent url(/photolib/wynperks/leftLoginBg.jpg) no-repeat;
	width:235px;position:relative;left:1px;
	height:280px;
	}
#Loginleft a{position:relative;top:68px;left:15px;}
#loginRight{float:right; background:transparent url(/photolib/wynperks/loginImageBg.jpg) repeat-x;width:686px;}

#perksDiscountsSearch{
position:relative;top:120px;left:25px;width:210px;
}
#perksDiscountsSearch select, #perksDiscountsSearch input{border:1px solid #acacac;}
#perksDiscountsSearch select{width:155px;}
#perksDiscountsSearch #button{position:relative;top:5px;}
#login{
	width:485px;
	float:right;
	
	font-size:10px; 
	font-family:Trebuchet MS1, Helvetica, sans-serif;
}

#login form{
	float:left;margin:0;
}
#login form input{
	font-size:9px; 
	color:#336699; 
	height:16px;
	margin: 5px 0px 0px 0px;
	padding:0px;
}
#login form label{
	width:100px ;
	margin:5px 0px 0px 5px;
	font-size:11px; 
	color:#336699; 
	font-family:Trebuchet MS1, Helvetica, sans-serif;
}
#login #button{position:relative;top:5px;}
#login #checkbox{position:relative;bottom:1px;}
#login p{
	float:left;
}

#buttonWrapper{
	width:50px;	
	position:relative;	
	top:5px;
	}

/*Register*/
.subtitle {
	font-size:22px; 
	color:#336699; 
	font-family:Trebuchet MS1, Helvetica, sans-serif;
}
#profileInfoForm  p{padding:5px;}
#profileInfoForm .non-error 
{
    color: #000000;
    border: 1px solid #999999;
}	
#profileInfoForm .error 
{
    color: firebrick;
    border: 2px solid firebrick;
}	
#profileInfoForm {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
	margin: 0;
	padding: 0;
	}

#profileInfoForm fieldset {
	padding: 10px;        /* padding in fieldset support spotty in IE */
	margin-bottom: 20px;
	background: #fff url('/assets/images/formbg.gif') repeat-x;
	width: 940px;	
}

#profileInfoForm fieldset p{width:100%; margin:0 20px; padding:0;}
#profileInfoForm legend {
	font-size:15px; /* bump up legend font size, not too large or it'll overwrite border on left */  
	color:#336699; 
	font-weight:600; 
	padding: 10px 20px; /* be careful with padding, it'll shift the nice offset on top of border  */
	}

#profileInfoForm label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 145px; 
	padding: 0; 
	margin: 10px 0 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
	font-size:11px; 
	}
#profileInfoForm h3 {margin: 0 0 0 50px;}

#profileInfoForm input, #profileInfoForm form textarea, #profileInfoForm form select {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:250px;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
							label aligns textarea better in IE */
	}

#profileInfoForm #savingsUpdateDiv 
{
	text-align: left;margin-left:85px;
}
		
#profileInfoForm .required {
	font-weight:bold;
	color:firebrick;
	padding-top: 10px;
	} 

#profileInfoForm #checkBox1{
margin-top: 9px;
width:15px;
}
#MemberContactInfo{position:relative; display:block; height: 10px; margin: 10px 0px 0px 0px; width: 550px;}
#MemberContactInfo label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 145px; 
	padding: 0; 
	margin: 0px 20px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
	font-size:11px; 
	}
/* uses class instead of div, more efficient */
/* uses class instead of div, more efficient */
#terms{margin:15px 0 0 15px;}
#profileInfoForm form img{margin: 10px 0 10px 150px;}

#ccnumber{margin: 5px 0 0 150px; font-style:italic;}
#bbb{background-color: #f5f5f5; border: 1px solid #999; font: 12px Arial, Helvetica, sans-serif; color: #5f5f5f; padding: 5px; }
#errorMsg{float:right; font-size: 14px; color:red; width:400px; margin-right:80px;}
.JJJprofileFormSubmit {float:none;}

.JJJprofileEmails {font-size:11px;}

#JJJcontactInfo {float:left; width:275px; height:400px; margin-right:20px; background:#fff url('/assets/images/bg_profileContact.gif') no-repeat;}
#JJJcontactInfo ul {border-bottom:1px dotted #333; width:240px; margin:10px 0 10px 10px; list-style-type: none; padding:0;}
#JJJcontactInfo li {padding:0 0 10px 0; font-size:12px;}
#JJJcontactInfo p {padding:15px;}
.JJJfinePrint {font-size:10px;}
.JJJsmall {font-size:10px;}

#mask {
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000000;
}	

#message {
	z-index: 1001;
	position: absolute; 
	top: 33%;
	left: 0;
	margin-left: 30%; 
	margin-right: 30%; 
	background-color: whitesmoke; 
	border: 1px solid dimgray; 
	
	}
#message .title {
	color: white;
	font-weight: bold;
	background-color: dimgray;
	padding: 5px;
}
#message div {
	padding: 30px; 
	line-height: normal;
}
#message p {
	padding-top: 15px;
	text-align: center;
}
#scbannerText{display:none;}




/* Sub Category */

	.SubContainer{
		width:958px;margin-left:3px;
	}
	.SubPropContainter{width:234px;float:left;height:185px;border:1px dotted #ccc;margin:3px 3px 3px 0px;}
	.SubLogo {
		text-align:center;
		height:75px;
		font-family: arial, helvetica, sans-serif; 
		font-size:8pt; 
		color: #666;
		padding:3px 0px;
	}
	.SubProp {
		font: 9pt Arial, Helvetica, sans-serif;
		color: #000000;
		text-align:center;
		padding-top:3px; 
		width:210px;
		margin:0px auto;
	}
	.SubProp span{margin-top:3px;}
	.SubProp a{text-align:center;margin:0px auto;}
	
	
form{
	padding:0px;
}

div#locationSuggestions{
	width:250px !important;
	color:#666;
	font-size:11px;
	font-family: arial, verdana, sans-serif;
}
div#locationSuggestions ul{
	padding:0;
	margin:0;
	list-style-type:none;
}
div#locationSuggestions li{
	padding-left:5px;
}
#locationBox{
padding-left:3px;
}
div #locationSuggestions .selected { background-color: #ccc; }

#changePasswordMask {
	position: absolute;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
    height: 100%;
    background-color: #000000;
}	
#changePassword {
    z-index: 1001;
    padding: 25px 25px 40px 25px; 
    height: auto; 
    position: absolute; 
    top: 15%; 
    left: 30%; 
    background: url('/assets/images/bg_allCategories.gif') repeat-x bottom #ffffff; 
    border: 1px solid black; 
}
#changePasswordForm{
width:400px;
height:115px;
}
#changePassword form {
    margin-top: 15px;
}
#changePassword fieldset{
	width:200px;
	float:right;
	position:relative;
}
#changePassword input{
margin:0 0 10px 0;
}
#changePassword label{
position:absolute;
left:-200px;
width:190px;
text-align:right;
}
#changePassword input[type="submit"]{
position:absolute;
bottom:10px;
right:25px;
}
#changePassword .error{color:#F00; margin:10px;}