/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
  
  Observera:
  Kolla högst upp i denna kod för att se hur man "avaktiverar koden"
  I detta dokument har jag ändrat myckat. Detta dokument styr mycket av det visuella. Designen. 
*/


.boxText {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications {
	background-color: #F2FCFF;
}
.orderEdit {
	font-family : Verdana, Arial, sans-serif;
	font-size : 10px;
	color: #990000;
	text-decoration: underline;
}

/* Färgkoder:
#FFFFFF = vitt
#000000 = Svart
#006699 = Blå
#666666 = Grå
#FFCC33 = Gul
#FF6600 = Orange
#FF9933 = Ljusare orange
#990000 = Röd
#FF1D0D = Röd, ljusare
#CCCCCC = Ljusgrå
#DDDDDD = Ljusgrå
#BBBBBB = LJusgrå

*/

BODY {
	text-align: center;
	color: #000000;
	margin: 0px;
	background-color: #FFFFFF;
	background-attachment: fixed;
	background-image: url(images/design_bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
/* Här har jag ändrat till 5px i stället för 10px.Oklart vad det gör (ändrat tillbaka till 10)........................*/
.fixcenter {
	/* gammal bredd 850px; */
	width: 950px;
	margin-top: 10px;
	text-align: left;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
.fixleft {
/* Här har jag ändrat till 5px i stället för 10px. Oklart vad det gör.........................*/
	position: absolute;
	left:50%;
	width:125px;
	margin-left:-565px;
	margin-top:5px;
	z-index:3;
	text-align: right;
	overflow:hidden;
}
.fixright {
/* Här har jag ändrat till 5px i stället för 10px. Oklart vad det gör........................*/
	position: absolute;
	left:50%;
	width:125px;
	margin-left:440px;
	margin-top:5px;
	z-index:3;
	text-align: left;
	overflow:hidden;
}


/* Detta styr färgen på länkarna. Tidigare var de blå (#006699) nu är det grått*/
A {
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}
/* Nedanstående styr hur länkarna ser ut när man för muspekaren över dem. Här jag ändrat till mörkare färg. */ 
A:hover {
	color: #333333;
	text-decoration: underline;
	font-weight: bold;
	
}

FORM {
	display: inline;
}

TR.header {
/* Denna del styr parametrarna angående top-logo och bagrundsfärgen ...........................*/
	background-image: none;
	height: 100px;
	/* Med denna text blir den röd background-color: #ED1C24;*/
        background-color: #FFFFFF;
	text-align: center;
}

TR.headerNavigation {
	background-color: #FFFFFF;
}

TD.headerNavigation {
/* Här har jag ändrat bagrundsfärgen som test..........................................*/
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #333333; /* Grå */ 
	font-weight : bold;
	padding: 5px;
	background-color: #CCCCCC; /* ljusgrå */
}

A.headerNavigation {
	color: #333333; /* grå, tidigare blå */
}

A.headerNavigation:hover {
	color: #333333;
	text-decoration: underline;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  background: #FFFFFF;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
	background-color: #000000;
}

TD.headerInfo {

 
 font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  background: #FFFFFF;
  color: #333333;
  /*color: #FFFFFF;*/
  font-weight: bold;
  text-align: center;
}

TR.footer {
	background-color: #FFFFFF;
}

TD.footer {


/* Nedanstående "tar bort" texten i fotnoten, vilket gör att datum och sidvisning "försvinner" ........................*/ 
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px;
}

.infoBoxNotice {
	background-color: #FFFFFF;
	border: medium dotted #990000; /* RÖD */
}

.infoBoxNoticeContents {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #990000;
	background-color: #FFFFFF;
}

.infoBox {
	background: #ffffff;
	border: 1px solid #CCCCCC; /* Ljusgrå */
}
TD.infoBoxHeading {
/* Här har jag ändrat paddningen från 5 till 2..................................*/
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #006699;
	padding: 2px;
	background-color: #000000;
}
.infoBoxContents {
  background: ;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
/* Nedan har jag lagt till en ram
Nedanstående text är "Nyheter i butiken-rutan" */
.contentBox {
	background-color: #FFFFFF;
	background-image: url(images/design_box_content.jpg);
  	background-repeat: repeat-x;
	border: 1px solid #CCCCCC;
}

TD.contentBoxHeading {
/* Här har jag ändrat paddningen från 5 till 2..................................*/
/* Här har jag ändrat färgen */

	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	/*color: #FFFFFF;*/
        color: #333333;
	padding: 2px;
	background-color: #CCCCCC; 
}

.contentBoxContents {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}


.BestSellersBox {
  background: #ffffff;
  background-image: url(images/storsaljare_4.gif);
  background-repeat: no-repeat;
}
TD.BestSellersBoxHeading {
/* Här har jag ändrat paddningen från 5 till 2..................................*/
/* Här har jag ändrat färgen */

	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
       /*color: #FFFFFF;*/
	padding: 2px;
	background-color: #CCCCCC; 
}
.BestSellersBoxContents {
  background: none;
  background-color:  
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

/* Här har jag lagt till en ram: */
.CategoriesBox {
  background: #FFFFFF;
  background-image: url(images/design_box_f7911e.jpg);
  background-repeat: repeat-x;
  border: 1px solid #CCCCCC;
}
/* Padding styr vilken tjocklek bakgrunden skall ha bakom rubriken .........................*/
/* Här har jag ändrat färgen */

TD.CategoriesBoxHeading {	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	/*color: #FFFFFF;*/
	color: #333333;
	padding: 2px;
	background-color: #CCCCCC; 
}
.CategoriesBoxContents {
  background: ;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}


.CurrenciesBox {
  background: #ffffff;
  background-image: url(images/design_box_fec50c.jpg);
  background-repeat: repeat-x;
}
TD.CurrenciesBoxHeading {	
/* Här har jag ändrat paddningen från 5 till 2..................................*/
/* Här har jag ändrat färgen */

font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	/*color: #FFFFFF;*/
	color: #333333;
	padding: 2px;
	background-color: #CCCCCC; 
}
.CurrenciesBoxContents {
  background: ;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

/* Här har jag lagt till en ram............................................................*/ 
.InformationBox {
  background: #FFFFFF;
  background-image: url(images/design_box_fec50c.jpg);
  background-repeat: repeat-x;
  border: 1px solid  #999999;
}
TD.InformationBoxHeading {	
/* Här har jag ändrat paddningen från 5 till 2..................................*/
/* Här har jag ändrat färgen */

    font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	padding: 2px;
	background-color: #CCCCCC; 
	border: 1px solid  #999999;
}
.InformationBoxContents {
  background: ;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}


.LanguagesBox {
  background: #ffffff;
  background-image: url(images/design_box_fec50c.jpg);
  background-repeat: repeat-x;
}
TD.LanguagesBoxHeading {	
/* Här har jag ändrat paddningen från 5 till 2..................................*/
/* Här har jag ändrat färgen */

    font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	padding: 2px;
	background-color: #CCCCCC; 
}
.LanguagesBoxContents {
  background: ;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}


.ManufacturerInfoBox {
  background: #ffffff;
  background-image: url(images/design_box_fec50c.jpg);
  background-repeat: repeat-x;
}
TD.ManufacturerInfoBoxHeading {	
/* Här har jag ändrat paddningen från 5 till 2..................................*/
/* Här har jag ändrat färgen, tidigare var bakgrundsfärgen (#FEC50C) */    


font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	padding: 2px;
	background-color: #CCCCCC; 
}
.ManufacturerInfoBoxContents {
  background: ;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}


.ManufacturersBox {
  background: #ffffff;
  background-image: url(images/design_box_fec50c.jpg);
  background-repeat: repeat-x;
}
TD.ManufacturersBoxHeading {	
/* Här har jag ändrat paddningen från 5 till 2..................................*/
/* Här har jag ändrat färgen */    

font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	padding: 2px;
	background-color: #CCCCCC; 
}
.ManufacturersBoxContents {
  background: ;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
/*-------------------------------------------------------------------------------------------------------*/

.OrderHistoryBox {
  background: #ffffff;
  background-image: url(images/design_box_f7911e.jpg);
  background-repeat: repeat-x;
}
TD.OrderHistoryBoxHeading {	
/* Här har jag ändrat paddningen från 5 till 2..................................*/
/* Här har jag ändrat färgen */

    font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	padding: 2px;
	background-color: #CCCCCC; 
}
.OrderHistoryBoxContents {
  background: ;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
/*-------------------------------------------------------------------------------------------------------*/

.ProductNotificationsBox {
  background: #ffffff;
  background-image: url(images/design_box_f9a11b.jpg);
  background-repeat: repeat-x;
}
TD.ProductNotificationsBoxHeading {	
/* Här har jag ändrat paddningen från 5 till 2..................................*/
/* Här har jag ändrat färgen */    

font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	padding: 2px;
	background-color: #CCCCCC; 
}
.ProductNotificationsBoxContents {
  background: ;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
/*Oklart vad detta är för ruta------------------------------------------------------------------------------------*/

.ReviewsBox {
  background: #FFFFFF;
  background-image: url(images/design_box_fec50c.jpg);
  background-repeat: repeat-x;
}
/* Här har jag ändrat paddningen från 5 till 2..................................*/
/* Här har jag ändrat färgen */

TD.ReviewsBoxHeading {	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	padding: 2px;
	background-color: #CCCCCC; 
}
.ReviewsBoxContents {
  background: ;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

/* Sökrutan nedan har jag lagt en ram på ----------------------------------------------------------------------*/
.SearchBox {
  background: #FFFFFF;
  background-image: url(images/design_box_f9a11b.jpg);
  background-repeat: repeat-x;
  border: 1px solid  #999999;
}
/* Detta är "rubriken på sökrutan: */
TD.SearchBoxHeading {
/* Här har jag ändrat paddningen från 5 till 2..................................*/
/* Här har jag ändrat färgen */

	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	/* Nedan styr textfärgen: */
	color: #333333; 
	padding: 2px;
	background-color: #CCCCCC; 
	/* Denna färg har jag avaktiverat:
	background-color: #f9a11b; */
}
.SearchBoxContents {
  background: ;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
/* Slut på sökrutan ------------------------------------------------------------------------------------------------*/


/* Nedan har jag lagt till en egen bild samt en ram runt kassan färg från 999999 till 90C */
.ShoppingCartBox {
 background: #FFFFFF;
 background-image: url(images/design_box_f7911e.jpg);
 background-repeat: repeat-x;
 border: 1px solid  #FFCC33;
}
TD.ShoppingCartBoxHeading {	
/* Här har jag ändrat paddningen från 5 till 2, font size från 11 till 12..................................*/
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	padding: 2px;
	background: #FFCC33; 
	/*background-image: url(images/kassa.gif);*/
}
.ShoppingCartBoxContents {
  background: ;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

/* Här har jag lagt till en ram..............................................*/
/* Här har jag ändrat färgen och gjort bakgrunden röd till specialpriset */
/* Jag har också ändrat ramen till röd och prickig */

.SpecialsBox {
  background: #FFFFFF;
  background-image: url(images/design_box_f9a11b.jpg);
  background-repeat: repeat-x;
 border: medium dotted #FF1d0d; /* RÖD */
  /*border: 1px solid #999999;*/
}
TD.SpecialsBoxHeading {	
/* Här har jag ändrat paddningen från 5 till 2 och lagt till en ram..................................*/
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	padding: 2px;
	background-color: #FF1D0D;
	border: 1px solid #999999;
}
.SpecialsBoxContents {
  background: ;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}


.TellaFriendBox {
  background: #FFFFFF;
  background-image: url(images/design_box_fdb714.jpg);
  background-repeat: repeat-x;
}
TD.TellaFriendBoxHeading {	
/* Här har jag ändrat paddningen från 5 till 2..................................*/
/* Här har jag ändrat färgen */

	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	padding: 2px;
	background-color: #CCCCCC; 
}
.TellaFriendBoxContents {
  background: ;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
/* Besöksmail. Denna har jag lagt en ruta runt ..................................................... */
.VisitorMailBox {
  background: #FFFFFF;
  background-image: url(images/design_box_fec50c.jpg);
  background-repeat: repeat-x;
  border: 1px solid  #999999;
  
}
TD.VisitorMailBoxHeading {	
/* Här har jag ändrat paddningen från 5 till 2..................................*/
/* Här har jag ändrat färgen */

	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	padding: 2px;
	background-color: #CCCCCC; 
}
.VisitorMailBoxContents {
  background: ;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

/* Nedan har jag lagt till en ram 
---------------------------------------------------------------------------------------------*/
.WhatsNewBox {
  background: #FFFFFF;
  background-image: url(images/design_box_fdb714.jpg);
  background-repeat: repeat-x;
  border: 1px solid  #999999;
}
TD.WhatsNewBoxHeading {	
/* Här har jag ändrat paddningen från 5 till 2..................................*/
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	padding: 2px;
	background-color: #CCCCCC; 
}
.WhatsNewBoxContents {
  background: ;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
/* ----------------------------------------------------------------------------------------------*/

TR.tableRow-odd, TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #FFFFFF;
/* ovanstående var tidigare grå för att separera i kassan */
}



TR.tableRow-even, TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #ffffff;
}



TABLE.productListing {
	 /*Dtta ger en ram runt hela rutan med produkter ;---------------------------------------------------------------- */
  border: 1px;
  border-style: solid;
  /*Den gamla färgen border-color: #dddddd ;---------------------------------------------------------------- */
   border-color: #ffffff ;
  border-spacing: 1px;
}

.productListing-heading {
	/*Hag har ändrat från 11 till 12. Detta styr rubrikerna vid produktlistning ;---------------------------------------------------------------- */
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #bbbbbb;
  color: #000000;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
   
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}
/* Här har jag ändrat från 20px till 16px...............................................................*/
TD.pageHeading, DIV.pageHeading {
	font-family: Verdana, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}

TR.subBar {
/* Oklart vad detta ändrar, tidigare cccccc */
    background: #cccccc;

  /*background: #f4f7fd;*/
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}
/* Här nedan har jag ändrat texten till 10px i stället för 11px......................................... */
TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

/* Jag har lagt till main2 för att kunna få fet text och något större 12px i stället för 11px......................................... */
TD.main2, P.main2 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight:bold;
  line-height: 1.5;
}


/* Här nedan har jag ändrat texten till 11px i stället för 10px......................................... */
TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
/*............................................................................*/
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #990000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
/*   border-color: #7b9ebd;*/
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #990000;
	font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
	font-family: Verdana, Arial, sans-serif;
	color: #990000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #666666;
	font-weight: bold;
}
.checkoutBarCurrent {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	background-color: #FFFFFF;
	border: 1px dashed #FF0000;
	color: #000000;
	text-decoration: blink;
}
.messageStackSuccess {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	background-color: #000000;
	color: #FFFFFF;
}

/* input requirement */

.inputRequirement {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #990000;
}

.cssButtonSub {
	/*Nedan styr blandannat knappen uppdatera varukorg------------------------------------------------------- */
	height: 20px;
	background: #000000;
	color: #F4F4F4;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	cursor: pointer;
	border: 1px;
	border-style: solid;
	border-color: #bbbbbb;
	padding-right: 15px;
	padding-left: 15px;
	 
}

.cssButtonSub2 {
	/* Den här har jag gjort för att få fler möjligheter att ändra knapparnas design ------------------------------------------ */
	height: 20px;
	background: #F00;
	color: #900;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	cursor: pointer;
	border: 1px;
	border-style: solid;
	border-color: #900;
	padding-right: 15px;
	padding-left: 15px;
	 
}
/*Nedan styr troligtvis knapparnas design----------------------------------------------------------------- */
.cssButton {
	height: 20px;
	background: #000000;
	color: #F4F4F4;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	cursor: pointer;
	border: 1px;
	border-style: solid;
	border-color: #bbbbbb;
	text-align: center;
	line-height: 20px;
/*----------------------------------------------------------------------------------------------------*/

}
.cssButtonTD {
	cursor: pointer;
	text-align: center;
	padding-right: 15px;
	padding-left: 15px;
}
.cssButtonBuy {
/*Detta styr designen på köpknappen brevid varje produkt Jag har ändrat texten till vit #FFFFFF och knappen till röd*/
	color: #FFFFFF;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	cursor: pointer;
	background-color: #990000;
}

#thecategories a:hover {
	background-color: #CCCCCC;
	/*background-color: #f7911e;*/
	color: #333333;
}

.catwithsubs, .catwithnosubs {
	padding-right: 5px;
}

#thecategories {
	position: relative;
	top: -9px;
	margin-bottom: -16px;
	width: 140px;
}

.activelink {
	display: block;
	font-weight: bold;
}

#thecategories a {
/*Detta styr den färgade rutan som dyker upp i menyn till vänster */
	display: block;
	padding-bottom: 2px;
	padding-top: 1px;
	width: 100%;
}

/*mozilla fix*/
html>body #thecategories a {
	width: auto;
}
/*end of mozilla fix*/

#topcat a {
padding-left: 5px;
}

#secondcat a {
	padding-left: 20px;
}

#thirdcat a {
	padding-left: 35px;
}

#fourthcat a {
	padding-left: 50px;
}

#fifthcat a {
	padding-left: 65px;
}
/* Här nedan har jag ändrat storleken från 20px till 15px........................................*/
h1 { 
 font-family: Verdana, Arial, sans-serif;
 font-size: 15px;
 font-weight: bold;
 margin-bottom: 0;
 padding-bottom: 0;
}

h2 {
 font-family: Verdana, Arial, sans-serif;
 font-size: 14px;
 font-weight: bold;
 margin-bottom: 0;
 padding-bottom: 0;
 color:#333;
}
h3 {
	/* Här nedan har jag ändrat storleken från 20px till 15px........................................*/
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	margin-bottom: 0;
	padding-bottom: 0;
	color: #000000;
}

.mainTable {
/* Den här var tidigare vit men jag har ändrat den till grå. Det skapar en ram runt "main" */ 
	background-color: #dddddd;
}

.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#FFFFFF}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f6f5f5;
  border-right:1px solid #f6f5f5;
  /*border-left:1px solid #f6f5f5;
  border-right:1px solid #f6f5f5;*/
  background:#f0eded}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fdfcfc;
  border-right:1px solid #fdfcfc;
  background:#efecec}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #ffffff;
  border-right:1px solid #ffffff;
 /* border-left:1px solid #efecec;
  border-right:1px solid #efecec; */
  }
.spiffy4{
  border-left:1px solid #f6f5f5;
  border-right:1px solid #f6f5f5}
.spiffy5{
  border-left:1px solid #f0eded;
  border-right:1px solid #f0eded}
.spiffyfg{
	background:#FFFFFF;
}

/*personnummer fältet */
.input_crn_blink{
	border: thin solid #666666;
	background-color: #FFFFCC;
	color: #FF3300;	
	text-decoration: blink;
}
.input_crn{
	border: thin solid #666666;
	background-color: #FFFFCC;
	color: #000;
}