/*
Lite docs:

Röd fuckin färg: #C1111E (typ always).



*/
body
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Verdana;
	font-size: 9px;
}

table
{
	border-width: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

td
{
	font-family: Verdana;
	font-size: 9px;
}

a
{
	color: #C1111E;
	text-decoration: none;
}

img
{
	border-right: medium none;
	border-top: medium none;
	border-left: medium none;
	border-bottom: medium none;
}

/* Grönt skit som skall bort! Används i produktkategorimeny */
a:hover
{
	color: #C1111E;
	text-decoration: none;
}


/* Navigeringsknappar */
a.navigation
{
	font-family: Arial;
	font-size: 11px;
	color: #000000;
}

a.navigationLeft
{
	font-family: Arial;
	font-size: 11px;
	color: #C1111E;
}

a.navigationRight
{
	font-size: 11px;
	color: #235a23;
	font-family: Arial;
}

a.navigation:hover
{
	font-size: 11px;
	color: #696969;
	font-family: Arial;
	text-decoration: none;
}

a.navigationLeft:hover
{
	font-size: 11px;
	color: #696969;
	font-family: Arial;
	text-decoration: none;
}

a.navigationRight:hover
{
	font-size: 11px;
	color: #696969;
	font-family: Arial;
	text-decoration: none;
}

.short
{
	width: 150px;
	font-size: 9px;
	height: 18px;
	vertical-align: middle;
	border-right: lightgrey 1px solid;
	border-top: lightgrey 1px solid;
	border-left: lightgrey 1px solid;
	border-bottom: lightgrey 1px solid;
}

.long
{
	width: 200px;
	font-size: 9px;
	height: 18px;
	vertical-align: middle;
	border-right: lightgrey 1px solid;
	border-top: lightgrey 1px solid;
	border-left: lightgrey 1px solid;
	border-bottom: lightgrey 1px solid;
}

.longMulti
{
	font-family: Verdana;
	width: 200px;
	font-size: 9px;
	vertical-align: top;
	border-right: lightgrey 1px solid;
	border-top: lightgrey 1px solid;
	border-left: lightgrey 1px solid;
	border-bottom: lightgrey 1px solid;
}


/* Flödande texter */



.mainHeading
{
	color: #2D582B; /* Grön skit */
	font-weight: bold;
	font-size: 14px;
	line-height: 34px;
}


.heading
{
	color: #2D582B; /* grön skit */
	font-weight: bold;
	line-height: 28px;
}

.infoNote
{
	color: #C1111E;
	font-weight: bold;
}

.textFlow
{
	line-height: 15px;
}

/* Huvudtabell */

table.page
{
	vertical-align: top;
	height: 100%;
	width: 100%;
	background-color: #ffffff;
}

td.pageHeader
{
	height: 10px;
}

td.pageLeft
{
	vertical-align: top;
	width: 138px;
}

td.pageContent
{
	vertical-align: top;
	width: 500px;
}

table.right
{
	width: 100%;
	height: 100%;
}

td.pageRight
{
	height: 400px;
	width: 100%;
	background-image: url(images/bg.gif);
}

td.pageRightBottom
{
	vertical-align: top;
	width: 100%;
	background-image: url(images/rightBottom.gif);
	border-width: 0px;
	padding: 0px;
}

td.pageSpacer
{
	width: 10px;
}

td.leftLine
{
	width: 10px;
	background-color: #D9D9D9;
}

td.leftLineRed
{
	width: 10px;
	background-color: #C1111E;
}

/* Slut huvudtabell */


/* Footer */

table.footer
{
	border: 0px solid white;
	width: 480px;
}

/* Slut footer */

/* Produktlistning */

td.tableHeading
{
	color: #2D582B; /* grön skit */
	font-weight: bold;
}

a.product
{
	color: black;
	text-decoration: none;
}

td.price
{
	text-align: right;
	width: 65px;
}

/* Dropdownlister */

select
{
	font-family: Verdana;
	font-size: 9px;
}

/* Slut Dropdownlister /*

/* Fält för antal artiklar att lägga i varukorg. */
input
{
	font-family: Verdana;
	font-size: 9px;
}

input.qty
{
	font-size: 9px;
	width: 38px;
	height: 18px;
	text-align: right;
	vertical-align: middle;
	border-right: lightgrey 1px solid;
	border-top: lightgrey 1px solid;
	border-left: lightgrey 1px solid;
	border-bottom: lightgrey 1px solid;
}

tr.listOne
{
	background-color: #FFFFFF;
	line-height: 20px;
}

tr.listTwo
{
	background-color: #fafafa;
	line-height: 20px;
}

tr.listHeading
{
	height: 24px;
	font-weight: bold;
}

tr.listFooter
{
	background-color: #DDDDDD;
}

/* Slut produktlistning */

/* Checkout */

td.orderLabel
{
	width:269px;
	font-weight:bold;
}

/* Slut Checkout */


/* Knappar */

/* Röd knapp */

.RedButton
{
	font-weight: bold;
	font-size: 9px;
	color: #f1f1f1;
	font-family: Verdana;
	background-color: #C1111E;
}
.RedButton A
{
	color: #F0F0F0;
	text-decoration: none;
}
.RedButton A:hover
{
	color: #ffffff;
	text-decoration: none;
}
.RedButtonBorder
{
	background-color: #C1111E;
}
.RedButtonHilite
{
	background-color: #F1F1F1;
}
.RedButtonShadow
{
	background-color: #F1F1F1;
}
.RedButtonHover
{
	font-weight: bold;
	font-size: 9px;
	color: #f1f1f1;
	font-family: Verdana;
	background-color: #C1111E;
}

/* Grön knapp */

.GreenButton
{
	font-weight: bold;
	font-size: 9px;
	color: #f1f1f1;
	font-family: Verdana;
	background-color: #235a23;
}
.GreenButton A
{
	color: #F0F0F0;
	text-decoration: none;
}
.GreenButton A:hover
{
	color: #ffffff;
	text-decoration: none;
	background-color: #235a23;
}
.GreenButtonBorder
{
	background-color: #235a23;
}
.GreenButtonHilite
{
	background-color: #F1F1F1;
}
.GreenButtonShadow
{
	background-color: #F1F1F1;
}
.GreenButtonHover
{
	font-weight: bold;
	font-size: 9px;
	color: #f1f1f1;
	font-family: Verdana;
	background-color: #235a23;
}

/* Gul knapp */

.YellowButton
{
	font-weight: bold;
	font-size: 9px;
	color: #f1f1f1;
	font-family: Verdana;
	background-color: #e6d212;
}
.YellowButton A
{
	color: #fcfcfc;
	text-decoration: none;
}
.YellowButton A:hover
{
	color: #ffffff;
	text-decoration: none;
}
.YellowButtonBorder
{
	background-color: #e6d212;
}
.YellowButtonHilite
{
	background-color: #fafafa;
}
.YellowButtonShadow
{
	background-color: #fafafa;
}
.YellowButtonHover
{
	font-weight: bold;
	font-size: 9px;
	color: #f1f1f1;
	font-family: Verdana;
	background-color: #e6d212; 
}

/* Brun knapp */

.BrownButton
{
	font-weight: bold;
	font-size: 9px;
	color: #f1f1f1;
	font-family: Verdana;
	background-color: #64320a;
}
.BrownButton A
{
	color: #F0F0F0;
	text-decoration: none;
}
.BrownButton A:visited
{
	color: #F0F0F0;
	text-decoration: none;
}
.BrownButton A:hover
{
	color: #ffffff;
	text-decoration: none;
}
.BrownButtonBorder
{
	background-color: #64320a;
}
.BrownButtonHilite
{
	background-color: #F1F1F1;
}
.BrownButtonShadow
{
	background-color: #F1F1F1;
}
.BrownButtonHover
{
	font-weight: bold;
	font-size: 9px;
	color: #f1f1f1;
	font-family: Verdana;
	background-color: #64320a;
}

/* Blå knapp */

.BlueButton
{
	font-weight: bold;
	font-size: 9px;
	color: #f1f1f1;
	font-family: Verdana;
	background-color: #002d8c;
}
.BlueButton A
{
	color: #F0F0F0;
	text-decoration: none;
}
.BlueButton A:visited
{
	color: #F0F0F0;
	text-decoration: none;
}
.BlueButton A:hover
{
	color: #ffffff;
	text-decoration: none;
}
.BlueButtonBorder
{
	background-color: #002d8c;
}
.BlueButtonHilite
{
	background-color: #F1F1F1;
}
.BlueButtonShadow
{
	background-color: #F1F1F1;
}
.BlueButtonHover
{
	font-weight: bold;
	font-size: 9px;
	color: #f1f1f1;
	font-family: Verdana;
	background-color: #002d8c;
}



/* Slut Knappar */

/* Meny */

td.menu
{
	background-image: url(images/menu/menu_main.gif);
	width: 139px;
	height: 18px;
}

td.menuHeading
{
	background-image: url(images/menu/menu_main.gif);
	width: 139px;
	height: 30px;
}

td.menuSpacer
{
	background-image: url(images/menu/menu_main.gif);
	width: 139px;
}

.menuHeading
{
	margin: 0px 0px 0px 9px;
}

.menuItem
{
	font-family: Arial;
	font-size: 12px;
	color: black;
	margin: 0px 0px 0px 20px;
}

.menuItem:Hover
{
	font-family: Arial;
	font-size: 12px;
	text-decoration: none;
	margin: 0px 0px 0px 20px;
}

.menuSmallItem
{
	font-size: 9px;
	color: black;
	margin: 0px 0px 0px 20px;
}

a.menuTop
{
	font-family: Arial;
	font-size: 13px;
	color: #000000;
	margin: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

a.menuTop:Hover
{
	font-family: Arial;
	font-size: 13px;
	color: #C1111E;
	margin: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
}

input.search
{
	font-size: 9px;
	vertical-align: middle;
	border-right: lightgrey 1px solid;
	border-top: lightgrey 1px solid;
	border-left: lightgrey 1px solid;
	border-bottom: lightgrey 1px solid;
	width: 70px;
	height: 18px;
}


/* Span taggar */


span.pageSubject
{
	font-family: Arial;
	color: #000000;
	font-size: 14px;
	font-weight: bold;
}

span.pageIntro
{
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
}

span.pageBody
{
	color: #000000;
	font-size: 9px;
	font-weight: normal;
}


a.pageHeadingRed
{
	font-family: Arial;
	color: #C1111E;
	font-size: 15px;
}

a.pageHeadingRed:hover
{
	font-family: Arial;
	color: #C1111E;
	font-size: 15px;
	text-decoration: none;
}

a.pageHeadingBlack
{
	font-family: Arial;
	color: #000000;
	font-size: 15px;
}

a.pageHeadingBlack:hover
{
	font-family: Arial;
	color: #000000;
	font-size: 15px;
	text-decoration: none;
}

/* Splash rubriker */

span.storySubjectRed
{
	font-family: Arial;
	color: #C1111E;
	font-size: 12px;
	text-transform: uppercase;
}

a.storySubjectRed
{
	font-family: Arial;
	color: #C1111E;
	font-size: 12px;
}

span.storySubjectGreen
{
	font-family: Arial;
	color: #235a23;
	font-size: 12px;
	text-transform: uppercase;
}

a.storySubjectGreen
{
	font-family: Arial;
	color: #235a23;
	font-size: 12px;
}

span.storySubjectBrown
{
	font-family: Arial;
	color: #64320a;
	font-size: 12px;
	text-transform: uppercase;
}

a.storySubjectBrown
{
	font-family: Arial;
	color: #64320a;
	font-size: 12px;
}

span.storySubjectYellow
{
	font-family: Arial;
	color: #e6d212;
	font-size: 12px;
	text-transform: uppercase;
}

a.storySubjectYellow
{
	font-family: Arial;
	color: #e6d212;
	font-size: 12px;
}
span.storySubjectBlue
{
	font-family: Arial;
	color: #002d8c;
	font-size: 12px;
	text-transform: uppercase;
}
a.storySubjectBlue
{
	font-family: Arial;
	color: #002d8c;
	font-size: 12px;
}

a.storySubjectWhite
{
	font-family: Arial;
	color: #FFFFFF;
	font-size: 12px;
}
a.storySubjectWhite:hover
{
	font-family: Arial;
	color: #EEEEEE;
	font-size: 12px;
}
span.storySubjectWhite
{
	font-family: Arial;
	color: #FFFFFF;
	font-size: 12px;
}

a.storySubjectBlack
{
	font-family: Arial;
	color: #000000;
	font-size: 12px;
}
span.storySubjectBlack
{
	font-family: Arial;
	color: #000000;
	font-size: 12px;
}



/* Slut rubriker */

span.storyIntro
{
	color: #000000;
	font-size: 9px;
}

a.storyIntro
{
	color: #000000;
	font-size: 9px;
	text-decoration: none;
}

a.storyIntro:hover
{
	color: #000000;
	font-size: 9px;
	text-decoration: none;
}

span.storyBody
{
	color: #000000;
	font-size: 9px;
}

a.storyBody
{
	color: #000000;
	font-size: 9px;
	text-decoration: none;
}

a.storyBody:hover
{
	color: #000000;
	font-size: 9px;
	text-decoration: none;
}

/* Priser */

span.price
{
	font-family: Arial;
	color: #C1111E;
	font-size: 12px;
}

span.priceListing
{
	font-family: Verdana;
	color: #C1111E;
	font-size: 9px;
}

/* Andra horizonetella menyn (Customer) */
.horizontalMenu
{
	font-family: Arial;
	color: #235a23;
	font-size: 12px;
}
.horizontalMenuSelected
{
	font-family: Arial;
	color: #FFFFFF;
	font-size: 12px;
}
.horizontalMenuSelected:hover
{
	font-family: Arial;
	color: #FFFFFF;
	font-size: 12px;
}
td.horizontalMenu
{
	background-color:#f1f1f1;
	height:18px;
}
td.horizontalMenuSelected
{
	background-color:#C1111E;
	height:18px;
}