/*----------------------------------------------------------------------
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.*/
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 grey and white components*/
.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;
	color: #FFF;
	font-weight:bold;
	line-height:30px;
	padding-left:10px;
	padding-top:5px;
	margin-left:10px;
	margin-top:10px;
	margin-right:10px;
}

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

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

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

.detail .pdf {color:#FFF;}

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

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

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

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

/* -- default colour for nav items - they are all anchors --*/
.navigation 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 li a:hover {
	background: #EE4F4F;
	font-weight:bold;
	color:#FFFFFF;
   display: block;
}

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

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

body#index_ a#indexlink,
body#excavators_ a#excavatorslink,
body#attachments_ a#attachmentslink,
body#utilityvehicle_ a#utilityvehiclelink,
body#skidsteer_ a#skidsteerlink,
body#telehandlers_ a#telehandlerslink
{
	/* 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,
#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .img_container {
    position: relative;
    left: -3px;
    top: -3px;
	 /* required for IE 7 */	    
    padding-bottom: 1px;
}

    #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;
    }
    
/* ------------------------------------------------------------------------ floats */
.left {float: left;}
.right {float: right;}