/* SIB CSS TEMPLATE NEW  Argonauteng2  2008
*******************************************/
@charset "utf-8";
/*include Brand-CSS*/
@import "sib_brand.css";
/**********************/


body {
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	background:#FFFFFF;
}

img { border:0; }

A:link {color:#548a0b; border:0;}
A:visited {color:#548a0b; border:0;}
A:active {color:#548a0b; border:0;}
A:hover {color:#666666; border:0;}



#clearLeft {
	clear:left;
}

/* floats
*******************************************/
.hrow1, .hrow1_2, .menurow1, .menurow3, .menu, .menu li, .menu ol,
#leftRow, #centerBlock, .sibStartSustainabilityLeft, .sibStartSustainabilityRight,
.compositionLeft, .safetyLeft, .scienceLeft, .edutainmentLeft, .compositionRight, 
.safetyRight, .scienceRight, .edutainmentRight, .centerRowOldImageLeft, .centerRowOldTextRight {
	float:left;
}

/* Header
*******************************************/
#header{

}

.hrow1{
	background:url(../Media/images/Sib_header_menu_02.jpg) top left no-repeat;
	margin-left:16px;
	width:220px;
	height:56px;
}

.hrow1_2{
	background:url(../Media/images/Sib_header_menu_10.jpg) top right no-repeat;
	width:760px;
	height:56px;
}

#menurow{
	width:996px;
}

.menurow1{
	height:30px;
}

.menurow1{
	background:url(../Media/images/Sib_header_menu_13.jpg) top right no-repeat #e8e8e8;
	width:236px;
}

.menurow3{
	background:url(../Media/images/Sib_header_menu_21.jpg) top left no-repeat #e8e8e8;
	width:228px;
	height:30px;
}

.menu{
	width:532px;
}

.menu ol{
	margin:0;
	padding:0;
	list-style-type:none;
	display:inline;
	cursor:pointer;
	height:30px;
	width:532px;
}

.hrow3{
	background:url(../Media/images/Sib_header_menu_24.jpg) top left no-repeat;
	width:220px;
	height:14px;
	margin-left:16px;
}

/* Content
*******************************************/

#content{
	width:996px;
}

.centerRowOldDownloadLeft{
 width:189px;
}
 
.centerRowOldDownloadRight{
 width:189px;
 padding-left:14px;
}

/* center Row
*******************************************/

#centerBlock{
	width:539px;
}

.ul {
	list-style-type:square;
	list-style:square;
	padding:0;
	margin-right:20px;
	}

.li {
	list-style-type:square;
	list-style:square;
	padding:0;
	margin-right:20px;
	}

#centerLeftSpacer{width:58px; float:left;}
#centerRightSpacer{width:58px; float:left;}
#centerContainer{
	background:#e8e8e8;
	width:408px;
	margin-left:60px;
}

.centerContentContainerOld{
	width:390px;
	padding: 5px 0px 5px 9px;
}

.centerContentContainerOldTeaser{
	width:392px;
	height:98px;
	padding: 0 0 0 0px;
}

#centerContainer h1{
	font-size:13px;
	margin-bottom:20px;
}

#centerContentContainer{
	padding: 5px 0px 5px 9px;
}

#CenterContainer A:link {color:#548a0b; text-decoration:underline; border:0;}
#CenterContainer A:visited {color:#548a0b; border:0;}
#CenterContainer A:active {color:#548a0b; border:0;}
#CenterContainer A:hover {color:#548a0b; border:0;}

.visualCenter{
	background:url(../Media/images/Sib_center_row_visual.jpg) top left;
	width:539px;
	height:112px;
}

.visualCopy{
	font-size:11px;
	width:500px;
	height:40px;
	margin-left:19px;
	margin-left:22px;
	margin-top:7px;
}

.genContentBox1Row {
	width:539px;
}

.genContentBox2Row{
	width:270px;
}

.sibStartSustainabilityLeft, .compositionLeft, .safetyLeft, .scienceLeft, .edutainmentLeft{
	width:256px;
	height:71px;
}

.sibStartSustainabilityLeft{
	background:url(../Media/images/Sib_centerRow_52.jpg) repeat-x top left;
}

.centerBlockHedline{
	background:url(../Media/images/centerplus.gif) right no-repeat;
	font-size:13px;
	padding-right:4px;
	height:20px;
	width:380px;
	margin-top:20px;
	margin-bottom:10px;
	margin-left:9px;
	cursor:pointer;
}

.centerBlockContainer{
	font-size:11px;
	padding-right:4px;
	height:23px;
	margin-left:9px;
}



.sibStartSustainabilityRight, .compositionRight, .safetyRight, .scienceRight, .edutainmentRight{
	width:283px;
	height:71px;
}

.sibStartSustainabilityRight{
	background:url(../Media/images/Sib_centerRow_53.jpg) top left no-repeat;
}

.compositionLeft{
	background:url(../Media/images/Sib_centerRow_60.jpg) repeat-x top left;
}

.safetyLeft{
	background:url(../Media/images/Sib_centerRow_68.jpg) repeat-x top left;
}

.scienceLeft{
	background:url(../Media/images/Sib_centerRow_76.jpg) repeat-x top left;
}

.edutainmentLeft{
	background:url(../Media/images/Sib_centerRow_84.jpg) repeat-x top left;
}

.compositionRight{
	background:url(../Media/images/Sib_centerRow_61.jpg) top left no-repeat;
}

.safetyRight{
	background:url(../Media/images/Sib_centerRow_69.jpg) top left no-repeat;
}

.scienceRight{
	background:url(../Media/images/Sib_centerRow_77.jpg) top left no-repeat;
}

.edutainmentRight{
	background:url(../Media/images/Sib_centerRow_85.jpg) top left no-repeat;
}

#centerRowOldWithContainer{
	width:380px;;
	padding-top:9px;
	padding-left:8px;
	padding-right:8px;
}

.centerRowOldImageLeft{
	width:112px;
	height:70px;
}

.centerRowOldTextRight{
	width:266px;
	padding-left:14px;
}

#prodDownload ul {
  margin:10px;
  min-height:50px;
  padding:0 0 0 50px;
}
#prodDownload.es_es ul {
  padding:0 0 0 65px;
}
#prodDownload ul.brandACE {
  background: url(../product/img/be_nl_ACE_BEL_LOGO.gif) no-repeat 0 0 transparent;
}



#prodDownload.es_es li {
  background: none;
}
#prodDownload li {
  background: url(../gfx/arrow.gif) no-repeat 0 0 transparent;
  padding: 0 0 0 15px;
}



/* Left Blocks
**********************************/

#leftBlock{
	width: 222px;
	float:left;
	padding-left:16px;
}

#leftBlockSpacer{
	width: 1.00em;
	height:0.5em;
	float:left;
	margin:0;
	padding:0;
}

#leftBlockContent {
	width: 206px;
	height:980px;
	float:left;
	background:url(../Media/images/RowBack.gif) top left repeat-y;
}

#leftBlockRow {
	background:url(../Media/images/blockBackground.gif) top left repeat-y;
	float:left;
}

#leftBlockContent ul, li, h1, h2 {
	cursor:pointer;
	list-style:none;
	margin:0;
	padding:0;
	color:#548A0B;
}

#leftBlockContent h1 {
	height:24px;
	padding:5px 0px 0px 30px;
	background:url(../Media/images/sib_menu_44.jpg) top left no-repeat;
	font-size:11px;
	color:#548a0b;
	text-decoration:underline;
}

#leftBlockContent h2 {
	height:24px;
	padding:4px 0px 0px 28px;
	background:url(../Media/images/sib_sidbox_box_top.jpg) top left no-repeat;
	font-size:11px;
	color:#548a0b;
	text-decoration:underline;
}

#leftBlockContent li {
	background:#e8e8e8;
	font-size:11px;
	text-decoration:underline;
}


.search{
	padding-top:0.94em;
	text-decoration:none;
	cursor:default;
	color:#666666;
}

.searchFont{
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
	padding: 0px 0px 0px 0px;
	text-decoration:none;
}


.menuText{
	padding: 6px 0 6px 30px;
}

.leftBlockSelect{
	padding: 8px 0 8px 14px;
	color:#548A0B;
}


/* Right Blocks
**********************************/

#rightBlock, #rightBlockContent {
	float:left;
}

#rightBlock{
	width: 12.9em;
	padding-left:0.94em;
}

#rightBlockContent {
	width: 206px;
	height:980px;
	background:url(../Media/images/RowBack.gif) top left repeat-y;
}

#rightBlockContent ul, li, h1, h2 {
	cursor:pointer;
	list-style:none;
	margin:0;
	padding:0;
	color:#548A0B;
	
}

#rightBlockContent h2 {
	height:24px;
	padding:4px 0px 0px 28px;
	background:url(../Media/images/sib_sidbox_box_top.jpg) top left no-repeat;
	font-size:11px;
	color:#548a0b;
	text-decoration:underline;
}

#rightBlockContent h1 {
	height:40px;
	padding:4px 0px 0px 28px;
	background:url(../Media/images/block2RowBack.gif) top left no-repeat;
	font-size:11px;
	color:#548a0b;
	text-decoration:underline;
}

#rightBlockContent li {
	background:#e8e8e8;
	font-size:11px;
	text-decoration:underline;
}

.rightBlockEasyAcessBack{
	background:url(../Media/images/rightNavEasyAcess.gif) top left no-repeat;
	width:206px;
	height:103px;
}


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxContent{margin-top:32px;}
        #cboxLoadedContent{background:#FFF; padding:1px;}
        #cboxLoadingGraphic{background:url(../img/loading.gif) center center no-repeat;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{background:none repeat scroll 0 0 #000000;color:#FFFFFF;font-size:1.2em;font-weight:bold;height:22px;line-height:22px;margin:2px;padding:0 0 0 10px;position:absolute;top:0;width:100%;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../../survey/img/controls.png) 0 0 no-repeat;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px;right:2px;top:3px;}
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}



/* form elements & buttons start */
  #surveyForm legend  {white-space:normal; color:#808080; font-size:1.2em; line-height:1.8em;}
  #surveyForm label, #surveyForm .label { float:left; margin:0 0 0.5em; text-align:left; width:100%; position: relative; } 
	#surveyForm label span, #surveyForm .label span, #surveyForm span.label { float:left; width:190px; color:#808080; font-size:1.2em; line-height:1.8em; padding: 0 10px 0 0}
	#surveyForm label span.large, #surveyForm span.label.large { width:426px; padding: 0, margin:0 300px 0 0;}
  #surveyForm input, #surveyForm .input { width:220px;  float: left; }
  #surveyForm input.large { display: block; width:416px; }	
  #surveyForm select  { width:226px; }
  #surveyForm textarea  { width: 224px; }
  #surveyForm input[type=submit]  { margin:0 0 0 200px; width:226px; }
	#surveyForm input[type=checkbox] {width: auto;margin-right:1em; font-size:1.2em; height:1.2em;}
	#surveyForm input[type=radio] {width: auto;margin-right:1em; font-size:1.2em; height:1.2em;}
	
	#errMsg {}
	#surveyForm label.error  {
		color:red;
		font-size:1.2em;
		line-height:1.8em;
		margin:0 0 10px 200px;
		width:226px;
  }
	#surveyForm input.error, #surveyForm textarea.error, #surveyForm select.error  {border: 1px solid red; }
	
/* form elements & buttons end */

/* survey start */
#surveyForm {
	width: 480px;
	margin: 0 auto;
}
#surveyForm p {
	color:#808080;
	font-size:1.2em;
	line-height:1.8em;
	padding:0 0 0 14px;
}
#surveyForm legend {
	display: none;
}
#surveyForm input[type="submit"].left,  #surveyForm input[type="submit"].right {
	margin:0;
	width:auto;
}
#surveyForm input[type="submit"] {
	background-color:#3F3F3F;
	border:0 none;
	color:#FFFFFF;
	font-size:1.3em;
	font-weight:bold;
	height:35px;
	line-height:35px;
	padding:0 20px;
} 
#surveyForm select {
	border:1px solid #444444;
	color:#808080;
	height:26px;
	padding:4px;
	width:280px;
}
#surveyForm textarea {
	border:1px solid #444444;
	padding:5px;
	width:268px;
}
#surveyForm input {
	border:1px solid #444444;
	float:left;
	height:26px;
	padding:0 5px;
	width:266px;
}
#surveyForm input.right {
	float:right;
}
#surveyForm input.error, #surveyForm textarea.error, #surveyForm select.error  {
	border: 1px solid red; 
}


#progressbar {
	height: 10px;
	margin: 0 0 20px;
}

.ui-widget-content {
	background:none repeat scroll 0 0 #9F9F9F;
	border:1px solid #9F9F9F;
}

.ui-widget-header {
	background:none repeat scroll 0 0 #444444;
	border:1px solid #444444;
	color:#222222;
	font-weight:bold;
	height:9px;
}

ul.progLegend {
	display:block;
	height:15px;
	width:100%;
}
ul.progLegend li {
	color:#808080;
	float:left;
	font-size:1.2em;
	text-align:center;
	width:23.5%;
}
ul.progLegend li.first {
  text-align:left;
	color: #444444;
	width:15%;
}
ul.progLegend li.last {
  text-align:right;
	width:14%;
}


.btnBar {
	bottom:30px;
	left:0;
	padding:0 30px;
	position:absolute;
	width:480px;
}

#cboxContent {
	position: relative;
} 

#cboxTitle {
  font-size:1.4em;
	height:35px;
	left:30px;
	line-height:35px;
	padding:0 0 0 14px;
	top:30px;
	width:466px;
}
#cboxLoadedContent {
  padding:95px 0 30px;
}
#cboxClose {
	right:38px;
	top:39px;
}
#cboxLoadedContent {
  padding:95px 3px 30px;
}


/* survey end */




/* CSS Hacks
**********************************/
/* hide hack from Mac-IE5 \*/
* html .mybuggyelement { height: 1%; }
/* end hiding */