/* 
===================================
Skin styles for DotNetNuke SajtAgny
===================================
*/ 

@import url("Nyheter.css"); @import url("products.css"); @import url("webbshop_menu.css"); 
html {overflow-y:scroll;}
.pagemaster {text-align: center; margin: 0px; padding: 0px;}
.wrapper {text-align: left; margin: 0px auto; padding: 0px 8px 10px 8px; width:976px; background-color:#FFFFFF;}
.skinmaster {height: 100%; background-color: #eeeeee; border-right: #8f9092 1px solid; border-top: #8f9092 1px solid; border-left: #8f9092 1px solid; border-bottom: #8f9092 1px solid; -moz-border-radius-bottomleft: 15px; -moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px;}
/**********************************************/
/**********************************************/
/**********************************************/
.ControlPanel {background-color: #DFF4FF; float:left; border: #FFFFFF solid 0px;}
#adminMenu, #hostMenu {width:230px;}
.TopPane {position: relative; margin:0px auto; width: 976px; min-height:80px; text-align: left; clear:both; z-index: 20;}
* html .TopPane {height:80px;}
.TopPane p {padding:0px; margin:0px;}
.HeaderPane {position: absolute; top:0px; left: 0px; width: 976px; min-height: 60px; z-index:30;}
* html .HeaderPane {height: 60px;}
.dnnLOGO {position: absolute; top:0px; left: 0px;}
.dnnLOGO a, .dnnLOGO a:visited {text-decoration: none; border: none; border-bottom: 0px #FFFFFF solid;}
.dnnBANNER {position: relative; top:0px; right: 0px; z-index:12; visibility:hidden;}
/* Search Div längre ner */
.dnnSEARCH {}
.HeaderBannerPane {position: relative; top:0px; right: 0px; clear:both;}
.TopBannerPane {position: relative; top:0px; right: 0px; clear:both;}
.MenuHolder {margin:0px auto; width: 976px; clear:both; position:relative;}
.Menu {float:left; width: 820px;}
.RetailSignIn {float:right; height: 20px; width: 120px; padding: 0px 6px 0px 0px;}
.RetailSignIn .Normal p {margin: 0px; padding : 0px;}
.RetailSignIn a {display:none; width:1px; height: 1px;}
.RetailSignIn .Normal p a {color : #8FA6C3; text-decoration: none; text-transform: uppercase; text-decoration: none; font-family: Arial; font-size: 12px; font-weight : bold; padding : 0px 20px 0px 0px; display: block; height : 30px; width: 100px; line-height : 30px; border-bottom: none; background: url(img/icon_signin.gif) no-repeat 100% 8px; /*filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=3,StartColorStr='#dcdcdc',EndColorStr='#204d88'); */
}
/*.SubMenu {margin:0px auto; width: 976px; text-align: left; clear:both; min-height:10px;}*/
.DividerPane {margin: 0px auto; width: 976px; text-align: left; clear:both; min-height:10px; background-color:#FFFFFF;}
/**********************************************/
/**********************************************/
/**********************************************/
.Admin .Content {margin: 10px auto 10px auto; padding: 10px 0px; width: 976px; text-align: left; clear: both;}
/**********************************************/
/**********************************************/
/**********************************************/
.Content {margin: 10px auto 10px auto; padding: 10px 0px; width: 976px; text-align: left; clear: both; background:url(img/pixel_gray.gif) repeat-y 180px 0px;}
.Content .LeftPane {margin: 0px; width: 180px; float: left; text-align: left;}
/*.Content .LeftPane .padding, */
.Content .LeftPane .padding p {padding: 0px 20px 8px 0px;}
.Content .ContentPane {margin: 0px; width: 510px; float: left; text-align: left;}
/*.Content .ContentPane .padding, */
.Content .ContentPane .padding p,
.Content .ContentPane .padding h1, 
.Content .ContentPane .padding h2, 
.Content .ContentPane .padding h3, 
.Content .ContentPane .padding h4 {padding: 0px 20px 8px 20px;}
.Content .RightPane {margin: 0px; width: 270px; float: right; text-align: left;}
.Content .RightPane .padding {padding: 0px 0px 0px 0px;}
.Content .RightPane img {float: right;}
/**********************************************/
/**********************************************/
/**********************************************/
.Content1 {margin: 10px auto; width: 976px; text-align: left; clear: both;}
.Content1 .LeftPane {margin: 0px; width: 731px; float: left; text-align: left;}
.Content1 .LeftPane .padding p, 
.Content1 .LeftPane .padding h1, 
.Content1 .LeftPane .padding h2, 
.Content1 .LeftPane .padding h3, 
.Content1 .LeftPane .padding h4 {padding: 0px 0px 6px 0px;}
.Content1 .ContentPane {margin: 0px; width: 240px; float: right; text-align: left;}
.Content1 .ContentPane .padding p, 
.Content1 .ContentPane .padding h1, 
.Content1 .ContentPane .padding h2, 
.Content1 .ContentPane .padding h3, 
.Content1 .ContentPane .padding h4 {padding: 0px 0px 6px 0px;}
.Content1 .RightPane {visibility:hidden; display:none;}
.Content1 .RightPane .padding {padding: 0px;}
/**********************************************/
/**********************************************/
/**********************************************/
.Content2 {margin: 10px auto; width: 976px; text-align: left; clear: both;}
.Content2 .LeftPane {margin: 0px; width: 365px; float: left; text-align: left;}
.Content2 .LeftPane .padding p, 
.Content2 .LeftPane .padding h1, 
.Content2 .LeftPane .padding h2, 
.Content2 .LeftPane .padding h3, 
.Content2 .LeftPane .padding h4 {padding: 0px 20px 6px 0px;}
.Content2 .ContentPane {margin: 0px; width: 365px; float: left; text-align: left;}
.Content2 .ContentPane .padding p, 
.Content2 .ContentPane .padding h1, 
.Content2 .ContentPane .padding h2, 
.Content2 .ContentPane .padding h3, 
.Content2 .ContentPane .padding h4 {padding: 0px 20px 6px 20px;}
.Content2 .RightPane {margin: 0px; width: 240px; float: right; text-align: right;}
.Content2 .RightPane .padding {padding: 0px;}
/**********************************************/
/**********************************************/
/**********************************************/
.Content3 {margin: 10px auto 10px auto; padding: 10px 0px; width: 976px; text-align: left; clear: both; background:url(img/pixel_gray.gif) repeat-y 180px 0px;}
.Content3 .LeftPane {margin: 0px; width: 180px; float: left; text-align: left;}
.Content3 .LeftPane .padding p, 
.Content3 .LeftPane .padding h1, 
.Content3 .LeftPane .padding h2, 
.Content3 .LeftPane .padding h3, 
.Content3 .LeftPane .padding h4 {padding: 0px 20px 6px 0px;}
.Content3 .ContentPane {margin: 0px; width: 780px; float: right; text-align: left;}
.Content3 .ContentPane .padding p, 
.Content3 .ContentPane .padding h1, 
.Content3 .ContentPane .padding h2, 
.Content3 .ContentPane .padding h3, 
.Content3 .ContentPane .padding h4 {padding: 0px 20px 6px 20px;}
.Content3 .RightPane {visibility:hidden; display:none;}
.Content3 .RightPane .padding {padding: 0px;}
/**********************************************/
/**********************************************/
/**********************************************/
.Products {margin: 0px auto 10px auto; width: 976px; text-align: left; clear: both; background:url(img/pixel_gray.gif) repeat-y 180px 0px; background-color:#FFFFFF;}
.Products .LeftPane {margin: 0px; width: 160px; float: left; text-align: left;}
.Products .LeftPane .padding p, 
.Products .LeftPane .padding h1, 
.Products .LeftPane .padding h2, 
.Products .LeftPane .padding h3, 
.Products .LeftPane .padding h4 {padding: 0px 0px 6px 0px;}
.Products .ContentPane {margin: 0px; width: 780px; float: right; text-align: left;}
.Products .ContentPane .padding p, 
.Products .ContentPane .padding h1, 
.Products .ContentPane .padding h2, 
.Products .ContentPane .padding h3, 
.Products .ContentPane .padding h4 {padding: 0px 0px 6px 0px;}
.Products .RightPane {visibility:hidden; display:none;}
.Products .RightPane .padding {padding: 0px;}
/**********************************************/
/**********************************************/
/**********************************************/
.Start_Banner {float: left; width: 243px;}
.Start_Banner .Industrial {float: left; text-align: left; border: green 0px solid;}
.Start_Banner .Medical {float: left; text-align: left; border: orange 0px solid;}
.Start_Banner .Electronics {float: right; text-align: left; border: #000000 0px solid;}
.Start_Banner .padding {padding: 0px 8px 0px 0px;}
/**********************************************/
/**********************************************/
/**********************************************/
.Footer {margin: 10px auto; width: 976px; text-align: left; clear:both;}
.Footer .BottomPane p {padding: 10px 10px; font-size: 80%; line-height: 100%;}
.BottomPane {border: 1px solid #ececec; background-color: #F2F2F4;}
.left {float:left;}
.right {float:right;}
.clear {clear: both;}
/**********************************************/
/****************Buttons***********************/
/**********************************************/
.StandardButton {background:#f2f2f2 none; color:#575757; font-family:arial; font-size:11px; font-weight:normal; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffff',EndColorStr='#7A7A7A');}
/* Search Div */
.dnnSEARCH {position: absolute; top:7px; right: 0px; z-index:12; padding: 0px; height:26px; line-height:23px; width:310px;}
/* Text used for search */ 
.dnnSEARCH .SearchText {position:absolute; top:0px; left:0px; font-size: 10px; color:#acacac; width: 100px; display: block;}
/* Textbox used for search */ 
.dnnSEARCH .NormalTextBox {height:20px; width:155px; padding:0px 6px 0px 6px; background:#ffffff; color: #999999; font-size: 11px; line-height:19px; border: 1px solid #d1d1d1; cursor:text; position:absolute; top:0px; left:85px;}
/* Button used for search */ 
.dnnSEARCH .SkinObject {position:absolute; top:0px; right:0px; border: 0px;}
.dnnSEARCH .SkinObject img {border: 0px;}
.TopSajtkarta {position: absolute; top:32px; right: 0px; z-index:12; padding: 0px; height:26px; line-height:23px; width:310px;}
.TopSajtkarta a {font-size: 10px; color:#acacac; display: block; float: right; border: none; text-decoration: none;}
/**********************************************/
/*********TreeViewMenu*************************/
/**********************************************/
.TreeViewMenu {width: 175px; background-color: #dddddd; border-right: #8f9092 1px solid; border-top: #8f9092 1px solid; border-left: #8f9092 1px solid; border-bottom: #8f9092 1px solid; -moz-border-radius-bottomleft: 15px; -moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px;}
.TreeViewMenu_Header {background-image: url(gradient_LtGray.jpg);}

/**********************************************/
/**************DownloadMaster******************/
/**********************************************/
.DownloadMaster {}
.DownloadMaster .Bg {}
.DownloadMaster .Top {background: transparent url(img/h3_bg_gray3.gif) no-repeat 50% 0%;}
.DownloadMaster .Bot {border-bottom: #F2F2F4 7px solid; min-height: 100px;}
.DownloadMaster .padding {padding: 10px;}

/**********************************************/
/**********************************************/
/**********************************************/
/*.main_dnnmenu_container {background-color: transparent;}
.main_dnnmenu_bar {cursor: pointer; cursor: hand; height:16px; background-color: Transparent;}
.main_dnnmenu_item td {cursor: pointer; cursor: hand; color: #000000; font-size: 9pt; font-weight: bold; font-style: normal; background-color: Transparent; font-family: Tahoma, Arial, Helvetica; white-space: nowrap; padding: 1px 3px 3px 1px;}
.main_dnnmenu_rootitem {cursor: pointer; cursor: hand; color: #000000; font-size: 9pt; font-weight: bold; font-style: normal; background-color: Transparent; font-family: Tahoma, Arial, Helvetica; white-space: nowrap; padding: 0px 12px 0px 5px;}
.main_dnnmenu_itemhover {background-color:#0060af;}
.main_dnnmenu_itemhover td {background-color:#0060af;}
.main_dnnmenu_icon {cursor: pointer; cursor: hand; text-align: center; width: 15px; height: 100%;}
.main_dnnmenu_submenu {background-color: #cccccc; z-index: 1000; cursor: pointer; cursor: hand; filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); padding: 1px 1px 1px 1px;}
.main_dnnmenu_break {height: 1px; font-size: 1px;}
.main_dnnmenu_arrow {border-right: #cccccc 1px solid; border-bottom: #cccccc 1px solid; border-top: #cccccc 0px solid; font-family: webdings; font-size: 10pt; cursor: pointer; cursor: hand;}
.main_dnnmenu_rootmenuarrow {font-family: webdings; font-size: 10pt; cursor: pointer; cursor: hand;}*/

.thumbImg
{
    height:50px;
    width:50px;
    margin:10px 10px 0px 0px;
    border:solid 1px #999;
    float:left;
    overflow:hidden;
    position:relative;
}

.thumbImg .delBtn
{
    height:14px;
    width:14px;
    background:url(img/removeselected_bg.gif) #FFF -1px -1px;
    position:absolute;
    left:36px;
    
}

.imgProdThumb
{
    height:50px;
    width:50px;
    margin:0px 18px 10px 0px;
    border:solid 1px #999;
    float:left;
    overflow:hidden;
}

.imgProdThumbLast
{
    height:50px;
    width:50px;
    margin:0px 0px 10px 0px;
    border:solid 1px #999;
    float:left;
    overflow:hidden;
}



.imgSampThumb
{
    height:50px;
    width:50px;
    margin:10px 10px 10px 0px;
    border:solid 1px #999;
    float:left;
    overflow:hidden;
}


.pnlImgThumb
{
    margin:20px 0 20px 0;
    
}

/*-------------------------- SCROLLABLE ----------------------------*/om:
.pnlScroll a:hover
{
    border: none !important;
}
.scrollable
        {
            /* required settings */
            position: relative;
            overflow: hidden;
            width: 250px;
            height: 52px; /* custom decorations */
            margin: 0px;
        }
        /*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/.scrollable .items
        {
            /* this cannot be too large */
            width: 20000em;
            position: absolute;
            left: 0px;
            clear: both;
        }
        /* single scrollable item */.scrollable a
        {
            float: left;
            margin: 0px 5px 0px 5px;
            background-color: #fff;
            padding: 0px;
            border: 1px solid #000;
            cursor: pointer;
            width: 50px;
            height: 50px;
            overflow: hidden;
        }
        /* active item */.scrollable .active
        {
            border: 1px solid #999999;
            z-index: 9999;
            position: relative;
        }
        /* this makes it possible to add next button beside scrollable */.scrollable
        {
            float: left;
        }
        /* prev, next, prevPage and nextPage buttons */a.browse
        {
            display: block !important;
            width: 13px !important;
            height: 16px !important;
            float: left !important;
            cursor: pointer !important;
            font-size: 1px !important;
            margin: 28px 0px 0px 0px !important;
        }
        /* right */a.right
        {
            clear: right;
            margin-right: 0px;
            background:url(img/hori_large.png) 0px 16px;
        }
        a.right:hover
        {background:url(img/hori_large.png) 13px 16px;}
        /* left */a.left
        {
            margin-left: 0px;
            background:url(img/hori_large.png) 0px 0px;
        }
         a.left:hover
        {background:url(img/hori_large.png) 13px 0px;}

        /* disabled navigational button */a.disabled
        {
            visibility: hidden !important;
        }
        
        /*------------------------------------------------------------------------------------*/
        
        /*-------------------------------------Gallery----------------------------------------*/
        .simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:675px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(img/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

.scrollable a:hover
{
    text-decoration:none;
}
        
        .simple_overlay .next, .prev      
        {
            /* absolute positioning relative to the overlay */    
             position:absolute;     top:40%;     
        }  
             /* progress indicator (animated gif). should be initially hidden */
              
        .progress     
        {
            position:absolute;    
            top:45%;     
            left:50%;     
            display:none; }  
                     
                     /* active thumbnail is raised on top of the mask using the z-index property */ 
                     
        .scrollable a.active img {     outline:1px solid #000;     z-index:9999;     position:relative; }
        
        /* the large image. we use a gray border around it */
#img {
	border:1px solid #666;
}

/* "next image" and "prev image" links */
.next, .prev {
	
	/* absolute positioning relative to the overlay */
	position:absolute;
	top:40%;	
	border:1px solid #666;	
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#fff;
	font-size:11px;
	
	/* upcoming CSS3 features */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}

.prev {
	left:0;
	border-left:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
}

.next {
	right:0;
	border-right:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-top-right-radius:0;	
}

.next:hover, .prev:hover {
	text-decoration:underline;
	background-color:#000;
}

/* when there is no next or previous link available this class is added */
.disabled {
	visibility:hidden;		
}

/* the "information box" */
.info {
	position:absolute;
	bottom:0;
	left:0;	
	padding:10px 15px;
	color:#fff;
	font-size:11px;
	border-top:1px solid #666;
}

.info strong {
	display:block;	
}

/* progress indicator (animated gif). should be initially hidden */
.progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}

/* everybody should know about RGBA colors. */
.next, .prev, .info {
	background:#333 !important;
	background:rgba(0, 0, 0, 0.6) url(/img/global/gradient/h80.png) repeat-x;		
}

        
        /*-------------------------------------------------------------------------------------*/