﻿/*Medium devices (tablets, 768px and up)*/
/*Bootstrap col-md*/
@media screen and (min-width: 768px) and (max-width: 991px){
	/*custom*/

	.divAcctNewSection{
                width: 100%;
                float: left;
            }
	.proudlySupportsHeader h2 {
		font-size: 16pt !important;
		text-align: right !important;
	}
	.atdHome img{
		float: left;
	}
	.alternateColor img {
		margin-top: 20px;
	}
	.YourBenefitsSpacingAbout {
		margin-top: 5px !important;
		padding-bottom: 20px !important;
	}
	.alternateColor {
		color: white !important;
		background-color: #185e9c;
		padding: 15px;
		margin-bottom: 15px;
	}
	.alternateColor p , .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;
	}
	.atdLogoMAP {
		float: right;
	}
	.atdStoreMAP {
		margin-left: 60px;
	}
	.approvedHeaderMAP h2 {
		text-align: center;
		color: white !important;
	}
	.featuredHeaderMall h2 {
		text-align: center;
	}
	.alternateColorMap {
		margin-bottom: 30px !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: 22pt !important;
	}
	h3 {
		font-size: 14pt !important;
		font-family: Arial;
	}
	p, li, .divQAContainer, .divQAContainer .accordionBtn {
		font-size: 14pt;
	}
	.attribute_style {
		font-size: 10pt !important;
		font-family: Arial;
	}
	.atdHome1 {
		text-align: left !important;
	}
	.atdHome {
		text-align: left;
	}
	.atdAd h2 {
		text-align: right;
		padding-top: 15px;
	}
	.supLogo img {
		padding-top: 10px;
	}
	.succeed_header_toggle {
		display: block;
	}
	.hamburger_toggle {
		display: none;
	}
	.succeed_private_home_headerplacementarea {
		display: none;
	}
	.succeed_private_home_header {
		display: none;
	}
	.button_placementarea {
		height: auto;
		width: 100%;
	}
	#RewardsChartTable, #RebatesChartTable {
		float: left;
		margin-top: 20px;
	}
	.headerplacementarea_displaymd {
		display: block;
		border: 1px solid red;
		height: auto;
		width: 100%;
		align-items: center;
		justify-content: center;
	}
	.header_displaymd {
		display: block;
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		width: 1280px;
		height: 51px;
		font-family: ariel;
		color: white;
		font-size: 15px;
		background-color: rgb(32, 32, 32);
		background-image: linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, green 75%, green), linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, green 75%, green), linear-gradient(to bottom, rgb(8, 8, 8), rgb(32, 32, 32));
		background-size: 10px 10px, 10px 10px, 10px 5px;
		background-position: 0px 0px, 5px 5px, 0px 0px;
	}
	.succeed_private_homebanner_mobile_placement {
		height: auto;
		text-align: center;
		width: 100%;
	}
	.succeed_Private_homebanner_mobile {
		text-align: center;
		vertical-align: middle;
		min-width: 40%;
		text-align: center;
		height: 51px;
		font-family: ariel;
		color: white;
		font-size: 30px;
		background-color: rgb(32, 32, 32);
		background-image: linear-gradient(45deg, DarkSlateGrey 25%, transparent 25%, transparent 75%, DarkSlateGrey 75%, DarkSlateGrey ), linear-gradient(45deg, DarkSlateGrey 25%, transparent 25%, transparent 75%,DarkSlateGrey 75%, DarkSlateGrey ), linear-gradient(to bottom, rgb(8, 8, 8), rgb(32, 32, 32));
		background-size: 10px 10px, 10px 10px, 10px 5px;
		background-position: 0px 0px, 5px 5px, 0px 0px;
	}
	.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;
	}
	.submitforreport_button {
		background-color: #FFFFFF;
		border-radius: 8px;
		border-style:Outset;
		font-family:Arial;
		font-size:Small;
		font-weight:bold;
		height:25px;
		width: 25%;
	}
	.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;
	}
	.imgCtrlDiv span{
		font-size: 10pt;
	}
	.margin_right_supplier {
		margin-right: 20px;
	}
	.auto_suppler_marg {
		margin-top: 11px;
		margin-bottom: 0px;
		padding-right: 10px;
	}
	.supply_pront_margin {
		margin-top: 11px;
		padding-right: 10px;
	}
	.Federated_suppliers_marg {
		margin-top: 11px;
		padding-right: 10px;
	}
	.radiator_supplier_margin {
		margin-top: 11px;
		margin-bottom: 0px;
		padding-right: 10px;
	}
	.PageWrapper_ContentAndSidebar_Content_ctl04_ctl00_img1 {
		margin-bottom: 0px;
	}
	.Img88 img {
		display:block;
	}
	/*rewards*/
	.divspacerstyle10395 {
		height: 20px;
	}
	.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;
	}
	.current {
		color: #fff;
		background-color: #4090CC;
		border: .5px solid rgba(0,0,0,.1);
	}
	a > .sf-sub-indicator {
		margin-top: -11px;
		margin-left: 86%;
	}
	.sf-menu {
		height: 49px;
		max-width: 1280px;
		width: 100%;
	}
	.sf-menu ul {
		background-color: #1862AE;
		margin-top: 25px !important;
		width: 150px;
		display: none;
		visibility: hidden;
		position: absolute;
	}
	.sf-menu ul ul{
		margin: 0 0 0 5px;
		margin-top: 0px !important;
		width: 100%;
	}
	.sf-menu li {
		border: .5px solid rgba(0,0,0,.1);
		color: #fff;
		width: 16.66%;
		background-color: #ff7602;
	}
	.sf-menu li:hover {
		color: #fff;
		background-color: #ff9d45;
	}
	.sf-menu li a {
		color: #fff;
		text-align: center;
		padding-top: 17px;
		font-size: 6pt;
	}
	.sf-menu li li{
		background-color: #ff7602;
		margin-top: 0px;
		border-top: none;
		border-bottom: 1px solid rgba(0,0,0,.1);
		width: 100%;
	}
	.sf-menu li li:hover{
		background-color: #ff9d45;
		width: 100%;
	}
	.sf-menu li > ul::before {
		border-right: .5px solid transparent;
		border-bottom: .5px solid #006ABA;
		border-left: .5px solid transparent;
	}
	.sf-menu li > ul ul::before {
		border-top: .5px solid transparent;
		border-right: .5px solid #006ABA;
		border-bottom: .5px solid transparent;
	}
	.sf-menu li:hover ul, .sf-menu li.sfHover ul {
		top: 28px;
		z-index: 99;
	}
	ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
		left: 145px;
		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;
	}
	.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;
	}
	/*******************JASON REQUEST ***********/
	.btmFooterRow {
		width: 100%;
		background-color: #fff;
		position: absolute;
		bottom: -15px;
	}
	.btmFooterRow, .btmFooterRow a {
		font-size: 6.5pt !important;
		font-family: arial;
		white-space: nowrap;
	}
	.footerCol li {
		text-align: left;
	}
	.center_p_title {
		text-align: left;
	}
	.footerCol a, .footer-nav li, .footer-nav a, .footerCol li{
		font-size: 8.5pt !important;
		text-align: left;
		text-justify: none;
	}
	.footerCol {
		display: inline-block;
		width: auto;
	}
	.footerContent {
		display: inline-block;
		width: auto;
		text-align: left;
	}
	.ftColCtr {
		text-align: center;
	}
	.ftColLft {
		text-align: left;
	}
	.ftColRt {
		text-align: right;
	}
	.footerRow {
		height: 195px;
	}
	.bodyContent{
		padding-bottom: 195px;
	}
	.button_private {
		height: 45px;
		font-size: 11pt;
		padding-top: 13px;
	}
	.button_private:hover {
		color: white;
	}
	.divvideocontainer {
		-webkit-overflow-scrolling: touch;
		overflow-y: scroll;
	}
	.categoryDropdown {
		display: none;
	}
	.geninfotabletext {
		font-size: 8.5pt;
		width: 30%;
	}
	.geninfotabledata {
		width: 70%;
		font-size: 8.5pt;
	}
	.geninfocontact {
		font-size: 8pt;
		text-align: center;
	}
	.geninfocontact a, .geninfocontact a:hover {
		font-size: 8pt;
	}
	.about_mainbody_img {
		display: block;
	}
	.mainbody_img_suppliers {
		display: block;
		width: 95%;
		margin-left: 3%;
		margin-right: 3%;
	}
	.about_mobile_mainbody_img {
		display: none;
	}
	#mobile-navigation {
		display: none;
	}
	/******************Press Release Styles ***********/
	.prIpgLogo {
		text-align: left;
	}
	/********************FONT AWESOME */
	.i_class {
		display: none;
		margin-top: 7px !important;
	}
	/***submission return message*/
	.sc_return_message {
		text-align: center !important;
	}
	/****************REMOVE BANNER TOP**********************/
	.mainbanner {
		width: 20%;
		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: 67%;
		position: relative;
	}
	.mainbannertext{
		font-size: 32pt;
	}
	.mainbannersubtext{
		font-size: 12pt;
	}
	.bannertop {
		height: 150px;
		width: 100%;
		top: 0 !important;
		background-color: #1862ae;
		display: block;
	}
	.top_width {
		width: 100%;
		height: 140px;
		margin-left: 3.5%;
		margin-left: 3.5%;
	}
	.about_mainbody_img {
		margin-top: -1px;
	}
	.mainbody_img_suppliers {
		width: 95%;
		margin-left: 3%;
		margin-right: 3%;
	}
	.topControls {
		width: 100%;
		max-width: 1280px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 8px;
	}
	#divLogin{
		display: inline !important;
	}
	#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;
	}
	#divLogin div {
		float: left;
	}
	.login .btnblkxsm {
		color: #fff;
		background-color: #0069aa;
	}
	.login .btnblkxsm:hover {
		background-color: #019cfc;
	}
	.ff .username {
		padding-bottom: 5px;
	}
	/*********************STYLES FROM 240 *****************/
	#divMenuBar {
		position: relative;
		float: left;
		width: 100%;
		display: inline-block;
	}
	.txtforgotpass {
		color: #78c4e8;
	}
	.login .ff.username {
		height: 15px;
	}
	.activateDivLbl {
		float: left;
		width: 225px;
		font-weight: bold;
	}
	.activateDivTb {
		float: left;
		width: 300px;
		margin-right: 15px;
	}
	.activateDivNote {
		float: left;
		width: 300px;
		color: darkred;
	}
	.activateDivError {
		color: red;
		width: 100%;
		float: left;
		margin-left: 110px;
		margin-top: -15px;
	}
	.activateDivErrorPw {
		color: red;
		width: 100%;
		float: left;
		margin-left: 110px;
	}
	.activateDivLblExt {
		float: left;
		width: 25px;
		font-weight: bold;
	}
	.activateDivTbExt {
		float: left;
		width: 50px;
		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;
	}
	.logStatus {
		top: 0px;
	}
	.fs_sup_hdr td {
		float: left;
		width: 100%;
	}
	.divfsinputs1 .divfslbl {
		padding-right: 8px;
	}
	.divfsinputs1 {
		width: auto;
	}
	.divfsinputs2 {
		width: auto;
		margin-top: 10px;
	}
	.fs_sup_hdr td {
		float: left;
		width: 100%;
	}
	.divfsinput {
		margin-right: 19px;
	}
	.fs_sup_grid_hdr_txt {
		width: 135px;
	}
	.divnewsfilter span, .tbtitlefilter, .btntitlefilter, .spfilterlbl, .divnewsdates{
		float: left;
	}
	.spnewsto{
		padding: 3px 10px 0px 10px;
	}
	.tbtitlefilter{
		width: 288px;
	}
}
