/* CSS Document */

BODY {
      background-image: url(images/bkgd.jpg);
      background-repeat: repeat;
      font-family; Verdana, Geneva, Arial, Helvetica, sans-serif;
      color: #000000;
      margin: 0px;
     }
	 
	 @charset "UTF-8";
	 
/* ------------- generic styles */

body {
	margin:0;
	padding:0;

	background:urlimages/bkgd.jpeg) #E4E4E4;
	color: #333131;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-attachment: fixed;
	background-repeat: repeat;
	background-image: url(images/bkgd.jpg);
}

h0 {
	font-size: 16px;
	font-weight: bold;
	color: ##666666;
	margin: 0
	line-height: 0px;
}

h1 {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	margin: 0
	line-height: 0px;
}

 
/* this is for headers on the left side of layout */
h2 {
	font-size: 16px;
	font-weight:bold;
	color: #FFFFFF;
	margin:0;
	line-height: 14px;
}

/* this is for headers in the modules in main box - ONLY! */
h3 {
	font-size: 12px;
	font-weight:bold;
	color: #000000;
	margin:0.5em 0.5em 0 0.5em;
}

/* this is for headers within the main modules */
h4 {
	font-size: 12px;
	font-weight:bold;
	color: #000000;
	margin:1em;
	line-height: 14px;
}

h5 {
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	margin: 0;
	line-height: 0px;
}

.orangebold {
color:#F48215;
}

.greenbold {
color:#009900;
}

.breadcrumbs {
border-bottom:1px dotted #999999;
font-size:11px;
}

.smicons {
padding:0 0.5em 0 0; float:left;
}

/* general settings */

a {
text-decoration: underline;
color:#000000;
font-size:12px;
}

a:hover {
text-decoration: none;
color:#000000;
}

a img {border: 0;}

p {margin:0; padding:0.5em 1em;}

.header {
background:#CCCCCC;
font-weight:bold;
color:#000000;
}

.smheader {
text-decoration:underline;
}

.parts {
font-size:16px;
color:#3399CC;
}

.pdf {
padding:0 1em; float:left;}


.rollover a {display:inherit;
width:100px;
height:38px;
background-image:url(images/index_15.gif);
}

.rollover a:hover {
background-image:url(images/index_15_2.gif)}

/* this is the main wrapper for everything except the footer */
#wrapper {
	width:780px;
	margin: 0 auto;
	text-align:left;
}

/* these are for the mashead styles */
#masthead {
margin: 0;
width:780px;
}

#logo {
	margin: 0; padding: 0;
	float:left;
}

#phone {
	margin:3em 0 0 0; padding: 0;
	float:right;
}

.img-right {
float:right; padding:1em;
}

.img-left {
float:left; padding:1em;
}

.links a {
color:#FFFFFF;
}


/* the following contains left and main sections */

#content {
margin: 0; padding:24px 15px 0 20px;
background:url(/global-images/wrapper-tile.jpg) top no-repeat #4C4949;
float:left;
width:745px;
}

#left-side {
margin:0;
width:245px;
float:left;
}

#left-side a {
text-decoration: underline;
color:#333131;
line-height:18px;
font-size:12px;
}

#left-side a:hover {
text-decoration: underline;
color:#F48215;
line-height:18px;
}

/* this is the background for all pages, other than the scanner/software guides */

#main {
background:url(/global-images/content-tile.gif) repeat-y #FFFFFF;
width:500px;
float:left;
}

#main p {margin:0 20px 0 20px;}

/* this is the background for the scanner/software guides */

#main-large {
background:url(/global-images/content-tile-large.gif) repeat-y #FFFFFF;
width:740px;
float:left;
}

#main-large p {margin:0 20px 0 20px;}

/* these are the modules in main content */

#mod-bkd {
width:500px;
float:left;
clear:both;
padding:10px 0 0 0;
}

#mod-left {
margin:16px 19px 0 0;
background:url(/global-images/mod-left.jpg) bottom no-repeat #E0E0E0;
float:left;
width:240px; height:195px;
}

#mod-left p {padding:0em 0.5em 0.5em 4em; margin:0;}

.mod-img {border:0; padding:0 0.5em 0 1em; vertical-align:middle;}

#mod-right {
margin:16px 0 0 0; padding:0;
background:url(/global-images/mod-right.jpg) bottom no-repeat #E0E0E0;
float:left;
width:240px; height:195px;
}

#mod-right p {padding:0.5em 2em 0.5em 1em; margin:0;}

#mod-right h3 {padding:0.5em 0.5em 0.5em 1em; margin:0;}

.icon {
float:left; padding:0.5em 1em 0 2em;
}

#mod-copy {
float:left; padding: 0;
width: 150px;
}

/* divider for the left side */

.line {
margin:10px 0;
}

/* tile for the left side subpages */

.left-tile {
background:url(/global-images/left-tile.jpg) top repeat-y #FFFFFF;
width: 230px; margin:0; padding:0;
}

/* nav bkd */
#nav-bkd {
background-image:url(/global-images/nav/nav-bkd.jpg);
height:34px; vertical-align:top;
}

/* list styles */

.bullet li{
padding:0; margin: 0 2em;
line-height:18px;
color:#000000;
list-style:outside;
}

/* general information section - distance meters */

.photos {
float:left; padding:2em; width:115px;
}

/* footer styles, this is placed in own div, outside wrapper */

#footer {
margin: 0 auto;
width: 780px;
clear:both;
float:left;
color:##212020;
font-size:11px;
line-height:30px;
}

#navlinks {
	width:auto;
	font-weight: bold;
	float:center;
	color: ##212020;
	text-align:center;
	margin:0;
}

#navlinks a {
	color: ##212020;
	text-decoration:underline;
}

#navlinks a:hover {
	color: #333131;
	text-decoration:none;
}