/**
 *
 *  INSTYLE IT
 *  http://www.instyleit.com.au - Australian Web Hosting and Design
 *  
 */

html {
  margin: 0px;
  padding: 0px;

} 
body {
   font-family: Verdana, Arial, sans-serif;
   font-size: 12px;
   background: #ffffff;
   margin: 0px;
   padding: 0px;
   color: #0C2453;
}

h1 {
   font-size: 18px;
   text-align: left;
   padding: 0px;
   margin: 0px 0px 15px 0px;
   color: #0C2453;
}
h2 {
   font-size: 16px;
   text-align: left;
   padding: 0px;
   margin: 0px 0px 15px 0px;
   color: #525548;
}
h3 {
   font-size: 14px;
   text-align: left;
   padding: 0px;
   margin: 0px 0px 15px 0px;
   color: #525548;
}
h4 {
   font-size: 12px;
   padding: 0px;
   margin: 0px 0px 5px 0px;
   text-align: left;
}
form {
   display: inline;
}
td {
   font-family: Verdana, Arial, sans-serif;
   font-size: 12px;
}
ul {
   list-style-type: square;
}
li {
   padding-bottom: 5px;
}

.pageBody {
   padding: 10px;
   padding-top: 0px;
   font-size: 12px;
   font-weight: normal;
   background: #FFFFFF;
   text-align: left;
}

.leftCol {
   padding-top: 2px;
   padding-bottom: 2px;
   width: 238px;
   text-align: left;
   background: #ffffff;
}

a {
   color: #0000FF;
   text-decoration: underline;
}
a:visited {
   color: #0000CC;
   text-decoration: underline;
}
a:hover {
   color: #0000AA;
   text-decoration: none;
}


/** Navigation */

#mainNav {
  font-size: 11px;
  padding-left: 2px;
}
#mainNav a,
#mainNav a:visited {
   font-weight: bold;
   font-family: Arial, sans-serif;
   font-size: 12px;
   color: #FFFFFF;   
   text-decoration: none;
   display: block;
   border-bottom: none;
   text-indent: 45px;
   background: #81B600;
   height: 26px;
   line-height: 26px;
}

#mainNav a:hover {
   background-color: #74A400;
   color: #ffffff;
   text-decoration: none;
}

#mainNav a.active {
   color: #ffffff;   
   background-color: #74A400;
}
.floatRight {
   float: right;
   margin: 0 0 5px 10px;
}
.floatLeft {
   float: left;
   margin: 0 10px 5px 0;
}
.clearBoth {
   clear: both;
}

.strong {
   font-weight: bold;
}

.requiredStar {
   color: #ff0000;
   vertical-align: super;
}
.contactField {
   font-weight: bold;
   text-align: right;
   width: 80px;
}
.hidden {
   display: none;
}

#login {
   padding: 20px 0 20px 10px;
}
#login .fld  {
    text-align: left;
    font-weight: bold;
    padding-bottom: 3px;
    padding-top: 3px;
    color: #900046;
}
#login .title  {
   font-size: 13px;
   font-weight: bold;
    color: #900046;
}

.data {
   border: 1px solid #FFAF00;
}

table.data {
   border: 1px solid #FFAF00;
   border-right: none;
   border-bottom: none;
}
table.data th {
   border-right: 1px solid #757575;
   border-bottom: 1px solid #757575;
   background: #595959 url(/image/navBtnBGOver.gif) top left repeat-x;
   color: #FFFFFF;
}

table.data td {
   border-right: 1px solid #FFAF00;
   border-bottom: 1px solid #FFAF00;
}

table.dataVertical {
   border: 1px solid #FFAF00;
   border-right: none;
   border-bottom: none;
}
table.dataVertical th {
   background-color: #FFFFFF;
   border-right: 1px solid #FFAF00;
   border-bottom: 1px solid #FFAF00;
   text-align: right;
   font-size: 12px;
   width: 20%;
}
table.dataVertical td {
   border-right: 1px solid #FFAF00;
   border-bottom: 1px solid #FFAF00;
}

.resultsListItem {
    background-color: #eeeeee;
    border: none;
}

.resultsListItem:hover {
    background-color: #FFAF00;
}

.fldMsg {
   display: none;
}

.supplierBox {
   border: 2px solid #D6CB97;
   border-bottom: 6px solid #D6CB97;
   padding: 5px;
   margin-bottom: 10px;
}

.supplierTitle {
   font-size: 12px;
   font-weight: bold;
}

.supplierSubheading {
   font-size: 10px;
   font-style: italic;
}

.supplierBlurb {
   margin-right: 100px;
   font-size: 12px;
   padding-top: 10px;
}

.summaryBox {
   border: 1px solid #F2EFDA;
   padding: 5px;
   margin-bottom: 10px;
}

.summaryBox .summaryContainer {
   padding: 5px;
   margin-left: 95px;
}

.summaryTitle {
   font-size: 12px;
   font-weight: bold;
}

.summarySubheading {
   font-size: 10px;
   font-style: italic;
}

.summaryBlurb {
   margin-right: 100px;
   font-size: 12px;
   padding-top: 10px;
}

.summaryBox .actionButton {
   float: left;
   padding-left: 20px;
   padding-top: 10px;
}

.summaryBox .thumbnail {
   float: left;
}

.summaryBox .thumbnail img {
   border: 0px;
}

.summaryBox .readMore {
   font-size: 10px;
}

.articleMainImage img {
   text-align: center;
   margin-bottom: 10px;
   border: 3px double #AAAAAA;
}

.mainImageAlt {
   font-size: 11px;
   margin-top: 10px;
   font-style: italic;
}

.articleThumb {
   float: left;
   font-size: 10px;
   min-height: 100px;
   height:auto !important;
   height: 100px;
}

.preload {
   position: absolute;
   top: -10000px;
}


#spacerHeader {
   height: 15px;
}
#spacerFooter {
   height: 20px;
}

#header .backgroundUpperLeft {
   height: 20px;
   background-color: #f6b052;
   /*background-color: #f5e6bd;*/
   /* background-color: #0E2858;*/
   /*background-image: url(/image/gui/header_background_upper.jpg);*/
   background-repeat: repeat-y;
}
#header .backgroundUpperRight {
   height: 20px;
   /* background-color: #0E2858;*/
   /*background-color: #f5e6bd;*/
    background-color: #f6b052;
}
#header .backgroundLowerLeft {
   height: 114px;
   /*background-color: #0C2453;*/
   /* background-color: #f5e6bd;*/
   /*background-color: #f6b052;*/
	
}
#header .backgroundLowerRight {
   height: 114px;
   background-image: url(/image/gui/header_background_right.jpg);
   background-repeat: no-repeat;
}
#headerImg {
}

#footer .backgroundCentral {
   background-color: #DDD4AB;
}

#menuLeft a,
#menuLeft a:visited {
   display: block;
   /*height: 20px;*/
   height: auto; /* fix for smaller screen sizes */
   padding:4px 0px 4px 10px;
   margin-bottom: 5px;
   /*background-image: url(/image/gui/menu_left_normal.gif);*/
   /*background-repeat: repeat-y;*/
   background-color:#0db3f1;
   color: #fff;
   font-size: 12px;
   line-height: 18px;
   font-weight: bold;
   text-decoration: none;
}
#menuLeft a:nth-child(1),#menuLeft a:nth-child(2),#menuLeft a:nth-child(3){
	display:block;
}
#menuLeft a{
	display:none;
}

body #menuLeft a.emailssentout{
	 background-image: url(/image/gui/menu_left_norma1.gif);
	 color:#fff;
}
body #menuLeft a.emailssentout:hover{
	background-image: url(/image/gui/menu_left_selected.gif);
}

#menuLeft a:hover,
#menuLeft a.selected,
#menuLeft a.selected:visited{
   /*height: 20px;*/
   height: auto; /* fix for smaller screen sizes */
  /* background-image: url(/image/gui/menu_left_selected.gif);*/
  background-color:#f1d31e;
   color: #FFFFFF;
   text-decoration: none;
}
#menuLeft a:hover.new{
   height: auto;
   /*background-image: url(/image/gui/menu_left_hover.gif);*/
    background-image: url(/image/gui/menu_left_selected.gif);
   color: #FFFFFF;
   text-decoration: none;
}
#menuLeft a.new{
height: auto;
background-image: url('https://www.namoa.com.au/image/gui/menu_left_hover.gif');
color: #ffffff;
}
/*#menuLeft a:nth-child(11).new,
#menuLeft a:nth-child(11).new:visited {
   height: auto;
   background-image: url(/image/gui/menu_left_hover.gif);
   color: #FFFFFF;
   text-decoration: none;
}*/

#menuRight .heading {
   height: 18px;
   padding-left: 10px;
   font-size: 14px;
   color: #FFFFFF;
   background-color: #CABC69;
}

#menuRight .listing {
   display: block;
   padding: 10px;
   font-size: 12px;
}

#menuRight .listing a,
#menuRight .listing a:visited {
   color: #0C2453;
   text-decoration: none;
}

#menuRight .listing a:hover {
   text-decoration: underline;
}

#menuRight .headline {
   font-weight: bold;
}

#footer .backgroundCentral,
#footer .backgroundCentral img {
   padding: 0px;
   margin: 0px;
   background-color: #DDD4AB;
}

#bodyFrame .border {
   border: 1px solid #D7CD8F;
}
#bodyFrame .bodyMain {
   padding: 20px;
   min-height:300px;
}

#bottomText, #bottomText a {
   text-align: center;
   color: #CABC69;
   font-size: 10px;
   padding: 10px 0 20px 0;
}

#membersLoginTitle {
   float: right;
   padding-right: 20px;
   font-size: 12px;
   color: #0C2453;
}

#forgotPassword {
   float: right;
   padding-right: 10px;
   font-size: 12px;
   font-weight: bold;
   color: #FFFFFF;
}

#userLoginInfo,
#userLoginBox {
   float: right;
   margin: 20px;
   color: #FFFFFF;
   font-size: 12px;
}

#userLoginInfo a,
#userLoginInfo a:visited,
#userLoginBox a,
#userLoginBox a:visited {
   color: #FFFFFF;
   text-decoration: none;
}

#userLoginInfo a:hover,
#userLoginBox a:hover {
   text-decoration: underline;
}

#userLoginInfo ul,
#userLoginBox ul {
   padding: 0px;
   padding-left: 10px;
   padding-top: 10px;
   margin: 0px;
   list-style-type: none;
   font-size: 10px;
}

#userLoginBox {
   float: right;
   text-align: right;
   margin: 20px;
   color: #FFFFFF;
}

#userLoginBox input {
   margin-bottom: 1px;
   font-size: 10px;
   color: #0C2453;
   border: 1px solid #AAAAAA;
}

#userLoginBox .password {
   font-size: 10px;
   color: #FFFFFF;
}

#userLoginBox .button {
   background: #CABC69;
   color: #FFFFFF;
   border: 3px double #CABC69;
   width: 80px;
}
#userLoginBox .button:hover,
#userLoginBox .button:focus {
   border: 3px double #FFFFFF;
}

table.myDetails {
   border: 1px solid #AAAAAA;
   border-right: none;
   border-bottom: none;
}
table.myDetails th {
   background-color: #FFFFFF;
   border-right: 1px solid #AAAAAA;
   border-bottom: 1px solid #AAAAAA;
   text-align: right;
   font-size: 12px;
   width: 130px;
}
table.myDetails td {
   border-right: 1px solid #AAAAAA;
   border-bottom: 1px solid #AAAAAA;
}

.myDetailsButton {
   background: #CABC69;
   color: #0C2453;
   border: 3px double #CABC69;
   width: 80px;
   cursor:pointer;
}
.myDetailsButton:hover,
.myDetailsButton:focus {
   border: 3px double #FFFFFF;
}

.userSuccessMessage {
   font-size: 14px;
   font-weight: bold;
   color: #009900;
   margin-bottom: 20px;
}
.userErrorMessage {
   font-size: 14px;
   font-weight: bold;
   color: #FF0000;
   margin-bottom: 15px;
}

.formButton {
   background: #CABC69;
   color: #0C2453;
   border: 3px double #CABC69;
   width: 80px;
}
.formButton:hover,
.formButton:focus {
   border: 3px double #FFFFFF;
}


/* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

form.form {
	padding: 10px;
	border: 1px solid #cabc69;
	display: block;
}

form.form input.text {
	width: 200px;
}
form.form .row label {
	display: inline-block;
	width: 110px;
}
form.form .row {
	claer: both;
	overflow: hidden;
	padding: 3px 0;
}
form.form .disclaimer {
	font-size: 11px;
	color: #666;
}

form.form .row.checkbox label,
form.form .row.terms label {
	width: auto;
}

form.form .row.checkbox label {
	display: inline-block;
	padding-right: 15px;
}

.message {
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #060;
	background: #D6E7CA;
	color: #060;
}

.error {
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #930;
	color: #930;
	backgorund: #FFD1DE;
}

/*#bodyFrame td:last-child{
	opacity:0!important;
}*/

#bodyFrame td:last-child #menuRight{
	display:none!important;
}
.bodyMain p a{
	font-size:14px;
	font-weight:600;
	color:#00aef0;
}
.bodyMain p{
	font-size:14px;
}
.bodyMain p.member a{
	margin:0px 4px 0px 10px;
}
.bodyMain p.member img{
	vertical-align:middle;
}
#footer_block{
	width:100%;
	overflow:hidden;
	background-color:#00aef0;
}
.footer_inner{
	width:100%;
	max-width:900px;
	overflow:hidden;
	padding:16px 0px;
	margin:0px  auto;
	
}
#footerleft{
	width:50%;
	overflow:hidden;
	float:left;
	text-align:left;
	font-size:12px;
	color:#fff;
	font-weight:400;
	line-height:17px;
	}
#footerright{
	width:50%;
	overflow:hidden;
	float:right;
	text-align:right;
	font-size:12px;
	color:#fff;
	font-weight:400;
	line-height:17px;
	}