
#container {
	width: 1031px;
	margin: 0 auto;
}

/* PageHeader */
#header {
	height: 145px; 
	margin: 0;
	background: url('/Css/Images/bg_header.png') no-repeat top right;
}

#header .kundtidning {
	float: right;
	position: relative;
	width: 315px;
	height: 137px;
	margin: 0px 0px 0px 0px;
	background: url('/Css/Images/bg_katalog.gif') no-repeat top right;
}
#header .kundtidning .MoreLink {
	position: absolute;
	top: 60px;
	right: 160px;
	font-size: 10px;
	height: 17px;
	line-height: 17px;
	padding: 0 24px 0 0;
	background: url('/Css/Images/bg_framebox-arrow.gif') no-repeat top right;
}
#header .kundtidning .MoreLink:hover {
	background-position: right -17px;	
}

#header .fblike
{
	float: right;
	margin: 10px 10px 0px 0px;
}

#header h1 {
	width: 30px;
	height: 81px;
	text-indent: -2000px;
	padding: 20px 0px 0px 20px;
}

#header-admin
{
	margin: 0;
    background-color: #ffffff;
    width: 1031px;
    border: 0;
}
#header-navigation
{
	height:25px;
	padding: 0px 30px 0px 30px;
    background: url('/Css/Images/bg_header-nav.png') no-repeat bottom left;
}
#header ul
{
	position: absolute;
	list-style:none;
	height:25px;
	margin: 17px 0px 0px 0px;
	padding: 0px 30px 0px 30px;
}
#header ul li             {text-align:center;float:left;}
#header ul li a
{
	color:#000;
	font-size: 0.8em;
	font-family: Verdana, Arial, Sans-Serif;
	text-transform: uppercase;
	letter-spacing: 0.2mm;
	display: block;
	padding: 2px 23px 0px 18px;
	background: url('/Css/Images/bg_header-nav-a.gif') no-repeat bottom left;
}
#header ul li a:hover
{
	color: #bbcf72;
}
#header ul li a.selected
{
	color: #f7a600;
}
#header ul li a.selected:hover
{
	color: #f7a600;
}

#header-navigation-page
{
	height:15px;
	padding: 5px 30px 0px 30px;
    background: url('/css/images/bg_conent.png') repeat-y;
}

/* Page */
#content
{
	width: 988px;
	float: left;
}
#content-top
{
	width: 988px;
	background: url('/css/images/bg_content_repeat.png') top left repeat-y;
}
#content-bottom
{
    width: 988px;
    height: 18px;
    background: url('/css/images/bg_content_bottom.png') top left no-repeat;
}
#main-leftmenu
{
    width: 20px;
    height: 570px;
    float: left;
    margin: 30px 0px 0px 0px;
    background: url('/css/images/bg_leftmenu.png') top left no-repeat;
    padding-top: 30px;
    padding-left: 5px;
    margin-left: 18px;
}
#main-one
{
    padding-left: 10px;
    width: 210px;
    float: left;
}
#main-two
{
    width: 548px;
    float: left;
    min-height: 600px;
    padding-bottom: 20px;
}
#main-three
{
    width: 210px;
    float: left;
    padding-left: 10px;
    padding-top: 10px;
}
#main
{
	float: left;
	width: 747px;
	padding: 15px 0px 15px 0px;
}

.panoramaimage
{
    margin-bottom: 10px;
}
#mainnavmenu
{
    width: 20px;
    height: 470px;
}
    #mainnavmenu ul li a    			{display:block; width: 16px; padding: 10px 0px 10px 0px; cursor:pointer;}
    #mainnavmenu ul li a.start			{height: 36px; background: url('/css/images/Meny_Start.png') center center no-repeat;}
    #mainnavmenu ul li a.om				{height: 66px; background: url('/css/images/Meny_OmNcare.png') center center no-repeat;}
    #mainnavmenu ul li a.produkter		{height: 104px; background: url('/css/images/Meny_Produkter.png') center center no-repeat;}
    #mainnavmenu ul li a.kopvillkor		{height: 72px; background: url('/css/images/Meny_Kopvillkor.png') center center no-repeat;}
    #mainnavmenu ul li a.kontakt		{height: 56px; background: url('/css/images/Meny_Kontakt.png') center center no-repeat;}
    #mainnavmenu ul li a.loginaf		{height: 56px; background: url('/css/images/Meny_Login.png') center center no-repeat;}

    #mainnavmenu ul li a.start:hover		{height: 36px; background: url('/css/images/Meny_Start_hoover.png') center center no-repeat;}
    #mainnavmenu ul li a.om:hover			{height: 66px; background: url('/css/images/Meny_OmNcare_hoover.png') center center no-repeat;}
    #mainnavmenu ul li a.produkter:hover	{height: 104px; background: url('/css/images/Meny_Produkter_hoover.png') center center no-repeat;}
    #mainnavmenu ul li a.kopvillkor:hover	{height: 72px; background: url('/css/images/Meny_Kopvillkor_hoover.png') center center no-repeat;}
    #mainnavmenu ul li a.kontakt:hover		{height: 56px; background: url('/css/images/Meny_Kontakt_hoover.png') center center no-repeat;}
    #mainnavmenu ul li a.loginaf:hover		{height: 56px; background: url('/css/images/Meny_Login_hoover.png') center center no-repeat;}

    #mainnavmenu ul li a.selectedstart		{height: 36px; background: url('/css/images/Meny_Start_hoover.png') center center no-repeat;}
    #mainnavmenu ul li a.selectedom			{height: 66px; background: url('/css/images/Meny_OmNcare_hoover.png') center center no-repeat;}
    #mainnavmenu ul li a.selectedprodukter	{height: 104px; background: url('/css/images/Meny_Produkter_hoover.png') center center no-repeat;}
    #mainnavmenu ul li a.selectedvillkor	{height: 72px; background: url('/css/images/Meny_Kopvillkor_hoover.png') center center no-repeat;}
    #mainnavmenu ul li a.selectedkontakt	{height: 56px; background: url('/css/images/Meny_Kontakt_hoover.png') center center no-repeat;}
    #mainnavmenu ul li a.selectedloginaf	{height: 56px; background: url('/css/images/Meny_Login_hoover.png') center center no-repeat;}

.varukorg-image-link
{
    display: block;
    cursor: pointer;
    float: left;
    width: 75px;
    padding-left: 25px;
    height: 20px;
    line-height: 20px;
    background: url('/css/images/Varukorg.png') center left no-repeat;
}
.kassa-image-link
{
    display: block;
    cursor: pointer;
    float: left;
    width: 75px;
    padding-left: 25px;
    height: 20px;
    line-height: 20px;
    background: url('/css/images/Kassa.png') center left no-repeat;
}
    
#pagemenu
{
	float: left;
	width: 210px;
	padding: 15px 0px 0px 0px;
	
}
#main-two .loginheaders
{
    text-transform: uppercase;
    font-style: italic;
    margin: 5px 0px 0px 0px;
    
}
#main-two .logininput
{
    width: 120px;
    border: 1px solid #CCC;
}

#main-two .but_loggain
{
    float: left;
    border: none;
    padding-right: 20px;
    background: url('/css/images/arrow_right.png') center right no-repeat;
    cursor: pointer;
}
#pagemenu .but_loggain
{
    float: right;
    border: none;
    padding-right: 20px;
    background: url('/css/images/arrow_right.png') center right no-repeat;
    cursor: pointer;
}
#pagemenu .inloggad
{
    width: 140px;
    margin-bottom: 20px;
}
#pagemenu .inloggad p.header
{
    text-transform: uppercase;
    font-style: italic;
    margin: 5px 0px 0px 0px;
}
#pagemenu .inloggad p.text
{
    text-transform: uppercase;
    font-style: italic;
    font-size: 14px;
    color: #86C000;
}


#pagemenu .framebox-menu
{
	width: 130px;
	margin: 0px 0px 10px 40px;
	position: relative;
}
#pagemenu .framebox-menu-1
{
	height: 130px;
	background: url('/Css/Images/bg_framebox-menu.gif') no-repeat top left;
}
#pagemenu .framebox-menu-2
{
	height: 100px;
	background: url('/Css/Images/bg_framebox-menu-2.gif') no-repeat top left;
}
#pagemenu .framebox-menu-products
{
	height: 106px;
	background: url('/Css/Images/bg_framebox-menu-products.gif') no-repeat top left;
}
#pagemenu .framebox-menu h3
{
	margin: 0px 17px 0px 7px;
	padding: 5px 0px 0px 0px;
}
#pagemenu .framebox-menu p
{
	margin: 0px 17px 0px 7px;
	padding: 3px 0px 0px 0px;
}
#pagemenu .framebox-menu .MoreLink {
	position: absolute;
	bottom: 17px;
	right: 17px;
	font-size: 10px;
	height: 17px;
	line-height: 17px;
	padding: 0 24px 0 0;
	background: url('/Css/Images/bg_framebox-arrow.gif') no-repeat top right;
}
#pagemenu .framebox-menu .MoreLink:hover {
	background-position: right -17px;	
}

#pagemenu .logos
{
	margin: 30px 0px 0px 40px;
}

#pagemenu .logos h4
{
	color: #000;
	font-weight: normal;
	margin: 0px 0px 15px 0px;
}
#pagemenu .logos img
{
	margin: 0px 0px 20px 0px;
}

#pagemenu .shopsearch
{
	margin: 10px 0px 20px 0px;
    
}
#pagemenu .shopsearch .searchinput
{
	border: 1px solid #86C000;
	width: 100px;
}
#pagemenu .puff1
{
    display: block;
    cursor: pointer;
    width: 200px;
    height: 108px;
    background: url('/css/images/Puff_1.png') top left no-repeat;
    margin: 10px 0px 10px 0px;
}
#pagemenu .puff2
{
    display: block;
    cursor: pointer;
    width: 200px;
    height: 108px;
    background: url('/css/images/Puff_2.png') top left no-repeat;
    margin: 10px 0px 10px 0px;
}


#navmenu .toplogo
{
    width: 200px;
    height: 69px;
    display: block;
    cursor: pointer;
    margin: 10px 0px 20px 0px;
    background: url('/images/logo_200.jpg') top left no-repeat;
}
#navmenu .shopsearch
{
    margin-bottom: 50px;
}
#navmenu .samlapoang
{
    width: 170px;
    height: 170px;
    display: block;
    cursor: pointer;
    background: url('/css/images/puff_samla.png') top left no-repeat;
    margin-left: 15px;
}

#navmenu ul.shopmenu
{
	margin: 0px 0px 20px 0px;
}
#navmenu ul.shopmenu li
{
	line-height: 16px;
	margin: 0px 0px 8px 0px;
}
#navmenu ul.shopmenu li a
{
	font-size: 12px;
}
#navmenu ul.shopmenu li a.mainmenu-active
{
	font-weight: bold;
    color: #86C000;
}
#navmenu ul.shopmenu li ul.submenu
{
    margin-left: 10px;
}
#navmenu ul.shopmenu li ul.submenu li
{
    margin: 0px 0px 3px 0px;
}
#navmenu ul.shopmenu li ul.submenu li a.submenu-active
{
    color: #86C000;
}

#pagemenu .terms-link
{
	margin: 25px 0px 30px 20px;
}
#pagemenu .terms-link a
{
	font-size: 14px;
	color: #ee8c00;
}
#pagemenu .terms-link a:hover
{
	text-decoration: underline;
}




#headblock
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 10px 0px;
	padding-top: 0px;
}

/* --- Stycke --- */
.modelblock-table
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	border-top-style: none;
	padding-top: 0px;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}
div.modelblock
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px 0px 15px;
	padding-top: 0px;
}

.modelblock h3 {

}

.modelblock h4 {

}
.modelblock p {

}

/* Filer */
.fileright
{
	float: right;
	margin: 0px 0px 5px 5px;
}
.fileleft
{
	float: left;
	margin: 0px 5px 5px 0px;
}
.filebox {
	margin: 5px 0px;
	padding: 0;
	border: 1px solid #555;
	height: 0.01%;
	width: 350px;
}

.filebox p
{
	font-size: 8pt;
}

.filebox p.header
{
	padding-right: 5px;
	padding-left: 5px;
	font-size: 9pt;
	background: url(/css/images/dlicon.gif) #051928 no-repeat left top;
	padding-bottom: 1px;
	margin: 0px;
	color: #a6ef4c;
	padding-top: 3px;
	border-bottom: #555 1px solid;
}

/* Länkar */
.linkright
{
	float: right;
	margin: 0px 0px 5px 5px;
}
.linkleft
{
	float: left;
	margin: 0px 5px 5px 0px;
}
.linkbox {
	margin: 5px 0px;
	padding: 0;
	border: 1px solid #555;
	height: 0.01%;
	width: 350px;
}

.linkbox p
{
	font-size: 8pt;
}

.linkbox p.header
{
	padding-right: 5px;
	padding-left: 5px;
	font-size: 9pt;
	background: url(/css/images/lnkicon.gif) #051928 no-repeat left top;
	padding-bottom: 1px;
	margin: 0px;
	color: #a6ef4c;
	padding-top: 3px;
	border-bottom: #555 1px solid;
}

.modelblock ul {
	list-style-type: disc;
	padding: 0;
	margin: 0px 0px;
	color: #b3ff4f;
}

.modelblock li {
	padding-right: 0px;
	padding-left: 5px;
	padding-bottom: 0px;
	margin: 2px 5px 2px 5px;
	padding-top: 0px;
	list-style-type: none;
}

.modelblock ul span {
	color: #CCC;
}

/* Bilder */
.imageright {
	float: right;
	clear: right;
	margin: 0 10px 5px 10px;
}

.imageleft {
	float: left;
	clear: left;
	margin: 0 10px 5px 0;
}
.imagetext
{
	font-size: 8pt;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px 0px 5px;
	padding-top: 0px;
}



/* Sidfot */
#bottom
{
	height: 43px;
	width: 988px;
	margin: 0px 0px 0px 43px;
	background: url('/Css/Images/bg_boilerplate.png') top center no-repeat;
}
#bottom .logo
{
	float: left;
	margin: 15px 40px 0px 20px;
}
#bottom .textblock-1
{
	float: left;
	width: 300px;
	margin: 0px 0px 0px 144px;
	padding: 5px 0px 0px 50px;
    color: #FFF;
    font-size: 12px;
    font-style: italic;
}
#bottom .textblock-2
{
	float: left;
	width: 290px;
	margin: 0px 144px 0px 10px;
	padding: 5px 50px 0px 0px;
    color: #FFF;
    font-size: 8px;
}
#bottom .textblock-3
{
	float: left;
	width: 150px;
	margin: 14px 0px 0px 0px;
}
#bottom .textblock-4
{
	float: left;
	width: 150px;
	margin: 14px 0px 0px 0px;
}

#ohappa
{
	margin-top: 50px;
	padding-right: 25px;
	float: right;
}
#ohappa p
{
	line-height: 14px;
	color: #000;
	font-size: 6pt;
	font-family: Verdana, Arial, Helvetica;
	letter-spacing: 0.04em;
}
#ohappa a
{
	font-weight: normal;
	font-size: 7pt;
	color: #e9660b;
	font-family: Verdana, Arial, Helvetica;
	text-decoration: none;
	letter-spacing: 0.02em;
}
#ohappa a:hover
{
	text-decoration: underline;
}


/* Admin */
.modelblock-admin
{
	border-right: mediumseagreen 1px solid;
	padding-right: 3px;
	border-top: mediumseagreen 1px solid;
	padding-left: 3px;
	padding-bottom: 3px;
	border-left: mediumseagreen 1px solid;
	padding-top: 3px;
	border-bottom: mediumseagreen 1px solid;
	height: 45px;
	background-color: white;
}
.modelblock-admin h2, .modelblock-admin h3, .modelblock-admin h4
{
	font-weight: bold;
	font-size: 10pt;
	color: mediumseagreen;
	font-family: Arial;
}
.modelblock-admin p, .modelblock-admin span
{
	font-weight: bold;
	font-size: 10pt;
	color: mediumseagreen;
	font-family: Arial;
}
.modelblock-admin .new-part
{
	float: left;
}
.modelblock-admin .edit
{
	float: right;
}

TABLE.AdminMain
{
    BORDER-RIGHT: mediumseagreen 1px solid;
    BORDER-TOP: mediumseagreen 1px solid;
    BORDER-LEFT: mediumseagreen 1px solid;
    BORDER-BOTTOM: mediumseagreen 1px solid;
    BACKGROUND-COLOR: white
}
.AdminEditHeader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: mediumseagreen;
    FONT-FAMILY: Arial
}
.AdminText
{
	font-size: 8pt;
	color: mediumseagreen;
	font-family: Arial;
	background-color: white;
}
A.AdminLink
{
	padding-right: 3px;
	padding-left: 3px;
	font-weight: bold;
	font-size: 10pt;
	color: mediumseagreen;
	font-family: Arial;
	background-color: white;
	text-decoration: none;
}
A.AdminLink:hover
{
    TEXT-DECORATION: underline;
    color: mediumseagreen;
}

