/**
 * GENERAL DOCUMENT SETTINGS
 */

/* HTML and BODY */
	
HTML,BODY {
	width: 100%;
	margin: 0px;
	padding: 0px;
}

BODY {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5A6367;
	background-color: #393E29;
}



/**
 * LINKS
 */

/* default link definition */	
A {
	color: #5A6367;
	font-weight: bold;
}

/* definition for regular and visited link states */
A:link, 
A:visited {
	text-decoration: none;
}
/* definition for hover (onmouseover) and active (onclick, onmousedown) link states */
A:hover, 
A:active {
	text-decoration: underline;
}


/* LISTS AND LIST ITEMS */

UL {
	margin: 0px;
	padding: 0px;
}

LI {
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 15px;
	list-style-type: square;
}

LI.arrow {
	list-style-image: url(../img/arrow_button.gif);
}

LI.arrow_back {
	list-style-image: url(../img/arrow_button_back.gif);
}


/* FORM ELEMENTS */

FORM {
	margin: 0px;
}

INPUT, TEXTAREA {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

INPUT.default, TEXTAREA.default {
	padding:0px 2px 0px 2px;
	border:1px;
	border-style:solid;
	border-color:#B1B4BB;
}

INPUT.default_ov, TEXTAREA.default_ov {
	color:#EF2A33;
	padding:0px 2px 0px 2px;
	border:1px;
	border-style:solid;
	border-color:#C10C1D;
	color:#C10C1D;
}

SELECT.default {
	font-size:10px;
}


/* TEXT STYLES */

H2 {
	margin-top: 0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
}

H3 {
	margin-top: 0px;
	font-size: 14px;
}

P {
	margin-top: 0px;
}

EM {
	color: #000000;
	font-style: normal;
}

/**
 * CONSOLE
 */

#iface {
	position: relative;
	width: 870px;
	height: 720px;
	text-align: left;
	background-color: #FFFFFF;
}


/**
 * HEAD
 */
 
/* Head area */
#head {
	height:270px;
	background-color: #FFFFFF;
}

/* Shop logo top */
#head DIV.top {
	height: 55px;
	background-image: url(../img/head/top_bg.jpg);
	background-position: top;
	background-repeat: repeat-x;
	text-align: right;
}

/* Shop title (top) */
#head DIV.top DIV.title {
	position: absolute;
	top: 20px;
	left: 230px;
	color: #FFFFFF;
}

#head DIV.bar {
	height: 26px;
	background-image: url(../img/head/bar_bg.jpg);
	background-position: top;
	background-repeat: repeat-x;
}

/* Language select */
#head DIV.bar DIV.lang_bar {
	position: relative;
	left: 554px;
	line-height: 26px;
	color: #FFFFFF;
	font-weight: bold;
}

/* Language select element */
#head DIV.bar DIV.lang_bar SELECT {
	background-color: #737A7E;
	color: #FFFFFF;
	font-size: 11px;
	border: 1px solid #364147;
}

#head DIV.sub {
	height: 66px;
	background-image: url(../img/head/sub_bg.jpg);
	background-position: top;
	background-repeat: repeat-x;
	color: #FFFFFF;
}




/**
 * SIDE AREA
 */


/* Side area background layer (usually empty) */
#side {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 270px;
	height: 410px;
	overflow: hidden;
	z-index: 1;
}

/* Side main area (usually contains description text boxes) */
DIV.side_main {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 240px;
	height: 280px;
	overflow: hidden;
	z-index: 2;
}

/* Side footer area (usually contains meta navigation and cart box */
DIV.side_footer {
	position: relative;
	top: 300px;
	left: 0px;
	width: 270px;
	z-index: 2;
}

/* Description text (usually whithin side main area) */

DIV.description {
	position: absolute;
	top: 55px;
	left: 25px;
	padding: 10px;
}

DIV.description_box {
	position: relative;
	height: 100px;
	margin-top: 5px;
	margin-bottom: 10px;
}

/* Product description box */
/*
DIV.product_description_box {
	position: absolute;
	top: 45px;
	left: 0px;
	width: 210px;
	padding: 10px 20px 10px 20px;
	background-color: #CCCCCC;
}
*/

/* headline of description text box (usually category or product name) */
DIV.label {
	height: 24px;
	font-weight: bold;
}

/* description container (contains scrollable description_text layer) */
DIV.description_text_container {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 180px;
	height: 100px;
	clip: rect(0px 180px 100px 0px);
	overflow: hidden;
}

/* description text (whithin description container - scrollable layer) */
DIV.description_text {
	position: absolute;
	top: 0px;
	left: 0px;
}

/* Scroll container for description text box scroll buttons (whithin side main area) */
#scroller_box {
	position: absolute;
	top: 2px;
	left: 190px;
	width: 12px;
	height: 110px;
}

/* Button for scrolling up description text box */
#scroller_up {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 12px;
	height: 13px;
}

/* Button for scrolling down description text box */
#scroller_down {
	position: absolute;
	top: 85px;
	left: 0px;
	width: 12px;
	height: 13px;
}


/**
 * MAIN (content area)
 */

#main {
	position: relative;
	width: 100%;
	height: 425px;
}

#content {
	position: absolute;
	top: 0px;
	left: 270px;
	width: 600px;
	height: 400px;
}

#content_box {
	position: absolute;
	top: 55px;
	left: 0px;
	width: 600px;
	height: 370px;
	border: 0px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
	clip: rect(0px 600px 370px 0px);
	overflow: auto;
}

#content_box .text {
	position: absolute;
	top: 20px;
	left: 40px;
	width: 510px;
	height: 330px;
}

/**
 * FOOTER
 */
#footer {
	background-color: #6A7554;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FFFFFF;
	line-height:25px;
	height:25px;
	padding-left:35px;
}

#footer A:link,
#footer A:visited {
	color:#FFFFFF;
	text-decoration:none;
}
#footer A:hover,
#footer A:active {
	color:#92B248;
	text-decoration:none;
}

/**
 * MISC ELEMENTS
 */

DIV.wrapper {
	clear: both;
}