@charset "utf-8";
body {margin:0; line-height:1.3125em; /* 21px */ font-weight:normal;
background:#BCC4DA url(https://www.fanotec.com/images/bg_f2.jpg) repeat-x center top; border-top:6px solid #1C3683;}
body,td,th,p {font-family: Arial, Helvetica, sans-serif; color: #666666; font-size:100%; /* 16px */}
body.sh_cart {background:#FAFAFA;}
.wdst, header, section, footer, aside, main, article, figure {
display: block; 
}
.wdst, header, footer {
max-width:1124px; margin:0 auto;
}
input, textarea, select {
font-family: Helvetica, Arial, sans-serif; font-size:100%; color:#000000;
}
.hd_img {max-width:100%; max-height:200px;}
.d_tl {display:table;}
.d_bl {display:block;}
.il {display:inline;}
.il_bl {display:inline-block;}
.d_none {display:none;}
.brd {border:1px solid #CCCCCC;}
.brd_d {border:1px dotted #213771;}
.no_brd {border:none;}
.gglm {max-width:100%; width:100%; height:350px;}
.gglb {width:840px; height:1000px;}
.m_auto {margin:auto;}
.m_none {margin:0;}
.m_lr {margin-left:4px; margin-right:4px;}
.m_lr2 {margin-left:10px; margin-right:10px;}
.m_tb {margin-top:4px; margin-bottom:4px;}
.m_tb2 {margin-top:10px; margin-bottom:10px;}
.no_style {padding:0; margin:0;}
.pd_s {padding:4px;}
.pd_m {padding:10px;}
.pd_b {padding:20px;}
.cl_b {clear:both;}
.col1,.col1b {float:left; padding:0; margin:0;}
.col1 {width:72%;}
.col1b {max-width:auto;}
.col2 {float:left; width:25%; padding:0 1%; margin:0 0 15px 0;}
.w_100 {width:100%;}
.w_21 {width:50%;}
.y_fix {position:relative; height:100px; text-align:center;}
.pos_sale, .pos_new, .pos_feat, .pos_out {position:absolute; font-family:"Arial Narrow"; }
.pos_sale, .pos_out {top:3px; right:3px; font-size:12px; padding:4px; border-radius:10px;}
.pos_sale {color:#FAFAFA; background-color:#C12D71;}
.pos_out {color:#666666; background-color:#EFF1F6;}
.pos_new {top:7px; left:7px; color:#C12D71;}
.pos_feat {bottom:-4px; right:3px; font-size:12px; color:#213771; background-color:#FAFAFA; padding:3px; border-radius:10px;}
.pos_rel {position:relative;}
.a_narr {font-family:"Arial Narrow";}
.pv_img {max-width:100%; max-height:100%;}
.col_pv1,.col_pv2 {float:left; background-color:#FFFFFF;}
.col_pv1 {width:65%; margin:0 2% 0.5% 2%; padding:2%; text-align:center; border:3px solid #CCCCCC;}
.col_pv2 {width:25%;}
.s_dst {padding:20px; margin:10px auto; background:#EFF1F6 url(https://www.fanotec.com/images/bg_h.gif) repeat-x left top;}
div.ftr_lnk {padding:6px 0; display:table; width:99%; border-bottom:1px solid #EAEAEA;}
.bt_menu {text-align:right; margin:3px; color:#CCCCCC;}
.h_lrez {}
.h_hrez {display:none;}
.scrollup {
width:65px; height:66px; position:fixed; bottom:30px; right:0; 
background:transparent url('https://www.fanotec.com/images/top.png') no-repeat left top;
}
h1,h2,h3 {color:#000000; font-weight:normal; }
h1 {font-size:1.625em; /* 26px */ line-height:1.125em; /* 18px */ margin:0;}
h2 {font-size:1.25em; /* 20px */ line-height:1.125em; /* 18px */}
h3 {font-size:1.125em; /* 18px */ margin:6px 0 3px 0;}
h4 {font-size:1em; margin: 3px 0 0 0; font-weight:bold; color:#000000;}
a:link, a:visited, a:active {text-decoration:none; color:#0077BF;}
a:hover {text-decoration:none; color:#35BEF3;}

ul { list-style-type:none; margin:0; padding:0; }
li.one
{
background:transparent url(https://www.fanotec.com/images/bullet.png) no-repeat 0 7px; 
padding:2px 0 2px 10px;
margin:0;
}
li.two 
{
background:transparent url(https://www.fanotec.com/images/bullet2.png) no-repeat 10px 7px; 
padding:0 0 0 20px;
margin:0;
}
.btn {padding:6px 10px; margin:3px;}
.nr {display:inline-block; padding:2px 5px 3px 5px; color:#FFFFFF; background-color:#333333;}
.cart_nr {display:inline-block; padding:1px 5px; color:#FAFAFA; background-color:#C12D71; border-radius:10px;}
.bg01 {background-color:#FED9AC;}
.bg_bk {background-color:#000000;}
.bg_bl {background-color:#BCC4DA;}
.bg_lt {background-color:#F4F4F4;}
.bg_lt2 {background-color:#EFF1F6;}
.bg_wt {background-color:#FFFFFF;}
.bg_gn {background-color:#C4EF43;} 
.bg_gy {background-color:#777777;} 
.bg_gy2 {background-color:#CCCCCC;}
.bg_mg {background-color:#C12D71;}
.bg_mn {background:#EDEFF4 url(https://www.fanotec.com/images/bg_hls.gif) repeat-x left top;}
.bg_grad {background-image:linear-gradient(to bottom, rgba(255,0,0,0), rgba(255,0,0,1));}
.big {font-size:1.5em; font-weight:normal; line-height:1.25em; /* 20px */ color:#000000;}
.big_p {font-size:2em; /* 32px */ font-weight:normal;}
.small_p {line-height:1em; padding:1px;}
.style1 {font-size:0.75em; /* 12px */ }
.style2 {font-size:0.875em; /* 14px */}
.clr_grey {color:#999999;}
.clr_bl {color:#213771;}
.clr_bk {color:#000000;}
.clr_mg {color:#C12D71;}
.clr_wt {color:#FAFAFA;}
.red {color: #FF0000;}
.mono_sp {font-family: "Courier New", Courier, monospace;}
.note {margin:4px 0; padding:3px 10px; font-size:0.875em; /* 14px */ background-color:#FAFAFA; border:1px dotted #BCC4DA;}
.info_ftr {padding:2px 0; font-size:0.75em; /* 12px */ background-color:#1C3683; color:#FFFFFF;}
.cr {text-align:center; padding:3px 0; margin:0;}
.flR {float:right; padding:5px 0 5px 15px; border:none;}
.flL {float:left; padding:5px 15px 5px 0; border:none;}
.flL_pl {float:left;}
.flR_pl {float:right;}
.ov_hid {overflow:hidden;}
.l_cont {float:left; padding:0; margin:0;}
.s_cont {float:right; padding:0; margin:8px 5px 8px 2px;}
.s_inp {margin:0; border:1px solid #CCCCCC; background-color:#F8F8F8; width:157px; padding:5px 7px 7px 30px; color:#666666; vertical-align:middle;}
.w_sfrm {width:196px;}
.sm_sub {border-bottom:1px dotted #CCCCCC; }
.sm_type,.sm_sub {padding:5px 5px 5px 20px;}
.sm_cat {display:block; padding:5px 3px; margin:3px 0; font-weight:bold;} 
.sm_sub {display:block; margin-left:40px; background:#FFFFFF url(https://www.fanotec.com/images/blue_knob.gif) no-repeat left 10px;} 
.round { 
border:1px solid #CCCCCC; 
border-radius:10px;
-moz-border-radius:10px; /* Old Firefox */
-webkit-border-radius:10px;}
.round_s { 
border-radius:6px;
-moz-border-radius:6px; /* Old Firefox */
-webkit-border-radius:6px;}

.hls {display:inline-block; vertical-align:top; text-align:center; height:auto; padding:0; border-bottom:1px solid #C4C8D6; background:#EFF1F6 url(https://www.fanotec.com/images/bg_hls.gif) repeat-x left top; margin:2px 2px 2px 0; }
.hls_t,.hls_b {display:block; margin:0; line-height:1.0625em; /* 17px */ font-size:0.875em; /* 14px */ text-align:left;}
.hls_t  {padding:3px 10px; color:#FFFFFF; border:1px solid #1C3683; background-color:#1C3683;}
.hls_b  {padding:5px 10px; color:#000000; background-color:#EDEFF4;}
a.atnt {overflow:hidden; display:inline-block; vertical-align:top; text-align:center; font-size:0.875em; /* 14px */ line-height:1.3125em; /* 21px */ 
width:8em; /* 128px */ height:12.875em; /* 206px */ padding:0.375em; /* 6px */ border:2px dotted #EAEAEA; margin:5px 10px 5px 0; color:#1C3683;
background:#FFFFFF url(https://www.fanotec.com/images/bg_atnt.jpg) repeat-x left bottom; 
}
a.atnt:visited, a.atnt:active {color:#1C3683;}
a.atnt:hover {background:#FFFFFF url(https://www.fanotec.com/images/bg_atnt_over.jpg) repeat-x left bottom; border:2px dotted #35BEF3; color:#000000; text-decoration:none;}

a.atnt_qw {position:relative; overflow:hidden; display:inline-block; vertical-align:top; text-align:center; font-size:0.875em; /* 14px */ line-height:1.3125em; /* 21px */ 
width:190px; height:240px; padding:10px; border:2px dotted #EAEAEA; margin:10px 20px 10px 0; color:#1C3683;
}
a.atnt_qw:visited, a.atnt_qw:active, a.atnt_qw:hover {color:#1C3683;}
a.atnt_qw:hover {border:2px dotted #BCC4DA; text-decoration:none;}
a.atnt_qw .view_more { 
  position: absolute; 
  bottom: 0; 
  left: 0;
  width: 100%; 
  text-align: center; 
  margin: 0; padding: 20px; 
  background-image: linear-gradient(to bottom, rgba(250,250,250,0), rgba(250,250,250,1));
}

a.pvth {display:inline-block; vertical-align:middle; text-align:center; width:50px; height:50px; padding:0; border:1px dotted #F0F0F0; margin:2px 4px 2px 0;}
a.pvth:visited, a.pvth:active, a.pvth:hover {text-decoration:none;}
.w_pvth {max-width:48px; max-height:48px; }

/*current product*/
a.nav3,a.nav3_hl,a.nav3b,a.nav3b_hl { 
display:inline; 
text-align:left;
vertical-align:bottom;
padding:5px 10px;
font-weight:bold;
font-size:0.875em; /* 14px */
line-height:1.75em; /* 28px */
border-left:1px solid #CCCCCC; 
margin:1px 1px 0 0;
}
a.nav3,a.nav3b {background-color:#E7E7E7;}
a.nav3_hl,a.nav3b_hl {background-color:#FFFFFF;}
a.nav3:link, a.nav3:visited, a.nav3b:link, a.nav3b:visited {color:#213771; text-decoration:none; }
a.nav3:hover,a.nav3_hl:hover,a.nav3_hl:link,a.nav3b:hover,a.nav3b_hl:hover,a.nav3b_hl:link {background-color:#FFFFFF; color:#35BEF3; box-shadow:none; text-decoration:none;}
a.nav3:hover,a.nav3_hl:hover {padding:10px 10px 5px 10px; text-decoration:none;}
a.nav3b:hover,a.nav3b_hl:hover {padding:5px 10px 10px 10px; text-decoration:none;} 

/*top-bottom links*/
a.a_tb { 
display:inline-block; 
vertical-align:top;
padding:0 5px 0 14px; 
margin:0 1px 4px 1px; 
background:#FFFFFF url(https://www.fanotec.com/images/blue_knob.gif) no-repeat left center; 
}
a.a_tb:link, a.a_tb:visited, a.a_tb:active {color:#213771;}
a.a_tb:hover {color:#35BEF3;}
a.a_add { 
display:inline-block; 
vertical-align:top;
padding:10px; 
margin:6px 0; 
border-radius:6px;
color:#535353;
}
a.a_add:link, a.a_tb:visited, a.a_tb:active {color:#535353;}
a.a_add:hover {color:#000000;}
.round_t {
border-top-right-radius:6px;
-moz-border-radius-topright:6px; /* Old Firefox */
-webkit-border-top-right-radius:6px;
border-top-left-radius:6px;
-moz-border-radius-topleft:6px; /* Old Firefox */
-webkit-border-top-left-radius:6px;
}
.round_b {
border-bottom-right-radius:6px;
-moz-border-radius-bottomright:6px; /* Old Firefox */
-webkit-border-bottom-right-radius:6px;
border-bottom-left-radius:6px;
-moz-border-radius-bottomleft:6px; /* Old Firefox */
-webkit-border-bottom-left-radius:6px;
}
.shd {box-shadow: 0 1px 7px 2px #BCBCBC inset;}
.shd2 {
-moz-box-shadow: 4px 4px 8px -3px #000000;
-webkit-box-shadow: 4px 4px 8px -3px #000000;
box-shadow: 4px 4px 8px -3px #000000;
}
.round2 { 
margin:0 auto; padding:0; background-color:#FFFFFF; 
border:1px solid #CCCCCC; 
-moz-box-shadow: 0 2px 3px #BCBCBC;
-webkit-box-shadow: 0 2px 3px #BCBCBC;
box-shadow: 0 2px 3px #BCBCBC;
} 
.gr {text-align:left; padding:0; border-bottom:1px solid #EAEAEA; 
background:#FFFFFF url(https://www.fanotec.com/images/bg_group.png) repeat-x left bottom; 
}

table {border-collapse:collapse; border:none; width:100%;}
th,td {vertical-align:top; text-align:left; padding:0;}
.rb { vertical-align:bottom; text-align:right; }
.rt { vertical-align:top; text-align:right; }
.rm { vertical-align:middle; text-align:right; }
.lb { vertical-align:bottom; text-align:left; }
.lt { vertical-align:top; text-align:left; }
.lm { vertical-align:middle; text-align:left; }
.a_cm { text-align:center; vertical-align:middle; }
.a_cb { text-align:center; vertical-align:bottom; }
.a_rt { vertical-align:top; text-align:right; }
.zebra {border-collapse:collapse;}
.zebra th, .zebra td {border: 1px solid #EFF1F6; padding: 5px;}
.zebra th {background-color: #EFF1F6; font-weight: bold;}
.scheme1 {background-color: #FAFAFA;}
.scheme1 .even {background-color:#FFFFFF;}
table.t_2, table.t_3 {margin:auto;}
table.t_3 {width:auto;}
.t_2 th, .t_2 td, .t_3 th, .t_3 td {font-size:0.875em; /* 14px */ padding:4px;}
.t_2 th, .t_2 thead td, .t_3 th, .t_3 thead td  {
font-weight:bold; border:1px solid #FFFFFF; background-color: #EFF1F6;
}
.t_2 td  {
border:1px solid #EFF1F6; background-color: #FFFFFF;
}
.t_3 td  {
border:none; background-color:none;
}
div { }
div.grey {
text-align:left; vertical-align:top; padding:0; border:1px solid #EAEAEA; margin:15px; 
background:#FFFFFF url(https://www.fanotec.com/images/bg_grey.gif) no-repeat left bottom; 
}
div.wh { 
background:transparent url(https://www.fanotec.com/images/bg_grey1.gif) no-repeat right top;
text-align:left; vertical-align:top; padding:15px; border:1px solid #FFFFFF; 
}
div.wh_p { 
background-color:#FFFFFF; text-align:left; vertical-align:top; padding:10px; border:1px solid #EAEAEA; margin-top:10px; display:block; 
}
div.plain {text-align:left; vertical-align:top; padding:0; margin:0 15px 10px 15px;}
div.flt {left:0; top:260px; position:fixed; z-index:900;}
div.flt_2 {left:0; top:1px; position:fixed; z-index:1010;} 
div.ftr {margin:10px 0; padding:0 15px; border-left:2px dotted #EAEAEA; float:left;} 
img.im_th {vertical-align:top; border:none; width:4.75em; /* 76px */}
img.im_th_qw {border:none; width:100px;}
.bg {background:#FFFFFF url(https://www.fanotec.com/images/bg_grey.gif) repeat-x left bottom;}
.bg_line {background:#FFFFFF url(https://www.fanotec.com/images/bg_line.gif) repeat-x right 0 bottom 0.85em;}

hr {
border: none;
width: 100%;
color: #EAEAEA;
background-color: #EAEAEA;
height: 1px;
}
hr.one {
height: 0;
background-color: transparent;
border-bottom: 2px dotted #CCCCCC; 
}
p {} 
p.himg {text-align:right; margin:0 auto;}

nav {margin:0 auto 15px auto; padding:0; width:99%; 
background-color:#FAFAFA; vertical-align:middle;
display:table; 
}
#menu {padding:0; margin:0; list-style:none; position:relative; z-index:500;}
#menu li {float:left; margin-right:1px; border-left:1px dotted #FFFFFF; font-size:0.9375em; /* 15px */}
#menu li a {display:block; float:left; height:2.5em; /* 40px */ line-height:2.5em; /* 40px */ background-color:transparent; 
color:#666666; text-decoration:none; padding:0 10px 0 18px;}
#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
/* Default link styling */
/* Style the list OR link hover. Depends on which browser is used */
#menu li a:hover {z-index:200; position:relative;}
#menu li:hover {position:relative; z-index:200;}
/*simple*/
#menu li:hover a {color:#000000; text-decoration:underline; }
/*one level*/
#menu li:hover a.sub {color:#000000; background:transparent; text-decoration:underline; }
/*two level*/
#menu li.current a {color:#fff; background:transparent; text-decoration:none;}
#menu li a.sub { color:#666666; background:transparent url(https://www.fanotec.com/images/bg_02.png) no-repeat left center; }
#menu li.current a.sub { background:transparent url(https://www.fanotec.com/images/bg_02.png) no-repeat left center; }
#menu :hover ul {left:0; top:2.5em; /* 40px */ width:198px; background:#444;}
/* keep the 'next' level invisible by placing it off screen. */
#menu ul, 
#menu :hover ul ul {position:absolute; left:-624.9375em; top:-624.9375em; /* -9999px */ width:0; height:0; margin:0; padding:0; list-style:none;}
#menu :hover ul :hover ul
{left:205px; top:-1px; background:#222; white-space:normal; width:150px; z-index:200; height:auto; border-left:5px solid #000000;}
#menu :hover ul li {margin:0; border-top:1px solid #666;}
/*one level*/
#menu :hover ul li a {width:198px; padding:5px 15px 5px 7px; background:#333; color:#ccc; height:auto; line-height:1.5em; }
#menu :hover ul li a.fly {background:#333 url(https://www.fanotec.com/images/bg_02b.png) no-repeat right center;}
#menu :hover ul :hover {background-color:#000000; color:#fff; text-decoration:none;}
#menu :hover ul :hover a.fly {background-color:#000000; color:#fff;}
/*two level*/
#menu :hover ul :hover ul li a {width:250px; padding:5px 7px; background:#3e3e3e; color:#ccc; height:auto; line-height:1.5em;}
#menu :hover ul :hover ul :hover {background-color:#000000; color:#fff;}

#apr {padding:0; margin:0; list-style:none; width:27px; position:relative; z-index:1000;}
#apr :hover ul {left:0; top:0;}
#apr ul, 
#apr :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#apr :hover ul li {width:690px; margin:0 0 0 1.5em; border:1px solid #CCCCCC; padding:10px 0 10px 20px; background-color:#FFFFFF; 
border-top-right-radius:10px;
-moz-border-radius-topright:10px; /* Old Firefox */
-webkit-border-bottom-top-radius:10px;
border-bottom-right-radius:10px;
-moz-border-radius-bottomright:10px; /* Old Firefox */
-webkit-border-bottom-right-radius:10px;
border-bottom-left-radius:10px;
-moz-border-radius-bottomleft:10px; /* Old Firefox */
-webkit-border-bottom-left-radius:10px;
}

/* Style inputs, select elements and textareas */
.inp_frm, .sel_frm, .tarea_frm{
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  resize: vertical;
}

/* Style the label to display next to the inputs */
.label_frm {
  padding: 10px 10px 2px 0;
  display: inline-block;
}

/* Style the container */
.container_frm {
  border-radius: 5px;
  padding: 20px;
}

/* Floating column for labels: 25% width */
.col-25 {
  float: left;
  width: 25%;
  margin-top: 6px;
}

/* Floating column for inputs: 75% width */
.col-75 {
  float: left;
  width: 75%;
  margin-top: 6px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .col-25, .col-75 {
    width: 100%;
    margin-top: 0;
  }
}

@media all and (max-width:995px) {
div.flt {display:none;}
}
@media all and (max-width:800px) {
.wdst, header, footer {width:auto; margin:0 auto;}
.s_dst {padding:2% 0; margin:1% auto;}
.col2 {padding:2% 4%;}
.col1,.col2 {width:auto; float:none; display:block; margin:0 auto;}
.gglm {height:250px;}
}
@media all and (max-width:600px) {
body {line-height:1.375em; /* 22px */ font-size:112.5%; /* 18px */ background:#FAFAFA;}
h1 {font-size:1.375em; /* 22px */ line-height:1.25em; /* 20px */ color:#213771;}
.s_cont {margin:0 15px 8px 0;}
div.ftr_lnk {display:none;}
.bt_menu {text-align:center;} 
div.grey {margin:0 0 10px 0;}
div.wh {padding:12px; border:none;} 
.sm_type,.sm_sub {padding:4px 4px 4px 15px;}
.sm_cat {padding:4px; margin:8px 0 4px 0;} 
.sm_sub {margin-left:20px;} 
p.himg  {display:none;} 
.w_21 {width:100%;}
}
@media all and (max-width:480px) {
a.nav3,a.nav3_hl,a.nav3b,a.nav3b_hl {display:inline-block; line-height:1.3125em; /* 21px */}
a.nav3:hover,a.nav3_hl:hover,a.nav3b:hover,a.nav3b_hl:hover {padding:5px 10px;} 
.h_lrez {display:none;}
.h_hrez {display:inline;}
.l_cont {margin:5px 0 0 5px;}
}
@media screen and (max-device-width: 480px){
  body{
    -webkit-text-size-adjust: none;
  }
}
@media all and (max-width:400px) {
.col_pv1,.col_pv2 {width:90%; float:none; display:block; margin:0 auto;}
.col_pv2 {text-align:center;}
.gglb {max-width:100%; width:100%; height:500px;}
}