/* Begin Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;} 
table {border-collapse:collapse;border-spacing:0;} 
fieldset,img {border:0;} 
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;} 
ol,ul {list-style:none;} 
caption,th {text-align:left;} 
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';} 
abbr,acronym {border:0;}
/* End Reset*/

/* Begin Structure */

body {
	/*background:#6d6d6d url(../img/layout/body-bg.gif) center top repeat;*/
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	text-align:center;
	overflow-y: scroll;
}

div#wrapper{
	background:#f2f2f2 url(../img/layout/bg.jpg) center top repeat-x;
	border-bottom:1px solid #f6f6f6;
}

.fullwidth{
	text-align:center;
	width:100%;	
	min-width:980px;
}

.container{
	margin:0 auto;
	width:980px;
	text-align:left;
}

div#top{
	background: url(../img/layout/top-bg.jpg) center top no-repeat;
	height:157px;
}
#top .container{
	padding:0 10px;
	width:960px;
}
	
	
div#logo{
	float:left;
	height:79px;
	padding:10px 0 0 15px;
	
}

div#logo a{
	
	
}

#logo a.link {   
    float:left;
}

#logo a.sklf {
    margin: 10px 0 0 370px;
    float:left;
}


div#nav{
	clear:both;
	color:#fff;
	height:35px;
	padding:0 16px;
	width:928px;
}

div#topnav{
	color:#fff;
	height:30px;
	text-align:right;
	padding:3px 30px 0;
	width:900px;
}



div#content-wrapper{
	background: url(../img/layout/content-bg.png) center top repeat-y;
	min-height:500px;
}
div#content{
	background: url(../img/layout/content-sidebar.png) 0 0 repeat-y;
	width:960px;
}

#content .left.col{
	background: url(../img/layout/content-bottom-bg.png) left bottom repeat-x;
	padding:20px 40px 30px 30px;
	width:640px;	
}

#content .left.col.coverall 
{
    background:#fdfdfd;
    padding:20px 40px 30px 30px;
	width:890px;	
}

#sidebar{
	min-height:200px;
	width:200px;
	padding:20px 30px 20px 20px;
	float:right;
}

div#footer{
	background: url(../img/layout/footer-bg.jpg) center top repeat-x;
	height:140px;	
}
#footer .container{
	background: url(../img/layout/footer.jpg) center top repeat-x;
	color:#fff;
	height:110px;
	font-size:12px;
	padding:30px 40px 0;
	text-shadow:0 -1px 0 #555;
	width:900px;
}

#footer .left.col{
	width:240px;	
}

/* End Structure */


/* Navigation */
.horizontal li{
	display:inline;
	margin-right:10px;
}

#nav ul li a{
	color:#eef5f7;
	display:inline-block;
	font-size:12px;
	font-weight:bold;
	padding:7px 14px 13px;
	text-decoration:none;
	text-shadow:0 -1px 0 #133845;
}
#nav a:hover{
	background:url(../img/layout/menu-hover.png) 0 0 repeat-x;
	color:#fff;
}
#nav a.current{
	background:url(../img/layout/menu-current.png) 0 0 repeat-x;
	color:#1d6079;
	text-shadow:0 1px 0 #fff;
}

#topnav ul li a{
	color:#adc8d1;
	display:inline-block;
	font-size:10px;
	font-weight:bold;
	padding:4px 5px;
	text-decoration:none;
	text-transform:uppercase;
	text-shadow:0 -1px 0 #133845;
}
#topnav a:hover{
	color:#fff;
}
#topnav a.current{
	color:#fff;
}

#topnav a.login{
	background:url(../img/layout/sprites1.png) 0 -25px no-repeat;
	height:25px;
	padding:0;
}
#topnav a.login span{
	background:url(../img/layout/sprites1.png) right top no-repeat;
	cursor:pointer;
	display:inline-block;
	padding:4px 24px 6px 8px;
	margin-left:20px;
	text-transform:none;
}
#topnav a.login:hover{
	background:url(../img/layout/sprites1.png) 0 0 no-repeat;
}



/* End Navigation */

/* Begin Typography */

p, td, a {
	swcss-displayname:Normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-bottom:0.2em;
	line-height:1.5em;
	color:#333;
}

h1,h2,h3,h4,h5,h6{
	color:#1d6079;
	font-weight:bold;
	margin:0 0 0.2em;
	text-shadow:0 1px 0 #fff;
}
h1{
	font-size:24px;
}
h2{
	font-size:20px;
}
h3 {
	font-size:16px;
}
h4 {
	font-size:14px;
}
h5 {
	font-size:13px;
}
h6 {
	font-size:13px;
	text-transform:uppercase;
}

a {
	color:#1d6079;
}

a:hover {
	color:#c11157;
	text-decoration:none;
}


/* Begin Lists */
#content ul{
	list-style-type:disc;
	margin:0 0 1.5em 1.5em;
}
#content ul ul, #content ul ol, #content ol ol, #content ol ul{
	margin:5px 0 5px 1.5em;
}
#content ol{
	list-style-type:decimal;
	margin:0 0 1.5em 2.5em;
}

#content li {
	font-size:13px;
	margin:0 0 5px 0;
}

#content rtsUL.ul 
{
    margin:0; 
}


#content ul.sidebar-list{
	border-top:1px solid #ddd;
	list-style:none;	
	margin:10px 0 30px 0;
}

#content ul.sidebar-list li{
	border-bottom:1px solid #ddd;
	padding:6px 0;
}
#content ul.sidebar-list li h5, #content ul.sidebar-list li h5 a{
	color:#444;
	font-size:11px;
	text-decoration:none;
}
#content ul.sidebar-list li h5 a:hover{
	color:#c11157;
}
#content ul.sidebar-list li p{
	font-size:11px;
	margin:0;
}
.date{
	color:#999;
}

/*
#content table td.normal{
	 font-size:13px;
}

#content table a, #content table p{
	/* font-size:13px; 
}

table{
	 font-size:13px; 
}
td{
	vertical-align:top;
}
*/



/* End Lists */


#top p{
	color:#fff;
}

#footer p, #footer a{
	color:#efefef;
	font-size:12px;
	margin-bottom:0;
	text-decoration:none;
}



/* End Typography */

/* Begin Various Tags */
hr{display:none; clear:both;}

#content hr{
	background:transparent;
	border:0; 
	border-bottom:1px dotted #ccc; 
	color:transparent;
	display:block; 
	height:1px;
	margin-bottom:10px;
}

.center{text-align:center;}
.left{float:left;}
.right{float:right;}
.clear{clear:both; height:0px;}

#footer .copy, #footer .copy a{
	color:#bbb;
	text-align:right;
}

.error  {
    color: #eb0000;
}

/* End Various Tags */

/* Begin images */
img.left{
	margin-right:30px;
	display:inline;
}
img.right{
	margin-left:30px;
	display:inline;
}

p img {
	padding: 0;
	max-width: 100%;
}

img.center {
	display: block;
	margin:0 auto;
}
/* End Images */


/* Begin Forms */

.sklfBtn{
	background:/*#1d6079*/ url(../img/layout/submit-btn.png) 0 0 repeat-x;
	border:0;
	color:#fff !important;
	cursor:pointer;
	display:block;
	height:30px;
	font-weight:bold !important;
	padding:0 7px 3px !important;
	text-shadow:0 -1px 0 #000;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}


input  {
padding:4px 6px !important; 
margin: 0 0px 0 0 !important;
font:12px Arial, sans-serif !important;
color:#555 !important;


/* margin-bottom:10px; */
}

.inputItem{
border-style:inset !important;
border-width:1px !important;
}

select{
padding:4px 6px;
font:12px Arial, sans-serif;
color:#555;
}
textarea{
padding:4px 6px;
font:12px Arial, sans-serif;
color:#555;
}


fieldset p{
	font-weight:bold;
	font-size:11px;
}

#searchform #ctl00_Main_btnSearch{
	background:/*#1d6079*/ url(../img/layout/submit-btn.png) 0 0 repeat-x;
	border:0;
	color:#fff !important;
	cursor:pointer;
	display:block;
	height:30px;
	font-weight:bold !important;
	padding:0 7px 3px !important;
	text-shadow:0 -1px 0 #000;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	width:60px !important;
}
/* End Forms */


/* LINK startpage */

#startDescriptionText div.Question
{
    background: url('/img/icons/right_arrow.png') no-repeat;
    padding: 5px 0 10px 45px;   
}

#startDescriptionText h5
{
    cursor:pointer;
}

#startTop{
	background:url(../img/layout/start.png) 0 0 no-repeat;
	width:850px;
	height:227px;
	padding:38px 20px 0;
}

#startDescriptionText{
	background:#f5f5f5;
	width:540px;
	padding:20px 30px 10px;
	float:right;
	margin:10px 0 30px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	
}
#startDescriptionText p {
	font-size:13px;
	margin-bottom:1em;
	text-shadow:0 1px 0 #fff;
}

#startTop .startMain{
	width:440px;
	padding-left:10px;
}
#startTop .startMain h1{
	font-size:24px;
	/*padding-left:154px;*/
	margin-bottom:14px;
}
#startTop .startMain p{
	font-size:15px;
	line-height:1.5em;
	margin-bottom:1.2em;
	margin-top:8px;
	text-shadow:0 1px 0 #fff;
}

#content .linkStartBtns{
	float:left;
	list-style:none;
	margin:0;
	padding-top:10px;
	margin-left:30px;
}
.linkStartBtns li{
	
}
.linkStartBtns li a{
	background:url(../img/layout/link-start-btns.png) 0 0 no-repeat;
	/*background:url(../img/layout/link-start-btns-tmp.png) 0 0 no-repeat;*/
	display:block;
	height:34px;
	width:222px;
	text-indent:-999em;
	margin-bottom:12px;
}
.linkStartBtns li.lastChild a{
	margin-right:0;
}

.linkStartBtns li a.searchProductBtn{
	background-position:0 -37px;
}
.linkStartBtns li a.searchOtherBtn{
	background-position:0 -74px;
}

.linkStartBtns li a:active, .linkStartBtns li a:focus{
	outline:none;
}

/* End LINK startpage */



/* Sökresultat */

.rgNoRecords td{
	background:#f8f8f8;
	padding:20px 30px !important;
}

.rgNoRecords p{
	margin-bottom:1em;
	font-size:12px;
}
	

/* Search-resualt */

.lensImageList 
{
    width:630px;
}

.lensImageListItem 
{
    padding:5px 5px 15px 5px;
    float:left;
    width:180px;
    margin: 0 15px 15px 0;
    border: 1px solid #e5e5e5;
    text-align:center;
    
}

.lensImageListItemHotizontal 
{
    padding:5px 5px 15px 5px;
    float:left;
    width:125px;
    margin: 0 15px 15px 0;
    border: 1px solid #e5e5e5;
    text-align:center;
    
}

.lensImageListItemHotizontal h4
{
    height: 40px;
    vertical-align:middle;    
	overflow:hidden;
}

.lensImageListItem h4
{
    margin:6px 0 10px 10px;
    text-align:left;
    line-height:16px;
    height:30px;
}

#content .left.col.coverall.searchDivider{	
	background:#fdfdfd url(../img/layout/sh-right.png) 255px top repeat-y;
}


.RadGrid.RadGrid_GridSearchResult td, .RadGrid.RadGrid_GridSearchResult th{
	padding:6px 10px;
	border:1px solid #fff;
}
.RadGrid.RadGrid_GridSearchResult th{
	background:#eee;
	font-weight:bold;
}

.RadGrid.RadGrid_GridSearchResult .rgRow{
	background:#f2f2f2;	
}

.RadGrid.RadGrid_GridSearchResult .rgAltRow{
	background:#f9f9f9;	
}

.RadGrid.RadGrid_GridSearchResult a{
	text-decoration:none;
	font-weight:bold;
}

#searchform{
	clear:both;
	width:260px; 
	overflow:hidden;
}

#searchform input {
	
}

#searchform .halftext {
    width:80px !important;    
}

#searchform .fulltext {
    width:190px;    
}


#searchform select{
	width:208px !important;
}

#searchform .rcbInput{
	width:175px !important;
}

#searchform p{
	font-weight:bold;
	font-size:12px;
	padding-top:10px;
}

#searchform .error {
    font-size:9px;
    width:240px;
    white-space: nowrap;
}

.searchHalfContainer  {
    float:left;
    width:110px;
    height:60px;
}


.RadTabStrip_TabSearchMode .rtsLevel{
	float:right;
}

.RadTabStrip_TabSearchMode .TabListView{
	background:url(../img/layout/search-view-btns.png) 0 -17px no-repeat;
	display:block;
	width:17px;
	height:16px;
}

.RadTabStrip_TabSearchMode .TabListView.rtsSelected{
	background-position:0 0;
}

.RadTabStrip_TabSearchMode .TabImageView{
	background:url(../img/layout/search-view-btns.png) 0 -51px no-repeat;
	display:block;
	width:17px;
	height:16px;
}

.RadTabStrip_TabSearchMode .TabImageView.rtsSelected{
	background-position:0 -34px;
}


.RadTabStrip_TabSearchMode .TabListView span span, .RadTabStrip_TabSearchMode .TabImageView span span{
	display:none;
}

/* End sökresultat */


/* Detaljer */

#compareLink{
	color:#fff;
	background:url(../img/layout/small-btn.png) 0 0 no-repeat;
	padding:2px;
	font-size:11px;
	width:46px;
	line-height:11px;
	margin:0;
	height:16px;
	display:block;
	padding:3px 0 0 6px;
}

table.details{
	border:1px solid #d9d9d9;
	margin:10px 0;
	width:430px;
}

table.details td{
	border:1px solid #d9d9d9;
	padding:4px 10px;
	font-size:11px;
}
table.details td p, table.details td a{
	font-size:11px;
}

table.details td.col1{
	background:#f2f2f2;
	font-weight:bold;
	width:40%;
	vertical-align:text-top;
}


table.details td.col2{
	background:#f9f9f9;
}

.details-imagewrapper
{
    margin-right:40px; text-align:right;
    float:right;
}

.details-imagewrapper p 
{
    margin-top:10px;    
}

.details-img{
	border:1px solid #d9d9d9;
	/*margin:9px 50px 0 0;*/
}
.edit-link{
	text-decoration:none;
	display:block;
	font-size:11px;
	font-weight:bold;
	margin-top:10px;
}
/* End detaljer */

/* Jämför 

.compare{
	height:200px;
	overflow:scroll;
}*/

table.compare-details{
	width:100%;
	border:1px solid #d9d9d9;
	font-size:10px;
}

table.compare-details th{
	background:#ebebeb;
	border:1px solid #d9d9d9;
	color:#1d6079;
	padding:6px 10px;
	font-weight:bold;
}

.compare-details p {font-size:11px;}

table.compare-details td{
	border:1px solid #d9d9d9;
	padding:6px 10px;
	font-size:11px;
	vertical-align:top;
}

table.compare-details th.thHeader {
    min-width:200px;
    font-weight:bold;
    font-size:12px;
}

table.compare-details .title{
	background-image:url(../img/layout/sh-right.png);
	background-position: right top;
	background-repeat:repeat-y;
	font-weight:bold;
}
table.compare-details th.title{
	width:120px;
	color:#333;
}

table.compare-details tr.pic{
	background:#fff;
}
table.compare-details tr.odd{
	background:#f2f2f2;
}
table.compare-details tr.even{
	background:#f9f9f9;
}
table.compare-details tr:hover{
	background:#fff;
}

table.compare-details a 
{
font-size:11px;
    }

/* End jämför */




/* Switch button */

.switch{
	display:block;
	background:url(../img/layout/toggle-btn.png) 0 0 no-repeat;
	width:210px;
	height:27px;
}
switch.selLeft{
	background-position:0 0;
}
.switch.selRight{
	background-position:0 -27px;
}
.switch a{
	color:#cfdfe5;
	display:inline-block;
	font-weight:bold;
	padding:4px 10px;
	text-decoration:none;
	margin-right:30px;
	text-shadow:0 -1px 0 #0a3949;
}
a.btnRight{
	margin-right:0;
}
a.selected{
	color:#fff;
	text-shadow:0 1px 0 #0a3949;
}
/*************************************/
/*.RadTabStrip_switch*/

.RadTabStrip_switch{
	display:block;
	background:url(../img/layout/toggle-btn.png) 0 0 no-repeat;
	width:210px;
	height:27px !important;
}

.RadTabStrip_switch .rtsLink{
	color:#cfdfe5;
	display:inline-block;
	font-weight:bold;
	padding:4px 10px;
	text-decoration:none;
	margin-right:10px;
	text-shadow:0 -1px 0 #0a3949;
}
.RadTabStrip_switch .rtsSelected{
	color:#fff;
	text-shadow:0 1px 0 #0a3949;
}
.RadTabStrip_switch .rtsLast a{
	margin-right:0;
}

.RadTabStrip_switch .rtsLast .rtsSelected{
	background-position:0 -27px;
}

.RadTabStrip_switch.selLeft{
	background-position:0 0;
}
.RadTabStrip_switch.selRight{
	background-position:0 -27px;
}

/* Switch button */



/* Adds by EM for LINK */

 /*  Rad Controls */
 .RadTabStrip, .rtsUL
{
    height: 25px;
    margin: 0 0 0 0 !important;
    padding: 0 !important;
}

/* For jQuery SimpelTooltip*/
#simpleTooltip { margin:-2px 0 0 2px; padding: 5px 7px 5px 7px; border: 1px solid #A6A7AB; font-size:11px; background: #F2F3F5; text-align:left; max-width:250px; }




fieldset {
	background:url(../img/layout/sh-right.png) right top repeat-y;    
    padding: 0px 9px 9px 0;
    margin: 0 30px 0 0;
}

legend 
{
    font-size:12px;
    /*font-weight:bold;*/
    margin: 0 5px 10px 5px;
}


.formElementBlock {
    border-top: #e5e5e5 dotted 1px;
    padding: 7px 0px 10px 0px;
    display:block;
    width:100%;
    
}

table.noBorder td, table.noBorder tr, table.noBorder { border:0 !important; }
table.noBorder td { padding:2px 6px 2px 0px }

.valueTableRight td, .valueTableLeft td
{
    padding: 0 3px 0 3px;        
}

.valueTableRight p 
{
    text-align:right;
}

.valueTableLeft p 
{
    text-align:left;
}

/* End adds by em*/

.sBtn 
{
    /*display:block;*/
	height:20px;
	padding:5px 10px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	text-shadow:0 -1px 0 rgba(0,0,0,.4);
	margin-right:10px;
	background:url(/img/layout/btn-standard-bg.png) 0 0 no-repeat;
}

.sBtn:hover 
{
    background-position:0 -30px;
    color:#f5f5f5;
}

.RadComboBoxDropDown 
{
    width:250px !important;
}

.RadComboBox_Default {
    width:200px !important;
}


 
 /*  ---------------- SLIDE IN BOX --------------- */
 #sliding_message_box 
 {
     padding-top: 20px;
     padding-bottom: 20px;
     font-size:12px !important;
     line-height:40px !important;
     filter:alpha(opacity=80);
     opacity: 0.80;
     -moz-opacity:0.80;
     background-color:#000 !important;
 }
 
 #sliding_message_box_message 
 { 
     text-align:center;
     color:#fff;
 }
 

/* MODAL SCREENS */
.modalBackground 
{
    filter:alpha(opacity=80);
    opacity: 0.80;
    -moz-opacity:0.80;
    background-color:#000;
    z-index: 800 !important;
}
    
.modalPanel h2 
{
    font-size:15px;
    float:left;
    margin-right:5px;
    
}

.modalHeader {
    margin: 0 0 10px 0;
    border-bottom:1px solid #e9e9e9;
}


.modalPanel td
{
    padding: 0 5px 0 5px;
}

.modalPanel 
{
    text-align:left;
    background-color:#FFF;
    z-index: 900 !important;
    /*border: 3px solid #e1e1e1;*/
    padding:45px 15px 15px 15px;
   
    font: normal 12px Arial, Helvetica, sans-serif;
    color: #333;
    line-height: 18px;
}


.modalCloseButton {

    position: absolute;
/*    top: -14px;
    left: 488px;*/
    top: 0;
    right:0;
	background: url(../img/layout/close-btn.png) left bottom no-repeat;
    /*background: url(/img/icons/close-modal.png);*/
	padding:10px 10px 0 0;
    width: 54px;
    height:20px;
    text-decoration: none;
    color: #ffffff;

}

.shadowBoxCloseButton {

    position: absolute;
    padding:10px 10px 0 0;
	margin:10px 20px 0 0;
    top: 0;
    right:0;
    background: url(../img/layout/close-btn.png) left bottom no-repeat;
    width: 54px;
    height:10px;
    text-decoration: none;
    color: #ffffff;
    z-index:10000;

}

.modalCloseButton a {

    text-decoration: none;

}

/* Fieldsets */

fieldset 
{
    background:#fbfbfb;
    border:1px solid #d8d8d8;
    padding: 0px 9px 9px 15px;
    margin: 0 15px 0 0;
}

fieldset p
{
    font-weight:normal;
}

legend 
{
    font-size:12px;
    margin: 0 5px 10px 5px;
}


/* TabStrips Styles */ 
.RadTabStrip .rtsUL
{
    list-style:none !important;
}

.RadTabStrip .rtsLI
{
    float:left;
    padding: 0 5px 0 0;
}

.RadTabStrip a.rtsSelected 
{
    font-weight:bold;
}


.divSearchInfobox
{
    width:605px;
    background-color:#f8f8f8;        
    padding-bottom:20px;
}

.divSearchInfobox h3
{
    background-color:#eeeeee;  
    padding: 10px 10px 10px 15px;
}
        
.divSearchInfobox p
{
    font-size: 12px;
    margin-bottom: 1em;
    margin:15px;
}

.labelSearchHeader 
{
    font-size:11px;
    color:#bebebe;    
}

.searchGridName {width:300px;}
.searchGridSupplier {width:190px;}
.searchGridCompare {width:50px;}