@import url(/local/site/global.css);

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

.clear {
	clear: both;
	font-size: 0px;
	height: 0px;
}

a:link, a:hover, a:visited, a:active {
	color: #bf211e;
}

a:hover {
	text-decoration: underline;
}

#container {
	width: 886px;
	margin: 0 auto;
	padding-top: 9px;
	background: url(/local/site/layout/mainbg.jpg) repeat-y;
}

#top {
	width: 846px;
	height: 77px;
	margin: 0 auto;
	background: url(/local/site/layout/topbg.jpg) no-repeat;
}

div#menu {
	width: 846px;
	height: 36px;
	margin: 10px auto;
	background: url(/local/site/layout/menubg.jpg) repeat-x;
}

#menu-root {
    position: relative;
    z-index: 3;
    padding-left: 0px;
    height: 20px;
    margin-top: 0px;
	list-style-type: none;
    text-align: left;
    margin-left: 5px;
}

#menu-root li {
	float: left;
	padding: 10px 10px 0 10px;
	margin: 0;
}

#menu-root li a {
	font-size: 12px;
	color: #000;
    margin: 0;
    padding: 0;
}

#menu-root li.active a {
	color: #fff;
}

#menu-root li.subactive a {
    color: #fff;
}

#menu-root li a:hover {
    color: #fff;
}

#menu-root li ul {
	margin: 10px 0 0 5px;
	padding: 0;
	list-style-type: none;
	position: absolute;
}

#menu-root li ul li {
	margin: 0px;
	padding: 0px;
	float: none;
}

#menu-root li ul.dropdown li {
    margin-top: 1px;
    background-color: #bababa;
    padding: 5px; 
    width: 120px;
}

#menu-root li ul.dropdown li a {
    color: #fff;
    font-weight: normal; 
}

#menu-root li ul.dropdown li:hover  { 
    background: #d0d29d;
}

#menu-root li ul.dropdown li.active  { 
    background: #c5c795;
}

#menu-root li ul.dropdown li:hover a { 
    color: #fff;
}

#menu-root li ul.dropdown li ul.flyout {
	margin-left: 2px;
}
#menu-root li ul.dropdown li ul.menu_level2 li {
	background: #aaac7e;
}
#menu-root li ul.dropdown li ul.menu_level2 li:hover {
	background: #d0d29d;
}

#menu-root li ul.dropdown li ul.menu_level2 li.active {
	background: #d0d29d;
}
#menu-root li ul.dropdown li:hover ul.flyout li a {
    color: #fff;
}

#menu-root li ul.dropdown li:hover ul.flyout li:hover a {
	color: #fff; 
}

#header {
	width: 816px;
	height: 212px;
	padding: 15px;
	margin: 0 auto;
	background: url(/local/site/layout/headerbg.jpg) repeat-x;
}

#content {
	width: 846px;
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 5px;

}

#footer {
	width: 831px;
	height: 28px;
	padding-top: 11px;
	padding-left: 15px;
	margin: 0 auto;
	border-top: 1px dotted #7f7f7f;
}

span.menu_separator {
	float: left;
	margin: 0px;
	padding: 0px;
	margin-top: 1px;
}

#maincontent1 {
	width: 480px;
	padding: 0px 15px 15px 15px;
	float: left;
	border-right: 1px dotted #7f7f7f;
}

#main {

}

#right {
	margin-left: 520px;
	width: 325px;
	padding-left: 10px;
}

#header a {
	color: #c22222;
}

input.artnr {
	width: 50px;
}

input.benamning {
	width: 190px;
}

input.antal {
	width: 85px;
}

input.pris {
	width: 85px;
}

#right h1 {
	color: #0182c3;
}

#right div.newsbg {
	background-color: #ebebeb;
	width: 300px;
	padding: 10px 6px 5px 10px;
	margin-bottom: 3px;
}

#right p.date {
	font-size: 10px;
	padding-bottom: 1px;
}

#right p.news {
	color: #0182c3;
	font-size: 14px;
}

#right p.news a {
	color: #0182c3;
}

.dottedborder {
	width: 100%;
	border-top: 1px dotted #7f7f7f;
	height: 2px;
	font-size: 0px;;
}

div#topmiddle {
	text-align: center;
	width: 300px;
	margin-left: 272px;
	padding-top: 26px;
	float: left;
}

div#topmiddle h1 {
	color: #d90303;
}

div#search {
	margin-left: 680px;
	padding-top: 25px;
}

input.searchinput {
	width: 127px;
	height: 19px;
	border: 1px solid #ccc;
	padding: 0px;
	margin: 0px;
	background: url(/local/site/layout/sokbg.jpg) repeat-x top;
}

button.searchbutton {
	width: 22px;
	height: 19px;
	border: none;
	padding: 0px;
	margin: 0px;
	background: url(/local/site/layout/sok_icon.jpg) no-repeat;
}