/* CREAX 2008 Colors
Gray-ish: #434448
Light blue: #5cb2c6
Whitesmoke
White
Black
*/

/* Global stuff goes here */
/* ----------------------------------------------------------------*/
html { 
height: 100% 
padding:0;
margin:0;
border:0;
}
body {
margin:0;
background-color: whitesmoke;
color: #000;
}
td, body{ 
font-family: Arial, Helvetica, sans-serif;
font-size: .85em;
line-height: 1.5em;
}
H1{
color:#434448;
font-size:180%;
font-weight:bolder;
margin:0px 0px 10px 0px;
}
H2{
color:#434448;
font-size:140%;
font-weight:bolder;
margin:10px 0px 10px 0px;
}
H3{
color:#434448;
font-size:120%;
font-weight:bolder;
}
H4{
color:#434448;
font-size:105%;
font-weight:bolder;
}
p,ul{
line-height:150%;
}
ul{
list-style-type: square;
}
a:link,
a:visited {
color:#5cb2c6;
text-decoration:none;
}
a:hover,
a:focus,
a:active {
text-decoration:underline;
color:#5cb2c6;
}


/* Pure layout items */
/* ----------------------------------------------------------------*/
#container{
background:#fff;
border-left:1px solid Gainsboro; 
border-right:1px solid Gainsboro;
padding:0px;
height:100%;
width:800px;
}
#newslettercontainer{
background:#fff;
border-left:1px solid Gainsboro; 
border-right:1px solid Gainsboro;
padding:0px;
height:100%;
width:600px;
}
#containerLimited{
background:#fff;
border-left:1px solid Gainsboro; 
border-right:1px solid Gainsboro;
border-bottom:1px solid Gainsboro;
padding:0px;
width:800px;
}
#logo{
margin: 10px 0px 0px 20px;
float: left;
}
#header{
height:100px;
background-color:White;
/*background-image:url("../img/2.jpg");
background-repeat:no-repeat;*/
}
#leftCol{
padding: 15px 0px 0px 15px;
width: 200px;
}
#rightCol{
padding: 15px 15px 0px 15px;
width: 600px;
}
#topRight{
background-color:Whitesmoke;
padding:1px 5px 1px 5px;
color:#666;
float:Right;
margin:6px 10px 6px 10px;
font-size:90%;
}
#topRight a
{
color:#666;
text-decoration:none;
border-bottom:0px;
}
#topRight a:hover{
color:#666;
border-bottom:1px dotted;
}
#topRight a:active{
color:#666;
border-bottom:1px dotted;
}

#newsletterQuotes
{
width: 362px; 
height: 125px;
float:right; 
padding:2px 5px 1px 0px; 
background-color:#dddddd; 
color:#444444";
}

/*style for language bar*/
/*-----------------------------------------------------------------*/
#topRightLan{
background-color:White;
padding:5px 5px 1px 5px;
color:#ccc;
float:Right;
margin:2px 10px 6px 10px;
font-size:80%;
}
#topRightLan a
{
color:#Gainsboro;
text-decoration:none;
border-bottom:0px;
}
#topRightLan a:hover{
color:#666;
border-bottom:1px dotted;
}
#topRightLan a:active{
color:#666;
border-bottom:1px dotted;
}

/*-----------------------------------------------------------------*/


/* Start page */
/* ----------------------------------------------------------------*/
.startBox{
font-size:100%;
font-weight:bold;
text-transform:uppercase;
text-align: center;
color:#E5E5E5;
padding: 5px;
}
.news{
font-weight:bold;
text-transform:uppercase;
text-align: center;
color:#666;
padding: 5px;
}

#startScroller{
width: 650px;
height: 25px;
padding: 5px;
background-color: #F3F2ED;
color:#5a5a5c;
}

#quoteScroller{
width: 190px;
height: 250px;
padding: 5px;
background-color: #FFFFFF;
font-size="90%"
}

/* Left navigation */
/* ----------------------------------------------------------------*/


#leftNavList
{
font-size:110%;
padding-left: 0;
margin-left: 0;
border-bottom: 1px solid Gainsboro;
width: 200px;

}

#leftNavList li
{
list-style: none;
margin: 0;
padding: 0.25em;
border-top: 1px solid Gainsboro;
}

#leftNavList li#active
{
background-color: whitesmoke;
font-weight:bold;
}

#leftNavList li#active a
{
color:#434448;
}

#leftNavList li a,
#leftNavList li a:link,
#leftNavList li a:active
{ 
text-decoration: none; 
color:#5cb2c6;
border:0;
}

#leftNavList li a:hover
{ 
text-decoration: none; 
color: #000;
}

/* Top navigation */
/* ----------------------------------------------------------------*/
#topNavContainer
{
margin-top:100px;
}

ul#topNavList
{
font: bold 12px verdana, arial, sans-serif;
list-style-type: none;
padding-bottom: 31px;
border-bottom: 1px solid Silver;
margin: 0;
padding-left: 270px;
}

ul#topNavList li
{
float: left;
height: 28px;
background-color: Whitesmoke;
margin: 2px 2px 0 2px;
border: 1px solid Silver;
}

ul#topNavList li#active
{
border-bottom: 1px solid #fff;
background-color: #fff;
}

li#active a { color: #000; }

#topNavList a
{
float: left;
display: block;
color: #666;
text-decoration: none;
padding: 8px;
border:0;
}

#topNavList a:hover
{
background: #fff;
}



/* Form stuff */
/* ----------------------------------------------------------------*/
input
{
font-size: 75%;
font-family: Arial,Verdana,Helvetica,sans-serif;
}

.button
{
font-size: 110%;
font-weight: bold;
background-color: #65cef6;
color: white; 
}

.textBox
{
margin: 0px;
background: #fff;
border: solid 1px Silver;
color: dimgray;
height: 24px;
padding: 3px 3px 3px 5px;
font-size: 13px;
}

/* Table styles */
/* ----------------------------------------------------------------*/
.cell
{
border-bottom: solid 1px #CCCCCC;
padding: 4px;
}

.cellHead
{
border-bottom: solid 1px #CCCCCC;
padding: 4px;
font-size: 115%;
background-color:Whitesmoke;
}
/*Press lists*/
/*-----------------------------------------------------------------*/
ul#press
{
float:left;
width:150px;
height:200px;
margin:0px;
padding:10;
list-style:none;
}
ul#press li
{
float:left;
width:150px;
margin:0;
padding:0px;
}

/* Other */
/* ----------------------------------------------------------------*/
#quoteBox
{
font-size: 90%;
margin: 40px 4px 0px 4px;
color:#666;
font-style: italic;
}

#quoteBox .name
{
text-align:right;
clear:both;
}
#quoteBox .company
{
text-align:right;
font-weight:bold;
clear:both;
}
#quoteBox .logo
{
float:right;
}
#intro
{
margin: 0px 0px 20px 0px;
border: 1px solid Gainsboro;
}
.row
{
border-bottom: 1px solid Gainsboro;
}
.altRow
{
background-color:#F9F9F9;
border-bottom: 1px solid Gainsboro;
}
.emphasise
{
color: #5cb2c6;
font-weight:bold;
}
.lighter
{
color:Gray;
}

.inverted
{
color:#fff;
background-color:#28b4dd;
width: 100%;
padding: 2px 4px 2px 4px;
font: bold 11px verdana, arial, sans-serif;
}
.intro
{
padding: 15px;
line-height:150%;
background-color: Whitesmoke;
border: 1px solid Gainsboro;
font-size:125%;
}
.case
{
margin: 40px;
padding: 10px 30px 15px 30px;
border: 1px solid Gainsboro;
}
.example
{
font-size:80%;
color:#434448;
}

a.none:link, 
a.none:visited,
a.none:active,
a.none:hover
{
border: 0px solid Black;
}


.filePanel{
border: solid 1px #CCCCCC;
background-color: #f0f8ff;
padding: 10px;
margin: 15px 0px 15px 0px;
}
.thumbnail{
border: solid 1px Gainsboro;
}
.borderBottom
{
border-bottom: solid 1px #CCCCCC;
}
.mini
{
font-size:90%;
color:Gray;
}
.mini2
{
font-size:80%;
color:Gray;
}
.mini3
{
font-size:90%;
color:Gray;
cellspacing:1pt;
}
.sitemap
{
font-size:70%;
color:Gray;
text-align:right;
}
.pdfButton
{
font-size: 90%;
float: right;
color:#666;
font-style: italic;
padding-left: 22px;
background: url("../img/pdf.gif") no-repeat;
}
.pdfButton2
{
font-size: 90%;
float: left;
color:#666;
font-style: italic;
padding-left: 30px;
background: url("../img/pdf.gif") no-repeat;
}

.swfButton
{
font-size: 90%;
float: right;
color:#666;
font-style: italic;
padding-left: 22px;
background: url("../img/swf.gif") no-repeat;
}