/* ########################### GLOBALT ########################### */

body {

}

a:active
{
  outline: none;
}

:focus
{
  -moz-outline-style: none;
}


table,td {
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

a {
    margin:0px;
    padding:0px;
}

#tmp_wrap {
    width:850px;
    border:0px solid #000;
}

img {
    border:0px;
    margin:0px;
    padding:0px;
}

#footer {
    background:#333;
    width:810px;
    margin:30px 0px 0px 0px;
    padding:6px 0px 6px 20px;
    voice-family: "\"}\"";
    voice-family:inherit;
    width:830px;
    color:#f5f5f5;
    font:normal 0.6em Arial, sans-serif;
    text-transform:uppercase;
}
#footer a {
      color:#f5f5f5;
  }
#footer a:hover {
    color:#b2b2b2;
}

/* ########################### STOR SÖKRUTA ########################### */

#searchbox {
    background: #f5f5f5 url(../gfx/striped_bg.png) repeat;
    border-bottom:2px solid #000;
    padding:30px 0px 20px 20px;
    width: 810px;
    voice-family: "\"}\"";
    voice-family:inherit;
    width:830px;
    height:300px;
}

#freetext_search {
    width:415px;
    margin:10px 0px 0px 0px;
    padding:0px;
    border:0px solid #000;
    float:left;
}

#product_search {
    width:415px;
    margin:10px 0px 0px 0px;
    padding:0px;
    border:0px solid #000;
    float:right;
}

#searchbox h1 {
    font: normal 1.6em Arial, sans-serif;
    text-transform: uppercase;
    line-height:1.4em;
    color:#666;
}
#searchbox h1 a {
    color:#666;
    text-decoration: none;
    border-bottom:1px solid #808080;
}
#searchbox h1 a:hover, h4 a:hover {
    color:#333;
}

#searchbox h4 {
    font:normal 0.5em Arial, sans-serif;
    text-transform: uppercase;
    margin:10px 0px 0px 54px;
    width:246px;
    voice-family: "\"}\"";
    voice-family:inherit;
    width:300px;
}

#freetext_search .query {
    font: bold 1.2em Arial, sans-serif;
    color: #666;
    border:1px solid #666;
    width:280px;
    padding:10px;
    voice-family: "\"}\"";
    voice-family:inherit;
    width:300px;
    vertical-align: top;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.search_field {
    border:0px solid #000;
    margin:4px 0px 0px 0px;
}

.search_field .search_tip_circle {
    position: relative;
    top: 0px;
    left: 0px;
    margin:0px 10px 0px 0px;
}

.search_field .select {
    width:188px;
    vertical-align: top;
    padding:6px;
    voice-family: "\"}\"";
    voice-family:inherit;
    width:200px;
    margin:6px 0px 0px 0px;
    border:1px solid #666;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.search_field .submit {
    vertical-align: top;
    padding:6px;
    margin:6px 0px 0px 0px;

}

h2 {
    font: normal 1.2em Arial, sans-serif;
    line-height:1.2em;
    color:#333;
    margin:0px 0px 20px 20px;
}

/* ########################### ETT FÖRETAGS SIDA ########################### */

#company_box {
	text-align:left;
	width:850px;
    margin:20px 0px 0px 0px;
}
#company_box img {
	margin:0px 0px 20px 0px;
}
#company_box h1 {
	background: #4d4d4d;
    padding:8px 16px 8px 16px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font: normal 1.4em Arial, sans-serif;
    line-height:1.2em;
    color:#fff;
    margin:0px 0px 20px 20px;
}

.company_box_right {
	border:0px solid #000;
	float:right;
	width:550px;
}
#company_box p.description {
	font:normal 1em Arial, sans-serif;
	font-weight: bold;
    margin:10px 0px 30px 6px;
    color:#666;
}
#company_box p.brands {
	font:normal 0.7em Arial, sans-serif;
    margin:10px 0px 20px 6px;
    color:#666;
}
#company_box p.brands a{
    color:#666;
	text-decoration:none;
}
#company_box p.brands a:hover{
    color:#999;
}
.company_box_left {
	border-right:0px solid #ccc;
	float:left;
	width:296px;
}
#company_box ul {
	list-style-type:none;
	margin:0px 0px 0px 30px;
	padding:0px;
	width:270px;
	float:left;
}
#company_box p.info {
	font:normal 0.7em Arial, sans-serif;
    margin:10px 0px 10px 20px;
    color:#333;
}

#company_box p.small {
	font:normal 0.6em Arial, sans-serif;
    text-transform: uppercase;
    margin:0px 0px 2px 20px;
    color:#333;
}
#company_box p.small a {
	text-decoration:none;
	border-bottom:1px solid #808080;
	color:#333;
}
#company_box p.small a:hover {
	color:#666;
}

#company_box h3 {
    font:bold 1em Arial, sans-serif;
    background: #fbb03b;
    color:#fff;
    margin:0px;
    display:inline;
    padding:4px 8px 4px 8px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#company_box .phone {
	font:bold 1.4em Arial, sans-serif;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 20px;
    color:#666;
    letter-spacing:0px;
    display:inline;
	background-image: url(../gfx/information-balloon.png);
    background-repeat: no-repeat;
    background-position: left;
}

/* ########################### LISTNING FÖRETAG, VARUMÄRKEN SAMT LITE ANNAT ########################### */

.headline_extra {
	font:normal 1em Arial, sans-serif;
	text-transform:uppercase;
	margin:0px 0px 0px 14px;
	letter-spacing:1px;
}
.headline_extra_small {
	font:normal 0.6em Arial, sans-serif;
	text-transform:uppercase;
	margin:0px 0px 0px 14px;
	letter-spacing:1px;
}
.headline_extra_small a {
	text-decoration:none;
	color:#333;
}

.headline_extra_small a:hover {
	color:#666;
}
#search_result{
}

.search_result_left {
    margin:20px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    float:left;
    width:423px;
    border-right:0px solid #f2f2f2;
    voice-family: "\"}\"";
    voice-family:inherit;
    width:425px;
}

.search_result_right {
    margin:20px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    width:425px;
    float:right;
}

.result_list {
    list-style-type:none;
    padding:0px 0px 0px 0px;
    margin:0px;
    width:400px;
}
.result_list h3 {
    font: bold 1em Arial, sans-serif;
    text-transform: uppercase;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    letter-spacing:0px;
    color:#666;
}

.result_list h3 a{
    color:#666;
}
.result_list h3 a:hover{
    color:#000;
	text-decoration:none;
}

.result_list h4 a{
    color:#666;
}
.result_list h4 a:hover{
    color:#000;
	text-decoration:none;	
}

.result_list p.phone a,.result_list p.phone a:hover{
	color:#666;
	text-decoration:none;
}

.result_list h4 {
    font:normal 0.5em Arial, sans-serif;
    text-transform: uppercase;
    margin:0px 0px 2px 0px;
	padding:0;
    color:#666;
}

.result_list p.phone {
    font:bold 0.8em Arial, sans-serif;
    margin:0px;
    padding:0px 0px 0px 20px;
    color:#666;
    background-image: url(../gfx/information-balloon.png);
    background-repeat: no-repeat;
    letter-spacing:0px;
    display:inline;
}

.result_list a {
    text-decoration:none;
}

.result_list li {
    padding:0px 0px 0px 0px;
    margin:0px 0px 4px 0px;
    overflow:auto;
    border-left:0px solid #fff;
}

.result_list li:hover h3 a,.result_list li:hover h4{
	color:#000;	
}


.search_result_wide {
    width:850px;
    margin:20px 0px 0px 0px;
}

.result_navigation  {
    list-style-type:none;
    margin:0px 0px -10px 0px;
    padding:0px;
    width:100%;
}
.result_navigation li {
    float:left;
    background: #fbb03b;
    padding:8px;
    font:normal 0.7em Arial, sans-serif;
    color:#fff;
}
.result_navigation a {
	text-decoration:none;
	color:#fff;
}
.result_navigation :hover {
    background:#ccb03b;
}
.result_navigation .last {
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
}
.result_navigation .first {
	
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
}
.headline {
    background: #4d4d4d;
    color:#fff;
    margin:0px 0px 0px 0px;
    display:inline;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding:8px 16px 8px 16px;
}
.sub_headline {
    background: #fbb03b;
    color:#fff;
    margin:0px;
    display:inline;
    padding:4px 8px 4px 8px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

li .logo {
    float:left;
    margin:0px 10px 0px 0px;
	opacity:0.7;filter: alpha(opacity=70);
}

li:hover .logo {
	opacity:1;filter: alpha(opacity=100);
}

.noLogo {
    float:left;
    margin:0px 10px 0px 0px;
	width:64px;
	height:64px;
}

hr {
	color:#999;
	background-color:#ccc;
	border:0px;
	height:2px;
}
