/*----------------------------------------------------------------------
style sheet for the bobcat website

S Binder
Feb 2009
----------------------------------------------------------------------*/


/* --------------------------------------------------------------------- general */
* {
	margin: 0;
	padding: 0;
	font: normal 100% "Lucida Sans Unicode",sans-serif;
}

/* --------------------------------------------------------------------- body */
/* define default background - hexagons */
body {
	background: #e3e3e3 url(images/background_hexagons.jpg) repeat-y center top;
	color: #333;
	font: normal 75% "Lucida Sans Unicode",sans-serif;
}
p,ul,img {  
	font-size: 1em;
	padding-top: 1em;
padding-left: 10px;
padding-bottom: 10px;
}
ul {margin-left: 0.2em;}
li {width: 170px; float:left; list-style-type: none; }
h1 {font-size: 1.2em;}

/* -----------------------------------------------------------------spacer for floats */
.spacer {
    clear: both; 
    height: 5px; 
    font-size: 1px;  /* font-size and line-height for IE 6..*/     
    line-height: 1px;
}

/* ----------------------------------------------------------------------- container */
/* background.png contains the "hydraulic cylinder"*/
.container {
	border:3px solid;
	border-color:#ee4f4f;
	margin: 0 auto;
	width: 998px;
   background: url(images/background.png) repeat-y;
}


/* ------------------------------------------------------------------------ headers */
.header {
	clear: both;

}

/* headers */
.header_index {
	background: url(images/logo_02.jpg) no-repeat;
	background-color: #000;
	margin: 0 auto;
   height: 170px; /* a bit higher than the actual image..*/	
   width: 998px;
   border-bottom: 1px solid;
	border-color:#fa0101;
}

.header .breadcrumbs {
 background: #000;
 line-height: 30px;
 padding-left: 205px;
 border-bottom: 1px solid;
 border-color: #fa0101;
}

.header .breadcrumbs a {
 font-size: 1.1em;
 color: #FFF;
 text-decoration: none;
}

.header .breadcrumbs h3 {
 font-size: 1.3em;
 color: #FFF;
}

/* -------------------------------------------------------------------------- detail */
.detail {clear: both;}

.detail .content {
	float: left;
	width: 798px;
}
.detail .content .body h1 {
   background:#fa0101;
	border-right: 4px solid;
   border-bottom: 4px solid;
   border-color:#efaaaa;
	color: #FFF;
	font-weight:bold;
	line-height:30px;
	padding-left:10px;
	padding-top:5px;
	margin-left:10px;
	margin-top:10px;
	margin-right:10px;
}

/* for contacts link on index page*/
.detail .content .body h1 a {
   background:#fa0101; 
	color: #FFF;
	font-weight:bold;
	line-height:30px;
   text-decoration: none; 
}

.detail .content .body h1 img {
   padding-left:200px;
   border: 0px;

}


.detail .body {
font: normal 100% Verdana,sans-serif;
	padding: 12px 12px;
   padding-left:10px;
}

.detail .body p { padding-left: 20px; padding-right: 20px;}

.detail .body .announcement {
  font-style:oblique;
  font-size:1.2em;  
  color:#FF0000;
  padding-left:15px;
  padding-top:10px;
  padding-bottom:10px;  
}

.detail .body .intro {
  font-size:1.2em;  
  color:#000000;
  padding-left:20px;
  padding-top:15px;
  padding-bottom:15px;  
}

.detail img { padding-bottom:10px; }

.detail table { width: 720px; }

.detail table img { padding-bottom:0px; padding-left:10px; }

.detail table a { padding-left:10px; }

.detail .passport img {padding-bottom: 1px;}

.detail td {padding-left:3px; font-size:1em; font-weight:bold;}

.detail .passport td {padding-bottom: 3px; padding-left: 20px; font-size: 1.2em; }

.detail a {font-size:1.2em; font-weight:bold;} 


/* icons plus text as anchors */
.detail .biganchor td a {
padding-left:3px; font-size:1.1em; font-weight:bold;
}

.detail .biganchor td a img {
border:0px;
}


.big_link table { 
   float: left; 
   background:#fa0101;
   width:760px;
   margin-left:10px; 
   height:30px;
   /*border:none;*/
   border-right: 4px solid;
   border-bottom: 4px solid;
   border-color:#efaaaa;
}
  
.big_link table td{
   padding-left:0px;
   background:#fa0101; 
   color:#FFF;
}

.big_link table td img { 
  padding:0px; /*gets the correct img size!*/
  width:180px;
  background:#fa0101;
}

.big_link table td a { 
  padding:0px;
  color:#FFF;
  text-decoration:none;
  font-size:1.4em; 
  font-weight:bold; 
}

.big_link table td a:hover { 
  padding:0px;
  color: #FFF;
  text-decoration:none;
  font-size:1.6em; 
  font-weight:bold; 
}

#front_page_table table{
float:left;
}

#front_page_table table td{
  padding-bottom:5px; 
  padding-left:15px;
  font-weight:bold;
}

#front_page_table table td img { 
  padding-left:0px;
  padding-top:10px;
  /*width:250px;*/
  border:0px;
}


#front_page_table a:link img{ 
  color:#FFF;
}


#front_page_table a:hover img{
  border:2px solid; 
  color:#fa0101;
  padding-top:0px;
}


/* main */
.main {float: right;}

/* ---------------------------------------------------------------------- navigation */
/* header width -------------------------------------------------------------------- */
.navigation {
   clear: both;
	float: left;
	width: 200px;
   display: block;
}

 /* for "special offers" and "coming soon" */
.navigation .special_menu ul {
	margin: 0; 
	padding: 0;
	padding-left: 2px;

}

/* list item width ----------------------------------------------------------------- */
.navigation .special_menu li {
   width: 196px;
	display: block;
	list-style: none;
}

.navigation .special_menu li a{
   clear:both;
	background: #fa0101; /* special menu items are highlighted*/  
   font-size:1.1em;
   font-weight: bold;
   height:30px;
	color: #FFFFFF;  /* the font color */
	display: block;
	border-top:2px solid;
	border-color:#ee4f4f;
   padding-left:8px;
   padding-top:12px;
	text-decoration: none;

}

.navigation .special_menu a:link {
   height:30px;
   font-size:1.1em;
	color: #FFFFFF; /*font colour*/
   text-decoration:none;
   padding-left:8px; 
   padding-top:12px;

   display: block;
   clear: both;
}

.navigation .special_menu a:hover {
	background: #ee4f4f;
	font-weight:bold;
	color:#FFFFFF;
   display: block;
}


body#specialoffers_ a#specialofferslink,
body#comingsoon_ a#comingsoonlink
{
	/* border */	
	border: 2px solid;
	border-color: #FFFFFF;
   /* font */
   color:#FFFFFF;
   font-weight: bold;
}


.navigation .standard_menu ul {
	margin: 0; 
	padding: 0;
	padding-left: 2px;

}
/* list item width ----------------------------------------------------------------- */
.navigation .standard_menu li {
   width: 196px;
	display: block;
	list-style: none;
}

/* -- default colour for nav items - they are all anchors --*/
.navigation .standard_menu li a{
   clear:both;
   font-size:1.1em;
   height:30px;
	color: #FFFFFF;  /* the font color */
	display: block;
   padding-left:8px;
   padding-top:12px;
	text-decoration: none;

}
.navigation .standard_menu li a:hover {
	background: #EE4F4F;
	font-weight:bold;
	color:#FFFFFF;
   display: block;
}

.navigation .standard_menu li a:active {
	color: #660099;
   display: block;
}

/* --------------------------------------------------- navigation - current position */

body#index_ a#indexlink,
body#new_equipment_ a#new_equipmentlink,
body#services_ a#serviceslink,
body#hire_ a#hirelink,
body#used_equipment_ a#used_equipmentlink,
body#merchandise_ a#merchandiselink,
body#contacts_ a#contactslink,
body#sitemap_ a#sitemaplink
{
	/* border */	
	border: 2px solid;
	border-color: #fa0101;
   /* font */
   color:#FFFFFF;
   font-weight: bold;
}

/* -----------------------------------------------------------------------  footers */

.footer a {color: #FFF;}
.footer a:hover {color: #FAFCB0;}
.footer .left {padding-top: 3px; padding-left: 10px; font-size: 1em;}
.footer .right {padding-top: 3px; padding-right: 10px; font-size: 1em;}

.footer .redbar{
	background: url(images/redbar.png) repeat-x;
	height: 15px;
	color: #FFF;
	font-size: 0.7em;
	margin: 0 auto;
	width: 1000px;
}
/* blackbar: same height as the top logo */
.footer .blackbar {
	background: url(images/blackbar.png) repeat-x;
	height: 160px;
	color: #FFF;
	font-size: 0.7em;
	margin: 0 auto;
	width: 1000px;
}



/* drop shadows.  source code from webtoolkit.info */
#shadow-container {
    position: relative;
    padding-left:15px;
    left: 9px;
    top: 9px;
    margin-right: 9px;
    margin-bottom: 9px;
}


    #shadow-container .shadow1 {
        background: #F1F0F1;
    }

    #shadow-container .shadow2 {
        background: #DBDADB;
    }

    #shadow-container .shadow3 {
        background: #B8B6B8;
    }

    #shadow-container .img_container {
        background: #ffffff;
        border: 1px solid #848284;
        padding: 10px;
    }

/* #shadow-container .shadow1,
#shadow-container .shadow2, */

#shadow-container .img_container, 
#shadow-container .shadow3,
#shadow-container .shadow2,
#shadow-container .shadow1
{
    position: relative;
    left:-3px;
    top:-3px;
    padding-bottom: 1px;
}

    
/* ------------------------------------------------------------------------ floats */
.left {float: left;}
.right {float: right;}