@charset "utf-8";
/* Style Sheet for the Gateway/Entry Page */

/**********************************************************************************
***************************** Reset HTML Elements *********************************
***********************************************************************************/
*, li, ul, a {
	margin:0;
	padding:0
}

/**********************************************************************************
******************* body and layout *********************************
***********************************************************************************/
body {
	width:100%;
	margin:auto;
	font-family:Arial, Helvetica, sans-serif;
}
#body-bg {
	background-image:url(../images/gateway/gateway-bg.png);
	background-position:top center;
	background-repeat:repeat-x;
	height:auto;
	margin:auto;
	width:100%;
	float:left;
}
#container {
	width:920px;
	margin:auto;
}

/**********************************************************************************
***************************** Utility Styles **************************************
***********************************************************************************/
.clear {
	clear:both;
}

/**********************************************************************************
***************************** Header **********************************************
***********************************************************************************/
#header {
	background-image:url(../images/gateway/header-gateway.png);
	background-position:top center;
	background-repeat:no-repeat;
	height:133px;
	width:1020px;
	float:left;
	position:relative;
	z-index:2
}

/**********************************************************************************
**************************** Content-Container  ***********************************
***********************************************************************************/
#content-container {
	height:374px;
	float:left
}
#content-inner {
	background-image:url(../images/gateway/gateway-content-bg.png);
	background-position:top center;
	background-repeat:no-repeat;
	height:381px;
	width:1020px;
	float:left;
	margin-top:-7px;
	position:relative;
	z-index:0
}

/**********************************************************************************
********************* Content on the Left  ****************************************
***********************************************************************************/
#left {
	float: left;
	width: 275px;
	margin: 70px 0 0 145px;
}
#left h1 {
	font-size:25px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
}
#left p {
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
	word-spacing:0.10em;
	letter-spacing:0.10em;
}
#country-select .select, #region-select .select {
	background-color: #FFFFFF;
	background-image: url(../images/css-attributes/orange-arrow-dwn.png);
	background-position: 224px top;
	background-repeat: no-repeat;
	border: 1px solid #d6d6d6;
	color: #383838;
	width: 253px;
	height: 18px;
	overflow: hidden;
	padding: 2px 0 0 3px;
	position: absolute;
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif
}
#country-select select.styled, #region-select select.styled {
	width:260px !important;
}
#region-select {
	margin:10px 0 0;
}
#country-select {
	margin:13px 0 10px;
	position:absolute
}
#save-selection {
	color:#FFF;
	font-weight:bold;
	font-size:13px;
	margin-top:45px;
}
#save-selection #label {
	float:left;
	margin:0px 15px 0 20px;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
	word-spacing:normal;
	letter-spacing:normal;
}
#country-one, #country-two, #country-three, #country-four {
	display:none;
}
#country-one, #country-two, #country-three, #country-four, #select-country-default {
	margin-top:0;
	top:10px;
	position:relative;
}
#cookie-setter {
	top:10px;
	position:relative;
}
#save-selection input {
	margin:2px 4px 0 0;
	float:left;
}
#save-selection .label {
	float:left;
	margin-right:10px;
	font-family:Arial, Helvetica, sans-serif;
}
fieldset {
	border:none;
}
.fields option, select {
	font-size: 11px;
	color:#383838;
	border: none;
	height: 20px;
	width: 255px;
}
.field.dropdown {
	margin-top: 8px;
}
#cookie-setter {
	color:#FFF;
	font-size: 12px;
	font-weight: bold;
}
#cookie-setter ul {
	width:120px;
	float:left;
	display:inline;
	list-style:none;
}
#cookie-setter li {
	display:inline;
	list-style:none;
	width:20px;
}
#cookie-setter label {
	float:left;
	padding:10px 0 10px 10px;
}
#cookie-setter input {
	margin-top:10px;
	float:left;
	margin-left:10px;
}
.Actions input {
	background-image:url(../images/css-attributes/submit-bg-sliver.jpg);
	background-repeat:repeat-x;
	text-align:center;
	border:1px solid;
	border-left-color:#cdcdcd;
	border-bottom-color:#e8e8e8;
	border-top-color:#e8e8e8;
	border-right-color:#dbdbdb;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position:absolute;
	padding:0px 15px 3px;
	color:#008752;
	width:255px;
	height:20px;
	margin-top:8px;
	text-decoration:none;
	font-weight:bold
}
.Actions input:hover {
	color:#585656;
}

/**********************************************************************************
********************* Content on the Right  ****************************************
***********************************************************************************/
.bg-image-wrapper{
	left:445px;
	position:absolute;
    display: inline-block;
    border-radius: 10px;
    overflow: hidden;
}
.bg-image-wrapper .table{
    display: table;
    margin-top: 12px;
}
.bg-image-wrapper .row{
    display: table-row;
}
.bg-image-wrapper .cell{
    display:table-cell;
    padding: 8px;
}
.bg-image-wrapper img{
    display:block;
}



#right {
	left:465px;
	position:absolute;
}
#right-inner {
	background-image:url(../images/gateway/gateway-sprite.png);
	background-position:top center;
	background-repeat:no-repeat;
	height:242px;
	width:420px;
	float:left;
	margin:55px 0 0;
	position:relative;
	z-index:1;
}
#right-inner h1 {
	font-size:16px;
	color:#7a9c3a;
	font-family:Arial, Helvetica, sans-serif;
	margin: 20px 0 0 15px;
}
#right-inner p {
	margin:0 0 0 15px;
	width:170px;
	color:#5c5c5c;
	font-size:12px;
	line-height:18px;
}
#right-inner a {
	font-weight:bold;
	color:#242323;
	text-decoration:none;
}
#right-inner a:hover {
	color:#5c5c5c;
}
.icons {
	width:405px;
	margin:auto;
	position:relative;
	z-index:0;
	top:-50px;
}
.icons img {
	width:0px;
	height:0px;
}

/**********************************************************************************
************************ Gateway Background Images  *******************************
***********************************************************************************/
#right-inner.america {
	background-position:0px 0px;
	display: block;
}
#right-inner.europe {
	background-position:0px -242px;
}
#right-inner.middle-east {
	background-position:0px -484px;
	/*background-position:0px -489px;*/
}
#right-inner.asia {
	background-position:0px -726px;
	/*background-position:0px -737px;*/
}

/**********************************************************************************
****************************** Footer  ********************************************
***********************************************************************************/
#footer {
	background-image:url(../images/gateway/footer-gateway-bg.png);
	background-position:top center;
	background-repeat:no-repeat;
	height:129px;
	width:1020px;
	float:left;
	position:relative;
	z-index:2;
	margin:auto;
}
#footer p {
	color:#304249;
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
	width:100%;
	text-align:center;
	margin:auto;
	padding-top:45px;
}
#footer #second-line {
	font-size:10px;
	width:600px;
	padding-top:10px;
}
#footer a {
	color:#2e7c9c;
	text-decoration:underline;
}