/* Body Content Overrides */
a { outline:none !important; color:#990000;}
body.bg { background: #c79453 url("/images/interface/site_bg.png") repeat-x; margin-top:25px; font-size:12px; color:#440000;}


p { margin: 0 0 4px 0 !important; }
p img { margin: 5px 15px 10px 0px; padding:5px;}
#gallery img  { margin: 5px 10px 10px 0px; border:1px solid #ccc; padding:5px;}
.container img { margin: 5px 15px 10px 0px; padding:5px; }

.listImg  { float:left; display:block; width:175px; }
.listImg img  { margin: 5px 15px 10px 0px; border:1px solid #ccc; padding:5px;}
.listSummary { float:left; display:block; width:500px; }

.listSummary p a { font-size: 11px; color:#333; text-decoration: none; }
.listSummary p a:hover { font-size: 11px; color:#333; text-decoration: underline; }



/* BreadCrumbs */

div#breadcrumbs { width:auto;  height:20px; padding: 2px 0px 2px 15px; color:white; }
div#breadcrumbs a{ color:white; text-decoration:none; }
div#breadcrumbs a:hover { color:white; text-decoration:underline !important; }


/* Heading Formatting */

div.header { height:99px; background: url("/images/interface/header.jpg") no-repeat; text-align: right; cursor: pointer;}
div.header ul { padding-top: 10px;}
div.header ul li{ list-style:none; display: inline; margin-right:10px; }
div.header li a, div.header li a:link { color:#496400; font-size:12px; font-weight:bold; text-decoration: none; text-transform: uppercase;}
div.header ul a:hover { text-decoration: underline; }
div.header ul a:hover { color:#628600; font-size:12px; font-weight:bold;}

/* Main Content Section Formatting */

div.mainContent { height: auto; background: #fff url("/images/interface/content_bg.png") repeat-y;}
div.pageContent { width:695px; padding:5px 0 40px 15px; float:left; display:block;}
div.headerTrim { background: transparent url("/images/interface/header_trim.png") no-repeat; height:21px;}

/* Sidebar Content Section */

div.sidebar { height:auto; color:#2c2c2c; width:220px; float:right; display:block; }

/* Footer Content Section */

div.footer { height: 80px; background: #c79453 url("/images/interface/footer.png") repeat-x; }
div.footer a { color:#9D4E00; padding-top: 12px; }
div.footer a:hover { color:#ffffff; text-decoration:underline !important; }



/* Site Props */

/* Home page */

div#cover img{
 position: absolute;
 top: 0pt;
 left: 0pt;
 display: none;
}




/* Don's One Stop Rounded Corners */

div.sideBlock {
    width:180px; /* 210 -15 -15 = 180*/
    background:#cccc99 0 0 url("/images/interface/rounded_corners/sideBar_sprite_green.png") no-repeat;
    padding:10px 15px 0 15px;
     font-size:11px;
    }

    div.sideBlockEnd {
      width:210px;
      height:15px;
      background:transparent -211px 0px url("/images/interface/rounded_corners/sideBar_sprite_green.png") no-repeat;
      padding-top:10px;
      margin-bottom:10px;
      }



 div.sideBlock h5{ color: #496400; }
 div.sideBlock h5 a{ color: #496400; }


      /* Colour Blocks */

      div.sideBlock.green { background:#cccc99 0 0 url("/images/interface/rounded_corners/sideBar_sprite_green.png") no-repeat; }
      div.sideBlockEnd.green { background:transparent -211px 0px url("/images/interface/rounded_corners/sideBar_sprite_green.png") no-repeat; }

      div.sideBlock.blue { background:#afd8ff 0 0 url("/images/interface/rounded_corners/sideBar_sprite_blue.png") no-repeat; }
      div.sideBlockEnd.blue { background:transparent -211px 0px url("/images/interface/rounded_corners/sideBar_sprite_blue.png") no-repeat; }

      div.sideBlock.white { background:#ffffff 0 0 url("/images/interface/rounded_corners/sideBar_sprite_white.png") no-repeat; }
      div.sideBlockEnd.white { background:transparent -211px 0px url("/images/interface/rounded_corners/sideBar_sprite_white.png") no-repeat; }

      div.sideBlock.sand { background:#ffcc66 0 0 url("/images/interface/rounded_corners/sideBar_sprite_sand.png") no-repeat; }
      div.sideBlockEnd.sand { background:transparent -211px 0px url("/images/interface/rounded_corners/sideBar_sprite_sand.png") no-repeat; }


/* Special Enquiry Sideblock */

      div.sideBlock.enquiry {
            background:#496400 0 0 url("/images/interface/rounded_corners/sideBar_sprite_enquiry.png") no-repeat;
            color:white;
            width:190px; /* 210 -15 -5 = 190*/
            padding:10px 15px 0 5px;
            }

      div.sideBlock.enquiry h5{
            color:white;
            padding-bottom:5px;
            padding-left: 5px;
            }

      div.sideBlock.enquiry a.more {color:#FFF;}

      div.sideBlock.enquiry li {
        background-color:#628600;
        list-style-type:none;
        margin-bottom:5px;
        margin-left:-10px;
        padding: 0 5px 5px;
        width: 180px;
        font-size:10px;
        }

      div.sideBlock.enquiry li a {
        display: block;
        background:transparent 0px 0px url("/images/button/close.gif") no-repeat;
        height: 15px;
        width: 15px;
        zmargin-top:-15px;
      }
      div.sideBlock.enquiry li a:hover {
        background-position: 0px -15px;
      }


      div.sideBlock.enquiry li.dossier {
        background-color:#898976;
        }


      div.sideBlockEnd.enquiry {
      background:transparent -211px 0px url("/images/interface/rounded_corners/sideBar_sprite_enquiry.png") no-repeat;
      margin-top:-3px;
      }

       div.frmEnquiry {
        width:190px; /* 210 -15 -5 = 190*/
        padding:5px 15px 10px 20px;
        }

      div.frmEnquiry li a:hover {
        background-position: 0px 15px;
      }

      div.frmEnquiry div { margin-top:6px;}

      /* Input Box Styling */
      div.sideBlock.enquiry div { margin-top:6px;}

      div.sideBlock.enquiry input, div.sideBlock.enquiry label {
        margin-left:6px;
        color:#c4ff8a;
      }

      div.sideBlock.enquiry input {
        padding:5px 5px;
        font-size:10px;
        color:#333400;
        border:1px solid #274f00;
        width:175px;
      }

      div.sideBlock.enquiry input:focus,  div.sideBlock.enquiry textarea:focus {
        border:1px solid #ffffff;
      }

      div.sideBlock.enquiry textarea {
        padding:5px 5px;
        font-size:11px;
        font-family:tahoma;
        color:#333400;
        border:1px solid #274f00;
        width:175px;
        height:75px;
        margin:-2px 0px 10px 6px;

      }

      div.sideBlock.enquiry button {
        background:lightgrey 0 0 url("/images/button/submit_bg.png") repeat-x;
        border:none;
        margin-left:7px;
        padding:3px;
        font-size:10px;
        font-family: tahoma;
        width:95px;

      }







      /* SideBlock Error/Success Messages */

      div.sideBlock div.success, div.sideBlock div.error {
        width:172px;
        margin:5px 0px 0px 5px;
        border:1px solid;
      }

      div.sideBlock div.success { padding-left:30px; width:130px; /*160 - 30px* to center success message*/ }

      div.sideBlock div.error li {
          list-style-type: disc;
          background:none;
          padding:0px;
          margin:0px;
      }

      div.sideBlock div.error li label{ color:#8A1F11; font-weight:bold; }

      div.sideBlock div.error ul {
          margin-top:10px;
      }



div.sideBlock ul { margin-bottom: 0px;}



div.contentBlock {
  width:570px;
  background:#ffc266 0 0 url("/images/interface/rounded_corners/content_sprite.png") no-repeat;
  padding-top:10px;
  padding-left:10px;
  padding-right:10px;
  margin-top:10px;
  }
    div.contentBlockEnd {
      width:590px;
      height:15px;
      background:transparent -866px 0px url("/images/interface/rounded_corners/content_sprite.png") no-repeat;
      padding-top:10px;
      margin-bottom:10px;
      }


h1,h2,h3,h4,h5,h6 { font-weight:600;  font-family: Arial, Verdana, sans-serif; }
h1 { font-size: 24px; color:#603200 }
h2 { font-size: 22px; color:#703200 }
h3 { font-size: 20px; color:#803200 }
h4 { font-size: 18px; color:#903200 }
h5 { font-size: 16px; color:#903200; margin-bottom: 5px; }
h6 { font-size: 14px; color:#903200; margin-bottom: 5px; }

ul.contentContainer { list-style: none; display:block;}
ul.contentContainer li { display:inline; }

/* Form Styling */



table.tblForm{
  font-size: 125%;
}

table.form td.label{
  text-align: right;
  padding: 2px 10px 2px 0px;
  height: 25px;
  width: 200px;
}

table.form td.label label{
  padding: 0px;
  cursor: pointer;
  text-align: right;
  font-size: 90% !important;
  zcolor: #636363 !important;
}

table.tblForm td.radioField label, table.tblForm td.checkField label{
  padding: 0px 10px 0px 3px;
  cursor: pointer;
}
table.tblForm td.textField{
  text-align: left;
  padding: 2px 0px 2px 10px;
}

table.tblForm td input, table.tblForm td select, table.tblForm td textarea {
  border: 1px solid #CCC;
  color: #006699;
  font-size: 16px;
  padding: 1px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

table.tblForm td input:focus{
  border-color: #006393;
}
table.tblForm td select:focus{
  border-color: #006393;
}
table.tblForm td textarea:focus{
  border-color: #006393;
}

table.tblForm td.textField input{
  width: 300px;
}

  table.tblForm td.textField input.smallText{
    width: 120px;
  }

  table.tblForm td.textField input.tinyText{
    width:60px;
  }



table.tblForm td.textField select{
  width:304px;
}

table.tblForm td.textField textarea{
  width: 304px;
  height: 100px;
}


table.tblForm td.dateField{
  text-align: left;
  padding: 2px 0px 2px 10px;
}

  table.tblForm td.dateField select#customer_dob_year{
    width:60px;
  }
  table.tblForm td.dateField select#customer_dob_month{
    width:90px;
  }
  table.tblForm td.dateField select#customer_dob_day{
    width:45px;
  }


table.tblForm td.radioField{
  border: none;
  text-align: left;
  padding: 2px 0px 2px 10px;
}

table.tblForm td.checkField{
  border: none;
  text-align: left;
  padding: 2px 0px 2px 10px;
}

div.span-15 form#frmContact input#fullname,
div.span-15 form#frmContact input#email,
div.span-15 form#frmContact input#phone,
div.span-15 form#frmContact textarea#message {
      width:400px;
      border:1px solid #BBBBBB;
      color:#3b2a00;
      font-size:12px;
      font-family:tahoma;
      padding:5px 2px;
      }

div.span-15 form#frmContact input#fullname:focus,
div.span-15 form#frmContact input#email:focus,
div.span-15 form#frmContact input#subject:focus,
div.span-15 form#frmContact textarea#message:focus {
      border:1px solid #9b2a00;
      }



/* ==== BUTTONS ==== */


div.buttons{
  width: 100%;
  padding: 10px 10px ;
  text-align: left;
  display: none;
}
div.buttons.active{
  display: block;
}


div.buttons input{
  border: none !important;
}

input.btnSendMessage{
  background: white 0 0 no-repeat url('/images/button/send_message.png');
  height: 47px;
  width: 303px;
}


div.indicator{
  width: 100%;
  padding: 25px 0 0 0;
  height: 45px;
  text-align: left;
  display: none;
}
div.indicator.active{
  display: block;
}

div.indicator div.redBar{
  background: white 0 0 no-repeat url('/images/button/red_bar.gif');
  margin-left: 50px;
  width: 220px;
  height: 20px;
}


/* ==== END BUTTONS ==== */


/* Bookmarking Structure */


div.pageContent ul li a{
  margin:0px;
  display:inline-block;
  padding:5px 10px 5px 25px;
  background:#fbfbfb;
  border:1px solid #e3e3e3;
  color:#666666;
  text-decoration:none;
  }

div.pageContent ul li.barBack a { background:#fbfbfb 0 0 url("/images/button/misc_icons.png") no-repeat; }
div.pageContent ul li.barBookmark a { background:#fbfbfb 0 -25px url("/images/button/misc_icons.png") no-repeat; }
div.pageContent ul li.barAdd a { background:#fbfbfb 0 -50px url("/images/button/misc_icons.png") no-repeat; }
div.pageContent ul li.barTop a { background:#fbfbfb 0 -75px url("/images/button/misc_icons.png") no-repeat; }

.pics {
    height:  133px;
    width:   632px;

}

.pics img {
    padding: 15px;
    border:  0px solid #ccc;
    background-color: #eee;
    width:  583px;
    height: 232px;
    top:  0;
    left: 0
}

div.success {
  border: 1px solid #C6D880;
  padding: 20px;
  background: #E6EFC2;
  margin: 0 0 20px 0;
  color: #264409;
  font-size: 12px;
}
div.success p{
  font-weight: bold;
  line-height: 24px;
}
div.success img{
  padding: 0 10px 0 0;
  border: none;
}
div.error p{
  font-weight: bold;
  line-height: 24px;
}
div.error img{
  padding: 0 10px 0 0;
  border: none;
}
a.button {
  border:1px solid #ccc;
  background-color:#ddd;
  font-weight:bold;
  text-decoration:none;
  margin:0 10px 10px 0;
  -moz-border-radius: 4px;
  padding: 5px 8px 4px 30px;
  height: 18px;
  width: 130px;
  display:block;
  float:left;
}
a.button.more{
background: #ddd 0 4px url("/images/site/link_icons.gif") no-repeat;
}
a.button.add{
background: #ddd 0 -57px url("/images/site/link_icons.gif") no-repeat;
}







.navigation{
  background: transparent 0 0 url("/images/interface/nav_bg.png");
  width:950px;
  display: block;
  list-style: none;
  z-index: 100;
}

.navigation ul{
  display: block;
  padding: 0;
  margin: 0;
  list-style: none !important;
  z-index: 100;
}

.navigation ul li{
  display: block;
  padding: 0;
  margin: 0;

  height: 30px;
  line-height: 30px;

  float: left;
  list-style: none !important;

  text-align:center;
  font-weight:bold;
  color:#FFF;

  z-index: 100;
}

.navigation ul li:hover {
  background:transparent 0 0 url("/images/interface/nav_rollover.png") no-repeat ;
  color: #333;
  cursor: pointer;
}

.navigation ul li a{
  display: block;
  width: auto;
  height: 100%;

  line-height: 30px;
  padding: 0px 20px;

  text-align: center;
  color:#FFF;
  text-decoration: none;

}

.navigation ul li span{
  text-align: center;
  width: auto;
  display: block;

  line-height: 30px;
  padding: 0px 20px;
}

.navigation ul li a:hover{
  color: #333;
}

.navigation ul li ul {
  display: none;
  position: absolute;
  border: 1px solid #000;
  margin-top: 0;
  margin-left: -1px;
}

.navigation ul li:hover ul {
  display: block;
}

.navigation ul li ul li{
  clear: both;
  white-space: nowrap;
  width: 100%;
  border-left: 0;
  text-align: left;
  font-weight: normal;
  background-color: #860C06;
  z-index: 100;
}

.navigation ul li ul li:hover{
  background-image: none ;
  background-color: #333;
  color: #fff;
}

.navigation ul li ul li a{
  text-align: left;
  width: 200px;
}

.navigation ul li ul li a:hover{
  color: #fff;
}


.navigation ul li ul li span{
  text-align: center;
  width: auto;
  display: block;
  padding: 5px 20px 0 20px;
  float: left;
  color: #fff;
}

.navigation ul li ul li ul {
  display: none !important;
  position: relative;
}

.navigation ul li ul li:hover ul {
  display: block !important;
  margin-left: 160px;
  margin-top: -22px;
  float: left;
  clear: both;
}

.navigation ul li ul li ul li{
  clear: both;
  white-space: nowrap;
  width: 160px;
  height: 28px;
  border-left: 0;
  list-style: none !important;
  padding: 0;
  margin: 0;
  text-align: left;
  font-weight: normal;
  color: lightgrey;
  background-color: #000;
  z-index: 100;
}

.withborder img { border:1px solid #ccc; }