*
{
    margin: 0;
    padding: 0;
}

html, body, form
{
    height: 100%;
}

body
{
    background-color: #f4f4f4;
    margin: 0 0 0 0px;
}

img
{
	border: 0;
}

p
{
	padding-bottom: 5px;
}

select
{
    font-family: Arial, helvetica;
    font-size: 12px;
}

h1
{
    font-family: Arial, helvetica;
    color: #00779c;
    font-size: 24px;
    font-weight: bold;
    margin: 0px;
    margin-bottom: 15px;
}

h2
{
    font-family: Arial, helvetica;
    color: #00779c;
    font-size: 18px;
    font-weight: bold;
    margin: 0px;
    margin-bottom: 6px;
}

h3
{
    font-family: Arial, helvetica;
    color: #00779c;
    font-size: 14px;
    font-weight: bold;
    margin: 0px;
    margin-bottom: 6px;
}

h4
{
    font-family: Arial, helvetica;
    color: #00779c;
    font-size: 12px;
    font-weight: bold;
    margin: 0px;
    margin-bottom: 6px;
}


.middle
{
    vertical-align: middle;
}

.clear
{
    clear: both;
}

.menu1_divider
{
    width: 1px;
    height: 18px;
    margin-left: 11px;
    margin-right: 11px;
    vertical-align: middle;
    padding-top: 2px;
}

.cart_image
{
    margin-left: 11px;
    margin-right: 11px;
    vertical-align: middle;
}

.broedtext
{
    font-family: Georgia, 'Times New Roman', times, serif;
    font-size: 12px;
    color: #333333;
}

.broedtext_bold
{
    font-family: Georgia, 'Times New Roman', times, serif;
    font-size: 12px;
    color: #333333;
    font-weight: bold;
}

.broedtext_bold_light
{
    font-family: Georgia, 'Times New Roman', times, serif;
    font-size: 12px;
    color: #999999;
    font-weight: bold;
}

.start_puff
{
    position: relative;
    float: left;
}

.puff_left
{
    float: left;
}

.puff_right
{
    float: right;
}

.puff
{
    background-image: url(/images/MyImages/bg_gradient.png);
    background-repeat: repeat-x;
    min-height: 65px;
    _height: 65px;
}

.puff_inner
{
    margin-left: 16px;
    padding-top: 16px;
    margin-right: 16px;
    margin-bottom: 16px;
}

.column_1
{
    width: 220px;
}

.formcolumn_1
{
    width: 185px;
}

.column_2
{
    width: 449px;
}

.column_3
{
    width: 678px;
}

.column_4
{
    width: 100%;
}

.menu2_item
{
    position: relative;
    float: left;
}

.floatleft
{
    float: left;
}

.floatright
{
    float: right;
}

.menu2_bg
{
    position: relative;
    float: left;
    background-image: url(/images/MyImages/menu2_bg.png);
    background-repeat: repeat-x;
    height: 39px;
    width: 170px;
    line-height: 36px;
    vertical-align: bottom;
    text-align: center;
}

.menu2_off
{
    color: #333333;
}

.menu2_on
{
    color: #753881;
}

.menu2_trans
{
    position: absolute;
    top: 3px;
    left: 0px;
}

.menu2_text
{
    margin-top: 3px;
    font-family: Arial, helvetica;
    font-size: 12px;
    font-weight: normal;
    color: #666666;
}

.menu3_divider
{
    position: relative;
    height: 1px;
    background-color: #e0e0e0;
    width: 100%;
    clear: both;
}

.menu3_item
{
    position: relative;
    float: left;
    width: 210px;
    height: 26px;
    line-height: 23px;
    vertical-align: middle;
}

.menu3_item_selected
{
    position: relative;
    float: left;
    width: 208px;
    height: 26px;
    background-image: url(/images/MyImages/menu3_mark.png);
    background-repeat: repeat-y;
    line-height: 23px;
    vertical-align: middle;
}

.menu3_text
{
    position: relative;
    float: left;
    margin-left: 11px;
}

.menu3_subtext
{
    position: relative;
    margin-left: 11px;
    margin-left: 30px;
}

.menu3_submark
{
    position: relative;
    float: right;
    margin-right: 2px;
}

.menu3_mark_set
{
    margin-top: 8px;
}

.form_search
{
    width: 145px;
    margin-top: 7px;
    margin-left: 10px;
    font-family: Arial, helvetica;
    font-size: 10px;
    border: 0px;
    color: #999999;
}

#menu3_container
{
    position: relative;
    float: left;
    width: 211px;
}

#menu2_under
{
    position: relative;
    width: 100%;
    height: 22px;
    background-image: url(/images/MyImages/bg_under_gradient.png);
}

#framework
{
	position: relative;
    background-image: url(/images/bg_967.gif);
    background-repeat: repeat-y;
    top: 0;
    margin-left: auto;
    margin-right: auto;
    width: 967px;
    min-height: 100%;
    _height: 100%;
}

#main
{
    position: relative;
    background-color: #ffffff;
    top: 0;
    margin-left: auto;
    margin-right: auto;
    width: 947px;
    min-height: 100%;
    _height: 100%;
}

#container
{
    position: relative;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 40px;
}

#logo
{
    position: absolute;
    top: 27px;
    left: 32px;
}

#footer 
{
	background-color: #fff;
	width: 947px;
	position: relative;
	bottom: 0px;
	margin-left: auto;
    margin-right: auto;
	height: 30px;
}

#menu_top
{
    position: relative;
    height: 141px;
}

#start_content
{
    position: relative;
}
    
#menu1 
{
	position: absolute;
	top: 0px;
	right: 30px;
	line-height: 40px;
	height: 40px;
	border-bottom: dotted 1px #e0e0e0;
	padding-top: 5px;
	z-index: 100;
}

#menu1 span
{
	line-height: 20px;
}

#menu1_points
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 1px;
	background-image: url(/images/2x1_grey.png);
	background-repeat: repeat-x;
}

#menu_top_bg
{
    position: relative;
    background-image: url(/images/MyImages/bg_top_gradient.png);
    background-repeat: repeat-x;
    height: 141px;
}

#menu2
{
    position: absolute;
    bottom: 0px;
    left: 0px;
}

#start_puffar
{
    position: relative;
    width: 100%;
    margin-top: 20px;
    float: left;
}

#user
{
	position: absolute;
	right: 30px;
	font-family: Arial, helvetica;
	font-size: 12px;
	text-align: right;
	padding-top: 55px;
	z-index: 1;
}

.search_place
{
    position: relative;
    float: left;
    height: 39px;
    vertical-align: middle;
}

#search
{
    position: relative;
    float: left;
    margin-top: 4px;
    margin-left: 7px;
    width: 171px;
    height: 30px;
    background-image: url(/images/MyImages/search.png);
    vertical-align: middle;
}

#searchbtn
{
    position: relative;
    float: left;
    margin-top: 10px;
    margin-left: 4px;
}


/** search startpage **/
.search_placeStartPage
{
	margin-top:20px;
    position: relative;
    float: right;
    height: 39px;
    vertical-align: middle;
}

.search_placeStartPage input{ margin-left:10px; float:left;}

#searchStartPage
{
    position: relative;
    float: left;
    margin-top: 4px;
    margin-left: 7px;
    width: 171px;
    height: 30px;
    background-image: url(/images/MyImages/search.png);
    vertical-align: middle;	
}

#searchbtnStartPage
{
    position: relative;
    float: left;
    margin-top: 10px;
    margin-left: 0px;
}

.padright10
{
    padding-right: 10px;
}

.spacer5
{
    height: 5px;
    clear: both;
}

.spacer10
{
    height: 10px;
    clear: both;
}

.spacer15
{
    height: 15px;
    clear: both;
}

.spacer20
{
    height: 20px;
    clear: both;
}

spacer20noclear
{
    height: 20px;
}

clearleft
{
    clear: left;
}

.clearboth
{
    clear: both;
}

.imgGo
{
    margin-right: 5px;
}

.hrefGo
{
}

.bigtopmargin
{
    margin-top: 20px;
}

.marginleft10
{
    margin-left: 10px;
}

.marginleft20
{
    margin-left: 20px;
}

div.hr
{
    height: 1px;
    border-top:solid 1px #ccc;
   /* background-image: url(/Images/MyImages/hrBg_light.gif);
    background-repeat: repeat-x;*/
    margin: 8px auto 8px auto;
}
div.hr hr
{
    display: none;
}

div.hr .graybg
{
    background: #ccc;
}

/* Form style */
.inputtext
{
    border: solid 1px #999;
    padding: 4px 4px 3px 4px;
    font-family: Arial, helvetica;
    color: #666;
    font-size: 11px;
    width: 170px;
}
.inputtextsmall
{
    border: solid 1px #999;
    padding: 4px 4px 3px 4px;
    font-family: Arial, helvetica;
    color: #666;
    font-size: 11px;
    width: 155px;
}

.inputpassword
{
    border: solid 1px #999;
    padding: 4px 4px 3px 4px;
    font-family: Arial, helvetica;
    color: #666;
    font-size: 12px;
    width: 170px;
    background: #fff url(/images/MyImages/bgLosenord.jpg) no-repeat 4px 1px;
}

.inputoldpassword
{
    border: solid 1px #999;
    padding: 4px 4px 3px 4px;
    font-family: Arial, helvetica;
    color: #666;
    font-size: 12px;
    width: 170px;
    background: #fff url(/images/MyImages/bgPreviousPass.jpg) no-repeat 4px 1px;
}

.inputpasswordclear
{
    border: solid 1px #999;
    padding: 4px 4px 3px 4px;
    font-family: verdana, arial, helvetica;
    color: #666;
    font-size: 12px;
    width: 170px;
}

.dropdowntext
{
    border: solid 1px #999;
    font-family: Arial, helvetica;
    color: #666;
    font-size: 12px;
    width: 170px;
}

.errormessage
{
    font-family: Arial, helvetica;
    font-size: 11px;
    color: #f00;
}

.notifyer, .counter
{
    color: #aaa;
    font-family: Arial, helvetica;
    font-size: 12px;
}

.toomuch
{
	color: #f00;
}

.h3rubrik
{
    font-family: Arial, helvetica;
    color: #00779c;
    font-size: 14px;
    font-weight: bold;
    margin: 0px;
    margin-bottom: 6px;
}

.h2rubrik
{
    font-family: Arial, helvetica;
    color: #00779c;
    font-size: 18px;
    font-weight: bold;
    margin: 0px;
    margin-bottom: 6px;
}

#formStyle table tbody tr td
{
    width: 25%;
    padding-right: 5px;
}

#formStyle table
{
    width: 100%;
}

.formStyleInput
{
    width: 25px;
    height: 15px;
    border: solid 1px #999;
    padding: 4px 4px 3px 4px;
    font-family: Arial, helvetica;
    color: #666;
    font-size: 11px;
}

.bnBestall
{
    background: #fff url(/Images/MyImages/buttons/bnSkickaBestallning2.jpg);
    width: 115px;
    height: 21px;
    color: #fff;
    font-family: Arial, helvetica;
    font-size: 12px;
    border: 0;
}

.cartButton
{
    margin: 3px;
}


/* ASPNET Gridview */

.AspNet-GridView
{
	font-size: 11px;
}

.AspNet-GridView table
{
    width: 100%;
}

.AspNet-GridView table td, .AspNet-GridView table th
{
    height: 27px;
    vertical-align: middle;
    padding-left: 7px;
}

.AspNet-GridView table th
{
    font-family: Arial, helvetica;
    white-space: nowrap;
    font-size: 12px;
    color: #666;
}

.AspNet-GridView table tbody tr td
{
    font-family: Arial, helvetica;
    font-size: 12px;
}

.AspNet-GridView table tbody tr
{
    background-color: #eee;
}

.AspNet-GridView table tbody tr.AspNet-GridView-Alternate
{
    background-color: #fff;
}

td.fieldIsbn, th.fieldIsbn
{
    text-align: left;
    width: 110px;
}

.AspNet-GridView-Pagination a, .AspNet-GridView-Pagination span
{
	padding: 4px 6px 4px 6px;
}

.AspNet-GridView-Pagination
{
	font-size: 11px;
	margin-top: 10px;
	padding-top: 10px;
	border-top: solid 1px #ccc;
}

.AspNet-GridView-Pagination a:hover
{
}

.AspNet-GridView-Pagination span
{
	font: bold 11px/13px Arial, Helvetica;
    color: #666;
    text-decoration: none;
}

.AspNet-DataList table
{
    width: 100%;
}

.AspNet-DataList table tbody tr td
{
    height: 40px;
}

.fieldTitle
{
    width: 250px;
    text-align: left;
}

.fieldAntal
{
    width: 80px;
    text-align: right;
}

.fieldFpris
{
    text-align: left;
    width: 200px;
}

.fieldTotalpris
{
    text-align: right;
}

.fieldDelete
{
    text-align: center;
}
.fieldRefresh
{
    text-align: left;
}

.inactiveProgress h3, .inactiveProgress p
{
    color: #999;
}

.rub
{
    font-size: 12px;
    font-weight: bold;
}

tbody .row-over
{
    background-color: #ccc;
    color: #f00;
    cursor: pointer;
    font-weight: bold;
}

/******************************************************************************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/
/* FONT Styles for EPi ... */

.heading1
{
    font: bold 24px/28px Arial, Helvetica;
    color: #00779c;
    margin-bottom: 19px;
}

.heading2
{
    font-size: 15px;
    line-height: 21px;
    font-weight: bold;
    font-family: Arial, Helvetica;
    color: #00779c;
}
.heading2 a, .heading2 a:hover, .heading2 a:visited, .heading2 a:link, .heading2 a:active
{
	text-decoration: none;
    color: #00779c;
    font-size: 15px;
    line-height: 21px;
}

.heading2.gray
{
    color: #666;
}

.heading2Gray
{
    font-size: 15px;
    line-height: 21px;
    font-weight: bold;
    font-family: Arial, Helvetica;
    color: #666;
}

.heading2.lightgray
{
    color: #999;
}

.heading2.white
{
    color: #fff;
}

.mellanrubrik2
{
    font: bold 13px/17px Arial, Helvetica;
    color: #00779c;
}

.mellanrubrik2.gray, .mellanrubrik2Gray
{
    font: bold 13px/17px Arial, Helvetica;
    color: #666;
}


.brodtext, .brodtext p, p, ul, ol, li, fieldset
{
	font-family: Georgia, 'Times New Roman', times, serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    color: #333;
}

p.ingress, .ingress p, span.ingress p, .ingress
{
    font-family: Arial, Helvetica;
    line-height: 20px;
    font-size: 14px;
    font-weight: normal;
    color: #333;
}

p.lightgray, .brodtext.lightgray
{
    font-family: Georgia, 'Times New Roman', times, serif;
    font-size: 12px;
    line-height: 16px;
    color: #999;
}

.lanklistning
{
    font-family: Arial, Helvetica;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    color: #666;
}

a.lanklistning:link, a.lanklistning:visited, a.lanklistning:active
{
    font-family: Arial, Helvetica;
    font-size: 12px;
    line-height: 16px;
    color: #666;
}

a.lanklistning:hover
{
    font-family: Arial, Helvetica;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    color: #ff0015;
}

a.lanklistning .selected
{
	color: #753881;
	font-weight: bold;
}

.lanklistning2
{
    line-height: 20px;
}

.kundvagnstext
{
    font-family: Arial, helvetica;
    font-size: 12px;
}

.listtext
{
	font-family: Arial, helvetica;
    font-size: 12px;
}

.lasmer img
{
	margin-top: 3px;
	float: left;
}

.rightpadding
{
    padding-right: 7px;
}

.projgrpOn
{
	background: #eee url(/Images/MyImages/icons/las_mer_bg.gif) no-repeat bottom right;
	background-color: #eee;
	cursor: pointer;
	_cursor: hand;
}

.projgrp
{
	cursor: pointer;
	_cursor: hand;
}

.inversefade
{
	background: url(/Images/MyImages/form_bg_inverse.jpg) no-repeat bottom left;
}

.rightpadding
{
	padding-right: 10px;
}

.leftpadding
{
	padding-left: 10px;
}

.cbl input
{
	height: 20px;
	vertical-align: middle;
	margin-right: 0;
}

.cbl label
{
	margin-right: 14px;
	line-height: 25px;
	font-family: Arial, Helvetica;
	font-size: 12px;
	white-space: nowrap;
	margin-left: 3px;
}

fieldset
{
	border: none;
}
/*
.liggi
{
	position: absolute;
	top: 38px;
	right: 50px;
	height: 46px;
	background: url(/Images/MyImages/ligg_bg.png) bottom repeat-x;
	z-index: 100;
}

.liggi_left
{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 6px;
	height: 36px;
	background: url(/Images/MyImages/ligg_left.png) no-repeat;
}

.liggi_right
{
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 39px;
	height: 46px;
	background: url(/Images/MyImages/ligg_right.png) no-repeat;
}

.liggi_text
{
	position: relative;
	margin: 23px 13px 0 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666;
}

.clear
{
	position: relative;
	clear: both;
}
*/
.DynamicText
{
	width: 345px; 
	height: 400px; 
	overflow: auto; 
	margin: 0 70px 50px 70px; 
	padding-top: 20px;
	font-family: Georgia, 'Times New Roman', times, serif;
    font-size: 12px;
    color: #333333;
}



.liggi {
position:absolute;
top: 38px;
right: 50px;
height:84px;
background:url(/images/ligg_bg.png) bottom repeat-x;
z-index: 100;
}

.liggi_left {
position:absolute;
left:0px;
bottom:0px;
width:19px;
height:53px;
background:url(/images/ligg_left.png) no-repeat;
}

.liggi_right {
position:absolute;
right:0px;
bottom:0px;
width:77px;
height:84px;
background:url(/images/ligg_right.png) no-repeat;
}

.liggi_text {
position:relative;
margin:48px 13px 0 15px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#666;
}

.clear {
position:relative;
clear:both;
}

	
	
	
/* LINKS */

a, a:link
{
    font: 11px/14px Arial, Helvetica;
    color: #ff0015;
    text-decoration: none;
    font-weight: bold;
}

a:visited
{
    font: 11px/14px Arial, Helvetica;
    color: #ff0015;
    text-decoration: none;
    font-weight: bold;
}

a:active
{
    font: 11px/14px Arial, Helvetica;
    color: #ff0015;
    text-decoration: none;
    font-weight: bold;
}

a:hover
{
    font: 11px/14px Arial, Helvetica;
    color: #ff0015;
    text-decoration: underline;
    font-weight: bold;
}

a.inactive:link, a.inactive:visited, a.inactive:active, a.inactive:hover
{
    font: 12px/16px Arial, Helvetica;
    color: #666;
    text-decoration: none;
}

a.tillgang
{
	font-family: Arial, Helvetica;
    font-size: 12px;
    font-weight: normal;
    color: #666;
    line-height: 29px;
    text-decoration: none;
}

a.tillgang:hover
{
	font-family: Arial, Helvetica;
    font-size: 12px;
    font-weight: normal;
    color: #666;
    line-height: 29px;
	text-decoration: none;
}

a.menu_item:link, a.menu_item:visited, a.menu_item:active
{
    font-family: Arial, helvetica;
    font-size: 11px;
    color: #555;
    text-decoration: none;
    font-weight: normal;
    vertical-align: middle;
    white-space: nowrap;
}

a.menu_item:hover
{
    color: #753881;
    text-decoration: none;
    font-weight: normal;
	vertical-align: middle;
	white-space: nowrap;
}

a.menu3:link, a.menu3:visited, a.menu3:active
{
    font-family: Arial, helvetica;
    font-size: 12px;
    color: #666666;
    text-decoration: none;
    font-weight: normal;
}

a.menu3:hover
{
    color: #753881;
    text-decoration: none;
    font-weight: normal;
}

a.menu3_selected
{
    font-family: Arial, helvetica;
    font-size: 11px;
    font-weight: bold;
    color: #753881;
    text-decoration: none;
}

a.menu_item_selected, a:link.menu_item_selected, a:visited.menu_item_selected
{
    font-family: Arial, helvetica;
    font-size: 11px;
    color: #753881;
    font-weight: normal;
    text-decoration: none;
    font-weight: bold;
    vertical-align: middle;
    white-space: nowrap;
}



/* END LINKS */


.scrollerPaging
{
	width:100%;
	text-align:center;
	font-size: 11px;
	height:20px;
	margin-top: 5px;
}

.backgroundPopup { display: none; position: fixed; height: 100%; width: 100%; top: 0; left: 0; background: #000000; border: 1px solid #cecece; z-index: 100; _position: absolute; /* IE6 hack */ }

.rightArea
{
	float: right;
	width: 450px;
}

.leftArea
{
	float: left;
	width: 450px;
}

.topContent
{
	float: left;
	width: 910px;
}