@CHARSET "ISO-8859-1";
/*
	Chloride style sheet, for media screen, projection
	Latest update: 071018
	Created and last edited by Carina Malmgren
*/

/* 
    Global Styles
------------------------------------------------------ */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td
{
	border: 0;
	outline: 0;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;	
	margin: 0;
	padding: 0;
	/*vertical-align: baseline;*/
}

td img
{
	border: 0;
	outline: 0;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;	
	margin: 0;
	padding: 0;
	vertical-align:bottom;
}

body 
{
	background: #fff;
	color: #000;
	font: 62.5% Arial, Verdana, Helvetica, sans-serif;
	line-height:1.3em;
}

:focus { outline: 0; }

ol, ul { list-style: none; }

label
{
	cursor: pointer;
}


/* Buy now button
----------------------------------------------*/
.buynowbut, .buynowbut:visited {
background:transparent url(/images/buynowbut.gif) no-repeat scroll 0 0;
display:block;
font-weight:normal;
height:17px;
margin-top:4px;
padding-left:22px;
text-decoration:none;
}


/* 
    Table Styles 
------------------------------------------------------ */
table
{
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td 
{
	font-weight: 400;
	text-align: left;
}

#content-main-normal table
{
	float: left;
	width: 548px;
	border-top: solid 1px #d0d0d0;
	border-right: solid 0px #d0d0d0;
	border-bottom: solid 1px #d0d0d0;
	border-left: solid 0px #d0d0d0;
}

#content-main-normal table th
{
	border-left: solid 1px #d0d0d0;
	color: #003591;
	font: normal 1.1em/1.4em Arial, Helvetica, sans-serif;
	padding: 5px 12px;
}

#content-main-normal table td
{
	border-top: solid 1px #d0d0d0;
	border-left: solid 1px #d0d0d0;
    color: #555;
	font: normal 1.1em/1.4em Arial, Helvetica, sans-serif;
	padding: 5px 12px;
	
}

/* New pre */

#content-main-normal table td p
{
	font: normal 1.0em/1.3em Arial, Helvetica, sans-serif;
	padding: 5px 12px
}

#content-main-normal table .first
{
	border-left: none;
	padding-left: 2px
}
/* Empty TABLE */

#content-main-normal table.nobordertable
{
	float: left;
	width: 548px;
	border: 0;
	border-top: solid 0px #d0d0d0;	
}
#content-main-normal table.nobordertable th
{
	border-top:0;
	border-right:0;
	border-bottom:0;
	border-left:0;
	color: #003591;
	font: normal 1.1em/1.4em Arial, Helvetica, sans-serif;
	padding: 5px 12px;
}

#content-main-normal table.nobordertable td
{
	border: 0;
	border-bottom: solid 0px #d0d0d0;
    color: #555;
	font:normal 1.1em/1.4em Arial, Helvetica, sans-serif;
	padding: 5px 12px;
}


#content-main-normal table.nobordertable td p img
{
	float: left;
	
}

/* DESIGN TABLE */

#content-main-normal table.designtable
{
	float: left;
	width: 548px;
	border-top: solid 1px #d0d0d0;
	border-right:0;
	border-bottom:0;
	border-left:0;
}
#content-main-normal table.designtable th
{
	border-top:0;
	border-right:0;
	border-bottom:0;
	border-left:0;
	color: #003591;
	font: normal 1.1em/1.4em Arial, Helvetica, sans-serif;
	padding: 5px 12px;
}

#content-main-normal table.designtable td
{
	border-top:0;
	border-right:0;
	border-bottom: solid 1px #d0d0d0;
	border-left:0;
    color: #555;
	font:normal 1.1em/1.4em Arial, Helvetica, sans-serif;
	padding: 5px 12px;
}

#wide-col table.designtable
{
	float: left;
	width: 548px;
	border-top: solid 1px #d0d0d0;
	border-right:0;
	border-bottom:0;
	border-left:0;
	margin-left:15px;
}
#wide-col table.designtable th
{
	border-top:0;
	border-right:0;
	border-bottom:0;
	border-left:0;
	color: #003591;
	font: normal 1.1em/1.4em Arial, Helvetica, sans-serif;
	padding: 5px 12px;
}

#wide-col table.designtable td
{
	border-top:0;
	border-right:0;
	border-bottom: solid 1px #d0d0d0;
	border-left:0;
    color: #555;
	font:normal 1.1em/1.4em Arial, Helvetica, sans-serif;
	padding: 5px 12px;
}

/* New pre */

ul#navigation ul, ul#navigation ul li
{
	z-index: 1;
}

#content-main-normal table.designtable td p
{
	font:normal 1.0em/1.3em Arial, Helvetica, sans-serif;
	padding: 5px 12px;
}

#content-main-normal table.designtable .first
{
	border-left: none;
	padding-left: 2px;
}

table h2
{
	font: bold 1.0em/1.3em Arial, Helvetica, sans-serif;
	vertical-align: bottom;

}

div.width-normal h2, #wide-col h2
{
	padding: 0 0 0 10px;
	font:bold 1.1em/1.3em Arial, Helvetica, sans-serif;
}
div.width-normal h3, #wide-col h3
{
	padding: 0 0 0 10px;font:bold 1.0em/1.3em Arial, Helvetica, sans-serif;
}
div.width-normal li, #wide-col li
{
	color: #555;
    font: 1.1em/1.4em Arial, Helvetica, sans-serif;
    margin: 5px 0 0 5px;
	padding: 0 0 0 10px;
}
div.width-normal ul
{
   color:#555;
    list-style-type: square;
    list-style-position: inside;
    margin: 5px 0 10px 0;
}

#wide-col ul li
{
    color:#555;
    list-style-type: square;
    list-style-position: outside;
    margin: 10px 0 10px 0;
    padding-left:0px;
}
#wide-col ul
{
	padding-left:10px;
	
}

div#content-main-normal div.width-normal h2
{
	padding: 0;
}
div#content-main-normal div.width-normal h3
{
	padding: 0;
}

th
{
	vertical-align: bottom;
}
img.intro_map
{
	margin-top: 17px !important;
	
}
/* 
    Heading Styles - h1
------------------------------------------------------ */

h1 
{
	font: 2.3em Arial, Verdana, Helvetica, sans-serif;
	color: #000;
}
div#intro h1, div#intro_product h1
{
    font-size: 1.8em;
    color: #fff;
    margin:5px 10px 7px 10px;
    padding:0;
}

/* 
    Heading Styles - h2
------------------------------------------------------ */

.headinfo
{
    color: #003591;
    font: bold 1.1em Arial, Verdana, Helvetica, sans-serif;
    height: auto;
    margin: 0;
    padding: 0;
}


h2
{
    color: #003591;
    font: bold 1.1em Arial, Verdana, Helvetica, sans-serif;
    height: auto;
    margin: 0;
    padding: 0;
}

div.narrow-col h2
{
	float: left;
	width: 160px;
	height: 23px;
	line-height: 23px;
	margin: 0;
	padding: 0 8px;
	background: transparent url("/upload/layout/bg-mainleft.gif") repeat-x 0 100%;
}

div.width-normal h2
{
	padding: 10px 8px 0 8px;
}

.floater h2
{
    color: #000;
    margin: 0;
    padding: 0;
}

h2#corporate-news
{
    background: #2e5c85 url(/upload/layout/corporate.jpg) bottom left repeat-x;
    color: #fff;
    margin: 0;
    padding: 5px;
    width: 166px
}

div#startpage-col h2
{
	background: transparent url("/upload/layout/arrow-box.gif") no-repeat 0 50%;
	line-height: 25px;
	padding: 0 0 0 14px
}

div.width-normal table tr td h2
{
	font-size: 1em;
}


/* 
    Heading Styles - h3
------------------------------------------------------ */
h3 
{
    color: #000;    
    font:bold 1.1em Arial, Verdana, Helvetica, sans-serif;
    height:auto;
    margin:0;
    padding:0 0 0 0;
}
li h3
{
	padding:0 0 0 19px;
}

#related h3
{
	background: transparent url(/upload/layout/arrow-box.gif) no-repeat 3% 50%;
	border-top: solid 1px #d9d8d8;
    float:left;
	line-height: 23px;
	 padding:0 0 0 17px;
	width:158px
}

div#content div#related p
{
	padding-left:5px;
}

ul#newslist li h3
{
	float: left;
	margin: 0 0 0 15px;
	padding: 0;
	color: #003591;
}

div.floater div.imgblock h3 
{
    background: #b6cff2 url(/upload/layout/bg-mainleft.gif) top left repeat-x;
	color: #003591;
    float:left;
	/*margin:-1px 0 0 0;*/
	margin:0 0 0 0;
	padding:3px 0 4px 5px;
	width:171px;
	
	border-top:solid 1px white;
	display:block;
}

div#wide-col div.floater div.imgblock h3 
{
    background: #b6cff2 url(/upload/layout/bg-mainleft.gif) top left repeat-x;
	color: #003591;
    float:left;
	/*margin:-1px 0 0 0;*/
	margin:0 0 0 0;
	padding:3px 0 4px 5px;
	width:171px;
	
	border-top:solid 1px white;
	display:block;
}
div#wide-col div.floater div.imgblock h3 a
{
	
}

/*
    Heading styles - h4
------------------------------------------------------ */

h4 
{
    color:#555;
    font:bold 1.1em Arial, Helvetica, sans-serif;
    margin:0 0 0 9px
}
/*
    Paragraph styles
------------------------------------------------------ */
p, p.red
{
    font: normal 1.1em/1.3em Arial, Verdana, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}

p.red
{
	color: red;
	
}
div#content p
{
	color: #555;
	padding: 5px 10px 15px 10px
}

div#intro p, div#intro_product p
{
	font-size: 1.3em;
	color: #003591;
    margin: 5px 10px 10px 10px;
    padding:0
}
div#intro_product p
{
	color: white;
}
div#content-main-wide div.pic-box div.pic-right p
{
	color: #555;
	width: 170px
}
div#content-main-normal div.width-normal p,
div#content-main-normal div.width-narrow p,
div#content-main-wide div.width-normal p
{
	line-height: 1.4em;
	padding: 5px 0
}
			
div#content-main-normal div.narrow-col p
{
	color: #003591;
    font-weight:bold;
	padding: 8px 3px 0 8px;
	width: 165px
}

div#content-main-wide div.width-wide p
{
	line-height: 1.4em;
	padding: 5px 0 5px 10px
}
div#content-main-normal .floater .textblock p,
div#wide-col .floater .textblock p 
{
    margin:0 0 5px 0; padding:0
}






/* 
    Link styles
------------------------------------------------------ */
a 
{
    /*color:#999;*/
    color:#003591;
    text-decoration: none 
} 
a:visited 
{
   color:#003591;
   /* color: #999*/
}
a:hover 
{
    text-decoration: underline
}
a:active 
{
    /*color: #666*/
    color:#0647e3;
}
a img 
{
    border: none
}

/* 
    For Quotes
------------------------------------------------------ */
blockquote:before, blockquote:after, q:before, q:after 
{
    content: "" 
}

/* 
    Classes
------------------------------------------------------ */
.right 
{
    float: right
}

.left 
{
    float: left
}

.clear 
{
    clear: both;
    margin:0;
    padding:0
}


/* 
    Site specific content for Chloride
------------------------------------------------------ */

div#wrap
{
    clear:left;
	margin: 0 auto;
	overflow:hidden;
	width: 960px
}

div#functions,
div#logo,
div#content
{
	margin:0;
	padding:0;
	width: 960px
}


/* 
    Site Top Layout
------------------------------------------------------ */

div#functions
{
	background: transparent url(/upload/layout/bg_home.gif) repeat-x 0 100%;
	height: 24px
}
/* 
    Commands
------------------------------------------------------ */
ul#ul_commands
{
	float: left;
	font-weight: bold;
	line-height: 22px;
	margin: 0
	/*width: 590px;*/
}

ul#ul_commands li
{
    display:block;
	float: left;
	margin: 0;	
	padding: 2px 0 0 0;
	background: none;
	width:40px
}

ul#ul_commands li a 
{
    color: #000
}

ul#ul_commands li#li_home
{
	background: transparent url(/upload/layout/bg_home_right_li.gif) no-repeat 100% 0;
	float: left;
	margin: 0 12px 0 0;
	padding:0 0 0 12px;	
	width: 550px
}

ul#ul_commands li#li_homeHome
{
	background: transparent url(/upload/layout/bg_home_right_li.gif) no-repeat 100% 0;
	padding:0pt 18px 0pt 12px;	
	width: 25px
}

ul#ul_commands li#li_homeCorp
{
	background: transparent url(/upload/layout/bg_home_right_li.gif) no-repeat 100% 0;
	float: left;
	margin: 0 12px 0 0;
	padding:0 0 0 12px;	
	width: 500px
}

/* 
    Search
------------------------------------------------------ */
fieldset#mainsearch 
{
    border:0px solid #fff;
    background:transparent;
    float:right;
    height:21px;
    overflow:hidden;
    width:175px
}

fieldset#mainsearch input.searchbar 
{
    background:#fff;
    border:1px solid #e3e3e3;
    color:#818181;
    float:left;
    font:1.1em/1.3em Arial, Helvetica, Verdana, sans-serif;
    height:13px;
    margin:2px 2px 2px 0;
    padding:2px 1px 2px 4px;
    width:145px;
}

/*fieldset#mainsearch input.searchbutton */

img.searchbutton
{
    background:#023971;
    border:0px solid #fff;
    color:#fff;
    float:right;
    font-size:0.8em;
    height:9px;
    margin:7px 7px 0 3px;
    text-align:center;
    width:9px;
    border:0px solid red;
}

/* 
    Main Content Layout
------------------------------------------------------ */

div#logo
{
    display: block;
    float: left;
	height: 93px;
	margin: 0;
}

div#content
{	
	background: transparent url(/upload/layout/bg-content-main.gif) repeat-y 0 0;
}

div#content.startpage div#startpage-col
{
	float: left;
	margin: 0;
	padding: 0;
	width: 764px
}
div#content.startpage .firstimpression 
{
   /* background:url(/upload/startpage.jpg) 0 0 no-repeat; */
    height:362px;
    overflow:auto
}
	
div#content.startpage .firstimpression .first-col 
{
    float:right;
    text-align:left;
    width:370px;
  
}

div.firstimpression strong 
{
    color:#f3f3f3;
    font:bold 1.1em/1.4em Arial, Helvetica, sans-serif;
    margin:0.3em 0.5em 0.7em 0
}
/* 
    Sitemap layout 
------------------------------------------------------ */
ul#sitemap a
{
	color:Black;
}
ul#sitemap
{
    background:url(/upload/layout/sitemap-faux-cols.gif) 0 0 repeat-y;
    border-top:1px solid #d0d0d0;
    border-bottom:1px solid #d0d0d0;
    float:left;
	margin-left: 10px;
	margin-bottom: 10px;
	width: 940px;
	
}

ul#sitemap li
{
	float: left;
	display: block;
	font-size: 1.1em;
	font-weight:bold;
	line-height: 30px;
	margin:0 0 10px 10px;
	width: 148px
}

 ul#sitemap li.first
{ 
    margin:0 0 10px 0
}

ul#sitemap li ul
{
	float: left;
	padding-top: 10px;
	width: 154px
}

ul#sitemap li ul li
{
    border:none;
	font-size: 1em;
	font-weight:lighter;
	line-height:1.5em;
	margin: 0;
	/*width: 144px*/
	width: 144px
}

ul#sitemap li ul li ul 
{
    border:none;
    margin:-10px 0 5px 10px;
    width:134px
}

ul#sitemap li ul li ul li 
{
    display:block;
    font-size:0.9em;
    line-height:1.3em;
    margin:0.2em 0;
    width:124px;
}


/*
    crumbslang
----------------------------------------------------- */
#crumbslang 
{
    background:#fff;
    display:block;
    float:left;
    width:960px
}

/*
    Breadcrumbs
------------------------------------------------------ */

ul#breadcrumbs
{
	float: left;
	line-height: 40px;
	margin: 0;
	padding: 0 0 5px 10px;
	width:700px
}

ul#breadcrumbs li
{
	background: transparent url("/upload/layout/li-breadcrumbs.gif") no-repeat 0 50%;
	color:#555;
	display:block;
	float: left;
	font-size: 1.1em;
	margin-left: 7px;
	padding-left: 10px
}

ul#breadcrumbs li.first
{
	background: none;
	font-weight:bold;
	margin-left: 0;
	padding-left: 0
}
	
/* 
    All this options - Language
------------------------------------------------------ */	
#selectlist 
{
    margin:0;
    width:176px
}
#content.startpage #selectlist {
	margin:0 0 10px 0
}

#selectlist legend#language
{
	background: transparent url("/upload/layout/arrow-box-vertical.gif") no-repeat 5px 50%;
	border: none;
	color: #555;
	font:bold 1em/1.4em Arial, Verdana, Helvetica, sans-serif;
	padding: 0.1em 0 0.1em 17px;
	margin-left:-7px;
	
}
#selectlist select#languageoptions 
{ 
    background:#fff;
    border:1px solid #d0d0d0;
    color:#555;
    font:1em/1.3em Arial, Helvetica, sans-serif;
    margin:0;
    padding:1px;
    width:176px
}

#selectlist select#languageoptions option 
{
    border-top:1px dotted #d0d0d0;
    padding:0.2em 0.2em 0.2em 0.5em;
    width:150px
}
	
/* 
    Secondary navigation 
------------------------------------------------------ */
		
ul#subnavigation
{
    background: transparent url(/upload/layout/li-leftmenu.gif) repeat-x 0 100%;
	float: left;
	margin:0 20px 0 0;
	padding:0 0 1px 0;
	width: 176px
}

ul#subnavigation li
{
	background: transparent url(/upload/layout/li-leftmenu.gif) repeat-x 0 0;
	display:block;
	font-size: 1.1em;
	line-height: 23px;
	padding: 0 5px 0 15px;
	width: 156px
}

ul#subnavigation li a
{
	color: #003591;
    display:block;
	line-height: 23px;
	margin-left: -10px;
    padding-left: 10px;
	width: 100%
}

ul#subnavigation li a:hover,
ul#subnavigation li a.selected
{
	background: transparent url(/upload/layout/bg-link.gif) no-repeat 0 50%
}
			
ul#subnavigation li ul
{
	background: transparent url(/upload/layout/li-leftmenu.gif) repeat-x 0 0;
	margin-left: -15px;
	width: 176px
}

ul#subnavigation li ul li
{
	background: transparent url(/upload/layout/li-leftmenu.gif) repeat-x 0 0;
	font-size: 1em;
	line-height: 24px;
    margin-left: 24px;
	padding: 0 5px 0 2px;
	width: 144px
}

/* 
    Content styles
------------------------------------------------------ */	
#content-main-normal
{
	background: #eaeef8;
	float:left;
	min-height: 117px;
    padding:0 0 10px 0;
	width: 568px
}

#wide-col 
{
   	background: #eaeef8;
   	margin:0;
    padding:0 0 10px 0;
    
}
/* workaround to get ie6 to understand the width of wide columns */
div#wide-col.left 
{
    width:764px
}

div#wide-col.right 
{
    width:759px
}
/* end of wide column workaround */

#whole-page 
{
   	background: #eaeef8;
   	float:left;
    padding:0 0 10px 0;
   	width:960px
}

div#content-main-wide
{
	background: #eaeef8;
    padding:0 0 10px 0;
	width:100%
}


div#content-main-normal div.width-normal
{
	float: left;
	width: 548px;
	/*new pre*/
	/*padding: 20px 10px;*/
	padding: 5px 10px;
}


div#content-main-normal div.width-narrow
{
    padding: 5px 10px;
    width: 361px
}


div#content-main-normal div.narrow-col
{
	width: 177px;
	margin-right: 10px;
	/*padding: 5px 10px;*/
}

div#content-main-normal div.narrow-col img
{
	float: left;
	margin: 0;
	padding: 0
}

div#content-main-wide div.width-normal
{
	padding: 5px 10px;
}

div#content-main-wide .width-wide
{
	padding: 15px 10px 15px 0
}

div#content div.inner-left
{
	float: left;
	width: 382px;
	line-height:1px;	
}
	
div#content div.inner-right
{
	float: left;
	border-left: solid 1px #fff;
	width: 381px;  
	line-height:1px;	
	
}

div#content div.inner-left a h2,
div#content div.inner-right a h2
{
	margin-left: 7px;
	padding-left: 14px;
}


div#content div#textpage-col
{
	background: transparent url("/upload/layout/bg-content-main.gif") repeat-y 0 0;
	float: left;
	margin: 0;
	padding: 0;
	width: 764px
}

/*
    Content intro
-------------------------------------------- */
#intro, #intro_product
{
    background: #b4c3e6;
    margin: 0 0 3px 0;
    padding:5px 0;
    width:100%
}
#intro_product
{
	background: #003591;
}
div#intro img, div#intro_product img
{
	margin: 5px 0 10px 0;
	padding: 0
}


/*
    Floater - the image and text boxes - template 8 and 9
-------------------------------------------------- */

.floater 
{
    float:left;
    margin:10px 0 0 0;
    padding:0 10px
}

div#wide-col .floater 
{
    margin:10px 0 0 0;
    padding:0 10px 0 0;
    width:369px
}

.floater .imgblock 
{
    display:block;
    float:left;
    margin:0;
    padding:0;
    width:176px
}
.floater .imgblock img 
{
    float:left
}
.floater .textblock 
{
    /*border-bottom:1px solid #d0d0d0;*/
    float:right;
    margin:0;
    padding:0 0 10px 5px;
    width:360px;
    
}

div#wide-col .floater .textblock 
{
    width:184px;
}

/*
    Horizontal rule
---------------------------------------------------- */
.hoRule 
{
    clear:both;
    border-bottom: 1px solid #D0D0D0;
    /*clear:none;
    position:relative;
    top:-10px;*/
    margin-left:190px;
}
.hoRule hr 
{
    display:none
}

/* 
    Wide page listing layout
------------------------------------------------------ */

div#content-main-wide div.pic-box
{
	float: left;
	margin-bottom: 10px;
	width: 366px
}

div#content-main-wide div.left 
{
    margin-right: 20px
}

div#content-main-wide div.pic-box div.pic-left
{
	float: left;
	margin-right: 15px;
	width: 176px
}

div#content-main-wide div.pic-box div.pic-right
{
	border-bottom: solid 1px #d0d0d0;
	float: left;
	padding-bottom: 8px;
	width: 175px
}

/* 
    Related pushboxes right side
------------------------------------------------------ */

#related
{
	background: #fff url("/upload/layout/bg-content-main.gif") repeat-y 100% 0;
	border-bottom: solid 1px #d9d8d8;
	float: right;
	padding: 0 0 3px 0;
	margin:0;
	width: 176px
}
		
#related .first 
{
    border-top-width:0px
}
	
#related ul
{
	margin: 0;
	padding: 0;
	
}

#related ul li
{
	border-top: solid 1px #D9D8D8;
    float:left;
	font-size: 1.1em;
	line-height:1.3em;
	margin: 0;
	padding:5px;
	width:166px;
	margin-bottom:5px;
}

#related strong
{
	color: #003591;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.3em;
	margin: 4px 0
}

#related ul li a 
{
    color: #555
}
		
#related div.stock-left
{
	float: left;
	width: 105px
}

#related div.stock-right
{
	float: right;
	width: 56px
}
		
#related .right
{
	float: right;
	margin: 0 8px;
	padding: 0
}

/* 
    Inner footer
------------------------------------------------------ */
div#inner-footer
{
    clear:both;
	width: 960px;
	min-height: 20px;
	background: #fff url("/upload/layout/bg-inner-footer.gif") no-repeat 100% 0;
}

/* 
    News list layout
------------------------------------------------------ */

ul#newslist
{
	float: left;
	margin: 0;
	width: 90%
}

ul#newslist li
{
	float: left;
	width: 90%;
	list-style: none;
	color: #003591;
	padding: 5px 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: solid 1px #d0d0d0;
	background: transparent url(/upload/layout/li-newslist.gif) no-repeat 0 0;
}

ul#newslist li p
{
	float: left;
	line-height: 1.4em;
	width: 90%
}


/* 
    Main content layout
------------------------------------------------------ */

div#startpage-col img,
div#textpage-col img
{
	margin: 0;
	padding: 0
}

div#startpage-col .inner-left,
div#startpage-col .inner-right,
div#textpage-col .inner-left,
div#textpage-col .inner-right
{
	background: transparent url("/upload/layout/bg-h2-push.gif") repeat-x 0 0
}

/*
    Bulleted list in content 
----------------------------------------------------- */
#wide-col ul, 
#content-main-normal ul, .main-normal ul
{
    color:#555;
    list-style-type:square;
    list-style-position:outside;
    margin:5px 0;
    margin-left:10px;
    margin-right:10px;
}

#wide-col ul li, 
#content-main-normal ul li, .main-normal ul li
{
    color:#555;
    font:1.1em/1.4em Arial, Helvetica, sans-serif;
    margin:5px 0 0 5px; 
    
}

#content-main-normal table td ul, #content-main-normal table td ul li 
{
	font:1.0em Arial, Helvetica, Verdana, Sans-Serif;
} 
/* 
    Main navigation 
----------------------------------------------------- */
ul#navigation
{ /* all lists */    
	background: #ADC5E7;
	border-bottom:1px solid #fff;
	float: left;
	font:1.1em Arial, Helvetica, Verdana, Sans-Serif;
	margin: 0;
	padding: 0;
	width: 960px;
	
}

ul#navigation li a
{
	background: #288AD7 url(/upload/layout/bg_menu_off.gif) repeat-x 0 100%;
	color: #fff;
	display: block;
	font-weight: bold;
	line-height:23px;
	padding: 0 0 1px 6px;
	text-decoration:none;
	width: 148px
}

ul#navigation img#icon2
{
	margin: 0 3px
}

ul#navigation li
{ /* all list items */
	float: left;	
	margin-left: 6px;
	padding: 0
	/*width: 154px;*/ /* width needed or else Opera goes nuts, ie6 separat */	
}

ul#navigation li ul li
{
	margin-left: 0
}

div#wrap ul#navigation li ul li a
{
	/*margin-left: -6px;*/
	background: #fff;
	border-top: dotted 1px #D9D8D8;
	color: #666;
	font-weight:normal;
	line-height:1.4em;
	height: auto;
	padding:3px 0 3px 3px;	
	width: 164px
}

ul#navigation li ul li a.first_li_drop
{
	background: #fff;
	border-top: solid 1px #D9D8D8;
	color: #666;
	height: auto;
	width: 164px
}

ul#navigation li a:hover,
ul#navigation li a.selected
{
	background: #00487d url(/upload/layout/bg_menu_on.gif) repeat-x 0 100%
}

ul#navigation li ul li a:hover
{
	color: #003591;
	background: #fff url(none)
}

ul#navigation li ul
{ /* second-level lists */
	background: #fff;
	border: solid 1px #D9D8D8;
	border-top: solid 1px #fff;
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	width: 170px
}

ul#navigation li:hover ul,
ul#navigation li.sfhover ul
{ /* lists nested under hovered list items */
	left: auto
}
#navigation li:hover, 
#navigation li.hover {
    position: static
}

/* These are used for the menu, the class the li get depends on how many they are (menu6 = there are 6 menu items)*/
ul#navigation li.menu1 a
{
	width: 948px 
}

ul#navigation li.menu2 a
{
	width: 468px
}

ul#navigation li.menu3 a
{
	width: 308px
}

ul#navigation li.menu4 a
{
	width: 228px
}

ul#navigation li.menu5 a
{
	width: 180px
}

ul#navigation li.menu6 a
{
	width: 148px
}

ul#navigation li.menu7 a
{
	width: 125px
}

ul#navigation li.menu8 a
{
	width: 108px;
	font-size: 0.9em
}
ul#navigation li.menu9 a
{
	width: 250px;
	font-size: 0.9em;
	text-align: right;
	
	
}

/* 
    Footer Layout
------------------------------------------------------ */
ul#footer
{
	background: transparent url("/images/bg-footer.gif") repeat-x 0 100%;
	float: left;
	height: 38px;
	margin:10px 0 0 0;
	width: 960px
}
ul#footer li 
{
    float:left;
    /*width:128px*/
}

ul#footer li a
{
	background: transparent url("/upload/layout/bg-footer-li.gif") no-repeat top right;
	color: #000;
	display:block;
	float: left;
	font-size: 1em;
	font-weight: bold;
	margin:0;
	padding:10px 9px 0 19px;
	text-decoration:none;
	/*width:100px;*/
}

ul#footer li.footer_last a
{
	background: transparent url(none)
}
ul#footer li a:hover 
{
    text-decoration:underline
}

/* ############# STYLES FOR RIGHT PUFFS ######### */
div#related
{
	/*background-color:White;*/
}
h2.rightHeadline
{
    background:url(/upload/layout/corporate.jpg) bottom left repeat-x;
    color:#fff;
    margin:0;
    margin-top:3px;
    
    padding:5px 5px;
    width:166px;
}
h3.rightHeadline
{
	 margin-bottom:3px;
}
p.rightText
{
    color:#555555;
    margin:0;
    padding:5px 5px;
    
    width:166px;
}
p.rightText a
{
    color:#555555;
    text-decoration:none;
}
p.rightText a:hover
{
	text-decoration:underline;
}


a p.rightText
{
cursor:hand;
}

img.rightImg
{
    margin:0;
    padding:0;
    margin-left:1px;
}

/* /############# STYLES FOR RIGHT PUFFS ######### */
div.textblock p
{
	color:#555;
}
div.textblock h2
{
	color:#555;
		
	
	
	color: #003591;
}

h2 iframe
{
	border-top: 1px solid #D9D8D8;
}



/* ------------- Form ---------- */
.FormRow
{
	display: block;
	color: #003d73;
	font: bold;
	font-size:1.1em;		
	width: 100%;
	clear: left;
	padding-top: 10px;
}

div.FormCell
{
	text-align:left;
	vertical-align: middle;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.1em;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:1.3em;
}

div.FormCell span
{
	padding-top: 5px;
	padding-right: 5px;
} 



/* Four columns */
.FormRow
{
	display: block;
	color: #003d73;
	font: bold;
	font-size:1.1em;		
	width: 100%;
	clear: left;
	padding-top: 5px;
}

div.FormCell
{
	text-align:left;
	vertical-align: middle;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.0em;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:1.1em;
}

div.FormCell span
{
	padding-top: 5px;
	padding-right: 5px;
} 

/* Four columns */
div.FormRow4Columns div.FormCellNr0
{
	width: 120px;
}

div.FormRow4Columns div.FormCellNr1
{
	width: 120px;
}

div.FormRow4Columns div.FormCellNr2
{
	width: 120px;
}

div.FormRow4Columns div.FormCellNr3
{
	width: 120px;
}

/* Three columns */
div.FormRow3Columns div.FormCellNr0
{
	width: 160px;
}

div.FormRow3Columns div.FormCellNr1
{
	width: 160px;
}

div.FormRow3Columns div.FormCellNr2
{
	width: 160px;
}

/* Two columns */
div.FormRow2Columns div.FormCellNr0
{
	width: 100px;
}

div.FormRow2Columns div.FormCellNr1
{
	width: 380px;
}

div.FormRow2Columns input
{
	width: 100%;
}
div.FormRow2Columns input.checkbox
{
	width: 20px;
	
}

.FormCell input.FormSubmit
{
	width: 100px;
}


.FormCell
{
	display: inline;
	float: left;
	position:relative;
}

div.FormRow3Columns input.FormTwoColumn
{
	width: 330px;
}

div.FormRow3Columns textarea.FormTwoColumn
{
	width: 330px;
}






/* 
    Product navigation 
----------------------------------------------------- */
ul#productnavigation
{ /* all lists */    
	background: #288AD7 url(/upload/layout/product_li_inactive_bg.gif) repeat-x 0 100%;
	float: left;
	font:1em Arial, Helvetica, Verdana, Sans-Serif;
	margin: 0;
	padding: 0;	
	width:568px;
	margin-left:-10px;
	border-top:solid 1px white;
	border-bottom:solid 1px #003591;
	height:22px;line-height:22px;
	margin-top:0;
	padding-top:0;
	list-style:none;
	margin-bottom:15px;
}

ul#productnavigation li a
{
	background: #288AD7 url(/upload/layout/product_li_inactive_bg.gif) repeat-x 0 100%;
	color:#003591;
	display: block;
	font-weight: bold;
	line-height:22px;
	height:22px;
	padding: 0 0 0 0;
	margin-top:0;
	padding-left:25px;
	text-decoration:none;
	width: 163px;

}

ul#productnavigation li
{ /* all list items */
	float: left;	
	margin-left: 0;
	padding: 0;
	margin-top:0;
	border-left:solid 1px white;
	/*width: 154px;*/ /* width needed or else Opera goes nuts, ie6 separat */	
}
ul#productnavigation li a:hover,
ul#productnavigation li a.selected
{
	color:White;
	background: #00487d url(/upload/layout/product_li_active_bg.gif) repeat-x 0 100%
}


ul#productnavigation li:hover ul,
ul#productnavigation li.sfhover ul
{ /* lists nested under hovered list items */
	left: auto
}
#productnavigation li:hover, 
#productnavigation li.hover {
    position: static
}

img.productimage
{
	float:left;
	margin-top:20px;
	margin-left:15px;
	margin-right:15px;
}
/* (Fake) image map styling for Italian site */
.linkbg{
	position:relative;
	background-image: url('http://www.chloridegroup.com/images/3linkbg.jpg'); 
	background-position:left top; 
	height:321px;
}
.linkbg a{
	color: White;
	font: bold 13pt 'Verdana';
	text-decoration: none;
}
.linkbg span{
	position:absolute;
	display:block;
	left: 10px;
}
.linkbg a:hover{
	text-decoration: underline;
}
.imgLinkCF{
	top: 36px;
}
.imgLinkSSO{
	top: 84px;
}
.imgLinkIR{
	top: 288px;
}
/* End (Fake) image map styling for Italian site */