/* ====
 * = 1. Common Styling 
 * ======================= */

html{height: 100%; background: #fff url(../images/css_body_bg.jpg) repeat-y 50% 50%}

#logo{display: none}
#language{width: 100px; background: none}


body{text-align: left; font: 0.84em/1.333 arial, sans-serif; padding: 0; width: 959px; position: relative; margin: 0 auto; height: 100%}





*{font-size: 100%; padding: 0;margin: 0}

img{border: none}

a{color: #823587}
a:hover{color: #a1a1a1}




/* clear stuff */

div, ul, ol, li, table, td, th, tr, p, blockquote, #language p, #language
{
	margin: 0;
	padding: 0;
	border: none
}






/*#extra{display: none; margin: 120px 0 0 0;	padding: 0 10px 40px 10px; width: 148px; background: #fff url(../images/css_extra_bottom_bg.jpg) no-repeat right bottom; text-align: left; color: #823587}*/




/* ====
 * = 2. General Block Positioning & Styling
 * ======================================= */

#header
{
	background: #fff url(../images/css_header_bg.jpg) no-repeat 0 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	height: 175px;
	width: 100%;
	padding-right: 1px;
}

#alt #header{background: #fff url(../images/css_header_bg_alt.jpg) no-repeat 0 0}

#language
{
	background: none;
	border: none;
	position: absolute;
	top: 106px;
	left: 0px;
	z-index: 20;
	width: 100px;
	
}

#language a
{
	text-decoration: none
}

#language a:hover
{
	color: #C5DEA3 !important
}

#search
{
	position				: absolute;
	margin					: 0;
	padding					: 10px 10px;
	width					: 149px;
	height					: 60px;
	right					: -1px;
	top: 175px;
	background-color					: #fff;
}

* html #search{right: -2px}



#search-input-cell input
{
	width: 118px;
	margin-right: 5px;
}

/* ====
 * = 3. #extra Styling
 * ==================== */

#extra
{
	margin					: 120px 0 0 0;
	padding					: 0 10px 40px 10px;
	width					: 150px;
	
	background: #fff url(../images/css_extra_bottom_bg.jpg) no-repeat right bottom;
	text-align: left;
	
	color					: #777777;
	right: -1px
	

}

* html #extra{right: -2px}


#extra ul
{
	margin: 0;
	list-style: none;
}

#extra ul li
{
	margin: 0;
	padding-left: 9px;
	background: url(../images/css_extra_bullet.gif) no-repeat 1px 5px;
}

#extra a
{
	color: #777777;
	text-decoration: underline;
}

#extra a:hover
{
	text-decoration: none
}

#extra h1, #extra h2,#extra h3, #extra h4, #extra b
{
	color: #823587;
}

#extra hr
{
	display:none;
	border: 0;
	background: none;
	height: 5px;
	display: none;
}

/* ====
 * = 4. Content Styling
 * ===================== */

#content{text-align: left; width: 600px; margin: 0; padding: 0; margin-left: 150px; padding-top: 175px}

#contenttable{width: 638px}
/*#contenttable h1, #contenttable p{margin-left: 5px; margin-right: 5px}*/

.column {padding: 0 !important}
.column1{padding: 0 !important}
.column2 {padding: 0 !important}

h1{color: #823587; font-size: 16px}
h2{color: #823587; font-size: 14px}
h3
{
	color: #333333;
	font-size: 12px
}

p
{
	padding-bottom: 8px;
}

hr
{
	display					: none;
}

/* forms */

/* submit form */

.le-form-table
{
	width: 550px
}

.le-form-table td.full-width input, .le-form-table td textarea
{
	width: 340px !important
}

/* ====
 * = Navigation Styling
 * ===================== */

/*
#navigationblock{background: #fff; position: absolute; top: 175px; left: 0px; width: 160px; text-align: left; padding-top: 5px}
#navigationblock a{color: #0a407e}

.navlayer{padding-left: 20px}
.navlayer a{width: 119px; line-height: 18px; vertical-align: middle}
.level0 a{border-top: 1px solid #C5DEA3}
.level0 a, .level1 a{display: block; border-bottom: 1px solid #C5DEA3; color: #6CAC17 !important}

*/

/* privacy & terms */

#en1
{
	background: url(../images/css_nav_bottom_bg.jpg) no-repeat left top;
	margin: 0 !important;
	margin-top: 0px !important;
	padding-top: 230px;
	padding-bottom: 20px;
	
	overflow: hidden;
}

#en1 table, #en1 td
{
	width					: 120px;
}

#en1 a
{
	display:none;
	font-size: 90%;
	color: #fff;
	padding-left: 14px;
	padding-right: 20px;
	display: block;
	width: 128px !important
}

#en1 a:hover
{
	color: #000
}

* html #en1 a
{
	display: inline-block
}

#en1 table img
{
	display: none
}

#en1 table tr
{
	background: url(../images/css_terms_bullet.gif) no-repeat 7px 5px;
}

/* == PARAM1: width of the naviagtion, default:136px == */

#navigationblock
{
	width: 145px;
	background: #fff;
	position: absolute;
	top: 175px;
	padding-top: 10px;
	left: 0px;
	text-align: left;
	overflow: hidden
}

/* == PARAM2: color of the border between the level1 navigation-elements, default:#fff(white) == */

.navlayer a
{
	width: 119px;
	border-top: solid 1px #b69bb8;
	margin: 0;
	margin-left: 0px;
	padding: 2px 3px 2px 0px;
	display: block;
	text-decoration: none;
	overflow: hidden
}

/* -- level 0 -- */

/* == PARAM3:background-color for the navigation-title (eg: "Stanyl Home"), default:transparent == */

/* == PARAM4:color for the navigation-title (eg: "Stanyl Home"), default:same color as level1-titles == */

.level0 a
{
	background-color: transparent;
	color: #000 !important;
	font-weight: bold !important;
	text-decoration: none;
	border-top: none;
	padding-left: 20px;
}

* html .level0 a{padding-left: 23px}

#alt .level0 a{color: #000 !important}

/* -- level 1 -- */

/* == PARAM5: background-color of the level1 titles (eq: "Innovation"), default:transparent == */

/* == PARAM6: color of the level1 titles (eq: "Innovation") == */

/* == PARAM7: color of the right border on the level1-elements, this is most likely the color of your background and NOT transparent == */

/* == PARAM8: background-color when you hover over a level1 title, default:#fff(white) == */

/* == PARAM9: color of the right border on the level1-elements that are hovered, this is most likely the same color as the background-
              color of the level1-elements being hovered(white) == */

.level1 a
{
	background-color: transparent;
	color: #222 !important;
	padding-left: 20px;
	border-right: none;
	background-image: url(../images/arrowlevel1down.gif) !important;
	background-repeat: no-repeat;
	background-position: 0 7px;
}

#alt .level1 a{
	color: #b69bb8 !important;
	
}

.level1 a:hover
{
	color: #000 !important;
/*background-color:#fff; color:#666 !important; font-weight:bold; border-right:none*/
}

.has-child1
{
	background: transparent;
}

/* -- level 2 -- */

/* == PARAM10: background-color of the level2 titles (eq: "Product news"), default:#fff(white) == */

/* == PARAM11: color of the level2 titles (eq: "Product news"), default:#666(dark-gray) == */

/* == PARAM12: color of the right border on the level2-elements, this is most likely the same color as the background-
               color of the level2-elements(white) == */

/* == PARAM13: color of the border between the level2 navigation-elements, default:#eee(light-gray) == */

/* == PARAM14: background-color when you hover over a level2 title, default:#eee(light-gray) == */

/* == PARAM15: color of the right border on the level2-elements that are hovered, this is most likely the same color as the background-
               color of the level2-elements being hovered(white) == */

.level2
{
	margin-left: 20px
}

.level2 a
{
	background-color: #fff;
	color: #444 !important;
	border-top: none;
	border-right: none
}

#alt .level2 a{color: #444 !important}

.level2 a:hover
{
	color: #000 !important;

/*background-color:#eee; color:#333 !important; border-right:1px solid #eee;*/
}

.has-child2 a
{
	
}

.has-child1-expanded
{
	background					: transparent;
}

/* -- User terms and privacy statement -- */

/* == PARAM16: color of the user terms and privacy statement, default same as level1-titles == */

/*#en1 table tr td a{color:#fff !important;font-size:90% !important;}*/

#extra embed, #extra object
{
	width: 150px
}