﻿/***[basic]***/
*{
margin:0;
padding:0;
}

body
{
font:12px arial;
margin:0 auto;
background-color:#EAFDF9;
text-decoration:none;
line-height: 16px;
}

img
{
border:0px;
}

h1
{
font:bold 20px arial ;
color:#3F84B5;
}

h3
{
font: bold 18px arial;
color:#507196;
}

a
{
text-decoration:underline;
color:#000;
}

a:hover
{
color: #CC3300;
}

.clear 
{
display: block;
clear: both;
width: 100%;
height: 1px;
margin: 0 0 -1px;
font-size: 1px;
line-height: 1px;
}

p
{
line-height:16px;
font-family:arial;
font-size:12px;
color:#666666;
padding:5px 0 5px 0;
}

/***[structure]***/

#wrapper
{
width:752px;
margin: 0 auto;
overflow: hidden;
background:url(../images/wrapper-newbg.jpg)  repeat-y top left;
padding: 0 13px 0 13px;
}

#top
{
width:752px;
float:left;
}

#top-left
{
width:500px;
float:left;
position:relative;
}

#top-left img
{
position:absolute;
top:35px;
left:25px;
}

#top-left span
{
color:#336600;
font-size:11px;
display:block;
position:absolute;
top:75px;
left:205px;

}


#top-right
{
width:252px;
height:114px;
float:right;
}

#top-right ul
{
float:right;
padding:10px 0 0 0;
list-style:none;
}

#top-right ul li
{
float:left;
padding:2px 10px 0 10px;
margin-left:5px;
display:block;
height:18px;
background-color:#2C8F58;
}

#top-right ul li a
{
font:11px arial;
color:#fff;
text-decoration:none;
}

#footer
{
width:732px;
background:#3EA46B;
margin: 20px 0 0 0px;
height: 30px;
clear: both;
color:#fff;
padding:20px 0 0 20px;
}

#footer-lft
{
width:532px;
float:left;
}

#footer-rght
{
width:100px;
float:right;
padding-left:100px;
}

#footer-rght a
{
font:12px arial;
color:#fff;
}

#mid-contents
{
width:552px;
float:right;
padding:0;
}

#content
{
width:552px;
float: right;
padding: 0 0 0 0px;
}

#leftcolumn
{
width:200px;
float:left;
}

#leftcolumn table#icons{
	display:block;
	margin-left:30px;
	position:absolute;
	top:390px; 
	width:160px;
}
#footer span
{
width: 500px;
display: block;
color:#fff;
}

/***[leftcolumn]***/

#leftcolumn ul
{
width:164px;
float:left;
list-style:none;
margin:20px 0 20px 0;
padding:0 0 0 30px;
}

#leftcolumn ul li
{
padding:5px 0 5px 0;
background:url(../images/left-border.jpg) no-repeat bottom left;
}

#leftcolumn ul li a
{
font:12px arial;
color:#2D664A;
padding-left:15px;
background:url(../images/left-bull.jpg) no-repeat left;
}

#leftcolumn ul li a:hover
{
text-decoration:underline;
color: #CC3300;
}


#leftcolumn .btm-box
{
width:164px;
float:left;
margin:0 0 20px 0px;
padding:0 0 0 20px;
}

#leftcolumn .btm-box h2
{
font:16px  "Trebuchet MS";
color:#000;
padding:0 0 0 0;
}

#leftcolumn .btm-box ul
{
width:150px;
float:left;
padding:0px;
margin:0 0 10px 10px;
}


#leftcolumn .btm-box h2 a
{
font:16px  "Trebuchet MS";
color:#000;
padding:0 0 0 5px;
}

#leftcolumn .btm-box h2 a:hover
{
text-decoration:underline;
color:#CC3300;
}

#leftcolumn .btm-box p
{
font:12px  Arial;
padding:0 15px 5px 5px;
color:#173C26;
line-height:16px;
}

/***[mid-contents]***/

#mid-contents h1
{
font:24px  "Trebuchet MS";
color:#000;
padding:0 0 0 20px;
}

#mid-contents h2
{
font:24px  "Trebuchet MS";
color:#000;
padding:0 0 0 20px;
}

#mid-contents ul
{
padding:0 0 0 40px;
}

#mid-contents ul li
{
padding:5px 10px 5px 0;
}

#mid-contents ul li a
{
font:12px "Trebuchet MS";
color:#333;
}

#mid-contents p a
{
color:#333;
text-decoration:underline;
}

#mid-contents ul li a:hover
{
text-decoration:underline;
}


#mid-contents span
{
font:bold;
font:14px  "Trebuchet MS";
padding:0 0 0 20px;
}

#mid-contents p
{
font:12px arial;
color:#286842;
line-height:16px;
padding:0 20px 5px 20px;
margin-bottom:5px;
}

/***[content]***/

#content h1
{
font:24px  "Trebuchet MS";
color:#000;
padding:0 0 0 10px;
}

#content h2
{
font:16px  "Trebuchet MS";
color:#000;
font-weight: bold; 
padding:10px 0 0 10px;
text-decoration: underline; 
}

#content p
{
font:12px arial;
color:#286842;
line-height:16px;
padding:0 17px 5px 10px;
margin-bottom:5px;
}

#content .mid-right
{
width:145px;
float:right;
border:1px solid #9FDFC1;
margin:0 8px 0 0;
padding:3px;
}

/***[mid-right-main-girl1]***/

#content .mid-right-main-girl1
{
width:146px;
float:left;
background:#D4F0E3 url(../images/mid-right-bg.jpg) repeat-x top left;
}

#content .mid-right-main-girl1 span
{
float:left;
width:146px;
height:132px;
display:block;
background:url(../images/mid-right-img.jpg) no-repeat top left;
}

#content .mid-right-main-girl1 h2
{
font:bold 12px  arial;
color:#3A925E;
padding:5px 0 0 5px;
height:23px;
text-decoration:none;
border-bottom:1px solid #61BD85;
}

#content .mid-right-main-girl1 ul
{
float:left;
width:146px;
list-style:none;
}

#content .mid-right-main-girl1 ul li
{
padding:8px 0 8px 5px;
}

#content .mid-right-main-girl1 ul li a
{
font:12px arial;
color:#3B8763;
}

/***[mid-right-main-girl2]***/

#content .mid-right-main-girl2
{
width:145px;
float:left;
background:#D4F0E3 url(../images/mid-right-bg.jpg) repeat-x top left;
}

#content .mid-right-main-girl2 span
{
float:left;
width:146px;
height:132px;
display:block;
background:url(../images/girl-2.jpg) no-repeat top left;
}

#content .mid-right-main-girl2 h2
{
font:bold 12px  arial;
color:#3A925E;
padding:5px 0 0 5px;
height:23px;
text-decoration:none;
border-bottom:1px solid #61BD85;
}


#content .mid-right-main-girl2 ul
{
float:left;
width:146px;
list-style:none;
}

#content .mid-right-main-girl2 ul li
{
padding:8px 0 8px 5px;
}

#content .mid-right-main-girl2 ul li a
{
font:12px arial;
color:#3B8763;
}

#content .mid-right-main-girl2 ul li a:hover
{
text-decoration:underline;
color:#CC3300;
}


/***[mid-right-main-girl2]***/

#content .mid-right-main-nogirl
{
width:146px;
float:left;
background:#D4F0E3 url(../images/mid-right-bg.jpg) repeat-x top left;
}

#content .mid-right-main-nogirl span
{
float:left;
width:146px;
height:132px;
display:block;
}

#content .mid-right-main-nogirl h2
{
font:bold 12px  arial;
color:#3A925E;
padding:5px 0 0 5px;
height:23px;
text-decoration:none;
border-bottom:1px solid #61BD85;
}

#content .mid-right-main-nogirl ul
{
float:left;
width:146px;
list-style:none;
}

#content .mid-right-main-nogirl ul li
{
padding:8px 0 8px 5px;
}

#content .mid-right-main-nogirl ul li a
{
font:12px arial;
color:#3B8763;
}

#content .mid-right-main-nogirl ul li a:hover
{
text-decoration:underline;
color:#CC3300;
}

#content .btm-box
{
width:542px;
float:left;
margin:10px 0 0 0;
border:1px solid #9DDEBF;
}

#content .btm-box-mid
{
width:538px;
float:left;
margin:2px;
background:#fff url(../images/btm-bg.jpg) repeat-y top left;
}

#content .btm-box-mid h2
{
font:14px "Trebuchet MS";
color:#000;
font-weight:bold;
padding-top:5px;
}

#content .btm-box-mid h2 a
{
font:16px "Trebuchet MS";
color:#000;
padding-top:5px;
}

#content .btm-box-mid h2 a:hover
{
text-decoration:underline;
color:#CC3300;
}


#content .btm-box-mid p
{
color:#333;
line-height:16px;
}

#content .btm-box-mid img
{
float:right;
}


#body_home li.home,
#body_contact-us li.contact-us,
#body_partners li.partners
{
background-color:#B9ECDB;
}

#body_home li.home a,
#body_contact-us li.contact-us a,
#body_partners li.partners a
{
color:#225B3C;
}


#body_anvandningsomraden li.anvandningsomraden,
#body_info-fargade-linser li.info-fargade-linser,
#body_tips-fargade li.tips-fargade,
#body_fargade-linser-sport li.fargade-linser-sport,
#body_fargade-linser-sorter li.fargade-linser-sorter
{
padding:5px 0 5px 0;
background:url(../images/body-left-hover.jpg) no-repeat bottom left;
}

#alltomlinser{
	position:relative;
}

#alltomlinser p{
	width:100%;
	position:absolute;
	left:300px;
	top:-14px;
}

#alltomlinser p img{
	vertical-align:middle;
}

#retailers {
	display:block;
	margin-bottom:30px;
	margin-right:10px;
	padding:0px 10px 10px 5px;
}

#retailers span{
	display:block;
}

#retailers .grade{
	display:block;
	margin-top:4px;
	clear:both;
}

#retailers a img {
	border:0;
}

#retailers td{
	padding:15px 5px 15px 0;
	color:#000;
	border-bottom:2px solid #COCOCO;
}
#retailers td.logo{
	width:110px;
	text-align:center;
	vertical-align: top; 
}

#retailers td.logo img{
	padding-left:5px;
	border:0;
}

#retailers td.visit{
	width:125px;
}

#retailers td a.retailer {
	font-weight:bold;
	color:#000;
	display:block;
	font-size:120%;
	text-decoration:none;
}

#retailers td img {
	padding-right:7px; 
}
