/*
<div style="clear:both;"><br /></div>
used for creating a blank row
*/

body,html {
    margin:10px 0px;
    padding:0px;
    text-align:center;
    font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color:#5b5b5b;
}

/* Added 20050804 */
img {
    border:none;
}
/* /Added 20050804 */

#header {
    height: 40px;
    vertical-align:middle;
    width:720px;
}

#logo   {
    width: 222px;
    float:left;
    clear:none;
    display:block;
}
#menu   {
    width:400px;
    height: 40px;
    float:right;
    margin:0 0 0 0;
    border:none;
    clear:right;
    vertical-align:bottom;
    text-align:right;

/*  Edit 20050804 */
}
#menu a {
    color: #660000;
    text-transform:uppercase;
    text-decoration: none;
}
#menu a.active  {
    color: #009CE0;
    text-transform:uppercase;
    text-decoration: none;
}

/* Added 20050804 */
#loginarea  {
    display:inline;
    height: 20px;
    margin:4px 0 0 0;
    padding:4px 0 0 0;
    border:none;
    float:right;
    font-size:11px;
    font-weight:bold;
}


#bannerarea {
    width:404px;
    margin:0;
    text-align:left;
    padding:0;
    background-color:#fff;
    border: 1px solid #dedede;
    height:160px;
    float:left;
    clear:none;
}

#puff1  {
    width:150px;
    margin:1px 1px 1px 1px;
    background-color:#f7f7f7;
    border: 1px solid #dedede;
    height:161px;
    float:left;
    clear:none;
}

#puff2  {
    width:150px;
    margin:1px 1px 1px 1px;
    background-color:#f7f7f7;
    border: 1px solid #dedede;
    height:161px;
    float:left;
}

#main {
    width:720px;
    margin:0px auto;
    text-align:left;
    padding:0;
}

#top {
    width:720px;
    margin:0px ;
    text-align:left;
    padding:0;
}

#footer {
    background-color:#f7f7f7;
    border: 1px solid #dedede;
    padding:4px 2px 4px 2px;
    font-size: 10px;
    color:#5b5b5b;
    width:720px;
    text-align:right;

}
/* Content First page */
#content {
    width:420px;
    margin:0px auto;
    text-align:left;
    padding:0;
    float:left;
    clear:none;

}

/* Content Other pages */

#content2 {
    width:720px;
    margin:0px auto;
    text-align:left;
    padding:0;
    float:left;
    clear:none;
    background-color:#ffffff;

}

#pagetitle  {
    float:left;
    clear:none;
    width:180px;
    margin-right:20px;
}

#pagetitle h1   {
    margin-top:10px;
}

#pagetitle a    {
    text-decoration:none;
}

#news   {
    background-color:#f7f7f7;
    border: 1px solid #dedede;
    padding:4px 4px 4px 4px;
    font-size: 11px;
    color:#5b5b5b;
    width:270px;
    text-align:left;
    float:right;
    margin-right:2px;
}
#news a {
    color: #660000;
    text-decoration: none;
}

#contentpuff    {
    background-color:#f7f7f7;
    border: 1px solid #dedede;
    padding:4px 2px 4px 2px;
    font-size: 11px;
    color:#5b5b5b;
    width:270px;
    text-align:left;
    float:right;
    margin-right:2px;
}

#subnavigation  {
    background-color:#f7f7f7;
    border: 1px solid #dedede;
    padding:4px 2px 4px 4px;
    font-size: 11px;
    color:#5b5b5b;
    width:200px;
    text-align:left;
    float:left;
    margin-right:0px;
    clear:left;
}
#subnavigation a    {
    color: #660000;
    text-decoration: none;
}
#subnavigation a.active {
    color: #660000;
    text-decoration: none;
    font-weight:bold;
}

#subnavigation a.submenu    {
    color: #009CE0; /* 009CE0 007FB7 */
    text-decoration: none;
    font-weight:normal;
    font-size:14px;
}
#subnavigation a.submenu-active {
    color: #009CE0; /* 009CE0 007FB7 */
    text-decoration: none;
    font-weight:bold;
    font-size:14px;
}

#subnavigation h3   {
    color: #009CE0;
    text-decoration: none;
    font-weight:bold;
}

/* Product listing */



.product    {
    border: 1px solid #dedede;
    width:150px;
    float:left;
    clear:none;
    margin-right:7px;
}

.prod-header    {
    background: url(gfx/product_header.gif);
    background-repeat: repeat-x;
    vertical-align:middle;
    height:28px;
    font-family:Arial, sans-serif;
    font-size: 12px;
    text-align:center;
    color:#ffffff;
    font-weight:bold;
    padding-top: 5px;
}

.prod-txt   {

    font-size: 10px;
    padding:0 5px 0 5px;

}
.prod-link  {

    font-size: 10px;
    color: #660000;
    text-decoration: none;
    font-weight:bold;

}

#configuration  {

    float:right;
    clear:right;
    width:420px;
    margin:0 80px 0 0;

}
#configuration-start    {

    float:right;
    clear:right;
    width:500px;
    margin:0 0px 0 0;

}

#configuration  p {

    margin: 0 0 15px 0;

}
#configuration h2   {
    font-family:Arial, sans-serif;
    font-size: 18px;
    font-weight:bold;
    margin:0;
    color: #000;
    text-transform:uppercase;
}
#configuration h3   {
    font-family:Arial, sans-serif;
    font-size: 16px;
    font-weight:bold;
    margin:0;
    color: #000;
    text-transform:uppercase;
}

#configuration  ul {

    margin:0px;
    padding:0px;
    display:inline;
    list-style-image:none;
    list-style-type:none;

}
#configuration  li {

    list-style-image:none;
    list-style-type:square;
    font-size:11px;

}
#configuration .spec    {

    float:left;
    clear:both;
    background-color: #E7EEF4;
    width: 420px;
    padding: 5px 5px 5px 5px;
    -moz-border-radius:10px;
}

#configuration .spec li {
    list-style-type: disc;
}

fieldset    {
    border-style: none;
    margin: 0px;
    padding: 0px;
}

.button {
    border: none;
    background-color: #009CE0;
    height: 18px;
    color: #fff;
    font-size:10px;
    font-weight:bold;
    -moz-border-radius: 4px;
}


.description_image  {
    width:420px;
    display:block;
}
.description_text   {
    float:left;
    text-align:left;
    width: 420px;
}

.table_dropdown {

    font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;

}

#about  {
    float:right;
    clear:right;
    width:420px;
    margin:0 80px 0 0;
}
#about  p   {
    margin: 0 0 15px 0;
    clear:both;
    height:auto;
}
#about h2   {
    font-family:Arial, sans-serif;
    font-size: 18px;
    font-weight:bold;
    margin:0;
    color: #000;
    text-transform:uppercase;
}
#about .ref-logo {
    width: 170px;
    float:right;
    clear:both;
    margin-left:20px;
    text-align:right;
    height:90px;
    display:block;
}
#about a    {
    border:0;
    color: #660000;
    text-decoration: none;
}
#about img  {
    border:0;
    display:inline;
}
#about ul li    {
    margin:0;
    padding: 1px 0 1px 0;
    list-style-image: none;
    list-style-type: disc;
    list-style-position: inside;
    font-size:11px;
}

#solutions  {
    float:right;
    clear:right;
    width:420px;
    margin:0 80px 0 0;
}
#solutions p    {
    margin: 0 0 5px 0;
    clear:both;
    height:auto;
}
#solutions p.abstract   {
    margin: 15px 0 30px 0;
    clear:both;
    font-weight: bold;
    height:auto;
}
#solutions h2   {
    font-family:Arial, sans-serif;
    font-size: 18px;
    font-weight:bold;
    margin:0;
    color: #000;
    text-transform:uppercase;
}
#solutions a    {
    border:0;
    color: #660000;
    text-decoration: none;
}
#solutions img  {
    border:0;
    display:inline;
}
#solutions ul li    {
    margin:0;
    padding: 1px 0 1px 0;
    list-style-image: none;
    list-style-type: disc;
    list-style-position: inside;
    font-size:11px;
}

#solutions .solutions_section   {
    margin: 0 0 30px 0;
    clear:both;
    height:auto;
}


/********************
    Added 20050804
*********************/

#services   {

    float:right;
    clear:right;
    width:420px;
    margin:0 80px 0 0;

}
#services p {
    margin: 0 0 30px 0;
    clear:both;
    height:auto;
}
#services h2    {
    font-family:Arial, sans-serif;
    font-size: 18px;
    font-weight:bold;
    margin:0;
    color: #000;
    text-transform:uppercase;
}


/********************
    Added 20050804
*********************/
#left-col   {
    width:110px;
    float:left;
    clear:none;
    padding:10px 0 0 0;
    border: none;
    background-color: #e7e7e7;
    -moz-border-radius: 7px;
}



/******************************************
*******************************************
******************************************/


h4  {
    font-family:Arial, sans-serif;
    font-size: 11px;
    margin:0;
    color: #660000; /*009CE0;*/
}

var {
  font-style: normal;
  font-weight: normal;
}

/* Typographics */

h3  {
    font-family:Arial, sans-serif;
    font-size: 12px;
    margin:0;
    color: #660000; /*009CE0;  */
}

h1  {
    font-family:Arial, sans-serif;
    font-size: 18px;
    font-weight:bold;
    margin:0;
    color: #660000;
    text-transform:uppercase;
}

p   {
    font-size: 11px;
    margin:0;
}

ul,li   {
    margin:2px;
    padding: 1px 1px 1px 1px;
    list-style-image: url(gfx/arrow_closed.gif);
    list-style-position: inside;
}

ul.work, li.work    {
    margin:2px;
    padding: 1px 1px 1px 1px;
    list-style-type: square;
    list-style-position: inside;
}

.submenu    {
    color: #009CE0;
    text-decoration: none;
    font-weight:bold;
    font-size:14px;
}
.login-form {
    border: 1px solid #b5b5b5;
    color:#5b5b5b;
    height: 15px;
    font-size:10px;
    width:200px;
}

/*
Added 050922 Magnus
*/

.solution-sub   {
    width:505px;
    float:left;
    clear:right;
    border: 1px solid #dedede;
    cursor: pointer;


}
.solution-header    {
    background: url(gfx/product_header.gif);
    background-repeat: repeat-x;
    vertical-align:middle;
    height:20px;

}
.solution-headtxt   {
    font-size:11px;
    color:#ffffff;
    font-weight:bold;
    padding:3px 2px 2px 5px;
    clear:both;
}
.solution-txt   {
    font-size:11px;
    color:#666666;
    float:left;
    padding:3px 2px 2px 5px;
    clear:none;
}
.solution-image {
    font-size:11px;
    color:#666666;
    float:left;
    padding:3px 2px 2px 5px;
    margin:3px 2px 2px 5px;
    clear:none;
}
.solution-ul    {
    margin:0px;
    padding:0px;
    display:inline;
    list-style-image:none;
    list-style-type:none;
}
.solution-li {
    list-style-image:none;
    list-style-type:disc;
}

.solution-content   {
    float:left;
    clear:none;
}
.solution-link  {
    font-size: 11px;
    color: #660000;
    text-decoration: none;
    font-weight:bold;
}

#contact    {

    float:right;
    clear:none;
    width:500px;
    margin:0 0px 0 0;

}
#jobs   {
    float:right;
    clear:right;
    width:420px;
    margin:0 80px 0 0;
}
#jobs   p   {
    margin: 0 0 15px 0;
    clear:both;
    height:auto;
}
#jobs h2    {
    font-family:Arial, sans-serif;
    font-size: 18px;
    font-weight:bold;
    margin:0;
    color: #000;
    text-transform:uppercase;
}
#jobs .ref-logo {
    width: 170px;
    float:right;
    clear:both;
    margin-left:20px;
    text-align:right;
    height:90px;
    display:block;
}
#jobs a {
    border:0;
    color: #660000;
    text-decoration: none;
}
#jobs img   {
    border:0;
    display:inline;
}
#jobs ul li {
    margin:0;
    padding: 1px 0 1px 0;
    list-style-image: none;
    list-style-type: disc;
    list-style-position: inside;
    font-size:11px;
}
#header-divider {
    background-color:#f7f7f7;
    border: 1px solid #dedede;
    padding:4px 2px 4px 2px;
    font-size: 10px;
    color:#5b5b5b;
    width:720px;
    text-align:right;
}

select {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}

#configurator ul {
    list-style-image:none;
    list-style-type:none;

}

#configurator li {
    list-style-image:none;
    list-style-type:none;
}

.slow .toggle-group {
    transition: left 0.7s;
    -webkit-transition: left 0.7s;
}

.fast .toggle-group {
    transition: left 0.1s;
    -webkit-transition: left 0.1s;
}

.quick .toggle-group {
    transition: none;
    -webkit-transition: none;
}