/* ----------------------------------------------
Track View - Basic Style Sheet for Unsecure Areas

Browsers: All (later than IE 6)
Author: Alex Baker
---------------------------------------------- */

/* --- Setup the page --- */

* {
   margin:0px;
   padding:0px; 
}

html,
body {
   height:100%;
   background:#8c8b86;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 1em;
   line-height: 1.5em;
}

a {
    color:#FFF;
}

/* Sets the content in the center of the page */
/* Use this to control the width of the page */
.tvLayoutCenter
{
    width:850px;
    margin:0 auto;
    overflow:hidden;
}

/* surrounding placeholder to position the footer */
#tvWrapper {
   background:url(../images/layout/wrapperDashed.png) repeat-y center 0;
   min-height:100%;
   width:100%;
   min-width:900px; /* Sets the minimum width before scrollbars appear */
   margin:0 auto;
   position:relative;
}


/* --- Positioning --- */

/* top green bar */
#tvPrimaryNavigation {
   background:#c7cf00 url(../images/layout/navigation.png) repeat-y center 0;
   padding:4px 10px 0 0;
}

/* Product info, Login tab etc */
#tvPrimaryNavigation ul {
    list-style-type:none;
    height:28px;
    overflow:hidden;
}
#tvPrimaryNavigation li {
    display:inline; /* removes large gaps in IE*/
}

#tvPrimaryNavigation a {
  display:block;
  float:right;
  width:106px;
  height:18px;
  line-height:11px;
  font-size:11px;
  font-weight:bold;
  color:#5E5E5A;
  padding:10px 0pt 0pt 46px;
  text-decoration:none;
  background-position:0 0; 
}

#tvPrimaryNavigation a:hover {
    color:Gray;
}

#tvPrimaryNavigation a.current {
    background-position:0 -28px;
}

/* The navigation tab images */
#navProduct {
  background:url(../images/navigation/product.jpg);
}

#navLogin {
  background:url(../images/navigation/login.jpg);  
}

#navCompany {
  background:url(../images/navigation/home.jpg);
}

#navSales {
  background:url(../images/navigation/enquiries.jpg);
}

/* White header bar (Masthead) */
#tvMasthead 
{
    height:180px;
    overflow:hidden;
    background:#fff url(../images/layout/headerDashed.png) repeat-y center 0;
}

/* The left masthead (Usually Trackview logo) */
#tvInnerMasthead1 {
    width:370px;
    margin-left:10px;
    float:left;
}

/* The right masthead (usually picture) */
#tvInnerMasthead2 
{
  width: 450px;
  float:left;
}

/* The right masthead picture - see also IE 6 bugs */
#tvMastheadImage 
{
  width: 455px;
  height: 177px;
  float:left;
  margin:3px 0 0 10px;
  background:transparent url(../images/logos/masthead.jpg) no-repeat 0 0;
}

/* Secure GPS Tracking text */
#tvInnerMasthead2 h2
{
    margin:70px 0 0 23px;
    color:#8C8C84;
    font-size:20px;
    font-weight:normal;
    text-transform:uppercase;
}

/* The shadow under the white masthead bar */
#tvShadow {
    background:url(../images/layout/shadow.png) repeat-x 0 0;
    height:120px;
}

/* Grey content area (main page) */
#tvContent {
    position:relative;
    top:-120px;
    background:url(../images/layout/contentDashed.png) no-repeat center 0;
    min-height:120px;
}

/* Heading 1 */
#tvContent h1 
{
    color:#C9D200;
    font-size:20px;
    font-weight:normal;
    text-transform:uppercase;
    margin:25px 0 10px 0;
}

/* Normal paragraph text */
#tvContent p 
{
    color:#FFF;
    font-size:14px;
    margin-top:6px;
}

/* The left hand content placeholder */
#tvInnerContent1 
{
  width: 370px;
  float:left;
  margin:15px 0 0 10px;
 }

/* The right hand content placeholder */
#tvInnerContent2 
{
  width: 440px;
  float:left;
  margin:15px 0 0 20px; /* Cannot increase width, breaks in IE 6 */
 }


/* The footer */
#tvFooter {
   position:absolute;
   bottom:0;
   left:0;
   width:100%;
   min-width:900px;
   height:85px;
   background:#221e1f;
}

#tvInnerFooter {
   margin:10px auto;
   max-width:780px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #8c8b86;
   font-size:10px;
}

#tvInnerFooter img 
{
    float:right;
}

#tvInnerFooter p 
{
  margin-left:10px;
  float:left;
}