/* HEADER IMAGES: */

.coursesImg  {
	background-image: url('/images/courses/Courses.png');	
}

/* LOGIN */
.loginForm {
    margin: 25px 0 0 0;
    padding: 30px;
    border: 1px solid #DDDDDD;
    box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.2) inset;
}

#trainingLogin {
	background-color: #E2E2E2;
}

#adminLogin {
    background-color: #e6edf2;
}

.loginForm h2 {
	font-size: 18pt;
}

.loginForm .button {
	float: right;
	margin-right: 30px;
}

#flashInstalled {
    float: left;
    padding: 10px 0 0 0;
}

#remember {
    float: left;
    padding: 10px 0px 0px 5px;
    font-size: 14px;
}
#rememberLabel {
    float: left;
    padding: 10px 0px 0px 10px;
    font-size: 14px;
}

.squaredFour {
    width: 20px;
}

.squaredFour input[type="checkbox"] {
    display: none;
    float: left;
}

.squaredFour label {
	cursor: pointer;
	/*position: absolute;
	top: 0;*/
	float: left;
	width: 20px;
	height: 20px;
	
	border-radius: 4px;

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.60);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.60);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.60);
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}

.squaredFour label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	/*position: absolute;*/
	float: left;
	width: 9px;
	height: 5px;
	background: transparent;
	/*top: 4px;
	left: 4px;*/
	margin: 5px 0px 0px 4px;
	border: 3px solid #333;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.squaredFour label:hover:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.5;
}

.squaredFour input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

#forgot {
    float: right;
    padding: 15px 30px 0px 0px;
    font-size: 14px;
}

/* INDEX */

.main_banner {
	position: relative;
}

.banner_title {
	font-size: 1.2em;
}

.banner_text {
	position: absolute;
	top: 50px;
	left: 450px;	
	
	padding: 20px;
	
	color: #6E6E6E;
	
	background-color: #D2E0FF;
	opacity: 1;
	
	border: 1px solid #AEC7FF;
	box-shadow: 10px 10px 5px  rgba(0, 0, 0, 0.60);
	
	width: 430px;
	
	font-size: 20px;
}

.banner_text:hover {
	background-color: #f3caa3;
	border: 1px solid #6E6E6E;
}

.banner_text_block {
	position: absolute;
	background-color: transparent;
	border: 0;
	box-shadow: none;
	top: 0px;
	left: 0px;
	padding-left: 20px;
	padding-right: 100px;
	padding-top: 20px;
	height: calc(370px - 20px);
	width: 450px;
	background: linear-gradient(to right,rgba(255,255,255,0.95), rgba(255,255,255,0.9), 90%, rgba(255,255,255,0.0));
}

.banner_text_block_title {
	font-family: sans-serif;
	color: #F08200;
	font-size: 3em;
	
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 1px 1px 10px #fff;
}
.banner_text_block_description {
	color: #232323;
	font-size: 20px;
	text-shadow: 0px 0px 5px #fff;
	width: 400px;
}

.banner_rotate_button {
	color: #000 !important;
	background-color: #f1f1f1 !important;
	border: none;
	display: inline-block;
	padding: 8px 16px;
	vertical-align: middle;
	overflow: hidden;
	text-decoration: none;
	color: inherit;
	background-color: inherit;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
}

.banner_rotate_button:hover {
	background-color: #A3A3A3 !important;
}

.banner_selected {
	background-color: #D1D1D1 !important;
}

.banner_select_div {
	text-align: right;
	padding: 0px 10px;
}

.banner_select_extra_text {
	float:left;
	max-width: 60%;
}

.banner_select {
	
}

.display_left {
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(0%,-50%);
}

.display_right {
    position: absolute;
    top: 50%;
    right: 0%;
    transform: translate(0%,-50%);
}

.image-text {
	position: absolute;
	top: 50px;
	left: 450px;	
	
	padding: 20px;
	
	color: #6E6E6E;
	
	background-color: #D2E0FF;
	opacity: 1;
	
	border: 1px solid #AEC7FF;
	box-shadow: 10px 10px 5px  rgba(0, 0, 0, 0.60);
	
	width: 430px;
	
	font-size: 20px;
}

.image-text:hover {
	background-color: #f3caa3;
	border: 1px solid #6E6E6E;
}

.image-text h1 {
	/*color: white;*/
	font-size: 28px;
	
}

.image-text span.link:hover {
	/*color: white;*/
	text-decoration: underline;
}

.image-text p {
	/*color: white;*/
	
}

.secondary_banner {
	margin-left: 20px; 
	margin-right: 20px; 
	margin-bottom: 30px; 
	background-color: #D2E0FF; 
	border: 1px solid #003D79;
	border-radius: 5px;
	box-shadow: 10px 10px 5px  rgba(0, 0, 0, 0.60); 
	padding: 25px; 
	text-align: center;
	
	color: #6E6E6E; 
	font-size: 18px; 	
}
.secondary_banner h2 {
	color: #003D78; 
	font-size: 25px;
}


.secondary_banner_dark {
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 30px;
	background: radial-gradient(50% 50% at 50% 50%, #C6F0FB 0%, rgba(210, 224, 255, 0.00) 100%), #88CEFB;
	border: 2px solid #003D79;
	border-radius: 5px;
	box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.60);
	padding: 25px;
	text-align: center;
	color: #6e6e6e;
	font-size: 18px;
}
.secondary_banner_dark h2 {
	font-size: 1.5em;
	font-weight: bold;
	color: #232323;
}


.info_banner_container {
	display: flex;
	gap: 10px;
	justify-content: center;
	margin-left: 20px;
	margin-right: 20px;
}

.info_banner {
	display: flex;
	/*width: calc(50% - 10px);*/
	flex-basis: 100%;
	min-height: 128px;
	border-radius: 5px;
	background: radial-gradient(50% 50% at 50% 50%, #F5FDFF 0%, rgba(210, 224, 255, 0.00) 100%), #DDF0FC;
	box-shadow: 4px 4px 8px 2px rgba(0, 0, 0, 0.25);
}

.info_banner_img_col {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

.info_banner_text_col {
	display: flex;
	flex-basis: 100%;
	align-items: start;
	margin-top: 20px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
}

.info_banner_h2 {
	font-size: 1.5em;
	font-weight: bold;
	color: #232323;
}

.christmas_banner {
	position: relative;
	width: auto;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 40px;
	background-color: #a3d59b;
	border: 1px solid #446d3d;
	border-radius: 5px;
	box-shadow: 4px 4px 8px 2px rgba(0, 0, 0, 0.25);
	padding: 25px;
	text-align: center;
}

.index_h2 {
	text-align: center;
	font-size: 40px;
}

.index_paragraph {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	width:50%;
}

.index_course_container {
	display: flex;
	align-items: center;
	margin-bottom: 30px;
}

.index_course_img_col {
	width: 300px;
	height: 340px;
	background-position: center center;
	background-repeat: no-repeat;

	z-index: 10;
}

.index_course_text_col {
	width: 500px;
	padding: 20px;
	background-color: #F9F9F9;
}

.index_course_rounded_left {
	border-radius: 20px 0 0 20px;
	box-shadow: -1px 1px 4px #D9D9D9;
}

.index_course_rounded_right {
	border-radius: 0 20px 20px 0;
	box-shadow: 1px 1px 4px #D9D9D9;
}
.index_course_h3 {
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 2.0px;
	color: #232323;
}

.index_course_p {
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	/*line-height: 25px;*/
	/*letter-spacing: 0.05em;*/
}

.index_badge_green {
	border: 1px solid #555555;
	border-radius: 6px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #009621;
	color: white;
	font-size: 13px;
}

.index_card_container {
	margin: 20px;
	display: flex;
	gap: 10px;
	justify-content: center;
}

.index_card {
	background-color: #FDFDFD;
	width: 33%;
	height: auto;
	display: flex;
	flex-direction: column;
	box-shadow: 4px 4px 8px 2px rgba(0, 0, 0, 0.25);
	border-radius: 5px;
}

.index_card_image {
	border-radius: 5px 5px 0 0;
	width: 100%;
}

.index_card_body {
	margin: 20px;
}

.index_card_h3 {
	font-size: 1.3em;
	font-style: normal;
	font-weight: 700;
	color: #232323;
}

.index_card_footer {
	margin-top: auto;
	margin-left: 20px;
	margin-bottom: 20px;
	margin-right: 20px;
}

.index_listdata {
	display: flex;
	margin-left: 10px;
	margin-right: 10px;
	justify-content: center;
	gap: 10px;
}

.index_listdata_item_img_col {
	width: 50%;
	max-width: 600px;
	display: flex;
	align-items: center;
	height: auto;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 5px;
	padding: 10px;
}

.index_listdata_item_text_col {
	width: 50%;
	max-width: 600px;
}

.index_listdata_item_img {
	object-fit: cover;
	height: 100%;
	width: 100%;
	border-radius: 5px;
	margin-left: auto;
	margin-right: auto;
}

.index_listdata_item {
	width: auto;
	margin: 10px;
	list-style: disc;
	color: #003D79;
}
.index_listdata_item div {
	color: #6e6e6e;
}


.main-sections {
	float: left;

	width: 240px;

	margin-left: 45px;
	margin-right: 0px;

	padding:10px 10px 40px 10px;
	text-align: center;

	/*background-color: #E2E2E2;*/
	box-shadow: 2px 2px 5px  rgba(0, 0, 0, 0.60);

	color: #6E6E6E;
}

.main-sections:hover {

	color: #019DCE;

	background-color: #E2E2E2;

}

.main-sections:hover span.link {

	color: #6F6F6F;
}

.main-sections span.link:hover {
	text-decoration: underline;
}

.main-sections h2 {
	padding-bottom: 15px;
	
    font-size: 18pt;
    font-weight: bold;
    color: #003D79;
}


.main-subscribe {
	float: left;
	width: 860px;
	text-align: center;
	margin-top: 20px;
}

 .main-subscribe #email {
	width: 300px;
 }

.main-subscribe .button {
	font-size: 1.1em;
}

.main-subscribe div.Links{
	float: left;
	
}

.main-bbb {
	float: right;
	padding: 30px 30px 10px 10px;
}


.main-bbb img {
	width: 52px;
	height: 109px;
}

/* COURSES */

.course_jump_to {
	padding:0px;
	margin-left: 20px;
}

.courses_course_type {
	padding: 20px;

	box-shadow: 2px 2px 5px  rgba(0, 0, 0, 0.60);

	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
}

.courses_course_type:hover {	
	background-color: #E2E2E2;
}

.image_div {
    float: left;
    width: 200px;
}

.courses_course_type .desc_div {
	float: left;

	width: 480px;

	font-size: 14px;
}

.desc_div .full_name {
	font-size: 18px;
	color: #6E6E6E;
	
	display: inline-block;
}

.desc_div h3.course_header {
	display: inline-block;
}

.desc_div div:hover p {
	/* color: #019DCE; */
	color: #003D79;
}

.desc_div p {
	/* color: #019DCE; */
	padding-left: 10px;
	margin: 0px;
}

.now_available {
	text-align: center; 
	float: left; 
	margin-left: 5px; 
	background-color: #f3caa3; 
	padding: 15px 10px; 
	border: 1px solid #FF8208; 
	box-shadow: 2px 2px 6px rgba(0,0,0,0.6);	
}

.courses_demo {
	
	float: left; 
	margin-left: 5px; 
	
	padding: 15px 10px; 
	
	
}

/* COURSE OUTLINES */
.course-outline-title {
	float: left;
}

.course_outline_right {
	float: right;
	width: 360px;
	
}

.course_outline_left {
	float: left;
	
	width: 570px;
	margin-top: 15px;	
}

.course_outline_regulations {
	float: right;
	width: 360px;
	
}

.course-outline-title h1 {
	font-size: 38px;
}

.course_title_small {
	font-size: 33px;
}

.full_course_name {
	font-size: 25px;
}

.course_buttons {
	float: right;
	width: 100%;
}

.course_buttons .button {
	float: left;
	font-size: 20px;
	width: 90px;	
}

.course_buttons #purchase {
	margin: 0px 10px;
}

.course_outline_bilingual_link {
	
}

.productlist {
	background-color: #003D79;
	margin: 0px auto 0px auto;
	padding: 15px 15px 15px 45px;
	vertical-align: top;	
	width: 300px;
}

.productlist ul {
	display: inline-block;
	/*display: inline;*/
	/*zoom: 100;*/
	color: white;
	text-align: center;
	line-height: 22px;
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0px 10px;
	vertical-align: top;
}

div.course_outline_extras {
	padding: 0px 0px 30px 0px;
	background-color: #e2e2e2;
}

.course_outline_extras .additional_materials {
	padding: 15px; 
	text-align : center;
}

.course_outline_extras .product {
	text-align: center;	
}

.course_outline_extras .product table {
	/*position: relative;*/
	margin-right: auto;
	margin-left: auto;	
	background-color: #FFF;
	width: 850px;
}

.course_outline_extras .product td {
	padding: 20px;
	vertical-align: bottom;
	font-size: 13px;
}

.course_outline_extras .product td  .prodPrice {
	font-size: 15px;
}

.course_outline_extras .product .ImageContainer {
	/*width: 100%;*/
	/*height: 100px;*/
}

.course_outline_extras .product .prodImg {
	max-width: 100px;
	max-height: 100px;
}

.course_outline_extras .product .prodImg:hover {
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-o-transform: scale(2);
	transform: scale(2);
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	border: 1px solid #003D79;
	box-shadow: 3px 3px 5px  rgba(0, 0, 0, 0.60);
}

.secondary_banner_whmis {
	margin-left: 10px; margin-right: 10px;
	padding: 10px;
	margin-bottom: 30px; 
	background-color: #ffb986; 
	border: 1px solid #003D79; 
	box-shadow: 10px 10px 5px  rgba(0, 0, 0, 0.60); 
	text-align: center;
	
	color: #6E6E6E; 
	font-size: 18px; 	
}

.countdown_box_whmis {
	float: left; 
	text-align: center; 
	color: #FFF; 
	border: 3px Solid #019DCE; 
	Background-color: #31639C; 
	font-size: 28px; 
	padding: 10px; 
	box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.60);
}

.countdown_box_whmis div {
	font-size: 68px;
}

.countdown_text_whmis {
	float: left; 
	width: 400px; 
	text-align: left; 
	padding-left: 15px;
}

.countdown_text_whmis h2 {
	 color: #003D79; 
	 margin: 0px; 
	 font-size: 22px;
}


/* PRODUCT MENU */

.product_menu {
	
}
.product_menu .page_title {
	float: left;
	padding: 10px;
}
.product_menu .order_notebox {
	float: right;
	margin: 10px;
}

.purchase_checkout {
	float: right;
	margin-left: 10px;
	margin-right: 10px;
}

.purchase_checkout .button {
	padding: 10px 20px;
}

.product_header {
	color: #003D79;
	text-align: left;
	text-decoration: none;
	margin-bottom: 20px;
}
.product_header h2 {
	padding: 10px;
}
.product_header a:hover {
	text-decoration: none;
}

.products_table {
	display: flex;
	flex-wrap: wrap;
	width: auto;
	margin-left: 30px;
	margin-right: 30px;
	column-gap: 20px;
	row-gap: 20px;
	justify-content: space-between;
}
.product_table_cell_50 {
	width: calc(50% - 10px);
}
.product_table_cell_100 {
	width: 100%;
}

.product_course {
	border: 1px solid #019DCE;
	border-radius: 15px 15px 15px 15px;
	/*box-shadow: 0px 2px 8px 5px #EEE;*/
}
.product_course .product_name {
	background-color: #019DCE;
	display: block;
	padding: 10px;
	border-radius: 14px 14px 0 0;
	border: 1px solid #019DCE;
	
}
.product_course .product_name h3 {
	color: white;
}
.product_course div.product_num {
	padding: 0px;
	float: left;
}
.product_course div.product_bilingual {
	padding: 0px;
	line-height: 15px;
	font-size:0.8em;
	padding-left: 3px;
}
.product_course div.product_bilingual a{
	color: #FF8208;
}

.product_course div.product_purchase {
}

.product_materials {
	border: 1px solid #019DCE;
	border-radius: 15px 15px 0px 0px;
}
.product_materials .product_category {
	background-color: #019DCE;
	display: block;
	padding: 10px;
	border-radius: 14px 14px 0 0;
	border: 1px solid #019DCE;
}
.product_materials .product_category h3 {
	color: white;
}
.product_materials .additional_products_row {
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
	align-items:end;
}
.product_materials .additional_products {
	text-align: center;
	box-shadow: none;
	width: 175px;
}
.additional_products .AddProdImg {
    max-width: 100px;
    max-height: 100px;
	border: 1px solid white; /* add an invisible border to remove jumpy transition on hover */
}
.additional_products .AddProdImg:hover {
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-o-transform: scale(2);
	transform: scale(2);
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	border: 1px solid #003D79;
	box-shadow: 3px 3px 5px  rgba(0, 0, 0, 0.60);
}

.additional_products .ImageContainer {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.additional_products table {
	/*position: relative;*/
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	width: 850px;
}

.additional_products td {
	padding: 5px;
	vertical-align: bottom;
	font-size: 13px;
	min-width: 150px;
}

.additional_products td  .prodPrice {
	font-size: 15px;
}

.additional_products input[type="text"] {
    text-align: center;
    border: 1px solid #003D79;
    font-size: 13px;
    padding: 5px;
}

.product_digital {
	position: relative;
	margin-bottom: 20px;
	border: 1px solid #019DCE;
	margin-left: auto;
	margin-right: auto;
	min-height: 160px;
}
.product_digital .product_digital_img {
	position: absolute;
	left: 30px;
	top: 10px;
}
.product_digital .app_button_left {
	margin-right: 10px;
	height: 40px;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.60);
	border: 1px solid white;
}
.product_digital .app_button_right {
	margin-left: 10px;
	height: 40px;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.60);
	border: 1px solid white;
}

.course-img {
	float: none;
	width: auto;
	padding-left: 0px;
	padding: 0;
	width: 250px;
}

.product_img {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}

.product_img .course-img {
	text-align:center;
	width:100%;

	max-width: 100%;
	max-height: 100%;
	border: 1px solid white; /* add an invisible border to remove jumpy transition on hover */

}
.product_price {
	margin-right: 15px;
}
.product_price .purchase_price {
	font-size: 1.8em;
	color: #003D79;
	line-height: 35px;
}
.product_price .purchase_price_strike {
	font-size: 1.2em;
	text-decoration: line-through;
	float: right;
	padding-right: 0px;
}

.product_add {
	color: #003D79;
	width: auto;
	float: right;
}

.product_add input[type="text"] {
    text-align: center;
    border: 1px solid #003D79;
    font-size: 16px;
    padding: 3px;
}

.product_returntotop {
	text-align: right;
}

.whmis_custom_dvd {
	border: 1px solid #019DCE;
	border-radius: 15px 15px 0px 0px;
}
.whmis_custom_dvd .product_name {
	background-color: #019DCE;
	display: block;
	padding: 10px;
	border-radius: 14px 14px 0 0;
	border: 1px solid #019DCE;
}

.whmis_custom_dvd .items {
	margin: 0px auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	width: 85%;
}

.whmis_custom_dvd .course-img {
	max-height: 150px;
	max-width: 150px;
}

.whmis_custom_dvd .purchase_price {
	font-size: 22px;
	color: #003D79;
}

.whmis_video_dvd {
	float: left;
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
}

.whmis_video_packages {
	float: left;
	text-align: center;
}
.whmis_video_add {
	float: left;
	height: 270px;
}

.whmis_video_add table {
	width: 100%;
	height: 100%;
}

.whmis_video_add table td {
	text-align: left;
	vertical-align: bottom;
}



/* FAQS */

#FAQs {
	padding: 10px 20px 10px 20px;
}

.faq_section_header {
    border: 0px solid #CCC;
    border-radius: 12px 12px 0px 0px;
    background-color: #019DCE;
    padding: 15px;
}

#FAQs h2 {
    /* color: #003D79; */
    /* color: #6E6E6E; */
    /* color: #e3a263; */
    color: #FFF;
}

#FAQs h3 {
	cursor: pointer;
}

.admin_example_img {
	border: 1px solid #003D79;
}

/* EXTRAS */

.imgContainer {
    float: left;
}

.imgContainer img {
    max-height: 175px;
    max-width: 175px;
}

#extraDescription {
    float: left;
    width: 275px;
    padding: 0px 0px 0px 15px;
}

#extraDescription p {
	color: #6E6E6E;
}

/* PRODUCTS */

#Product {
    padding: 10px;
}

#Product .left {
	float: left;
}

#Product #imagePurchase {
	float: left; 
	padding: 10px;
}

#Product #imagePurchase img {
	max-width: 200px;
	max-height: 200px;
}

#Product #Description {
	float: left; 
	width: 400px; 
	padding: 10px;
}

.product-backLink {
	float: left; 
	padding: 10px 0px 0px 20px;
}

#Product #NoteBox {
	width: 350px; 
	margin: 40px Auto 0px Auto; 
	padding: 20px; 
	
	background-color: #E2E2E2;

	line-height: 20px;
	font-size: 15px;
	color: #6E6E6E; 	
}

#Product #NoteBox:hover {
	color: #019DCE;
}

#Product #DescSummary {
	float: left; 
	width: 200px; 
	padding: 20px 0px 0px 20px;
}

#Product h1 {
	font-size:36px;
	font-weight:bold;
	margin: 0px 0px 10px 0px;
	
}

#Product h3 {
	font-size:15px;
	padding: 0px 0px 10px 0px;
	
}

#Product p {
	padding: 0px;
}


#Product p.Price {
	padding: 0px 0px 15px 0px;
	font-weight: bold;
}

#Product .VerticalChild {
	float:left; 
	padding: 0px 0px 0px 20px; 
	text-align: center;
}

#purchaseProd.button {
	padding: 18px 5px 18px 5px;
	width: 115px;

	margin: 0px Auto; /* Horizontal Align to Parent */

	color: white;
	font-size: 22px;
	/* font-weight: bold; */
	
}

#purchaseProd.button:hover {
	color: #ff8208;
}

#imagePurchase input[type="text"] {
	text-align: center;
	border: 1px solid #003D79;
	font-size: 16px;
	padding: 5px;
}

#imagePurchase input[type="submit"] {

	/*height: 80px;
	width: 75px;*/


	background-color: #003D79;
	font-size: 18px;
	color: #FFF;
	
	border: 1px solid #FFF;
	border-radius: 5px;
	box-shadow: 1px 1px 1px  rgba(0, 0, 0, 0.60);	
	
	padding: 5px 10px 5px 10px;
	text-align: center;
		
}

#imagePurchase input[type="submit"]:hover {

	color: #FF8208;
	cursor: pointer;
}

/* Safety_Meeting_Kits */

#SMKListing {
	height: 245px;
}

#SMKListing ul {
	float: left;
	width: 200px;	
	margin: 0 0 0 10px;
    padding: 0px 5px;
}

#SMKListing li {
	font-size: 13px;
}

#SMKDetails td {
	padding: 10px;
}

#SMKDetails .toTop {
	font-size: 13px;
}

#SMKDetails h3 {
	font-size: 18px;
}

#SMKDetails img {
	/* max-width: 100px;
	max-height: 100px; */
}

#SMKDetails .smkGrey {
	background-color: #E2E2E2;	
}

#SMKDetails .smkWhite {
	background-color: #FFF;
	/*border-left: 15px solid #E2E2E2;*/
	border: 0px solid #CCC;
	border-radius: 12px;
}

#SMKDetails form input[type="text"] {
	text-align: center;
	border: 1px solid #003D79;
	font-size: 16px;
	padding: 5px;
}

#SMKDetails form input[type="submit"] {

	/*height: 80px;
	width: 75px;*/


	background-color: #003D79;
	font-size: 18px;
	color: #FFF;
	
	border: 1px solid #FFF;
	border-radius: 5px;
	box-shadow: 1px 1px 1px  rgba(0, 0, 0, 0.60);	
	
	padding: 5px 10px 5px 10px;
	text-align: center;
		
}

#SMKDetails form input[type="submit"]:hover {

	color: #FF8208;
	cursor: pointer;
}

#SMKPurchase {
	color: #003D79;
}

/* Training Providers */



div.provider_float {
	width: 460px;
	padding: 10px;
	float: left;
	
}

div.provider_float:nth-child(odd) {
	float: right;
}

div.provider_card {
	border: 1px solid #003D79;
	padding: 5px;
}

div.provider_card:hover {
	background-color: #D2E0FF;
}

div.provider_img {
	width: 150px;
	height: 150px;
	float:left;
	background-color: #FFF;
}

div.provider_img img {
	width: 150px;
	
}

div.provider_details {
	width: 288px;
	float:right;
	padding-left: 10px;
	height: 150px;
	
}

/* CHECKOUT */

#greycontent.AddMats {
	padding: 0px 0px 30px 0px;
}

#AddMats {
	padding: 15px; 
	text-align : center;
}

#AddProd {
	text-align: center;	
}

#AddProd table {
	/*position: relative;*/
	margin-right: auto;
	margin-left: auto;	
	background-color: #FFF;
	width: 850px;
}

#AddProd td {
	padding: 20px;
	vertical-align: bottom;
	font-size: 13px;
}

#AddProd td  .prodPrice {
	font-size: 15px;
}

#AddProd .ImageContainer {
	/*width: 100%;*/
	/*height: 100px;*/
}

#AddProd .AddProdImg {
	max-width: 100px;
	max-height: 100px;
}

#AddProd .AddProdImg:hover {
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-o-transform: scale(2);
	transform: scale(2);
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	border: 1px solid #003D79;
	box-shadow: 3px 3px 5px  rgba(0, 0, 0, 0.60);
}


#ProductMenu form input[type="submit"] {
	background-color: #003D79;
    font-size: 18px;
    color: #FFF;
    border: 1px solid #FFF;
    border-radius: 5px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.60);
    padding: 5px 10px 5px 10px;
    text-align: center;
}

#ProductMenu form#AddProd input[type="text"] {
    text-align: center;
    border: 1px solid #003D79;
    font-size: 13px;
    padding: 5px;
}

#ProductMenu .greyA td, #ProductMenu .greyA1 td {
    padding: 10px;
}

#ProductMenu .greyA #AddProd table {
    padding: 30px 30px 110px 30px;
    border: 1px solid #BBB;
    box-shadow: 0 1px 0 #DDD, 0 -2px 5px rgba(0,0,0,0.60) inset; 
}
#ProductMenu form#AddProd {

    color: #003D79;

}


/*------------*/
/*TESTIMONIALS*/
/*------------*/

.buttonOutline {
	padding: 5px 10px 5px 10px;
	background: #FFFFFF;
	border: 1px solid #003D79;
	box-sizing: border-box;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.60);
	border-radius: 5px;
	text-align: center;
	font-size: 1.3em;
	color: #003D79;
}

.buttonOutline:hover {
	color: #FF8208;
	cursor: pointer;
	text-decoration: none;
}

.masonryTestimonials {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	width: 100%;
}
.masonryTestimonials > * {
	box-sizing: border-box;
	width: calc(33.3% - 10px);
	margin: 5px;
	margin-bottom:30px;
}

.blockCenter {
	margin-left: auto;
	margin-right: auto;
}


.quote {
	position: relative;
	padding: 2em;
}

.quote.quoteSm {
	position: relative;
	padding: 1em;
}

.quoteText {
	font-style: italic;
	text-justify: inter-word;
	text-align: justify;
	position: relative;
}

.quoteText > * {
	display: inline;
}

.quoteText::before {
	background-image: url("/images/layout/icons/quote-left.png");
	background-size: 16px 16px;
	position: absolute;
	left: 0px;
	width: 16px;
	height: 16px;
	content: "";
	left: -32px;
}

.quoteText::after {
	background-image: url("/images/layout/icons/quote-right.png");
	background-size: 16px 16px;
	position: absolute;
	right: 0px;
	width: 16px;
	height: 16px;
	content: "";
	right: -32px;
}

.quoteSm .quoteText {
	font-style: italic;
	text-align: center;
	font-size: 0.9em;
}

.quoteSm .quoteText::before {
	background-size: 8px 8px;
	width: 8px;
	height: 8px;
	left: -16px;
}

.quoteSm .quoteText::after {
	background-size: 8px 8px;
	width: 8px;
	height: 8px;
	right: -16px;
}

.quoteAuthor {
	text-align: right;
	margin-right: 0px;
	margin-top: 1em;
}

.quoteSm .quoteAuthor {
	text-align: right;
	margin-right: 0px;
	font-size: 0.9em;
}