/*** General stuff ***/
* { margin: 0; padding: 0; }

/*
p{ padding:0px 0px 0.5em 0px; margin:0px; }
div, p, img, a, td, ul, ol { font-size:12px; }
h1,h2,h3,h4,h5 { color:#515050; font-weight:bold; padding:0px; margin:0px; border:none; }

h1 { font-size:16px; padding:0px 0px 6px 0px; }
h2 { font-size:16px; padding:0px 0px 6px 0px; }
h3 { font-size:15px; padding:0px 0px 0.5em 0px; }
h4 { font-size:14px; padding:6px 0px 4px 0px; }
h5 { font-size:13px; padding:0px 0px 0px 0px; }
*/

div, p, img, a, td, ul, ol { font-size:12px; }
h1,h2,h3,h4,h5 { color:#515050; font-weight:bold; padding:0px; margin:0px; border:none; }

h1 { font-size:16px; padding:0px 0px 6px 0px; }
h2 { font-size:15px; padding:0px 0px 6px 0px; }
h3 { font-size:14px; padding:0px 0px 5px 0px; }
h4 { font-size:13px; padding:0px 0px 4px 0px; }
h5 { font-size:12px; padding:0px 0px 3px 0px; }
p  { line-height:15px; padding:0px 0px 0px 0px; margin:0px; }



a, a:link,
a:visited,
a:active	{ color: #433F8B; /* #69c */ text-decoration:none; border:none; }
a:hover 	{ color: #ff5e00; /* f90 */}

a img, img { border: none; }

option { padding:0px 10px 0px 5px; }

.clear { clear: both; height:0px; margin:-1px 0 0; font-size:1px; }
.clearer { clear: both; height:0px; margin:0px; }

/*** Messages ***/
.posMsg { 	color:green; }
.errorMsg { color:red; }

.dev {
	display:none;
	color:purple;
	position:fixed; 
	left:10px; 
	width:440px;
}

.timeLabel {
	padding:0px 5px 0px 2px;
}

.verticalSpacer_med {
	height:100px;
	/*clear: both;*/
}

/*** Main layout ***/
body {
	background:#d9d9d9;
	margin:0px 0px;
	color:#515050;/*#bb7;*/
	font-family:verdana, sans-serif;
}

/* shadow */
#img {display:block;  width:400px;}

/* Absolute positioning forces shrink-to-fit behavior on the outer div, collapsing the div group around the image */
.shadow-one {
	position:absolute;
	left:50%;  				/* horizontally locates left edge of page in center of positioned parent */
	margin-left:-390px;	/* pulls page to left */
	padding-top:50px;		/* Constrains .shadow-two's size and location ( = double wdth of shadow) */
	padding-left:50px;	/* Constrains .shadow-two's size and location ( = double wdth of shadow) */
}

/* BG image for all divs that need it. */
.corner-a, .corner-b,
.shadow-two, .shadow-three { background:url(../images/shadow2.png) -3000px no-repeat; }  /*#background:url(../images/glow-white-25px.png)*/

/* upper right corner */
.corner-a { background-position:right top; 
				position:absolute; right:0; top:0; 
				width:50px; height:50px; }

/* lower left corner */
.corner-b { background-position:left bottom; 
				position:absolute; left:0; bottom:0; 
				width:50px; height:50px; }

/*  */
.shadow-two { background-position:right bottom; }

/* Positioned relative and shifted up and left by the size of the paddings on .shadow-one */
.shadow-three { 	background-position:left top; 
						position:relative; left:-50px; top:-50px; }

/* Shifted back down and right by half the padding size to center the content on the glow */
.shadow-four { position:relative; left:25px; top:26px;
					width:724px; }  

/*** The page and content ***/
#page {
	width:100%;
	height:auto;
	padding-top:20px;
	padding-bottom:0px;
	border:1px solid #999;
}
#pageContent { /*mainly to hold all content centered in the page */
	margin:0 auto;
	width:660px;
}
#header {
	padding-bottom:2px;
	width:100%;
}

/*** Flags ***/
#flags {
	text-align:right;
	padding:3px 3px 0px 0px;
}
#flags img,
#flags a#current img {
	width:20px;
	padding:1px 1px;
	border-bottom:1px solid #fff;
}
#flags img:hover,
#flags a#current img:hover {
	width:22px;
	padding:0px 0px;
}
#flags a {
	padding:0px; margin:0px;
}
#flags a#current img {
	border-bottom:1px solid #666;
}

/*** Main menu ***/
#mainMenu {
	width:640px;
	height:32px;
	background:#515050;
	position: relative;
	padding:0px 10px;
	margin-top:2px;
	text-align:center;
}
#mainMenu > .leftEnd, #mainMenu > .rightEnd {
  width:10px; height:32px;
  position: absolute;
}
#mainMenu > .leftEnd {
  /*background: url(../images/menubar_end_L.jpg) top left no-repeat;*/
  background:#fff url(../images/main_menu_ends.gif) top left no-repeat;
  /*background:#fff url(../images/main_menu_ends.jpg) top left no-repeat;*/
  top: -0px; left: -0px;
}
#mainMenu > .rightEnd {
  /*background: url(../images/menubar_end_R.jpg) top right no-repeat;*/
  background:#fff url(../images/main_menu_ends.gif) top right no-repeat;
  /*background: url(../images/main_menu_ends.jpg) top right no-repeat;*/
  top: -0px; right: -0px;
}
#mainMenu .item {
	line-height:31px;
	font-weight:bold;
	font-size:12px;
	display:inline;
}
#mainMenu a, 
#mainMenu a:link, 
#mainMenu a:visited 	{ color:#fff; text-decoration:none; border:none; }
#mainMenu a:hover, 
#mainMenu a:active 	{ color:#f90; text-decoration:none; border:none; }

#mainMenu .active a { color:#f90; text-decoration:none; border:none; }

#mainMenu .item .spacer {
	padding:0px 5px;
	color:#fff;
	font-weight:normal;
}
#mainMenu .last .spacer {
	display:none;
}

/*** Homepage image ***/
#mainImage {
	width:100%;
	padding:10px 0px 4px 0px;
}

/*** Scroller ***/
#scroller {
	height:18px;
	padding:0px;
	position:relative;
	font-size:14px;
}
#scroller marquee {
	position:absolute;
	top:2px;
	left:115px;
	width:535px;
	overflow:hidden;
}
#scroller #label {
	position:absolute;
	top:2px;
	left:8px;
	width:105px;
} 
#scrollerText {
	width:486px;
	padding:4px 3px 5px 3px;
	margin:0px;
	margin-bottom:6px;
	background:white;
	color:#666;
	font-weight:bold;
	border-top:1px solid #333;
	border-right:1px solid #999;
	border-left:1px solid #333;
	border-bottom:1px solid #999;
}

/*** Main area framework (between menu and footer) ***/
#container2 {
	float:left;
	width:100%;
	background:none;
	position:relative;
   overflow:hidden;
	padding-top:8px;
}
#container1 {
	float:left;
	width:100%;
	background:none;
	position:relative;
	right:80%;
}
#leftCol {
	float:left;
	width:20%;
	position:relative;
	left:80%;
	/*overflow:hidden;*/
	padding:0px; margin:0px;
}
#rightCol {
	float:left;
	width:78%;
	position:relative;
	left:82%;
	overflow:hidden;
	padding:0px 0px 15px 0px;
	margin:0px;
	border-bottom:1px solid #414040;
}

/*** Left box ***/
.leftBox {
	background-color: #515050;
	border:1px solid #f90;
	width:120px;
	padding:8px 8px 8px 9px;
	/*padding:8px 1px 8px 16px;*/
  margin-bottom:10px;
	font-weight:bold;
	color:#FFFFFF;
	font-size:12px;
	position: relative;
}
.leftBox > .tl, .leftBox > .tr, .leftBox > .bl, .leftBox > .br {
  width: 9px; height: 9px;
  position: absolute;
}
.leftBox > .tl {
  background: url(../images/sidenav_TL.jpg) top left no-repeat;
  top: -1px; left: -1px;
}
.leftBox > .tr {
  background: url(../images/sidenav_TR.jpg) top right no-repeat;
  top: -1px; right: -1px;
}
.leftBox > .bl {
  background: url(../images/sidenav_BL.jpg) bottom left no-repeat;
  bottom: -1px; left: -1px;
}
.leftBox > .br {
  background: url(../images/sidenav_BR.jpg) bottom right no-repeat;
  bottom: -1px; right: -1px;
}
.leftBox .menuSeparator {
	height:0px;
	border:none;
	border-bottom:1px solid #f90;
	margin:5px 5px 5px 0px;
}
.leftBox ul {
	padding-left:0px;
	margin:0px;
}
.leftBox li,
.leftBox li.last {
	list-style-type:none;
	text-indent:-10px;
}
.leftBox li {
	padding:0px 0px 4px 0px;
	padding:0px 0px 4px 10px;
}
.leftBox li.last {
	padding:0px 0px 2px 0px;
	padding:0px 0px 2px 10px;
}
.leftBox a, 
.leftBox a:link, 
.leftBox a:visited 	{ font-size:12px; color:#fff; text-decoration:none; border:none; }
.leftBox a:hover, 
.leftBox a:active 	{ font-size:12px; color:#f90; text-decoration:none; border:none; }

.leftBox a.active {
	color:#f90;
}
.leftBox #leftBoxLinks {
   padding-left:6px;
}
/* rounded corners */
#mainLeft, .leftBox, #loginBar, #mainMenu {
    -webkit-border-radius: 9px; /* for Safari */
    -moz-border-radius: 9px;    /* for Firefox */
}     

/*** Login bar ***/
#loginBar {
	background:#e5e5e5;
	text-align:right;
	padding-right:15px;
	line-height:21px;
	height:22px;
	position:relative;
	margin-top:0px;
	font-size:12px;
	color:#444;
	font-family:Arial, Helvetica, sans-serif;
}
#loginBar > .leftEnd, #loginBar > .rightEnd {
  width:22px; height:22px;
  position:absolute;
}
#loginBar > .leftEnd {
  background:url(../images/login_end_L.jpg) top left no-repeat;
  top:-0px; left:-0px;
}
#loginBar > .rightEnd {
  background:url(../images/login_end_R.jpg) top right no-repeat;
  top:-0px; right:-0px;
}
#loginBar #userWelcome {
	width:auto;
	float:left;
	display:inline;
	text-align:left;
	padding-left:12px;
}
#loginBar #links {
	width:auto;
	display:inline;
}

/*** Breadcrumb trail ***/
#breadcrumbBar {
	color:#444;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:30px;
	padding-left:12px;
}

        
/*** Actual content ***/
#actualContent {
	position:relative;
	background:#c9c9c9 url(../images/bg_main.jpg) top repeat-x;
	padding:10px 10px 20px 10px;
}
#actualContent h1 {
	color:#414040;
	padding-bottom:3px;
	margin-bottom:10px;
	border-bottom:1px solid #414040; 
}
#actualContent hr {
	margin:6px 0px 15px 0px;
}
#actualContent p {
	padding:0px;
}
#actualContent ul {
	margin-left:30px;
	padding-top:0.3em;
	padding-bottom:0.8em;
}
#actualContent li {
	padding-top:0.3em;
	padding-bottom:0.3em;
}

#rightCol #actualContentImage {
	float:right;
	padding:0px 0px 0px 15px;
	background:#c9c9c9 url(../images/bg_main.jpg) top repeat-x;
}
.smallText {
	font-size:10px;
}

#userContent {
	position:relative;
	z-index:1;
}
/*** Bottom boxes ***/
#bottomBoxContainer {
	width:100%;
}
#bottomBoxContainer .box {
	margin:15px 0px 0px 0px;
}
#bottomBoxContainer #box1 {
	float:left;
	width:20%;
}
#bottomBoxContainer #box2 {
	float:left;
	width:39%;
	height:141px;
	text-align:center;
}
#bottomBoxContainer #box3 {
	float:right;
	width:40%;
	height:141px;
}
#bottomBoxContainer #box2:hover,
#bottomBoxContainer #box3:hover {
	background-position:center -141px !important; /* The "!important" stops js overriding the :hover pseudoclass */
}



/*** Footer (structure is for bottom positioning of text, inc hacks for IE ***/
#footer {
	width:100%;
	height:108px;
	padding-top:15px;
	/*background:#515050 url(../images/footer_border.gif) repeat-X;*/
	background:#515050;
	display:table;
	#position:relative;
	overflow:hidden;
	color:#FFFFFF;
	font-size:10px;
}
#footerBorder {
 	margin-top:10px;
  border-top:5px solid #ff5e00;
  border-bottom:1px solid #000;
  height:0px;
}
#footer #textContainer {
	#position:absolute; 
	#top:100%;
	display:table-cell; 
	vertical-align:bottom;
	padding:0px 20px 10px 20px;
	text-align: center;
}
#footerTextLeft, #footerTextRight {
	#position:relative;
	#top:-100%;
}
#footerTextLeft {
	float:left;
}
#footerTextRight {
	float:right;
}
#footer p .spacer {
	padding:0px 10px;
}

#footer a, 
#footer a:link, 
#footer a:visited 	{ font-size:12px; color:#fff; text-decoration:none; border:none; }
#footer a:hover, 
#footer a:active 	{ font-size:12px; color:#f90; text-decoration:none; border:none; }

#conceptLogo {
	position:absolute;
	width:100%;
	padding-top:2px;
	text-align:center;
	color:#666;
	font-size:10px;
}
#conceptLogo p {
	padding:0px;
}

/****************************/
/*** Page-specific stuff ***/

/*** General Forms ***/
form {
	padding:0px;
	margin:0px;
	text-align: left;
}
form label,
form p {
	padding:0pt 0pt 6px 0pt;
}
form label {
	float:left;
	clear:left;
	width:150px;
	margin:0pt 5pt 0pt 0pt;
}
form input {
	width:180px;
}
fieldset {
	border:none;
	width:auto;
}
#buttonGroup, .buttonGroup {
	padding:0px 0px 20px 0px;
}
.buttonMenu {
	padding:0px;
	margin-left:0px;
}
button {
	padding:0px;
	margin:0px 5px 0px 0px;
	cursor:pointer;
	padding:0px 3px;
}

/*** WLPE forms ***/
.wlpeForm {
	padding:0px 0px 0px 0px;
	margin:0px;
}
.wlpeForm h4 {
	padding:0px 0px 10px 0px;
	margin:0px;
}
.wlpeForm #buttonGroup {
	padding:10px 0px 0px 0px;
}

/*** WLPE Login form ***/
#wlpeLogin label {
	width:80px;
	text-align:right;
	padding-top:2px;
}
#wlpeLogin #buttonGroup {
	margin-left:87px;
} 

/*** WLPE Reset form ***/
#wlpeReset label {
	width:120px;
	text-align:right;
}
#wlpeReset #buttonGroup {
	margin-left:127px;
} 
#wlpeReset input {
	width:200px;
}

/*** WLPE User Profile form ***/
#wlpeUserProfileForm input,
#wlpeLoginForm input {
	padding:1px;
	margin:2px 0px;
}
#wlpeUserProfileForm p,
#wlpeLoginForm p,
#wlpeRegisterForm p {
	padding-top:2px;
}
#wlpeUserProfileForm label {
	padding-top:2px;
	width:100px;
}
input#wlpeUserProfileFullName,
input#wlpeUserProfileEmail,
input#wlpeRegisterFullName {
	width:240px;
}

/*** Contact Us form ***/
#contactForm td {
	padding-bottom:6px;
}
#contactForm textarea {
	width:250px;
}
#contactForm label {
	width:80px;
}
#contactForm .longLabel {
	width:250px;
}
#contactForm #checkbox {
	width:auto;
}
#contactForm .verimage img,
#contactForm .verimage input {
	margin-left:89px;
}
#contactForm .verimage img {
	padding-bottom:4px;
}
#contactForm .verimage label {
	width:350px;
}

/*** Contact Email and Thankyou ***/
#webEnquiry table {
	width:auto;
}
#webEnquiry td {
	vertical-align:bottom;
	padding:0px;
}

#webEnquiry .label {
	font-weight:bold;
	padding-right:10px;
	width:150px;
}



/*** Photo Gallery ***/
.galleryEntry {
	/*border:1px solid green;*/
	width:90%;
	vertical-align:top;
	clear:both;
	padding-bottom:20px;
	float:left;
	/*padding:5px 20px 15px 0px;*/
}
.galleryEntry .imagebox {
	float:left;
	padding:2px 20px 15px 0px;
}
.galleryEntry .imagebox img {
	float:left;
	padding:0px 0px 0px 0px;
}
.galleryEntry .imageNote {
	float:left;
	clear:left;
}
.galleryEntry .imageNote:hover {
	cursor:pointer;
}

/*** News page ***/
#newsItems {
}
.newsItem {
	padding-bottom:15px;
	z-index:3;
	border-bottom:1px dashed #aaa;
}
.newsItemDate {
	font-size:10px;
	padding-top:3px;
}
.newsItem h5 {
	padding:5px 0px 5px 0px;
}

/*** Default Table settings ***/
table {
	padding:0px 0px 10px 0px;
}
th {
	padding:2px 10px 0px 2px;
	border-bottom:1px solid #666;
   vertical-align:middle;
}
td {
	padding:1px 10px 1px 2px;
  vertical-align:middle; /* GA changed from 'center' 26Feb10 */
  text-align:left;
}
td.title {
   padding-left:2px;
   padding-right:5px;
   text-align:left;
   font-weight:bold;
}
td.checkbox,
td.radiobutton {
	text-align:center;
	padding:5px 6px 0px 0px;
}

/*** File tables ***/
.fileTable {
	/*padding-bottom:10px;*/
}
.fileTable th {
	text-align:left;
	padding-bottom:5px;
	/*vertical-align:bottom;*/
}
.fileTable td {
	/*border-top:1px solid #666;*/
	/*padding:3px 15px 7px 0px;*/
	/*margin:0px;*/
	vertical-align:top;
}
.fileTable .centre  {
	text-align:center;
}
.fileTable .checkbox,
.fileTable .radiobutton {
	/*text-align:center;*/
	/*padding:5px 6px 0px 0px;*/
}
.fileTable input {
	width:auto;
}
.fileTable .last {
	padding-right:0px;
}
.fileTable .filename,
.fileTable .date {
	font-size:11px;
	white-space:nowrap;
}
.fileTable .date {
	padding-bottom:3px;
}
.fileTable img {
	padding:5px 0px 5px 0px;
}
.fileTable .captionNote {
	padding:0px;
	font-size:11px;
	color:#999;
}

/*** Machine Specs page ***/
table#machineSpecs {
	/*padding-top:10px;*/
}
table#machineSpecs th {
	/*padding-top:2px;*/
	/*padding-bottom:0px;*/
   height:30px;
	/*border-bottom:1px solid #666;*/
   /*vertical-align:middle;*/
}
table#machineSpecs th,
table#machineSpecs td {
   /*padding-left:10px;*/
   /*padding-right:10px;*/
}
table#machineSpecs td {
   text-align:center;
   height:45px;
   /*vertical-align:center;*/
	/*border-bottom:1px solid #999;*/
}
table#machineSpecs .title {
   /*padding-left:2px;*/
   /*padding-right:5px;*/
   text-align:left;
   /*font-weight:bold;*/
}
table#machineSpecs img.flag{
	width:25px;
	padding-left:2px;
}


/*** Agent's Costomer Content table ***/


/*** Create/Edit Post form ***/
#postForm label {
	width:40px;
}
#postForm #postTitle {
	width:400px;
}
#postForm textarea {
	width:90%;
	height:200px;
}
#postForm .buttonGroup {
	margin-left:0px;
}

/*** Post Manager ***/
#postManagerTable td .date {
	font-size:10px;
	padding-top:3px;
	padding-bottom:3px;
}
#postManagerTable td .title {
	font-weight:bold;
	padding:0px;
}
#postManagerTable th,
#postManagerTable td .text {
	padding-top:3px;
	padding-bottom:6px;
}


/*** Home Page Boxes ***/
#homePageBoxes{
  width:auto;
  height:auto;
  text-align:right;
  padding-top:10px;
}
.homePageBox {
  width:207px;
  height:80px;
  padding:0px 9px 6px 9px;
  margin:10px;
	position: relative;
  float:left;
  text-align:center;	
  background-image: url(../images/bg_main.jpg);
  background-repeat: repeat-x;
  background-position: 0px -90px;

	border:1px solid #999;
  -webkit-border-radius: 9px; /* for Safari */
  -moz-border-radius: 9px;    /* for Firefox */
}
.homePageBox:hover {
  border:1px solid #ff7e00;
  background-position:0px -50px;
}
/*
.homePageBox > .tl, .homePageBox > .tr, .homePageBox > .bl, .homePageBox > .br {
  width: 9px; height: 9px;
  position: absolute;
  border:0px;
}
.homePageBox > .tl {
  background: url(../images/homebox_tl.jpg) top left no-repeat;
  top: -1px; left: -1px;
}
.homePageBox > .tr {
  background: url(../images/homebox_tr.gif) top right no-repeat;
  top: -1px; right: -1px;
}
.homePageBox > .bl {
  background: url(../images/homebox_bl.gif) bottom left no-repeat;
  bottom: -1px; left: -1px;
}
.homePageBox > .br {
  background: url(../images/homebox_br.gif) bottom right no-repeat;
  bottom: -1px; right: -1px;
}
*/

a.homePageBoxLink, a.homePageBoxLink:link {
  text-decoration:none;
  color:#515050;
}
a.homePageBoxLink:visited { color: #515050; }
a.homePageBoxLink:hover   { color: #404040; } /*#ff7e00 #ff9900*/
a.homePageBoxLink:active  { color: #515050; }

.homePageBox .boxTitle {
  font-weight:bold;
  font-size:13px;
  text-align:center;
  padding:4px 0px 4px 0px;
  margin:0px 0px 4px 0px;
  border-bottom:1px solid #999;
}
.homePageBox .boxDescription {
  font-weight:normal;
  text-align:left;
  font-size:11px;
}

/*** *** Manager tables *** ***/
/*** General ***/
.managerTable {
	padding-bottom:10px;
}
.managerTable th {
	text-align:left;
	padding:5px 6px 5px 0px;
	vertical-align:bottom;
}
.managerTable td {
	padding:3px 15px 7px 0px;
	margin:0px;
	vertical-align:top;
	border-bottom:1px solid #999;
}
.managerTable .centre  {
	text-align:center;
}
.managerTable .checkbox,
.managerTable .radiobutton {
	text-align:center;
	padding:5px 6px 0px 0px;
}
.managerTable input {
	width:auto;
}
.managerTable .last {
	padding-right:0px;
}
.managerTable .filename,
.managerTable .date {
	font-size:11px;
	white-space:nowrap;
}
.managerTable .date {
	padding-bottom:3px;
}
.managerTable img {
	padding:5px 0px 0px 0px;
	height:40px;
	width:auto;
}
.managerTable .captionNote {
	padding:0px;
	font-size:11px;
	color:#999;
}
.managerTable .captionNote:hover {
	color:#ff5e00;
}


/*** File Upload Manager ***/
#uploadManagerMenu {
	padding-top:0px;
}
#fileUploadForm input {
	margin:0px 0px 5px 0px;
}
#fileUploadForm textarea {
	width:230px;
	height:80px;
	margin:0px 0px 7px 0px;
}
#fileUploadForm .captionLeft {
	float:left;
	padding-right:20px;
}
#fileUploadForm p {
	padding:0px 0px 3px 0px;
}


/*** User Content ***/
/*
.contentItem {
}
.contentItem>object {
	position:relative;
	z-index:-1;
}
*/