body {font-family: Arial, Helvetica, sans-serif; padding: 0px; margin: 0px;font-size: 11px; height:100%}
#container {padding: 0px; margin: auto; width: 100%; }
#header {padding: 0px 0px 0px 0px; margin: 0 auto; text-align: center; padding-bottom: 8px;}
#headlinetext {font-size: 38px;  color: #333; font-family: Calibri, Arial, Verdana sans-serif; margin:0; line-height: 130%; font-weight: normal; text-align: left; padding: 25px 0px 0px 0px; text-align:center;}
#content {margin: 0 auto; height:100%; margin:0 0px 0 0px; padding:0px;}
#content p {padding:10px 0px 10px 0px;}

p {margin:0;padding:0;}

H1 {font-size: 22px; color:black; font-family: Arial, Verdana sans-serif; margin:0; line-height: 140%; font-weight: bold; text-align: left; padding: 0px;}
H2 {font-size: 20px; color:black; font-family: Arial, Verdana sans-serif; margin:0; line-height: 150%; font-weight: normal; padding: 5px 10px 0px 15px;}
H3 {font-size: 16px; font-weight: normal; color: #00376F; font-family: Arial, Helvetica, sans-serif; text-align: left; line-height: 140%; margin-bottom: 0px; padding: 10px 10px 5px 15px;}
H4 {font-size: 13pt; color: rgb(0,102,153); font-family: Trebuchet, Arial, Helvetica, sans-serif;margin:0; line-height: 150%; font-weight: normal;}

img {border:none;}

ul {margin-left: 40px; margin-top: 10px;}
li {margin-bottom: 6px; padding-left:10px;}

ul.ticks {list-style: url(/images/icons/greenTick.gif); padding-left: 0px; padding-bottom: 3px; margin-bottom: 5px; margin-left:20px;padding-top: 10px; padding-bottom: 15px;}
ul.ticks li {padding-left: 10px; padding-bottom: 10px; font-size: 14px; color: #333;}
ul.os {list-style: url(/images/icons/windowsIcon.png); font-size: 10px; margin:0px 0px 0px 25px;}
ul.os li {padding-left: 5px;}

.middlepanel {width: 613px; display:inline-block; margin:0;height:100%; vertical-align:top;}
.middlepanel p {line-height:2em; margin-left: 15px; margin-right: 25px; margin-bottom: 0px; padding-bottom:0px;margin-top: 0px; padding-bottom:0px;}

.rightpanel {width: 282px; display:inline-block; margin:0; height:100%; vertical-align:top; padding: 0;}
.rightpanel H1 {font-size: 20px; color:black; font-weight:bold; font-family: Arial, Verdana sans-serif; margin:0; line-height: 140%; text-align: center; padding: 0px;}
.rightpanel H2 {font-size: 18px; color:#333; font-weight:bold; font-family: Arial, Verdana sans-serif; margin:0; line-height: 140%; text-align: center; padding: 0px;}
.rightpanel H2#price {font-size: 20px; color:#183b72;  font-weight:bold; font-family: Arial, Verdana sans-serif; margin:0 0 10px 0; line-height: 140%; text-align: center; padding: 0px;}
.rightpanel H3 {font-size: 14px; color:#333; font-weight:bold; font-family: Arial, Verdana sans-serif; margin:0; line-height: 140%; text-align: center; padding: 0px;}
.rightpanel p {text-align:center;}
.rightpanel img {margin-top: 5px;}
.rightpanel ul li {font-size: 11px;}
.rightpanel ul {margin-left: 5px; list-style:none; text-align:center; margin-top: 12px;}


.ospanel {text-align:left; padding:10px 0 10px 10px; border-top: 0px; background: url(/images/oa_bg.png) repeat-x white 0px -60px;}
.ospanel H1 {font-size: 16px; color:black; font-family: Arial, Verdana sans-serif; margin:0; line-height: 140%; font-weight: bold; text-align: left; padding: 5px 5px 5px 10px; }
.ospanel H2 {font-size: 16px; color:#333; font-family: Calibri, Arial, Verdana sans-serif; margin:0; line-height: 150%; font-weight: normal; padding: 5px 5px 5px 10px; margin-bottom: 5px; text-align:left;}
.ospanel H3 {font-size: 10pt; font-weight: normal; color: black; font-family: Arial, Helvetica, sans-serif; text-align: left; line-height: 140%; padding: 5px 5px 5px 10px;}
.ospanel p {margin-top: 5px; margin-bottom: 5px; text-align:left;}

.ospanel ul.os {list-style: url(/images/icons/windowsIcon.png);  margin:0px 0px 0px 0px; text-align:left; margin-left:25px;}
.ospanel ul.os li {padding-left: 10px; text-align:left; font-size: 12px;}

.testpanel {text-align:left; padding:5px 10px 10px 10px; border-top: 0px; background: url(/images/test_bg.png) repeat-x white 0px -100px;}
.testpanel H1 {font-size: 16px; color:black; font-family: Arial, Verdana sans-serif; margin:0; line-height: 140%; font-weight: bold; text-align: left; padding: 5px 5px 5px 10px; }
.testpanel H2 {font-size: 16px; color:#333; font-family: Calibri, Arial, Verdana sans-serif; margin:0; line-height: 150%; font-weight: normal; padding: 5px 5px 5px 10px; margin-bottom: 5px; text-align:left;}
.testpanel H3 {font-size: 10pt; font-weight: normal; color: black; font-family: Arial, Helvetica, sans-serif; text-align: left; line-height: 140%; padding: 5px 5px 5px 10px;}
.testpanel p {margin-top: 5px; margin-bottom: 5px; text-align:left; font-size:13px; line-height:150%; font-style:italic;}
p.testcaption {padding:10px; font-style:normal; font-weight: bold; text-align: right; padding-right: 15px;}


.red {color:#800000;}
.bold {font-weight: bold;}
.nomargin {margin:0; padding:0;}

.technologies {padding-left:15px; margin-bottom: 15px;}
.mr10 {margin-right:10px;}
.mt3 {margin-top:3px;}
.mt15 {margin-top:15px;}
.clearboth {clear: both;}

.responsebox {background:white url(/images/response_bg.png) repeat-x; padding:15px;}
.featurebox {background: white url(/images/ticks_bg.png) repeat-x; padding: 15px 0px 0px 20px; margin-bottom: 0px;}
.highlightbox {background: url(/images/oa_bg.png) repeat-x 0px 190px #e3e3e3; margin: 10px 15px 10px 15px; padding-top:10px;}
h2.highlight {text-align:center; font-size:16px; font-weight: bold;}

#footer {
	/*min-width:990px;
	margin:0 auto; background: #00172F url(/landing/images/footer-bg.png) repeat-x scroll 0 0;*/
	width:100%;
	margin:0 auto; background: #00172F url(/landing/images/footer-bg.png) repeat-x scroll 0 0;
}
#footer_wrap {
	  bottom:-20px; height:80px; position:fixed; width:100%; 
	 /*bottom:0; height:57px; position:fixed; width:100%; left: 0; z-index:99; 
	 -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding;*/
	}

.footer-logo {
margin:10px 0 10px 30px;
}

.rounded_corners
{
    -webkit-border-radius: 10px;    /* for Safari */
    -moz-border-radius: 10px;       /* for Firefox */
}
.rounded_corners
{
  position: relative;
}
.rounded_corners > .tl, .rounded_corners > .tr, .rounded_corners > .bl, .rounded_corners > .br
{
  width: 10px;
  height: 10px;
  position: absolute;
}
.rounded_corners > .tl
{
  background: url(/landing/images/tl.png) top left no-repeat;
  top: 0;
  left: 0;
}
.rounded_corners > .tr
{
  background: url(/landing/images/tr.png) top right no-repeat;
  top: 0;
  right: 0;
}

.rounded_corners > .bl
{
  background: url(/landing/images/bl.png) bottom left no-repeat;
  bottom: 0;
  left: 0;
}
.rounded_corners > .br
{
  background: url(/landing/images/br.png) bottom right no-repeat;
  bottom: 0;
  right: 0;
}

div.tourscreenshot
{
	background: left top url("/images/tour/screenshots/screenshot_background.png") no-repeat;
	margin-left: 20px;
	margin-right: 20px;
	float: right;
	padding-top: 20px;
	margin-bottom: 0px;
	margin-top: 0px;
	font-size: 8pt;
	padding-left: 10px;
	line-height: 170%;
	text-align: left;
}

div.tourscreenshot img
{
	margin: 0;
	padding: 0;
	border: solid 1px #ccc;
}

div.tourscreenshot a div {border:none; cursor:pointer; width: 225px; text-decoration: none; margin: 0 auto; padding:: 0; font-size: 8pt;
	padding-top: 3px; 	line-height: 150%;text-align: left; }

div.tourscreenshot a, div.tourscreenshot a:visited {text-decoration: none;}

div.tourscreenshot a:hover {text-decoration: underline;}