﻿/*Extra Large devices (desktops, 1200px and up)*/
/*Bootstrap col-xl*/
@media screen and (min-width: 1200px){
	/*custom*/

.divAcctNewSection{
                width: 25%;
                float: left;
            }

	body{
		background-image: linear-gradient(to right, #bbb, #fff 10% , #fff 90%, #bbb);
	}
	.proudlySupportsHeader h2 {
		margin-top: 15px;
		font-size: 16pt !important;
	}
	.YourBenefitsSpacingAbout {
		margin-top: 5px !important;
		padding-bottom: 20px !important;
	}
	.alternateColor {
		color: white !important;
		background-color: #185e9c;
		padding: 25px 15px 25px 15px;
		margin-bottom: 25px;
	}
	.alternateColor p {
		color: white !important;
		margin-bottom: 0px !important;
	}
	.noHeader{
		padding-top: 25px;
	}
	.alternateColor h2 {
		color: white !important;
		margin-bottom: 0px !important;
	}
	.alternateColor img {
	}
	.IPGAboutCustom {
		color: white !important;
		background-color: #1862AE;
		padding-left: 15px;
		padding-right: 15px;
	}
	.IPGAboutCustom p , .IPGAboutCustom h2 {
		color: white !important;
		margin-top: 0px;
		margin-bottom: 45px !important;
		padding-top: 0px;
	}
	/*** ATD LOGO & HEADERS on the top of Major Account Partners Page ***/
	.atdLogoMAP {
		float: right;
	}
	.atdStoreMAP {
		margin-left: 60px;
	}
	.approvedHeaderMAP h2 {
		text-align: center;
		color: white !important;
		padding-top: 18px
}
	.featuredHeaderMall h2 {
		text-align: center;
	}
	/**** Approved Major Account Suppliers Logo Section ****/
	.alternateColorMap {
		margin-bottom: 40px !important;
		color: white !important;
		background-color: #1862AE;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 25px !important;
		padding-bottom: 25px !important;
	}
	/****************GLOBALS ****************/
	h2 {
		font-size: 26pt !important;
	}
	h3{
		font-size: 24pt;
		font-family: Arial;
	}
	p, li, .divQAContainer, .divQAContainer .accordionBtn, .ActivationForm div,  .ActivationForm span{
		font-size: 14.5pt;
	}
	.attribute_style{
		font-size: 12pt !important;
		font-family: Arial;
	}
	.Img88 img {
		display:block;
	}
	/******************Private Header ******************/
	.atdHome1 {
		text-align: left !important;
	}
	.atdHome{
		text-align: left !important;
	}
	.atdAd h2 {
		text-align: right;
	}
	.mallPartner1, .mallPartner2, .mallPartner3, .mallPartner4, .mallPartner5 {
		width: 20% !important;
		max-width: 20% !important;
		flex: inherit !important;
	}
	.mallPartner6 {
		display: none;
	}
	.succeed_header_toggle {
		display: none;
	}
	.hamburger_toggle {
		display: none;
	}
	/**** private_home_headerplacement area (styles used in generic textbox) ***/
	.succeed_private_home_headerplacementarea {
		height: auto;
		width: 100%;
		align-items: center;
		justify-content: center;
		margin-bottom: 10px;
	}
	.succeed_private_home_header {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		width: 1280px;
		height: 51px;
		font-family: arial;
		font-weight: normal;
		color: white;
		font-size: 20pt;
		-moz-box-shadow: inset 0 0 10px #000000;
		-webkit-box-shadow: inset 0 0 10px #000000;
		box-shadow: inset 0 0 10px #000000;
		background-color: #3A3A38;
	}
	.av_helpdesk_button {
		text-align: center;
		margin-top: 0px !important;
	}
	.AV_commercebutton_position {
		text-align: center;
		margin-top: 0px !important;
	}
	.center_p_title_quarterly {
		margin-bottom: 15px !important;
		font-size: 30px;
		text-align: left;
		color: white;
	}
	.float_click_point {
		width: 240px;
		height: 140px;
		padding-right: 15px;
		position: absolute;
		z-index: 20000000;
	}
	.float_img_left_all_suppliers {
		float: left;
		vertical-align: middle;
		background-color: transparent;
		width: auto ;
		margin-right: 20px;
		margin-bottom: 20px;
	}
	.margin_right_supplier {
		margin-right: 20px;
	}
	.auto_suppler_marg {
		margin-top: 35px;
		margin-bottom: 35px;
		padding-right: 10px;
	}
	.Federated_suppliers_marg {
		margin-top: 4px;
		padding-right: 10px;
	}
	.supply_pront_margin {
		margin-top: 25px;
		padding-right: 10px;
	}
	.radiator_supplier_margin {
		margin-top: 35px;
		margin-bottom: 35px;
		padding-right: 10px;
	}
	.attribute_report_date {
		font-weight: bold;
		font-size: 16px;
		float: right;
	}
	.divfsinput{
		margin-right: 19px;
	}
	.fs_sup_grid_hdr_txt {
		width: 135px;
	}
	.imgCtrlDiv span{
		font-size: 12pt;
	}
	/*************My reports class***************/
	.current {
		color: #fff;
		background-color: #4090CC;
		border: .5px solid rgba(0,0,0,.1);
	}
	.submitforreport_button {
		background-color: #FFFFFF;
		border-radius: 8px;
		border-style:Outset;
		font-family:Arial;
		font-size:Small;
		font-weight:bold;
		height:25px;
		width: 25%;
	}
	.PageWrapper_ContentAndSidebar_Content_ctl04_ctl00_img1 {
		margin-bottom: 0px;
	}
	/**nav bar**/
	a > .sf-sub-indicator {
		margin-top: -11px;
		margin-left: 88%;
	}
	.sf-menu {
		margin-top: 4px;
		height: 49px;
		max-width: 1280px;
		width: 100%;
	}
	.sf-menu ul {
        margin-left: 15px;
		margin-top: 25px !important;
		width: 225px;
		display: none;
		visibility: hidden;
		position: absolute;
	}
	.sf-menu ul ul{
		margin: 0 0 0 5px;
		margin-top: 0px !important;
		width: 100%;
	}
	.sf-menu li {
		background-color: #ff7602;
		border: .5px solid rgba(0,0,0,.1);
		color: #fff;
		width: 16.66%;
		font-size: 10pt;
	}
	.sf-menu li:hover {
		color: #fff;
		background-color: #ff9d45;
	}
	.sf-menu li a {
		color: #fff;
		text-align: center;
		padding-top: 16px;
	}
	.sf-menu li a:hover{
		text-shadow: 0 0 10px #fff;
	}
	.sf-menu li li{
		background-color: #ff7602;
		margin-top: 0px;
		border-bottom: 1px solid rgba(0,0,0,.1);
		width: 100%;
		font-size: 9pt;
		padding-left: 5px;
		padding-right: 5px;
	}
	.sf-menu li li:hover{
		background-color: #ff9d45;
		width: 100%;
	}
	.sf-menu li > ul::before {
		border-right: 5px solid transparent;
		border-bottom: 5px solid #FF7602;
		border-left: 5px solid transparent;
	}
	.sf-menu li > ul ul::before {
		border-top: 5px solid transparent;
		border-right: 5px solid #6192b5;
		border-bottom: 5px solid transparent;
	}
	.sf-menu li:hover ul, .sf-menu li.sfHover ul {
		top: 28px;
		z-index: 99;
	}
	.sf-menu li > ul::before {
		position: absolute;
		content: '';
		bottom: 100%;
		left: 24px;
	}
	.sf-menu li > ul ul::before {
		top: 22px;
		right: 100%;
		position: absolute;
		content: '';
		bottom: auto;
		left: auto;
	}
	ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
		left: 185px;
		top: 0;
		margin-left: 10px;
		margin-top: 0px;
	}
	ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
		left: 185px;
		top: 0;
		margin-left: 10px;
		margin-top: 0px;
	}
	.footerCol {
		display: inline-block;
		width: auto;
	}
	.footerCol li {
		text-align: left;
	}
	.footerContent{
		display: inline-block;
		width: auto;
		text-align: left;
	}
	.footerCol a, .footer-nav li, .footer-nav a, .footerCol li {
		font-size: 10.5pt !important;
	}
	.footerRow {
		height: 215px;
	}
	.ftColCtr {
		text-align: center;
	}
	.ftColLft {
		text-align: left;
	}
	.ftColRt {
		text-align: right;
	}
	.navbarbackground {
		background-color: #ff7602;
		box-shadow: 4px 4px 4px -4px #777;
		height: 46px !important;
		float: left;
		text-align: left;
		width: 100%;
		color: white;
		z-index: -1;
	}
	.btmFooter, .btmFooter a {
		font-size: 10pt;
		font-family: arial;
		white-space: nowrap;
	}
	.center_p_title {
		text-align: left;
	}
	.bodyContent{
		padding-bottom: 195px;
	}
	.button_private {
		height: 66.85px;
		font-size: 11pt;
	}
	.button_private:hover {
		text-decoration: none !important;
		background-color: #1862AE;
		color: white;
		text-shadow: 0 0 10px #fff;
	}
	/********************* LOG-IN CLASSES ********************/
	#divLogin div {
		float: left;
	}
	.login .btnblkxsm {
		color: #fff;
		background-color: #0069aa;
	}
	.login .btnblkxsm:hover {
		background-color: #019cfc;
	}
	/**************************NAV BAR ******************/
	.divmenumobile {
		display: none;
		visibility: hidden;
	}
	#lblMobNav, #mobile-navigation {
		display: none;
	}
	/******************** MAIN IMAGE Under NAVBAR TOGGLE *****************************/
	.about_mainbody_img {
		display: block;
	}
	.mainbody_img_suppliers {
		display: block !important;
	}
	.about_mobile_mainbody_img {
		display: none;
	}
	/*************************************WEBSITE HEADER DESKTOP ********************/
	.mainbanner {
		width: 15%;
		background: transparent url("/upload/images/fed_header_banner.png") no-repeat scroll 0 0;
		background-repeat: no-repeat;
		background-position-y: 10px;
		background-position-x: 15px;
	}
	.mainbannertdtext{
		padding-left: 10px;
		width: 80%;
		position: relative;
	}
	.mainbannertext{
		font-size: 36pt;
	}
	.mainbannersubtext{
		font-size: 28pt;
	}
	.bannertop {
		height: 150px;
		background-color: #185e9c;
        	background-position: top center;
        	background-size: auto;
        	background-attachment: fixed;
        	background-repeat: repeat;
	}
	.topControls {
		width: 100%;
		max-width: 1280px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 8px;
	}
	.ff .username {
		padding-bottom: 5px;
	}
	.mobile_partnerimg_width {
		width: 30%;
	}
	#header {
	}
	#topMenuItems {
		height: 40px;
		position: absolute;
		width: 100%;
		z-index: 1;
		left: 0;
		top: 0;
		background-color:rgba(11, 43, 76, 0.9);
		float: left;
	}
	#divMenuBar {
		position: relative;
		float: left;
		width: 100%;
		display: inline-block;
	}
	.geninfotabletext {
		font-size: 9pt;
		width: 20%;
	}
	.geninfotabledata {
		width: 80%;
		font-size: 9pt;
	}
	.geninfocontact {
		font-size: 10pt;
		text-align: center;
	}
	.geninfocontact a, .geninfocontact a:hover {
		font-size: 10pt;
	}
	/*****************Press Release Styles*/
	.prIpgLogo {
		text-align: left;
	}
	/************************HEADER BANNER ****************/
	.fl_padding_mobilespacer {
		display: block !important;
		background-color: #4090CC !important;
		height: 0% !important;
		bottom: 0 !important;
	}
	/***************ACTIVATE NOW BUTTON ********************/
	.button_display {
		display: none !important;
	}
	.red_button_about {
		height: 150px !important;
		float: none !important;
		text-align: center !important;
	}
	.activateDivLbl {
		float: left;
		width: 225px;
		font-weight: bold;
	}
	.activateDivTb {
		float: left;
		width: 300px;
		margin-right: 15px;
	}
	.activateDivNote {
		float: left;
		width: 300px;
		color: #1862AE;
	}
    .activateDivNote2 {
		color: #1862AE;
	}
	.activateDivError {
		color: red;
		width: 100%;
		float: left;
		margin-top: -15px;
	}
	.activateDivErrorPw {
		color: red;
		width: 100%;
		float: left;
	}
	.activateDivLblExt {
		float: left;
		width: 30px;
		font-weight: bold;
	}
	.activateDivTbExt {
		float: left;
		width: 45px;
		margin-right: 15px;
	}
	.activateDivTbPhone {
		float: left;
		width: 210px;
		margin-right: 15px;
	}
	.activateDivTbUser {
		float: left;
		width: 145px;
		margin-right: 10px;
	}
	.activateDivTbPw {
		float: left;
		width: 145px;
		margin-right: 15px;
	}
	.activateDivTbRecover {
		float: left;
		width: 145px;
		margin-right: 10px;
	}
	.activateDivTbRecoverDdl {
		float: left;
		width: 145px;
		margin-right: 15px;
	}
	.partsStoreTb {
		width: 300px;
		margin-bottom: 10px;
	}
	.partsStoreSection {
		margin-bottom: 10px;
	}
	.divnewsfilter span, .tbtitlefilter, .btntitlefilter, .spfilterlbl, .divnewsdates{
		float: left;
	}
	.spnewsto{
		padding: 3px 10px 0px 10px;
	}
	.tbtitlefilter{
		width: 288px;
	}
    .activateDiv span, .newsection span, .activateDiv div{
        font-size: 12pt;
    }
    .btmFooter div{
        font-size: 10pt;
    }
    .activateSectionLbl{
        font-size: 16pt;
    }
    .activateForm .accordion h3 {
        font-size: 14pt !important;
    }

	.activateImg img{
		cursor: pointer;
	}

	.activateImg .imgCtrlDiv {
		text-align: center !important;
	}
	.activateImg{
	    	position: relative;
    		top: -1px;
	}
    
}
