@charset "UTF-8";
/* CSS Document */

@import "teaser-home.css";
@import "teaser-whatishuf.css";
@import "teaser-howdoeshufwork.css";
@import "teaser-whoarewe.css";
@import "box.css";
@import "forms.css";


#content {

	visibility: hidden;

}

body {


	background: repeat-x #458bc1 url(../images/bg-gradient.png);
	font-family: Helvetica, sans-serif;
	line-height: 1.5em;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	height: 100%;
	text-align: center;


}


#site-wrapper {

	width: 745px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding-top: 1px;
	text-align: left;
	
	
}

#logo {
	width:190px; 
	height:56px;	
	float: left;
	margin-top: 10px;
	margin-bottom: 15px;
	text-indent:-10000px; 
	background:url('../images/HUF_logobeta.png') 0 0 no-repeat; 
}

html>/**/body { margin-left:-15px; }

#logo img { display:none; }

#content-background {
	width: 745px;
	text-align: center;
	
}

#footer {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}

#footer-text {
	font-size: 10px;
	color: #FFF;
	float: right;
	padding-top: 10px;
	
}

#dialogue-content {

	padding: 100px;
	padding-top: 25px;

}
#merchant_Name{
	margin-left: 120px;
	margin-right: auto;
	width: 600px;
	height: 75px;
	text-align: center;
	vertical-align: middle; 
	/*background-color:#AEDEE4;*/	
	font-size: 20px;
	color:#333333;
	padding-top:10px;
	padding-bottom:10px;
}
merchant_logo{
	padding-top:10px;
	padding-bottom:10px;
}
.merchantlocationslist {
	margin-left: 110px;
	margin-right: auto;
	width:500px;
	margin-top:2px;
	background:#FFFFFF;
	border-bottom:1px solid #333333;border-right:1px solid #FFFFFF;color:#626161;font-size:14px;padding:6px 0 6px 6px;}
	
.merchantlocationforms {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	margin-top:10px;margin-left:40px;background:#FFFFFF;border-bottom:1px solid #FFFFFF;border-right:1px solid #FFFFFF;color:#626161;font-size:12px;padding:6px 0 6px 6px;}

p.merchantdesc{
		text-align: left;
		font-size: 14px;
		color: #333333;
		margin-left:120px;
		padding-right:100px;
		font-weight:bold;
		width:550px;
		line-height:120%;
	}
/* ----- Navigation--------------------------------------------------- */

#navigation {
	float: right;
	margin-top: 20px;
}

#navigation-button {
	float: left;
}

#navigation-button-left {
	float: left;
	background: no-repeat url(../images/navigation-button-left.png);
	height: 33px;
	width: 8px;
}

#navigation-button-right {
	float: left;
	background: no-repeat url(../images/navigation-button-right.png);
	height: 33px;
	width: 8px;
}

#navigation-button-content {

	float: left;
	background: repeat-x url(../images/navigation-button-bg.gif);
	height: 33px;
	font-family: Helvetica;
	padding-top: 8px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 12px;
	color: #EEE;
	
}


#navigation-button-spacer {
	float: left;
	background: repeat-x url(../images/navigation-button-spacer.gif);
	width: 1px;
	height: 33px;
}

#navigation-button:hover #navigation-button-left {
	background: no-repeat url(../images/navigation-button-left-flip.png);
}

#navigation-button:hover #navigation-button-right {
	background: no-repeat url(../images/navigation-button-right-flip.png);
}

#navigation-button:hover #navigation-button-content {
	background: repeat-x url(../images/navigation-button-bg-flip.gif);
	color: #ffcc5f;
}


#navigation-button #navigation-button-content a {

	color: white;
	text-decoration: none;

}

#navigation-button:hover #navigation-button-content a {

	color: #ffcc5f;
	text-decoration: none;

}



/* ----- Tools --------------------------------------------------- */


#clear {

	clear: both;

}