/* Crossbrowser default settings */
html, body { height:100%; }
img, div, table, ul, ol
{ border:0; border-collapse:collapse; padding:0px; margin:0px; list-style:none; }
/* reverting ol*/
ol { list-style: decimal; padding: 0px 0px 0px 35px;}
h2 { margin:0px; padding:0px; }
#page { width:983px; margin:20px auto; }
#page2 { width:983px; margin:0px auto; }
#header { background:url(../gif/top-trans.png) no-repeat center; height:99px; }
#headervarukorg { background:url(../gif/top-trans-mini.png) no-repeat center; height:99px; }
#headervarukorg_en { background:url(../gif/top-trans-mini_en.png) no-repeat center; height:99px; }
#navigation { background:url(../gif/nav/nav.png) repeat-x top left; height:30px; margin:0px 0px 10px 0px; }
#navigation ul { height:30px; display:inline; }
#navigation ul .current { background:url(../gif/nav/navhover.png) repeat-x top left; }
#navigation ul li { float:left; height:30px; }
#navigation ul li:hover { background:url(../gif/nav/navhover.png) repeat-x top left; }
#nav-active { background:url(../gif/nav/navhover.png) repeat-x top left; }
#lineup {width:100%;}
#lineup .left {float:left;width:48%;margin-right:4%;margin-bottom:25px;}
#lineup .right {float:right;width:48%;margin-bottom:25px;}
#lineup img {float:right;padding:0px 0px 3px 5px;}
#lineup h3 {font-weight:bold;}
.sub { display: none; }
.arrowlistmenu{
width: 180px; /*width of accordion menu*/
}
.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: normal 12px Arial;
color: black;
background: black url(/gif/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: pointer;
}
.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(/gif/titlebar-active.png);
}
.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0 15px 0 15px;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}
.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}
.arrowlistmenu ul li a{
color: #A70303;
background: url(/gif/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
border-bottom: 1px solid #dadada;
font-size: 100%;
}
.blabla a{
width: 100%;
}
.blabla {
color: #A70303;
background: url(/gif/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
border-bottom: 1px solid #dadada;
font-size: 100%;
margin: 0 15px 0 15px;
}
.blabla a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}
.arrowlistmenu ul li a:visited{
color: #A70303;
}
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}
.extra_heading { float:left; width:722px; margin:0 3px 0 6px; }
.extra_heading p,.extra_heading p {margin:4px;}
#languages { margin:0px 0px 10px 0px; text-align:right;}
#search { margin:0px 0px 10px 0px; text-align:left;}
#left { float:left; width:165px; }
#content { margin:0px 210px 0px 185px; }
#ivrcontent { margin:0px 0px 0px 185px; }
#content.alt{ margin:0px 220px 0px 0px; } /* #content.alt must have left sidebar excluded */
#content.solutions{ margin:0px 220px 0px 185px; } /* #content.solutions can have left sidebar */
#right { float:right; width:185px; }
#content.int{ margin:0px 200px 0px 0px; } /* #content.alt must have left sidebar exkluded */
.int .left { float:left; width:48%; margin-top:30px; margin-right:4%}
.int .right { float:right; width:48%; margin-top:30px; }
.int h2 {font-size:24px;}
.fixsize select {background-color:#d7efff; width:70px;font:normal 10px Tahoma, Arial, Helvetica, sans-serif; color:#003366; text-decoration:none;margin:2px;}
.fixsize option {width:auto;font:normal 10px Tahoma, Arial, Helvetica, sans-serif; color:#003366;text-decoration:none;}
.column ul li { margin:0px 0px 5px 0px; }
.column textarea { border:1px solid #EEEEEE; padding:4px; width:95%; display:block; }
.table_column { width:83px; }
.column ul li .nyheter li { list-style-type:circle; margin:0px 0px 15px 15px; }
.column ul li .nyheter li:hover { background:#FBF9EC; }
.column ul li .nyheter li h2 { color:#666666; font-style:italic; display:block; padding:0px 0px 2px 0px; margin:0px; }
.column ul li .nyheter li date { color:#666666; font-style:italic; display:block; padding:0px 0px 2px 0px; margin:0px; }
.column like-h1 {COLOR: #000000;FONT-FAMILY: verdana, sans-serif;FONT-SIZE: 24px;FONT-WEIGHT: BOLD;}
.column like-h2 {COLOR: #000000;FONT-FAMILY: verdana, sans-serif;FONT-SIZE: 16px;FONT-WEIGHT: BOLD;}
.column like-h3 {COLOR: #000000;FONT-FAMILY: verdana, sans-serif;FONT-SIZE: 12px;FONT-WEIGHT: BOLD;}
.chatta { background:url(../gif/chatta.png) no-repeat top left; height:195px; }
.school { background:url(../gif/IP-School.png) no-repeat top left; height:195px; }
.referenser { background:url(../gif/referenser.png) no-repeat top left; height:154px; }
.pcalla { background:url(../gif/pcalla.jpg) no-repeat top left; height:132px; }
.column ul li .login li { list-style:none; list-style-type:none; padding:0px 0px 0px 18px; margin:0px 0px 8px 0px; }
.column ul li .login .username { background:url(../gif/user.jpg) no-repeat center left; }
.column ul li .login .password { background:url(../gif/password.jpg) no-repeat center left; }
.login .field { border:1px solid #666; width:auto; display:block; padding:4px; }
.quote_box { background:url(../gif/quote1.jpg) no-repeat top left; padding:0px 0px 0px 15px; width:450px; }
.steps_box { padding:0px 0px 0px 0px; width:734px; }
.steps_box2 { padding:0px 0px 0px 15px; width:900px; }
.alt .left { float:left; width:45%; margin:30px 0px 0px 15px; }
.alt .right { float:right; width:45%; margin:30px 0px 0px 0px; }
.alt .big_p { height:158px; font: normal 12px Arial; }
.alt .big_d { height:118px; font: normal 12px Arial; }
/* Layout ================================================================================= */
.main { margin:0px 0; }
/* 1 Column Layout */
.col-all { float:left; width:949px; border:2px solid #ddd; padding:15px 15px 15px 15px; font-size:1.5em;font-weight:bold;margin-bottom:10px; }
.col1-layout .col-main { float:none; width:auto; }
.col3-set .col-1 { float:left; width:32%; }
.col3-set .col-2 { float:left; width:32%; margin-left:2%; }
.col3-set .col-3 { float:right; width:32%; }
.col3-set .col-2f { float:left; width:32%; margin-left:2%; background:url(../gif/map-with-phone-numbers.gif) no-repeat bottom right;}
.col3-set .col-3f { float:right; width:32%; background:url(../gif/konfigurator.gif) no-repeat bottom right;}
/* ======================================================================================= */
.solutions .left { float:left; width:44%; padding:3% ; margin:10px 0px 0px 0px; }
.solutions .right { float:right; width:44%; padding:3% ; margin:10px 0px 0px 0px; }
.solutions .big_p { height:158px; font: normal 12px Arial; padding: 0px 0px 0px 0px; }
.solutions .big_d { height:118px; font: normal 12px Arial; }
.solutions .normal { float:left; width: 100%; margin:30px 0px 0px 0px; }
#a1 { background:url(../gif/number.jpg) no-repeat top right; padding:10px 0px 0px 0px; }
#a2 { background:url(../gif/fax2mail.jpg) no-repeat top right; padding:0px 0px 0px 0px; }
#a3 { background:url(../gif/conference.jpg) no-repeat top right; padding:10px 0px 0px 0px; }
#b1 { background:url(../gif/konfigurator.gif) no-repeat top right; padding:0px 0px 0px 0px; }
#b2 { background:url(../gif/operator.jpg) no-repeat top right; padding:0px 0px 0px 0px; }
#b3 { background:url(../gif/demo.jpg) no-repeat top right; padding:0px 0px 0px 0px; }
#b4 { background:url(../gif/IP-School.png) no-repeat top right; padding:10px 0px 0px 0px; }
#b5 { background:url(../gif/map-with-phone-numbers.gif) no-repeat top right; padding:0px 0px 0px 0px; }
#b6 { background:url(../gif/map-with-phone-numbers.gif) no-repeat top right; padding:10px 0px 0px 0px; }
#f1 { background:url(../gif/konfigurator.gif) no-repeat middle left; padding:0px 0px 0px 0px; }
#f2 { background:url(../gif/map-with-phone-numbers.gif) no-repeat middle right; padding:0px 0px 0px 0px; }
#s1 { background:url(../gif/prices/29-man.gif) no-repeat bottom left; padding: 30px 0px 0px 0px; height:150px; }
#s2 { background:url(../gif/prices/9-man.gif) no-repeat bottom left; padding: 30px 0px 0px 0px; height:150px; }
#s3 { background:url(../gif/prices/39-man.gif) no-repeat bottom left; padding: 30px 0px 0px 0px; height:150px; }
#s4 { background:url(../gif/prices/29-man.gif) no-repeat bottom left; padding: 30px 0px 0px 0px; height:150px; }
#s5 { background:url(../gif/prices/fr356.gif) no-repeat bottom left; padding: 30px 0px 0px 0px; height:150px; }
#t1 { background:url(../gif/prices/fr1995.gif) no-repeat bottom left; padding: 30px 0px 0px 0px; height:150px; }
#t2 { background:url(../gif/prices/9-samtal.gif) no-repeat bottom left; padding: 30px 0px 0px 0px; height:150px; }
#t3 { background:url(../gif/prices/10-samtal.gif) no-repeat bottom left; padding: 30px 0px 0px 0px; height:150px; }
#t4 { background:url(../gif/prices/10-samtal.gif) no-repeat bottom left; padding: 30px 0px 0px 0px; height:150px; }
#t5 { background:url(../gif/prices/600-h.gif) no-repeat bottom left; padding: 30px 0px 0px 0px; height:150px; }
#d1 { background:url(../gif/movies.gif) no-repeat top right; padding:0px 10px 0px 0px; }
#d2 { background:url(../gif/movies.gif) no-repeat top right; padding:0px 10px 0px 0px; }
#d3 { background:url(../gif/movies.gif) no-repeat top right; padding:0px 10px 0px 0px; }
#d4 { background:url(../gif/sound.gif) no-repeat top right; padding:0px 10px 0px 0px; }
#d5 { background:url(../gif/sound.gif) no-repeat top right; padding:0px 10px 0px 0px; }
#d6 { background:url(../gif/sound.gif) no-repeat top right; padding:0px 10px 0px 0px; }
.demo {float: left; margin: 0; border: 0; padding: 0; width: 50%; }
#tdimage {background-image: url(../gif/number_big.gif);width: 147px;height: 182px;background-repeat: no-repeat;background-position: center top;}
#phone { float:right; margin:0px 25px 0px 0px; }
#linksys { float:right; margin:33px 18px 0px 0px; }
#bluebox { background:#ecf3fb url(../gif/blue_box_top.jpg) no-repeat top left; width:420px; margin:10px; padding:27px 0px 0px 0px; }
.bbb { height:17px; background:url(../gif/blue_box_bot.jpg) no-repeat bottom right; }
#bluebox li { padding:0px 10px 10px 10px; margin:0px 0px 0px 35px; }
#bluebox li.a { background:url(../gif/bb_1.jpg) no-repeat top left; }
#bluebox li.b { background:url(../gif/bb_2.jpg) no-repeat top left; }
#bluebox li.c { background:url(../gif/bb_3.jpg) no-repeat top left; }
#bluebox li.d { background:url(../gif/bb_4.jpg) no-repeat top left; }
#bluebox li.x { background:url(../gif/XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX.gif) no-repeat top left; }
#bluebox h2 { margin-left: 20px }
#bluebox h1 { margin-left: 20px }
#bluebox p { margin-left: 20px }
#smallbox { background:#ecf3fb url(../gif/blue_box_top.jpg) no-repeat top left; width:158px; margin:10px; padding:20px 0px 0px 0px; }
.bbb { height:12px; background:url(../gif/blue_box_bot.jpg) no-repeat bottom right; }
#smallbox li { padding:0px 10px 7px 10px; margin: 0px 0px 0px 5px; font-style:italic;}
#smallbox .name { font-size:11px;font-weight:bold; font-style:normal; }
.mini_quote_box { background:url(../gif/quote1.png) no-repeat top left; padding:10px 0px 0px 0px; width:135px; }
.betalning { background:#FAF8EB; width:100px; padding:4px; float:right; margin:0px 0px 0px 20px; }
.betalning_alter { width:175px; padding:4px; float:right; margin:0px 0px 0px 20px; }
.betalning .prices, .betalning_alter .prices { width:99%; }
.betalning { background:#FFFFCC; width:175px; padding:4px; float:right; margin:0px 0px 0px 20px; }
.betalning_alter { width:175px; padding:4px; float:right; margin:0px 0px 0px 20px; }
.betalning .prices, .betalning_alter .prices
{ width:99%; }
.x3col { float: left; margin: 0; border: 0; padding: 0; width: 33%; }
.prices .price_col { height:20px; }
.prices .price_colb { height:20px; border-top:1px solid #333333; font-weight:bold; font-size:13px; }
.betalning .add, .betalning_alter .add
{ text-align:right; padding:10px 2px 16px 10px; }
.betalning2 { background:#FFFFCC; width:175px; padding:4px; float:right; margin:0px 0px 0px 10px; }
.prices2 .price_colb2 { height:20px; border-top:1px solid #333333; font-weight:bold; font-size:13px; }
.products { border-collapse:separate; }
.products .row { height:40px; }
.products .brdr { border-top:1px solid #EEEEEE; }
.products .big { border-bottom:1px solid #000000; }
.products_add { background:#FFFFFF; margin:2px; }
.products_ext { background:#FFFFFF; margin:2px;border-bottom:1px solid #EEEEEE;border-top:1px solid #EEEEEE;border-left:1px solid #EEEEEE;border-right:1px solid #EEEEEE; }
.products_ext img { display:block; margin:0 auto; }
#prodimage { margin: 15px 0px 0px 20px; }
.steps { width:100%; border-collapse:separate; }
.steps .brdr { border-top:1px solid #EEEEEE; }
.steps .big { border-bottom:1px solid #000000; }
.steps_chosen { background:#ecf3fb; margin:2px; }
.steps_wait { background:#FFFFFF; margin:2px; border-left:3px solid #ecf3fb }
.steps_empty { background:#FFFFFF; margin:2px; border-left:3px solid #000000 }
.tipsa { width:100%; border-top:1px solid #c2d8f5; font-size:10px; }
.tipsa_small { width:100px; font-size:10px; }
.manylinks {text-decoration: none; color: #A3B6CF}
.manylinks A { color: #0000FF }
.varukorg_new { text-align:right; background:#FFFFCC; width:610px; padding:4px 4px 4px 4px; float:right; margin:5px 0px 5px 0px; }
.varukorg_new_home { text-align:right; background:#FFFFCC; width:795px; padding:4px 4px 4px 4px; float:right; margin:5px 0px 5px 0px; }
#om-cellip li { padding:0px 5px 5px 15px; margin:0px 0px 0px 7px; }
#om-cellip li.aftonbladet { background:url(/gif/ikoner/aftonbladet-ico.gif) no-repeat top left; }
#om-cellip li.drivaeget { background:url(/gif/ikoner/driva-eget-ico.gif) no-repeat top left; }
#om-cellip li.city { background:url(/gif/ikoner/city-ico.gif) no-repeat top left; }
#om-cellip li.computersweden { background:url(/gif/ikoner/computersweden-ico.gif) no-repeat top left; }
#om-cellip li.di { background:url(/gif/ikoner/di-ico.gif) no-repeat top left; }
#om-cellip li.dn { background:url(/gif/ikoner/dn-ico.gif) no-repeat top left; }
#om-cellip li.duochco { background:url(/gif/ikoner/duochco-ico.gif) no-repeat top left; }
#om-cellip li.e24 { background:url(/gif/ikoner/e24-ico.gif) no-repeat top left; }
#om-cellip li.expressen { background:url(/gif/ikoner/expressen-ico.gif) no-repeat top left; }
#om-cellip li.metro { background:url(/gif/ikoner/metro-ico.gif) no-repeat top left; }
#om-cellip li.norrteljetidning { background:url(/gif/ikoner/norrteljetidning-ico.gif) no-repeat top left; }
#om-cellip li.nyteknik { background:url(/gif/ikoner/nyteknik-ico.gif) no-repeat top left; }
#om-cellip li.pcforalla { background:url(/gif/ikoner/pcforalla-ico.gif) no-repeat top left; }
#om-cellip li.sr { background:url(/gif/ikoner/sr-ico.gif) no-repeat top left; }
#om-cellip li.svd { background:url(/gif/ikoner/svt-ico.gif) no-repeat top left; }
#om-cellip li.svenskjakt { background:url(/gif/ikoner/svenskjakt-ico.gif) no-repeat top left; }
#om-cellip li.svt { background:url(/gif/ikoner/svt-ico.gif) no-repeat top left; }
#om-cellip li.telekomidag { background:url(/gif/ikoner/telekomidag-ico.gif) no-repeat top left; }
#om-cellip li.it24 { background:url(/gif/ikoner/it24-ico.gif) no-repeat top left; }
/* BUTTONS: */
button, input.button {margin-right:10px; padding: 10px;border:1px solid #bfbfbf; border-right-color:#908d8d; border-bottom-color:#908d8d; padding:1px .5em; background:#e1e1e1 url(/gif/btn_bg_default.gif) left center repeat-x; color:#000; font-weight:bold; font-size:2em;}
button:active, input.button:active {border:1px solid #908d8d; border-right-color:#afafaf; border-bottom-color:#afafaf; color:#660000;}
button:hover, input.button:hover {cursor:pointer; color:#660000;}
button.primary, input.button.primary {width:auto; border:1px solid #d5bd98; border-right-color:#935e0d; border-bottom-color:#935e0d; background:#ffa822 url(/gif/btn_bg_submit.gif) left center repeat-x; font-weight:bold; font-size:2em;}
button.primary:active, input.button.primary:active {border:1px solid #935e0d; border-right-color:#d5bd98; border-bottom-color:#d5bd98; color:#660000;}
button[disabled=disabled] {border:1px solid #ccc; background:#eee; color:#b3b3b3;}
button[disabled=disabled]:hover {cursor:default;}
button.disabled, input.button.disabled {border:1px solid #ccc; background:#eee; color:#b3b3b3;}
button.disabled:hover, input.button.disabled:hover {cursor:default;}
button, input.groovybutton{
margin-top:5px;
font-size:16px;
font-family:verdana,sans-serif;
font-weight:bold;
color:#ffffff;
background-color:#F15C46;
border-top-style:groove;
border-top-color:#F57D62;
border-top-width:4px;
border-bottom-style:groove;
border-bottom-color:#7D0B0B;
border-bottom-width:4px;
border-left-style:groove;
border-left-color:#F57D62;
border-left-width:4px;
border-right-style:groove;
border-right-color:#7D0B0B;
border-right-width:4px;
}
button, input.groovybutton:active, input.button:active {border:1px solid #908d8d; border-right-color:#afafaf; border-bottom-color:#afafaf; color:#660000;}
button, input.groovybutton:hover, input.button:hover {cursor:pointer; color:#660000;}
input.groovybuttonsmall{
margin-top:2px;
font-size:10px;
font-family:verdana,sans-serif;
font-weight:bold;
color:#ffffff;
background-color:#F15C46;
border-top-style:groove;
border-top-color:#F57D62;
border-top-width:2px;
border-bottom-style:groove;
border-bottom-color:#7D0B0B;
border-bottom-width:2px;
border-left-style:groove;
border-left-color:#F57D62;
border-left-width:2px;
border-right-style:groove;
border-right-color:#7D0B0B;
border-right-width:2px;
}
input.groovybuttonsmall:active, input.button:active {border:1px solid #908d8d; border-right-color:#afafaf; border-bottom-color:#afafaf; color:#660000;}
input.groovybuttonsmall:hover, input.button:hover {cursor:pointer; color:#660000;}
/* A-BUTTONS: */
a.button {border:1px solid #bfbfbf; border-right-color:#908d8d; border-bottom-color:#908d8d; padding:2px .6em; background:#e1e1e1 url(/gif/btn_bg_default.gif) left center repeat-x; color:#000; font-weight:bold; font-size:2em !important; text-decoration:none;}
a.button:active {border:1px solid #908d8d; border-right-color:#afafaf; border-bottom-color:#afafaf; color:#660000;}
a.button:hover {cursor:pointer;color:#660000;}
a.button.primary {background:#ffa822 url(/gif/btn_bg_submit.gif) left center repeat-x; border:1px solid #d5bd98; border-right-color:#935e0d; border-bottom-color:#935e0d;font-weight:bold; font-size:2em;}
a.button.primary:active {border:1px solid #935e0d; border-right-color:#d5bd98; border-bottom-color:#d5bd98;color:#660000;}