/*All Pages Styling
----------------------------------------------------------*/

/*NEW*/
BODY { font-family: Arial, Segoe UI, Verdana, sans-serif, 'Palatino Linotype'; font-weight: normal; font-size: small; color: #707070;
       background-color: White; margin: 0 auto; }

h1 { font-size:large; font-weight:bold; font-family: Rokkitt, Arial; color:Red; margin:0; padding:0; display:inline; }

h2 { font-size:large; font-weight:bold; font-family: Rokkitt, Arial; margin:0; padding:0; display:inline; }

object, embed { outline: 0; }
       
.Padding5 { padding: 5px; }

.Padding10 { padding: 10px; }

/*Default Links*/
.WhiteLink a:link, .WhiteLink a:visited { color: White; text-decoration: none; }
.WhiteLink a:hover, .WhiteLink a:active { color: White; text-decoration: underline; }
.BlackLink a:link, .BlackLink a:visited { color: Black; text-decoration: underline; }
.BlackLink a:hover, .BlackLink a:active { color: Black; text-decoration: underline; }
/*NEW*/
.GreyLink a:link, .GreyLink a:visited { color: #707070; text-decoration: underline; }
.GreyLink a:hover, .GreyLink a:active { color: #707070; text-decoration: underline; }
.RedLink a:link, .RedLink a:visited { color: Red;  text-decoration: underline; }
.RedLink a:hover, .RedLink a:active { color: Red;  text-decoration: underline; }
.CareerOpeningLink a:link, .CareerOpeningLink a:visited { color:black; text-decoration:none; font-weight:bold; }
.CareerOpeningLink a:hover, .CareerOpeningLink a:active { color:black; text-decoration:none; font-weight:bold; }

/*Drop Down Links*/
.DropDownLink { background:White; background-image: url("MFBImages/Fade2.png"); background-repeat: repeat-x; background-position: left;
                border:1px Black solid; }
.DropDownLink a { display: block; }
.DropDownLink a:link, .DropDownLink a:visited { color: Black; text-decoration: none; }
.DropDownLink a:hover, .DropDownLink a:active { color: Black; text-decoration: none; }

.IconLinkContainer, .IconNOLinkContainer { /*background:#C7C5C5;*/  border-left: 2px solid transparent; /*transition: border 1s;*/ }
.IconLinkContainer:hover { border-left:2px solid Red; }
.IconLink a { display: block; padding:5px; }
.IconLink a:link, .IconLink a:visited { color: #707070; text-decoration: none; }
.IconLink a:hover, .IconLink a:active { color: #707070; text-decoration: none; }


/*Form Design*/
/*NEW*/
.DefaultTextbox 
{ 
  border:2px solid #707070; 
  padding:5px; vertical-align:top;
  margin:0;
  /*background:#707070;*/ 
  color:#707070; 
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out; 
}

.DefaultTextbox:focus {
  box-shadow: 0 0 5px rgba(86, 130, 154, 1);
  /*padding: 3px 0px 3px 3px;*/
  /*margin: 5px 1px 3px 0px;*/
  border: 2px solid rgba(86, 130, 154, 1);
}

/*.DefaultTextbox { border:2px solid #C7C5C5; padding:5px; vertical-align:top; margin:0; background:#707070; color:white; }*/

.DefaultTextbox::selection, .DefaultTextbox::-moz-selection { color:#707070; /*background:#C7C5C5;*/ }

.DefaultButton { 
  /*color: #ef2e24; background:Red; height:28px; vertical-align:top; color:white; border:none; 
  font-family:'Rokkitt', Arial; font-weight:bold;*/ 
    
  background: #ff0000;
  background-image: -webkit-linear-gradient(top, #ff0000, #d60000);
  background-image: -moz-linear-gradient(top, #ff0000, #d60000);
  background-image: -ms-linear-gradient(top, #ff0000, #d60000);
  background-image: -o-linear-gradient(top, #ff0000, #d60000);
  background-image: linear-gradient(to bottom, #ff0000, #d60000);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border:none;
  border-radius: 6px;
  font-family: 'Rokkitt', Arial;
  font-weight:bold;
  color: white;
  padding: 10px;
  text-decoration: none;
  /*cursor: pointer; cursor: hand;*/
}

.DefaultButtonSquare { 
  background:Red; height:28px; vertical-align:top; color:white; border:none; 
  font-family:'Rokkitt', Arial; font-weight:bold; 
  /*cursor: pointer; cursor: hand;*/
}

.DefaultButtonWithTriangle 
{
    line-height:35px;
    color:white; background-color:#E1251B; font-family: 'Rokkitt', Arial; font-weight:bold;
    border:none; padding:0 0 0 10px;
    /*background-image: url("MFBImages2/LinkTriangle.png"); background-repeat: no-repeat; background-position: right -24px;*/
    float: left;
}

.DefaultDropDown 
{ 
    border:2px solid #707070; 
    padding:5px;
    /*background:#707070;*/ 
    color:#707070;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out 
}
.DefaultDropDown:focus
{
    box-shadow: 0 0 5px rgba(86, 130, 154, 1);
    /*padding: 3px 0px 3px 3px;*/
    /*margin: 5px 1px 3px 0px;*/
    border: 2px solid rgba(86, 130, 154, 1);
}
/*.DefaultLinkAsButton { text-decoration:none; background:Red; color:White; padding:6px 7px 6px 7px; border:none; 
                       font-family:'Rokkitt', Arial; font-weight:bold; }*/

.DefaultLinkAsButton
{
  background: #ff0000;
  background-image: -webkit-linear-gradient(top, #ff0000, #d60000);
  background-image: -moz-linear-gradient(top, #ff0000, #d60000);
  background-image: -ms-linear-gradient(top, #ff0000, #d60000);
  background-image: -o-linear-gradient(top, #ff0000, #d60000);
  background-image: linear-gradient(to bottom, #ff0000, #d60000);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border:none;
  border-radius: 6px;
  font-family: 'Rokkitt', Arial;
  font-weight:bold;
  color: #ef2e24;
  padding: 10px;
  text-decoration: none;
}

.DefaultLinkAsButton:hover {
  background: #de0000;
  background-image: -webkit-linear-gradient(top, #de0000, #b00000);
  background-image: -moz-linear-gradient(top, #de0000, #b00000);
  background-image: -ms-linear-gradient(top, #de0000, #b00000);
  background-image: -o-linear-gradient(top, #de0000, #b00000);
  background-image: linear-gradient(to bottom, #de0000, #b00000);
  text-decoration: none;
}

.DefaultLinkWithTriangle
{
    line-height:35px; text-decoration:none; display:inline-block;
}

.DefaultLinkWithTriangle span
{
    padding-left:10px; float:left; color:white; background-color:#E1251B; font-family: 'Rokkitt', Arial; font-weight:bold;
}

.DefaultLinkWithTriangle image
{
    float:left;
}

li {  margin-top: 5px; }

/*Leaf Bullet Points*/
.ListLeaf ul li {
    list-style-type: none; padding-left: 20px; /*white-space: nowrap;*/
	background-image: url("MFBImages/FBLeafbullet.png"); background-repeat: no-repeat; background-position: left top;
}

/*NEW*/
/*Red Pointer (Small) Bullet Points*/
.RedPointer ul li {
    list-style-type: none; padding-left: 20px; /*white-space: nowrap;*/
	background-image: url("MFBImages2/SuperTinyRedFlag.png"); background-repeat: no-repeat; background-position: left top;
}

/*Red Pointer (Large) Bullet Points*/
.RedPointerLarge ul {
    padding-left: 0;
}
.RedPointerLarge ul li {
    list-style-type: none; padding-left: 70px; /*white-space: nowrap;*/
	background-image: url("MFBImages2/listingarrow2.png"); background-repeat: no-repeat; background-position: left top;
}

#EmailFormField{ position:absolute; top:-999px; }

.WhiteTextWithShadow {
    font-size:large; font-weight:bold; font-family: 'Rokkitt', Arial; color:white; text-shadow:-2px 2px 2px black;
}

.BenefitsLink { border-left: 2px solid transparent; border-right: 2px solid transparent; }
.BenefitsLink:hover { border-left:2px solid Red; border-right:2px solid Red; }
.BenefitsLink a { display: block; padding: 20px; color: #707070; text-decoration: none; }
.BenefitsLink a:link, .BenefitsLink a:visited { color: #707070; text-decoration: none; }
.BenefitsLink a:hover, .BenefitsLink a:active { color: black; text-decoration: none; }

/*Master Page Styling
----------------------------------------------------------*/

DIV#CenteredContent { width: 1024px; margin: 0 auto; }

DIV#Header { width: 1024px; /*margin: 0 auto;*/ height: 65px; background: White; position:relative; z-index:2; }

DIV#Header img { border: none; float: right; }

/*Master Page Menu*/
TD.HeaderMenu { border-left:1px solid #C7C5C5; border-bottom:1px solid #C7C5C5; text-align:center; margin:0; padding:0; }
TD.HeaderMenu a { display:block; /*padding-right:20px;*/ border-top: 2px solid transparent; padding:15px 0px 15px 0px; margin:0px 5px 0px 5px; }
TD.HeaderMenu a:link, TD.HeaderMenu a:visited { color: Red; text-decoration: none; }
TD.HeaderMenu a:hover, TD.HeaderMenu a:active { color: Red; text-decoration: none; border-top:2px solid Red; }
DIV.HeaderSubMenuShell {
    background-color: White;
    z-index: 100;
    position: absolute;
    top: 65px;
    left: 1px;
    border-left: 1px solid #C7C5C5;
    border-right: 1px solid #C7C5C5;
    border-bottom: 1px solid #C7C5C5;
    display: none;
}
DIV.HeaderSubMenuShell a { display: block; padding: 0 10px 0 10px; border-left: 2px solid transparent; border-top: none; }
DIV.HeaderSubMenuShell a:link, DIV.HeaderSubMenuShell a:visited { color: #707070; text-decoration: none; }
DIV.HeaderSubMenuShell a:hover, DIV.HeaderSubMenuShell a:active { color: #707070; text-decoration: none; /*background: #707070;*/ border-left:2px solid Red; border-top: none; }
TR.HeaderSubMenuTR { vertical-align:top; text-align:left; line-height:2; }

DIV.Message { padding: .2em; margin-bottom: 1em; background: #A5A9AC; }

/*DIV#Navigation { float: left; width: 250px; background: gray;}*/

/*Banner with left and right background images*/
DIV#Banner { height: 285px; /*text-align: center;*/ position:relative; width:100%; 
             /*background: #779DBF; background-image: url("MFBImages/TESTER_L.png"); background-repeat:repeat-x;*/}

DIV#BannerMiddle { height: 285px; width: 1024px; /*margin: 0 auto;*/
                        background:White; /*background-image: url("MFBImages/TESTER_m.png");*/ background-repeat:no-repeat; }

DIV#BannerMiddleNextToStory {
    float: left;
    height: 285px;
    width: 685px; 
    background: White; 
    background-repeat: no-repeat;
}

DIV#BannerMiddleStory {
    float: left;
    height: 285px;
    width: 339px;
    background: White;
    background-repeat: no-repeat;
}

.cycle-slideshow {
    z-index: 0;
}

/*DIV#MainImage1, #MainImage2, #MainImage3, #MainImage4, #MainImage5, #MainImage6 { height: 285px; width: 1024px; }
DIV#MainImageNav { z-index:2; position:absolute; top:310px; left:1px; display:none; }*/

DIV#BannerImage { height: 285px; width: 1024px; }

#MainImageNav a { color: White; border: 1px solid White; background: Black; text-decoration: none; margin: 0 5px; padding: 3px 5px;  }
#MainImageNav .cycle-pager-active { background: #708090 }
#MainImageNav a:focus { outline: none; }

/*DIV.RotateActive { background:#708090; color:White; padding:5px 10px 5px 10px; float:right; }
DIV.RotateOther { background:Black; color:White; padding:5px 10px 5px 10px; float:right; }*/

DIV#BodyBackgroundLeft { /*position:absolute; top:0; left:0; width:50%;*/
                         height: 285px; background:White; 
                         /*background-image: url("MFBImages/TESTER_L.png");*/ background-position:right; background-repeat:repeat-x; }
/*DIV#BodyBackgroundLeft img { float:left; }*/
DIV#BodyBackgroundRight { /*position:absolute; top:0; right:0; width:50%;*/
                          height: 285px; background:White; 
                          /*background-image: url("MFBImages/TESTER_R.png");*/ background-position:left; background-repeat:repeat-x; }
/*DIV#BodyBackgroundRight img { float:right; }*/
DIV#ImageContent { width:250px; margin-top:125px; background:Black; color:White; text-align:left; }
DIV.ImageContent { width:250px; margin-top:125px; background:Black; color:White; text-align:left; }
DIV.ImageContentText { margin:0 15px 0 15px; border-left:1px solid Red; padding-left:10px; }

.ImageContentLinkContainer { width:200px; background:black; border-radius:15px; border-left: 4px solid transparent; border-right: 4px solid transparent; margin:0 auto; }
.ImageContentLinkContainer:hover { border-left:4px solid Red; border-right:4px solid Red; }
.ImageContentLink { width: 100%; padding-top:200px; text-align:center; }
.ImageContentLink a { display: block; padding:10px; }
.ImageContentLink a:link, .ImageContentLink a:visited { color: white; text-decoration: none; }
.ImageContentLink a:hover, .ImageContentLink a:active { color: white; text-decoration: none; }

/*End of Banner*/

DIV#TopContent { min-height: 400px; margin-left: 250px; background: #779DBF; }

DIV#MainContent { background: White; position:relative; }

DIV#Footer { background: Black; color: #C7C5C5; }

DIV#Footer img { border: none; }

/*Footer Links*/
/*NEW*/
.GreyLinkFooter a:link, .GreyLinkFooter a:visited { color: #C7C5C5; text-decoration: none; }
.GreyLinkFooter a:hover, .GreyLinkFooter a:active { color: #C7C5C5; text-decoration: underline; }
.FooterRedLink a:link, .FooterRedLink a:visited { color: Red; text-decoration: none; }
.FooterRedLink a:hover, .FooterRedLink a:active { color: Red; text-decoration: underline; }

/*JQuery Accordion overrides*/
.ui-accordion-header {
    font-family: Segoe UI, Verdana, sans-serif, Palatino Linotype; font-weight: bold; 
    /*background-color: #779DBF;*/
}
.ui-accordion-content {
    font-family: Segoe UI, Verdana, sans-serif, Palatino Linotype;
}

.ui-dialog-titlebar.ui-widget-header{
    font-family:'Rokkitt', Arial;
    font-weight:bold;
    font-size:20px;
    color:white;
    background-image:url('JQueryUI/1.10.2/images/ui-bg_highlight-soft_50_6f6f6f_1x100.png');
    /*background-color:#6f6f6f;*/
}


/*JQuery Dialog----------------------------------------------------*/
.noTitleStuff .ui-dialog-titlebar { display:none; }
.no-close .ui-dialog-titlebar-close { visibility:hidden }

.ui-dialog-content{ 
    font-family:Arial, 'Segoe UI', Verdana, sans-serif, 'Palatino Linotype'
}



/*Agent Page Styling
----------------------------------------------------------*/

DIV#AgentPageTopContent { padding: 10px; }

SPAN.bio-info { margin-left: 20px; width: 600px; }


/*NEW*/
/*Career Opportunities Page Styling
----------------------------------------------------------*/

DIV.CareerTabs { background: White; margin-top: 20px; border-bottom:1px solid #C7C5C5; }

/*DIV.CareerTabs a { color: Red; text-decoration: none; }

DIV.CareerTabs a:hover { color: Red; text-decoration: underline; }*/
DIV.CareerTabs a:link, DIV.CareerTabs a:visited { color: #707070; text-decoration: none; }
DIV.CareerTabs a:hover, DIV.CareerTabs a:active { color: #707070; text-decoration: underline; }

/*DIV.CareerActiveTab a { color: White; text-decoration: none; }*/
DIV.CareerActiveTab
{
    background-image: url("MFBImages/CustomTabsWH_middle.png"); background-repeat: repeat-x; 
    float: left; height:32px; line-height: 30px; display: inline; color: Red; white-space: nowrap; font-family: 'Rokkitt', Arial;
}

DIV.CareerNormalTab
{
    background-image: url("MFBImages/CustomTabs_M.png"); background-repeat: repeat-x; 
    float: left; height:32px; line-height: 30px; display: inline; white-space: nowrap; font-family: 'Rokkitt', Arial;
}

/*DIV#CareerDetails, DIV#TestimonialDetails { padding: 20px 20px 20px 270px;}*/

/*Fleet Vehicle Detail Page Styling
----------------------------------------------------------*/

#VehicleImagesNav { /*width: 300px;*/ margin: 15px 0 15px 87px; }
#AuctionImagesNav { /*width: 300px;*/ margin: 15px 0 15px 20px; }
#VehicleImagesNav li, #AuctionImagesNav li { width: 100px; float: left; margin: 8px; list-style: none }
#VehicleImagesNav a, #AuctionImagesNav a { width: 100px; padding: 3px; display: block; border: 1px solid #C7C5C5; }
#VehicleImagesNav li.activeSlide a, #AuctionImagesNav li.activeSlide a { background: #C7C5C5 }
#VehicleImagesNav a:focus, #AuctionImagesNav a:focus { outline: none; }
#VehicleImagesNav img, #AuctionImagesNav img { width: 100px; height: 75px; border: none; display: block }

/*NEW*/
/* Styles for validation helpers
-----------------------------------------------------------*/
/*.field-validation-error { color: #ff0000; }*/

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 2px solid #ff0000; /*background-color: #ffeeee;*/
}

/*.validation-summary-errors { font-weight: bold; color: #ff0000; }*/

.validation-summary-valid {
    display: none;
}


/*Html5 Video Player
-----------------------------------------------------------*/

.play { margin: -260px 0 0 291px; z-index: 10; display:block; position:absolute; }
.play:hover {cursor:pointer;}
.playVideo { z-index: 10; display:block; position:absolute;}
.playVideo:hover {cursor:pointer;}

/*Modal Popup
-----------------------------------------------------------*/
.Modal, .Modal1, .Modal2 {position:fixed; top:50%; left:50%; background-color:black; display:none; z-index:101; }

.ModalClose { position:fixed; top:50%; left:50%; z-index:102; width:14px; height:14px; 
              padding:3px; background-color:#262626; border:3px solid grey; display:none; border-radius:50%; }
.ModalClose:hover { cursor:pointer; }

.ModalBackground {position: fixed; height: 100%; width: 100%; background: #000; background: rgba(0,0,0,.4); z-index: 100;
                  display: none; top: 0; left: 0;}