


/*************************************************************************************************/	
/* generic element settings */
/*************************************************************************************************/	

/* generic text style */
body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #003481;
}
a, h2, div, ul, .copy, .footer-copy, .main-nav-content, br
	{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#003481;
	font-size: 100%;
	text-decoration: none	
	}
.copy {
	COLOR: #003481; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 65%;
}
h1
	{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:135%;	
	color:#003481;	
	}

/* data table */	
.first-col, .mid-col, .last-col
	{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 65%;
	}	
td.first-col, td.mid-col, td.last-col	
	{
	color:#003481;		
	}				
.first-col
	{
	border-left-style:solid;
	border-left-width:1px;	
	padding-top:2px;padding-bottom:2px;
	padding-left:7px;padding-right:8px;	
	}
.mid-col
	{
	padding-top:2px;padding-bottom:2px;
	padding-left:7px;padding-right:8px;
	}
.last-col
	{
	border-right-style:solid;
	border-right-width:1px;	
	padding-top:2px;padding-bottom:2px;	
	padding-left:7px;padding-right:8px;
	}			
		
/* header tags */			
.int-hdr {
	font-family: Rotis Sans Serif Bold;
	color: #ee7517;
	font-size: 20;
}
h1 {
	margin-top:30px;
	margin-bottom:0px;
	}
	
.graphic-heading h1
	{
	display:inline;
	}
			
h2 {
	font-size:65%;
	margin-top:16px;
	margin-bottom:-2px;
	}	

.homepage-content h2
	{
	display:inline;
	}
.footer-copy {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 65%;
	COLOR: #003481; 
}
	
/* paragraph */	
p  {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 65%;
	color: #003481; 
	margin-top:17px;
	margin-bottom:0px;
	}
p.h1 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#003481;
}

.homepage-content p
	{
	line-height:17px;
	}
	
.intro-copy p
	{
	line-height:17px;
	margin-top:0px
	}
	
.xbox-copy p
	{
	margin-top:0px;
	margin-bottom:5px;
	} 
	
.marketing-message p
	{
	font-family:Helvetica,Arial,sans-serif;
	font-size:20px;
	margin-top:0px;	
	}	

	
/* anchor tag */	
a  {
	text-decoration:none;
	color:#ee7517;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none
	}	

h2 a 
	{
	color:#003481;
	}	
	
h2 a:hover 
	{
	color:#ee7517;
	}	

.footer-copy a {
	color:#003481;
	}
.footer-copy a:hover {
	color:#ee7517;
	}
	
		
/* list */	
ul {
	list-style-type:square;
	font-size:65%;
	}

	
/* page rule */	
hr {
	color:#ccd6e6;
	margin-top:0px;margin-bottom:0px;
	width:100%;
	background-color:#ccd6e6;
	border-style:none;	
	}	

.homepage-content hr 
	{
	margin-top:14px;
	margin-bottom:12px;	
	}


/* form and form elements */	
form {display:inline;}		
		
label 
	{
	font-weight:bold;
	}
	
input 
	{
	color:#000000;
	}	

.short-field input
	{
	width:78px;
	}
	
.long-field input
	{
	width:227px;
	}
	
textarea 
	{
	color:#000000;
	}
	
.long-field textarea
	{
	width:227px;
	}	
	
/*************************************************************************************************/			
/* class specific element settings */
/*************************************************************************************************/			

/* CC Web Team styles */

.pri-palette-Blue {
	BACKGROUND-COLOR: #003481
}
.pri-palette-Orange {
	BACKGROUND-COLOR:#EE7517
}
.sec-palette-2-bg {        /* SECTION SPECIFIC - retailer style is default */
	BACKGROUND-COLOR:#CCD6E6
}

/* End of CC Web Team styles */


.hdr-bar {margin-top:20px;}
.hdr-bar td h2 
	{	
	display:inline;
	margin-left:6px;		
	font-weight:bold;	
	vertical-align:middle;		
	}
	
/* THIS STYLE HAD BEEN MISSED OUT OF "FINAL" CSS */

.lhs-tout-box-hdr-bar TD H2 
	{
	DISPLAY: inline; 
	FONT-WEIGHT: bold; 
	MARGIN-LEFT: 6px; 
	VERTICAL-ALIGN: middle
	}		
	
.link-bar td div 
	{
	color:#ee7517;
	font-weight:bold;
	padding-left:6px;
	}
	
.form-box
	 {
	 margin-top:20px;
	 max-width:300px;
	 }	
	
/* SECTION SPECIFIC - basic feature box styles */	
.feature-box-rhs {background-repeat:repeat-y;}
.feature-box-lhs {background-repeat:repeat-y;}						
.feature-box-bot {background-repeat:repeat-x;}
.feature-box-rhs-bot {background-repeat:no-repeat;}
.feature-box-lhs-bot {background-repeat:no-repeat;}					

/* tout-box */
.tout-box 
	{
	margin-top:20px;
	}
.tout-box-content 
	{
	padding-right:4px;padding-left:4px;
	}
.tout-box-content h2
	{
	margin-top:0px;margin-bottom:15px;
	}
.tout-box-content p
	{
	margin-top:0px;margin-bottom:13px;
	}
	
/* STYLEs THAT WEREN'T IN SUPPOSEDLY FINAL CSS */

.lhs-tout-box-hdr-bar {
	BACKGROUND-COLOR: #ffe0b3; COLOR: #ee7517; MARGIN-TOP: 20px
}
.lhs-tout-box-hdr-bar-glyph {
	BACKGROUND-COLOR: #ee7517
}
.lhs-tout-box {
	MARGIN-TOP: 0px
}
.lhs-tout-box .lhs-tout-box-content {
	BORDER-BOTTOM: #ffe0b3 1px solid; BORDER-LEFT: #ffe0b3 1px solid; BORDER-RIGHT: #ffe0b3 1px solid; PADDING-LEFT: 7px; PADDING-RIGHT: 7px
}
.lhs-tout-box .lhs-tout-box-content P {
	MARGIN-BOTTOM: 8px; MARGIN-TOP: 7px
}
.lhs-tout-box .lhs-tout-box-final .lhs-tout-box-content {
	BORDER-BOTTOM-WIDTH: 0px
}
.lhs-tout-box .lhs-tout-box-final .lhs-tout-box-content P {
	MARGIN-BOTTOM: 8px; MARGIN-TOP: 7px
}
.lhs-tout-box-rhs-bot {
	BACKGROUND-IMAGE: url('/ComfortCardConsumer/Forms/Images/general/consumer/feature_box_rhs_bot.gif')
}
.lhs-tout-box-lhs-bot {
	BACKGROUND-IMAGE: url('/ComfortCardConsumer/Forms/Images/general/consumer/feature_box_lhs_bot.gif') 
}
.lhs-tout-box-bot {
	BACKGROUND-IMAGE: url('/ComfortCardConsumer/Forms/Images/general/consumer/feature_box_bot.gif') 
}
	

/* top nav bar */
.top-nav div 
	{
	padding-right:5px;
	}
.top-nav-selected div 
	{
	padding-right:5px;
	}
.top-nav .topNavArrowLink-default div 
	{
	color:#003481;
	}
.top-nav .topNavArrowLink-over div
	{
	color:#ee7517;
	}
.top-nav .topNavItemLink-default a 
	{
	color:#7F99C0;
	font-size:65%;
	}
.top-nav .topNavItemLink-over a 
	{
	color:#ee7517;
	font-size:65%;
	}
.top-nav-selected .topNavArrowLink-default div 
	{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:65%;
	color:#ee7517;
	}
.top-nav-selected .topNavItemLink-default 
	{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:65%;
	color:#ee7517;
	}

/*************************************************************************************************/	
/*************************************************************************************************/	
/* panel links */
/*************************************************************************************************/	
/*************************************************************************************************/	
.panel-link01-default 
	{
	border:1px solid #ee7517; padding-left:6px; padding-right:6px;	
	background-color:#ee7517
	}
.panel-link01-over
	{
	border:1px solid #003481; padding-left:6px; padding-right:6px;	 		
	background-color:#ee7517
	}		
.panel-link01-default a {color:#ffffff;font-weight:bold;}		
.panel-link01-over	   a {color:#ffffff;font-weight:bold;}			 	

.panel-link02-default 
	{
	border:1px solid #ee7517; padding-left:6px; padding-right:6px;	
				
	}
.panel-link02-over	  
	{
	border:1px solid #003481; padding-left:6px; padding-right:6px;		 		
				
	}	
.panel-link02-default a {color:#003481;font-weight:bold;}		
.panel-link02-over	   a {color:#003481;font-weight:bold;}	

.panel-link03-default 
	{
	border:1px solid #ccd6e6; padding-left:6px; padding-right:6px;	
	background-color:#ccd6e6			
	}
.panel-link03-over
	{
	border:1px solid #003481; padding-left:6px; padding-right:6px;	
	background-color:#ccd6e6			
	}	
.panel-link03-default a {color:#003481;font-weight:bold;}		
.panel-link03-over	   a {color:#003481;font-weight:bold;}	

.panel-link04-default 
	{
	border:1px solid #ccd6e6; padding-left:6px; padding-right:6px;	
						
	}
.panel-link04-over	   
	{
	border:1px solid #003481; padding-left:6px; padding-right:6px;	
						
	}	
.panel-link04-default a {color:#003481;font-weight:bold;}		
.panel-link04-over	   a {color:#003481;font-weight:bold;}	
/*************************************************************************************************/	
/*************************************************************************************************/	
		

/*************************************************************************************************/	
/*************************************************************************************************/			
/* main nav */
/*************************************************************************************************/	
/*************************************************************************************************/			
.main-nav-bg 	/* SECTION SPECIFIC - retailer style is default */
	{
	background-image:url('/ComfortCardConsumer/Forms/Images/navs/main_nav_bg_retailer.gif');		
	background-repeat:repeat-Y
	}	
	
/* main-nav-content */	
.main-nav-content
	{
	border-left:1px solid #003481; font-weight:bold;	
			
	}	
.main-nav-content a 
	{
	color:#ffffff;
	width:100%;	
	}	
.main-nav-content a.hover {width:100%;}	
.main-nav-content a:hover {width:100%;}

/* main-nav-glyph */	
.main-nav-glyph	
	{
	background-color:#ffffff;
	} 
		
/* main-nav-bottom */
.main-nav-bottom 
	{
	background-color:#003481;
	}	

	
/* level 1 - main-nav-content */	
.main-nav-l1 .main-nav-item .main-nav-content
	{
	background-image:url('/ComfortCardConsumer/Forms/Images/navs/main_nav_item_bg.jpg'); background-repeat:repeat-y;
	border-right:1px solid #003481;
	cursor:hand
	}
.main-nav-l1 .main-nav-item .main-nav-content a:hover
	{
	color:#ee7517;
	}
.main-nav-l1 .main-nav-item .main-nav-content a.hover
	{
	color:#ee7517;
	}			
.main-nav-l1 .main-nav-selected .main-nav-content		
	{
	border-right:1px solid #ee7517; color:#ffffff;
	background-color:#ee7517	
	}
.main-nav-l1 .main-nav-child-menu .main-nav-content		
	{
	border-right:1px solid #ee7517; color:#ffffff;
	background-color:#ee7517	
	}	
		
/* level 1 - main-nav-arrow */
.main-nav-l1 .main-nav-selected .main-nav-arrow	
	{
	background-image:url('/ComfortCardConsumer/Forms/Images/navs/main_nav_arrow_selected.gif');		
	background-repeat:no-repeat	
	}	
.main-nav-l1 .main-nav-child-menu .main-nav-arrow	
	{
	background-image:url('/ComfortCardConsumer/Forms/Images/navs/main_nav_arrow_childmenu.gif');		
	background-repeat:no-repeat	
	}		

/* level 1 - main-nav-arrow-over */	
.main-nav-l1 .main-nav-arrow-over
	{
	background-image:url('/ComfortCardConsumer/Forms/Images/navs/main_nav_arrow_over.gif');		
	background-repeat:no-repeat		
	}	
	
/* level 1 - main-nav-spacer */	
.main-nav-l1 .main-nav-item .main-nav-spacer
	{
	border-right:1px solid #003481; background-image:url('/ComfortCardConsumer/Forms/Images/navs/main_nav_item_bg.jpg');	
			
	}			
	
/* level 2 - main-nav-content */	
.main-nav-l2 .main-nav-item .main-nav-content 
	{
	background-color:#4c71a7;
	cursor:hand;
	}
.main-nav-l2 .main-nav-item .main-nav-content a:hover
	{	
	color:#f39e5c;
	}	
.main-nav-l2 .main-nav-item .main-nav-content a.hover
	{
	color:#f39e5c;
	}		
.main-nav-l2 .main-nav-selected .main-nav-content		
	{
	border-right:1px solid #f39e5c; color:#003481;
	background-color:#f39e5c;
			
	}
	
/* level 2 - main-nav-spacer */	
.main-nav-l2 .main-nav-item .main-nav-spacer
	{
	border-left:1px solid #003481; background-color:#ee7517	
	}

/*************************************************************************************************/	
/*************************************************************************************************/		

/*************************************************************************************************/	
/*************************************************************************************************/		
/* left nav */
/*************************************************************************************************/	
/*************************************************************************************************/	
.arrowlink-default a 
	{
	color:#ee7517;
	font-weight:bold;
	}
.arrowlink-default a:hover 
	{
	color:#003481;
	font-weight:bold;
	}	
.arrowlink-over a	  
	{
	color:#003481;
	font-weight:bold;
	}

.left-nav-item 
	{
	margin-top:9px;
	}	
.left-nav-item td div 	
	{
	color:#ee7517;
	font-weight:bold;
	padding-right:4px;
	}		
.left-nav-item-rule hr 
	{
	color:#ffe0b3;
	background-color:#ffe0b3;
	margin-top:-4px;
	}
	
.section-link-rule hr 
	{
	color:#ccd6e6;
	background-color:#ccd6e6;
	margin-top:-6px;
	}

.section-link a 
	{
	color:#003481;
	font-weight:bold;
	}	
.section-link a:hover 
	{
	color:#ee7517;
	font-weight:bold;
	}	
/*************************************************************************************************/	
/*************************************************************************************************/			

/* lang selection */	
.lang-option-list hr {color:#ffdfb2;background-color:#ffdfb2;margin-top:5px;margin-bottom:0px;}
.lang-option hr {color:#ccd6e6;margin-top:0px;margin-bottom:5px;}
.lang-option h2{display:inline;}	

/* para-link */
.para-link td div {color:#ee7517;font-weight:bold;padding-right:4px;}
.para-link td a {color:#ee7517;font-weight:bold;}
.para-link td a:hover {color:#003481;font-weight:bold;}

/* body-link */
.body-link{margin-top:16px;}
.body-link td div {color:#ee7517;font-weight:bold;padding-right:4px;}
.body-link td a {color:#ee7517;font-weight:bold;}
.body-link td a:hover {color:#003481;font-weight:bold;}


/*************************************************************************************************/	
/*************************************************************************************************/	
/* expandable content - see faqs page */
/*************************************************************************************************/	
/*************************************************************************************************/	
.expand-link-box-expanded 
	{
	margin-top:10px;
	margin-bottom:10px;
	}

.expand-link-box-collapsed 
	{
	margin-top:10px;
	margin-bottom:10px;
	}

.expand-box {margin-top:10px;}

.expand-link {cursor:hand;}
	
.expand-link-arrow 
	{
	background-repeat:no-repeat;
	background-image:url('/ComfortCardConsumer/Forms/Images/xbox-default.gif');	
	}

.expand-link-default, .expand-link-over
	{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;	
	}
	
/* expanded rules - expand-link-arrow */
.expand-link-box-expanded .expand-link .expand-link-item .expand-link-arrow 
	{
	background-image:url('/ComfortCardConsumer/Forms/Images/general/xbox-selected.gif');
	}

/* expanded rules - expand-link-default */	
.expand-link-box-expanded .expand-link .expand-link-item .expand-link-default 
	{
	color:#003481
	};	

/* expanded rules - expand-link-over */
.expand-link-box-expanded .expand-link .expand-link-item .expand-link-over 
	{
	color:#ee7517
	};

/* collapsed rules - expand-link-arrow */
.expand-link-box-collapsed .expand-link .expand-link-item .expand-link-arrow 
	{
	background-image:url('/ComfortCardConsumer/Forms/Images/general/xbox-default.gif');
	}

/* collapsed rules - expand-link-default */	
.expand-link-box-collapsed .expand-link .expand-link-item .expand-link-default 
	{
	color:#ee7517;
	}

/* collapsed rules - expand-link-over */		
.expand-link-box-collapsed .expand-link .expand-link-item .expand-link-over 
	{
	color:#003481;
	}
/*************************************************************************************************/	
/*************************************************************************************************/	
