﻿/* HTML Tags
--------------------------------------------------------------------
*/
			

body {
	text-align:center;
	font: 12px verdana, arial, sans-serif;
	color:#666;
	height: 100%;
}

strong {
	font-weight:bold;
}
h1 {
	font-size:18px; 
	margin:8px; 
	padding:10px 0px 0px 3px; 
	font-weight:600; 
	color:#336699;
}
h2 {
	font-size:15px; 
	margin:8px; 
	font-weight:600; 
	color:#336699;
}
h3 {
	font-size:14px; 
	margin:8px; 
	font-weight:600; 
	color:#777;
}
a {
	color:#336699; 
	text-decoration:underline;
}

/* Basic text align classes
--------------------------------------------------------------------
*/
.left {text-align: left; }
.center {text-align: center; }
.right {text-align: right; }

	
/* main IDs
--------------------------------------------------------------------
*/
#container{
	width:961px;
	height: 100%;
	bottom:150px; 
	text-align:left;
	margin: 10px auto 0 auto;
}

#header{
	position:relative;
	height:auto !important;
	height:125px;
	min-height:97px;
	z-index:200;
}

#logo{
	min-height:75px;
width:350px;
}
/* Nav
--------------------------------------------------------------------
*/
#navcontainer {display:inline;line-height:normal;margin:0px; font-size:12px;}
#navList{float:right;right:0px;	list-style-type: none;	padding: 0;}
#navList li{background:transparent url(/assets/images/left1.gif) no-repeat scroll left top;	float:left;display:inline;	padding:0pt 0pt 0pt 9px;}
#navList a{background:transparent url(/assets/images/right1.gif) no-repeat scroll right top;	color:#069;	display:block;	font-weight:bolder;	font-size:80%;	text-decoration:none;	padding:5px 15px 5px 6px;}
#navList a:hover{color:#036;	text-decoration:underline;}
#navList li#current{background-image:url(/assets/images/left_on.gif);}
#navList li#current a{background-image:url(/assets/images/right_on.gif);color:#360;}

/* if ie6 - do not show at all */	
#catListNav {background:transparent url(/assets/images/bgCatNav.jpg) repeat center top; width:959px; height:29px; border-right:solid 1px #cccccc; border-left:solid 1px #cccccc; z-index:200; clear:right;}
ul#catList{position:relative; margin:0 0 5px 10px;list-style-type: none; padding:0px; z-index:200; float:left;}
#catList li.tab{position:relative; z-index:200;float:left; display:inline; margin:0 0 0 5px; }
#catList li div.tabDiv {z-index:201;} 
#catList li a{text-decoration:none;display:block; margin:0 16px 0 0; }
#catList li.tab div.ulDiv {top:2px;position:relative; z-index:70;} 

#catList li.tab a span{display:block; padding:6px 0px 0 8px;}
#catList li.tab:hover a span{position:relative; top:-3px; display:block; padding:6px 0px 0 8px;}
#catList li.tab:hover a{color:#de8003; background:url(/assets/images/menuDrops/tabBg.png) top left no-repeat;}
#catList li.tab:hover li a{background:url() top left no-repeat;}
#catList li.tab:hover .tabDiv{background:url(/assets/images/menuDrops/tabBg.png) top right no-repeat; position:relative; top:3px;}
#catList li.tab:hover ul{display:block;}
#catList li.tab ul {display:none; width:257px; position:absolute; padding:0;list-style-type: none;} 

#catList li div.ulDiv {position:relative; top:-2px; z-index:199;} 
#catList li div.ulDiv a{color:#069!important; margin:0 0 0 20px; height:auto; padding:0 0 10px 0;} 
#catList li div.ulDiv a:hover{text-decoration:underline;} 


#catList li.tab li{list-style-type: none; position:relative;float:left;min-width:256px;background:transparent url(/assets/images/menuDrops/bottomBg.png) center left;}
#catList li.tab li.top{background:url(/assets/images/menuDrops/topBg.png) top left no-repeat; height:8px;}
#catList li.tab li.bottom {background:transparent url(/assets/images/menuDrops/bottomBg.png) bottom left; height:18px;} 

#catList li.seeMore {list-style-type: none; float:left; position:static; width:80px; margin:7px 10px 0 5px;}
#catList li.seeMore a span{color:#de8003; font-weight:bold; }
#catList li.seeMore a:hover span{text-decoration:underline;}

div #nationalDrop{float:right; margin:5px 5px 0 0;}
img#national {margin:0 5px 0 5px;}
#merchant_select_box{font-size: 12px; width:245px;}

#Mask {
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
}	

/* SecondaryNav
--------------------------------------------------------------------
*/
	
#secondaryNav{
	position:absolute;
	top:0px;
	right:-5px;
	color:#44629e;
	list-style-type: none;
	padding: 0;
}
#secondaryNav a:hover {
	color:#36C;
}	
#secondaryNav li{
	float:right;
}
#secondaryNav a{
	display:block;
	padding:26px 5px 0 5px;	
}

#profile a{
	background:transparent url('/assets/images/ico_profile.gif') top center no-repeat;
	}
#tools a{
	background:transparent url('/assets/images/ico_tools.gif')  top center no-repeat;
	}
#help a{
	background:transparent url('/assets/images/ico_help.gif')  top center no-repeat;
	}
#home a{
	background:transparent url('/assets/images/ico_home.gif')  top center no-repeat;
	}
#shoppingCart a{
	background:transparent url('/assets/images/ico_cart.gif') top center no-repeat;
	}
#BFshoppingCart li{
	background:transparent url('/photolib/common/ico_BFcart.gif') top left no-repeat;padding-left:15px;
	}	
/* Header
--------------------------------------------------------------------
*/
#welcomeName {
	position:absolute;
	top:10px;
	left:350px;
	font-size:16px;
	color:#44629e;
	line-height:14px;
}
#welcomeName a img{position:relative;left:10px;top:2px;width:40px;height:14px;}
/*
------------------------------------------------------------------------------------------
    messages 
------------------------------------------------------------------------------------------
*/
.red { color: #900; }
.bold { font-weight: bold; }

#message, .message
{
	display: block;
	margin: 0.15em auto 1.2em !important;
	padding: 0.5em 0.5em 0.5em 2.8em !important;
	text-align: left;
	line-height: normal !important;
    clear: both;
}

/* ---------- Tip messages ---------- */
#message.tip, .message.tip {
	background: #f0f8ff url(/assets/images/messages/tip.png) no-repeat 0.5em 0.4em;
	border: 1px solid #53b2f8;
	/*color: #777;*/
}

/* ---------- Info messages ---------- */
#message.info, .message.info {
	background: #f0f8ff url(/assets/images/messages/info.png) no-repeat 0.5em 0.4em;
	border: 1px solid #53b2f8;
	/*color: #777;*/
}

/* ---------- Error messages ---------- */
#message.error, .message.error {
	background: #fff1ed url(/assets/images/messages/error.png) no-repeat 0.5em 0.4em;
	border: 1px solid #900;
	/*color: #900;*/
}

/* ---------- Alert messages ---------- */
#message.alert, .message.alert {
	background: #ffffe0 url(/assets/images/messages/alert.png) no-repeat 0.5em 0.4em;
	border: 1px solid #daa520;
	/*color: #EFEFEF;*/
}

/* ---------- Success messages ---------- */
#message.success, .message.success {
	background: #f4fdef url(/assets/images/messages/success.png) no-repeat 0.5em 0.4em;
	border: 1px solid #3f9305;
	/*color: #3F9305;*/
}


#bannerText{position:absolute;
	left:25px;
	top:108px;
	color:#996633;
	font:  14pt arial,sans-serif,helvetica;
	text-transform:uppercase;
	}

#bannerText p{
	width:600px; 
	position:absolute;
	top:55px;
	text-transform:none;
	font-size:15px; 
	color:#336699; 
	line-height:17px; 
	margin:10px 0 0 50px;
}

/* buttons
--------------------------------------------------------------------
*/
.button {
    padding: 1px 5px 1px 5px; 
    font-family: tahoma; 
    font-size: 8pt;
    background-position: bottom;
    background-repeat: repeat-x;
}
    
.button.blue {
    background-image: url(/assets/images/bar_darkBlue.gif); 
    color: #ffffff;
    border: 1px outset steelblue; 
}

.button.orange {
    background-image: url(/assets/images/bar_darkOrange.gif); 
    color: #ffffff;
    border: 1px outset #975c09; 
}

.button.green {
    background-image: url(/assets/images/bar_darkGreen.gif); 
    color: #ffffff;
    border: 1px outset darkgreen; 
}		
			
	
/*---------------------*/
	
.JJJmediumInput, .JJJsmallInput, .JJJlargeInput {border:1px solid #999; margin:8px 0 4px 0;}
/*.JJJsmallInput {border:1px solid #999; margin:8px 0 0 0px; font-size:10pt;}
.JJJlargeInput {border:1px solid #999; margin:8px 0 6px 0; font-size:16px; font-weight:normal;}*/



/* --------------- Basic Search ---------------- */
#searchBarForm{border:#cccccc 1px solid;z-index:0;position:relative;float:left;}
.ie6 #searchBarForm {border:#cccccc 1px solid;z-index:0;position:relative;float:left;margin-top:15px;}
#DiscountsSearch{z-index:100; }
#search {
	background:#ffffff url(/assets/images/mainbarBg.gif) repeat-x left top;
	padding: 0 0 4px 0;
width:959px;
	}
#search legend { display: none; }
#search table { margin: 0 auto; }
#search table td { padding: 2px; line-height: normal; }
#search .arrow { margin: 0 3px 2px 3px; }
#search #additional_options { margin: 0 0 5px 0; text-align: center; clear:both; }


#options table { font-size: 8.5pt; }
#options table tr td { padding: 3px; line-height: normal; }
#options table tr td.label { text-align: right; padding-left: 15px; }
#options table tr td.field { border-right: 1px dotted #999999; padding-right: 20px; }
#options input, #options select { font-size: 8.5pt; }
#options #CountryState { width: 150px; }
#options #City { width: 150px; }

#options_link { font-size: 7pt; text-decoration: none; text-transform:uppercase; }
#options_link:hover { text-decoration: underline; }

#categories_list { width: 225px; position: absolute; left:auto; top:auto; color: #000000; padding-top: 5px; text-align:center; z-index: 999999; padding: 10px; border: 1px solid #6091c0; margin: 0; font-size:9pt; background:#cfe4f9 url('/assets/images/bg_categories.gif') repeat-x;}
#categories_list p, #categories_list a { font-size: 8pt; color: #ffffff; }
#categories_list ul { margin-top: 10px; list-style-type: none; padding: 0; }
#categories_list ul, #categories_list li { width: auto; }
#categories_list label {color: #003366; display: inline; float: none; border: 0px; text-align: left;}
#categories_list .message { text-align: center; padding-top: 10px; color: #b22222; }
#categories_text { display: inline; margin: 0; padding: 0; }
#CountryState { width: 165px; }
#locationResults { border: 1px outset black; background-color: white; color:#000000; font-family:arial,verdana,sans-serif; font-size:10pt; z-index:91; position:absolute; width:350px; float:left;}
.ie8 #locationResults { border: 1px outset black; background-color: white; color:#000000; font-family:arial,verdana,sans-serif; font-size:10pt; z-index:91; position:absolute; width:350px; float:none;}
.ie7 #locationResults { border: 1px outset black; background-color: white; color:#000000; font-family:arial,verdana,sans-serif; font-size:10pt; z-index:91; position:absolute; width:350px; top:40px; left:150px; float:none;}
.ie6 #locationResults {display:none!important;}
#locationResults ul{ padding:0; margin:0; list-style-type:none;}
#locationResults ul li {display: block; color: #000000; padding:2px 5px; width:250px;}
#locationResults ul li:hover { background-color: #cccccc; }	

/*#search #category_select_box { font: 8pt Arial, Helvetica, sans-serif; }*/

#JJJrefineSearch {background:#f0f7ff url('/assets/images/bg_advancedSearch.gif') no-repeat; }
#JJJrefineSearch form {text-align:center;}
#JJJrefineSearch form label { display: block; float: left; width: 140px; height:15px; padding: 0; margin: 7px 5px 0 0 ; text-align: right;}
#JJJrefineSearchBottom {background:#f0f7ff url('/assets/images/bg_advancedSearchBottom.gif') no-repeat;  height:19px;}



/* --- Save Search Pop Up --- */

/* --- Save Search Pop Up --- */

#JJJsaveSearchShowMask {
	position: absolute;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
    height: 100%;
    background-color: #000000;
}	
.JJJsaveSearchShow {
    z-index: 1001;
    padding: 0px 0px 25px 0px; 
    height: auto; 
    position: absolute; 
    top: 15%; 
    left: 30%; 
    background: url('/assets/images/bg_allCategories.gif') repeat-x bottom #ffffff; 
    border: 1px solid black; 
}
.JJJsaveSearchHide {display:none;}
#saveSearchForm{margin:15px;}
.JJJsaveSearchInput{width:250px; height:21px; border:1px solid #999; margin:10px 0 0 0;}
.JJJsaveSearchShow h2 {font-size:14px; margin:0px 0 20px 0; font-weight:600; color:#542f09; padding:0px; background:#fff url('/assets/images/bg_savedSearchBar.gif') repeat-x;}
.JJJcategoriesHeader{text-align:center; font-size:18px; color:#fff; font-weight:600; margin:5px 0 15px 0; line-height:25px;}

/*---------------------*/	


/* --- enter zip --- */
.JJJzipShow {position:absolute; left: 200px; top:30px; padding:5px; border: 1px solid #666; width: 350px; height:100px; margin:0px; font-size:12px; background:#fff url('/assets/images/bg_savedSearchBar.gif') repeat-x;}
.JJJzipInput{width:75px; height:21px; border:1px solid #999; text-align:center;}
.JJJzipShow h2 {font-size:16px; margin:5px 0 20px 0; font-weight:600; color:#542f09; padding:0px;}
.JJJzipHeader{text-align:center; font-size:18px; color:#fff; font-weight:600; margin:5px 0 15px 0; line-height:25px;}

	

/*---------------------*/	
	
	
/* Classes
--------------------------------------------------------------------
*/
.blueLink{color:#336699;}
.redTextEmphasis{color:#B00000}
	
.clear{
	clear:both;
}

/* header
--------------------------------------------------------------------
*/
#JJJHeader {
	height:136px;
	margin-bottom:15px;
float:left;
width:959px;
}
#JJJHeader p{
	width:600px; 
	font-size:15px; 
	color:#336699; 
	line-height:17px; 
	margin:10px 0 0 50px;
}
#JJJHeader h1{
	font-size:28px; 
	color:#6b8f4f; 
	line-height:35px; 
	font-weight:600; 
	margin:0 0 0 20px; 
	font-family:Trebuchet MS1, Helvetica, sans-serif;
} 
.JJJheaderTrans {
	color:#96b083; 
	font-weight:600;
}
/* --- Generic ---*/

#JJJmainContent {margin:10px auto; width:960px; text-align:left;}
#JJJmainContent table {float:left; }
#JJJmainFeature {width:725px;}	
#JJJmainFeature p{padding:10px; line-height:16px;}	
#JJJmainFeature table {width:725px;}
#JJJmainFeature td {border-top:1px dotted #314711; padding:13px; vertical-align:top;}

#JJJsideBar {float:right;}
#JJJfooter {clear: both; text-align:center; padding: 15px; font-size:11px; width:auto; min-width:420px;}

/* discounts near me
--------------------------------------------------------------------
*/
#discountsNearMe h2{
	background:#fff url('/assets/images/bar_darkBlue.gif') top center repeat-x; 
	margin:0px; 
	height:32px; 
	font-size: 15px; 
	color:#fff; 
	border:1px solid #5f8ab3; 

}

#discountsNearMe h2 a{
	float:right;
	margin:4px;
}

#discountsNearMe h2 p{
	margin:5px;
	font-weight:600;
}

#dealsNearMeResults {background:#fff url('/assets/images/bg_Discounts.gif') repeat-x; margin-top:0px; list-style-type: none; padding: 0; }
#dealsNearMeResults li{border-bottom:#999 1px dotted;}		
#dealsNearMeResults li a{padding:10px 0 0px 10px; display:block; font-size:11px; padding-bottom:5px;}
#dealsNearMeResults li:hover{background-color:#d9e9f3;}
#dealsNearMeResults li p{padding:10px 0 10px 10px; display:block; font-size:11px;}
#dealsNearMeResults a.greenLink {color:#7d9a56; font-size:10px; margin:10px; display:block;}

#BlueBar {background:transparent url('/assets/images/bar_darkBlue.gif') repeat-x; height:32px; font-size: 15px; color:#fff; border:1px solid #5f8ab3;}
#BlueBar p {padding:7px; font-weight:600; color:#274b6e;}
#BlueBar a {float:right; margin:4px 5px;}

.editPod {border-bottom: dotted 1px;}
.editPod fieldset {width: 300px; margin: 25px;}
.editPod label{position:relative; display:block;}
	

#news{margin:15px; text-align:center; min-height: 400px; }	

#JJJ_todaysFeatures {background:transparent url('/assets/images/bg_todaysfeaturedsavings.jpg') repeat-x top left; float:left; margin-top:0px; width:959px;}
#JJJ_todaysFeatures #homeScrollingLogos{display:inline; margin-bottom:3px;}

			#JJJcategoryFeature {width:562px; border:#cfcfcf 1px solid; border-bottom:1px solid cfcfcf;margin-bottom:10px; background:#f5f5f5 url('/assets/images/bg_mainFeature.gif') repeat-x;}		
			#JJJcategoryFeature ul { list-style-type: none; padding: 0; }
			#JJJcategoryFeature ul li{border-bottom:#cfcfcf 1px solid; width:280.9px; float:left;}
			#JJJcategoryFeature ul li a{padding:10px; display:block; font-size:12px; color:#3e6e93; font-weight:bold; text-decoration:none;}
			#JJJcategoryFeature ul li a.JJJorangeLink{color:#ca7a05;}
			#JJJcategoryFeature ul li a:hover{background:#efefef;}
			
			#JJJcategoryFeatureTitle{height:126px; background:#f5f5f5 url('/assets/images/bg_CategoriesHead.gif') repeat-x;}
			#JJJcategoryFeatureTitle h2{padding:5px 0px 0 8px; margin:0; color:#fff;}
			#JJJcategoryFeatureTitle p{color:#a45c00; width:370px; padding-top:20px; float:left; line-height:16px;}
#JJJcategoryFeatureTitle img{padding:0px; margin:0px; float:left;}

#emailRequest{clear:both; margin:50px; width:800px;}
.JJJbacktoCatLink {font-size:10px; line-height:15px; float:right; margin:5px 5px 0px 0px;}
/* wyndham login help styles
'---------------------------------------------------------------------------------------------------------------------------
*/

		#LoginHelpMask {
	        position: absolute;
	        z-index: 1000;
	        left: 0;
	        top: 0;
	        width: 100%;
	        height: 100%;
	        background-color: #000000;
	    }	
	    #LoginHelp {
	        z-index: 1001;
	        padding: 25px; 
	        width: 40%; 
	        height: auto; 
	        position: absolute; 
	        top: 15%; 
	        left: 30%; 
	        background: url('/assets/images/bg_allCategories.gif') repeat-x bottom #ffffff; 
	        border: 1px solid black; 
	    }
	    #LoginHelp form {
	        margin-top: 15px;
	    }
	    #LoginHelp dt {
	        font-weight: bold;
	        margin: 20px 0 10px 0;
	    }
	    #LoginHelp dd {
	        margin-left: 30px;
	        line-height: 15px;
	    }
	    #LoginHelpFooter {
	        margin: 20px 0 0 0; 
	        text-align: right; 
	        padding-top: 10px; 
	        border-top: 1px dotted #cccccc;
	    }