﻿/* MASTER PAGE ZONES */
body
{
    margin: 0;
    padding: 0;
    font-family: Calibri, Arial,Sans-Serif;
    font-size: 14px;
    color: #5d5e67;
    background: url("/Images/MainBackground.png") repeat-x top;
}

.Error
{
    color: #FF0000;
}

#PageBackground
{
    background: url("/Images/MainContentSideGradients.png") repeat-y scroll center center;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 0;
}

#PageContainer
{
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 1;
}

#EntirePage
{
    padding: 0;
    margin: 0 auto;
    width: 1053px;
    background-color: #ffffff;
}
#Logo
{
    width: 1053px;
    height: 125px;
    background: url("/Images/HeaderBackground.png") repeat-x scroll center center transparent;
    font-size: 21px;
    vertical-align: middle;
    display: table-cell;
}

#Logo img
{
    margin-right: 20px;
    vertical-align: middle;
}

#Logo span
{
    color: #35523e;
    font-size: 23px;
    text-transform: uppercase;
}

#Logo a 
{
    text-decoration: none;
    color: #537e60;
}

#HeaderZone
{
    width: 100%;
    text-align: center;
    margin: 0;
    height: 153px;
}

#Middle
{
    min-height: 643px;
}

#Middle,
#BottomZone
{
    width: 1053px;
}
#LeftZone
{
    margin: 39px 25px 0px 27px;
    width: 198px;
    display: inline-block;
    vertical-align: top;
    float: left;
}
#CentreZone
{
    width: 779px;
    display: inline-block;
    float: left;
    margin-top: 10px;
}

#FooterZone
{
    width: 1053px;
    text-align: center;
    display: inline-block;
    background: #dedede url("/Images/FooterGradient.png") repeat-x scroll top center;
}

/* GENERAL */
img
{
    border: none;
}

a
{
    text-decoration: none;
}

.PageHeader, h1
{
    width: 300px;
    color: #2b2b2f;
    font-size: 17px;
    padding: 0;
    margin-bottom: 12px;
}

h1
{
    margin-top: 0;
}

.PageHeader
{
    margin-top: 48px;
}

.SubHeading, h2
{
    color: #537E60;
    font-size: 16px;
    font-weight: bold;
    margin: 15px 0 19px 0;
}
.ColumnLeft
{
    width: 383px;
    display: inline-block;
    vertical-align: top;
    float: left;
    margin-right: 5px;
}
.ColumnRight
{
    width: 383px;
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
}

/* HEADER ZONE */

.MainMenu
{
    background: url("/Images/NAVBar.png") repeat-x scroll center center transparent;
    height: 28px;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu
{
    list-style: none outside none;
    margin: 0;
    padding: 0;
    height: 28px;
    line-height: 28px;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li
{
    display: inline;
    padding: 0 35px;
    border-left: 1px solid #ffffff;
    margin-top: 6px;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li a
{
    color: #ffffff;
    font-size: 13px;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li:first-child 
{
    border-left: none;
}

/*.MainMenu
{
    border: none;
    display: block;
    width: 1018px;
    float: none;
}
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu
{
    width: 100%;
    background: url("/Images/NAVBar.png") repeat-x scroll center center transparent;
    padding: 5px 0;
    margin: 0;
    list-style: none outside none;
}
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul
{
    width: 12.5em;
    left: 0;
    top: 100%;
    z-index: 400;
    padding: 0;
    margin: 0;
    list-style: none outside none;
}
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li
{
    background-color: #477E62;
    padding: 5px 45px;
    text-align: left;
    min-height: 15px;
    display: inline;
}
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li:hover
{
    background-color: white;
    color: #477E62;
    font-weight: bold;
}
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li:hover a
{
    color: #477E62;
}
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li a
{
    padding: 0px;
    display: inline-block;
    color: #fff;
    text-decoration: none;
}
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li
{
    text-align: left;
    width: 12.5em;
}
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul li
{
    width: 11.5em;
}
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li ul li ul
{
    margin: -1.4em 0 0 12.35em;
}
.MainMenu ul.AspNet-Menu .AspNet-Menu-Leaf .AspNet-Menu-Link
{
    color: #fff;
    font-weight: bold;
}*/

/* LEFT ZONE */

#SideMenu_TitleContainer
{
    height: 29px;
}

#SideMenu_TitleLeft
{
    background: url("/Images/MenuStartBackground-Left.png") no-repeat scroll center center transparent;
    float: left;
    height: 29px;
    width: 3px;
    display: inline-block;
}

#SideMenu_TitleRight
{
    background: url("/Images/MenuStartBackground-Right.png") no-repeat scroll center center transparent;
    float: right;
    height: 29px;
    width: 3px;
    display: inline-block;
}

#SideMenu_Title
{
    text-transform: uppercase;
    font-weight: bold; 
    color: #ffffff;
    background: url("/Images/MenuStartBackground-Middle.png") repeat-x scroll center center transparent;
    height: 29px;
    display: inline-block;
    width: 192px;
    float: left;
}

#SideMenu_Title span 
{
    display: table-cell;
    height: 29px;
    line-height: 29px;
    vertical-align: middle;
    padding-left: 24px;
}

.TopMenu
{
    display:inline-block;
}

.TopMenuItem
{
    width: 198px;
}

.TopMenuItemHeader
{
    height: 27px;
    line-height: 27px;
    background: #ffffff;
    color: #3C3C3C;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
    border: 1px solid #3c3c3c;
    border-top: none;
    width: 172px;
    padding-left: 24px;
}

.SubMenuItem
{
    background: #f0f0f3;
    border: 1px solid #3c3c3c;
    border-top: none;
    padding: 5px 0 6px 24px;
    color: #424242;
    font-size: 13px;
}

.SubMenuItem a
{
    color: #424242;
}

/* FOOTER ZONE */

#Footer
{
    padding-left: 26px; 
    text-align: left;
    padding-right: 26px;
    padding-top: 17px;
    width: 1001px;
}

.FooterContent
{
    margin-top: 9px;   
}

.FooterAddressDetail
{
    width: 237px;
}

.FooterDetail
{
    width: 193px;
}

.FooterAddressDetail,
.FooterDetail
{
    float: left;
    color: #484848;
    font-size: 12px;
}

.FooterDetail a
{
    color: #484848;
}

.FooterLabel
{
    font-weight: bold;
    color: #2c2c2c;
    font-size: 13px;
    padding-bottom: 19px;
}

.FooterImage
{
    text-align: right;
    height: 149px;
}

.FooterImage a
{
    display: inline-block;
    height: 149px;
}

.FooterContent {
    display: inline-block;
    width: 100%;
}

#FooterTerms
{
    float: left;
    width: 237px;
}

#FooterTerms a,
#FooterCopyright,
#FooterCopyright a 
{
    color: #3c3c3c;
    font-size: 12px;
}

#FooterCopyright
{
    float: right;
    padding-bottom: 9px;
    padding-top: 2px;
}




/* (Older styles) */
/*.NodeRepeater_Node, .HomePageItem
{
    display: inline-block;
    float: left;
    margin-bottom: 100px;
    text-align: center;
    width: 25%;
}
.NodeRepeater_Node a, .HomePageItem a
{
    text-decoration: none;
    color: #477E62;
}
.NodeRepeater_Node .NodeRepeater_Description, .HomePageItem_Description
{
    color: #477E62;
    font-size: 14px;
    padding: 2px 0;
}

.NodeRepeater_Node #NodeBar8.NodeRepeater_Bar
{
    background: #E8E8E8;
    display: inline-block;
    height: 15px;
    width: 111px;
}
.NodeRepeater_Node #NodeBar9.NodeRepeater_Bar
{
    background: #929292;
    display: inline-block;
    height: 15px;
    width: 111px;
}
.NodeRepeater_Node #NodeBar10.NodeRepeater_Bar
{
    background: #7DBEFF;
    display: inline-block;
    height: 15px;
    width: 111px;
}
.NodeRepeater_Node #NodeBar11.NodeRepeater_Bar
{
    background: #4948A1;
    display: inline-block;
    height: 15px;
    width: 111px;
}
.NodeRepeater_Node #NodeBar12.NodeRepeater_Bar
{
    background: #000000;
    display: inline-block;
    height: 15px;
    width: 111px;
}

.HomePageItem .HomePageItem_Bar
{
    background: #477E62;
    display: inline-block;
    height: 15px;
    width: 111px;
}
.HomePageItem #BuyersNodeBar.HomePageItem_Bar
{
    background: #477E62;
}
.HomePageItem #RacingNodeBar.HomePageItem_Bar
{
    background: #515151;
}
.HomePageItem #TechnicalNodeBar.HomePageItem_Bar
{
    background: #921A43;
}

#HomePageDescription
{
    clear: both;
    font-size: 14px;
    font-weight: bold;
    margin: 15px;
}*/

/* CATALOGUE REQUEST */
.CatalogueRequest
{
    font-weight: bold;
    font-size: 16px;
    color: #262626;
    margin-left: 5px;
}
.row
{
    vertical-align: top;
}
.row input[type=text]
{
    vertical-align: middle;
}
.row .column
{
    min-width: 200px;
    display: inline-block;
    vertical-align: middle;
}

/* EVENT REPEATER e.g. NEWS */
.EventRepeater_Event
{
    margin: 10px 0;
    padding-bottom: 10px;
    border-bottom: 2px solid #929292;
}
.EventRepeater_Image
{
    margin-top: 5px;
}
.EventRepeater_Title
{
    color: #477E62;
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0;
}
.EventRepeater_Description
{
    margin-top: 10px;
}

/* RACING REPEATER */
#RacingInfo
{
    font-size: larger;
    margin-bottom: 20px;
}

.RacingItem
{
    border-bottom: 2px solid #929292;
    margin: 10px 0;
    padding-bottom: 10px;
}
.RacingSubject
{
    color: #477E62;
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0;
}
.RacingNotes
{
    margin-top: 10px;
}

/* TWO COLUMN LAYOUT */
#LeftColumn
{
    float: left;
    width: 58%;
    margin-left: 19px;
}
#RightColumn
{
    float: right;
    width: 38%;
}

#LeftColumn ul
{
    margin-top: 0;
    list-style-image: url("/Images/BulletPoint.png");
    padding-left: 34px;
}

#LeftColumn li
{
    margin-bottom: 2px;
}

/* CATEGORY REPEATER */
#CategoryRepeater_Container
{
    padding-left: 24px;
    border-left: 1px solid #b1b1b1;
    height: 539px;
    padding-top: 9px;
    margin-top: 52px;
}
.CategoryRepeater_Node
{
    background: url("/Images/LinkArrow.png") no-repeat scroll left center transparent;
    min-height: 9px;
    padding-left: 67px;
}
.CategoryRepeater_Node a
{
    color: #5d5e67;
}

/* CATALOGUE */

#ProductTable
{
    width: 100%;
    border: 1px solid #3c3c3c;
    margin: 0 auto;
    text-align: center;
}
#ProductTable th
{
    background-color: #ffffff;
    color: #3c3c3c;
    border-right: 1px solid #3c3c3c;
    font-size: 13px;
    border-bottom: 1px solid #3c3c3c;
    padding: 10px;
}
#ProductTable td
{
    background-color: #f0f0f3;
    border-bottom: 1px solid #3c3c3c;
    border-right: 1px solid #3c3c3c;
    padding: 10px;
    font-size: 12px;
}
#ProductTable .DatasheetCell
{
    border-right: none;
    text-align: center;
}
#ProductTable .DatasheetCell a
{
    color: #EF0000;
}
#ProductTable .DatasheetHeader
{
    border-right: none;
}
.CategoryHeader
{
    margin-right: 2px;
    padding: 6px 0 6px 1px;
    display: inline-block;
    color: #686a74;
}
.ProductRange, .Classification
{
    padding: 6px 0 6px 1px;
    display: inline-block;
    color: #256b3b;
}
.DatasheetCell
{
    font-style: normal;
}
.ProductCell,  
.FrequencyCell
{
    color: #414141;
}

.MountingCell,
.DescriptionCell
{
    color: #256b3b;
}

.ProductCell
{
    width: 201px;
}

.MountingCell
{
    width: 61px;
}

.FrequencyCell
{
    width: 121px;
}

.DescriptionCell
{
    width: 227px;
}

/* FOOTER REPEATER */
#FooterRepeater_Container
{
    width: 1053px;
    text-align: center;
    clear: both;
    margin-left: 27px;
}
.FooterRepeater_Node
{
    display: inline-block;
    width: 124px;
    height: 100%;
    margin: 32px 22px 18px 0px;
    float: left;
}
.FooterRepeater_Description
{
    padding: 1px;
    text-align: center;
    margin: 5px 0;
    width: 124px;
}
.FooterRepeater_Description a
{
    color: #2c2c2c;
    font-weight: bold;
}

.FooterRepeater_Image img
{
    border: 1px solid #3c3c3c;
    width: 122px;
    height: 85px;
}

/* DISTRIBUTORS */
.Item
{
    clear: both;
}
.Item .Image1
{
    display: inline-block;
    width: 120px;
    float: left;
    margin: 5px 0;
}
.Item .Notes
{
    display: inline-block;
    width: 715px;
    float: left;
    margin: 5px 0 5px 5px;
}

/* PAGING */
.AJAXPaging_Arrow
{
    margin: 0 2px;
    color: #477E62;
}
.AJAXPaging_Number
{
    margin: 0 2px;
    color: #477E62;
}
.AJAXPaging_Current
{
    color: #929292;
}

/* NODE DETAIL */

.NodeDetail_Container
{
    margin-top: 47px;
}
