/**
 * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
 * v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
 * html5doctor.com/html-5-reset-stylesheet/
 */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }


/* Global Elements
-------------------------------------------------------------- */

/* These selection declarations have to be separate.
   No text-shadow: twitter.com/miketaylr/status/12228805301 */
::-moz-selection {
	background: #f58220;
	color: #fff;
	text-shadow: none;
}

::selection {
	background: #f58220;
	color: #fff;
	text-shadow: none;
}

a,
a:active,
a:visited {
	color: #267bb1;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover,
a:active {
	outline: none;
}

/* j.mp/webkit-tap-highlight-color */
a:link {
	-webkit-tap-highlight-color: #FF5E99;
}


/**
 * Web Fonts
 */

.font-futura-book,
#promos h2,
#promos p,
#partners-content #partner-default .description {
	font-family: "Futura Book", DiscoverSans-Light, "Helvetica Neue", Helvetica, sans-serif;
	font-size-adjust: 0.47;
	font-style: normal;
	font-weight: 300;
}

.font-futura-med,
#nav li a,
#partners-content #partner-default .bg-opaque-dark,
#partners-content .column-two {
	font-family: "Futura Medium", DiscoverSans-Light, "Helvetica Neue", Helvetica, sans-serif;
	font-size-adjust: 0.48;
	font-style: normal;
}

.font-futura-demi-bold,
#facts .header,
#registration-steps .step {
	font-family: "Futura Demi Bold", DiscoverSans-Light, "Helvetica Neue", Helvetica, sans-serif;
	font-size-adjust: 0.49;
	font-weight: 600;
	font-style: normal;
}

.font-futura-bold,
#the-network-overview .header,
#partners-content .header,
#for h2 {
	font-family: "Futura Bold", DiscoverSans-Light, "Helvetica Neue", Helvetica, sans-serif;
	font-size-adjust: 0.51;
	font-style: normal;
	font-weight: italic;
}


/**
 * Hides text until Web Fonts have loaded
 */

.wf-loading .font-futura-book,
.wf-loading .font-futura-med,
.wf-loading .font-futura-demi-bold,
.wf-loading .font-futura-bold,
.wf-loading #the-network-overview .header,
.wf-loading #partners-content #partner-default .bg-opaque-dark,
.wf-loading #partners-content #partner-default .description,
.wf-loading #partners-content .header,
.wf-loading #partners-content .column-two,
.wf-loading #nav li a,
.wf-loading #for h2,
.wf-loading #facts .header,
.wf-loading #promos h2,
.wf-loading #promos p,
.wf-loading #facts .header,
.wf-loading #registration-steps .step,
.wf-loading #registration-steps li {
	visibility: hidden;
}

/**
 * Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/

	If you want this size in pixels (px) | Declare this percent (%)
		10px	 77%
		11px	 85%
		12px	 93%
		13px	 100%
		14px	 108%
		15px	 116%
		16px	 123.1%
		17px	 131%
		18px	 138.5%
		19px	 146.5%
		20px	 153.9%
		21px	 161.6%
		22px	 167%
		23px	 174%
		24px	 182%
		25px	 189%
		26px	 197%
		30px	 230%
		38px	 295%
		40px	 310%
		46px 	 350%
 */

body {
	background: url("../../images/discover/bgs/body.png") no-repeat center 75px;
	color: #293033;
	font: 13px/1.231 sans-serif;
	*font-size: small; /* Hack retained to preserve specificity. */
	line-height: 1.3;
}

/**
 * Minimal base styles.
 */
body, select, input, textarea {
 	color: #293033;
	font-family: DiscoverSans-Light, Helvetica, sans-serif;
}

/* Make buttons play nice in IE:
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {
	overflow: visible;
	width: auto;
}

/* Webkit browsers add a 2px margin outside the chrome of form elements. */
button,
input,
select,
textarea {
	border: 0;
	margin: 0;
}

/* Hand cursor on clickable input elements. */
button,
input[type="button"],
input[type="submit"],
input[type="image"],
label {
	cursor: pointer;
}

button,
input,
select,
textarea {
	font-size: 99%;
}

/* Normalize monospace sizing: en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
code,
kbd,
pre,
samp {
	font-family: monospace, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: bold;
}

html {
	background: #fff url("../../images/discover/bgs/html.png") repeat-x;
	overflow-y: scroll; /* Always force a scrollbar in non-IE: */
	padding-top: 9px;
}

/* Two rules are necessary */
input::-webkit-input-placeholder {
	color: #888;
}

input:-moz-placeholder {
	color: #888;
}

/* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
/*
input[type="radio"] {
	vertical-align: text-bottom;
}

input[type="checkbox"] {
	vertical-align: bottom;
}

.ie7 input[type="checkbox"] {
	vertical-align: baseline;
}

.ie6 input {
	vertical-align: text-bottom;
}
*/

/* Colors for form validity. */
input:valid,
textarea:valid {}

input:invalid,
textarea:invalid {
	border-radius: 1px;

	   -moz-box-shadow: 0 0 5px red;
	-webkit-box-shadow: 0 0 5px red;
	        box-shadow: 0 0 5px red;
}

.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid {
	background-color: #f0dddd;
}

.ie6 legend,
.ie7 legend {
	margin-left: -7px;
}

ol {
	list-style-type: decimal;
}

/* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
pre {
	padding: 15px;
	white-space: pre;
	white-space: pre-wrap;
	white-space: pre-line;
	word-wrap: break-word;
}

small {
	font-size: 85%;
}

sub {
	bottom: -0.25em;
}

/* Set sub, sup without affecting line-height: gist.github.com/413930 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
}

sup {
	top: -0.5em;
}

strong,
th {
	font-weight: bold;
}

td {
	vertical-align: top;
}

/* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
textarea {
	overflow: auto;
}

/* Bicubic resizing for non-native sized IMG:
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img {
	-ms-interpolation-mode: bicubic;
}


/* Structure
-------------------------------------------------------------- */

#header,
#main,
#footer {
	margin: 0 auto;
	width: 940px;
}

#header {
	width: 929px;
}


/* Sprites
-------------------------------------------------------------- */

#utility .home,
#footer .facebook {
	background: url("../../images/discover/log-in/sprites/icons.png") no-repeat;
}

#promos-images a {
	background: url("../../images/discover/log-in/sprites/footer-promos.png") no-repeat;
}


/* Header
-------------------------------------------------------------- */

#header {
    padding-bottom: 30px;
	padding-left: 11px;
	position: relative;
	z-index: 10003;
}

	#logo {
	    display: block;
		float: left;
	    height: 101px;
		margin-top: 3px;
	    width: 136px;
	}

	/* utility */

	#utility {
		line-height: 20px;
		margin: 0 2px 0 -3px;
		position: absolute;
		right: 0;
		text-align: right;
		top: -9px;
		width: 222px;
		z-index: 999999;
	}
	
	.ie8 #utility,
	.ie7 #utility {
		margin-left: -3px !important;
	}

	.ie6 #utility {
		margin-left: -10.5px !important;
		width: 230px;
	}

		#utility a {
			color: #293033;
			float: left;
			font-size: 77%;
			height: 20px;
			margin-left: 8px;
			margin-top: 5px;
			padding: 0 5px;
			text-transform: uppercase;
		}

		#utility .home {
			background-position: 0 4px;
			padding-left: 14px;
		}

		#utility #log-in-overlay-trigger {
			padding-left: 4px;
		}

		#log-in-selected {
			background: url("../../images/discover/bgs/bg-log-in-selected.png") no-repeat;
			color: #f60;
			display: inline-block;
			font-size: 93%;
			font-weight: bold;
			height: 22px;
			margin-left: 8px;
			padding-top: 5px;
			text-align: center;
			width: 71px;
		}

	/* nav */

	#nav {
		padding-top: 30px;
		padding-left:60px;
	}

	body.TheNetwork #nav,
	body.ForMerchants #nav,
	body.ForFinancialInstitutions #nav,
	body.ProductsServices #nav {
		background: url("../../images/discover/bgs/nav-current.png") no-repeat 146px 17px;
	}

	#nav ul,
	#nav li {
		background: url("../../images/discover/bgs/nav-shim.png") no-repeat left bottom;
	}

	#nav ul {
		background-position: right top;
		float: left;
		list-style-type: none;
		margin: 4px 0 0 10px;
		padding: 0 0 0 8px;
		position: relative;
		width: 584px;
	}

		body.TheNetwork #nav-the-network,
		body.TheNetwork #nav-for-merchants {
			background-image: none;
		}

	body.ForMerchants #nav {
		background-position: 272px 17px;
	}

		body.ForMerchants #nav-for-merchants,
		body.ForMerchants #nav-for-financial-institutions {
			background-image: none;
		}

	body.ForFinancialInstitutions #nav {
		background-position: 401px 17px;
	}

		body.ForFinancialInstitutions #nav-for-financial-institutions,
		body.ForFinancialInstitutions #nav-products-services {
			background-image: none;
		}

	body.ProductsServices #nav {
		background-position: 520px 17px;
	}

		body.ProductsServices #nav-products-services,
		body.ProductsServices #nav-news-events {
			background-image: none;
		}

		#nav li {
			float: left;
			height: 49px;
			line-height: 1.2;
			margin: 0;
			padding: 0;
			position: relative;
			text-transform: uppercase;
			width: 119px;
		}

		#nav li#nav-for-merchants {
			width: 134px;
		}

		#nav li#nav-for-financial-institutions {
			width: 128px;
		}

		#nav li#nav-products-services {
			width: 106px;
		}

		#nav li#nav-news-events {
			width: 97px;
		}

			#nav li a {
				color: #293033;
				display: block;
				height: 38px;
				font-size: 77%;
				font-weight: bold;
				padding-top: 11px;
				padding-left: 20px;
			}

			#nav li a:hover {
				color: #f60;
				text-decoration: none;
			}

			#nav li a.current {
				color: #f60 !important;
				cursor: default !important;
			}

			.ie6 #nav li a {
				padding-left: 26px;
			}

			#nav ul ul {
				background-image: none !important;
				float: left;
				display: none;
				margin: 7px 0 0;
				padding-left: 0;
				width: 770px;
			}

			.ie6 #nav ul ul {
				bottom: -57px;
				left: 0;
				position: absolute;
				top: auto;
			}

			body.TheNetwork #nav-the-network ul {
				left: 0;
			}

			body.ForMerchants #nav-for-merchants ul {
				left: -122px;
			}

			body.ForFinancialInstitutions #nav-for-financial-institutions ul {
				left: -255px;
			}

			body.ProductsServices #nav-products-services ul {
				left: -384px;
			}

			body.TheNetwork #nav-the-network ul,
			body.ForMerchants #nav-for-merchants ul,
			body.ForFinancialInstitutions #nav-for-financial-institutions ul,
			body.ProductsServices #nav-products-services ul {
				display: block;
			}

				#nav li li {
					background: none;
					float: left;
					height: 50px;
					line-height: 1.3;
					width: auto;
				}

				.ie6 #nav li li {
					width: 120px;
				}

					#nav li li a {
						color: #576166;
						font-size: 85%;
						font-weight: normal;
						height: 39px;
						padding-left: 21px !important;
						padding-right: 21px;
					}

					#nav li li a.current:hover {
						cursor: default !important;
					}

		#searchForm {
			float: left;
			margin: 14px 0 0 18px;
			width: 173px;
		}

		#searchForm .text {
			background: #fff;
			border: 1px solid #d6dee1;
			color: #979c9e;
			float: left;
			padding: 4px 9px;
			width: 130px;
		}

		#searchForm .text::-webkit-input-placeholder {
			color: #979c9e;
		}

		#searchForm .text:-moz-placeholder {
			color: #979c9e;
		}

		#searchForm .button {
			background: #d6dee1 url("../../images/discover/icos/search.png") no-repeat 5px 6px;
			border: 0;
			float: left;
			height: 25px;
			padding: 0;
			width: 23px;
		}

/* Content
-------------------------------------------------------------- */

/*#main-wrapper {
	background: url("../../images/discover/bgs/wrapper.png") repeat-x left bottom;
}*/

	#main {
		min-height: 460px;
		width: 960px;
	}

	.ie6 #main {
		height: 460px;
	}

		/* homepage */

		html#slide-one body {
			background: url("../../images/discover/bgs/homepage/slide-one.jpg") no-repeat center 66px;
		}

		html#slide-two body {
			background: url("../../images/discover/bgs/homepage/slide-two.jpg") no-repeat center 66px;
		}

		html#slide-three body {
			background: url("../../images/discover/bgs/homepage/slide-three.jpg") no-repeat center 66px;
		}

		.bg-striped-light {
			background: url("../../images/discover/bgs/stripes-light.png") repeat 0 0;
		}

		/* mcg - extended transparency feature to .bg-opaque for use in other pages outside homepage*/
		#promos, .bg-opaque {
			background-color: #202628;
			background-color: rgba(32, 38, 40, 0.8);  
			height: 198px;
			margin: 65px 0;
			padding: 0 10px;
			position: relative;
		}

		#promos {
			margin: 40px 0 85px;
		}

		.bg-opaque-dark {
			background-color: rgba(0, 0, 0, 0.87);  			
		}
		.ie8 .bg-opaque-dark,
		.ie7 .bg-opaque-dark,
		.ie6 .bg-opaque-dark {
			background: transparent;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000);
			zoom: 1;
		}
		
		.ie8 #promos, .ie8 .bg-opaque,
		.ie7 #promos, .ie7 .bg-opaque,
		.ie6 #promos, .ie6 .bg-opaque {
			background: transparent;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
			zoom: 1;
		}

			#promos .slides-container {
				height: 198px;
				overflow: hidden;
				width: 939px;
			}

				.Homepage .slide {
					color: #fff;
					height: 198px;
					position: relative;
					width: 939px;
				}
					.Homepage .slide .header {
						line-height: 52px;
						text-align: center;
						text-transform: uppercase;
					}

						.Homepage .slide .header span,
						.Homepage .slide p,
						.Homepage .slide a {
							display: block;
							position: absolute;
						}

						.Homepage #slide-one-slide .header span.future {
							font-size: 350%;
							left: 161px;
							letter-spacing: 2px;
							line-height: 43px;
							top: 38px;
							width: 615px;
						}

						.Homepage #slide-one-slide .header span.payments {
							font-size: 350%;
							left: 161px;
							letter-spacing: 2px;
							line-height: 43px;
							top: 88px;
							width: 615px;
						}

						.Homepage #slide-two-slide .header span.worldwide {
							font-size: 670%;
							font-weight: bold;
							left: 173px;
							letter-spacing: 3px;
							line-height: 67px;
							top: 43px;
							width: 600px;
						}

						.ie6 .Homepage #slide-two-slide .header span.worldwide {
							top: 40px;
							line-height: 80px;
						}

						.Homepage #slide-two-slide .header span.acceptance {
							font-size: 310%;
							left: 176px;
							line-height: 40px;
							top: 126px;
						}

						.Homepage #slide-three-slide .header span.the-top {
							font-size: 350%;
							left: 113px;
							letter-spacing: -1px;
							top: 26px;
							width: 720px;
						}

						.Homepage #slide-three-slide .header span.might-be {
							font-size: 350%;
							left: 113px;
							letter-spacing: -1px;
							top: 78px;
							width: 720px;
						}

					.Homepage #slide-one-slide p {
						font-size: 123.1%;
						height: 25px;
						left: 354px;
						top: 151px;
						width: 260px;
					}

					.Homepage #slide-two-slide p {
						font-size: 108%;
						height: 36px;
						left: 463px;
						top: 129px;
						width: 245px;
					}

					.Homepage #slide-three-slide p {
						font-size: 102%;
						height: 36px;
						left: 154px;
						text-align: right;
						top: 144px;
						width: 460px;
					}

					.Homepage #slide-one-slide a,
					.Homepage #slide-three-slide a {
						height: 28px;
						width: 100px;
					}

					.Homepage #slide-one-slide a {
						left: 621px;
						top: 148px;
					}

					.Homepage #slide-two-slide a {
						height: 28px;
						left: 676px;
						top: 133px;
						width: 81px;
					}

					.Homepage #slide-three-slide a {
						left: 626px;
						top: 139px;
					}

				.no-js #slide-two-slide,
				.no-js #slide-three-slide {
					position: absolute;
					left: -999em;
				}

				#promos .prev,
				#promos .next {
					background: url("../../images/discover/log-in/sprites/promos-nav.png") no-repeat;
					display: block;
					height: 60px;
					position: absolute;
					text-indent: -999em;
					top: 71px;
					width: 36px;
					z-index: 99;
				}

				#promos .prev:focus,
				#promos .next:focus {
					-moz-outline-style: none;
					outline-style: none;
				}

				#promos .prev {
					left: 58px;
				}

				#promos .prev:hover,
				#promos .prev:active {
					background-position: 0 -122px;
				}

				#promos .next {
					background-position: 0 -61px;
					left: auto;
					right: 60px;
				}

				#promos .next:hover,
				#promos .next:active {
					background-position: 0 -183px;
				}

		#for-merchants,
		#for-financial-institutions {
			border-top: 4px solid #F58025;
			background: url("../../images/discover/bgs/for.png") no-repeat left bottom;
			float: left;
			height: 190px;
			padding-top: 42px;
			position: relative;
			width: 480px;
		}

			#for div.photo {
				display: block;
				height: 195px;
				left: 6px;
				position: absolute;
				top: 0;
				z-index: 2;
			}

			#for h2 {
				font-size: 174%;
				height: 20px;
				line-height: 20px;
				position: relative;
				top: 42px;
				width: 310px;
			}

				#for h2 a {
					color: #293033;
				}

				#for h2 a:hover {
					text-decoration: underline;
				}

			#for p {
				color: #666;
				top: 78px;
			}

			#for .cards {
				background: #fff url("../../images/discover/log-in/sprites/cards.png") no-repeat 148px 7px;
				font-size: 93%;
				font-weight: bold;
				line-height: 38px;
				padding: 0 11px;
				position: relative;
				top: 164px;
			}

			#for-merchants div.photo {
				background: url("../../images/discover/bgs/for-merchants.png") no-repeat;
				width: 156px;
			}

			#for-merchants h2,
			#for-merchants p,
			#for-merchants .cards {
				left: 181px;
				position: absolute;
				width: 259px;
			}

			#for-merchants p.learn-more {
				font-weight: bold;
				top: 119px;
			}

			#for-merchants .cards {
				padding: 0 14px;
				width: 231px;
			}

			#for-financial-institutions div.photo {
				background: url("../../images/discover/bgs/for-financial-institutions.png") no-repeat;
				width: 143px;
			}

			#for-financial-institutions h2,
			#for-financial-institutions p {
				left: 157px;
				position: absolute;
			}

			#for-financial-institutions .cards {
				font-size: 100%;
				margin-left: 136px;
				position: absolute;
				width: 279px;
			}

			#for-financial-institutions h2 {
				background-position: 0 -20px;
			}

			#for-financial-institutions p {
				width: 289px;
			}

			#for-financial-institutions .cards {
				background: #fff url("../../images/discover/log-in/sprites/cards.png") no-repeat 200px -24px;
				padding-left: 15px;
			}

		#stories-wrapper {
			padding: 32px 10px 99px;
		}

			#all-stories-wrapper {
				margin-bottom: 8px;
			}

				#stories-wrapper h2 {
					color: #293033;
					display: inline;
					float: left;
					font-size: 138.5%;
					line-height: 1;
				}

					#stories-wrapper h2 a {
						background: url("../../images/discover/icos/rss.png") no-repeat left center;
						display: inline-block;
						height: 14px;
						text-indent: -999em;
						width: 14px;
					}

					#all-stories {
						float: right;
						font-size: 85%;
						font-weight: bold;
						line-height: 2;
						text-align: right;
						text-transform: uppercase;
					}

			#top-story {
				background: url("../../images/discover/bgs/top-story.png") no-repeat 14px 11px;
				border: 2px solid #ff5900;
				color: #293033;
				float: left;
				font-weight: bold;
				height: 56px;
				margin-right: 18px;
				padding: 12px 0;
				position: relative;
				width: 297px;
			}

				#top-story .header {
					background: #ff5900 url("../../images/discover/bgs/top-story-header.png") no-repeat;
					bottom: 0;
					color: #fff;
					font-size: 85%;
					left: 45px;
					letter-spacing: -1px;
					line-height: 16px;
					position: absolute;
					text-align: center;
					text-transform: uppercase;
					width: 207px;
				}

				.ie6 #top-story .header {
					letter-spacing: 0;
				}

				#top-story .excerpt {
					font-size: 93%;
					line-height: 1.2;
					margin-right: 30px;
				}

				#top-story .excerpt,
				#top-story .full-story {
					margin-left: 98px;
				}

				#top-story a {
					font-size: 85%;
					font-weight: bold;
				}

			#primary-story {
				background: url("../../images/discover/bgs/primary-story.jpg") no-repeat 0 10px;
				color: #576166;
				float: left;
				height: 56px;
				margin-right: 18px;
				padding: 12px 0;
				position: relative;
				width: 297px;
			}

				#primary-story .excerpt {
					font-size: 85%;
					line-height: 1.2;
					margin-bottom: 8px;
				}

				#primary-story .excerpt,
				#primary-story .full-story {
					margin-left: 81px;
				}

				#primary-story a {
					font-size: 85%;
					font-weight: bold;
				}

			#stories {
				border: 1px solid #d2d3d4;
				float: left;
				padding-left: 88px;
				position: relative;
				width: 531px;
			}

				#stories-container {
					height: 82px;
					margin-right: 0;
					overflow: hidden;
					width: 473px;
				}

					#stories-container ul {
						height: 82px;
						list-style-type: none;
					}

						#stories li {
							color: #576166;
							float: left;
							font-size: 85%;
							height: 62px;
							margin: 10px 32px 10px 0;
							width: 125px;
						}

						.ie6 #stories li {
							height: 67px;
							margin-bottom: 5px;
						}

							#stories li a {
								font-weight: bold;
							}

							#stories .excerpt {
								margin-bottom: 6px;
							}

				#stories .previous,
				#stories .next {
					background-image: url("../../images/discover/log-in/sprites/stories-nav.png");
					height: 31px;
					left: 13px;
					position: absolute;
					top: 24px;
					width: 31px;
					z-index: 3;
				}

				.no-js #stories .previous,
				.no-js #stories .next {
					display: none;
				}

				#stories .next {
					background-position: 0 -31px;
					left: auto;
					right: 13px;
				}

				#stories .previous:hover {
					background-position: 0 -62px;
				}

				#stories .next:hover {
					background-position: 0 -93px;
				}

		/* sub-pages */

		#content {
			margin: 0 10px;
		}

			#content #stories-wrapper {
				padding-left: 0;
				padding-right: 0;
			}

				#content #top-story {
					background: url("/the-network/images/bgs/th-diners-club.jpg") no-repeat 0 7px;
					border: 0;
					color: #576166;
					font-weight: normal;
					padding-top: 9px;
				}

					#content #top-story .excerpt {
						font-size: 85%;
						line-height: 1.3;
						margin-bottom: 8px;
						margin-right: 0;
					}

					#content #top-story .excerpt,
					#content #top-story .full-story {
						margin-left: 80px;
					}

		/* overlay windows */

		#DOMWindow {
			background-color: #fff !important;
			border-width: 0 !important;
			border-top: 0 !important;
			padding: 0 !important;
		}

		#DOMWindow a.closeDOMWindow {
			background: url("../../images/discover/icos/overlay-close.png") no-repeat right center;
			color: #fff;
			font-size: 85%;
			padding-right: 14px;
			position: absolute;
			right: 10px;
			text-align: right;
			top: 10px;
		}

		/* log in overlay */

		#log-in-overlay-content {
			background: url("../../images/discover/bgs/log-in-overlay.png") repeat-x left bottom;
			border: 1px solid #e9e9e9;
			border-top-width: 0;
			border-bottom-width: 0;
			padding: 15px 16px 20px !important;
		}

		#log-in-overlay-content .header {
			background: url("../../images/discover/icos/secure.png") no-repeat 166px 4px;
			font-size: 108%;
			margin-bottom: 16px;
		}

		#log-in-overlay-content select {
			margin-bottom: 20px;
			width: 192px;
		}

		#log-in-overlay-content .text {
			margin-bottom: 2px;
			padding-left: 15px;
			width: 167px;
		}

		#log-in-overlay-content .link {
			display: block;
			font-size: 85%;
			margin-bottom: 15px;
		}

		#log-in-overlay-content .button {
			margin-left: 5px;
		}

		#log-in-overlay-register {
			border: 1px solid #e9e9e9;
			border-top-color: #dae1e3;
			color: #576166;
			font-size: 93%;
			padding: 18px 13px 16px !important;
		}

		#log-in-overlay-register a {
			font-weight: bold;
		}

		/* information sources overlay */

		#DOMWindow .striped-dark {
			background: url("../../images/discover/bgs/stripes-dark.png");
			background-repeat: repeat !important;
			border-color: #576166 !important;
			padding: 16px 13px 13px;
		}

		#DOMWindow .striped-dark .header {
			color: #fff;
			font-size: 138.5%;
			padding-left: 11px;
		}

		#DOMWindow .striped-dark .content {
			background: #fff;
			margin-top: 8px;
			padding: 10px;
		}

		#DOMWindow .striped-dark .content ol {
			line-height: 2;
			margin-left: 20px;
		}

		/* #content global classes */

		ul.bullets {
			list-style-type: none;
			margin-left: 20px;
		}

		ul.bullets li {
			background: url("../../images/discover/icos/bullet.png") no-repeat 0 10px;
			padding-left: 10px;
		}

		ul.no-bullets {
			list-style-type: none;
			margin-left: 0;
		}

		ul.no-bullets li {
			font-size: 108%;
			line-height: 1.3;
			margin-left: 0;
			padding-bottom: 10px;
		}

		a.overlay {
			background: url("../../images/discover/icos/overlay.png") no-repeat left center;
			padding-left: 16px;
		}

		.video {
			margin-bottom: 20px;
		}

			#no-flash {
				background: #fff !important; /* old browsers */
				background: -moz-linear-gradient(top, #FFFFFF 0%, #EBEFF0 100%) !important; /* gecko */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#EBEFF0)) !important; /* webkit */
				border: 1px solid #b3bcc1;
				display: none;
			}

			.show #no-flash {
				display: block;
			}

			.ie8 #no-flash,
			.ie7 #no-flash,
			.ie6 #no-flash {
				background: none !important; /* old browsers */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#EBEFF0',GradientType=0 ); /* ie */
			}

			.no-js #no-flash {
				display: block;
			}

			#no-flash .content {
				background: url("../../images/discover/icos/warning-large.png") no-repeat 54px 96px;
				font-weight: bold;
			}

		 	#no-flash .content p {
				margin-bottom: 15px;
				padding-right: 50px;
			}

		div.overlay {
			display: none;
		}

		/* #content global backgrounds */

		#feature .call-to-action,
		#the-network-overview li,
		#facts {
			background: url("../../images/discover/bgs/stripes-light.png");
		}

		/* used for 3-column template T3 */

		#main-content {
			float: left;
			margin: 0 25px;
			position: relative;
			width: 529px;
		}

		/* used for templates with box in top-right corner */

		.three-col-top-right-wrapper {
			font-size: 93%;
			padding: 10px;
			margin: 0 0 20px 0;
		}
		

		.three-col-top-right-wrapper .top {
			padding: 12px 10px;
			background: white;
		}

		.three-col-top-right-wrapper .top p {
			margin: 0px;
		}

		.three-col-top-right-wrapper .top .desc {
			margin: 0 0 10px 0;
			font-weight: bold;
			font-size: 100%;
		}

		/* wraps main content area to define fixed width and margin */

		.main-content-wrapper {
			width: 940px;
			margin: 0 auto;
			padding-bottom: 100px;
			border-color: black;
		}

		h1 {
			letter-spacing: -1px;
			font-size: 230%;
			line-height: .75em;
			margin-bottom: 0.9em;
			padding-left: 0;
		}

		.ie7 h1,
		.ie6 h1 {
			line-height: 1;
		}

		h1.extended {
			height: 44px;
			left: 0;
			margin-bottom: 0;
			position: absolute;
			top: 0;
			width: 755px;
		}

		.main-content-less-wide h1,
		.main-content-wide h1 {
			padding-left: 10px;
		}

		.main-content-wrapper h2,
		.main-content-wrapper h3 {
			margin-bottom: 10px;
			font-size: 20px;
			color: black;
		}

		#main-content h2 {
			font-size: 138.5%;
		}

		#main-content p {
			margin-bottom: 30px;
		}

		.main-content-wrapper ul {
			margin-bottom: 10px;
		}

		.main-content-wrapper li {
			margin-left: 17px;
		}

		.main-content-wrapper p  {
			margin-bottom: 10px;
		}

		.top-description,
		#registration-form .top-description {
			color: #576166;
			font-size: 138.5%;
			line-height: 1.3em;
			margin-bottom: 25px;
		}

		.top-list {
			font-size: 138.5%;
			line-height: 1.5em;
		}

		.top-list li {
			color: #576166;
			margin-bottom: 10px;
		}

		/* used for any ULs that float left */

		.left-float-list {
			list-style: none;
			margin: 0;
			padding: 0;
		}

		.left-float-list li {
			display: block;
			float: left;
		}

		/* top box with striped background and padded content within */

		.top-striped-wrapper {
			padding: 20px;
			background: url('../../images/discover/bgs/stripes-light.png');
		}

		.top-striped-wrapper div {
			background: white;
			padding: 20px;
			height: 90px;
			overflow: hidden;
			position: relative;
		}
		
		.ie7 .top-striped-wrapper div {
		width: 820px;
		}
		
		.top-striped-wrapper .left {
			float: left;
			width: 650px;
		}

		.top-striped-wrapper .right {
			float: right;
			width: 140px;
		}

		/* right sidebar text portlets */

		.portlet-text {
			border-bottom: 1px solid #dce3ef;
			font-size: 108%;
			margin-bottom: 18px;
			padding-bottom: 14px;
		}

		.portlet-last {
			border-bottom: 0;
			padding-bottom: 0;
		}

		.portlet-text .header {
			margin: 0;
			font-weight: bold;
		}

		.portlet-text p {
			margin: 0;
		}

		.portlet-text a {
			font-weight: bold;
		}


		#main-content.main-content-wide {
			width: auto;
			margin: 0 auto;
			padding: 0 10px 100px 10px;
		}


		#main-content.main-content-less-wide{
			width: auto;
			margin: 0 auto;
			padding: 0 20px 100px 20px;
		}
		.ie6 .main-content-less-wide {
			width: auto !important;
			margin: 0 auto !important;
			padding: 0 20px 100px 20px !important;
		}

		/* T15/16/17 stretches content width of main area (where right-sidebar would otherwise be) */
		#main-content.main-content-two-col {
			margin: 0 0 0 25px;
			width: 755px;
		}
		.ie6 .main-content-two-col {
			margin: 0 0 0 25px !important;
			width: 755px !important;
		}

		#right-sidebar {
			color: #293033;
			float: right;
			padding-top: 48px;
			width: 200px;
		}

		.right-sidebar-box {
			padding: 10px;
			background: url(../../images/discover/bgs/stripes-light.png) repeat 0 0;
		}
		.right-sidebar-box-inner {
			padding: 10px;
			background: white;
		}
		.right-sidebar-box-shaded {
			padding: 20px;
			background: url(../../images/discover/bgs/box-shaded-bottom.png) repeat-x bottom;
			border: 1px solid #dce3e5;
			margin: 0;
		}

		/*
		 * T9 landing pages with 3 shaded boxes
		 */
		#landing-top-content-wrapper {
			/* height must be set by the page using */
			position: relative;
		}
		#landing-top-content-background {
			height: 370px;
			width: 100%;
			position: absolute;
			top: 0;
			left: 0;
		}
		#landing-top-content-float {
			width: 100%;
			position: absolute;
			top: 200px;
			left: 0;
		}
		#landing-top-content-float .inner {
			color: white;
			font-size: 138.5%;
			text-transform: uppercase;
			text-align: center;
		}
		#landing-top-content-float .inner {
			width: 100%;
			margin: 0;
			padding: 0;
			height: 28px;
			position: absolute;
			top: 22px;			
			left: 0px;
		}
		#landing-top-content-float .inner img {
			vertical-align: text-top;
		}
		.ie6 #landing-top-content-float .inner img {
			vertical-align: middle !important;
		}
		#landing-top-content-banner {
			height: 68px;
			margin: 0 20px;
			margin-bottom: 20px;
		}
		
		
		#shaded-boxes-wrapper {
			/* backgound img must be flush against bottom to allow vertical growth. pad 20px from bottom  */
			background: url(../../images/discover/bgs/landing-links-boxes.png) no-repeat bottom left; /*allows height growth*/
			position: relative;
			padding: 0 0 20px 0;
			width: 940px;
			font-size: 100%;
		}
		ul#shaded-boxes {
			list-style: none;
			margin: 0 20px;
		}
		#shaded-boxes h2 {
			font-size: 138.5%;
			margin: 0;
			line-height: 1.12em;
		}
		#shaded-boxes p {
			margin-top: 10px;
			color: #576166;
			line-height: 1.40em;
			font-size: 93%;
		}
		.ie6 #shaded-boxes p {
			line-height: 1.2em;
		}
		#shaded-boxes a {
			font-size: 108%;
			font-weight: bold;
		}
		#shaded-boxes .column-one,
		#shaded-boxes .column-two,
		#shaded-boxes .column-three {
			width: 300px;
			height: 100%;
			margin: 0;
			padding: 0;
		}
		/*This padding will need to be adjusted specifically for the pages using it to allow proper wrapping*/
		#shaded-boxes .shaded-box-content {
			position: relative;
			margin: 30px 34px 0 34px;
		}
		
		



		/* left-hand level-3 navigation menu */

		#left-sidebar {
			float: left;
			width: 160px;
			min-height: 1px; /* prevent empty content from collapsing column structure*/
		}

		#left-sidebar-menu-wrapper {
			padding: 15px 0;
		}
		#left-sidebar-menu {
			margin: 0 0 0 10px;
			padding: 0;
			list-style: none;
		}
		#left-sidebar-menu {
			list-style: none;
		}

		#left-sidebar-menu li {
			margin: 0;
			display: block;
			width: 100%;
		}

		#left-sidebar-menu li.active {
			background: #fff;
		}

		#left-sidebar-menu li a {
			font-size: 93%;
			padding: 10px 8px;
			display: block;
			font-weight: bold;
		}

		#left-sidebar-menu li.active a {
			color: #293033;
			cursor: default;
			text-decoration: none;
		}


		/*
		 * used for T12
		 * 
		 * */
		h2.box-header {
			height: 32px;
			line-height: 32px;
			color: #fff;
			font-size: 123.1%;
			padding: 0 10px;
			width: 900px;
			background: url(/for-merchants/images/bg_box_header.gif) repeat-x 0 0;
			margin: 0;
		}
		.wide-feature {
			height: 92px;
			font-size: 153.9%;
			color: #293033;
			width: 920px;
			position: relative;
			margin-bottom: 30px;
		}
		.wide-feature-inner {
			position: absolute;;
			width: 650px;
			top: 0;
			overflow: hidden;
			margin: 20px auto auto 45px;
		}
		
		/* T12 two-columns */
		.two-col-wrapper {
			font-size: 108%;
			margin-bottom: 20px;
		}
		.two-col-wrapper hr{
			margin: 20px 0 0 0;
			padding: 0;
		}
		.two-col-wrapper p {
			color: #576166;
			margin-bottom: 10px !important;
		}
		.two-col-wrapper a {
			font-weight: bold;
		}
		.two-col-wrapper .column-one,
		.two-col-wrapper .column-two { /* build padding to 440px W for each */
			width: 380px;
			padding: 0 60px 0 10px;
		}
		
		/* Registration and Contact Us Forms */

		#contact-us-form h2,
		#registration-form h2 {
			font-size: 182%;
		}

		#contact-us-form #column-one p,
		#registration-form #column-one p {
			color: #293033;
			font-size: 116%;
		}

		#contact-us-form legend,
		#registration-form legend,
		#registration-form .information-group .header {
			font-size: 123.1%;
			font-weight: bold;
			padding-bottom: 5px;
		}

		#log-in-form label,
		#forgot-log-in-form label,
		#forgot-password-form label,
		#contact-us-form label,
		#registration-form label {
			display: block;
			font-weight: bold;
			line-height: 2;
		}

		#log-in-form input.text,
		#forgot-log-in-form input.text,
		#forgot-password-form input.text,
		#contact-us-form input.text,
		#registration-form input.text {
			display: block;
			font-size: 108%;
			margin-bottom: 1px;
			padding-top: 6px;
			padding-bottom: 6px;
		}

		#log-in-form p.required,
		#forgot-log-in-form p.required,
		#forgot-password-form p.required,
		#contact-us-form p.required,
		#registration-form p.required,
		#forgotPasswordStepTwo p.required {
			color: #576166;
			font-size: 93%;
			font-style: italic;
			margin-bottom: 18px;
		}

		#log-in-form .hint,
		#forgot-log-in-form .hint,
		#forgot-password-form .hint,
		#contact-us-form .hint,
		#registration-form .hint {
			color: #576166;
			font-size: 85%;
			font-style: italic;
			line-height: 1.7;
		}

			#log-in-form .hint a,
			#forgot-in-form .hint a,
			#forgot-password-form .hint a,
			#contact-us-form .hint a,
			#registration-form .hint a {
				font-style: normal;
				font-weight: bold;
			}

		body.logIn .options,
		#log-in-form .actions,
		#forgot-log-in-form .actions,
		#forgot-password-form .actions,
		#contact-us-form .actions,
		#registration-form .actions {
			line-height: 25px;
		}

			body.logIn .options .button,
			#log-in-form .actions input,
			#forgot-log-in-form .actions input,
			#forgot-password-form .actions input,
			#contact-us-form .actions input,
			#registration-form .actions input {
				float: left;
				height: 25px;
				margin-right: 14px;
				width: 119px;
			}

			#registration-form .actions input {
				width: 85px;
			}

			body.logIn .options .button,
			#log-in-form .actions input,
			#forgot-log-in-form .actions input,
			#forgot-password-form .actions input {
				width: 69px;
			}

			#log-in-form .actions .disabled,
			#forgot-login-form .actions .disabled,
			#forgot-password-form .actions .disabled,
			#contact-us-form .actions .disabled,
			#registration-form .actions .disabled {
				cursor: default;
				float: left;
			}

			body.logIn .options .text,
			#log-in-form .actions a,
			#forgot-log-in-form .actions a,
			#forgot-password-form .actions a,
			#contact-us-form .actions a,
			#registration-form .actions a {
				float: left;
				height: 25px;
				font-size: 108%;
				font-weight: bold;
				width: 54px;
			}

			body.logIn .options a.text {
				width: 230px;
			}

		#log-in-form label,
		#log-in-form label.error,
		#forgot-log-in-form label,
		#forgot-log-in-form label.error,
		#forgot-password-form label,
		#forgot-password-form label.error,
		#contact-us-form label,
		#contact-us-form label.error,
		#registrationStepThreeBankInformation #registration-form label,
		#registrationStepThreeBankInformation #registration-form label.error,
		#registrationStepThreeWithoutBankInformation #registration-form label,
		#registrationStepThreeWithoutBankInformation #registration-form label.error {
			font-size: 93%;
			margin-bottom: 2px;
		}

		#contact-us-form .row .column-two,
		#registrationStepThreeBankInformation #registration-form .row .column-two,
		#registrationStepThreeWithoutBankInformation #registration-form .row .column-two {
			margin: 0;
		}



/* Footer
-------------------------------------------------------------- */

#footer {
    color: #293033;
    margin-top: 10px;
    padding: 10px 0 20px;
}

	#footer ul,
	#footer li {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

		/* row one */

		#footer .row-one {
			border-bottom: 1px solid #ebeff0;
			margin-bottom: 20px;
			padding-bottom: 22px;
		}

			#footer #promos-text {
				float: left;
				font-size: 93%;
				font-weight: bold;
				margin: 24px 20px 0 0;
				text-transform: uppercase;
				width: 216px;
			}

				#promos-text li {
					line-height: 1.8;
				}

				#promos-text .facebook {
					background-position: right -19px;
					padding-right: 20px;
				}

			#promos-images {
				float: left;
				width: 704px;
			}

				#promos-images li {
					float: left;
					margin-right: 20px;
					width: 161px;
				}

				#promos-images li.last-child {
					margin-right: 0;
				}

					#promos-images a {
						background: url("../../images/discover/log-in/sprites/footer-promos.png") no-repeat;
						border: 1px solid #dce3e5;
						display: block;
						height: 103px;

  						-webkit-box-shadow: 0 1px 1px #e9e9e9;
     					   -moz-box-shadow: 0 1px 1px #e9e9e9;
          				        box-shadow: 0 1px 1px #e9e9e9;
					}

					#promos-images .promo-two {
						background-position: 0 -103px;
					}

					#promos-images .promo-three {
						background-position: 0 -206px;
					}

					#promos-images .promo-four {
						background-position: 0 -309px;
					}

		/* row two */

		#footer .row-two {
			font-size: 77%;
			margin-bottom: 25px;
		}

			#footer .row-two .column-one,
			#footer .row-two .column-two,
			#footer .row-two .column-three,
			#footer .row-two .column-four,
			#footer .row-two .column-five,
			#footer .row-two .column-six {
				margin-right: 20px;
				width: 140px;
			}

			#footer .row-two .column-two,
			#footer .row-two .column-six {
				width: 130px;
			}

			#footer .row-two .column-three {
				width: 160px;
			}

			#footer .row-two .column-six {
				margin-right: 0;
			}

				#footer .row-two h3 {
					text-transform: uppercase;
				}

					#footer .row-two li {
						line-height: 1.8;
					}

						#footer .row-two a {
							color: #293033;
						}

		/* row three */

		#footer .row-three {
			border-bottom: 1px solid #ebeff0;
			font-size: 85%;
			font-weight: bold;
			margin-bottom: 12px;
			padding-bottom: 26px;
		}

		/* row four */

		#footer .row-four {
			color: #576166;
			font-size: 85%;
			margin-bottom: 9px;
		}

			#footer .row-four .column-one {
				width: 740px;
			}

			#footer .row-four .column-two {
				text-align: right;
				width: 200px;
			}

				#footer .row-four a {
					color: #576166;
					margin: 0 4px;
				}

/* javascript disabled message */

html.no-js {
	padding-top: 60px !important;
	background-position: 0 50px;
}

#javascript-disabled {
	display: none;
}

.no-js #javascript-disabled {
	position: absolute;
	height: 50px;
	width: 100%;
	background: #faf3bc;
	top: 0;
	left: 0;
	display: block;
	font-size: 85%;
}

.no-js #javascript-disabled .wrapper {
	background: url("../../images/discover/icos/icon-warning-yellow.png") no-repeat 0 10px;
	width: 870px;
	margin: 0 auto;
	padding: 10px 0 10px 50px;
	height: 30px;
}

/**
 * General Content Classes
 */

/* forms */

select {
	border: 2px solid #d2d9db;
	font-size: 85%;
}

textarea,
input.text {
	border: 2px solid #d2d9db;
}

input.text {
	color: #293033;
	font-size: 85%;
	padding: 4px 6px 5px;
}

#main-content p.contains-errors,
#log-in-content p.contains-errors,
#log-in-content p.error,
#main-content p.error,
ul.errors,
label.error,
input.error {
	color: #fe0002;
}

.main-content-wrapper ul.errors {
	margin: 0;
	padding: 0 0 14px;
}

#main-content p.contains-errors,
.main-content-wrapper ul.errors li {
	font-size: 93%;
	list-style-type: none;
	margin: -13px 0 11px 0;
}

.main-content-wrapper ul.errors li {
	line-height: 1.5;
	padding-bottom: 8px;
}

.main-content-wrapper ul.errors a {
	font-weight: bold;
}

#log-in-content p.error,
#main-content p.error {
	font-size: 85%;
	margin-top: -25px;
	margin-bottom: 20px;
	border-color: blue;
}

input.error,
select.error,
textarea.error {
	border: 2px solid #fe0002;
}

.hide {
	display: none !important;
}

.show {
	display: block !important;
}

/* columns */

.column-one,
.column-two,
.column-three,
.column-four,
.column-five,
.column-six {
	float: left;
}

/* colors */
.color-grey {
	color: #576166;	
}

/*
 * jQuery UI Tabs 1.8.9
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */

.tabbed .navigation {
	margin: 0;
	padding: 0;
}

.tabbed .navigation li {
	display: inline;
	text-align: center;
}

.tabbed .navigation .ui-state-active a,
.tabbed .navigation .ui-state-active a:hover {
	color: #000 !important;
}

.tabbed .navigation a {
	color: #f60;
}

.tabbed .navigation a.selected,
.tabbed .navigation a:hover {
	color: #000;
	text-decoration: none;
}

.tabbed .navigation a.selected:hover {
	cursor: default;
}

.tabbed .pane {
	border: 1px solid #f60;
}

.tabbed { position: relative; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.tabbed .navigation li { float: left; position: relative; }
.tabbed .navigation li a { text-decoration: none; }
.tabbed .navigation li.ui-tabs-selected a, .tabbed .navigation li.ui-state-disabled a, .tabbed .navigation li.ui-state-processing a { cursor: text; }
.tabbed .navigation li a, .tabbed.ui-tabs-collapsible .navigation li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.tabbed .ui-tabs-panel { display: block; }
.tabbed .ui-tabs-hide { display: none !important; }


/* TipTip CSS - Version 1.3
 *
 * http://code.drewwilson.com/entry/tiptip-jquery-plugin
 *
 */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	background: #fff !important;
	font-size: 93%;
	color: #ed1c24;
	padding: 6px 11px 7px;
	border: 2px solid #ed1c24;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	background: url("../../images/discover/bgs/tooltip-red-up.png") no-repeat;
	height: 12px;
	left: -7px;
	top: 7px;
	width: 14px;
}

.ie6 #tiptip_holder.tip_bottom #tiptip_arrow {
	top: 2px;
}

/*

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #ed1c24;
	border-top-color: rgba(227,28,36,0.35);
}

*/

#tiptip_holder.tip_right #tiptip_arrow {
	background: url("../../images/discover/bgs/tooltip-red-left.png") no-repeat;
	height: 14px;
	left: 2px;
	top: 0;
	width: 12px;
}

/*

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #ed1c24;
	border-left-color: rgba(227,28,36,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(227,28,36);
	border-top-color: rgba(227,28,36,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(227,28,36);
	border-bottom-color: rgba(227,28,36,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(227,28,36);
	border-right-color: rgba(227,28,36,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(227,28,36);
	border-left-color: rgba(227,28,36,0.92);
}

*/

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}

/* image replacement */
.ir {
	background-repeat: no-repeat;
	direction: ltr;
	display: block;
	overflow: hidden;
	text-align: left;
	text-indent: -999em;
}

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden {
	display: none;
	visibility: hidden;
}

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
   www.webaim.org/techniques/css/invisiblecontent/ ; &  j.mp/visuallyhidden */
.visually-hidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

/* Hide visually and from screenreaders, but maintain layout. */
.invisible {
	visibility: hidden;
}

/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */
.clearfix:before,
.clearfix:after {
	content: "\0020";
	display: block;
	height: 0;
	visibility: show;
	border-color: blue;
}

.clearfix:after {
	clear: both;
}

/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix {
	zoom: 1;
}


/**
 * Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 */
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links. */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}

.footerStyle{
	margin-right:67em;
}

.footerRightStyle{
	margin-left:65em;
}