.componentView{
	padding: 0;
	margin: 0;
	font-family: 'Lato', sans-serif;
	color: #333;
}
.componentView #content{
	overflow: hidden;
	padding: 10px 35px;
}
.componentView #content #contentWrap{}

/* >> MAILTO << */
.componentView #content #contentWrap #mailto-window{}
.componentView #content #contentWrap #mailto-window h2{margin-bottom: 10px;}
.componentView #content #contentWrap #mailto-window .mailto-close{overflow: hidden; margin-bottom: 20px;}
.componentView #content #contentWrap #mailto-window .mailto-close a{
	display: block;
	font-weight: 900;
	float: left;
	font-size: 12pt;
}
.componentView #content #contentWrap #mailto-window #mailtoForm{}
.componentView #content #contentWrap #mailto-window #mailtoForm .formelm{margin-bottom: 5px;}
.componentView #content #contentWrap #mailto-window #mailtoForm .formelm label{width: 89px; display: inline-block; vertical-align: middle;}
.componentView #content #contentWrap #mailto-window #mailtoForm .formelm input[type="text"],
.componentView #content #contentWrap #mailto-window #mailtoForm .formelm input[type="tel"],
.componentView #content #contentWrap #mailto-window #mailtoForm .formelm input[type="email"],
.componentView #content #contentWrap #mailto-window #mailtoForm .formelm input[type="password"],
.componentView #content #contentWrap #mailto-window #mailtoForm .formelm textarea{
	border: 3px solid #eee;
	padding: 5px;
	font-family: inherit;
	color: #666;
}
.componentView #content #contentWrap #mailto-window #mailtoForm p{}
.componentView #content #contentWrap #mailto-window #mailtoForm p button{
	font-family: inherit;
	font-weight: bold;
	border: none;
	padding: 6px 14px;
	color: #fff;
	background-color: #333;
	cursor: pointer;
}

/* >> ARTICLE VIEW << */
.componentView #content .item-page{}
.componentView #content .item-page .page-header{}
.componentView #content .item-page .articleBody{}
.componentView #content .item-page .articleBody > p{text-align: justify;}

/* >> PRODUCT EMAIL VIEW << */
.ask-a-question-view{}
.ask-a-question-view h1{}
.ask-a-question-view .product-summary{}
.ask-a-question-view .product-summary .width70{width: 70%;float: left;}
.ask-a-question-view .product-summary .width70 h2{}
.ask-a-question-view .product-summary .width70 h2::after{display: none;}
.ask-a-question-view .product-summary .width30{width: 30%;float: right;}
.ask-a-question-view .product-summary .width30 img{max-width: 98%;}
.ask-a-question-view .form-field{overflow: hidden;}
.ask-a-question-view .form-field form#askform{}
.ask-a-question-view .form-field #askform table.askform{width: 100%;}
.ask-a-question-view .form-field #askform table.askform label{width: 200px;}

.ask-a-question-view .form-field #askform table.askform input[type="text"],
.ask-a-question-view .form-field #askform table.askform input[type="tel"],
.ask-a-question-view .form-field #askform table.askform input[type="email"],
.ask-a-question-view .form-field #askform table.askform input[type="password"],
.ask-a-question-view .form-field #askform table.askform textarea{
	width: 90%;
	width: calc(100% - 16px); 
	border: 3px solid #eee;
	padding: 5px;
	font-family: inherit;
	color: #666;
}

.ask-a-question-view .form-field #askform .submit{overflow: hidden;}
.ask-a-question-view .form-field #askform .submit .floatleft.width50 {overflow: hidden;float: left;width: 50%;}
.ask-a-question-view .form-field #askform .submit .floatleft.width50 input[type="submit"]{
	font-family: inherit;
	font-weight: bold;
	border: none;
	padding: 6px 14px;
	color: #fff;
	background-color: #333;
	cursor: pointer;	
}

/* >> PRODUCT PRINT << */
.componentView #content .back-to-category{display: none;}
.componentView #content .icons{display: none;}
.componentView #content .vm-product-container{}
.componentView #content .vm-product-container .vm-product-media-container{float: left;}
.componentView #content .vm-product-container .vm-product-media-container img{max-width: 250px;}
.componentView #content .vm-product-container .addtocart-area{display: none;}
.componentView #content .vm-product-container .vm-product-details-container{float: left;}

.componentView #content .product-description span.title{}

/* >> HEADINGS << */
h1{
  font-size: 30pt;
  line-height: 30pt;
  margin: 20px auto;
}
h2{
	font-size: 20pt;
	line-height: 22pt;
	margin: 18px auto;
}
h3{
  font-size: 17pt;
  line-height: 31pt;
  margin: 16px auto;
}
h4{
  font-size: 15pt;
  line-height: 25pt;
  margin: 14px auto;
}
h5{
  font-size: 13pt;
  line-height: 20pt;
  margin: 12px auto;
}
h6{
  font-size: 12pt;
  line-height: 18pt;
  margin: 10px auto;
}
h1:after, h2:after, h3:after{
	content:"";
	background: #eee;
	display: block;
}
h1:after{height: 10px; width: 150px; margin-top: 20px;}
h2:after{height: 5px; width: 105px; margin-top: 10px;}
h3:after{height: 3px; width: 70px; margin-top: 5px;}

/* >> BASIC ELEMENTS << */
a, a img{
	color:#5766af;
	text-decoration: none;
	border: none;
	outline: none;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
}
a:hover{
	color:#000;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
}
strong{font-weight: 900;}
span.star{color:#b31616;font-weight: 900;}
.floatright{float:right;}
.floatleft{float: left;}
.width50{width: 50%;}
.width30{width: 32.33333%;}
.clr, .clear{clear: both;}
hr{
  border: none;
  border-top: 1px dotted #ddd;
  height: 0;
  background:none;
  padding:0;
  margin: 30px auto;
}
.clear{clear: both;}