@charset "utf-8";
/*--------styles------------------*/
html {
	max-width:800px;
	min-width:300px;
	margin-left:auto;
	margin-right:auto;
}

body,td,th {
font-family: Verdana;
font-size: 16px;
color: #FFF;
font-weight: normal;
text-align: left;
		}

.small {
  font-size: 12px; /* 75% of the baseline */
}

.large {
  font-size: 20px; /* 125% of the baseline */
}

.toplist {
	font-size: small;
}
b {
	font-size: 9px;
}
.amzn{
	text-decoration:none;
	color:#FFFFD4;
	font-weight:bold;

}		

.smalllink {
	font-size: x-small;
	color: #FF9900;
	font-weight: bold;
}
.smalllink:hover {
	font-size: x-small;
	color: #FFF;
	font-weight: bold;
}
.smalltext {
	font-size: x-small;
	color: #FFF;
	font-weight: bold;
}
.prodflashlink {
	font-size: large;
	color: #FF9900;
	font-weight: bold;
}
.prodflashlink:hover {
	font-size: large;
	color: #FFFFFF;
	font-weight: bold;
}
.oldlink {
	font-size: small;
}
h1 {
font-size: 110%;
color: #FFFFFF;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
}
h2 {
	font-size: 110%;
	color: #FF9900;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
} 
h4 {
font-size: medium;
color: #FF9900;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
} 
body {
	background-image:url(back/virr.jpg);
	background-attachment:fixed;
}
a {
		color: #FFFFFF;
}
a:link {
	text-decoration:none;
	color:#FFFFD4;
	
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
	
}
a:hover {
	text-decoration: none;
	color: #FF9900;
	
}
a:active {
	text-decoration: none;
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-size: x-large;
}
a.news: {
	font-size: large;
	font-weight:bold;
	color: #FF8800;
}
a.news:link {
	font-weight:bold;
	text-decoration:blink;
	color:#FF8800;
	
}
a.news:visited {
	font-weight:bold;
	text-decoration: none;
	color: #FF8800;
	
}
a.news:hover {
	font-weight:bold;
	text-decoration: none;
	color: #FFFFFF;
	
}
a.news:active {
	font-weight:bold;
	text-decoration: none;
	color: #FF9900;
	}
a.old:link {
	text-decoration: none;
	color: #FFFFD4;
}
a.old:visited {
	text-decoration: none;
	color: #FFFFD4;
	font-size: small;
}
a.old:hover {
	text-decoration: none;
	color: #FF9900;
	font-size: small;
}
a.old:active {
	text-decoration: none;
	color: #FF9900;
	font-size: small;
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
}
/*img[style] {
	height:auto !important;
}*/
a img {
	border: 0;
	border:none;	
}

.old{
	font-size: small;
}
.imagewrap{
	float:left; margin:5px; padding:5px;
}

.image-r{
	float:right; margin:5px; padding:5px;
}

.image-l{
	float:left; margin:5px; padding:5px;
}

.text-top{
	vertical-align:text-top !important;
}

/*WP-NEWS CSS*/

#wrapper-wpnews {
width:800px;
margin : 0;
}

#first-div-wpnews {
width:60%;
margin : 0;
float : left ;
word-wrap:break-word;
padding-right:2%;
}

#second-div-wpnews {
width:38%;
margin : 0;
float : left ;
word-wrap:break-word;
}

.div-gray1:nth-of-type(even){background-color:#333333;}  
.div-gray2:nth-of-type(odd){background-color:#333333;} 

/*WP-NEWS CSS END*/

.sublinks a:link {
color: #FFFFD4;
font-size: xx-small;
font-family: Verdana, Geneva, sans-serif;
font-weight: bold;

}

.sublinks a:visited {
font-size: xx-small;
color: #FFFFD4;
font-family: Verdana, Geneva, sans-serif;
font-weight: bold;

}

.sublinks a:hover {
font-size: xx-small;
color: #FF9900;
font-family: Verdana, Geneva, sans-serif;
font-weight: bold;

}

.sublinks a:active {
font-size: xx-small;
color: #FF9900;
font-family: Verdana, Geneva, sans-serif;
font-weight: bold;

}
.Highlight {
	font-size: 14px;
	font-weight: bold;
	color: #3F0;
	text-align: center;
}
.imageborder {
	border-style:ridge;
	border-width:thin;
	border-color:#F93;
}
.overlined {
	font-size: x-small;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #FFF;
	text-decoration: line-through;
}

a.tooltip {outline:none; } a.tooltip strong {line-height:30px;} a.tooltip:hover {text-decoration:none;} a.tooltip span { z-index:10;display:none; padding:14px 20px; margin-top:60px; margin-left:-160px; width:300px; line-height:16px; } a.tooltip:hover span{ display:inline; position:absolute; border:2px solid #FFF; color:#EEE; background:#333 url(cssttp/css-tooltip-gradient-bg.png) repeat-x 0 0; } .callout {z-index:20;position:absolute;border:0;top:-14px;left:120px;} /*CSS3 extras*/ a.tooltip span { border-radius:2px; box-shadow: 0px 0px 8px 4px #666; /*opacity: 0.8;*/ }

/*--------styles end-----*/

/*---------- responsive ------*/
    $('body').restive({
          breakpoints: ['10000'],
          classes: ['nb'],
          turbo_classes: 'is_mobile=mobi,is_phone=phone,is_tablet=tablet,is_landscape=landscape'
    });
/*-----END responsive--->

/* The CSS */
select {
    padding:5px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
   -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #fff;
    color:#000;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}

/*label {position:relative}
label:after {
    content:'<>';
    font:0px "Consolas", monospace;
    color:#000;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:0px; top:0px;
    padding:0 0 0px;
    border-bottom:0px solid #000;
    position:absolute;
    pointer-events:none;
}
label:before {
    content:'';
    right:0px; top:0px;
    width:0px; height:0px;
    background:#000;
    position:absolute;
    pointer-events:none;
    display:block;
}*/

#go_button1 {
	padding:6px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #fff;
    color:#000;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}



/*---------- Select dropdowns end------*/

/* Meny */
@font-face {
    font-family: 'texgyreadventorregular';
    src: url('texgyreadventor-regular-webfont.eot');
    src: url('texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('texgyreadventor-regular-webfont.woff') format('woff'),
         url('texgyreadventor-regular-webfont.ttf') format('truetype'),
         url('texgyreadventor-regular-webfont.svg#texgyreadventorregular') format('svg');
    font-weight: bold;
    font-style: bold;

}

@font-face {
    font-family: 'texgyreadventorbold';
    src: url('texgyreadventor-bold-webfont.eot');
    src: url('texgyreadventor-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('texgyreadventor-bold-webfont.woff') format('woff'),
         url('texgyreadventor-bold-webfont.ttf') format('truetype'),
         url('texgyreadventor-bold-webfont.svg#texgyreadventorbold') format('svg');
    font-weight: bold;
    font-style: bold;

}
/* menu code*/
.trigger {width:40px; height:40px; position:fixed; left:0; top:5px; background:#bbb; color:#fff; border-radius:0 5px 5px 0;
-webkit-transition: 0.5s;
-o-transition:  0.5s;
-moz-transition:  0.5s;
transition:  0.5s;
}
.trigger label {display:block; width:40px; height:40px; position:absolute; left:0; top:0; background:url(newmenu/menu-icon.png) no-repeat center center; cursor:pointer;} 
.trigger label span {position:absolute; left:-9999px;}

input.submenus,
input#toggle {position:absolute; display:none;}
.menuHolder {max-width:800px; position:center; right:0; top:0; background:#444; z-index:400;}
.menu {float:right; 
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
-ms-touch-action: none;
}

.menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;}

.menu li {display:block; position:relative;}

.menu ul ul {position:absolute; left:-9999px; top:50px; padding:10px 0; z-index:0; border-radius:0 0 5px 5px;
-webkit-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.menu ul ul ul {left:100%; top:auto; margin-top:-35px; border-radius:5px;}
.menu ul li.left > ul {left:auto; right:0; top:50px;}
.menu ul li.left ul li > ul {left:auto; right:100%; top:auto; margin-top:-35px;}

.menu > ul {margin:0 auto;}
.menu > ul > li {float:left; position:relative;}

.menu ul {background:#444;}

.menu a {display:block; text-transform:uppercase; font:normal 13px/25px 'texgyreadventorbold', 'lucida sans', arial, sans-serif; color:#fff; text-decoration:none; padding:0 40px 0 20px; position:relative; z-index:10;}
.menu > ul > li > a {line-height:50px;}
.menu > ul > li > label {display:block; position:relative; width:100%; margin-top:-50px; height:50px; background: url(trans.gif); z-index:100;
-webkit-transition:0s 0.5s;
-o-transition:0s 0.5s;
-moz-transition:0s 0.5s;
transition:0s 0.5s;
}
.menu ul ul > li > label {display:block; position:relative; margin-top:-25px; width:100%; height:25px; background: url(trans.gif)); z-index:100;
-webkit-transition:0s 0.5s;
-o-transition:0s 0.5s;
-moz-transition:0s 0.5s;
transition:0s 0.5s;
}
.menu ul li.back {display:none;}

.menu li:hover > label {width:0;}
.menu li.left ul a {text-align:right; padding:0 20px 0 40px;}

.menu li:hover > a,
.menu ul li:hover > a {color:#fff; background:#555; text-decoration:underline;}

.menu ul li a.hassub { background: url(newmenu/arrow-down.png) no-repeat right center;}
.menu li ul li a.hassub { background: url(newmenu/arrow-right.png) no-repeat right center;}
.menu li.left ul li a.hassub {background: url(newmenu/arrow-left.png) no-repeat left center;}
.menu ul li:hover > a.hassub {color:#fff; background-color:#555; text-decoration:underline;}
.menu li.left ul li:hover > a.hassub {color:#fff; background-color:#555; text-decoration:underline;}

.menu > ul {*display:inline;}

.menu ul ul,
.menu ul ul ul,
.menu ul li.left > ul,
.menu ul li.left ul li > ul {left:-9999px; right:auto; opacity:0;}

.menu ul li:hover > ul {left:0; opacity:1;}
.menu ul ul li:hover > ul {left:100%; opacity:1;}
.menu ul li.left:hover > ul {left:auto; right:0; opacity:1;}
.menu ul li.left ul li:hover > ul {left:auto; right:100%; opacity:1;}


/* for narrow screns, tablets and smartphones */

@media only screen and (max-width: 1024px) {
.menuHolder {position:fixed; left:-280px; width:280px; top:0; bottom:0; height:auto; overflow-x:hidden; background:#bbb;
-webkit-transition: left 0.5s;
-o-transition: left 0.5s;
-moz-transition: left 0.5s;
transition: left 0.5s;
}
.menu {width:260px; text-align:center; position:absolute; z-index:100; background:#bbb; left:0; top:0; border-right:1px solid #888;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
-ms-touch-action: none;
-webkit-transition:0.5s;
-o-transition:0.5s;
-moz-transition:0.5s;
transition:0.5s;
}

.wrapp
{
	align-self:center;
	background-color:#000000;
	border:none;
	border:0;
	max-width:800px !important;
}

.menu ul {margin:0; padding:0; width:260px; list-style:none; white-space:nowrap; text-align:left; border-radius:0; background:#bbb; border-right:1px solid #888;}

.menu li {display:block; position:static; width:260px; height:50px; border-top:1px solid #fff; border-bottom:1px solid #888;}
.menu ul li.back {display:block;}

.menu ul ul {position:absolute; left:280px; top:-5000px; padding:0; z-index:0; opacity:1; background:#bbb;
-webkit-transition:0s 0.5s;
-o-transition:0s 0.5s;
-moz-transition:0s 0.5s;
transition:0s 0.5s;
}
.menu ul ul ul {left:300px; top:-5000px; margin-top:0; opacity:1;}


.menu ul li.left > ul {left:280px; right:auto; top:-5000px;}
.menu ul li.left ul li > ul {left:280px; right:auto; top:-5000px; margin-top:0;}

.menu > ul {margin:0;}
.menu > ul > li {float:left; position:static;}

.menu ul {background:#bbb;}

.menu a {display:block; font:normal 13px/50px  'texgyreadventorbold', 'lucida sans', arial, sans-serif; color:#333; border-radius:0 5px 5px 0; text-decoration:none; padding:0 0 0 20px; margin-right:50px; position:relative; z-index:10; background:transparent;}
.menu > ul > li > a {line-height:50px;}
.menu > ul > li > label,
.menu ul ul > li > label {display:block; position:relative; margin-top:-46px; margin-right:4px; width:40px; height:40px; border:1px solid #fff; border-radius:4px; float:right; background: #aaa url(newmenu/arrow-right.png) no-repeat center center; z-index:100; cursor:pointer;
-webkit-transition:0s;
-o-transition:0s;
-moz-transition:0s;
transition:0s;
}

.menu li:hover > label {width:40px;}
.menu li.left ul a {text-align:left; padding:0 40px 0 20px;}

.menu ul li:hover > a {color:#333; background:#bbb; text-decoration:none;}
.menu ul li a:hover,
.menu ul li a.hassub:hover {color:#000; background:#aba; text-decoration:underline;}

.menu ul li a.hassub,
.menu li.left ul li a.hassub,
.menu li ul li a.hassub {background:none;}

.menu ul li.back label {display:block; width:40px; height:40px; margin-top:4px; border-radius:4px; float:right; background: #9b9 url(newmenu/arrow-left.png) no-repeat center center; z-index:100; cursor:pointer;}
.menu ul li.back span {display:block; height:18px; font:normal 12px/18px 'texgyreadventorregular', 'lucida sans', arial, sans-serif; color:#333; width:180px; padding:5px 0 0 20px; white-space:normal; float:left; text-transform:uppercase;}

.menu ul ul,
.menu ul ul ul,
.menu ul li.left > ul,
.menu ul li.left ul li > ul {left:280px; top:-5000px; right:auto; opacity:1;}


.menu ul li:hover > ul,
.menu ul ul li:hover > ul,
.menu ul li.left:hover > ul,
.menu ul li.left ul li:hover > ul {left:280px; right:auto; opacity:1;}

.menu ul li:hover > a.hassub,
.menu li.left ul li:hover > a.hassub {background:none; color:#333; text-decoration:none;}
.menu ul li a.hassub:hover,
.menu ul ul li a.hassub:hover,
.menu li.left ul li a.hassub:hover {color:#000; background:#aba; text-decoration:underline;}


#submenu1:checked ~ .menu #p1,
#submenu2:checked ~ .menu #p2,
#submenu3:checked ~ .menu #p3,
#submenu4:checked ~ .menu #p4,
#submenu5:checked ~ .menu #p5,
#submenu6:checked ~ .menu #p6,
#submenu7:checked ~ .menu #p7,
#submenu8:checked ~ .menu #p8,
#submenu9:checked ~ .menu #p9,
#submenu10:checked ~ .menu #p10,
#submenu11:checked ~ .menu #p11,
#submenu12:checked ~ .menu #p12,
#submenu13:checked ~ .menu #p13{top:0;
-webkit-transition:0s;
-o-transition:0s;
-moz-transition:0s;
transition:0s;
}
#submenu1:checked ~ .menu,
#submenu2:checked ~ .menu,
#submenu4:checked ~ .menu,
#submenu5:checked ~ .menu,
#submenu10:checked ~ .menu {left:-280px;}

#submenu3:checked ~ .menu,
#submenu6:checked ~ .menu,
#submenu7:checked ~ .menu,
#submenu8:checked ~ .menu,
#submenu11:checked ~ .menu,
#submenu12:checked ~ .menu,
#submenu13:checked ~ .menu,
#submenu9:checked ~ .menu {left:-560px;}

#toggle:checked ~ .wrapper {left:280px;} 
#toggle:checked ~ .wrapper .menuHolder {left:0;} 
#toggle:checked ~ .wrapper .trigger {left:280px;} 
}

/*Menu code end*/
/*Meny slut*/