
body:not(.admin) {
	margin: 0;
	padding: 0;
	}
	
#product {
	position: relative;
	margin: 0;
	padding: 0 0 300px 0;
	background-color: #fff;
	font-family: Source Sans Pro,verdana,arial,helvetica,sans-serif;;
	font-size: 1rem;
	color: #676767;
	}
	
#product.wip {
	padding: 0;
	}
	
#product #photo {
	margin: 0 0 1.2em 1.2em;
	float: right;
	} 

#product.wip #photo {
	display: none;
	} 
	

	
/* +++++++++++++++++++++++++++++++++++*/
/* MAIN COLUMN                        */
/* +++++++++++++++++++++++++++++++++++*/

#product #main {
	padding-right: 242px;
	}
	
#product.wip #main {
	padding-right: 0;
	}
	
.master-wrapper-page #product #main { /* remove right padding for shop */
	padding-right: 0;
	}

#product h1, #product h2, #product h3, #product h4 {
	margin: 1.4em 0 .8em 0; 
	line-height: 1.1em;
	color: #8bb07d;
	}
	
#product h1 {
	margin: 0;
	}
	
#product h1 em {
	font-weight: normal;
	font-style: italic;
	}
	
#product h2 {
	margin-top: 1em;
	color: #fdba30;
	font-weight: normal;
	}
	
#product .options {
	margin-top: .5em;
	font-style: italic; }
	
#product .intro {
	font-weight: bold;
	}
	
	
#product table {
	font-size: .9em;
	}
	
#product th, #product td {
	padding: .2em .4em;
	}
	
#product table thead th {
	background-color: #ccc;
	}
	
#product #tech-info table thead th {
	background-color: #727272;
	color: #fff;
	}
	
#product table tbody td {
	background-color: #eee;
	}
	
#product #tech-info table tbody td {
	background-color: #fff;
	}
	
#product table tbody tr.highlight td {
	border-top: 1px solid #fdba30;
	border-bottom: 1px solid #fdba30;
	background-color: #ffe4ae;
	}
	
#product table tbody tr.highlight:first-child {
	border-left: 1px solid #fdba30;
	}
	
#product table tbody tr.highlight:last-child {
	border-right: 1px solid #fdba30;
	}
	
th[colspan="2"], td[colspan="2"] {
	/*text-align: center;*/
	}
	
#product .note {
	font-size: .9em;
	font-style: italic;
	}
	
#product table + .note {
	margin-top: 0;
	}
	
#product hr {
	margin: 2.4em 0;
	height: 1px; 
	border: none 0;
	border-top: 1px dotted #ddd;
	}

#product hr.sep {
	border-top: 2px dotted #fdba30;
	} 
	
#product p {
	} 
	
#product p.note {
	margin-top: .5em;
	font-size: .8em;
	font-style: italic;
	}
	
#product strong em {
	color: #fdba30;
	}
	
#product .btw {
    background-color: #e6eee3;
    padding: 4px 6px;
    font-size: 0.9em;
    line-height: 1.2em;
}

#product .inline-pic, #product .inline-pic-narrow {
	width: 45%;
	max-width: 800px;
	padding: 6px;
	border: 1px solid #ccc;
}

#product .inline-pic {
	width: 90%;
}
	
	
	
/* TECHNICAL BLOCK ++++++++++++++++++++++++*/
	
#tech-info {
	margin-top: 2.2em;
	padding: 1em;
	background-color: #f4f4f4;
	border: 1px solid #dbdbdb;
	font-size: .9em;
	}
	
#tech-info hr {
	margin: 1.2em 0;
	border-top-color: #8bb07d;
	}
	
#tech-info h3 {
	margin-top: .6em;
	font-size: 1.4em;
	}
	
#tech-info h4 {
	color: #676767;
	}
	
	
	
	
	
/* FLOATED STACK ++++++++++++++++++++++++++++*/

	.floated-stack {
		margin: 0 0 .6em .6em;
		float: right;
		text-align: center; }
		
	.floated-stack img {
		display: block;
		margin: 0 auto .6em auto; }
	
	
	
	
	
/* LISTS +++++++++++++++++++++++++++++*/	
	
#product ul {
	margin-bottom: 1.2em;
    padding-left: 0;
    line-height: 1.25em;
	list-style: disc outside none;
    color: #676767;
	}
	
#product ul li {
    margin: 0 0 0.8em 1em;
	}
	
#product ul li strong {
	color: #fdba30;
	}
	

#product ul.nobulls {
	list-style: none;
}

ol.runon li{
	margin-left: .5em;
	float: left;
	font-size: .85em;
	font-style: italic;
}

ol.runon li:first-child{
	margin-left: 0;
}


	
	

	
/* PANELS ++++++++++++++++++++++++++++*/
	
	#product .panels-rgs dl {
		
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		
		-webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, .2), inset 0 0 50px rgba(253,186,48,.4);
		-moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, .2), inset 0 0 50px rgba(253,186,48,.4);
		box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, .2), inset 0 0 50px rgba(253,186,48,.4);

		width: 30%;
		min-width: 143px;
		margin: 0 6px 24px 6px;
		padding-top: 16px;
		float: left;
		font-size: .85em;
		
		border: 1px solid #fff;
		
		}
		
	#product .panels-rgs dl.highlight {
	
		-webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, .2), inset 0 0 50px rgba(139,176,125,.4);
		-moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, .2), inset 0 0 50px rgba(139,176,125,.4);
		box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, .2), inset 0 0 50px rgba(139,176,125,.4);
		
		}
	
	#product .panels-rgs dl:first-child {
		margin-left: 0;
	}
	
	#product .panels-rgs dl:last-child {
	}
	
	#product .panels-rgs dl dt {
		font-size: 1.3em;
		font-weight: bold;
		text-transform: uppercase;
		text-align: center;
		color: #fdba30;
	}
	
	#product .panels-rgs dl dt img {
		display: block;
		margin: 0 auto 6px auto;
	}
	
	#product .panels-rgs  dd {
		margin-left: 0;
		padding: 0 16px 16px 16px;
	}
	
	#product .panels-rgs dl:last-child dd {
	}
	
	#product .panels-rgs  ul {
		margin-bottom: .6em;
		padding: 0 0 .6em 0;
		border-bottom: 1px dotted #fdba30; }
	
	#product .panels-rgs  ul li {
		margin: 0 0 .3em 16px; }
		
	#product .panels-rgs  p {
		margin-bottom: 0; }
		
	#product .panels-rgs  p.intro {
		margin-bottom: 1.2em;
		font-weight: bold; }
	
	
	
	
/* ?????? ++++++++++++++++++++++++++++*/
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/* SUPPORT COLUMN +++++++++++++++++++++++*/
/* RHS running images */
	
#product #support {
	position: absolute;
	right: 0;
	top: 300px;
	width: 202px;
	float: right;
	padding: 20px 10px 20px 10px;
	}
	
#product.wip #support {
	width: 202px;
	margin: 0 0 1.2em 1.2em;
	padding: 0;
	position: static;
	}
	
#product #support > p {
		font-size: .9em;
		text-align: center;
	}

#product #support .pics {
	margin-bottom: 1.2em;
	}
	
#product #support .pics div {
	margin: 0 0 .5em 0;
	-webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, .2);
	box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, .2);
	}
	
#product #support .pics img {
	border: 1px solid #fdba30;
	}
	
#product #support .pics p {
	margin: 0;
	padding: .2em .4em .4em .4em;
	font-size: .9em;
	line-height: 1.2em;
	background-color: #fdba30;
	color: #fff;
	}
	
	
	
#product #support.no-rhs-img {
	position: absolute;
	right: 0;
	top: 0;
	width: 202px;
	float: right;
	padding: 10px 10px 20px 10px;
	}
	
#product #support .pics img {
	border: 1px solid #fdba30;
	}
	
#product #support .pics p {
	margin: 0;
	padding: .2em .4em .4em .4em;
	font-size: .9em;
	line-height: 1.2em;
	background-color: #fdba30;
	color: #fff;
	}
	
	
	
	
/* RELATED PRODUCTS +++++++++++++++++++++++*/
/* Running squared pics with captions and hyperlink to relevant product pages */

#product .links-prods div {
	width: 202px;
	margin: 0 4px 4px 0;
	float: left;
	}
	
#product .links-prods.sml div {
	width: 102px;
	}
	
#product .links-prods div a {
	text-decoration: none;
	}
	
#product .links-prods img {
	border: 1px solid #727272;
	}
	
#product .links-prods img:first-child {}

#product .links-prods p {
	margin: 0;
	padding: .2em .4em .4em .4em;
	font-size: .9em;
	line-height: 1.2em;
	background-color: #727272;
	color: #fff;
	}
	
#product .links-prods.sml p {
	padding: .1em .2em .2em .2em;
	font-size: .8em;
	}
	
#product .links-prods a:hover img {
	border: 1px solid #fdba30;
	}
	
#product .links-prods a:hover p {
	background-color: #fdba30;
	}
	
	
	
	
/* PACK CONTENTS +++++++++++++++++++++++*/
		
		
.contents {
	margin: 1.8em 0;
	padding: 1.4em;
	background-color: #fffbea; }
	
.contents > div {
	margin-bottom: 1.2em;
	padding-bottom: 1.2em;
	border-bottom: 1px dotted #fdba30; }
	
.contents > div:last-child {
	border-bottom: 0; }

#product #main .contents h3 {
	margin-top: 0; }

.contents div h4 {
	font-size: 1.1em;
	font-weight: normal; }
	
	
	
/* Contents - Pic Block */

.contents div .pics {
	width: 308px;
	margin: 0 0 .6em 1.2em;
	float: right;
	}
	
.contents div .pics img {
	margin: 1px; 
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.2); }
	
.contents div .pics div {
	width: 100px;
	margin-left: 4px;
	float: right;
	}
	
.contents div .pics div img {
	width: 100px;
	height: 100px;
	box-shadow: none;
	}
	
	
	
	
/* Contents - Image Tiles */

#product .contents .tiled-pics {
	font-size: .7em; }
	
#product .contents .tiled-pics div {
	width: 100px;
	margin: 4px 2px;
	float: left; }
	
#product .contents .tiled-pics img {
	width: 100px;
	height: auto;
	border: 1px solid #ddd; }
	
	
	
/* Contents - Table */

#product .contents table {
	/*width: 100%;*/ }
	
#product .contents td {
	background-color: #FEEBC0; }


/* Contents - Misc */

#product ol {
	font-size: 1rem; }


.tpvc-grid { width: 100%; display: grid; grid-gap: .8em; grid-template-columns: repeat(auto-fit, 200px); background-color: #f0f0f0; padding: .8em; font-size: .8em; } .tpvc-grid div { background-color: #fff; border: 1px solid #ccc; padding: .6em; }

.tpvc-grid-300 { grid-template-columns: repeat(auto-fit, 300px); }

	
/* COMMON STYLE +++++++++++++++++++=====++++*/

.aC {
	text-align: center;
	}
	
.dN {
	display: none;
	}
	
	
	
.cf:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
.cf {display: inline-block;}
/* Hides from IE-mac \*/
* html .cf {height: 1%;}
.cf {display: block;}
/* End hide from IE-mac */
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/* RESPONSIVE LAYOUT +++++++++++++++++++++++*/

@media only screen and (max-width: 600px) {
	
	#product #photo {
		display: none;
		}
		
	#product #support {
		top: 0;
		padding-top: 0;
		}
		
	#product .panels-rgs dl {
		width: 100%;
		}
		
	#product .panels-rgs dl dd ul {
		display: none;
		}
		
	}
		
@media only screen and (max-width: 500px) {
	#product #main {
		padding-right: 0;
		}
	#product #support, #product #support.no-rhs-img {
		position: relative;
		width: auto;
		float: none;
		padding-left: 0;
		border-left: 0;
		}
	#product #support .pics div {
		width: 202px;
		margin: 0 .5em .5em .5em;
		float: left;
		}
		
	#product.wip #support, #product.wip .floated-stack {
		display: none;
		}
	}
	
@media only screen and (max-width: 440px) {
	#product .floated-stack {
		display: none;
		}
	#product #support {
		display: none;
		}
	}
	
	
	
	
	
	
	


	
	
/* TRULY COLOURS +++++++++++++++++++++++++++++

Corporate Colour 1 (Orange): #fdba30;
Corporate Colour 2 (Green): #8bb07d;

Background - Viewport (Mid Green): #d1dfcb;
Background - Footer (Light Green): #e8efe5;
Background - Page (White): #fff;

Text (Body): #727272; was #9e9e9e;

+++++++++++++++++++++++++++++++++++++++++++ */





































