/**
*
* Screenlayout
*
* @copyright 	Copyright 2010 | MEN AT WORK
* @link 		http://www.men-at-work.de
*/

@media screen, projection
{

  * {
	margin:0;
	padding:0;
	border:0;
  }

  html, body, div, span, applet, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  a, abbr, acronym, address, big, cite, code,
  del, dfn, font, img, ins, kbd, q, s, samp,
  small, strike, sub, sup, tt, var,
  dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
  }

  img, object {
	display:block;
	margin:0;
	padding:0;
	border:0;
  }

  :focus {
	outline: 0;
  }

  ol, ul {
	list-style: none;
  }

  html, body {
	height:100%;
  }
  
  body {
	height:100%;
	font: normal 14px/1.5em Arial, Helvetica, sans-serif;
	text-align: left;
	overflow-y:scroll;
	text-transform:uppercase;
  }
  
  body.lang-ar .mod_article,
  body.lang-ar #header, 
  body.lang-ar #langswitch,
  body.lang-ar h1,
  body.lang-he .mod_article,
  body.lang-he #header, 
  body.lang-he #langswitch,
  body.lang-he h1,
  body.lang-ur .mod_article,
  body.lang-ur #header, 
  body.lang-ur #langswitch, 
  body.lang-ur h1 { 
	direction: rtl !important; 
	unicode-bidi:bidi-override; 
  }
  
  body.lang-ar h1,
  body.lang-he h1, 
  body.lang-ur h1 { 
	text-align:right; 
  }
  
  body.lang-ar #model .explanation, 
  body.lang-ar #pagination, 
  body.lang-ar #productimage, 
  body.lang-ar #langicon, 
  body.lang-he #model .explanation, 
  body.lang-he #pagination, 
  body.lang-he #productimage, 
  body.lang-he #langicon,   
  body.lang-ur #model .explanation, 
  body.lang-ur #pagination, 
  body.lang-ur #productimage, 
  body.lang-ur #langicon { 
	direction: ltr;
  } 
  
  body.lang-ar table, 
  body.lang-ar.distributor .mod_article,
  body.lang-ar.retailer .mod_article,
  body.lang-ar.distributor h1,
  body.lang-ar.retailer h1,
  body.lang-he table,
  body.lang-he.distributor .mod_article,
  body.lang-he.retailer .mod_article,
  body.lang-he.distributor h1,
  body.lang-he.retailer h1,
  body.lang-ur table,
  body.lang-ur.distributor .mod_article,
  body.lang-ur.retailer .mod_article,
  body.lang-ur.distributor h1, 
  body.lang-ur.retailer h1 { 
	direction: ltr !important; 
  }
  
  a { text-decoration:none; }
  a:hover { text-decoration:none; }

  h1, h2, h3, h4, h5 {
	margin:5px 0 15px;
	display:block;
	font-weight:normal;
  }

  h1 { line-height:1em; padding-top:5px; font-size:32px; }
  h2 { text-transform:lowercase; }  

  .main p { padding:8px 0; text-align:justify; line-height:1.7em; }
  
  .invisible {
	width:0px;
	height:0px;
	left:-1000px;
	top:-1000px
	;position:absolute;
	overflow:hidden;
	display:inline;
  }
  
 /*------------------------------------------------------------------------*/

  #wrapper {
	position: relative;
	min-height: 100%;
	overflow:hidden;
  }
  
  * html #wrapper {
	height: 100%;
  }
  
 /*------------------------------------------------------------------------*/

  #header .inside {
	padding-top:5px;
	width:100%;
  }
  
  #logo {
	float:left;
	width:175px;
  }
  
  #search {
	float:right;
	margin:5px 10px 0 0;
  }
  
  #search .filter_search {
	width:197px;
	overflow:hidden;
  }
  
  #search .clearall {
	display:none;
  }
  
  #ctrl_filter_search {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	padding:3px 2px;
	float:left;
	width:171px;
	border-width:1px;
	border-style:solid;
  }
  
  #ctrl_filter_search_submit {
	width:20px;
	height:22px;
	display:block;
	text-indent:-99999px;
	cursor:pointer;
  }
  
  #switch {
	position:absolute;
	right:10px;
	top:40px;
	width:197px;
	padding:0;
	overflow:visible;
  }
  
  #langicon {
	font-size:10px;
	line-height:1.2em;
	padding:0;
	padding:5px;
	text-align:center;
	cursor:pointer;
  }
  
  #langswitch {
	position:absolute;
	z-index:999 !important;
	right:0;
	top:30px;
	width:177px;
	padding:10px;
	display:none;
	font-size:11px;
	height:auto;
  }
  
  #langswitch p {
	margin-bottom:10px;
  }
  
 /*------------------------------------------------------------------------*/

  #nav li {
	margin:3px 0;
	padding:1px 0;
	display:block;
	white-space:nowrap;
	overflow:hidden;
  }  

  #nav li a {
	white-space:nowrap;
	display:block;
  }
  
  .chrome #nav li a, 
  .safari #nav li a {
	display:inline-block;
  }
  
  #nav li em {
	width:40px;
	margin:3px 20px 0 0;
	float:left;
	height:16px;
  }
  
  #nav li.level_1.submenu.active, 
  #nav li.level_1.submenu.trail {
	margin:15px 0;
  }
  
  #nav li.level_2.submenu.active, 
  #nav li.level_2.submenu.trail {
	margin:15px 0;
  }
  
  #nav li.level_2.submenu.last {
	margin-bottom:0;
  }
  
  #nav li.active em.active,
  #nav li.trail em.trail {
	width:40px;
	margin-right:20px;
  }
  
  #nav li.active em, 
  #nav li.trail em,
  #nav li.trail li.sibling em  {
	width:20px;
	margin-right:40px;
  }
  
  #flashNav {
	display:none;
  }

 /*------------------------------------------------------------------------*/
 
  #container {
	position:relative;
	margin:55px 0;
  }
  
  #left {
	width:280px;
	position:fixed;
	left:0;
	top:126px;
	z-index:811;
  }
 
  .js #left {
	top:50%;
  }

 /*------------------------------------------------------------------------*/
 
  #main {
	margin:0 0 0 280px;
	width:auto;
	position:relative;
  }
  
  #main .custom {
	width:300px;
	position:absolute;
	right:-230px;
	top:0;
	z-index:1;
  }
  
  .model #main .custom {
	right:-260px;
  }
  
  .main #main, 
  .category #main {
	margin:0 230px;
  }
  
  .main #main img, 
  .category #main img {
	margin:0 auto;
  }

 /*------------------------------------------------------------------------*/
 
  #footer {
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	z-index:911;
  }
 
  #footer .inside {
	width:100%;
	overflow:hidden;
	font-size:10px;
	padding:2px 0;
  }
  
  #footer p {
	float:left;
	width:45%;
	margin-left:15px;
	padding:0;
  }
  
  #nav-footer {
	float:right;
	width:45%;
	overflow:hidden;
	margin-right:15px;
	padding-top:3px;
  }
  
  #footer ul {
	overflow:hidden;
	width:100%;
  }
  
  #footer ul li {
	float:right;
	line-height:1.2em;
  }
  
  #footer li.first {
	padding-left:10px;
	margin-left:11px;
	border-left-style:solid;
	border-left-width:1px;
  }
  
 /*------------------------------------------------------------------------*/ 

  #mbNextLink, 
  #mbPrevLink {
	display:none;
  }
  
  #mbImage {
	padding:0 !important;
  }
 
  #mbBottom {
	padding:7px 10px 10px !important;
  }
  
  #mbBottom a:hover {
	text-decoration:none !important;
  }
  
 /*------------------------------------------------------------------------*/ 

  .clearfix:after {
	content: ".";
	display: block;
	font-size:0;
	height: 0;
	clear: both;
	visibility: hidden;
  }

  .clearfix { display: block; }
  
}