﻿
img, .Logo, .BottomBg
{ 
	behavior: url(../../../App_Themes/Ecoloclean/iepngfix.htc) 
}


body
{
    background: #659ebb url(Images/Background.jpg) top repeat-x;
}

/* Adds Right Scoll bar to Fire Fox */
html
{
    min-height: 100% !important;
    margin-bottom: 1px !important;
}


/* No outline around images*/
*:focus
{
    outline: none;
}


/*Fixes yellow field caused by the Google tool bar.  FireFox only*/
input[type="text"] /* To keep form fields consistent */
{
    background: #FFF !important;
}


.ClearFix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .ClearFix
{
    height: 1%;
}
/* End hide from IE-mac */


.Clear
{
    clear: both;
    font-size: 1px;
}

h1 span, h2 span, h3 span, a span
{
    display: none;
}


.Bold
{
    font-weight: bold;
}


.Italic
{
    font-style: italic;
}


.Center
{
    text-align: center !important;
    margin: 0 auto !important;
}

.Left
{
    text-align:left !important;
}

.Right
{
    text-align:right !important;
    padding-right:5px;
    font-weight:bold;
}

.ImageRight
{
    float: right;
    padding-left: 7px;
}

.ImageLeft
{
    float: left;
    padding-right: 7px;
}

/*//////////Site Layout Styles////////////*/

#Wrapper
{
    width:783px;
    margin:0 auto;
}

.Header
{
    width:783px;
    height:106px;
    background: url(Images/ConTop.gif) top left no-repeat;
}

.Logo
{
    background:url(Images/Logo2.png) top left no-repeat;
    width:177px;
    height:71px;
    position:relative;
    top:27px;
    left:10px;
    display:block;
    cursor:pointer;

}

.MainCon
{
    /*background:#fff url(Images/MainConBg2.gif) top left repeat-x;*/
    background:#fff url(Images/ConBack.gif) top left repeat-x;
    width:781px; 
    border-right:solid 1px #ccc; 
    border-left:solid 1px #ccc;
}

.BottomBg
{
    background:url(Images/BottomBg.png) top left no-repeat;
    width:783px;
    height:35px;
    padding-top:5px;
    text-align:center;
}

.Navigation
{
    width:200px;
    float:left;
    margin:10px 0;
}

/*This displays the tab navigation.*/
.Navigation a span
{
    display:block;
}

.HomeLink
{
    width:153px;
    border-bottom:1px dashed #CCCCCC;
    position:relative;
    left:10px;
    padding:7px 12px 8px 12px;
}

.HomeLink a:link
{
    color:#16658D;
    font-size:15px;
    text-decoration:none;
}

.HomeLink a:visited
{
    color:#16658D;
    font-size:15px;
    text-decoration:none;
}

.HomeLink a:hover
{
    color:#16658D;
    font-size:15px;
    text-decoration:none;
}

.Content
{
    width:530px;
    float:left;
    margin:20px 0 0 10px;
    padding-left:15px;
}

.NewsBoxTop
{
    background:url(Images/NewsBoxTop.gif) top no-repeat;
    width:185px;
    height:27px;
    margin:35px auto 0px auto;
}

.NewsBoxMiddle
{
    background:url(Images/NewsBoxMiddle.gif) top repeat-y;
    width:185px;
    margin:0 auto;
    padding-top:5px;
}

.NewsBoxContent
{
    background:url(Images/NewsBoxMiddle.gif) top repeat-y;
    width:171px;
    margin:0px auto 0px auto;
}

.NewsBoxContent a:link
{
   color:#005595;
   text-decoration:underline;
   font-size:12px;
   margin:0;
}

.NewsBoxContent a:visited
{
   color:#005595;
   text-decoration:underline;
   font-size:12px;
   margin:0;
}

.NewsBoxContent a:hover
{
   color:#005595;
   text-decoration:none;
   margin:0;
}

.NewsBoxContent p
{
    color:#969ea3;
    font-size:11px;
    margin:0;
}

.NewsBoxDots
{
    background:url(Images/NewsBoxDots.gif) center no-repeat;
    width:171px;
    height:10px;
}

.NewsBoxBottom
{
    background:url(Images/NewsBoxBottom.gif) top no-repeat;
    width:185px;
    height:7px;
    margin:0 auto;
}

.ViewAllNews
{
   text-align:center;
   margin:5px auto 5px auto;
   width:171px;
}


/*///////Home Styles/////*/

.HomeTopContent
{
    background:url(Images/Leaf.gif) top right no-repeat;
    width:535px;
    float:left;
}

.HomeTopContent p
{
   width:290px;
}

.NewsArticle h2
{
    margin:0;
    font-size:16px;
    color:#666;
}

.NewsArticle h3
{
    margin:0;
    font-size:11px;
    color:#999;
}

.NewsArticle p
{
   margin: 1em 0 2em 0;
}

.ContactTable
{
    width:490px;
    border-collapse:collapse;
    margin-top:10px;
}

.ContactTable td
{
   padding:10px;
   border:transparent 0px none !important;
   vertical-align:top;
}

.ValidationText
{
    font-size:12px;
}  


.EcoloTable
{
    border-collapse:collapse;
}

.EcoloTable td
{
    border-collapse:collapse;
    height:32px;
    padding-right:5px;
}

.EcoloTable
{
    border-collapse:collapse;
}

.FormBox
{
    border:solid 1px #ABADB3;
}

.PageHeader
{
	border-bottom:dashed 1px #ccc; 
	padding-bottom:3px;
}

.StockBack
{
    background:url(Images/StockBack.gif) top no-repeat;
    width: 223px; 
    height:204px;
    float:right; 
    margin-left:10px;
}


.StockTable
{
    border-collapse:collapse;
}

.StockTable td
{
    border-collapse:collapse;
    height:32px;
    padding-right:5px;
    font-size:12px;
}

.StockTable
{
    border-collapse:collapse;
}






