/**
 * @file
 * Page Styling
 *
 * Style the markup found in page.tpl.php. Also includes some styling of
 * miscellaneous Drupal elements that appear in the $content variable, such as
 * ul.links, .pager, .more-link, etc.
 */

@font-face {
	font-family: 'Microsoft Yi Baiti';
	src: url('../msyi.eot'); /* IE9 Compat Modes */
	src: url('../msyi.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('../msyi.woff') format('woff'), /* Modern Browsers */
	     url('../msyi.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('../msyi.svg#Microsoft Yi Baiti') format('svg'); /* Legacy iOS */
}

/*
 * Body
 */

body {
  margin: 0;
  padding: 0;
  min-width: 520px; /* 494px; TARGET */
}

html {
	background: #f5f5f5 url("https://tdspares.co.uk/sites/all/themes/tdspareszen/images/background_tiles/background_tile_diagrams_9_translucent.jpg") repeat fixed;
}

#page {
	color: #24475F;
	-moz-box-shadow: 0 0 50px #000;
	-webkit-box-shadow: 0 0 50px #000;
	box-shadow: 0 0 50px #000;
	
}

img {
	max-height: 100%;
}

/*
 * The skip-link link will be completely hidden until a user tabs to the link.
 * See the element-focusable rule in system.base.css.
 */

#skip-link {
  margin: 0;
}
#skip-link a,
#skip-link a:visited {
  display: block;
  width: 100%;
  padding: 2px 0 3px 0;
  text-align: center;
  background-color: #666;
  color: #293488;
}

:hover {
	-webkit-transition: opacity 0.2s ease-in;
    -moz-transition: opacity 0.2s ease-in;
    -o-transition: opacity 0.2s ease-in;
    -ms-transition: opacity 0.2s ease-in;
	transition: opacity 0.2s ease-in;
}

/**
TABLES
**/

tr, tr.even, tr.odd {
/* 	border-top: 1px solid #256591;
	border-bottom: 1px solid #256591; */
	border-top: 1px solid #ccc;
	background-color: #fff;
}

tr.odd  {
	background-color: #eee;
}

/**
BUTTONS
**/

.button:link, .express-checkout  a:link, input[type=submit], .view-frontpage .more-details a:link, #edit-submit:link, .facetapi-limit-link:link {
	padding: 0.2em 0.7em;
	color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

/** blue buttons **/
.button, input[type=submit], .view-frontpage .more-details a, #edit-submit, .facetapi-limit-link {
	background-color: #00BDFF;
	border: 1px solid #2f7ac9;
	
	/* Safari 4-5, Chrome 1-9 */
	/*background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2f7ac9), to(#00BDFF));*/

	/* Safari 5.1, Chrome 10+ */
	/*background: -webkit-linear-gradient(top, #00BDFF, #2f7ac9);*/

	/* Firefox 3.6+ */
	/*background: -moz-linear-gradient(top, #00BDFF, #2f7ac9);*/

	/* IE 10 */
	/*background: -ms-linear-gradient(top, #00BDFF, #2f7ac9);*/

	/* Opera 11.10+ */
	/*background: -o-linear-gradient(top, #00BDFF, #2f7ac9);*/
}

.button:hover, input[type=submit]:hover, .view-frontpage .more-details a:hover, #edit-submit:hover, .facetapi-limit-link:hover {
	background: #256591;
}

/** red buttons **/
.express-checkout a {
	background-color: #b33;
	border: 1px solid #ec6800;
	/* Safari 4-5, Chrome 1-9 */
	/*background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b33), to(#f66));*/

	/* Safari 5.1, Chrome 10+ */
	/*background: -webkit-linear-gradient(top, #f66, #b33);*/

	/* Firefox 3.6+ */
	/*background: -moz-linear-gradient(top, #f66, #b33);*/

	/* IE 10 */
	/*background: -ms-linear-gradient(top, #f66, #b33);*/

	/* Opera 11.10+ */
	/*background: -o-linear-gradient(top, #f66, #b33);*/
}

.express-checkout  a:hover {
	background: #f66;
}

/** green buttons **/
.node-type-product-display-node .commerce-add-to-cart input.form-submit, #block-block-4 .button, .tertiary.button {
	background-color: #79ad3d;
	border: 1px solid #86c142;
	
	/* Safari 4-5, Chrome 1-9 */
	/*background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#79ad3d), to(#86c142));*/

	/* Safari 5.1, Chrome 10+ */
	/*background: -webkit-linear-gradient(top, #86c142, #79ad3d);*/

	/* Firefox 3.6+ */
	/*background: -moz-linear-gradient(top, #86c142, #79ad3d);*/

	/* IE 10 */
	/*background: -ms-linear-gradient(top, #86c142, #79ad3d);*/

	/* Opera 11.10+ */
	/*background: -o-linear-gradient(top, #86c142, #79ad3d);*/
}

.node-type-product-display-node .commerce-add-to-cart input.form-submit:hover, #block-block-4 .button:hover , .tertiary.button:hover {
	background: #86c142;
}

/*
 * Header
 */

#header {
	padding: 0 1em;
	margin-bottom: 1em;
	background: rgba(255, 255, 255, 0.7);
	/*background: #f5f5f5 url("https:/tdspares.co.uk/sites/all/themes/tdspareszen/images/background_tiles/background_tile_diagrams_9_translucent.jpg") repeat; */
}

#navigation {
	padding: 0em;
}

/**
LOGO, TITLE AND SLOGAN BLOCK
**/

#block-block-3 {
	margin-bottom: 1em;
	vertical-align: bottom;
	display: flex;
}

#logo { /* Wrapping link for logo */
  padding: 0 1em 0 0;
}

#logo img {
  vertical-align: bottom;
  padding-bottom: 6px;
  border-bottom: 2px solid #1b4b6c;
  width: 100px;
  flex-shrink: 0;
}

#site-name { /* The name of the website */
	font-size: 0;
}

#site-name a:link,
#site-name a:visited {
	text-decoration: none;
	color: #1b4b6c;
}
#site-name a:hover,
#site-name a:focus {
  text-decoration: none;
  color: #1b4b6c;
}

#site-slogan-wrapper {
	/*height: 8em;*/
	margin: 1em 1em 0;
}

#site-slogan { /* The slogan (or tagline) of a website */
	font-size: 1em;
	line-height: 1.4em;
	color: #256591;
}

/**
CONTACT INFO BLOCK
**/
#block-block-8 {
	z-index: 10;
	float: right;
	margin: 2em 2em 0;
	color: #256591;
}

#block-block-8 a.email {
	display: block;
	margin-bottom: 7px;
	text-decoration: underline;
}

#block-block-8 img.email {
	vertical-align: middle;
	margin: 0 7px 5px 0;
}

#block-block-8 img.phone {
	vertical-align: middle;
	margin: 0 10px 0 4px;
}

#block-block-8 p {
	height: 20px;
	margin: 0;
	display: inline;
	font-weight: bold;
}

#block-block-8 strong {
	font-size: 2em;
	font-style: italic;
	line-height: 1.4em;
}

/**
WORLD SHIPPING BLOCK
**/

#block-block-2 {
	z-index: 1;
	display: inline-block;
	float: right;
	clear: right;
	width: 15em;
	background-color: #256591;
	/* border: 1px solid #E5F1FF; */
	border-top: 0;
	padding-top: 0.5em;
	margin-bottom: 0; /* 2.83em */
	text-align: center;
	/* -moz-border-radius: 0 0 8px 8px;
	-webkit-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px; */
}

#block-block-2 span {
	font-size: 1.6em;
	font-family: 'Istok Web', 'Arial', sans-serif;
    font-weight: bold;
	color: #fff;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
}

/**
SEARCH BLOCK
**/

#block-views-exp-commerce-search-page {
	margin: 0 1em 0 0;
	background-color: #256591;
	padding: 5px;
	height: 28px;
	overflow: hidden;
}

#block-views-exp-commerce-search-page div {
	overflow: hidden;
	margin: 0;
}

.views-exposed-form .views-widget-filter-search_api_views_fulltext {
	float: none;
}

#block-views-exp-commerce-search-page label {
	float: left;
	margin: 4px 7px 0 2px;
	color: #fff;
	/* font-family: 'Microsoft Yi Baiti', 'Arial', sans-serif; */
	font-weight: normal;
	font-size: 2em;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}

#block-views-exp-commerce-search-page input[type="text"] {
	width: 100%;
	padding: 0.3em 0 0.28em 0;
	margin-top: 2px;
	border: none;
	/* -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; */
}

#block-views-exp-commerce-search-page ::-webkit-input-placeholder {
   color: #666;
   font-weight: normal;
   padding-left: 0.3em;
   font-style: italic;
}

#block-views-exp-commerce-search-page :-moz-placeholder { /* Firefox 18- */
   color: #666;
   font-weight: normal;
   padding-left: 0.3em;
   font-style: italic;
}

#block-views-exp-commerce-search-page ::-moz-placeholder {  /* Firefox 19+ */
   color: #666;
   font-weight: normal;
   padding-left: 0.3em;
   font-style: italic;
}

#block-views-exp-commerce-search-page :-ms-input-placeholder {  
   color: #666;
   font-weight: normal;
   padding-left: 0.3em;
   font-style: italic;
}

#block-views-exp-commerce-search-page :focus::-webkit-input-placeholder {
   color: transparent;
}

#block-views-exp-commerce-search-page :focus:-moz-placeholder { /* Firefox 18- */
   color: transparent;
}

#block-views-exp-commerce-search-page :focus::-moz-placeholder {  /* Firefox 19+ */
   color: transparent;
}

#block-views-exp-commerce-search-page:focus::-ms-input-placeholder {  
   color: transparent;
}

#block-views-exp-commerce-search-page .views-exposed-form .views-exposed-widget .form-submit {
  background-color: #00BDFF;
  background-image: url("/sites/all/themes/tdspareszen/images/icons/search_icon.png");
  background-repeat: no-repeat;
  background-position-x: 4px;
  background-position-y: 4px;
  padding: 4px 12px 4px 13px;
  margin-top: -1px;
  text-indent: -9999px;
}

#block-views-exp-commerce-search-page .views-exposed-form .views-exposed-widget {
	padding: 0;
}

#block-views-exp-commerce-search-page .views-exposed-widget.views-submit-button {
	float: right;
	padding-left: 5px;
	margin-top: 2px;
}

/**
SHOPPING BASKET BLOCK
**/

#block-block-4 {
	clear: right;
	float: right;
	background-color: #79ad3d;
	/* border: 1px solid #E5F1FF; */
	width: 15em;
	margin: 0 0 0 1em;
	/* -moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px; */
}

#block-block-4:hover {
	background: #86c142;
}

#block-block-4 a {
	display: block;
}

#block-block-4 h2 {
	padding: 0;
	margin: 0.2em 0.1em 0 0.6em;
	font-size: 1.2em;
	font-family: 'Istok Web', 'Arial', sans-serif;
	background-color: transparent;
}

#block-block-4 div {
	display: inline-block;
	color: #fff;
}

#block-block-4 #basket-total {
	text-align: right;
	width: auto;
}

#block-block-4 div.button {
	text-align: center;
	float: right;
	margin: 3px;
	width: 52px;
	height: auto;
	padding: 0;
}

#block-block-4 img {
	margin-top: 4px;
}

/** responsive fiddling for small screens **/
@media all and (max-width: 720px) {
	#logo img {
		width: 50px;
	}
			
	#site-slogan-wrapper {
		display: none;
	}
	
	#block-block-3 {
		float: left;
	}
	
	#block-block-2 {
		float: none;
		clear: both;
		display: block;
		width: auto;
		margin: 0;
	}
	
	#block-block-2 .map {
		display: none;
	}
	
	#block-block-4 + div.block label {
		display: none;
	}
	
	#block-block-4 h2, div#basket-total {
		display: none;
	}
	
	#block-block-4 {
		width: auto;
	}
	
	#block-views-exp-commerce-search-page {
		margin-top: 20px;
	}
}

/*
 * Main (container for everything else)
 */

#main {
	padding-bottom: 1em;
	background-color: #fff;	/* #eee */
}

/** 
CROSSITE LINK
**/
#block-block-9 {
	background-color: #fff;
	text-align: center;
	padding: 0.5em;
	margin: 1em;
	border-radius: 7px;
	border: 1px solid #bbb;
	font-size: 0.9em;
}

#block-block-9 p {
	margin: 0;
}

/**
HOME
**/

/** Other bits **/
.page-home h2.home-header {
	font-size: 1.8em;
	font-family: 'Istok Web', 'Arial', sans-serif;
	padding: 0.05em 0.5em;
	margin-bottom: 0;
	line-height: normal;
	display: inline-block;
	height: auto;
	/* border-radius: 7px 7px 0 0; */
}

/** Popular Categories **/

.region-fixed-sidebar {
	width: 150px;
	float: right;
}

div#block-block-10 {
	margin: 1em 1em 1em 0;
}

div#block-block-10 h2 {
	color: #24475F;
	background-color: #fff;
	margin: 0;
	line-height: 1.5em;
	text-align: center;
	font-size: 1.2em;
	display: block;
}

#block-block-10 div.item {
	display: inline-block;
	background-color: #fff;
	vertical-align: bottom;
	width: 100%;
	height: 220px;
	text-align: center;
	margin: 0.5em 0;
	border-radius: 3px;
	border: 1px solid #256591;
	
	-webkit-transition: opacity 0.2s ease-in;
    -moz-transition: opacity 0.2s ease-in;
    -o-transition: opacity 0.2s ease-in;
    -ms-transition: opacity 0.2s ease-in;
	transition: opacity 0.2s ease-in;
}

#block-block-10 div.item:hover {
	background-color: #eee;
}

#block-block-10 h3 {
	background-color: #256591;
	margin: 0;
	padding: 5px;
	overflow: hidden;
	line-height: 1.3em;
	font-size: 1em;
	font-weight: 500;
}

#block-block-10 p {
	color: #256591;
	margin: 0.5em;
	font-size: 1em;
}

#block-block-10 p strong {
	margin: 0 0.1em;
	font-size: 1.5em;
}

#block-block-10 a {
	color: #fff;
}

#block-block-10 a:visited {
	color: #fff;
}

#block-block-10 a:hover {
	color: #fff;
}

#block-block-10 div.img-wrapper {
	display: block;
	margin: 0.5em 1em 0;
	padding: 0 0 0.5em;
	background-color: #fff;
	border-bottom: 1px solid #bbb;
	/*-webkit-box-shadow: 0 15px 20px -20px #bbb;
	   -moz-box-shadow: 0 15px 20px -20px #bbb;
	        box-shadow: 0 15px 20px -20px #bbb;*/
}

#block-block-10 img {
	max-height: 100px;
	width: auto;
}

/** Featured/Latest prods **/
.view-frontpage .view-content {
	border-top: 3px solid #256591;
	padding-top: 20px;
	overflow: hidden;
}

.view-frontpage .view-content > div {
	display: inline-block;
	background-color: #fff;
	vertical-align: bottom;
	width: 150px;
	text-align: center;
	padding: 10px 15px 15px;
	margin: 7px 5px;
 	border-radius: 3px;
	border: 1px solid #bbb;
}


.view-frontpage .view-content > div:hover {
	background-color: #eee;
}

.view-frontpage h3.field-content {
	margin: 0;
	text-align: left;
	height: 3.8em;
	overflow: hidden;
	line-height: 1.3em;
	font-size: 1em;
}

.view-frontpage h3.field-content a {
	color: #256591;
}

.view-frontpage h3.field-content a:visited {
	color: #256591;
}

/*.view-frontpage h3.field-content a:hover {
	color: #98C7FF;
}*/

.view-frontpage div a.img-link {
	display: block;
	height: 150px;
	margin: 1em auto 1em auto;
	background-color: #fff;
	border-bottom: 1px solid #bbb;
	/*-webkit-box-shadow: 0 15px 20px -15px #bbb;
	   -moz-box-shadow: 0 15px 20px -15px #bbb;
	        box-shadow: 0 15px 20px -15px #bbb;*/
}

.view-frontpage div div.price {
	font-weight: bold;
	color: #56a4da;
	/*text-shadow: 0 1px #555;*/
	font-size: 2em;
	margin-bottom: 0.2em;
}

@media all and (max-width: 518px) {
	.view-frontpage .view-content > div {
		width: auto;
		display: block;
	}
}

/**
MANUFACTURER INDEX PAGE
**/

.page-manufacturers .view-display-id-attachment_1 {
	border-bottom: 1px solid #bbb;
}

.page-manufacturers tr{
	background-color: transparent;
	border: none;
}

.page-manufacturers td{
	border-left: 1px solid #bbb;
}

/**
CATEGORY BRANCH PAGE
**/

.view-category-children .view-content {
	text-align: center;
	border-top: 2px solid #256591;
	font-weight: bold;
	font-size: 1.2em;
}

.view-category-children .view-content > div {
	display: inline-block;
	background-color: #fff;
	border: 1px solid #256591;
	text-align: center;
	margin: 10px;
	vertical-align: top;
}

.view-category-children .view-content div.cat-img a {
	display: block;
	background-color: transparent;
	height: 180px;
	width: 180px;
}

.view-category-children img {
	padding: 15px;
}

.view-category-children .view-content div a {
	display: block;
	background-color: #256591;
	padding: 0.5em;
}

.view-category-children a:link {
	color: #fff;
}

.view-category-children a:visited {
	color: #fff;
}


/**
CATEGORY LEAF AND SEARCH PAGES
**/

.view-commerce-search tr {
	border: 1px solid #256591;
	border-width: 1px 0;
}

.product-list-view .view-content {
	margin-left: 17em;
}

.view-category-children .view-content {
	margin-left: 0;
}

.taxonomy-contents-panel table, .product-list-view table {
	width: 100%;
}

.product-list-view .views-field-view-node {
	text-align: center;
	background-color: #256591;
	width: 5em;
	padding: 1em;
}

/* Image */
.product-list-view .views-field-field-prod-image {
	height: 150px;
	width: 150px;
	vertical-align: middle;
	text-align: center;
	background-color: transparent;
}

/* Title */
.product-list-view .views-field-title, .product-list-view .views-field-title-1 {
	padding: 1em;
	vertical-align: text-top;
}

.product-list-view .tag {
	text-transform: uppercase;
	padding: 0;
	margin: 0;
	font-weight: bold;
	padding: 0.1em 0.3em;
	margin-right: 0.4em;
	border-radius: 2px;
}

.product-list-view .genuine {
	background-color: #0097ff;
	color: #fff;
}

.product-list-view .on-offer {
	background-color: #f55;
	color: #fff;
}

/* Price */
/* new price */
.taxonomy-contents-panel tr td.price div, .view-commerce-search tr td.price div {
	font-size: 1em;
	color: #ed1c24;
	text-decoration: line-through;
}

/* old price */
.taxonomy-contents-panel tr td.price div:last-child, .view-commerce-search tr td.price div:last-child, .taxonomy-contents-panel tr td.price div:only-child, .view-commerce-search tr td.price div:only-child {
	font-size: 1.4em;
	color: #79ad3d;
	text-decoration: none;
}

.taxonomy-contents-panel .panel-pane .views-field-commerce-price, .product-list .views-field-commerce-price-amount-decimal  {
	width: 5em;
	background-color: transparent;
	border-left: none;
}

.taxonomy-contents-panel .panel-pane .views-field-commerce-price .price-label, .product-list .views-field-commerce-price-amount-decimal .price-label {
	font-size: 1em;
	line-height: 1.5em;
	padding: 15px 0px;
    background-color: #56a4da;
}

/*
Filters
*/

.taxonomy-contents-panel .panel-pane .views-exposed-widget > label {
	display: block;
	margin: 0;
	color: #fff;
	background-color: #256591;
	padding: 0.01em 0.3em 0.07em 0.25em;
	font-family: 'Istok Web', 'Arial', sans-serif;
	/* border-radius: 5px 5px 0 0; */
}

div.block-facetapi h2, .taxonomy-contents-panel .panel-pane .views-exposed-widget label[for="edit-field-part-type-tid-selective"], .taxonomy-contents-panel .panel-pane .views-exposed-widget label[for="edit-field-manufacturer-tid-selective"] {
	display: block;
	font-size: 1.2em;
	margin: 0;
	color: #fff;
	background-color: #256591;
	padding: 0.01em 0.3em 0.07em 0.25em;
	font-family: 'Istok Web', 'Arial', sans-serif;
}

div.block-facetapi, .taxonomy-contents-panel .panel-pane .views-exposed-widget {
	float: left;
	clear: left;
	width: 16em;
	margin: 1em 1em 1em 0;
	padding: 0;
	background-color: #eee;
}

div.block-facetapi h2 {
	padding-left: 0.6em;
}

div.block-facetapi ul, .taxonomy-contents-panel .panel-pane .views-exposed-widget .views-widget {
	background-color: #fff;
	margin: 0 5px 3px;
	padding: 1.5em 0;
}

div.block-facetapi a.active {
	font-weight: normal;
}

a.facetapi-limit-link:link {
	display: inline-block;
	border-radius: 0 0 0.5em 0.5em;
	margin: -2px 5px 5px;
}

div.taxonomy-contents-panel .panel-pane .views-exposed-widget.views-reset-button {
	float: left;
	clear: left;
	width: 15em;
	text-align: center;
	margin: 0;
	background-color: transparent;
	border: none;
	padding: 0;
}

/*
category products page
*/

.taxonomy-contents-panel .panel-pane h2 {
	display: inline-block;
	color: #256591;
	padding: 0.1em 0.5em 0.1em 0.4em;
	margin-bottom: 0;
}

.taxonomy-contents-panel .panel-pane .views-exposed-widgets:after {
	display: inline-block;
}

.taxonomy-contents-panel .panel-pane {
	border-top: 1px solid #ccc;
}

.taxonomy-contents-panel .panel-pane .views-submit-button {
	display: none;
}

#edit-field-part-type-tid-wrapper {
	margin-top: 3em;
}

.taxonomy-contents-panel .panel-pane  .views-exposed-widgets  .views-widget{
	padding: 0.5em 1em;
}

/*
search page
*/
.product-list .view-header {
	height: 5em;
}

.product-list .view-header a:link {
	text-decoration: underline;
}

.product-list .view-header a:hover {
	text-decoration: none;
}

#block-facetapi-9qpubdc44m01x9frt3cojlsp7fq1tzvx {
	margin-top: 6.5em;
}

div.block-facetapi ul {
	padding-left: 1em;
}

div.block-facetapi ul li.leaf {
	list-style: none;
}

@media all and (max-width: 880px) {
	.taxonomy-contents-panel .panel-pane .views-exposed-widget {
		clear: none;
		width: 48%;
		margin: 1em 1%;
	}
	
	.taxonomy-contents-panel .panel-pane .view-content {
		clear: both;
		margin-left: 0;
	}
	
	div.block-facetapi {
		clear: none;
		width: 30%;
		margin: 1em 1%;
	}
	
	#block-facetapi-9qpubdc44m01x9frt3cojlsp7fq1tzvx {
	margin-top: 1em;
	}
	
	.product-list .view-header {
		height: auto;
		clear: both;
	}
}

/**
PRODUCT DISPLAY NODE
**/

/* Disable sidebar squashage */
.node-type-product-display-node #content {
	margin-right: 0;
}

.node-type-product-display-node h1#page-title {
	background-color: transparent;
	color: #555;
	border-bottom: 5px solid #eee;
}

.node-type-product-display-node .commerce-product-sku {
	color: #fff;
	text-transform: uppercase;
	background-color: #256591;
	margin-top: 1em;
	padding: 0 0.4em;
	display: inline-block;
}

.node-type-product-display-node div.pane-node-field-extra-search-parameters {
	font-size: 0.1em;
}

/** genuine part panel **/
.node-type-product-display-node div.pane-node-field-part-manufacturer {
	background-color: #fff;
	margin:  0 2em 2em 0;
	display: inline-block;
	width: 14em;
	height: 14.1em;
	float: right;
}

.node-type-product-display-node div.pane-node-field-part-manufacturer h2 {
	font-size: 1em;
	padding: 0 0.6em;
	margin: 0;
	background-color: #256591;
	color: #fff;
}

.node-type-product-display-node div.pane-node-field-part-manufacturer div.field-name-field-part-manufacturer {
	font-weight: bold;
	font-size: 1.3em;
	padding: 1em 0.3em;
}

/** genuine part logo **/
.node-type-product-display-node div.pane-taxonomy-term-field-logo {
	background-color: #fff;
	margin: 0;
	margin-top: 3em;
	margin-right: -14em;
	display: inline-block;
	width: 13.9em;
	height: 11.1em;
	float: right;
	text-align: center;
}

.node-type-product-display-node div.pane-taxonomy-term-field-logo img {
	max-width: 13.9em;
	max-height: 11.1em;
	width: 80%;
}

/** price panel **/
.node-type-product-display-node .panel-col-last {
	width: auto;
	float: right;
	clear: right;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #ccc;
	margin: 2em;
}

.node-type-product-display-node .panel-col-last .inside {
	background-color: #fff;
	padding: 0.5em;
	margin: 0;
	width: 13em;
	text-align: center;
	color: #333;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

.node-type-product-display-node .pane-node-field-sale-type {
	background-color: #ed1c24;
	padding: 0.2em;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}

.node-type-product-display-node .pane-node-product-commerce-price {
	border-bottom: 1px solid #ddd;
	padding: 0 0 2em;
}

.node-type-product-display-node .pane-node-product-commerce-price .pane-title {
	text-align: left;
	margin: 0 0 0.5em;
}

.node-type-product-display-node .pane-node-product-commerce-price .field-commerce-price {
	font-size: 3em;
	font-weight: bold;
	color: #79ad3d;
/* 	text-shadow: 0 2px #405A23; */
}

.node-type-product-display-node input[value="Add to cart"] {
	font-weight: bold;
}

.node-type-product-display-node div.pane-custom.pane-1 p {
	font-size: 0.9em;
	margin: 0;
}

.node-type-product-display-node div.pane-custom.pane-1 a:hover {
	color: #fff;
}

.node-type-product-display-node .form-item-quantity {
	margin: 0.7em 0 0;
	padding-bottom: 1em;
	border-bottom: 1px solid #ddd;
}

.node-type-product-display-node .form-item-quantity input {
	width: 1.5em;
	text-align: right;
	padding: 0.1em 0.3em;
}

.node-type-product-display-node .field-name-body a:link {
	text-decoration: underline;
}

.node-type-product-display-node .field-name-body a:visited {
}

.node-type-product-display-node .field-name-body a:hover,
.node-type-product-display-node .field-name-body a:focus {
	color: #256591;
	text-decoration: none;
}

.node-type-product-display-node .panel-col-last p {
	margin: 0.5em;
}

.node-type-product-display-node .field-name-body, .node-type-product-display-node .field-name-field-fitment-list {
	padding: 0 1em 0;
	background-color: #fbfbfb;
	border: 1px solid #ccc;
}

.node-type-product-display-node .commerce-add-to-cart input.form-submit {
	font-size: 14px;
	margin: 0.5em 0;
	border: 1px solid #79ad3d;
	padding: 0.4em 0.7em;
	width: 12rem;
}

.node-type-product-display-node .commerce-add-to-cart input.form-button-disabled, .node-type-product-display-node .commerce-add-to-cart input.form-button-disabled:hover {
	background-color: #eee;
	color: #888;
	border: #888;
}

.node-type-product-display-node .panel-col-last .go-to-checkout a {
	display: block;
	text-align: left;
}

.node-type-product-display-node .panel-col-last .go-to-checkout a img {
	float: right;
}

/* product images */
.node-type-product-display-node .panel-col-first {
	width: auto;
	margin-bottom: 1.5em;
	margin-left: 2em;
}
	
.node-type-product-display-node .field-name-field-prod-image {
}

.node-type-product-display-node .field-name-field-prod-image .field-item {
	width: 300px;
	max-height: 300px;
}

.node-type-product-display-node .field-name-field-prod-image div.field-slideshow {
	/* max-height: 300px !important;
	width: auto !important; */
	padding: 5px;
	margin-bottom: 1.5em;
	background-color: #fff;
}

.node-type-product-display-node .panel-col-first ul {
	list-style-type: none;
	padding: 0;
}

.node-type-product-display-node .panel-col-first li {
	width: 90px;
	height: 90px;
	background-color: #fff;
	margin: 2px;
	border: 3px solid #E5F1FF;
	outline: 1px solid #256591;
	
}

.node-type-product-display-node .panel-col-first li a {
	display: block;
	height: 100%;
}

.node-type-product-display-node .panel-col-first li.activeSlide {
	border: 3px solid #256591;
}

.node-type-product-display-node .panel-col-first .field-slideshow-slide {
	position: static !important;
}

.node-type-product-display-node .panel-col-first .field-slideshow-thumbnail {
	max-height: 100%;
}

.node-type-product-display-node h2 {
	margin-bottom: 0;
	margin-top: 2em;
}

/** Tabs **/
.node-type-product-display-node .ui-tabs-panel {
	font-size: 1.1em;
	background: #fbfbfb;
    padding: 1em;
	border: 5px solid #eee;
}

.node-type-product-display-node .ui-tabs-panel h2 {
	color: #047;
	font-size: 1.2em;
}

.node-type-product-display-node #tabs-0-bottom {
	border: none;
	background: transparent;
	font-family: 'Istok Web', 'Arial', sans-serif;
	font-size: 1em;
}

.node-type-product-display-node .ui-widget-header {
	position: relative;
	bottom: -4px;
	border: none;
	background: none;
	border-radius: 0;
	padding: 0;
}

.node-type-product-display-node .ui-widget-header li {
	background: none;
	border: 5px solid #eee;
	background-color: #eee;	/* #256591 - dark blue */
}

.node-type-product-display-node .ui-widget-header li a {
	color: #666;
}

.node-type-product-display-node .ui-widget-header li.ui-state-active {
	/** background-color: #E5F1FF; **/
	background-color: #fbfbfb;
}

.node-type-product-display-node .ui-widget-header li.ui-state-active a {
	color: #256591;
}

.node-type-product-display-node .ui-tabs-panel .field-type-text-with-summary {
	background-color: transparent;
	border: none;
	padding: 0;
}

/** Related/Alternative Products Tab **/
.view.tab-products .view-content {
	text-align: center;
}

.view.tab-products .view-content > div {
	display: inline-block;
	background-color: #fff;
	vertical-align: bottom;
	width: 150px;
	text-align: center;
	padding: 10px 15px 15px;
	margin: 1%;
	border-radius: 3px;
	border: 1px solid #ccc;
}

.view.tab-products .view-content > div:hover {
	background-color: #eee;
}

.view.tab-products h3.field-content {
	margin: 0;
	text-align: left;
	height: 4em;
	overflow: hidden;
	line-height: 1.3em;
	font-size: 1em;
	font-weight: normal;
}

.view.tab-products h3.field-content a {
	color: #256591;
}

.view.tab-products h3.field-content a:visited {
	color: #256591;
}

/*.view.tab-products h3.field-content a:hover {
	color: #98C7FF;
}*/

.view.tab-products div a.img-link {
	display: block;
	height: 150px;
	margin: 1em auto 1em auto;
	background-color: #fff;
	border-bottom: 1px solid #bbb;
	/*-webkit-box-shadow: 0 15px 20px -15px #bbb;
	   -moz-box-shadow: 0 15px 20px -15px #bbb;
	        box-shadow: 0 15px 20px -15px #bbb;*/
}

.view.tab-products div div.price {
	font-weight: bold;
	color: #256591;
	font-size: 2em;
	margin-bottom: 0.2em;
}

@media all and (max-width: 710px) {
	.view.tab-products .view-content > div {
		width: auto;
		display: block;
	}
}

@media all and (max-width: 850px) {
	.node-type-product-display-node div.pane-node-field-part-manufacturer {

	}
	
	.node-type-product-display-node div.pane-taxonomy-term-field-logo {

	}
	
	.node-type-product-display-node .panel-col-first {

	}
	
	.node-type-product-display-node .field-name-field-prod-image .field-item {
		width: auto;
	}

	.node-type-product-display-node .pane-node-product-commerce-price .pane-title {
		display: none;
	}
	
	.node-type-product-display-node .pane-node-product-commerce-price {
		display: inline-block;
		padding: 1em;
	}
	
	.node-type-product-display-node .form-item-quantity {
		margin: 0;
		display: inline-block;
	}
	
	.node-type-product-display-node .form-item-quantity label {
		display: none;
	}
	
	.node-type-product-display-node input[value="Add to cart"] {
		vertical-align: middle;
	}
	
	.node-type-product-display-node .panel-col-last .go-to-checkout {
		width: 10.5em;
	}
}


/**
CHECKOUT PAGES
**/

body.page-checkout #main {
	padding-top: 1em;
}

.section-checkout #content {
	margin-right: 0;
}

/**
CHECKOUT PROGRESS BLOCK
**/

#block-commerce-checkout-progress-indication {
	padding: 0;
	margin-bottom: 0;
}

#block-commerce-checkout-progress-indication .item-list {
	margin: 0 auto;
}

#block-commerce-checkout-progress-indication ol {
	margin-bottom: 2em;
	padding: 0;
	text-align: center;
	font-size: 1.3em;
	font-weight: bold;
	list-style: none;
}

#block-commerce-checkout-progress-indication li {
	float: left;
	width: 17%;
	height: 2em;
	padding: 0.8em 0.5em 1em;
	border-bottom: 1px solid #256591;
	color: #ccc;
}

#block-commerce-checkout-progress-indication li.active {
	background-color: #256591;
	color: #fff;
	border-radius: 2em 2em 0 0;
}

#block-commerce-checkout-progress-indication li.previous {

}

#block-commerce-checkout-progress-indication li.visited {

}

@media all and (max-width: 806px) {
	#block-commerce-checkout-progress-indication li {
		float: none;
		width: auto;
		margin: 1em 0;
	}
}

/**
SHOPPING CART PAGE
**/

.section-cart #content {
	margin-right: 0;
}

.page-cart table {
	margin-bottom: 0;
}

.page-cart thead tr {
	background-color: #256591;
	color: #fff;
}

.page-cart th {
	border: 0;
	padding: 0.3em 0.6em;
}

.page-cart tr.odd {
	background-color: #fff;
}

.page-cart tr.even {
	background-color: #eee;
}

.page-cart td.views-field-edit-delete {
	width: 1%;
	padding: 0 5px;
}

.page-cart input[title="Quantity"] {
	width: 1.5em;
	text-align: right;
	padding: 0.1em 0.3em;
}

.page-cart .price {
	padding-right: 0.5em;
}

.page-cart .line-item-summary {
	padding-right: 0.5em;
}

.page-cart #edit-submit {
	margin-right: 1em;
}

/**
CHECKOUT PAGE
**/

#commerce-checkout-form-checkout table {
	margin-bottom: 0;
}

#commerce-checkout-form-checkout thead tr {
	background-color: #256591;
	color: #fff;
}

#commerce-checkout-form-checkout th {
	border: 0;
	padding: 0.3em 0.6em;
}

#commerce-checkout-form-checkout tr.odd {
	background-color: #fff;
}

#commerce-checkout-form-checkout tr.even {
	background-color: #eee;
}

#commerce-checkout-form-checkout .price {
	padding-right: 0.5em;
}

fieldset, tr.pane-data {
	border: none;
	margin: 1em 0;
	border-bottom: 1px solid #bbb;
	-webkit-box-shadow: 0 15px 20px -20px #bbb;
	-moz-box-shadow: 0 15px 20px -20px #bbb;
	box-shadow: 0 15px 20px -20px #bbb;
}

#commerce-checkout-form-checkout label {
	display: inline-block;
}

fieldset#edit-buttons {
	margin: 2.3em 0;
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

#commerce-checkout-form-checkout legend .fieldset-legend {
 	margin: 0;
	color: #256591;
	display: inline-block;
	font-size: 1.8em;
	font-weight: bold;
}

#edit-customer-profile-shipping label {
	color: #fff;
	background-color: #56a4da;
	padding: 0.2em;
	padding-bottom: 0;
	margin: 0;
	display: inline-block;
	font-size: 1.2em;
 	vertical-align: middle;
}

#commerce-checkout-form-checkout input[type="text"], #commerce-checkout-form-checkout select {
	display: block;
	background-color: #eee;
	border: 1px solid #ccc;
	border-top: 2px solid #aaa;
	border-left: 2px solid #aaa;
	width: 21em;
}

#commerce-checkout-form-checkout .name-block input[type="text"] {
	width: 10em;
}

#commerce-checkout-form-checkout .form-item-customer-profile-shipping-commerce-customer-profile-copy label {
	background-color: transparent;
	color: #256591;
}

#commerce-checkout-form-checkout .button-operator {
	margin-left: 1em;
}

/**
SHIPPING PAGE
**/

.commerce_shipping {
	margin: 2em 0 1em;
}

.commerce_shipping .fieldset-legend {
	color: #256591;
	margin: 0;
	display: inline-block;
	font-size: 1.8em;
	font-weight: bold;
}

.checkout-buttons .button-operator {
	margin: 0 0.3em 0 0.5em;
}

/**
REVIEW ORDER PAGE
**/

.page-checkout-review thead tr {
	background-color: #256591;
	color: #fff;
}

.page-checkout-review th {
	border: 0;
	padding: 0.3em 0.6em;
}

.page-checkout-review tr.odd {
	background-color: #fff;
}

.page-checkout-review tr.even {
	background-color: #eee;
}

.page-checkout-review .price {
	padding-right: 0.5em;
}

table.checkout-review {
	border-collapse: separate;
}

#edit-checkout-review form tr.even {
	background-color: transparent;
}

#edit-checkout-review tr.pane-title  {
	background-color: transparent;
	color: #256591;
	display: inline-block;
	border: none;
	margin: 1em 0;
	font-size: 1.8em;
}

#edit-checkout-review tr.pane-title td {
	padding: 0;
}

#edit-checkout-review .pane-data {
	background-color: transparent;
	margin-bottom: 1em;
}

.checkout-review .pane-data label {
	font-size: 0;
}

.commerce_payment .fieldset-legend {
	margin: 0;
	color: #256591;
	display: inline-block;
	font-size: 1.8em;
	font-weight: bold;
}

#edit-commerce-payment {
	margin: 1em 0;
}

/**
CHECKOUT COMPLETE PAGE
**/


/*----------------------------------------------------------------
SUPPORT PAGES
*/

article.node {
    background-color: #fff;
	border: 1px solid #ccc;
	border-bottom: 2px solid #aaa;
	border-right: 2px solid #aaa;
    padding: 1em;
}

/**
NODE PAGES (about, shipping)
**/

.node-page a:link {
	
	text-decoration: underline;
}

.node-page a:visited {
	
}

.node-page a:hover,
.node-page a:focus {
	color: #256591;
	text-decoration: none;
}

.node-page h2 {
	/*color: #fff;
	background-color: #256591;
	padding: 0.05em 0.5em;
	border-radius: 5px 5px 0 0;*/
	color: #256591;
	display: inline-block;
	margin-bottom: 0;
}

.node-page h2 + p {
	border-top: 2px solid #256591;
	margin-top: 0;
	padding-top: 2em;
}

/* table stuff */

.node-page table {
	border: 1px solid #256591;
}

.node-page th {
	border: 1px solid #fff;
	background-color: #256591;
	padding: 0.5em;
	font-size: 1.4em;
	color: #fff;
	text-align: center;
}

.node-page tr {
	border: none;
}

.node-page td {
	border: none;
	padding: 1em;
	font-size: 1.1em;
	text-align: right;
	border-left: 1px solid #256591;
	border-right: 1px solid #256591;
}

.node-page tr.even {
	background-color: #98C7FF;
}

.node-page tr.odd {
	background-color: #E5F1FF;
}

.node-page td.description {
	text-align: left;
}

/**
CONTACT
**/
/* 
/* Webform module styles *
article.node-webform .form-item label {
	display: inline-block;
	background-color: #256591;
	color: #fff;
	padding: 0.2em 0.5em 0.1em;
	border-radius: 5px 5px 0 0;
}

article.node-webform .form-item .form-required {
	color: #fff;
}

article.node-webform .form-item input, article.node-webform .form-item textarea {
	display: block;
	background-color: #eee;
	border: 1px solid #ccc;
	border-top: 2px solid #aaa;
	border-left: 2px solid #aaa;
}

article.node-webform .form-item select {
	display: block;
}

article.node-webform .form-item .description {
	margin-top: 0.1em;
}

article.node-webform #edit-actions {
	font-size: 1.5em;
	padding: 1em 0 0 1em;
	margin: 0;
	border-top: 2px solid #256591;
}
 */
/**
FAQ
**/
/* 
article.node-question-answer {
	background-color: transparent;
	border: none;
	padding: 0;
}

article.node-question-answer .field-collection-container {
	border: none;
	margin: 0;
}

.node-question-answer p {
	margin: 0;
}

.node-question-answer .field-name-field-q-a > .field-items > .field-item {
	padding: 1em;
	margin: 1em 0;
	background-color: #fff;
	border: 1px solid #ccc;
}

.node-question-answer .field-collection-view {
	padding: 1em 0;
	border-bottom: 0;
}

.node-question-answer .field-collection-view-final {
	border-bottom: 0;
}

/* question *

.node-question-answer .field-name-field-question {
	margin-bottom: 2em;
}

.node-question-answer .field-name-field-question .field-label {
	float: none;
	display: inline-block;
	padding: 0.2em 0.3em 0.2em 0.4em;
	font-size: 1.5em;
	font-weight: bold;
	color: #fff;
	background-color: #ed1c24;
	width: auto;
	border-radius: 5px 5px 0 0;
}

.node-question-answer .field-name-field-question .field-items {
	float: none;
	background-color: #fff;
	padding: 0.5em;
/* 	border: 1px solid #ccc;
	border-bottom: 2px solid #aaa; *
	border-left: 2px solid #ed1c24;
	border-top: 2px solid #ed1c24;
}

/* answer *

.node-question-answer .field-name-field-answer .field-label {
	display: inline-block;
	padding: 0.2em 0.3em 0.2em 0.4em;
	font-size: 1.5em;
	font-weight: bold;
	color: #fff;
	background-color: #256591;
	width: auto;
	border-radius: 5px 5px 0 0;
}

.node-question-answer .field-name-field-answer .field-items {
	background-color: #fff;
	padding: 0.5em 1em;
/* 	border: 1px solid #ccc;
	border-bottom: 2px solid #aaa; *
	border-left: 2px solid #256591;
	border-top: 2px solid #256591;
} */


/**
TESTIMONIALS
**/
/* 
article.node-testimonials {
	background-color: transparent;
	border: none;
}

.node-testimonials .field-collection-view {
	margin: 0;
	border: 0;
}

.node-testimonials .field-name-field-quote {
	background-color: #fff;
	padding: 1em 1em 2.5em;
	border: 1px solid #ccc;
	border-bottom: 2px solid #aaa;
	border-right: 2px solid #aaa;
}

.node-testimonials .field-name-field-citation {
	display: inline-block;
	margin-left: 1.5em;
	padding: 0.2em 0.3em;
	font-size: 1.5em;
	font-weight: bold;
	color: #fff;
	background-color: #256591;
	position: relative;
	top: -0.9em;
} */


/*
 * Content
 */

#content {
	padding: 0 2em 2em;
	margin-right: 150px;
}

.region-highlighted {
}

.breadcrumb { /* The path to the current page in the form of a list of links */
}
.breadcrumb ol {
  margin: 0;
  padding: 0;
}
.breadcrumb li {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

h2.node-title, /* Title of a piece of content when it is given in a list of content */
h2.block-title, /* Block title */
h2.title, /* Comment section heading */
h2.comment-form, /* Comment form heading */
h3.title { /* Comment title */
  margin: 0;
  color: #fff;
  background-color: #256591;
  display: inline-block;
  padding: 0.01em 0.3em 0.07em 0.25em;
  /* font-family: 'Istok Web', 'Arial', sans-serif; */
  /* border-radius: 5px 5px 0 0; */
}

h1.title { /* The title of the page */
	color: #256591;
	font-family: 'Istok Web', 'Arial', sans-serif;
	margin: 0 0 0.5em 0;
}

div.messages { /* Important messages (status, warning, and error) for the user. See also the declarations in messages.css. */
  margin: 1.5em 0; /* Drupal core uses "6px 0" margin */
}
div.messages ul {
  margin-top: 0;
  margin-bottom: 0;
}

div.status { /* Normal priority messages */
}

div.warning,
tr.warning { /* Medium priority messages */
  /* border: 1px solid #f0c020; */ /* Drupal core uses: 1px solid #f0c020 */
}

div.error,
tr.error { /* High priority messages. See also the .error declaration below. */
}

.error { /* Errors that are separate from div.messages status messages. */
  /* color: #e55; */ /* Drupal core uses a #e55 background */
}

.warning { /* Warnings that are separate from div.messages status messages. */
  /* color: #e09010; */ /* Drupal core uses a #e09010 background */
}

.tabs { /* See also the tabs.css file. */
}

.region-help { /* Help text on a page */
}

.more-help-link { /* Link to more help */
}

.region-content { /* Wrapper for the actual page content */
}

ul.inline { /* List of links generated by theme_links() */
  display: inline;
  padding: 0;
}
ul.inline li {
  display: inline;
  list-style-type: none;
  padding: 0 1em 0 0; /* LTR */
}

span.field-label { /* The inline field label used by the Fences module */
  padding: 0 1em 0 0; /* LTR */
}

.item-list .pager { /* A list of page numbers when more than 1 page of content is available */
  padding: 0;
}
.item-list .pager li { /* Each page number in the pager list */
  padding: 0 0.5em;
}

.feed-icon { /* The link to the RSS or Atom feed for the current list of content */
}

.more-link { /* Aggregator, blog, and forum more link */
}

/*
 * First sidebar (on left in LTR languages, on right in RTL)
 *
 * Remember to NOT add padding or margin to your .region-sidebar-first
 * (see the layout.css file.)
 */

.region-sidebar-first {
}

/*
 * Second sidebar (on right in LTR languages, on left in RTL)
 *
 * Remember to NOT add padding or margin to your .region-sidebar-second
 * (see the layout.css file.)
 */

.region-sidebar-second {
	
}

/*
 * Footer
 */

#footer {
	border-top: 1px solid #E5F1FF;
	text-align: center;
	padding-top: 1em;
	color: #fff;
	line-height: 2em;
	background-color: #256591;
}

#block-menu-menu-information-menu {
	margin-bottom: 1em;
}

#block-menu-menu-information-menu ul {
	padding: 0;
}

#block-menu-menu-information-menu  li {
	display: inline;
	margin: 0 2em;
	white-space: nowrap;
	font-weight: bold;
}

#block-menu-menu-information-menu  li a {
	color: #96D4FF;
}

#block-menu-menu-information-menu  li a:hover {
	color: #E5F1FF;
}

#footer p {
	margin: 0 auto;
	max-width: 40em;
}

#footer p.disclaimer {
	margin-top: 2em;
	margin-bottom: 1em;
	line-height: 1.6em;
}

#footer .ukfast-partner-program {
	border: 5px solid #fff;
}

@media all and (min-width: 421px) and (max-width: 575px) {
	#block-menu-menu-information-menu  li{
		display: block;
	}
	
	#block-menu-menu-information-menu  li:nth-child(odd){
		float: left;
		clear: left;
	}
	
	#block-menu-menu-information-menu  li:nth-child(even){
		float: right;
		clear: right;
	}
	
	#block-block-1 {
		clear: both;
	}
}

@media all and (max-width: 420px) {
	#block-menu-menu-information-menu  li{
		display: block;
	}
}

/*
 * Page bottom
 */

.region-bottom { /* Wrapper for any blocks placed in the page bottom region */
}

/** MISC **/

/* .sidebar > * {
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 0.5em;
} */

/* chosen dropdowns */
.chzn-container {
	color: #111;
}

#edit_cid_chzn {
		border-top: 3px solid #256591;
}

/* admin tabs */
ul.primary li {
	border: 0;
	text-shadow: none;
}

/*
* {
	transition: 0.1s ease;
}	*/

@media all and (max-width: 880px) {
	#content {
		margin-right: 0;
	}
	
	.region-fixed-sidebar {
		width: 100%;
		float: none;
	}

	div#block-block-10 {
		margin: 1em;
	}
	
	#block-block-10 div.item {
		width: 22%;
		margin: 0.5em 1%;
		display: inline-block;
	}
}