/*
-----------------------------------------------------
 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; 

}

/************************* 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 {
  background: url('../../images/contactBg.jpg');
  text-align: left;
  padding: 30px 55px;
  height: 465px;
}

#mainSection
{
  width: 775px;
  position: relative;
  text-align:center;
  margin: 0 auto 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;
}

#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 .pic {
	text-align: center;
	border-right: 2px solid black;
	margin: 0;
	padding: 0;
}

#whatsnew .text {
	padding-left: 30px;
}


.gallery li {
	display: inline;
}

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

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

.sale-time {
    color: #DDD;
    font-size: 14pt;
}

#off-stock {
    position: absolute;
    top: 100px;
    left: 300px;
    font-size: 18pt;
    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: #DDD;
    font-size: 12pt;
    line-height: 18pt;
}

.clear {
    clear: both!important;
}

.left {
    float: left!important;
}