header, section, footer, aside, nav, main, article, figure {
  display: block; 
}
body {
  font-size: 100%;
}

article.tabMenu {
    width: 200px;
    text-align: center;
    float: left;
}

section.tabHeader{
    width: 220px;
    font-size: 1.2em;
    background-color: grey;
    margin-right: 0.2%;
    cursor: Pointer;
}

section.tabSub{
    width: 200px;
    font-size: 1.2em;
    background-color: white;
    margin-left: 10%;
    margin-right: 0.2%;
    cursor: Pointer;
    border-style: solid;
    border-width: 1px;
}

section.menu {
	float: right;
	position: relative;
	top: -20px;
}

section.grouping {
	width: 100%;
	clear: both;
}

span.button {
	padding: 8px;
	border-style: solid;
	border-width: 1px;
	border-radius: 6px;
	background-color: lightgrey;
	cursor: pointer;
	display: inline;
	text-transform: capitalize;
}

span.smallButton {
	padding: 1px;
	border-style: solid;
	border-width: 1px;
	border-radius: 6px;
	background-color: lightgrey;
	cursor: pointer;
	display: inline;
	text-transform: capitalize;
}

span.importantMessage {
	font-size: 1.1em;
	color: red;
}

article.tab {
    position: absolute;
    left: 230px;
    width: 85%;
    max-width: 1200px;
    overflow: auto;
    padding: 10px;
}

section {
  padding-bottom: 16px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em;
  margin-left: auto;
  margin-right: auto;
}

section.breadcrumb {
    float: left;
    color: red;
    font-size: 0.8em;
}

section.productList {
    width: 70%;
}

section.productShort {
    border-style: solid;
    border-color: grey;
    border-width: 1px;
    padding: 8px;
    width: 70%;
    float: left;
    margin: 8px;
    cursor: pointer;
}

section.productShortNoPointer {
    border-style: solid;
    border-color: grey;
    border-width: 1px;
    padding: 8px;
    width: 70%;
    float: left;
    margin: 8px;
}

input.short {
	width: 90px;
}

input.long {
	width: 180px;	
}

section.largeButton {
    width: 24.8%;
    font-size: 2em;
    float: left;
    background-color: red;
    color: white;
    margin-right: 0.2%;
    cursor: Pointer;
}

section.addButton {
    width: 150;
    float: left;
    background-color: red;
    color: white;
    margin-right: 0.2%;
    cursor: Pointer;
}

section.title {
	float: left;
}

section.description {
	width: 55%;
	margin-left: 0px;
}

section.thumbnailImage {
	clear: left;
}

section.thumbnailImage img {
	width: 200px;
	height: 200px;
	vertical-align: text-top;
}

section.thumbnailImageFreeScale img {
	width: 200px;
	vertical-align: text-top;
}

section.tinyImage img {
	width: 100px;
	height: 100px;
	vertical-align: text-top;
}

section.price {
	float: right;
}

article.popoverBorder {
    width: 100%;
    height: 100%;
    align: center;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 5;
}

section.header {
	font-size: 1.2em;	
}

span.header {
	font-size: 1.1em;	
}

article.popover {
    border-style: solid;
    border-color: grey;
    border-width: 1px;
    padding: 8px;
    width: 90%;
    height: 90%;
    overflow: scroll;
    align: center;
    margin: 8px;
    position: fixed;
    z-index: 10;
    background-color: white;
}