/* TAGS **********************************************************************/
* {
	margin: 0;
	padding: 0;
}
body {
	color: #4A4D7E;
}
body, input, textarea, button {
	font-family: Arial, Helvetica, sans-serif;
}
input, textarea, select {
	font-size: 12px;
}
textarea {
	overflow: auto;
}
textarea, input.text {
	background-color: #f6f6f6;
	border-top: 1px solid #aaa;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #aaa;
	padding: 1px;
	font-weight: normal;
}
ul, ol {
	list-style: none;
}
a {
	outline: none;
	text-decoration: none;
	color: #7C0095;
}
p {
	margin-bottom: 3px;
}
img {
	border: 0;
	vertical-align: middle;
}
pre {
	margin: 3px 3px 6px 3px;
	padding: 3px;
	background-color: #f5f5f5;
	border: 1px dashed black;
	font-size: 12px;
}
sup,
sub {
	position: relative;
	height: 0;
	line-height: 1;
	font-size: 10px;
}
sup {
	vertical-align: top;
	_vertical-align: super;
}
sub {
	vertical-align: bottom;
}
table {
	border-collapse: collapse;
}


/* GENERIC CLASSES *************************************************/
.hidden {
	visibility: hidden;
}

a.style-0 {
	padding-left: 10px;
	background: url(/media/howchet/image/interface/ico/0-arrow.png) no-repeat 0 4px;
	font-size: 12px;
	font-weight: bold;
	color: #9496C4;
}
p.style-0 {
	font-weight: bold;
	color: #927B44;
}

/* BACKGROUND ******************************************************/
body.body-style-0 {
	background: #ABAED1 url(/media/howchet/image/interface/background/body/0-repeat-x.png) repeat-x;
}
body.body-style-1 {
	background: #F5BED5 url(/media/howchet/image/interface/background/body/1-repeat-x.png) repeat-x;
}
body.body-style-2 {
	background: #C5C7DE url(/media/howchet/image/interface/background/body/2-repeat-x.png) repeat-x;
}

div.body-background {
	position: absolute;
	top: 24px;
	background-repeat: no-repeat;
	/* z-index: -1;This must be commented out for IE8 beta 1 */
}
#body-background-left {
	left: 0;
}
#body-background-right {
	right: 0;
	background-position: right top;
}

/* BODY-STYLE-0 */
body.body-style-0 div.body-background {
	height: 1041px;
	background-image: url(/media/howchet/image/interface/background/body/0-background.jpg);
}
body.body-style-0 #body-background-left {
	width: 419px;
}
body.body-style-0 #body-background-right {
	width: 155px;
}
/* BODY-STYLE-1 */
body.body-style-1 div.body-background {
	height: 853px;
	background-image: url(/media/howchet/image/interface/background/body/1-background.jpg);
}
body.body-style-1 #body-background-left {
	width: 124px;
}
body.body-style-1 #body-background-right {
	width: 301px;
}
/* BODY-STYLE-2 */
body.body-style-2 div.body-background {
	height: 853px;
	background-image: url(/media/howchet/image/interface/background/body/2-background.jpg);
}
body.body-style-2 #body-background-left {
	width: 212px;
}
body.body-style-2 #body-background-right {
	width: 213px;
}


/* OWLIENT **********************************************************/
#owlient div.connected {
	color: #777364;
}
#owlient div.connected span {
	color: #AA7188;
}
#flags {
	padding-right: 5px;
}


/* CONTAINER *******************************************************/
#container {
	position: relative;
	width: 883px;
	margin: 0 auto;
}

/* TABS **********************************************************************/
#tabs li.portal a {
	width: 137px;
	padding-right: 25px;
}
#tabs li.game a {
	width: 57px;
}
#tabs li.shopping a {
	width: 83px;
	padding-left: 21px;
}

/* HEADER ************************************************/
#header {
	position: relative;
	height: 117px;
}

#logo-howchet {
	position: absolute;
	width: 275px;
	height: 74px;
	left: 4px;
	top: 27px;
	display: block;
	text-indent: -1000px;
	background-repeat: no-repeat;
	background-image: url(/media/lang/image/interface/logo/howchet.png);
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/lang/image/interface/logo/howchet.32.png', sizingMethod='crop');
	overflow: hidden;
}
#logo-howchet a {
	/*width: 212px;*/
	width: 263px;
	height: 70px;
	display: block;
	overflow: hidden;
}

#introduction {
    position: absolute;
    right: 5px;
    top: 33px;
    font-size: 11px;
    font-weight: bold;
    width: 665px;
	height: 82px;
}

/* CONTENT ***********************************************/
#content {
	position: relative;
	width: 883px;
	top: 50px;
	font-size: 14px;
}
#content:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/* FOOTER ************************************************/
#footer {
	margin-top: 66px;
	padding-left: 30px;
	background: url(/media/howchet/image/interface/ico/1-arrow.png) no-repeat 15px 3px;
	font-size: 10px;
	letter-spacing: 0.04em;
	color: #4A4D7E;
	clear: both;
}

#footer a {
	color: #4A4D7E;
}