/* =================== Deklarering START ====================== */

box, logo, article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video { display: block; }
mark, rp, rt, ruby, summary, time { display: inline }

/* ==================== Deklarering ENDS ======================= */





/* ========================= Globala inställningar START ============================= */
img{
border:0;
}

* {
margin:0;
padding:0;
}
	
body {
background:#ffffff;
margin:0 auto;
vertical-align: top;
padding-left: 10px;
padding-top:20px;
width: 960px;
overflow-x:hidden;
font-size: 0.8em;
font-family:Verdana, sans-serif;
color:#121212;
}

#wrapper{
width:960px;
position:relative;
float:left;
margin:0 auto;
}

html {
vertical-align: top;
}

div {
vertical-align: top;
}

h1, h2, h3{
    color: #121212;
    font-family: Verdana,sans-serif;
    font-weight: bold;
    line-height: normal;
    text-align: left;
}

h1 {
font-size: 22px;
font-weight: normal;
letter-spacing: -1px;
margin-bottom: 18px;
}


h2 {
font-size: 1.5em;
}

h3 {
font-size: 0.9em;
}

h4 {
font-size: 0.2;
}

P {
    color:#555;    
    font-size:0.85em;
	line-height:0.875em; /* 18 på texter */
    margin:0 0 12px 0;
    font-weight:normal;
}

A {
    color:#000;
}
A:HOVER {
    text-decoration: none
}

UL LI {
    line-height: 15px;
}

IMG {
    border:none;
}

white {
color: #fff;
background-color:red;
}


.fleft{
float: left;	
}
	
.fright{
float:right;	
}

#TopContainer{
position:relative;
float:left;
width:100%;
margin-bottom:20px;
}

.innerplaceholder{
width:960px;
margin: 0 auto;
background:blue;
}

.logo{
width:140px;
height:130px;
float:left;
position:relative;
}

.menu{
width:810px;
min-width:790px;
height:130px;
position:relative;
float:left;
display:inline;
}


.menu ul{
vertical-align:central;
width:800px;
margin-left:20px;
height:20px;
display:inline;
position:relative;
float:left;
}

.menu ul li{
display: inline;
float:left;
}

.menu ul li a{
font-size:1.0em;
text-decoration:none;
text-transform:uppercase;
line-height:1.2em;
margin-left:20px;
}

.menu ul li.first a{
display: inline;
float:left;
margin-left:0;
}

.menu ul li.firstcurrent a{
display: inline;
float:left;
margin-left:0;
color: #00aeef;
}

.menu ul li.current a{
font-size:1.0em;
text-decoration:none;
text-transform:uppercase;
line-height:1.2em;
color: #00aeef;
}



.menu p{
width: 530px;
margin-left:10px;
font-size:0.9em;
}

.menudivider{
width: 800px;
position:relative;
float:left;
display:block;
margin-left:20px;
margin-top:5px;
border-top: 1px #cccccc dotted;
}

.space{
position:relative;
float:left;
display:inline;
width:20px;
}

.formitem{
position:relative;
float:left;
display:inline;
width:820px;
}




#content{
width:950px;
background:white;
position:relative;
float:left;
display:block;
padding:30px 0px;
}

.PlaceContainerLeft{
width: 190px;
position:relative;
float:left;
}

.PlaceContainerLeft h2{
font-size: 0.85em;
line-height:1.6em;
width:160px;
border-bottom:1px solid #cccccc;
text-transform:uppercase;
margin-bottom:8px;
}

.PlaceContainerLeft ul{
margin-bottom:20px;
}

.PlaceContainerLeft ul li{
list-style:none;
margin-bottom:5px;
color:#555555;
}

.PlaceContainerLeft ul li a{
text-decoration:none;
color:#555555;
}

.PlaceContainerLeft ul li a:hover{
text-decoration:none;
}

.PlaceContainerLeft ul li.sel a{
text-decoration:none;
font-style:normal;
font-weight:bold;
color:#555;
}

.PlaceContainerLeft ul li.sel{
text-decoration:none;
font-style:normal;
font-weight:bold;
color:#555;
}








.PlaceContainerRight{
width: 750px;
position:relative;
float:left;
padding-left:19px;
border-left: 1px dashed #eeeeee;
min-height:220px;
}

.PlaceContainerRight p{
color: #555555;
font-weight: normal;
line-height: 18px;
width:480px;
}

.PlaceContainerRight h2{
color:#555;    
font-size:11px;
line-height:14px;
font-weight:bold;
}

.PlaceContainerRight img{
width: 750px;
position:relative;
float:left;
margin-bottom:18px;
}



.ProductPlaceholder {
    border-top: 1px dashed #EEEEEE;
    margin-top: 25px;
    padding-top: 25px;
}

.ProductItem {
    display:inline;
    float:left;
    height:300px;
    margin-right:30px;
    position:relative;
    width:226px;
	padding-bottom:20px;
}

.ProductItem A {
    width:215px;
    display:block;
}

.ProductItem A IMG {
    width:168px;
    margin-bottom:3px;
    padding:28px;
    text-align:center;
    display:inline;
    border:solid 1px #ccc;  
}

.ProductItem H3 A {
font-size:11px;
line-height:13px;
margin:0 0 15px 0;
text-decoration:none;
width:205px;
}

.ProductItem p{
    color:#121212;
    display:block;
    text-decoration:none;
	line-height:1.3em;
	padding:0 0 0 0;
	margin:0;
}

.ProductItem p a{
    color:#121212;
    display:block;
    text-decoration:none;
	line-height:1.3em;
		padding:0 0 2px 0;
	margin:0;
}

P.Breadcrumb {
    width:700px;
}

P.Breadcrumb A {
    text-decoration:none;
    color:#555;
}







.LastItem {
float:right;
margin-right:0;
clear:right;
}




.searchitemresult{
width:630px;
position:relative;
float:left;
}

.searchitemresult ul{
position:relative;
float:left;
list-style-type:none;
list-style:none;
}

.searchitemresult ul li{
position:relative;
float:left;
font-size:1em;
line-height:1.4em;
color:#555555;
width:630px;
}

.searchitemresult ul li.adressline{
position:relative;
float:left;
font-size:1.1em;
line-height:1.4em;
width:630px;
border-bottom:dotted 1px #cccccc;
margin-bottom:5px;
padding-bottom:5px;
}

.searchitemresult span.col-1{
position:absolute;
left:350px;
}

.searchitemresult span.col-2{
position:absolute;
left:580px;
}

.searchitemresult span.col-2 img{
position:relative;
left:8px;
top:6px;
width:12px;
height:12px;
}

.head{
margin-bottom:5px;
}

.inputformfieldsearch {
    border: 1px solid #ccc;
    float: left;
    font-size: 0.7em;
    height: 11px;
    margin-right: 10px;
	margin-left: 0;
    padding: 3px 4px 4px 4px;
    position: relative;
    width: 100px;
}

.formbutton {
background: #ffffff;
position: relative;
float: left;
height: 20px;
padding: 0 4px 3px 4px;
border: 1px solid #ccc;
font-size: 9px;
text-align: center;
color: black;
}

.slogan{
position: relative;
display:block;
float:right;
width: 92px;
text-align:right;
}

.slogan h2{
font-size:1.2em;
line-height:1.2em;
text-transform:uppercase;
color: #ccc;
}

.slogan strong{
font-size:1.2em;
line-height:1.2em;
text-transform:uppercase;
color:black;
}

.logindivider{
position:relative;
display:inline;
float:left;
width:2px;
height:20px;
border-left:1px dotted #cccccc;
margin-left:20px;
margin-right:20px;
}

.footeritems{
position:relative;
float:left;
margin-top:40px;
padding-top:20px;
border-top:1px dotted #cccccc;
width: 960px;
}

ul.footeritemsrow{
position:relative;
float:left;
display:inline;
list-style:none;
}

ul.footeritemsrow li a{
text-decoration: none;
text-transform:uppercase;
font-size:0.9em;
line-height: 0.9em;
}

.col-1, .col-2{
width:140px;
}

.col-3{
width:201px;
}

.col-4, .col-5, .col-6{
width:200px;
padding-left:52px;
border-left: 1px dotted #cccccc;
min-height: 50px;
}

.divider{
height: 1px;
width: 960px;
position:relative;
display:block;
float:left;
margin: 20px 0 10px 0;
border-bottom: 1px dotted #cccccc;
}

#footer{
position:relative;
float:left;
width:100%;
min-width:960px;
display:block;
margin-bottom:20px;
}

.footerholder{
width: 800px;
float:left;
display:inline;
position:relative;
margin-bottom:30px;
}

.footerholder p{
padding-top:5px;
float:left;
font-size:0.8em;
line-height: 0.9em;
padding-bottom:15px;
width:960px;
}

.footerholder p a,.footerholder p a:hover{
text-decoration:none;
}

.mediaholder{
width:160px;
float:left;
display:inline;
position:relative;
margin-bottom:40px;
}

.mediaholder img{
width:16px;
height:16px;
float:right;
margin-left:2px;
}







#Sitemap .ddSubnavContent,
#TopRight .ddSubnavContent {
    position:relative;
    display:block;
    width: 160px;
    margin-bottom:25px;
    float:left;
}
.Longdesc {
    width: 210px;
    margin-left:20px;
}
.Clear {
    height:250px;
}

#Sitemap .ddSubnavContent IMG,
#TopRight .ddSubnavContent IMG {
    margin-bottom:5px;
	width:120px;
}
#Sitemap UL,
#TopRight .ddSubnavContent UL {
    list-style-type:none;
    margin:0;
    padding:0;
}
#Sitemap .ddSubnavContent UL LI,
#TopRight .ddSubnavContent UL LI {
    background: url(/images/icon-arrow-right-transp.png) -4px -1px no-repeat;
    padding-left:8px;
    padding-bottom:3px;
    font-size:11px;
    line-height:13px;
    color:#121212;
}
#Sitemap .ddSubnavContent UL LI:first-child,
#TopRight .ddSubnavContent UL LI:first-child, 
#Sitemap .ddSubnavContent UL LI.NoArrow,
#TopRight .ddSubnavContent UL LI.NoArrow {
    background-image:none;
    padding-left:0;
    font-weight:bold;
    color:#000;
}
#TopRight .ddSubnavContent UL LI:first-child A 
{
    color:#00aeef;
}
#Sitemap .ddSubnavContent UL LI A,
#TopRight .ddSubnavContent UL LI A {
    text-decoration:none;
    font-size:11px;
    color:#121212;
}






.ShareBox 
{
    background:url(/images/icon-sharebox.gif) top left no-repeat;
    position:absolute;
    right:2px;
    top:0;
    width:26px;
    background:#fff;
    border:1px solid #ccc;
    cursor:pointer;
}

.ShareBox UL {
    list-style-type:none;
    padding:0;
    margin:5px 0 3px 0;
    display:none;
}
.ShareBox UL LI,
.ShareBox UL LI A {
    width:26px;
    float:right;
    display:inline;
    text-align:center;
}
.ShareBox UL LI A IMG,
.ShareBox UL LI A SPAN 
{
    width:16px;
    height:16px;
    float:right;
    display:inline;
    padding:0;
    margin:3px 6px;
    border:none;

}

.at300b, .at300m, .at300bs {
    cursor: pointer;
}

.at15t_twitter {
    background-position: 0 -5216px;
}

.at15t_facebook {
    background-position: 0 -1568px;
}

.at15t_email {
    background-position: 0 -1456px;
}

.at300bs {
    background: url("//s7.addthis.com/static/r07/widget30.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 16px;
    line-height: 16px !important;
    overflow: hidden;
    width: 16px;
}





#productpage{
width: 750px;
position:relative;
float:left;
backgrounbd:red;
}

#productpage img{
width: 440px;
position:relative;
float:right;
border:none;
}

#productpage h1,#productpage p{
width: 310px;
}

#productpage p.pricetag{
width: 310px;
font-size:20px;
font-weight:bold;
margin:0 0 5px 0;
}

#productpage p.span{
width: 310px;
font-weight:normal;
}

#productpage ul{
width: 310px;
position:relative;
float:left;
list-style:none;
margin-bottom:10px;
}

#productpage ul li{
margin-bottom:5px;
color:#555555;
width: 310px;
font-size:11px;
}

.divider2{
height: 1px;
width: 750px;
position:relative;
display:block;
float:left;
margin: 20px 0 10px 0;
border-bottom: 1px dotted #cccccc;
}




/* ========================= Global inställningar ENDS =============================== */


/* ========================= Formholder START =============================== */


form{
	position:relative;
	float:left;
}
.formholder {
position: relative;
float:left;
height: 38px;
width: 810px;
}

.formholder h3{
position: relative;
display: inline;
float:left;
font-size:1.0em;
line-height: 1.5em;
text-decoration:none;
text-transform:uppercase;
margin-bottom:25px;
padding-right:20px;
}


/* ========================= Loginholder ENDS =============================== */

/* ========================= Assets START =============================== */


.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
 
.clearfix {
display: inline-block;
}
 
html[xmlns] .clearfix {
display: block;
}
 
* html .clearfix {
height: 1%;
}



/* ========================= Assets ENDS =============================== */




