html,body {
width:100%;
margin:0;
padding:0;
background-color:#fff; 
}

body {
letter-spacing:normal;
font-size:11px;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight:400;
color:#444;
line-height:160%;
}

.DataView
{
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
color:#444;
}

.Container {
width:900px;
text-align:left;
margin:0 auto;
padding-bottom:10px;
}

.EditTextSection
{
float:left;
width:100%;
height:100%;
background-image:url(../../app_uploads/backgrounds/edittextsection.gif);
background-repeat:repeat;
border:1px solid #CC9999;
margin-bottom: 5px;
}

.EditImageSection
{
float:left;
width:100%;
height:100%;
background-image:url(../../app_uploads/backgrounds/editimagesection.gif);
background-repeat:repeat;
border:1px solid #66CC99;
margin-bottom: 5px;
}

table
{
	border-collapse: collapse;
	width: 100%;
}
td
{
	border: 1px solid #c0c0c0;	
	padding-left:10px;
	padding-right:10px;
	padding-top:3px;
	padding-bottom:3px;
}

img {
border:none;
}

ol {
line-height:1.4em;
}

ul {
list-style:disc;
line-height:1.4em;
}

a:link,a:visited {
text-decoration:none;
color:#03f;
}

a:hover {
text-decoration:underline;
}

.Header {
position:relative;
margin-bottom:0px;
margin-left:0px;
height:45px;
width:900px;
padding-top:20px;
}

.Logo {
position:absolute;
top:17px;
left:10px;
}

.Slogan {
position:absolute;
top:0px;
left:255px;
}

.Banner
{
position:relative;
margin-left:0px;
margin-top:0px;
height:90px;
width:900px;
z-index:0;
}
.xBanner
{
position:relative;
margin-left:0px;
margin-top:0px;
height:90px;
width:900px;
z-index:0;
}

.BannerEdit
{
position:absolute;
margin-top:-150px;
margin-left:780px;
color:#000;
}
	
.Content {
position:relative;
float:left;
width:100%;
height:inherit;
z-index:3;
margin-top:0px;
margin-bottom:0px;
}

.FooterImg {
position:relative;
padding:0;
margin-top:-6px;
}

.FooterMenu {
position:relative;
text-align:center;
width:900px;
color:#666;
padding-top:0px;
height:70px;
font-size:10px;
}
.FooterMenu a:link, .FooterMenu a:visited 
{
color:#313131;
}
.FooterMenu a:hover
{
text-decoration:underline;
}

h1, h2, h3, h4, h5, h6
{
width: 100%;
font-weight:600;
height:20px;
color:#009966;
padding:0;
margin:0px 0px 0px 0px;
}
.FooterBox
{
float:left;
margin-bottom:10px;
}

h1 
{
margin-top:0px;
font-size:1.5em;
}

h2 {
font-size:1.4em;
}

h3 {
font-size:1.3em;
}

h4 {
font-size:1.2em;
}

h5 {
font-size:1.1em;
}

h6 {
font-size:1em;
}

.PageHeaderPath 
{
position:relative;
color:#444;
font-size:0.9em;
text-align:right;
margin:5px 10px 5px 0px;
}

/* IE bug */
.PageHeaderPathHome {
color:#555;
font-size:0.9em;
text-align:right;
margin-bottom:5px;
}

.PageHeaderTitle {
}

.ContentText {
position:relative;
float:left;
width:100%;
clear:both;
margin-top:0;
padding-top:0;
}

.Waiting {
position:absolute;
left:670px;
top:25px;
color:#808080;
}

.Desc_HL {
color:#000;
background-color:Yellow;
font-weight:700;
}

/* specific */
/* end */

.ColumnHeading {
padding-top:5px;
text-align:center;
font-weight:700;
}

.ColumnTxt {
padding-left:5px;
padding-right:5px;
}

.ColumnCentre {
text-align:center;
padding-top:0;
padding-left:0;
}

.PortfolioImg {
float:left;
position:relative;
border:1px solid silver;
margin:5px;
}

.PointText {
float:left;
width:440px;
}

.ViewPhotos {
position:relative;
float:left;
top:10px;
height:600px;
margin-bottom:20px;
}

/* Columns */
.SingleColumn {
float:left;
width:890px;
height:100%;
padding:5px 10px 10px;
}

.LargeRightColumn {
float:right;
width:690px;
height:100%;
margin-right:0px;
padding:5px 10px 10px 5px;
}

.LargeLeftColumn {
float:left;
width:503px;
height:100%;
margin-left:10px;
padding:5px 10px 10px 5px;
}

.CentreColumn {
float:left;
width:503px;
height:100%;
padding:5px 10px 10px 10px;
margin:0px;
}

.SmallLeftColumn {
float:left;
width:170px;
height:100%;
padding:5px 10px 10px;
}

.SmallRightColumn {
float:right;
width:265px;
margin-right:0px;
height:100%;
padding:5px 20px 10px 20px;
}

.HalfLeftColumn {
float:left;
width:700px;
height:100%;
padding:5px 10px 10px 0px;
}

.HalfRightColumn
{
	float: right;
	width: 170px;
	height: 100%;
	padding: 5px 0px 10px 20px;
}


.ColumnPhoto {
position:relative;
clear:both;
text-align:center;
padding-top:5px;
padding-bottom:5px;
}

.ColumnPhotoS {
margin: 20px auto 20px auto;	
text-align:center;
}
.ColumnPhotoC {
margin: 20px auto 20px auto;	
text-align:center;
}
.ColumnPhotoL {
margin: 20px auto 20px auto;	
text-align:center;
}
.ColumnPhotoLL {
margin: 20px auto 20px auto;	
text-align:center;
}
.ColumnPhotoR {
margin: 20px auto 20px auto;
text-align:center;	
}
.ColumnPhotoLR {
margin: 20px auto 20px auto;	
text-align:center;
}
.ColumnPhotoHL 
{
margin: 20px auto 20px auto;	
text-align:center;
}

.ColumnPhotoHR {
margin: 20px auto 20px auto;
text-align:center;	
}

.ColumnText 
{
margin: 20px auto 20px auto;
}
.ColumnTextL 
{
margin: 20px auto 20px auto;
}
.ColumnTextR {
margin: 20px auto 20px auto;	
}
.ColumnTextHL {
margin: 20px auto 20px auto;
}
.ColumnTextHR {
margin: 20px auto 20px auto;
}

/* menus CSS */
.MainMenu
{
position:relative;
top:0px;
left:0px;
width: 900px;
z-index:0;
height: 25px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 10px;
z-index:999;
}

.jqueryslidemenu{
font-size:12px;
width: 100%;
z-index:0;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
z-index:0;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
z-index:0;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
height:20px;
padding: 4px 6px 0px 6px;
text-decoration: none;
border:solid 1px transparent;
z-index:0;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
z-index:0;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: #444;
z-index:0;
}

.jqueryslidemenu ul li a:hover{
/*
background-color:#fafafa;
border:solid 1px #808080; 
*/
color:#0033ff;

z-index:0;
}
	
/*1st sub level menu block of menu items*/
.jqueryslidemenu ul li ul{
position: absolute;
width:180px;
top:0;
margin-left:-1px;
display: block;
visibility: hidden;
background-color:#fff;
padding: 5px 0px 5px 5px; 
background-color:#fafafa;
border:solid 1px #aaa;
z-index:0;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
padding: 0px 0px 0px 0px; 
z-index:0;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
z-index:0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a
{
font-size:11px;
margin: 0;
color:#313131;
padding:4px 0px 0px 6px;
height:21px;
border-right:none;
border-left:none;
border:solid 1px #fafafa;
z-index:0;
}

.jqueryslidemenu ul li ul li a:hover{ /*sub menus hover style*/
border-bottom:none;
background-color:#eee;
width:175px;
border:solid 1px #808080;
color:Black;
z-index:0;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 8px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 8px;
right: 5px;
}

/* end vMenus */

/* Input */
.bottomEdit {
position:relative;
float:left;
clear:left;
width:100%;
height:25px;
padding-top:10px;
}

.lineEdit {
float:left;
clear:left;
width:100%;
margin-bottom:5px;
}

.labelEdit {
position:relative;
float:left;
clear:left;
width:120px;
padding-right:10px;
text-align:right;
padding-top:8px;
}

.validationErrorMsg {
position:relative;
float:left;
clear:right;
width:100%;
margin-left:130px;
}

/* edit */
.ProductEditPanel {
position:relative;
float:left;
clear:left;
margin-top:10px;
width:100%;
height:auto;
padding:10px;
}

.UrlGrid {
position:relative;
float:left;
clear:left;
width:100%;
margin-bottom:5px;
margin-left:130px;
}

.ImgEdit {
position:absolute;
top:30px;
left:700px;
}

.xslideshow
{
top:0px;
height: 90px;
width: 900px;
}
#xslideshow img { display: none }

.PhotoList
{
padding: 5px;
margin:0 auto;
}
.PhotoArea
{
float: left;
text-align: center;
height:150px;
width:120px;
padding:5px;
background-color:#f1f1f1;
}
.SearchDesc
{
width:570px;
}

.FreeNews
{
position:relative;
float:left;
height:100%;
background-color:#f1f1f1;
margin-left:-5px;
width:250px;
padding:5px;
border:solid 1px #aaa;
margin-bottom:20px;
}
.NewsHistory
{
float:left;
width:450px;
}
.NewsHistoryDate
{
width:80px;
float:left;
}
.NewsHistoryDesc
{
width:250px;
float:left;
}
.NewsHistoryView
{
width:50px;
float:left;
}
.DownloadList
{
float:left;
width:450px;
}
.DownloadDesc
{
width:250px;
float:left;
}
.DownloadView
{
width:85px;
float:left;
}

.captcha
{
position:relative;
float:left;
margin-top:10px;
margin-left:130px;
margin-bottom:5px;
}	
.captcha a:hover
{
 text-decoration:none;
}	
.manageEdit
{
width: 100%;
margin-left:10px;
}
/* specific */
.DataGridRow {
float:left;
clear:left;
width:510px;
margin-bottom:10px;
padding:5px;
}
.GridImage {
float:left;
}
.GridHeading
{
width: 100%;
font-size:1.2em;
padding-bottom: 10px;
font-weight:bold;
}
.GridDesc 
{
float:left;
width:380px;
padding-left:15px;
padding-right:15px;
}
.GridMore 
{
margin-top:50px;
}
.Specials
{
float:left;
clear:left;
margin-top:10px;	
padding:0px;
width:310px;
}
.SpecialBg
{
position:absolute;
width:331px;
}
.RColHeading 
{
position:absolute;
margin-top:7px;
text-align:center;
width:331px;
height:30px;
font-size:14px;
color:#000;
}
.SpecialDataGridRow 
{
position:relative;
float:left;
clear:left;
width:300px;
padding:10px 10px 0px 10px;
}
.SpecialGridImage {
float:left;
margin-bottom:10px;
margin-top:5px;
}
.SpecialGridDesc 
{
float:left;
width:190px;
padding:0;
padding-left:10px;
}
.SpecialGridHeading
{
float:left;
padding-bottom:10px;
}
.SpecialGridMore 
{
margin-top:20px;
float:right;
}
.SpecialMore 
{
float:right;
}
.SpecialReadMore 
{
position:absolute;
left:0;
top:100px;
text-align:center;
}

/* jqModal */
  
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -100px;
    width: 200px;
    
    background-color: #FFF;
    color: #333;
    border: 1px solid black;
    padding: 12px 12px 0px 12px;
}

.jqmOverlay { background-color: #000; } /* ie6 */

* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/* specific */
.HomeMainImg
{
	position:relative;
	float:left;
	width:125px;
	height:350px;
}

.HomeMainTxtLeft
{
	position:relative;
	float:left;
	width:270px;
	height:100%;
	padding: 0 25px 20px 25px;
	height:350px;
}

.HomeMainTxtRight
{
	position:relative;
	float:left;
	width:260px;
	height:100%;
	padding: 0 25px 20px 25px;
	height:350px;
}
.HomeImg
{
	position:relative;
	float:left;
	width:125px;
	height:150px;
}

.HomeTxt
{
	position:relative;
	float:left;
	width:270px;
	padding: 0 25px 20px 25px;
	height:170px;
}
.HomeBottom
{
 position:relative;
 float:left;
	height:400px;
	width:100%;
	background-color:Aqua;
}

.SiteMapArea 
{
position:relative;
float:left;
width:900px;
margin-top:10px;
background-color:#f8f8f8;
}

.HomeSiteMapArea 
{
position:relative;
float:left;
width:100%;
padding: 0px 0px 20px 25px;
}

.HomeSiteMap
{
	position:relative;
	float:left;
	width:180px;
	text-align:left;
	padding:20px 0 0 0;
}

.Default_Left_List {
position:relative;
float:left;
width:238px;
margin-right:18px;
margin-bottom:4px;
}

.Default_Right_List {
position:relative;
float:left;
width:238px;
margin-bottom:4px;
}

.PortfolioGrid
{
	position:relative;
	width:900px;
	margin-left:20px;
}
.Portfolio
{
	position:relative;
	width:190px;
	height:240px;
	float:left;
	margin: 20px 10px;
	text-align:center;
}

.PortfolioImg
{
	position:relative;
	float:left;
	width:152px;
	text-align:center;
	margin:5px 20px;
}

.PortfolioTxt
{
	float:left;
	width:190px;
	text-align:center;
	padding: 0 0px 0px 0px;
}

.SideMenuImg
{
	float:left;
	width:60px;
	text-align:center;
	margin:10px 10px 20px 0px;
}

.SideMenuTxt
{
	float:left;
	width:195px;
	padding: 0 0px 20px 0px;
}
.SideMenuPoints
{
	width:215px;
	padding: 0 0px 0px 0px;
	float:right;
	margin-left:-20px;
}

/* video */
.VideoEdit
{
position:relative;
}

.ListingGrid {
position:relative;
float:left;
clear:left;
padding:0;
width:580px;
}

.DataGridRow {
float:left;
clear:left;
width:100%;
margin:0px;
padding:0px;
}

/* staff */
.StaffGrid
{
clear:left;
width:800px;
margin: 10px auto;
}
.Staff
{
	margin:0px 0px 0px 0px;
}
.StaffManageEdit
{
width: 100%;
margin-left:170px;
}
.StaffText
{
	float:right;
	width:500px;
	margin:0px 50px 0px 0px;
}

.StaffHeading
{
	float:left;
	margin:0px 0px 0px 0px;
	font-size:14px;
	font-weight:bold;
}
.StaffImage
{
	float:left;
	width:150px;
	margin:5px auto 10px auto;
	text-align:center;
}
.StaffDesc
{
	float:left;
	width:100%;
	margin:0px 10px 10px 0px;
}
.StaffBtnEdit
{
	margin-left:300px;
}