/* -----------------------------------------------------------------------
 Blueprint CSS Framework 0.9
 http://blueprintcss.org
----------------------------------------------------------------------- */

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
html {font-size:100.01%;}
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;} 
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_4 {
	margin-left: auto;
	margin-right: auto;
	width: 700px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 0px;
	margin-right: 0px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 4 Columns
----------------------------------------------------------------------------------------------------*/

.container_4 .grid_1 {
	width:175px;
}

.container_4 .grid_2 {
	width:350px;
}

.container_4 .grid_3 {
	width:525px;
}

.container_4 .grid_4 {
	width:700px;
}



/* Prefix Extra Space >> 4 Columns
----------------------------------------------------------------------------------------------------*/

.container_4 .prefix_1 {
	padding-left:175px;
}

.container_4 .prefix_2 {
	padding-left:350px;
}

.container_4 .prefix_3 {
	padding-left:525px;
}



/* Suffix Extra Space >> 4 Columns
----------------------------------------------------------------------------------------------------*/

.container_4 .suffix_1 {
	padding-right:175px;
}

.container_4 .suffix_2 {
	padding-right:350px;
}

.container_4 .suffix_3 {
	padding-right:525px;
}



/* Push Space >> 4 Columns
----------------------------------------------------------------------------------------------------*/

.container_4 .push_1 {
	left:175px;
}

.container_4 .push_2 {
	left:350px;
}

.container_4 .push_3 {
	left:525px;
}



/* Pull Space >> 4 Columns
----------------------------------------------------------------------------------------------------*/

.container_4 .pull_1 {
	left:-175px;
}

.container_4 .pull_2 {
	left:-350px;
}

.container_4 .pull_3 {
	left:-525px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/1758/02/05/lessons-learned-concerning-the-clearfix-css-hack */

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

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/*** basics ***/
body {
  font-size: 65%;
  font-family: Verdana, sans-serif;
  background-color: #e2e1dd;
  /*background: #d8d8d1;*/
  /*color: #516b69;*/
  color: #516b69;
}

h2, h3, h4, h5 {
  color: #516b69;
}

a {
  color: #7da79e;
  text-decoration: none;
}

a:hover, a:active, a:focus {
  color: #BDA500;
  text-decoration: underline;
}

a:active, a:focus {
  outline: none;
}

.rounded, .button, form.formtastic input.create {
  outline: none;
  border: none;
  text-decoration: none;
  cursor: pointer;
  vertical-align: middle; /* or top */
  display: -moz-inline-box;
  display: inline-block;
  overflow: visible; /* IE6 form button fix */
}

.button, form.formtastic input.create {
  color: #fff;
  background: #7da79e url(../images/arrow-right-white.png) 14px 5px no-repeat;
  padding: 1px 12px 1px 23px;
  font-weight: bold;
  line-height: 1.5;
  width: auto;
  /*  -moz-border-radius: 8px;
    -webkit-border-radius: 8px;*/
}

a.button:hover, a.button:focus, a.button:active {
  text-decoration: none;
  color: #fff;
}

input.button {
  border: none;
  cursor: pointer;
  background-position: 5% 50%;
  font-size: 1em;
}

img.loader {
  width: 16px;
  height: 16px;
}

a.navigator {
  margin-right: 10px;
  margin-top: 10px;
  padding-left: 10px;
  background: url(../images/arrows/mint_right.png) center left no-repeat;
}

td.numeric {
  text-align: right;
}

p {
  margin-bottom: 5px;
}

/* flash messages */
.flash-message {
  position: absolute;
  z-index: 10;
  /*display: block;*/
  width: 350px;
  margin: 2px 150px;
  margin-top: 2px;
  padding: 10px 10px 10px 36px;
  font-weight: bold;
  background-position: 10px 11px !important;
  background-repeat: no-repeat !important;
  border: 1px solid;
}

.flash-message.error {
  background: #ffcece url('../images/cross_circle.png');
  border-color: #df8f8f;
  color: #665252;
}

.flash-message.success {
  background: #d5ffce url('../images/tick_circle.png');
  border-color: #9adf8f;
  color: #556652;
}

.information {
  background: #dbe3ff url('../images/information.png');
  border-color: #a2b4ee;
  color: #585b66;
}

/** will paginate plugin **/
div.pagination {
  display: inline;
}

/** form errors **/
.formError {
  color: #cc0000;
  margin-bottom: 10px;
}

/**  menus  **/
#user-menu {
  text-align: right;
  list-style-type: none;
  padding: 0px;
  margin: 10px 0 0 0;
  font-family:Tahoma, Helvetica, sans-serif;
  font-weight: bold;
}
#user-menu li {
  display: inline;
  margin-left: 10px;
}
#user-menu a {
  color: #516b69;
}
#user-menu a:hover {
  color: #BDA500;
}

#language-select {
  padding-left: 10px;
  background: url(/images/arrow-right-green.png) center left no-repeat;
}

#logo {
  margin: 5px 0;
  width: 200px;
}
#logo a {
  display: block;
  background: url(../images/logo.png) top left no-repeat;
  width: 220px;
  height: 70px;
  margin: -20px 0;
}
#logo span {
  display: none;
}

#meta-menu {
  list-style-type: none;
  float: right;
  margin: 35px 0 3px 0;
  font-family:Tahoma, Helvetica, sans-serif;
  font-weight: bold;
}
#meta-menu li {
  display: inline;
  margin-left: 10px;
  background:  url(../images/arrow-right-green.png) center left no-repeat;
  padding-left: 10px;
}
#meta-menu a {
  color: #516b69;
}
#meta-menu a:hover {
  color: #BDA500;
}

ul#main-menu {
  list-style-type: none;
  background: #516b69;
  padding: 0px;
  margin: 0px;
  border-bottom: 1px dotted #fff;
  z-index: 30;
}
#main-menu li {
  float: left;
  position: relative;
}
#main-menu a {
  color: #fff;
  display: block;
  float: left;
  text-transform: uppercase;
  /*padding: 3px 16px 0 16px;
  margin-right: 32px;*/
  padding: 3px 29px 0 29px;
  margin-right: 0px;
  font-size: 11px;
  font-family:Tahoma, Helvetica, sans-serif;
}
#main-menu a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #7da79e;
}
#main-menu li.current a {
  background-color: #7da79e;
}

#main-menu li ul {
  display: none;
  background: #fff;
  position: absolute;
  top: 19px;
  left: 0px;
  margin: 0;
  padding: 0;
  width: 140px;
}

#main-menu li ul li {
  float: none;
  display: block;
}
#main-menu li ul a, #main-menu li.current ul a {
  display: block;
  color: #fff;
  background-color: #516b69;
  font-size: 11px;
  text-transform: uppercase;
  padding: 3px 3px 3px 8px;
  width: 100%;
  border-top: 1px dotted #fff;
}
#main-menu li ul a:hover {
  background-color: #b4bbc0;
}

h1 {
  display: none;
}

#page-header {
  color: #fff;
  background-color: #7da79e;
  display: block;
  font-size: 15px;
  font-weight: bolder;
  padding: 10px 0 3px 8px;
  text-transform: lowercase;
  letter-spacing: 0.05em;
}

/** page contents **/

#content {
  margin-top: 8px;
  background-color: #ffffff;
}

.content-inner {
  padding: 20px 40px;
}

#page-content li {
  margin:5px 0;
}

/**  startpage  **/
#slideshow {
  height: 315px;
  width: 700px;
  margin-bottom: 10px;
}

#slideshow img {
  display: none;
}
.start-teaserbox {
  margin-top: 2px;
}
.start-teaserbox a {
  display: block;
  color: #fff;
  background-color: #E2E1DD;
}
.start-teaserbox a:hover {
  text-decoration: none;
}
.start-teaserbox span {
  white-space: normal;
  width: 175px;
  height: 30px;
  display: block;
  font-weight: bold;
  font-size: 13px;
  font-style: italic;
  line-height: 1.1em;
  text-align: center;
  vertical-align: middle;
  padding-top: 8px;
  background: #c1ccca;
  /*  -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;*/
}
.start-teaserbox span.second { 
  background-color: #9cadab;
  /*background-image: url(../images/start-teaserbox-header-2.png)*/
}
.start-teaserbox span.third { 
  background-color: #7c918f;
  /*background-image: url(../images/start-teaserbox-header-3.png)*/
}
.start-teaserbox span.fourth { 
  background-color: #526c6a;
  /*background-image: url(../images/start-teaserbox-header-4.png)*/
}

.start-teaserbox img {
  width: 175px;
  height: 126px;
}

/**  footer  **/
#footer {
  margin: 0px;
}
#footer #bar {
  background: #516b69;
  border-top: 1px dotted #fff;
  margin-bottom: 20px;
}
#footer .grid_1 {
  border-right: 2px dotted #9b9d9a;
  width: 173px;
  height: 80px;
  display: block;
}
#footer div.last {
  border: none;
}
#footer ul {
  list-style-type: none;
  margin: 0 1em 1em;
}
#footer a {
  display: block;
  color: #9b9d9a;
  font-size: 10px;
  text-transform: uppercase;
}

/* grid extensions */
#content .left-column {
  width: 160px;
}
#content .page-column {
  width: 540px;
}

#content .right-column {
  width: 154px;
  border-left: 1px dotted #b4bbc0;
}

#content .center {
  text-align: center;
}

/** subemnu **/

#sub-menu {
  margin-bottom: 30px;
}
#sub-menu ul {
  width: 100%;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
#sub-menu li {
  border-bottom: 1px dotted #b4bbc0;
}
#sub-menu a {
  display: block;
  color: #fff;
  background-color: #b4bbc0;
  font-family:Tahoma, Helvetica, sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  padding: 3px 3px 3px 8px;
}
#sub-menu li.current a, #sub-menu a:hover {
  background-color: #7da79e;
  text-decoration: none;
}
/** sub-sub-menu **/
#sub-menu li li {
  border: none;
}
#sub-menu li.current li a {
  color: #516b69;
  background: none;
  text-transform: none;
  padding: 2px 0 0px 10px;
}
#sub-menu li.current li a:hover {
  text-decoration: underline;
}

/** Products overview **/

#products-list .paginator {
  text-align: right;
  margin-bottom: 5px;
  margin-top: -10px;
  padding: 3px;
}
.product-preview {
  width: 169px;
  border-left: 1px dotted #b4bbc0;
  border-bottom: 1px dotted #b4bbc0;
  margin-bottom: 0px;
  float: left;
  font-size: 100%;
  font-family:Tahoma, Helvetica, sans-serif;
}
.product-preview.left { border-left: none; }
.product-preview.bottom { border-bottom: none; }

.product-preview img.product-thumb {
  margin: 10px 0;
  height: 123px;
}
.product-preview div {
  margin: 0 10px;
}
.product-preview div div {
  margin: 0;
}
.product-preview .title {
  line-height: 1;
  height: 35px;
}

.product-preview .left {
  float: left;
  font-weight: bold;
  margin-right: 0;
}

.product-preview .right {
  float: right;
  text-align: right;
  margin: 0;
}

.product-preview .left div, .product-preview .right div {
  margin-bottom: 2px;
  height: 16px;
}

.product-preview a.details {
  padding-right: 15px;
  margin-right: 5px;
  margin-bottom: 5px;
  background: url(../images/arrows/mint_circle.png) center right no-repeat;
}

/** products single view **/

#product {
  width: 545px;
}

#product a.navigator {
  float: right;
}

#references {
}

#references .product-preview {
  width: 149px;
  text-align: center;
}

#references .title {
  height: 20px;
}

#references span {
  margin: 10px auto;
  width: 80%;
  text-align: center;
  display: block;
  color: #b4bbc0;
}

#shopping-infos {
  text-align: center;
  margin-top: 30px;
}
#shopping-infos .button {
  text-align: left;
  width: 70%;
  margin-bottom: 5px;
  background-color: #7da79e
}

/* product image */
#product-image {
  width: 160px;
  padding: 0 10px;
}

#product-image img.single {
  margin-bottom: 5px;
}

#product-gallery .scrollable {
  width: 117px;
}

#product #paginator {
  margin: 10px 0px 5px 0px;
  border-bottom: 1px dotted #7da79e;
}

#product a.previous {
  float: left;
  padding-left: 10px;
  background: url(../images/arrows/mint_left.png) center left no-repeat;
}

#product a.next {
  float: right;
  padding-right: 10px;
  background: url(../images/arrows/mint_right.png) center right no-repeat;
}

#product #recommend {
  color: #b4bbc0;
  text-transform: uppercase;
  font-family:Tahoma, Helvetica, sans-serif;
  font-size: 100%;
  margin: 5px 0px 0 0px;
}

#product #recommend span {
  float: right;
  margin: 0;
}
#product #recommend a {
  margin-left: 3px;
}
/*product content, description */


#product-content {
  width: 365px;
}

#product-title, #product-description {
  padding: 5px 10px 0px 10px;
}

#product-title {
  font-weight: bold;
  font-size: 16px;
}

#product-unit, #product-price, #product-actions {
  margin-top: 10px;
}

#product-actions a {
  margin-right: 15px;
}

a.print, a.recommend {
  font-size: 10px;
  text-transform: uppercase;
  padding-right: 20px;
  color: #b4bbc0;
}
a.print {
  background: url(../images/print.png) center right no-repeat;
}
a.recommend {
  background: url(../images/recommend.png) center right no-repeat;
}

/* product meta box */
#product-meta-box {
  display: block;
  margin: 30px 1px 20px 20px;
}
/* don't show it, when javasript is disabled */
#product-meta-box .list {
  display: none;
}
#product-meta-box a.tab {
  background: #e5edea;
  color: #45a0b0;
  text-transform: uppercase;
  padding: 5px 20px;
  font-size: 11px;
  margin-right: 3px;
  border-bottom: 2px solid #fff;
}
#product-meta-box a.tab:hover {
  text-decoration: none;
}
#product-meta-box a.tab.current {
  font-weight: bold;
  border-color: #e5edea;
}
#product-meta-box .inner {
  clear: both;
  background: #e5edea;
  padding: 10px 10px 10px 20px;
  font-size: 10px;
  margin-top: 0px;
}
#product-meta-box h2 {
  display: none;
}
#product-meta-box .inner img {
  float: left;
  position: relative;
  margin: 2px 15px 10px 0;
  cursor: pointer;
}
#product-meta-box .inner img.current {
  border: 2px solid #7da79e;
  margin-top: 0px;
}
#product-meta-box .inner h3 {
  margin-bottom: 3px;
  font-size: 12px;
  font-weight: bold;
  font-style: italic;
}

/** page single view **/
#page-image {
  position: relative;
  height: 180px;
  width: 540px;
  background-position: top left;
  background-repeat: no-repeat;
  font-family: verdana, sans-serif;  
}
#page-image-text {
  color: #fff;
  font-size: 40px;
  position: relative;
  top: 20px;
  left: 25px;
  line-height: 1em;
  width: 450px;
  text-transform: uppercase;
  font-style: italic;
  font-weight: bolder;
}

#page-image-navigation-link a {
  position: absolute;
  bottom: 10px;
  right: 10px;
  max-width: 150px;
  font-size: 10px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}

#page-content {
  padding: 15px 15px;
}

#page-teaser {
  font-style: italic;
  font-size: 17px;
  font-family:Tahoma, Helvetica, sans-serif;
  font-weight: bold;
  line-height: 25px;
  margin-bottom: 12px;
  padding: 0;
}

.page-item {
  margin-bottom: 20px;
}

.page-item.navigation {
  margin-top: 17px;
}

.page-item.left { float: left; }
.page-item.right { float: right; }
.page-item.center { text-align: center; margin-top: 17px; }
.page-item.center div.inner { text-align: left; }

.page-item img {
  margin: 0 10px 10px 0;
  border: 0px solid #9b9d9a;
}

.page-item h2 {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 5px;
  color: #7DA79E;
}

.page-item hr {
  clear: both;
  border: none;
  border-top: 1px dotted #7DA79E;
}
.page-item img.left { float: left }
.page-item img.right { float: right }
.page-item img.center {
  margin-left: auto;
  margin-right: auto;
  margin-top: 35px;
  display: table;
}


.page-item .rounded-box {
  color: #fff;
  background: #e5edea;
  /*-moz-border-radius: 8px;
  -webkit-border-radius: 8px;*/
  padding: 5px 10px;
  font-weight: bold;
  text-align: center;
}

.page-item .rounded-box a {
  color: #fff;
}

.page-item table {
  border-collapse: collapse;
}

.page-item td {
  border: 1px dotted #7DA79E;
}

#page-content a.button {
  float: right;
  margin-bottom: 1px;
  max-width: 200px;
  line-height: 1.4;
}

#page-content form a.button {
  float: left;
  margin: 10px 0 20px 0;
}

.page-item.gallery {
  width: 200px;
}

.page-item.gallery h3, .page-item.tooltips h3 {
  font-size: 11px;
  margin-bottom: 5px;
  margin-left: 20px;
  color: #7da79e;
}

.page-item.gallery img {
  border:none;
  margin: 0;
  width: 37px;
  height: 40px;
}
.scrollable {
  position: relative;
  overflow: hidden;
  width: 164px;
  height: 45px;
  float: left;
}

.scrollable .items {
  width: 20000em;
  position:absolute;
}

.scrollable .items a {
  float:left;
  margin-right: 3px;
  border: 1px solid #b4bbc0;
}

a.browse {
  background: url(../images/scroll-arrow-left.png) top left no-repeat;
  display: block;
  width: 14px;
  height: 14px;
  margin: 15px 2px 0px 2px;
  cursor: pointer;
}

a.disabled {
  visibility: hidden;
}

a.prevPage {
  float: left;
}

a.nextPage {
  float: right;
  background-image: url(../images/scroll-arrow-right.png);
}
.items .active {
}

/** shopping cart / checkout pages **/
#checkout a.navigator {
  float: right;
  margin: 5px;
}

#checkout a.button {
  margin: 5px;
}

#checkout table {
  border-collapse: collapse;
}

#checkout td {
  border-bottom: 1px dotted #a1a9af;
}

#checkout th {
  background-color: #a1a9af;
  color: #fff;
}

#checkout tfoot input.button {
  font-size: 10px;
}

#checkout tfoot td {
  border: none;
  font-style: normal;
  font-weight: bold;
}

#checkout h2 {
  background: #a1a9af;
  color: #fff;
  text-transform: none;
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  display: block;
  padding: 5px 10px;
}

#checkout-steps {
  margin: 0;
  padding: 0;
  list-style: none;
}
#checkout-steps li {
  margin: 0 0 3px 10px;
  padding: 2px;
}
#checkout-steps li.current {
  background: #a1a9af;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  display: block;
  padding: 5px 10px;
  margin-left: -5px;
  z-index: 20;
}

#checkout-form {
  padding: 20px 15px 10px 15px;
}

#checkout #info-box {
  background: #a1a9af;
  color: #fff;
  margin: 0 0 10px 5px;
  padding: 10px 4px;
  line-height: 1.2;
}

#checkout #info-box td {
  border-color: #fff;
}
#checkout #info-box td.numeric {
  width: 50px;
}

#checkout #info-box h2 {
  padding: 0;
}
#checkout #info-box .button {
  width: 70%;
  margin-bottom: 15px;
}

#checkout #shopping-infos {
  margin-top: 5px;
  text-align: left;
}

#checkout #shopping-infos a {
  color: #fff;
  text-decoration: underline;
  margin-bottom: 5px;
  display: block;
  padding: 0;
}

#checkout .rounded-box {
  float: left;
  border: 1px dotted #a1a9af;
  padding: 10px;
  margin-right: 10px;
}
#checkout-success {
  padding: 20px;
}

.teaserbox {
  margin-top: 15px;
  width: 160px;
}
.teaserbox div {
  background-color: #a1a9af;
  display: block;
  color: #fff;
  padding: 5px;
  line-height: 1.3;
}
.teaserbox a {
  color: #fff;
}
.teaserbox a:hover {
  color: #fff;
  text-decoration: underline;
}

/* highlighted boxes */

.highlighted-box {
  background: #e5edea;
  padding: 10px;
}

.highlighted-box h3 {
  font-size: 13px;
  font-weight: bold;
}

.highlighted-box ul {
  list-style-image: url(/images/plus.png);
}

.highlighted-box li {
  margin: 5px 0;
  font-weight: bold;
}

#content .highlighted-box .left-column {
  width: 70%;
  float: left;
}
#content .highlighted-box .right-column {
  width: 28%;
  float: right;
  border: none;
}
#content .highlighted-box img.tooltip-link {
  width: 121px;
  height: 47px;
  margin-bottom: 5px;
}

/* tooltips gallery */
.tooltips img.tooltip {
  margin-right: 5px;
}
.tooltips img.tooltip-link {
  cursor: pointer;
}

#product-image img.tooltip {
  margin-right: 1px;
  width: 35px;
}

/* tooltip box */
div.tooltip {
  display: none;
  background: transparent url(/images/tooltip/white_bigger.png);
  font-size: 10px;
  height: 180px;
  width: 375px;
  padding: 25px;
  padding-right: 40px;
  z-index: 100;
}

div.tooltip img {
  float: left;
  margin: 0 10px 10px 0;
}

.page-item.tooltips h3 {
  font-size: 12px;
  margin-bottom: 5px;
  margin-left: 0px;
}

/** news **/
.post-preview {
  border-bottom: 1px dotted #7DA79E;
  margin-top: 15px;
}

.post-preview .published_on {
  margin: 0 20px;
}

#post-title {
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px dotted #7DA79E;
}

#post-published-on {
  margin-bottom: 15px;
}

#post-content {}

/* recommendations */
#new_product_recommendation {
  width: 400px;
}

#uebernachtungsinfo {
  margin-top: 17px;
}

/* press overview */
#press {
  padding: 10px 25px;
}
.press-link {
  position: relative;
  float: left;
  margin: 0 10px 8px 0;
  text-align: center;
  width: 100px;
}
.press-link .title {
  color: #9dbb55;
  height: 37px;
}

/* cart popup */
#cart-popup {
  z-index: 40;
  position: absolute;
  top: 5px;
  right: -3px;
  width: 140px;
  display: none;
}
#cart-popup .header {
  width: 130px;
  background-color: #516b69;
  color: #fff;
  padding: 3px 5px;
}
#cart-popup .header a {
  color: #fff;
}
#cart-popup .header .close {
  position: relative;
  float: right;
  font-weight: bold;
  font-size: 12px;
  margin-right: 4px;
}
#cart-popup .inner {
  width: 240px;
  position: relative;
  right: 70px;
  background-color: #fff;
  padding: 15px;
  border: 1px solid #516b69;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
}
#cart-popup img {
  position: relative;
  float: left;
}
#cart-popup .title, #cart-popup .unit {
  display: block;
  padding-left: 80px;
}
#cart-popup .title {
  padding-top: 20px;
  font-weight: bold;
  color: #6fa29b;
}
#cart-popup .inner td {
  padding: 8px 0;
}
#cart-popup .inner tbody td {
  border-top: 1px dotted #a1a9af;
  border-bottom: 1px dotted #a1a9af;
}
#cart-popup table {
  margin: 20px 0 0 0;
}
#cart-popup .inner table tfoot td {
  font-style: normal;
  padding: 4px 0;
}
#cart-popup .button {
  position: relative;
  float: right;
  margin-top: 20px;
  background-color: #7da79e;
}

/* facebox changes */
#facebox .gallery-navigation {
  float: left;
  height: 15px;
  width: 50px;
  margin-top: 15px;
}
a.gallery-navigation-link {
  background: url(../images/scroll-arrow-left.png) top left no-repeat;
  width: 14px;
  height: 14px;
  cursor: pointer;
  margin: 4px;
}

a.gallery-navigation-link.previous {
  float: left;
}

a.gallery-navigation-link.next {
  float: right;
  background-image: url(../images/scroll-arrow-right.png);
}

#facebox .content-inner {
  padding: 0;
}


#redeem-coupon {
  padding: 10px;
}

/* -------------------------------------------------------------------------------------------------

It's *strongly* suggested that you don't modify this file.  Instead, load a new stylesheet after
this one in your layouts (eg formtastic_changes.css) and override the styles to suit your needs.
This will allow you to update formtastic.css with new releases without clobbering your own changes.

This stylesheet forms part of the Formtastic Rails Plugin
(c) 2008 Justin French

--------------------------------------------------------------------------------------------------*/


/* NORMALIZE AND RESET - obviously inspired by Yahoo's reset.css, but scoped to just form.formtastic
--------------------------------------------------------------------------------------------------*/
form.formtastic, form.formtastic ul, form.formtastic ol, form.formtastic li, form.formtastic fieldset, form.formtastic legend, form.formtastic input, form.formtastic textarea, form.formtastic select, form.formtastic p { margin:0; padding:0; }
form.formtastic fieldset { border:0; }
form.formtastic em, form.formtastic strong { font-style:normal; font-weight:normal; }
form.formtastic ol, form.formtastic ul { list-style:none; }
form.formtastic abbr, form.formtastic acronym { border:0; font-variant:normal; }
form.formtastic input, form.formtastic textarea, form.formtastic select { font-family:inherit; font-size:inherit; font-weight:inherit; }
form.formtastic input, form.formtastic textarea, form.formtastic select { font-size:100%; }
form.formtastic legend { color:#000; }


/* FIELDSETS & LISTS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset { }
form.formtastic fieldset.inputs { }
form.formtastic fieldset.buttons { padding-left:25%; }
form.formtastic fieldset ol { }
form.formtastic fieldset.buttons li { float:left; padding-right:0.5em; }

/* clearfixing the fieldsets */
form.formtastic fieldset { display: inline-block; }
form.formtastic fieldset:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html[xmlns] form.formtastic fieldset { display: block; }
* html form.formtastic fieldset { height: 1%; }


/* INPUT LIs
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li { margin-bottom:1.5em; }

/* clearfixing the li's */
form.formtastic fieldset ol li { display: inline-block; }
form.formtastic fieldset ol li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html[xmlns] form.formtastic fieldset ol li { display: block; }
* html form.formtastic fieldset ol li { height: 1%; }

form.formtastic fieldset ol li.required { }
form.formtastic fieldset ol li.optional { }
form.formtastic fieldset ol li.error { }
  

/* LABELS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li label { display:block; width:25%; float:left; padding-top:.2em; }
form.formtastic fieldset ol li li label { line-height:100%; padding-top:0; }
form.formtastic fieldset ol li li label input { line-height:100%; vertical-align:middle; margin-top:-0.1em;}


/* NESTED FIELDSETS AND LEGENDS (radio, check boxes and date/time inputs use nested fieldsets)
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li fieldset { position:relative; }
form.formtastic fieldset ol li fieldset legend { position:absolute; width:25%; padding-top:0.1em; }
form.formtastic fieldset ol li fieldset legend span { position:absolute; }
form.formtastic fieldset ol li fieldset legend.label label { position:absolute; }
form.formtastic fieldset ol li fieldset ol { float:left; width:74%; margin:0; padding:0 0 0 25%; }
form.formtastic fieldset ol li fieldset ol li { padding:0; border:0; }


/* INLINE HINTS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li p.inline-hints { color:#666; margin:0.5em 0 0 25%; }


/* INLINE ERRORS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li p.inline-errors { color:#cc0000; margin:0.5em 0 0 25%; }
form.formtastic fieldset ol li ul.errors { color:#cc0000; margin:0.5em 0 0 25%; list-style:square; }
form.formtastic fieldset ol li ul.errors li { padding:0; border:none; display:list-item; }


/* STRING & NUMERIC OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.string input { width:74%; }
form.formtastic fieldset ol li.password input { width:74%; }
form.formtastic fieldset ol li.numeric input { width:74%; }


/* TEXTAREA OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.text textarea { width:74%; }


/* HIDDEN OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.hidden { display:none; }


/* BOOLEAN OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.boolean label { padding-left:25%; width:auto; }
form.formtastic fieldset ol li.boolean label input { margin:0 0.5em 0 0.2em; }


/* RADIO OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.radio { }
form.formtastic fieldset ol li.radio fieldset ol { margin-bottom:-0.6em; }
form.formtastic fieldset ol li.radio fieldset ol li { margin:0.1em 0 0.5em 0; }
form.formtastic fieldset ol li.radio fieldset ol li label { float:none; width:100%; }
form.formtastic fieldset ol li.radio fieldset ol li label input { margin-right:0.2em; }


/* CHECK BOXES (COLLECTION) OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.check_boxes { }
form.formtastic fieldset ol li.check_boxes fieldset ol { margin-bottom:-0.6em; }
form.formtastic fieldset ol li.check_boxes fieldset ol li { margin:0.1em 0 0.5em 0; }
form.formtastic fieldset ol li.check_boxes fieldset ol li label { float:none; width:100%; }
form.formtastic fieldset ol li.check_boxes fieldset ol li label input { margin-right:0.2em; }



/* DATE & TIME OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.date fieldset ol li,
form.formtastic fieldset ol li.time fieldset ol li,
form.formtastic fieldset ol li.datetime fieldset ol li { float:left; width:auto; margin:0 .3em 0 0; }

form.formtastic fieldset ol li.date fieldset ol li label,
form.formtastic fieldset ol li.time fieldset ol li label,
form.formtastic fieldset ol li.datetime fieldset ol li label { display:none; }

form.formtastic fieldset ol li.date fieldset ol li label input, 
form.formtastic fieldset ol li.time fieldset ol li label input, 
form.formtastic fieldset ol li.datetime fieldset ol li label input { display:inline; margin:0; padding:0;  }


/* -------------------------------------------------------------------------------------------------

Load this stylesheet after formtastic.css in your layouts to override the CSS to suit your needs.
This will allow you to update formtastic.css with new releases without clobbering your own changes.

For example, to make the inline hint paragraphs a little darker in color than the standard #666:

form.formtastic fieldset ol li p.inline-hints { color:#333; }

--------------------------------------------------------------------------------------------------*/
form.formtastic legend {
  color: #758989;
}
form.formtastic input.button {
  padding: 3px 8px 3px 23px;
  font-weight: bold;
}
form.formtastic p {
  margin: 10px 0;
}
form.formtastic fieldset ol li.string input,
form.formtastic fieldset ol li.text textarea {
  width: 70%;
}
form.formtastic legend {
  font-weight: bold;
  font-size: 14px;
}
form.formtastic ol legend {
  font-weight: normal;
  font-size: 12px;
}

#facebox .b {
  background:url(/images/facebox/b.png);
}

#facebox .tl {
  background:url(/images/facebox/tl.png);
}

#facebox .tr {
  background:url(/images/facebox/tr.png);
}

#facebox .bl {
  background:url(/images/facebox/bl.png);
}

#facebox .br {
  background:url(/images/facebox/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}


 div.light_rounded .pp_top .pp_left{background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat;}div.light_rounded .pp_top .pp_middle{background:#fff;}div.light_rounded .pp_top .pp_right{background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat;}div.light_rounded .pp_content .ppt{color:#000;}div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right{background:#fff;}div.light_rounded .pp_content{background-color:#fff;}div.light_rounded .pp_next:hover{background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor: pointer;}div.light_rounded .pp_previous:hover{background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor: pointer;}div.light_rounded .pp_expand{background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.light_rounded .pp_expand:hover{background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.light_rounded .pp_contract{background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.light_rounded .pp_contract:hover{background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.light_rounded .pp_close{width:75px;height:22px;background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.light_rounded #pp_full_res .pp_inline{color:#000;}div.light_rounded .pp_arrow_previous{background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat;}div.light_rounded .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.light_rounded .pp_arrow_next{background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat;}div.light_rounded .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}div.light_rounded .pp_bottom .pp_left{background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat;}div.light_rounded .pp_bottom .pp_middle{background:#fff;}div.light_rounded .pp_bottom .pp_right{background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat;}div.light_rounded .pp_loaderIcon{background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat;}div.dark_rounded .pp_top .pp_left{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat;}div.dark_rounded .pp_top .pp_middle{background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;}div.dark_rounded .pp_top .pp_right{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat;}div.dark_rounded .pp_content_container .pp_left{background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y;}div.dark_rounded .pp_content_container .pp_right{background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y;}div.dark_rounded .pp_content{background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;}div.dark_rounded .pp_next:hover{background: url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor: pointer;}div.dark_rounded .pp_previous:hover{background: url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor: pointer;}div.dark_rounded .pp_expand{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.dark_rounded .pp_expand:hover{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.dark_rounded .pp_contract{background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.dark_rounded .pp_contract:hover{background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.dark_rounded .pp_close{width:75px;height:22px;background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.dark_rounded .currentTextHolder{color:#c4c4c4;}div.dark_rounded .pp_description{color:#fff;}div.dark_rounded #pp_full_res .pp_inline{color:#fff;}div.dark_rounded .pp_arrow_previous{background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat;}div.dark_rounded .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.dark_rounded .pp_arrow_next{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat;}div.dark_rounded .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}div.dark_rounded .pp_bottom .pp_left{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat;}div.dark_rounded .pp_bottom .pp_middle{background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;}div.dark_rounded .pp_bottom .pp_right{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat;}div.dark_rounded .pp_loaderIcon{background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat;}div.dark_square .pp_left ,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background: url(../images/prettyPhoto/dark_square/contentPattern.png) top left repeat;}div.dark_square .currentTextHolder{color:#c4c4c4;}div.dark_square .pp_description{color:#fff;}div.dark_square .pp_loaderIcon{background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat;}div.dark_square .pp_content_container .pp_left{background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y;}div.dark_square .pp_content_container .pp_right{background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y;}div.dark_square .pp_expand{background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.dark_square .pp_expand:hover{background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.dark_square .pp_contract{background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.dark_square .pp_contract:hover{background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.dark_square .pp_close{width:75px;height:22px;background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.dark_square #pp_full_res .pp_inline{color:#fff;}div.dark_square .pp_arrow_previous{background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat;}div.dark_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.dark_square .pp_arrow_next{background: url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat;}div.dark_square .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}div.dark_square .pp_next:hover{background: url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor: pointer;}div.dark_square .pp_previous:hover{background: url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor: pointer;}div.light_square .pp_left ,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content{background:#fff;}div.light_square .pp_content .ppt{color:#000;}div.light_square .pp_expand{background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.light_square .pp_expand:hover{background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.light_square .pp_contract{background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.light_square .pp_contract:hover{background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.light_square .pp_close{width:75px;height:22px;background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.light_square #pp_full_res .pp_inline{color:#000;}div.light_square .pp_arrow_previous{background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat;}div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.light_square .pp_arrow_next{background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat;}div.light_square .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}div.light_square .pp_next:hover{background: url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor: pointer;}div.light_square .pp_previous:hover{background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor: pointer;}div.facebook .pp_top .pp_left{background: url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat;}div.facebook .pp_top .pp_middle{background: url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x;}div.facebook .pp_top .pp_right{background: url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat;}div.facebook .pp_content .ppt{color:#000;}div.facebook .pp_content_container .pp_left{background: url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y;}div.facebook .pp_content_container .pp_right{background: url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y;}div.facebook .pp_content{background:#fff;}div.facebook .pp_expand{background: url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.facebook .pp_expand:hover{background: url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.facebook .pp_contract{background: url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.facebook .pp_contract:hover{background: url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.facebook .pp_close{width:22px;height:22px;background: url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.facebook #pp_full_res .pp_inline{color:#000;}div.facebook .pp_loaderIcon{background: url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat;}div.facebook .pp_nav .pp_arrow_previous{background: url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px;}div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default;}div.facebook .pp_nav .pp_arrow_next{background: url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px;}div.facebook .pp_arrow_next.disabled{background-position: -32px -96px;cursor:default;}div.facebook .pp_nav{margin-top:0;}div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px;}div.facebook .pp_next:hover{background: url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor: pointer;}div.facebook .pp_previous:hover{background: url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor: pointer;}div.facebook .pp_bottom .pp_left{background: url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat;}div.facebook .pp_bottom .pp_middle{background: url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x;}div.facebook .pp_bottom .pp_right{background: url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat;}div.pp_pic_holder a:focus{outline:none;}div.pp_overlay{background:#000;display: none;left:0;position:absolute;top:0;width:100%;z-index:9500;}div.pp_pic_holder{display: none;position:absolute;width:100px;z-index:10000;}.pp_top{height:20px;position: relative;}* html .pp_top{padding:0 20px;}.pp_top .pp_left{height:20px;left:0;position:absolute;width:20px;}.pp_top .pp_middle{height:20px;left:20px;position:absolute;right:20px;}* html .pp_top .pp_middle{left:0;position: static;}.pp_top .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}.pp_content{height:40px;}.pp_content .ppt{left:auto;margin-bottom:5px;position: relative;top:auto;}.pp_fade{display: none;}.pp_content_container{position: relative;text-align: left;width:100%;}.pp_content_container .pp_left{padding-left:20px;}.pp_content_container .pp_right{padding-right:20px;}.pp_content_container .pp_details{margin:10px 0 2px 0;}.pp_description{display: none;margin:0 0 5px 0;}.pp_nav{clear: left;float: left;margin:3px 0 0 0;}.pp_nav p{float: left;margin:2px 4px;}.pp_nav a.pp_arrow_previous,.pp_nav a.pp_arrow_next{display:block;float: left;height:15px;margin-top:3px;overflow: hidden;text-indent: -10000px;width:14px;}.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000;}a.pp_next{background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float: right;height:100%;text-indent: -10000px;width:49%;}a.pp_previous{background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float: left;height:100%;text-indent: -10000px;width:49%;}a.pp_expand,a.pp_contract{cursor: pointer;display: none;height:20px;position:absolute;right:30px;text-indent: -10000px;top:10px;width:20px;z-index:20000;}a.pp_close{display:block;float: right;text-indent: -10000px;}.pp_bottom{height:20px;position: relative;}* html .pp_bottom{padding:0 20px;}.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px;}.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px;}* html .pp_bottom .pp_middle{left:0;position: static;}.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}.pp_loaderIcon{display:block;height:24px;left:50%;margin: -12px 0 0 -12px;position:absolute;top:50%;width:24px;}#pp_full_res{line-height:1 !important;}#pp_full_res .pp_inline{text-align: left;}#pp_full_res .pp_inline p{margin:0 0 15px 0;}div.ppt{color:#fff;display: none;font-size:17px;left:0;position:absolute;top:0;z-index:9999;}.clearfix:after{content: ".";display:block;height:0;clear:both;visibility: hidden;}.clearfix {display: inline-block;}* html .clearfix {height:1%;}.clearfix {display:block;}