/*  

	New and Improved(tm) "It's like Advantage..." stylesheet
	
*/

/*  

	Global styles:
	
		This should contain any style information that is applicable to all elements
		of a given type in a program.  In other words, nothing in this section should
		have a pseudo-class (<element>.<pseudoclass>), or be applied to an id (#<name>)
		
		The exception to this, is that all global form element styles should be contained
		in the "Form Element styles" section that directly follows this section.
		
*/

* {

		margin					:0;
		padding					:0;
}

body {
        font                	: 11px Verdana,Tahoma,Arial;
        background    			: #FFFFFF;
        margin              	: 0px;
        color					: #000000;

		margin-left				: 8px;

		margin-top				: 1px;
}

div {
        float               	: left;
}

img {
		border					: none;
}



/*

	Form Element styles:
	
		This area should specify global style information related to form elements.  No pseudo-classes
		or id references should appear in this section.


*/

td.bottomborder {
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
}

input {
	border			: 1px solid #000000;
}

select {
	border			: 1px solid #000000;
	font-size		: 11px;
}

textarea {
	border			: 1px solid #000000;
	font-size		: 11px;
}

/*

	Link styles:
	
		This area should contain the global style information for link elements (<a>).
		
*/




a.header:active, a.header:link, a.header:visited {

	color		    	: #fff;

	font-weight	    	: 700;

	text-decoration	    : none;

	font-size			: 12px;

}



a.header:hover {

	text-decoration	    	: underline;

	font-size				: 12px;

	color					: #FFFFFF;

}


a:active, a:link, a:visited {
	color		    	: #0000ff;
	font-weight	    	: 200;
	text-decoration	    : underline;
}

a:hover {
	text-decoration	    	: underline;
}




a.leftnav:active, a.leftnav:link, a.leftnav:visited {

	color		    	: #fff;

	font-weight	    	: 700;

	text-decoration	    : none;

}



a.leftnav:hover {

	text-decoration	    	: underline;

}



/*

	Site-shell styles:
	
		This area should contain any styles which are applied to the 'shell' template for a site.
		Typically these are #<id> referenced styles.  They appear in this section, rather than the
		'ID Reference styles' section, because they apply to the actual structure of the site, not
		the more visual presentation aspects.
		
*/

#shell {
	width				: 960px;
/*	Float left aligns the center block to the left, float none + auto margins will center it */
/*      float               	: left; */
        margin-left         	: 0;
        margin-right        	: 0;
        float               	: left;
		border					: none;
}

#left_pane {
	width			: 150px;
	margin-bottom	: 5px;
	background-color	: #FFFFFF;
}

/* this is needed to force the space between the left and right panes in Safari */
#left_center_gutter {
	width			: 10px;
	height			: 100px;
}

#center_pane {
	width			: 940px;
	margin: auto;
	float: none;
	
	
}

#content {
	width: 958px;
	background-color: 	#FFFFFF;
	border-left		: 1px solid #000;
	border-right	: 1px solid #000;


}

#right_pane {
}


/*

	Header styles:
	
		This area should contain styles related only to the header pseudo-class (.header)
		
*/

div.header {
	height          : 152px;
	width			: 960px;
	background		: #FFFFFF;
}


/*

	Footer styles:
	
		This area should contain style related to only the footer pseudo-class (.footer)
		
*/


div.footer {
        text-align          	: center;
		width			: 100%;
		background-color: #FFFFFF;
		padding-bottom: 10px;
		font             	: 9px Verdana, Arial, sans-serif;
		font-weight			: 200;
}

div.footer a:link {
	color            	: #636565! important;
	font             	: 9px Verdana, Arial, sans-serif;
	text-decoration		: none;
	font-weight			: 200;
}

div.footer a:visited {
	color            	: #636565! important;
	font             	: 9px Verdana, Arial, sans-serif;
	text-decoration		: none;
	font-weight			: 200;
	
}

div.footer a:hover {
	color            	: #636565! important;
	font             	: 9px Verdana, Arial, sans-serif;
	text-decoration		: none;
	font-weight			: 200;
}
	
div.footer span {
        color          	: #636565;
        margin          : 0px 5px 0px 5px;
		font            : 9px Verdana, Arial, sans-serif;
}
div.footer img {
		float: none;
		margin: auto;
}

/*

	ID Reference Styles:
	
		The styles in this section should be limited to styles which are applied to an id element.
		These are specified using the #<name> notation.
		
		Only use this type of style for an element which can appear one time on a page.  If an
		element can appear more than once, it should be given a pseudo-class.  This keeps the
		cascading part of CSS happy
		
*/

/*
	List item styles:
	
		This fixes the displaying of list items.
		It will also display orphaned li tags correctly.
*/

#center_pane ol {
	margin-left		: 10px;
	padding-top		: 3px;
	padding-bottom	: 3px;
}

#center_pane ul {
	padding-top		: 3px;
	padding-bottom	: 3px;
}

#center_pane li {
	margin-left		: 18px;
}

/*

	Error and Notice styles:
	
		These two id references coorespond to all 'soft' errors (non-critical) and notices that are
		generated by the application platform.
		
*/

#error {
	background		: url(/asset/global/icons/mid_error.jpg) no-repeat center left; 
	margin-top		: 2px;
	color			: red;
	width			: 540px ! important;
	text-align		: center;
	vertical-align	: middle;
	height			: 30px;
	padding-left	: 25px;
	font-weight		: bold;
}

#notice {
	background      	: url(/asset/global/icons/mid_info.jpg) no-repeat center left;
	color				: #F88614;
	font-weight			: bold;
	margin-top			: 2px;
	margin-bottom   	: 5px;
	width				: 540px ! important;
	text-align      	: center;
	height				: 30px;
	padding-left		: 25px;
	vertical-align		: middle;
}

/*

	Add in your own ID REFERENCED styles in this section.  Please be sure to group them 
	by association, to keep with the conventions in this file.  Also, to help those who
	come behind you, please include comments on what the elements are used for.
	
*/

/* 
    Busy Indicators
   
        Styles for showing a busy indicator
        (Mostly used during AJAX requests)
*/

/* the entire page is waiting to be refreshed */
#search_spinner {
	background: transparent url('/images/loaders/large-circle.gif') no-repeat top center;
	position: absolute;
	display: block;
	z-index: 1;
	top: 200px;
	left: 50%;
	margin-left: 20px;
	width: 100px;
	height: 100px;
}

/*
	Item Descriptions

		Some of the item data we get has html that behaves badly once placed within our
		divs.  These styles are an attempt to fix this.

*/

#item_description {
	margin-top		: 10px;
}

/* this is the color for the category trail's sub categories */
.item_subcategory_trail, .item_subcategory_trail a {
	color:			#666666;
}

/*

	Pseudo-classed styles:
	
		This section contains the most styles of all sections, since this is where you
		can specify your own pseudo-classed CSS elements.  Please take care to group them by
		association, and include comments about where and what the styles are used for.
		
	Alternate color background DIV blocks
	
		These styles refer to the "light" and "dark" blokcs from the older set.  Used for
		rows of data, etc.  Light is for light background with dark text, and dark is for 
		dark background with light text.  NO widths will be defined, this is a coloration
		class only!
*/

.light_block {
	background		: #F8F8F8;
	border			: 0px solid #000000;
	color			: #fac58f;
}

.dark_block {
   	background       : #008265;
	color			: #FFFFFF;
}

.xbrowser_padded_header {
	width			: 100%; 
	line-height		: 17px; 
	text-indent		: 2px; 
	color			: #FFFFFF;
   	background         : #fac58f;
	vertical-align		: middle;
}

.xbrowser_padded_header a {
	color			: #FFFFFF;
	vertical-align		: middle;
}

.text_center {
	text-align		: center;
}

/* This is for image headings */
.heading {
	clear				: both;
	overflow			: hidden;
	width				: 100%;
	text-align			: left;
	background-color	: #E9E2DA; /* should be the same color as the heading image's background */
	border-bottom		: 0px solid #000;
	height				: 20px;
}

/*
	Common line heights for "rows" of data or form fields
		
		These styles control the heights and line-heights of "rows" on divs.  These can
		contain form fields, and can also have dark borders on the top or bottom to
		help make data more readable.
*/

.form_container {
	margin-top		: 5px;
	padding-top		: 5px;
	padding-bottom	: 5px;
}

.form_container_with_header {
	margin-top		: 5px;
	padding-bottom	: 5px;
}

.form_container_with_header .xbrowser_padded_header {
	margin-bottom	: 5px;
}

.form_row {
	height			: 25px;
	float			: left;
	width			: 100%;
	margin-top		: 2px;
	margin-bottom	: 1px;
}

.form_row div {
    line-height		: 20px;
}

/* col1 and col2 become the default form label and field columns */

.form_row div.col1 {
	width			: 150px;
	text-align		: right;
    line-height     : 18px;
}

.form_row div.col2 {
	width			: 300px;
	padding-left	: 5px;
}

.text_row {
	height			: 20px;
	line-height		: 16px;
	float 			: left;	
	width			: 100% ! important;
}

.text_row div.col {
	width			: 50%;
}

.row_background {
	background		: #fff;
	color			: #000;
}

.alt_row_background {
	background		: #eee;
	color			: #000;
}

.dark_bottom_border {
	border-bottom		: 1px solid #000000;
}

/*

	Button classes:
	
		These classes are used on buttons to provide decent image replacements for common buttons
		used throughout the incentive application
		
*/

input.add_to_cart {
	background		:	#CCC url(/images/buttons/add_to_cart.jpg) no-repeat;
	outline			:	none;
	border			:	none;
	height			:	24px;
	width			:	165px;
}

input.add_to_wishlist {
	background		:	#CCC url(/images/buttons/add_to_wishlist.jpg) no-repeat;
	outline			:	none;
	border			:	none;
	height			:	24px;
	width			:	165px;
}

input.advanced_search {
	background		:	#CCC url(/images/buttons/advanced_search.jpg) no-repeat;
	outline			:	none;
	border			:	none;
	height			:	24px;
	width			:	135px;
}

input.begin_checkout {
	background		:	#CCC url(/images/buttons/begin_checkout.jpg) no-repeat;
	outline			:	none;
	border			:	none;
	height			:	24px;
	width			:	125px;
}

input.cancel {
	background		:	#CCC url(/images/buttons/cancel.jpg) no-repeat;
	outline			:	none;
	border			:	none;
	height			:	24px;
	width			:	75px;
}

input.complete_checkout {
	background		:	#CCC url(/images/buttons/complete_checkout.jpg) no-repeat;
	outline			:	none;
	border			:	none;
	height			:	24px;
	width			:	145px;
}

input.continue_checkout {
	background		:	#CCC url(/images/buttons/continue_checkout.jpg) no-repeat;
	outline			:	none;
	border			:	none;
	height			:	24px;
	width			:	145px;
}

input.edit_shipping_address {
	background		:	#CCC url(/images/buttons/edit_shipping_address.jpg) no-repeat;
	outline			:	none;
	border			:	none;
	height			:	24px;
	width			:	165px;
}

input.empty_cart {
	background		:	#CCC url(/images/buttons/empty_cart.jpg) no-repeat;
	outline			:	none;
	border			:	none;
	height			:	24px;
	width			:	100px;
}

input.enter_access_code {
	background		:	#CCC url(/images/buttons/enter_access_code.jpg) no-repeat;
	outline			:	none;
	border			:	none;
	height			:	24px;
	width			:	145px;
}

input.get_password_reminder {
	background		:	#CCC url(/images/buttons/get_password_reminder.jpg) no-repeat;
	outline			:	none;
	border			:	none;
	height			:	24px;
	width			:	170px;
}

input.go {
	background		:	#CCC url(/images/buttons/go_bttn.jpg) no-repeat;
	outline			:	none;
	border			:	none;
	height			:	16px;
	width			:	16px;
}

input.my_account {
	background		:	#CCC url(/images/buttons/my_account.jpg) no-repeat;
	outline			:	none;
	border			:	none;
	height			:	24px;
	width			:	105px;
}

input.order_history {
	background		:	#CCC url(/images/buttons/order_history.jpg) no-repeat;
	outline			:	none;
	border			:	none;
	height			:	24px;
	width			:	115px;
}

input.point_account {
	background		:	#CCC url(/images/buttons/point_account.jpg) no-repeat;
	outline			:	none;
	border			:	none;
	height			:	24px;
	width			:	115px;
}

input.reset {
	background		:	#CCC url(/images/buttons/reset.jpg) no-repeat;
	outline			:	none;
	border			:	none;
	height			:	24px;
	width			:	70px;
}

input.reset_password {
	background		:	#CCC url(/images/buttons/reset_password.jpg) no-repeat;
	outline			:	none;
	height			:	24px;
	border			:	none;
	width			:	130px;
}

input.return_to_cart {
	background		:	#CCC url(/images/buttons/return_to_cart.jpg) no-repeat;
	outline			:	none;
	border			:	none;
	height			:	24px;
	width			:	120px;
}

input.search {
	background		:	#CCC url(/images/buttons/search.jpg) no-repeat;
	outline			:	none;
	border			:	none;
	height			:	24px;
	width			:	75px;
}

input.send_help_request {
	background		:	#CCC url(/images/buttons/send_help_request.jpg) no-repeat;
	outline			:	none;
	border			:	none;
	height			:	24px;
	width			:	145px;
}

input.sign_in {
	background		:	#CCC url(/images/buttons/sign_in.jpg) no-repeat;
	width			:	75px;
	height			:	24px;
	outline			:	none;
	border			:	none;
}

input.sign_out {
	background		:	#CCC url(/images/buttons/sign_out.jpg) no-repeat;
	outline			:	none;
	border			:	none;
	height			:	24px;
	width			:	85px;
}

input.submit {
	background		:	#CCC url(/images/buttons/submit.jpg) no-repeat;
	outline			:	none;
	border			:	none;
	height			:	24px;
	width			:	75px;
}

input.update {
	background		:	#CCC url(/images/buttons/update.jpg) no-repeat;
	outline			:	none;
	border			:	none;
	height			:	24px;
	width			:	75px;
}

input.update_cart {
	background		:	#CCC url(/images/buttons/update_cart.jpg) no-repeat;
	outline			:	none;
	border			:	none;
	height			:	24px;
	width			:	105px;
}

/*

	Headline classes:
	
		These pseudo-classes are used for 'headline' styled elements.  These are used because
		they tend to be more portable (even if more verbose) across browsers.  They don't carry
		the garbage margins that the HTML default <h#> elements do.
		
*/

span.headline {
    font        	: 13pt Verdana, Arial, sans-serif;
    font-weight 	: 700;
}

/*

	Third party component styles:
	
		This section contains all styles related to third-party components that are used
		in the application.  Since these are typically self-contained, these styles are
		exempted from the general conventions of this document.
		
		Commenting guidelines still apply here.  Include the name of the third-party
		component, the URL where the component (and documentation) is available from
		and any other useful information.
		
*/

/*

	Epoch JS styles:
	
		Name	:	Epoch DHTML Javascript Calendar 
		URL		:	http://www.meanfreepath.com/javascript_calendar/index.html
		
		These styles are used for the dynamic calendar controls that we use throughout
		the application.
		
*/

table.calendar {
        font-family             : Verdana, Helvetica, Arial, sans-serif;
        font-size               : 10px;
        border-collapse         : collapse;
        background-color        : white;
        border                  : 1px solid #999999;
        width                   : 200px;
        text-align              : center;
        -moz-user-select        : none;
}

/* keeps the form from being huge on ie... */
table.calendar div {
        width                   : 200px;
}

table.calendar input, table.calendar select {
        font-size               : 10px;
        border                  : 1px solid #1d4a9f;
        background              : #ffffff;
}

table.calendar td {
        border                  : 0;
        font-size               : 10px;
        text-align              : center;
}

div.mainheading {
        width                   : 200px ! important;
        float                   : none;
}

table.caldayheading {
        border-collapse         : collapse;
        cursor                  : pointer;
        empty-cells             : show;
        margin-left             : 6px;
        margin-right            : 6px;
}

table.caldayheading td {
        border                  : solid #CCCCCC 1px;
        text-align              : left;
        color                   : #1d4a9f;
        font-weight             : bold;
        width                   : 22px;
}

table.caldayheading td.wkhead {
        border-right            : double #CCCCCC 3px;
}

table.calcells {
        border-collapse         : collapse;
        cursor                  : pointer;
        margin-left             : 6px;
        margin-right            : 6px;
}

table.calcells td {
        border                  : solid #CCCCCC 1px;
        vertical-align          : top;
        text-align              : left;
        font-weight             : bold;
        width                   : 22px;
        height                  : 20px;
}

table.calcells td {
        padding                 : 1px;
        margin                  : 0px;
}

table.calcells div {
        padding                 : 0px;
        margin                  : 0px;
        float                   : none;
}

table.calcells td.wkhead {
        background-color        : white;
        text-align              : center;
        border-right            : double #CCCCCC 3px;
        color                   : #1d4a9f;
}

table.calcells td.wkday {
        background-color        : #f5f5f5;
}

table.calcells td.wkend {
        background-color        : #f5f5f5;
}

table.calcells td.curdate {
        background-color        : #d1d6df;
}

table.calcells td.cell_selected {
        background-color        : #1d4a9f;
        color                   : white;
}

table.calcells td.notmnth {
        background-color        : #FFFFFF;
        color                   : #CCCCCC;
}

table.calcells td.notallowed {
        background-color        : white;
        color                   : #EEEEEE;
        font-style              : italic;
}

table.calcells td.hover {
        background-color        : #999999;
}


.colFixWrapper {

	padding: 0 10px;

}



/* Navigation */

.topnavCell {text-align: right;
	font-size: 16px;
	background-color :#ffd900;
}

.navTip {

	/* word-wrap fix */

	width: 130px;

	word-wrap: break-word;

	display: inline;

	float: left;

	/* END word-wrap fix */

	padding: 5px;

	font-size: 11px;

	line-height: 14px;

	color: #fff;

}



.navTip p {

	font-size: 11px;

	line-height: 14px;

	color: #fff;	

}



.tipTitle,

.navTip .tipTitle {

	font-size: 12px;

	font-weight: bold;

	color: #fff;

	display: block;

}



.navTip .tipIcon {

	margin: 9px 0;

	display: block;

}



.navTip .tipIcon img {

	border: none;

	display: block;

}



/* Health Home */

.healthHomeIntro {

	margin: 10px 0 20px 0;

}



.healthHomeIntro .thumb {

	margin: 3px 10px 8px 0px;

	float: left;

}



.justForYou {

	width: 274px;

	margin: 20px 0 20px 0;

}



.justForYou .hdr img,

.justForYou .ftr img

{display: block;}



/* Healthy News */

.healthyNewsStory {

	margin: 18px 0;

	border-bottom: 1px dashed #ccc;

}



.healthyNewsStory .majorhead,

.healthyNewsStory .subhead

{

	font-size: 18px;

	line-height: 18px;

}



.healthyNewsStory .story1 {

	width: 45%;

	padding-right: 5%;

	float: left;

	clear: none;

	overflow: hidden;

}



.healthyNewsStory .story2 {

	width: 45%;

	padding-left: 5%;

	float: left;

	clear: none;

	overflow: hidden;

}



.healthyNewsStory .story1 img,

.healthyNewsStory .story2 img

 {

	margin: 9px 0;

	padding: 8px; 

	display: block;

	border: 1px solid #ccc;

}



.healthHighlights img {

	display: block;

}



table.healthHighlights .body {
	
	padding: 0 18px;

}



.healthHighlights {

	width: 274px;

	margin: 20px 0 20px 0;

}



/* Footer */

.pageFooter .footerLinks,

.pageFooter .footerBranding

{

	text-align: center;

}


P { COLOR: #333333;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	FONT-SIZE: 11px;

	FONT-STYLE: normal;

	FONT-WEIGHT: normal;

	LINE-HEIGHT: 1.5em;

	  }



.normal { COLOR: #333333;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	FONT-SIZE: 11px;

	FONT-STYLE: normal;

	FONT-WEIGHT: normal;

	LINE-HEIGHT: 1.5em;

	  }



.boldnormal { COLOR: #333333;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	FONT-SIZE: 11px;

	FONT-STYLE: normal;

	LINE-HEIGHT: 1.5em;

	FONT-WEIGHT: bold }



.boldnormal:hover { COLOR: #666666;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	FONT-STYLE: normal;

	FONT-WEIGHT: bold;

	LINE-HEIGHT: 1.5em;

	 }



.italicnormal { COLOR: #333333;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	FONT-SIZE: 11px;

	FONT-STYLE: italic;

	FONT-WEIGHT: normal;

	LINE-HEIGHT: 1.5em;

	  }



.italicnormal:hover { COLOR: #333333;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	FONT-STYLE: italic;

	FONT-WEIGHT: normal;

	LINE-HEIGHT: 1.5em;

	 ;

	TEXT-DECORATION: underline }



.medtext { FONT-FAMILY: Verdana,Arial,Helvetica;

	FONT-SIZE: 10px;

	 ;

	COLOR: #333333 }



.boldmed { FONT-FAMILY: Verdana,Arial,Helvetica;

	FONT-SIZE: 10px;

	 ;

	COLOR: #333333;

	FONT-WEIGHT: bold }



.bluemedtext { FONT-FAMILY: Verdana,Arial,Helvetica;

	FONT-SIZE: 10px;

	 ;

	COLOR: #336699;

	FONT-WEIGHT: bold }



.boldsmall { FONT-WEIGHT: bold;

	FONT-SIZE: 9px;

	TEXT-TRANSFORM: uppercase;

	COLOR: #993399;

	FONT-WEIGHT: normal;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }



.boldsmallwhite { FONT-WEIGHT: bold;

	FONT-SIZE: 9px;

	TEXT-TRANSFORM: uppercase;

	COLOR: #FFFFFF;

	FONT-WEIGHT: normal;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }

 		

.smalltext { FONT-SIZE: 9px;

	TEXT-TRANSFORM: uppercase;

	COLOR: #993399;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }



.smalltext:hover { COLOR: #6699cc;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	FONT-WEIGHT: normal;

	TEXT-TRANSFORM: uppercase }

 

.graysmalltext { COLOR: #999999;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	FONT-SIZE: 9px;

	FONT-STYLE: normal;

	FONT-WEIGHT: normal;

	LINE-HEIGHT: 1.5em;

	  }



.graysmalltext:hover { COLOR: #666666;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	FONT-STYLE: normal;

	FONT-WEIGHT: normal;

	LINE-HEIGHT: 1.5em;

	  }



.graysmallsuper { COLOR : GRAY;

	FONT : 8px Verdana,Arial,Helvetica;

	VERTICAL-ALIGN : Super }



.bluesmalltext { FONT-WEIGHT: bold;

	FONT-SIZE: 9px;

	TEXT-TRANSFORM: uppercase;

	COLOR: #000099;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }



.smstrike { FONT : 9px Verdana,Arial,Helvetica ;

	FONT-WEIGHT: bold;

	text-decoration:line-through } 

	

.smstrike:hover {

		FONT-WEIGHT: bold;

	text-decoration:line-through } 



.retailprice { FONT : 10px Verdana,Arial,Helvetica ;

	COLOR : RED;

	text-decoration:line-through } 



.smnolink { FONT : 9px Verdana,Arial,Helvetica ;

	FONT-WEIGHT: bold;

	text-decoration:none } 

	

.smnolink:hover {

	FONT-WEIGHT: bold;

	text-decoration:underline } 



.dateline { 
	
	COLOR: white;
	position: relative;
	bottom: -32px; } 



.topnav { 
	
	} 

.topnav a {
	
	COLOR : #0066CB;
	
	} 


.majorhead { COLOR: #666666;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	FONT-SIZE: 18px;

	FONT-STYLE: normal;

	FONT-WEIGHT: 100;

	LINE-HEIGHT: 1.5em;

	PADDING-TOP: 10px;

	TEXT-DECORATION: none;

	TOP: 15pt }



.subhead { COLOR: #339900;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	FONT-SIZE: 15px;

	FONT-STYLE: normal;

	FONT-WEIGHT: bold;

	LINE-HEIGHT: 1.5em;

	TOP: 5px }



.majorhead:hover { COLOR: #666666;

FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	FONT-STYLE: normal;

	FONT-WEIGHT: 100;

	LINE-HEIGHT: 1.5em;

	PADDING-TOP: 10px;

	 ;

	TEXT-DECORATION: underline;

	TOP: 15pt }






LI { 

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	FONT-SIZE: 11px;

	FONT-STYLE: normal;

	FONT-WEIGHT: normal;

	LINE-HEIGHT: 1.5em;

	  }

	  
 

TD {font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px}

 

TH { font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px }



A { COLOR: # 000099;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	FONT-SIZE: 11px;

	FONT-STYLE: normal;

	FONT-WEIGHT: normal;


	  }



A:hover { COLOR: # 336699; 

        FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 

        FONT-STYLE: normal; 

        FONT-WEIGHT: normal; 

        LINE-HEIGHT: 1.5em; 

          } 

        

H3 { COLOR: #666666;

FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	FONT-SIZE: 18px;

	FONT-STYLE: normal;

	FONT-WEIGHT: bold;

	LINE-HEIGHT: 1.5em;

	PADDING-TOP: 10px;

	TOP: 15pt }

 

H4 { COLOR: #339900;

FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

FONT-SIZE: 14px;

FONT-STYLE: normal;

FONT-WEIGHT: bold;

LINE-HEIGHT: 1.5em;

TOP: 5px }



.title { COLOR: #666666;

FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	FONT-SIZE: 18px;

	FONT-STYLE: normal;

	FONT-WEIGHT: 100;

	LINE-HEIGHT: 1.5em;

	PADDING-TOP: 10px;

	 ;

	TEXT-DECORATION: none;

	TOP: 15pt }



.subtitle { COLOR: #339900;

FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

FONT-SIZE: 14px;

FONT-STYLE: normal;

FONT-WEIGHT: bold;

LINE-HEIGHT: 1.5em;

TOP: 5px }



.subtitle:hover { COLOR: #339900;

FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

FONT-STYLE: normal;

FONT-WEIGHT: bold;

LINE-HEIGHT: 1.5em;

TEXT-DECORATION: underline

TOP: 5px }



.subsubtitle { COLOR: #339900;

FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

FONT-SIZE: 12px;

FONT-STYLE: normal;

FONT-WEIGHT: bold;

LINE-HEIGHT: 1.5em;

 ;

 TOP: 3px }



.subtitleblue { COLOR: #336699;

FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

FONT-SIZE: 14px;

FONT-STYLE: normal;

FONT-WEIGHT: bold;

LINE-HEIGHT: 1.5em;

TOP: 5px; }



.boldpurple { COLOR: #683a50;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	FONT-SIZE: 11px;

	FONT-STYLE: normal;

	FONT-WEIGHT: normal;

	LINE-HEIGHT: 1.5em;

	FONT-WEIGHT: bold; }



.statustext { FONT-FAMILY: Verdana,Arial,Helvetica;

	FONT-SIZE: 10px;

	COLOR: #333333;

	FONT-WEIGHT: bold; }



a.navi { FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	FONT-SIZE: 12px;

	FONT-WEIGHT: normal;

	FONT-STYLE: normal;

	padding-right: 7px;

	text-decoration : none;

	text-align : center;

	cursor: hand;

	}

	

a.navi:hover { FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	FONT-WEIGHT: normal;

	FONT-STYLE: normal;

	text-decoration : none;

	text-align : center;

	COLOR: #fff;

	cursor: hand;

	}



.navtext { text-decoration: none;

	color:#FFFFFF;

	font-family:Verdana, Helvetica, sans-serif;

	font-size:9px;

	}



.main { FONT-FAMILY: Univers, Verdana, Arial, Helvetica, sans-serif;
	FONT-WEIGHT: bold;

	FONT-SIZE: 12px;

	FONT-STYLE: normal;

	PADDING-LEFT: 3px;

	TEXT-DECORATION: none;

	TOP: 5px;

	}

	

.sub { CURSOR: hand;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	FONT-SIZE: 12px;

	FONT-STYLE: normal;

	FONT-WEIGHT: normal;

	LINE-HEIGHT: 1.5em;

	TEXT-DECORATION: underline;

	}



	



.lightcolor{background: #99CCFF}

.mediumcolor{background: #6699CC}

.darkcolor{background: #008265}

.verylight{background: #CEEAE4}
		
.orange	{background: #ff6600}


table.users { margin: 1em 0; border-collapse: collapse; width: 800px; }
		table.users th { padding: .6em 10px; color: #008265; }
		table.users td { padding: .6em 10px; }



table.other { margin: 1em 0; border-collapse: collapse; width: 800px; }
		table.other th { padding: .1em 1px; color: #008265; }
		table.other td { padding: .1em 1px; }




/* start the summary page styles here */


/* USAA Rewards/Healthy Points Planner*/

/* Cleared Floats */

.plan:after

{

	clear: both;

	content: '.';

	display: block;

	visibility: hidden;

	height: 0;

}



.plan

{display: inline-block;}



* html .plan

{height: 1%;}



.plan

{display: block;}

/* END Cleared Floats */



.rewards_planner .plan {

	margin: 0 0 17px 0;

	padding: 0 10px 0 20px;

	border-bottom: 1px dashed #ccc;

	line-height: 18px;

}



p,

table,

td,

ol,

ul,

li,

a

{

	line-height: 18px;

}

.rewards_planner {
	margin-bottom: 10px;
}

.rewards_planner .featured {

	border: 1px solid #ccc;

}



/* Description */

.rewards_planner h5 {

	margin: 18px 0 10px 0;

	padding: 0;

	font-size: 14px;

	font-weight: bold;

	color: #008265;

	clear: left;

}

a.title:active, a.title:link, a.title:visited {

	margin: 18px 0 10px 0;

	padding: 0;

	font-size: 14px;

	font-weight: bold;

	color: #008265;

	clear: left;

}

a.title:hover {

	margin: 18px 0 10px 0;

	padding: 0;

	font-size: 14px;

	font-weight: bold;

	color: #008265;

	clear: left;

}




.rewards_planner h6 {

	margin: 0 18px 10px 0;

	padding: 0;

	font-size: 12px;

	font-weight: bold;

	color: #008265;

	clear: left;

}



.rewards_planner ol,

.rewards_planner ul

{

	clear: left;

}



/* Subplan */

.rewards_planner ul.subplan {

	margin: 0 0 18px 0;

	padding: 0;

	border: 0;

	list-style-type: none;

}



.rewards_planner ul.subplan li {

	margin: 0;

	padding: 0;

}



.rewards_planner ul.subplan li .reward {

	font-weight: bold;

}



.rewards_planner table.subplan {

	margin: 0 0 18px 0;

	padding: 0;

	clear: left;

}



.rewards_planner table.subplan caption {

	margin: 0 18px 10px 0;

	padding: 0;

	font-size: 12px;

	font-weight: bold;

	color: #008265;

	text-align: left;

}



.rewards_planner table.subplan td {

	padding: 0 18px 0 0;

}



.rewards_planner table.subplan td.reward {

	font-weight: bold;

}



.rewards_planner h5 a {font-size: 14px; font-weight: bold; color: #008265;}

.rewards_planner h5 a:link {font-size: 14px; font-weight: bold; color: #008265;}

.rewards_planner h5 a:visited {font-size: 14px; font-weight: bold; color: #008265;}

.rewards_planner h5 a:hover {font-size: 14px; font-weight: bold; color: #008265;}

.rewards_planner h5 a:active {font-size: 14px; font-weight: bold; color: #008265;}



.rewards_planner .plan .notice {

	font-size: 12px;

	font-weight: bold;

	color: #cc0000;

}



.rewards_planner .plan .note {

	padding: 4px 0 5px 0;

}



.rewards_planner .plan .thumb {

	margin: 3px 18px 13px 0;

	border: 1px solid #ccc;

	float: left;

}



/* Details */

.rewards_planner .details {

	width: 30%;

	margin: 0 0 0 20px;

	float: right;

}



.rewards_planner .featured .details {

	margin: 18px 0 0 20px;

}



.rewards_planner .detail {

	margin: 0 10px 16px 10px;

	border: 1px solid #ccc;

	background-color: #fff;
	
	width: 175px;
	
}



.rewards_planner .detail .head {

	padding: 9px 0px 9px 0px;
	
	width: 175px;

}



.rewards_planner .detail .head h6 {

	margin: 0;

	padding: 0;

	font-size: 13px;

	font-weight: bold;

	color: #fff;

}



.rewards_planner .detail .subhead {

	font-size: 10px;

	font-weight: bold;

	color: #eee;

}

.rewards_planner p {

	margin: 0;
	
	width: 100%;

}

.rewards_planner .detail p {

	margin: 0;

	padding: 9px 5px;
	
	width: 174px;

}

.rewards_planner .detail .max {

	font-size: 16px;

	font-weight: bold;

	color: #ff6600;

}
/* 

	End of new stylesheet format.  Everything below this comment is historical, deprecated, and should be 
	removed from the templates and the system, and replaced with more clear and concise styles.  It is 
	left in here to support the transition from the old style to the new style, but the end goal is that
	everything below here is gone, and moved to where it belongs, or outright removed from the system.
	
*/