/*
	Style.css

	Modifications:
	5/02/2002 23:00 MSP - File created.
	5/16/2002 18:30 MSP - Widened .fieldName from a width of 100px.
	5/18/2002 16:37 GWB - Fixed a couple Netscape-related problems.
	5/30/2002 17:53 GWB - Fixed the NS4 "no-margin" problem.
	6/03/2002 17:38 MSP - Added class .fieldReq as the style for the asterisk in req'd fields.
	6/03/2002 18:15 MSP - Added classes .asteriskDesc and errorDesc.
                         Fixed issue that prevented the correct font size from being displayed.
	6/20/2002 21:10 BJA - Added class .errorHeading for the heading at the to of the page that
				notifies the when he miss-entered data in a form.
	11/18/2002 18:07 IAG - Added hidden class for hidden text
	12/17/2002 17:01 BNB - Added class .checkoutError for the extra obvious error on the checkout pages.

	font-family: Verdana, Geneva, Helvetica, sans-serif;
*/

body {
	font-size: 11px;
	font-family: Verdana, Geneva, Helvetica, sans-serif;

 	background: #ffffff;
}

tr, td, th {
	font-size: 11px;
	font-family: Verdana, Geneva, Helvetica, sans-serif;
}

.pageFooter {
	text-decoration: none;
}

.pageHeadline {
	color: #3366CC;
	background: #ffffff;
	font-weight: 600;
	text-align: left;
	font-size: 200%;
	line-height: 130%;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}

.pageHeadlineBlack {
	color: #000000;
	background: #ffffff;
	font-weight: 600;
	text-align: left;
	font-size: 200%;
	line-height: 130%;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}

.topMenu {
	font-size: smaller;
	color: #999999;
}

.topMenu.selected {
	color: #666666;
	font-weight: bold;
}

.selected {
	color: #666666;
	font-weight: bold;
}


.fieldName {
	width: 130px;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
	color: #000000;
}

.fieldData {
	width: 350px;
	vertical-align: top;
}

.fieldHowto {
	color: #0000FF;
}

.fieldError {
	color: #FF0000;
}

/* Start BRANDING Compatibility #####################################################*/
.display {
	width:				210px;
	float:				left;
	clear:				left;
}

.secondaryDisplay .display {
   width:       200px;
   margin-left: 10px;	
}

.link_button {
	display:			inline;
	color:				inherit;
	cursor:				pointer;
	background:			none;
	border:				none;
	padding:			0;
}

a.generic_button, a.generic_button:visited,
a.generic_button:hover, a.generic_button:active {
	color:				black;
}

#workflow_steps3 li,
#workflow_steps4 li,
#workflow_steps5 li {
	color:				black;
}

.required_mark {
	color:				#F40;
}

.field_note {
	font:				11px Arial, Helvetica, Verdana, sans-serif;
	clear:				left;
}

.field_unit {
	font:				12px Arial, Helvetica, Verdana, sans-serif;
	clear:				left;
}

.field_error {
	font:				12px Arial, Helvetica, Verdana, sans-serif;
	color:				#C00;
}

.field_howto {
	font:				11px Arial, Helvetica, Verdana, sans-serif;
	clear:				left;
}

label {
	width:				150px;
	margin-top:			6px;
	margin-bottom:		10px;
	float:				left;
	clear:				left;
	font:				bold 12px Arial, Helvetica, Verdana, sans-serif;
}

#hop_content label {
   width: auto;
   margin: 0;
   float: none;
   clear: none;
   font: bold 11px Verdana, Geneva, Helvetica, sans-serif;
}

.required_mark {
	font:				14px bold;
	color:				#F40;
}

/* END BRANDING Compatibility #####################################################*/

.fieldReq {
	color: #4422FF;
	font-weight: bold;
	font-size: 1.1em;
}

.asteriskDesc {
	color: #000000;
}

.errorDesc {
	color: #FF0000;
}

.errorHeading {
	text-align: center;
	color: #FF0000;
	font-size: 150%;
}

.checkoutError {
	text-align: center;
	color: #FF0000;
	font-size: 180%;
}

.info {
	font-size: 95%;
	color: #555555;
}

.nfo {
	font-size: 95%;
	color: #555555;
}

.formTable {
	padding: 3px;
}

.operatorBanner {
	font-size: 200%;
	text-align: center;
	color: #FF0000;
	font-weight: bold;
}

.coverText {
	text-align: center;
	font-family: arial, helvetica, sans-serif;
	width: 93px;
	max-width: 93px;
	font-size: 7pt;
	color: #000000;
}

.hidden {
	color: #ffffff;
	
A:hover {
 	font-weight: bold;
	background-color: #0080ff ;
	text-decoration: underline;
	color: #000080
}
}

.title {
	background: #ffffff;
}

img {
	border: 0;
}

.blue {
	color: #3366cc;
}

.black {
	color: #000000;
}

.white {
	color: #ffffff;
}

.red {
	color: #dd0000;
}

.bucketHeader {
	color: #3366cc;
	font-size: 110%;
	font-stretch: ultra-condensed ;
	font-weight: 700;
}

.bucketLink {
	float: right;
	padding: 2px 2px 2px 2px ;
	margin: 2px 0px 2px 2px ;
}

.heading {
	color: #3366cc;
	font-weight: 600;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 145%;
	font-weight: 700;
}

em {
	color: #3366cc;
	font-weight: bold;
	font-style: normal;
	font-size: 120%
}

pre {
	font-size: 12px;
	white-space: pre-wrap;       /* css-3 */
 	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 	white-space: -pre-wrap;      /* Opera 4-6 */
 	white-space: -o-pre-wrap;    /* Opera 7 */
 	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

small {
	font-size: 85%;
}

th {
	color: #ffffff;
	background: #023abc;
	font-weight: bold;
	height: 35px;
	/* text-decoration: underline; */
}

th.searchResults {
	color: #ffffff;
	background: #023abc;
	font-weight: bold;
	height: 35px;
	text-decoration: underline;
}

table.controlTable {
	width: 100%;
	border-spacing: 0px;
	border-collapse: collapse;
	padding: 0px;
}

table.otherTable {
	width: 100%;
	border-spacing: 0px;
	border-collapse: separate;
	padding: 0px;
}

table.spotlightTable {
	width: 100%;
	border-spacing: 0px;
	border-collapse: separate;
	padding: 0px;
}

th.controlHeader {
	width: 100%;
	color: #ffffff;
	background: #000000;
	border: solid 1px #000000;
	font-weight: bold;
	height: 22px;
	text-decoration: none;
}

th.spotlightHeader {
	width: 100%;
	color: #ffffff;
	border: solid 1px #666666;
	background: #666666;
	font-weight: bold;
	height: 25px;
	text-decoration: none;
}

th.spotlightImage {
	color: #000000;
	background: #ffffff;
	border: solid 1px #666666;
}

img.listingImage {
	border: solid 1px #023abc;
}

td.controlContents {
	vertical-align: top;
	border: solid 1px #000000;
	padding: 5px 10px 7px 10px;
}

td.spotlightContents {
	width: 100%;
	vertical-align: top;
	border: solid 1px #666666;
	padding: 6px 6px 0px 6px;
}

td.listingContents {
	width: 100%;
	vertical-align: top;
	padding: 0px 0px 0px 10px;
}

th.binHeader {
	width: 56px;
	height: 35px;
	font-weight: bold;
	color: #000000;
	background: #ffffff;
}

td.binContents {
	width: 56px;
	height: 35px;
	font-weight: bold;
}

.categoryHeading {
	font-family: arial, sans-serif;
	font-size: 250%;
	font-weight: bold;
	line-height: 180%;
	color: #000000
}

.memberAgreement {
	font-size: 13px; font-family: Arial, New Times Roman, Verdana, Geneva, Helvetica, sans-serif;
}


.sidebar { /* Used in Promotion HowTo */
	width: 30%;
	float: right;
	background: #e7eefc;
	padding: 12px 12px 12px 12px ;
	margin: 12px 0px 12px 12px ;
}

th.ttlHdr {
	height: 20px;
	background: #cad7f9;
	color: #000000;
}

table.ttlInside {
	margin: 0px 5px 0px 5px;
	background: #ffffff;
	border: solid 1px #000000;
	text-align: left;
	padding: 0px;
}

table.ttlOutside {
	background: #f0f0f0;
	border: solid 1px #000000;
	padding: 0px 0px 5px 0px;
}

td.ttlCol {
	padding: 0px 3px 0px 3px;
}

table.ttlInner {
	padding: 0px;
}

th.keyHeader {
	color: #000000;
	background: #ffffff;
	border: solid 1px #000000;
	font-weight: bold;
	height: 22px;
}

td.keyContents {
	color: #000000;
	border: solid 1px #000000;
	height: 22px;
}


#hop_content_div {
      font-family: Verdana,Geneva,Helvetica,sans-serif;
      font-size: 76%;
      max-width: 59.5em;
      min-width: 49em;
}


#hop_content_div label {
   width: 14.2em;
   margin: 0;
   float: left;
   clear: none;
   font: bold 11px Verdana, Geneva, Helvetica, sans-serif;
}

#hop_content_div h2 {
      font-weight: bold;
}

#hop_content_div legend {
      font-weight: bold;
      font-size: 11px;
}

#hop_content_div #cardImageList {
      margin-top: 8.3px;
      margin-bottom: 8.3px;
      top: 0px;
      left: 0px;
      position: relative;
}

#hop_content_div .entrustLogo {
      top: 0px;
      left: 49.3em;
}

#hop_content_div #singlePaymentType {
      display: none;
}

#hop_content_div #merchantLogo {
      display: none;
}


#hop_content_div #merchantHeaderText #paymentDetailsHeader {
   margin-left: 20px;
   width: 635px;
}

#hop_content_div #merchantHeaderText #requiredFieldsMessage {
   margin-left: 20px;
   width: 635px;
}

#hop_content_div #merchantHeaderText #paymentInfoFieldset {
   margin-left: 20px;
}

#hop_content_div #merchantHeaderText #billInfoFieldset {
   margin-left: 20px;
}

#hop_content_div #merchantHeaderText #merchantDefinedDataFieldset {
   margin-left: 20px;
}

#hop_content_div #merchantHeaderText #footer {
   width: 635px;
   padding-top: 0px;
   border-top: none;
   margin-top: 0px;
}

body #hop_content_div {
      font-size: 11px;
}

.formFieldGroup {
   margin-bottom: 0.5em;
}

#hop_content_div label#billTo_lastNameLabel  {
   width: 10em;
}

#hop_content_div label#shipTo_lastNameLabel  {
   width: 10em;
}

#hop_content_div label#billTo_firstNameLabel  {
   width: 10em;
}

#hop_content_div label#shipTo_firstNameLabel  {
   width: 10em;
}

#hop_content_div label#billTo_postalCodeLabel  {
   width: 7em;
}

#hop_content_div label#shipTo_postalCodeLabel  {
   width: 7em;
}

#hop_content_div label#billTo_stateLabel  {
   width: 7em;
}

#hop_content_div label#shipTo_stateLabel  {
   width: 7em;
}

#hop_content_div label#billTo_cityLabel  {
   width: 7em;
}

#hop_content_div label#shipTo_cityLabel  {
   width: 7em;
}

#hop_content_div #shipTo_city  {
   left: 14.2em;
}

#hop_content_div #billTo_city  {
   left: 14.2em;
}

#hop_content_div #shipTo_state  {
   left: 23.4em;
}

#hop_content_div #billTo_state  {
   left: 23.4em;
}

#hop_content_div #shipTo_stateLabel  {
   left: 2.2em;
}

#hop_content_div #billTo_stateLabel  {
   left: 2.2em;
}

#hop_content_div #shipTo_postalCode  {
   left: 26.8em;
}

#hop_content_div #billTo_postalCode  {
   left: 26.8em;
}

#hop_content_div #shipTo_postalCodeLabel  {
   left: 5.5em;
}

#hop_content_div #billTo_postalCodeLabel  {
   left: 5.5em;
}

#hop_content_div #shipTo_firstName  {
   left: 14.2em;
}

#hop_content_div #billTo_firstName  {
   left: 14.2em;
}

#hop_content_div #shipTo_lastName  {
   left: 23em;
}

#hop_content_div #billTo_lastName  {
   left: 23em;
}

#hop_content_div #shipTo_lastNameLabel  {
   left: 2.6em;
}

#hop_content_div #billTo_lastNameLabel  {
   left: 2.6em;
}