/**
 *
 *  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 20px 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: #D6CB8B;
   background-image: url(/image/gui/header_background_upper.jpg);
   background-repeat: repeat-y;
}
#header .backgroundUpperRight {
   height: 20px;
   background-color: #D6CB8B;
}
#header .backgroundLowerLeft {
   height: 114px;
   background-color: #0C2453;
}
#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;
   padding-left: 10px;
   margin-bottom: 5px;
   background-image: url(/image/gui/menu_left_normal.gif);
   background-repeat: repeat-y;
   color: #0C2453;
   font-size: 12px;
   line-height: 18px;
   font-weight: bold;
   text-decoration: none;
}
#menuLeft a:hover,
#menuLeft a.selected,
#menuLeft a.selected:visited {
   height: 20px;
   background-image: url(/image/gui/menu_left_selected.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;
}

#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 {
   float: right;
   margin: 20px;
   color: #FFFFFF;
   font-size: 12px;
}

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

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

#userLoginInfo 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;
}
.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: 20px;
}

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