/*------------------------------- Allmänt ---------------------------*/
body.bodycolor {
   background-color:lightgrey;
}

/* Denna ligger i alla body */
div.generellt {
	font-family: arial,century,arial;
}

/* Bredd på de yttre tabellerna */
table.yttrebredd {
   width: 790px;
}

table.ram {
   border: medium double;
}

/* Bredd på den yttre tabellen i sidhuvud2 */
table.yttrebredd2 {
   width: 600px;
}

/* Bakgrund på nästan alla tabeller */
table.farg {
   background-color: white;
}

/* Tillbaka knapp */
input.tillbaka {
   font-size: 110%;
   font-weight: bold;
}

/* Normal text lite kraftigare */
.normaltextbold {
   font-size: 80%;
   font-weight:bold;
}

/* Normal text */
.normaltext {
   font-size: 80%;
}

/* Text som matas in i fält */
input.text {
   font-size: 80%;
}

/* Rubrikerna framför varje fält */
.faltlabel {
   font-size: 80%;
}

/* Bilderna längst uppe till höger och vänster på alla sidor
   utom den första */
img.sidhuvud {
   height: 130px;
   width: 110px;
} 

/* Felmeddelanden */
.felmeddelande {
   font-size: 100%;
   font-weight: bold;
   color: red;
}

/* Diverse knappar nästa steg och tillbaka */
input.boldbutton {
   font-size: 100%;
   font-weight: bold;
}


/*------------------------- sidhuvud --------------------------*/

/* Texten Gloriosa Blomsterhandel + skickablommor.net*/
.gloriosasidhuvud {
   text-align: center;
   font-size: 110%;
   font-weight: bold;
   font-family: cursive,sans-serif,arial;
}

   
/*----------------- Första sidan index.html -------------------------*/
#skickablommorindex {
   text-align: center;
   font-size: 120%;
   font-weight: bold;
   line-height: 80%;
   font-family: cursive,sans-serif,arial;
}

 
/* Texten Gloriosa Blomsterhandel på första sidan */
#gloriosaindex {
   text-align: center;
   font-size: 150%;
   font-weight: bold;
   line-height: 80%;
   font-family: cursive,sans-serif,arial;
}

/* Texten "Klicka här för att skicka blommor" på första sidan */
#klickahar {
   text-align: center;
   font-size: 130%;
   font-weight: bold;
   /*line-height: 80%;*/
}

/* Bilderna längst uppe till höger och vänster på första sidan */
img.sid1 {
   height: 240px;
   width: 110px;
}

/* Texten Läs om våra säkra betalningsrutiner */
#sakrabetaln {
   font-weight:bold;
   font-size:120%;
}

/* Gloriosas adress */
.gloriosaadress {
   font-family: cursive,sans-serif,arial;
} 

/*---------------------  Bestalla formuläret ------------------------*/

/* Texten "Välj vad du vill skicka" på Bestalla formuläret */
#valjvad {
   text-align: center;
   font-size: 120%;
   line-height: 140%;
   font-weight: bold;
}

 
/* Artikelbenämningstexten i rutan som visar en artikel */
.artikelben {
   font-size: 75%;
}

/* En ruta med ett artikelval */
table.artikelval {
   width: 240px;
}

/* Artikelbeteckningstexten i rutan som visar en artikel */
.artikelbet {
   font-size: 75%;
}

/* Priset på artiklarna */
.artikelpris {
   font-size: 75%;
}

/* Val av antal */
.antalval {
   font-size: 75%;
}

/* Varning vid val av många rosor */
.antalvarning {
   font-size: 100%;
   font-weight: bold;
   text-align: center;
}

/* Frågan om att välja färg */
.vfarg {
	font-size: 75%;
}
	
/* Bilderna i rutan som visar en artikel */
img.artikel {
 /*   height: 160px;
    width: 140px;*/
}

/* Knapp för att lägga i varukorgen */
input.kopknapp {
   font-size: 80%;
   font-weight: bold;
   width: 140px;
}

/* Varugruppsknapparna på Bestall formuläret */
input.vgrknapp {
   font-size: 90%;
   font-weight: bold;
   width: 120px;
}


/*------------------------- Beställda varor ------------------------*/

/* En tag innehåller hela varukorgen */
.varukorgytterst {
   border-style: solid;
}

/* Varukorgen som syns på Bestalla formuläret bl.a. */
#varukorgtable {
   background-color: mintcream; 
}


/* Texten "Beställda varor" */
#dinvarukorg {
   font-size: 90%;
   font-weight: bold;
   text-align:center;
}

/* Generella attribut om tabellen som innehåller varukorgen */
td.varukorgtext {
   font-size: 80%;
   font-weight:bold;
}

/* Summa raden i varukorgen */
.varukorgsumma {
   font-size: 95%;
   font-weight: bold;
}

/* Moms raden i varukorgen */
.varukorgmoms {
   font-size: 75%;
}

/* Bredd på tabortkolumnen */
td.tabortbredd {
   width: 60px;
}

/* Texten på tabortknappen */
.tabortknapp {
	font-size: 70%;
}

/*------------------------- Beställda varor på kvittot ------------------------*/

/* En tag innehåller hela varukorgen */
.varukorgytterst2 {
}

/* Varukorgen som syns på Bestalla formuläret bl.a. */
#varukorgtable2 {
}


/* Texten "Beställda varor" */
#dinvarukorg2 {
   font-size: 85%;
   font-weight: bold;
   text-align:center;
}

/* Generella attribut om tabellen som innehåller varukorgen */
td.varukorgtext2 {
   font-size: 75%;
   font-weight:bold;
}

/* Summa raden i varukorgen */
.varukorgsumma2 {
   font-size: 80%;
   font-weight: bold;
}

/* Summa raden i varukorgen */
.varukorgmoms2 {
   font-size: 70%;
}

/* Bredd på tabellen */
table.bredd2 {
	width: 600px; 	
}
/*-------------------------- LevUppgifter ------------------*/

/* Texten "Mottagarens uppgifter" på LevUppgifter */
#mottagare {
   font-weight:bold;
}

/* Texten "Dina uppgifter" på LevUppgifter */
#dinauppgifter {
   font-weight:bold;
}

/* Texten "Om mottagaren ej är hemma" */
#omejhemma {
   font-weight: bold;
}

/* Texten "Välj betalningssätt" */
#valjbetal {
   font-weight: bold;
}

/* Texten om fakturering */
.faktura {
	font-size: 90%;
	font-weight: bold;
}

/* Stjärna som markerar obligatoriskt fält */
.stjarnalabel {
	font-size: 110%;
}

/* Stjärnan när fältet lämnats tom */
.fellabelstjarna {
   font-size: 120%;
   color: red;
}

/* Rubrikerna framför varje fält */
.fellabel {
   font-size: 80%;
   color: red;
}

/*------------------------- KonfirmeraVarning --------------------*/
.konfirmeratext {
   text-align: center;
   font-weight: bold;
   font-size: 90%;
   color: red;
}

/*------------------------ GodkannaKop -----------------------------------*/
.fakturatext {
	font-size: 100%;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
}

/*---------------------------- Kvitto ------------------------------------*/
.kvitto {
	padding: 10px;
	font-size: 90%;
}

/*------------------------ VisaUppgifter.visaOrder -----------------------*/

.visarubrik {
   font-size: 75%;
   color: red;
}

.visatext {
  font-size: 75%;
}
  
/*-----------------------  ValjFarg --------------------------------------*/
.valjfargtext {
  	font-size: 80%;
}

.valjfargrubrik {
	font-size: 90%;
	font-weight: bold;
}

/*----------------------- StorBild ----------------------------------------*/
.storbildtext {
	font-size: 90%;
}

/*----------------------- TillaggsBestallning ------------------------------*/
.tillaggstext {
	font-size: 90%;
	font-weight: bold;
}

.tillaggsrubrik {
	font-size: 120%;
	font-weight: bold;
}
	
.bandfargtext {
	font-size: 90%;
}

/*------------------------- Butiksapplikationen -------------------*/

#sidhuvudgloriosa {
   font-size : 120%;
   font-weight: bold;
   font-family: cursive,sans-serif,arial;
   background-color: yellow
}

#stortabell {
   width: 760px;
}

#sidhuvudtabell {
   width: 760px;
   /*background-color: yellow;*/
}

#overskrift {
   font-size: 100%;
   font-weight: bold;
   text-align: center;
}

.butikrubrik {
   font-size: 100%;
   font-weight: bold;
}

.butikorderfalt {
   font-size: 80%;
}

.butikknapp {
   font-size: 75%;
}