body
{
	padding:0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background-color:#999999;
}
body#gc {
    background-color:#ffffff !important;
    margin-top: 20px;
}
form
{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
/*filter workaround for drop down glitch*/
div#body
{
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#999999' ,endColorStr='#E8E8E8' );
	height:100%;
	width:100%;
}
.transparent
{
	filter:alpha(opacity=0);
	opacity:0;
	-moz-opacity:0;
}
body, p, div, td, li
{
	FONT-SIZE: 12px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	line-height:1.35;
	COLOR: #A19577;
}
p
{
	margin: 5px 10px 10px 3px;
}

#pageContainer,
#pageContainerLite,
#gcPageContainer
{
	border: #999 1px solid;
	width:900px;
	background-color:#fff;
	text-align:left;
}
#gcPageContainer
{
    width:650px;
    border: #ccc 3px dashed;
}
#gcBottom {
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFFFFF' ,endColorStr='#9d9fda' );
    height:100px;
    padding:10px;
}

div#header
{
    clear: both;
    width: 100%;
    margin:0px;
}

div#headerLogo
{
	float:left;
	clear:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div#headerRight
{
	clear:right;
	float:right;
	text-align:right;
	line-height:100%;
	margin: 0px -2px 0px 0px;
	padding: 0px 0px 0px 0px;
	border:0px;
}
div#pageContent,
div#gcPageContent
{
	padding: 0px 0px 0px 0px;
	margin: 10px 10px 20px 15px;
	width:97%;
}
#pageContentLite
{
	padding: 0px 20px 20px 20px;
	margin: 0px 15px 20px 15px;
	text-align:left;
}

#pageContentGloss
{
	border: #999 1px solid;
	background-color:#fff;
	padding:  0px 10px 20px 10px;
	margin: 0px 0px 0px 0px;
	text-align:left;
    height:100%;
	
}
div#rightNav
{
	padding: 0px 0px 0px 0px;
    margin: 0px 5px 0px 0px;
    width:140px;
    text-align:center;
	clear:right;
	float:right;
}
#rightNav #search
{
	border: 1px #ccc solid;
	text-align:left;
	background-color: #E0E8EF;
	padding: 5px 3px 5px 3px;
	margin: 10px 0px 10px 0px;
}
#rightNav #search input.button
{
	padding: 2px 6px 2px 0px;
	font-weight:bold;
	background-color:#016698;
	color:#fff;
	font-size:11px;
	margin-left:85px;
	text-align:right;
}
#rightNav input
{
	font-size:10px;
}
#rightNav h4
{
    FONT-SIZE: 10px;
    color:#016698;
    margin-bottom:7px;
}
#rightNav #search h4
{
	position:relative;
	background-image:url(/images/css/search.gif);
	background-repeat:no-repeat;
	padding-left:20px;
}
#rightNav a,
#rightNav a:visited
{
    MARGIN: 0px;
    CURSOR: pointer;
    COLOR: #000;
    FONT-SIZE:10px;
}
#rightNav a:hover
{
    COLOR: #006699;
    Text-decoration:none;
}
.textInfo
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: #000066
}
.textSmall
{
	FONT-SIZE: 85%;
}

#footer
{
	height:20px;
	width:100%;
	background-color:#CACDB5;
    clear:both;
    padding: 3px 0px 3px 0px;
    margin: 0px 0px 0px 0px;
}

#footer a
{
    COLOR: #666;
    font-size:10px;
}
#footer div.footerLeft
{
	clear:left;
	float:left;
	width:49%;
	vertical-align:middle;
	text-align:left;
    COLOR: #666;
    FONT-SIZE:10px;
    margin-left:3px;
    padding: 3px 0px 0px 0px;
}

#footer div.footerRight
{
	vertical-align:middle;
	clear:right;
	float:right;
	width:49%;
	height:100%;
	COLOR: #666;
    FONT-SIZE:10px;
    margin-right:3px;
    text-align:right;
}

.footerRight ul
{
	padding: 0px 0px 5px 0px;
}

.footerRight li
{
	padding: 0px 4px 0px 4px;
    DISPLAY: inline;
    margin: 0px;
    BORDER-LEFT: #666 1px solid;
    list-style-type: none
}

.footerRight li.first
{
    BORDER-LEFT: medium none
}
h1,
h1 a#h1Link
{
	width:590px;
    FONT-SIZE: 18px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    COLOR: #A19577;
    LETTER-SPACING: 1pt;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    text-decoration:none
}
#gcPageContent h1 {
    FONT-SIZE: 28px;
}
h2
{
    FONT-SIZE: 14px;
    MARGIN:  5px 0px 0px 0px;
    COLOR: #A19577;
    LETTER-SPACING: .05em;
    padding: 3px 0px 5px 0px;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
h3
{
    FONT-SIZE: 12px;
    MARGIN: 0px 0px 0px 0px;
    COLOR: #A19577;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    LETTER-SPACING: .02em;
}
#intro h3.bullet
{
	padding-top:2px;
    PADDING-LEFT: 20px;
    BACKGROUND:  URL(../images/css/h3_arrow.gif) no-repeat 3px;
    MARGIN-BOTTOM: 0px;
    LINE-HEIGHT: 1.5em;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
h4
{
    FONT-SIZE: 12px;
    MARGIN: 1px;
    COLOR: #016698;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}

h4.footer
{
	margin-top:30px;
	padding: 3px 0px 0px 0px;
	BORDER-TOP: #ccc 1px solid;
}

.inline
{
	display:inline;
}

ul, ol
{
	margin-top:0px;
	margin-bottom:0px;
	FONT-SIZE: 12px;
}


ul li
{
	list-style: square;
}

.noindent
{
	margin-left:20px;
	text-indent:0px;
	padding:0px;
}

a,
a:visited,
a:visited.novisited,
a:hover
{
    COLOR: #009;
    CURSOR: pointer;
    TEXT-DECORATION: underline;
}

a:visited
{
    COLOR: #016698;
}
a:hover
{
    COLOR: #69c;
}

a img.defaultBorder,
a img.defaultBorder:hover
{
	border:#DCDCB9 1px solid;
	margin: 2px 2px 2px 0px;
}

.linkSmall
{
    FONT-SIZE: 10px;
}

.messageError,
.messageInfo, 
.messageWarn
{
	FONT-SIZE: 11px;
	display:list-item;
	list-style-type:none;
	font-weight:bold;
}

.messageErrorPage,
.messageInfoPage, 
.messageWarnPage
{
	FONT-SIZE: 11px;
	font-weight:bold;
    WIDTH: 100%;
}
.messageError,
.messageErrorPage
{
    COLOR: red;
}

.messageInfo,
.messageInfoPage
{
    COLOR: green;
}

.messageWarn,
.messageWarnPage
{
    COLOR: #EE8800;
}

.textSubdued
{
    FONT-WEIGHT: bold;
    FONT-SIZE: xx-small;
    COLOR: silver
}

#template_body
{
	BORDER-RIGHT: #999999 1px solid; 
}

.line
{
    BORDER-TOP: #999999 1px solid;
    MARGIN: 5px 0px;
}

input.action
{
    BORDER-RIGHT: #666 2px solid;
    padding: 0px 2px 0px 0px;
    BORDER-TOP: #ddd 1px solid;
    PADDING-LEFT: 2px;
    FONT-WEIGHT: bold;
    MARGIN: 0px 2px 0px 5px;
    BORDER-LEFT: #ddd 1px solid;
    CURSOR: pointer;
    COLOR: #fff;
    BORDER-BOTTOM: #666 2px solid;
    BACKGROUND-REPEAT: repeat-x;
    HEIGHT: 24px;
    background-color:#D3A044;
    TEXT-DECORATION: none
}
input.button
{
    BORDER-RIGHT: #999 2px solid;
    padding: 0px 0px 0px 0px;
    BORDER-TOP: #ddddbe 1px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    MARGIN: 0px 2px 0px 5px;
    BORDER-LEFT: #ddddbe 1px solid;
    CURSOR: pointer;
    COLOR: #444;
    BORDER-BOTTOM: #999 2px solid;
    BACKGROUND-REPEAT: repeat-x;
    HEIGHT: 24px;
    TEXT-DECORATION: none
}

input.small
{
    BORDER-RIGHT: #666 2px solid;
    padding: 0px 1px 0px 1px;
    BORDER-TOP: #ddd 1px solid;
    FONT-SIZE: 10px;
    BACKGROUND-IMAGE: none;
    MARGIN: -1px 2px 1px 4px;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: #ddd 1px solid;
    CURSOR: pointer;
    COLOR: #016698;
    BORDER-BOTTOM: #666 2px solid;
    HEIGHT: 22px
}

div #buttonContainer
{
	clear:right;
    float: right;
    text-align: right;
    width:100%;
    padding: 20px 15px 0px 0px;
    white-space:nowrap;
    margin:0px 0px 5px 0px;
}

div.buttonText
{
	clear:right;
    float: right;
    text-align: left;
    width:100%;
    padding: 20px 15px 0px 0px;
    margin:0px 0px 5px 0px;
}

.floatRight
{
    float: right;
    margin: 0px 0px 5px 5px;
    width: 40%;
    text-align: right;
}

div.floatLeft
{
	float: left;
    MARGIN: 0px 5px 5px 0px;
    WIDTH: 40%;
    TEXT-ALIGN: left
}

table.tableData {
 	background-color:#CACDB5;
	/**background-color: #eee;**/
	border-top: 1px #DCDCB9 solid;
	margin:0px 0px 10px 0px;
}

table.tableData tr td 
{
	COLOR: #666;
	text-align:left;
}
.dataLabel
{
	font-weight: bold;
	color: #444;
	padding: 4px 2px 2px 2px;
	vertical-align: top;
}
/* .NET renders this as the check box label */
label,
span.dataLabel label
{
	font-weight: bold;
	color: #444;
	padding: 4px 2px 2px 2px;
}
table.tableData td,
table#striped td,
table.tableData ul,
table.tableData li
{
	line-height: 15px;
	font-size:11px;
}
table.tableData li
{
	line-height: 11px;
}
table.tableData td,
table#striped td,
table.gc td
{
	border-right: 1px solid #fff; 
	border-bottom: 1px solid #fff; 
	padding: 4px 4px 3px 4px;
	vertical-align: top;
}
table#striped table.nested
table.tableData table.nested
{
	border-right: 0px solid #fff; 
	border-bottom: 0px solid #fff;
	background-color:Transparent ;
}

table#striped table.nested td, 
table.tableData table.nested td
{
    BORDER-RIGHT: medium none;
    padding: 2px 2px 2px 2px;
    BORDER-BOTTOM: medium none;
    background-color:Transparent;
}

th
{
	FONT-SIZE: 12px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background-color: #fff;
	padding: 2px 2px 2px 2px;
	text-decoration: none;
	color : #333;
	vertical-align: bottom;
	top:-1px;
	position:relative;
}
th a:link,
th a:hover,
th a:visited
{
	font-size: 12px;
	font-weight: normal;
	color:#fff;
}

th.first {
	text-align: left;
}
th.sortable {
	cursor: pointer;
	padding: 2px 2px 2px 2px;
	text-decoration: none;
	color : #333;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}
th.notSortable 
{
	padding: 2px 2px 2px 2px;
	text-decoration: none;
	color : #333;
	vertical-align : bottom;
}

#striped {
	margin: 5px 10px 20px 2px;
	border-top: 1px #DCDCB9 solid;
	border-bottom: 1px #DCDCB9 solid;
}

#striped td
{
	border-right: 1px solid #fff; 
	border-bottom: 1px solid #fff; 
	padding: 4px 4px 3px 4px;
	font-size: x-small;
	vertical-align: top;
	line-height: 17px;
}
.even  {
	color: #333;
	background-color: #E0E8EF;
}
#navActions 
{
    BORDER: #ccc 1px solid;
    padding: 0px 0px 0px 0px;
    FONT-SIZE: 8px;
    float: right;
    MARGIN: 5px 0px 5px 0px;
    WIDTH: 175px;
    COLOR: #333;
}

#navActions ul li
{
	list-style-type: none;
	LIST-STYLE: disc url(/images/css/bullet.gif) inside;
	padding-left:0px;
    margin: 2px 0px 0px 0px;
    
}

#navActions ul li a
{
    padding-left: 5px;
    padding-bottom:2px;
    vertical-align:middle;
}
#navActions h4
{
	padding: 2px 4px 1px 2px;
    BACKGROUND-POSITION: left 50%;
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#E8E8E8' ,endColorStr='#999999' );
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    MARGIN: 0px;
    COLOR: #52462b;
    HEIGHT: 14px;
    BACKGROUND-COLOR: #E8E8E8;
}

#navActions ul
{
    padding: 0px 0px 0px 0px;
    MARGIN: 4px 0px 6px 4px;
    WIDTH: 100%;
    font-size:8px;
}

#navActions li
{
	padding: 3px 10px 3px 4px;
    BACKGROUND-POSITION: 0px 4px;
    MARGIN: 0px;
    font-size:8px;
}
#navActions A:link
{
    COLOR: #444;
    font-size:10px;
    TEXT-DECORATION: none
}
#navActions A:visited
{
    COLOR: #444;
    font-size:10px;
    TEXT-DECORATION: none
}
#navActions A:hover
{
    COLOR: #111;
    font-size:10px;
    TEXT-DECORATION: underline
}
.notice
{
	background-color : #ffffcc;
	color: #000;
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	padding: 4px 8px 2px 8px;
	margin: 10px 0px 10px 0px;
	line-height:1.4;
	text-align:left;
}

.noticeMarketing
{
	background-color : #E0E8EF;
	color: #000;
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	padding: 4px 8px 2px 8px;
	margin: 10px 0px 10px 0px;
	line-height:1.4;
	text-align:left;
}

ul.accountAlerts
{
	margin-left:20px;
	text-indent:0px;
	padding:0px;
}

.smallSearch
{
	width:130px;
	margin-bottom:10px;
}

div.debug
{
	margin: 10px 0px 0px 0px;
	border-top: solid 1px #999;
	color:#999;	
	font-size:9px;
}
.tier2nav
{
	background-color:#d8e8f8;
	height:22px;
	padding:0px;
	margin: 0px 0px 10px 0px;
	width:100%;
}
.tier2nav li
{
	margin:0px;
	padding:0px;
	float:left;
	line-height:21px;
	list-style-type:none;
}
.tier2nav li a:link,
.tier2nav li a:visited,
.tier2nav li a:active
{
	display:block;
	color:#002163 !important;
	font-size:11px;
	background-color:transparent;
	text-decoration:none;
	border-right:#fff 1px solid;
	border-left:#d8e8f8 1px solid;
	border-top:#d8e8f8 1px solid;
	border-bottom:#d8e8f8 1px solid;
	padding:0px 5px 0px 5px;
	font-weight:bold;
}
.tier2nav li a:hover
{
	border:#002163 solid 1px;
	background-color:#fff;
	text-decoration:underline;
}
.tier2nav li.sel
{
	background-color:#fff !important;
}

.dataLabel a.linkGloss,
.dataLabel a.linkGloss:link,
.dataLabel a.linkGloss:visited,
.dataLabel a.linkGloss:hover
{
	font-size:11px;
}

.linkGloss:link
{
    BORDER-RIGHT: #667b20 1px;
    BORDER-TOP: #667b20 1px;
    BORDER-LEFT: #667b20 1px;
    TEXT-ALIGN: left;
    FONT-SIZE: 10px;
}
.linkGloss:visited
{
    BORDER-RIGHT: #667b20 1px;
    BORDER-TOP: #667b20 1px;
    BORDER-LEFT: #667b20 1px;
    TEXT-ALIGN: left;
    FONT-SIZE: 10px;
}

.linkGloss:hover
{
    BORDER-RIGHT: #667b20 1px;
    BORDER-TOP: #667b20 1px;
    BORDER-LEFT: #667b20 1px;
    CURSOR: help;
    FONT-SIZE: 10px;
}
.new
{
	COLOR: red;
	FONT-SIZE: 9px;
}

.processing
{
	margin: 0px 0px 5px 0px;
	color:#999;	
	font-size:10px;
}
.frameTopButtonContainer
{
	float: right;
    margin: -5px 0px 0px 5px;
    width: 25%;
    text-align: right;
}
img
{
	border:0px;	
}
th.first
{
	background-color: #016698;
}
#header table 
{
	background-color :#E6E8D6;
}
#header table tr
{
	height:150px;
}
#header table tr td {
	border-right:solid 1px #fff;
	border-bottom:solid 1px #fff;
	text-align:center;
	width:16.67%;
	color:#fff;
	font-size:100px;
	text-transform:uppercase;
	font-family:"Verdana Italic";
}
#header table tr td a:link,
#header table tr td a:hover,
#header table tr td a:visited
{
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}
#header table tr td a:hover
{
	text-decoration:underline;
}
#header table tr td.color1
{
	background-color:#D3A044;
}
#header table tr td.color2
{
	background-color:#CAC689;
}
#header table tr td.color3
{
	background-color:#A19577;
}
#header table tr td.color4
{
	background-color:#9D9FDA;
}
#header table tr td.color5
{
	background-color:#A0AB73
}
table.tableData th 
{
	background-color:#D3A044;
	color:#fff;
}
table.tableData td, 
table.tableData th
{
	text-align:center;	
}
table.tableData td.first,
table.tableData th.first
{
	text-align:left;
}
.homeContent 
{
     clear:left;
     float:left;
     margin:5px 5px 5px 10px;
     width:425px;
}
.homeContent li 
{
    padding:3px;
}
#cardType
{
	float:right;
	text-align:left;
	width:210px;
}
#cardTypeContainer,
#addressContainer
{
	height:140px;
	border: #999 1px solid;
	font-size: 8pt;
	font-weight:bold;
	color: #666;
	text-align:center;
	margin-left:5px;
	padding-top:10px;
	background-color:#fff;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=118);
}
#addressContainer 
{
    text-align:left;
    padding:15px 8px 8px 8px;
}

#enterCardNumber 
{
	margin-top:30px;
}
.floatLeftOnly 
{
	float:left;
}

.floatRightOnly,
.editLink
{
	float:right;
}
.editLink 
{
    font-weight:bold !important;
    margin-right:5px;
}
ul#stepsBar
{
	padding:0px 0px 0px 0px;
	margin: 20px 0px 20px 0px;
}

#stepsBar li {
	font-size: 10px;
	color: #666;
	display: inline;
	padding: 8px 10px 10px 0px;
	padding-left:35px;
}

#stepsBar .step1 {
	background: url(/images/css/step1.gif) no-repeat;
}

#stepsBar .step1active {
	background: url(/images/css/step1active.gif) no-repeat;
	font-weight: bold;
	color: #333333;
}

#stepsBar .step2 {
	background: url(/images/css/step2.gif) no-repeat;
}

#stepsBar .step2active {
	background: url(/images/css/step2active.gif) no-repeat;
	font-weight: bold;
	color: #333333;
}

#stepsBar .step3 {
	background: url(/images/css/step3.gif) no-repeat;
}

#stepsBar .step3active {
	background: url(/images/css/step3active.gif) no-repeat;
	font-weight: bold;
	color: #333333;
}

#stepsBar .step4 {
	background: url(/images/css/step4.gif) no-repeat;
}

#stepsBar .step4active {
	background: url(/images/css/step4active.gif) no-repeat;
	font-weight: bold;
	color: #333333;
}

#stepsBar .step5 {
	background: url(/images/css/step5.gif) no-repeat;
}
#stepsBar .step5active {
	background: url(/images/css/step5active.gif) no-repeat;
	font-weight: bold;
	color: #333333;
}
#stepsBar .step6 {
	background: url(/images/css/step6.gif) no-repeat;
}

#stepsBar .step6active {
	background: url(/images/css/step6active.gif) no-repeat;
	font-weight: bold;
	color: #333333;
}
div#helpContainer
{
	background-color:FFF;
	width:325px;
	padding:10px 10px 10px 10px;
	border: #999999 1px solid; 
	z-index:9999;
	clear:both;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=118);
}
#navbar {
	width: 100%;
	height: 23px;
	margin:0px;
	color: white;
	font-family: Verdana, helvetica, arial, sans-serif;
	background-color:#D3A044;
	clear:both;
	border:0px;
	background-image: url(/images/css/bgNavbar.gif);
}
#navbar ul {
	height: 23px;
	margin : 0;
	padding-top: 0;
	padding-bottom : 0px;
	float:right;
	background-repeat: repeat-x;
	background-position: top;
	
}
#navbar ul ul,
#navbar ul li	
{
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;
}

#navbar ul a:link,
#navbar ul a:visited	{
	color : #E8E8E8;
	float: left;
	margin: 1px 0px 0px 0px;
	padding: 3px 14px 4px 14px;
	border-right: 1px solid #4c7017;
	border-left: 1px solid #E8E8E8;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
} 

#navbar ul li.first a:link,
#navbar ul li.first a:visited,
#navbar ul li.first a:hover
{
	border-left: 0px;
}
#navbar ul li.last a:link,
#navbar ul li.last a:visited,
#navbar ul li.last a:hover
{
	border-right: 0px;
}

#navbar ul a:hover	{
	color: #ffffff;
}
	
#navbar ul li.active a:link,
#navbar ul li.active a:hover,
#navbar ul li.active a:visited
{
	background : #FFF;
	color : #D3A044;
}
.processing
{
	color:#999;	
	font-size:10px;
	background-repeat:no-repeat;
	height:16px;	
    background-image:url(/images/img_processing.gif);
	background-position:0px 0px;
	margin: 0px 0px 5px 0px;
	padding-left:18px;
}
a.one:link,
a.one:visited,
a.one:hover
{
	background-image: url(/images/css/one_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding: 1px 0px 0px 12px;
    margin: 0px 0px 0px 0px;
	color: #006698;
	font-weight:bold;
	font-size:12px;
}
label {
    display:inline;
}
.indent {
    margin-left:20px;
}
td.underline {
    border-bottom:1px solid #A19577;   
    padding-left:0px;
}
td.dataHighlight {
    background-color : #ffffcc;
}