body 
{
    font-family:Lucida Grande, Lucida Sans Unicode, sans-serif;
    font-size:11px;
    line-height:14px;
    color:#898787;
}

.Wrapper, .Yellow, .Green, .LightGreen, .Blue, .Red
{
    
    overflow:visible;
}

.Container
{
    width:980px;
    margin:0 auto;
    min-height:10px;
    overflow:visible;
}

h1.BackgroundHeading
{
    background-color:#999999;
}

.ColoredPanel
{
    height:115px;
    color:#ffffff;
}

.TopWrapper
{
    padding-bottom:10px;
    background-image:url('../images/BannerBackground.gif');
    background-repeat:repeat;
}

div.Banner
{
    width:920px;
    margin-left:40px;
}

div.Banner div.Container, div.Banner div.Item
{
    width:920px;
    height:250px;
    overflow:hidden;
}

div.HItem
{
    width:890px;
    height:250px;
    overflow:hidden;
    float:left;
}
div.Next
{
    width:20px;
    height:250px;
    overflow:hidden;
    float:left;
    margin-right:15px;
    margin-left:10px;
}

div.Next a, div.Next a:link, div.Next a:active, div.Next a:visited
{
    text-decoration:none;
    float:right;
    background-color:#dddddd;
    color:#444444;
    margin-top:25px;
    padding:75px 7px 75px 7px;
}

div.Next a:hover
{
   background-color:#d0d0d0; 
}

div.Banner .ScrollContainer
{
    height:9999px;
    width:920px;
    overflow:hidden;
}

div.Banner .ScrollContainerRef
{
    height:250px;
    width:9999px;
    overflow:hidden;  
}

div.Banner div.Navigator
{
    width:920px;
    text-align:right;
    height:24px;
    padding-bottom:2px;
    padding-top:2px;
}

div.Banner div.Navigator div.Numbers
{
    min-width:18px;
    float:right;
}

#Footer
{
    height:20px;
    width:893px;
    padding:7px 10px 17px 10px;
    float:left;
    
}

#Social
{
    height:20px;
    width:891px;
    margin:0 auto;
    padding:7px 0px 17px 10px;
    float:right;
}

.ContentWrapper
{
    width:920px;
    min-height:250px;
    overflow:auto;
    margin:0 auto;
    margin-top:11px;
    margin-bottom:17px;
}

.Content
{
    width:568px;
    float:left;
    margin-right:15px;
    padding-right:15px;
    margin-left:7px;
    overflow:hidden;
}

.SubContent
{
    width:315px;
    float:right;
    overflow:hidden;
}

/* Normal */
.Wrapper h1, 
.Wrapper h2, 
.Wrapper h3,
.Wrapper a, .Wrapper a:link, .Wrapper a:active, .Wrapper a:visited
{
    color:#f89622;
}

.Wrapper a.external
{
    background-image:url('../images/icons/Wrapper/externallink.gif');
}

.Wrapper .ColoredPanel, .Wrapper .Button, .Wrapper .DetailMarked, .Wrapper .ButtonDomainSearch, .Wrapper .PageButton, .Wrapper #pnlCallMe, .Wrapper #popup
{
    background-color:#f89622;
}

.Wrapper h1.BackgroundHeading, .Wrapper h1.BlockTitleOrder
{
    background-color:#f89622;
}

.Wrapper a.Number,    
.Wrapper a.Number:link, 
.Wrapper a.Number:active, 
.Wrapper a.Number:visited, 
.Wrapper a.Number:hover,
.Wrapper a.NumberActive,    
.Wrapper a.NumberActive:link, 
.Wrapper a.NumberActive:active, 
.Wrapper a.NumberActive:visited, 
.Wrapper a.NumberActive:hover
{
    background-image:url('../images/block-orange.gif');
}

.Wrapper ul, .Wrapper li
{
    list-style-image:url('../images/block-orange-small.gif');
}

    
/* Yellow */
.Yellow h1, 
.Yellow h2, 
.Yellow h3,
.Yellow a, .Yellow a:link, .Yellow a:active, .Yellow a:visited
{
    color:#c1ca2b;
}

.Yellow a.external
{
    background-image:url('../images/icons/Yellow/externallink.gif');
}

.Yellow .ColoredPanel, .Yellow .Button, .Yellow .DetailMarked, .Yellow .ButtonDomainSearch, .Yellow .PageButton, .Yellow #pnlCallMe, .Yellow #popup
{
    background-color:#c1ca2b;
}

.Yellow h1.BackgroundHeading, .Yellow h1.BlockTitleOrder
{
    background-color:#c1ca2b;
}

.Yellow a.Number,    
.Yellow a.Number:link, 
.Yellow a.Number:active, 
.Yellow a.Number:visited, 
.Yellow a.Number:hover,
.Yellow a.NumberActive,    
.Yellow a.NumberActive:link, 
.Yellow a.NumberActive:active, 
.Yellow a.NumberActive:visited, 
.Yellow a.NumberActive:hover
{
    background-image:url('../images/block-yellow.gif');
}

.Yellow ul, .Yellow li
{
    list-style-image:url('../images/block-yellow-small.gif');
}

/* Green */
.Green h1, 
.Green h2, 
.Green h3,
.Green a, .Green a:link, .Green a:active, .Green a:visited
{
    color:#009648;
}

.Green a.external
{
    background-image:url('../images/icons/Green/externallink.gif');
}

.Green .ColoredPanel, .Green .Button, .Green .DetailMarked, .Green .ButtonDomainSearch, .Green .PageButton, .Green #pnlCallMe, .Green #popup
{
    background-color:#009648;
}

.Green h1.BackgroundHeading, .Green h1.BlockTitleOrder
{
    background-color:#009648;
}

.Green a.Number,    
.Green a.Number:link, 
.Green a.Number:active, 
.Green a.Number:visited, 
.Green a.Number:hover,
.Green a.NumberActive,    
.Green a.NumberActive:link, 
.Green a.NumberActive:active, 
.Green a.NumberActive:visited, 
.Green a.NumberActive:hover
{
    background-image:url('../images/block-green.gif');
}

.Green ul, .Green li
{
    list-style-image:url('../images/block-green-small.gif');
}

/* Lightgreen */
.LightGreen h1, 
.LightGreen h2, 
.LightGreen h3,
.LightGreen a, .LightGreen a:link, .LightGreen a:active, .LightGreen a:visited
{
    color:#00aaa0;
}

.LightGreen a.external
{
    background-image:url('../images/icons/LightGreen/externallink.gif');
}

.LightGreen .ColoredPanel, .LightGreen .Button, .LightGreen .DetailMarked, .LightGreen .ButtonDomainSearch, .LightGreen .PageButton, .LightGreen #pnlCallMe, .LightGreen #popup
{
    background-color:#00aaa0;
}

.LightGreen h1.BackgroundHeading, .LightGreen h1.BlockTitleOrder
{
    background-color:#00aaa0;
}

.LightGreen a.Number,    
.LightGreen a.Number:link, 
.LightGreen a.Number:active, 
.LightGreen a.Number:visited, 
.LightGreen a.Number:hover,
.LightGreen a.NumberActive,    
.LightGreen a.NumberActive:link, 
.LightGreen a.NumberActive:active, 
.LightGreen a.NumberActive:visited, 
.LightGreen a.NumberActive:hover
{
    background-image:url('../images/block-lightgreen.gif');
}

.LightGreen ul, .LightGreen li
{
    list-style-image:url('../images/block-lightgreen-small.gif');
}

/* Blue */
.Blue h1, 
.Blue h2, 
.Blue h3,
.Blue a, .Blue a:link, .Blue a:active, .Blue a:visited
{
    color:#1d78be;
}

.Blue a.external
{
    background-image:url('../images/icons/Blue/externallink.gif');
}

.Blue .ColoredPanel, .Blue .Button, .Blue .DetailMarked, .Blue .ButtonDomainSearch, .Blue .PageButton, .Blue #pnlCallMe, .Blue #popup
{
    background-color:#1d78be;
}

.Blue h1.BackgroundHeading, .Blue h1.BlockTitleOrder
{
    background-color:#1d78be;
}

.Blue a.Number,    
.Blue a.Number:link, 
.Blue a.Number:active, 
.Blue a.Number:visited, 
.Blue a.Number:hover,
.Blue a.NumberActive,    
.Blue a.NumberActive:link, 
.Blue a.NumberActive:active, 
.Blue a.NumberActive:visited, 
.Blue a.NumberActive:hover
{
    background-image:url('../images/block-blue.gif');
}

.Blue ul, .Blue li
{
    list-style-image:url('../images/block-blue-small.gif');
}

/* Red */
.Red h1, 
.Red h2, 
.Red h3,
.Red a, .Red a:link, .Red a:active, .Red a:visited
{
    color:#db1e58;
}

.Red a.external
{
    background-image:url('../images/icons/Red/externallink.gif');
}

.Red .ColoredPanel, .Red .Button, .Red .DetailMarked, .Red .ButtonDomainSearch, .Red .PageButton, .Red #pnlCallMe, .Red #popup
{
    background-color:#db1e58;
}

.Red h1.BackgroundHeading, .Red h1.BlockTitleOrder
{
    background-color:#db1e58;
}

.Red a.Number,    
.Red a.Number:link, 
.Red a.Number:active, 
.Red a.Number:visited, 
.Red a.Number:hover,
.Red a.NumberActive,    
.Red a.NumberActive:link, 
.Red a.NumberActive:active, 
.Red a.NumberActive:visited, 
.Red a.NumberActive:hover
{
    background-image:url('../images/block-red.gif');
}

.Red ul, .Red li
{
    list-style-image:url('../images/block-red-small.gif');
}

a.Number, a.Number:link, a.Number:active, a.Number:visited
{
    color:#ffffff;
    text-decoration:none;
    width:15px;
    height:17px;
    float:left;
    padding:4px 0px 0px 6px;
    text-align:left;
    margin-left:1px;
    background-repeat:no-repeat;
    background-position:left bottom;
}

a.Number:hover
{
    width:18px;
    height:17px;
    padding:9px 0px 0px 6px;
}

a.NumberActive, a.NumberActive:link, a.NumberActive:active, a.NumberActive:visited, a.NumberActive:hover
{
    color:#ffffff;
    text-decoration:none;
    width:18px;
    height:17px;
    float:left;
    padding:9px 0px 0px 6px;
    text-align:left;
    margin-left:1px;
    background-repeat:no-repeat;
    background-position:left bottom;    
}

.RouteCo2ResultRecord
{
    width:315px;
    height:16px;
    overflow:hidden;
    margin-bottom:2px;
}

.RouteIcon
{
    width:16px;
    height:16px;
    float:left;
    overflow:hidden;
}

.Co2Bar
{
    height:16px;
    margin-left:2px;
    margin-right:2px;
    background-color:#f89622;
    width:2px;
    float:left;
    overflow:hidden;
}

.Co2Result
{
    height:16px;
    width:185px;
    float:left;
}