body 
{
  background: #eaeaea;
  margin-top: 1.5em;
  padding-top: 0px;
  font-family: Verdana,Arial,"Trebuchet MS",Helvetica,sans-serif;
  font-size:12px;
  font-size-adjust:none;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  text-align: justify;
}

img { border: 0px; }

h1 {
    text-transform:uppercase;
    font-size: 21px;
    font-weight: bold;
    color: #1c895f;
    padding-bottom: 1em;
    letter-spacing: 0.05em;
}

h2 {
  font-weight: bold;
  font-size: 16px;
  color: #333;
}

h3 {
  font-weight: normal;
  font-size: 125%;
  padding-top: 0px;
  margin-top: 0px;
}

p {
    line-height: 20px;
}

a {
  text-decoration: none;
  color: #3366bb;
}

a:hover {
  color: #f80;
}

li { margin-top: 1.2em;
    line-height: 1.5em;
}

div#wrapper
{
  //background: url('https://www.algodoo.com/images/bkg.png') repeat-y;
  background: #fff;
  width: 772px;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 0em;
  margin-top: 0em;
  margin-left: auto; 
  margin-right: auto; 
  border: 1px solid #1c895f;
}


div#header 
{
  background: url('https://www.algodoo.com/images/header_webshop.png') no-repeat; 
  padding: 0em;
  margin: 0em;
  width: 100%;
  height: 90px;
  text-align: center;
}

div#head1
{
  float: right;
  height: 135px;
}

div#head2
{
  float: right;
  clear: both;
}

div#header img 
{
  padding: 0px;
  margin: 0px;
}

div#links
{
  height: 27px;
  padding: 0.1em 0.2em 0.1em 0.2em;
  margin: 0 -0.6em;
/*  background: #E46C09; */
  background: #1c895f;
/*  border-bottom: 2px solid #E46C09; */
  //border-bottom: 2px solid #1c895f;
  font-weight: bold;
  font-size: 100%;
  //font-family: 'Trebuchet MS',Georgia,Verdana,Sans-serif,Arial;
  font-family: 'Lucida Grande',Verdana,Sans-serif,Arial;
}

div#links ul { display: inline; padding: 0em; }
div#links ul li 
{ 
  display: inline;
}

div#links a 
{
  border-right: 1px solid rgba(250,250,250,0.5);
  font-weight: bold;
  text-decoration: none;
/*  color: #555; */
  color: white;
  padding: 0.5em 2em;
  line-height: 27px;
}


div#links a:hover 
{
/*  color: #f80; */
  background: #fff;
  color: #333;
}

div#main 
{
  padding: 0.2em 1em 0.2em 1em;
  margin-top: 1.2em;
  min-height: 400px;
}

div#footer
{
  margin-top: 10px;
  //padding: 1em;
  padding-bottom: 0em;
}


div#briefcart
{
  background: #1c895f;
  line-height: 27px;
  padding: 0.25em 3em;
  margin: 0 -7px 0 -7px;
  margin-bottom: 0.7em;
  width: auto;
  color: #eaeaea;
  clear: both;
}

div#briefcart a {
  color: #333;
  font-weight: bold;
  font-size: 1.2em;
  background: #fff;
  padding: 2px 4px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

div#briefcart a:hover {
  color: #eaeaea;
  background: #333;
}

div#securelogo {
  text-align: right;
    float: right;
    width: 135px;
}

div#creditcardinfo {
  float: left;
  margin-left: 3em;
  width: 590px;
}

div#copyright 
{
  border: 1px solid #fff;
  padding: 0em;
  font-size: 85%;
  margin-left: auto;
  margin-right: auto;
  clear: both;
  text-align: center;
  position: relative;
  top: 0px;
  z-index: 0;
}

div#copyright p 
{
  padding: 0.1em;
  margin: 0em;
}

div#copyright img
{
  margin-left: -0.95em;
  margin-bottom: -0.85em;
}

div#dibslogo
{
  float: right;
}

div#ProductPrice
{
    float: right;
    width: 100px;
}

div#ProductInfo 
{
    float: left;
    width: 650px;
}


p#warning { font-weight: bold; }


.left   {
    float: left;
    margin-left: 20px;
}

.right  {
    float: right;
    margin-right: 20px;
}
.bold   { font-weight: bold; }
.big    { font-size: 17px; }
.bigger { font-size: 22px; }
.orange { color: #e46e25; }
.green  { color: #1c895f; }
.blue   { color: #407cbf; }
.purple  { color: #A3469A; }
.white  { color: white; }
.black  { color: black; }

.orangesquare { 
    margin-left: 0em;
    padding-left: 20px;
    list-style-image:url('../images/square.png');   
}

.greenstar {
    width: 122px; height:120px; background-image: url('../images/green_star.png');
    vertical-align: middle;
    text-align: center;
}

.bluestar {
    width: 122px; height:120px; background-image: url('../images/green_star.png');
    vertical-align: middle;
    text-align: center;
    float: left;
}

.purplestar {
    width: 122px; height:120px; background-image: url('../images/purple_star.png');
    vertical-align: middle;
    text-align: center;
    position: absolute;
    top: 300px;
}

.bluestar  p  { padding-top: 30px; }
.greenstar p  { padding-top: 50px; }
.purplestar p  { padding-top: 40px; }


.vmiddle { vertical-align: middle; }
.vtop { vertical-align: top; }

.center { text-align: center; }

.nopad { padding: 0em; }
.nomargin { margin: 0em; }

.start { padding-left: 2em; }

table 
{
  margin-left: auto;
  margin-right: auto;
  width: 95%;
}


table tbody td
{
  padding: 0.3em 0em 0.5em 0em;
}


table thead th
{
  padding: 0.5em 0em 0.5em 0em;
  border-bottom: 2px solid #1c895f;
  vertical-align: top;
}

table tfoot td
{
    padding: 1em 0em 0.4em 0em;
}


div#preload { display: none; }


.rounded {
	background: #eaeaea;
    margin: 1em auto;
    margin-bottom: 0.5em;
    padding: 2em;
    //border:  1px solid #1c895f;
	border-radius: 9px;
	-moz-border-radius: 9px;
    -webkit-border-radius: 9px;
	-khtml-border-radius: 9px;
}


table#cart tbody td input[type="text"] { 
	text-align: right; 
	float: left; 
	background: #fff;
	border: 1px solid #999;
	border-radius: 4px;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	padding: 2px;
	margin-left: 5px;
}

#CartQuantity  { text-align: left; }
#CartProduct  { text-align: left; }
#CartPrice  { text-align: right; }
#CartTotal  { text-align: right; }

table#cart tr {
	border-bottom: 1px solid #999;
}

table#cart th, table#cart td { text-align: left; vertical-align: middle; padding: 1em; }
table#cart th+th, table#cart td+td { text-align: left; }
table#cart th+th+th, table#cart td+td+td { text-align: right; }
table#cart th+th+th+th, table#cart td+td+td+td { text-align: right;} 

table#dibsoverview th, table#dibsoverview td { text-align: left; vertical-align: top;}
table#dibsoverview th+th, table#dibsoverview td+td { text-align: left; }
table#dibsoverview th+th+th, table#dibsoverview td+td+td { text-align: right; }
table#dibsoverview th+th+th+th, table#dibsoverview td+td+td+td { text-align: right;} 


table#dibsoverview tfoot tr#topright td { text-align: right; border-top: 2px solid #E46C0A; }

table#receipt th, table#receipt td { text-align: left; vertical-align: top;}
table#receipt th+th, table#receipt td+td { text-align: left; }
table#receipt th+th+th, table#receipt td+td+td { text-align: right; }
table#receipt th+th+th+th, table#receipt td+td+td+td { text-align: right;} 

.bordertop { border-top: 3px solid #1c895f; }
.borderbottom { border-bottom: 3px solid #1c895f; }
.tright { text-align: right; }
.tleft { text-align: left; }

table#receipt thead th { text-align: left; }
table#receipt thead th { border: none; }
table#receipt thead tr.BorderBottom th { border-bottom: 2px solid #1c895f; }
table#receipt tfoot tr.BorderBottom td { border-bottom: 2px solid #1c895f; }

table#customer tfoot td+td  { text-align: right; }

table#licenses td, table#licenses th, table#akeys th {    text-align: left; } 
table#licenses td+td+td+td, table#akeys td:first-child+td { font-family: courier;} 


table#toDibs td { text-align: left; }
table#toDibs td+td { text-align: right; }


tbody#foot td
{
  border-top: 2px solid #E46C0A;
  padding: 2em 0em 0.4em 0em;
}


table#customer tbody#foot td+td { text-align: right; }

#notice  {
	margin: 0.25em 0 0 2.5em;
	font-size: 85%;
	}

#webshop_start > table  {
	border: 2px solid #eaeaea;
	}

#webshop_start tr {
	background: #eaeaea;
	margin: 5px 0;
	border: 0px none;
	}

	
#webshop_start tr td {
	padding: 5px 10px;
	margin: 0px;
	border: 1px none #fff;
	}
	
#webshop_start tr td:first-child {
	padding: 5px 9px;

}
.widget {
	background: #eaeaea;
	background: #fff;
	width: 100px;
	height: 100px;
	border-radius: 4px;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	text-align: center;
	float: left;
	margin: 0 10px;
	padding: 5px;
	vertical-align: bottom;
	color: #333;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: bold;
}

.widget:hover {
	background: rgb(63,169,245); 
}

.widget_line {
	border-top: solid 2px #eaeaea;
	margin: 0 -5px;
	margin-bottom:5px;
}

.widget_share  {
	width: 64px;
	height: 64px;
	float: right;
	}

.webshop_product {
	float: left;
	margin-bottom: 2em;
	}

.webshop_product > table {
	margin: 5px auto;
	border: 2px solid #eaeaea;
	border-bottom: none;
	border-radius: 9px 9px 0 0;
	-moz-border-radius: 9px 9px 0 0;
    -webkit-border-radius: 9px 9px 0 0;
	-khtml-border-radius: 9px 9px 0 0;
	}

.webshop_product > table:nth-child(2)  {
	background: #eaeaea;
	border-radius: 0 0 9px 9px;
	-moz-border-radius: 0 0 9px 9px;
    -webkit-border-radius: 0 0 9px 9px;
	-khtml-border-radius: 0 0 9px 9px;
	margin: 5px auto;
	margin-top: -0.5em;
	border: 0px none;
	padding: 1em 2em;
	}
	
.webshop_product tr td {
	padding: 5px 10px;
	margin: 0px;
	border: 1px none #fff;
	}

.webshop_product .widget  {
	background: #eaeaea;
	float: right;
	}

.webshop_product .widget:hover  {
	background: rgb(63,169,245);
	float: right;
	}
	
.clear  {
	clear: both;
	}

.pre-border td {
    padding: 10px;
}
.border td {
    border-top: 1px solid white;
    padding: 10px;
}