/* 
    Document   : default.css
    Created on : 26 May 2010, 4:46:18 PM
    Author     : noesis
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

a
{
  border: 0px;
}

body
{
 background-color: #FFFFFF;
 text-align: center;
 font-family: Trebuchet-MS, Verdana, Arial;
 padding: 0px;
  margin-bottom: 0px;
   margin-top: 0px;
   margin-left: 0px;
   margin-right: 0px;

}

.body-main p
{
 margin-left: 10px;
 margin-right: 10px;
 font-size: 10px;
 text-align: left;
}

.body-main img
{
 float: left;
}

li
{
  list-style: circle;
  list-style-position: inside;
  font-size: 10px;
}


.click-here
{
    position: absolute; left: 8px; top: 250px;
}

h1
{
 color: #0070C0;
 text-align: center;

}

h2
{
 color: #0070C0;
 text-align: left;
 margin-left: 10px;
}

a
{
  color: #0070C0;
  font-size: inherit;
  font-weight: bolder;
}

.header div
{
 text-align: center;
 position: relative;
}


.body-definition
{

 background-color: white;
 text-align: center;
 width: 950px;
  display: inline-block;
  text-align: left;
  position: relative;
  
}

.body-main div
{
 text-align: left;
 font-size: 12px;
 background-color:  white;
 position: relative;
 float: left;
 background-color: white;
 vertical-align: top;
 border-width: 1px;
 height: 280px;
 text-align: left;
 text-decoration: none;
 border-right: solid;
 border-right-width: 1px;
 border-bottom: none;
 border-bottom-width: 0px;
 border-left: none;
 border-left-width: 0px;
 border-top: none;
}

div .body-one
{
    width: 450px;
    background-color: white;
    border-color: #E8E8E8;

}

.column-heading
{
    margin-top: 10px;
    margin-bottom: 20px;
    margin-top: 16px;
     float: none;
     margin-left: 10px;
    margin-right: 0px;
}


.column-heading-special
{
        margin-top: 10px;
    margin-bottom: 20px;
    margin-top: 16px;
     float: none;
     margin-left: 10px;
margin-right: 0px;
    
}

.body-one h2
{
    text-align: left;
    margin-left: 10px;
}

div .body-two
{
    
    width: 124px;http://deathstar/projects/rewards.co.za/index.html
    background-color: white;
    border-color: #E8E8E8;
}

div .body-three
{
    width: 124px;
    background-color: white;
    border-color: #E8E8E8;
}

div .body-four
{
    width: 124px;
    background-color: white;
    border-color: #E8E8E8;
}
div .body-five
{
    width: 120px;
    background-color: white;
    border-right: none;
    border-color: #C6C1C1;
}

div .body-six
{
    width: 451px;
   height: 270px;
    background-color: #FFFFFF;
    border-right: none;
    text-align: left;
    border-right: none;
    border-bottom: none;
}



div .body-seven
{
    width: 499px;
    height: 270px;
    background-color: #FFFFFF;
    border: none;
}

.body-seven p
{
   margin-top: 65px;
    margin-left: 0px;
}


div .body-eight
{
    width: 451px;
   height: 320px;
    background-color: white;
    border-right: none;
    text-align: left;
    border-right: none;
    border-bottom: none;
}


.body-eight img
{
    margin-left: 10px;
}

.body-eight ol
{
    text-align: left;
}

.body-eight li
{
    text-align: left;
    margin-left: 10px;
}

.body-eight p
{
 text-align: left;
}

div .body-nine
{
    width: 950px;
    height: 160px;
    background-color: white;
    border: none;
    background-image: url(../images/gradient.jpg);
    background-repeat:repeat-x;
    color: #FFFFFF;
}


.body-nine h2
{
   text-align: left;
    color: #FFFFFF;
}

div .body-ten
{
    font-size: 8px;
    width: 950px;
    height: 30px;
    background-color: white;
    border: none;
    text-align: center;
}

.footer
{
    font-size: 10px;
    text-align: center;
    vertical-align: bottom;
}

.club-card
{
 margin-right: 10px;
}

#pfd-click-here
{
float: left;
position: relative;
left: 10px;
width: 438px;
height: 30px;
overflow: auto;
border-right: none;
}