/*********** CSS RESET **********/
@font-face {
    font-family: 'myriad-pro';
    src: url('../fonts/myriad-pro.eot');
    src: url('../fonts/myriad-pro.eot') format('embedded-opentype'),
         url('../fonts/myriad-pro.woff2') format('woff2'),
         url('../fonts/myriad-pro.woff') format('woff'),
         url('../fonts/myriad-pro.ttf') format('truetype'),
         url('../fonts/myriad-pro.svg#myriad-pro') format('svg');
}

/** {
	margin: 0;
	outline: none;
	padding: 0;
	text-decoration: none;
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}*/

html {
	margin: 0;
	-webkit-text-size-adjust: none;
  }
  
  ol, ul {
	list-style: none;
  }
  
  a {
	img {
	  border: none;
	}
  
	&:active {
	  outline: none;
	}
  }
  
  input {
	&[type="button"]::-moz-focus-inner, &[type="submit"]::-moz-focus-inner, &[type="reset"]::-moz-focus-inner, &[type="file"] > input[type="button"]::-moz-focus-inner {
	  margin: 0;
	  border: 0;
	  padding: 0;
	}
  
	&[type="button"], &[type="submit"], &[type="reset"], &[type="text"], &[type="email"], &[type="tel"], &[type="password"] {
	  /*border-radius: 0;*/
	}
  }
  
  textarea {
	/*border-radius: 0;*/
  }
  
  input {
	&[type="button"], &[type="submit"], &[type="reset"] {
	  -webkit-appearance: none;
	}
  
	&:-webkit-autofill {
	  -webkit-box-shadow: inset 0 0 0 1000px #fff;
	}
  }
  
  script {
	display: none !important;
  }
  
  /*********** GLOBAL STYLES **********/
  
  .modal-open .navigation {
	position: static;
  }
  
  .navigation__footer-list li {
	#js-login-modal {
	  img {
		width: auto;
	  }
  
	  p {
		display: block;
		font-size: inherit;
		font-weight: inherit;
		margin-bottom: 1rem;
		margin-top: 0px;
		line-height: inherit;
  
		&.mb-0 {
		  margin: inherit;
		}
	  }
  
	  a {
		color: #006fbe;
	  }
  
	  .btn--shade, .btn--standard {
		color: #fff;
	  }
	}
  
	#js-sign-up-modal img, #js-Forgot-modal img {
	  width: auto;
	}
  
	#js-sign-up-modal {
	  p {
		display: block;
		font-size: inherit;
		font-weight: inherit;
		margin-bottom: 1rem;
		margin-top: 0px;
		line-height: inherit;
  
		&.mb-0 {
		  margin: inherit;
		}
	  }
  
	  a {
		color: #006fbe;
	  }
  
	  .btn--shade, .btn--standard {
		color: #fff;
	  }
	}
  
	&.user {
	  &.myaccount {
		background-color: #006fbe !important;
	  }
  
	  background-color: inherit !important;
	}
  }
  
  .body-adjustment.modal-open {
	padding-top: 0px;
  }
  
  .theme-custom {
	margin: 0px 0 30px !important;
  }
  
  body {
	max-width: 100%;
	overflow-x: hidden;
  
	/*background-color: #fff;*/
	/*font: normal 14px Arial, Helvetica, sans-serif;*/
	/*color: #777;*/
	font-family: 'myriad-pro';
  }
  
  h1, h2, h3, h4, h5, h6 {
	/*color: #444;*/
  }
  
  a {
	color: inherit;
	cursor: pointer;
  
	img {
	  opacity: 0.99;
  
	  /*firefox scale bug fix*/
	}
  }
  
  table {
	width: 100%;
	border-collapse: collapse;
  }
  
  input {
	&[type="text"], &[type="email"], &[type="tel"], &[type="password"] {
	  height: 36px;
  
	  /*safari padding fix*/
	  border: 1px solid #ddd;
	  padding: 8px;
	  vertical-align: middle;
	}
  }
  
  textarea, select {
	height: 36px;
  
	/*safari padding fix*/
	border: 1px solid #ddd;
	padding: 8px;
	vertical-align: middle;
  }
  
  input, textarea, select, button {
	/*font-size: 14px;
	font-family: 'myriad-pro', Helvetica, sans-serif;*/
	color: #777;
  }
  
  textarea {
	min-height: 150px;
  }
  
  select {
	min-width: 50px;
	height: 32px;
  
	/*safari padding fix*/
	padding: 6px;
  }
  
  input {
	&[type="text"]:focus, &[type="email"]:focus, &[type="tel"]:focus, &[type="password"]:focus {
	  border-color: #ccc;
	  color: #444;
	}
  }
  
  textarea:focus, select:focus {
	border-color: #ccc;
	color: #444;
  }
  
  input {
	&[type="checkbox"], &[type="radio"], &[type="checkbox"] + *, &[type="radio"] + * {
	  vertical-align: middle;
	}
  
	&[type="button"], &[type="submit"] {
	  cursor: pointer;
	}
  }
  
  button, .button-1, .button-2 {
	cursor: pointer;
  }
  
  label {
	vertical-align: middle;
  
	+ * {
	  vertical-align: middle;
	}
  }
  
  .master-wrapper-content {
	position: relative;
	z-index: 0;
	width: 90%;
	margin: 0 auto;
  }
  
  .master-column-wrapper {
	position: relative;
	z-index: 0;
  
	&:after {
	  content: "";
	  display: block;
	  clear: both;
	}
  }
  
  .center-1 {
	margin: 0 0 100px;
  }
  
  .center-2 {
	margin: 0 0 50px;
  }
  
  .side-2 {
	margin: 0 0 50px;
  
	&:after {
	  content: "";
	  display: block;
	  clear: both;
	}
  }
  
  .page {
	min-height: 200px;
	text-align: center;
  }
  
  .page-title {
	min-height: 50px;
	margin: 0 0 25px;
	border-bottom: 1px solid #ddd;
	padding: 6px 10px;
  
	h1 {
	  /*font-size: 30px;*/
	  font-weight: normal;
	}
  }
  
  .page:after, .page-title:after, .page-body:after {
	content: "";
	display: block;
	clear: both;
  }
  
  .center-1 {
	.page-title, .title {
	  text-align: center;
	}
  }
  
  .buttons {
	/*margin: 0 0 30px;*/
  }
  
  .link-rss {
	display: none;
	width: 24px;
	height: 24px;
	background: url('../../Content/images/rss.png') center no-repeat;
	font-size: 0 !important;
  }
  
  .category-description ul, .manufacturer-description ul, .full-description ul, .topic-block ul, .topic-page ul, .post-body ul {
	margin: 12px 0;
	padding: 0 0 0 36px;
	list-style: disc;
  }
  
  .category-description ol, .manufacturer-description ol, .full-description ol, .topic-block ol, .topic-page ol, .post-body ol {
	margin: 12px 0;
	padding: 0 0 0 36px;
	list-style: decimal;
  }
  
  .category-description p, .manufacturer-description p, .full-description p, .topic-block p, .topic-page p, .post-body p, .news-body p {
	margin: 10px 0;
	text-align: justify;
  }
  
  .flyout-cart {
	display: none;
  }
  
  /*********** GLOBAL FORMS ***********/
  
  .fieldset, .section {
	position: relative;
	margin: 0 0 40px;
  }
  
  .fieldset .title, .section .title {
	margin: 0 0 15px;
	padding: 0 10px;
  
	/*font-size: 20px;*/
	color: #444;
  }
  
  .fieldset .title strong, .section .title strong {
	font-weight: normal;
  }
  
  .form-fields {
	position: relative;
	border-top: 1px solid #e6e6e6;
	background-color: #f9f9f9;
	padding: 30px 15px;
  }
  
  .inputs {
	position: relative;
	margin: 0 0 15px;
	text-align: center;
	white-space: nowrap;
  
	/*fix for 'required' elements*/
	/*font-size: 0;*/
  
	&:after {
	  content: "";
	  display: block;
	  clear: both;
	}
  
	label {
	  display: block;
	  width: 100%;
	  margin: 0 0 10px;
	  text-align: center;
  
	  /*font-size: 14px; /*reset zeroing*/
	  color: #444;
	}
  
	input {
	  &[type="text"], &[type="email"], &[type="tel"], &[type="password"] {
		width: 400px;
		max-width: 100%;
		background-color: #fff;
	  }
	}
  
	select, textarea {
	  width: 400px;
	  max-width: 100%;
	  background-color: #fff;
	}
  
	&.custom-attributes {
	  white-space: normal;
	}
  
	.option-list {
	  display: inline-block;
	  max-width: 95%;
	  vertical-align: middle;
  
	  li {
		display: inline-block;
		margin: 5px;
		border: 1px solid #ddd;
		background-color: #fff;
		padding: 8px 10px;
	  }
  
	  label {
		display: inline-block;
		width: auto !important;
		margin: 0 0 0 5px;
	  }
	}
  
	&.reversed {
	  margin: 0 0 20px;
	  text-align: center;
	}
  }
  
  .required {
	margin: 0 -8px 0 3px;
  
	/*siblings offset*/
	vertical-align: top;
  
	/*font-size: 20px;*/
	font-weight: normal;
	color: #e4434b;
  }
  
  .message-error, .field-validation-error, .username-not-available-status, .poll-vote-error, .password-error {
	display: block;
	text-align: center;
  
	/*font-size: 13px;*/
	color: #e4434b;
	margin-top: 5px;
  }
  
  .field-validation-valid, .username-available-status {
	display: block;
	text-align: center;
  
	/*font-size: 13px;*/
	color: #4cb17c;
  }
  
  .captcha-box {
	text-align: center;
	line-height: 0;
  
	/*firefox line-height bug fix*/
  
	> div {
	  display: inline-block;
	  max-width: 100%;
	}
  
	input {
	  height: auto;
	}
  }
  
  /*********** GLOBAL TABLES ***********/
  
  .table-wrapper {
	overflow-x: auto;
  }
  
  .data-table {
	.hidden-row {
	  height: 1px;
	  border: none;
	}
  
	tr.hidden-row th {
	  padding: 0;
	  border-top: none;
  
	  > span {
		height: 1px;
		width: 1px;
		position: absolute;
		overflow: hidden;
		top: -10px;
	  }
	}
  }
  
  .cart th, .data-table th {
	border-width: 1px 1px 0;
	border-style: solid;
	border-color: #ddd;
	background-color: #f6f6f6;
	padding: 10px;
	white-space: nowrap;
	font-weight: normal;
  }
  
  .forum-table {
	th {
	  border-width: 1px 1px 0;
	  border-style: solid;
	  border-color: #ddd;
	  background-color: #f6f6f6;
	  padding: 10px;
	  white-space: nowrap;
	  font-weight: normal;
  
	  &.replies, &.views, &.votes, &.latest-post, &.topics, &.posts {
		display: none;
	  }
	}
  
	td {
	  &.replies, &.views, &.votes, &.latest-post, &.topics, &.posts {
		display: none;
	  }
  
	  &.image {
		min-width: 0;
	  }
	}
  }
  
  .cart td, .data-table td {
	min-width: 50px;
	border-width: 1px;
	border-style: solid;
	border-color: transparent #ddd #ddd;
	background-color: #fff;
	padding: 20px;
	color: #444;
  }
  
  .forum-table td {
	min-width: 50px;
	border-width: 1px;
	border-style: solid;
	border-color: transparent #ddd #ddd;
	background-color: #fff;
	padding: 20px;
	color: #444;
	min-width: 90px;
	padding: 10px;
  }
  
  .cart a, .data-table a, .forum-table a {
	font-weight: normal;
	color: #4ab2f1;
  }
  
  .cart a:hover, .data-table a:hover, .forum-table a:hover {
	text-decoration: underline;
  }
  
  .cart .product {
	min-width: 225px;
	text-align: left;
  }
  
  .data-table {
	.product, .message, .info, .name {
	  min-width: 225px;
	  text-align: left;
	}
  }
  
  .forum-table {
	.forum-details, .topic-details {
	  text-align: left;
	}
  }
  
  .cart .product a {
	font-weight: bold;
	color: #444;
  }
  
  .data-table {
	.product a, .info a {
	  font-weight: bold;
	  color: #444;
	}
  }
  
  .cart .product a:hover {
	color: #4ab2f1;
	text-decoration: none;
  }
  
  .data-table {
	.product a:hover, .info a:hover {
	  color: #4ab2f1;
	  text-decoration: none;
	}
  }
  
  .cart {
	.product .edit-item {
	  margin: 10px 0 0;
  
	  a {
		font-weight: normal;
		color: #4ab2f1;
  
		&:hover {
		  text-decoration: underline;
		}
	  }
	}
  
	.remove-from-cart, .add-to-cart {
	  text-align: center;
	}
  }
  
  .data-table {
	.select-boxes, .order {
	  text-align: center;
	}
  }
  
  .cart td.unit-price, .data-table td.unit-price {
	white-space: nowrap;
  }
  
  .cart td {
	&.quantity input {
	  width: 50px;
	  text-align: center;
	}
  
	&.subtotal {
	  white-space: nowrap;
	  color: #444;
	}
  }
  
  .data-table td.total {
	white-space: nowrap;
	color: #444;
  }
  
  .cart td.subtotal {
	.discount, .discount-additional-info {
	  font-style: italic;
	  color: #4ab2f1;
	}
  }
  
  .data-table {
	em a {
	  font-weight: bold;
	  color: #444;
	}
  
	div.download {
	  margin: 10px 0 0;
	}
  }
  
  /*********** NOTIFICATIONS & POPUPS  ***********/
  
  .bar-notification-container {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	line-height: 16px;
	color: #fff;
	opacity: 0.95;
  }
  
  .bar-notification {
	&.success {
	  background-color: #4bb07a;
	}
  
	&.error {
	  background-color: #e4444c;
	}
  
	&.warning {
	  background-color: #f39c12;
	}
  
	position: relative;
	display: none;
	padding: 15px 25px 15px 10px;
  
	.content {
	  margin: 0 10px 0 0;
  
	  a {
		color: #fff;
		text-decoration: underline;
	  }
	}
  
	.close {
	  position: absolute;
	  top: 0;
	  right: 0;
	  width: 32px;
	  height: 32px;
	  margin: 7px;
	  background: #fff url('../../Content/images/close.png') center no-repeat;
	  cursor: pointer;
	}
  }
  
  .popup-notification {
	border-radius: 5px;
	padding: 3px;
	margin: 5px 0;
  
	&.success {
	  border: 2px rgba(75, 176, 122, 0.5) solid;
	}
  
	&.error {
	  border: 2px rgba(228, 68, 76, 0.5) solid;
	}
  
	&.warning {
	  border: 2px rgba(243, 156, 18, 0.5) solid;
	}
  }
  
  .noscript {
	border-bottom: 1px solid #333;
	background-color: #ff9;
	padding: 30px 15px;
	text-align: center;
	line-height: 22px;
	color: #444;
  }
  
  .ajax-loading-block-window {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 999;
	width: 32px;
	height: 32px;
	margin: -16px 0 0 -16px;
	background: url('../../Content/images/loading.gif') center no-repeat;
  }
  
  .please-wait {
	background: url('../../Content/images/ajax-loader-small.gif') no-repeat;
	padding-left: 20px;
  
	/*font-size: 14px;*/
  }
  
  .ui-dialog {
	max-width: 90%;
	border: 1px solid #ddd;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
	overflow: hidden;
	background-color: #fff;
  
	/*override jQuery UI styles, do not delete doubled properties*/
	border-radius: 0;
	padding: 0;
  
	/*font: normal 14px Arial, Helvetica, sans-serif;*/
  
	&:before {
	  content: "";
	  position: fixed;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  background-color: rgba(0, 0, 0, 0.5);
	}
  }
  
  .ui-dialog-titlebar {
	border-bottom: 1px solid #ddd;
	overflow: hidden;
	background-color: #eee;
	padding: 10px 15px;
  
	/*override jQuery UI styles, do not delete doubled properties*/
	border-width: 0 0 1px;
	border-radius: 0;
	background-image: none;
	padding: 10px 15px !important;
	font-weight: normal;
	cursor: auto !important;
  
	> span {
	  float: left;
  
	  /*font-size: 18px;*/
	  color: #444;
  
	  /*override jQuery UI styles, do not delete doubled properties*/
	  margin: 0 !important;
	}
  
	button {
	  position: absolute;
	  top: 0;
	  right: 0;
	  width: 42px;
	  height: 42px;
	  border: none;
	  overflow: hidden;
	  background: url('../../Content/images/close.png') center no-repeat;
	  font-size: 0;
  
	  /*override jQuery UI styles, do not delete doubled properties*/
	  top: 0 !important;
	  right: 0 !important;
	  width: 42px !important;
	  height: 42px !important;
	  margin: 0 !important;
	  border: none !important;
	  border-radius: 0;
	  background: url('../../Content/images/close.png') center no-repeat !important;
	  padding: 0 !important;
  
	  span {
		display: none !important;
	  }
	}
  }
  
  .ui-dialog-content {
	padding: 15px;
	line-height: 20px;
  
	/*override jQuery UI styles, do not delete doubled properties*/
	background-color: #fff !important;
	padding: 15px 15px 20px 15px !important;
	color: #777;
  
	.page {
	  min-height: 0;
	}
  
	.page-title {
	  min-height: 0;
	  margin: 0 0 15px;
	  padding: 0px 10px 10px 10px;
	  text-align: center;
  
	  h1 {
		/*font-size: 24px;*/
		line-height: 30px;
	  }
	}
  
	.back-in-stock-subscription-page {
	  text-align: center;
  
	  .tooltip {
		margin-bottom: 10px;
	  }
  
	  .button-1 {
		border: none;
		background-color: #4ab2f1;
		padding: 10px 15px;
  
		/*font-size: 15px;*/
		color: #fff;
		text-transform: uppercase;
  
		&:hover {
		  background-color: #248ece;
		}
	  }
	}
  }
  
  .eu-cookie-bar-notification {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 1050;
	width: 320px;
	height: 180px;
	margin: -90px 0 0 -160px;
	border: 1px solid #ccc;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
	background-color: #fff;
	padding: 20px;
	text-align: center;
  
	.text {
	  margin-bottom: 20px;
	  line-height: 20px;
	}
  
	button {
	  min-width: 60px;
	  margin: 5px 0 10px;
	  border: none;
	  background-color: #4ab2f1;
	  padding: 8px 12px;
  
	  /*font-size: 14px;*/
	  color: #fff;
  
	  &:hover {
		background-color: #248ece;
	  }
	}
  
	a {
	  display: block;
	  color: #4ab2f1;
  
	  &:hover {
		text-decoration: underline;
	  }
	}
  }
  
  /*********** HEADER ***********/
  
  .admin-header-links {
	background-color: #333;
	text-align: center;
	color: #eee;
  
	* {
	  display: inline-block;
	  margin: 0 10px;
	  line-height: 35px;
  
	  /*font-size: 12px;*/
	  font-weight: bold;
	}
  
	.impersonate {
	  display: inline-block;
  
	  a {
		background-color: #555;
		padding: 0 15px;
  
		&:hover {
		  background-color: #666;
		}
	  }
	}
  }
  
  .header {
	position: relative;
	z-index: 10;
	width: 95%;
	margin: auto;
	text-align: center;
  }
  
  .header-upper {
	position: relative;
	z-index: 1;
  
	/*border-bottom: 1px solid #ddd;*/
  }
  
  .header-selectors-wrapper {
	border-bottom: 1px solid #ddd;
	padding: 10px 0;
  
	> div {
	  display: block;
	  width: 50%;
	  margin: 10px auto;
	  vertical-align: middle;
	}
  
	select {
	  width: 100%;
	}
  }
  
  .language-list {
	max-width: 100%;
	font-size: 0;
  
	li {
	  display: inline-block;
	  margin: 0 1px;
	  vertical-align: middle;
	}
  
	a {
	  display: block;
	  position: relative;
	  width: 24px;
	  height: 32px;
	  line-height: 0;
	}
  
	img {
	  position: absolute;
	  top: 0;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  margin: auto;
	}
  }
  
  .header-links-wrapper {
	position: relative;
	padding: 20px 0;
  }
  
  .header-links {
	ul {
	  font-size: 0;
	}
  
	li {
	  display: inline-block;
	  margin: 0 10px;
	}
  
	span {
	  display: inline-block;
  
	  /*font-size: 12px; /*reset zeroing*/
	  line-height: 36px;
	  text-transform: uppercase;
	}
  
	a {
	  display: inline-block;
  
	  /*font-size: 12px; /*reset zeroing*/
	  line-height: 36px;
	  text-transform: uppercase;
  
	  &:hover {
		color: #4ab2f1;
	  }
	}
  }
  
  #topcartlink {
	display: block;
	width: 70%;
	max-width: 400px;
	margin: 10px auto 0;
	background-color: #f6f6f6;
	padding: 0 20px;
  
	a {
	  background: url('../../Content/images/shopping-bag.png') left center no-repeat;
	  padding: 0 0 0 20px;
	}
  }
  
  .header-lower {
	position: relative;
	z-index: 0;
	padding: 35px 0;
  }
  
  .header-logo {
	margin: 0 0 20px;
	text-align: center;
  
	a {
	  display: inline-block;
	  max-width: 100%;
	  line-height: 0;
  
	  /*firefox line-height bug fix*/
  
	  img {
		max-width: 100%;
		opacity: 1;
	  }
	}
  }
  
  .search-box {
	form {
	  display: inline-block;
  
	  &:after {
		content: "";
		display: block;
		clear: both;
	  }
	}
  
	input.search-box-text {
	  float: left;
	  width: 200px;
	  height: 36px;
	  margin: 0 -1px 0 0;
	}
  
	.search-box-button {
	  float: left;
	  min-width: 86px;
	  height: 36px;
	  border: none;
	  background-color: #4ab2f1;
	  padding: 0 15px;
	  text-align: center;
	  color: #fff;
	  text-transform: uppercase;
  
	  &:hover {
		background-color: #248ece;
	  }
	}
  
	.ui-autocomplete-loading {
	  background: #fff url('../../Content/images/ajax-loader-small.gif') right center no-repeat;
	}
  }
  
  .ui-helper-hidden-accessible {
	display: none !important;
  }
  
  .ui-autocomplete {
	width: 285px !important;
	border: 1px solid #ddd;
	border-top: none;
	overflow: hidden;
	background-color: #fff;
	text-align: left;
  
	/*override jQuery UI styles, do not delete doubled properties*/
	border-radius: 0;
	padding: 0;
  
	/*font: normal 14px Arial, Helvetica, sans-serif;*/
  
	li {
	  border-top: 1px solid #ddd;
  
	  &:first-child {
		border-top: none;
	  }
	}
  
	a {
	  display: block;
	  padding: 15px;
  
	  /*font-size: 14px;*/
	  /*override jQuery UI styles, do not delete doubled properties*/
	  margin: 0 !important;
	  border: none !important;
	  border-radius: 0 !important;
	  background: none !important;
	  padding: 15px !important;
	  line-height: normal !important;
	  color: #777 !important;
  
	  &:hover, &.ui-state-focus {
		background-color: #f6f6f6 !important;
	  }
	}
  
	img {
	  display: none;
	  min-width: 20px;
	  margin: 0 10px 0 0;
	  vertical-align: middle;
	}
  }
  
  /*********** FOOTER ***********/
  
  .footer {
	background-color: #eee;
  
	/*text-align: center;*/
  }
  
  .footer-upper {
	width: 95%;
	margin: auto;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
	padding: 40px 0;
	font-size: 0;
  }
  
  .footer-block {
	width: 95%;
	margin: 1px auto;
	text-align: left;
  
	/*font-size: 14px; /*reset zeroing*/
  
	.title {
	  margin: 0 0 1px;
	  background: #4ab2f1 url('../../Content/images/toggle-white.png') right center no-repeat;
	  padding: 10px 15px;
  
	  /*font-size: 20px;*/
	  color: #fff;
	  cursor: pointer;
  
	  strong {
		font-weight: normal;
	  }
	}
  
	.list {
	  display: none;
	  margin: 0 0 20px;
	  background-color: #fff;
	  padding: 10px 15px;
  
	  a {
		display: block;
		padding: 10px 15px;
		line-height: 20px;
  
		&:hover {
		  color: #4ab2f1;
		}
	  }
	}
  }
  
  .follow-us {
	margin: 30px auto 0;
	text-align: center;
  
	.title {
	  margin: 0 0 10px;
	  background: none;
	  color: #444;
	  cursor: auto;
	}
  
	.social {
	  ul {
		margin: 0 0 30px;
		border-bottom: 1px solid #ddd;
		padding: 0 0 30px;
		font-size: 0;
	  }
  
	  li {
		display: inline-block;
		margin: 0 5px;
	  }
  
	  a {
		display: block;
		width: 38px;
		height: 38px;
		background: url('../../Content/images/social-sprite.png') no-repeat;
		font-size: 0;
	  }
  
	  .facebook a {
		background-position: 0 0;
	  }
  
	  .twitter a {
		background-position: -38px 0;
	  }
  
	  .rss a {
		background-position: -76px 0;
	  }
  
	  .youtube a {
		background-position: -114px 0;
	  }
  
	  .google-plus a {
		background-position: -152px 0;
	  }
	}
  }
  
  .newsletter-email {
	display: inline-block;
	overflow: hidden;
  
	input[type="email"] {
	  float: left;
	  width: 180px;
	  height: 36px;
	  margin: 0 -1px 0 0;
	}
  }
  
  .newsletter-subscribe-button {
	float: left;
	height: 36px;
	border: none;
	background-color: #4ab2f1;
	padding: 0 15px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
  
	&:hover {
	  background-color: #248ece;
	}
  }
  
  .newsletter-email .options {
	clear: both;
	padding: 10px 0 0;
  }
  
  .newsletter-validation, .newsletter-result {
	width: 100%;
	overflow: hidden;
	line-height: 28px;
  }
  
  /*.newsletter-validation .please-wait {
	  display: none !important; 
  }*/
  
  .footer-lower {
	width: 95%;
	margin: auto;
	overflow: hidden;
	padding: 25px 0;
  
	/*font-size: 12px;*/
  }
  
  .footer-tax-shipping a {
	font-weight: bold;
	color: #4ab2f1;
  
	&:hover {
	  text-decoration: underline;
	}
  }
  
  .footer-powered-by {
	margin: 10px 0 0;
  
	a {
	  font-weight: bold;
	  color: #4ab2f1;
  
	  &:hover {
		text-decoration: underline;
	  }
	}
  }
  
  .theme-selector {
	margin: 10px 0 0;
  
	select {
	  width: 170px;
	}
  }
  
  /*********** SIDE COLUMN ***********/
  
  .block {
	max-width: 600px;
  
	/*width limit in mobile*/
	min-height: 50px;
	margin: auto;
	text-align: left;
  
	.title {
	  position: relative;
	  margin: 0 0 10px;
	  border-bottom: 1px solid #ddd;
	  background: #f6f6f6 url('../../Content/images/toggle-gray.png') right 14px no-repeat;
	  padding: 12px 30px 12px 10px;
  
	  /*font-size: 20px;*/
	  color: #444;
	  cursor: pointer;
  
	  strong {
		font-weight: normal;
	  }
	}
  
	.listbox {
	  display: none;
	  border-bottom: 1px solid #ddd;
	  padding: 10px 5px;
	}
  
	.list {
	  li {
		padding: 5px 0 5px 15px;
	  }
  
	  a {
		display: inline-block;
		position: relative;
		padding: 5px 0;
  
		/*font-size: 16px;*/
		color: #444;
		-webkit-transition: all 0.1s ease;
		transition: all 0.1s ease;
  
		&:before {
		  content: "";
		  position: absolute;
		  top: 12px;
		  left: -15px;
		  width: 5px;
		  height: 5px;
		  background-color: #ddd;
		}
	  }
  
	  .active > a, a:hover {
		color: #4ab2f1;
	  }
	}
  
	a.product-picture {
	  display: none;
  
	  &:before {
		display: none;
	  }
	}
  
	.sublist {
	  margin: 15px 0 5px;
  
	  a {
		/*font-size: 14px;*/
	  }
	}
  
	.view-all {
	  margin: 10px 0 0;
  
	  a {
		display: inline-block;
		padding: 10px 15px;
  
		/*font-size: 16px;*/
		color: #4ab2f1;
  
		&:hover {
		  text-decoration: underline;
		}
	  }
	}
  
	.tags {
	  margin: 5px 0 10px;
  
	  ul {
		font-size: 0;
	  }
  
	  li {
		display: inline-block;
		position: relative;
		margin: 0 10px;
		overflow: hidden;
  
		/*font-size: 17px !important; /*setting base size*/
	  }
	}
  }
  
  .product-tags-all-page li {
	display: inline-block;
	position: relative;
	margin: 0 10px;
	overflow: hidden;
  
	/*font-size: 17px !important; /*setting base size*/
  }
  
  .block .tags li a, .product-tags-all-page li a {
	float: left;
	line-height: 30px;
	color: #444;
  }
  
  .block .tags li a:hover, .product-tags-all-page li a:hover {
	color: #4ab2f1;
  }
  
  .poll strong {
	display: block;
	margin: 10px 0;
	background-color: #f6f6f6;
	padding: 10px 15px;
  
	/*font-size: 15px;*/
	font-weight: normal;
	color: #444;
	text-transform: uppercase;
  }
  
  .poll-options, .poll-results {
	margin: 10px 0 15px;
	overflow: hidden;
  
	/*font-size: 15px;*/
	color: #444;
  }
  
  .poll-options li, .poll-results li {
	margin: 10px 0;
  }
  
  .poll-options li > {
	input {
	  margin: 0 5px 0 0;
	  cursor: pointer;
	}
  
	label {
	  display: inline-block;
  
	  /*font-size: 16px;*/
	  cursor: pointer;
	}
  }
  
  .poll .buttons, .poll-total-votes {}
  
  .poll .buttons input {
	border: none;
	background-color: #aaa;
	padding: 10px 20px;
  
	/*font-size: 13px;*/
	color: #fff;
	text-transform: uppercase;
  
	&:hover {
	  background-color: #bbb;
	}
  }
  
  .poll-total-votes {
	display: block;
	margin: 10px 0 0;
	font-weight: bold;
	font-style: italic;
	color: #444;
  }
  
  .home-page-polls {
	text-align: center;
  
	.title {
	  border-bottom: 1px solid #ddd;
	  color: #444;
  
	  /*font-size: 30px;*/
	  font-weight: normal;
	  margin: 0 0 30px;
	  padding: 0 0 15px;
  
	  strong {
		font-weight: normal;
	  }
	}
  
	li {
	  display: inline-block;
	  margin: 10px;
	}
  }
  
  /********** CATEGORY PAGE **********/
  
  .breadcrumb {
	margin: 0 0 50px;
	background-color: #f6f6f6;
	padding: 5px 10px;
  
	ul {
	  font-size: 0;
	}
  
	li {
	  display: inline-block;
  
	  * {
		display: inline-block;
		margin: 0 5px;
		font-size: 14px;
  
		/*reset zeroing*/
		line-height: 32px;
	  }
	}
  
	strong {
	  font-weight: normal;
	}
  
	a:hover {
	  color: #4ab2f1;
	}
  }
  
  .category-description, .manufacturer-description, .vendor-description {
	margin: 0 0 25px;
	line-height: 22px;
  }
  
  .contact-vendor {
	margin: 0 0 30px;
  
	.button-2 {
	  border: none;
	  background-color: #4ab2f1;
	  padding: 10px 15px;
	  font-size: 14px;
	  color: #fff;
	  text-transform: uppercase;
  
	  &:hover {
		background-color: #248ece;
	  }
	}
  }
  
  .product-selectors {
	margin: 0 0 20px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 20px 0;
  
	&:first-child {
	  border-top: none;
	}
  
	&:after {
	  content: "";
	  display: block;
	  clear: both;
	}
  
	> div {
	  display: inline-block;
	  margin: 5px;
	}
  
	span {
	  vertical-align: middle;
  
	  /*font-size: 16px;*/
	}
  
	select {
	  margin: 0 8px;
	}
  
	.product-viewmode {
	  display: none;
	  font-size: 0;
	}
  }
  
  .product-filters {
	display: table;
	width: 100%;
	margin: -20px 0 20px;
	border-bottom: 1px solid #ddd;
  }
  
  .product-filter {
	margin: 0 0 10px;
  
	.filter-title {
	  margin: 0 0 10px;
	  background-color: #f6f6f6;
	  padding: 10px;
  
	  /*font-size: 17px;*/
	  color: #444;
  
	  strong {
		font-weight: normal;
	  }
	}
  
	.filter-content {
	  padding: 10px;
	  color: #444;
	}
  
	.available-items:after {
	  content: "";
	  display: block;
	  clear: both;
	}
  
	.group {
	  margin: 0 0 10px;
  
	  li {
		/*font-size: 15px;*/
  
		a, strong {
		  display: inline-block;
		  padding: 5px 0;
		}
  
		a:hover {
		  color: #4ab2f1;
		}
  
		&.item {
		  display: inline-block;
		  position: relative;
		  margin: 0 15px 0 0;
		  padding: 0 0 0 15px;
  
		  &:before {
			content: "";
			position: absolute;
			top: 12px;
			left: 0;
			width: 5px;
			height: 5px;
			background-color: #ddd;
		  }
		}
  
		&.color-item {
		  padding: 0;
		  display: inline-block;
  
		  a {
			padding: 0;
		  }
  
		  &:before {
			display: none;
		  }
		}
	  }
	}
  }
  
  .filtered-items {
	.title {
	  margin: 0 0 5px;
  
	  /*font-style: italic;*/
	}
  
	.item {
	  color: #4ab2f1;
	}
  }
  
  .remove-filter {
	margin: 15px 0;
  
	a {
	  display: inline-block;
	  background-color: #aaa;
	  padding: 10px 20px;
  
	  /*font-size: 13px;*/
	  color: #fff;
	  text-transform: uppercase;
  
	  &:hover {
		background-color: #999;
	  }
	}
  }
  
  .item-grid:after {
	content: "";
	display: block;
	clear: both;
  }
  
  .item-box {
	position: relative;
	width: 100%;
	float: left;
	margin: 0 0 80px;
	text-align: left;
  
	.picture {
	  z-index: 1;
	  overflow: hidden;
	  background-color: #fff;
	  margin: 0 0 20px;
  
	  a {
		display: block;
		position: relative;
  
		&:before {
		  content: "";
		  display: block;
		  padding-top: 100%;
		}
  
		img {
		  position: absolute;
		  top: 0;
		  right: 0;
		  bottom: 0;
		  left: 0;
		  max-width: 100%;
		  max-height: 100%;
		  margin: auto;
		  -webkit-transition: all 0.3s ease;
		  transition: all 0.3s ease;
		  -webkit-transform: translateZ(0) scale(1, 1);
		}
	  }
	}
  
	&:hover .picture a img {
	  opacity: 0.85;
	}
  
	.details {
	  padding: 0 10px;
	}
  
	.product-title {
	  margin: 0 0 10px;
	  overflow: hidden;
  
	  /*font-size: 17px;*/
	  line-height: 1.2;
	  font-weight: normal;
	  color: #4ab2f1;
  
	  a {
		display: block;
  
		&:hover {
		  color: #248ece;
		}
	  }
	}
  
	.sku {
	  margin: 0 0 15px;
	}
  
	.product-rating-box {
	  display: inline-block;
	  margin: 0 0 10px;
	}
  
	.rating {
	  background: url('../../Content/images/rating1.png') repeat-x;
	  width: 95px;
	  height: 14px;
  
	  div {
		background: url('../../Content/images/rating2.png') repeat-x;
		height: 14px;
	  }
	}
  
	.description {
	  display: none;
  
	  a {
		display: block;
		overflow: hidden;
	  }
	}
  
	.prices {
	  margin: 0 0 10px;
	  overflow: hidden;
	}
  
	.old-price {
	  margin: 0 5px 0 0;
  
	  /*font-size: 16px;*/
	  color: #aaa;
	  text-decoration: line-through;
	}
  
	.actual-price {
	  margin: 0 5px 0 0;
  
	  /*font-size: 16px;*/
	  color: #666;
	}
  
	.tax-shipping-info a {
	  color: #4ab2f1;
  
	  &:hover {
		text-decoration: underline;
	  }
	}
  
	.buttons {
	  margin: 0;
	  font-size: 0;
	}
  
	input[type="button"] {
	  display: inline-block;
	  height: 40px;
	  border: none;
	  vertical-align: middle;
	}
  
	.product-box-add-to-cart-button {
	  width: 60%;
	  background-color: #4ab2f1;
	  text-align: center;
	  font-size: 15px;
	  color: #fff;
	  text-transform: uppercase;
  
	  &:hover {
		background-color: #248ece;
	  }
	}
  
	.add-to-compare-list-button, .add-to-wishlist-button {
	  width: 20%;
	  border-left: 1px solid #fff !important;
	  background-color: #eaeaea;
	  background-position: center;
	  background-repeat: no-repeat;
	  font-size: 0;
	}
  
	.add-to-compare-list-button {
	  background-image: url('../../Content/images/compare-button.png');
	}
  
	.add-to-wishlist-button {
	  background-image: url('../../Content/images/wishlist-button.png');
	}
  
	.add-to-compare-list-button:hover, .add-to-wishlist-button:hover {
	  background-color: #ddd;
	}
  }
  
  .home-page-category-grid, .sub-category-grid, .manufacturer-grid, .vendor-grid {
	margin: 0 0 20px;
  }
  
  .home-page-category-grid .title, .sub-category-grid .title {
	text-align: center;
  
	/*font-size: 22px;*/
	font-weight: normal;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
  }
  
  .home-page-category-grid .title a, .sub-category-grid .title a {
	display: block;
	padding: 0 0 15px;
  }
  
  .home-page-category-grid .picture, .sub-category-grid .picture {
	margin: 0;
  }
  
  .home-page-category-grid .picture a:before, .sub-category-grid .picture a:before {
	padding-top: 65%;
  }
  
  .product-grid, .product-list {
	margin: 0 0 50px;
  }
  
  .product-grid .title {
	margin: 0 0 30px;
	border-bottom: 1px solid #ddd;
	padding: 0 0 15px;
  
	/*font-size: 30px;*/
	font-weight: normal;
	color: #444;
  
	strong {
	  font-weight: normal;
	}
  }
  
  .manufacturer-grid, .vendor-grid {
	.title {
	  margin: 0 0 15px;
	  text-align: center;
  
	  /*font-size: 16px;*/
  
	  a:hover {
		color: #4ab2f1;
	  }
	}
  
	.picture {
	  border: 1px solid #ddd;
	}
  }
  
  .pager {
	margin: 0 0 20px;
  
	ul {
	  text-align: right;
	  font-size: 0;
	}
  
	li {
	  display: inline-block;
	  margin: 0 5px;
	  vertical-align: top;
  
	  a {
		display: block;
		min-width: 35px;
		height: 35px;
		border: 1px solid #ddd;
		background-color: #eee;
		padding: 8px;
		text-align: center;
		font-size: 14px;
  
		/*reset zeroing*/
		cursor: pointer;
	  }
  
	  span {
		display: block;
		min-width: 35px;
		height: 35px;
		border: 1px solid #ddd;
		background-color: #eee;
		padding: 8px;
		text-align: center;
		font-size: 14px;
  
		/*reset zeroing*/
		cursor: pointer;
		border-color: transparent;
		background-color: #4ab2f1;
		color: #fff;
	  }
  
	  &.previous-page *, &.next-page *, &.first-page *, &.last-page * {
		background-position: center;
		background-repeat: no-repeat;
		font-size: 0;
		color: #fff;
	  }
  
	  &.previous-page * {
		background-image: url('../../Content/images/prev.png');
	  }
  
	  &.next-page * {
		background-image: url('../../Content/images/next.png');
	  }
  
	  &.first-page * {
		background-image: url('../../Content/images/first.png');
	  }
  
	  &.last-page * {
		background-image: url('../../Content/images/last.png');
	  }
  
	  a:hover {
		border-color: transparent;
		background-color: #ddd;
	  }
	}
  }
  
  /********** PRODUCT PAGE **********/
  
  .product-details-page {
	padding: 20px 0 0;
  }
  
  .product-essential {
	margin: 0 0 40px;
	border-bottom: 1px solid #ddd;
	padding: 0 0 10px;
  
	&:after {
	  content: "";
	  display: block;
	  clear: both;
	}
  }
  
  .gallery {
	margin: 0 auto 50px;
  
	.picture-wrapper {
	  margin: 0 0 10px;
	}
  
	.picture {
	  position: relative;
	  max-width: 100%;
	  margin: 0 auto 10px;
	  overflow: hidden;
  
	  &:before {
		content: "";
		display: block;
		padding-top: 100%;
	  }
  
	  img {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		max-width: 100%;
		max-height: 100%;
		margin: auto;
	  }
	}
  
	.picture-thumbs img {
	  position: absolute;
	  top: 0;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  max-width: 100%;
	  max-height: 100%;
	  margin: auto;
	}
  }
  
  .variant-picture img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
  }
  
  .gallery .picture-thumbs {
	overflow: hidden;
	font-size: 0;
  
	.thumb-item {
	  display: inline-block;
	  position: relative;
	  width: 100px;
	  height: 100px;
	  margin: 0 5px 10px;
	  overflow: hidden;
	  cursor: pointer;
	}
  }
  
  .overview {
	position: relative;
	margin: 0 0 50px;
  
	.discontinued-product {
	  background: #f3f3f3;
	  margin: 0 0 20px;
  
	  h4 {
		display: inline-block;
  
		/*font-size: 14px;*/
		padding: 17px 17px 17px 40px;
		background: url('../../Content/images/discontinued-product-icon.png') no-repeat 13px center;
		color: #de444c;
	  }
	}
  
	.product-name {
	  margin: 0 0 25px;
	  border-bottom: 1px solid #ddd;
	  padding: 0 0 10px;
  
	  h1 {
		/*font-size: 30px;*/
		font-weight: normal;
	  }
	}
  
	.short-description {
	  margin: 0 0 25px;
	  line-height: 22px;
	  color: #666;
	}
  }
  
  .product-no-reviews, .product-reviews-overview {
	margin: 0 0 25px;
	color: #444;
  }
  
  .product-no-reviews a {
	text-decoration: underline;
  }
  
  .product-review-box {
	display: inline-block;
	margin: 0 0 8px;
  
	.rating {
	  width: 95px;
	  height: 14px;
	  background: url('../../Content/images/rating1.png') repeat-x;
  
	  div {
		height: 14px;
		background: url('../../Content/images/rating2.png') repeat-x;
	  }
	}
  }
  
  .product-review-links a {
	text-decoration: underline;
  
	&:hover {
	  color: #4ab2f1;
	}
  }
  
  .overview .value, .variant-overview .value {
	color: #444;
  }
  
  .overview .value a, .variant-overview .value a {
	color: #4ab2f1;
  }
  
  .overview .value a:hover, .variant-overview .value a:hover {
	text-decoration: underline;
  }
  
  .overview-buttons {
	margin: 0 0 25px;
	font-size: 0;
  
	div {
	  width: 80%;
	  margin: 0 auto 3px;
	}
  }
  
  .overview .button-2, .variant-overview .button-2 {
	display: block;
	width: 100%;
	border: none;
	background-color: #eaeaea;
	background-position: left center;
	background-repeat: no-repeat;
	padding: 12px 15px 12px 40px;
	text-align: left;
	font-size: 14px;
  
	/*reset zeroing*/
	color: #666;
  }
  
  .overview .button-2:hover, .variant-overview .button-2:hover {
	background-color: #ddd;
  }
  
  .overview {
	.add-to-compare-list-button {
	  background-image: url('../../Content/images/compare-button.png');
	}
  
	.email-a-friend-button, .subscribe-button {
	  background-image: url('../../Content/images/email-button.png');
	}
  }
  
  .variant-overview .subscribe-button {
	background-image: url('../../Content/images/email-button.png');
  }
  
  .overview .download-sample-button, .variant-overview .download-sample-button {
	background-image: url('../../Content/images/download-button.png');
  }
  
  .overview .add-to-wishlist-button, .variant-overview .add-to-wishlist-button {
	background-image: url('../../Content/images/wishlist-button.png');
  }
  
  .overview {
	.manufacturers {
	  margin: 0 0 20px;
	}
  
	.availability {
	  margin: 0 0 20px;
	  overflow: hidden;
	}
  }
  
  .variant-overview .availability {
	margin: 0 0 20px;
	overflow: hidden;
  }
  
  .overview .availability .stock, .variant-overview .availability .stock {
	margin: 0 0 10px;
  }
  
  .overview .availability .back-in-stock-subscription, .variant-overview .availability .back-in-stock-subscription {
	display: inline-block;
  }
  
  .overview .additional-details, .variant-overview .additional-details {
	margin: 0 0 20px;
  }
  
  .overview .additional-details div, .variant-overview .additional-details div {
	margin: 0 0 8px;
  }
  
  .overview .delivery, .variant-overview .delivery {
	overflow: hidden;
  }
  
  .overview .free-shipping, .variant-overview .free-shipping {
	display: inline-block;
	margin: 10px 0;
	background: url('../../Content/images/shipping.png') left center no-repeat;
	padding: 2px 0 2px 28px;
	font-weight: bold;
	color: #444;
  }
  
  .overview .free-shipping.invisible, .variant-overview .free-shipping.invisible {
	display: none;
  }
  
  .overview .delivery-date, .variant-overview .delivery-date {
	margin: 10px 0;
  }
  
  .overview .min-qty-notification, .variant-overview .min-qty-notification {
	margin: 10px 0;
	font-style: italic;
	color: #444;
  }
  
  .overview .download-sample, .variant-overview .download-sample {
	display: inline-block;
	margin: 0 0 25px;
  }
  
  .overview .prices, .variant-overview .prices {
	margin: 0 0 10px;
	overflow: hidden;
  }
  
  .overview .prices > div, .variant-overview .prices > div {
	margin: 0 0 5px;
  }
  
  .overview .prices > div > span, .variant-overview .prices > div > span {
	vertical-align: middle;
  }
  
  .overview .old-product-price, .variant-overview .old-product-price, .overview .non-discounted-price, .variant-overview .non-discounted-price {
	/*font-size: 14px;*/
	color: #999;
	text-decoration: line-through;
  }
  
  .overview .product-price, .variant-overview .product-price {
	/*font-size: 20px;*/
	font-weight: bold;
	color: #444;
  }
  
  .overview .tax-shipping-info a, .variant-overview .tax-shipping-info a {
	color: #4ab2f1;
  }
  
  .overview .tax-shipping-info a:hover, .variant-overview .tax-shipping-info a:hover {
	text-decoration: underline;
  }
  
  .customer-entered-price {
	margin: 0 0 20px;
	overflow: hidden;
  
	.price-input {
	  label {
		display: block;
		margin: 0 0 5px;
		font-weight: bold;
		color: #444;
	  }
  
	  input {
		width: 170px;
		text-align: center;
	  }
	}
  
	.price-range {
	  margin: 5px 0 0;
	  color: #777;
	}
  }
  
  .tier-prices {
	margin: 0 0 20px;
  
	.title {
	  display: none;
	}
  
	table td {
	  border: 1px solid #ddd;
	  padding: 10px;
	  color: #444;
	}
  
	.field-header {
	  min-width: 80px;
	}
  
	.item-price {
	  background-color: #f9f9f9;
  
	  /*font-size: 16px;*/
	  color: #e4434b;
	}
  }
  
  .overview {
	.add-to-cart {
	  margin: 0 0 20px;
	}
  
	.add-to-cart-panel {
	  display: inline-block;
	  position: relative;
	}
  }
  
  .variant-overview .add-to-cart-panel {
	display: inline-block;
	position: relative;
  }
  
  .overview .add-to-cart-panel > *, .variant-overview .add-to-cart-panel > * {
	float: left;
  }
  
  .overview .qty-label, .variant-overview .qty-label {
	display: none !important;
  }
  
  .overview .qty-input, .variant-overview .qty-input {
	width: 45px;
	height: 43px;
	padding: 0 12px;
	text-align: center;
  
	/*font-size: 15px;*/
	color: #444;
  }
  
  .overview .qty-dropdown, .variant-overview .qty-dropdown {
	height: 43px;
	padding: 0 12px;
  
	/*font-size: 15px;*/
	color: #444;
  }
  
  .overview .add-to-cart-button, .variant-overview .add-to-cart-button {
	height: 43px;
	border: none;
	background-color: #4ab2f1;
	padding: 0 24px;
  
	/*font-size: 15px;*/
	color: #fff;
	text-transform: uppercase;
  }
  
  .overview .add-to-cart-button:hover, .variant-overview .add-to-cart-button:hover {
	background-color: #248ece;
  }
  
  .product-share-button {
	display: inline-block;
	overflow: hidden;
  }
  
  .full-description {
	clear: both;
	line-height: 24px;
  }
  
  .product-collateral {
	margin: 0 0 75px;
  
	.title {
	  margin: 0 0 10px;
  
	  /*font-size: 18px;*/
	  color: #444;
  
	  strong {
		font-weight: normal;
	  }
	}
  }
  
  .product-variant-line {
	margin: 0 0 30px;
	border-bottom: 1px solid #ddd;
	padding: 0 0 20px;
  
	&:after {
	  content: "";
	  display: block;
	  clear: both;
	}
  }
  
  .variant-picture {
	position: relative;
	width: 220px;
	height: 220px;
	margin: 0 auto 15px;
	overflow: hidden;
  }
  
  .variant-overview {
	width: 100%;
  
	.variant-name {
	  margin: 0 0 10px;
	  padding: 10px 0;
  
	  /*font-size: 16px;*/
	  font-weight: bold;
	  color: #4ab2f1;
	}
  
	.variant-description {
	  margin: 0 0 15px;
	  line-height: 22px;
	}
  
	.add-to-wishlist {
	  margin: 0 0 25px;
	}
  
	.add-to-wishlist-button {
	  display: inline-block;
	  width: auto;
	}
  
	.add-to-cart {
	  margin: 0 0 10px;
	}
  }
  
  .product-specs-box {
	margin: 0 0 40px;
  
	td {
	  border: 1px solid #ddd;
	  padding: 10px;
	}
  }
  
  .product-tags-list {
	font-size: 0;
  
	li {
	  display: inline-block;
	  font-size: 14px;
  
	  /*reset zeroing*/
  
	  &.separator {
		margin: 0 5px 0 3px;
	  }
	}
  
	a {
	  display: inline-block;
	  line-height: 24px;
  
	  &:hover {
		color: #444;
	  }
	}
  }
  
  .attributes {
	margin: 20px 0;
  
	dl {
	  overflow: hidden;
	  padding: 0 2px;
  
	  /* fix for Chrome in Mac, the checkboxes get cut off */
	}
  
	dt {
	  display: block;
	  margin: 0 0 5px;
	  white-space: nowrap;
	  font-weight: bold;
	  color: #444;
	}
  }
  
  .attribute-label {
	display: block;
	margin: 0 0 5px;
	white-space: nowrap;
	font-weight: bold;
	color: #444;
  }
  
  .attributes dd, .attribute-data {
	margin: 0 0 10px;
  }
  
  .attributes {
	li {
	  margin: 8px 0 12px;
	}
  
	select {
	  width: auto;
	  min-width: 100px;
	  max-width: 100%;
	}
  
	.option-list label {
	  margin: 0 5px;
	}
  
	.datepicker {
	  width: 280px;
	  text-align: center;
	  color: #444;
	}
  
	.qty-box input {
	  width: 48px;
	  height: 32px;
	  text-align: center;
	}
  }
  
  .ui-datepicker {
	width: 280px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
	background-color: #fff;
	text-align: center;
  
	/*override jQuery UI styles, do not delete doubled properties*/
	border: none;
	border-radius: 0;
	padding: 0;
  
	/*font: normal 14px Arial, Helvetica, sans-serif;*/
	color: #777;
  }
  
  .ui-datepicker-header {
	position: relative;
	height: 32px;
	background-color: #4ab2f1;
	color: #fff;
  
	/*override jQuery UI styles, do not delete doubled properties*/
	border: none;
	border-radius: 0;
	background-image: none;
	padding: 0 !important;
	font-weight: normal;
  
	a {
	  position: absolute;
	  top: 0;
	  z-index: 1;
	  width: 32px;
	  height: 32px;
	  line-height: 32px;
	  font-size: 0;
  
	  /*override jQuery UI styles, do not delete doubled properties*/
	  top: 0 !important;
	  width: 32px !important;
	  height: 32px !important;
	  border: none !important;
  
	  &.ui-datepicker-prev {
		left: 0;
		background: url('../../Content/images/calendar-prev.png') center no-repeat;
	  }
  
	  &.ui-datepicker-next {
		right: 0;
		background: url('../../Content/images/calendar-next.png') center no-repeat;
	  }
  
	  span {
		/*override jQuery UI styles, do not delete doubled properties*/
		display: none !important;
	  }
	}
  }
  
  .ui-datepicker-title {
	position: relative;
	z-index: 0;
	line-height: 32px;
	font-weight: bold;
	text-transform: uppercase;
  
	/*override jQuery UI styles, do not delete doubled properties*/
	line-height: 32px !important;
  }
  
  .ui-datepicker-calendar {
	/*override jQuery UI styles, do not delete doubled properties*/
	margin: 0 !important;
	font-size: 14px !important;
  
	th {
	  background-color: #eee;
	  width: 14.285%;
	  border: 1px solid #ddd;
  
	  /*override jQuery UI styles, do not delete doubled properties*/
	  padding: 0;
	}
  
	td {
	  width: 14.285%;
	  border: 1px solid #ddd;
  
	  /*override jQuery UI styles, do not delete doubled properties*/
	  padding: 0;
	}
  
	th span {
	  display: block;
	  min-height: 32px;
	  line-height: 32px;
	  color: #444;
	}
  
	td a {
	  display: block;
	  min-height: 32px;
	  line-height: 32px;
	  color: #444;
  
	  /*override jQuery UI styles, do not delete doubled properties*/
	  border: none !important;
	  background: none !important;
	  padding: 0;
	  text-align: center;
	  color: #444 !important;
	}
  
	.ui-state-active {
	  outline: 2px solid #4ab2f1;
	  font-weight: bold;
	  color: #4ab2f1;
  
	  /*override jQuery UI styles, do not delete doubled properties*/
	  color: #4ab2f1 !important;
	}
  }
  
  .attribute-squares {
	font-size: 0;
  
	li {
	  display: inline-block;
	  margin: 0 5px 5px;
	  text-align: center;
	}
  
	.attribute-square-container {
	  display: block;
	  position: relative;
	  z-index: 0;
	  padding: 1px;
	}
  
	label {
	  display: block;
	  margin: 0 !important;
	  overflow: hidden;
	}
  
	.attribute-square {
	  display: table !important;
	  width: 32px !important;
	  height: 32px !important;
	  border: 1px solid #444 !important;
	  cursor: pointer;
	}
  
	.selected-value .attribute-square-container {
	  background-color: #4ab2f1;
	}
  
	li input {
	  position: relative;
	  z-index: -1;
	  margin: -32px 0 0;
	}
  }
  
  .tooltip-container {
	position: absolute;
	width: 200px;
	color: #000000;
	background: #FFFFFF;
	border: 1px solid #eeeeee;
	text-align: center;
	visibility: hidden;
	border-radius: 5px;
  
	&:before {
	  content: '';
	  position: absolute;
	  bottom: 100%;
	  left: 50%;
	  margin-left: -7px;
	  width: 0;
	  height: 0;
	  border-bottom: 7px solid #eeeeee;
	  border-right: 7px solid transparent;
	  border-left: 7px solid transparent;
	}
  
	&:after {
	  content: '';
	  position: absolute;
	  bottom: 100%;
	  left: 50%;
	  margin-left: -6px;
	  width: 0;
	  height: 0;
	  border-bottom: 6px solid #FFFFFF;
	  border-right: 6px solid transparent;
	  border-left: 6px solid transparent;
	}
  }
  
  .attribute-squares li:hover .tooltip-container {
	visibility: visible;
	margin-left: -83px;
	margin-top: 5px;
	z-index: 999;
  }
  
  .tooltip-container {
	.tooltip-header {
	  background-color: #F6F6F6;
	  height: 25px;
	  border-top-right-radius: 4px;
	  border-top-left-radius: 4px;
	  padding-left: 10px;
	  padding-top: 5px;
	  text-align: left;
	  width: 198px;
  
	  /*font-size: 15px;*/
	  border-bottom: 1px #EEEEEE solid;
	}
  
	.tooltip-body {
	  margin: 5px;
  
	  img {
		border: 0px #FFF;
		width: 190px;
	  }
	}
  }
  
  .giftcard {
	margin: 0 0 20px;
	overflow: hidden;
  
	div {
	  margin: 0 0 10px;
	}
  
	label {
	  display: block;
	  margin: 0 auto 5px;
	  font-weight: bold;
	  color: #444;
	}
  
	input {
	  width: 350px;
	  max-width: 100%;
	}
  
	textarea {
	  width: 350px;
	  max-width: 100%;
	  height: 150px;
	}
  }
  
  /********** PRODUCT REVIEWS **********/
  
  .product-reviews-page {
	h1 a {
	  color: #4ab2f1;
  
	  &:before, &:after {
		content: "''";
	  }
	}
  
	.title {
	  margin: 0 0 20px;
  
	  /*font-size: 20px;*/
	  color: #444;
  
	  strong {
		font-weight: normal;
	  }
	}
  }
  
  .write-review {
	margin: 0 0 60px;
  
	.fieldset {
	  margin: 0 0 30px;
	}
  }
  
  .tooltip {
	position: initial;
	display: inline-block;
	border-bottom: 1px dotted black;
	color: #444;
  
	.tooltiptext {
	  visibility: hidden;
	  width: auto;
	  background: #f0f0f0 no-repeat 100% 5%;
	  border: #c0c0c0 1px dotted;
	  text-align: Left;
	  padding: 10px 10px 5px 5px;
	  position: absolute;
	  z-index: 1;
	  left: 10%;
	  opacity: 0;
	  transition: opacity 0.3s;
  
	  &::after {
		content: "";
		position: absolute;
	  }
	}
  
	&:hover .tooltiptext {
	  visibility: visible;
	  opacity: 1;
	  cursor: help;
	}
  }
  
  .write-review {
	.review-rating {
	  text-align: left;
	  padding-top: 10px;
	  padding-bottom: 10px;
  
	  label {
		display: block;
		margin: 0 0 5px;
		font-size: 14px;
		color: #444;
	  }
  
	  div {
		&.first {
		  color: #e4444c;
		}
  
		&.rating-options {
		  padding-top: 2px;
  
		  input {
			vertical-align: baseline;
		  }
		}
  
		&.last {
		  color: #4cb17c;
		}
	  }
	}
  
	.captcha-box {
	  margin: 15px 0 0;
	}
  
	.button-1 {
	  border: none;
	  background-color: #4ab2f1;
	  padding: 10px 25px;
	  text-align: center;
  
	  /*font-size: 15px;*/
	  color: #fff;
	  text-transform: uppercase;
  
	  &:hover {
		background-color: #248ece;
	  }
	}
  }
  
  .product-reviews-page {
	.result, .message-error {
	  margin: 0 0 20px;
	}
  }
  
  .product-review-list {
	overflow: hidden;
  }
  
  .product-review-item {
	margin: 0 0 40px;
  
	.review-item-head {
	  border-top: 1px solid #ddd;
	  overflow: hidden;
	  background-color: #f6f6f6;
	  padding: 10px;
	}
  
	.review-title {
	  line-height: 20px;
  
	  /*font-size: 15px;*/
	  color: #444;
	}
  
	.product-review-box {
	  margin: 3px 0 0;
	}
  
	.review-content {
	  padding: 20px 10px;
	}
  
	.review-text {
	  margin: 0 0 15px;
	  line-height: 22px;
	  color: #444;
	}
  
	.reply {
	  margin: 15px 0;
	  border-top: 1px solid #ddd;
	}
  
	.reply-header {
	  margin: 15px 0;
	  font-weight: bold;
	}
  
	.reply-text {
	  line-height: 22px;
	}
  
	.review-info {
	  margin: 0 0 5px;
  
	  label {
		font-weight: normal;
	  }
  
	  a {
		display: inline-block;
		padding: 0 5px;
		color: #4ab2f1;
		cursor: pointer;
	  }
	}
  }
  
  .product-review-helpfulness {
	.vote {
	  display: inline-block;
	  padding: 0 5px;
	  color: #4ab2f1;
	  cursor: pointer;
	}
  
	.question {
	  margin: 0 5px 0 0;
	  font-style: italic;
	}
  
	.result {
	  margin: 0 0 0 10px;
	}
  }
  
  /********** WISHLIST & COMPARE LIST **********/
  
  .wishlist-page .page-title {
	margin: 0 0 -1px;
  }
  
  .wishlist-content {
	margin: 0 0 20px;
  
	.message-error {
	  margin: 20px 0;
	}
  
	.table-wrapper {
	  margin: 0 0 30px;
	}
  
	.product-content {
	  min-width: 300px;
	  text-align: left;
	}
  
	.tax-shipping-info {
	  margin: 0 0 20px;
	  text-align: center;
  
	  a {
		color: #4ab3f1;
  
		&:hover {
		  text-decoration: underline;
		}
	  }
	}
  
	.buttons {
	  font-size: 0;
	}
  
	.button-2 {
	  display: block;
	  width: 250px;
	  margin: 0 auto 3px;
	  border: none;
	  padding: 10px 25px;
	  text-align: center;
	  line-height: 20px;
  
	  /*font-size: 15px;*/
	  color: #fff;
	}
  
	.update-wishlist-button, .wishlist-add-to-cart-button {
	  background-color: #4ab2f1;
	  text-transform: uppercase;
	}
  
	.update-wishlist-button:hover, .wishlist-add-to-cart-button:hover {
	  background-color: #248ece;
	}
  
	.email-a-friend-wishlist-button {
	  background-color: #aaa;
  
	  &:hover {
		background-color: #999;
	  }
	}
  }
  
  .wishlist-page {
	.share-info {
	  text-align: center;
  
	  span {
		display: block;
		margin: 0 0 5px;
	  }
  
	  a {
		font-weight: bold;
		color: #444;
  
		&:hover {
		  color: #4ab2f1;
		}
	  }
	}
  
	.no-data {
	  margin: 25px 0 0;
	}
  }
  
  .compare-products-page {
	position: relative;
	overflow: hidden;
  
	.clear-list {
	  display: inline-block;
	  margin: 0 0 20px;
	  background-color: #4ab2f1;
	  padding: 10px 15px;
  
	  /*font-size: 12px;*/
	  color: #fff;
	  text-transform: uppercase;
  
	  &:hover {
		background-color: #248ece;
	  }
	}
  
	.table-wrapper {
	  margin: 0 0 30px;
	  padding: 0 0 1px;
  
	  /*IE mobile table border fix*/
	}
  }
  
  .compare-products-table {
	td {
	  min-width: 150px;
	  border: 1px solid #ddd;
	  background-color: #fff;
	  padding: 20px;
	  text-align: left;
	  vertical-align: top;
	  color: #444;
  
	  &:first-child {
		min-width: 0;
	  }
  
	  label {
		font-weight: normal;
		color: #777;
	  }
	}
  
	.remove-button {
	  display: inline-block;
	  border: none;
	  background: url('../../Content/images/remove.png') left center no-repeat;
	  padding: 0 0 0 18px;
  
	  /*font-size: 12px;*/
	  color: #666;
  
	  &:hover {
		color: #4ab2f1;
	  }
	}
  
	.picture {
	  display: block;
	  position: relative;
	  max-width: 200px;
	  height: 200px;
	  overflow: hidden;
  
	  img {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		max-width: 100%;
		max-height: 100%;
		margin: auto;
	  }
	}
  
	.product-name td {
	  font-weight: bold;
  
	  a:hover {
		color: #4ab2f1;
	  }
	}
  
	.short-description td {
	  line-height: 22px;
	}
  
	.full-description td {
	  display: none;
	}
  }
  
  .compare-products-page .no-data {
	margin: 25px 0 0;
  }
  
  /*********** TOPICS ***********/
  
  .topic-block {
	margin: 0 0 25px;
  }
  
  .topic-block-title {
	min-height: 50px;
	margin: 0 0 25px;
	border-bottom: 1px solid #ddd;
	padding: 0 0 15px;
  
	h2 {
	  /*font-size: 30px;*/
	  font-weight: normal;
	}
  }
  
  .topic-block-body {
	text-align: justify;
	line-height: 24px;
  
	/*font-size: 16px;*/
  }
  
  .topic-page .page-body {
	text-align: justify;
	line-height: 22px;
  }
  
  .topic-block a, .topic-page a {
	text-decoration: underline;
  }
  
  .topic-block strong, .topic-page strong {
	color: #444;
  }
  
  .home-page .topic-block {
	margin: 0 0 50px;
  }
  
  .popup-window .topic-page {
	padding: 15px;
  }
  
  .not-found-page p {
	margin: 30px 15px;
  }
  
  .topic-password {
	text-align: center;
  }
  
  .enter-password-title {
	margin: 0 0 20px;
	color: #444;
  }
  
  .enter-password-form {
	display: inline-block;
	overflow: hidden;
  
	input {
	  &[type="password"] {
		float: left;
		width: 200px;
		height: 40px;
		margin: 0 -1px 0 0;
	  }
  
	  &[type="submit"] {
		float: left;
		width: auto;
		min-width: 86px;
		height: 40px;
		border: none;
		background-color: #4ab2f1;
		padding: 0 15px;
		color: #fff;
		text-transform: uppercase;
  
		&:hover {
		  background-color: #248ece;
		}
	  }
	}
  }
  
  /*********** CONTACT & EMAIL A FRIEND & APPLY FOR VENDOR ACCOUNT ***********/
  
  .contact-page .page-title, .email-a-friend-page .page-title, .apply-vendor-page .page-title {
	margin: 0 0 -1px;
  }
  
  .contact-page {
	.result, .message-error {
	  margin: 20px 0;
	}
  }
  
  .email-a-friend-page {
	.result, .message-error {
	  margin: 20px 0;
	}
  }
  
  .apply-vendor-page {
	.result, .message-error {
	  margin: 20px 0;
	}
  }
  
  .contact-page .button-1, .email-a-friend-page .button-1, .apply-vendor-page .button-1 {
	min-width: 140px;
	border: none;
	background-color: #4ab2f1;
	padding: 10px 30px;
	text-align: center;
  
	/*font-size: 15px;*/
	color: #fff;
	text-transform: uppercase;
  }
  
  .contact-page .button-1:hover, .email-a-friend-page .button-1:hover, .apply-vendor-page .button-1:hover {
	background-color: #248ece;
  }
  
  .contact-page .topic-block, .email-a-friend-page .title, .apply-vendor-page .title {
	margin: 25px 0;
  }
  
  .email-a-friend-page .title h2 {
	font-weight: normal;
	color: #4ab2f1;
  }
  
  .apply-vendor-page .terms-of-service {
	text-align: center;
  
	> * {
	  display: inline-block;
	  line-height: 32px;
	}
  
	span, a {
	  color: #4ab2f1;
	  cursor: pointer;
	}
  }
  
  /********** REGISTRATION, LOGIN, ACCOUNT PAGES  **********/
  
  .gender {
	display: inline-block;
  
	span {
	  display: inline-block;
	  margin: 0 5px;
  
	  > * {
		display: inline !important;
		margin: 0 5px;
		line-height: 32px;
	  }
	}
  }
  
  .date-of-birth {
	.date-picker-wrapper {
	  display: inline;
	}
  
	select {
	  width: 31%;
  
	  /*always single line*/
	  max-width: 126px;
  
	  + select {
		margin: 0 0 0 10px;
	  }
	}
  
	.select-wrapper + .select-wrapper {
	  margin: 0 0 0 10px;
	}
  }
  
  #check-availability-button {
	margin: 10px 0 0;
	border: none;
	background-color: #888;
	padding: 10px 15px;
  
	/*font-size: 12px;*/
	color: #fff;
	text-transform: uppercase;
  
	&:hover {
	  background-color: #999;
	}
  }
  
  .inputs.accept-consent {
	text-align: center;
  
	> * {
	  display: inline-block;
	  line-height: 32px;
	}
  
	span, a {
	  color: #4ab2f1;
	  cursor: pointer;
  
	  /*font-size: 14px;*/
	}
  
	label {
	  width: auto;
	  margin-left: 10px;
	  margin-bottom: 0;
	}
  }
  
  .registration-page .button-1, .registration-result-page .button-1, .login-page .button-1, .password-recovery-page .button-1, .account-page .button-1, .return-request-page .button-1 {
	min-width: 140px;
	border: none;
	background-color: #4ab2f1;
	padding: 10px 30px;
	text-align: center;
  
	/*font-size: 15px;*/
	color: #fff;
	text-transform: uppercase;
  }
  
  .registration-page .button-1:hover, .registration-result-page .button-1:hover, .login-page .button-1:hover, .password-recovery-page .button-1:hover, .account-page .button-1:hover {
	background-color: #248ece;
  }
  
  .return-request-page {
	.button-1:hover {
	  background-color: #248ece;
	}
  
	h1 a {
	  color: #4ab2f1;
	}
  
	.return-request-file {
	  /*font-size: 14px;*/
  
	  .uploadedfileinput {
		display: inline-block;
	  }
	}
  }
  
  .registration-page .message-error, .login-page .message-error, .account-page .message-error {
	margin: 0 0 10px;
  }
  
  .registration-result-page .result {
	margin: 0 0 30px;
	padding: 30px 0;
	text-align: center;
  
	/*font-size: 16px;*/
	color: #4cb17c;
  }
  
  .customer-info-page {
	.email-to-revalidate, .readonly-username {
	  margin: 0 5px;
  
	  /*font-size: 14px;*/
	}
  
	.vat-status {
	  margin: 0 5px;
  
	  /*font-size: 14px;*/
  
	  display: block;
	}
  }
  
  .registration-page .vat-note {
	display: block;
  
	/*font-size: 14px;*/
	margin-top: 7px;
	white-space: normal;
  }
  
  .customer-info-page {
	.vat-note, .email-to-revalidate-note {
	  display: block;
  
	  /*font-size: 14px;*/
	  margin-top: 7px;
	  white-space: normal;
	}
  }
  
  .login-page {
	.customer-blocks {
	  margin: 0 0 30px;
	}
  
	.title {
	  margin: 0 0 15px;
  
	  /*font-size: 20px;*/
	  color: #444;
  
	  strong {
		font-weight: normal;
	  }
	}
  
	.new-wrapper {
	  margin: 0 0 50px;
  
	  .text {
		margin: 0 0 30px;
		border-top: 1px solid #e6e6e6;
		background-color: #f9f9f9;
		padding: 30px;
		line-height: 22px;
	  }
  
	  .topic-block {
		margin: 0;
	  }
  
	  .topic-block-body strong {
		color: #444;
	  }
  
	  .button-1 {
		margin: 0 0 5px;
	  }
	}
  
	.returning-wrapper {
	  margin: 0;
  
	  .form-fields {
		overflow: hidden;
		padding: 30px 15px 0;
	  }
  
	  .inputs.reversed {
		white-space: normal;
  
		* {
		  display: inline-block;
		  width: auto;
		  margin: 5px;
  
		  /*font-size: 14px; /*reset zeroing*/
		  color: #444;
		}
  
		a:hover {
		  color: #4ab2f1;
		}
	  }
	}
  
	.captcha-box {
	  margin: -15px 0 20px;
	}
  
	.returning-wrapper .buttons {
	  background-color: #fff;
	  padding: 30px 0;
	}
  }
  
  .external-authentication {
	margin: 0 0 50px;
	overflow: hidden;
	text-align: center;
  
	.title {
	  margin: 0 0 15px;
  
	  /*font-size: 20px;*/
	  color: #444;
	}
  
	.buttons {
	  margin: 0 0 30px;
	  border-top: 1px solid #e6e6e6;
	  padding: 30px;
	}
  }
  
  .external-auth-errors {
	color: #e4444c;
  }
  
  .external-auth-association {
	color: #444;
  
	a {
	  color: #4ab2f1;
  
	  &:hover {
		text-decoration: underline;
	  }
	}
  }
  
  .password-recovery-page {
	.result {
	  margin: 0 0 5px;
	  font-weight: bold;
	  color: #444;
	}
  
	.tooltip {
	  margin: 0 0 25px;
	}
  }
  
  .add-more-external-records {
	text-align: center;
  
	a {
	  color: #4ab2f1;
  
	  &:hover {
		text-decoration: underline;
	  }
	}
  }
  
  .account-page {
	.buttons {
	  text-align: center;
	}
  
	.description {
	  margin: 0 0 25px;
	  padding: 0 10px;
	}
  
	.table-wrapper {
	  margin: 0 0 30px;
	}
  }
  
  .gdpr-tools-page {
	.result {
	  margin: 20px 0;
  
	  /*font-size: 13px;*/
	  color: #e4434b;
	}
  
	.buttons {
	  margin-top: 20px;
	}
  }
  
  .address-list-page .info, .order-list-page .info {
	margin: 0 0 10px;
	border-top: 1px solid #e6e6e6;
	background-color: #f9f9f9;
	padding: 20px;
	line-height: 26px;
	color: #444;
  }
  
  .address-list-page .info .name, .order-list-page .info .name {
	/*font-size: 16px;*/
	font-weight: bold;
  }
  
  .address-list-page .button-2, .order-list-page .button-2 {
	display: inline-block;
	margin: 0 0 0 10px;
	border: none;
	padding: 0 0 0 18px;
  
	/*font-size: 12px;*/
	color: #444;
  }
  
  .edit-address-button {
	background: url('../../Content/images/edit.png') left center no-repeat;
  }
  
  .delete-address-button, .cancel-recurring-order-button {
	background: url('../../Content/images/remove.png') left center no-repeat;
  }
  
  .retry-recurring-order-button {
	background: url('../../Content/images/retry.png') left center no-repeat;
  }
  
  .return-items-button {
	background: url('../../Content/images/return.png') left center no-repeat;
  }
  
  .order-details-button {
	background: url('../../Content/images/details.png') left center no-repeat;
  }
  
  .address-list-page .button-2:hover, .order-list-page .button-2:hover {
	color: #4ab2f1;
  }
  
  .address-list-page .add-button {
	margin: 0 0 20px;
	text-align: center;
  }
  
  .address-edit-page {
	.page-title {
	  margin: 0 0 -1px;
	}
  
	.message-error {
	  margin: 20px 0;
	}
  
	.edit-address {
	  margin: 0 0 30px;
	  border-top: 1px solid #e6e6e6;
	  background-color: #f9f9f9;
	  padding: 30px 15px;
	}
  }
  
  .recurring-payments {
	table td {
	  white-space: nowrap;
  
	  &:first-child {
		min-width: 120px;
		white-space: normal;
	  }
	}
  
	.button-2 {
	  /*font-size: 14px;*/
	}
  }
  
  .return-request-list-page {
	.details {
	  border-top: 1px solid #e6e6e6;
	  background-color: #f9f9f9;
	  padding: 20px;
	  line-height: 22px;
	  color: #444;
	}
  
	label {
	  margin: 0 5px 0 0;
	}
  
	a {
	  color: #4ab2f1;
  
	  &:hover {
		text-decoration: underline;
	  }
	}
  
	.comments div {
	  margin: 10px 0 0;
  
	  /*font-size: 15px;*/
	  font-style: italic;
	  color: #444;
	}
  }
  
  .downloadable-products-page table td {
	color: #444;
  }
  
  .reward-points-overview {
	margin: 0 0 25px;
  }
  
  .reward-points-history table td {
	color: #444;
  
	&:first-child {
	  min-width: 120px;
	}
  }
  
  .change-password-page {
	.page-title {
	  margin: 0 0 -1px;
	}
  
	.result, .message-error {
	  margin: 20px 0;
	}
  
	.fieldset {
	  margin: 0 0 30px;
	}
  }
  
  .avatar-page {
	.page-title {
	  margin: 0;
	}
  
	.page-body {
	  margin: 0 0 30px;
	  overflow: hidden;
	  background-color: #f9f9f9;
	  padding: 30px 25px;
	}
  
	.message-error {
	  margin: 0 0 10px;
	}
  
	.image {
	  margin: 0 0 10px;
  
	  img {
		border: 1px solid #ccc;
	  }
	}
  
	.button-1 {
	  /*font-size: 14px;*/
	}
  
	.button-2 {
	  border: none;
	  background-color: #888;
	  padding: 10px 15px;
  
	  /*font-size: 14px;*/
	  color: #fff;
	  text-transform: uppercase;
  
	  &:hover {
		background-color: #999;
	  }
	}
  
	.info {
	  color: #444;
	}
  }
  
  .vendorinfo-page {
	.button-2 {
	  border: medium none;
	  background-color: #888;
	  padding: 10px 15px;
  
	  /*font-size: 14px;*/
	  color: #fff;
	  text-transform: uppercase;
  
	  &:hover {
		background-color: #999;
	  }
	}
  
	.vendor-picture {
	  width: 400px;
	  margin: 0 auto;
  
	  * {
		display: block;
		margin-top: 15px;
	  }
	}
  }
  
  .check-gift-card-balance-page {
	.page-title {
	  margin: 0 0 -1px;
	}
  
	.result, .message-error {
	  margin: 20px 0;
	}
  
	.fieldset {
	  margin: 0 0 30px;
	}
  }
  
  /********** SHOPPING CART **********/
  
  .order-progress {
	margin: 0 0 50px;
	background-color: #f6f6f6;
	padding: 15px 0;
	text-align: center;
  
	ul {
	  font-size: 0;
	}
  
	li {
	  display: inline-block;
	  margin: 10px;
	}
  
	a {
	  display: block;
	  min-width: 70px;
  
	  /*font-size: 14px; /*reset zeroing*/
	  color: #444;
  
	  &:before {
		content: "";
		display: block;
		width: 40px;
		height: 40px;
		margin: 0 auto 15px;
		border: 1px solid #bbb;
		background: #fff url('../../Content/images/pointer.png') center no-repeat;
	  }
	}
  
	li {
	  &.active-step a {
		cursor: pointer;
	  }
  
	  &.inactive-step a {
		opacity: 0.3;
		cursor: default;
	  }
	}
  }
  
  .shopping-cart-page {
	.page-title {
	  margin: 0 0 -1px;
	  padding: 10px;
	}
  
	.message-error {
	  margin: 20px 0;
	}
  
	td .message-error {
	  margin: 10px 0 0;
	  text-align: left;
	}
  
	.checkout-attributes a {
	  color: #4ab3f1;
  
	  &:hover {
		text-decoration: underline;
	  }
	}
  
	.tax-shipping-info {
	  margin: 20px 0;
	  text-align: center;
  
	  a {
		color: #4ab3f1;
  
		&:hover {
		  text-decoration: underline;
		}
	  }
	}
  
	.common-buttons {
	  margin: 0 0 60px;
	  background-color: #f6f6f6;
	  padding: 20px;
	  font-size: 0;
  
	  input {
		display: inline-block;
		min-width: 180px;
		margin: 5px;
		border: none;
		background-color: #aaa;
		padding: 10px 20px;
  
		/*font-size: 15px;*/
		color: #fff;
  
		&:hover {
		  background-color: #999;
		}
  
		&:first-child {
		  background-color: #4ab2f1;
  
		  &:hover {
			background-color: #248ece;
		  }
		}
	  }
	}
  }
  
  .checkout-attributes {
	margin: -30px 0 30px;
	color: #444;
  
	dt {
	  margin: 0 0 5px;
	  font-weight: bold;
	}
  
	dd {
	  margin: 0 0 20px;
	}
  
	input[type="text"], select {
	  min-width: 170px;
	}
  
	ul {
	  font-size: 0;
	}
  
	li {
	  display: inline-block;
	  margin: 5px;
	  border: 1px solid #ddd;
	  background-color: #fff;
	  padding: 8px 10px;
  
	  /*font-size: 14px; /*reset zeroing*/
	}
  
	.attribute-squares li {
	  border: none;
	  padding: 0;
	  line-height: 0;
	}
  
	li label {
	  display: inline-block;
	  margin: 0 0 0 5px;
	}
  }
  
  .selected-checkout-attributes {
	margin: 30px 0;
	color: #444;
  
	br {
	  content: "";
	  display: block;
	  margin: 3px;
	}
  }
  
  .cart-footer {
	margin: 0 0 50px;
	border-top: 1px solid #ddd;
  
	&:after {
	  content: "";
	  display: block;
	  clear: both;
	}
  
	.totals {
	  width: 350px;
	  max-width: 100%;
	  margin: 0 auto 50px;
	  background-color: #f9f9f9;
	  padding: 10px;
	  color: #444;
	}
  
	.total-info {
	  margin: 0 0 20px;
	  border-bottom: 1px solid #ddd;
	  padding: 5px 30px 15px;
	}
  }
  
  .cart-total {
	td {
	  width: 50%;
	  padding: 5px 0;
	  text-align: right;
  
	  &:first-child {
		text-align: left;
	  }
	}
  
	.giftcard-remaining {
	  display: block;
	  font-style: italic;
	}
  
	.order-total {
	  /*font-size: 20px;*/
	  color: #4ab2f1;
  
	  strong {
		font-weight: normal;
	  }
	}
  
	.earn-reward-points {
	  font-style: italic;
	}
  }
  
  .min-amount-warning {
	margin: 0 0 20px;
	padding: 0 30px;
	color: #e4434b;
  }
  
  .terms-of-service {
	margin: 0 0 20px;
	padding: 0 30px;
  
	label {
	  cursor: pointer;
	}
  
	a {
	  margin: 0 0 0 3px;
	  color: #4ab2f1;
	}
  }
  
  .cart-footer {
	.checkout-buttons {
	  padding: 0 10px;
	}
  
	.checkout-disabled {
	  /*font-size: 20px;*/
	  text-align: center;
	  background: #ffa500;
	  border: 1px solid #c3891e;
	  color: #fff;
	  padding: 15px 50px;
	}
  
	.checkout-button {
	  display: inline-block;
	  min-width: 160px;
	  border: none;
	  background-color: #4ab2f1;
	  padding: 10px 20px;
  
	  /*font-size: 16px;*/
	  color: #fff;
	  text-transform: uppercase;
  
	  &:hover {
		background-color: #248ece;
	  }
	}
  
	.addon-buttons {
	  margin: 20px 0 0;
	  padding: 0 10px;
	}
  }
  
  .cart-collaterals {
	width: 350px;
	max-width: 100%;
	margin: 0 auto 50px;
	padding: 25px 0 0;
  
	> div {
	  max-width: 400px;
	  margin: 0 0 50px;
	}
  
	.button-2 {
	  display: inline-block;
	  border: none;
	  background-color: #aaa;
	  padding: 10px 15px;
	  color: #fff;
	  text-transform: uppercase;
  
	  &:hover {
		background-color: #999;
	  }
	}
  
	.title {
	  margin: 0 0 5px;
  
	  /*font-size: 18px;*/
	  color: #444;
  
	  strong {
		font-weight: normal;
	  }
	}
  
	.hint {
	  margin: 0 0 10px;
	}
  
	.deals > div {
	  margin: 0 0 20px;
	}
  
	.coupon-code {
	  overflow: hidden;
  
	  input {
		&[type="text"] {
		  float: left;
		  width: 60%;
		  height: 36px;
  
		  /*safari padding fix*/
		  margin: 0 -1px 0 0;
		}
  
		&[type="submit"] {
		  float: left;
		  width: 40%;
		  height: 36px;
  
		  /*safari padding fix*/
		  padding: 0;
		}
	  }
	}
  
	.message-failure {
	  margin: 5px 0 0;
  
	  /*font-size: 12px;*/
	  color: #e4434b;
	}
  
	.message-success {
	  margin: 5px 0 0;
  
	  /*font-size: 12px;*/
	  color: #4cb17c;
	}
  
	.current-code {
	  margin: 5px 0 0;
	  color: #4cb17c;
	}
  }
  
  .remove-discount-button, .remove-gift-card-button {
	width: 16px;
	height: 16px;
	border: 1px solid #999;
	background: #fff url('../../Content/images/close.png') center no-repeat;
	cursor: pointer;
  }
  
  .cart-collaterals {
	.shipping select {
	  height: 36px;
	}
  
	.shipping-results {
	  margin: 30px 0 0;
  
	  li {
		margin: 20px 0;
  
		strong {
		  display: block;
		  margin: 0 0 5px;
		  color: #444;
		}
	  }
	}
  }
  
  .shopping-cart-page .no-data {
	margin: 25px 0 0;
  }
  
  /********** CHECKOUT **********/
  
  .checkout-page {
	.section {
	  margin: 0 0 30px;
  
	  &.order-summary {
		margin: 100px 0 30px;
	  }
	}
  
	.cart-options {
	  min-height: 60px;
	  overflow: hidden;
	}
  
	.cart-footer {
	  border-top: none;
	}
  
	.total-info {
	  margin: 0;
	  border-bottom: none;
	  padding: 5px 20px 10px;
	}
  
	.button-1 {
	  display: inline-block;
	  min-width: 140px;
	  border: none;
	  background-color: #4ab2f1;
	  padding: 10px 30px;
	  text-align: center;
  
	  /*font-size: 15px;*/
	  color: #fff;
	  text-transform: uppercase;
  
	  &:hover {
		background-color: #248ece;
	  }
	}
  
	.address-item {
	  width: 350px;
	  max-width: 100%;
	  margin: 0 auto 40px;
  
	  ul {
		margin: 0 0 15px;
		background-color: #f9f9f9;
		padding: 20px;
		color: #444;
	  }
  
	  li {
		padding: 5px 0;
  
		&.name {
		  /*font-size: 16px;*/
		  font-weight: bold;
		}
	  }
	}
  }
  
  .enter-address {
	.message-error {
	  margin: 20px 0;
	}
  
	.edit-address {
	  background-color: #f9f9f9;
	  border-top: 1px solid #e6e6e6;
	  margin: 0 0 30px;
	  padding: 30px 15px;
	}
  }
  
  .checkout-page {
	.ship-to-same-address {
	  padding: 30px 0;
	  text-align: center;
  
	  .selector {
		margin: 0 0 5px;
		font-weight: bold;
		color: #444;
	  }
	}
  
	.pickup-in-store {
	  text-align: center;
  
	  .selector {
		margin: 0 0 5px;
		font-weight: bold;
		color: #444;
	  }
	}
  }
  
  .select-pickup-point {
	text-align: center;
  }
  
  .checkout-page .pickup-points-map {
	min-width: 400px;
	min-height: 350px;
	vertical-align: middle;
	margin-top: 5px;
	margin-bottom: 5px;
  }
  
  .shipping-method .method-list, .payment-method .method-list {
	margin: 0 auto 30px;
	overflow: hidden;
	text-align: center;
	font-size: 0;
  }
  
  .shipping-method .method-list li, .payment-method .method-list li {
	margin: 20px 0;
	font-size: 14px;
  
	/*reset zeroing*/
  }
  
  .shipping-method .method-list li label, .payment-method .method-list li label {
	/*font-size: 13px;*/
	font-weight: bold;
	color: #444;
  }
  
  .shipping-method .method-description {
	margin: 5px 0 0;
  }
  
  .payment-method {
	.use-reward-points {
	  margin: 0 0 30px;
	  text-align: center;
	  color: #444;
	}
  
	.payment-logo {
	  display: inline-block;
	  vertical-align: middle;
  
	  label {
		display: block;
		font-size: 0 !important;
	  }
	}
  
	.payment-details {
	  min-width: 180px;
	  display: inline-block;
	  margin: 0 0 0 10px;
	  text-align: left;
	  vertical-align: middle;
	}
  }
  
  .payment-info .info {
	padding: 30px 15px;
	color: #444;
  
	tr {
	  display: block;
	  margin: 0 0 15px;
	  font-size: 0;
	}
  
	td {
	  display: inline-block;
	  width: 100% !important;
	  max-width: 400px !important;
	  font-size: 14px;
  
	  /*reset zeroing*/
  
	  &:only-child {
		width: 100% !important;
		max-width: 100% !important;
	  }
  
	  input {
		&[type="text"] {
		  width: 100% !important;
		}
  
		&[name="CardCode"] {
		  width: 65px !important;
		}
	  }
  
	  select {
		min-width: 70px;
	  }
  
	  &:first-child {
		margin: 0 0 10px;
	  }
	}
  
	p {
	  text-align: center;
	}
  }
  
  .confirm-order {
	.buttons {
	  padding: 10px 0;
	}
  
	.button-1 {
	  /*font-size: 16px;*/
	}
  }
  
  .order-review-data > div, .order-details-area > div, .shipment-details-area > div {
	width: 350px;
	max-width: 100%;
	margin: 0 auto 40px;
	background-color: #f9f9f9;
	padding: 20px;
	color: #444;
  }
  
  .order-review-data li, .order-details-area li, .shipment-details-area li {
	padding: 3px 0;
  }
  
  .order-review-data .title, .order-details-area .title, .shipment-details-area .title {
	margin: 0 0 5px;
	padding: 0;
  
	/*font-size: 16px;*/
	font-weight: bold;
  }
  
  .order-review-data .title strong, .order-details-area .title strong, .shipment-details-area .title strong {
	font-weight: 700;
  }
  
  .order-review-data {
	.payment-method-info, .shipping-method-info {
	  margin-top: 20px;
	}
  }
  
  .order-details-area {
	.payment-method-info, .shipping-method-info {
	  margin-top: 20px;
	}
  }
  
  .order-completed .details {
	margin: 0 0 30px;
	padding: 30px 15px;
	text-align: center;
	color: #444;
  
	div {
	  margin: 5px 0;
	}
  
	strong {
	  font-weight: normal;
	  text-transform: uppercase;
	}
  
	a {
	  color: #4ab2f1;
  
	  &:hover {
		text-decoration: underline;
	  }
	}
  }
  
  .opc {
	.step-title {
	  margin: 0 0 1px;
	  overflow: hidden;
	  background-color: #f6f6f6;
	}
  
	.allow .step-title {
	  background-color: #4ab2f1;
	  cursor: pointer;
	}
  
	.step-title {
	  .number, .title {
		float: left;
		min-height: 40px;
		padding: 10px 15px;
		line-height: 20px;
  
		/*font-size: 16px;*/
		font-weight: normal;
	  }
	}
  
	.allow .step-title {
	  .number, .title {
		color: #fff;
		cursor: pointer;
	  }
	}
  
	.step-title .number {
	  width: 42px;
	  border-right: 1px solid #fff;
	  text-align: center;
	}
  
	.allow .step-title .number {
	  background-color: #248ece;
	}
  
	.step {
	  margin: 10px 0;
	  padding: 30px 15px;
	  text-align: center;
	}
  
	.section {
	  margin: 0 0 30px;
  
	  > label {
		display: block;
		margin: 0 0 10px;
	  }
	}
  
	input[type="text"], select {
	  max-width: 100%;
	}
  
	.buttons {
	  margin-bottom: 0;
	}
  
	.back-link {
	  margin: 0 0 10px;
  
	  small {
		display: none;
	  }
  
	  a {
		display: inline-block;
		margin: 0 0 0 -15px;
		background: url('../../Content/images/back-button.png') left center no-repeat;
		padding: 0 0 0 18px;
		color: #444;
  
		&:hover {
		  color: #4ab2f1;
		}
	  }
	}
  
	.buttons .please-wait {
	  display: block;
	  margin: 10px 0 0;
	  background: none;
	}
  
	.section {
	  &.ship-to-same-address, &.pickup-in-store {
		margin: 0 0 30px;
		padding: 0;
	  }
	}
  
	.payment-info .info tr {
	  text-align: left;
	}
  
	.section.order-summary {
	  margin: 0;
	}
  }
  
  /****** ORDER DETAILS & SHIPPING DETAILS ******/
  
  .order-details-page {
	.page-title {
	  border-bottom: none;
  
	  h1 {
		margin: 0 0 30px;
		border-bottom: 1px solid #ddd;
		padding: 0 0 10px;
	  }
  
	  a {
		display: inline-block;
		min-width: 180px;
		margin: 5px 0;
		border: none;
		background-color: #aaa;
		background-image: none;
		padding: 10px 20px;
  
		/*font-size: 15px;*/
		color: #fff;
  
		&:hover {
		  background-color: #999;
		}
  
		&.print-order-button {
		  background-color: #4ab2f1;
  
		  &:hover {
			background-color: #248ece;
		  }
		}
	  }
	}
  
	.order-overview {
	  margin: 0 0 50px;
	  line-height: 26px;
	  text-align: center;
  
	  /*font-size: 16px;*/
	  color: #444;
  
	  .order-number {
		margin: 0 0 10px;
		text-transform: uppercase;
	  }
  
	  .order-total strong {
		font-weight: normal;
		color: #4ab2f1;
	  }
	}
  
	.repost .button-2 {
	  display: inline-block;
	  margin: 10px 0;
	  border: none;
	  background-color: #4ab2f1;
	  padding: 10px 15px;
  
	  /*font-size: 12px;*/
	  color: #fff;
	  text-transform: uppercase;
  
	  &:hover {
		background-color: #248ece;
	  }
	}
  
	.download a {
	  font-weight: normal;
	  color: #4ab2f1;
  
	  &:hover {
		text-decoration: underline;
	  }
	}
  }
  
  .user-agreement-page {
	.terms-of-agreement {
	  margin: 0 0 20px;
	  padding: 20px;
	  text-align: center;
	}
  
	.button-1 {
	  min-width: 140px;
	  border: none;
	  background-color: #4ab2f1;
	  padding: 10px 30px;
	  text-align: center;
  
	  /*font-size: 15px;*/
	  color: #fff;
	  text-transform: uppercase;
  
	  &:hover {
		background-color: #248ece;
	  }
	}
  }
  
  .order-details-page {
	.tax-shipping-info {
	  margin: 30px 0;
  
	  a {
		color: #4ab2f1;
  
		&:hover {
		  text-decoration: underline;
		}
	  }
	}
  
	.actions {
	  margin: 30px 0 0;
	  font-size: 0;
  
	  input {
		display: inline-block;
		min-width: 165px;
		margin: 5px;
		border: none;
		background-color: #aaa;
		background-image: none;
		padding: 10px 20px;
  
		/*font-size: 15px;*/
		color: #fff;
  
		&:hover {
		  background-color: #999;
		}
  
		&:first-child {
		  background-color: #4ab2f1;
  
		  &:hover {
			background-color: #248ece;
		  }
		}
	  }
	}
  
	.totals.section {
	  width: 370px;
	  padding: 0 10px;
	  max-width: 100%;
	  margin: 0 auto 50px;
	}
  
	.total-info {
	  background-color: #f9f9f9;
	  padding: 15px 20px;
	  color: #444;
	}
  }
  
  /****** SEARCH & SITEMAP ******/
  
  .search-page .page-title {
	margin: 0 0 -1px;
  }
  
  .search-input {
	.fieldset {
	  margin: 0 0 30px;
	}
  
	.form-fields {
	  padding: 30px 15px 10px;
	}
  
	input + label {
	  display: inline;
	  margin: 0 0 0 5px;
	}
  }
  
  .advanced-search {
	margin: 30px 0 0;
  
	.price-range {
	  display: inline-block;
  
	  input {
		width: 80px;
		margin: 3px;
	  }
	}
  }
  
  .search-input {
	.buttons {
	  text-align: center;
	}
  
	.button-1 {
	  min-width: 140px;
	  border: none;
	  background-color: #4ab2f1;
	  padding: 10px 30px;
	  text-align: center;
  
	  /*font-size: 15px;*/
	  color: #fff;
	  text-transform: uppercase;
  
	  &:hover {
		background-color: #248ece;
	  }
	}
  }
  
  .search-results {
	margin: 30px 0 0;
  
	.warning, .no-result {
	  margin: 10px 0;
	  color: #e4434b;
	}
  }
  
  .sitemap-page {
	.description {
	  margin: 0 0 30px;
	  text-align: center;
	}
  
	.entity {
	  margin: 0 0 30px;
	}
  
	.entity-title {
	  margin: 0 0 15px;
	  padding: 0 10px;
	  text-align: center;
  
	  h2 {
		/*font-size: 20px;*/
		font-weight: normal;
		color: #444;
	  }
	}
  
	.entity-body {
	  border-top: 1px solid #e6e6e6;
	  background-color: #f9f9f9;
	  padding: 30px 15px;
	  text-align: center;
	}
  
	.entity {
	  ul {
		font-size: 0;
	  }
  
	  li {
		display: inline-block;
		position: relative;
		margin: 0 8px;
		padding: 0 12px;
		line-height: 50px;
  
		/*font-size: 14px; /*reset zeroing*/
  
		&:before {
		  content: "";
		  position: absolute;
		  top: 23px;
		  left: 0;
		  width: 5px;
		  height: 5px;
		  background-color: #ddd;
		}
	  }
  
	  a {
		color: #444;
  
		&:hover {
		  color: #4ab2f1;
		}
  
		&:empty {
		  display: none;
		}
	  }
	}
  }
  
  /****** BLOG & NEWS ******/
  
  .block-blog-archive {
	.number {
	  display: block;
	  color: #444;
	  cursor: auto;
	}
  
	.sublist {
	  margin: 5px 0 5px 15px;
	}
  
	li.month {
	  padding: 3px 0 3px 15px;
	}
  }
  
  .blog-page .page-title, .news-list-page .page-title {
	margin: 0;
  }
  
  .blog-page .post, .news-items .news-item {
	margin: 0 0 30px;
  }
  
  .blog-page .post:after {
	content: "";
	display: block;
	clear: both;
  }
  
  .post-title, .news-title {
	display: inline-block;
	padding: 20px 10px;
	line-height: 20px;
  
	/*font-size: 16px;*/
	font-weight: bold;
	color: #444;
  }
  
  .post-title:hover, .news-title:hover {
	color: #4ab2f1;
  }
  
  .post-date, .news-date {
	display: block;
	margin: 0 0 15px;
	background-color: #f6f6f6;
	padding: 10px;
	font-style: italic;
	color: #444;
  }
  
  .post-body, .news-body {
	margin: 0 0 20px;
	padding: 0 10px;
	line-height: 22px;
  }
  
  .blog-page .tags, .blogpost-page .tags {
	margin: 0 0 15px;
	overflow: hidden;
	padding: 0 10px;
  }
  
  .blog-page .tags label, .blogpost-page .tags label {
	display: inline-block;
	margin: 0 3px 3px 0;
	font-weight: bold;
	color: #444;
  }
  
  .blog-page .tags ul, .blogpost-page .tags ul {
	display: inline-block;
	margin: 0 0 3px 3px;
	font-size: 0;
  }
  
  .blog-page .tags li, .blogpost-page .tags li {
	display: inline-block;
  
	/*font-size: 14px; /*reset zeroing*/
  }
  
  .blog-page .tags li.separator, .blogpost-page .tags li.separator {
	margin: 0 8px 0 0;
  }
  
  .blog-page .tags a, .blogpost-page .tags a {
	display: block;
	color: #4ab2f1;
  }
  
  .blog-page .tags a:hover, .blogpost-page .tags a:hover {
	text-decoration: underline;
  }
  
  .blog-posts .buttons, .news-items .buttons {
	margin: 0;
	padding: 0 10px;
  }
  
  .blog-posts .buttons {
	.read-comments {
	  display: block;
	  margin: 0 0 15px;
	  font-weight: bold;
	  color: #444;
  
	  &:hover {
		color: #4ab2f1;
	  }
	}
  
	.read-more {
	  display: inline-block;
	  border: none;
	  background-color: #4ab2f1;
	  padding: 10px 20px;
  
	  /*font-size: 12px;*/
	  color: #fff;
	  text-transform: uppercase;
	}
  }
  
  .news-items .buttons .read-more {
	display: inline-block;
	border: none;
	background-color: #4ab2f1;
	padding: 10px 20px;
  
	/*font-size: 12px;*/
	color: #fff;
	text-transform: uppercase;
  }
  
  .blog-posts .buttons .read-more:hover, .news-items .buttons .read-more:hover {
	background-color: #248ece;
  }
  
  .new-comment {
	margin: 50px 0 60px;
  
	.notifications {
	  margin: 0 0 10px;
	}
  
	.result {
	  color: #690;
	}
  
	.form-fields {
	  margin: 0 0 20px;
	}
  
	.button-1 {
	  border: none;
	  background-color: #4ab2f1;
	  padding: 10px 30px;
	  text-align: center;
  
	  /*font-size: 15px;*/
	  color: #fff;
	  text-transform: uppercase;
  
	  &:hover {
		background-color: #248ece;
	  }
	}
  }
  
  .comment-list {
	margin: 0 0 100px;
  
	.title {
	  margin: 0 0 15px;
	  padding: 0 10px;
  
	  /*font-size: 20px;*/
	  color: #444;
  
	  strong {
		font-weight: normal;
	  }
	}
  
	.comment {
	  margin: 0 0 40px;
	  border-top: 1px solid #ddd;
  
	  &:after {
		content: "";
		display: block;
		clear: both;
	  }
	}
  }
  
  .comment-info {
	width: 150px;
	margin: 20px auto;
  
	.username {
	  display: block;
	  margin: 0 0 -1px;
	  border: 1px solid #ddd;
	  background-color: #f6f6f6;
	  padding: 11px 0;
	  font-weight: bold;
	  color: #444;
	}
  
	a.username:hover {
	  color: #4ab2f1;
	}
  
	.avatar {
	  position: relative;
	  width: 150px;
	  height: 150px;
	  border: 1px solid #ddd;
	  overflow: hidden;
  
	  img {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		max-width: 100%;
		max-height: 100%;
		margin: auto;
		border: solid 2px #CEDBE1 !important;
	  }
	}
  }
  
  .comment-time {
	margin: 0 0 15px;
  
	/*font-size: 13px;*/
	font-weight: bold;
  
	span {
	  color: #444;
	}
  }
  
  .comment-title {
	margin: 0 0 15px;
  
	/*font-size: 16px;*/
	color: #444;
  }
  
  .comment-body {
	line-height: 22px;
  }
  
  .news-list-homepage {
	margin: 0 0 75px;
  
	.title {
	  margin: 0 0 -1px;
	  border-bottom: 1px solid #ddd;
	  padding: 0 0 15px;
  
	  /*font-size: 30px;*/
	  font-weight: normal;
	  color: #444;
  
	  strong {
		font-weight: normal;
	  }
	}
  
	.view-all {
	  text-align: center;
  
	  a {
		color: #444;
		text-decoration: underline;
  
		&:hover {
		  color: #4ab2f1;
		}
	  }
	}
  }
  
  /*** FORUM & PROFILE ***/
  
  .forums-main-page {
	.topic-block {
	  margin: 0 0 35px;
	  text-align: center;
  
	  p {
		text-align: center;
	  }
	}
  
	.pager {
	  display: none;
	}
  }
  
  .forum-breadcrumb {
	margin: 0 0 40px;
  }
  
  .forums-header {
	margin: 0 0 50px;
	overflow: hidden;
  
	&:after {
	  content: "";
	  display: block;
	  clear: both;
	}
  
	.current-time {
	  margin: 0 0 15px;
	  color: #444;
	}
  }
  
  .forum-search-box {
	.basic {
	  overflow: hidden;
	  margin: 0 0 10px;
	}
  
	.advanced a {
	  line-height: 22px;
	  color: #444;
	  text-decoration: underline;
  
	  &:hover {
		color: #4ab2f1;
	  }
	}
  }
  
  .forum-search-page {
	.page-title {
	  margin: 0 0 -1px;
	}
  
	.search-error, .no-result {
	  margin: 0 0 15px;
	  text-align: center;
	  color: #e4434b;
	}
  }
  
  /* forum group */
  
  .forums-table-section {
	margin: 0 0 60px;
  
	+ .pager {
	  margin: -30px 0 30px;
	}
  }
  
  .forums-table-section-title {
	margin: 0 0 15px;
	padding: 0 10px;
  
	a, strong {
	  /*font-size: 22px;*/
	  font-weight: normal;
	  color: #444;
	}
  
	a:hover {
	  color: #4ab2f1;
	}
  }
  
  .forums-table-section {
	.image div {
	  width: 38px;
	  height: 32px;
	  margin: auto;
	  background: url('../../Content/images/topic-type1.png') center no-repeat;
  
	  &.sticky {
		background: url('../../Content/images/topic-type2.png') center no-repeat;
	  }
  
	  &.announcement {
		background: url('../../Content/images/topic-type3.png') center no-repeat;
	  }
	}
  
	.forum-title, .topic-title {
	  margin: 5px 0;
	}
  
	.forum-title a, .topic-title a {
	  /*font-size: 16px;*/
	  font-weight: bold;
	  color: #444;
	}
  
	.forum-title a:hover {
	  color: #4ab2f1;
	  text-decoration: none;
	}
  
	.topic-title {
	  a:hover {
		color: #4ab2f1;
		text-decoration: none;
	  }
  
	  span {
		display: block;
		color: #777;
	  }
	}
  
	.forum-description, .topic-starter {
	  margin: 5px 0;
	}
  
	.latest-post {
	  white-space: nowrap;
  
	  div {
		margin: 5px 0;
	  }
  
	  label {
		color: #777;
	  }
	}
  
	.view-all {
	  margin: 30px 0 0;
	  padding: 0 10px;
  
	  a {
		background-color: #4ab2f1;
		padding: 10px 15px;
  
		/*font-size: 12px;*/
		color: #fff;
		text-transform: uppercase;
  
		&:hover {
		  background-color: #248ece;
		}
	  }
	}
  }
  
  /* forum-page, topic page */
  
  .forum-page {
	.forum-info {
	  margin: 0 0 30px;
	}
  
	.forum-name {
	  margin: 0 0 25px;
	  border-bottom: 1px solid #ddd;
	  padding: 0 10px 10px;
	}
  }
  
  .forum-topic-page .topic-name {
	margin: 0 0 25px;
	border-bottom: 1px solid #ddd;
	padding: 0 10px 10px;
  }
  
  .forum-page .forum-name h1, .forum-topic-page .topic-name h1 {
	/*font-size: 30px;*/
	font-weight: normal;
  }
  
  .forum-actions, .topic-actions {
	margin: 0 0 30px;
	font-size: 0;
  }
  
  .forum-actions .actions a, .topic-actions .actions a {
	display: inline-block;
	margin: 1px;
	padding: 10px 10px 10px 33px;
  
	/*font-size: 14px;*/
  }
  
  .forum-actions .actions {
	.new-topic {
	  background: #eee url('../../Content/images/new.png') left center no-repeat;
	}
  
	.watch-forum {
	  background: #eee url('../../Content/images/watch.png') left center no-repeat;
	}
  }
  
  .topic-actions .actions .watch-forum {
	background: #eee url('../../Content/images/watch.png') left center no-repeat;
  }
  
  .forum-actions .actions a:hover, .topic-actions .actions a:hover {
	background-color: #e6e6e6;
  }
  
  .forum-actions .pager.upper {
	display: none;
	margin: 0;
  }
  
  .topic-actions {
	.pager.upper {
	  display: none;
	  margin: 0;
	}
  
	.reply-topic-button {
	  background: #eee url('../../Content/images/reply.png') left center no-repeat;
	}
  
	.watch-topic-button {
	  background: #eee url('../../Content/images/watch.png') left center no-repeat;
	}
  
	.move-topic-button {
	  background: #eee url('../../Content/images/move.png') left center no-repeat;
	}
  
	.edit-topic-button {
	  background: #eee url('../../Content/images/edit_.png') left center no-repeat;
	}
  
	.delete-topic-button {
	  background: #eee url('../../Content/images/remove_.png') left center no-repeat;
	}
  
	&.lower .actions {
	  display: none;
	}
  }
  
  .active-discussions-page {
	.forums-table-section-title {
	  margin: 0 0 25px;
	  border-bottom: 1px solid #ddd;
	  padding: 0 10px 10px;
  
	  strong {
		/*font-size: 30px;*/
		font-weight: normal;
	  }
	}
  
	.forums-table-section-body {
	  margin: 0 0 20px;
	}
  }
  
  /* topic post */
  
  .topic-post {
	margin: 0 0 30px;
	border-top: 1px solid #ddd;
  
	&:last-child {
	  border-bottom: 1px solid #ddd;
	}
  
	&:after {
	  content: "";
	  display: block;
	  clear: both;
	}
  
	.post-info {
	  margin: 30px 0;
	}
  
	.user-info {
	  width: 150px;
	  margin: 0 auto 15px;
	}
  
	.username {
	  display: block;
	  margin: 0 0 -1px;
	  border: 1px solid #ddd;
	  background-color: #f6f6f6;
	  padding: 11px 0;
	  font-weight: bold;
	  color: #444;
	}
  
	a.username:hover {
	  color: #4ab2f1;
	}
  
	.avatar {
	  position: relative;
	  width: 150px;
	  height: 150px;
	  border: 1px solid #ddd;
	  overflow: hidden;
	}
  }
  
  .profile-info-box .avatar {
	position: relative;
	width: 150px;
	height: 150px;
	border: 1px solid #ddd;
	overflow: hidden;
  }
  
  .topic-post .avatar img, .profile-info-box .avatar img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
  }
  
  .topic-post {
	.avatar img {
	  border: solid 2px #CEDBE1 !important;
	}
  
	.user-stats {
	  margin: 0 0 15px;
  
	  li {
		display: inline-block;
		margin: 0 10px;
	  }
  
	  span {
		margin: 0 0 0 3px;
		font-weight: bold;
		color: #444;
	  }
	}
  }
  
  .profile-info-box .profile-stats span {
	margin: 0 0 0 3px;
	font-weight: bold;
	color: #444;
  }
  
  .topic-post .pm-button, .profile-info-box .pm-button {
	display: inline-block;
	border: none;
	background-color: #888;
	padding: 10px 20px;
  
	/*font-size: 12px;*/
	color: #fff;
	text-transform: uppercase;
  }
  
  .topic-post .pm-button:hover, .profile-info-box .pm-button:hover {
	background-color: #999;
  }
  
  .topic-post {
	.post-time {
	  margin: 0 0 15px;
	  background-color: #f6f6f6;
	  padding: 10px 15px;
  
	  /*font-size: 13px;*/
	  font-weight: bold;
  
	  span {
		color: #444;
	  }
	}
  
	.post-actions {
	  margin: 0 0 15px;
	  font-size: 0;
  
	  > div {
		display: inline-block;
	  }
  
	  a {
		display: inline-block;
		margin: 1px 5px;
  
		/*font-size: 14px;*/
	  }
  
	  .edit-post-button, .delete-post-button {
		padding: 10px 10px 10px 33px;
	  }
  
	  .edit-post-button {
		background: url('../../Content/images/edit_.png') left center no-repeat;
	  }
  
	  .delete-post-button {
		background: url('../../Content/images/remove_.png') left center no-repeat;
	  }
  
	  .edit-post-button:hover, .delete-post-button:hover {
		color: #4ab2f1;
	  }
  
	  .post-link-button {
		padding: 10px;
		font-weight: bold;
		color: #4ab2f1;
  
		&:hover {
		  text-decoration: underline;
		}
	  }
  
	  .quote-post-button {
		background-color: #888;
		padding: 10px 20px;
		color: #fff;
  
		&:hover {
		  background-color: #999;
		  color: #fff;
		}
	  }
	}
  
	.post-text {
	  /*topic post-text also gets style from blog post-body*/
	  padding: 0 10px 20px;
	  line-height: 22px;
	  color: #444;
	  margin-bottom: 0;
	}
  
	.post-vote {
	  text-align: center;
	  display: table;
	  margin: 0 auto 20px;
	}
  
	.user-posted-image {
	  max-width: 100%;
	  height: auto;
	}
  }
  
  .latest-posts .user-posted-image {
	max-width: 100%;
	height: auto;
  }
  
  .topic-post .quote, .latest-posts .quote {
	margin: 10px 0;
	border: 1px dashed #ccc;
	background-color: #f9f9f9;
	padding: 10px;
	color: #777;
  }
  
  .topic-post {
	.signature {
	  border-top: 1px solid #ddd;
	  padding: 20px;
  
	  /*font-size: 13px;*/
	  font-style: italic;
	  clear: both;
	}
  
	.post-vote span {
	  &.vote {
		cursor: pointer;
		display: block;
		width: 40px;
		height: 24px;
	  }
  
	  &.up {
		background: url('../../Content/images/vote-up.png') no-repeat 50% 50%;
	  }
  
	  &.vote.up.selected {
		background: url('../../Content/images/vote-up-selected.png') no-repeat 50% 50%;
	  }
  
	  &.down {
		background: url('../../Content/images/vote-down.png') no-repeat 50% 50%;
	  }
  
	  &.vote.down.selected {
		background: url('../../Content/images/vote-down-selected.png') no-repeat 50% 50%;
	  }
	}
  
	.vote-count-post {
	  display: block;
	  font-size: 160%;
	}
  }
  
  /* forum edit & send message */
  
  .forum-edit-page .page-title, .move-topic-page .page-title, .private-message-send-page .page-title {
	margin: 0 0 -1px;
  }
  
  .move-topic-page label {
	white-space: normal;
  }
  
  .forum-edit-page .message-error, .private-message-send-page .message-error {
	margin: 20px 0;
  }
  
  .forum-edit-page {
	.inputs {
	  strong {
		display: inline-block;
		max-width: 400px;
  
		/*font-size: 22px; /*reset zeroing*/
		font-weight: normal;
		color: #444;
		white-space: normal;
	  }
  
	  .topic-subject {
		font-size: 17px;
	  }
  
	  &.reversed {
		margin: 0;
  
		label {
		  width: auto;
		  margin: 5px;
  
		  /*font-size: 14px; /*reset zeroing*/
		  white-space: normal;
		}
	  }
	}
  
	.bb-code-editor-wrapper {
	  max-width: 400px;
	  margin: 20px auto;
	  background-color: #ddd;
	  padding: 10px;
	}
  }
  
  .private-message-send-page .bb-code-editor-wrapper {
	max-width: 400px;
	margin: 20px auto;
	background-color: #ddd;
	padding: 10px;
  }
  
  .forum-edit-page .toolbar .button, .private-message-send-page .toolbar .button {
	margin: 0 2px 0 0;
	border: #cec6b5 1px solid;
	padding: 2px;
  }
  
  .forum-edit-page .toolbar .button:hover, .private-message-send-page .toolbar .button:hover {
	border: #333 1px solid;
  }
  
  .forum-edit-page textarea, .private-message-send-page textarea {
	display: block;
	margin: auto;
  }
  
  .forum-edit-page .buttons input, .move-topic-page .buttons input, .private-messages .buttons input {
	min-width: 140px;
	border: none;
	background-color: #999;
	padding: 10px 30px;
	text-align: center;
  
	/*font-size: 15px;*/
	color: #fff;
	text-transform: uppercase;
  }
  
  .forum-edit-page .buttons input:hover, .move-topic-page .buttons input:hover, .private-messages .buttons input:hover {
	background-color: #888;
  }
  
  .forum-edit-page .buttons .button-1, .move-topic-page .buttons .button-1, .private-messages .buttons .button-1 {
	background-color: #4ab2f1;
  }
  
  .forum-edit-page .buttons .button-1:hover, .move-topic-page .buttons .button-1:hover, .private-messages .buttons .button-1:hover {
	background-color: #248ece;
  }
  
  .private-message-send-page {
	a {
	  /*font-size: 14px;*/
	  color: #4ab2f1;
	}
  
	span {
	  /*font-size: 14px;*/
	}
  }
  
  /* jQuery tabs */
  
  .ui-tabs {
	/*override jQuery UI styles, do not delete doubled properties*/
	border: none;
	border-radius: 0;
	background: none;
	padding: 0;
  
	/*font: normal 14px Arial, Helvetica, sans-serif;*/
	color: #777;
  }
  
  .ui-widget.ui-widget-content.ui-tabs {
	border: none;
  }
  
  .ui-tabs-nav {
	margin: 0 0 30px;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
	font-size: 0;
  
	/*override jQuery UI styles, do not delete doubled properties*/
	margin: 0 0 30px !important;
	border-width: 0 0 1px;
	border-radius: 0;
	background: none;
	padding: 0 !important;
	line-height: normal;
	font-weight: normal;
	color: #444;
  
	li {
	  margin: 0 0 -1px;
  
	  /*override jQuery UI styles, do not delete doubled properties*/
	  float: none !important;
	  margin: 0 0 -1px !important;
	  border: none !important;
	  border-radius: 0;
	  background: none !important;
	  padding: 0 !important;
  
	  a {
		display: block;
		border: 1px solid #ddd;
		padding: 12px 24px;
		text-align: center;
  
		/*font-size: 18px;*/
		color: #444;
  
		/*override jQuery UI styles, do not delete doubled properties*/
		float: none !important;
		padding: 12px 24px !important;
	  }
  
	  &.ui-state-active a {
		background-color: #eee;
		color: #4ab2f1;
	  }
	}
  }
  
  .ui-tabs-panel {
	/*override jQuery UI styles, do not delete doubled properties*/
	padding: 0 !important;
  }
  
  /* inbox & view message */
  
  .private-messages-page .table-wrapper, .private-message-view-page .view-message {
	margin: 0 0 30px;
  }
  
  .private-messages-page {
	th.select {
	  text-align: center;
	}
  
	td {
	  &.from, &.to, &.subject {
		min-width: 150px;
	  }
  
	  &.date {
		white-space: nowrap;
	  }
  
	  &.subject a {
		color: #444;
  
		&.pm-unread {
		  color: #4ab2f1;
		}
	  }
	}
  
	.pager {
	  margin: 0 0 30px;
	}
  
	.buttons {
	  font-size: 0;
	}
  }
  
  .private-message-view-page .buttons {
	font-size: 0;
  }
  
  .private-messages-page .buttons {
	.button-1, .button-2 {
	  display: block;
	  width: 250px;
	  margin: 0 auto 3px;
  
	  /*font-size: 15px; /*reset zeroing*/
	}
  }
  
  .private-message-view-page {
	.buttons {
	  .button-1, .button-2 {
		display: block;
		width: 250px;
		margin: 0 auto 3px;
  
		/*font-size: 15px; /*reset zeroing*/
	  }
	}
  
	.view-message {
	  margin: 0 0 30px;
	}
  
	.message-head {
	  margin: 0 0 20px;
	  line-height: 22px;
  
	  span {
		font-weight: bold;
		color: #444;
	  }
	}
  
	.message-body {
	  border-top: 1px solid #ddd;
	  background-color: #f9f9f9;
	  padding: 30px 20px;
	  line-height: 22px;
	  text-align: justify;
	}
  
	.back-pm-button {
	  text-transform: capitalize !important;
	}
  }
  
  /* profile page  */
  
  .profile-info-box {
	overflow: hidden;
  
	/*override jQuery UI styles, do not delete doubled properties*/
	line-height: normal;
  
	/*font-size: 14px;*/
	/*font-family: Arial, Helvetica, sans-serif;*/
	color: #777;
  
	.user-details {
	  margin: 0 0 30px;
	}
  
	.avatar {
	  margin: 0 auto 15px;
	}
  
	.title {
	  margin: 0 0 10px;
  
	  /*font-size: 18px;*/
	  color: #444;
	}
  
	.stats {
	  margin: 0 0 15px;
	}
  }
  
  .latest-posts {
	/*override jQuery UI styles, do not delete doubled properties*/
	line-height: normal;
  
	/*font-size: 14px;*/
	/*font-family: Arial, Helvetica, sans-serif;*/
	color: #777;
  
	.topic {
	  margin: 0 0 35px;
	}
  
	.topic-title {
	  margin: 0 0 20px;
	  border-top: 1px solid #ddd;
	  background: #f6f6f6;
	  padding: 10px;
  
	  /*font-size: 16px;*/
  
	  a {
		font-weight: bold;
		color: #444;
  
		&:hover {
		  color: #4ab2f1;
		}
	  }
	}
  
	.topic-body {
	  margin: 0 0 15px;
	  line-height: 22px;
	}
  
	.topic-data {
	  color: #444;
	}
  }
  
  /* BB codes */
  
  pre {
	white-space: pre-wrap;
	white-space: normal;
	word-wrap: break-word;
  }
  
  .csharpcode {
	margin: 10px 0;
	border: 1px dashed #ccc;
	background-color: #fff;
	padding: 10px;
  
	/*font-family: "Courier New", Courier, monospace;*/
	color: #000;
  
	.rem {
	  color: green;
	}
  
	.kwrd {
	  color: #00f;
	}
  
	.str {
	  color: #006080;
	}
  
	.op {
	  color: #00c;
	}
  
	.preproc {
	  color: #c63;
	}
  
	.asp {
	  background-color: #ff0;
	}
  
	.html {
	  color: maroon;
	}
  
	.attr {
	  color: red;
	}
  
	.alt {
	  width: 100%;
	  margin: 0;
	  background-color: #f6f6f6;
	}
  
	.lnum {
	  color: #666;
	}
  }
  
  @media all and (max-width: 769px) {
	.review-rating .name-description {
	  text-align: center;
	  width: 100%;
	  display: block;
	}
  
	.write-review .review-rating div {
	  text-align: center;
	  padding-bottom: 10px;
	  display: inline-block;
	}
  }
  
  @media all and (max-width: 1000px) {
	/*** GLOBAL TABLES ***/
  
	.cart {
	  display: block;
  
	  colgroup, thead {
		display: none;
	  }
  
	  tbody {
		display: block;
		overflow: hidden;
	  }
  
	  tr {
		display: block;
		float: left;
		width: 100%;
		margin: 40px 0 0;
		border: 1px solid #ddd;
	  }
  
	  td {
		display: block;
		border: none;
		padding: 10px;
  
		&.remove-from-cart {
		  margin: 0 0 15px;
		  border-bottom: 1px solid #ddd;
		  background-color: #eee;
		  padding: 10px;
		}
  
		&.product-picture {
		  border-top: 1px solid #ddd;
		  padding: 15px 10px 5px;
		}
  
		&.product {
		  min-width: 0;
		  border-bottom: 1px solid #ddd;
		  padding: 5px 10px 15px;
		  text-align: center;
		}
  
		&.quantity {
		  display: inline-block;
		  padding: 0 10px;
		  vertical-align: middle;
		}
  
		&.unit-price, &.subtotal {
		  display: inline-block;
		  padding: 20px 10px;
		  vertical-align: middle;
		}
	  }
	}
  
	.order-details-page .data-table {
	  display: block;
  
	  colgroup, thead {
		display: none;
	  }
  
	  tbody {
		display: block;
		overflow: hidden;
	  }
  
	  tr {
		display: block;
		float: left;
		width: 100%;
		margin: 40px 0 0;
		border: 1px solid #ddd;
	  }
  
	  td {
		display: block;
		border: none;
		padding: 10px;
  
		&.product, &.tracking-number {
		  min-width: 0;
		  border-bottom: 1px solid #ddd;
		  padding: 5px 10px 15px;
		  text-align: center;
		}
	  }
	}
  
	/*** MOBILE NAVIGATION ***/
  
	.header-menu {
	  position: relative;
	  z-index: 1;
	  width: 90%;
	  max-width: 600px;
	  margin: 0 auto 40px;
	}
  
	.menu-toggle {
	  background: #4ab2f1 url('../../Content/images/menu-icon.png') right center no-repeat;
	  padding: 15px;
  
	  /*font-size: 15px;*/
	  font-weight: bold;
	  color: #fff;
	  text-transform: uppercase;
	  cursor: pointer;
	}
  
	.top-menu {
	  display: none;
  
	  > li {
		position: relative;
		margin: 1px 0;
		background-color: #f6f6f6;
  
		> a {
		  display: block;
		  min-height: 55px;
		  padding: 18px;
  
		  /*font-size: 15px;*/
		  color: #555;
		}
	  }
  
	  .sublist {
		display: none;
		background-color: #fff;
		padding: 5px 0;
  
		li {
		  position: relative;
		  margin: 1px 0 1px 20px;
  
		  a {
			display: block;
			padding: 15px 18px;
  
			/*font-size: 15px;*/
		  }
		}
	  }
	}
  
	.sublist-toggle {
	  position: absolute;
	  top: 0;
	  right: 0;
	  width: 55px;
	  height: 55px;
	  border-left: 1px solid #fff;
	  background: url('../../Content/images/toggle-black.png') center no-repeat;
	  padding: 15px;
  
	  /*font-size: 15px;*/
	  font-weight: bold;
	  color: #fff;
	  text-transform: uppercase;
	  cursor: pointer;
	}
  
	.sublist {
	  .sublist-toggle {
		height: 49px;
	  }
  
	  .sublist {
		li {
		  background-color: #f6f6f6;
		}
  
		.sublist li {
		  background-color: #fff;
		}
	  }
	}
  
	.block-category-navigation {
	  display: none;
	}
  
	.block-account-navigation {
	  float: none;
	  margin: auto !important;
	}
  
	.write-review .review-rating {
	  text-align: center;
  
	  div.name-description {
		width: 100%;
		margin: 0 5px 0 0;
		text-align: center;
	  }
	}
  }
  
  @media all and (min-width: 481px) {
	/*** GLOBAL ***/
  
	.master-wrapper-content, .header-menu {
	  width: 92.5%;
	}
  
	/*** GLOBAL TABLES ***/
  
	.cart tr, .order-details-page .data-table tr {
	  width: 46%;
	  margin: 40px 2% 0;
  
	  &:nth-child(2n+1) {
		clear: both;
	  }
	}
  
	/*** HEADER ***/
  
	.header-selectors-wrapper > div {
	  display: inline-block;
	  width: 30%;
	  margin: 10px auto;
	}
  
	.search-box input.search-box-text {
	  width: 280px;
	}
  
	.ui-autocomplete {
	  width: 280px !important;
  
	  img {
		display: inline;
	  }
	}
  
	/*** FOOTER ***/
  
	.footer-block {
	  width: 85%;
	}
  
	.newsletter-email input[type="text"] {
	  width: 240px;
	}
  
	/*** CATEGORY ***/
  
	.product-filter {
	  display: table-cell;
	  vertical-align: top;
	  text-align: left;
  
	  &.price-range-filter {
		width: 200px;
	  }
  
	  .product-spec-group {
		float: left;
		margin: 0 25px 10px 0;
  
		&.product-spec-color {
		  max-width: 190px;
		}
	  }
  
	  .group li {
		&.item {
		  display: block;
		  margin: 0;
		}
  
		&.color-item {
		  display: inline-block;
		}
	  }
	}
  
	.item-box {
	  width: 49%;
	  margin: 0 0.5% 50px;
  
	  &:nth-child(2n+1) {
		clear: both;
	  }
  
	  .product-rating-box {
		margin: 0 0 15px;
	  }
  
	  .prices {
		min-height: 40px;
	  }
  
	  .product-title {
		min-height: 42px;
		margin: 0 0 5px;
	  }
	}
  
	/*** PRODUCT PAGE ***/
  
	.overview-buttons div {
	  display: inline-block;
	  width: auto;
	  margin: 0 1px 2px;
	}
  
	/*** WISHLIST ***/
  
	.wishlist-content .button-2 {
	  display: inline-block;
	  width: auto;
	  min-width: 140px;
	  margin: 0 1px 5px;
	}
  
	/*** TOPICS ***/
  
	.enter-password-form input[type="password"] {
	  width: 260px;
	}
  
	/*** FORUM & PROFILE ***/
  
	.forums-header {
	  background-color: #f9f9f9;
	  padding: 30px 20px 20px;
	}
  
	.ui-tabs-nav li {
	  display: inline-block;
	  min-width: 150px;
	  margin: 0 5px -1px;
  
	  /*override jQuery UI styles, do not delete doubled properties*/
	  margin: 0 5px -1px !important;
	}
  
	.private-messages-page .buttons {
	  .button-1, .button-2 {
		display: inline-block;
		width: auto;
		margin: 1px;
	  }
	}
  
	.private-message-view-page .buttons {
	  .button-1, .button-2 {
		display: inline-block;
		width: auto;
		margin: 1px;
	  }
	}
  
	.topic-post .post-text {
	  float: left;
	  width: 90.5%;
	  text-align: left;
	}
  
	.forum-group .forum-table {
	  th {
		&.latest-post, &.topics, &.posts {
		  display: table-cell;
		}
	  }
  
	  td {
		&.latest-post, &.topics, &.posts {
		  display: table-cell;
		}
	  }
	}
  
	.topic-group .forum-table {
	  th.latest-post, td.latest-post {
		display: table-cell;
	  }
	}
  
	.forum-table td.image {
	  max-width: 40px;
  
	  div {
		max-width: 100%;
		background-size: contain;
	  }
	}
  }
  
  @media all and (min-width: 769px) {
	/**** GLOBAL ***/
  
	.master-wrapper-content {
	  width: 94%;
	}
  
	.home-page-polls li {
	  min-width: 100px;
	}
  
	/**** GLOBAL TABLES ***/
  
	.cart tr, .order-details-page .data-table tr {
	  width: 31.33333%;
	  margin: 40px 1% 0;
  
	  &:nth-child(2n+1) {
		clear: none;
	  }
  
	  &:nth-child(3n+1) {
		clear: both;
	  }
	}
  
	/*** HEADER ***/
  
	.header-selectors-wrapper > div {
	  width: 20%;
	}
  
	/*** FOOTER ***/
  
	.footer-block {
	  display: inline-block;
	  width: 25.33333%;
	  margin: 0 4%;
	  vertical-align: top;
  
	  .title {
		margin: 0 0 15px;
		background: none;
		padding: 0;
		color: #444;
		cursor: auto;
	  }
  
	  .list {
		display: block !important;
  
		/* prevents toggle display:none on resize */
		background: none;
		padding: 0;
  
		li {
		  padding: 5px 0;
		}
  
		a {
		  display: inline;
		  padding: 0;
		}
	  }
	}
  
	.follow-us {
	  width: 98%;
	  margin: 25px auto 0;
	}
  
	/*** CATEGORY ***/
  
	.product-selectors {
	  text-align: left;
  
	  .product-viewmode {
		display: inline-block;
		float: right;
  
		span {
		  display: none;
		}
  
		a {
		  display: inline-block;
		  width: 24px;
		  height: 32px;
		  margin: 0 0 0 12px;
		  background-position: center;
		  background-repeat: no-repeat;
		  opacity: 0.5;
  
		  &.grid {
			background-image: url('../../Content/images/view-grid.png');
		  }
  
		  &.list {
			background-image: url('../../Content/images/view-list.png');
		  }
  
		  &.selected {
			opacity: 1;
		  }
		}
	  }
	}
  
	.item-box {
	  width: 32.33333%;
	  margin: 0 0.5% 50px;
  
	  &:nth-child(2n+1) {
		clear: none;
	  }
  
	  &:nth-child(3n+1) {
		clear: both;
	  }
	}
  
	.product-list .item-box {
	  float: none;
	  width: auto;
	  margin: 0 5px 20px;
  
	  .product-item:after {
		content: "";
		display: block;
		clear: both;
	  }
  
	  .picture {
		float: left;
		width: 220px;
	  }
  
	  &:hover .picture a img {
		opacity: 1;
	  }
  
	  .picture {
		&:hover a img {
		  opacity: 0.85;
		}
  
		+ .details {
		  margin: 0 0 0 240px;
		}
	  }
  
	  .product-title {
		height: auto;
		padding: 10px 0;
  
		/*font-size: 18px;*/
	  }
  
	  .description {
		display: block;
		margin: 0 0 10px;
		line-height: 22px;
	  }
  
	  .prices {
		height: auto;
		margin: 0 0 30px;
	  }
  
	  .buttons {}
  
	  .product-box-add-to-cart-button {
		width: auto;
		min-width: 150px;
		padding: 0 20px;
	  }
  
	  .add-to-compare-list-button, .add-to-wishlist-button {
		width: 42px;
	  }
	}
  
	/*** PRODUCT PAGE ***/
  
	.gallery {
	  width: 550px;
	}
  
	.variant-picture {
	  float: left;
  
	  + .variant-overview {
		width: auto;
		margin: 0 0 0 240px;
	  }
	}
  
	.variant-overview {
	  text-align: left;
	}
  
	/*** PRODUCT REVIEWS ***/
  
	.product-review-item {
	  .review-title {
		float: left;
		max-width: 600px;
	  }
  
	  .product-review-box {
		float: right;
	  }
	}
  
	.write-review .review-rating div {
	  display: inline-block;
	  margin: 0 0 0 5px;
	  cursor: default;
	  vertical-align: middle;
  
	  /*font-size: 14px;*/
	  height: 17px;
	}
  
	/*** REGISTRATION, LOGIN, ACCOUNT ***/
  
	.address-list-page .section, .order-list-page .section, .return-request-list-page .section {
	  display: inline-block;
	  width: 45%;
	  margin: 20px 1%;
	  vertical-align: top;
	}
  
	.recurring-payments {
	  width: 100% !important;
	  margin: 20px 0 !important;
	}
  
	/*** SHOPPING CART ***/
  
	.order-progress {
	  padding: 20px;
  
	  li {
		margin: 0 10px;
	  }
  
	  a {
		min-width: 80px;
	  }
	}
  
	.cart-options {
	  .common-buttons {
		text-align: right;
	  }
  
	  .checkout-attributes, .selected-checkout-attributes {
		padding: 0 10px;
	  }
	}
  
	.cart-footer {
	  .totals {
		float: right;
		width: 45%;
		margin: 0 2.5%;
	  }
  
	  .terms-of-service {
		text-align: left;
	  }
  
	  .checkout-buttons, .addon-buttons {
		text-align: right;
	  }
  
	  .cart-collaterals {
		float: left;
		width: 45%;
		margin: 0 2.5%;
  
		div, label {
		  text-align: left;
		}
	  }
  
	  .estimate-shipping {
		label {
		  display: block;
		  margin: 0 0 10px;
		}
  
		.buttons {
		  text-align: right;
		}
	  }
	}
  
	/*** CHECKOUT ***/
  
	.checkout-page {
	  .selected-checkout-attributes {
		float: right;
		text-align: right;
	  }
  
	  .cart-footer .totals {
		max-width: 350px;
		margin: 0;
	  }
  
	  .address-grid {
		overflow: hidden;
	  }
  
	  .address-item {
		float: left;
		width: 48%;
		margin: 0 1% 40px;
	  }
	}
  
	.shipping-method .method-list li, .payment-method .method-list li {
	  display: inline-block;
	  width: 25%;
	  margin: 20px 2%;
	  vertical-align: top;
	}
  
	.shipping-method .method-name {
	  background-color: #f6f6f6;
	  padding: 10px;
	}
  
	.payment-method {
	  .payment-logo {
		display: block;
		background-color: #f6f6f6;
		padding: 10px;
	  }
  
	  .payment-details {
		display: block;
		width: auto;
		min-width: 0;
		margin: 10px 0 0;
		text-align: center;
	  }
	}
  
	.payment-info .info {
	  padding: 30px 75px;
	}
  
	.order-review-data, .order-details-area, .shipment-details-area {
	  overflow: hidden;
	}
  
	.order-review-data > div, .order-details-area > div, .shipment-details-area > div {
	  float: left;
	  width: 48%;
	  margin: 0 1% 40px;
	}
  
	/*** ORDER DETAILS & SHIPPING DETAILS ***/
  
	.order-details-page {
	  .section.options {
		text-align: right;
	  }
  
	  .selected-checkout-attributes {
		padding: 0 10px;
	  }
  
	  .tax-shipping-info {
		text-align: right;
	  }
  
	  .totals {
		float: right;
		clear: both;
	  }
	}
  
	.shipment-details-page .tracking-number .tracking-url {
	  color: #4ab2f1;
	}
  
	/*** BLOG & NEWS ***/
  
	.blog-posts {
	  .tags {
		float: right;
		width: 80%;
		text-align: right;
	  }
  
	  .buttons {
		float: left;
		width: 20%;
		text-align: left;
	  }
	}
  
	.new-comment {
	  text-align: center;
  
	  .buttons {
		text-align: center;
	  }
	}
  
	.comment-list .comment {
	  display: table;
	  width: 100%;
	  margin: 0;
  
	  &:last-child {
		border-bottom: 1px solid #ddd;
	  }
	}
  
	.comment-info {
	  display: table-cell;
	  width: 15%;
	  margin: 0;
	  vertical-align: top;
  
	  .username {
		min-height: 40px;
		margin: 0;
		border: none;
		text-align: center;
	  }
  
	  .avatar {
		border: none;
  
		img {
		  max-width: 80%;
		  max-height: 80%;
		}
	  }
	}
  
	.comment-content {
	  display: table-cell;
	  width: 85%;
	  border-left: 1px solid #ddd;
	  vertical-align: top;
	  text-align: left;
	}
  
	.comment-time {
	  min-height: 40px;
	  margin: 0;
	  background-color: #f6f6f6;
	  padding: 10px 15px;
  
	  /*font-size: 14px;*/
	  font-weight: normal;
	}
  
	.comment-title {
	  margin: 0 0 -20px;
	  padding: 20px;
	}
  
	.comment-body {
	  padding: 20px;
	}
  
	/*** FORUM & PROFILE ***/
  
	.forum-actions, .topic-actions {
	  overflow: hidden;
	}
  
	.forum-actions .actions, .topic-actions .actions {
	  float: left;
	}
  
	.forum-actions .pager, .topic-actions .pager {
	  float: right;
	  max-width: 450px;
	}
  
	.forum-actions .pager li, .topic-actions .pager li {
	  margin: 2px 4px;
	}
  
	.forum-actions .pager.upper, .topic-actions.lower .actions {
	  display: block;
	}
  
	.topic-posts {
	  margin: 0 0 30px;
	}
  
	.topic-post {
	  display: table;
	  width: 100%;
	  margin: 0;
  
	  .post-info {
		display: table-cell;
		width: 15%;
		margin: 0;
		vertical-align: top;
		text-align: left;
	  }
  
	  .user-info {
		width: auto;
	  }
  
	  .username {
		min-height: 40px;
		margin: 0;
		border: none;
		text-align: center;
	  }
  
	  .avatar {
		margin: auto;
		border: none;
  
		img {
		  max-width: 80%;
		  max-height: 80%;
		}
	  }
  
	  .user-stats li {
		margin: 0;
	  }
  
	  .send-pm {
		margin: 0 0 20px;
	  }
  
	  .pm-button {
		padding: 8px 16px;
  
		/*font-size: 13px;*/
	  }
	}
  
	.profile-info-box .pm-button {
	  padding: 8px 16px;
  
	  /*font-size: 13px;*/
	}
  
	.topic-post {
	  .post-content {
		display: table-cell;
		width: 85%;
		border-left: 1px solid #ddd;
		vertical-align: top;
		text-align: left;
	  }
  
	  .post-head {
		min-height: 40px;
		overflow: hidden;
		background-color: #f6f6f6;
	  }
  
	  .post-time {
		float: left;
		margin: 0;
  
		/*font-size: 14px;*/
		font-weight: normal;
	  }
  
	  .post-actions {
		float: right;
		margin: 0;
  
		a {
		  margin: 0;
		  line-height: 20px;
		}
  
		.manage-post a {}
  
		.quote-post a {
		  min-width: 70px;
		}
  
		a.post-link-button {
		  margin: 0 0 0 10px;
		  border-left: 1px solid #ddd;
		  text-align: center;
		}
	  }
  
	  .post-text {
		padding: 20px 5px;
	  }
  
	  .post-vote {
		padding: 20px 0 20px 15px;
	  }
	}
  
	.forum-table {
	  th {
		&.replies, &.views, &.votes {
		  display: table-cell;
		}
	  }
  
	  td {
		&.replies, &.views, &.votes {
		  display: table-cell;
		}
  
		&.image {
		  max-width: none;
  
		  div {
			max-width: none;
			background-size: initial;
		  }
		}
	  }
	}
  
	.ui-tabs-nav {
	  text-align: left;
  
	  li {
		margin: 0 10px -1px 0;
  
		/*override jQuery UI styles, do not delete doubled properties*/
		margin: 0 10px -1px 0 !important;
	  }
	}
  
	.profile-info-box {
	  .avatar {
		float: left;
		margin: 0 15px 15px 0;
	  }
  
	  .profile-stats {
		float: left;
		text-align: left;
	  }
  
	  .title {
		text-align: left;
	  }
  
	  .send-pm {
		clear: both;
		text-align: left;
	  }
	}
  }
  
  @media all and (min-width: 1001px) {
	/*** GLOBAL STYLES ***/
  
	.master-wrapper-content {
	  /*width: 980px;*/
	  margin: auto;
	}
  
	.center-2 {
	  float: right;
	  width: 73%;
	}
  
	.side-2 {
	  float: left;
	  width: 25%;
	}
  
	.page {
	  text-align: left;
	}
  
	.inputs {
	  text-align: left;
  
	  label {
		display: inline-block;
		width: 265px;
		margin: 0 10px 0 0;
		text-align: right;
	  }
  
	  input {
		&[type="text"], &[type="email"], &[type="tel"], &[type="password"] {
		  min-height: 40px;
		}
	  }
  
	  select {
		min-height: 40px;
	  }
  
	  .option-list li {
		margin: 0 10px 0 0;
	  }
	}
  
	.center-1 .buttons {
	  text-align: center;
	}
  
	.center-2 .inputs label {
	  width: 136px;
	}
  
	.inputs.accept-consent label {
	  width: auto;
	}
  
	.page-title a + h1 {
	  float: left;
	}
  
	.link-rss {
	  display: block;
	  float: right;
	  margin: 6px 0 0;
	}
  
	/*** GLOBAL TABLES ***/
  
	.cart, .order-details-page .data-table {
	  tr {
		width: auto;
		margin: 0;
	  }
  
	  label {
		display: none;
	  }
	}
  
	/*** HEADER ***/
  
	.header {
	  width: 980px;
	  margin: auto;
	}
  
	.header-upper:after {
	  content: "";
	  display: block;
	  clear: both;
	}
  
	.header-selectors-wrapper {
	  float: left;
	  border: none;
	  padding: 0;
  
	  > div {
		width: auto;
		min-width: 100px;
		margin: 0 12px 0 0;
		line-height: 43px;
	  }
  
	  select {
		height: 25px;
		padding: 4px;
  
		/*font-size: 12px;*/
	  }
	}
  
	.language-list {
	  text-align: left;
	}
  
	.header-links-wrapper {
	  float: right;
	  padding: 0;
	}
  
	.header-links {
	  li {
		margin: 0 16px;
	  }
  
	  a, span {
		line-height: 45px;
		text-transform: none;
	  }
	}
  
	#topcartlink {
	  display: inline-block;
	  width: auto;
	  margin: 0;
	  padding: 0 18px;
	}
  
	.flyout-cart {
	  position: absolute;
	  top: 45px;
	  right: 0;
	  z-index: 100;
	  width: 300px;
	  box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
	  background-color: #fff;
  
	  &.active {
		display: block;
	  }
	}
  
	.mini-shopping-cart {
	  padding: 12px;
	  text-align: left;
  
	  /*font-size: 12px;*/
  
	  .count {
		padding: 5px 0 15px;
		color: #444;
  
		a {
		  margin: 0 2px;
		  font-weight: bold;
		  color: #444;
		}
	  }
  
	  .items {
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		margin: 0 0 20px;
	  }
  
	  .item {
		overflow: hidden;
		padding: 10px 0;
	  }
  
	  .picture {
		float: left;
		width: 70px;
		text-align: center;
  
		a {
		  display: block;
		  position: relative;
		  overflow: hidden;
  
		  &:before {
			content: "";
			display: block;
			padding-top: 100%;
		  }
		}
  
		img {
		  position: absolute;
		  top: 0;
		  right: 0;
		  bottom: 0;
		  left: 0;
		  margin: auto;
		  max-width: 100%;
		}
  
		+ .product {
		  margin: 0 0 0 80px;
		}
	  }
  
	  .name {
		margin: 0 0 10px;
  
		/*font-size: 14px;*/
  
		a {
		  color: #4ab2f1;
  
		  &:hover {
			color: #248ece;
		  }
		}
	  }
  
	  .attributes {
		margin: 5px 0;
		color: #444;
	  }
  
	  .totals {
		margin: 0 0 12px;
  
		/*font-size: 14px;*/
  
		strong {
		  /*font-size: 16px;*/
		  color: #444;
		}
	  }
  
	  .buttons {
		margin: 0 0 5px;
	  }
  
	  input[type="button"] {
		display: inline-block;
		border: none;
		background-color: #4ab2f1;
		padding: 10px 20px;
  
		/*font-size: 12px;*/
		color: #fff;
		text-transform: uppercase;
  
		&:hover {
		  background-color: #248ece;
		}
	  }
	}
  
	.header-lower {
	  display: table;
	  width: 100%;
	}
  
	.header-logo {
	  display: table-cell;
	  text-align: left;
	  vertical-align: middle;
	  font-size: 0;
	}
  
	.search-box {
	  display: table-cell;
	  text-align: right;
	  vertical-align: middle;
  
	  input.search-box-text, .search-box-button {
		height: 40px;
	  }
	}
  
	/*** NAVIGATION ***/
  
	.header-menu {
	  position: relative;
	  z-index: 5;
	  width: 980px;
	  margin: 0 auto 30px;
	  border-top: 1px solid #ddd;
	  border-bottom: 1px solid #ddd;
	  padding: 25px 0;
	  text-align: center;
	}
  
	.menu-toggle, .sublist-toggle {
	  display: none;
	}
  
	.header-menu {
	  > ul {
		display: block !important;
  
		/* prevents toggle display:none on resize */
		font-size: 0;
  
		&.mobile {
		  display: none !important;
		}
  
		> li {
		  display: inline-block;
		  border-left: 1px solid #ddd;
		  padding: 0 15px;
		  vertical-align: middle;
  
		  &:first-child {
			border-left: none;
		  }
  
		  > a {
			display: block;
			padding: 5px 10px;
			line-height: 20px;
  
			/*font-size: 17px; /*reset zeroing*/
			color: #555;
			cursor: pointer;
  
			&:hover {
			  color: #4ab2f1;
			}
		  }
		}
	  }
  
	  .sublist {
		display: none;
		position: absolute;
		width: 200px;
		box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
		background-color: #fff;
		padding: 10px 0;
		text-align: left;
  
		li {
		  position: relative;
  
		  a {
			display: block;
			position: relative;
			padding: 10px 20px 10px 30px;
			font-size: 14px;
			color: #444;
  
			&:before {
			  content: "";
			  position: absolute;
			  top: 17px;
			  left: 15px;
			  width: 5px;
			  height: 5px;
			  background-color: #ddd;
			}
		  }
  
		  &:hover > a {
			background-color: #f6f6f6;
		  }
		}
	  }
  
	  ul li:hover > .sublist {
		display: block;
	  }
  
	  .sublist .sublist {
		top: -10px;
		left: 100% !important;
	  }
	}
  
	/*** FOOTER ***/
  
	.footer-upper {
	  width: 980px;
	  padding: 35px 10px;
  
	  &:after {
		content: "";
		display: block;
		clear: both;
	  }
	}
  
	.footer-block {
	  float: left;
	  width: 220px;
	  margin: 0;
  
	  &:first-child {}
  
	  .list {
		margin: 0;
	  }
	}
  
	.follow-us {
	  float: right;
	  width: 300px !important;
	  margin: 0;
	  text-align: left;
  
	  .social li {
		margin: 0 10px 0 0;
	  }
	}
  
	.newsletter-email {
	  display: block;
  
	  input[type="text"] {
		width: 200px;
	  }
  
	  .newsletter-subscribe-button {
		width: 100px;
		padding: 0 5px;
	  }
	}
  
	.newsletter-validation .field-validation-valid {
	  text-align: left;
	}
  
	.footer-lower {
	  position: relative;
	  width: 980px;
	  padding: 25px 5px;
  
	  &:after {
		content: "";
		display: block;
		clear: both;
	  }
	}
  
	.footer-info {
	  float: right;
	  line-height: 32px;
	}
  
	.footer-powered-by {
	  float: left;
	  margin: 0;
	  line-height: 32px;
	}
  
	.theme-selector {
	  float: left;
	  margin: 0 0 0 15px;
	}
  
	/*** COLUMN ***/
  
	.block {
	  float: none;
	  width: auto;
	  margin: 0 0 20px;
  
	  .title {
		margin: 0;
		border-bottom: 1px solid #ddd;
		background: none;
		cursor: auto;
  
		strong {
		  font-weight: bold;
		}
	  }
  
	  .listbox {
		display: block;
		border-bottom: none;
	  }
  
	  a {
		&.product-picture {
		  display: inline-block;
		  position: relative;
		  width: 30%;
		  margin: 0 0 0 -15px;
		  vertical-align: middle;
		}
  
		&.product-name {
		  vertical-align: middle;
		}
  
		&.product-picture + a.product-name {
		  width: 70%;
  
		  &:before {
			display: none;
		  }
		}
	  }
	}
  
	/*** CATEGORY ***/
  
	.breadcrumb {
	  margin: 0 0 20px;
	}
  
	.item-box .buttons {
	  text-align: left;
	}
  
	.home-page .product-grid .item-box, .product-details-page .product-grid .item-box, .shopping-cart-page .product-grid .item-box {
	  width: 24%;
	  margin: 0 0.5% 50px;
	}
  
	.home-page .product-grid .item-box:nth-child(3n+1), .product-details-page .product-grid .item-box:nth-child(3n+1), .shopping-cart-page .product-grid .item-box:nth-child(3n+1) {
	  clear: none;
	}
  
	.home-page .product-grid .item-box:nth-child(4n+1), .product-details-page .product-grid .item-box:nth-child(4n+1), .shopping-cart-page .product-grid .item-box:nth-child(4n+1) {
	  clear: both;
	}
  
	/*** PRODUCT PAGE ***/
  
	.gallery {
	  float: left;
	  width: 46%;
  
	  .picture {
		width: auto;
	  }
	}
  
	.overview {
	  float: right;
	  width: 52%;
	}
  
	.rental-attributes {
	  overflow: hidden;
  
	  .attribute-item {
		float: left;
		margin: 0 20px 0 0;
	  }
  
	  .datepicker {
		width: 160px;
		text-align: left;
	  }
	}
  
	.attribute-squares li {
	  margin: 0 10px 10px 0;
	}
  
	.product-details-page .title {
	  text-align: left;
	}
  
	/*** PRODUCT REVIEWS ***/
  
	.product-review-item .review-title {
	  max-width: 850px;
	}
  
	.write-review .review-rating div.name-description {
	  width: 265px;
	  margin: 0 5px 0 0;
	  text-align: right;
	}
  
	/*** WISHLIST & COMPARE LIST ***/
  
	.compare-products-page {
	  .page-title {
		margin: 0 0 -1px;
	  }
  
	  .clear-list {
		position: absolute;
		top: 7px;
		right: 0;
	  }
	}
  
	.compare-products-table .full-description td {
	  display: table-cell;
  
	  p {
		margin-top: 0;
	  }
	}
  
	/*** TOPICS ***/
  
	.center-1 .topic-block-title {
	  text-align: center;
	}
  
	.topic-page p {
	  text-align: justify;
	}
  
	/*** REGISTRATION, LOGIN, ACCOUNT ***/
  
	.gender span {
	  margin: 0 10px 0 0;
  
	  > * {
		margin: 0 5px 0 0;
	  }
	}
  
	.date-of-birth select + select {
	  margin: 0 0 0 11px;
	}
  
	#check-availability-button {
	  display: block;
	  margin: 10px auto;
	}
  
	.login-page {
	  .customer-blocks {
		overflow: hidden;
	  }
  
	  .new-wrapper {
		float: left;
		width: 49%;
		margin: 0;
  
		.text {
		  min-height: 200px;
		}
	  }
  
	  .returning-wrapper {
		float: right;
		width: 49%;
  
		.form-fields {
		  min-height: 200px;
		  padding: 30px 0 0;
		}
  
		.inputs label {
		  width: 110px;
		}
  
		input {
		  &[type="text"], &[type="email"], &[type="password"] {
			width: 300px;
		  }
		}
	  }
	}
  
	.address-list-page .section, .order-list-page .section, .return-request-list-page .section {
	  display: block;
	  width: auto;
	  margin: 0 0 40px;
	}
  
	.address-list-page .buttons, .order-list-page .buttons {
	  position: absolute;
	  top: 5px;
	  right: 10px;
	}
  
	.avatar-page {
	  .message-error, .buttons {
		text-align: left;
	  }
	}
  
	.registration-page .vat-note {
	  margin-left: 275px;
	}
  
	.customer-info-page {
	  .vat-note, .email-to-revalidate-note {
		margin-left: 150px;
	  }
  
	  .vat-status {
		display: inline-block;
	  }
	}
  
	/*** SHOPPING CART ***/
  
	.shopping-cart-page {
	  .cart-options {
		overflow: hidden;
	  }
  
	  .checkout-attributes {
		float: left;
		max-width: 565px;
		margin: -30px 0 15px;
  
		li {
		  margin: 5px 10px 5px 0;
		}
	  }
  
	  .selected-checkout-attributes {
		float: right;
		max-width: 395px;
		margin: 15px 0;
	  }
	}
  
	/*** CHECKOUT ***/
  
	.order-progress {
	  margin: -30px 0 50px;
	}
  
	.checkout-page {
	  .address-item {
		width: 31.33333%;
	  }
  
	  .terms-of-service {
		text-align: center;
	  }
	}
  
	.payment-info .info {
	  padding: 30px 15px;
  
	  td {
		&:first-child {
		  width: 265px !important;
		  margin: 0 10px 0 0;
		  text-align: right;
		}
  
		&:only-child {
		  width: 100% !important;
		}
	  }
	}
  
	.order-review-data .title, .order-details-area .title, .shipment-details-area .title, .opc .order-review-data ul {
	  text-align: left;
	}
  
	/*** SEARCH & SITEMAP ***/
  
	.advanced-search .price-range {
	  margin-left: 114px;
	}
  
	/*** BLOG & NEWS ***/
  
	.comment-list {
	  margin: 0 0 50px;
	}
  
	.news-list-homepage {
	  .news-items {
		overflow: hidden;
		text-align: left;
	  }
  
	  .news-item {
		float: left;
		width: 31.33333%;
		margin: 0 1% 30px;
  
		&:nth-child(3n+1) {
		  clear: both;
		}
  
		&:only-child {
		  float: none;
		  width: auto;
		  margin: 0 0 30px;
		}
	  }
  
	  .news-head {
		text-align: center;
	  }
  
	  .news-body {
		text-align: justify;
	  }
	}
  
	/*** FORUM & PROFILE ***/
  
	.forum-breadcrumb {
	  margin: -30px 0 30px;
	}
  
	.current-time {
	  float: right;
	}
  
	.forum-search-box {
	  float: left;
  
	  .advanced {
		text-align: left;
  
		a {
		  line-height: normal;
		}
	  }
	}
  
	.forums-table-section {
	  td {
		min-width: 150px;
  
		&:first-child {
		  min-width: 90px;
		}
	  }
  
	  .view-all {
		text-align: right;
	  }
	}
  
	.topic-actions .pager.upper {
	  display: block;
	  max-width: 400px;
	}
  
	.forum-table {
	  .forum-details, .topic-details {
		min-width: 225px;
	  }
  
	  td {
		padding: 20px;
	  }
	}
  
	.forum-edit-page textarea {
	  width: 600px;
	  height: 250px;
	}
  
	.private-message-send-page {
	  textarea {
		width: 600px;
		height: 250px;
	  }
  
	  .bb-code-editor-wrapper {
		display: inline-block;
		width: 400px;
		margin: 10px 0;
		vertical-align: middle;
	  }
	}
  }
  
  @media all and (min-width: 1367px) {
	/*** GLOBAL STYLES ***/
  
	.master-wrapper-content {
	  width: 1200px;
	}
  
	.inputs label {
	  width: 375px;
	}
  
	.center-2 .inputs label {
	  width: 213px;
	}
  
	.inputs.accept-consent label {
	  width: auto;
	}
  
	/*** HEADER ***/
  
	.header {
	  width: 1200px;
	}
  
	/*** NAVIGATION ***/
  
	.header-menu {
	  width: 1200px;
  
	  > ul > li {
		padding: 0 20px;
  
		> {
		  a, span {
			font-size: 18px;
		  }
		}
	  }
	}
  
	/*** FOOTER ***/
  
	.footer-upper {
	  width: 1200px;
	  padding: 35px 30px;
	}
  
	.footer-block {
	  width: 280px;
	}
  
	.footer-lower {
	  width: 1200px;
	  padding: 25px 20px;
	}
  
	/*** PRODUCT REVIEWS ***/
  
	.product-review-item .review-title {
	  max-width: 1050px;
	}
  
	.write-review .review-rating div.name-description {
	  margin: 0 5px 0 0;
	  min-width: 375px;
	}
  
	/*** REGISTRATION, LOGIN, ACCOUNT ***/
  
	.login-page .returning-wrapper input {
	  &[type="text"], &[type="email"], &[type="password"] {
		width: 360px;
	  }
	}
  
	.registration-page .vat-note {
	  margin-left: 385px;
	}
  
	.customer-info-page {
	  .vat-note, .email-to-revalidate-note {
		margin-left: 225px;
	  }
	}
  
	/*** SHOPPING CART ***/
  
	.cart-footer {
	  .totals {
		width: 395px;
		margin: 0;
	  }
  
	  .cart-collaterals {
		width: 760px;
		margin: 0;
  
		.deals {
		  float: left;
		  width: 360px;
		}
  
		.shipping {
		  float: right;
		  width: 360px;
		}
	  }
  
	  .estimate-shipping .inputs {
		label {
		  display: inline-block;
		  width: 35%;
		}
  
		input, select {
		  width: 65%;
		}
	  }
	}
  
	/*** CHECKOUT ***/
  
	.shipping-method .method-list li, .payment-method .method-list li {
	  margin: 20px 1%;
	}
  
	.payment-info .info td {
	  &:first-child {
		width: 375px !important;
	  }
  
	  &:only-child {
		width: 100% !important;
	  }
	}
  
	/*** FORUM & PROFILE ***/
  
	.forum-actions .pager, .topic-actions .pager {
	  max-width: 600px !important;
	}
  
	.topic-post .post-text {
	  width: 930px;
	  max-width: 100%;
	}
  }
  
  /*change by jignasha*/
  
  .footer {
	position: relative;
	z-index: 1;
  }
.bento__image-holder img {
    transition: all 0.3s ease-in-out; width: 100%;
}