/************************************************************
This stylesheet will be used both in the public site and the
cms editor and has lower priority than "public.css" when used
in the public site.
*************************************************************/

/*********** COMMON STYLES FOR HTML ELEMENTS ****************/
HTML{FONT-SIZE:x-small;}
BODY{COLOR:#000000; FONT-FAMILY:Trebuchet MS,Verdana,Arial,Helvetica; MARGIN-TOP:0px; background-color: #FFFFFF;}
A:link{cursor:hand; cursor:pointer;}
A:active{cursor:hand; cursor:pointer;}
A:hover{cursor:hand; cursor:pointer;}
A:visited{COLOR: #8C8C8C;cursor:hand; cursor:pointer;}
P{MARGIN-TOP:0px; MARGIN-BOTTOM:15px;/*Required for same look in Firefox and IE*/}

/*********** STYLES FOR TEMPLATE ELEMENTS *******************/
.Mainheader{FONT-SIZE:260%; MARGIN-BOTTOM:10px; MARGIN-TOP:0px;}
.Subheader{FONT-SIZE:140%; font-weight:bold; MARGIN-BOTTOM:0px; MARGIN-TOP:0px;/*Required for Firefox*/}

/** STYLES FOR EDITOR DROP DOWN LIST (PARAGRAPH FORMAT) ********/
/*************************************************************************************/
h1{FONT-SIZE:160%; FONT-WEIGHT:bold; MARGIN-BOTTOM:10px; MARGIN-TOP:5px; FONT-FAMILY:Verdana,Arial,Helvetica;}
h2{FONT-SIZE:130%; FONT-WEIGHT:bold; MARGIN-BOTTOM:8px; MARGIN-TOP:0px; FONT-FAMILY:Verdana,Arial,Helvetica;}
h3{FONT-SIZE:110%; FONT-WEIGHT:bold; MARGIN-BOTTOM:5px; MARGIN-TOP:0px; FONT-FAMILY:Verdana,Arial,Helvetica;}


/** STYLES FOR EDITOR DROP DOWN LIST (ADAPTED STYLE) *********************************/
/*************************************************************************************/
.ImportantEditor{FONT-WEIGHT:bold; COLOR:#7D7207!important;}
.ImagetextEditor{FONT-WEIGHT:normal; FONT-SIZE:90%;}


/*********** CUSTOM STYLES FOR TEMPLATE *********************/
.container{ width:950px; background-color:#FFFFFF; margin:0px auto 0px auto; padding-bottom:10px;}

.headerArea{ width:944px; margin:0px auto 0px auto; padding:0px;}

.menuArea{ width:944px; height:30px; background-color:#FFFFFF; margin:0px auto 0px auto; padding:0px;}
.menuContent{ float:left;}
.searchArea{ float:right; padding-top:5px; margin-right: 5px;}
.menuBottom{ margin:0px auto 3px auto;}

.footerArea{ width:944px; background-color:#CC0000; margin:0px auto 0px auto; clear:both;}
.footerContent{ padding:6px 10px 6px 10px; color:#FFFFFF; font-size:110%;}


.inputSearch{FONT-SIZE:110%; COLOR:#666666; FONT-FAMILY:Verdana,Arial,Helvetica;}

/*********** STYLES FOR MENU ********************************/
.litNavTopGroup{cursor:hand; height:30px; color:#000000; font-size:120%; margin:0px; font-weight:bold;}
.litNavMenuGroup{cursor:hand; color:#000000; font-size:110%; background-color:#FFFFFF; border:solid 1px #8C8C8C;}
.litNavTopMenuItem{cursor:hand;}
.litNavTopMenuItem nobr{}
.litNavTopMenuItemHover{cursor:hand; background-color:#EEEEEE;}
.litNavTopMenuItemExpanded{cursor:hand; background-color:#EEEEEE;}
.litNavTopMenuItemActive{cursor:hand; background-color:#EEEEEE;}
.litNavMenuItem{cursor:hand;}
.litNavMenuItemHover{cursor:hand; background-color:#EEEEEE;}
.litNavMenuItemActive{cursor:hand;}
.litNavMenuItemExpanded{cursor:hand;}
.litNavMenuBreak{}

/*********** STYLES FOR TEMPLATE WIDTH *******************/
.Template{MIN-HEIGHT:400px; _HEIGHT:400px; width:944px; margin:0px auto 7px auto;}
.startPuffHolder{MIN-HEIGHT:300px; _HEIGHT:300px; width:944px; margin:0px auto 7px auto;}

/*********** STYLES FOR TEMPLATE ELEMENTS *******************/
.padding{padding:5px 11px 11px 11px;}
.startPuffSpace{ background-image:url(../images/start_puff_space.gif); background-repeat:no-repeat;}
.startPuff{ background-color:#FFFFFF;}

.contentArea{ float:right; width:681px;}
.contentAreaWide{float: left; padding-bottom: 20px; width: 100%;}
.contentAreaTopLine{ float:right; width:681px; border-top:solid 1px #CCCCCC; margin-bottom:20px; padding-top:20px;}

.subMenuArea{ float:left; width:223px;}
.subMenuItem{ width:206px; border-bottom:solid 2px #FFFFFF; font-size:90%;}
.subMenuItemContent{ padding:3px 10px 3px 10px;}
.subMenuHeader{width:206px; background-color:#000000; border-bottom:solid 2px #FFFFFF; font-size:90%;}

.redHeader{ background-color:#CC0000; color:#FFFFFF; font-size:200%; padding-left:10px; text-transform:uppercase;}
.greyHeader{ color:#000000; font-size:200%; padding-left:10px; text-transform:uppercase; }

.productLeftColumn{ width:206px; float:right; }
.productTextLeft{width:220px; float:left; border-right:solid 1px #BFBFBF; background-image:url(../Images/product_text_bg.gif); background-position:top right; background-repeat:no-repeat;}
.productTextRight{width:210px; float:right;}
.productRightBox1{ background-color:#E6E5E7; padding:10px; margin-bottom:15px; font-family:Verdana, Trebuchet MS;}
.productRightBox2{ background-color:#E6E5E7; padding:10px 10px 0px 10px; font-size:110%;}

.Intro{			FONT-SIZE:120%;	FONT-WEIGHT:bold; MARGIN-TOP:0px; MARGIN-BOTTOM:10px;}
.Text{			FONT-SIZE:120%;	FONT-WEIGHT:normal; MARGIN-TOP:0px; MARGIN-BOTTOM:10px;}
.Normal{		FONT-SIZE:120%;}
.Textbold{		FONT-WEIGHT:bold;}
.Factheader{	FONT-WEIGHT:bold; COLOR:white; BACKGROUND-COLOR:#555555; PADDING:5px;}
.Facttext{		FONT-WEIGHT:normal; BACKGROUND-COLOR:#DDDDDD; PADDING:5px;}
.Imagetext{		FONT-WEIGHT:normal; MARGIN-TOP:2px; TEXT-ALIGN:CENTER;}
.Date{			COLOR:#AAAAAA; MARGIN-TOP:0px; MARGIN-BOTTOM:0px;}

.TopMenuIcon{ padding-left:10px;}
.TopMenuItem{ padding:0px 10px 0px 5px; font-size:120%;}
.TopMenuItem:hover{}
A.TopMenuLink:link{ color:#000000; text-decoration:none;}
A.TopMenuLink:active{ color:#000000; text-decoration:none;}
A.TopMenuLink:visited{ color:#000000; text-decoration:none;}
A.TopMenuLink:hover{ text-decoration:none;}

.Linklist{		FONT-WEIGHT:normal;	MARGIN-TOP:20px;}
.Linkicon{		MARGIN-RIGHT:3px;	HEIGHT:10px;	BACKGROUND-IMAGE: url(link.gif);}
.Filelist{		FONT-WEIGHT:normal;	MARGIN-TOP:20px;}
.Fileicon{		MARGIN-RIGHT:5px;}

.Newslist{		FONT-WEIGHT:normal;	MARGIN-TOP:20px;}
.Form{			}/*Denna fýr inte ha textstorlek, dý ballar inputfýlten ur!!*/
.InputItem{				FONT-SIZE:110%;	MARGIN-BOTTOM:10px; COLOR:#000000; FONT-FAMILY:Verdana,Arial, Helvetica; }
.InputItemFixedWidth{	FONT-SIZE:110%;	MARGIN-BOTTOM:10px;	WIDTH:300px; COLOR:#000000; FONT-FAMILY:Verdana,Arial, Helvetica; }
.InputItemFullWidth{	FONT-SIZE:110%;	MARGIN-BOTTOM:10px;	WIDTH:100%; COLOR:#000000; FONT-FAMILY:Verdana,Arial, Helvetica; }
.SelectItemFixedWidth{	FONT-SIZE:110%;	MARGIN-BOTTOM:10px;	WIDTH:305px;	FONT-WEIGHT:bold; COLOR:#000000; FONT-FAMILY:Verdana,Arial, Helvetica; }
.MarginSingle{	MARGIN-TOP:10px;}
.MarginDouble{	MARGIN-TOP:20px;}

.Image{									MARGIN-TOP:20px;}
.ImageCenter{		TEXT-ALIGN:CENTER;	MARGIN-TOP:20px;}
.ImageLeft{			TEXT-ALIGN:LEFT;	MARGIN-TOP:20px;}
.ImageRight{		TEXT-ALIGN:RIGHT;	MARGIN-TOP:20px;}
.ImageLeftFloat{	FLOAT:LEFT;			MARGIN-TOP:10px;	MARGIN-RIGHT:10px;	MARGIN-BOTTOM:10px;		DISPLAY:INLINE;}
.ImageRightFloat{	FLOAT:RIGHT;		MARGIN-TOP:10px;	MARGIN-LEFT:10px;	MARGIN-BOTTOM:10px;		DISPLAY:INLINE;}

.ColumnSpace{			HEIGHT:10px;WIDTH:10px;}
.CrossHorizontal{		FONT-SIZE:1%;	HEIGHT:2px;		BACKGROUND-COLOR:#555555;}
.CrossHorizontalCell{	FONT-SIZE:1%;					PADDING-BOTTOM:10px;		PADDING-TOP:10px;}
.CrossVertical{			FONT-SIZE:1%;	WIDTH:2px;		BACKGROUND-COLOR:#555555;}
.CrossVerticalCell{		FONT-SIZE:1%;	HEIGHT:100%;	PADDING:5px;}

.threeColumnLeft{		VERTICAL-ALIGN:top; WIDTH:350px; padding-right:5px;}
.threeColumnMiddle{		VERTICAL-ALIGN:top; WIDTH:189px; padding-top:5px; padding-left:5px; padding-right:5px;}
.threeColumnRight{		VERTICAL-ALIGN:top; WIDTH:189px; padding-top:5px; padding-left:5px;}
.threeColumnLineV{		padding-top:5px; BACKGROUND-IMAGE: url(../templates/common/images/dotlineV_bg.gif);}
.threeColumnLineH{		MARGIN-TOP:5px; MARGIN-BOTTOM:5px; HEIGHT:1px; BACKGROUND-IMAGE: url(../templates/common/images/dotlineH_bg.gif);}

.twoColumnTable{		WIDTH:100%; HEIGHT:350px;}
.twoColumnLeft{			VERTICAL-ALIGN:top; PADDING-RIGHT:20px;}
.twoColumnRight{		VERTICAL-ALIGN:top; WIDTH:180px; PADDING-LEFT:20px;}
.twoColumnInnerTable{	MARGIN-TOP:20px;}
.twoColumnInnerOne{		HEIGHT:100%; WIDTH:33%; VERTICAL-ALIGN:top; PADDING-TOP:10px; PADDING-RIGHT:10px;}
.twoColumnInnerTwo{		HEIGHT:150px; WIDTH:34%; VERTICAL-ALIGN:top; PADDING-TOP:10px; PADDING-LEFT:10px; PADDING-RIGHT:10px;}
.twoColumnInnerThree{	HEIGHT:150px; WIDTH:33%; VERTICAL-ALIGN:top; PADDING-TOP:10px; PADDING-LEFT:10px;}
.twoColumnLineH{		HEIGHT:1px; BACKGROUND-COLOR: #9A9A9A;}
.twoColumnLineV{		WIDTH:1px; BACKGROUND-COLOR: #9A9A9A;}

.Fileheader{			FONT-SIZE:110%;	FONT-WEIGHT:bold;	MARGIN-BOTTOM:5px;	BORDER-BOTTOM:1px solid black;}
.Fileitem{				FONT-SIZE:110%;	FONT-WEIGHT:normal;	MARGIN-BOTTOM:5px;}
.Linkheader{			FONT-SIZE:110%;	FONT-WEIGHT:bold;	MARGIN-BOTTOM:5px;	BORDER-BOTTOM:1px solid black;}
.Linkitem{				FONT-SIZE:110%;	FONT-WEIGHT:normal;	MARGIN-BOTTOM:5px;}
.Productname{			FONT-SIZE:110%;	FONT-WEIGHT:bold;	MARGIN-BOTTOM:5px;}

.Blacklink{ color:#000000; font-size:130%; font-weight:bold; text-decoration:none;}
A.Blacklink:link{ color:#000000; text-decoration:none;}
A.Blacklink:active{ color:#000000; text-decoration:none;}
A.Blacklink:visited{ color:#000000; text-decoration:none;}
A.Blacklink:hover{ text-decoration:none;}

.Whitelink{ color:#FFFFFF; font-size:130%; font-weight:bold; text-decoration:none;}
A.Whitelink:link{ color:#FFFFFF; text-decoration:none;}
A.Whitelink:active{ color:#FFFFFF; text-decoration:none;}
A.Whitelink:visited{ color:#FFFFFF; text-decoration:none;}
A.Whitelink:hover{ text-decoration:underline;}

.Blacklink2{ color:#000000; text-decoration:none;}
A.Blacklink2:link{ color:#000000; text-decoration:none;}
A.Blacklink2:active{ color:#000000; text-decoration:none;}
A.Blacklink2:visited{ color:#000000; text-decoration:none;}
A.Blacklink2:hover{ text-decoration:underline;}

.Productdesc{			FONT-SIZE:110%;	FONT-WEIGHT:normal;}

.ProductCategoryList{ padding-bottom:20px;}
.ProductCategoryColumnItem1{ width:178px; height:220px; background-image:url(../images/start_puff_space.gif); background-position:right top; background-repeat:no-repeat;}
.ProductCategoryColumnItem2{ width:146px; height:220px;}
.ProductCategoryItem{ height:220px; position:relative; font-family: Arial, san-serif; font-size: 120%; font-weight:bold; color: #555; text-align:center; vertical-align:bottom; }
.ProductCategoryName{ position:absolute; left:7px; top:7px; text-transform:uppercase;}
.ProductCategoryArrow{ position:absolute; left:120px; bottom:0px;}

.ProductColumnItem1{ width:178px; height:275px; background-image:url(../images/start_puff_space.gif); background-position:right top; background-repeat:no-repeat;}
.ProductColumnItem2{ width:146px; height:275px;}
.ProductItem{ width:146px; height:275px; position:relative; }
.ProductName{height:45px; padding:7px; text-transform:uppercase;}
.ProductArrow{ position:absolute; left:120px; bottom:0px;}
.ProductImage{ }

.drinksProductColumnItem1{ width:178px; height:240px; background-image:url(../images/start_puff_space.gif); background-position:right top; background-repeat:no-repeat;}
.drinksProductColumnItem2{ width:146px; height:240px;}
.drinksProductItem{ width:136px; height:220px; position:relative; }
.drinksProductName{height:45px; padding:7px; text-transform:uppercase;}
.drinksProductArrow{ position:absolute; left:120px; bottom:0px;}
.drinksProductImage{ }

.Newsimage{				FLOAT:RIGHT;	MARGIN-LEFT:10px;	MARGIN-BOTTOM:10px;		DISPLAY:INLINE;}
.Newsdate{				FONT-SIZE:100%;}
.Newsheader{			FONT-SIZE:110%;	FONT-WEIGHT:bold;}
.Newslink{}
A.Newslink:link{}
A.Newslink:active{}
A.Newslink:hover{}
A.Newslink:visited{}
.Newsintro{				FONT-SIZE:110%;	FONT-WEIGHT:normal;}
.Newsitem1{				PADDING:5px;	BACKGROUND-COLOR:#F7F7F7;}

.Newsitem2{				PADDING:5px;	BACKGROUND-COLOR:#EBEBEB;}
.Breadcrumb{			FONT-SIZE:110%;	FONT-WEIGHT:normal;	COLOR:gray;}

A.Breadcrumb:link{		COLOR:gray!important;}
A.Breadcrumb:active{	COLOR:gray!important;}
A.Breadcrumb:hover{		COLOR:gray!important;}
A.Breadcrumb:visited{	COLOR:gray!important;}

.printButtonText{color:#000000; text-decoration:none; font-family:Verdana;}
A.printButtonText:link{color:#000000; text-decoration:none;}
A.printButtonText:active{color:#000000; text-decoration:none;}
A.printButtonText:visited{color:#000000; text-decoration:none;}
A.printButtonText:hover{color:#000000; text-decoration:underline;}

.BlogArchiveAdminImage{float:left; width: 270px;}
.BlogArchiveIntro{float:left; width: 652px;}
.BlogArchiveAdminInfo{width: 260px; FONT-SIZE:120%;FONT-WEIGHT:normal; MARGIN-TOP:5px; MARGIN-BOTTOM:10px;}

.BlogLeftColumn{float:left; width: 270px;}
.Bloglist{float: left; width: 630px; FONT-WEIGHT:normal; padding:0px; height: 400px; overflow-y: scroll; overflow-x: hidden; border: solid 1px; padding: 10px;}
.Blogitem1{margin-bottom: 25px;}
.Blogimage{float:left; width: 100px; margin-right: 30px;}
.BlogMessageInfo{float: left; width: 470px;}
.Blogheader{FONT-SIZE:110%; FONT-WEIGHT:bold; color: #000000; text-decoration: none!important;}
.Blogheader a{FONT-SIZE:110%; FONT-WEIGHT:bold; color: #000000!important; text-decoration: none!important;}
.BlogSeparator{width: 99%; margin: 0px auto 7px auto; border-top: solid 1px #cccccc;}

/***************** ERROR ************************************/
.litErrorMsg{COLOR: #FF0000! important;}

/* 4. CSS for the left menu, new in version 4.1 */


/** STYLES FOR THE LEFT MENU *********************************************************/
/*************************************************************************************/
.LeftMenu ul{margin:0; margin-top:4px; padding:0;}
.LeftMenu li{list-style:none; padding:3px; margin-left:15px;}
.LeftMenu a{text-decoration:none; padding:2px; margin-left:1px; line-height:14px; color:#666666;}
.LeftMenu a:hover{text-decoration:underline;}
.LeftMenu_Selected {margin-left:0px!important; border:1px solid #CCCCCC; background-color:White;}
.LeftMenu_StartPage {}
.LeftMenu_level_1{margin-left:-20px!important; line-height:130%; FONT-SIZE:110%;}
.LeftMenu_level_2, .LeftMenu_level_3, .LeftMenu_level_4, .LeftMenu_level_5{margin-top:1px!important; line-height:110%;}