/* Global Style Settings */
*{ margin: 0px; padding: 0px; }
body { height:100%; line-height:1.125em; background:url(../images/BG_Repeat2.jpg) repeat-x top}
html, input, textarea {	font-family: 'Verdana', 'Arial'; color:#2D2D2D;	} /*old color 555a69*/

.fixedTopColoredBarBG { position:absolute;  width:100%; height:25px; left:0px; text-align:right;  }
/* This attribute centers all the display content of the site */
.mainDiv { width:970px; height:100%; margin-left:auto; margin-right:auto; }
.contentmainDiv { width:970px; height:auto; margin-left:auto; margin-right:auto; }

.SocialIcons { position:absolute; top:120px; margin-left:745px; color:#FFFFFF;  }
ul.SocialIcons { position:absolute; top:0px; right:150px; list-style:none; margin:0px; padding:0px; }
li.SocialIcon { float:left; width:90px; margin:0px; padding:0px; text-align:center; }

.LogoMini { position:absolute; top:0px; margin-left:-10px; width:300px; height:92px; background:url(../images/LogoBgWhite.png) }/*background:url(../images/LogoBgWhite.png) background:url(../images/Logo_Web_Mini_wht.png)*/
.Logo { position:relative; top:0px; margin-left:-100px; width:427px; height:213px; background:url(../images/LogoBg.png) }

.PageHeaderText_products { position:relative; top:-175px; margin-left:-10px; width:500px; height:143px; color:#FFFFFF; padding: 0px 0px 40px 20px; background:url(../images/PageHeaderText_products.png) no-repeat}
.PageHeaderText_whatwedo { position:relative; top:-175px; margin-left:-10px; width:500px; height:143px; color:#FFFFFF; padding: 0px 0px 40px 20px; background:url(../images/PageHeaderText_whatwedo.png) no-repeat}
.PageHeaderText_partners { position:relative; top:-175px; margin-left:-10px; width:700px; height:143px; color:#FFFFFF; padding: 0px 0px 40px 20px; background:url(../images/PageHeaderText_partners.png) no-repeat}
.PageHeaderText_blog { position:relative; top:-175px; margin-left:-10px; width:500px; height:143px; color:#FFFFFF; padding: 0px 0px 40px 20px; background:url(../images/PageHeaderText_blog.png) no-repeat}
.PageHeaderText { position:relative; top:-175px; margin-left:240px; width:500px; height:143px; color:#FFFFFF; padding: 0px 0px 40px 20px; background:url(../images/PageHeaderText.png) no-repeat}
.PageHeaderText_Inner { position:relative; top:-175px; margin-left:-10px; width:500px; height:143px; color:#FFFFFF; padding: 0px 0px 40px 20px; background:url(../images/PageHeaderText.png) no-repeat}
li.PageHeaderText_small{ font-size:18px; background:none; padding-top:60px; padding-bottom:0px; }
.PhoneNumberText{ font-size:19px; background:none; padding:120px 0px 0px 30px; color:#646E7A; }
.PhoneNumberText a { color:#646E7A; text-decoration:none; }
.PhoneNumberText a:hover { text-decoration:underline; }
.WheelSpokesImage { position:relative; top:-260px; margin-left:350px; width:466px; height:295px;  background:url(../images/wheel_Key_ink.png) no-repeat; }

.SearchBoxMini { position:relative; width:211px; height:65px; top:200px; margin-left:755px; background:url(../images/SearchBoxMini.png) }
.SearchBoxMiniBtn{ position:absolute; width:24px; height:24px; margin:22px 20px 48px 172px;  background:url(../images/icon_search_24.png) }
.SearchBoxMiniHeading { position:absolute; color:#FFFFFF; margin:20px 20px 48px 15px; }
.SearchBoxMiniFooter { position:absolute; color:#FFFFFF; margin:47px 20px 48px 20px; font-size: 10px;}
.SearchInputBoxMini { position:absolute; background-color: transparent; border:0px; width:151px; margin:26px 20px 48px 20px; } /*//Top Right Bottom Left in that order*/

/*.SiteContentContainer { position:absolute; margin:400px 1px 0px 1px; width:900px; height:500px; border:1px solid #D0D0D0; }*/
.ContentBox { float:left; background-color:#E6E8EC; border:0px solid #D0D0D0;}
.ContentBoxHeader_Green { float:left; width:100%; height:32px;  background:url(../images/Box_GreenGradientBar.jpg) }
.ContentBoxHeader_Grey { float:left; width:100%; height:32px;  background:url(../images/Box_GreyGradientBar.png) }
.ContentBoxHeader_Blue { float:left; width:100%; height:32px;  background:url(../images/Box_BlueGradientBar.jpg) }
.ContentBoxHeader_Text { float:left; color:#FFFFFF; font-size: 14px; font-family: inherit; padding: 8px 4px 0px 6px; }
.ContentBox_Content { float:left; width:100%; top:32px; font-size: 13px; }
.ContentBox_White { float:left; background-color:#FFFFFF; }
.ContentBox_ContentWhite { float:left; background-color:#FFFFFF; width:100%; top:32px; }
.Content_Text{ padding: 20px; color:#2D2D2D; font-size: 14px; }
a.Content_Text{ padding: 20px; color:#2D2D2D; text-decoration:none; }
a:hover.Content_Text{ padding: 20px; color:#2D2D2D; text-decoration:underline; }
ul.Content_Text{ margin:0px; padding: 0px 0px 0px 40px; list-style:none; }
li.Content_Text{ margin:0px; padding: 0px 0px 2px 18px;	}

.BlogTitle_Text{ font-size: 18px; color:inherit; }
a.BlogTitle_Text{ text-decoration:none;}
a:hover.BlogTitle_Text{ text-decoration:underline; }

.BlogTitle_Text2{ font-size: 21px; color:#336699; text-align:center; }
a.BlogTitle_Text2{ text-decoration:none;}
a:hover.BlogTitle_Text2{ text-decoration:underline; }

.Cleaner { clear:both;}

.fixedGreyBG2 { position:absolute; background-color:#E6E8EC; width:100%; height:auto; left:0px; top:620px; }

.topGreyBarText{ position:absolute; margin:-25px; width:100%; left:-20px; text-align:right; color:#FFFFFF;}

/* Standard Styling for different HTML elements*/
ul{ margin:0px; padding: 0px; list-style:none; font-size: 12px;}
ul li{ background:url(../images/tiny_arrow_r_16.png) top left no-repeat; background-position:0px 0px;  padding-left:18px;}
ul li a{ text-decoration:none; line-height:2em } 
ul li a:hover { text-decoration:underline; }

/*Nav Menu Animation Styling*/
/*Position Nav Menu*/
ul.navMenu { position:absolute; top:0px; list-style:none; margin-right:auto; margin-left:auto; padding-left:300px; }
li.navMenu { background:none; float:left; width:90px; margin:0px; padding:0px 10px 0px 0px; text-align:center; list-style:none; }
/* This is the color of the text in the button and the positioning of the button text*/
li a.navMenu { display:block; padding-top:40px; height:30px; color:#FFFFFF; list-style:none; text-decoration:none; background-color: transparent; font-weight: normal; }
/*This positions the Blue Background of the button that is shown once the mouse is over it. This also makes the text white once mouse is over it*/
li a.navMenu:hover { color:#FFFFFF; background:url(../images/navBtnBG.jpg) no-repeat; list-style:none; text-decoration:none; padding-top:60px;}
li.navMenuSelected {  background-color:#185CA9; background:url(../images/navBtnBG.jpg); float:left; width:90px; margin:0px; padding:0px; text-align:center; list-style:none; }
/* This is the color of the text in the button and the positioning of the button text*/
li a.navMenuSelected { color:#FFFFFF; background:url(../images/navBtnBG.jpg) no-repeat; list-style:none; text-decoration:none; padding-top:60px; }
/*This positions the Blue Background of the button that is shown once the mouse is over it. This also makes the text white once mouse is over it*/

/*Footer Menu*/
.Footer { float:left; width:99.9%; padding-top:10px; background-color:#FFFFFF; }
.FooterContainer { width:970px; height:auto; margin-left:auto; margin-right:auto; padding-left:0px; }
.FooterSection { float:left; width:auto; margin-right:20px; margin-bottom:10px; }
.FooterHeading a { margin-left:auto; margin-right:auto; height:auto; font-size:12px; font-weight:bold; color:#336699; text-decoration:none; }
.FooterHeading a:hover { text-decoration:underline; }
.FooterContent { margin-left:auto; margin-right:auto; height:auto; font-size:11px; }
a.FooterContainer { text-decoration:none; }
a:hover.FooterContainer { text-decoration:underline; }
/* This is the color of the text in the button and the positioning of the button text*/

.column{ float:left; width:auto; margin: 0px 20px 20px 0px; }/*border:1px solid #000000;*/
.inputContainer{ height:auto; margin-bottom:10px;}

table.dataBox{ padding:0px; border: 1px solid #E6E8EC; }
tr.dataRow0{ background-color:#FFFFFF; }
tr:hover.dataRow0{ background-color:#646E7A; color:#FFFFFF; }
tr.dataRow1{ background-color:#E6E8EC; }
tr:hover.dataRow1{ background-color:#646E7A; color:#FFFFFF; }
th{ background-color:#E6E8EC; }

label { margin-bottom:5px; }

input { color: #b4b5b6; border:1px solid #646E7A; padding:4px 0px 4px 0px;}

img { border: 0 }

a { color: #2D2D2D; background-color: transparent; font-weight: normal; }

h1 { color:#FFFFFF; background-color: transparent; border-bottom: 1px solid #FFFFFF; font-size: 15px; }
h1.green { color:#499E2F; background-color: transparent; border-bottom: 1px solid #FFFFFF; font-size: 18px; }
h1.sectionHeading { color:#336699; font-size: 18px; font-style:italic; margin:15px 0px 0px 20px }
h1.pageTitle { color:#336699; font-size: 23px; font-weight:bold; margin-bottom:10px; }

.h2 { color:#336699; font-size: 15px; font-weight: bold; }
.h2 a { font-weight: bold; text-decoration:none; }
.h2 a:hover { font-weight: bold; text-decoration:underline; }

noscript p, noscript ol { color: #a00; font-size: 15px; line-height: 1.4em; text-align: left }
noscript a { color: #a00; text-decoration: underline }
noscript ol { margin-left: 25px; }

code {
 font-family: Monaco, Verdana, Sans-serif;
 font-size: 12px;
 background-color: #f9f9f9;
 border: 1px solid #D0D0D0;
 color: #002166;
 display: block;
 margin: 14px 0px 14px 0px;
 padding: 12px 10px 12px 10px;
}

.buttons{ background-color:#E6E8EC; border:1px solid #646E7A; cursor:pointer; width:120px; height:30px; vertical-align:middle; text-align:center; color:inherit; font-size:14px; padding:5px; }
.buttons:hover { background-color:#646E7A; color:#FFFFFF; }
/* Individual Page Css styles */
/*Contact.php*/
.imageLeft{ float:left; margin:0px 18px 16px 0 }

/*Admin Section CSS*/
ul.adminNav{ margin:0px; padding:0px; font-size:10.5px; }
li.adminNav { float:left; background:url('../images/adminTabsBG.png'); background-color: #E6E8EC; padding: 5px 10px 5px 10px; margin-right:2px; width:auto; min-width:90px; font-weight:bold; text-align:center;  }
li:hover.adminNav{ background:url('../images/adminSelectedTabsBG.png');  color:#FFFFFF; }/*background-color: #646E7A;*/
li a.adminNav{ color:inherit; }
li a:hover.adminNav{ text-decoration:none;}

li.adminNavSelected { float:left; background:url('../images/adminSelectedTabsBG.png'); background-color: #E6E8EC; color:#FFFFFF; padding: 5px 10px 5px 10px; margin-right:2px; width:auto; min-width:90px; font-weight:bold; text-align:center;  }
li:hover.adminNavSelected{ background:url('../images/adminSelectedTabsBG.png');  color:inherit; }/*background-color: #646E7A;*/
li a.adminNavSelected{ color:inherit; }
li a:hover.adminNavSelected{ text-decoration:none;}

.savingIndicatorOff{ visibility:none; }
.savingIndicator{ float:left; visibility:visible; vertical-align:middle; width:900px; height:10px; background-color:#FFFFFF; background:url(../images/loading11.gif) center left no-repeat; padding-left:230px; padding-top:30px;}
.savedSuccessIndicator{ float:left; visibility:visible; vertical-align:middle; width:900px; height:50px; background-color:#FFFFFF; background:url(../images/icon_accept_32.png) center left no-repeat; padding-left:40px; padding-top:30px;}
.savedFailedIndicator{ float:left; visibility:visible; vertical-align:middle; width:900px; height:50px; background-color:#FFFFFF; background:url(../images/icon_warning_32.png) center left no-repeat; padding-left:40px; padding-top:30px;}

/*Home Page CSS*/
.hoverPopup{ position:relative; margin:0px 0px 0px 235px; width:705px; height:140px; font-size:13px; color:inherit; background-image:url('../images/popupBG.png'); background-color:#E6E8EC; padding:15px; display:none; border:1px solid #E6E8EC; z-index:9999999 }

/*Position Nav Menu*/
ul.tweets { float:left; list-style:none; margin:0px; padding:5px; font-size:10px; }
li.tweets { background:url(../images/icon_comment_16.png) no-repeat; float:left; padding-left:20px; font-style:italic;}
/* This is the color of the text in the button and the positioning of the button text*/
li a.tweets { color:#646E7A; list-style:none; text-decoration:none; background-color: transparent; font-weight: normal; }
/*This positions the Blue Background of the button that is shown once the mouse is over it. This also makes the text white once mouse is over it*/
li a.tweets:hover { color:#E6E8EC; }
.tweetsFrom { }
.tweetDate { font-size:9px; color:#336699; font-weight:bold; }
.tweetsFooter a { float:right; padding:5px; font-size:12px; font-style:bold; color:#646E7A;}

.blogCategoryTitle { color:#336699; font-size: 19px; font-weight: bold; }
.blogSocialFooter{ float:right; }
.blogSocialFooter a { font-size:11px; text-decoration:none; color:#336699; }
.blogSocialFooter img { margin-bottom:-3px; margin-left:5px; margin-right:3px;}
.blogTimeFooter { font-size:10px; padding:0px;}

.font-replaced {background-repeat:no-repeat; overflow: hidden; padding:0px;}