@import url("reset.css");
@import url("basic.css");
@import url("type.css");

.link {
cursor: pointer;
}

/* Rounded */

div.rounded-wrapper {
z-index: 100;
}

div.rounded-top-left,
div.rounded-top-right,
div.rounded-bottom-left,
div.rounded-bottom-right {
position: absolute;
background: no-repeat;
width: 9px;
height: 9px;
overflow: hidden;
}

div.rounded-top-left {
background-image: url(../img/corner-tl.png);
top: 0;
left: 0;
}

div.rounded-top-right {
background-image: url(../img/corner-tr.png);
top: 0;
right: 0;
}

div.rounded-bottom-left {
background-image: url(../img/corner-bl.png);
bottom: 0;
left: 0;
}

div.rounded-bottom-right {
background-image: url(../img/corner-br.png);
bottom: 0;
right: 0;
}

/* Push list */

div.push-list {

}

div.push-list div.push {
float: left;
position: relative;
height: 105px;
padding: 13px 10px 0 125px;
margin: 0 10px 0 0;
background: url(../img/push-bac.gif) no-repeat 100% 0;
}

div.push-list div.push p {
margin: 0 0 0.5em;
}

div.push-list div.push div.rounded-wrapper {
position: absolute;
left: 0;
top: 0;
width: 104px;
height: 118px;
}

div.push-list div.push img {
position: absolute;
display: block;
left: 0;
top: 0;
border-right: 2px solid #fff;
}

/* Module list */

div.module-list {
overflow: hidden;
width: 100%;
padding: 0 20px;
margin: 0 -20px;
}

div.module-list div.module {
background: url(../img/module-shadow.gif) no-repeat 50% 1px;
width: 100%;
padding: 25px 20px;
margin: -20px -20px 0;
}

div.module-list div.module p {
margin: 0 0 0.5em;
}

/* Service list */

div.service-list { }

div.service-list div.service {
position: relative;
padding-left: 120px;
width: 360px;
margin: 0 0 15px;
}

div.service-list div.service img {
position: absolute;
left: 10px;
top: 24px;
}

/* Product list */

div.product-list {
width: 540px;
margin-right: -60px;
padding-bottom: 20px;
}

div.product-list div.product {
position: relative;
float: left;
width: 140px;
height: 140px;
margin: 0 40px 0 0;
}

div.product-list div.product img {
position: absolute;
bottom: 20px;
}

div.product-list div.product h3 {
position: absolute;
bottom: 0;
width: 100%;
padding-top: 50px;
background: url(../img/product-plus.gif) no-repeat -4px 0;
}

div.product-list div.product h3 a {
color: #000;
}

div.product-list div.over h3 a {
text-decoration: underline;
}

div.product-list div.navigator h3 {
background-image: url(../img/product-navigator.gif);
}

div.product-list div.headset h3 {
background-image: url(../img/product-headset.gif);
}

div.product-list div.radio h3 {
background-image: url(../img/product-radio.gif);
}

/* Layout */

body {
background: #fae82c url(../img/bac.gif) repeat-x;
}

div#wrapper {
position: relative;
width: 990px;
margin: 0 auto;
}

div#page {
background: #fff;
padding: 20px;
}

div#copyright {
padding: 10px 20px 50px;
}

div#copyright p {
color: #4d4d4d;
}

div#header h1 {
width: 235px;
height: 44px;
padding: 11px 0 0;
margin: 0 0 20px;
}

div#header h1 a img {
display: block;
}

div#content {
margin: 0 0 10px;
}

div#content-col-1,
div#content-col-2,
div#content-col-3 {
float: left;
display: inline;
}

div.start div#content-col-1 {
width: 685px;
margin: 0 25px 0 0;
}

div.start div#content-col-2,
div.generic div#content-col-2 {
width: 240px;
}

div.generic div#content-col-1 {
width: 480px;
padding: 12px 0 0 205px;
margin: 0 25px 0 0;
}

div.generic div#content-col-3 {
width: 186px;
margin: 0 0 0 -950px;
}

/* Main menu */

ul#navigation {
margin: 0 0 10px;
}

ul#navigation li {
float: left;
margin: 0 1px 0 0;
}

ul#navigation li a {
float: left;
width: 126px;
height: 42px;
padding: 35px 15px 0 45px;
background: #d5d5d5 url(../img/menu.png) no-repeat;
line-height: 1.1;
color: #fff;
}

ul#navigation li.sel a,
ul#navigation li a:hover {
background-position: 0 -77px;
text-decoration: none;
}

ul#navigation li span {
position: absolute;
display: block;
top: -999px;
left: -999px;
width: 0px;
height: 0px;
overflow: hidden;
}

ul#navigation li#m-fast-telefoni a {
background-position: -187px 0;
width: 138px;
}

ul#navigation li.sel#m-fast-telefoni a,
ul#navigation li#m-fast-telefoni a:hover {
background-position: -187px -77px;
}

ul#navigation li#m-data-och-bredband a {
background-position: -386px 0;
padding-left: 66px;
/*padding-top: 41px;
height: 36px;*/
width: 116px;
}

ul#navigation li.sel#m-data-och-bredband a,
ul#navigation li#m-data-och-bredband a:hover {
background-position: -386px -77px;
}

ul#navigation li#m-komradio a {
background-position: -584px 0;
padding-left: 52px;
width: 105px;
}

ul#navigation li.sel#m-komradio a,
ul#navigation li#m-komradio a:hover {
background-position: -584px -77px;
}

ul#navigation li#m-yrkestrafik a {
background-position: -757px 0;
padding-left: 66px;
width: 111px;
}

ul#navigation li.sel#m-yrkestrafik a,
ul#navigation li#m-yrkestrafik a:hover {
background-position: -757px -77px;
}

/* Top menu */

ul#navigation-extra {
position: absolute;
top: 18px;
right: 10px;
overflow: hidden;
}

ul#navigation-extra li {
float: left;
display: inline;
margin: 0 0 0 -1px;
padding: 0 10px;
border-left: 1px solid #b8b8b8;
text-transform: uppercase;
line-height: 12px;
}

ul#navigation-extra li a {
color: #000;
}

ul#navigation-extra li#m-hem a {
display: block;
width: 18px;
height: 12px;
background: url(../img/icon-home.gif) no-repeat;
text-indent: -999em;
overflow: hidden;
}

/* Sub menu */

div#navigation-sub {
background: #ebebeb url(../img/sub-nav-top.gif) no-repeat;
}

div#navigation-sub ul {
margin: 0;
padding: 15px;
list-style: none;
font-weight: bold;
line-height: 1.3;
background: url(../img/sub-nav-bottom.gif) no-repeat 0 100%;
}

div#navigation-sub ul li {
margin: 0 0 10px;
}

div#navigation-sub ul li a {
color: #000;
padding-left: 9px;
display: block;
}

div#navigation-sub ul li a:hover {
color: #ed174f;
}

div#navigation-sub ul li.sel a {
color: #ed174f;
background: url(../img/arrow-pink.gif) no-repeat 0 2px;
}

/* Search */

div#search {
position: absolute;
top: 46px;
right: 20px;
}

input#search-field {
float: left;
width: 169px;
height: 13px;
padding: 5px 4px;
margin: 0 4px 0 0;
background: url(../img/search-field.gif) no-repeat;
border: none;
}

button#search-submit {
float: left;
width: 42px;
height: 23px;
padding: 0;
margin: 0;
border: none;
cursor: pointer;
background: url(../img/search-button.gif) no-repeat;
}

button#search-submit span {
display: block;
text-indent: -999em;
overflow: hidden;
}

/* Footer */

div#footer {
background: #f3f3f3 url(../img/footer-bac.gif) no-repeat 0 100%;
padding: 18px 0;
overflow: hidden;
}

div#footer div.section {
float: left;
display: inline;
min-height: 11em;
padding: 0 25px;
margin: 0 0 0 -1px;
background: url(../img/footer-dots.gif) repeat-y;
}

div#footer ul a {
color: #808080;
}

div#footer ul a:hover {
color: #000;
}

div.columns-wrapper ul {
float: left;
}

div#f-smarta-tjanster {
width: 240px;
}

div#f-smarta-tjanster div.columns-wrapper ul.column-1 {
width: 135px;
}

div#f-smarta-tjanster div.columns-wrapper ul.column-2 {
width: 105px;
}

div#f-hitta-din-butik {
width: 275px;
}

div#f-for-kunder {
width: 100px;
}

div#f-hitta-din-butik div.columns-wrapper ul.column-1 {
width: 70px;
}

div#f-hitta-din-butik div.columns-wrapper ul.column-2 {
width: 100px;
}

div#f-hitta-din-butik div.columns-wrapper ul.column-3 {
width: 105px;
}

div#f-kontakt {
width: 120px;
}

div#f-kontakt big {
font-size: 1.6em;
font-weight: bold;
line-height: 1;
color: #ed174f;
}

/* Start page */

div#start-intro {
margin: 0 0 10px;
}

div#start-intro img {
display: block;
}

div.start div.push-list {
}

div.start div.push-list div#push-1 {
width: 235px;
}

div.start div.push-list div#push-2 {
width: 170px;
margin: 0;
}

/* Maps */

div#maps {
width: 480px;
height: 350px;
}

/* Fredrik */
ul#navigation li#m-datorer-och-internet a {
background-position: -386px 0;
padding-left: 60px;
padding-top: 41px;
height: 36px;
width: 116px;
}

ul#navigation li.sel#m-datorer-och-internet a,
ul#navigation li#m-datorer-och-internet a:hover {
background-position: -386px -77px;
}

div.product-list div.navigatorer h3 {
background-image: url(../img/product-navigator.gif);
}

div.product-list div.komradio h3 {
background-image: url(../img/product-radio.gif);
}

ul#navigation-extra li.sel
{
    text-decoration: underline;
}

/* Contact form */
div.row {
margin-top: 8px;
}

div.row input.textinput {
width: 200px;
}