/*--- standard variables ---*/
/*--- product item ratio (thumb + content) ---*/
/* set ProductImageRatio in productOverview! */
/*--- media queries. When using responsive ---*/
/* Range breakpoints */
/*--- media queries. When using responsive: only mobile & desktop ---
@responsive:	false;
@largePhone:	~"only screen and (min-width: 480px)";
@tablet:		~"only screen and (min-width: 999999999px)";
@tabletLand:	~"only screen and (min-width: 768px)";
@desktop:		~"only screen and (min-width: 768px)";

@upToTablet:	~"only screen and (max-width: 767px)";
@upToDesktop:	~"only screen and (max-width: 767px)";*/
/*--- media queries. When not using responsive ---
@responsive:	false;
@largePhone:	~"only screen and (min-width: 1px)";
@tablet:		~"only screen and (min-width: 1px)";
@tabletLand:	~"only screen and (min-width: 1px)";
@desktop:		~"only screen and (min-width: 1px)"; 

@upToTablet:	~"only screen and (max-width: 1px)";
@upToDesktop:	~"only screen and (max-width: 1px)";*/
/*----- Default functions -----*/
/*----- Default Crossbrowser functions -----*/
/*----- CSS3 functions -----*/
/*----- CSS3 Animation functions -----*/
/*----- Responsive functions -----*/
@media print {
  body,
  #content,
  #container {
    width: 100%;
    margin: 0;
    float: none;
    background: white url(none.html);
  }
  #headerWrapper,
  #header,
  #globalNav,
  #sidecol,
  #footerWrapper,
  #footer {
    display: none!important;
  }
  body {
    color: black;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    color: black;
  }
  h1 {
    font-size: 250%;
  }
  h2 {
    font-size: 175%;
  }
  h3 {
    font-size: 135%;
  }
  h4 {
    font-size: 100%;
    font-variant: small-caps;
  }
  h5 {
    font-size: 100%;
  }
  h6 {
    font-size: 90%;
    font-style: italic;
  }
  a:link,
  a:visited {
    color: #0000cc;
    font-weight: bold;
    text-decoration: underline;
  }
  .contentPage #content a:link:after,
  .contentPage #content a:visited:after {
    content: " (" attr(href) ") ";
  }
}