@import url("SanexWebsiteMaster.css"); /* Basic Definitions */

/* ###### ###### CSS ZERO SPEZIAL STANDARDS ###### ###### */

/******************** BEGIN General Styles */
body	{color:#077086;}
h3		{color:#00aaa6; margin:0 0 6px 0; font-size:24px; line-height:32px;}
h4		{color:#00aaa6; margin:0 0 10px 0;}
h5		{color:#296f7e;}

a.lnkNoArrow {padding:0; margin:0; color:#57a420;}
a.lnkNoArrow:focus,
a.lnkNoArrow:active,
a.lnkNoArrow:hover {color:#00aaa6;}

a.lnkTsr, a.lnkTsr:focus, a.lnkTsr:hover, a.lnkTsr:active {font-size:12px; line-height:14px; padding:0; width:130px; margin:0; display:block;}
a.lnkTsr {color:#84d3d3; background:transparent url(/_layouts/Sanex/Website/Common/Images/icn/specl_icn_tsr_more.gif) no-repeat 80px 0;}
a.lnkTsr:hover {color:#01aaa5; background: transparent url(/_layouts/Sanex/Website/Common/Images/icn/specl_icn_tsr_more_a.gif) no-repeat 80px 0;}

a.lstLnk,
a.lstLnk:focus,
a.lstLnk:hover,
a.lstLnk:active {background:transparent url(/_layouts/Sanex/Website/Common/Images/icn/specl_icn_tsr_arrow.gif) no-repeat right 8px; line-height:17px; padding:3px 10px 0 0; color:#57a420;}
a.lstLnk:hover {background:transparent url(/_layouts/Sanex/Website/Common/Images/icn/specl_icn_tsr_arrow_a.gif) no-repeat right 8px; color:#00aaa6;}

a.lstLnkDark,
a.lstLnkDark:focus,
a.lstLnkDark:hover,
a.lstLnkDark:active {background:transparent url(/_layouts/Sanex/Website/Common/Images/icn/specl_icn_tsr_arrow_dark.gif) no-repeat right 8px; line-height:17px; padding:3px 10px 0 0; color:#00aaa6;}
a.lstLnkDark:hover,
a.lstLnkDark:focus,
a.lstLnkDark:active {background:transparent url(/_layouts/Sanex/Website/Common/Images/icn/specl_icn_tsr_arrow_dark_a.gif) no-repeat right 8px; color:#296f7e;}

.headImg {padding:36px 0 0 41px;}
#pageCont {width:994px; -width:1000px; height:633px; text-align:left; margin:0 auto 0 auto; background:transparent url(/_layouts/Sanex/Website/Common/Images/common/specl_bg_sanex.png) no-repeat left top;}

/***************************************************** END General Styles */
#wrapper .wrapperLftSpecl {position:relative; top:2px; left:23px; width:820px; float:left;}
#wrapper .wrapperRgtSpecl {position:relative; top:0; left:0; float:left; padding:0; width:130px;}

#boxesSpecl {width:791px; height:528px; float:left; background:#fff; z-index: 1;}

#boxesSpeclLft {position:absolute; left:0; -left:1px; top:6px; width:591px; height:528px; float:left; padding:0; background: transparent url(/_layouts/Sanex/Website/Common/Images/common/specl_bg_skin_lft.png) repeat-y left top; z-index: 1;}
#boxesSpeclLftMovie {position:absolute; left:0; -left:1px; top:6px; width:591px; height:528px; float:left; padding:0; z-index: 1;}
#flashHead {position:absolute; left:0; -left:1px; top:6px; width:404px; height:149px; z-index:99999;}
#flashCont {position:absolute; left:0; top:152px; width:404px; height:149px; z-index:1;}	
#flashContRgt {position:absolute; left:405px; top:0; width:387px; height:438px; z-index:1;}	

#movieLayer {position:absolute; top:140px; left:57px; width:570px; height:358px; z-index:9999; background:transparent;}
div.movieBg {position:absolute; top:150px; left:1px; width:791px; height:320px; background: transparent url(/_layouts/Sanex/Website/Common/Images/common/specl_bg_movie.png) no-repeat left bottom; z-index:99;}
div.movieBg div {position:absolute; top:-35px; left:117px; width:400px; z-index:99;}

#boxesSpeclLftTop {padding:0 0 0 38px;}
#boxesSpeclRgt {width:180px; height:528px; background: transparent url(/_layouts/Sanex/Website/Common/Images/common/specl_bg_skin_tail.png) repeat-y right top; float:right; z-index:3;}
#boxesSpeclLft div.lnkLst {position:absolute; left:0; top:412px;}	
#boxesSpeclLft div.lnkLst h5 {padding:0 0 0 57px;}
#boxesSpeclLft #boxesSpeclCont {position:absolute; left:308px; top:189px; width:290px; height:320px; padding:0 10px 0 0; overflow:auto;}	

p.greenNormal {color:#00aaa6; margin:10px 0 10px 0; font-size:14px;}
p.greenLight {color:#57a420; margin:10px 0 7px 0; font-size:17px;}
p.greenBold {color:#57a420; margin:10px 0 7px 0; font-size:13px; font-weight:bold;}

ul.lstImg {width:300px;	height:100px; margin:23px 0 4px 4px; padding:6px 0 0 73px; background:transparent url(/_layouts/Sanex/Website/Common/Images/tsr/specl_tsr_info_s_img_nl.png) no-repeat left top;}
ul.lst {margin:0 0 4px 4px; padding:0 0 0 53px;}
ul.lstBg {position:relative; top:0; left:0; width:550px; height:100px; padding:67px 0 0 66px; background: url(/_layouts/Sanex/Website/Common/Images/tsr/specl_tsr_info_s_img_nl.png) no-repeat scroll left top;}
ul.lstBg ul li a.lnk {padding:0; margin:0;}

div.infoBox {width:359px; height:261px; background: transparent url(/_layouts/Sanex/Website/Common/Images/tsr/specl_tsr_info_s_middle.png) no-repeat right top;}
div.infoBoxCont {width:302px; height:261px; float:left; padding:38px 0 0 30px;}
div.infoBoxCont h4 {margin:0 0 3px 0;}

div.copyTxt {position:absolute; top:6px; left:0; width:361px; height:522px; background:transparent url(/_layouts/Sanex/Website/Common/Images/common/specl_bg_enviromentLft.png) no-repeat left top; padding:150px 0 0 58px; z-index:999;}
div.copyTxt ul.lst {margin:0 0 30px 0; z-index:10;}
div.copyTxt ul.lst li {padding:3px 0 0 0;}
div.copyTxt ol.lstNumb {list-style:outside; list-style:none; padding:3px 0 0 0; margin:0 0 20px 0; *margin:0 0 20px 0; width:300px; height:180px;}
div.copyTxt ol.lstNumb li div {padding:0; margin:0 0 -20px 0;}
div.copyTxt ol.lstNumb li {list-style:outside; list-style:none; padding:6px 0 0 0; margin:0;}
div.copyTxt ol.lstNumb li.numb {list-style:outside; list-style:none; color:#57a420; font-size:19px; font-weight:bold; float:left; padding:0 6px 0 0; margin:0 0 85px 0; /*margin:0 0 75px 0;*/}
div.copyTxt ol.lstNumb li.lstNumbLnk {clear:both;}
div.copyTxt ol.lstNumb li.lstNumbLnk a {display:none; padding:0 6px 0 0; margin:0;}
div.copyTxt ol.lstNumb li.lstNumbLstLnk a {display:none; margin:-3px 0 3px 22px;}
div.copyTxt div.copyTxtBg {position:relative; top:-14px; left:-24px; width:700px; height:95px; overflow:auto;}
div.copyTxt div.copyTxtBg, #ie8#fix {position:relative; top:2px; *top:10px; left:-24px; width:700px; height:95px; overflow:auto;}

#infoLayer {position:absolute; top:158px; left:47px; background:transparent url(/_layouts/Sanex/Website/Common/Images/common/specl_bg_enviromentLayer.png) no-repeat left top; z-index:3; width:355px; height:217px; z-index:inherit;}
#infoLayer div.copy a {font-size:12px; line-height:14px; color:#84d3d3; padding:0 18px 0 0; background:transparent url(/_layouts/Sanex/Website/Common/Images/icn/specl_icn_tsr_more.gif) no-repeat right 0;}
#infoLayer a:hover {color:#01aaa5; background: transparent url(/_layouts/Sanex/Website/Common/Images/icn/specl_icn_tsr_more_a.gif) no-repeat right 0;}
#infoLayer div.copy h4 {margin:10px 0 4px 0;}
#infoLayer a.btnClosed {position:relative; top:11px; left:328px; width:13px; height:13px; background:transparent url(/_layouts/Sanex/Website/Common/Images/icn/specl_icn_close.gif) no-repeat 0 0; z-index:inherit;}
#infoLayer a.btnClosed:hover {background:transparent url(/_layouts/Sanex/Website/Common/Images/icn/specl_icn_close_a.gif) no-repeat 0 0; z-index:inherit;}

#infoLayer #infoTxt1 div.copy,
#infoLayer #infoTxt2 div.copy,
#infoLayer #infoTxt3 div.copy {width:300px; padding:0 0 0 24px; line-height:14px; z-index:2;}

#infoLayer #infoTxt1 div.copy p,
#infoLayer #infoTxt2 div.copy p,
#infoLayer #infoTxt3 div.copy p {margin:0 0 11px 0;}

#infoLayer #infoTxt1 div.copy {z-index:2;}
#infoLayer #infoTxt2 div.copy {z-index:3;}
#infoLayer #infoTxt3 div.copy {z-index:4;}

#infoLayer #infoTxt3 div.copy a {font-size:12px; line-height:14px; color:#84d3d3; padding:0 18px 0 0; background:transparent url(/_layouts/Sanex/Website/Common/Images/icn/specl_icn_tsr_more.gif) no-repeat right 0;}
#infoLayer #infoTxt3 div.copy a:hover,
#infoLayer #infoTxt3 div.copy a:focus,
#infoLayer #infoTxt3 div.copy a:active {color:#01aaa5;  padding:0 18px 0 0; background:transparent url(/_layouts/Sanex/Website/Common/Images/icn/specl_icn_tsr_more_a.gif) no-repeat right 0;}

#skinLayer {position:absolute; top:185px; left:304px; background:transparent url(/_layouts/Sanex/Website/Common/Images/common/specl_bg_skinLayer.png) no-repeat left top; z-index:3; width:314px; height:261px;}
#skinLayer a.btnClosed {position:relative; top:11px; left:288px; width:13px; height:13px; background:transparent url(/_layouts/Sanex/Website/Common/Images/icn/specl_icn_close.gif) no-repeat 0 0; z-index:inherit;}
#skinLayer a.btnClosed:hover {background:transparent url(/_layouts/Sanex/Website/Common/Images/icn/specl_icn_close_a.gif) no-repeat 0 0; z-index:inherit;}
#skinLayer div.copy h4 {margin:0 0 4px 0;}
#skinLayer div.copy {position:relative; top:15px; left:24px; width:270px; height:200px; overflow:auto; padding:0 10px 0 0; line-height:14px; z-index:5;}
#skinLayer div.copy p {padding:0 0 10px 0; z-index:inherit;}

#boxesContSpeclTop {width:791px; height:407px; float:left; z-index:inherit;} /* Flash Container div 791px x 407px --> Flash 785px x 400 px */
#boxesContSpeclBtm { width:791px; height:121px; float:left; background: transparent url(/_layouts/Sanex/Website/Common/Images/common/specl_m_s_cont_bottom.png) no-repeat left top;  z-index: inherit;}

#boxesContSpeclBtm div.contLstLnk {position:relative; top:0; left:0; width:778px; z-index:5;}
#boxesContSpeclBtm ul {padding:0 0 0 52px; margin:0 0 10px 0; list-style:none;}
#boxesContSpeclBtm ul li {float:left; padding:0 35px 0 0;}
#boxesContSpeclBtm ul li.lst {width:431px;}
#boxesContSpeclBtm ul li.lst a {background-position: 160px 0; width:200px; padding:0 30px 0 0;}
#boxesContSpeclBtm ul li.lst a.rgtLnk {position:absolute; top:0; right:0; background-position: 172px 0;}
#boxesContSpeclBtm ul li.lnkTsrDeleted {display:none;}

#boxesContSpeclBtm div.contBottomLstLnk {position:relative; top:-20px; -top:0; left:0; z-index:1; clear:left;}
#boxesContSpeclBtm div.contBottomLstLnk h3 {position:relative; top:0; left:0; z-index:inherit; margin:0; padding:0; /*padding:0 0 0 321px;*/}
#boxesContSpeclBtm div.contBottomLstLnk div.copyTxt {position:relative; top:20px; -top:15px; left:0; margin:0; padding:0 10px 0 321px; width:450px; height:80px; z-index:9; overflow:auto; background:none;}

#boxContTopSpecl {width:797px; height:6px; -margin:0 0 -9px 0; background:transparent url(/_layouts/Sanex/Website/Common/Images/common/specl_m_s_top.png) no-repeat scroll left top; z-index:inherit;}
#boxContBtmSpecl {width:797px; height:13px; -margin:0 0 -13px 0; float:left; background:transparent url(/_layouts/Sanex/Website/Common/Images/common/specl_m_s_bottom.png) no-repeat scroll left top; z-index:inherit;}
#boxContLftSpecl {width:1px; height:528px; float:left; background: url(/_layouts/Sanex/Website/Common/Images/common/specl_m_s_lft.png) no-repeat scroll left top; z-index:inherit;}
#boxContRgtSpecl {width:5px; height:528px; float:left; background: url(/_layouts/Sanex/Website/Common/Images/common/specl_m_s_rgt.png) no-repeat scroll left top; z-index: inherit;}

#boxContTopSpecl {width:797px; height:6px; -margin:0 0 -9px 0; background:transparent url(/_layouts/Sanex/Website/Common/Images/common/specl_m_s_top.png) no-repeat scroll left top; z-index:inherit;}
#boxContBtmSpecl {width:797px; height:13px; -margin:0 0 -2px 0; float:left; background: url(/_layouts/Sanex/Website/Common/Images/common/specl_m_s_bottom.png) z-index:inherit;}
#boxContLftSpecl {width:1px; height:528px; float:left; background:transparent none no-repeat scroll left top; z-index:inherit;}
#boxContRgtSpecl {width:5px; height:528px; float:left; background:transparent none no-repeat scroll left top; z-index: inherit;}

#boxContTopSpecl.topSkinIngred {background: transparent url(/_layouts/Sanex/Website/Common/Images/common/specl_m_s_top_skinIngred.png);}
#boxContBtmSpecl.btmSkinIngred {background: transparent url(/_layouts/Sanex/Website/Common/Images/common/specl_m_s_bottom_skinIngred.png);}
#boxContLftSpecl.lftSkinIngred {background: transparent url(/_layouts/Sanex/Website/Common/Images/common/specl_m_s_lft_skinIngred.png);}
#boxContRgtSpecl.rgtSkinIngred {background: transparent url(/_layouts/Sanex/Website/Common/Images/common/specl_m_s_rgt_skinIngred.png);}

#boxContTopSpecl.topEnviroment {background: transparent url(/_layouts/Sanex/Website/Common/Images/common/specl_m_s_top_enviroment.png);}
#boxContBtmSpecl.btmEnviroment {background: transparent url(/_layouts/Sanex/Website/Common/Images/common/specl_m_s_bottom_enviroment.png);}
#boxContLftSpecl.lftEnviroment {background: transparent url(/_layouts/Sanex/Website/Common/Images/common/specl_m_s_lft_enviroment.png);}
#boxContRgtSpecl.rgtEnviroment {background: transparent url(/_layouts/Sanex/Website/Common/Images/common/specl_m_s_rgt_enviroment.png);}


/***************************************************** BEGIN LINK Navigation Right with numbers and only */
#naviBtnRgt {
  position:relative;
  top:2px;
  left:12px;
  -left:10px;
  width:130px;
  height:530px;
}
#naviBtnRgt a.btn01specl,
#naviBtnRgt a.btn02specl,
#naviBtnRgt a.btn03specl,
#naviBtnRgt a.btn04specl,
#naviBtnRgt a.btn01specl_selected,
#naviBtnRgt a.btn02specl_selected,
#naviBtnRgt a.btn03specl_selected,
#naviBtnRgt a.btn04specl_selected {
	width:112px;
	height:107px;
	padding:0;
	margin:0;
	text-align:center;
}
#naviBtnRgt a.btn01specl,
#naviBtnRgt a.btn01specl_selected,
#naviBtnRgt a.btn01specl:hover {
  position:absolute;
  top:68px;
  left:0;
}
#naviBtnRgt a.btn02specl,
#naviBtnRgt a.btn02specl_selected,
#naviBtnRgt a.btn03specl:hover {
  position:absolute;
  top:179px;
  left:0;
}
#naviBtnRgt a.btn03specl,
#naviBtnRgt a.btn03specl_selected,
#naviBtnRgt a.btn03specl:hover {
  position:absolute;
  top:290px;
  left:0;
}
#naviBtnRgt a.btn04specl,
#naviBtnRgt a.btn04specl_selected,
#naviBtnRgt a.btn04specl:hover {
  position:absolute;
  top:400px;
  left:0;
}
#naviBtnRgt a.btn01specl {
	background: transparent url(/_layouts/Sanex/Website/Common/Images/navi/specl_navi_btn_01_nl_nl.png) no-repeat left top;
}
#naviBtnRgt a.btn01specl:hover {
	background: transparent url(/_layouts/Sanex/Website/Common/Images/navi/specl_navi_btn_01_a_nl_nl.png) no-repeat left top;
}
#naviBtnRgt a.btn01specl_selected {
	background: transparent url(/_layouts/Sanex/Website/Common/Images/navi/specl_navi_btn_01_a_nl_nl.png) no-repeat left top;
}
#naviBtnRgt a.btn02specl {
	background: transparent url(/_layouts/Sanex/Website/Common/Images/navi/specl_navi_btn_02_nl_nl.png) no-repeat left top;
}
#naviBtnRgt a.btn02specl:hover {
	background: transparent url(/_layouts/Sanex/Website/Common/Images/navi/specl_navi_btn_02_a_nl_nl.png) no-repeat left top;
}
#naviBtnRgt a.btn02specl_selected {
	background: transparent url(/_layouts/Sanex/Website/Common/Images/navi/specl_navi_btn_02_a_nl_nl.png) no-repeat left top;
}
#naviBtnRgt a.btn03specl {
	background: transparent url(/_layouts/Sanex/Website/Common/Images/navi/specl_navi_btn_03_nl_nl.png) no-repeat left top;
}
#naviBtnRgt a.btn03specl:hover {
	background: transparent url(/_layouts/Sanex/Website/Common/Images/navi/specl_navi_btn_03_a_nl_nl.png) no-repeat left top;
}
#naviBtnRgt a.btn03specl_selected {
	background: transparent url(/_layouts/Sanex/Website/Common/Images/navi/specl_navi_btn_03_a_nl_nl.png) no-repeat left top;
}
#naviBtnRgt a.btn04specl {
	background: transparent url(/_layouts/Sanex/Website/Common/Images/navi/specl_navi_btn_04_nl_nl.png) no-repeat left top;
}
#naviBtnRgt a.btn04specl:hover {
	background: transparent url(/_layouts/Sanex/Website/Common/Images/navi/specl_navi_btn_04_a_nl_nl.png) no-repeat left top;
}
#naviBtnRgt a.btn04specl_selected {
	background: transparent url(/_layouts/Sanex/Website/Common/Images/navi/specl_navi_btn_04_a_nl_nl.png) no-repeat left top;
}