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

body

{

font:13px arial;
margin:0 auto;
padding:0;
text-decoration:none;
line-height: 16px;
background: url(../images/bg_blue_fade.jpg) #0077DD repeat-x 0px 0px; color: #000
}



img

{

border:0px;

}



h1

{

font:bold 20px arial ;

color:#266FB4;

}



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:#000;

padding:5px 0 5px 0;

}



/***[structure]***/



#wrapper{
width:952px;
margin: 0 auto;
margin-top:5px;
overflow: hidden;
background-color:#fff;
padding: 0 13px 0 13px;
}



#top {
	margin: 0 auto;
	width:952px;
	display:block; 
	clear:both; 
}



#top-left {
	display:block;
	clear:both;  
	margin-top:10px 
}


#top-left span {
	color:#266FB4;
	font-size:12px;
	display:block;
	position:relative;
	top:-10px;
	left:105px;
}

#menu{
	height:36px;
	margin-top:20px;
	clear:both;
	background:#6687BD url(../images/box_bg.jpg) repeat-x bottom left;
}

#menu a{
	color:#fff;
	float:left;
	margin-top:2px;
	font-size:100%;
	font-weight:bold;
	padding:10px 12px 6px 12px;
	border-right:inset 1px #C0C0C0;

	background-color:#004080;
	background:#6687BD url(../images/box_bg.jpg) repeat-x bottom left;
	text-decoration:none; 
}

#menu a.startactive,
#menu a.start{
	border-left:solid 1px #7299C0;
	background:#6687BD url(../images/selected.jpg) repeat-x bottom left;
	margin-top:0;
	padding:12px 12px 8px 12px;

}

#menu a.startactive,
#menu a.active{
	background-color:#fff;
	background-image:none;
	color:#000;
margin-top:0;
	padding:10px 12px 10px 12px;
	background:#6687BD url(../images/selected.jpg) repeat-x bottom left;
}

#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:932px;


border-top: 2px #266FB4 solid; 
margin: 20px 0 0 0px;

height: 30px;

clear: both;

color:#000;
text-align:center;
padding:20px 0 30px 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:952px;
	display:block; 
	clear:both; 
	padding: 0 0 0 0px;
	margin-top:30px;
}

#content img{
	float:right;
}

#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:#000;

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:#000;

line-height:16px;

}



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



#mid-contents h1
{
font:24px  "Trebuchet MS";
color:#266FB4;
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:#000;

line-height:16px;

padding:0 20px 5px 20px;

margin-bottom:5px;

}



/***[content]***/



#content h1

{

font:24px  "Trebuchet MS";

color:#266FB4;

padding:0 0 5px 10px;

}



#content h2

{

font:16px  "Trebuchet MS";

color:#266FB4;

font-weight: bold; 

padding:10px 0 10px 10px;

text-decoration: underline; 

}



#content p

{

font:12px arial;

color:#000;

line-height:16px;

padding:0 17px 5px 10px;

margin-bottom:5px;

}



#content .mid-right

{

width:952px;

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 td{
	padding:15px 5px 15px 0;
	color:#000;
	border-bottom:2px solid #2C8F58;
}
#retailers td.logo{
	width:110px;
	text-align:center;
	vertical-align: top; 
}

#retailers td.logo img{
	padding-left:5px;
}
#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; 
}