* {
    font-size:1em;
    font-family:Arial, Helvetica, sans-serif;
    line-height:1.4em;
    color:inherit;
    margin:0;
    background-repeat:no-repeat;
    background-position:top left;
    
}
body {
    font-size:62.5%;
    color:#000;
    padding:0;
}
sup
{
    font-size:8px;
}

.input-text 
{
    background-image: url(/system_images/inputtxtbox.gif);
    background-repeat: no-repeat;
    width: 117px;
    height: 22px;
    padding:2px 1px 1px 1px;
    float:left;
    
    
}
.input-text input, 
.txt-box-sms-number-container input, 
.text-area-sms-container textarea, 
.txt-box-mms-number-container input, 
.txt-box-mms-subject-container input, 
.text-area-mms-container textarea
{
    border:none;
    border-style:none;
    border:0px;
    
}

.input-text input
{
    width:114px;
    font-size:15px;
    
}
.txt-box-sms-number-container
{
    height:18px;
    width:176px;
    padding:5px 1px 1px 1px;
    background-image: url(/system_images/txt-box-sms.gif);
    background-repeat:no-repeat;
    float:left;
}
.txt-box-mms-number-container
{
    height:19px; /* 25 */
    width:133px;
    padding:5px 1px 1px 1px ;
    background-image: url(/system_images/txt-box-mms.gif);
    background-repeat:no-repeat;
    float:left;
}

.txt-box-mms-subject-container input
{
    width:208px;
    font-size:11px;
}
.txt-box-mms-subject-container
{
    height:19px; /* 25 */
    width:218px;
    padding:5px 1px 1px 1px ;
    background-image: url(/system_images/txt-box-mms-subject.gif);
    background-repeat:no-repeat;
    float:left;
    margin-top:8px;
}

.default-text {
    color:#AAAAAA;
}
.error-field-sms {
    border:1px solid red;
}

.txt-box-sms-number-container input
{
    width:177px;
    font-size:13px;
}

.text-area-sms-container
{
    background-image: url(/system_images/txt-area-sms.gif);
    background-repeat:no-repeat;
    width:353px;
    height:80px;
    float:left;
    padding:5px 1px 1px 3px;
    margin-top:9px;
}

.text-area-mms-container
{
    background-image:url(/system_images/txt-area-mms.gif);
    background-repeat:no-repeat;
    width:218px; /* 220 */
    height:50px; /* 80 */
    padding:5px 1px 1px 3px;
    float:left;
    margin-top:8px;
    margin-bottom:1px;
}

h1,h3,h4,h5,h6
{
    
}
h3
{
    padding-top:10px; 
}
h1,h2,h3,h4 {
    line-height:1.1em;
    
}
p,ul,ol{
    padding:0 0 1.2em 0;
}

h1,h2,h3,h4
{
    color:#5F5F5F;
}
h3
{
    font-size:13px;
    font-weight:bold;    
}
h2
{
    font-size:18px;
    font-weight:bold;
    margin-bottom:5px;
    padding:0px;
}
.notice
{
    width:330px;
}
.notice h2
{
    font-size:18px;
    font-weight:bold;
    margin-bottom:5px;
    padding:0px;
}
.detailed-info h2 
{
    font-size:11px;
    font-weight:bold;
}
h4
{
    font-size:11px;
    font-weight:bold;
}
h5 {
    font-size: 30px;
    color: #000000;
}
h6 {
    font-size: 20px;
    color: #000000;
}
h7 {
    font-size: 25px;
    color: #ffffff;
}
p,ul,ol{
    padding-bottom:0.8em;
}
ul,ol {
    padding-left:0.5em;
}
ul {
    list-style:outside disc;
}
ol {
    list-style:outside decimal;
}
img
{
    border:0;
    margin:0;
    padding:0;
}
.menu,.menu li{
    list-style:none;
    padding:0;
}
form{
    display:inline;
}

object,input,select,button,textarea{outline:none;}
textarea,html{overflow-y:scroll;overflow-x:auto;}
img,fieldset{border:0;padding:0em;}

a {
    color: #000;
    color:#F19E2E;
    font-size:13px;
    
}
.linkList a 
{
    color:#F19E2E;
    font-family:Arial;
    font-weight:bold;
    font-size:13px;
    text-decoration:none;
    
}


/* SI ADDED */
.float-left 
{
    float:left;
}
.float-right 
{
    float:right;
}
/* SI ADDED - BLOCK END */


/*    MAIN    */
html, body {
/*    height: 101%;    */
    height: 100%; /* SI ADDED */
}

#main-container {
    width: 100%;
    text-align: center;
    background: #fff url(/system_images/background-bottom.png) left bottom repeat-x;    
}
#main-content-startpage {
    text-align: left;
    display:block; /* SI ADDED */
    margin-top:-10px; /* SI ADDED */
}



/*    END MAIN */
/*    HEADER + TOP MENU    */
#header-container {
    background: #fff url(/system_images/background-top.png) left bottom repeat-x;    
/*    height: 131px;    */
    height: 98px; /* SI ADDED */
}
#header {
/*    width: 670px;    */
    width:850px; /* SI ADDED */
    height: 98px;
    margin: 0 auto;
}
#login, #logout {
    float: left;
    width: 100%;
/*    height: 40px;    */
    height: 22px; /* SI ADDED */
}
#login a {
    float: right;
    width: 80px;
    margin-right: 5px; /* SI ADDED */
/*    height: 40px;    */
    height: 22px; /* SI ADDED */
    margin-right: 30px; /* SI ADDED */
    text-indent: -999em;
    background: #fff url(/system_images/login.png) left top no-repeat;    
}
#logout a {
    float: right;
    width: 80px;
    margin-right: 5px; /* SI ADDED */
/*    height: 40px;    */
    height: 22px; /* SI ADDED */
    text-indent: -999em;
    background: #fff url(/system_images/logout.png) left top no-repeat;    
}    
#login a:hover, #logout a:hover {
    background-position: left -40px;
}
#top-menu {
    float: left;
    width: 100%; /* SI ADDED */
/*    margin-top: 15px;    */
    margin-top: auto; /* SI ADDED */
/*    height: 76px;    */
    height: 66px; /* SI ADDED */
    overflow: hidden;
}
#top-menu li{
    float: left;
}    
#top-menu li.tabb a{
    display: block;
    width: 85px;
/*    height: 76px;    */
    height: 66px; /* SI ADDED */
    margin: 0 14px; /* SI ADDED */
    text-indent: -999em;
    background: #fff url(/system_images/top-menu-new.png)    left top no-repeat;
}
#top-menu li#kontantkort a { background-position: left top; }
#top-menu li#kontantsurf a { background-position: -85px top; }
/* #top-menu li#tjanster a { background-position: -172px top; } */
#top-menu li#appstore a { background-position: -172px top; }
#top-menu li#tanka a { background-position: -258px top; }
#top-menu li#kundservice a { background-position: -344px top; }
#top-menu li#mittkonto a { background-position: -430px top; }
#top-menu li#kontantkort a:hover, .top-menu li#kontantkort .selected a { background-position: left -76px; }
#top-menu li#kontantsurf a:hover, .top-menu li#kontantsurf .selected a { background-position: -85px -76px; }
/* #top-menu li#tjanster a:hover, .top-menu li#tjanster .selected a { background-position: -172px -76px; } */
#top-menu li#appstore a:hover, .top-menu li#appstore .selected a { background-position: -172px -76px; }
#top-menu li#tanka a:hover, .top-menu li#tanka .selected a { background-position: -258px -76px; }
#top-menu li#kundservice a:hover, .top-menu li#kundservice .selected a { background-position: -344px -76px; }
#top-menu li#mittkonto a:hover, .top-menu li#mittkonto .selected a { background-position: -430px -76px; }
#top-menu #logo {
    float: left;
    width: 160px;
}
/*    END HEADER + TOP MENU    *

/*    STARTPAGE */

.first-row {
    height: auto;
    margin: 0 auto;
    width: 950px;
    padding-left: 0px;
}
.second-row {
    height: 180px;
    margin: 10px auto 0;
    width: 950px;
}
.third-row {
    margin: 10px auto 30px;
    width: 730px;
}
#bottom-menu
{
    list-style-type:none;
    list-style:none;
}
#bottom-menu .knapp {
        text-align:center;
        width:127px;
        height:46px;
        margin-right:10px;
        margin-left:5px;
        float:left;
        
        
}
#bottom-menu .knapp a{
    display: block;
    width: 124px;
    height: 31px;
    padding-top:15px;
    padding-left:2px;
    background: #fff;
    background-image:url(/system_images/buttonlist.gif);
    background-repeat:no-repeat;
    display:inline;
    float:left;
    color:#636363;
    font-size:11px;
    font-weight:bold;
    font-style:italic;
    text-decoration: none;
}

/*    END START PAGE */


/* MIDDLE PAGE */
#main-content-middlepage {
    text-align: left;
    width: 950px;
    margin: -17px auto 0;
    padding-left: 0px;
    
}
#main-content-middlepage #first-row 
{
    margin-top: 0px;
    
}
#main-content-middlepage #second-row {
    
    width:880px;
    margin:0px auto 0;
}
#main-content-middlepage #second-row #first-column
{
    float:left;    
}
#main-content-middlepage #second-row #second-column
{
    width:660px;
    float:left;
    margin: 0px 0px 0px 40px;
    
        
}
#main-content-middlepage #first-row .top-banner {
    width: 950px;
    position:relative;
   /* height: 360px; */
   /* background-image: url(../system_images/topbanner_middlepage.jpg); example banner */
}
#main-content-middlepage #first-row #top-banner-menu
{
    float:right;
    width:300px;
    height:26px;
    margin-top:-34px;
    margin-right:50px;
}
#mina-tjanster-page
{
    display:none;
}
#mina-ordrar-page
{
    display:none;
}
#top-banner-menu #mina-ordrar
{
    background-image: url(/system_images/mitt-konto-order-unactive.png);
    width:76px;
    height:26px;
    float:right;
    cursor:pointer;
    
}
#top-banner-menu #mina-tjanster
{
    background-image: url(/system_images/mitt-konto-minatj-unactive.png);
    width:76px;
    height:26px;
    float:right;
    cursor:pointer;
    
}
#top-banner-menu #mitt-kort
{
    background-image: url(/system_images/mitt-konto-unactive.png);
    width:63px;
    height:26px;
    float:right;
    cursor:pointer;
}
.mitt-kort-sel
{
    background-image: url(/system_images/mitt-konto-mitt-kort.png) !important;
}
.mina-tjanster-sel
{
    background-image: url(/system_images/mitt-konto-minatj.png) !important;
}
.mina-ordrar-sel
{
    background-image: url(/system_images/mitt-konto-order.png) !important;
}

#main-content-middlepage #second-row #second-column #first-row-cards
{
    width:660px;
}
#main-content-middlepage #second-row #second-column #second-row-cards
{
    width:660px;
}
.linkList
{    
    list-style-type:none;
    margin:0px;
    padding:0px 0px 27px 0px;    
}
.linkList li
{
    background:url(/system_images/arrow.gif) no-repeat;
    background-position: 0px 4px;
    padding-top:0px;
    padding-left:25px;
    padding-bottom:0px;
    margin-bottom: -1px;   
}
/* added !!! */
#third-column-subpage .linkList
{
    padding-bottom:20px;
}
#third-column-subpage .linkList li
{
    background:url(/system_images/arr2.gif) no-repeat;
    background-position: 0px 4px;
    padding-top:0px;
    padding-left:25px;
    padding-bottom:0px;
    margin-bottom: 4px;
    
    
}
/* END MIDDLE PAGE */

/* SUB PAGE */
#main-content-middlepage #second-row #second-column-subpage
{
    width: 400px;
    float: left;
    margin: 0px 0px 0px 40px;
    
}

#main-content-middlepage #second-row #third-column-subpage
{
    float:left;
    margin-left:40px;
    width:205px;
     
    
}

/* END SUB PAGE */


/* MITT KONTO */

.top-banner-mittkonto
{
    background:url(/system_images/mitt-konto-top-background.png) no-repeat;
    width:950px;
}
.top-banner-mittkonto-page
{
    padding-left:100px;
    padding-top:40px;
    color:White;
     height:320px;
    width:850px;
}
.top-banner-mittkonto-page1
{
    height:233px;
    width:300px;
    float:left;
    text-align:center;
}
.top-banner-mittkonto-page1a
{
 
    height:233px;
    width:500px;
    float:right;
    margin-top:40px;
}
.top-banner-mittkonto-page2
{
    height:233px;
    width:160px;
    float:left;
}
.top-banner-mittkonto-page3
{
    height:233px;
    width:320px;
    float:left;
}
.top-banner-mittkonto-text1
{
    color:#FFF; font-size:12px;
    font-style:italic;
    font-weight:bold;
}
.top-banner-mittkonto-text2
{
    color:#FFF; font-size:22px;
    font-weight:bold;
    font-style:italic;
}
.row-puffs
{
    margin-left:15px;
    padding-top:10px;
}
.puff-container
{
    height:233px;
    float:left;
}
.tab-sms-visible
{
    background-image: url(/system_images/tab-visible-sms.gif);
    background-repeat:no-repeat;
    height:23px;
    width:95px;
    float:left;
    cursor:pointer;
}
.tab-sms-hidden
{
    background-image: url(/system_images/tab-hidden-sms.gif);
    background-repeat:no-repeat;
    height:23px;
    width:95px;
    float:left;
    cursor:pointer;
}
.tab-mms-visible
{
    background-image: url(/system_images/tab-visible-mms.gif);
    background-repeat:no-repeat;
    height:23px;
    width:91px;
    float:left;
}
.tab-mms-hidden
{
    background-image: url(/system_images/tab-hidden-mms.gif);
    background-repeat:no-repeat;
    height:23px;
    width:91px;
    float:left;
    cursor:pointer;
}
#sms-container
{
    width:430px;
    background-image: url(/system_images/sms-mms-background.jpg);
    background-repeat:no-repeat;
    margin-top:-10px;
    height:233px;
    float:left;
}
#sms-box
{
    float:left;
}
.hidden-box
{
    height:0px; visibility:hidden; padding:0px;
    
}
.visible-box
{
    width:357px;
    padding: 28px 32px 17px 31px;
    height:155px;
    visibility:visible;
}
#mms-box
{
    
    float:left;
    
}

#profile
{
    background-image: url(/system_images/mittkonto-profile-backgroun.jpg);
    background-repeat:no-repeat;
    width:215px;
}
#bigpuff
{
    background-image: url(/system_images/mittkonto-offer.jpg);
    background-repeat:no-repeat;
    width:430px;
}
#puff2
{
    background-image: url(/system_images/mittkonto-puff2-background.jpg);
    background-repeat:no-repeat;
    width:215px;
}


#puff1,#puff3
{
    width:215px;
}
#upload-btn
{
    background:url("/system_images/button-image-upload.gif") no-repeat scroll 0 0 transparent;
    cursor:pointer;
    display:block;
    float:left;
    height:127px;
    margin:-4px 10px -4px -4px;
    overflow:hidden;
    position:relative;
    width:127px;
}
.button-numlist
{
    float:left; margin-left:6px;
}
.button-sms-history
{
    float:left; margin-left:7px;
}
.messages-left-status{color:#FFFFFF;
float:left;
font-family:Tahoma;
font-size:10px;
font-style:italic;
font-weight:bold;
margin-top:11px;
width:250px;}.button-send
{
    float: left;
}
#chars-left
{
    float:left; width:25px;
}
#text-char-info
{
    float:left; width:92px;
}

#text-message-info {
float:left;
margin-right:5px;
width:134px;
}
#text-messages-left  {
float:left;
width:15px;
}
.top-banner-mittkonto-page1a
{
 
    height:233px;
    width:500px;
    float:right;
    margin-top:20px;
}
.top-banner-mittkonto-divLine
{
    width: 401px;
    margin-bottom: 20px;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
}
.top-banner-mittkonto-divLine .mina-tjanster-rubrik-telefonsvarare
{
    margin-bottom: 5px;
    background: url(/system_images/mina-tjanster-telefonsvarare.png) 0 0 no-repeat;
    height: 13px;
    width: 78px;   
}
.top-banner-mittkonto-divLine .mina-tjanster-rubrik-doltnummer
{
    margin-bottom: 5px;
    background: url(/system_images/mina-tjanster-doltnummer.png) 0 0 no-repeat;
    height: 10px;
    width: 69px;   
}
.top-banner-mittkonto-divLine p
{
    font-family: Arial, Sans-Serif;
    line-height: 16px;
    font-size: 12px;
    color: #fff;
}
.top-banner-mittkonto-divLineBottom .mina-tjanster-sparaKnapp a
{
    display: block;
    background: url(/system_images/mina-tjanster-sparaKnapp.png) 0 0 no-repeat;
    width: 96px;
    height: 24px;
}
.top-banner-mittkonto-divLineBottom
{
    margin-top: 5px;
}
.top-banner-mittkonto-divLineBottom a
{
    float: right;
}
span.radio-text
{
    margin-left: 5px;
    margin-right: 5px;
}
.top-banner-mittkonto-divLineBottom .radio-button-div
{
    float: left;
    width: 300px;
}
.pngmatare
{
 width: 216px;
 height: 152px;
 background: url(/system_images/mitt-konto-matare.png) 0 0 no-repeat;  
 margin: 0 auto; 
}
.mina-tjanster-tanka-knapp a
{
 display: block;
 width: 101px;
 height: 29px;
 background: url(/system_images/mitt-konto-tanka-knapp.png) 0 0 no-repeat;
 margin: 0 auto; 
}

.list-remove
{
    width:80px; text-align:center;
    background-color:#595959;
    font-size:14px;
    font-weight:bold;
    color:White;
}
.list-number
{
    width:120px;
    background-color:#595959;
    font-size:14px;
    font-weight:bold;
    color:White;
}

.list-name
{
    width:100px;
    background-color:#595959;
    font-size:14px;
    font-weight:bold;
    color:White;
    padding-left:3px;
}

.list-date
{
    width:100px;
    background-color:#595959;
    font-size:14px;
    font-weight:bold;
    color:White;
    padding-left:3px;
}
.list-message
{
    width:100px;
    background-color:#595959;
    font-size:14px;
    font-weight:bold;
    color:White;
}
.list-date-item
{
    width:120px;
    padding-left:3px;
}
.list-remove-item {
float:left;
text-align:center;
width:80px;
}
.list-number-item {
cursor:pointer;
float:left;
height:22px;
padding-left:0;
padding-top:4px;
width:139px;
}
.list-number-item:hover
{
    text-decoration:underline;
}
.list-hist-number-item
{
    width:110px;
}

.list-name-item {
float:left;
height:22px;
padding-left:3px;
padding-top:4px;
width:109px;
}

.number-text-box
{
    font-size:14px;
    height:18px;
    width:130px;
}
#mms-numberlist
{
    display:none;
}
#numberlist-container
{
    display:none;    
}
#sms-history-container
{
    display:none;
}
#sms-box
{
    float:left;
}
#mms-success
{
    float:left;
    width:357px;
    padding: 28px 32px 17px 31px;
    height:155px;
    display:none;
}
#sms-success
{
    float:left;
    width:357px;
    padding: 28px 32px 17px 31px;
    height:155px;
    display:none;
}
.number-list-row-even,
.number-list-row-odd
{
    min-height:24px;
}
.number-list-row-even:hover,
.number-list-row-odd:hover
{
    background:white;    
}
.number-list-row-even
{
    background-color:#d9d9d9;
}

.number-list-row-odd
{
    background-color:#ebebeb;
}
.hidden-box
{
    height:0px; visibility:hidden; padding:0px;
    display:none;
    
}
.visible-box
{
    width:357px;
    padding: 28px 32px 17px 31px;
    height:155px;
    visibility:visible;
}
#mms-box
{
    
    float:left;
    
}


#profile
{
    background-image: url(../system_images/mittkonto-profile-backgroun.jpg);
    background-repeat:no-repeat;
    width:215px;
}
#bigpuff
{
    background-image: url(../system_images/mittkonto-offer.jpg);
    background-repeat:no-repeat;
    width:430px;
}
#puff2
{
    background-image: url(../system_images/mittkonto-puff2-background.jpg);
    background-repeat:no-repeat;
    width:215px;
}
#puff1,#puff3
{
    width:215px;
}
#upload
{
    float:left; 
    margin-top:-4px; 
    margin-right:10px; 
    margin-bottom: -4px; 
    margin-left:-4px;
}
.button-numlist
{
    float:left; margin-left:6px;
    cursor:pointer;
}
.button-sms-history
{
    float:left; margin-left:7px;
    cursor:pointer;
}
.messages-left-status{color:#FFFFFF;
float:left;
font-family:Tahoma;
font-size:10px;
font-style:italic;
font-weight:bold;
margin-top:11px;
width:250px;}

.button-send
{
    margin-top: 8px; 
    margin-left:6px; 
    float: left;
}
#chars-left
{
    float:left; width:25px;
}
#text-char-info {
float:left;
width:71px;
}


#sms-chars-left  {
float:left;
}


#text-messages-left
{
    float:left; width:15px;
}

/* END MITT KONTO */


/*     BOXES */
.box {
    float:left;
    margin-right: 0px;
}
.box-right {
    margin: 0;
}
.box-160x250 {
    width:     160px;
    height: 250px;
}
.box-160x250 h2 {
    font-size: 1.3em;
    padding: 0;
}
.box-160x250 .promo-content {
    width: 160px;
    height: 180px;
}
.box-205x180 {
    width:205px;
    height:180px;
}
.box-205x180 .promo-content {
    width:205px;
    height:180px;
}
.box-265x180 {
    width:265px;
    height:180px;
}
.box-265x180 .promo-content {
    width: 265px;
    height:180px;
}
.box.margin-right {
    margin-right:10px;
}

.box-160x250 p {
    color: #737373;    
    font-size: 1em;
    padding: 0;
}
.box-210x250 {
    width:     210px;
    height: 250px;
}
.box-210x250 h2 {
    margin: 0 0 0 50px;
    font-size: 1.3em;
    padding: 0;
}
.box-210x250.box-right h2 {
    margin: 0 50px 0 0;
}
.box-210x250 .promo-content {
    width: 210px;
    height: 180px;
}
.box-210x250 p {
    font-size: 1em;
    color: #737373;    
    margin: 0 0 0 50px;
    padding: 0;
}
.box-210x250.box-right p {
    margin: 0 50px 0 0;
}
.box-220x124
{
    
    width:220px;
    height:124px;
}
.box-220x126
{
    
    width: 220px;
    height: 126px;
}
.box-desc-w220
{
    float:left;
    width:220px;
}
.box-w205
{
    width:205px;
    
}
.box-w205 .shadow
{
    background-image:url(/system_images/boxshadow.gif);
    background-position:bottom;    
    background-repeat:no-repeat;
    height:20px;    
}
.descBox
{
    float:left;
}
.cardDescText
{
    width:210px;
}
#settings
{
    background-image:url(/system_images/puff-settings-back.jpg);
    background-position:bottom left; 
    background-repeat:no-repeat;
    width:179px;
    padding:16px 0px 0px 26px;
    font-size:13px;
    font-weight:bold;
    position:relative;
    top:0px;
}
/*    LEFT MENU */
#left-menu {
    width: 165px;
    margin: 0px 0px 0px 15px;
}
#left-menu #left-menu-shadow
{
    background-image:url(/system_images/leftmenuBot.jpg);
    background-repeat:no-repeat;
    height:12px;
    width:165px;
}
#left-menu .level-1 {
    padding: 0px;
}
#left-menu li {
    height: 26px;
    background: url(/system_images/leftmenu-gradient.gif) repeat-x;
}

#left-menu .left-menu-top-selected
{
    background:none;
    background-color:#F6A236;
}
#left-menu .left-menu-top-selected a
{
    color: #ffffff;
    padding: 4px 0px 0px 0px;
    margin-left:10px;
}
#left-menu .left-menu-top a
{
    color: #000000;
    padding: 4px 0px 0px 0px;
    margin-left:10px;
}
#left-menu .left-menu-item
{
    margin-bottom:0px;
}
#left-menu .left-menu-item a
{
    color:#000;
    padding: 4px 0px 0px 0px;
    margin-left:20px;
}
#left-menu li a {
    padding: 4px 0px 0px 0px;
    font-size:12px;
    display: block;
    height: 22px;
    text-decoration:none;
    font-weight:bold;
}
#left-menu li a:hover
{
}
#left-menu li.left-menu-item-selected ul.left-menu-level-2
{
    background:none;
    list-style-type:none;
    padding-bottom:2px;
}
#left-menu li.left-menu-item-selected ul.left-menu-level-2 li
{
    background:none;
}
#left-menu li.left-menu-item-selected ul.left-menu-level-2 li a
{
    background:none;
    margin-left:10px;
    color:#000000;
}
#left-menu .left-menu-item-selected
{
    background:none;
    background-color:#F6A236;
    height:auto;
    padding-left:20px;
}
#left-menu .left-menu-item-selected a, #left-menu li.left-menu-item-selected ul.left-menu-level-2 li.left-menu-level-2-selected a
{
    color: #ffffff;
}
/* END LEFT MENU */


/* FOOTER */
#footer-container {
    height: 18px;
    padding-top: 60px;
}
#footer {
    width: 670px;
    /* width: 850px; */
    height: 18px;
    margin: 0 auto;
}
#footer-menu {
    margin: 0 auto;
}
#footer-menu li {
    display: inline;
    height: 18px;
    padding: 0 2px;
    background: transparent url(/system_images/footer-divider.png) right 5px no-repeat;
}
#footer-menu li.right {
    background: 0;
}
#footer-menu li a {
    color: #c8c8c8;
    padding: 2px 20px;
    line-height: 1.8em;
    text-decoration: none;
    font-size: 0.9em;
}
#footer-menu li a:hover {
    color: #7f5a2a;
    border-bottom: 2px solid #f7b051;
}
/* END FOOTER */

/*    CLEARFIX */
.clearfix:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: "\0020";
}
.clearfix { 
    display: block; 
}

/*    BUTTONS */
a.button-bestall {
    display: block;
    width: 162px;
    height: 82px;
    text-indent: -999em;
    margin-bottom: 4px;
    background: #fff url(/system_images/button-bestall-startpaket.png) left top no-repeat;
}
a.button:hover {
    background-position: left -85px;
}
/*    END BUTTONS */
/*    PRODUCT PAGE */
#second-column .headline {
    width: 330px; 
    padding-right: 170px;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 0.8em;
}
#second-column .headline h2 {
    font-size: 1.7em;
    color: #f7b051;
    padding-bottom: 0.4em;
}
#second-column .content {
    width: 330px;
    margin-right: 8px;
    float: left;
}
#second-column .generic {
    margin-top: 10px;
}
#second-column .generic .content {
    width: 500px;
    margin: 0 0 50px 0;
    float: left;
}
#second-column .content h3 {
    font-size: 1.4em;
    color: #f7b051;
    padding-bottom: 0.7em;
}
#second-column .content h3.prices {
    margin-bottom: 1.4em;
    padding-bottom: 0.2em;
    border-bottom: 1px solid #e6e6e6;
}
#second-column .content p, #second-column-middlepage .content p, #second-column-subpage .content p, .cardDescText p{
    font-size: 13px;
    color: #5F5F5F;
    padding-bottom:20px;
}
.cardDescText p
{
    padding-bottom:3px;
}
#second-column-subpage .detailed-info
{
    margin-top:24px;
}
#second-column-subpage .detailed-info p
{
    font-size:11px;
    padding-bottom:20px;
}
#second-column-subpage .content .price-list, #second-column-subpage .content .price-list-info {
    width: 100%;
    color: #737373;    
    border-collapse:collapse;
    margin-bottom: 1.1em;
}
#second-column-subpage .content .price-list {
    font-size: 1.1em;
}
#second-column-subpage .content .price-list-info {
    font-size: 0.9em;
}
#second-column-subpage .content .price-list .price-list-odd {
    background-color: #f2f2f2;    
}
#second-column-subpage .content .price-list td {
    font-size: 1.1em;
    padding: 2px 0 2px 5px;
}
#second-column .content p a{
    color: #f7b051;
    text-decoration: underline;
}
#second-column .content p a:hover {
    color: #f19e2e;
}
#second-column .promos {
    width: 162px;
    float: left;
}
    
/*    END PRODUCT PAGE */

/*    LOGINBOX SPECIFIC */
#TB_window #loginbox a{
    color:#f9b954;
}
#loginbox{
    color:#a1a1a1;
    width:340px;
    margin:80px auto 0;
}
#loginbox h2{
    color:#f7b152;
    font-size:14px;
}
#loginbox h3{
    color:#fff;
    font-size:14px;
    font-style:italic;
}
#loginbox .list{
    margin-left:5px;
}
#loginbox .list li{
    font-size:12px;
}
#loginbox .message{
    font-style:italic;
    margin-bottom:15px;
}
#loginbox a strong{
    font-weight:normal;
    text-decoration:underline;
}
#loginbox .field{
    width:310px;
}
#loginbox .year-field{
    width:80px;
}
#loginbox .date-field{
    width:40px;
}
#loginbox .headline,
.form{ 
    padding: 0px 0 10px 0; 
    margin: 0 0 10px 0;  
    border-bottom: 1px solid #616161;
}
#loginbox .headline{
    font-family: arial black, arial, sans-serif; 
    color: #f5f5f5; 
    font-size: 1.8em;     
}
#loginbox.logged-in{
    background-image:url( /system_images/logged-in-bg.gif );
    width:100%;
    height:455px;
    margin:0;
}
#loginbox.logged-in .headline{
    padding:150px 0 10px 0;
    text-align:center;
    width:340px;
    margin:0 auto;
    padding-top:330px;
}
div.registered-in{
    background-image:url( /system_images/registered-bg.gif );
    width:100% !important;
    height:455px;
    margin:0!important;    
    background-position:right top;
    
}
div.registered-in .wrapper{
    margin:0 auto !important;
    width:345px !important;
}
div.registered-in .headline{
    padding-top:80px !important;
}
#loginbox .box{
    margin:0;
    background-color:#404040;
    width:341px;
    background-image:url( /system_images/lb-box-bg-top.gif );
}
#loginbox .box img{
    vertical-align:bottom;
}
#loginbox .box ul{
    margin-left:20px;
}
#loginbox .box h3{
    padding:0;
    margin:15px;
}

#headelinText{
    margin:0 0 -7px 10px;
}
#center-resize{
    width:145px;
    margin:10px auto;
}

.clear-float{
    display:block;
    clear:both;
}

#loading-animation { 
    width: 100%;
    position:
    absolute;
    top: 300px;
    display: none;
    z-index:999;
}
#loading-animation p {
    background-image: url('/system_images/loadingAnimation.gif');
    width: 208px;
    height: 13px;
    margin: 0px auto;
}
/*    END LOGINBOX SPECIFIC */
/*    RESIZE BUTTON    */
.resize{
    float:left;
    padding:0 0 0 15px;
    background-image:url( /system_images/resize-bg-black.gif );
    background-position:left -112px;
    background-repeat:no-repeat;
    margin:5px 2px;
}
.inverted-resize{
    float:right;
}
.resize span{
    float:left;
    padding:0 15px 0 0;
    background-image:url( /system_images/resize-bg-black.gif );
    background-repeat:no-repeat;
    background-position:right -142px;
    overflow:hidden;
    height:30px;
    line-height:30px;
}
.static-resize,
.static-resize span{
    float:none;
    display:block;    
}
a.resize{
    text-decoration:none;
    cursor:pointer;
    color:#fff !important;
    font-weight:bold;
}
a.resize span{
    text-align:center;
}
span.resize{
    background-position:left -0px;
    padding:0 0 0 10px;
}
span.resize span{
    background-position:right -28px;
    height:28px;
    line-height:28px;    
    padding:0 10px 0 0;
    overflow:hidden;
}
.resize input{
    background:none;
    border:0;
    color:#000;
    margin:3px 0 0 0;
    padding:0;
    height:22px;
}
span.dark-resize{
    background-position:left -56px;
}
span.dark-resize span{
    background-position:right -84px;
}
span.error-resize{
    background-position:left -172px;
}
span.error-resize span{
    background-position:right -200px;
}
/*    END RESIZE BUTTON    */

/* START MODAL THICKBOX  */

#tb_close_container {
    text-align: right; 
    width:100%;
}
/* END MODAL THICKBOX  */


.left_col 
{    
    width: 403px;
    float:left;
    padding: 0px 0px 0px 0px;
    margin:  0px 0px 0px 0px;
    
    
    text-align:left;
    }
    
.right_col 
{
        float:right;
        width:412px;
        background-color:#e5e5e5;
        margin-top:55px;
    }
.inside_left 
{
    background-color:#ededed;
    width:403;
    text-align:left;
    padding-left:15px;
    padding-top:20px;
    }
.inside_left-top { background: url(/system_images/top-infotext-bg.png) 0 0 no-repeat;width:622;height: 127px;text-align:left;padding-left:15px;padding-top:20px;color: #ffffff;}
.inside_left-top h1 { color:#FFFFFF; font-size:16px; font-weight:bold; height:5px; line-height:20px; margin-bottom:5px; }

    .line 
{
    background-color:#ededed;
    width:403;
    text-align:left;
    
    }
.pay_box 
{    
    background-image:url(/comviq_kopflode/system_images/betal_ram.jpg);
    background-repeat: no-repeat;
    width:170px;
    height:85px;
    padding: 5px 170px 5px 10px;
    margin: 5px 170px 5px 10px;
    font-size:11px;
    color:#737373;
    
    
    }
    
/* TILLÄGG 07-Oktober Mina tjänster */

.top-banner-mittkonto-page1a
{
 
    height:233px;
    width:500px;
    float:right;
    margin-top:20px;
}
.top-banner-mittkonto-divLine
{
    width: 401px;
    margin-bottom: 20px;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
}
.top-banner-mittkonto-divLine .mina-tjanster-rubrik-telefonsvarare
{
    margin-bottom: 5px;
    background: url(../system_images/mina-tjanster-telefonsvarare.png) 0 0 no-repeat;
    height: 13px;
    width: 78px;   
}
.top-banner-mittkonto-divLine .mina-tjanster-rubrik-doltnummer
{
    margin-bottom: 5px;
    background: url(../system_images/mina-tjanster-doltnummer.png) 0 0 no-repeat;
    height: 10px;
    width: 69px;   
}
.top-banner-mittkonto-divLine p
{
    font-family: Arial, Sans-Serif;
    line-height: 16px;
    font-size: 12px;
    color: #fff;
}
.top-banner-mittkonto-divLineBottom .mina-tjanster-sparaKnapp a
{
    display: block;
    background: url(../system_images/mina-tjanster-sparaKnapp.png) 0 0 no-repeat;
    width: 96px;
    height: 24px;
}
.top-banner-mittkonto-divLineBottom
{
    margin-top: 5px;
}
.top-banner-mittkonto-divLineBottom a
{
    float: right;
}
span.radio-text
{
    margin-left: 5px;
    margin-right: 5px;
}
.top-banner-mittkonto-divLineBottom .radio-button-div
{
    float: left;
    width: 300px;
}
.pngmatare
{
 width: 216px;
 height: 152px;
 background: url(../system_images/mitt-konto-matare.png) 0 0 no-repeat;  
 margin: 0 auto; 
}
.mina-tjanster-tanka-knapp a
{
 display: block;
 width: 101px;
 height: 29px;
 background: url(../system_images/mitt-konto-tanka-knapp.png) 0 0 no-repeat;
 margin: 0 auto; 
}
/* TILLÄGG 07-Oktober Mina tjänster SLUT*/
 
/* Create account */
.create-account-link
{
    left:88px;
    top:288px;
    position:absolute;
}
.create-account-link a
{
}

/* ÄNDRAT 6 November START ERRORPAGE */
.top-error-message{text-align:left;margin-bottom: 20px;}
.inside_left-middle{width: 100%;height: auto;}
.inside_left-middle .middle-rigth-column{float: right;width: 285px;}
.inside_left-middle .middle-left-column{width: 275px;float: left;}
.inside_left-middle .middle-left-column .middle-left-left, .inside_left-middle .middle-left-column .middle-left-rigth
,.inside_left-middle .middle-rigth-column .middle-right-left, .inside_left-middle .middle-rigth-column .middle-right-rigth{float: left;}
.inside_left-middle .middle-left-column .middle-left-top,
.inside_left-middle .middle-rigth-column .middle-right-top{height: 30px;border-bottom: 1px solid #e3e3e3;margin-bottom: 10px;}
.inside_left-middle .middle-left-column .middle-left-top img{float: left;} 
.inside_left-middle .middle-left-column .middle-left-top a{float: right;text-decoration: none;} 
.inside_left-middle .middle-left-column .middle-left-top a:hover{float: right;text-decoration: underline;} 
.inside_left-middle .middle-left-column .middle-left-left{width: 145px;}
.inside_left-bottom { width: 620xp; height: 292px;background: url(/system_images/choose-payment-background.png) 0 0 no-repeat;margin-top: 20px;}
.inside_left-bottom 
.pay-method-new
{
    float:left;
    margin-right:10px;
    width:146px;
    height:80px;
    background:url(/system_images/choose-payment-optionBG.png) 0 0 no-repeat;
    padding:16px 15px 0px 10px;
}
#order-info-error
{
    background: url(/system_images/order-info-back.gif) no-repeat;
    width:160px;
    min-height:170px;
    float:left;
    background-color:#FFF;
    margin-left:0px;
    text-align:left;
    padding:30px 24px 0px 20px;
}
.right_col-error
{
        float:right;
        width:210px;
}
.adress-uppgifter .txt-box
{
    background-image: url(/system_images/main-txt-box.gif);
    background-repeat: no-repeat;
    width: 156px;
    height: 19px;
    padding:4px 1px 1px 2px;
    margin-bottom:8px;
    position:relative;
    border: 0;
    float: left;
}
/* ÄNDRAT 6 November END ERRORPAGE*/

/*** change this up there ***
#main-content-middlepage #first-row .top-banner {
    width: 950px;
    position:relative;(**new**)
}
*/
 
 
 .list-date-item {
float:left;
height:24px;
padding-left:3px;
padding-top:4px;
width:120px;
}
.list-message-item{
float:left;
padding-top:3px;
width:102px;
}
.list-hist-number-item{
float:left;
padding-left:3px;
padding-top:4px;
height:22px;
}

#upload-btn input
{
    cursor:pointer;
    height:120px;
    left:-45px;
    position:absolute;
    top:3px;
    width:131px;
    z-index:0;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity:0;
}