/*
-----------------------------------------------------
 Author      | Elemental 
        | [W] http://www.elemental.co.za
        | [E] info@elemental.co.za  
-----------------------------------------------------                                    
 Date        | 29-08-2007
-----------------------------------------------------                                        
 PHP         | 4   
-----------------------------------------------------                                              
 Update      | 
-----------------------------------------------------                                      
 Description | 
-----------------------------------------------------                                         
*/


/*************************  BODY *************************/


a, a:active,a:visited, a:link,a:hover,a:focus {
  color: #88c028;
  text-decoration: none
}

html, body 
{
  margin: 0px;
  padding: 0px;
  height: 100%;
  font-family: Arial, Verdana;
  font-size: 11px;
  color: #444444;
  background-color:#AFAFAF;
  /*background: url(../../include/images/template/bg.jpg) repeat;*/
}

html>body #main 
{ /* for Mozilla */
  height: auto;
}

/*************************  FORM *************************/

input
{
  background-color: #FFFFFF;
  border: #cccccc 1px solid;
  color: #444444;
  font-size: 10px;
  width: 160px;
}

.submit
{
  background-color: #cccccc;
  border: #cccccc 1px solid;
  color: black;
  font-size: 10px;
  width: 50px;
}

select
{
  background-color: #FFFFFF;
  border: #cccccc 1px solid;
  color: #444444;
  font-size: 10px;
  width: 140px;
}

textarea
{
  background-color: #FFFFFF;
  border: #cccccc 1px solid;
  color: #444444;
  font-family:  verdana;
  font-size: 10px;
  width: 160px;
  height: 100px;
}

/*************************  LINK *************************/

.one {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  color: #444444;
}

#special
{
  color:#FF0000;
}

/*************************  HEADERS *************************/

p
{
  margin:0;
  margin-bottom: 14px;
}

h1
{
  font-size: 22px;
}

#installationHeading
{
 font-size:18px;

}

#georgia
{
  font-size: 11px;
  font-family: Georgia, Tahoma;  
  color: #FFFFFF; 
  text-decoration: none;
  font-weight: bold;  
}

#menu_header
{
  font-size: 11px;
  color: #FFFFFF; 
  text-decoration: none;
  font-weight: bold;  
}

#menu_descripton
{
  font-size: 9px;
  color: #FFFFFF; 
  text-decoration: none;
  font-weight: normal;  
}


#popupName
{
  font-size: 16px;
  font-family: Tahoma;  
  color: #666666; 

}


#facebook_header {
    float: right;
    color: #3b5998!important;
    cursor: pointer;
    text-decoration: none;
    font-family: 'lucida grande', tahoma, verdana;
    font-size: 11px!important;
    direction: ltr;
    padding-top: 20px;
}

#search {
    position: absolute;
    top: 23px;
    right: 50px;
}

#search span {
    font-size: 10pt;
}

#search input {
    width: 100px;
}

#searchResults {
    margin: 10px;
    min-height: 200px;
    text-align: left;
}
#facebook_header span {
    font-size: 14px;
    font-weight: bold;
    line-height: 15px;
}

#facebook_header a {
    color: #3b5998!important;
}

#facebook_header img {
    border: none;
}
/************************* TEMPLATE *************************/

#intro {
  position: relative;
  width: 775px;
  height: 600px;
  background-color: black;
  padding: 0;
  margin: 40px auto;
}

#intro a {
  display: block;
  position: relative;
  top: 250px;
  left: 165px;
  font-weight: bold;
  width: 100px;
}

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

#intro #logo {
  position: relative;
  top: 160px;
  left: 150px;
}

#intro #chair {
  position: absolute;
  top: 50px;
  right: 50px;
}

#contact {
  text-align: left;
  padding: 20px 5px;
  height: 465px;
  background: url('../../images/contactBg.jpg');
}

#contact img {
    padding-left: -5px;
}

.contact-entry {
    float: left;
    width: 177px;
    text-align: center;
    margin: 4px;
}

#mainSection
{
  width: 775px;
  position: relative;
  text-align:center;
  margin: 0 auto;
  height: 465px;
  background-color:#FFFFFF;
  overflow: hidden;
}

#mainSection table {
  border-collapse: collapse;
}

#mainSection td {
  padding: 0;
  margin: 0;
}

#mainSectionPopup
{
  width: 450px;
  position: relative;
  text-align: left;
  margin: 0 auto 0 auto;
  height:auto;
  background-color:#FFFFFF
}


#main 
{
  1background: url("../../include/images/template/gradient_bg.jpg") repeat-X;
  text-align: center;
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 auto 0 auto;
  z-index:1;
  
}

#blue_bar 
{
  position: relative;
  background-color: #66B4E5;
  left: 0px;
  width: 775px;
  height: 18px;
  margin: 0 auto 0 auto;
  z-index:2;
  
}

#blue_bar_popup 
{
  position: relative;
  background-color: #66B4E5;
  left: 0px;
  width: 450px;
  height: 8px;
  margin: 0 auto 0 auto;
  z-index:2;
  
}

#black_bar_footer
{
  position: relative;
  background-color: black;
  left: 0px;
  width: 775px;
  height: 26px;
  margin: 0 auto 0 auto;
  z-index:2;
  
}


#grey_bar 
{
  position: relative;
  background: url("../../images/greyBar.jpg") repeat-X;

  
  left: 0px;
  width: 775px;
  height: 30px;
  margin: 0 auto 0 auto;
  z-index:2;
  
}

#grey_bar_popup
{
  position: relative;
  background: url("../../images/greyBar.jpg") repeat-X;

  
  left: 0px;
  width: 450px;
  height: 30px;
  margin: 0 auto 0 auto;
  z-index:2;
  
}

#grey_bar_text
{
  position: relative;
  text-align:left;
  color:#FFFFFF;
  vertical-align:bottom;
  
  left: 10px;
  top: 8px;
  width: 775px;
  height: 30px;
  margin: 0 auto 0 auto;

  
}

#productDetailsHead
{
  font-size: 12px;
  font-weight: bold;
}
  
#menu_bar
{
  position: relative;
  width: 775px;
  top: 1px;
  height: 42;
  margin: 0 auto 5px;
  z-index:3;
  clear: both;
}

#menu_bar table {
  table-layout: auto;
  width: 100%;
  border-collapse: separate;
  margin: 0;
  padding: 0;
}

#menu_bar td {
  background: black;
  height: 30px;
  text-align: center;
}

#menu_bar td a {
  font-family: Arial;
  font-weight: bold;
  color: white;
}

#menu_bar td a:link,
#menu_bar td a:focus,
#menu_bar td a:visited {
  color: white;
}

#menu_bar td a.active,
#menu_bar td a:hover {
  color: #88c023!important;
}

#signature a, #signature a:visited
{
  font-size:11px;
  text-decoration:underline;
  color: #444444!important;
} 

#signature
{
  position: relative;
  text-align:center;
  vertical-align:bottom;
  background-color: #AFAFAF;
  top: 5px;
  width: auto;
  height: 18px;
  padding-top: 10px;
}

#container_reservations
{
  text-align: center;
  position: relative;
  width: 640px;
  height: 600px;
  margin: 0 auto 0 auto;
}

#red_reservations
{
  1background: url("../../include/images/template/watermark.jpg") no-repeat;
  background-position:bottom right; 
  background-color: #AF0000;
  position: absolute;
  width: 425px;
  height: 555px;
  left: 0px;
  top: 147px;
  margin: 0 auto 0 auto;
  z-index:6;
}


#reservations_image 
{
  1background: url("../../include/images/reservations.jpg") no-repeat;
  position: absolute;
  width: 212px;
  height: 555px;
  left: 428px;
  top: 147px;
  margin: 0 auto 0 auto;
  z-index:8;
}

#text_header_reservations
{
  position: absolute;
  width: 117px;
  height: 35px;
  left: 18px;
  top: 58px;
  margin: 0 auto 0 auto;
  z-index:9;
}

#text_reservations
{
  line-height: 18px;
  text-align: left;
  font-family: Tahoma;
  font-weight: bold;
  color: WHITE;
  text-decoration: none;  
  position: absolute;
  width: 400px;
  height: 555px;
  left: 18px;
  top: 103px;
  margin: 0 auto 0 auto;
  z-index:10;
}

#footer_reservations
{
  1background: url(../../include/images/template/footer_bg.jpg) repeat-x;
  position: absolute;
  width: 640px;
  height: 38px;
  left: 0px;
  top: 704px;
  margin: 0 auto 0 auto;
  z-index:15;
}


/************************* FOOTER *************************/

#footer
{
  position: relative;
  color: WHITE;
  font-family: Arial, Tahoma, Verdana;
  font-size: 10px;
  text-align: right;
  width: 622px;
  height: auto;
  left: 0px;
  top: 5px;
  margin: 0 auto 0 auto;
}

/************************* TEXT ********************************/

.codeText
{
  font-size:11px;
  color:#000000;
  font-family: Arial, Tahoma, Verdana, Arial;
  font-weight:bold;  
}

.codeTextClick
{
  font-size:11px;
  color:#000000;
  font-family: Arial, Tahoma, Verdana, Arial;
  text-decoration:underline;  
}


.navigation
{
  position: relative;
  top: -20px;
  left: -10px;
  width: auto;
  text-align: center;
}

.nav_menu
{
  color: #FFFFFF;  
  font-weight: bold;  
  text-decoration:underline;  
}


.padding
{
  padding-top:1px;
}

a.paging {
  position: relative;
  top: 40px;
  color: black;
  font-weight: bold;
  font-size: 110%;
  padding-right: 40px;
  text-transform: capitalize;
}

a.paging:hover {
  color: #3c550f;
}

#contact a,
#contact a:hover,
#contact a:active,
#contact a:link,
#contact a:visited,
#contact a:focus {
  color: #444444;
}

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


#whatsnew {
    height: 402px;
    text-align: left;
    font-size: 12pt;
    line-height: 1.5em;
    font-family: 'Cabin', tahoma;
    margin: 4px;
    color: #FFF;
}

#whatsnew .title {
    font-weight: bold;
    font-size: 10.5pt;
    margin-bottom: 45px;
    padding-top: 5px;
    color: #222;
}

#whatsnew img {
    float: left
    padding: 0;
    margin: 0;
}

#whatsnew p {
    padding: 0;
    margin: 0 0 10px 0;
    color: #000;
}


.gallery li {
	display: inline;
}

.right {
    float: right;
}

.left {
    float: left;
}

.sale-ticker {
    float: left;
    width: 100px;
    font-size: 16pt;
    color: #F60017;
    padding-right: 25px;
    font-weight: bold;
    letter-spacing: 1px;
    margin: -15px 0 0 0;
}

.sale .contact-entry {
    color: #CCC;
    width: 380px;
    font-size: 12pt;
    margin: 10px 0 10px -20px;
    line-height: 22px;
    letter-spacing: 0.7pt;
}

.sale .contact-entry b {
    text-decoration: underline;
    color: white;
}

.sale .contact-entry a,
.sale .contact-entry a:link,
.sale .contact-entry a:visited,
.sale .contact-entry a:hover {
    color: white
}

.sale-red {
    color: #F60017!important;
}

.sale-time {
    color: #CCC;
    font-size: 13pt;
    font-weight: bold;
    text-transform: uppercase;
}

#off-stock {
    position: absolute;
    top: 96px;
    left: 580px;
    font-size: 15pt;
    font-weight: bold;
    color: #DDD;
}

#sale-contact {
    width: 300px;
    float: left;
    text-align: center;
    padding: 305px 0 0 80px;
    font-size: 13pt;
    color: #DDD;
}

.sale-blurb {
    color: #CCC;
    font-size: 12pt;
    line-height: 18pt;
}

.sale-blurb ul {
    margin: 0;
    padding: 0 0 0 18px;
}

.sale-blurb li {
    margin: 0;
    padding: 0;
}

.clear {
    clear: both!important;
}

.left {
    float: left!important;
}

table.pricelist {
    margin: 10px auto;
}
.pricelist td, .pricelist th{
    border: 1px solid black;
}
table.pricelist tr.header {
    background: black;
    color: white;
}

.pricelist th {
    color: white;
    background: black;
    font-weight: bold;
    height: 20px;
}
div#terms {
    margin: 1px 30px 10px;
}
div#terms h1 {
    font-size: 14pt;
}
div#terms h2 {
    font-size: 9pt;
}
div#terms-header {
    cursor: pointer;
    color: #88c028;
    text-decoration: underline;
    font-size: 10pt;
    text-align: left;
    padding-left: 35px;
}
div#terms-header:hover {
    font-weight: bold;
}

div#terms-content {
    text-align: justify;
}


@media print { 
    .no_print {
        display: none;
    }
}