/** STYLES FOR HTML ELEMENTS *********************************************************/
/*************************************************************************************/
HTML
{
	font-size: x-small;
	background-color: #333333;
}

BODY
{
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 1.0em;
	margin: 0px;
	padding: 0px;
}

A:link, A:visited
{
	color: #ffffff;
	text-decoration: underline;
}

A:active
{
	color: #FFC864;
	text-decoration: underline;
}

A:hover
{
	color: #FFC864;
	text-decoration: underline;
	cursor: pointer;
}

h1
{
	font-size: 180%;
	margin: 0px;
	margin-bottom: 10px;
	font-weight: bold;
}

h2
{
	font-size: 140%;
	margin: 0px;
	margin-bottom: 10px;
	font-weight: bold;
}

h3
{
	font-size: 100%;
	margin: 0px;
	font-weight: bold;
	font-style: italic;
}

P
{
	margin: 0px;
	margin-bottom: 10px;
}

UL
{
}

HR
{
}


/** STYLES FOR THE BASEFILE **********************************************************************/
/** The class names below are used in the basefile (/Templates/Framework/OlsbergsSwedish.master) */
/*************************************************************************************************/
html, body
{
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
}

.WebBody
{
	/*
	margin: auto;
	padding: 0px;
	width: 1000px;
	height: 635px;
	background-color: #444444;
	*/
}

.WebContainer
{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -318px;
	margin-left: -500px;
	width: 1000px;
	height: 636px;
	background-color: #444444;
	/*
	position: relative;
	margin: auto auto auto auto;
	width: 1000px;
	height: 636px;
	background-color: #444444;
	*/
}

.WebMain
{
	position: absolute;
	top: 25px;
	width: 910px;
	height: 580px;
	margin-left: 40px;
	background-color: #444444;
}

.WebHeaderLogo
{
	position: absolute;
	top: 0px;
	left: 0px;
}

.WebHeaderFlags
{
	position: absolute;
	top: 14px;
	left: 820px;
}

.WebHeaderFlags a
{
	float: left;
	text-decoration: none;
	margin-left: 5px;
	padding-bottom: 7px;
}

.WebHeaderFlags img
{
	margin-bottom: -7px;
}

.WebHeaderFinishFlag
{
	position: absolute;
	top: 14px;
	left: 728px;
	font-weight: bold;
}

.WebHeaderFinishFlag a
{
	float: left;
	text-decoration: none;
	margin-right: 4px;
	padding-bottom: 17px;
}

.WebHeaderFinishFlag img
{
	margin-bottom: -17px;
}

.WebHeaderBackToButton
{
	position: absolute;
	top: 14px;
	left: 753px;
	font-weight: bold;
}

.WebHeaderBackToButton a
{
	float: left;
	text-decoration: none;
	margin-right: 4px;
	padding-bottom: 7px;
}

.WebHeaderBackToButton img
{
	margin-bottom: -7px;
}

.BackToButton
{
    background-image: url(Images/BackToButton.gif); 
	background-repeat:no-repeat;
}

.FinishFlag 
.{
.	background-image: url(Images/FinishFlag.gif); 
.	background-repeat:no-repeat;
.}

.SwedishFlag 
{
	background-image: url(Images/SwedishFlag.gif); 
	background-repeat:no-repeat;
}

.EnglishFlag 
{
	background-image: url(Images/EnglishFlag.gif); 
	background-repeat:no-repeat;
}

.OlsbergsLogotype
{
	background-image: url(Images/Olsbergs.gif);
	background-repeat: no-repeat;
}

.OlsbergsRacingLogotype
{
	background-image: url(Images/OlsbergsRacing.gif);
	background-repeat: no-repeat;
}

.WebHeaderTopMenu
{
	position: absolute;
	top: 16px;
	left: 189px;
}

.WebMiddleContent
{
	float: left;
	width: 100%;
	margin-top: 80px;
}

.WebContent
{
	float: left;
}

.WebContentLeft
{
	float: left;
	width: 170px;
	padding-top: 5px;
	padding-left: 10px;
	height: 480px;
}

.WebContentRight
{
	float: right;
	width: 721px;
	height: 485px;
}

/** STYLE FOR TOP MENU ***************************************************************/
/*************************************************************************************/
.WebTopMenu
{
	color: #ffffff;
	font-family:  Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: bold;
}

.WebTopMenu a
{
	text-decoration: none;
}

.WebTopMenuItem
{
}

.WebTopMenuItemSelected a
{
	color: #FFC864;
}

.WebTopMenuItemHover a
{
	color: #FFC864;
	text-decoration: underline;
	cursor: pointer;
}


/** STYLES FOR THE LEFT MENU *********************************************************/
/*************************************************************************************/
.WebLeftMenu
{
	float: left;
	color: #FFFFFF;
	font-family:  Verdana, Arial, Helvetica, Sans-Serif;
}

.WebLeftMenu ul
{
	margin: 0px;
	padding: 3px;
}

.WebLeftMenu li
{
	list-style: none;
	margin-left: 10px;
}

.WebLeftMenu a,
.WebLeftMenu a:link,
.WebLeftMenu a:active,
.WebLeftMenu a:visited
{
	text-decoration: none;
	color: #FFFFFF;
}

.WebLeftMenu a:hover
{
	text-decoration: underline;
}

.WebLeftMenu a.WebLeftMenuSelected
.WebLeftMenu a:link.WebLeftMenuSelected,
.WebLeftMenu a:active.WebLeftMenuSelected,
.WebLeftMenu a:visited.WebLeftMenuSelected
{
	margin-left: 0px !important;
	color: #FFC864;
}

.WebLeftMenu_level_1
{
	margin-left: -10px !important;
    font-weight: bold;
}

ul.WebLeftMenu_level_2 li, 
ul.WebLeftMenu_level_3 li, 
ul.WebLeftMenu_level_4 li, 
ul.WebLeftMenu_level_5 li
{
	margin-top: 2px !important;
	font-weight: normal;
}

ul.WebLeftMenu_level_1 li ul
{
	margin-bottom: 5px;
}

ul.WebLeftMenu_level_1 li ul ul
{
	margin-bottom: 3px;
}

/** STYLES FOR OLSBERGS TEMPLATES ****************************************************/
/*************************************************************************************/
.ContentTitle
{
    margin-bottom: 0px;
}

.ContentIntro
{
	font-weight: bold;
}

.ContentText
{
    margin-top: 10px;
}

.ContentImage
{
    float: right;
    height: 405px;
    margin-right: -10px;
    margin-top: -10px;
	margin-left: 7px;
}

.ContentImageText
{
	position: relative;
	margin-top: -30px;
	text-align: center;
}

.ContentImageTextInner
{
	background-color: #dddddd;
	border: 1px solid #444444;
	padding: 4px 6px 4px 6px;
	text-align: center;
	font-weight: bold;
}

.ContentList
{
	position: absolute;
	bottom: 0px;
	left: 6px;
}

.ContentListFrame
{
	margin-bottom: 40px;
	width: 170px;
}

.ContentListHeader
{
	font-weight: bold;
	font-size: 110%;
	display: block;
	margin-bottom: 5px;
	margin-top: 15px;
	color: #ffffff;
}

.ContentListItem
{
	margin-bottom: 5px;
}


/** STYLE FOR TEMPLATE ArticleWithImageGallery01 *************************************/
/*************************************************************************************/

.ContentGallery01
{
	height: 385px;
	width: 701;
	padding: 10px;
	background-color: #444444;
}

.ContentGallery01 A:link, 
.ContentGallery01 A:visited
{
	color: #;
}

.ContentGallery01 A:active,
.ContentGallery01 A:hover
{
	color: #FFC864;
	color: #;
}

.ArticleText
{
}

.ArticleImage
{
	position: absolute;
	top: 80px;
	left: 189px;
	width: 721px;
	height: 405px;
	text-align: center;
}


/** STYLE FOR TEMPLATE ArticleWithImageSlides01 **************************************/
/*************************************************************************************/
.SlideContent01
{
	height: 485px;
	width: 100%;
}

.SlideContentText01
{
    color: #ffffff;
	width: 210px;
}

.ContentTitleImageSlide01
{
}

.ContentIntroImageSlide01
{
	font-weight: bold;
	margin-bottom: 10px;
}

.ContentTextImageSlide01
{
}


/** STYLE FOR TEMPLATE ArticleWithImageSlides02 **************************************/
/*************************************************************************************/
.SlideContent02
{
	height: 485px;
	width: 100%;
}

.SlideContentText02
{
    color: #ffffff;
	width: 175px;
}

.ContentTitleImageSlide02
{
}

.ContentIntroImageSlide02
{
	font-weight: bold;
	margin-bottom: 10px;
}

.ContentTextImageSlide02
{
}


/** STYLE FOR TEMPLATE ArticleWithBackgroundImage01 **********************************/
/*************************************************************************************/
.BackgroundContent01
{
	height: 465px;
	width: 701;
	padding: 10px;
	background-color: #dddddd;
}

.BackgroundContent01 A:link, 
.BackgroundContent01 A:visited
{
	color: #111111;
}

.BackgroundContent01 A:active,
.BackgroundContent01 A:hover
{
	color: #FFC864;
	color: #111111;
}

.BackgroundImage01
{
	position: absolute;
	top: 80px;
	left: 189px;
	width: 721px;
	height: 485px;
	z-index: 20;
}

.ContentTextBackgroundImage01
{
	position: absolute;
	top: 90px;
	right: 10px;
	width: 701px;
	height: 465px;
	z-index: 40;
}


/** STYLE FOR TEMPLATE ProductWithImageGallery01 *************************************/
/*************************************************************************************/
.ProductContent01
{
	height: 385px;
	width: 701;
	padding: 0px;
	background-color: #444444;
}

.ProductContent01 A:link, 
.ProductContent01 A:visited
{
	color: #111111;
}

.ProductContent01 A:active,
.ProductContent01 A:hover
{
	color: #FFC864;
	color: #111111;
}

.ProductContentText01
{
    color: #111111;
	width: 175px;
}


.ContentIntroProductGallery01
{
	font-weight: bold;
	margin-bottom: 5px;
}

.ContentTextProductGallery01
{
}

.ProductText
{
}

.ProductImage
{
	position: absolute;
	top: 80px;
	left: 189px;
	width: 721px;
	height: 405px;
	text-align: center;
}


/** STYLE FOR TEMPLATE NewsWithImageGallery01 ****************************************/
/*************************************************************************************/

.NewsGallery01
{
	height: 385px;
	width: 701;
	padding: 10px;
	background-color: #444444;
}

.NewsGallery01 A:link, 
.NewsGallery01 A:visited
{
	color: #ffffff;
}

.NewsGallery01 A:active,
.NewsGallery01 A:hover
{
	color: #FFC864;
	color: #111111;
}

.ContentNewsImage
{
    float: right;
    margin-right: -10px;
    margin-top: -10px;
	margin-left: 7px;
}


/** STYLE FOR TEMPLATE Newslist1 *****************************************************/
/*************************************************************************************/
.NewsListContent01
{
	height: 465px;
	width: 701;
	padding: 10px;
	background-color: #444444;
}

.NewsListContent01 A:link, 
.NewsListContent01 A:visited
{
	color: #ffffff;
}

.NewsListContent01 A:active,
.NewsListContent01 A:hover
{
	color: #FFC864;
	color: #111111;
}

.ContentTitleNewsList01
{
}

.ContentIntroNewsList01
{
	font-weight: bold;
	margin-bottom: 5px;
}

.NewsList01
{
}

.NewsListItem01
{
	float: left;
	height: 75px;
	width: 100%;
	margin-top: 5px;
	border-top: 1px solid #cccccc;
}

.NewsListItemImage01
{
	float: right;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-right: 5px;
}

.NewsListItemHeader01
{
	margin: 5px;
}

.NewsListItemHeaderText01
{
	font-weight: bold;
	font-size: 120%;
}

.NewsListItemHeaderText01 a
{
    color: #111111;
	text-decoration: none;
}

.NewsListItemHeaderDate01
{
	margin-left: 10px;
}

.NewsListItemIntro01
{
	margin: 5px;
}

.NewsListItemLink01
{
    margin: 5px;
	font-weight: bold;
}

.NewsListItemLink01 a
{
    color: #111111;
	text-decoration: none;
}


/** STYLE FOR IMAGEGALLERY ***********************************************************/
/*************************************************************************************/
.ContentImageList
{
	position: absolute;
	top: 486px;
	left: 188px;
	background-color: #444444;
	width: 723px;
	height: 80px;
	border-top: 1px solid #444444;
	overflow: hidden;
}

.ContentImageListInner
{
	position: absolute;
	top: 4px;
	left: 0px;
	width: 18200px;
	height: 100%;
}

.ContentImageListItem
{
	float: left;
	width: 91px;
}

.ContentImageListItem a
{
	float: left;
	background-color: #DDDDDD;
	border: 1px solid #444444;
	width: 84px;
	height: 49px;
	text-align: center;
	color: #111111;
	text-decoration: none;
}

.ContentImageListItem a img
{
	border: 2px solid #444444;
	filter:alpha(opacity=50);
	-moz-opacity: .50;
	opacity: .50;
}

.ContentImageListItem a.SelectedProductImage img
{
	border: 2px solid #FFC864;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}

.ContentImageListItem a:hover img
{
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}

.SlideShowButtonTable
{
	position: absolute;
	top: 59px;
	left: 0px;
	width: 100%;
	background-color: #444444;
	border: 1px solid #444444;
}

.SlideShowButtonCell
{
	width: 20%;
}

.SlideShowButtonCell a
{
	font-weight: bold;
	text-decoration: none;
}

.SlideShowButtonCell a img
{
	margin-bottom: -3px;
}


/** STYLE FOR IMAGESLIDES ************************************************************/
/*************************************************************************************/
.MultiImageContent
{
	position: absolute;
	top: 80px;
	left: 369px;
	width: 540px;
	height: 405px;
	z-index: 20;
}

.ContentTextImageSlide
{
    margin-top: 5px;
    width: 175px;
}

.SlideOneContentImage
{
	position: absolute;
	top: 80px;
	left: 369px;
	width: 540px;
	height: 485px;
	z-index: 20;
}

.SlideOneContentImage div
{
	position: absolute;
	top: 0px;
	right: 0px;
}

.SlideImageItemHeader
{
	text-align: center;
	position: absolute;
	top: 15px;
	left: 10px;
	width: 100%;
}

.SlideImageItemHeaderInner
{
	display: inline-block;
	color: #111111;
	background-color: #dddddd;
	border: 1px solid #444444;
	padding: 5px 20px 5px 20px; 
	text-align: center;
}


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


.TitleImageSlide
{
	margin-bottom: 5px;
}

.ProductContentText
{
	float: left;
	width: 100%;
	margin-top: 15px;
	color: #000000;
}

.ProductContentText a
{
	color: #000000;
}

.ProductIntro, .ContentIntro
{
	font-weight: bold;
	margin-top: 5px;
}


.ContentOneIntroImageSlide
{
	font-weight: bold;
	margin-top: 5px;
	width: 175px;
}

.ContentRightImageList
{
}


.ImageText
{
	text-align: center;
	position: absolute;
	top: 15px;
	left: 10px;
	width: 679px;
}

.ImageTextInner
{
	display: inline-block;
	color: #111111;
	background-color: #dddddd;
	border: 1px solid #444444;
	padding: 4px 6px 4px 6px; 
	text-align: center;
	font-weight: bold;
}


.SlideContentHeader
{
	position: absolute;
	top: 128px;
	left: 410px;
	z-index: 20;
	color: #ffffff;
	font-size: 120%;
	width: 210px;
	text-align: center;
}

#SlideContentHeader1,
#SlideContentHeader4,
#SlideContentHeader7
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 20;
	width: 100%;
	text-align: center;
}

.SlideContentImage1
{
	position: absolute;
	top: 297px;
	left: 189px;
	width: 280px;
	height: 280px;
	z-index: 20;
}

.SlideContentImage2
{
	position: absolute;
	top: 202px;
	left: 410px;
	width: 280px;
	height: 280px;
	z-index: 30;
}

.SlideContentImage3
{
	position: absolute;
	top: 108px;
	left: 629px;
	width: 280px;
	height: 280px;
	z-index: 40;
}

.SlideContentImage1 div,
.SlideContentImage2 div,
.SlideContentImage3 div
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}



.ImageRightFloat
{
    FLOAT:RIGHT; 
    MARGIN-TOP:10px; 
    MARGIN-LEFT:10px; 
    MARGIN-BOTTOM:10px; 
    DISPLAY:INLINE;
}

.IntroductionText
{
	position: absolute;
	font-weight: bold;
	top: 19px;
	left: 3px;
	width: 80px;
	z-index: 200;
	text-align: center;	
}


/** SYSTEM ERROR MESSAGE *************************************************************/
/** System errors shown together with add-on-templates *******************************/
/*************************************************************************************/
.litErrorFieldset
{
	margin-top: 10px;
	margin-bottom: 10px;
}

.litErrorLegend
{
	color: #FF0000 !important;
	font-size: 110%;
	padding-right: 6px;
}

.litErrorDiv
{
	padding-top: 8px;
	padding-bottom: 5px;
}

.litErrorIcon
{
	width: 16px;
	height: 16px;
	margin-right: 3px;
}

.litErrorMsg
{
	color: #FF0000 !important;
	font-size: 110%;
}


/*** Link menu ***/

#ContentLinkFrame
{
	float: left;
	width: 95%;
	margin-left: 3px;
}

#ContentLinkFrame .ContentListHeader
{
	display: none;
}

#ContentLinkFrame a,
#ContentLinkFrame a:link,
#ContentLinkFrame a:active,
#ContentLinkFrame a:visited
{
	font-weight: bold;
	text-decoration: none;
}

#ContentLinkFrame a:hover
{
	text-decoration: underline;
	color: #ffffff;
}