/*  2006-06-23/kraftvaerk.net/v1.0/

  In this file:
  
- Margins and paddings
- Links
- Layout
    - header
    - footer
    - sub pages
    - header-banners
    - flash intro
- rows and columns
- .toc (home page teasers)
- Language
- form

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

html, form {
	margin:0; padding:0;
}
body {
    font-family:"Trebuchet MS","Lucida Grande",Verdana, Arial, sans-serif;
    font-size:11px;
    line-height:1.3;
    background:#F0F2F6 repeat-x url(img/bg_body_ff.gif) 0 0; background-attachment: fixed; /*FIXED BGPIX FOR FF*/    
    color:#333;
    margin:20px 0;
    overflow: -moz-scrollbars-vertical; /*Making the scrollbar visable at all time*/
    text-align:center; /*IE5.x centering*/
    
}

* html body {    
    background:#F0F2F6 repeat-x url(img/bg_body.gif) 0 0; background-attachment: fixed; /*FIXED BGPIX FOR IE*/    
}

/* Neutralize styling: Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6 {
    margin:10px 0; padding:0;
    line-height:1.1;
   
}

p, pre, code, blockquote, ul, ol, dl, address {
	margin:1em 0;
	font-size:1em;
}

/* Apply left margin */
li, dd, blockquote {
	margin-left:1em;
}

/* Form field text-scaling */
input, select, textarea {
	font-size: 1em;
}

ul {margin-left:0; padding-left:1em;}
li {list-style-type: square; margin:0.5em 0 0.5em 1em;}


h1 {font-size:24px; font-weight:normal;}
h2 {font-size:17px; letter-spacing:1px;}
h3 {font-size:12px;}
h4 {font-size:12px;}
h5 {font-size:11px;}
h6 {font-size:10px;}

.sectionhead{
    margin:8px 0px 0px 12px;
    text-transform:uppercase;
    letter-spacing:0.1em;
    font-size:12px;
    color:#4C4C4C;
}

p.intro {
    font-size:12px;
    line-height:1.3;
}
.disclaimer {
    font-size:10px;
}


/* Links
------------------------------------------------------ */

a{
    color:#333;
    cursor:hand;    
}

a:link {
    color:#003a72;
}

.linkdark {
    color:#333;
}

.pixwhite {
    color:#fff;
    cursor:help;
    text-decoration:none;
    background:#003466 url(img/pixwhite.gif);
}

a img {
    border:none;
}


/*
=Layout
/////////////////////////////////////////////////////////////// */

/*take away when languagebar returns*/
.frontHeight{ height:190px;}
/*end this*/

#banners { margin-left:233px;}
.banner {
    width:181px; 
    height:72px;
    float:left;
}
.banner a {
    display:block;
    width:181px;
    height:72px;
    overflow:hidden;
    text-indent:-5000px;
}

#nav {
        position:absolute;
        margin:0; padding:0; 
        list-style:none;
        top:0;
        left:94px;
        width:138px;
        height:72px;
        }
        #nav li { 
            margin:0; padding:0; 
            list-style:none;
        }
        #nav li a {
            display:block;
            height:18px;
            line-height:18px;
            padding-left:25px;
            text-decoration:none;
            text-indent:-5000px;
            overflow:hidden;
        }

#page {
    width:780px;   
    background:#E1E6EC repeat-x url(img/bg_page.gif) 0px 0px; 
    margin:0 auto;
    text-align:left; /*IE5.x centering*/   
}

#container {      
    margin:-2px 2px;
    background:#E1E6EC; 
}

#container .linetext{      
    margin: 20px 30px;
}

.whiteline
{
    height:1px;    
    margin: 0px 0px;
    background:#fff;    
}

#content 
{
   width: 735px;    
   margin:20px 20px;
   background-color:#E1E6EC; 
}

#contentEnd
{
   width:778px;
   margin-left:-2px;   
   background:#fff;   
}

#header {
    height:73px;
    position:relative;
    margin:0px 0px;
    /*BEFORE:  margin:2px 2px 0;*/
    border-bottom:2px solid #fff;
    background:#fff no-repeat url(img/header.jpg) 0 0;
    }

/*remove when languagebar returns*/
.frontHeight{ height:72px; }
.defaultHeight{ height:72px; }
/*end this*/


#banner
{
    border:black solid 0px;
    width:776px;    
    margin-left:2px;
    margin-top:0px 
}

.IEheight{
    margin-top:-5px;
}

#menu{
    
    background:#D0D4D8 url(img/bg_menu.gif);    
    width:776px;    
    height:24px;
    border-bottom:#fff solid 1px;
    margin-left:2px;
    float:left;   
    display:inline; 
}

.menuText
{
   font-size:10px;
   margin: 5px 12px;  
   color:#333;
   clear:both; 
   height:0px;  
}

A.menuText
{
    color:#707070;
      
}  
A.menuText:HOVER
{
    color:#333; 
    text-decoration:underline; 
}
 
  
#logo {
    margin:0; padding:0;
    position: absolute;
    left:16px; top:8px;
    width:75px; height:56px;
    }
#logo a {
    margin:0; padding:0;
    position:absolute;
    display: block;
    width:75px; height:56px; 
    text-decoration:none;
    text-indent:-5000px;
    overflow:hidden;
    }

#navigering {    
    position:absolute;
    margin:0; padding:0; 
    list-style:none;
    top:12px;
    left:105px;
    width:650px;
    height:29px;
    }
#navigering li { 
    margin:0; padding:0; 
    list-style:none;
    display:block;
    height:24px;
    line-height:18px;
    padding-left:25px;
    text-decoration:none;
    text-indent:-5000px;
    overflow:hidden;
    }


#navigering .links{
    display:inline;
    margin: 0px 0px;
    left:107px;
    width:30px;
    height:31px;
    }

#footer {
    width:780px;
    height:23px;
    margin:0px auto;
    padding:0px 0;
    text-align:center;
    font-size:10px;
    text-transform:uppercase;
    background:#fff no-repeat url(img/footerbg-roundedcorners.gif) 0 100%;
    }
    #footer a:link, #footer a:visited {
        text-decoration:none;
        color:#10335d;
    }
    #footer a:hover {
        text-decoration:underline;
        color:#10335d;
    }
    #footer ul {
        margin:0; padding:0;
        list-style:none;
        }
        #footer li {
            margin:0; padding:0;
            display:inline;
            }
            #footer li a {
                padding:2px 10px;
                line-height:20px;
                border-left:1px solid #E2E5EC;
               
            }
            #footer li.first a {
                border-left:none;
            }

/* sub pages layout... main, main-inner & sidebar
------------------------------------------------------ */
#main {
    float:left;
    width:776px;
    margin-right:-283px;
    display:inline;
    background:#003466; repeat-y url(img/bg-sidebar-darkblue.gif) 100% 0;   
}

#main-inner {
    margin-right:283px;
    padding:0px 0px;
    background-color:#E1E6EC;
    border-right:#fff solid 1px;
}
#sidebar {
    width:283px;
    float:left;
    background:#003466;
    color:#fff;
}


.linkGoto
{
    text-decoration: none; 
    color:#ffffff;    
}

#headSaxotrader{
    background:#CBDFE8;
    height:27px; 
    border:#fff solid 1px;    
    margin:0px 24px;  
      
   
}

#headStocks{
    background:#CBDFE8;
    height:27px; 
    border:#fff solid 1px;    
    margin:0px 24px;
}

/* Rows and columns
------------------------------------------------------ */

.col {
    padding-bottom:1px;
}

.row {}
.row:after {content:"."; clear:both; display:block; height:0; visibility:hidden;}

.col-1-2 {width:47.9%; float:left;}
.col-2-2 {width:49.9%; float:right;}
.twocol {width:49.9%; float:left;}

/* Misc layout rules */
.clear {clear:both; height:0;}
.clearFF {clear:both; height:0;}
.clearIE {clear:both; height:0px;}
.left {float:left;}
.right {float:right;}


/*
Table of contents. For front page. 
teasers for products and platforms.
/////////////////////////////////////////////////////////////// */

.toc {
    background:#10335d;
    color:#fff;    
}

.toc:after {content:"."; clear:both; display:block; height:0; visibility:hidden;}

.toc h2 {    
    margin:0; 
    padding:7px 10px 5px 30px;
    font-size:12px;
    font-weight:bold;
    text-transform:uppercase;
    letter-spacing:0.4em;
    color:#b3c4d5;
    background:no-repeat url(img/arrowright.gif) 10px 50%;
}

.toc .teaser a{      
    display:block;
    padding:28px 22px 19px 45px;
    text-decoration:none;
    color:#b3c4d5;
    /*background:transparent no-repeat url(img/more.gif) 100% 100%;*/
}

.toc .teaser a:hover {color:#fff;}
.toc .teaser h3 {display:none;}
.toc .teaser p {margin:0; padding:0;}


#Products, #Platforms {background:#10335d repeat-x url(img/darkgradient.gif); }
    
#Products {    
    float:left;    
    width:229px;
    border-right:2px solid #fff;
    display:inline;
}

#Products .teaser {
    border-top:1px solid #5d7592;
    }    
    #Forex {   background:no-repeat url(img/forex.gif); }
    #CFDs {    background:no-repeat url(img/cfds.gif); }
    #Futures { background:no-repeat url(img/futures.gif); }

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

#Platforms {
   
    float:right;
    display:inline;
    width:545px;
    margin-left:-2px;
    border-left:2px solid #fff;
    }

    #Platforms .teaser {
        float:left;
        height:162px;
        width:272px;
        border-top:1px solid #5d7592;
        }
    
        #Platforms .teaser a {            
            height:92px;   
            display:block;
            min-height:49px;
            padding:60px 10px 10px 90px;
        }
    
    #SaxoTrader {background:no-repeat url(img/teasers.jpg) 0px 0;}
    #MiniTrader {background:no-repeat url(img/teasers.jpg) -300px 0;}
    #WebTrader {background:no-repeat url(img/teasers.jpg) -600px 0;}
    #MobileTrader {background:no-repeat url(img/teasers.jpg) -900px 0;}

    #SaxoTrader, #WebTrader {
        border-right:1px solid #5d7592;
    }
    #MiniTrader, #MobileTrader {
        border-left:1px solid #5d7592;
        margin-left:-1px;
    }

/*
=Signup
/////////////////////////////////////////////////////////////// */

#signupform {
    padding:2px 25px; 
}

div.personaldata {
    margin-top:-2px;
    padding:6px 0px;
    background:#224d7a;
    border-bottom:1px solid #67859f;     
}

* html div.personaldata {
    margin-top:-4px;
    padding:6px 0px;
    background:#224d7a;
    border-bottom:1px solid #67859f;     
}

fieldset {
    margin:0;padding:0;border:none;
}

.text input.text, fieldset select {
    height:20px;
    width:180px;
    border:1px solid #10335D;   
    padding: 18px 0px; 
}

#signupform legend {
    display:none;
}
#signupform .disclaimer {
    color:#718ca9;
}

#signupform div.submit {
    margin:0px auto;
    padding-top:10px;    
    text-align:center;
    border-top:1px solid #67859f; 
    width:230px;
    cursor:hand;
}


/*
=Form elements
------------------------------------------------------ */

input.check {
    vertical-align:middle; 
    margin:0 2px 0 0; padding:0;
}
input.text {
    border:1px solid #10335D;
    width:176px;
}
input.btn {
    border:3px double #718ca9;
    background:#224d7a;
    padding:2px 10px;
    font-weight:bold;
    color:#fff;
    cursor:hand;
}
label.help {
    display:block;
    /*background:no-repeat url(img/form-helpicon.gif) 99% 50%;*/
    line-height:20px;
    padding:0px 5px 2px 0px;
    border-bottom:1px solid #718ca9;
    
}

label.helper {
    display:block;
    background:no-repeat url(img/form-helpicon.gif) 98% 50%;
    line-height:18px;
    padding:0px 0px 2px 0px;
    border-bottom:1px solid #718ca9;
   
}

label.check {
    margin:0 0px 2px 0;
}
label.block {display:block;}


#alertBox {
    padding:0;
    border:0px solid #10335D;    
    color:#fff;
}

.errorHeader{
    font-size:12px;
    line-height:25px;    
}

.errorMsg{
    border-top:1px solid #718ca9;
    padding:6px 6px;
    background:#224d7a;
    text-align:left;
    border-bottom:1px solid #718ca9;
}


/* The grey related area with its columns, before the footer.
/////////////////////////////////////////////////////////////// */

#related {
    font-size: 10px;
    border-top:1px solid #fff;
    background:#bcc0c1;
    /*position:relative;*/
}

#related .col {
    height:110px;
    width:175px;
    float:left;
    margin-top:7px;
    margin-bottom:5px;
    padding:0 10px 1em;
    background:transparent repeat-y url(img/vdot.gif) 100% 10px;
    border: black solid 0px;
}
    
#related .col.first {}
#related .col.last {
    background:none;
    padding-right:0;
}
#related .col h3 {
    margin:0 0 0px;
    font-size:12px;
    background:no-repeat url(img/arrowright.gif) 0 0.1em;
}
#related .col h3 a {
    padding-left:18px;
    color:#10335d;
    text-decoration:none;
}
#related .col h3 a span {
    color:#fff;
}
#related .col h3 a:hover,
#related .col h3 a:hover span {
    text-decoration:underline;
    color:#10335d;
}

#related .more a {
    text-decoration:none;
    color:#fff;
    margin:-15px 10px 0px 0px;
    float:right;
}
#related .more a:hover {
    text-decoration:underline;
}

#related p.more {
    text-align:right;
    width:170px;
    margin:0; padding:0;
    position:absolute; 
    bottom:0.7em;
}
#related a.more {
    display:block;
}

#relatedEnd
{
   width:778px;
   margin-left:-2px;   
   background:#fff;   
}

/*
=Language toolbar
/////////////////////////////////////////////////////////////// */

#language {    
    background:transparent repeat-x url(img/lang.gif);
    height:20px; /*BEFORE 18px*/
}

/* Products and platforms content */

heightRow{
    height:170px;
}

.mText{
    /*padding-left:34px; */
    font-size:12px; 
    line-height:1.3;
}

.sText{
    padding:5px 14px 5px 12px; 
    font-size:11px;       
}
 
#bgWhite{
    background:#EFF1F4;    
    margin-left:24px;
    border-bottom:#fff solid 1px;
    border-right:#fff solid 1px;
    border-left:#fff solid 1px;  
    float:left;
    width:416px;
      
}

.checkbox{
    margin-top:3px;
    width:4.9%; 
    float:left; 
   
}

.paragraph{
    float:right;
    width:94.9%; 
}

.tagline{    
    margin-top:21px; 
    letter-spacing:2px; 
    color:#0B4072; 
    text-transform:uppercase;
    font-size: 17px;
}

#taglineArea
{   
    float:left;
    display:inline;
    margin-left: 170px;
    width:300px;
}

#introTag{    
    margin:0px 0px;
    height:190px;  
}

#introSaxoTrader {    
    margin:-7px -6px;
    padding:0px 14px 0 14px;   
}

#freeTrial{    
    margin:0px 0px;
    height:110px;  
    background:no-repeat url(img/free_saxotrader.gif);    
}
#freeTrialMini{    
    margin:0px 0px;
    height:110px;  
    background:no-repeat url(img/free_minitrader.gif);   
}

#freeTrialWeb{    
    margin:0px 0px;
    height:110px;  
    background:no-repeat url(img/free_webtrader.gif); 
}

#freeTrialMobile{    
    margin:0px 0px;
    height:110px;  
    background:no-repeat url(img/free_mobiletrader.gif); 
}

.trial{       
    float:left;
    display:inline;
    margin-top:39px;
    margin-left:38px;
    color:#0B4072;
    font-size:15px;
    height:50px;
    width:260px;
    font-weight:bold;
    text-transform:uppercase;
}




/*  COMPARISON PAGE - PLATFORM see IE.CSS aswell id:platform*/

#platform{
    float:left;
    display:block;
    width:193px;
    height:465px;       
}

.formArea{
    margin:0px 8px;
    font-size:11px;
    height:500px;  
}

.playMovie{
    float:right; 
    font-size:15px; 
    font-weight:bold;
    text-decoration:none;
    color:#114A7F;
    line-height:22px;
}

.tryIt{
    font-size: 16px;
    margin: 0px auto;
    text-align:center;
    line-height:16px;       
}

#click{
    margin: 0px auto;
    width:120px;
    height:25px;
    background: no-repeat url(../images/platforms/bg_click.gif);
    text-align:center;
    color:White;
    font-weight:bold; 
    line-height:24px; 
    text-transform:uppercase;  
    cursor:hand; 
    text-decoration:none;   
}

/*  COMPARISON PAGE - PRODUCTS see IE.CSS aswell id:platform*/

#products{
    width:776px;
    margin:0px 0px;
    }

#productLeft{
    float:left;
    width:340px;
    border-right:#fff solid 1px;     
    height:465px;
    background:#9AC4E2 no-repeat url(../images/products/bg_product_globe.jpg);
}

#productRight{
    float:left;    
    width:435px;    
}

.leftText{
    float:left;
    margin:15px 20px 10px 70px;
    font-size: 13px;
    line-height:32px;
}

.rightTextHead{
    float:left;
    margin:7px 0px 0px 110px;
}

.rightText{
    float:left;
    margin:0px 15px 0px 73px;
    width:210px;
}

#bgForex{
   background:#CED5DD no-repeat url(../images/products/bg_product_forex.jpg); 
   height:150px;
   border-bottom:#fff solid 1px;
}

#bgStocks{
   background:no-repeat url(../images/products/bg_product_stocks.jpg); 
   height:150px;
   border-bottom:#fff solid 1px;
}

#bgFutures{
   background:#CED5DD no-repeat url(../images/products/bg_product_futures.jpg); 
   height:163px;
}

#rightBox{
    float:left;
    width:105px;
    height:95px;
    border:#fff solid 1px;
    background:#E5E8EC;
}

.textBox{
    padding:0px 8px;    
}


/* FOREX TRADING spreads and bids*/

#rates{
    margin-left:12px;
    width:760px;
}

#SpreadT{
   background:#EFF1F4;   
   border-top:#fff solid 1px;
   border-right:#fff solid 1px;
   border-left:#fff solid 1px;
   border-bottom:#fff solid 0px;
}

.SpreadR{
   background:#EFF1F4;   
   border-bottom:#fff solid 1px;
   height:17px;
}

.head{    
    background:#CAE0D6;
    border-bottom:#fff solid 1px;
    height:30px;
}

/*printfunktion*/
.printBug{
    float:left;
    overflow:hidden; 
    text-indent:-5000px;  
}

* html .boxes{
    border-left:#fff solid 1px; border-bottom:#fff solid 1px; border-right:#fff solid 1px; margin-left:24px; width:444px;
}

.boxes{
    border-left:#fff solid 1px; border-bottom:#fff solid 1px; border-right:#fff solid 1px; margin-left:24px; width:442px;
}

#newsWidth{
    width:728px; margin:9px 9px;
}