/**
 * AMEX screen
 * ---------------------------------------------------------------------
 */

body {
	margin: 0;
	padding: 0;
	background: #fff url('images/side-bg.gif') repeat-y;
	color: #000;
	font: 76.5%/150% Arial, Helvetica, sans-serif;
}

body.platinum {
	background: #fff url('images/platinum-side-bg.gif') repeat-y;
}

body#index { background: #fff; }


ul { list-style: square; }
ul ul { list-style: disc; }

a:link    { color: #036; }
a:visited { color: #069; }
a:focus   { color: #933; }
a:hover {
	color: #933;
	text-decoration: none;
}

a:active {
	color: #b10021;
	text-decoration: underline;
}

.platinum a:link    { color: #666; }
.platinum a:visited { color: #999; }
.platinum a:focus   { color: #888; }
.platinum a:hover {
	color: #000;
	text-decoration: none;
}

/*@media khtmlhack {
	body { font: 76.5%/150% Helvetica, Arial, sans-serif; }
}*/

#amex {
	min-width: 990px;
}

#index #amex {
	position: relative;
	width: 62.6em;
	min-width: 780px;
}

	#head {
		position: relative;
		height: 6.65em;
	}

		#logo {
			position: absolute;
			top: 0;
			left: 0;
			width: 116px;
			height: 6em;
			padding: 20px 0 0 4px;
			background: #fff;
		}

		#index #logo {
			width: 120px;
			padding: 20px 0 0 30px;
			height: 4.8em;
		}

			#logo a {
				position: relative;
			}
			
			#logo #amex-logo { margin-left:20px; }

		#head h1 {
			position: absolute;
			top: 1.85em;
			left: 120px;
			color: #036;
			font-size: 1.55em;
			font-weight: bold;
			text-transform: uppercase;
		}

		.platinum #head h1 {
			color: #444;
		}

		#head ul {
			margin: 0;
			padding: 0;
			list-style: none;
		}

		#site-options {
			position: absolute;
			top: 3.45em;
			right: 1em;
		}

		#index #site-options {
			right: .5em;
		}

			#site-options li {
				line-height: 1;
				float: left;
				margin-left: .75em;
				padding-left: .75em;
				border-left: 1px solid #036;
				font-size: 93%;
			}

			#site-options li.first {
				margin: 0;
				padding: 0;
				border: 0;
			}

			#site-options li.login {
				position: relative;
				top: -4px;
				margin-left: 20px;
				padding: 4px 25px 4px 14px;
				background: #fc6 url('images/bullet-arrow-right.gif') no-repeat 90% 50%;
				font-weight: bold;
				text-transform: uppercase;
				text-decoration: none;
				border-left: 0;
			}

				#site-options li.login a {
					position: relative;
					display: block;
					color: #036;
					text-decoration: none;
				}

				* html #site-options li.login a {
					top: 1px;
				}

		ul#main-navigation {
			background: #39c;
			margin: 0 0 0 120px;
		}

		#index #main-navigation {
			position: absolute;
			top: 0;
			right: 0;
			width: 54em;
		}


		@media all and (min-width:0px) {
			#index #main-navigation {
				width: 55em;
			}
		}

			#main-navigation li {
				float: left;
				border-right: 1px solid #fff;
			}

			#main-navigation a {
				display: block;
				padding: .3em .85em;
				color: #fff;
				font-weight: bold;
				font-size: 93%;
				text-decoration: none;
			}

				#main-navigation a:focus,
				#main-navigation a:hover,
				#main-navigation a:active,
				#main-navigation .current a {
					background-color: #069;
				}

		#sub-navigation {
			background: #d8e8f8;
			margin: -1em 0 0 120px;
			font-size: 93%;
			height: 2.1em;
		}

		.platinum #sub-navigation {
			background: #ccc;
		}

			#sub-navigation ul {
				margin: 0;
				padding: 0;
				list-style: none;
			}

				#sub-navigation li {
					position: relative;
					float: left;
				}

				#sub-navigation li:hover,
				#sub-navigation li.hover {
					z-index: 1;
				}

				#sub-navigation a {
					display: block;
					padding: .25em 1em;
					color: #036;
					text-decoration: none;
					border: 1px solid #d8e8f8;
				}

				.platinum #sub-navigation a {
					border-color: #ccc;
					color: #444;
				}

				#sub-navigation a:hover,
				#sub-navigation li:hover a,
				#sub-navigation li.hover a,
				#sub-navigation li.current a {
					background: #fff;
					border-color: #036;
				}

				.platinum #sub-navigation a:hover,
				.platinum #sub-navigation li:hover a,
				.platinum #sub-navigation li.hover a,
				.platinum #sub-navigation li.current a {
					border-color: #777;
				}

				#sub-navigation li ul {
					position: absolute;
					display: none;
					top: 96%;
					padding: .25em 0;
					background: #fff;
					border: 1px solid #036;
				}

				.platinum #sub-navigation li ul {
					border-color: #777;
				}

				#sub-navigation li:hover ul,
				#sub-navigation li.hover ul {
					display: block;
				}

					#sub-navigation li li {
						float: none;
						margin: .5em 1em;
						vertical-align: top;
					}

						#sub-navigation li li a {
							display: inline;
							padding: .15em 0;
							border: 0;
							white-space: nowrap;
						}

						#sub-navigation li li a:hover,
						#sub-navigation li li.current a {
							text-decoration: underline;
						}

						.current-platinum {
							font-weight: bold;
							margin-right: 10px;
						}

	#sidebar {
		float: left;
		width: 120px;
		font-size: 93%;
	}

		#sidebar h5 {
			margin: 0;
			padding: 2px 10px;
			background: #39c;
			color: #fff;
			border-bottom: 1px solid #fff;
		}

		.platinum #sidebar h5 {
			background: #999;
		}

		#sidebar ul {
			margin: 0;
			padding: 0;
			list-style: none;
		}

			#sidebar li {
				border-bottom: 1px solid #fff;
			}

			#sidebar li.current {
				background: #e7f2fd;
			}

			.platinum #sidebar li.current {
				background: #fff;
			}

			#sidebar a {
				display: block;
				padding: 3px 10px;
			}

			.platinum #sidebar a {
				color: #333;
				text-decoration: none;
			}

			.platinum #sidebar a:hover {
				background: #fff;
			}

	#content {
		margin: 0 20% 2em 120px;
		margin: 0 0 2em 120px;
		padding: 10px;
	}

		#page {
			float: left;
		}

		#page.right {
			position: relative;
			display: inline;
			margin-right: 152px;
		}

		.platinum #page {
			width: 720px;
			padding-bottom: 20px;
			background: url('images/platinum-footer.gif') no-repeat 0 100%;
		}

		#header {
			position: relative;
			height: 90px;
			background: #c6c6c6 url('images/platinum-head.jpg') no-repeat;
		}

			#header h2 {
				position: absolute;
				top: 22px;
				left: 21px;
				width: 250px;
				font-size: 1.5em;
				line-height: 1.2;
				font-weight: normal;
				text-transform: none !important;
			}

		#platinum {
			padding: 15px 20px;
			border: solid #c6c6c6;
			border-width: 0 1px;
			zoom: 1;
		}

		#platinum:after {
			content: ".";
			clear: both;
			display: block;
			height: 0;
			visibility: hidden;
		}

		#right-side {
			position: relative;
			display: inline;
			float: right;
			width: 142px;
			margin: 0 -152px 30px 30px;
		}

			#right-side ul {
				position: relative;
				margin: 0;
				padding: 0;
				list-style: none;
				font-size: 93%;
			}

				#right-side li {
					position: relative;
					margin: 0 0 10px;
					padding: .25em .75em .25em 1.5em;
					color: #369;
					border: 1px solid #369;
					text-decoration: none;
					background: #fff url('images/bullet-arrow-right.gif') no-repeat .65em .5em;
					line-height: 1.2;
				}

				#right-side li.last { border: 0; }

				#right-side li a.banner {
					position: relative;
					display: block;
					margin: -.25em -.75em -.25em -1.5em;
				}

		#main-block {
			margin: 0 0 2em 10px;
			border: 10px solid #c2cfd7;
		}

			#promo, #ebank {
				float: left;
			}

			#promo {
				width: 540px;
			}

			#ebank {
				padding: 1em .5em 0 1.5em;
			}

				#ebank h3 {
					margin: 0 0 .75em;
					font-size: 1.5em;
					text-transform: uppercase;
					font-weight: normal;
				}

					#ebank h3 strong {
						font-weight: normal;
						color: #933;
					}

				.login-button {
					display: block;
					float: left;
					/*padding: .25em 35px .25em .75em; background: #fc6 url('images/login-lock-bg.gif') no-repeat 100% 50%;*/					
					padding:0;
					width:105px; height:21px;
					background: #fff url('images/login-btn.gif') no-repeat 50% 50%;
					
					font-weight: bold;
					text-transform: uppercase;
					text-decoration: none;
				}

					.login-button span {
						padding-left: 15px;
						background: url('images/bullet-arrow-right.gif') no-repeat 2px 50%;
					}

				.optional {
					margin: 0 0 1.5em;
					padding: 0;
					list-style: none;
					font-size: 93%;
				}

					.optional li {
						margin: 0 0 .25em;
					}

						.optional a {
							color: #888;
						}

			#sections {
				margin-left: 10px;
				border: 0;
			}

			#sections td {
				width: 21%;
				padding: 1em 2%;
				list-style: none;
				font-size: 93%;
				border: 0;
				border-right: 1px solid #369;
				vertical-align: top;
			}

			#sections td.first {
				padding-left: 0;
			}

				#sections strong a {
					position: relative;
					top: -.75em;
					padding: .25em .75em .25em 1.5em;
					color: #369;
					border: 1px solid #369;
					text-decoration: none;
					background: url('images/bullet-arrow-right.gif') no-repeat .65em 50%;
				}

				#sections strong a:focus,
				#sections strong a:hover,
				#sections strong a:active {
					color: #036;
				}


		#banner {
			margin: 0 0 15px;
		}

		#content h1 {
			margin: 0 0 .5em;
			color: #036;
			font-size: 1.8em;
		}

		#content h2 {
			margin: 0 0 .5em;
			color: #036;
			font-size: 1.45em;
			text-transform: uppercase;
		}

		.platinum #content h1,
		.platinum #content h2 {
			color: #444;
		}

			#ArticleFilter p {
				float: left;
				margin-right: 1.5em;
			}

			#ArticleFilter label {
				display: inline;
				margin: 0;
				padding: 0 5px 0 0;
			}

			#ArticleFilter button {
				position: relative;
				top: -2px;
			}

			.selects { border: 0; }

			.selects td {
				padding: 0 20px 35px 0;
				vertical-align: top;
				border: 0;
			}

			.selects td.logo {
				width: 117px;
				text-align: center;
			}

			.selects td h5, .selects td p {
				margin: 0 0 .25em 0;
			}

			.selects td h5 { margin-top: 5px; font-size: 1.2em; }

			.requisites { color: #777; }


			.info, .photos {
				float: left;
			}

			.info {
				width: 460px;
			}

			.photos {
				width: 320px;
				padding-left: 20px;
			}

			.back {
				clear: both;
			}

			.address { color: #777; }

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

			.services li {
				float: left;
				display: inline;
				width: 20em;
				margin: 0 2em 1em 0;
				padding: 0 0 1em;
				border-bottom: 1px solid #39c;
			}

			.services h5, .services p {
				margin: 0 0 .25em;
			}

			.services h5 { font-size: 1.2em; }

			table.features { border: 0; width: 100%; border-collapse: separate; }

			.w50 { width: 50%; }
			.w33 { width: 33.3%; }

			table.features th,
			table.features td {
				vertical-align: top;
			}

			table.features th {
				padding: 0;
				border: 0;
			}

			table.features td {
				padding: 10px 10px 5px;
				background: #eaf2fb;
				border: 0;
			}

			table.features td.br {
				border-right: 10px solid #fff;
			}

			table.features td.order-now {
				height: 160px;
				border: 1px solid #164b6d;
				background: #fff url('images/order-gold-bg.jpg') no-repeat 100% 50%;
			}

			table.features td.order-now p.order {
				margin: 0;
			}

				table.features td.order-now p.order a {
					position: relative;
					display: block;
					height: 140px;
					margin: -10px;
					text-indent: -9999pt;
					text-decoration: none;
					outline: none;
				}

			table.list td {
				border-bottom: 15px solid #fff;
			}

				table.features h3 {
					margin: -10px -10px 10px;
					padding: .25em 1em;
					background: #164b6d;
					color: #fff;
					font-size: 93%;
					text-transform: uppercase;
					border-bottom: 1px solid #fff;
				}

				table.features th h3 {
					margin: 0;
				}

				table.features td.img {
					padding: 15px 0 10px 15px;
				}

				table.features td.img img {
					border: 1px solid #036;
				}

	.sitemap dd {
		margin: 0 0 0 1.25em;
	}

	.sitemap ul {
		margin: 1em 0;
		padding: 0 0 0 1.25em;
	}

	.sitemap ul ul {
		font-size: 93%;
	}


	#footer {
		margin-left: 120px;
		margin-top: 40px;
		padding-bottom: 20px;
		font-size: 93%;
		text-align: center;
	}

	#index #footer {
		margin-left: 0;
	}
	
		#footer #clogo {
			float:left;
			margin:0 0 0 15px;
		}


a.primary-cta {
	padding: .25em .75em .25em 1.5em;
	color: #369;
	border: 1px solid #369;
	text-decoration: none;
	background: #fff url('images/bullet-arrow-right.gif') no-repeat .65em 50%;
	font-weight: bold;
}

a.primary-cta:focus,
a.primary-cta:hover,
a.primary-cta:active {
	color: #036;
}


.cf:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}

p.right {
	float: right;
	margin: 0 0 0 20px;
}

.prices {
	width: 700px;
}

.platinum .prices { width: auto; }

.prices th {
	text-align: left;
	background: #d8e8f8;
}

.platinum .prices th {
	background: #e2e2e2;
}

.prices .price {
	background: #f7fafe;
}

.platinum .prices .price {
	background: #f5f5f5;
}

.platinum h3 {
	font-size: 1.5em;
	color: #444;
	font-weight: normal;
}

.platinum h4 {
	margin: 1em 0 .25em;
}

dl.expandable:after {
  content: '.';
  clear: both;
  display: block;
  height: 0;
  visibility: hidden;
}

.platinum h5 {
	margin: 0 0 .5em;
}

.expandable dt {

}

.js dt {
  margin-bottom: 1em;
  padding-right: 15px;
}

.js dt a {
/*   padding-right: 14px;
  background: url('images/ico-down.gif') no-repeat 100% 50%; */
  color: #036 !important;
  border-bottom: 1px dashed #036;
  text-decoration: none !important;
}

.expandable dd {
  clear: both;
  margin: 0 0 2em;
}

.expandable dd.hidden {
  display: none;
}


.banner {
	min-width: 600px;
	margin-bottom: 15px;
}

.banner * {
	vertical-align: top;
}

.b-gold-main { background-color: #b3a05b; }
.b-gold-safety { background-color: #e8e6cd; }
.b-gold-freedom { background-color: #bdc8da; }
.b-gold-travel { background-color: #4f8ede; }
.b-gold-special { background-color: #627c97; }
.b-gold-special2 { background-color: #739ac9; }
.b-gold-application { background-color: #ebede7; }
.b-offers { background-color: #d3dee0; }
.b-business { background-color: #afb9bb; }
.b-cooperate { background-color: #e7e8e3; }
.b-maintenance { background-color: #a49d8a; }
.b-request { background-color: #8dc1e6; }
.b-about { background-color: #9bd7f9; }
.b-main { background-color: #bbc6cd; }
.b-selects { background-color: #d0e3e7; }
.b-christmas { background-color: #e5e7ef; }
.b-special { background-color: #092964; }
.b-loyal { background-color: #e4f0f0; }
.b-loyal-gold { background-color: #dfecf4; }


.form {
	width: 554px;
	margin: 0;
	padding: 0;
}

.form fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

.row {
	clear: both;
	margin: 0 0 10px;
	zoom: 1;
}

.row:after {
	content: '.';
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}

.column {
	float: left;
	display: inline;
	margin-right: 10px;
}

.financial .column {
	margin-bottom: 7px;
}

.last {
	margin-right: 0;
}

.span-1  { width: 37px;  }
.span-2  { width: 84px;  }
.span-3  { width: 131px; }
.span-4  { width: 178px; }
.span-5  { width: 225px; }
.span-6  { width: 272px; }
.span-7  { width: 319px; }
.span-8  { width: 366px; }
.span-9  { width: 413px; }
.span-10 { width: 460px; }
.span-11 { width: 507px; }
.span-12 { width: 554px; margin-right: 0; }

.field {
	margin: 0;
	padding: 5px 10px;
	border: 1px solid #fff;
}

.field input,
.field textarea {
	clear: both;
}

.field label,
.field .label {
	display: block;
	font-weight: bold;
	margin: 0 0 5px;
}

.radio label {
	display: inline;
	font-weight: normal;
	margin-right: 15px;
}

.radio label * {
	margin: 0; padding: 0;
}

.radio span.label {
	display: block;
	line-height: 100%;
	margin: 0 0 8px;
}

.wide {
	width: 100%;
}

.form .required {
	display: none;
}

.field.error {
	background: #fff2d9;
	/* border-color: #ffcc66; */
}

.field.error input,
.field.error textarea {
	background: #fff;
}

.field .error-note { display: none; }

.form .required-msg {
	padding: 0 10px;
}

.form .error-list {
	padding: 0 10px;
	color: #be0000;
	font-weight: bold;
}

.form .action {
	padding: 0 10px;
	text-align: right;
}

.form .action button {
	padding: .25em .75em;
}

.platinum .emphasis {
	margin: 20px 0 10px;
	padding: 10px 10px 5px;
	background-color: #e0eae4;
}

.platinum .emphasis ul {
	position: relative;
	margin-left: -10px;
}

#ArticleFilter fieldset p.field {
	margin: 0 20px 0 0; padding: 0;
}

#ArticleFilter fieldset p.field label {
	font-weight: normal;
}

table.black td
{
    background: #000000;
    color: #FFFFFF;
}
table.black td a
{
    color: #FFFFFF !important;
}

.span-6 input.wide
{
    width: 250px;
}
.span-12 textarea.wide
{
    width: 532px;
}