﻿/*@import "settings";

@import "scss/global";
@import "scss/reset";
@import "scss/resetextra";
@import "scss/base"; 
@import "scss/grid"; 
//@import "scss/extra/treenav";
@import "scss/extra/print";
//@import "scss/extra/comments";
@import "scss/extra/buttons";
//@import "scss/extra/alerts";
@import "scss/extra/search";
@import "scss/extra/navbar";
@import "scss/extra/treenav";
@import "scss/extra/rotation";
@import "scss/shop/base";
@import "scss/shop/countrysel";
@import "scss/shop/login";
@import "scss/shop/filter";
@import "scss/shop/quickbuy";


body {
	background:#ddd;
}

#head {
	@include bgr($seccolor,4);
	
}


#foot {
	//background:#2c2c2c url(img/footbg.gif) repeat-x top left;
	color:#c4c4c4;
	padding:20px 0;
	
}*/
body {
  font-size: 62.5%; }

body, td, th, input, select {
  font-family: Verdana;
  color: #666; }

p {
  margin: 0px; }

#content {
  font-size: 1.1em;
  line-height: 136.3636%; }

a, a:visited {
  /*font-weight: bold;*/
  color: #333;
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

a img {
  border: 0; }

html, body, form, li, ul {
  padding: 0;
  margin: 0; }

li {
  list-style: none none; }

.cp {
  padding: 15px; }

.cp1 {
  padding: 0px 10px 10px 10px; }

.cl {
  clear: both;
  line-height: 1px;
  height: 1px;
  padding: 0;
  margin: 0; }

h1, h2, h3, h4, h1 a, h2 a, h3 a, h4 a {
  /*font-family: '/Fonts/FRULTSBC.TTF';*/
  font-family: Arial;
  margin: 0;
  padding: 0;
  text-decoration: none;
  font-weight: bold;
  color: #333; }

#ctl00_cph1_body {
  /*min-height:400px;*/ }

h1 {
  font-size: 2em;
  /*22px;*/ }

h2 {
  font-size: 1.5em; }

h3 {
  font-size: 1.0em;
  /*	1.3636em;*/ }

h4 {
  font-size: 1.0em; }

/*** Start.aspx ***/
.pdflink {
  background-image: url(img/pdf.gif);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  padding-left: 22px;
  min-height: 22px; }

.pdfLink {
  background-image: url(img/pdf.gif);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  padding-left: 22px !important;
  display: block;
  min-height: 17px; }

#tabs h4 {
  cursor: pointer; }

#mainmenu {
  width: 960px;
  height: 27px;
  background-image: url("img/topmenu.jpg"); }

#mainmenu li a {
  width: 147px;
  /*margin-left: 4px;*/
  float: left;
  text-decoration: none;
  text-align: center;
  line-height: 27px;
  height: 27px;
  font-size: 1.1em;
  font-weight: bold;
  /*background-color: Transparent;*/ }

#mainmenu li a img {
  margin-top: 4px;
  vertical-align: top; }

/** FSMenu **/
#mainmenu li {
  background-image: url("img/menu_off.jpg");
  float: left;
  margin: 0 6px 0 0;
  position: relative; }

#mainmenu ul {
  display: none;
  position: absolute;
  top: 27px; }

#mainmenu ul li {
  padding: 3px;
  background-image: url(img/Menubg.png);
  background-color: Transparent; }

#mainmenu ul li a {
  text-align: left; }

#mainmenu ul ul {
  top: 0;
  left: 163px; }

#mainmenu .selected, #mainmenu li a:hover {
  background-image: url(img/menu_on.jpg);
  background-repeat: repeat-x; }

/*** Tree 
#tree ul
{
	margin-left: 5px;
}

#tree a
{
	font-weight: normal;
}

#tree li .selected, #mainmenu .selected
{
	color: #f0da45;
}***/
#treelist {
  margin: 0px 10px 0px 0px;
  padding: 0px 0px; }

#treelist li {
  border-bottom: solid 1px #ccc; }

#treelist .itemclosed a {
  color: #000;
  font-weight: normal; }

.tree li {
  cursor: pointer; }

.tree li.open, .tree li.itemclosed, .open ul li.itemopen {
  list-style: none;
  padding-left: 10px;
  background-image: none; }

.tree li.open {
  list-style: none;
  background-image: url(img/ul.gif);
  background-position: 0px 2px;
  background-repeat: no-repeat;
  padding-left: 10px; }

.tree li.closed {
  list-style: none;
  background-image: url(img/li.gif);
  background-position: 0px 8px;
  background-repeat: no-repeat;
  padding: 5px 0px 5px 10px; }

.tree li.itemopen {
  padding: 5px 0px 5px 10px; }

#treelist ul {
  margin: 0px 0px 5px 0px;
  padding: 0px; }

#treelist li ul li {
  padding: 5px 0px 0px 10px;
  border: none;
  list-style: none; }

.itemopen a, ul li .itemopen a {
  /*  font-weight:normal;*/ }

.closed a {
  color: #000;
  font-weight: normal; }

.itemclosed, .itemopen {
  list-style: none;
  padding: 5px 0px 5px 10px; }

.tree li.item, .itemopen {
  list-style-image: none;
  list-style: none; }

.tree li.open ul {
  display: block; }

.tree li.closed ul {
  display: none; }

a.selected {
  font-weight: bold; }

.normal {
  font-weight: normal; }

/*** Global ***/
body {
  background-color: #FFF; }

.Column {
  float: left; }

/*** Master ***/
#wrapper {
  width: 960px;
  margin: 0 auto; }

#content {
  background-color: #eaeaea;
  margin-top: 10px;
  /*  overflow: auto;*/ }

/*** Head ***/
#head {
  height: 100px;
  margin-top: 10px; }

#logo {
  height: 100px;
  width: 300px;
  background-position: 50px 23px;
  background-image: url(img/logo.jpg);
  background-repeat: no-repeat;
  display: block;
  float: left; }

#headpics, #headpics img {
  float: right; }

#headpics {
  width: 590px; }

#headpics img {
  margin-left: 5px; }

/*** Start.aspx  && Default.aspx ***/
#Start #Column1, #Default #Column1 {
  width: 690px;
  margin: 15px 0 0 15px; }

#Start #Column1 .Row1, #Start #Column1 .Row2, #Default #Column1 .Row1, #Default #Column1 .Row2 {
  background-color: #FFF; }

#Start #Column1 .Row2, #Default #Column1 .Row2 {
  margin-top: 15px;
  /*  overflow: auto;*/ }

#Start #Column1 .Row2 .cp, #Default #Column1 .Row2 .cp {
  /*overflow: auto;*/ }

#Start #Column1 .Row2 .img, #Default #Column1 .Row2 .img {
  float: left; }

#Start #Column1 .Row2 .text, #Default #Column1 .Row2 .text {
  float: left;
  margin-left: 10px;
  width: 410px; }

#Start #Column2, #Default #Column2 {
  margin: 15px 0 0 15px;
  width: 225px; }

#ProductList #Column4 {
  margin: 15px 0 0 15px;
  width: 225px;
  background-color: #FFF; }

/*
#Start #Column2 .StartProd 
{
	background-color: #FFF;
	margin-bottom: 15px;
}

#Start #Column2 .StartProd .cp 
{
	padding: 10px;
	overflow: auto;
}

#Start #Column2 .StartProd .cp div
{
	float: left;
}

#Start #Column2 .StartProd .text 
{
	width: 128px;
}

#Start #Column2 .StartProd .pic
{
	width: 50px;
	margin-left: 2px;
}
*/
#Start #Column2 .login {
  background-color: #FFF;
  width: 225px; }

#Start #Column2 .login h3 {
  margin-bottom: 3px; }

#Start #Column2 .login label {
  margin: 3px 0;
  display: block;
  font-size: 0.9090em;
  float: left; }

#Start #Column2 .login .btnLogin {
  float: right;
  margin-top: 10px; }

#Default #Column2 .Box2 {
  background-color: #FFF;
  margin-top: 10px; }

#Start #Column2 .Box2 {
  background-color: #FFF;
  margin-top: 0px; }

#Default #Column2 .Box1 {
  background-color: #FFF; }

#Start #Column2 #newslist li {
  background-color: #FFF;
  margin-bottom: 10px; }

#Start #Column2 #newslist li cp {
  padding: 10px; }

/*** ProductList.aspx && Product.aspx ***/
#ProductList #Column1, #Product #Column1 {
  width: 160px;
  margin: 15px 0 0 15px; }

#ProductList #Column1 .Box1, #ProductList #Column1 .Box2, #Product #Column1 .Box1, #Product #Column1 .Box2 {
  background-color: #FFF; }

#ProductList #Column1 .cp, #Product #Column1 .cp {
  padding: 10px; }

#ProductList #Column1 .Box2, #Product #Column1 .Box2 {
  margin-top: 10px; }

#ProductList #Column2, #Product #Column2, #ProductList #Column3 {
  margin: 15px 0 0 15px;
  background-color: #FFF;
  width: 500px; }

#Product #Column2 {
  background-color: Transparent; }

#Product #Column2 .Box1, #Product #Column2 .Box2 {
  background-color: #FFF; }

#ProductList #Column2 h1, #Product #Column2 .Box1 h1 {
  margin-bottom: 20px; }

#ProductList #Column2 .cp, #Product #Column2 .cp {
  padding: 10px 15px; }

#ProductList #Column2 #MainProds .item {
  margin-right: 10px;
  float: left;
  width: 230px;
  height: 300px; }

#accessories .item {
  margin-right: 10px;
  float: left;
  width: 220px;
  height: 200px; }

#ProductList #Column2 #MainProds .Container h2, #Product #Column2 .Box2 .Header h2 {
  font-size: 1.5454em;
  border-bottom: 2px solid #f0da45;
  margin: 5px 0;
  color: #555; }

#ProductList #Column2 #MainProds .item .pic {
  height: 150px; }

#ProductList #Column2 .Box2 {
  margin-top: 10px; }

#tabs {
  text-align: center;
  background-color: #DFDFDF;
  height: 32px; }

.flik {
  width: 500px; }

/*#Product #Column2 #tabs .tab
{
    float: left;
   width: 125px;
    background-color: #DFDFDF;
}*/
#tabs li {
  float: left;
  font-size: 1.0em;
  width: 100px;
  padding: 0px 10px 0px 0px;
  text-align: center;
  background-color: #DFDFDF; }

#tabs li h4 span {
  margin-top: 15px;
  margin-top: 10px;
  display: -moz-inline-box;
  display: inline-block; }

/*#Product #Column2 #tabs .tab:hover, */
#tabs li.selected {
  /*background-color: #FFD11B;*/
  background-image: url(img/bg_flik.jpg);
  background-repeat: no-repeat;
  background-position: top right;
  /* padding-top:15px;*/ }

#tabs li.selected h4 {
  /*background-color: #FFD11B;*/
  background-image: url(img/bg_flik.jpg);
  background-position: top left;
  height: 32px;
  /*   padding-top:15px;*/
  background-repeat: no-repeat; }

#Product #Column2 #tabs .tab h4 {
  padding: 0px 0px 0px 0px;
  background-color: Transparent; }

#ProductList #Column2 {
  width: 755px; }

#Product #Column3 {
  width: 250px;
  text-align: left;
  float: left; }

#Product #Column3 .RightBox {
  /*  margin-top: 15px;*/
  background-color: #FFF;
  text-align: left;
  margin: 0px 0 0 15px; }

#wb {
  margin: 15px 0 0 15px;
  float: left;
  background-color: #fff;
  background-image: url(img/wbBack.gif);
  background-repeat: repeat-y;
  background-position: 500px top; }

#wb #Column2 {
  margin: 0; }

#wb #Column3 {
  /*   margin-left: 15px;*/ }

/*** Whole ***/
#Whole {
  background-color: #FFF;
  margin: 15px 15px 0; }

/*** News ***/
#ingress {
  margin-bottom: 10px;
  font-weight: bold; }

/*** Foot ***/
#foot {
  background-image: url(img/foot.jpg);
  padding: 30px 0;
  text-align: center;
  background-repeat: no-repeat; }

.hr1 {
  background-image: url(img/GreyLine_h1.jpg);
  width: 755px;
  margin-left: -15px;
  clear: both; }

.hr5 {
  clear: both;
  background-image: url(img/GreyLine_h5.jpg);
  width: 245px;
  margin-left: -25px; }

.hr10 {
  clear: both;
  background-image: url(img/GreyLine_h10.jpg);
  width: 755px;
  margin-left: -15px; }

.hr11 {
  clear: both;
  background-image: url(img/GreyLine_h10.jpg);
  width: 690px;
  margin-left: -15px; }

.tabellHuvud {
  margin-bottom: 15px; }

.header {
  background-image: url(img/menu_off.jpg);
  background-repeat: repeat-x;
  height: 27px;
  padding: 3px 0px 0px 3px; }

.flags {
  float: left;
  margin-top: 80px; }

