/**********************
 Generic styling
**********************/

body {
	text-align: left;
	font-family: helvetica, arial, sans-serif;
	color: black;
	background-color: white;
	margin: 0;
	padding: 0;
	}

a {
	color: #000080;
	text-decoration: underline;
	}

.secondary, .bottom_note a {
	text-decoration: none;
}

a:visited {
	color: gray;
	}

a:hover {
	color: #00c;
	text-decoration: underline;
	}

a:active {
	color: red;
	}

a img {
	border: none;
	}


h2 {
	display: inline;
	color: #630000;
	font-size: 1.2em;
	margin: 0;
	font-weight: normal;
	font-size: 1.5em;
	}

h2 a {
	color: #630000;
	}

h2 a:hover {
	color: #630000;
	}

#merchant_list a:hover {
	text-decoration: underline;
	}

.sc{
	font-variant-caps: small-caps;
}


/**********************
 Accessibilty link & translation bar
**********************/

.accessibility {
	height: 11px;
	background: #f7f7f9;
	border-bottom: 1px #DFD9F9 solid;
	position: relative;
	top: 0px;
	left: 0px;
	}

.accessibility a {
	display: none; /*link to skip all header stuff, for text-based surfers*/
	}

#translations {
	width: 80%;
	line-height: 1em;
	margin: -11px auto 0 auto;
	}

#translations ul {
	padding:0;
	margin: 0;
	list-style-image: none;
	position: relative;
	}

#translations li {
	float: right;
	display: block;
	font-size: 1em;
	margin: 0 0.5em;
	height: 19px;
	width: 32px;
	}

#translations a img {
	text-decoration: none;
	background: none;
	margin: 0 auto 0 auto;
	}


/**********************
 Main content boxes
**********************/


#wrap {	/* contains everything below accessibilty link */
	width: 43em;
	max-width: 100%;
	clear: both;
	margin: 0 auto 0 auto;
	-moz-box-shadow: silver 0 0 40px;
	-webkit-box-shadow: silver 0 0 40px;
	box-shadow: silver 0 0 40px;
	}

#mainbody {
	background: #f6f6fd url(background.png) center repeat-y;
	padding: 0.1em 0;
	}

#above-main-fold{
	max-width: 39em; /* = 43 - 4 */
	padding: 0 1.5em; /* protect sides if width smaller than 39em*/
	margin: 0 auto;
}

#allthemerchants{
	max-width: 39em; /* = 43 - 4 */
	padding: 0 0.5em; /* protect sides if width smaller than 39em*/
	margin: 0 auto;
}


/**********************
 Header
**********************/

h1
	{
	display: none;
	font-size: 1.6em;
	font-weight: normal;
	margin-top: 1em;
	}

#central_image_wrap {
	margin-top: 3em;
	text-align: center;
	border-top: 3px white solid;
	border-bottom: 3px white solid;
	}

#central_image {
	text-align: center;
	margin: 0 auto;
	}

#central_image img {
	max-width: intrinsic;           /* Safari/WebKit uses a non-standard name */
	max-width: -moz-max-content;    /* Firefox/Gecko */
	max-width: -webkit-max-content; /* Chrome */
	max-width: 100%;
	max-height: 82px;
	}


/**********************
 Lead blurb
**********************/

#tagline_box {
    min-height: 125px;
	margin: 8vh auto 2em auto;
	font-size: 1.2em;
	}

#tagline_box img {
	float: right;
	max-width: 37%;
	height: auto;
	margin: -1vw 0 0 1em;
	}

#intro_box {
	clear: both;
	clear: right;
	}


/**********************
 Tier-1 list
**********************/

#merchant_list img {
	clear: right;
	float: right;
	margin-left: 1em;
	}

#merchant_list a {
	text-decoration: none;
	}

.merchant {
	clear: both;
	margin-top: 2em;
	border: 2px #ddddef solid;
	padding: 1.5em 0.8em 0 0.8em;
	background: #fcfcf2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: white 0 0 2px;
	-webkit-box-shadow: white 0 0 2px;
	box-shadow: white 0 0 2px;
	}

.merchant img {
	opacity: 0.8;
	max-width: 25%;
	height: auto;
	}

.merchant:hover {
	border-color: #c5c5db;
	background: #fcfcec;
	}

.merchant:hover img {
	opacity: 1;
	}

.merchant img.mainmerchantimage {
	-moz-border-radius: 11px;
      -webkit-border-radius: 11px;
      border-radius: 11px;
      transition: box-shadow 0.1s, opacity 0.1s;
	}

.merchant img.mainmerchantimage:hover {
	opacity: 1;
	-moz-box-shadow: gray 0 0 8px;
	-webkit-box-shadow: silver 0 0 8px;
	box-shadow: silver 0 0 8px;
	}


/**********************
 Tier 2 list
**********************/

#secondary_list {
	background: #fcfcf9;
	margin-top: 2em;
	padding: 1em;
	border: 1px #ededef solid;
	-moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      border-radius: 5px;
	background: #fcfcf2;
	-moz-box-shadow: white 0 0 2px;
	-webkit-box-shadow: white 0 0 2px;
	box-shadow: white 0 0 2px;
	}

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

#secondary_list li {
	padding: 0;
	margin: 1em 0;
	}

.secondlist_title {
	font-size: 1.1em;
	}

/**********************
 Delimiters in Tier 3 list
**********************/

.delimiter1 {
	text-align: center;
	margin: 4em 0 2em 0;
	padding-top: 1em;
	border-top: 2px silver solid;
}

.delimiter2 {
}

/**********************
 Generic tools across list
**********************/

.shipping {
	clear: both;
	font-size: 0.9em;
	padding: 0.2em 0 0.6em 0;
	margin: 0 0 0 -2px;
	color: gray;
	}

.shipping a {
	color: #585858;
	}

#merchant_list .shipping img, #secondary_list .shipping img, #see_also .shipping img {
	float: none;
	display: inline;
	width: 32px;
	height: 32px;
	margin: 0 3px -10px 0;
	opacity: 0.5;
	scale: 0.85;
	}

.linktoensite{
	background: url(flags/World.png) center left no-repeat;
	padding: 5px 0 5px 25px;
	background-size: 25px;
	background-position-y: -1px;
}

/**********************
 Tier 3 list
**********************/

#see_also {
	font-size: 0.95em;
	margin: 5em auto 2em auto;
	text-align: left;
	max-width: 38em;
	}

#see_also ul {
	list-style-image: url(blackbullet.png);
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}

#see_also li {
	margin: 1em 0 0.2em 1.5em;
	padding: 0;
	}


.highlight {
	margin-top: 2em;
	background-color: white;
	padding: 0.3em 1em;
	
	border-radius: 5px;
	box-shadow: white 0 0 2px;
}

/**********************
 Footer
**********************/

#bottom_note {
	clear: both;
	font-size: 0.8em;
	text-align: center;
	max-width: 39em; /* = 43 - 4 */
	padding: 0 1em; /* if width smaller than 39em*/
	margin: 5em auto 0 auto;
}


.blurb{
	text-align: justify;
	hyphens: auto;
}


#bottom_note a img {
	opacity: 0.4;
	-moz-box-shadow: white 0 0 15px;
	-webkit-box-shadow: white 0 0 15px;
	box-shadow: white 0 0 15px;
	transition: opacity 1s;
}

#bottom_note a:hover img {
	opacity: 1;
	-moz-box-shadow: white 0 0 20px;
	-webkit-box-shadow: white 0 0 20px;
	box-shadow: white 0 0 20px;

}