/* OPEN SANS */
@font-face {
	font-family: OpenSans;
	src: url('../fonts/opensans/OpenSans-Regular-webfont.eot');
	src: url('../fonts/opensans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/opensans/OpenSans-Regular-webfont.woff') format('woff'),
		 url('../fonts/opensans/OpenSans-Regular-webfont.ttf') format('truetype'),
		 url('../fonts/opensans/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
	font-weight: normal;
	font-style: normal;
	}

@font-face {
	font-family: OpenSans;
	src: url('../fonts/opensans/OpenSans-Italic-webfont.eot');
	src: url('../fonts/opensans/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/opensans/OpenSans-Italic-webfont.woff') format('woff'),
		 url('../fonts/opensans/OpenSans-Italic-webfont.ttf') format('truetype'),
		 url('../fonts/opensans/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
	font-weight: normal;
	font-style: italic;
	}

@font-face {
	font-family: OpenSans;
	src: url('../fonts/opensans/OpenSans-Semibold-webfont.eot');
	src: url('../fonts/opensans/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/opensans/OpenSans-Semibold-webfont.woff') format('woff'),
		 url('../fonts/opensans/OpenSans-Semibold-webfont.ttf') format('truetype'),
		 url('../fonts/opensans/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
	font-weight: bold;
	font-style: normal;
	}

@font-face {
	font-family: OpenSans;
	src: url('../fonts/opensans/OpenSans-SemiboldItalic-webfont.eot');
	src: url('../fonts/opensans/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/opensans/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
		 url('../fonts/opensans/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
		 url('../fonts/opensans/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
	font-weight: bold;
	font-style: italic;
	}

@font-face {
	font-family: OpenSans;
	src: url('../fonts/opensans/OpenSans-Light-webfont.eot');
	src: url('../fonts/opensans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/opensans/OpenSans-Light-webfont.woff') format('woff'),
		 url('../fonts/opensans/OpenSans-Light-webfont.ttf') format('truetype'),
		 url('../fonts/opensans/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
	font-weight: 200;
	font-style: normal;
	}

@font-face {
	font-family: OpenSans;
	src: url('../fonts/opensans/OpenSans-LightItalic-webfont.eot');
	src: url('../fonts/opensans/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/opensans/OpenSans-LightItalic-webfont.woff') format('woff'),
		 url('../fonts/opensans/OpenSans-LightItalic-webfont.ttf') format('truetype'),
		 url('../fonts/opensans/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
	font-weight: 200;
	font-style: italic;
	}

@font-face {
	font-family: OpenSans;
	src: url('../fonts/opensans/OpenSans-Bold-webfont.eot');
	src: url('../fonts/opensans/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/opensans/OpenSans-Bold-webfont.woff') format('woff'),
		 url('../fonts/opensans/OpenSans-Bold-webfont.ttf') format('truetype'),
		 url('../fonts/opensans/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
	font-weight: 900;
	font-style: normal;
	}

@font-face {
	font-family: OpenSans;
	src: url('../fonts/opensans/OpenSans-BoldItalic-webfont.eot');
	src: url('../fonts/opensans/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/opensans/OpenSans-BoldItalic-webfont.woff') format('woff'),
		 url('../fonts/opensans/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
		 url('../fonts/opensans/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
	font-weight: 900;
	font-style: italic;
	}
/*
body {
	margin:0;
	padding:0;
	font-family:OpenSans;
	}
*/

div#popupItem {
	display:  none;
	position: absolute;
	top:      0px;
	left:     0px;
	z-index:  6000;
	width:    399px;
	height:    393px;
	padding:  0px;
}
	div#popupItem[id]{
		position:fixed;
	}


#popupoverlay {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height: 500px;
	z-index:5000;
}

.close-button {
    border: 0px solid red;
    bottom: -70px;
    float: right;
    height: 59px;
    left: -1px;
    margin-bottom: -89px;
    position: relative;
    width: 74px;
	background-image: url(../hpimages/popupbanner_close);
	text-decoration: none;
}

div#popupItem  .button-wrapper {
    left: 143px;
    position: relative;
    top: 333px;
}


/* BUTTON */
.button-wrapper .button {
	display:block;
	height: 42px;
	line-height: 42px;
	width: auto;
	margin:0;
	padding: 0 40px 0 20px;
	outline:none;
	border:none;
	background:none;
	overflow: visible;
	z-index:0;
	vertical-align: middle;
	font-size: 13px;
	font-weight:bold;
	font-family:OpenSans;
	white-space: nowrap;
	text-align: center;
	text-decoration: none;
	color: #fff;
	}
	
	.button-wrapper .buttonNo {
	display:block;
	height: 42px;
	line-height: 42px;
	width: auto;
	margin:0;
	padding: 0 40px 0 20px;
	outline:none;
	border:none;
	background:none;
	overflow: visible;
	cursor: pointer;
	z-index:0;
	vertical-align: middle;
	font-size: 13px;
	font-weight:bold;
	font-family:OpenSans;
	white-space: nowrap;
	text-align: center;
	text-decoration: none;
	color: #fff;
	}

.button img, .button-wrapper img {margin: 0;}

.button-wrapper {
	display:inline-block;
	vertical-align: middle;
	position:relative;
	height: 42px;
	overflow:hidden;
	white-space: nowrap;
	width: auto;
	z-index:0;
	}

.button-wrapper.hover .button, .button:hover {
	color: #fff;
	text-decoration: none;
	}

.button-wrapper.active .button {
	color:#FC3;
	}

.button-wrapper .l, .button-wrapper .r {
	display:block;
	position:absolute;
	z-index:-1;
	height: 84px;
	
	}

.button-wrapper .l {
	left:0;
	right:50px;
	}

.button-wrapper .r {
	width:400px;
	right:0;
	clip: rect(auto auto auto 350px);
	}

.button-wrapper.hover .l, .button-wrapper.hover .r,
.button-wrapper:hover .l, .button-wrapper:hover .r {
	top: -42px;
	}

input.button { color:#fff; font-family:OpenSans; font-weight:bold; }