body {
	padding: 0px;
	margin: 0px;
	color: #525252;
	background-color: white;
	font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
   font-size: 10pt;
   line-height: 141%;
}

#content {
	padding: 30px;
}

#content a {
   color: #89867a;
   text-decoration: underline;
}

#content a:hover {
   color: #ccc8b6;
}

#sandbox {
	text-align: center;
	font-weight: bold;
	margin-top: 10px;
	font-size: 120%;
	color: red;
}

.fpplugin {
   border-radius : 12px 0 12px 0; 
   color: white;
   margin-bottom: 20px;
   padding: 0;
   position: relative;
   
   background-color: #585858;

   background: -webkit-gradient(
       linear,
       left top,
       left bottom,
       from(#585858), to(#787878));
       
   background: -moz-linear-gradient(
       top,
       #585858 9%,
       #787878 70%
   );

   filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#585858', EndColorStr='#787878', GradientType=0);   
}

.fpplugin .new, .fpplugin .updated {
   position: absolute;
   top: -12px;
   right: -14px;;
   width: 65px;
   height: 65px;
}

.fpplugin .newbg {
   position: absolute;
   top: -16px;
   right: -18px;;
   width: 73px;
   height: 73px;
}

.new svg .spikes {
   fill: #d6dc32;
}

.newbg svg .spikes {
   fill: #c2700b;
}

.updated svg .spikes {
   fill: #d6dc32;
}

.new .text, .updated .text {
   display: flex;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   justify-content: center;
   align-items: center;
   color: #000;
   font-weight: bold;
   transform: rotate(20deg);
}

.new .text {
   font-size: 120%;
}
.updated .text {
   font-size: 80%;
}

#thetouch {
   background-image: url('/images/ttbackground.jpg');
   background-repeat: no-repeat;
   background-color: #787878;
}

.fpplugin p {
   padding: 0 12px 0 12px;
}

.itemtitle {
	padding: 6px 10px;
	margin-bottom: 8px;
	display: inline-block;
	background-color: #ccc8b6;
	text-decoration: none;
	color: black !important;
	font-size: 130%;
   -webkit-border-top-left-radius:   8px;
   -webkit-border-bottom-right-radius:  8px;
   -moz-border-radius-topleft : 8px;
   -moz-border-radius-bottomright : 8px;
   text-decoration: none !important;
   border-top-left-radius: 8px;
   border-bottom-right-radius: 8px;
}

#rhsmenu a, #accordion h3 {
	padding-left: 4px;
	padding-bottom: 1px;
	padding-right: 4px;
	padding-top: 1px;
	display: inline-block;
	background-color: #ccc8b6;
	text-decoration: none;
	color: black;
   -webkit-border-radius: 4px;
   -moz-border-radius : 4px;
   border-radius : 4px;
}

#rhsmenu a.normal {
   -webkit-border-radius: 0px;
   -moz-border-radius : 0px;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   border: 0;
   background-color: transparent !important;
   color: white ! important;
   text-decoration: underline !important;
}

#rhsmenu a.paddle_button {
	font-size: 120%;
	padding: 10px;
	background-color: #59b200 !important;
	color: white !important;
}
	
#accordion h3 {
	padding: 8px 10px;
	width: 30em;
}

#accordion h3:hover {
	color: white;
	text-decoration: none;
}

.presentation h3 a {
	display: inline-block;
	background-color: #585858 !important;
	text-decoration: none;
	color: white !important;
}

.presentation h3 a:hover {
	color: black !important;
	text-decoration: none;
}

.presentation a.author {
   padding: 0px !important;
   background-color: #585858 !important;
   color: white !important;
	text-decoration: underline !important;
	-webkit-border-radius: 0x !important;
   -moz-border-radius : 0px !important;
   border-radius : 0px !important;
}

.presentation a.author:hover {
   color: black !important;
}

a.noborder {
   padding: 0px !important;
   margin: 0px !important;
   background-color: white !important;
	text-decoration: underline !important;
	-webkit-border-radius: 0x !important;
   -moz-border-radius : 0px !important;
   border-radius : 0px !important;
}

#logo {
	padding-top: 25px;
	background-color: #2e2e2e;
	margin-bottom: 0px;
	margin-top: 0px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

#twitterline {
	background-color: #2e2e2e;
	margin-bottom: 0px;
	margin-top: 0px;
	text-align: right;
	padding: 0 10px 6px 0;
	margin-right: 0;
	color: white;
	font-size: 80%;
	font-style: italic;
}

#twitterline a {
	color: #ccc8b6;
}

#twitterline a:hover {
	color: white;
}

#menu {
	width: 100%;
	border-bottom-color: black;
	border-top-color: #ccc8b6;
	border-bottom-style: solid;
	border-top-style: solid;
	border-bottom-width: 0px;
	border-top-width: 3px;
	background-color: #005b64;
	padding-bottom: 15px;
	padding-top: 0px;
}

#menu ul {
	right: 0px;
	left: 0px;
	text-align: center;
	margin: 0;
	padding: 0;
}

#menu li {
	padding: 0 20px 0 20px;;
	margin: 0px;
	display: inline;	
}

#menu a {
	padding-left: 8px;
	padding-bottom: 6px;
	padding-right: 8px;
	padding-top: 4px;
	text-transform: none;
	display: inline-block;
	background-color: #ccc8b6;
	text-decoration: none;
	color: black;
   -webkit-border-bottom-left-radius:  8px;
   -webkit-border-bottom-right-radius: 8px;
   -moz-border-radius-bottomleft  : 8px;
   -moz-border-radius-bottomright : 8px;
   border-bottom-left-radius: 8px;
   border-bottom-right-radius: 8px;
}

#menu a:hover {
	color: white;
	text-decoration: none;
}

a img {
   border: 0;
}

.headingimage {
   height: 42px;
   width: 42px;
   float:left;
   margin-top: 40px;
   margin-bottom: 40px;
}

.headingprefix {
   height: 42px;
   width: 60px;
   float:left;
	background-color: black;
	border-right: solid 3px white;
   margin-top: 40px;
   margin-bottom: 20px;
   -webkit-border-bottom-left-radius:  8px;
   -webkit-border-top-left-radius: 8px;
   -moz-border-radius-bottomleft  : 8px;
   -moz-border-radius-topleft : 8px;
   border-bottom-left-radius: 8px;
   border-top-left-radius: 8px;
}

.headingsuffix {
   height: 42px;
   width: 491px;
   float:left;
   margin-top: 40px;
   margin-bottom: 20px;
	background-color: #005b64;
	border-left: solid 3px white;
   -webkit-border-bottom-right-radius:  8px;
   -webkit-border-top-right-radius: 8px;
   -moz-border-radius-bottomright  : 8px;
   -moz-border-radius-topright : 8px;
   border-top-right-radius: 8px;
   border-bottom-right-radius: 8px;
   line-height: 42px;
   color: white;
   font-size: 140%;
   font-weight: 100;
   font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
   padding-left: 15px;   
}

.container_12 h1 {
   color:  white;
   padding: 10px;
   border: 0;
   text-align: center;
   margin-top: 30px;
   margin-bottom: 20px;
   -webkit-border-radius: 8px;
   -moz-border-radius : 8px;
   border-radius : 8px;
   background-color: black;
}

h1 {
   margin-bottom: 20px;
   padding-left: 7px;
   border-left-color: #414141;
   border-left-style: solid;
   border-left-width: 20px;
   color: black;
   font-size: 160%;
   font-weight: 100;
	font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;	
}

h2 {
   color: black;
   font-size: 130%;
   font-weight: 100;
   font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
}

h3 {
   font-weight: bold;
   color: #414141;
   font-size: 100%;
	font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
}

h3 span.subheading {
   font-size: 90%;
   font-weight: normal;
}

h4 {
   font-size: 80%
}

#accordion {
	text-align: center;
}

#accordion .toggler {
	cursor: pointer;
}

#accordion .presentation {
	text-align: left;
}

.center {
	text-align: center;
}

.center img {
   padding: 20px 0;
}

/* Main page */

.presentation {
	margin-right: auto;
	margin-left: auto;
	border-spacing: 0px 0px;
	width: 80%;
}

.presentation .item {
   color: white;
   background-color: #585858;
	padding: 25px;
	margin-bottom: 3px;
	position: relative;
}

.presentation .top
{
   -webkit-border-top-left-radius:   20px;
   -webkit-border-top-right-radius:  20px;
   -moz-border-radius-topleft : 20px;
   -moz-border-radius-topright : 20px;
   border-top-left-radius: 8px;
   border-top-right-radius: 8px;
   border: 0;
}

.presentation .bottom
{
   -webkit-border-bottom-left-radius:   20px;
   -webkit-border-bottom-right-radius:  20px;
   -moz-border-radius-bottomleft : 20px;
   -moz-border-radius-bottomright : 20px;
   border-bottom-left-radius: 20px;
   border-bottom-right-radius: 20px;
   border: 0;
}

.presentation h3
{
   color: #e7e7e7;
   margin: 0;
   padding: 0;
}

.presentation a
{
	color: #b9b9b9;
}

.compat {
   color: #dddddd;
   text-align: center;
   font-style: italic;
   font-size: 85%;
   line-height: 130%;
   padding-bottom: 12px !important;
}

.author
{
	font-size: smaller;
	font-style: italic;
}

ul li + li {
   padding-top: 5px;
}

/* Product pages */

#rhsmenu {
   margin-left: 30px;
   margin-bottom: 30px;
   float: right;
   width: 300px;
}

#rhsmenu .item {
   color: white;
   background-color: #585858;
	padding:  15px;
	margin-bottom: 2px;
}

#rhsmenu .top
{
   border-top-left-radius: 12px;
   border: 0;
}

#rhsmenu .bottom
{
   border-bottom-right-radius: 12px;
   border: 0;
}

#rhsmenu a
{
	color: black !important;
	background-color: #bababa;
	text-decoration: none !important;
}

#rhsmenu a:hover, a.itemtitle:hover
{
	color: #f7f7f7 !important;
}

#rhsmenu hr
{
	margin: 15px 20px 0 20px ;
}

#rhsmenu .sorry
{
   color: #bf2f20;
   text-align: center;
   margin: 15px;
   padding: 10px;
   background-color: #e7e7e7;
   width: 80%;
}

#rhsmenu form
{
   padding: 0;
   margin: 0;
}

#rhsmenu ul {
   margin: 0;
   padding: 0 0 0 0;
   list-style-image: url(images/bullet.gif);
   list-style-position: inside;
}

#rhsmenu .header ul, #rhsmenu .footer ul {
   list-style: none;
}

#rhsmenu li {
   margin: 3px;
   padding: 0;
}

#rhsmenu li + li {
   padding-top: 3px;
}

#rhsmenu h2 {
   color: white;
   text-align: center;
   margin: 15px 15px 0 15px;
}

#rhsmenu .price {
   color: white;
   text-align: center;
   margin: 10px;
	font-size: 150%;
	font-weight: bold;
}

#rhsmenu .button, input[type=submit] {
   font-weight: bold;
	border-color: white;
	border-style: solid;
	border-width: 2px;
	display: inline-block;
   background-color: #ccc8b6;
   padding: 0;
}

#rhsmenu .button a {
   -webkit-border-radius:   0px;
   -moz-border-radius : 0px;
   border-radius : 0px;
	display: inline-block;
	color: black;
	padding-top: 5px;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-right: 8px;
   background-color: #ccc8b6;
}

#rhsmenu .button a:hover, input[type=submit]:hover {
   background-color: white;
   color: black !important;

}

#content input[type=submit] {
   border-color: black;
   padding: 9px;
}

/* FAQ */

#faq {
   width: 75%;
   margin-left: auto;
   margin-right: auto;
}

#faq .question {
}

#faq .answer {
	color: black;
	padding-left: 50px;
}

/* --- Forms --- */

#contactform {
   text-align: center;
   padding: 20px;
}

.myForm label.error {
   color: #76280c;
   padding: 5px;
   margin-bottom: 10px;
   display: block;
}

.myForm label {
   display: block;
   margin:0;
   padding: 0

}
.myForm label + input, .myForm label + textarea {
   margin-top: 5px;
}

.myForm input + label, .myForm input + label + label, textarea + label {
   margin-top: 15px;
}

/* --- CAPTCHA styles --- */

table#cap { margin-left:auto; margin-right:auto; }
table#cap td { height:1px; width:1px; }

/* 30px Rounded corners (Airtight corners) */

#faq hr {
	background-color: #ccc7b6;
	margin-left: 30%;
	margin-bottom: 30px;
	margin-right: 30%;
	margin-top: 30px;
	border-style: solid;
	color: #ccc8b6;
}

/* -- Table presentation -- */

table.pretty {
   border-collapse: collapse;
   border: solid 2px #000;
}

.pretty th {
   padding: 8px;
   background-color: #000;
   border-right: solid 2px #656565;
   color: white;
}

.pretty .rhs {
   border-right: solid 2px black;
}

.pretty td {
   padding: 8px;
   background-color: #CCC8B6;
   border: solid 1px #000;
   color: #000;
}

.pretty .total {
   background-color: #656565;
   color: white;
}

.pretty .prediction {
   font-style: italic;   
}

.quote {
   color: black;
   width: 30%;
   padding: 20px;
   background: #bfbfbf;
   margin: 0 0 20px 20px;
   float: right;
   line-height: 151%;
}

.quoteauthor {
   text-align: right;
   clear: both;
   margin-top: 40px;
}

.quote blockquote {
   padding: 0;
   margin: 0;
}

.bqstart {
     float: left;
     height: 45px;
     margin-top: -20px;
     padding: 45px 10px 10px 0;
     margin-bottom: -50px;
     font-size: 700%;
     color: white;
 }

.bqend {
     float: right;
     height: 5px;
     margin-top: 0px;
     padding-top: 30px;
     font-size: 700%;
     color: white;
 }
 
.sidenote {
   color: black;
   padding: 20px;
   background: #bfbfbf;
   margin: 0 0 20px 20px;
   float: right;
   line-height: 151%;
   width: 225px;
}

.sidenote a.noborder {
   background: #bfbfbf !important;
}

/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width:60px;
}

.container_12 .grid_2 {
	width:140px;
}

.container_12 .grid_3 {
	width:220px;
}

.container_12 .grid_4 {
	width:300px;
}

.container_12 .grid_5 {
	width:380px;
}

.container_12 .grid_6 {
	width:460px;
}

.container_12 .grid_7 {
	width:540px;
}

.container_12 .grid_8 {
	width:620px;
}

.container_12 .grid_9 {
	width:700px;
}

.container_12 .grid_10 {
	width:780px;
}

.container_12 .grid_11 {
	width:860px;
}

.container_12 .grid_12 {
	width:940px;
}



/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left:80px;
}

.container_12 .prefix_2 {
	padding-left:160px;
}

.container_12 .prefix_3 {
	padding-left:240px;
}

.container_12 .prefix_4 {
	padding-left:320px;
}

.container_12 .prefix_5 {
	padding-left:400px;
}

.container_12 .prefix_6 {
	padding-left:480px;
}

.container_12 .prefix_7 {
	padding-left:560px;
}

.container_12 .prefix_8 {
	padding-left:640px;
}

.container_12 .prefix_9 {
	padding-left:720px;
}

.container_12 .prefix_10 {
	padding-left:800px;
}

.container_12 .prefix_11 {
	padding-left:880px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right:80px;
}

.container_12 .suffix_2 {
	padding-right:160px;
}

.container_12 .suffix_3 {
	padding-right:240px;
}

.container_12 .suffix_4 {
	padding-right:320px;
}

.container_12 .suffix_5 {
	padding-right:400px;
}

.container_12 .suffix_6 {
	padding-right:480px;
}

.container_12 .suffix_7 {
	padding-right:560px;
}

.container_12 .suffix_8 {
	padding-right:640px;
}

.container_12 .suffix_9 {
	padding-right:720px;
}

.container_12 .suffix_10 {
	padding-right:800px;
}

.container_12 .suffix_11 {
	padding-right:880px;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
	left:80px;
}

.container_12 .push_2 {
	left:160px;
}

.container_12 .push_3 {
	left:240px;
}

.container_12 .push_4 {
	left:320px;
}

.container_12 .push_5 {
	left:400px;
}

.container_12 .push_6 {
	left:480px;
}

.container_12 .push_7 {
	left:560px;
}

.container_12 .push_8 {
	left:640px;
}

.container_12 .push_9 {
	left:720px;
}

.container_12 .push_10 {
	left:800px;
}

.container_12 .push_11 {
	left:880px;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
	left:-80px;
}

.container_12 .pull_2 {
	left:-160px;
}

.container_12 .pull_3 {
	left:-240px;
}

.container_12 .pull_4 {
	left:-320px;
}

.container_12 .pull_5 {
	left:-400px;
}

.container_12 .pull_6 {
	left:-480px;
}

.container_12 .pull_7 {
	left:-560px;
}

.container_12 .pull_8 {
	left:-640px;
}

.container_12 .pull_9 {
	left:-720px;
}

.container_12 .pull_10 {
	left:-800px;
}

.container_12 .pull_11 {
	left:-880px;
}

#backsoon {
   text-align: center;
   font-size: 120%;
   margin-top: 250px;
}

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}