﻿/*--------------------------------------------------------
SKANSKA CSS - Top
VERSION: 0.1
REVIDERAD: 2007-12-06
AV: Magnus Forsberg, Ottoboni Group
--------------------------------------------------------*/


/* TOP
--------------------------------------------------------*/
div#top div#logo { width:160px; margin:0; padding:40px 0 14px 20px; float:left; }

div#top div#options { width:765px; height:44px; background:none; margin:0; padding:0 15px 0 0; float:left; }

    div#top div#links { color:#cfdae5; float:right; margin:0; padding:13px 0 0 0; }
        div#top div#links a { color:#4d4d4d; text-decoration:none; }
        div#top div#links a:hover { text-decoration:underline; }
        
        div#top div#links.lang { padding-right:10px; }
			div#top div#links a.lang { background-repeat:no-repeat; background-position:right; padding-right:20px; margin-left:5px; }
			div#top div#links a.selected { color:#0076cc }
			
        div#top div#skanskainthe { color:#4d4d4d; font-weight:bold; float:right; margin:0; padding:13px 15px 0 0; }
        
    div#top div#quicksearch { color:#4d4d4d; float:right; margin:0; padding:10px 0 0 3px; }
        div#top div#quicksearch input.search { border:1px solid #e5e5e5; background:#FFF; margin:0; padding:2px; font:1em Verdana,Arial,Helvetica,sans-serif; color:#4D4D4D; }
        div#top div#quicksearch input.btn { border:0; background:transparent; margin:1px 0 0 0; padding:1px; font:1em Verdana,Arial,Helvetica,sans-serif; color:#4d4d4d; }
        
    div#top div#world { color:#b5a8a4; float:right; margin:0; padding:3px 20px 0 30px; }
        div#top div#world a { color:#7c8793; height:27px; display:block; float:left; padding:10px 32px 0 0; font-size:9px; text-decoration:none; background:url(../images/top/world-link-bg.jpg) top right no-repeat; }
        
    div#top div#world-layer { width:222px; height:344px; border:1px solid #FFF; background:url(../images/world/world-bg.jpg) top left no-repeat transparent; position:absolute; clear:both; float:none; z-index:101; margin:0; padding:0 20px; top:14px; left:664px; }
        div#top div#world-layer h2 { color:#FFF; font-size:2em; font-weight:normal; margin:0; padding:0; background:transparent; }
        div#top div#world-layer h3 { color:#FFF; font-size:1.2em; font-weight:normal; margin:0; padding:0; background:transparent; }
        
        div#top div#world-layer p { margin:0; padding:0; float:left; }
            div#top div#world-layer p.close { font-size:1em; color:#FFF; text-align:right; width:222px; padding:5px 0 15px 0; background:transparent; }   
            
        div#top div#world-layer .countries { width:182px; padding:0 20px; border-top:1px solid #98a7bf; float:left; }
            div#top div#world-layer .countries ul { width:182px; background:transparent; height:206px; padding:10px 0 0 0; }
            div#top div#world-layer .countries ul li { font-size:0.9em; width:89px; background:transparent; margin:2px 2px 2px 0; list-style:none; float:left; }
                div#top div#world-layer .countries ul li.top { width:182px; margin:0 0 8px 0; }
                
            div#top div#world-layer .countries ul li a { color:#a6aab2; text-decoration:none; background:transparent; }
                div#top div#world-layer .countries ul li a:hover { color:#fff; text-decoration:underline; background:transparent; }
                
        div#top div#world-layer .bottom { width:182px; padding:20px 20px 0px; float:left; }
            div#top div#world-layer .bottom h3 { width:152px; float:left; background:transparent; padding:0 0 0 0; }
            div#top div#world-layer .bottom h4 { width:25px; float:left; }
        
        
div#top div#menu { width:750px; margin:2px 0 0 28px; padding:0; float:left; background:none; height:20px; }
    div#top div#menu ul { margin:0; padding:0; list-style:none; }
    div#top div#menu ul li { cursor:pointer; font-size:1.6em; font-weight:400; text-decoration:none; background:none; margin:0 15px 0 0; padding:0; display:inline; float:left; }
    div#top div#menu ul li a { float:left; display:inline; }