﻿/*Large devices (desktops, 992px and up)*/
/*Bootstrap col-lg*/
@media screen and (min-width: 992px) and (max-width: 1199px){
	/*custom*/

.divAcctNewSection{
                width: 20%;
                float: left;
            }
	.proudlySupportsHeader h2 {
		font-size: 18pt !important;
	}
	.alternateColor img {
	}
	.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;
	}
	.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 {
		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: 14.5pt !important;
		font-family: Arial;
	}
	p, li, .divQAContainer, .divQAContainer .accordionBtn {
		font-size: 14.5pt;
	}
	.attribute_style {
		font-size: 10pt !important;
		font-family: Arial;
	}
	.atdHome1 {
		text-align: left !important;
	}
	.atdHome {
		text-align: left !important;
	}
	.atdAd h2 {
		text-align: right;
		padding-top: 15px;
	}
	.Img88 img {
		display:block;
	}
	/****************** Private Header ******************/
	.succeed_header_toggle {
		display: none;
	}
	.hamburger_toggle {
		display: none;
	}
	.mallPartner1, .mallPartner2, .mallPartner3, .mallPartner4, .mallPartner5 {
		width: 20% !important;
		max-width: 20% !important;
		flex: inherit !important;
	}
	.mallPartner6 {
		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;
	}
	/******* IPG Our Partners Component*/
	.av_helpdesk_button {
		text-align: center;
		margin-top: 0px !important;
	}
	.AV_commercebutton_position {
		text-align: center;
		margin-top: 0px !important;
	}
	.margin_right_supplier {
		margin-right: 20px;
	}
	.Federated_suppliers_marg {
		margin-top: 4px;
		padding-right: 10px;
	}
	.radiator_supplier_margin {
		margin-top: 35px;
		margin-bottom: 35px;
		padding-right: 10px;
	}
	.supply_pront_margin {
		margin-top: 25px;
		padding-right: 10px;
	}
	.auto_suppler_marg {
		margin-top: 35px;
		margin-bottom: 35px;
		padding-right: 10px;
	}
	.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;
	}
	.attribute_report_date {
		font-weight: bold;
		font-size: 16px;
		float: right;
	}
	.imgCtrlDiv span{
		font-size: 12pt;
	}
	/************* My reports class***************/
	.submitforreport_button {
		background-color: #FFFFFF;
		border-radius: 8px;
		border-style:Outset;
		font-family:Arial;
		font-size:Small;
		font-weight:bold;
		height:25px;
		width: 25%;
	}
	/* ITD Proudly Supports */
	.PageWrapper_ContentAndSidebar_Content_ctl04_ctl00_img1 {
		margin-bottom: 0px;
	}
	/* rewards*/
	.divspacerstyle10395 {
		height: 20px;
	}
	/** nav bar**/
	.current {
		color: #fff;
		background-color: #4090CC;
		border: .5px solid rgba(0,0,0,.1);
	}
	.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;
	}
	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-top: 25px !important;
		width: 185px;
		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: 8pt;
	}
	.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: 7.5pt;
		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 #006ABA;
		border-left: 5px solid transparent;
	}
	.sf-menu li > ul ul::before {
		border-top: 5px solid transparent;
		border-bottom: 5px solid #FF7602;
		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;
	}
	.btmFooter, .btmFooter a {
		font-size: 8.5pt;
		font-family: arial;
		white-space: nowrap;
	}
	.footerCol {
		display: inline-block;
		width: auto;
	}
	.footerCol li {
		text-align: left;
	}
	.footerContent {
		display: inline-block;
		width: auto;
		text-align: left;
	}
	.center_p_title {
		text-align: left;
	}
	/* footer font size*/
	.footerCol a, .footer-nav li, .footer-nav a, .footerCol li {
		font-size: 10.5pt !important;
	}
	.ftColCtr {
		text-align: center;
	}
	.ftColLft {
		text-align: left;
	}
	.ftColRt {
		text-align: right;
	}
	.footerRow {
		height: 195px;
	}
	.bodyContent{
		padding-bottom: 195px;
	}
	/********************* LOG-IN CLASSES ********************/
	#divLogin div {
		float: left;
	}
	.login .btnblkxsm {
		color: #fff;
		background-color: #0069aa;
	}
	.login .btnblkxsm:hover {
		background-color: #019cfc;
	}
	.ff .username {
		padding-bottom: 5px;
	}
	.button_private {
		height: 66.85px;
		font-size: 9pt;
		padding: 0 15px 0 15px;
	}
	.button_private:hover {
		text-decoration: none !important;
		background-color: #1862AE;
		color: white;
		text-shadow: 0 0 10px #fff;
	}
	.btnPrvSml {
		padding-top: 25px;
	}
	/**************************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;
	}
	.divfsinputs1 .divfslbl {
		padding-right: 8px;
	}
	.divfsinputs1 {
		width: 30%;
	}
	.divfsinputs2 {
		width: 50%;
		margin-top: 10px;
	}
	.divfsinput {
		margin-right: 19px;
	}
	.fs_sup_hdr td {
		float: left;
		width: 100%;
	}
	.fs_sup_grid_hdr_txt {
		width: 135px;
	}
	/*************************************WEBSITE HEADER DESKTOP*/
	/* thier is a # banner top and a . 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: 75%;
		position: relative;
	}
	.mainbannertext{
		font-size: 36pt;
	}
	.mainbannersubtext{
		font-size: 18pt;
	}
	.bannertop {
		height: 150px;
		width: 100%;
		top: 0 !important;
		background-color: #1862ae;
		display: block;
	}
	.topControls {
		width: 100%;
		max-width: 1280px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 8px;
	}
	.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;
	}
	/*********Press Release Styles*/
	.prIpgLogo {
		text-align: left;
	}
	/************************div menu bar*/
	#divMenuBar {
		position: relative;
		float: left;
		width: 100%;
		display: inline-block;
	}
	.geninfotabletext {
		font-size: 10pt;
		width: 25%;
	}
	.geninfotabledata {
		width: 75%;
		font-size: 9pt;
	}
	.geninfocontact {
		font-size: 10pt;
		text-align: center;
	}
	.geninfocontact a, .geninfocontact a:hover {
		font-size: 10pt;
	}
	.fl_padding_mobilespacer {
		display: block !important;
		background-color: #4090CC !important;
		height: 0% !important;
		bottom: 0 !important;
	}
	/***************ACTIVATE NOW BUTTON*/
	.red_button_about {
		height: 150px !important;
		float: none !important;
		text-align: center !important;
	}
	.button_display {
		display: none !important;
	}
	.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;
	}
	.divnewsfilter span, .tbtitlefilter, .btntitlefilter, .spfilterlbl, .divnewsdates{
		float: left;
	}
	.spnewsto{
		padding: 3px 10px 0px 10px;
	}
	.tbtitlefilter{
		width: 288px;
	}
}
