/*
--------------------------------------------------------------------------------------------------
Defines table property in product view
--------------------------------------------------------------------------------------------------
*/

/* EGENSKAPER TABELL */ 
.TeknSpec_Tabell{width:100%; border:0; margin:0; padding:0}
.TeknSpec_Rad1_Vanster, .TeknSpec_Rad1_Hoger, .TeknSpec_Rad2_Vanster, .TeknSpec_Rad2_Hoger
{font-weight:bold; padding:3px}
.TeknSpec_Rad1_Vanster a, .TeknSpec_Rad2_Vanster a, .TeknSpec_Rad2_Hoger a, .TeknSpec_Rad1_Hoger a
{float:left;}
.TeknSpec_Rad1_Vanster, .TeknSpec_Rad1_Hoger{background-color:#f1f1f1;}
.TeknSpec_Rad2_Vanster, .TeknSpec_Rad2_Hoger{background-color:#f9f9f9;}

/* PRODUKTINFO TEXTFORMATERING */
#Produktinfo p {margin:2px 0px;}
#Produktinfo ul.list {padding:0 0 0 15px;}

/* PRODUKTINFO OMDOME */
#ProduktinfoOvrigt table {float:left;}
#ProduktinfoOvrigt table input, #ProduktinfoOvrigt table select, #ProduktinfoOvrigt table textarea {max-width:100% !important;}
#ProduktinfoOvrigt table table tr td:nth-child(1n+1) {width:50% !important; float:left; white-space:normal;}

/*
--------------------------------------------------------------------------------------------------
CART / SHOPPINGBAG / KASSA
--------------------------------------------------------------------------------------------------
*/
/* H1 kassan */ 
.Kassan h1:first-child { border-bottom: 3px solid #2291D1; margin: 0 0 10px; padding: 5px;}
.Rubrik_Varukorg {  margin: 0 0 10px !important;}


.Snabbkassa_Varukorg_Tabell_Rad a{max-width: 250px; overflow: hidden;}

/* Inputfält / inputfields */
.Kassan input {border: 1px solid #DDDDDD; }
.KundprofilFaltOK, .KundprofilFaltFEL, .KundprofilFaltOK_Kort, .KundprofilFaltFEL_Kort, .Presentkortsruta tbody tr td input 
{background:#FFFFFF; border: 1px solid #DDDDDD; height: 20px; width: 54%;}
.KundprofilFaltOK_Kort, .KundprofilFaltFEL_Kort, .Presentkortsruta tbody tr td input {width:80%;}
.KundprofilFaltFEL, .KundprofilFaltFEL_Kort {border:2px solid #f00 !important;}
.bestallningsknapp { border:1px solid #A4E05F; height:40px;  width:30%; float:right; margin:10px 0px; }
.GodkannaVillkorochBestallningsknappRam 
{background: none repeat scroll 0 0 #D8EBCA; margin: 20px 0; min-height:auto !important; border: 1px dotted #6BAD40; padding: 0px 10px 10px;}
p#KreditorInfo img {float: left; padding: 0 10px 15px 5px;}
#AdressblockLoggain p.Snabbkassa_Kundfalt_Marginal a {float:left;  }
#BetalningsmetoderRam span { float: left; /*height: 30px; line-height: 30px;*/  border-bottom:1px dotted #ddd;  width: 100%; position:relative; padding: 5px;}
#FraktmetoderRam span { float: left; min-height: 20px; line-height: 20px;  border-bottom:1px dotted #ddd;  width: 100%; position:relative; padding:0 0 5px 0; margin:0 0 5px 0;}
#BetalningsmetoderRam span .BetRadio {display: inline-block !important; width: 2%; margin-top: 1px;}
#BetalningsmetoderRam span a, #FraktmetoderRam span a {width:95%; float:right; display:inline-block;}
#Klarna_InvoiceContainer {left: 50%; position: absolute;width: 90px;}
#BetalningsmetoderRam span:hover, #FraktmetoderRam span:hover {background:#f9f9f9;}
.Snabbkassa_Presentkort span.Snabbkassa_Varningsmeddelande, .Snabbkassa_Presentkort span.Snabbkassa_OKmeddelande {font-size:10px;}
.Snabbkassa_Presentkort img {height:15px;}

.BetInfoInfogad {margin-top: 5px;}


/*kundadressfalt */
.Snabbkassa_Kunduppgift_Etiketter{width:38%; float:left; margin:0em 0.5em 0em 0em; display:block}
.Snabbkassa_Kundfalt_Marginal.SKM_PNr {display:block; width: 38%; float:left;}
.Snabbkassa_Kundfalt_Marginal.SKM_PNr label{width:100%;}
.Pnr_Tabell {width: 54%;}
.KundprofilFaltOK_Kort { float: left; width: 100%;  margin:0 0 0 5px;}
.Snabbkassa_Kundfalt_Marginal{margin:5px 0; float: left; width:100%;}
.Snabbkassa_Kundfalt_Marginal img, #Adressblock img {float:right;}
.Snabbkassa_RutaAvd{padding:12px; background:#eee}

/* Kundtjanst */
.Kundtjanst table tbody tr td div div input { min-width:100%; min-height:30px;}
.Kundtjanst table tbody tr td div b {   display: inline-block; width: 25%; float:left;}
.Kundtjanst table tbody tr td div div {width:74%;  display: inline-block;}
.Kundtjanst table tbody tr td div br {display:none;}

/* Snabbkassa_Varukorg */
.Snabbkassa_Varukorg_Tabell_Rad, .Snabbkassa_Varukorg_Tabell_Rad_medskick {display: inline-block; float: left; margin: 2px 0; width: 100%;} 
.Snabbkassa_Varukorg_Tabell_Rad td.Antal input {height:20px;}
.Snabbkassa_Varukorg_Tabell_Rad td.Bild, .Snabbkassa_Varukorg_Tabell_Rad td.Antal, 
/*.Snabbkassa_Varukorg_Tabell_Rad td.Rabatt,*/ .Snabbkassa_Varukorg_Tabell_Rad td.Pris, .Snabbkassa_Varukorg_Tabell_Rad_medskick td
 {float: left; line-height: 40px; min-height: 40px; width: 20%;}

.Snabbkassa_Varukorg_Tabell_Rad td.Rabatt {float: left; line-height: 40px; min-height: 40px; width: 10%;}

 .Snabbkassa_Varukorg_Tabell_Rad td.Antal, .Snabbkassa_Varukorg_Tabell_Rad_medskick td#antal1   {width:65%}
 .Snabbkassa_Varukorg_Tabell_Rad td.Antal input{float: left; margin: 5px 1% 0 0; width: 6%;}
 .Snabbkassa_Varukorg_Tabell_Rad td.Antal a { display: inline-block; line-height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 92%;}

/* #Adressblock2 div#AdressblockFakturaadress p.Snabbkassa_Kundfalt_Marginal b{float:right;} */

/* Total discount */
.totRabatt {width: 30%; float: right;}
.totRabatt td.TxtRabatt {text-align: left;}
.totRabatt td.SumRabatt {text-align: right; font-weight: bold; font-size: 1.2em}
.totRabatt td.TxtRabatt, .Snabbkassa_Varukorg_Tabell_Rad td.SumRabatt {color: #cb0000; width: 100%; white-space: nowrap;}

/* Total sum */
.Snabbkassa_Varukorg_Tabell_Rad.Snabbkassa_Varukorg_Tabell_Rad_Sum 
{ background: none repeat scroll 0 0 #e3eef0; border: 1px dotted #74B9CA; float: right; padding: 10px 10px; width: 30%;}
#InfoAttbetala {font-size:1.4em !important}
.Snabbkassa_Varukorg_Tabell tbody tr.Snabbkassa_Varukorg_Tabell_Rad td.SumInkInfo {float:left; min-height:20px; line-height:20px; font-size:0.9em;}
.Snabbkassa_Varukorg_Tabell tbody tr.Snabbkassa_Varukorg_Tabell_Rad td.SumInkPris {float:right; min-height:20px; line-height:20px;}
.Snabbkassa_Varukorg_Tabell_Rad td.Pris {text-align:right;}

/* Presentkort */
p#KreditorInfo, .Snabbkassa_Presentkort i 
{font-size: 9px;  background:#f9f9f9 !important; border:1px dotted #ddd; margin: 5px 0px !important; padding: 5px; width: 100% !important; display:inline-block;}
.Snabbkassa_Presentkort i {margin:5px 0 0 0 !important}
.Presentkortsruta tbody tr td b i {padding:0px; background:transparent !important; float:left; margin:0px !important;  display: inherit; border:0px; }
.Presentkortsruta {width:100%;}
.Snabbkassa_Presentkort .Presentkortsruta tr {width:50%; float:left;}
#GodkannaVillkorRam {margin:10px 0px;}

/* 50% CHECKOUT  
.Snabbkassa_Presentkort, .Kunddata, .Betalning, .Fraktmetoder, .GodkannaVillkorochBestallningsknappRam, .Kundtjanst {float: left; width: 49%; min-height:170px; }

.Betalning, .Fraktmetoder, .GodkannaVillkorochBestallningsknappRam {float: right;} 
/* 100% CHECKOUT */ 
.Betalning, .Fraktmetoder, .Snabbkassa_Presentkort, .Kunddata, .Betalning, .Fraktmetoder, .GodkannaVillkorochBestallningsknappRam, .Kundtjanst, 
.Snabbkassa_Varukorg, .Avisering, .Rubrik_Kundtjanst, .Rubrik_Medskick, .Snabbkassa_Medskick,
 .Fraktmetoder_Extra2, .Avisering_Extra, .Dela_Kassan_FB, .GodkannaVillkorochBestallningsknappRam tbody tr td
{float:left; width: 100%;}
/* 50% CHECKOUT */ 
.Snabbkassa_Presentkort, .Kunddata{float: left; width: 49%;}
.Betalning, .Fraktmetoder { float: right; width: 49%;}
.Betalning, .Snabbkassa_Presentkort{min-height:170px;}
#Adressblock2 a {
    float: left;
    /*width: 55%;*/
}

/*rubrikerna*/
.Snabbkassa_Flik_Normal, .Snabbkassa_Flik_Saknas { padding:0px 10px; height:30px; background: none repeat scroll 0 0 #2291D1;text-shadow: 1px 1px #333333; color:#fff;
line-height: 30px;}
.commentnumber {float: left; padding: 0 10px; margin:0 10px 0 -10px; background:#006BAB; font-size: 20px;}
.Snabbkassa_Flik_Vanster, .Snabbkassa_Flik_Hoger{width:0px;}
.Kassan .Betalning a img, .Kassan .Fraktmetoder a img {float:right; padding:5px; max-height:20px;}


/* HIDE PICTURE / HIDE CONTENT IN KASSA */  
.Kassan form div.Snabbkassa_Varukorg table.Rubrik_Varukorg tbody tr td img,
.Kassan form div.Betalning table.Rubrik_Betalning tbody tr td img,
.Kassan form div.Kunddata table.Rubrik_Kunddata tbody tr td img,
.Kassan form div.Fraktmetoder table.Rubrik_Fraktmetoder tbody tr td img,
.Kassan form div.Kundtjanst table.Rubrik_Kundtjanst tbody tr td img,
.Kassan form div.Snabbkassa_Presentkort table.Rubrik_Snabbkassa_Presentkort tbody tr td img,
.Kassan form div.Samleverans table.Rubrik_Samleverans tbody tr td img, .Kassan form table.Rubrik_Medskick tbody tr td img,
.Rubrik_Varukorg td img
 {display:none;}

.Divider img, .BetDelare, .LevDelare, #antal1 br {display:none;}

.Snabbkassa_Varukorg_Tabell_Rad .Divider, .Snabbkassa_Varukorg_Tabell_Rad_medskick .Divider
{float: left; height: 0; width: 100%;}

.SumExInfo {float:left;}
.SumExPris {float:right;}

.Snabbkassa_Varukorg_Tabell_Rad td.Bild {display:none;}

.Betalning a, .Fraktmetoder a {padding-left: 10px;}


/*
--------------------------------------------------------------------------------------------------
property for blogs 
--------------------------------------------------------------------------------------------------
*/
.blogginlagg{margin:0px 0px 20px 0px; font-size:13px}
.blogginlagg_rubrik{padding-top:6px; padding-right:0px; padding-bottom:6px; padding-left:0px}
.blogginlagg_rubrik a{padding-top:6px; padding-right:0px; padding-bottom:6px; padding-left:0px; font-size:20px; }
.blogginlagg_rubrik a:hover{}
.blogginlagg_innehall{padding-top:10px; padding-bottom:10px}
.blogginlagg_innehall a{color:#666; }
.blogginlagg_data{color:#666; font-weight:bold; font-size:16px; padding-top:0px; padding-bottom:30px}
.blogginlagg_data a{color:#666; font-size:14px}
.blogginlagg_datum{font-size:11px; font-style:italic}
.blogginlagg_datum a{color:#666; }
.blogginlagg_antalkommentarer{font-size:11px; font-style:italic}
.blogginlagg_antalkommentarer a{color:#666; }
.blogginlagg_kommentarsknapp{font-size:14px; text-align:center; padding-bottom:5px; padding-top:3px; border-top:solid 1px #ffe1e1; background:white url(/bilder/ibutik-a/blogg/btnbg.gif) repeat-x left bottom}
.blogginlagg_kommentarsknapp a{color:black; }
.blogginlagg_kommentarsknapp a:hover {color:#e9adad;}
.blogginlagg_kommentarer{margin:15px 0px 0px 0px; display:block}
.bloggkommentar_saknas{font-style:italic}
/* whrite comment */
.bloggkommentar_avdelare{border:1px solid #aaa; width:100%; height:1px}
.bloggkommentar{margin:12px 0px 12px 0px}
.bloggkommentar_rubrik{margin:0px 0px 6px 0px}
.bloggkommentar_antal{float:left; margin:0px 10px 0px 0px}
.bloggkommentar_innehall_blockerat{font-size:10px; text-decoration:line-through}
.bloggkommentar_innehall{font-size:10px}
.bloggkommentar_tid{margin:6px 0px 0px 0px; font-size:10px; font-style:italic}
.bloggkommentar_url{font-size:11px; font-style:italic}
.bloggkommentar_url a{color:#666; }
/* make comment */
.bloggkommentarsfalt_avdelare{margin:15px 0px 0px 0px}
.bloggkommentarsfalt_namn1{margin:6px 0px 0px 0px; font-size:10px}
.bloggkommentarsfalt_namn2, .bloggkommentarsfalt_epost2, .bloggkommentarsfalt_form, .bloggkommentarsfalt {}
.bloggkommentarsfalt_namn_falt{font-size:10px; width:300px}
.bloggkommentarsfalt_epost1{margin:6px 0px 0px 0px; font-size:10px}
.bloggkommentarsfalt_epost_falt{font-size:10px; width:300px}
.bloggkommentarsfalt_url1{margin:6px 0px 0px 0px; font-size:10px}
.bloggkommentarsfalt_url_falt{font-size:10px; width:300px}
.bloggkommentarsfalt_kommentar1{margin:6px 0px 0px 0px; font-size:10px}
.bloggkommentarsfalt_kommentar2{margin:0px 0px 4px 0px}
.bloggkommentarsfalt_kommentar_falt{font-size:10px; width:300px; height:40px}



/* DIN SIDA */
#minsidaDrop ul, div#minsidaDrop  {list-style:none; width:100%; display:inline-block;}
#minsidaDrop ul {margin:0; padding: 0 !important;}
#minsidaDrop a {float:left; width:11%; padding-top:20px;}
#minsidaDrop ul ul {width:100%; float:left; margin:0 0 2% 0; text-align:center;}
#minsidaDrop > ul > li > h2 {display:none;} 

/*#minsidaDrop ul li ul li {margin:0.5%; display:inline-block; width:95px;}*/
#minsidaDrop ul li ul li span a {text-align:center;}
#minsidaDrop li span a:before{font-family:FontAwesome; font-size:4em; width:100%; display:inline-block; margin-bottom:10px;}

li#hem span a:before {content:"\f015";}
li#andraprofil span a:before {content:"\f007";}
li#dinsida_order span a:before {content:"\f09d";}
li#dinsida_bevakningar span a:before {content:"\f004";}
li#logout span a:before {content:"\f011";}
li#Onskelista span a:before {content:"\f0cb";}
li#dinsida_betyg span a:before {content:"\f123";}
li#dinsida_returer span a:before {content:"\f112";}
li#dinsida_reklamationer span a:before {content:"\f122";}

li#dinsida_fakturor span a:before {content:"\f0e0";}
li#dinsida_kundprofil_kontaktperson span a:before {content:"\f095";}


.OrderTable tr:nth-child(1) td {background:#f1f1f1;}
.OrderTable tr td {padding:5px;}
/*
--------------------------------------------------------------------------------------------------
Din sida 
--------------------------------------------------------------------------------------------------


#minsidaDrop{text-align:left; display:block; width:100%; }
#minsidaDrop ul{list-style:none; margin:0; padding:0; }
#minsidaDrop a, #minsidaDrop h2, #minsidaDrop h3{font-size:8pt; display:block; margin:0; padding:1px 1px}
#minsidaDrop a{float: left; margin:0 5px 0 0; padding: 10px 20px 10px 0;}

#minsidaDrop li{position:relative}
#minsidaDrop ul ul{ width:100%; float:left; margin:0 0 15px 0 ;}
#minsidaDrop ul ul ul{position:absolute; top:0; left:100%}
#minsidaDrop > ul > li > h2 {display:none;}  
#minsidaDrop ul li:hover ul, #minsidaDrop ul ul li:hover ul, #minsidaDrop ul ul ul li:hover ul {display:block}
#main.whitebg table tbody tr td {background:#fff;}*/

/*list-add-delete ? */
.list-add {float: left; width: 100%; text-align: right;}
.list-delete {float: left; width: 100%; text-align: right;}

/*Tabell av divar ? */
.list-head-wrapper
{ background-color: #F1F1F1; border-bottom: 1px solid #DDDDDD; float: left; font-weight: bold; 
height: 20px; line-height: 20px; width: 100%;}
.list-item-wrapper
{ float:left; width: 100%; }
.list-head-1, .list-head-2, .list-head-3, .list-head-4
{float:left; width: 25%;}
.list-item-1, .list-item-2, .list-item-3, .list-item-4
{float: left; height: 20px; line-height: 20px; width: 25%;}

/*
--------------------------------------------------------------------------------------------------
  UI-boxar
--------------------------------------------------------------------------------------------------
*/

.ui_box{background-color:#F3F3F3; border:solid 1px #C0C0C0;  padding:15px;  width:95%; margin-bottom:20px}
.ui_infobox{background-color:#CFC; border:solid 1px green;  padding:15px;  width:95%; margin-bottom:20px}
.ui_warningbox{background-color:#F3F781; border:solid 1px #ffb400;  padding:15px;  width:95%; margin-bottom:20px}
.ui_errorbox{background-color:#FCC; border:solid 1px red;  padding:15px;  width:95%; margin-bottom:20px}