body { background: #e5e5e5 url('/images/bgSite.gif') 0 255px repeat-x; margin:0px; padding:0px; font: 12px  arial, helvetica, sans-serif; color: #222; } 
h1 {font: bold 20px Arial, Trebuchet MS, Verdana, Helvetica, sans-serif; color:#222; margin: 0;} 
h2 {font: bold 16px Arial, Trebuchet MS, Verdana, Helvetica, sans-serif; color:#222; margin: 0;} 
h3 {font: bold 14px Arial, Trebuchet MS, Verdana, Helvetica, sans-serif; color:#222; margin: 0;} 
h4 {font: bold 12px Arial, Trebuchet MS, Verdana, Helvetica, sans-serif; color:#222; margin: 0;} 
h5 {font: bold 11px Arial, Trebuchet MS, Verdana, Helvetica, sans-serif; color:#222; margin: 0;} 
h6 {font: bold 10px Arial, Trebuchet MS, Verdana, Helvetica, sans-serif; color:#222; margin: 0;} 
p {text-align:justify; padding:2px 0 15px 0; margin:0px; color: #555;} 
p.white {color:#FFFFFF;} 
p.green {color:#d4f0ba;} 
p.clear {clear:both; padding:10px 0 0 0;} 
.white {color: #ffffff;}
.clear {clear: both;}
.alignCenter {text-align: center;}
.alignRight {text-align: right;}
.alignleft {text-align: left;}
.valignTop {vertical-align: top;}
.valignMiddle {vertical-align: middle;}
.inline {display: inline;}
.pad10 {padding: 10px;}
.font11 {font-size: 11px;}
.grey {color: #555;}
a img {border: 0;}
hr {margin: 0 0 10px; padding: 0; border: 0; height: 1px; color: #ececec; background: #ececec;}
.link {cursor:pointer;}

/*--Generic lists------------------------------------*/
ul {list-style-type:none;}
table ul {padding: 0 0 0 5px; margin: 0;}
table td ul li {padding: 3px 0 3px 18px; background: url('/images/bgBullet.gif') 0px 7px no-repeat;}
ul.horizontalList {display: inline; padding: 0; margin: 0 0 10px 5px;}
ul.horizontalList li { display: inline; list-style: none; border: 0; padding: 0;background: transparent;}
ul.horizontalList li a {font-size: 11px; display: inline; list-style: none; border: 0; padding: 2px 4px; border-left: 1px solid #bbb; background: transparent;}
ul.horizontalList li a.firstItem { display: inline; list-style: none; border: 0; padding: 2px 4px 0 0; border: 0;}
ul.horizontalList li a:hover {color: #000000;}

/*----------------Main & Header----------------------*/
#site_container {width:100%; height:auto;} 
#header {width:100%; height:49px; background: #fff url('/images/bgHeader.gif') top left repeat-x;}
#header-inner {width:900px; height:49px; margin:auto;}
#logo {padding: 3px 0 0 0; margin: 0; float: left;} 

/*----------------------Photo Banner-------------------------*/
#photoBanner {width:100%; height:207px; background: #153914; border-bottom: 1px solid #fff;}
#photoBanner-inner {width:900px; height:207px; margin:auto; color: #fff; background: url('/images/bgPhotoBanner.jpg') center center no-repeat;}
#photoBanner-inner-intro {float: left; width: 400px; height: 110px; overflow: show; margin: 30px 0 0 0;}
#photoBanner-inner-intro h1 {font: normal 24px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; color: #fff;}
#photoBanner-inner-intro p {font: normal 14px Arial, Trebuchet MS, Verdana, Helvetica, sans-serif; color: #fff; margin: 0;}
#photoBanner-inner-screenshot {float: right; margin: 17px 8px 0 0;}

/*----------------------Main Site Menu-------------------------*/
#siteNavigation {height:24px; float: right; padding:0; margin: 0;}
#chromemenu-top {position:relative; display:block; height:24px; font-size:12px; font-weight:bold; font-family:Arial,Verdana,Helvetica,sans-serif;}
#chromemenu-top ul {margin:12px 0 0 0; padding:0; list-style-type:none;width:auto;}
#chromemenu-top ul li {display:block; float:left; margin:0 2px 0 0; background: transparent; padding: 0 10px;}
#chromemenu-top ul li a {display:block; float:left; color:#333; text-decoration:none; padding:5px 12px 0 12px; height:19px; border: 1px solid transparent;}
#chromemenu-top ul li a:hover {color:#fff; background: #aaa; border: 1px solid #fff;}
#chromemenu-top ul li a.current, #siteNavigation ul li a.current:hover {color:#000;background:#fff; border: 1px solid #ccc;}

/*-----------------Section Tabbed MENU-------------------------*/
#foxmenucontainer {clear: both; height:24px; display:block; padding:0;}
#chromemenu {position:relative; display:block; height:24px; font-size:11px; font-weight:bold; font-family:Arial,Verdana,Helvetica,sans-serif;}
#chromemenu ul {padding:0; list-style-type:none;width:auto;}
#chromemenu ul li {display:block; float:left; margin:0 2px 0 0; padding: 0; background: transparent; border-bottom: 1px solid #bbb;}
#chromemenu ul li.current {display:block; float:left; margin:0 2px 0 0; padding: 0; background: transparent; border-bottom: 1px solid #efefef;}
#chromemenu ul li a {display:block; float:left; color:#333; text-decoration:none; padding:5px 15px 0 15px; margin: 0; height:19px; background: #D1DFD1; }
#chromemenu ul li a:hover {color:#000; background: #fff;}
#chromemenu ul li.current a {background:transparent url('/images/foxmenu_bg-OFF.gif') no-repeat top left; color: #000; border: 0;}


/*--------------------------main_content-------------------*/
#main_content {clear: both; width: 100%; height: auto; background: #e5e5e5 url('/images/bgBody.gif') top left repeat-x;} 
#main_content-inner {width: 900px; margin: 0 auto; height: auto;} 
#left_content {width:585px; padding: 10px 30px 20px 0px; margin:0px; float:left;} 
#right_content {width:265px; margin:0; float:left; padding:10px 10px 20px 10px; color: #222;}
.breadcrumbs {font-size: 11px; color: #777; display: block; padding: 10px 0 0px 0;}


/*--Right panel-----------------------------------------*/
.testimonial {font: bold italic 14px Georgia, Time, Serif; color: #2a7ba6; display: block;}
.testimonial-name {color: #555; display: block;}
.productName {color: #784ca3; font: bold 16px Arial, Trebuchet MS, Verdana, Helvetica, sans-serif; text-decoration: none;}
.trademark {vertical-align: super; color: #784ca3; font: bold 10px Arial, Trebuchet MS, Verdana, Helvetica, sans-serif;}
a.productLink {text-decoration: none;}


/*-----------------------------footer------------------*/
#footer {clear:both; width: 100%; height:37px; background: #153914;} 
#footer-inner {width: 900px; height:37px; margin: 0 auto; color: #fff; font-size: 11px;} 
.copyright {float:left; padding-top:12px;} 
.copyright a {color: #fff; text-decoration: underline;} 
.footer_links {float:right; padding-right:15px; padding-top:13px;} 
.footer_links a {text-decoration:underline; color: #fff; padding-left:10px;} 
.footer_links a:hover {text-decoration:underline; color: #fff;}


/*----------------Drop Down Menu------------------*/
.dropmenudiv {position:absolute; top: 0; line-height:18px; z-index:100; background-color: #aaa; visibility: hidden; padding: 0; margin: -1px 0 0 -1px; border-bottom: 1px solid #ddd} 
.dropmenudiv a, .dropmenudiv a:visited, .dropmenudiv a:link {width: auto; display: block; text-indent: 15px; border-bottom: 1px dotted #ddd; border-right: 1px solid #ddd; border-left: 1px solid #ddd; padding: 6px 30px 6px 0; text-decoration: none; font: bold 12px Arial,Verdana,Helvitica,sans-serif, san-serif; color: #fff; } 
* html .dropmenudiv a{ /*IE only hack*/ width: 100%;}
.dropmenudiv a:hover { background-color: #555; color: #fff;}


/*-----------------------Enquiry_form-------------------*/
#enquiryForm {border: 1px solid #e0e0e0; background: #f4f4f4; padding: 0 8px; width: 450px; margin: 0;}
.enquiryForm {margin: 0; padding-top: 5px; width: 450px;}
.enquiryForm th {color: #646464; font-size: 14px; text-align: left; vertical-align: top; padding: 2px 0;}
.enquiryForm td {color: #646464; font-size: 12px; text-align: left; vertical-align: top; padding: 2px 0;}
.width150 {width: 150px;}
.longTextField {width:400px;}

/*--CMS Edit links--*/
a.editLink {font-size: 10px; color: #ffffff; letter-spacing: 1px; background: #f1241f; padding: 1px 10px 1px 10px; text-decoration: none; border: 1px solid #f1241f; font-weight: bold;}
a.editLink:hover { color: #ffffff; background: #2c5460; border: 1px solid #f1241f; text-decoration: underline; font-weight: bold;}