﻿
html{margin: 0; padding: 0; background: #fff url("/Templates/Images/ts-bg-fader.jpg") top left repeat-x;}
body
{
    margin: 0;
    padding: 0;
	font-family: Arial, Verdana;
	font-size: 14px;
	
}
textarea, input{font-family: Arial, Verdana; font-size: 14px; padding: 5px;}
a:hover{text-decoration: none;}
p{line-height: 1.3em; margin: 0 0 1em 0;}
img.TradosLogo{float: left;}
div.LeftCol{float: left; width: 360px; padding-right: 10px;}
div.RightColWithImg{float: left; padding: 0 0 0 15px; width: 149px; font-size: 10px; border-left: 1px solid #00A289;}
div.Clearer{clear: both; margin: 0; padding: 0; height: 1px;}
div.Container{width: 863px; margin: 0; background: url("/Templates/Images/books.jpg") top left no-repeat;}
div.Container .Header{height: 308px; position: relative;}
div.Container .Header div.Contact{color: #fff; position: absolute; bottom: 7px; left: 327px;}
div.Container .Header div.Contact a{color: #fff;}
div.Container .Header img.Small {text-align: left; margin: 0 3px 0 0;}
div.Container .Header p{position: absolute; left: 330px; top: 130px; font-size: 11px; width: 243px; color: #888;}
div.Container .Header a.Logo{position: absolute; left: 315px; top: 70px; display: block; width: 268px; height: 79px; 
                             background: url("/Templates/Images/textsmart-logo.png") no-repeat;}
div.Container .Footer {clear: both; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px 0 10px 0; overflow: auto; font-size: 11px; margin: 30px 0 50px 0;}
div.Container .Footer span.Left{width: 400px; float: left; display: block;}
div.Container .Footer span.Right{width: 400px; float: right; display: block; text-align: right;}

div.Container .MainArea {margin: 40px 0 0 35px; width: 1100px;}
div.Container .MainArea .MenuArea{float: left; width: 250px; margin: 0 30px 0 10px;}
div.Container .MainArea .MainContent{float: left; width: 550px;}
div.Container .MainArea .MainContent .Left{float: left; width: 48%;}
div.Container .MainArea .MainContent .Right{float: right; width: 48%;}

div.Container .MainArea .MainContent .Error{background: #ffcde6; padding: 10px; font-weight: bold; margin: 10px 0 0 0;}
div.Container .MainArea .MainContent .SentOK{background: #d3ffcd; padding: 10px; margin: 10px 0 0 0;}
div.Container .MainArea .MainContent .ContactForm label{width: 100px; float: left; padding: 5px 0 5px 0;}
div.Container .MainArea .MainContent .ContactForm input.Field{width: 200px; padding: 5px; margin-bottom: 5px;}
div.Container .MainArea .MainContent .ContactForm input.Large{width: }
h1, h2, h3{font-family: Arial, Georgia, "Times New Roman", Arial; margin: 0; padding: 0;}
h1{font-size: 36px; font-weight: normal; margin: 0 0 12px 0;}
h2{font-size: 22px; font-weight: normal; margin: 22px 0 0 0;}
div.Container .Footer a, div.MainContent a {color: #00a289; font-weight: bold;}

ul.MainMenu { list-style-type: none; padding: 0; margin: 0;}
ul.MainMenu li {padding: 0 0 5px 0; margin: 0; font-size: 18px; color: #000;}
ul.MainMenu li.Selected a{background: url("/Templates/Images/menuitem-selected.jpg") no-repeat; color: #FFF;}
ul.MainMenu li a{text-decoration: none; color: #000; display: block; padding: 8px;}
ul.MainMenu li a:hover{background: url("/Templates/Images/menuitem-hover.jpg") no-repeat; color: #000;}

div.Offer{position: relative; padding: 0; margin: 0; left: 0; top: 0;}
div.Offer a.img{display: block; width: 295px; background: url("/Templates/Images/oversattning-erbjudande.jpg") top left no-repeat; 
                position: absolute; height: 121px; margin: 0;
                z-index: 10; font-size: 18px; color: #FFF; text-decoration: none;}
                
div.Offer a.img span{padding: 35px 110px 0 10px; display: block;}
div.Offer a.img span strong{font-size: 12px;}