/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #333;
}

body {
    font-size: 13px; /* base font size, important for em`s! */
	line-height: 1.35em;
	font-family: Arial, Helvetica, sans-serif;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

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

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Multimove standard styles
   ========================================================================== */

 /*
 * Custom fonts
 */
 
@font-face {
	font-family: 'IconPack';
	src: url('fonts/iconpack/iconpack.eot');
	src: local("☺"),
		url('fonts/iconpack/iconpack.woff') format('woff'),
		url('fonts/iconpack/iconpack.otf') format('opentype'),
		url('fonts/iconpack/iconpack.svg') format('svg');	
	font-weight: normal;
	font-style: normal;			
} 

@font-face {
    font-family: 'Bullets';
    src: url('fonts/bullets/bullets.eot');
    src: url('fonts/bullets/bullets.eot?#iefix') format('embedded-opentype'),
         url('fonts/bullets/bullets.woff') format('woff'),
         url('fonts/bullets/bullets.ttf') format('truetype'),
         url('fonts/bullets/bullets.svg#pizzadude_bulletsregular') format('svg');
}

@font-face {
    font-family: 'Arrows';
    src: url('fonts/arrows/arrows.eot');
    src: url('fonts/arrows/arrows.eot?#iefix') format('embedded-opentype'),
         url('fonts/arrows/arrows.woff') format('woff'),
         url('fonts/arrows/arrows.ttf') format('truetype'),
         url('fonts/arrows/arrows.svg#arrowsregular') format('svg');
}

@font-face {
	font-family: 'Socialico';
	src: url('fonts/socialico/socialico.eot');
	src: local("☺"),
		url('fonts/socialico/socialico.woff') format('woff'),
		url('fonts/socialico/socialico.otf') format('opentype'),
		url('fonts/socialico/socialico.svg') format('svg');			
}  
 
@font-face {
    font-family: 'Entypo';
    src: url('fonts/entypo/entypo.eot');
    src: url('fonts/entypo/entypo.eot?#iefix') format('embedded-opentype'),
         url('fonts/entypo/entypo.woff') format('woff'),
         url('fonts/entypo/entypo.ttf') format('truetype'),
         url('fonts/entypo/entypo.svg#entyporegular') format('svg');
}

/*
 * Fonts sizes
 */
 
p, pre {
    margin: 0 0 1em 0;
}

h1, h2, h3, h4, h5, h6 {
	line-height: normal;
	padding: 0;
	font-weight: normal;	
}

h1{
    font-size: 1.923em;
    line-height: 1.154em;
}

h2{
    font-size: 1.538em;
    font-weight: bold;
    color: #0079c4;
    padding: 0;
    margin: 0 0 0.1em 0;
}

h3{
    font-size: 1.385em;
	margin: 0 0 0.5em 0;	
}

h4{
    font-size: 1.154em;
	margin: 0 0 1em 0;	
    font-weight: bold;
    line-height: 1.1em;   
}

h5{
    color: #0079c4;
    font-size: 1.154em;
    margin: 0;  
    font-weight: bold;
    line-height: 1.1em; 
}

h6{
    font-size: 1.154em;
    margin: 0;    
    font-weight: bold;
    line-height: 1.09em;  
}

a{
	color: #0081c7;	
}

a:hover{
	color: #333333;	
}

/* ==========================================================================
   Block: Pathway
   ========================================================================== */

nav.pathway ul {
	margin: 0;
	padding: 0;
}

nav.pathway ul li {
	display: inline;
	padding: 0;
}
 
nav.pathway ul li:before {
	content: 'Q';
	font-family: 'Arrows';
	font-size: 1.8em;
	vertical-align: bottom;
	margin: 0 0.154em 0 0;	
} 
 
nav.pathway ul li:first-child:before {
	content: '';	
}

/* ==========================================================================
   Block: Horizontal navigation
   ========================================================================== */

nav.horizontalNavigationBlock ul {
	margin: 0;
	padding: 0;
	width: 640px;
	float: left;
}

nav.horizontalNavigationBlock ul li {
	display: inline;
}

nav.horizontalNavigationBlock ul li a {
	font-size: 1.42em;
	padding: 4px 12px;
	color: #333;
	text-decoration: none;
}

nav.horizontalNavigationBlock ul li.on a,
nav.horizontalNavigationBlock ul li a:hover {
	color: #fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	background: url('../../images/core/mm-bg_button_blue.png') center  repeat-x;	
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0093ee), color-stop(50%, #0093ee), color-stop(51%, #0079c4), color-stop(100%, #0079c4));
	-moz-box-shadow: 1px 1px 2px #b1b1b1;
	-webkit-box-shadow: 1px 1px 2px #b1b1b1;
	box-shadow: 1px 1px 2px #b1b1b1;
}

/* ==========================================================================
   Block: Vertical navigation
   ========================================================================== */

nav.verticalNavigationBlock ul {
	padding: 0;
    margin: 0;
}

nav.verticalNavigationBlock ul li {
	margin: 1.1em 0 0 0;	
}

nav.verticalNavigationBlock ul li:first-child {
	margin: 0;
}

nav.verticalNavigationBlock ul li a {
	display:block;
	font-size: 1.5em;
	color: #333;
	text-decoration: none;
}

nav.verticalNavigationBlock ul li a.on,
nav.verticalNavigationBlock ul li a:hover {
	color: #0079c4;
}

nav.verticalNavigationBlock ul li a.on:after {
	content: 'Q';
	font-family: 'Arrows';
	font-size: 1.7em;
	vertical-align: middle;
	margin: 0 0 0 0.2em;
	line-height: 0;
}

/*
 * Level 2, vertical navigation
 */

nav.verticalNavigationBlock ul li ul {
	margin: 0.3em 0 0 1em;
}

nav.verticalNavigationBlock ul li ul li,
nav.verticalNavigationBlock ul li ul li:first-child {
	margin: 0 0 0.3em 0;
}

nav.verticalNavigationBlock ul li ul li a {
	font-size: 1em;
}

nav.verticalNavigationBlock ul li ul li a.on:after {
	display:none;
}

/*
 * Level 3, vertical navigation
 */

nav.verticalNavigationBlock ul li ul li ul {
	margin: 0 0 0.3em  1.5em;
}

nav.verticalNavigationBlock ul li ul li ul li,
nav.verticalNavigationBlock ul li ul li ul li.on,
nav.verticalNavigationBlock ul li ul li ul li:first-child {
	margin: 0 0 0.2em 0;
}

/* ==========================================================================
   Block: Search form (simple)
   ========================================================================== */
  
form.searchformBlock {
	width: 100%;
}

form.searchformBlock div.content {
	display: table;

}

form.searchformBlock div.content div.row {
	display: table-row;
}

form.searchformBlock div.content div.row input[type="text"] {
	display:table-cell;
}

form.searchformBlock div.content div.row div.last {
	display: table-cell; 
	text-align: right; 
	width: 85px; 
	padding: 0 0 0 5px; 
	vertical-align: middle;
}

/* ==========================================================================
   Block: Carousel headlines
   ========================================================================== */
   
section.carouselHeadlinesBlock div {
	height: 249px; 
	width: 100%;
	overflow: hidden;
	background: url('../../images/core/mm-loading.gif') no-repeat center #000;
}

section.carouselHeadlinesBlock div ul {
	display: none;
	list-style: none;
	padding: 0;	
	margin: 0;
	height: 249px; 
}

section.carouselHeadlinesBlock div ul li {
	height: 249px; 
	width: 927px;
}

section.carouselHeadlinesBlock div ul li hgroup {
	position: absolute;
	text-align: right;
	width: 880px;
	padding: 103px 47px 0 0;
}

section.carouselHeadlinesBlock div ul li hgroup h1 {
	font-size: 2.923em;
	margin: 0 0 0.25em 0;
}

section.carouselHeadlinesBlock div ul li hgroup h6 {
	font-weight: normal;
}

section.carouselHeadlinesBlock div ul li hgroup h6 a.button {
	margin: -0.231em 0 0 0;	
}

section.carouselHeadlinesBlock div nav {
	position: absolute;
	text-align: right;
	margin: 225px 0 0 0;
	width: 918px;
	z-index: 1;
}

section.carouselHeadlinesBlock div nav a {
	text-decoration: none;
	margin: 0 0 0 2px;
}

section.carouselHeadlinesBlock div nav a:before {
	display: inline-block;
	outline: 0;
	content: '8';
	color: #ffffff;
	font-family: 'Bullets';
	font-size: 1.1em;
}

section.carouselHeadlinesBlock div nav a:hover:before,
section.carouselHeadlinesBlock div nav a.active:before {
	color: #0079c4;
}

/* ==========================================================================
   Block: Items (eq. news)
   ========================================================================== */

section.itemsBlock ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

section.itemsBlock ul li {
	margin: 1.4em 0 0 0;
	width: 100%;
}

section.itemsBlock ul li:first-child {
	margin: 0;	
}

section.itemsBlock ul li a{
	display: block;
	text-decoration: none;
	color: #333;
}

section.itemsBlock ul li a div.content.arrowSpacer {
	display: block;
	padding: 0 2em 0 0;
	min-height: 4.615em;
	background: url('../../images/core/mm-bg_arrow_light.png') no-repeat right center;
}

section.itemsBlock ul li a:hover h6 {
	color: #0079c4;
}

section.itemsBlock ul li a:hover div.content.arrowSpacer {
	background: url('../../images/core/mm-bg_arrow_dark.png') no-repeat right center;
}

section.itemsBlock ul li span.date {
	display: block;
	font-style: italic;
	font-size: 0.9em;
	margin: 0.231em 0 0 0;
}


/* ==========================================================================
   Block: News headlines
   ========================================================================== */
   
section.newsHeadlinesBlock ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

section.newsHeadlinesBlock ul li {
	display: table;
	margin: 0.385em 0 0 0;
	width: 100%;
}

section.newsHeadlinesBlock ul li:first-child {
	margin: 0;	
}

section.newsHeadlinesBlock ul li div.image {
	display: table-cell;
	width: 64px;
	padding: 0 0.385em 0 0;
	vertical-align: top;
	overflow: hidden;
}

section.newsHeadlinesBlock ul li div.image img{
	width: inherit;
}

section.newsHeadlinesBlock ul li div.content {
	display: table-cell;
	vertical-align: top;
}	

section.newsHeadlinesBlock ul li a div.content.arrowSpacer {
	display: block;
	padding: 0 2em 0 0;
	min-height: 4.615em;
	background: url('../../images/core/mm-bg_arrow_light.png') no-repeat right center;
}

section.newsHeadlinesBlock ul li a:hover h6 {
	color: #0079c4;
}

section.newsHeadlinesBlock ul li a:hover div.content.arrowSpacer:hover {
	background: url('../../images/core/mm-bg_arrow_dark.png') no-repeat right center;
}

section.newsHeadlinesBlock ul li span.date {
	display: block;
	font-style: italic;
	font-size: 0.9em;
	margin: 0.231em 0 0 0;
	line-height: 1em;
}

section.newsHeadlinesBlock span.more {
	display: block;
	text-align: right;
}

section.newsHeadlinesBlock span.more a.button {
	margin: 1.154em 0 0 0;
}

/* ==========================================================================
   Block: FAQ
   ========================================================================== */
   
section.faqBlock ul {
	list-style: none;
	margin: 0.35em 0 0 0;
	padding: 0;
	width: 100%;
}

section.faqBlock ul li {
	margin: 0.385em 0 0 0;
	padding: 0;
	width: 100%;
}

section.faqBlock ul li:first-child {
	margin: 0;
}

section.faqBlock ul li h6 {
	cursor: pointer;
	font-weight: normal;
	padding: 0 0 0 1em;
	margin:0;
}

section.faqBlock ul li.on h6,
section.faqBlock ul li h6:hover {
	color: #0079c4;
}

section.faqBlock ul li h6:before {
	position: absolute;
	color: #333;
	margin: 0.035em 0 0 -0.5em;
	content: 'Q';
	font-family: 'Arrows';
	font-size: 1.8em;	
}

section.faqBlock ul li.on h6:before,
section.faqBlock ul li h6:hover:before {
	content: 'T';
	margin: 0.05em 0 0 -0.6em;
}	
	
section.faqBlock ul li div.answer {
	display: none;
	padding: 1em 2em 0em 2em;
}

/* ==========================================================================
   Block: Blog headlines
   ========================================================================== */
   
section.blogHeadlinesBlock ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

section.blogHeadlinesBlock ul li {
	display: inline-table;
	margin: 0.385em 0 0 0;
	width: 100%;
}

section.blogHeadlinesBlock ul li:first-child {
	margin: 0;	
}

section.blogHeadlinesBlock ul li a:hover h6 {
	color: #0079c4;
}

section.blogHeadlinesBlock ul li span.timeago, 
section.blogHeadlinesBlock ul li span.name {
	display: inline;
	font-style: italic;
	font-size: 0.9em;
	margin: 3px 0 0 0;
	line-height: 0.9em;
}

section.blogHeadlinesBlock span.more {
	display: block;
	text-align: right;
}

section.blogHeadlinesBlock span.more a.button {
	margin: 1.154em 0 0 0;
}

/* ==========================================================================
   Block: Calendar headlines
   ========================================================================== */
    
section.calendarHeadlinesBlock ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

section.calendarHeadlinesBlock ul li:first-child {
	margin: 0.8em 0 0 0;
}

section.calendarHeadlinesBlock ul li.event { 
	margin: 0 0 0.385em 0;
}

section.calendarHeadlinesBlock ul li.event a {
	display: block;
	color: #333333;
	text-decoration: none;
	padding:0 0.923em 0 0.923em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

section.calendarHeadlinesBlock ul li.event a:hover {
	color: #0081c7;
} 

section.calendarHeadlinesBlock ul li.event span{
	position: absolute;
}

section.calendarHeadlinesBlock ul li.event span:before{
	float: left;
	content: '8';
	color: #0078c3;
	font-family: 'Bullets';
	font-size: 0.4em;
}
section.calendarHeadlinesBlock ul li.event:before {
	float: right;
	margin: 0 0 0 0;
	content: 'Q';
	font-family: 'Arrows';
	font-size: 1.8em;
} 

section.calendarHeadlinesBlock ul li.more {
	text-align: right;
	padding: 1.154em 0 0.385em 0; 
	margin: 0;
}

section.calendarHeadlinesBlock div.datepicker.monthyearonly {
	margin-bottom: 0.385em;
}

section.calendarHeadlinesBlock div.datepicker.monthyearonly table.ui-datepicker-calendar {
	display: none;
	margin-bottom: 0.769em;
}




section.calendarHeadlinesBlock table.ui-datepicker-calendar .dateHighlight:before {
    content: '8';
    position: absolute;
    text-align: center;
    color: #0078c3;
	font-family: 'Bullets';
	font-size: 0.3em;
	margin:-2px 0 0 28px;
}

section.calendarHeadlinesBlock table.ui-datepicker-calendar .dateHighlight:hover:before,
section.calendarHeadlinesBlock table.ui-datepicker-calendar  .ui-datepicker-current-day.dateHighlight:before {
	color: #ffffff;
}

/* ==========================================================================
   Block: Gallery headlines
   ========================================================================== */
    
section.galleryHeadlinesBlock ul {
	list-style: none;
	margin: 0;
	padding: 0.308em;
}

section.galleryHeadlinesBlock ul li {
	display: block;	
	float: left;
	padding: 0;
	margin: 1px; /* Important, use px */

}

section.galleryHeadlinesBlock ul li img {
	max-width: 64px;
	min-width: 64px;
	min-height: 64px;
	max-height: 64px;
}

section.galleryHeadlinesBlock ul li.more {
	display: block;
	width: 100%;
	text-align: right;
	padding: 1.154em 0 0.385em 0; 
	margin: 0;
}

section.galleryHeadlinesBlock ul:before,
section.galleryHeadlinesBlock ul:after {
    content: " "; /* 1 */
    display: table;  /* 2 */
}

section.galleryHeadlinesBlock ul:after {
    clear: both;
}

/* ==========================================================================
   Block: Tweet headlines
   ========================================================================== */
    
section.tweetHeadlinesBlock div.tweets ul.tweet_list {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

section.tweetHeadlinesBlock div.tweets ul.tweet_list li {
	display: block;
	margin: 0.385em 0 0 0;
}

section.tweetHeadlinesBlock div.tweets ul.tweet_list li:first-child{
	margin:0;	
}

section.tweetHeadlinesBlock div.tweets ul.tweet_list li a {
	color: #00cdff;
}

section.tweetHeadlinesBlock div.tweets ul.tweet_list li a:hover {
	color: #0081c7;
}

section.tweetHeadlinesBlock div.tweets ul.tweet_list li a.tweet_user{	
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}

section.tweetHeadlinesBlock div.tweets ul.tweet_list li span.name{
	color: #666666;
	padding-left: 4px;
}

section.tweetHeadlinesBlock div.tweets ul.tweet_list li span.tweet_text{
	display: block;
	margin: 3px 0;
}

section.tweetHeadlinesBlock div.tweets ul.tweet_list .tweet_avatar {
	padding-right: 0.5em; 
}

section.tweetHeadlinesBlock div.tweets ul.tweet_list .tweet_avatar img {
	vertical-align: middle;
}

section.tweetHeadlinesBlock div.tweets ul.tweet_list li div.tweet_actions {
	font-size: 0.85em;
}

section.tweetHeadlinesBlock div.tweets ul.tweet_list li div.tweet_actions span.tweet_time a,
section.tweetHeadlinesBlock div.tweets div.tweet_actions a.tweet_action{
	color: #666666;
	text-decoration: none;	
	margin: 0 2px 0 0;
	white-space: nowrap;
}

section.tweetHeadlinesBlock div.tweets div.tweet_actions a.tweet_action:hover {
	color: #333333;
}

section.tweetHeadlinesBlock div.tweets div.tweet_actions a.tweet_action span {
	display: inline-block;
	width: 16px;
	margin: 0 0.154em 0 0;
	height: 16px;
	vertical-align: text-bottom;
}

section.tweetHeadlinesBlock div.tweets div.tweet_actions a:hover {
	color: #333333;
}

section.tweetHeadlinesBlock div.tweets div.tweet_actions a.tweet_action:hover span  {
	background-position: -16px 0;
}

section.tweetHeadlinesBlock div.tweets div.tweet_actions a.tweet_favorite span  {
	background-image: url('../../images/core/mm-icon_twitter_favorite.png');
}

section.tweetHeadlinesBlock div.tweets div.tweet_actions a.tweet_reply  span {
	background-image: url('../../images/core/mm-icon_twitter_reply.png');
}

section.tweetHeadlinesBlock div.tweets div.tweet_actions a.tweet_retweet span  {
	background-image: url('../../images/core/mm-icon_twitter_retweet.png');
}

/* ==========================================================================
   Block: Form headlines (eq. newsletter)
   ========================================================================== */ 
   
section.formBlock span.toplink {
	display: block;
	margin: -0.3em 0 0.8em 0;	
}

section.formBlock span.toplink a {
	color: #303030;
	font-size: 0.9em;
}

section.formBlock p.last {
	text-align: right;
	margin: 0 0 0 0;
}

/* ==========================================================================
   Block: Shoppingcart block
   ========================================================================== */ 

section.shoppingcartBlock div.cartTop {

	padding: 0 0 40px 0;
	width: 100%;
}

section.shoppingcartBlock div.cartTop div.left {
	float: left;
	width: 49%;
}

section.shoppingcartBlock div.cartTop div.right {
	float: right;
	width: 49%;
}

section.shoppingcartBlock div.cartTop div.payment div.left label {
	display: block;
}

section.shoppingcartBlock div.cartTop div.payment div.right input{
	width: 122px;
}

section.shoppingcartBlock div.cartTop div.payment {
	padding: 1.155em 0.385em 0.385em 0em;
	margin: 0  0 0;
}

section.shoppingcartBlock div.cartTop div.adress{
	padding: 1.155em 0.385em 0.385em 1.54em;
}

section.shoppingcartBlock ul {
	display: table;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

section.shoppingcartBlock ul li {
	margin: 0 0 0.385em 0;
	width:100%;
}

section.shoppingcartBlock ul li div.row {
	display: block;
}

section.shoppingcartBlock ul li:first-child {
	font-weight: bold;
	background:none;
	margin: 0;
	padding: 0 !important;
}

section.shoppingcartBlock ul li div.image {
	display: table-cell;
	vertical-align: top;
	max-width: 64px;
	min-width: 64px;
}

section.shoppingcartBlock ul li div.image img{
	max-width: 64px;
	min-width: 64px;
	min-height: 64px;
	max-height: 64px;
}

section.shoppingcartBlock ul li div.description {
	display: table-cell;
	text-align: left;
	vertical-align: top;
	padding: 0 0.77em;
	width: 100%;
}

section.shoppingcartBlock ul li div.amount,
section.shoppingcartBlock ul li div.price,
section.shoppingcartBlock ul li div.totalprice {
	display: table-cell;
	text-align: left;
	vertical-align: top;
	padding-top: 1.3em;
}

section.shoppingcartBlock ul li div.amount {
	padding-top: 1.07em;
}

section.shoppingcartBlock ul li:first-child div.amount,
section.shoppingcartBlock ul li:first-child div.price,
section.shoppingcartBlock ul li:first-child div.totalprice {
	padding-top:0;
}

section.shoppingcartBlock ul li div.amount,
section.shoppingcartBlock ul li div.price,
section.shoppingcartBlock ul li div.totalprice {
	min-width: 90px;
	max-width: 90px;
}

section.shoppingcartBlock ul li div.description span.number,
section.shoppingcartBlock ul li div.description span.type,
section.shoppingcartBlock ul li div.description span.size {
	display: block;
}

section.shoppingcartBlock ul li div.amount a.refresh,
section.shoppingcartBlock ul li div.totalprice a.delete {
	text-decoration: none;
	color: #333;
}

section.shoppingcartBlock ul li div.amount a.refresh:hover,
section.shoppingcartBlock ul li div.totalprice a.delete:hover {
	color: #0079c4;
}

section.shoppingcartBlock ul li div.amount input {
	float:left;
}

section.shoppingcartBlock ul li a.refresh {
	float: left;
	margin: 0.30em 0 0 0;
}

section.shoppingcartBlock ul li a.refresh:before {
	content: 'h';
	font-family: 'Entypo'; 
	font-size: 3em; 
}

section.shoppingcartBlock ul li a.delete {
	float: right;
}

section.shoppingcartBlock ul li a.delete:before {
	content: 'X';
	font-family: 'Entypo'; 
	font-size: 3em; 
}

section.shoppingcartBlock div.cartBottom {
	margin: 2em 0 0 0;
	width: 100%;
}

section.shoppingcartBlock div.cartBottom div.pricerow {	
	color: #0079c4;
	font-size: 1.154em;
	text-align: right;
} 

section.shoppingcartBlock div.cartBottom div.pricerow span.label {
	display: inline-block;
	text-align: left;
	width: 135px;	
	white-space: nowrap;
}

section.shoppingcartBlock div.cartBottom div.pricerow span.price {
	display: inline-block;
	width: 100px;	
	white-space: nowrap;
}

section.shoppingcartBlock div.cartBottom div.pricerow.last span {
	font-weight: bold;
	font-size: 1.4em;
	margin: 0.3em 0 2em 0;
}

section.shoppingcartBlock div.cartBottom div.buttonrow a.button{
	float:right;
}
section.shoppingcartBlock div.cartBottom div.buttonrow a.button:first-child{
	float:left;
}

/* ==========================================================================
   Block: Product headlines
   ========================================================================== */ 
   
section.productHeadlinesBlock ul {
	display: table;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

section.productHeadlinesBlock ul li{	
	margin: 1.538em 0 0 0;
	width: 100%;
}

section.productHeadlinesBlock ul li:first-child{
	margin: 0;
}

section.productHeadlinesBlock ul li div.image {
	display: table-cell;
	min-width: 133px;
	padding: 0 0.385em 0 0;
}

section.productHeadlinesBlock ul li div.image img {
	max-width: 133px;
}

section.productHeadlinesBlock ul div.description {
	display: table-cell;
	vertical-align: top;
	padding: 0 0.77em 0 0;
	width: 100%;
}

section.productHeadlinesBlock ul div.description p{
	margin: 1em 0 0 0;
}

section.productHeadlinesBlock ul div.description:first-child p{
	margin: 0;
}

section.productHeadlinesBlock ul div.description span.number {
	display: block;
	margin: 0 0 0.769em 0;	
}

section.productHeadlinesBlock ul div.details {
	display: table-cell;
	min-width: 148px;
	width: 148px;
	vertical-align: top;
}

section.productHeadlinesBlock ul div.details div.content {
	padding: 0.385em; 
	background: #ffffff; 	
	-webkit-border-radius: 0.231em;
	-moz-border-radius: 0.231em;
	-ms-border-radius: 0.231em;
	-o-border-radius: 0.231em;
	border-radius: 0.231em;
}

section.productHeadlinesBlock ul div.details div.content span.price {
	display: block;
	font-size: 1.5em;
	color: #0078c4;
	text-align: right;
	font-weight: bold;
	margin-bottom: 1.154em;
}

section.productHeadlinesBlock ul div.details div.content span.pricedesc {
	display: block;
	color: #0078c4;
	text-align: right;
	margin-bottom: 0.385em;
}

section.productHeadlinesBlock ul div.details div.content span.pricedesc span.old {
	text-decoration: line-through;	
}

section.productHeadlinesBlock ul div.details div.content span.payment,
section.productHeadlinesBlock ul div.details div.content span.availibility {
	font-style: italic;
	color: #5c5c5c;
}

section.productHeadlinesBlock ul div.details div.content a.button {
	display: block;
	margin-top: 0.538em;
}

/* ==========================================================================
   Block: Product block
   ========================================================================== */ 

section.productBlock div.content {
	display: table;
	width: 100%;
}

section.productBlock div.content div.image {
	display: table-cell;
	padding: 0;
	min-width: 207px;
	padding: 0 0.385em 0 0;
}

section.productBlock div.content div.image img {
	min-width: 202px;
	max-width: 202px;
	min-height: 202px;
	max-height: 202px;
}

section.productBlock div.content div.image ul.thumbnails {
	list-style: none;
	margin: 0;
	padding: 0;
}

section.productBlock div.content div.image ul.thumbnails li {
	float: left;
	padding: 0;
	margin: 0.385em 0.385em 0 0;
	background: #fff;
	cursor: pointer;
	-webkit-border-radius: 0.231em;
	-moz-border-radius: 0.231em;
	-ms-border-radius: 0.231em;
	-o-border-radius: 0.231em;
	border-radius: 0.231em;	
	border: 1px solid  #ffffff;
}

section.productBlock div.content div.image ul.thumbnails li img {
	min-width: 62px;
	max-width: 62px;
	min-height: 62px;
	max-height: 62px;
}

section.productBlock div.content div.image ul.thumbnails li:hover,
section.productBlock div.content div.image ul.thumbnails li.on {
	border: 1px solid  #0079c4;
}

section.productBlock div.content div.image ul.thumbnails li a {
	outline: none;
}

section.productBlock div.content div.image div.imageBoxMedium {
	cursor: pointer;
	height: 202px;
	width: 202px;
}

section.productBlock div.content div.image div.imageBoxMedium div.loading{
	position: absolute;
	margin: 81px 0 0 81px;
	width: 40px;
	height: 40px;
	background: url('../../images/core/mm-loading.gif') center no-repeat #000;
	border-radius: 3px;
	opacity: 0.7;
	filter: alpha(opacity=70);
	display: none;
}

section.productBlock div.content div.description {
	display: table-cell;
	vertical-align: top;
	padding: 0 0.77em 0 0;
	width: 100%;
}

section.productBlock div.content div.description span.number {
	display: block;
	margin: 0 0 0.769em 0;	
}

section.productBlock div.content div.details {
	display: table-cell;
	min-width: 148px;
	width: 148px;
	vertical-align: top;
}

section.productBlock div.content div.details div.detailsContent {
	padding: 0.385em; 
	background: #fff; 	
	-webkit-border-radius: 0.231em;
	-moz-border-radius: 0.231em;
	-ms-border-radius: 0.231em;
	-o-border-radius: 0.231em;
	border-radius: 0.231em;	
}

section.productBlock div.content div.details div.detailsContent span.price {
	display: block;
	font-size: 1.5em;
	color: #0078c4;
	text-align: right;
	font-weight: bold;
	margin-bottom: 1.154em;
}

section.productBlock div.content div.details div.detailsContent span.pricedesc {
	display: block;
	color: #0078c4;
	text-align: right;
	margin-bottom: 0.385em;
}

section.productBlock div.content div.details div.detailsContent span.pricedesc span.old {
	text-decoration: line-through;	
}

section.productBlock div.content div.details div.detailsContent span.payment,
section.productBlock div.content div.details div.detailsContent span.availibility {
	font-style: italic;
	color: #5c5c5c;
}

section.productBlock div.content div.details div.detailsContent a.button {
	display: block;
	margin-top: 0.538em;
}

section.productBlock div.content div.shareBlock {
	margin: 0.538em 2.308em 0 0 0;
}


/* ==========================================================================
   Block: Social share buttons block
   ========================================================================== */ 
   
div.shareBlock {
    display: block;
    text-align: right;
}

/* ==========================================================================
   Content style helpers
   ========================================================================== */
    
ul.custom1 {
	list-style: none;
	padding: 0;
	margin: 1em 0 1em 0;
}

ul.custom1 li {
	padding: 0 0 0 2.308em;
	margin: 0 0 0.462em 1.385em;
}

ul.custom1 li:before {
	content: 'l';
	font-family: 'Iconpack';
	color: #0079c4;
	font-size: 2em;
	float: left;
	margin: -0.14em 0 0 -1.2em;
}
 
ul.custom2 {
	list-style: none;
	padding: 0;
	margin: 1em 0 1em 0;
}

ul.custom2 li {
	padding: 0 0 0 1.692em;
	margin: 0 0 0.308em 0;
}

ul.custom2 li:before {
	content: 'l';
	font-family: 'Iconpack';
	color: #303030;
	font-size: 1.5em;
	float: left;
	margin: -0.154em 0 0 -1.2em;
}

/* ==========================================================================
   Form styles, based on FORMALIZE 
   ========================================================================== */
    
input[type="search"]::-webkit-search-decoration {
  display: none;
}

input:invalid,
button:invalid,
a.button:invalid,
select:invalid,
textarea:invalid {
  	-webkit-box-shadow: none;
  	-moz-box-shadow: none;
 	box-shadow: none;
}

input:focus,
select:focus,
textarea:focus {
  	-webkit-box-shadow: #0079c4 0 0 7px 0;
  	-moz-box-shadow: #0079c4 0 0 7px 0;
  	box-shadow: #0079c4 0 0 7px 0;
  	z-index: 1;
}

input[type="file"]:focus, 
input[type="file"]:active,
input[type="radio"]:focus,
input[type="radio"]:active,
input[type="checkbox"]:focus,
input[type="checkbox"]:active {
  	-webkit-box-shadow: none;
  	-moz-box-shadow: none;
  	box-shadow: none;
}

input.error,
input:focus.error,
select:focus.error,
textarea:focus.error {
	-webkit-box-shadow: #ff0000 0 0 7px 0;
	-moz-box-shadow: #ff0000 0 0 7px 0;
	-o-box-shadow: #ff0000 0 0 7px 0;
	box-shadow: #ff0000 0 0 7px 0;
	z-index: 1;
	border-collapse: separate; /* Fixes issues with input in tables on IE9 */
}

input[type="text"].required,
input[type="password"].required{
	background-image: url('../../images/core/mm-bg_input_required_gray.png');
	background-color: #ffffff;
	background-position: right top;
	background-repeat: no-repeat;
}

button,
html body a.button,
input[type="reset"],
input[type="submit"],
input[type="button"] {
	display: inline-block;
	-webkit-appearance: none;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	-webkit-background-clip: padding;
	-moz-background-clip: padding;
	background-clip: padding-box;
	background: #878787 url('../../images/core/mm-bg_button_gray.png') center repeat-x; 
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #878787), color-stop(50%, #878787), color-stop(51%, #666666), color-stop(100%, #666666));
	border: 0px;
	cursor: pointer;
	color: #fff;
	font-weight:bold;
	outline: 0;
	overflow: visible;
	margin: 0;
	padding: 3px 10px;
	text-shadow: none;
	text-decoration: none;
	vertical-align: top;
	width: auto;
	*padding-top: 2px;
	*padding-bottom:3px;
	-moz-box-shadow: 1px 1px 2px #b1b1b1;
	-webkit-box-shadow: 1px 1px 2px #b1b1b1;
	box-shadow: 1px 1px 2px #b1b1b1;
	white-space: normal;
}

button.yellow,
a.button.yellow,
input[type="reset"].yellow,
input[type="submit"].yellow,
input[type="button"].yellow {
	background: #f4a800 url('../../images/core/mm-bg_button_yellow.png') center repeat-x;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffc800), color-stop(50%, #ffc800), color-stop(51%, #f4a800), color-stop(100%, #f4a800));
	color: #333;
}

button:hover,
a.button:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
	background: #0079c4 url('../../images/core/mm-bg_button_blue.png') center repeat-x;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0093ee), color-stop(50%, #0093ee), color-stop(51%, #0079c4), color-stop(100%, #0079c4));
	color: #fff;
}

button:active,
a.button:active,
input[type="reset"]:active,
input[type="submit"]:active,
input[type="button"]:active {	
	background: #0079c4 url('../../images/core/mm-bg_button_blue.png') center repeat-x;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0093ee), color-stop(50%, #0093ee), color-stop(51%, #0079c4), color-stop(100%, #0079c4));
	color: #fff;
}

button::-moz-focus-inner,
a.button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner {
	border: 0;
	padding: 0;
}

label.title{
	display:block;
	font-weight:bold;
}

label.error{
	display: block;
	font-weight: normal;	
	margin: 3px 0 0 0;
	padding: 0;
	color: #F00;	
}

a.button {
	*padding-bottom: 3px;
}

button {
	*padding-top: 1px;
	*padding-bottom: 1px;
}

textarea,
select,
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-background-clip: padding;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	-webkit-appearance: none;
	border: 1px solid;
	border-color: #c4c4c4 #c4c4c4 #ececec;
	outline: 0;
	margin: 0;
	padding: 2px 3px;
	text-align: left;
	height: 22px;
	/*line-height: 1.385em;*/
	vertical-align: top;
	*padding-top: 2px;
	*padding-bottom: 1px;
	*height: auto;
}

textarea[disabled],
select[disabled],
input[type="date"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="email"][disabled],
input[type="month"][disabled],
input[type="number"][disabled],
input[type="password"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="text"][disabled],
input[type="time"][disabled],
input[type="url"][disabled],
input[type="week"][disabled]{
	background-color: #e0e0e0;
}

button[disabled],
input[disabled],
select[disabled],
select[disabled] option,
select[disabled] optgroup,
textarea[disabled],
a.button_disabled {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	color: #888888;
	cursor: default;
}

textarea[readonly],
select[readonly],
input[type="date"][readonly],
input[type="datetime"][readonly],
input[type="datetime-local"][readonly],
input[type="email"][readonly],
input[type="month"][readonly],
input[type="number"][readonly],
input[type="password"][readonly],
input[type="search"][readonly],
input[type="tel"][readonly],
input[type="text"][readonly],
input[type="time"][readonly],
input[type="url"][readonly],
input[type="week"][readonly] {
	background-color: #e0e0e0;
	border-color: #e0e0e0 #e0e0e0 #e0e0e0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	color: #303030;
	cursor: default;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #888888;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
	color: #888888;
}

input.placeholder,
input.placeholder_text,
textarea.placeholder_text {
	color: #888888;
}

textarea,
select[size],
select[multiple] {
	height: auto;
}

select[size="0"],
select[size="1"] {
	height: 1.8em;
	*height: auto;
}

@media (-webkit-min-device-pixel-ratio: 0) {
  select[size],
  select[multiple],
  select[multiple][size] {
    background-image: none;
    padding-right: 3px;
  }

  select,
  select[size="0"],
  select[size="1"] {
  	background-color: #fff;
    background-image: url(data:image/png;base64,R0lGODlhDQAEAIAAAAAAAP8A/yH5BAEHAAEALAAAAAANAAQAAAILhA+hG5jMDpxvhgIAOw==);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 20px;
  }

  ::-webkit-validation-bubble-message {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666666), color-stop(1, black));
    border: 0;
    color: white;
    overflow: hidden;
    padding: 15px 15px 17px;
    text-shadow: black 0 0 1px;
    min-height: 16px;
  }

  ::-webkit-validation-bubble-arrow,
  ::-webkit-validation-bubble-top-outer-arrow,
  ::-webkit-validation-bubble-top-inner-arrow {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #666666;
    border-color: #666666;
  }
}

textarea {
	min-height: 80px;
	overflow: auto;
	resize: vertical;
	width: 100%;
}

optgroup {
	color: black;
	font-style: normal;
	font-weight: normal;
}
optgroup::-moz-focus-inner {
	border: 0;
	padding: 0;
}


/*
 * Form custom 2, extends default form style
 */

form.custom2 input.required::-webkit-input-placeholder,
form.custom2 textarea.required::-webkit-input-placeholder{
	color: #0079c4;
}

form.custom2 input.required:-moz-placeholder,
form.custom2 textarea.required:-moz-placeholder {
	color: #0079c4;
}

form.custom2 input.placeholder,
form.custom2 input.placeholder_text.required,
form.custom2 textarea.placeholder_text.required {
	color: #0079c4;
}

form.custom2 input[type="text"].required,
form.custom2 input[type="password"].required{
	background-image: url('../../images/core/mm-bg_input_required_blue.png');
	background-color: #ffffff;
	background-position: right top;
	background-repeat: no-repeat;
}

form.custom2 input.error,
form.custom2 input:focus.error,
form.custom2 select:focus.error,
form.custom2 textarea:focus.error {
  	-webkit-box-shadow: #0079c4 0 0 7px 0;
  	-moz-box-shadow: #0079c4 0 0 7px 0;
  	-o-box-shadow: #0079c4 0 0 7px 0;
  	box-shadow: #0079c4 0 0 7px 0;
	z-index: 1;
	background-color: #ddf2ff;
}

form.custom2 label.title {
	 color: #0079c4;
}

form.custom2 label.error {
	display: inline-block;
	line-height: 22px;
	margin: 0 5px;
	padding: 0 15px 0 15px;
	color: #fff;
	background-image: url('../../images/core/mm-bg_label_error_blue.svg');
	background-repeat: no-repeat;
	background-position: center left;
	background-size: auto 100%;
}
html.no-svg form.custom2 label.error {
	background-image: url('../../images/core/mm-bg_label_error_blue.png');
}

div.radiogroup {
	display:inline-block;
	vertical-align: middle;
}

label.optional {
	color: #666; 
	font-size: 0.9em;
	line-height: 2.2em;
}

/* ==========================================================================
   Content block helper classes
   ========================================================================== */
   
.contentBlock{
	background: #f3f3f3; 
	-webkit-border-radius: 0.231em;
	-moz-border-radius: 0.231em;
	-ms-border-radius: 0.231em;
	-o-border-radius: 0.231em;
	border-radius: 0.231em;
}

a.contentBlock {
	display: block;
	text-decoration: none;
	color: #333;
}

a.contentBlock:hover {
	background: #e8e6e6;	
}

.spacerBlock {
	padding: 0.385em !important;
}

.spacerBlock:after {
	display: table; 
	content: " ";
	/*zoom: 1;*/
	clear: both;
}

.contentOverflow{
	margin-left: -0.385em;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
   
.tiny {
  	width: 40px;
}

.small {
  	width: 100px;
}

.medium {
  	width: 150px;
}

.large {
  	width: 200px;
}

.xlarge {
  	width: 270px;
}

.xxlarge {
 	width: 320px;
}

.full {
  	width: 100%;
}

.full_wrap {
  	display: block;
  	padding-right: 8px;
}

.tinyfont{
	font-size: 0.75em;
}
.smallfont{
	font-size: 0.85em;
}
.mediumfont{
	font-size: 1em;
}
.largefont{
	font-size: 1.15em;
}
.xlargefont{
	font-size: 1.25em;
}
.fontxxlargefont{
	font-size: 1.35em;
}

img.left {
	float: left;
	margin: 0 0.77em 0.77em 0;
}

img.right {
	float: right;
	margin: 0 0 0.77em 0.77em;
}

table tr.even{
	background: #f3f3f3;
}

.clear {
	clear: both;	
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
   
/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
	display: block;
    content: "";
    width: 0;
    height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}