/*
==============================================
File Name:  main.css
Created:    July 08, 2008
By:         Wiveka Goransson
Edited by:  
==============================================

----------------------------------------------
Allowed CSS Declarations
----------------------------------------------
CLASSIFICATION
    clear
    cursor
    display****
    float
    visibility

POSITIONING
    bottom
    clip
    left
    overflow
    position***
    right
    top
    vertical-align
    z-index


TABLE
    border-collapse
    border-spacing**
    caption-side**
    empty-cells**
    table-layout

MARGIN
    margin
    margin-bottom
    margin-left
    margin-right
    margin-top

DIMENSION
    height
    width
    max-height*
    max-width*
    min-height*
    min-width*

PADDING
    padding
    padding-bottom
    padding-left
    padding-right
    padding-top

*       = Does not work in IE 6
**      = Does not work in <= IE 7.
***     = position:absolute; is buggy in IE 6. position:fixed; does not work in IE 6.
****    = display:table (and other table-related values); does not work in <= IE 7.
----------------------------------------------*/

/*----------------------------------------------
    = GENERAL STYLES
----------------------------------------------*/

.saxoHome h1 {
    margin: 0;
}

.saxoHome h2 {
    margin-bottom: 0;
}

.saxoHome h3 {
    margin-bottom: 0;
}

.saxoHome h4 {
    margin: 0;
    padding: 0;
}

.saxoHome hr {
    display:none;    
}

.saxoHome p {
  margin-top:6px;
}

.saxoHome p a:link, 
.saxoHome p a:active, 
.saxoHome p a:visited, 
.saxoHome p a:hover
.saxoHome p a {
    padding-left: 8px;
}

.saxoHome p a.textLink:link, 
.saxoHome p a.textLink:active, 
.saxoHome p a.textLink:visited, 
.saxoHome p a.textLink:hover
.saxoHome p a.textLink {
    padding-left: 0px;
}

.saxoHome ul, .saxoHome ol {
    margin:0;
    padding:0 0 10px 30px;
}

.saxoHome ul li, .saxoHome ol li {
    margin:0;
}

.saxoHome .ruler {
    height:40px;
    clear:both;
}

/*----------------------------------------------
    = SITE WRAPPER STYLES
----------------------------------------------*/
.saxoHome {
    width: 875px;
    margin:10px 0 0 20px;
}

/*----------------------------------------------
    = FRONT PAGE COLUMNS STYLES
----------------------------------------------*/
.frontPageColumns {
    float: left;
    margin: 0;
    padding: 0 5px;
} 

.frontPageLeftColumn, .frontPageMiddleColumn, .frontPageRightColumn {
    float: left;    
    width: 270px;
}

.frontPageLeftColumn {
    margin: 0 10px;
}

.frontPageMiddleColumn, .frontPageRightColumn {
    margin: 0 10px;
}

.frontPageLeftColumn p.subLine, .frontPageMiddleColumn p.subLine, .frontPageRightColumn p.subLine {
    /*padding:20px 0 0 0; Taken off to make arrows line up*/
    margin:0;
}

/*----------------------------------------------
    = BOX CONTROL STYLES
----------------------------------------------*/
.boxControl h2 {
    margin: 0 0 6px;
}

.boxControl h3 {
    margin-bottom: 0;
}

.boxControl p {
    margin: 0;
    padding-right:20px;
}

.boxControl ul {
    margin: 10px 0pt;
    padding: 0pt;
}

.boxControl li {
    margin: 0pt 0pt 0pt 20px;
    padding: 1px 0pt 1px 5px;
}

.boxControl .top {
    height: 5px;
}

.boxControl .middle {
    padding: 7px 11px 0px;
}

.boxControl .bottom {
    height: 36px;
    text-align:right;
}

.boxControl .bottom a {
    display: block;
    width:200px;
    height:30px;
}


/*---- ACTION GREEN & BLUE ----*/
.boxControl.actionOrange {
    margin: 0px 0px 10px 0px;
}

.boxControl.actionOrange h2,
.boxControl.actionBlue h2 {
    margin-top: 6px;
}

.boxControl .top {
    display:none;
}

.boxControl.actionOrange a,
.boxControl.actionBlue a {
    padding-left: 10px;
}
.boxControl.actionOrange .top,
.boxControl.actionBlue .top {
    height: 18px;
}

/*----------------------------------------------
    = GENERIC BUTTON STYLES
----------------------------------------------*/
a.genericButton, a.generic2Button {
    padding: 2px 21px 4px 0;
    margin-right:15px;
}

a.genericButton span, a.generic2Button span {
    padding: 2px 8px 4px 10px;
}

/*----------------------------------------------
    = HOME
----------------------------------------------*/

.saxoHome .banner {
    height:320px; 
    width:875px;
    margin-bottom:6px;
}

.saxoHome .banner .col1 {
    float:left;
    margin:20px 0 0 20px;
}

.saxoHome .banner .col1 ul {
    padding-left:20px;
	width:345px; /* Change this if text in banner to long */
}

.saxoHome .banner .col2 {
    float:right; 
    width:222px;
    margin:12px 10px 0 0;
}

.saxoHome .platform {
    min-height:100px;
    margin-top:5px;
}

.saxoHome .platform .text {
    margin-left:110px;
}

.frontPageLeftColumn ul li,
.frontPageMiddleColumn ul li,
.frontPageRightColumn ul li {
	line-height:1em;
}

.plButton {float:right;}
.plLink {float:left; vertical-align:bottom;}
.frontPageRightColumn img.award {float:right;}

/*
==============================================
File Name:  typography.css
Created:    July 08, 2008
By:         Wiveka Goransson
Edited by:  
==============================================

----------------------------------------------
Allowed CSS Declarations
----------------------------------------------
TEXT*
    direction
    letter-spacing
    line-height
    text-align
    text-decoration
    text-intent
    text-transform
    white-space
    word-spacing

FONT
    font
    font-family
    font-size
    font-style
    font-variant
    font-weight

* = Note that the color declaration should be definde in design.css
----------------------------------------------



----------------------------------------------
Font sizes
----------------------------------------------
Default browser size is 16px (1.0em). The site will be set 
to display a font size of 11px with body{font-size:0.69em;}.

From there you can use the following em values to get a 
specific (relative) font size.
----------------------------------------------
18px = 1.64em (heading 1)
13px = 1.18em (heading 2)
12px = 1.09em (lists)
11px = 1.00em (text)
10px = 0.91em (footer text)
9px = 0.82em (form fields)
----------------------------------------------*/

/*----------------------------------------------
    = GENERAL STYLES
----------------------------------------------*/
body {
	background-color:#FFF; 
	color:#3D3C3B;
	font-family: "Trebuchet MS", Geneva, Arial, sans-serif;
	font-size:76%;
	min-width:770px; /* not supported by IE */
}

body .saxoHome {
    font-family:'Trebuchet MS', Arial, Sans-Serif;    
    text-align:left;
    line-height:1.40em; 
    /*line-height:1.45em;*/
}

.saxoHome h1 {
    font-size:36px;
    text-transform:uppercase;
    line-height:1.40em; 
    font-weight:normal;
}

.saxoHome h2 {
    font-size:24px;
    text-transform:uppercase;
    line-height:1.40em; 
    font-weight:normal;
}

.saxoHome h3 {
    font-size:18px;
    font-weight:normal;
}

.saxoHome h4 {
    font-size:16px;
}

.saxoHome p {
    font-size:1.0em;
    font-weight:normal;
}

.saxoHome li {
    font-size:1.0em;
    line-height:1.40em; 
}

.saxoHome a:link,
.saxoHome a:hover,
.saxoHome a:active,
.saxoHome a:visited {
    text-decoration:none;
    text-transform:uppercase;
    font-weight:bold;
    font-size:0.9em;
}

.saxoHome a.textLink:link,
.saxoHome a.textLink:hover,
.saxoHome a.textLink:active,
.saxoHome a.textLink:visited {
    text-decoration:none;
    text-transform:none;
    font-weight:normal;
}

/*----------------------------------------------
    = BOX CONTROL STYLES
----------------------------------------------*/
.boxControl h2 {
    font-size:14px;
	font-weight:bold;
    text-transform:uppercase;
}

.boxControl h3 {
    font-size:16px;
    text-transform:uppercase;
}

.boxControl p {
}


/*----------------------------------------------
    = GENERIC BUTTON STYLES
----------------------------------------------*/
a.genericButton, a.generic2Button {
    font-size:11px;
    font-weight:bold;
    line-height:31px;
    text-decoration:none;
    text-transform:uppercase;
}

/*----------------------------------------------
    = HOME
----------------------------------------------*/
.saxoHome .banner li {
    font-size:18px;
}

/*
==============================================
File Name:  design.css
Created:    July 08, 2008
By:         Wiveka Goransson
Edited by:  
==============================================

----------------------------------------------
Allowed CSS Declarations
----------------------------------------------
TEXT
    color

BACKGROUND
    background
    background-attachment*
    background-color
    background-image
    background-position
    background-repeat

BORDER
    border
    border-color
    border-style
    border-width

LIST AND MARKER
    list-style
    list-style-image
    list-style-position
    list-style-type

OUTLINE (not supported by Internet Explorer <=7 and Safari)
    outline
    outline-color
    outline-style
    outline-width

* = background-attachment:fixed; is only suported on the body element in IE 6
----------------------------------------------

/*----------------------------------------------
    = GENERAL STYLES
----------------------------------------------*/

.saxoHome h1 {
    color: #fff;
}

.saxoHome h2 {
    color: #333;
}

.saxoHome h3 {
    color: #333;
}

.saxoHome h4 {
    color: #284878;
}

.saxoHome a:link, .saxoHome a:hover, .saxoHome a:active, .saxoHome a:visited {
    color: #333;
    outline-style: none;
}

.saxoHome a:hover {
    color: #000;
}

.saxoHome p a, .saxoHome p a:link, .saxoHome p a:active, .saxoHome p a:visited {
    background: transparent url('../../../img/home/link-arrow-hover.gif') no-repeat scroll 0% 0%;
}

.saxoHome p a:hover {
    background: transparent url('../../../img/home/link-arrow-hover.gif') no-repeat scroll 0% 0%;
}

.saxoHome p a.textLink, .saxoHome p a.textLink:link, .saxoHome p a.textLink:active, .saxoHome p a.textLink:visited, .saxoHome p a.textLink:hover {
    background-image: none;
}

.saxoHome ul li {
    list-style-type: disc;
}

.saxoHome table {
    border-collapse: collapse; /* same as <table cellspacing="0"> */
}

.saxoHome img {
    border-style: none;
}

.saxoHome .ruler {
    background: transparent url('../../../img/home/ruler.gif') repeat-x 0% 50%;
}


/*----------------------------------------------
    = BOX CONTROL STYLES
----------------------------------------------*/
.boxControl h2 {
    color: #284878;
}

.boxControl h3 {
    color: #000;
}

.boxControl li {
    list-style: none outside url('../../../img/home/list-style-image.gif');
}


/*----------------------------------------------
    = ACTION PANEL CONTROL STYLES
----------------------------------------------*/
.actionPanel.orange {
    background: transparent url('../../../img/home/action-panel-background-orange.jpg') no-repeat scroll 0% 100%;
}

.actionPanel.orange .top {
    background: transparent url('../../../img/home/action-panel-top-orange.gif') no-repeat scroll 100% 0%;
}

.actionPanel.blue {
    background: transparent url('../../../img/home/action-panel-background-blue.jpg') no-repeat scroll 0% 100%;
}

.actionPanel.blue .top {
    background: transparent url('../../../img/home/action-panel-top-blue.gif') no-repeat scroll 100% 0%;
}

.actionPanel.orange h2 {
    color: #163159;
}

.actionPanel.blue h2 {
    color: #ff8400;
}

.actionPanel .middle a, .actionPanel .middle p {
    color: #fff !important;
}



/*----------------------------------------------
    = NEW BOX CONTROL/ACTION PANEL STYLES
----------------------------------------------*/
/*---- GENERIC ----*/

/*---- ACTION ----*/
.boxControl.actionOrange .middle p,
.boxControl.actionBlue .middle p {
    color: #fff;
}

/*---- ACTION GREEN ----*/
.boxControl.actionOrange .middle h2 {
    color: #163159;
}
.boxControl.actionOrange .middle {
    background: transparent url('../../../img/home/box-control/action-green/bg.png') no-repeat scroll 0 0;
}
.boxControl.actionOrange .top {
    background: transparent url('../../../img/home/box-control/action-green/bg.png') no-repeat scroll 0 0;
}
.boxControl.actionOrange .bottom {
    background: transparent url('../../../img/home/box-control/action-green/bg.png') no-repeat scroll 0 100%;
}

/*---- ACTION BLUE ----*/
.boxControl.actionBlue .middle h2 {
    color: #163159;
}
.boxControl.actionBlue .middle {
    background: transparent url('../../../img/home/box-control/action-blue/bg.png') no-repeat scroll 0% 0;
}
.boxControl.actionBlue .top {
    background: transparent url('../../../img/home/box-control/action-blue/bg.png') no-repeat scroll 0 0;
}
.boxControl.actionBlue .bottom {
    background: transparent url('../../../img/home/box-control/action-blue/bg.png') no-repeat scroll 0 100%;
}


/*----------------------------------------------
    = GENERIC BUTTON STYLES
----------------------------------------------*/
a.genericButton {

    background: transparent url('../../../img/home/generic-button-right.png') no-repeat scroll 100% 0%;
    color: #fff !important;
}

a.genericButton span {
    background: transparent url('../../../img/home/generic-button-left.png') no-repeat scroll 0% 0%;
}

a.generic2Button {
    background: transparent url('../../../img/home/generic2-button-right.png') no-repeat scroll 100% 0%;
    color: #333 !important;
}

a.generic2Button span {
    background: transparent url('../../../img/home/generic2-button-left.png') no-repeat scroll 0% 0%;
}

a.genericButton:hover, a.generic2Button:hover {
    background-position: 100% 100%;
}

a.genericButton:hover span, a.generic2Button:hover span {
    background-position: 0% 100%;
}

/*----------------------------------------------
    = HOME
----------------------------------------------*/

.saxoHome .banner {
    background: #ccc url('../../../img/home/banner.jpg') no-repeat;
}

.saxoHome .banner li, .saxoHome .banner h1, .saxoHome .banner p {
    color:#000;
}

.saxoHome .one, .saxoHome .two, .saxoHome .three {
    background-color:transparent; 
    background-repeat:no-repeat;
}

.saxoHome .one, .saxoHome .two, .saxoHome .three {
	height:105px;
}

.saxoHome .one {
    background-image: url('../../../img/home/platform4.jpg');	
}

.saxoHome .two {
    background-image: url('../../../img/home/platform5.jpg');
}

.saxoHome .three {
    background-image: url('../../../img/home/platform3.jpg');
}