/* 
    - CSS for MyWheels v2.0 site
    - Created by: Murdoch
    - Date: 05-03-2008
    - Theme: MyWheelsTheme1
*/
.stlPageMaster
{
    width: 100%;
    height: 100%;
    background-color: #FEFEFE;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

.VehicleComparisonTD
{
    font-weight: bold;
    font-size: 8pt;
    color: #ffffff;
    font-family: Arial;
    background-color: #0b59a2;
}

.stlHeadingText
{
    font-size: 10pt;
    font-family: Arial;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    color: #0b59a2;
    padding-top: 0px;
}

.stlHeadingText A:visited
{
    font-size: 10pt;
    font-family: Arial;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    color: #0b59a2;
    padding-top: 0px;
    text-decoration: none;
}

.stlHeadingText A:active
{
    font-size: 10pt;
    font-family: Arial;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    color: #0b59a2;
    padding-top: 0px;
    text-decoration: none;
}
.EnquiryImage
{
    background-image: url(Images/PreOwnedCars/Enquire.png);
}
.stlHeadingText A:link
{
    font-size: 10pt;
    font-family: Arial;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    color: #0b59a2;
    padding-top: 0px;
    text-decoration: none;
}

.stlHeadingText A:hover
{
    font-size: 10pt;
    font-family: Arial;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    color: #0b59a2;
    padding-top: 0px;
    text-decoration: underline;
}

.stlNormalText
{
    font-size: 8pt;
    font-family: Arial;
}

.stlNormalText A:visited
{
    font-size: 8pt;
    font-family: Arial;
    color: #0b59a2;
    text-decoration: none;
}

.stlNormalText A:active
{
    font-size: 8pt;
    font-family: Arial;
    color: #0b59a2;
    text-decoration: none;
}

.stlNormalText A:link
{
    font-size: 8pt;
    font-family: Arial;
    color: #0b59a2;
    text-decoration: none;
}

.stlNormalText2
{
    font-size: 8pt;
    font-family: Arial;
}
.stlNormalText2 A:active
{
    font-size: 8pt;
    font-family: Arial;
    color: #0b59a2;
    text-decoration: none;
}
.stlNormalText2 A:hover
{
    font-size: 8pt;
    font-family: Arial;
    padding-top: 0px;
    color: black;
}
.stlNormalText2 A:visited
{
    font-size: 8pt;
    font-family: Arial;
    font-weight: bold;
    text-decoration: underline;
    color: blue;
}
.stlNormalText2 A:link
{
    font-size: 8pt;
    font-family: Arial;
    font-weight: bold;
    text-decoration: none;
    color: blue;
}

.stlSearchCriteriaHeadingText
{
    font-weight: bold;
    font-size: 9pt;
    color: #ffffff;
    font-family: Arial;
}

.stlSearchCriteriaNormalText
{
    font-weight: bold;
    font-size: 8pt;
    color: #ffffff;
    font-family: Arial;
}

.stlButton
{
    background-color: #ffffff;
    font-size: 8pt;
    border-color: #000000;
    border-width: 1px;
    border-style: solid;
}

.stlTextBox
{
    border-right: #afbec5 1px solid;
    border-top: #afbec5 1px solid;
    font-size: 8pt;
    border-left: #afbec5 1px solid;
    border-bottom: #afbec5 1px solid;
    font-family: Arial;
}

.stlDropDown
{
    border-right: #000080 1px solid;
    border-top: #000080 1px solid;
    font-size: 8pt;
    border-left: #000080 1px solid;
    border-bottom: #000080 1px solid;
    font-family: Arial;
}


.stlUnderline
{
    border-bottom: #0b59a2 1px solid;
}

.stlNormalTextbox
{
    border-right: #afbec5 1px solid;
    border-top: #afbec5 1px solid;
    font-size: 8pt;
    border-left: #afbec5 1px solid;
    border-bottom: #afbec5 1px solid;
    font-family: Arial;
}

.stlNormalTextBold
{
    font-size: 8pt;
    font-family: Arial;
    font-weight: bold;
    color: #000000;
}

.stlNormalTextBold A:link
{
    font-size: 8pt;
    font-family: Arial;
    font-weight: bold;
    color: #000000;
}

.stlNormalTextBold A:visited
{
    font-size: 8pt;
    font-family: Arial;
    font-weight: bold;
    color: #000000;
}

.stlNormalTextBold A:active
{
    font-size: 8pt;
    font-family: Arial;
    font-weight: bold;
    color: #000000;
}

.stlNormalTextBold A:hover
{
    font-size: 8pt;
    font-family: Arial;
    font-weight: bold;
    color: #ffffff;
}
.stlFloatingImage
{
    clear: none;
    display: inline;
    position: absolute;
    padding: 15px 15px 15px 15px;
}

.stlBarloworldImage
{
    clear: none;
    display: inline;
    position: relative;
    right: 200px;
    top: 4px;
    padding: 15px 15px 15px 15px;
}

.stlBarloworldBackImage
{
    clear: none;
    display: inline;
    position: relative;
    left: 40px;
}

.stlPaddedImage
{
    padding: 15px 15px 15px 15px;
}

.stlVerticalPanel
{
    overflow: auto;
    height: 420px;
    width: 620px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
}

.stlVerticalPanelWide
{
    overflow: auto;
    height: 420px;
    width: 970px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
}

/********/
/*
    - Backgrounds for the various Master Pages
*/

.stlFooter
{
    border-right: #9c9c9c 1px solid;
    border-top: #9c9c9c 1px solid;
    border-left: #9c9c9c 1px solid;
    border-bottom: #9c9c9c 1px solid;
}

/*
    - MyWheelsWindow Master Page
*/
.stlMyWheelsWindowTopBanner
{
    background-image: url(../../Images/MyWheels/Window/TopBanner.png);
    background-repeat: no-repeat;
    width: 650px;
    height: 82px;
}

.stlMyWheelsWindowBottomBanner
{
    background-image: url(../../Images/MyWheels/Window/BottomBanner.png);
    background-repeat: no-repeat;
    width: 650px;
    height: 55px;
}

/*
    - MyWheelsHome Master Page
*/

.stlMyWheelsHomeTopLeftBanner
{
    background-image: url(../../Images/MyWheels/Home/TopLeftBanner.gif);
    background-repeat: no-repeat;
    width: 323px;
    height: 122px;
}

.stlMyWheelsHomeTopRightBanner
{
    background-image: url(../../Images/MyWheels/Home/TopRightBanner.gif);
    background-repeat: no-repeat;
    width: 647px;
    height: 122px;
}

.stlMyWheelsHomeFlash
{
    background-image: url(../../Images/MyWheels/Home/Flash.gif);
    background-repeat: no-repeat;
    width: 323px;
    height: 443px;
}

.stlMyWheelsHomeContentTopLeft
{
    background-image: url(../../Images/MyWheels/Home/ContentTopLeft.jpg);
    background-repeat: no-repeat;
    width: 246px;
    height: 223px;
}

.stlMyWheelsHomeContentBottomLeft
{
    background-image: url(../../Images/MyWheels/Home/ContentBottomLeft.gif);
    background-repeat: no-repeat;
    width: 477px;
    height: 220px;
}

.stlMyWheelsHomeContentBottomRight
{
    background-image: url(../../Images/MyWheels/Home/ContentBottomRight.gif);
    background-repeat: no-repeat;
    width: 170px;
    height: 220px;
}

.stlMyWheelsHomeContentBottomAll
{
    background-image: url(../../Images/MyWheels/Home/tmp.gif);
    background-repeat: no-repeat;
    width: 170px;
    height: 220px;
    vertical-align: top;
}

/*
    - MyWheelsCommon Master Pages
*/

.stlMyWheelsTopBanner
{
    background-image: url(../../Images/MyWheels/Common/TopBanner.jpg);
    background-repeat: no-repeat;
    width: 970px;
    height: 122px;
}
.stlBuyMyCarTopBanner
{
    background-image: url(../../Images/MyWheels/BuyMyCar/buymycar.jpg);
    background-repeat: no-repeat;
    width: 970px;
    height: 122px;
}

.stlMyWheelsTopBannerNoLogo
{
    background-image: url(../../Images/MyWheels/Common/TopBannerNoLogo.jpg);
    background-repeat: no-repeat;
    width: 970px;
    height: 122px;
}

.stlMyWheelsTopBannerFedicsLogo
{
    background-image: url(../../Images/MyWheels/Common/TopBannerFedicsLogo.jpg);
    background-repeat: no-repeat;
    width: 970px;
    height: 122px;
}

.stlMyWheelsMenuSpacer
{
    width: 647px;
    height: 18px;
}

.stlMyWheelsBottomBanner
{
    background-image: url(../../Images/MyWheels/Common/BottomBanner.jpg);
    background-repeat: no-repeat;
    width: 970px;
    height: 45px;
}

.stlMyWheelsAdminHeader
{
    background-image: url(../../Images/MyWheels/Common/BottomBanner.jpg);
    background-position: right;
    background-repeat: no-repeat;
    background-color: #1967af;
    width: 100%;
    height: 45px;
    overflow: hidden;
}

/*
    - MyWheelsBlueBackground Master Page
*/

.stlMyWheelsBlueBackgroundFlash
{
    background-image: url(../../Images/MyWheels/BlueBackground/Flash.gif);
    background-repeat: no-repeat;
    width: 323px;
    height: 443px;
}

.stlMyWheelsBlueBackgroundContentLeft
{
    background-image: url(../../Images/MyWheels/BlueBackground/ContentLeft.jpg);
    background-repeat: no-repeat;
    width: 246px;
    height: 443px;
}

.stlMyWheelsBlueBackgroundContentRight
{
    background-image: url(../../Images/MyWheels/BlueBackground/ContentRight.jpg);
    background-repeat: no-repeat;
    width: 401px;
    height: 443px;
}

/*
    - MyWheelsBlueSplitBackground Master Page
*/

.stlMyWheelsBlueSplitBackgroundFlash
{
    background-image: url(../../Images/MyWheels/BlueSplitBackground/Flash.gif);
    background-repeat: no-repeat;
    width: 323px;
    height: 280px;
}

.stlMyWheelsBlueSplitBackgroundContentTopLeft
{
    background-image: url(../../Images/MyWheels/BlueSplitBackground/ContentTop.gif);
    background-repeat: no-repeat;
    width: 246px;
    height: 280px;
}
.stlMyWheelsBlueSplitBackgroundContentTopLeftNoFlash
{
    background-image: url(../../Images/MyWheels/BlueSplitBackground/ContentNoFlash.gif);
    background-repeat: no-repeat;
    background-color: #0b59a2;
    width: 646px;
    height: 280px;
    text-align: left;
}

.stlMyWheelsBlueSplitBackgroundContentTopRight
{
    width: 401px;
    height: 280px;
    background-color: #0b59a2;
}

.stlMyWheelsBlueSplitBackgroundContentBottomLeft
{
    background-image: url(../../Images/MyWheels/BlueSplitBackground/ContentBottomLeft.gif);
    background-repeat: no-repeat;
    width: 569px;
    height: 163px;
}

.stlMyWheelsBlueSplitBackgroundContentBottomCentre
{
    background-image: url(../../Images/MyWheels/BlueSplitBackground/ContentBottomCentre.gif);
    background-repeat: no-repeat;
    width: 231px;
    height: 163px;
}

.stlMyWheelsBlueSplitBackgroundContentBottomRight
{
    background-image: url(../../Images/MyWheels/BlueSplitBackground/ContentBottomRight.gif);
    background-repeat: no-repeat;
    width: 170px;
    height: 163px;
}

/*
    - MyWheelsGreyBackground Master Page
*/

.stlMyWheelsGreyBackgroundFlash
{
    background-image: url(../../Images/MyWheels/GreyBackground/Flash.gif);
    background-repeat: no-repeat;
    width: 323px;
    height: 443px;
}

.stlMyWheelsGreyBackgroundContent
{
    background-image: url(../../Images/MyWheels/GreyBackground/Content.jpg);
    background-repeat: no-repeat;
    width: 647px;
    height: 443px;
}

/*
    - MyWheelsGreyBackground Master Page
*/

.stlMyWheelsGreyWideBackgroundContent
{
    background-image: url(../../Images/MyWheels/GreyWideBackground/Content.jpg);
    background-repeat: no-repeat;
    width: 970px;
    height: 443px;
}

.requiredField
{
    font-family: Arial;
    font-size: 8pt;
    border-bottom: solid 1px #224f7d;
    border-top: solid 1px #224f7d;
    border-left: solid 1px #224f7d;
    border-right: solid 1px #224f7d;
    background-color: #e6f1fb;
}

.defaultLegend
{
    font-family: Arial;
}

.ListItems
{
    font-size: 8pt;
    font-family: Arial;
}
.defaultLabel
{
    font-family: Arial;
    font-size: 8pt;
}

.questionMark
{
    position: relative;
    height: 15px; /*dimensions of our image*/
    width: 15px;
    background: url(../../Images/MyWheels/SellMyCar/questionMark.gif) top left no-repeat;
}
.toolTip
{
    position: absolute;
    left: 26px; /*Moves it to the right beside the question mark*/
    top: 0;
    display: none; /*Making it look pretty*/
    width: 100px;
    padding: 5px;
    border: 1px solid #ffffff;
    background-color: #eeeeee;
    font: 10px/12px Arial, Helvetica, sans-serif;
}
.ByMwheelsMainDIVCSS
{
    overflow: auto;
    height: 420px;
    width: 970px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
}

.stlRotatorHeadingText
{
    font-size: 10pt;
    font-family: Arial;
    
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    color: #0b59a2;
    padding-top: 0px;
}