p, ul, li, h1, h2, h3, h4, h5, h6, pre, ol, dl, dt, dd {
  margin: 0px; }
body         { font-family: Arial, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-image: url("image-store/body-bg.png"); background-repeat: repeat-x; text-align: center; margin: 0; padding: 0 }

/* Page layout */

div#container         { margin-right: auto; margin-left: auto; padding: 0; width: 960px }
div#banner     { background-image: url("image-store/AJ+2-site-banner.png"); position: relative; width: 960px; height: 110px; float: left }
div#feature-image          { background-image: url("image-store/body-banner.png"); background-repeat: no-repeat; display: block; margin-bottom: 20px; width: 960px; height: 160px; float: left }
div#panel-middle       { display: block; width: 960px; min-height: 300px; float: left }
#left-panel    { color: #fff; background-image: url("image-store/green-panel-top-2.png"); background-repeat: no-repeat; display: inline; margin-right: 20px; width: 225px; float: left }
#centre-panel  { text-align: left; display: inline; margin-right: 20px; width: 470px; float: left }
#right-panel       {
	margin: 0;
	padding: 0;
	width: 225px;
	float: left;
	min-height: 400px;
}
#product-panel { color: #fff; display: inline; margin: 0; padding: 0; width: 715px; float: left }
#contact-panel  { color: #fff; display: inline; margin: 0 20px 0 0; padding: 0; width: 715px; float: left }
#downloads-panel { color: #fff; display: inline; margin: 0; padding: 0; width: 715px; float: left }
.green-fade-panel     { background-image: url("image-store/right-hand-panel-bg.png"); background-repeat: no-repeat; display: block; margin: 0 0 10px; padding: 15px; min-height: 180px; max-height: 1em; clear: both }
div#footer-top    { background-image: url("image-store/AJ+2-footer-top.png"); background-repeat: no-repeat; margin-top: 20px; width: 960px; height: 20px; float: left }
div#footer             { background-image: url("image-store/AJ+2-footer-body.png"); background-repeat: repeat; text-align: center; width: 960px; min-height: 100px; float: left; border-bottom: 5px solid #7e267f }
div#left-panel-top  { background-image: url("image-store/green-panel-top.png"); background-repeat: no-repeat; display: block; margin: 0; padding: 0; width: 225px; height: 15px }
div#left-panel-middle    {
	background-image: url("image-store/green-panel-bg.png");
	background-repeat: repeat;
	display: block;
	width: 225px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10;
	padding-left: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10;
	margin-left: 0;
}
div#left-panel-bottom  {
	background-image: url("image-store/green-panel-bottom.png");
	background-repeat: no-repeat;
	display: block;
	margin: 0;
	padding: 0;
	width: 225px;
	height: 15px;
	position: relative;
	top: -3px;
}
div#footerpanel-1  { margin-right: 20px; margin-left: 15px; width: 210px; float: left }
div#footerpanel-2  { margin-right: 20px; width: 470px; float: left }
div#footerpanel-3  { width: 225px; float: left }
.last { margin-right: 0 }

/* Top level navigation */

#topnav      { font-size: 15px; line-height: 42px; text-align: left; position: relative; top: 110px; float: right }
#topnav ul     { list-style: none; margin: 0; padding: 0 10px; position: relative }
#topnav li  { position: relative; float: left }
#topnav a  { color: #cf9; text-decoration: none; text-align: center; white-space: nowrap; display: block; padding: 0 25px; height: 42px; float: left; vertical-align: middle }
#topnav a:hover   { color: #fff; background: url("image-store/nav-hover.png") no-repeat 8px 13px; display: block; top: 10px }
#topnav .current   { color: #fff; background-position: 0 0 }

/* Lower panel styling */
.product-list   { font-size: 14px; line-height: 20px; text-align: left; display: block; margin: 0 0 0 30px; padding: 0; width: 180px }
.product-list ul  { }
.product-list li  { color: #7e267f; list-style-image: url("image-store/purple-body-bullet.png"); margin-bottom: 3px; padding-bottom: 2px; border-bottom: 1px solid #a3d119 }
.product-list li a { color: #7e267f; text-decoration: none }
.product-list li.current a:link { color: #86b611; font-weight: bold; text-decoration: none }
.product-list li a:visited  { color: #7e267f }
.product-list li a:hover { color: #9c0 }
.image { margin: 0 0 5px 5px; padding: 5px; float: right; border: solid 1px #fcc }
.image-montage { margin-top: 5px; margin-bottom: 10px; float: left; clear: both }
#product-panel ul { list-style: none; display: inline; margin: 0; padding: 0; border-color:  }
#product-panel li    { display: block; margin: 0 10px 10px 0; padding: 0; float: left }
#product-panel li a     { color: #fff; text-decoration: none; background-color: #fff; display: block; margin: 0 0 3px; padding: 4px; float: left; border: solid 1px #cf9 }
#product-panel li a:visited    { color: #fff; text-decoration: none; display: block; margin: 0; padding: 4px; border: solid 1px #cf9 }
#product-panel li a:hover   { color: #fff; background-color: #cf9; border: solid 1px #9c0 }
html>body #product-panel li a { width: auto }

#downloads-panel ul  { list-style: none; display: inline; margin: 0; padding: 0; border-color:  }
#downloads-panel li     { margin: 0 0 10px; padding: 0; width: 695px; float: left; clear: both }
#downloads-panel li a      { text-decoration: none; display: block; padding: 9px; border-top: 2px solid #9c0 }
#downloads-panel li a:visited     { color: #666; text-decoration: none; display: block; margin: 0; padding: 4px; border: solid 1px #cf9 }
#downloads-panel li a:hover    { text-decoration: none }
html>body #downloads-panel li a { width: auto }
#downloads-panel p   { font-size: 14px; padding-top: 20px }
.download-icon { float: left }
.feature-list-head  { color: #7e267f; font-size: 14px; font-weight: bold; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #7e267f }
.feature-list  { font-size: 14px; line-height: 20px; margin: 0 0 0 20px; padding: 0 }
.feature-list ul  { text-align: left; list-style-type: none; margin: 0; padding: 0 }
.image-right { display: block; margin-bottom: 10px; padding: 6px; float: left; border: solid 1px #cf9 }
.clearspacer { display: block; margin-top: 5px; margin-bottom: 5px; clear: both; border-bottom: 1px dotted #fcc }
/* Text styling */
h1     { color: #939; font-size: 28px; font-weight: bold; text-align: left; padding-bottom: 5px }
h2 { color: #9c0; font-size: 20px; font-weight: bold; text-align: left; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #7e267f }
h3    { color: #7e267f; font-size: 18px; text-align: left; padding-bottom: 6px }
h4    { color: #7e267f; font-size: 13px; font-weight: normal; text-align: left; margin: 0; padding: 5px 0 10px; border-top: 5px solid #9c0 }
.news-story p { color: #330; font-size: 13px }
.news-story p a:link { color: #900; border-bottom: 1px dotted #330 }
.news-story p a:visited { color: #999; border-bottom: 1px dotted #330 }
.news-story p a:hover { color: #600; border-bottom: 1px dotted #330 }
.product { color: #7e267f; font-size: 12px; text-align: left; margin-top: 5px; margin-bottom: 5px; clear: both }
p   { color: #333; font-size: 14px; line-height: 20px; text-align: left; padding-bottom: 0.8em }
p a:link  { color: #7e267f; text-decoration: none; border-bottom: 1px solid #9c0 }
p a:visited  { color: #999; text-decoration: none; border-bottom: 1px solid #7e267f }
p a:hover  { color: #9c0; text-decoration: none; border-bottom: 1px dotted #7e267f }
.small { font-size: 12px; line-height: 15px }
#right-hand-panel ul { list-style-type: none; margin: 0; padding: 0 }
#right-hand-panel li      { color: #600; font-size: 13px; line-height: 17px; background-position: 0 center; text-align: left; list-style-position: outside; margin-left: 1em; padding-bottom: 5px }
#footer p    { color: #fff; font-size: 12px; line-height: 15px; text-align: left; margin: 0; padding: 0 0 5px }
#footer p a:link  { color: #fff; text-decoration: none; border-bottom: 1px dotted #63c }
#footer p a:visited  { color: #cf9; text-decoration: none; border-bottom: 1px dotted #fff }
#footer p a:hover  { color: #fff; text-decoration: none; border-bottom: 1px solid #fff }
.footerpanel ul  { margin: 0; padding: 0 }
.footerpanel li  { color: #fff; font-size: 12px; text-align: left; list-style-type: disc; list-style-position: outside; margin-left: 1.5em; padding-bottom: 3px }

/* Contact Form Styling */

.contactform  { display: block; margin: 0; padding: 20px; width: 500px }

#contact     {
	border: solid 1px #7e267f;
	background-image: url(image-store/soft-green-pixel.jpg);
}
.clear { margin: 0; padding: 0; clear: both }
#contact h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#contact p   { color: #333; font-size: 14px; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #7e267f }
#contact label     { color: #7e267f; font-weight: bold; text-align: right; display: block; margin-top: 0; margin-right: 10px; width: 140px; float: left; clear: both }
#contact .small   { color: #333; font-size: 12px; font-weight: normal; text-align: right; display: block; margin-bottom: 20px; width: 140px }

#contact input, textarea, select      { color: #7e267f; font-size: 12px; background-color: #fff; margin: 2px 0 20px; padding: 4px 2px; width: 300px; float: left; border: solid 1px #9c0 }

#contact button        { color: #ffffff; font-size: 11px; font-weight: bold; line-height: 31px; background-color: #7e267f; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: center; margin-left: 150px; width: 125px; height: 31px; float: left; clear: both }

/* Call back Form Styling */

.callbackform       { display: block; margin-bottom: 15px; padding: 9px; width: 175px }

#callback     { background: white; clear: both; border: solid 1px #cf9 }
#callback label        { color: #7e267f; font-size: 14px; font-weight: bold; text-align: left; display: block; margin-top: 8px; margin-bottom: 4px; margin-left: 2px; width: 140px; clear: both }
#callback input, textarea, select        { color: #333; font-size: 12px; background-color: #fff; margin: 0 0 5px; padding: 0; width: 170px; border: solid 1px #9c0 }

#callback button       { color: #ffffff; font-size: 11px; font-weight: bold; line-height: 20px; background-color: #7e267f; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: center; margin: 10px 0 0; padding: 0; width: 80px; height: 20px; clear: both; border: 0 transparent }