img { -ms-interpolation-mode: bicubic; }


body {
	margin: 0;
	padding: 0;
	background-color: #000000;
	color: #ffffff;
	font-family: verdana,helvetica,arial,sans-serif;
	font-size: 11px;
	background: #000000 url('../img/background.png') no-repeat top center;
}

.skin1 {
	background: #000000 url('../img/campaigns/skins/surrogates/background.jpg') no-repeat top center;
}

.skin2 {
	background: #000000 url('../img/campaigns/skins/castle/background.jpg') no-repeat top center;
}

.skinalice {
	 background: #000000 url('../img/actionpage/alice/background.jpg') no-repeat top center; 
}

.skinsorcerersapprentice {
	 background: #000000 url('../img/campaigns/skins/sorcerersapprentice/background2.jpg') no-repeat top center; 
}

.skinpop {
	 background: #000000 url('../img/campaigns/skins/pop/background.jpg') no-repeat top center; 
}


.skinbetty {
	  background: #000000 url('../img/campaigns/skins/uglybetty/background.jpg') no-repeat top center; 
}

.skinboys {
	  background: #000000 url('../img/campaigns/skins/theboys/background.jpg') no-repeat top center; 
}

.skinfine {
	background: #000000 url('../img/campaigns/skins/everybodysfine/background.jpg') no-repeat top center; 
	background-color: #8CB5E1;
}

img {
	border: 0;
}

h1{
	font-family: helvetica,verdana;
	font-size: 1.4em;
	font-weight: bold;
	text-transform: uppercase;
}

h2 {
	font-family: helvetica,verdana;
	font-size: 1.3em;
	font-weight: bold;
	text-transform: uppercase;
}

h3 {
	font-family: helvetica,verdana;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
}

a:link						{ color: #333333; text-decoration: underline;	}
a:visited					{ color: #333333; text-decoration: underline;	}
a:active					{ color: #333333; text-decoration: none;		}
a:hover						{ color: #333333; text-decoration: none;		}

#footer a:link				{ color: #ffffff; text-decoration: none;		}
#footer a:visited			{ color: #ffffff; text-decoration: none;		}
#footer a:active			{ color: #ffffff; text-decoration: underline;	}
#footer a:hover				{ color: #ffffff; text-decoration: underline;	}

#wrapper {
	position: relative;
	width: 950px;
	margin: 0 auto;
}

#wrapper #top {
	position: relative;
	width: 950px;
	height: 111px;
}

#wrapper #top #logo {
	position: absolute;
	width: 170px;
	height: 65px;
	bottom: 24px;
	left: 25px;
}

#wrapper #top #badge-overlay {
	position: absolute;
	width: 400px;
	height: 80px;
	bottom: 15px;
	right: 0;
	background-color: #000000;
	opacity: .85;
	-ms-filter: "alpha(opacity=85)";
	filter: alpha(opacity=85);
}

#wrapper #top div#country{
	z-index: 4000;
	width: 400px;
	height: 80px;
	bottom: 15px;
	right: 0;
	position: absolute;
}

#wrapper #top #country-overlay {
	position: absolute;
	width: 400px;
	height: 80px;
	z-index:4100;
	background-color: #000000;
/*
	opacity: .85;
	-ms-filter: "alpha(opacity=85)";
	filter: alpha(opacity=85);
*/
}

#wrapper #top #country-content {
	position: absolute;
	width: 400px;
	height: 80px;
	z-index:4200;
}

#wrapper #top #country-content img{
	width: 25px;
}

#wrapper #top #country-content div.flags{
	margin: 5px 15px;
	width: 370px;
	float: left;
	position: relative;
	font-size: 9px;
}

#wrapper #top #country-content div.flags div.flag{
	float: left;
	width: 92px;
	text-align: center;
}

#wrapper #top #country-content p{
	float:left;
	font-family:helvetica,verdana;
	font-weight:bold;
	line-height:1.3em;
	margin: 10px 0 0 10px;
	position:relative;
}

#wrapper #top #badge-content {
	position: absolute;
	width: 400px;
	height: 80px;
	bottom: 15px;
	right: 0;
}

#badge-account {
	position: relative;
	height: 50px;
	float: left;
	line-height: 1.3em;
	margin: 15px 15px 15px 15px;
	font-family: helvetica,verdana;
	font-weight: bold;
}

#badge-account a {
	color: #ffffff;
}

#badge-account-text{
	height: 25px;
	line-height: 25px;
}

#badge-account-text-active{
	height: 25px;
	line-height: 25px;
	font-size: 1.2em;
}

#badge-account-buttons{
	height: 25px;
	vertical-align: middle;
}

#badge-mm {
	position: relative;
	height: 80px;
	float: right;
	line-height: 80px;
	margin: 0 20px 0 0;
	font-family: helvetica,verdana;
	font-size: 36px;
	font-weight: bold;
}

#wrapper #holder {
	position: relative;
	width: 930px;
	padding: 10px;
}

#wrapper #holder #header {
	position: relative;
	height: 45px;
	margin: 0 0 10px 0;
}

#wrapper #holder #header #menu {
	position: relative;
	height: 45px;
	width: 690px;
	float: left;
}

.menu-button-left {
	position: static;
	width: 139px;
	height: 45px;
	background: #000000 url('../img/menu_button_left.png') no-repeat top left;
	float: left;
}

.menu-button-left:hover, .menu-button-left.selected {
	background: #000000 url('../img/menu_button_left_hover.png') no-repeat top left;
}

.menu-button-left:hover a, .menu-button-left.selected a {
	color: #ffffff;
}

.menu-button-center {
	position: static;
	width: 137px;
	height: 45px;
	background: #000000 url('../img/menu_button_center.png') no-repeat top left;
	float: left;
}

.menu-button-center:hover, .menu-button-center.selected {
	background: #000000 url('../img/menu_button_center_hover.png') no-repeat top left;
}

.menu-button-center:hover a, .menu-button-center.selected a {
	color: #ffffff;
}

.menu-button-right {
	position: static;
	width: 139px;
	height: 45px;
	background: #000000 url('../img/menu_button_right.png') no-repeat top left;
	float: left;
}

.menu-button-right:hover, .menu-button-right.selected {
	background: #000000 url('../img/menu_button_right_hover.png') no-repeat top left;
}

.menu-button-right:hover a, .menu-button-right.selected a {
	color: #ffffff;
}

.menu-button-left a, .menu-button-right a {
	color: #000000;
	display: block;
	width : 139px;
	height: 45px;
	line-height: 45px;
	text-transform: uppercase;
	font-size: 1.1em;
	text-decoration: none;
	text-align: center;
}

.menu-button-center a {
	color: #000000;
	display: block;
	width : 137px;
	height: 45px;
	line-height: 45px;
	text-transform: uppercase;
	font-size: 1.1em;
	text-decoration: none;
	text-align: center;
}

#wrapper #holder #header #redeem {
	position: relative;
	height: 45px;
	width: 230px;
	float: right;
}

#wrapper #holder #content {
	position: relative;
	overflow: hidden;
}

#wrapper #holder #banner {
	position: relative;
	overflow: hidden;
	margin: 10px 0 0 0;
}

#wrapper #holder #banner img {
	float: right;
}

#wrapper #holder #footer{
	position: relative;
	margin: 10px 0 0 0;
	overflow: hidden;
}

#wrapper #holder #footer .col-top{
	background: #333333;
	padding: 13px 10px;
	overflow: auto;
	height: 85px;
	width: 910px;
	*float: left;
	*position: relative;
	_float: left;
	_position: relative;
}

#wrapper #holder #footer .col-left {
	position: relative;
	float: left;
	text-align: left;
	margin: 0 47px 0 0;
}

#wrapper #holder #footer .col-left.logo{
	margin: 0 100px 0 0;
}

#wrapper #holder #footer .col-right {
	position: relative;
	float: right;
	text-align: right;
}

#wrapper #holder #footer .col-right.social{
	position: relative;
	float: right;
	text-align: left;
	font-size: 10px;
}

#wrapper #holder #footer .col-right.social p, #wrapper #holder #footer .col-right.social img{
	margin: 0 0 5px;
}

#wrapper #holder #footer .col-bottom{
	overflow: hidden;
	margin: 13px 10px;	
}

#wrapper #holder #footer .col-bottom img, #wrapper #holder #footer .col-bottom p{
	float: left;
	margin: 0px 20px 0 0;
	display: block;
	width: auto;
}

#wrapper #holder #footer .col-bottom p{
	font-size: 10px;
}