.product {
	display: inline-block;
	margin: auto 40px;
	padding: 25px 0;
}

.clear:before,
.clear:after {
	content: "";
	display: table; 
}
 
.clear:after { clear: both; }
 
.clear { 
	zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

::-moz-selection {
 	color: inherit;
 	background-color: #eee;
}
::selection {
 	color: inherit;
 	background-color: #eee;
}

html {
	height: 100%;
	background: #f3f3f3;
	background: -moz-linear-gradient(top, #f3f3f3 0%, #ffffff 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(50%,#ffffff));
	background: -webkit-linear-gradient(top, #f3f3f3 0%,#ffffff 50%);
	background: -o-linear-gradient(top, #f3f3f3 0%,#ffffff 50%);
	background: -ms-linear-gradient(top, #f3f3f3 0%,#ffffff 50%);
	background: linear-gradient(top, #f3f3f3 0%,#ffffff 50%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff',GradientType=0 ); }

header {
	margin-bottom: 20px;
	padding-right: 60px;
	padding-bottom: 30px;
	background: url('../images/OClogo.png') no-repeat right center; }
 
h1, h4 {
	font-family: 'Helvetica Neue', Arial, sans-serif;
	font-weight: normal;
	margin: 0; }
 
h1 { font-size: 24pt; }
 
h4 {
	font-size: 16pt;
	color: #aaa; }



figure { float: left;

 }
 
	figure img { max-width: 500px;
	}

section {
	font-family: Tahoma, Arial, sans-serif;
	line-height: 150%;
	float: right;
	width: 300px;
	color: #333; }
 
button {
	background: #36a9ea;
	background: -moz-linear-gradient(top, #36a9ea 0%, #127fd2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#36a9ea), color-stop(100%,#127fd2));
	background: -webkit-linear-gradient(top, #36a9ea 0%,#127fd2 100%);
	background: -o-linear-gradient(top, #36a9ea 0%,#127fd2 100%);
	background: -ms-linear-gradient(top, #36a9ea 0%,#127fd2 100%);
	background: linear-gradient(top, #36a9ea 0%,#127fd2 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#36a9ea', endColorstr='#127fd2',GradientType=0 );
	border: 1px solid #00599d;
	color: #fff;
	padding: 8px 20px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .1), inset 0px 1px 0px 0px rgba(250, 250, 250, .3);
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .1), inset 0px 1px 0px 0px rgba(250, 250, 250, .3);
	text-shadow: 0px 1px 1px #156cc4;
	filter: dropshadow(color=#156cc4, offx=0, offy=1);
	font-size: 10pt; }
 
	button:hover {
		background: #2f90d5;
		background: -moz-linear-gradient(top, #2f90d5 0%, #0351b7 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2f90d5), color-stop(100%,#0351b7));
		background: -webkit-linear-gradient(top, #2f90d5 0%,#0351b7 100%);
		background: -o-linear-gradient(top, #2f90d5 0%,#0351b7 100%);
		background: -ms-linear-gradient(top, #2f90d5 0%,#0351b7 100%);
		background: linear-gradient(top, #2f90d5 0%,#0351b7 100%);
		filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#2f90d5', endColorstr='#0351b7',GradientType=0 ); }
 
	button:active {
		background: #127fd2;
		-webkit-box-shadow: inset 0px 2px 1px 0px rgba(0, 47, 117, .5), 0px 1px 1px 0px rgba(0, 0, 0, 0);
		box-shadow: inset 0px 2px 1px 0px rgba(0, 47, 117, .5), 0px 1px 1px 0px rgba(0, 0, 0, 0); }

 
details { margin: 20px 0px; }
 
summary {
	cursor: pointer;
	font-size: 12pt;
	outline: 0; }
 
details > summary::-webkit-details-marker { display: none; }
 
details > summary:before {
	width: 16px;
	height: 16px;
	display: inline-block;
	content: '' !important;
	background: url('../images/plus-min.png') no-repeat center top;
	margin-right: 5px;
	position: relative;
	top: 2px; }
 
details[open] > summary:before,
details.open > summary:before { 
	background: url('../images/plus-min.png') no-repeat center bottom; 
}