@charset "UTF-8";
/* CSS Document */

*{
	font-size:11px;text-align:left;
}



#ar_bold_14, .ar_bold_14, #ar_bold_14 p{
color:#bfbfbf;
font-size:14px;
font-weight:bold !important;
margin-bottom:22px;
}

#content_headline{
	color:#bfbfbf;
	margin-top:25px;
	text-transform:uppercase;
}
.lates_news_home1{
color:#d92c00;
font-size:20px;
font-family:arial;

text-transform:uppercase;
font-weight:bold;
line-height:20px;
display:inline;

}
.lates_news_home2{
color:#d92c00;
font-size:20px;
line-height:20px;
font-family:arial;
text-transform:uppercase;
font-weight:normal;
display:inline;

}
td{
vertical-align:top;
}
a{
color:#d92c00;
}

.img_loader{
	position:absolute;
	top:380px;
	left:50%;
	border: 10px #FFFFFF;
	width: 100px;
	height: 20px;
}
#main_big{



height:100% !important;
width:100%;

min-height:100% !important;

}

body {
	background-color:#0b0b0b;
	background-image:url('http://www.ion-essentials.com/public/content/img/bg.jpg');
	background-position: center top;
	margin:0px;
	padding:0px;
	font-size:11px;
	font-family:arial;
 
  width: 100%;

  min-height:100%;

	
}

#main{
 width:728px;
 text-align:left;
 position:absolute;
 top:12px;
 left:50%;
 margin-left: -364px;
 
}

#top{
/*margin-top:160px;*/
	height:59px;
	
}
#flash_menu{
	width:572px;
	height:24px;
	margin-top:4px;
	top:116px;
	left:50%;
	margin-left: -364px;
	z-index:3;
	position:absolute;
}

/*#general{
	margin:auto;
	width:1028px;
}*/

#top_headline{
	color:white;
	height:18px;
	font-size:11px;
	margin-left:10px;
	position:absolute;
	float:left;
}

#line{
	background-image:url('http://www.ion-essentials.com/public/content/img/logo_line.gif');
	background-repeat:repeat-x;
	width:726px;
	height:2px;
	position:relative;

	top:20px;

}
#logo{
	background-image:url('http://www.ion-essentials.com/public/content/img/logo.png');
	background-repeat:none;
	width:141px;
	height:38px;
	margin-left:580px;
	margin-top:-45px;
	position:absolute;
	float:left;
	top:145px;
	border:0px red solid;
	cursor:pointer;
}
#headline{
	color:#bfbfbf;
	text-transform:uppercase;
	font-size:34px;
	font-family:arial;
	position:relative;
	top:6px;
margin-left:9px;
padding-left:0px;
}
#pages{
	
	text-transform:none;
	color:#FFFFFF;
	font-size:11px;
	margin-left:301px;

}
#content_main{
        padding:10px;
	height:100%;
border:0 red solid;
	background-image:url('http://www.ion-essentials.com/public/content/img/bg_content.png');
	background-repeat:repeat;	
	padding-bottom:10px;
}
/*HOME PAGE*/
#picture{
	/*background-image:url('http://www.ion-essentials.com/public/content/img/home_1.jpg');*/
	background-repeat:none;
	width:710px;
	height:325px;
	position:relative;
	top:5px;
}
#red_area{
	width:133px;
	height:17px;
	position:relative;
	vertical-align:bottom;
	background-color:#d92c00;
	top:280px;
	padding-top:3px;
}
#red_area a{
	color:#FFFFFF;
	font-size:11px;
	padding-left:18px;
	
	text-decoration:none;
}
#black_area{
	width:710px;
	height:17px;
	background-color:#000000;
	margin-top:13px;
	padding-top:3px;
		
}
#black_area span{
	color:#bfbfbf;
	font-size:11px;
	padding-left:17px;
	margin-top:3px;

}
#content_headline{
	color:#bfbfbf;
	margin-top:25px;
	text-transform:uppercase;
}
#news{
	width:710px;
	height:170px;
	margin-top:7px;
	clear:both;
	
}
div.red_area_news{
	width:85px;
	height:16px;
	background-color:#d92c00;
	padding-top:4px;
}
div.red_area_news a{
	color:#FFFFFF;
	font-size:11px;
	text-decoration:none;
	padding-left:10px;
	margin-top:5px;
}
td.black_area_news{
	width:170px;
	height:16px;
	
}
td.black_area_news div{
	background-color:#000000;
	color:#bfbfbf;
	font-size:11px;
	height:16px;
	margin-top:4px;
	padding-top:4px;
	padding-left:10px;
}
/*END HOOME PAGE*/

/*PRODUCTS*/
#product_type{
	width:708px;
	height:194px;
	background-color:#000000;
	margin-bottom:10px;
	
       
}

.box_logo{
	width:70px;
	height:70px;
	background-color:#1a1a1a;
	margin-left:9px;
	position:relative;
	top:9px;
	padding-top:13px;
	float:left;
	position:relative;
	text-align:center;
	

}
.product_logo{
	margin:auto;
	text-align:center;
	padding-top:15px;
}

.suite{
float:left;
	position:relative;
	left:78px;
	padding-top:24px;
}
.series_text{
float:left;
	position:relative;
	color:#bfbfbf;
	width:310px;
	font-size:11px;
	left:174px;
	top:23px;
	line-height:22px;
}
.series_text span{
line-height:33px;
	color:#d92c00;
	font-size:20px;
	text-transform:uppercase;
}
#back_btn{
	background-color:#d92c00;
	width:53px;
	height:16px;
	position:relative;
	top:36px;
	float:left;
	text-align:center;
	padding-top:4px;
}
#back_btn a{
	text-decoration:none;
	color:#dfdfdf;
}
#thumbnails{
	padding-top:10px;
	width:350px;
	
	
}
#picture_bit{
	width:350px;
	height:299px;
}

#picture_small{
	height:120px;
	background-color:#000000;
	margin-top:10px;
}
#picture_small img{
	margin-top:10px;
	
	
}
#features{
	margin-top:10px;
	margin-left:10px;
	position:relative;
	
}
.title_white_bg{
	height:14px;
	width:auto;
	background-color:#FFFFFF;
	color:#000000;
	padding:3px 10px 0px 10px;
	position:absolute;
	font-weight:bold;
	margin-padding:10px;
}
#features table{
	padding-top:20px;
	
}
.det_logo{
 	width:30px;
	height:20px;
	background-color:#000000;
	float:left;
	
	overflow:hidden;
	text-align:center;
		overflow:hidden;
		border:0px red solid;

}
.features_space{
	width:1px;
	float:left;
overflow:hidden;
	border:0px red solid;
}
.det_text{
overflow:hidden;
margin-top:2px;
	background-color:#000000 !important;
	width:128px;
	height:17px;
	padding-left:12px;
	padding-top:3px;
	float:left;
		border:0px blue solid;

}
.det_text div{
	color:#FFFFFF;
}
.det_text:hover{
	color:#d92c00;
	cursor:pointer;
}
#size{
	margin-top:18px;
	background-image:url('http://www.ion-essentials.com/public/content/img/bg_text.gif');
    color:white;
    line-height:21px;
	padding-left:10px;
    
} 
#description{
	margin-top:18px;
	background-image:url('http://www.ion-essentials.com/public/content/img/bg_text.gif');
    color:white;
    line-height:21px;
    
} 
 #size_btn .title_white_bg{
	/*margin-top:18px;*/
	padding-right:-6px;

}
/*END PRODUCTS*/
/*MEDIA*/
.red_arrow{
	color:#d92c00;
}
.video{
	position:relative;
	height:168px;
	width:716px;
	margin-top:10px;
}
.left_media_link{
	position:absolute;
	float:left;
	text-align:right;
	
	width:704px;
	
}
.left_media_link a{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:100;
	font-size:11px;
}
	.media_video{
		width:170px;
		margin-top:20px;
		position:relative;
		float:left;
		margin-right:9px;
	}
	.bg_text{
	padding:0;
	margin:0;
	margin-top:2px;
     background-image:url('http://www.ion-essentials.com/public/content/img/bg_text.gif');
     color:white;
     line-height:21px;
     padding-left:10px;
     padding-right:12px;
}

.watch{
	height:17px;
	text-align:center;
	width:59px;
	padding-top:3px;
	margin-top:-20px;
	position:absolute; 
	color:#FFFFFF;
	background-color:#d92c00;
}.watch a{
	color:#FFFFFF;
	text-decoration:none;
}
#online_video{
	width:710px;
	height:324px;
	background-color:#000000;
}
#mess{
	margin-left:149px;
	margin-top:39px;
	visibility:hidden;
	position:absolute;
	height:259px !important;
	width:200px !important;
	background-color:#000000;
	border:1px #333333 solid;
	height:100px;
	width:100px;
	
}
#mess span{
	color:#d92c00;
}
#mess div{
	font-size:10px;
	padding:10px 15px 0px 10px;
	
}

/*END MEDIA*/
#bottom{
	margin-top:8px;
	padding-top:2px;
	height:15px;
	background-image:url('http://www.ion-essentials.com/public/content/img/bg_content.png');
	background-repeat:repeat;
	/*margin-bottom:143px;*/
	color:#FFFFFF;
	font-size:10px;
	text-align:right;
	padding-right:21px;
	margin-bottom:6px;
}
#bottom a{
 color:#FFFFFF;
 text-decoration:none;
}




/* ########################################NEWS START ########################################*/


#content2{
	height:100%;
	background-image:url('http://www.ion-essentials.com/public/content/img/bg_content.png');
	background-repeat:repeat;	
	padding:10px;
}

.news_preview{
	width:351px;
	float:left;
	margin-bottom:20px;
}
.news_date{
	background-color:#d92c00;
	width:79px;
	height:19px;
	position:absolute;
	margin-top:-19px;
	padding-left:11px;
}
.news_date a{
	color:#ffffff;
	text-decoration:none;
	line-height:19px;
	font-weight:bold;
	background-image:url('http://www.ion-essentials.com/public/content/img/arrow_news.gif');
	background-position:right;
	padding-right:10px;
	background-repeat:no-repeat;

}

.news_desc{
	background-color:black;
	height:22px;
	color:#bfbfbf;
	line-height:22px;
	padding-left:11px;
}

.news_preview_blank{
	width:6px;
	float:left;
	overflow:hidden;
}



.news_detail_image{
	text-align:right;
	width:350px;
	float:left;
}
.plus{
	margin-top:-20px;
}

.news_content{
	float:left;
	background-color:black;
	color:#bfbfbf;
	line-height:22px;
	padding-left:30px;
	padding-right:25px;
	padding-bottom:30px;
	width:295px;
}

.news_title{
	color:black;
	background-color:#ffffff;
	padding-left:10px;
	margin-left:-10px;
	padding-right:16px;
	height:22px;
	font-weight:bold;
	margin-bottom:25px;
}
.pics_title{
	color:black;
	background-color:#ffffff;
	padding-left:10px;
	padding-right:16px;
	height:20px;
line-height:20px;
color:#000000;
	font-weight:bold;
	position:absolute;
}
/* ########################################NEWS END ########################################*/


/* ####################################### PRODUCTS START ##################################*/

.overview_prod_general{
	width:169px;
	float:left;
	
	
}
.overview_product{
	background-color:#000000;
	width:168px;
	height:153px;
	vertical-align:bottom;
	margin-bottom:3px;
	
	border:solid 1px black;
}

.product_overview_image{
	text-align:center;
	height:153px;
}
.arrow_prod{
position:absolute;
margin-top:-20px;
}
.prod_overview_desc{
	background-color:#000000;
	color:#ffffff;
}

.prod_overview_desc{
	line-height:22px;
	padding-left:10px;
	margin-bottom:12px;
	width:160px;
}
.blank_10{
	width:10px;
	overflow:hidden;
	float:left;
}
.blank_9{
	width:9px;
	overflow:hidden;
	float:left;
}

.prov_overview_title{
	color:black;
	background-color:#ffffff;
	padding-left:10px;
	padding-right:16px;
	height:22px;
	font-weight:bold;
	margin-bottom:2px;
	line-height:22px;
position:absolute;
}

.bg_text, #bag_feature{
	background-image:url('http://www.ion-essentials.com/public/content/img/bg_text.gif');
	color:white;
	line-height:22px;
	padding-left:10px;
	padding-right:12px;
	margin-bottom:24px;
	margin-top:0px;
	padding:top:0px;
}



.wetsuites_overview{
background-image:url('http://www.ion-essentials.com/public/content/img/bg_wetsuites_overview.gif');
background-repeat:no-repeat;
background-position:left bottom;

width:330px;
background-color:black;
padding:9px;
margin-bottom:10px;

}

.wetsuite_title{
	color:#d92c00;
	font-weight:bold;
	font-size:20px;
	height:20px;
	text-transform:uppercase;
}

.websuite_img_small{
	float:left;
	width:66px;
	text-align:center;
	padding-top:10px;
	
	border:0px red solid;
	
}



.prod_div{
	background-color:black;
	width:168px;
	height:100px;
	float:left;
	margin-bottom:20px;
	border:1px #000000 solid;

}

.prod_td{
vertical-align:middle;
height:100px;
text-align:center;
width:168px;
}

.prod_img{
	background-color:black;
	width:168px;
	height:100px;
	text-align:center;
}


.prod_link{
	background-color:#d92c00;
	position:absolute;
	margin-top:-19px;
	padding-left:11px;
	padding-right:11px;
}
.prod_link a{
	color:#ffffff;
	text-decoration:none;
	line-height:19px;
	font-weight:bold;
	/*background-image:url('http://www.ion-essentials.com/public/content/img/arrow_news.gif');*/
	background-position:right;
	padding-right:10px;
	background-repeat:no-repeat;

}

.prod_detail_img{
	width:350px;
	text-align:center;
	background-color:black;
	padding-top:10px;
	padding-bottom:10px;
}


.prod_title{
	color:black;
	background-color:white;
	height:20px;
	padding-left:10px;
	padding-right:10px;
	font-weight:bold;
	line-height:20px;
	position:absolute;
}
.div23{
clear:both;
	height:23px;
}
.div50{
	height:50px;
}
.div31{
	height:31px;
}
.div20{
 clear:both;
	height:20px;
}

.div20_1{

	height:20px;
}
.prod_prev img{
border:solid 0px red;
}
.prod_prev{
	height:100px;
width:350px;
//overflow:hidden;
	background-color:black;
	margin-top:10px;
	margin-bottom:10px;
}


h1{
	color:#d92c00;
	font-size:20px;
	font-weight:bold;
	text-transform:uppercase;
	line-height:36px;
}

.tech_icon{
	float:left;
	height:20px;
	width:30px;
	margin-right:2px;
	margin-bottom:2px;
	background-color:black;
	text-align:center;
}
.tech_name{
	float:left;
	height:20px;
	line-height:20px;
	margin-bottom:2px;
	background-color:black;
	color:#bfbfbf;
	width:308px;
	font-weight:bold;
	padding-left:10px;
}

.bg_text_grey{
	background-image:url('http://www.ion-essentials.com/public/content/img/bg_text.gif');
	color:#bfbfbf;
	line-height:22px;
	padding-left:10px;
	padding-right:10px;
	/*width:330px;*/
	
}

.tech_desc_item{
	width:350px;
	position:relative;
}
/* ####################################### PRODUCTS END ##################################*/



/* ####################################### TEAM START ##################################*/

.team_link{
	background-color:#d92c00;
	position:absolute;
	margin-top:-19px;
	padding-left:11px;
	padding-right:11px;
}
.team_link a{
	color:#ffffff;
	text-decoration:none;
	line-height:19px;
	background-position:right;
	padding-right:10px;
	background-repeat:no-repeat;

}

.team_detail_img{
	width:350px;
	text-align:center;
	background-color:black;

}

.link_team{
	display:block;
	color:#bfbfbf;
	text-decoration:none;
	padding-left:22px;
	background-image:url('http://www.ion-essentials.com/public/content/img/arrow_team.gif');
	background-repeat:no-repeat;
	line-height:22px;
	background-position:0px 7px;

}
/* ####################################### TEAM END ##################################*/


#overlay{ 
position:absolute;
 top: 0;
 left: 0;
  background-color: black;
 display:none; 
text-align:center !important;
 height:100%;
min-height:100%;
border:solid 0px yellow;
z-index:50;
}

#showproc{
border:solid 1px green;
 width:100%;
text-align:center;
position:absolute;
 top:0px;
z-index:500;

}
#haupt{
border:solid 0px red;
position:absolute;
margin:0px;width:100%;top:0px;
}

#overlay2, #overlay3, #overlay_menu{ 
position:absolute;
 top: 0;
 left: 0;
  background-color: black;
 display:none; 
text-align:center !important;
 height:100%;
min-height:100%;
border:solid 0px yellow;
clear:both;
z-index: 80;
}

#showproc2{
border:solid 1px green;
 width:100%;
text-align:center;
position:absolute;
 top:0px;
z-index:100;

}
#haupt2{
border:solid 0px red;
position:absolute;
margin:0px;width:100%;top:0px;
}

#results, #series_features, #line_concept, #material_description, #feature_content{
   background-image:url('http://www.ion-essentials.com/public/content/img/bg_text.gif');
	color:#bfbfbf;
	line-height:22px;
padding-left:10px;
	padding-right:10px;
	margin-bottom:6px;
	width:330px;

}

.tooltip #feature_content{
line-height:15px;
}

.serie_overview{
	font-size:11px;
}
.serie_overview #line_concept {
	border:0px red solid;
	margin:0px;
	line-height:22px;
	padding:0px;
		text-transform:none;
	
}
a.series_overview_link #product_type{
	text-decoration:none;
	border:1px #000000 solid;
}
a.series_overview_link:hover #product_type{
	text-decoration:none;
	border:1px #d92c00 solid;
cursor:pointer;
}

.red{
	color:#d92c00;
}
.tolltips_holder_table{
position:absolute;

}

.image_thumb{
	cursor:pointer;
}

.tooltips_holder_td{
height:300px;
width:350px; 
vertical-align:bottom;
cursor:pointer;
}
.tooltip{

background-color:black;
border:solid 1px #333333;
padding:10px;
line-height:15px;
color:#bfbfbf;div
}
.div25{
height:30px;
overflow:hidden;
}

.tooltip #feature_content{
	width:auto;
}

#bag_feature{
	width:330px;
}


.contact_div{
	width:690px;
	background-color:#000000;
	heigth:20px;
	color:#FFFFFF;
	font-size:11px;
	line-height:22px;
	margin-bottom:10px;
	padding:10px;
}
.reg_div{
	width:690px;
	background-color:#000000;
	heigth:20px;
	color:#FFFFFF;
	font-size:11px;
	line-height:22px;
	margin-bottom:10px;
	padding:10px;
padding-bottom:0px;
}

textarea{
color:#FFFFFF;
font-family:arial;
font-size:11px;
}
.contact_input{
 background-color:#292929;
 border:0px;
 height:20px;
color:#FFFFFF;
}
.contact_submit{
cursor:pointer;
height:21px;
background-color:#d92c00;
border:0px;
width:107px;
color:#FFFFFF;
font-size:11px;
text-align:center;
}
.div140{
height:140px;
overflow:hidden;
border:solid 0px yellow;
}
.div160{
height:160px;
overflow:hidden;
border:solid 0px yellow;
}

.div95{
height:90px;
overflow:hidden;
border:solid 0px yellow;
}
#headline h2, #headline h3{
display:inline;
font-size:34px;
}
#headline h2{
font-weight:bold;
color:#bfbfbf;
}
#headline h3{
font-weight:normal;
color:#999999;
}
#imprint_contact, #imprint_responsible{
 color:#FFFFFF;
 padding:10px;
 line-height:22px;
background-color:#000000;
}
a.bottom_menu{
font-weight:normal !important;
}
a.bottom_menu:hover{
  color:#d92c00 !important;
}

.div9{
width:9px;
float:left;

}

#picture_big{
	overflow:hidden;
}
.faq_bg{
padding:0;
	margin:0;
     background-image:url('http://www.ion-essentials.com/public/content/img/bg_text.gif');
     color:white;
     line-height:22px;
     padding-left:10px;
     padding-right:12px;
margin-top:2px;


}

.faq_question{
color:white;
text-decoration:none;
font-weight:bold;
}
.video_preview{
	float:left;
	width:170px;
}
.blank10{
width:10px;
overflow:hidden;
float:left;
}
#picture_small img, #prod_prevs img{
cursor:pointer;
}

#main_big{
	border:solid 0px green;
}
#main{
	border:solid 0px yellow;
}

#flash_menu{
	border:solid 0px red;
}
#under_construction{
height:390px;
padding-top:170px;
text-align:center;

}
#under_construction1{
padding-top:170px;
text-align:center;

}
.under1{
font-weight:bold;
font-size:20px;
color:#ffffff;
}
.under2{
font-weight:normal;
font-size:20px;
color:#ffffff;
}


#feature_content{
   background-image:url('http://www.ion-essentials.com/public/content/img/bg_text.gif');
	color:#bfbfbf;
	line-height:22px;
padding-left:10px;
	padding-right:10px;
	width:330px;
display:block;
position:relative;
}


.bg_text_grey_scroll #feature_content{
   background-image:url('http://www.ion-essentials.com/public/content/img/bg_text.gif');
	color:#bfbfbf;
	line-height:22px;
      padding-left:10px;
	padding-right:10px;
	width:315px !important;
	position:relative;
	
}
.bg_text_grey_scroll{
	position:relative;
}	



.top_serie_image{
	float:left;
	width:330px;
	text-align:center;
	top:23px;

}

.top_series_text{
	float:left;
	color:#bfbfbf;
	width:310px;
	font-size:11px;
	margin:28px;
	top:20px;
	line-height:22px;
}
.top_series_text span{
line-height:33px;
	color:#d92c00;
	font-size:20px;
	text-transform:uppercase;
}
#product_type_top{
	width:708px;
	background-color:#000000;
	margin-bottom:10px;
	padding-bottom:10px;
	
       
}
#feature_content{
	border:0px yellow solid;

	position:static !important;;
}


.f_content #feature_content{
	width:320px;
font-size:11px;text-align:left;
font-family:arial;
}
.tech_name_smaller{
	float:left;
	height:20px;
	line-height:20px;
	margin-bottom:2px;	
	background-color:black;
	color:#bfbfbf;
	width:293px;
	font-weight:bold;
	padding-left:10px;
}
.white_link{
color:white !important;
text-decoration:none;
}
.white_link:hover{
color:white;
text-decoration:underline;
}


.carousel {
    background-color: #000000;
    width: 348px;
    height: 105px;
    margin-top: 0px;
    padding-bottom:10px;
    margin-left:-10px;
    overflow: hidden;    
    font-size:0px;
}

.carousel .middle {
    float: left;
    width: 328px;
    height: 150px;
    font-size:0px;    
}

.carousel .inner img {
    float: left;
}

.carousel a {
    float: left;
    width: 10px;
    height: 40px;
    margin-top:42px;
    background-color: #373737;
    text-align: center;
    text-decoration: none;    
    font-size: 12px;
    line-height: 40px;
    color: #FFFFFF;    
}

.carousel a.next {
    float: right;

}

.carousel a.prev {

}

.carousel a:hover {
    color: #FFFFFF;
}

.carousel .middle {
    overflow: auto;
}


div.selectbox {
  position:absolute;
  width:341px;
  background-color:#292929;
  margin:0px;
  padding:0px;
  font-size:11px;
  font-family:arial;
  font-weight:bold;  
  text-transform:uppercase;
  text-align:left;
  max-height:200px;
  -height:200px;
  overflow:auto;
}
div.selectbox ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.selectbox ul li.selected { 
  background-color: #d92c00;
}
div.selectbox ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:0px;
  padding-left:2px;  
  cursor:pointer;
}

.combo /* look&fell of scriptaculous select box*/
{
  margin: 0px 5px 10px 0px;
  margin-top:0px;
  padding-left:2px;
  font-size:11px;
  font-family:arial;
  font-weight:bold;  
  text-transform:uppercase;  
  width : 339px; 
  text-align:left; 
  background: url('../img/select.gif') no-repeat;
  cursor: pointer;
  border:0px;
  height:20px;
  color:#FFFFFF;
}

.combo1 /* look&fell of scriptaculous select box*/
{
  margin: 0px 5px 10px 0px;
  margin-top:0px;
  padding-left:2px;
  font-size:11px;
  font-family:arial;
  font-weight:bold;  
  text-transform:uppercase;  
  width : 326px; 
  text-align:left; 
  background: url('../img/select1.gif') no-repeat;
  cursor: pointer;
  border:0px;
  height:20px;
  color:#FFFFFF;
}