/****************************************************

  Styles for garant content (headers and links)

*****************************************************/

/* Header text */
h1.garantHeader
{
	margin: 14px 0 6px 0;
	padding: 0;
	font-size: 26px;
	font-weight: normal;
	color: white;
}

/* Link text */
a.garantLink
{
	margin: 0 10px 0 10px;
	padding: 0;
	border: 0;
	font-size: 16px;
	color: white;
	text-decoration: none;
}
a.garantLink:hover
{
            color:#ffffff;
}
a.garantLink:visited
{
            color:#ffffff;
}
/* Link text */
a.garantMenuLink
{
        margin: 5px 0 0 13px;
        position: absolute; 
        z-index: 200;
        font-size:11px;
        color:#ffffff;
        font-family:georgia;
        text-decoration: none;
}
a.garantMenuLink:visited
{
       color:#ffffff;
}
a.garantMenuLink:hover
{
       color:#ffffff;
}

/* Arrow */
img.garantArrow
{
	margin: 0 5px 0 5px;
	padding: 0;
	border: 0;
	vertical-align: top;
}

/****************************************************

  Styles for garant elements (containers and logo)

*****************************************************/

/* Content container div */
.garantContent
{
	position: absolute;
	display: block;
	z-index: 97;
	margin: 0;
	padding: 0;
	left: 0;
	top: -215px;
}
/* Content container div */
.garantMenu
{
	position: absolut;
	display: block;
	z-index: 300;
	margin: 0;
	padding: 0;
	left: 0;
	top: 0px;
}

/* Logo */
.garantLogo
{
	position: absolute;
	display: block;
	z-index: 100;
	width: 131px;
	height: 29px;
	top: 0;
	cursor: pointer;
}

/* Link */
.garantLinkImg
{
	position: absolute;
	display: block;
	z-index: 99;
	width: 202px;
	height: 23px;
	top: 0;
	cursor: pointer;
}
.garantLinkImg p
{
                     z-index:200;
                     margin:5px 0 0 5px;
                     font-size:11px;
                     font-family:georgia;
                     color:#ffffff;
}

/* Link */
.garantLinkImgLeft
{
	position: absolute;
	display: block;
	z-index: 99;
	width: 6px;
	height: 23px;
	top: 0;
	cursor: pointer;
}
.garantReadMore{
                     color:#c5e254;
                     font-style:italic;
}
/* Head */
.garantHead
{
	position: absolute;
	display: block;
	z-index: 100;
	width: 800px;
	height: 228px;
	top: 0;
	font-family: arial, sans-serif;
	font-size: 11px;
	text-align: center;
	color: white;
}

/****************************************************

  Styles for garant images (borders and background)

*****************************************************/

/* Common properties */
.garantImgLeft, .garantImgRight, .garantImgTop, .garantImgLeftCorner, .garantImgRightCorner, .garantImgBottom
{
	position: absolute;
	display: block;
	margin: 0;
	padding: 0;
}

/* Left image (shadow) */
.garantImgLeft
{
	z-index: 99;
	width: 14px;
	height: 228px;
	top: 0;
	left: 0;
}

/* Right image (shadow) */
.garantImgRight
{
	z-index: 99;
	width: 14px;
	height: 204px;
	top: 0;
}

/* Top image (content background) */
.garantImgTop
{
	z-index: 95;
	height: 204px;
	top: 0;
	left: 14px;
	background-image: url("http://www.lantmannen.se/upload/opn/background_lower.png");
	background-position: center;
}

/* Left bottom corner image (shadow) */
.garantImgLeftCorner
{
	z-index: 99;
	width: 11px;
	height: 24px;
	top: 204px;
	left: 14px;
}

/* Right bottom corner image (shadow) */
.garantImgRightCorner
{
	z-index: 99;
	width: 204px;
	height: 30px;
	top: 204px;
}

/* Bottom image (shadow) */
.garantImgBottom
{
	z-index: 99;
	height: 22px;
	top: 204px;
	left: 25px;
	background-image: url("http://www.lantmannen.se/upload/opn/bottom.png");
	background-repeat: repeat-x;
}