/* ---------- container ---------- */
#container {
    width: 1006px;
    margin: 0 0 20px 20px;
    padding-top: 20px;	/* IE 6/7 hack */
    overflow: hidden;
    position: relative;
}

/* ---------- header ---------- */
#header {
    height: 171px;
    text-align: left;
    background-image: url(/img/layout/bg_header.gif);
    background-repeat: repeat-x;
    background-position: left 21px;
}
#header #entertainfonavi {
    height: 21px;
    font-weight: normal;
    font-size: 100%;
    line-height: normal;
}
#header #leaderboard {
    position: relative;
    padding: 0 12px 0 12px;
    height: 120px;
}
#header #search {
    height: 29px;
    width: 137px;
    padding: 0 10px 0 12px;
    float: left;
    border-bottom : 1px solid #CCCCCC;
}
input.loginInput, input.searchInput {
    color: #646464;
    border: 1px solid #CCCCCC;
    font-size: 1.00em; 
    width: 118px;
    height: 17px;
    float: left;
    padding: 3px 0 0 3px;
}
.searchButtonImage {
    width: 7px;
    height: 14px;
    margin-top: 4px;
    border: 0;
    padding: 0;
    float: right;
}
#header #mainnavi {
    position: relative;
    z-index: 75;
    height: 30px;
    width: 502px;
    float: left;
}
#header #country {
    height: 29px;
    width: 323px;
    padding: 0 12px 0 10px;
    float: right;
    border-bottom : 1px solid #CCCCCC;
}
#header #country img.btn {
    float: left;
    width: 24px;
    height: 24px;
    margin-right: 5px;
}
#header #country img.country {
    float: right;
    width: 14px;
    height: 12px;
    margin-left: 5px;
    margin-top: 11px;
}
#header #country ul.langselect {
	float: left;
	margin: 9px 0 0 5px;
}
#header #country ul.langselect li {
	display: inline;
	float: left;
}
#header #country ul.langselect li.active {
	font-weight: bold;
}
#header img.logo { padding: 25px 0px; float: left; } 

/* ------ content wrapper ------ */
#content_wrapper {
    width: 1006px;
    float: left;
    background-color: #EBEBEB;
    padding-bottom: 12px;
}
    
/* ---------- content ---------- */
#content {
    width: 468px;
    min-height: 600px;
    height:expression(this.scrollHeight > 600 ? "auto": "600px"); /* ie Mac */
    background-color: #FFFFFF;
    padding: 12px 16px 12px 16px;
    float: left;
    padding-bottom: 30000px;
    margin-bottom: -30000px;
    overflow: hidden;
    position: relative;
}

/* ---------- col left ---------- */
#leftcol {
    float: left;
    width: 159px;
    padding-top: 8px;
    padding-bottom: 30000px;
    margin-bottom: -30000px;
    border-right: 1px solid #CCCCCC;
    /*overflow: hidden;*/
}

/* ---------- col right ---------- */
#rightcol {
	float: right;
	width: 323px;
	padding: 0 12px 0 10px;
    text-align: right;
    padding-bottom: 30000px;
    margin-bottom: -30000px;
    border-left: 1px solid #CCCCCC;
}

/* ---------- footer ---------- */
#footer {
    clear: both;
    text-align: left;
    border-top: 1px solid #CCCCCC;
    position: relative;
    z-index: 2;
    background-color: #EBEBEB;
    padding: 5px 16px 5px 16px;
}

* html #footer {
    height: 1%; /* ie hack */
}