/* CSS - Forsythe Lubrication Associates Limited
Written By Steve Croswell - scroswell@forsythe.on.ca
Dark Blue:  #330099;
Medium Blue:#6fb6dc;
Light Blue: #e4ecf8;
Copper:     #996600;
Gray:		   #d5d5d6;

Main Width: 560px;
*/

body {   
   background: #d5d5d6 url(../content/images/bg/bg-body.gif);
   background-repeat: repeat-x;
   font-family: Helvetica, Arial, Verdana sans-serif;
   font-size: 12px;
   text-align: center;
}

#wrapper {
   margin: 0 auto;
   width: 768px; /*1024px;*/
   text-align: left;
   background: #ffffff;
}

#uppernavigationwrapper {
   width: 768px; /*1024px;*/
   height: 295px; /*120px;*/
   clear: both;
   border-bottom: 3px solid #996600;
   background: url(../content/images/header-768x295.jpg);
   overflow: hidden;
}

#uppernavigationwrapper a:link { 
	color: #ffffff; /*996600;*/
   text-decoration: none;
}

#uppernavigationwrapper a:visited { 
	color: #ffffff; /*996600;*/
   text-decoration: none;
}

#uppernavigationwrapper a:hover { 
	color: #000000; /*996600;*/
	text-decoration: underline;
}

#uppernavigationwrapper a:active { 
	color: #000000; /*996600;*/
}

#upperrightwrapper {
   position: relative;
   float: left;
   width: 616px; /*636*/
   height: 110px;
   padding: 10px 20px 0px 132px;
   color: #ffffff !important; /*#996600 !important;*/
   text-align: right;
   font-size: 12px;
   font-weight: bold;
}

#upperrightlinks {
   float: right;
   height: 11px;
   font-size: 14px;
   color: #ffffff; 
   padding: 6px 0px 6px 0px;
}

#upperrightsearch {   
   float: right;
   width: 222px;
   height: 23px;
}

#upperrightsearch form {
   min-height: 22px;
   height: auto !important;
   height: 22px;	
   width: 222px;   
   margin: 2px 0px 0px 0px;   
   padding: 2px 0px 0px 0px;
   display: block;
   background: url(../content/images/bg/bg-search.gif);
   background-repeat: no-repeat;	
}

#upperrightsearch form .searchinput {
   width: 153px;	
   margin: 2px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   border: 0px;
   background: none;
   vertical-align: middle;
}

#upperrightsearch form .searchbut {
	margin: 0px 2px 0px 1px;
	background: none;
	vertical-align: middle;
}

#upperrightnav {
   position: absolute;
   right: 0;
   bottom: 345;
	margin: 250px 0px 0px 0px;
	padding: 0px 0px 5px 10px;
	border-bottom: 1px solid #996600;
	}

#upperrightnav li {
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	display: inline;
	list-style-type: none;
	}
	
#upperrightnav a:link, #upperrightnav a:visited {
	float: left;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	padding: 0px 12px 6px 12px;
	text-decoration: none;
	color: #ffffff;
	}

#upperrightnav a:link.active, #upperrightnav a:visited.active, #upperrightnav a:hover {
	color: #000000;
	background: url(../content/images/bg/bg-tab.gif) no-repeat bottom center;
	}

#maincontainer {
   float: left;
   width: 768px; /*1024px;*/
   min-height: 350px;
   background: url(../content/images/bg/bg-content.jpg);   
}

#mainnavigation {
   float: left;
   padding: 8px 8px 8px 8px;
   width: 176px; /*230px;*/   
   height: 100%;
}

#mainnavigation a{
   font-size: 16px !important;
}

#mainnavigation a:link, #mainnavigation a:visited { 
	color: #330099;
   text-decoration: none;
}

#mainnavigation a:hover { 
	color: #330099;
	text-decoration: underline;
}

#mainnavigation a:active { 
	color: #330099;   
}

#mainnavigationlinks {   
   padding: 10px 5px 10px 5px;
   height: 125px;
   text-align: left;
   background: url(../content/images/bg/bg-navigation.gif) no-repeat;
}

#mainnavigationinfo {
   margin: 10px 0px 0px 0px;
   padding: 10px 5px 10px 5px;
   height: 235px;
   text-align: left;
   background: url(../content/images/bg/bg-info.gif) no-repeat;
}

#mainnavigationinfo a{
   font-size: 12px !important;
}

#mainnavigationinfo a:link, #mainnavigationinfo a:visited { 
	color: #330099;
   text-decoration: none;
}

#mainnavigationinfo a:hover { 
	color: #330099;
	text-decoration: underline;
}

#mainnavigationinfo a:active { 
	color: #330099;   
}

#main {
   float: right;
   padding: 8px 8px 8px 8px;
   width: 560px; /*752px;*/
   height: 100%;
}

*html #main {
   padding: 6px 6px 6px 6px;
}

#footercontainer {
   float: left;
   padding: 5px 8px 5px 8px;
   width: 752px; /*1012px;*/  
   height: 10px;
   clear: both;
   color: #ffffff;
	border-top: 3px solid #996600;
   background-color: #330099;
   font-size: 10px;
}

#footerleft {
   float: left;
   width: 376px; /*506px;*/
}

#footerright {
   float: right;
   width: 376px; /*506px;*/
   text-align: right;
}

#footercontainer a:link { 
	color: #ffffff;
   text-decoration: none;
}

#footercontainer a:visited { 
	color: #ffffff;
   text-decoration: none;
}

#footercontainer a:hover { 
	color: #ffffff;
	text-decoration: underline;
}

#footercontainer a:active { 
	color: #ffffff;
}

#aligncenter {
   text-align: center;
}

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

select, input {
	font-size: 11px;
}

img {
   border: none;
}

h1 {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   font-size: 14px;
   font-weight: bold;
}

h2 {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   font-size: 12px;
   font-weight: bold;
}

h3 {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   font-size: 14px;
   font-weight: bold;
   text-align: center;
}

.spacer {
	clear: both;
   margin: 0px 0px 0px 0px;
}

#aligncenter {
   text-align: center;
}

/*top right bottom left */

#login {
   margin: 10px 0px 0px 0px;
   padding: 10px 5px 10px 5px;
   height: 160px;
   /*background: url(../content/images/bg/bg-login.gif);*/
   background: url(../content/images/bg/bg-watermark.gif);
   font-size: 10px;
   text-align: center;
}

#username {
   background: url(../content/images/bg/bg-username.gif);
   background-repeat: no-repeat;
}

#password {
   background: url(../content/images/bg/bg-password.gif);
   background-repeat: no-repeat;
}

#login form .emailinput {
   width: 132px;
   margin: 0px 0px 0px 0px;
   padding: 5px 0px 10px 25px;
   border: 0px;
   vertical-align: middle;
   display: block;
   background-color: transparent   
}

#login form .passwordinput {
   width: 132px;
   margin: 0px 0px 0px 0px;
   padding: 5px 0px 10px 25px;
   border: 0px;
   vertical-align: middle;
   display: block;
   background-color: transparent
}

#login form .rememberme {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   border: 0px;
}

#login a{
   font-size: 10px !important;
}

#login a:link { 
	color: #330099;
   text-decoration: none;
}

#login a:visited { 
	color: #330099;
   text-decoration: none;
}

#login a:hover { 
	color: #330099;
	text-decoration: underline;
}

#login a:active { 
	color: #330099;   
}

img.floatleft { 
   float: left; 
   padding: 5px 10px 5px 0px; 
}

img.floatright { 
   float: right; 
   padding: 5px 0px 5px 10px; 
}


table.border1 {
   border: 1px solid #000000;
   text-align: center;
}


table.border1 {
	border: 1px solid #000000;
	border-spacing: 0px;
	border-collapse: collapse;
}

table.border1 td {
	border: 1px solid #000000;
	border-spacing: 0px;
	border-collapse: collapse;
	padding: 2px 2px 2px 2px;
}

td {
   font-size: 12px;
}