/* First, the main stuff */

body {	
		text-align: justify;
		font-family: arial, helvetica, 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;
	}	


em, strong {
		color: #630000;
	}
		


/*--------------------------------------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%;
		max-width: 56em;
		min-width: 500px;
		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 boxes ------------------------ */



#wrap {	/*contains translations, then wrap_left, wrap_right and mainbody*/
		width: 80%;
		max-width: 56em;
		min-width: 780px;
		clear: both;
		margin: 0 auto 0 auto;
	}
		
.wrap_left {
		background: url(shade_left.png) left repeat-y;
		padding-left: 50px;
	}

.wrap_right {
		background: url(shade_right.png) right repeat-y;
		padding-right: 50px;
	}
	
#mainbody {
		border-left: 4px black solid;
		border-right: 4px black solid;
		background: #f6f6fd url(background.png) center repeat-y;
		padding-bottom: 0.1em;
	}

#maincontent {
		padding: 0 2em;
	}

/*-------------------- main contents------------------------*/


#central_image_wrap {
		padding-top: 3em;
	}


#central_image {
		text-align: center;
		border-top: 3px white solid;
		border-bottom: 3px white solid;
		height: 82px;
	}


#tagline_box {
		width: 550px;
		height: 202px;
		margin: 3em auto 2em auto;
		font-size: 1.2em;
		padding-top: 25px;
		text-align: left;
	}

#tagline_box img {
		float: right;
		margin-top: -25px;
	}

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

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


/*----------------- Main merchant 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;
		-moz-border-radius: 5px;
		background: #fcfcf2;
	}

.merchant img {
		opacity: 0.8;
	}

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

.merchant:hover img {
		opacity: 1;
	}


/*-------------------- Secondary merchant list --------------------*/


#secondary_list {
		background: #fcfcf9;
		margin-top: 2em;
		padding: 1em;
		border: 1px #ededef solid;
	}

#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;
	}

/*-----------------------------------------------------------------*/

.shipping {
		clear: both;
		font-size: 0.8em;
		padding: 0.2em 0 0.6em 0;
		color: gray;
	}

#merchant_list .shipping img, #secondary_list .shipping img, #see_also .shipping img {
		float: none;
		display: inline;
		margin: 0 5px -3px 0;
	}



#see_also {
		font-size: 0.95em;
		margin: 3em 2em 2em 2em;
		text-align: left;
	}

#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 2em;
		padding: 0;
	}




#bottom_note {
		clear: both;
		font-size: 0.8em;
		text-align: center;
		margin-top: 5em;
	}

#bottom_note a img {
		opacity: 0.4;
}

#bottom_note a:hover img {
		opacity: 1;
}