/*
================================
MAIN STYLES
================================
*/
html {font-size: 100.01%;height: 100%;}
body {background:url('/images/body-bg.gif') 0 0 repeat-x;color:#333;font: 81.25%/1.5 Arial, Helvetica, sans-serif;}

a {color:#0072b6;}
a:visited {color:#0072b6;}
a:hover {color:#81c2e1;}

h1 {font-family:Arial, Helvetica, sans-serif;font-size:2em;margin:0 0 .5em;}
h1.hidden, h1 span {display:none;}

h2 {font-size:1.54em;font-weight:bold;line-height:1.05em;margin:0 0 .6em;}
h3 {font-size:1.23em;font-weight:bold;margin:0 0 .2em;}
h4 {font-weight:bold;}

strong {font-weight:bold;}
em {font-style:italic;}
p {margin: 0 0 1em;}

ol, ul {margin:0 0 1em;padding:0 0 0 1.5em;}
ol {padding:0 0 0 1.8em;}
ul li {list-style-type:square;margin:.5em 0;}
ol li {list-style-type:decimal;margin:.5em 0;}

.intro {color:#000;font-size:1.23em;}
.publish-date {color:#999;margin:0 0 .5em;}

input.button, .contourButton {background-color: #339900; border:0;border-bottom: 1px solid rgba(0,0,0,0.25); color:#fff; font-weight:bold;
    border-radius:5px;
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
    padding:3px 20px;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
}
input.button:hover {background-color:#0072b6;}

table.bild-tabell {}
table.bild-tabell td {font-size:1em;padding:5px;vertical-align:top;}

.green {color:#339900;}
/*
.intro {color:#000;font-family:Century Gothic, Verdana, Arial;font-size:1.45em;line-height:137.5%;}
hr {border:1px solid #ccc;border-width:1px 0 0 0;color:#fff;margin:0 0 1em;}
p {margin: 0 0 1em;}
blockquote {color:#009dda;font-family:Century Gothic, Verdana, Arial;font-size:2.1em;line-height:1.05em;}
.clear {clear:both;}

.right {float:right;margin:5px 0 15px 5px;}
.left {float:left;margin:5px 15px 5px 0;}

p.date {font-family:Arial;font-size:.85em;margin:0 0 .5em;text-transform:uppercase;}

ul.largelist {font-family:Century Gothic, Verdana, Arial;font-size:1.45em;}
ul.largelist li {background:url('/images/list-disc-big.png') 0 6px no-repeat;padding:0 0 0 15px;}
*/

/** MAIN FRAMEWORK
*******************/

#page-container {margin:0 auto;position:relative;width:960px;}
#main-container {margin:0 auto 30px;position:relative;width:960px;}
#header-container {margin:0 auto;position:relative;height:108px;width:960px;z-index:999;}
#footer-container {margin:0 auto;width:940px;}
/*
#header-container, #header-container * {border:1px solid #000;}

/** PAGE HEADER
*******************/

#header-logo {display:inline;float:left;padding:30px 0 0 0;width:180px;}
#header-top {background:url('/images/top-tools-bg.png') 0 0 no-repeat;
             height:27px;
             margin:0 0 25px 410px;
             width:540px;
             border-radius:0 0 10px 10px;
             background-color:#0072B6;
             }
/*
#header-title {float:left;margin:15px 0 0 20px;width:250px;}
*/
#header-tools {padding:0 10px 0 30px;}
#header-tools .phone {color:#fff;float:left;font-size:14px;font-weight:bold;padding:2px 0 0;}

.quick-links {color:#fff;float:right;font-size:12px;padding:3px 10px 0 0;}
.quick-links a {color:#fff;padding:0 2px;}
.quick-links a:hover {text-decoration:underline;}
.quick-search {float:right;padding:3px 0 0;}
.quick-search input.search-text {background:url('/images/top-search-bg.png') 0 0 no-repeat;border:0;color:#0072b6;float:left;font-family:Arial, Tahoma, Sans-Serif;font-size:12px;margin:0;padding:3px 10px;width:95px;}
.quick-search input.search-btn {background:url('/images/top-search-bg.png') 100% 0 no-repeat;border:0;float:left;height:20px;text-indent:-9999em;width:20px;}

#nojdaste-kunder {position:absolute;left:890px;top:30px;}
#nojdaste-kunder a {background:url('/images/nojdaste-kunder.png') 0 0 no-repeat;display:block;height:115px;outline:none;text-indent:-9999em;width:90px;}

/** MAIN MENU
*******************/

/*#main-menu {height:48px;margin:0 0 0 200px;position:relative;width:750px;}*/
#main-menu {height:48px;margin:0 0 0 200px;position:relative;width:820px;}

#main-menu ul {float:left;margin:0;padding:0;}
#main-menu ul li {background:none;float:left;font-size:13px;list-style:none;margin:0;padding:0;}
#main-menu ul li a {background:url('/images/menu-bg.png') 0 0 no-repeat;color:#000;display:block;float:left;font-weight:normal;height:48px;outline:none;text-indent:-9999em;}
#main-menu ul li.larm a {background-position:0 0;width:113px;}
#main-menu ul li.larm a.selected,
#main-menu ul li.larm a.hover,
#main-menu ul li.larm a:hover {background-position:0 -48px;}
#main-menu ul li.brandskydd a {background-position:-113px 0;width:186px;}
#main-menu ul li.brandskydd a.selected,
#main-menu ul li.brandskydd a.hover,
#main-menu ul li.brandskydd a:hover {background-position:-113px -48px;}
#main-menu ul li.lasskap a {background-position:-299px 0;width:161px;}
#main-menu ul li.lasskap a.selected,
#main-menu ul li.lasskap a.hover,
#main-menu ul li.lasskap a:hover {background-position:-299px -48px;}


#main-menu ul li.support a {background-position:-677px 0;width:142px;}
#main-menu ul li.support a.selected,
#main-menu ul li.support a.hover,
#main-menu ul li.support a:hover {background-position:-677px -48px;}


#main-menu ul li.omtryggahem a {background-position:-460px 0;width:214px;}
#main-menu ul li.omtryggahem a.selected,
#main-menu ul li.omtryggahem a.hover,
#main-menu ul li.omtryggahem a:hover {background-position:-460px -48px;}
#main-menu ul li.hover a {}
#main-menu ul li.hover .nav-container {display:block;}

/** QUICK MENU
*******************/

#main-menu .nav-container {background:url('/images/quick-nav-bg.png') 0 0 no-repeat;display:none;height:313px;left:0;position:absolute;top:40px;width:694px;z-index:1000;}
#main-menu .nav-links {float:left;font-size:13px;line-height:120%;padding:30px 15px 0 22px;width:117px;}
#main-menu .nav-links ul {margin:0;padding:0;}
#main-menu .nav-links ul li {border-bottom:1px solid #ddd;float:none;list-style:none;margin:0;padding:4px 0;}
#main-menu .nav-links ul li a {background:none;color:#0072b6;float:none;height:auto;text-indent:0;width:auto;}
#main-menu .nav-links ul li a:hover {color:#81c2e1;}
#main-menu .nav-intro {border-right:1px solid #d1d1d1;float:left;height:280px;line-height:125%;margin-top:6px;padding:19px 15px 0;width:129px;}
#main-menu .nav-intro:hover {background-color:#fcfcfc;}
#main-menu .nav-intro h3 {font-size:1.08em;margin:0 0 .5em;}
#main-menu .nav-intro p {font-size:.86em;}
#main-menu .nav-intro .nav-content {height:250px;overflow:hidden;}
#main-menu .nav-intro .nav-content img {margin:0 0 5px;}
#main-menu ul li .clickable:hover {cursor:pointer;}
#main-menu ul li .clickable a.nav-link {background:url('/images/link-bg.png') 100% 0 no-repeat;display:inline;height:19px;padding-right:28px;text-indent:0;width:auto;}
#main-menu ul li .clickable:hover a.nav-link {background-position:100% 0;color:#81c2e1;}

/** STANDARD PAGE
*******************/

/*.trace {border-bottom:1px solid #8b8582;font-family:Arial;font-size:.85em;height:30px;overflow:hidden;}
*/

.textpage-columns {float:left;padding-right:730px;width:230px;}
.textpage-columns #first-col {float:left;padding:30px 0 0;width:230px;}
.textpage-columns #second-col {float:left;margin-right:-730px;width:730px;}

.page-columns {float:left;padding:35px 290px 0 0;width:440px;}
.page-columns .text-col {float:left;width:100%;}
.page-columns .related-col {float:left;margin-right:-290px;width:290px;}
.page-columns .related-col #related-content {}
#related-content #rich-content {padding:0 0 0 20px;width:270px;}

.page-wide {float:left;padding:35px 0 0;width:730px;}
.page-wide .text-col {float:left;width:100%;}
.page-wide .wide-image {margin:0 0 1em;}
.two-text-col {float:left;font-size:.92em;padding-right:365px;width:365px;}
.two-text-col .text-col1 {float:left;padding:0 20px 0 0;width:345px;}
.two-text-col .text-col2 {float:left;margin-right:-365px;padding:0 20px 0 0;width:345px;}

/** SUB MENU
*******************/

#sub-menu-wrapper {background:url('/images/submenu-bg.png') -216px 0 repeat-y;float:left;width:216px;}
#sub-menu {background:url('/images/submenu-bg.png') 0 0 no-repeat;float:left;font-size:1.08em;margin:0;padding:0 20px 20px;width:176px;}
#sub-menu h3 {border-bottom:1px solid #ddd;font-size:1.29em;margin:0;padding:8px 0 5px;width:100%;}
#sub-menu h3 a {display:block;color:#000;}
#sub-menu ul {margin:0;padding:0;}
#sub-menu ul li {background:none;border-bottom:1px solid #ddd;list-style:none;margin:0;padding:5px;}
#sub-menu ul li.selected,
#sub-menu ul li.expanded {background:#fcfcfc;padding:5px;}
#sub-menu ul li ul li {border:0;font-size:.92em;line-height:135%;padding:7px 5px 0;}
#sub-menu ul li ul li.selected {padding:7px 5px 0;}
#sub-menu ul li ul li.selected a {color:#999;}

#sub-menu-btm {background:url('/images/submenu-bg.png') -432px 0 repeat-y;float:left;height:22px;width:216px;}

/** RELATED LINKS
*******************/

#related-links {float:left;font-size:.92em;margin:0;padding:10px 20px 20px;width:176px;}
#related-links h4 {border-bottom:1px solid #ddd;padding-bottom:.5em;}
#related-links ul {margin:0;padding:0;}
#related-links ul li {background:none;list-style:none;margin:0;padding:0;}

#contact-me a {background:url('/images/kontakta.png') 5px 0 no-repeat;float:left;font-weight:bold;margin:0 0 0 20px;padding:8px 20px 10px 50px;}
#contact-me a:hover {background-position:5px -38px;}

/** START PAGE
*******************/

/*#start-container {background:url('/media.axd?nodeId=1049&alias=backgroundImage') 50% 0 no-repeat;min-height:450px;width:100%;}*/
#offer-splash {color:#fff;margin:0 0 50px 400px;padding:60px 0 0;z-index:0;height:250px;}
#teasers {height:172px;}
#teasers h2 {font-size:1.54em;}
#teasers .t-intro {line-height:120%;padding:0 100px 0 25px;}
#teasers a {background:url('/images/link-bg.png') 100% 0 no-repeat;font-size:.85em;font-weight:bold;height:19px;padding-right:28px;position:absolute;right:28px;top:138px;}
#teasers .clickable {cursor:pointer;}
#teasers .clickable:hover a {color:#81c2e1;}
.t-container {background-repeat:no-repeat;background-position:50% 0;float:left;height:151px;padding:25px 10px 0;position:relative;width:300px;}
/*.behovslarm {background-image:url('/images/tease-behovslarm.png');}*/
.behovslarm h2 {color:#0072b6;}
/*.valjrattlarm {background-image:url('/images/tease-valjrattlarm.png');color:#fff;}*/
.valjrattlarm a, .valjrattlarm h2 {color:#fff;}
/*.webbshoppen {background-image:url('/images/tease-webbshoppen.png');}*/
.webbshoppen h2 {color:#0072b6;}
/*.villaagarna {background-image:url('/images/tease-villaagarna.png');color:#fff;}*/
.villaagarna a, .villaagarna h2 {color:#fff;}

#start-footer-container {color:#999;font-size:.92em;margin:0 auto;width:940px;}
#footer-info-wrapper {background:url('/images/start-footer-bg.png') 0 100% no-repeat;float:left;margin:0 0 20px;padding:0 0 30px;width:940px;}
#footer-info-cols {background:url('/images/start-footer-bg.png') 0 0 no-repeat;float:left;padding:40px 470px 0 0;width:470px;}
#footer-info-cols .col1 {float:left;padding:0 20px 0 40px;width:410px;}
#footer-info-cols .col2 {display:inline;float:left;margin-right:-470px;padding:0 40px 0 20px;width:410px;}

/** FORMULÄR
*******************/

.input-form {}
.input-form .form-field {margin:0 0 .5em;}
.input-form .form-field label {display:block;}
.input-form .form-field input.textbox, .contourField input.text {border:1px solid #ccc;padding:2px;width:160px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.1);-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.1);}
.input-form .form-field textarea, .contourField textarea.text  {border:1px solid #ccc;height:80px;padding:2px;width:400px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.1);-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.1);}
.input-form .form-field .radio-field {margin:.5em 0;}
.input-form .form-field .radio-field label {display:inline;padding:0 10px 0 5px;}
.input-form .control-field {display:none;}
.input-form .form-cols {float:left;padding-right:210px;width:210px;}
.input-form .form-col1 {float:left;width:100%;}
.input-form .form-col2 {display:inline;float:left;margin-right:-210px;width:210px;}
.input-form .form-validation {margin:0 0 .5em;}
.input-form .form-validation ul {margin:0;padding:0;}
.input-form .form-validation ul li {list-style:none;margin:0;padding:0;}

/** NEWS LIST
*******************/

.news-list {padding:0;}
.news-list li {list-style:none;padding:0;}
.news-list li small {display:block;font-size:0.84em;}
.news-list li p {font-size:.92em;}
.paging-container span {background:#0072b6;color:#fff;margin:0 1px;padding:1px;}
.paging-container a {margin:0 1px;padding:1px;}

/** WEBSHOP LIST
*******************/

#webshop-list {margin:0;padding:0;}
#webshop-list li {border:1px solid #fff;clear:both;cursor:pointer;list-style:none;margin:0;min-height:98px;padding:0 10px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;}
#webshop-list li img {float:left;padding:10px 0;}
#webshop-list li:hover {background:#f6f6f6;border:1px solid #ddd;}
#webshop-list li:hover a {color:#81c2e1;}
#webshop-list li .info {background-color:#fff;margin-left:170px;min-height:60px;padding:10px 10px;width:230px;}
#webshop-list li p {font-size:.85em;margin:0;}
#webshop-list li p a {color:#999;}
#webshop-list li:hover p a {color:#000;}

/** FAQ LIST
*******************/

#faq-list-container h2 {padding:10px 10px 0;}
#faq-list-container dl dt {background:url('/images/faq-pil-h.png') 5px 5px no-repeat;cursor:pointer;font-size:1.08em;margin:0;padding:10px 10px 10px 50px;}
#faq-list-container dl dt:hover {background-color:#f6f6f6;}
#faq-list-container dl dd {font-size:1em;}
.faq-active dl dd {display:none;padding:10px;}
.faq-active dl dd.open {background:#f6f6f6;display:block;}
#faq-list-container dl dt.open {background:url('/images/faq-pil-ner.png') #f6f6f6 5px 5px no-repeat;}

/** FILE LIST
*******************/
/*
.file-list {margin:0;}
.file-list li {list-style:none;padding:0;}
*/
.file-table {margin:0 0 1em;width:100%;}
.file-table td {font-size:.92em;padding:2px 4px;}
.file-table td.size {white-space:nowrap;text-align:right;}
.file-table td.title {width:320px;}
.file-table td.icon {width:16px;}
.file-table td.extension {text-align:right;}

/** SHARES TICKER
*******************/
#ticker {background:url('/images/ticker-bg.png') 0 0 no-repeat;padding:12px 15px 18px;width:240px;}
#ticker table td {padding:0 3px;}
#ticker .label {font-size:1.15em;font-weight:bold;}
#ticker .value {color:#339900;font-size:1.15em;font-weight:bold;}
#ticker #last-update {font-size:.85em;}

/** ALARM WIZARD
*******************/

#alarmwiz-wrapper {background:url('/images/alarmwiz-btm-bg.png') #b9cd7c 0 100% no-repeat;padding:0 0 10px;overflow:hidden;}
#alarmwiz {background:url('/images/alarmwiz-top-bg.png') 0 0 no-repeat;overflow:hidden;width:100%;}
#wizard-steps {background:url('/images/alarmwiz-top-bg.png') #b9cd7c 0 0 no-repeat;clear:both;color:#b9cd7c;font-size:16px;font-weight:bold;height:28px;list-style:none;margin:0;padding:9px 0;width:100%}
#wizard-steps li {float:left;list-style:none;margin:0 5px 0 0;padding:0 5px;}
#wizard-steps li.selected {color:#fff;}
#wizard-steps li span {display:block;float:left;height:27px;margin-right:5px;text-indent:-9999em;width:27px;}
#wizard-steps li #step1 {background:url('/images/alarmwiz-steps.png') 0 0 no-repeat;}
#wizard-steps li #step2 {background:url('/images/alarmwiz-steps.png') -27px 0 no-repeat;}
#wizard-steps li #step3 {background:url('/images/alarmwiz-steps.png') -54px 0 no-repeat;}
#wizard-steps li #step4 {background:url('/images/alarmwiz-steps.png') -81px 0 no-repeat;}
#wizard-steps li.selected #step1 {background:url('/images/alarmwiz-steps.png') 0 -27px no-repeat;}
#wizard-steps li.selected #step2 {background:url('/images/alarmwiz-steps.png') -27px -27px no-repeat;}
#wizard-steps li.selected #step3 {background:url('/images/alarmwiz-steps.png') -54px -27px no-repeat;}
#wizard-steps li.selected #step4 {background:url('/images/alarmwiz-steps.png') -81px -27px no-repeat;}
#wizard-header {color:#fff;font-weight:bold;padding:10px 26px 0;}
#wizard-header h1 {font-size:1.85em;font-weight:bold;}
#wizard-form {background:url('/images/alarmwiz-form-bg.png') #f8f8f8 0 100% no-repeat;float:left;margin:0 10px;padding:30px 16px 0;width:678px;}
#wizard-form-header {background:url('/images/alarmwiz-form-top.png') #f8f8f8 0 0 no-repeat;float:left;margin:0 10px;padding:0 16px;width:678px;}
#wizard-form-header .step-heading {border-bottom:2px solid #7e924a;margin:0;padding:.5em 0;}
#form-nav {clear:both;padding:15px 0 0;}
#form-nav input {background:url('/images/guide-btn.png') 0 0 no-repeat;border:0;color:#4185c0;float:right;font-size:18px;font-family:Arial;height:48px;line-height:28px;margin:30px 0 10px;padding:10px 20px 10px 0;width:201px;}
#form-nav input:hover {background-position:0 -48px;}
.form-text {width:550px;}
.form-question {border-bottom:2px solid #7e924a;float:left;padding:1.5em 0;width:100%;}
.form-question label {font-weight:bold;}
.radio-field label {margin-right:25px;}
.form-field {float:left;padding-right:339px;width:339px;}
.form-field .label-area {float:left;padding-right:39px;width:300px;}
.form-field .label-area label {display:block;}
.form-field .label-area small {font-size:0.85em;}
.form-field .input-area {display:inline;float:left;margin-right:-339px;width:339px;}
.form-field .input-area label {font-weight:normal;}
.form-field .input-area .wiz-readmore {background:url('/images/faq-pil-h.png') 0 0 no-repeat;float:right;margin-right:40px;padding:6px 0 6px 40px;}
.form-field .question-info {display:none;margin:1em 0 0;}
.double-field {margin:0 0 1em;}
.bundle-field label {font-size:1.08em;margin:0 10px 10px 0!important;}
.bundle-field label small {display:block;font-weight:normal;margin:0 0 0 29px;}
.wiz-step1 #wizard-header {background:url('/images/alarmwiz-step1.jpg') 100% 0 no-repeat;height:150px;padding:10px 236px 0 26px}
.wiz-step3 .form-question {border:0;}
.step3nav {margin:0 0 1em;}
.step3nav #nav-button-area {border-top:2px solid #7e924a;float:right;margin-top:70px;width:330px;}
.slider-field .input-area input {background:transparent;border:0;margin:0 0 10px;width:25px;}
.slider-field .input-area .ui-slider {margin:0 0 10px;width:80%;}

.disabled-field label {color:#ccc;}
.form-disabled {color:#ccc;}
.form-disabled label.checkbox span.holder,
.form-disabled label.prettyCheckbox span.holder,
.form-disabled label.checked span.holder,
.form-disabled label.radio:hover span.holder,
.form-disabled label.checked:hover span.holder,
.form-disabled label.checkbox:hover span.holder,
.disabled-field label.checkbox span.holder,
.disabled-field label.prettyCheckbox span.holder,
.disabled-field label.checked span.holder,
.disabled-field label.radio:hover span.holder,
.disabled-field label.checked:hover span.holder,
.disabled-field label.checkbox:hover span.holder {top:-72px !important}

.highligh-field {color:#000;font-weight:bold;}
.highligh-field small {color:#f00;}

#wizard-result {margin:0 0 2em;width:100%}
#wizard-result th {font-weight:bold;padding:5px;}
#wizard-result th.price {text-align:right;white-space:nowrap;}
#wizard-result td {padding:1px 5px;}
#wizard-result td.price {text-align:right;white-space:nowrap;}
#wizard-result td.partner-offer {font-size:.84em;}
#wizard-result td.partner-offer em {color:#f00;}
#wizard-result .count {padding-right:10px;text-align:right;}
#wizard-result .package td {font-weight:bold;}
#wizard-result .custom td {padding:3px 5px;}
#wizard-result .custom td.count {padding-right:10px;}
#wizard-result .campaign td {color:#ff0000;}
#wizard-result .rule {border-top:2px solid #7e924a;}
#wizard-result .discount td {color:#f00;font-size:1.08em;}
#wizard-result .total td {font-size:1.08em;font-weight:bold;}
#wizard-result tr td.edit {padding:3px 0;white-space:nowrap;}
#wizard-result tr td.edit input {background-color: #339900;border:0;border-bottom: 1px solid rgba(0,0,0,0.25);color:#fff;font-weight:bold;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;
    -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    padding:1px;
    width:18px;}
#wizard-result tr td.edit input:hover {background-color:#0072b6;}

#config-panel {margin:0 0 1em;}
#config-panel select {margin:0 10px 0 0;padding:2px;}
#config-button,
#config-panel input {background-color: #339900;border:0;border-bottom: 1px solid rgba(0,0,0,0.25);color:#fff;font-weight:bold;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;
    -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    padding:1px 10px;}
#config-button:hover,
#config-panel input:hover {background-color:#0072b6;}
.customer-panel td {padding:5px;}
.customer-panel label {display:block;}
.customer-panel .terms-field label {display:inline;}
.customer-panel input.textbox {border:1px solid #ccc;padding:2px;width:190px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.1);-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.1);}
.customer-panel textarea {border:1px solid #ccc;height:80px;padding:2px;width:400px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.1);-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.1);}

.error-panel {background-color:#81c2e1;border:1px solid #0072b6;clear:both;color:#fff;font-weight:bold;padding:10px;width:656px;}

/** SECURITY WIZARD
*******************/

#secwiz-wrapper {background:url('/images/secwiz-btm-bg.png') #fff 0 100% no-repeat;padding:0 0 10px;overflow:hidden;}
#secwiz {background:url('/images/secwiz-top-bg.png') 0 0 no-repeat;overflow:hidden;width:100%;}
#secwiz-steps {background:url('/images/secwiz-top-bg.png') #b9cd7c 0 0 no-repeat;clear:both;color:#fff;font-size:16px;font-weight:bold;height:28px;list-style:none;margin:0;padding:9px 0 9px 5px;width:100%}
#secwiz-steps li {float:left;list-style:none;margin:0 5px 0 0;padding:0 5px;}
#secwiz-steps li.selected {color:#f0cd04;}
#secwiz-steps li span {display:block;float:left;height:27px;margin-right:5px;text-indent:-9999em;width:27px;}
#secwiz-steps li #step1 {background:url('/images/secwiz-steps.png') 0 0 no-repeat;}
#secwiz-steps li #step2 {background:url('/images/secwiz-steps.png') -27px 0 no-repeat;}
#secwiz-steps li #step3 {background:url('/images/secwiz-steps.png') -54px 0 no-repeat;}
#secwiz-steps li #step4 {background:url('/images/secwiz-steps.png') -81px 0 no-repeat;}
#secwiz-steps li.selected #step1 {background:url('/images/secwiz-steps.png') 0 -27px no-repeat;}
#secwiz-steps li.selected #step2 {background:url('/images/secwiz-steps.png') -27px -27px no-repeat;}
#secwiz-steps li.selected #step3 {background:url('/images/secwiz-steps.png') -54px -27px no-repeat;}
#secwiz-steps li.selected #step4 {background:url('/images/secwiz-steps.png') -81px -27px no-repeat;}
#secwiz-header {font-weight:bold;padding:10px 26px 0;}
#secwiz-header h1 {font-size:1.85em;font-weight:bold;}
#secwiz-form {background:url('/images/secwiz-form-bg.png') #f8f8f8 0 100% no-repeat;float:left;margin:0 10px;padding:30px 16px 0;width:678px;}
#secwiz-form-header {background:url('/images/secwiz-form-top.png') #f8f8f8 0 0 no-repeat;float:left;margin:0 10px;padding:0 16px;width:678px;}
#secwiz-form-header .step-heading {border-bottom:2px solid #2375c0;margin:0;padding:.5em 0;}
.secwiz-step {background:url('/images/secwiz-bg.png') 0 0 repeat-y;overflow:hidden;}
#secwiz-form .form-question {border-bottom:2px solid #2375c0;margin:0 0 1.5em;}
#secwiz-form .sec-wiz-readmore {}
#secwiz-form .question-info {background:#fff;display:none;margin:0 0 2em;padding:10px;border-radius:10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;}
.border-field {border-bottom:1px solid #ccc;padding-bottom:10px;}
.text-field input {padding:2px;}

.form-wide-field {float:left;padding-right:220px;width:458px;}
.form-wide-field .label-area {float:left;padding-right:38px;width:420px;}
.form-wide-field .label-area label {display:block;}
.form-wide-field .label-area small {font-size:0.85em;}
.form-wide-field .input-area {display:inline;float:left;margin-right:-220px;width:220px;}
.form-wide-field .input-area label {font-weight:normal;}

.security-result {float:left;padding-right:178px;width:500px;}
.security-result .section-info{float:left;width:100%;}
.security-result .section-rating {display:inline;float:left;margin-right:-178px;width:178px;}
.security-result .section-rating span {background:url('/images/secwiz-result-bg.png') 0 0 no-repeat;display:inline;float:left;font-size:26px;font-weight:bold;height:48px;line-height:48px;margin:40px 0 0 40px;text-align:center;width:84px;}
.security-result .section-rating span.labeled {margin-top:8px;}
.security-result .section-rating small {display:block;margin:0 20px;font-size:.84em;text-align:center;}
.security-result .rating-low span {background-position:0 -96px;color:#fff;}
.security-result .rating-medium span {background-position:0 -48px;color:#000;}
.security-result .rating-high span {background-position:0 0;color:#fff;}
.security-result .section-text {background:#fff;margin:0 0 2em;padding:10px;border-radius:10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;}
.security-result .section-text p {margin:0;}
.security-result .checkbox {display:block;margin:0 0 5px;}
.security-result .checkbox input {margin:0 5px 0 0;}
.security-ruler {border-bottom:2px solid #2375c0;margin:0 0 1.5em;}

#result-table td {padding:5px;}
#result-table .result-range {white-space:nowrap;width:100px;}
#result-table .range-faded td {color:#ccc;}
#result-table .range-low td {color:#b70000;font-size:1.08em;font-weight:bold;}
#result-table .range-medium td {color:#000;font-size:1.08em;font-weight:bold;}
#result-table .range-high td {color:#00892e;font-size:1.08em;font-weight:bold;}

.data-reader {margin:25px 0 0;font-size:10px;}
.data-reader td, .data-reader th {padding:2px;}

/** SEARCH
*******************/

.search-result {padding:0;}
.search-result li {list-style:none;margin:0 0 1em;padding:0;}
.search-result li .summary {font-size:.92em;}

/** PRETTY CHECKBOXES
*******************/

label.checkbox span.holder{height:96px;background:url(/images/prettyCheckboxes/checkbox.gif) 0 -1px no-repeat}
label.radio span.holder{height:96px;background:url(/images/radio-bg.png) 0 0 no-repeat}
label.checkbox:hover span.holder,label.radio:hover span.holder{top:-24px !important}
label.checked span.holder,label.checked span.holder,label.checked:hover span.holder,label.checked:hover span.holder{top:-48px !important}
label.list{float:left;clear:left;margin:0 0 5px 0}
label.inline{float:left;margin:0 15px 0 0}
input.hiddenCheckbox{position:absolute;left:-10000px}
label.prettyCheckbox span.holderWrap{display:block;float:left;position:relative;margin-right:5px;overflow:hidden}
label.prettyCheckbox span.holder{display:block;position:absolute;top:0;left:0}

/** PAGE FOOTER
*******************/

#footer-container {font-size:1em;padding-bottom:20px;}
#footer-container h3 {color:#999;font-size:.92em;margin:0 0 .5em 20px;text-transform:uppercase;}
#footer {border-bottom:1px solid #ddd;border-top:1px solid #ddd;height:55px;padding:0 10px;}
#partners {margin:0;padding:12px 0;}
#partners li {display:inline;float:left;margin:0 40px 0 0;}
#partners li a {background:url('/images/partner-logos.png') 0 0 no-repeat;display:block;float:left;height:31px;text-indent:-9999em;}
#partners li a#sos {width:80px}
#partners li a#swelarm {background-position:-120px 0;width:75px}
#partners li a#sbsc {background-position:-236px 0;width:25px}
#partners li a#villaagarna {background-position:-295px 0;width:70px}
#service-phone {float:right;padding:12px 0;}
#service-phone #number {font-size:1.69em;color:#999;margin:0 5px 0 10px;}
#service-phone #label {border-right:1px solid #999;color:#999;font-size:1.23em;padding:0 15px 0 0;}
#service-phone-numbers {color:#999;float:right;font-size:.92em;padding:3px 0 0 20px;}
#service-phone-numbers .phone-entry {display:block;}
#service-phone-numbers .label {float:left;width:80px;}
#service-phone-numbers .number {text-align:right;}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    /*#cboxContent{background:#fff;margin-top:20px;}
        #cboxLoadedContent{padding:5px;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(/images/colorbox/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(/images/colorbox/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#fff;}
        #cboxLoadingGraphic{background:url(/images/colorbox/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(/images/colorbox/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}*/
        
    #cboxTopLeft{width:25px; height:25px; background:url(/images/colorbox/border1.png) no-repeat 0 0;}
    #cboxTopCenter{height:25px; background:url(/images/colorbox/border1.png) repeat-x 0 -50px;}
    #cboxTopRight{width:25px; height:25px; background:url(/images/colorbox/border1.png) no-repeat -25px 0;}
    #cboxBottomLeft{width:25px; height:25px; background:url(/images/colorbox/border1.png) no-repeat 0 -25px;}
    #cboxBottomCenter{height:25px; background:url(/images/colorbox/border1.png) repeat-x 0 -75px;}
    #cboxBottomRight{width:25px; height:25px; background:url(/images/colorbox/border1.png) no-repeat -25px -25px;}
    #cboxMiddleLeft{width:25px; background:url(/images/colorbox/border2.png) repeat-y 0 0;}
    #cboxMiddleRight{width:25px; background:url(/images/colorbox/border2.png) repeat-y -25px 0;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxLoadingOverlay{background:#fff url(images/loading.gif) no-repeat 5px 5px;}
        #cboxClose{background:url(/images/colorbox/close.png) 0 0 no-repeat; display:block;height:40px;position:absolute; top:0; right:0;text-indent:-9999px;width:40px;}
        #cboxClose.hover{background-position:0 100%;}
/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/ie/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/ie/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/ie/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/ie/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/ie/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/ie/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/ie/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/ie/borderMiddleRight.png, sizingMethod='scale');}

        
#shop-container {padding:20px 20px 0;}
#shop-container p {margin:0 0 2em;}
#shop-container ul {list-style:none;margin:0;padding:0;}
#shop-container ul li {float:left;height:100px;list-style:none;margin:0;text-align:center;width:180px;}
#shop-container ul li a {background:url(/images/colorbox/partner-hover.png) transparent 0 -90px no-repeat;display:block;float:left;height:78px;padding:6px;width:168px;}
#shop-container ul li a:hover {background-position:0 0;}
#shop-container #default-shop {background:url(/images/colorbox/non-partner-bg.png) 0 0 no-repeat;float:right;height:50px;padding:0 0 20px;width:250px;}
#shop-container #default-shop p {margin:0;padding:15px 20px 0;}

.campaign-content
{
    padding-left:3  0px;
    }
.red{
color:#e2001a;
}
.blue{
color:#0073cf;
}




/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */