/* @override http://store.macskolan.com/css/form.css */

body{background:#eee;color:#636b75;font:13px/18px Arial,sans-serif;
}
.main{
	background-color: #fff;
	border: 1px solid #d5d5d5;
	margin-top: 10px;
}
.hidden{
	display: none;
}
.studentinput{
	display: none;
}
#studentbutton a{
	color: #fff;
	text-decoration: none;
}
span#studentbutton{
	padding: 5px 7px;
	background-color: #4bc9ff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-opera-border-radius: 5px;
	-moz-border-radius: 5px;
}
#howtoorder{
	background-color: #fefadd;
	padding: 10px;
	margin-bottom: 10px;
	border: 1px dashed #cecece;
	height: 165px;
}
#tryggehandel{
	background-color: #ddfdd6;
	padding: 10px;
	margin-bottom: 10px;
	border: 1px dashed #cecece;
	height: 165px;
}

#headerimg {
	margin-top: -5px;
}
#pnofield{
	background-color: #e4e4e4;
	padding: 10px;
	margin-bottom: 10px;
}
#pnofield p{
	font-size: 11px;
	padding-left: 2px;
	padding-bottom: 0px;
	padding-top: 5px;
}
#emailfield{
	background-color: #e4e4e4;
	padding: 10px;
	margin-bottom: 10px;
}
#emailfield p{
	font-size: 11px;
	padding-left: 2px;
	padding-bottom: 0px;
	padding-top: 5px;
}
#unitsfield{
	background-color: #e4e4e4;
	padding: 10px;
	margin-bottom: -10px;
}


span.numberlist {
	color: #eee;
	font-size: 4em;
	font-weight: bold;
	padding-right: 8px;
	line-height:80%;
}

/* @group new stuff */

#header-img{
	margin-top: -10px;
	margin-bottom: -5px;
}
#main-img{
	margin-bottom: -5px;
	width: 970px;
}
#order-img{
	margin-bottom: 10px;
}

.hideheading{
	margin-left: -999999px;
	display: block;
	position: absolute;
	width: 1px;
	height: 1px;	
}

#slut{
	padding-top: 40px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	margin-left: 0px;
	width: 410px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif !important;
	font-weight: 300 !important;
	background: white;
	-webkit-border-radius: 5px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
}
#slut h1{
	font-weight: 300;
}
#slut h5{
}
#slut p{
	font-weight: 400 !important;
}

#formular-ny{
	width: 500px;
	margin-right: 20px;
	margin-left: 30px;
	background: url(../sec.png) no-repeat center bottom;
}

.faqthin{
	width: 280px;
	margin-left: 30px;
}
.faqthin ul{
	margin-left: 20px;
}

/* @end */






/* @group Form */
img.headerimage{
	margin-top: -10px;
}
div.main.faq {
	background-color: white;
}
em{
	font-style: italic;
}

input#add.bestall{
	margin-bottom: 20px;
	margin-left: 200px;
	position: relative;
}
.hr{
	border-top: 1px solid #cdcdcd;
	padding-bottom: 10px;
}
.hr2{
	border-bottom: 1px solid #cdcdcd;
	padding-top: 10px;
}
span#antal {
	font-size: 1.3em;
	font-weight: bold;
	padding-left: 10px;
}
div.g560.bod{
}
span#grandTotal {
	background-color: #fefc9c;
}

/* @group Input */

input {
	border: solid 1px #bbb;
	padding: 7px;
	color: #222;
	background: #fff url('../images/input_bg.gif') repeat-x top;
	outline: 0;
	margin: 0px;
	font: normal 1.7em Georgia;

}
input.huge:focus {
	background: #F3FAFF url('../images/input_highlight_bg.png') top repeat-x;
	border-color: #B7C7D3;
}

*, *:active, *:focus {
	outline: 0;
	outline-style: none;
	outline-width: 0px;
	}

/* @end */

/* @group Buttons */

.bestall {
	margin: 0px;
	border: solid 1px #ccc;
	border-top: solid 1px #ddd;
	border-left: solid 1px #ddd;
	color: #fff;
	cursor: pointer;
	height: 42px;
	padding: 0px 15px;
	overflow: visible;
	background: #87b500 url('../images/big_button_bg.png') top repeat-x;
	border-width: 0px;
	border-right: solid 1px #689300;
	border-bottom: solid 1px #689300;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-opera-border-radius: 5px;
	-moz-border-radius: 5px;
	text-shadow: #719e03 1px 1px;
	font: bold 1.75em/42px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.bestall:active {
	background: #87b500;
	color: #ECF5DE;
	line-height: 44px;
}
.leverans {
	margin: 0px;
	top:-3px;
	left: 5px;
	position: relative;
	border: solid 1px #ccc;
	border-top: solid 1px #ddd;
	border-left: solid 1px #ddd;
	color: #fff;
	cursor: pointer;
	height: 32px;
	padding: 0px 10px;
	overflow: visible;
	background: #4c4c4c url('../images/big_button_bgblue.png') repeat-x;
	border-width: 0px;
	border-right: solid 1px #000;
	border-bottom: solid 1px #000;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-opera-border-radius: 5px;
	-moz-border-radius: 5px;
	text-shadow: #000 1px 1px;
	font: bold 1.1em/32px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.leverans:active {
	background: #828282;
	color: #fff;
	line-height: 31px;
}


#personnrinfo{
	background: white;
	padding: 15px;
}
#qmark{
	color: gray;
	font-size: 2em;
	padding: 2px;
	padding-left: 5px;
	background: ;
	font-weight: bold;
}
#qmark:hover{
	color: #2787d7;
}
#qmark-sys{
	color: #ff731d;
	font-size: 1.4em;
	padding: 2px;
	padding-left: 5px;
	font-weight: bold;
}
#qmark-sys:hover{
	color: #2787d7;
}
/* @end */

/* @group Beställningsstatus */

div#AJAX.g400 {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background-color: #c6c6c6;

}

div#adress {
	margin: 10px;
	padding: 10px;
	background-color: white;
}

#beststat{
	padding-right: 5px;
	top: 5px;
	position: relative;
}

div#status {
	padding: 10px;
	color: #000;
	margin: 0px;
	background-color: #9bff73;
	font-weight: bold;
}
#lstatus{
	font-size: 1.3em;
	font-weight: 700;
	padding: 10px;
	margin: 0px;
	text-shadow: #8a8a8a 0 0 1px;
	color: #2a2a2a;
}
div#error {
	background-color: #fe354b;
	display: block;
	margin: -10px;
	padding: 10px;
	color: #fefffe;
}

p#print.hidden a{
	position: relative;
	top: 7px;
	margin: 10px;
	color: #007dbf;
	font-weight: 700;
	font-size: 1.5em;
	text-decoration: none;
}

/* @end */
/* @end */



/* @group Livevalidation */

.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}
ul.ticklist {
	line-height: 1.7em;
	list-style: none;
	padding: 0px;
}

ul.ticklist li{
	background: url(../images/tick.png) no-repeat 0 1px;
	padding-left: 25px;
	border: none;
}
p {
	padding:0 0  1em 0;
	font-size: 0.9em;
}
p.first:first-letter{ float:left;margin-bottom:-0.2em;padding:0.2em 0.1em 0 0;
	font: 700 3em/1em "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
}
p img       {float: left; margin: 0.3em 0.833em 0.833em 0; padding: 0; }
p img.right { float: right; margin: 0.3em  0 0.833em 0.833em;  }

h1,h2,h3,h4,h5{
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-weight:normal;
}

h1{
	color: #000;
	line-height: 100%;
	font-size: 2.8em;  margin-bottom: 0.3em;
}

h1#pitchheader {
	font-size: 3em;
	padding-top: 20px;
}

h2{
	color: #000;
	font-size: 2.3em; line-height: 1em; margin-bottom: 0.3em;
}
h3,h4,h5,h6 {
	color: #111;
	line-height: 150%;
}
h3 { color: #222;
	line-height: 120%;
	font-size: 1.5em;
	margin-top: 1em; 
	margin-bottom: .5em; }

h4{
	color: #222;
	line-height: 120%;
	font-size: 1.3em;
	margin-top: 1em; 
	margin-bottom: .2em;
}

h5,h6 { 
font-size: 1.2em;  
margin-bottom: .5em;
color: #666; 

}

a { 
	color: #0081e3;
	text-decoration: none;
}
a:hover { text-decoration: underline; }