﻿body
{    
	
	font-family: Verdana;
    font-size: 10px;
    color: #000000;
    font-weight: normal;
    margin-top: 5px;
    margin-left: 5px;
    background-image: url(../Images/bg.png);
    background-repeat:repeat-x;
    background-color:#BBBEC5;
}

A:link
{
    font-size: 10px;
    color: #000000;
    text-decoration: underline;
}
A:visited
{
    font-size: 10px;
    color: #000000;
    text-decoration: underline;
}
A:active
{
    font-size: 10px;
    color: #000000;
    text-decoration: underline;
}
A:hover
{
    font-size: 10px;
    color: #999999;
    text-decoration: none;
}

.lblHeader1
{
    font-family: Verdana,sans-serif;
    font-size: 2em;
}
.lblHeader1White
{
    font-family: Verdana,sans-serif;
    font-size: 2em;
    color: White;
}
.lblHeader2
{
    font-family: Verdana,sans-serif;
    font-size: 1.5em;
}

.lblHeader4
{
	font-family: MS Reference, Sans Serif;
    font-size: 2.5em;	
}


.lblbold
{
	font-weight:bold;
}

.lbltest
{
	font-weight:bold;
	/*color:Gray;*/
	
}

.lblHeader2W
{
	font-family: Verdana,sans-serif;
    font-size: 1.5em;
    color:White;
}
.lblHeader2White
{
    font-family: Verdana,sans-serif;
    font-size: 1.5em; 
	color: Black;
	font-weight:bold;
}
.lblHeader3
{
    font-family: Verdana,sans-serif;
    /*font-size: 1.2em;*/
    font-size: 1.0em;
	/*color:Gray;
	font-weight:bold;*/
}
.lblHeader3Bold
{
    font-family: Verdana,sans-serif;
    font-size: 1.2em;
    font-weight: bold;
}
.lblHeaderWhite
{
    color:#FF9933;
    font-size:9px;
}
.lblHeadertemplatename
{	
	font-size: 13px;
    font-weight: bold;	
	color:#696969;
    text-decoration: none;
	font-family: Verdana,sans-serif;
}



/* Ny Header  style 091009*/
/*- - - - - - - - - - - - */
.Head1gray
{
	font-size: 16px;
    font-weight: bold;	
	color:#696969;	
	  
}

.Head2litegray
{
	
	color:#696969;	
	font-weight: bold;
	font-family: Verdana,sans-serif;
	font-size: 1.2em;
}



.Head2blue
{
	
	color:#0080ff;	
	font-weight: bold;
	font-family: Verdana,sans-serif;
	font-size: 1.2em;
}

.Head2gray
{
	font-weight: bold;
	font-size:10px;
	color:#808080;	
}

.Head3blue
{
	color:#0080ff;	
	font-weight: bold;
	font-size: 1.0em;
}

.Head3gray
{
	color:#808080;	
	font-weight: bold;
	font-size: 1.0em;	
	
}



.Head2darkgray
{
	font-weight: bold;
	font-size:10px;
	color:#696969;	
}
 	



/*- - - - - - - - - - - - */
.Headgreen
{	
	font-size: 16px;
    font-weight: bold;	
	
	color:#268BE7;
    text-decoration: none;
	font-family: Verdana,sans-serif;
}
.CartNameHead
{
    font-family: Verdana,sans-serif;
    font-size: 1.5em;
    letter-spacing: 0.1em;    
	color: Black;
	font-weight:bold;
}
.RightNewsLi A
{
    font-family: Verdana;
    font-size: 9px;
    color: black;
    font-weight: normal;
    text-decoration: none;
}
.RightNewsLi A:visited
{
    font-family: Verdana;
    font-size: 9px;
    color: black;
    font-weight: normal;
    text-decoration: none;
}
.RightNewsLi A:active
{
    font-family: Verdana;
    font-size: 9px;
    color: black;
    font-weight: normal;
    text-decoration: none;
}
.RightNewsLi A:hover
{
    font-family: Verdana;
    font-size: 9px;
    color: #FF9933;
    font-weight: normal;
    text-decoration: underline;
}
.RightNewsText
{
    color:#FF9933;
    font-size:9px;
}

.menuLine
{
    clear:both;
}



.MenuLinksBottom A
{
    font-family:Verdana,sans-serif;
    font-size:1.1em;  
    color:White;
    text-decoration: none;
    font-weight:bold;
	

}
.MenuLinksBottom A:hover
{
    font-size: 11px;
    color: #FF9933;
    text-decoration: none;
    font-weight:bold;
}
.MenuLinks A
{
    font-family:Verdana,sans-serif;
    font-size:1.1em;    
    color:White;
    text-decoration: none;
    font-weight:bold;
	
}

.MenuLinks A:active
{
    font-size: 11px;   
    color:White;
    text-decoration: none;
    font-weight:bold;
}
.MenuLinks A:hover
{
    font-size: 11px;
    color: #FF9933;
    text-decoration: none;
    font-weight:bold;
}

/*table.NewTuraTablestyle
{
	
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	border-collapse: separate;
	background-color: rgb(255, 250, 250);
	
}


table.NewTuraTablestyle th {
	border-width: 1px;
	padding: 1px;
	border-style:hidden;
	border-color:gray;
	background-color:Green;
	-moz-border-radius: 0px;
}


table.NewTuraTablestyle td {
	border-width: 1px;
	padding: 1px;
	border-style: hidden;
	border-color: gray;
	background-color:Lime; 
	-moz-border-radius: 0px 0px 0px 0px;
}*/


.Loginbtn A
{
    
    font-family:Verdana;
    font-size:1.1em;
    /*font-size: 11px;
    color: Black;*/    
    text-decoration: none;
    font-weight:bold;
}
.loginbtn A:hover
{
    font-size: 11px;
    color: #FF9933;
    text-decoration: none;
    font-weight:bold;
}
/*-- Produk List --*/
.ProduktList A:link
{
    text-decoration: none;
}
.ProduktList A:visited
{
    text-decoration: none;
}
.ProduktList A:active
{
    text-decoration: none;
}
.ProduktList A:hover
{
    text-decoration: underline;
}
/*-- Buttons --*/
.buttonStyle2
{
   
   
   font-size:1.1em;   
   font-family:Verdana,sans-serif;
   font-weight:bold;
   /*color:#777777;*/
   color:#696969;
   width:auto;
   background-color:#EEEEEE;
   border-style:solid;
   border-color:#BBBBBB;
   border-width:1px;
}

.buttonStyle2:hover
{
    font-size:11px;
   font-family:Verdana,sans-serif;
   font-weight:bold;
   color:#FF9933;
   width:auto;
   background-color:#EEEEF4;
   border-style:solid;
   border-color:#FF9933;
   border-width:1px;
   cursor: pointer;
}

.buttonStyleGotoCart
{
   font-size:11px;
   font-family:Verdana,sans-serif;
   font-weight:bold;
   color:#777777;
   width:200px;
   background-color:#EEEEEE;
   border-style:solid;
   border-color:#BBBBBB;
   border-width:0px;
}

.buttonStyleGotoCart:hover
{
    font-size:11px;
   font-family:Verdana,sans-serif;
   font-weight:bold;
   color:#FF9933;
   width:200px;
   background-color:#EEEEF4;
   border-style:solid;
   border-color:#FF9933;
   border-width:0px;
   cursor: pointer;
}

.buttonDarkslategray
{
	background-color:#2F4F4F;
	border-style:ridge;	
	color:#FFFFFF;
	font-weight:bold;
	cursor: pointer;
}

.buttonDarkkhaki
{
	background-color:#BDB76B;
	border-style:ridge;
	color:#FFFFFF;
	font-weight:bold;
	cursor: pointer;
}

.buttonSlategray
{
	background-color:#708090;
	border-style:ridge;
	color:#FFFFFF;
	font-weight:bold;
	cursor: pointer;	
}


#main
{
    width: 563px;
    min-height: 692px;
    height: auto;
    border: 1px solid black;
    background-color: White;	
	background-repeat:  repeat;	
}
.template
{
    width:563px;
    height:692px;
    border-style: solid;
    border-color: #000000;    
    border-width: 1px;
    background-color:White;
}
#Search
{
	text-align: right;
}
.SearchLeft
{
    padding-left: 5px;
    float: left;
}
.SearchRight
{
    padding-left: 5px;
}
.padding1
{
    padding-top:10px;
    padding-left:5px;
	
}
#seperator
{
	height:50px;
}
#Menu1
{
	Text-align: center;
	float:left;
	padding-bottom:10px;
}
#loginbtndiv a
{
	padding-bottom:10px;
	font-size: 11px;
    /*color: Black;*/
    color:White;
    text-decoration: none;
    font-weight:bold;
    float: left;
}
#loginbtndiv a:hover
{
	font-size: 11px;
    color: #FF9933;
    text-decoration: none;
    font-weight:bold;
}
.topBanner
{
    width: 553px;
    height: 200px;
    margin-top: 10px;
    margin-left: 5px;
}
.mediumBanner
{
    width: 553px;
    height: 450px;
    margin-top: 5px;
    margin-left: 5px;
}
.siteMapPath
{
    padding-left: 5px;
    padding-top: 10px;
	  color:#0080ff;	
}
.sectionControl
{
    text-align: right;
    padding-top: 10px;
    padding-right: 15px;
}
.ProductTip
{
	padding-top:15px;
	padding-left:15px;
}
.TipLink
{
	text-decoration:none !Important;
	font-size:12px !Important;
	font-weight:bold !Important;
}
.inStock
{
    text-align: left;
    padding-left: 445px;
}
.ProductListFooter
{
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
}

.ProductListHeader
{ 
	
	background-color:#FFA500;	
	 margin:10px;
	 padding-top:15px;
	  
}

.ProductListHeadertest
{    
	
	background-color:#FF6347;	 
	 margin:10px;
	 padding-top:15px;
	  
}





.productDetails
{
    padding-left: 5px;
    padding-top: 10px;
}
#productDetailsContent
{
    width: 553px;
    min-height: 250px;
    height: auto;
}
.pdcLeft
{
    float: left;
    width: 200px;
    text-align: center;
}
.pdcRight
{
    float: right;
    width: 338px;
    text-align: left;
}
.pdcSpec
{
    background-color: #F0F0F0;
    padding-bottom: 3px;
    padding-top: 3px;
    width:338px;
    border: 1px solid black;
}

.pdcSpec1
{
    background-color: #F0F0F0;
    padding-bottom: 3px;
    padding-top: 3px;
    width:433px;
    /*border: 1px solid black;*/
}


.pad7
{
    padding-left: 7px;
}
.padding1
{
    padding-top:10px;
    padding-left:5px;
	
}
.padding2
{
    padding-top:10px;
    padding-left:5px;
    padding-right:5px;
}





.padding3
{
	padding-left:20px;	
	padding-right:20px;
}


#maincontent
{
	background-color: White;	
	background-repeat:  repeat;
	width:775px;
	padding:10px;
	border: 1px solid black;
}
.closeLoginPanel
{
    font-family: Verdana, Helvetica, Arial, sans-serif;
    line-height: 17px;
    font-size: 11px;
    font-weight: bold;
	padding-top:5px;
    position: absolute;
    top:8px;
    right: 10px;
}

.closeLoginPanel a
{
    cursor: pointer;
    color: black;
    text-align: center;
    text-decoration: none;
    padding: 5px;
}
.logintxt
{
	color:Black;
	

}
#loginpic
{
	background-image:url([../Images/TuraNewStyle/loginpic.gif]);
	height:90px;
	width:130px;
}
/* Cart Popups! */
.confirm
{
 background-color:White;
 padding:10px;
 width:370px;
}
.ModalBackground
{
    background-color: #808080; 
    position: fixed;
	top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    min-height: 100%;
    min-width: 100%;
	filter:alpha(opacity=70);
    opacity:0.7;
    -moz-opacity: 0.7;
} 
/*cartsavepop*/
.modalPopupCartsave {
	z-index: 1000;
    width: 400px;
    border: solid 2px #5D7B9D;
    /*background-color: #F5F5DC;*/
    background-color:transparent;
    padding: 10px 10px 10px 10px;
}
.modalPopupCartsave2 
{	
    background-color: #F5F5DC;   
}
.modalPopup 
{
   background-color:transparent;  
   padding:1em 6px;
}
.modalPopup2
{
   background-color:#ffffff;
   /*background-color:#ffffdd;*/
   /* width:270px;*/
   width:350px;
   vertical-align :top;
}

.modalPopupalertDel
{
   background-color:#ffffff;   
    width:270px;
   vertical-align :top;
}
.modallogin
{
   background-color:White;  
    width:340px;
   vertical-align :top;
}

/*test for changing color in td (datalist )*/

td.off {
 background:#ffffdd;
}

td.on {
background: #999999;
}

.hoverIn_Font 
{ 
	font-size:25px; 
} 
.hoverOut_Font 
{ 
	font-size:10px; 
}
/* Tab View */
div.TabView div.Tabs
{
    height: 25px;
    overflow: hidden;
}
div.TabView div.Tabs a
{
    float: left;
    display: block;
    width: 110px;
    /*width: 126px;*/
    text-align: center;
     
    height: 25px;
    line-height: 28px;
    vertical-align:bottom;
    background: url(../Images/josip_Style_White/taboff.png) no-repeat;
    text-decoration: none;
    font-family: Verdana;
    font-size: 11px;
    color: White;
    padding-left:0px;
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
    background: url(../Images/josip_Style_White/tabon.png) no-repeat;
}

div.TabView div.Pages
{
    clear: both;
    border:none;
    /*overflow: hidden;*/
}

div.TabView div.Pages div.Page
{
    height: 800px;
    padding: 10px;
     /*overflow: hidden;*/	
	border:1px;
	border-color:#DCDCDC;
	border-style:ridge;
	width:471px;

}

div.TabView div.Pages div.Page div.Pad
{
    padding: 0px;
}
.dropDown
{
    /*font-size: 12px;*/
    font-size: 10px;
    font-weight: normal;
    font-family: Verdana;
    color: Black;
    border: 1px solid #000000;
	background-image: url(../images/skugga1.gif);
}


.txtForm
{
    
    font-size: 13px;
    font-weight: normal;
    font-family: Verdana;
    color: Black;
    border: 1px solid #000000;
	background-image: url(../images/TuraNewStyle/skugga1.gif);
}
.txtCart
{
    color: #0CB5B7;
    font-weight:bold;
}
#txtcart
{
	 color: White;
}
.txthead
{
	color: White;
	font-weight:bold;
}
.txtCartHeader
{
    font-size: 13px;
    font-weight: bolder;
    color: White;
}
.txtCartHeader2
{
    font-weight: bold;
    color: #0CB5B7;
}
.produktlistor
{
    
    background: url(../Images/productlist.jpg) 0 1px no-repeat;    
    color: White;
}
.produktlistor2
{
    background: url(../gfx/pics/productlist2.jpg) 0 1px no-repeat;
}
.produktvy
{
    background: url(../Images/productheader.jpg) no-repeat;
    color: White;
    height: 15px;
    width: 338px;
}
.PRICE1
{
    font-weight: bold;
    padding-right: 5px;
}
.LABEL
{
    font-size: 11px;
    font-weight: bold;
}
.borderBoxTitle 
{
	border-left:1px solid #D3D3D3;
	border-top:1px solid #D3D3D3;
}
.shadowbox 
{
background-color:#D3D3D3;
}

/* GRID View */
.grid_scroll
{
    width: 543px;
    border:1px solid White;
}
.gridHeader
{
    background-color:Black;
    color:White;
    font-weight:bold;
    font-size:11px;
    height:20px;
}
.gridHeader A
{
    font-weight:bold;
	font-size: 11px;
	color: White;
	text-decoration: underline;
}
.gridHeader A:hover
{
    font-weight:bold;
	font-size: 11px;
	color: White;
	text-decoration: none;
}
.gridHeader A:active
{
    font-weight:bold;
	font-size: 11px;
	color: White;
	text-decoration: underline;
}
.gridaltRowStyle
{
    background-color:#eeeeee;
}
.gridRowStyle
{
    background-color:White;
}
.gridPager
{
    background-color:White;
    text-align:center;
}

#staffcontent.override
{
	
	width:360px;
	height:700px;
	overflow:auto;
}

#staffcontent.override div
{
	height:700px;	
	width:360px;
	overflow:auto;
	 
}
#staffmember
{
	width: 150px; 
	height:180px;
	background-color:#EEEEEE;
	border-style:solid;
	border-width:1px;
}
#ourstaffcontent
{
	background-color: White;	
	background-repeat:  repeat;
	width:752px;	
	padding:10px;
	border: 1px solid black;
}
#staffinfo
{
	 width:450px;
}

.test
{
	
	 background:url(../Images/OriginalTURA/EfaktHeaderMall.png) no-repeat;
	 height:39px;
	 width:259px;
	 padding-left:150px;
	 padding-right:150px;
	 background-position:center;

}


#cartitem 
{ 
   height: expression(this.scrollHeight > 500 ? "500px" : "auto"); /* sets max-height for IE */
   max-height: 500px; /* sets max-height value for all standards-compliant browsers */
   overflow:auto;
}
#loginPanel
{
	background-color:White;
	width:300px;
	height:200;
}
.Lang
{
	 vertical-align:top;
}
.padding1
{
    padding-top:10px;
    padding-left:5px;
	
}
.padding2
{
    padding-top:10px;
    padding-left:15px;
    padding-right:5px;
}
.ServiceLeft
{
    padding-top:30px;
    padding-left: 5px;
    width:130px;
    float:left;
}
.ServiceRight
{
    padding-top:30px;
    padding-left: 5px;
    width:420px;
    float: left;
    
}
.sqare
{
    clear:both;
}
.buttonlink
{
	color:Blue;
	border:none;
	background-color:Transparent;
	text-decoration:none;
	font-size:10px;
}

hr
{
    width: 95%;    
    height: 1px;
    color: #cccccc;	 
}


/*Lightbox för att visa alternativ högupplöst produktbild i en modal */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}

#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }

/*#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }*/
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../Images/thickbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../Images/thickbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
