/* CSS reset: Do not remove! */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
} 

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* =Elements
================================================*/
body {max-width: 100%; color: #fff; background-color: #0c2e59; font: 62.5%/1.5 arial, helvetica, verdana, sans-serif;}

h1, h2, h3, h4, h5, h6 {margin: 0 0 .5em 0; font-family: "helvetica neue", arial, sans-serif; font-weight: bold; font-stretch: extra-condensed;}
h1 {font-size: 2.4em; line-height: 1em; margin-bottom:1em;}
h2 {font-size: 1.8em; line-height: 1.3em; }
h3 {font-size: 1.3em; line-height: 1em; }
h4 {font-size: 1.2em; line-height: 1em; }
h1.highlight {font-size: 4em; margin-bottom: .5em;}

p {max-width: 550px; margin: 0 0 1em 0; font-size: 1.1em;}

a {color:#fff; text-decoration:none; font-weight:bold;}
a:link {}
a:visited {}
a:hover {cursor:pointer;}
a:active {}
a:focus {}

table {margin-bottom: 1em; font-size: .9em;}
table caption {visibility: hidden; display: none;}
td, th {border: 0; vertical-align: top;}
th {text-align: left; font-weight: bold;}
tr {background: url("../Images/Tablecell-Background-Trans.png") repeat;}
tr.odd {}
th {padding: .3em 1.5em; background: url("../Images/Tablehead-Background.jpg") repeat-x;}
td {padding: .7em 1.5em;}

fieldset {margin: 0 0 1.5em 0; padding: 10px 15px; border: dotted 1px #fff; width:470px;}
fieldset legend {padding: 5px 15px; font-size: 1.2em; font-weight: bold;}
textarea {width: 150px;}
.full-row textarea {width: 372px; height: 5em;}
select {width: 150px;}
input[type="text"],
input[type="password"]  {width: 150px;}
label {display: block;}

dd {display: none; visibility: hidden;}
ul, ol {list-style-position: inside; margin: 0 0 1em 1em;}
ol {list-style-type: decimal;}
li {margin: 0 0 1em 0;}

hr {height: 1px; width: 550px; margin: 2em 0; color: #fff; background-color: #fff; border: none;}


/* =General classes
================================================*/
.form-item {float: left; width: 40%; min-height: 3.6em; margin: 0 5% 1em 15px; margin: 0; padding: 0 5% 1em 15px;}
.form-actions {clear: both; margin-left: 27px;}
.full-row {float: none;  padding: 0 15px 1em 15px;}

fieldset .form-actions {margin-left: 13px;}
fieldset .inform {margin-left:15px;}

.accept {width: 470px; min-height: 2em; padding: 1em 0 1em 27px;}
label.accept-terms {display: inline; white-space: nowrap;}
label.accept-terms a {color:#66D60E;}
img.stuff {margin: 0 0 0 1em;}

.readmore {display: block; height: 29px; padding-left: 25px; background: url("../Images/Read-More-Trans.png") no-repeat 0 0; line-height: 1.7em;}
.back {display: block; float: left; width: 29px; height: 29px; margin: 2px .5em 0 0; background: url("../Images/Back-Trans.png") no-repeat 0 0;}
.back span {position: absolute; left: -999em;}

.login-error {position: relative; top: -2.8em; width: 100px; padding: .2em; color: white; background: red; font-size: .8em; line-height: 1.1em;}
.error {margin: .5em; padding: .5em; color: white; background-color: red; font-size: .85em; font-weight: bold;}
.positive {clear: both; height: 1%; margin-bottom: 1em; padding: 10px 15px 0 15px; border: dotted 2px green; color: Green; background-color: #fafafa; font-size: 1.5em}
.negative {clear: both; margin-bottom: 1em; padding: 10px 15px 0 15px; border: dotted 2px red; color: red; background-color: #fafafa; font-size: 1.2em; font-weight: bold;}
.negative li {margin: 0 0 .5em 0;}

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


/* =Layout
================================================*/
#Intro {position: relative; width: 868px; min-height: 606px; margin: 80px auto 30px auto;}
#Container {position: relative; width: 868px; min-height: 606px; margin: 80px auto 30px auto; background: #3a85ca url("../Images/Background-Middle.jpg") repeat-y;}
#Branding {position: absolute; top: 0; z-index: 1; width: 868px; height: 303px; background: #3a85ca url("../Images/Background-Top.jpg") no-repeat;}
#Branding  img {position: absolute; top: 40px; right: 142px;}
#Authentication {position: absolute; top: 80px; right: 55px; z-index: 4; width: 140px; height: 167px; padding: 12px; background: url("../Images/Authentication-BG.png") no-repeat; font-size:1.4em;}
#Authentication fieldset {width: 136px; margin: 0; padding: 0; border: none;}
#Authentication fieldset legend {padding: 0 0 .5em 0; font-size: 1.1em;}
#Authentication label {display:block;}
#Authentication input {width: 132px;}
#Authentication .form-item {float: none; width: auto; min-height: 3.2em; margin: 0 0 0em 0; padding: 0;}
#Authentication .form-actions {text-align: right;}
#Authentication .form-actions input {width: auto;}
#Authentication .remember-me {display: none; visibility: hidden;}
#Authentication .recover-password {margin: 0 0 .5em 0; font-size: .8em;}
#Authentication .action-links {position: absolute; top: 193px; left: 12px; margin: 0; padding: 0; list-style-position: outside;}
#Authentication ul {padding: 0; list-style-position: outside;}
#Authentication .action-links li {margin: 0;}
#Navigation {position: absolute; top: 70px; right: 25px; z-index: 4; width: 200px;}
#Navigation {font-size: 1.4em; line-height: 1.5;}
#Navigation ul {margin: 0; padding: 0;}
#Navigation li {margin: 0;}
#Navigation a {display: block; padding-left: 10px;}
#Navigation a:hover,
#Navigation .selected a {color: #66d60e; background: url("../Images/Menu-Arrow.gif") no-repeat left .5em;}
#Content {position: relative; z-index: 3; width: 550px; padding: 60px 0 60px 60px; font-size: 1.2em;}
#Get-Custer {position: absolute; bottom: 0; z-index: 0; width: 868px; height: 303px; background: #3a85ca url("../Images/Background-Bottom.jpg") no-repeat;}
#Cart {position: absolute; right: 0; top: 37px;}
#Cart a {font-weight: normal;}



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


/* =Function/Unit specific
================================================*/
#newsContainer .newsheading {margin-bottom:.5em;}


/* =Page specific
================================================*/
#homeboxes {width: 100%; height: 100px; margin-top: 15px;}
#homebox1 {width: 27%; float: left; margin-right: 3%;}
#homebox2 {width: 27%; float: left; margin-right: 3%;}
#homebox3 {width: 27%; float: left; margin-right: 3%;}


#downloadlist {float: left; width: 180px; margin: 25px 0 0 0;}
#downloadlist li {padding: 0 0 15px 50px;}
#downloadlist #noter {background: url("/CommonResources/Files/www.getcuster.se/graphics/Icon-Notes-Trans.png") left 4px no-repeat;}
#downloadlist #not {background: url("/CommonResources/Files/www.getcuster.se/graphics/Icon-Note-Trans.png") 14px 4px no-repeat;}
#downloadlist #telefon {background: url("/CommonResources/Files/www.getcuster.se/graphics/Icon-Phone-Trans.png") 12px 3px no-repeat;}
#downloadlist img {margin-bottom: 30px; margin-right: 25px; text-align: right;}


#Questionform textarea {width: 400px;}


.lead-details-group {float: left; width: 40%; margin: 0 5% 2em 0;}
#Lead-History {clear: both;}


#Products {margin: 0;}
#Products li {position: relative; float: left; width: 100%; min-height: 151px; margin: 0; background: url("../Images/Background-Item-NoTrans.jpg") repeat;}
#Products .product-image {position: absolute; top: 1; left: 0; width: 150px; height: 150px; overflow: hidden; background-color: white; text-align: center;}
#Products .product-details {margin: 0 0 0 150px;}
#Products .product-head {width: 100%; height: 23px; margin: 0 0 .5em 0; background: url("../Images/Background-Item-Head.jpg") repeat-x;}
#Products .title {float: left; margin: 1px 1em 0 20px; font-size: 1.3em;}
#Products .price {float: left; margin: -1px 10px 0 0; color: #66d60e; font-size: 1.3em; font-weight: bold; font-family: "helvetica neue", arial, sans-serif; font-weight: bold; font-stretch: extra-condensed;}
#Products .description {clear: both; margin: 10px 10px 1em 20px; font-size: 1em;}
#Products .add-to-cart,
#Products .go-to-article {margin: 0 10px 0 20px;}