﻿/* Includes
--------------------------------------------------------------------
*/




.left {text-align: left; }
.center {text-align: center; }
.right {text-align: right; }

/*
------------------------------------------------------------------------------------------
    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;*/
}




/* Header
--------------------------------------------------------------------
*/
#header {
	width:961px;
	margin-right:auto;
	margin-left:auto;
	margin-top:10px;
	padding:0px;
	text-align:left;
	}
	
#mainBar {
	height:75px;
	background:#fff url(/assets/images/mainbarBG.gif) repeat-x;
	max-width:959px;
	min-width:750px;
	border-left:#E0E0E0 1px solid;
	border-right:#E0E0E0 1px solid;
	clear:both;
	position:relative;
	text-align:right;
	}

#searchGraphic {
	position:relative;
	top:14px;
	}
#searchbutton {
	position:relative;
	top:8px;
	}

#mainSearch input[type="text"] {
	border:#999 1px solid;
	margin:-25px 0 0 0;
	}
	
.hm_minifeature {
	background:#F5F3F0;
	border:#C8C8C8 1px solid;
	font:10px verdana, arial, sans-serif;
	color:#767676;
	line-height:normal;
	width:183px;
	margin:5px 6px 5px 0;
	float:right;
	padding:0;
	}

#flashcontent {
	height: 100%;
	}

#welcomeName {
	position:relative;
	top:-30px;
	left:85px;
	font-size:90%;
	color:#44629e;
	display:inline;
	}
/* Structure
--------------------------------------------------------------------
*/

body {
	text-align:center;
	font: 12px verdana, arial, sans-serif;
	}
	
#frame {
	width:959px;
	margin-right:auto;
	margin-left:auto;
	padding:0px;
	text-align:left;
	}



/* Nav
--------------------------------------------------------------------
*/

#navcontainer {
	float:right;
	font-size:85%;
	line-height:normal;
	margin:0;
	clear:both;
	}
#navcontainer ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0pt;
	}
#navcontainer li {
	background:transparent url(/assets/images/left1.gif) no-repeat scroll left top;
	float:left;
	margin:0pt;
	padding:0pt 0pt 0pt 9px;
	}
#navcontainer a {
	background:transparent url(/assets/images/right1.gif) no-repeat scroll right top;
	color:#069;
	display:block;
	float:left;
	font-weight:bolder;
	padding:5px 15px 5px 6px;
	text-decoration:none;
	}
#navcontainer a {
	float:none;
	}
#navcontainer a:hover {
	color:#036;
	text-decoration:underline;
	}
#navcontainer #current {
	background-image:url(/assets/images/left_on.gif);
	}
#navcontainer #current a {
	background-image:url(/assets/images/right_on.gif);
	color:#360;
	padding-bottom:5px;
	}

#secondaryNav{
	position:relative;
	float:right;
	top:-40px;
	font-size:75%;
	display:inline;
	list-style-type: none;
	padding: 0;
	color:#44629e;
	}
#secondaryNav a:hover {
	text-decoration:none;
	color:#36C;
	}	
#secondaryNav li{
	float:right;
	height:35px;
	padding:26px 0 0 10px;	
	}

#profile {
	background:transparent url('/assets/images/ico_profile.gif') left top no-repeat;
	}

#tools {
	background:transparent url('/assets/images/ico_tools.gif') left top no-repeat;
	}

#help {
	background:transparent url('/assets/images/ico_help.gif') top left no-repeat;
	}

/* 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 #4682B4; 
}

.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 #006400; 
}

	
/* Search
--------------------------------------------------------------------
*/

/* Headings
--------------------------------------------------------------------
*/
.hm_minifeature h1 {
	color:#7D9722;
	font:bold 14px verdana, arial, sans-serif;
	margin:5px;
	}

/* Lists
--------------------------------------------------------------------
*/


/* Forms
--------------------------------------------------------------------
*/


/* Links
--------------------------------------------------------------------
*/
.hm_minifeature a {
	color:#369;
	font-weight:bolder;
	}
	
#hm_minifeature a:hover {
	text-decoration:none;
	}

/* Misc
--------------------------------------------------------------------
*/

p {
	margin:15px 10px;
	}
strong {
	font-weight:bold;
	}
	
/*National Savings Page
--------------------------------------------------------------------
/*
/*Tags*/
		
			body {text-align: center; font:12px Verdana; color:#666;}
			strong {font-weight:600;}
			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;}
			

/* IDs */

			/* --- Generic ---*/
			
			#JJJmainContent {margin:10px auto; width:960px; text-align:left;}
			
			#JJJmainFeature {width:725px; position:relative;}	
			#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;}
			
			
			/* --- Discounts Near Me ---*/
			
			#JJJdiscountsNearMe {background:#fff url('images/bg_Discounts.gif') repeat-x; margin-top:4px;}
			#JJJdiscountsNearMe li{border-bottom:#999 1px dotted; width:439px;}		
			#JJJdiscountsNearMe li a{padding:10px 0 0px 10px; display:block; font-size:11px; padding-bottom:5px;}
			#JJJdiscountsNearMe li:hover{background-color:#d9e9f3;}
			#JJJdiscountsNearMe li p{padding:10px 0 10px 10px; display:block; font-size:11px;}
			#JJJdiscountsNearMe a.JJJgreenLink {color:#7d9a56; font-size:10px; margin:10px; display:block;}
			
			#JJJBlueBar {background:transparent url('images/bar_darkBlue.gif') repeat-x; height:32px; font-size: 15px; color:#fff; border:1px solid #5f8ab3;}
			#JJJBlueBar p {padding:5px; font-weight:600;}
			#JJJBlueBar a {float:right; margin:4px 5px;}
			
			#JJJlightBlueBar {background:#fff url('images/bar_lightBlue.gif') repeat-x; font-size: 11px; height:27px; color:#577da2; border:1px solid #c3dfef;}
			#JJJlightBlueBar p {padding:6px; font-weight:600; float:left;}
			#JJJlightBlueBar fieldset{margin:4px 70px 0 0; float:left;}
			#JJJlightBlueBar fieldset select{width:auto; height:16px; font-size:10px; border:1px solid #5f8ab3;}
			
			/* --- Category Box ---- */
		
			
			/*--- Featured Nationwide ---*/
			
			#JJJfeaturedNationwide {width:379px;  border:1px solid #cfcfcf; background:#FFF url('images/header_FeaturedNationwide.gif') top left no-repeat; float:right;}
			#JJJfeaturedNationwide p {padding:45px 0 0 15px;}
			#JJJfeaturedNationwide h2 {color:#5b6d31;}
			#JJJfeaturedNationwide strong {color:#336699;}
			#JJJfeaturedNationwide fieldset{margin-left:10px;}
			
			#JJJfeaturedNationwideHolder a{width:100px; float:left; margin:10px; text-align:center; font-size:10px; color:#000099;}
			#JJJfeaturedNationwideHolder a.JJJgreenLink{width:200px; font-size:11px; height:25px; color:#6d8a3a; margin:15px 0 5px 160px;}
			
			/*---- Nationwide Right Side ----*/
			
			#JJJnationWideRight {width:221px; background:#fff url('images/bg_rightBar.gif') no-repeat top left;}
			#JJJnationWideRight p{padding:20px 0 0 25px;}
			#JJJnationWideRight img{margin:5px 0 5px 35px;}
			
			
			
			#JJJrightGreenBar {width:205px; height:27px; margin-left:9px; border-top:1px solid #96a85e; border-bottom:1px solid #96a85e; background:#fff url('images/bar_darkGreen.gif') repeat-x top left;}
			#JJJrightGreenBar p {padding:6px; color:#44601a; font-weight:bold; text-align:center;}
			
			
			/*---- Search Results ----*/
			
			#JJJblueFeatureTitle{background:#f5f5f5 url('images/bar_lightBlue.gif') repeat-x; margin:10px 0 0 0;}
			#JJJblueFeatureTitle p{padding:13px 0px 10px 10px; color:#336699; font-weight:600; font-size:10px; float:left;}
			#JJJblueFeatureTitle .JJJtitleLink {float:right; margin:0;  padding: 0px; width:350px;}
			#JJJblueFeatureTitle .JJJtitleLink a {float:right; padding:6px 5px 3px 10px; }
			#JJJblueFeatureTitle h2 {padding:8px; margin:0; border:1px solid #c3dfef;}
			#JJJblueFeatureTitle fieldset{margin:4px 0 0 0; width:200px; padding:10px 0 15px 4px;}
			#JJJblueFeatureTitle fieldset select{width:150px; height:16px; border:1px solid #5f8ab3; font-size: 11px;}
			
			#JJJalphabetList{width:430px; float:right; margin:10px 15px 0 0; font-weight:600; font-size:10px;}
			#JJJalphabetList ul{float:right; font-size:10px; margin:5px 0 5px 0;}
			#JJJalphabetList li{float:left; color:#336699; font-size:10px; padding-right:4px;}
			#JJJalphabetList li a {float:left; color:#336699; font-size:10px; padding-right:4px;}
			
		
			/*---- Most Popular ---*/
			
			#JJJmostPopular {margin-bottom:15px;}
			#JJJmostPopular p {padding:12px 0 2px 5px; float:left; }
			#JJJmostPopular h2 {color:#fba205; float:left; }
			#JJJmostPopular ul {padding:10px 0 20px 0; clear:left;} 
			#JJJmostPopular li {list-style-type: none; float:left; margin-bottom:10px;} 
			#JJJmostPopular li a {padding:0 10px 0 10px; height:13px;}
			
			.JJJMostPopularFoot {clear:left; border-bottom:1px dotted #333; margin-top:10px;}
			
			
			/* Default Classes */
			
			.JJJsmallGray{font-size:10px; line-height:14px;}
			.JJJsmallBlue{color:#336699; font-size:10px; line-height:14px;}
			.JJJsmallOrange{color:#ca7a05; font-size:10px; line-height:14px;}
			.JJJsmallOrange a{color:#ca7a05;}
			.JJJblueBoldText {color:#336699; font-size:12px; font-weight:bold;}
			
			.JJJcategoryHead {color:#8ac0e1; font-size:12px; font-weight:bold; height:15px; display:block; margin-left:10px;}
			
			.JJJmediumInput {width:280px; height:21px; border:1px solid #999; margin:8px 0 4px 0;}
			.JJJsmallInput {width:130px; height:17px; margin:5px 0 0 0px; border:1px solid #999; font-size:11px;}
			.JJJlargeInput {width:350px; height:27px; border:1px solid #999; font-size:16px; font-weight:normal; margin:8px 0 6px 0;}
			
			.JJJcategoriesHeader{text-align:center; font-size:18px; color:#fff; font-weight:600; margin:5px 0 25px 0; line-height:25px;}
			
			.JJJcategory{width:250px; height:17px; margin:5px 0 0 0px; text-align:right;}
			
			.JJJgreenLink {color:#61aa7b;  font-weight:600; display:block; margin:5px 0 0px 5px; font-size:14px;}
			.JJJboldOrange {color:#d48e2c;  font-weight:600;}
			
			.JJJcategoryHead {color:#8ac0e1; font-size:12px; font-weight:bold; height:15px; display:block; margin-left:10px;}
			
			.JJJselect{margin:10px; position:relative;}	
			.JJJselect a{padding:0 5px 0 5px;}
			
			.JJJsmall {font-size:10px; margin:10px 0 0 15px; display:block;}
			#JJJfooter {clear: both; text-align:center; padding: 15px; font-size:11px;}
			
			/*getPagination style */
			#searchResultsNum{width:700px; padding:0 10px;}
			#pageNums {display:block; padding:2px 2px 2px 13px;}
			#pageNums a{color:#ccc; margin:2px; text-decoration:none;}
			#pageNums a:hover{color:#fff; margin:2px; text-decoration:underline;}

