/*page navigation Begins*/
.Viewing{color:#333; font-size:13px; padding:15px 0;}
.page-navigation{float:none !important; margin:0 auto; display:table; width:auto !important}
.page-navigation .left, .page-navigation .right{width:36px; height:36px; background:transparent url(/_layouts/15/IMAGES/OFMWebsite/img/banner-arrow.png) no-repeat 0 0; float:left; cursor:pointer; margin-top:-8px}
.page-navigation .right{background-position:0 -36px;}
.page-navigation ul{margin:6px 0 0 0; float:left;}
.page-navigation ul li{list-style:none; float:left; background:url(/_layouts/15/IMAGES/OFMWebsite/img/paginationDivider.jpg) no-repeat right center;}
.page-navigation ul li{padding:0 8px;}
.page-navigation ul li:last-child, .page-navigation ul li:nth-child(1), .page-navigation ul li:nth-last-child(2){background:none}
.page-navigation ul li a{width:24px; height:24px; display:table-cell; text-align:center; vertical-align:middle; color:#939597;}
.page-navigation ul li a:hover, .page-navigation ul li a.active{background:#57585b; color:#fff;}
/*page navigation Ends*/

/*Outfront media Begins*/
#exploresolution{z-index:4;}
.outfront-media{display:table;width:100%;  background:#f1f1f1;}
.outfront-media .dwArr{z-index:3; }
.outfront-media-links{width:94%; display:table; padding:0 3%; position:relative; /*top:-57px;*/ }
.outfront-media-links h1{color:#5f307a; font-weight:normal; font-size:25px; padding:0 0 10px 0; border-bottom:1px solid #c2c3c4;}
.outfront-media-links .relatedLink{font:normal 16px arial; width:30%; padding:20px 3% 20px 0 ; float:left; color:#333; /*min-height:170px;*/}
.outfront-media-links .relatedLink a{font:bold 16px arial; color:#333;}
.outfront-media-links .relatedLink div{padding:15px 0 0 0;}
/*Outfront media Ends*/

/*See More Creative Begins*/
.see-more-creative h1{font-size:25px !important; text-align: left; margin:0; padding:10px 0;}
.see-more-creative .relatedLink {clear:none; min-height:120px;}
/*See More Creative Ends*/

/*custom Select filter Begins*/
.customSelect .clearbtn{float:left;}
.customSelect ul{position:absolute; background:#fff; top:80px; padding:0px; width:100%; height:255px; overflow-y:auto; overflow-x:hidden; z-index:2;  display:none}
.customSelect ul li { list-style:none;  clear:both;}
.customSelect ul li a{ width:100%; padding:12px 0 12px 18px; border-bottom:1px solid #b9b9b9; text-align:left; font-size:13px; background:#dfdfdf; color:#4f4f4f; margin:0 !important; font-weight:normal; display:block;}
.customSelect ul li a:hover{color:#2D66FF; font-weight:bold; text-decoration:none !important;}
.customSelect a.arrDwn{margin-left:5px;}
.custActive{background: url(/_layouts/15/IMAGES/OFMWebsite/img/Tabactivebg.png) no-repeat center top !important; height:42px !important; color:#fff !important;}
.custActive .arrDwn img{display:none;}
.custActive .arrDwn{background: url(/_layouts/15/IMAGES/OFMWebsite/img/arrDwnWht.png) no-repeat left center !important; display:inline; padding:1px 8px;}

.selectedrow{ float:left; position:absolute; top:20px; left:87px;}
    .selectedrow a {
        border: 1px solid #64008F;
        color: #64008F;
        float: left;
        padding: 4px;
        font-size: 14px;
        font-weight: bold;
        border-radius: 13px;
    }

.filterRow {position:relative; height:62px; background:#ccc;}
.filterRow > .row:first-child{padding:0; }
.filterRow > .row:first-child:before {background:url(/_layouts/15/IMAGES/OFMWebsite/img/contShdw.png) no-repeat center bottom; bottom:-7px; content:" "; height:8px; left:0; position:absolute; width:100%;}
.filterRow > .row > div{margin:0; border-right:2px solid #fff;}
.filterRow > .row > div.customSelect:last-child{margin:0;}
.filterRow > .row > div.customSelect:nth-child(5) {  border-right:none;  }
.filterRow .title{width:10%; float:left; height:60px; background:url(/_layouts/15/IMAGES/OFMWebsite/img/gryLineBg.jpg) repeat;  text-align:center; font:bold 16px/60px arial; color:#57585b;}
.filterRow .customSelect{width:22.29%; float:left; height:20px; padding:20px 0px; text-align:center; background:#2D66FF; position:relative; cursor:pointer}
.filterRow .customSelect.active{background:#2D66FF; color:#fff; }
.filterRow .customSelect span{width:auto; text-align:center; font:bold 16px arial; color:#fff; background:none; border:0px;}
.filterRow .customSelect a{margin:0 0 0 10px;}
.filterRowSelected{border-bottom:1px solid #c9cacb; padding:20px 0; position: relative;}
.filterRowSelected > div:first-child{float:left;}
.filterRowSelected > div:last-child{float:right;}
.clearbtn{font-size:15px; font-weight:bold; color:#57c0e9; padding:0 10px 0 0; cursor:pointer; }
.selected-txt{font-size:15px; font-weight:bold; color:#333; float:left; padding:0 10px 0 0; line-height:28px;}
.pdfLnk{padding-bottom:30px;}
.pdfLnk ul{margin:0px; padding:0px;}
.pdfLnk ul li{  background: url("/_layouts/15/IMAGES/OFMWebsite/T2Images/icon_pdf.png") no-repeat scroll 10px 50% rgba(0, 0, 0, 0); border-bottom: 1px solid #c7c7c7;    float: left;    /*height: 30px; line-height: 30px;*/    list-style:none; margin: 0 1%;padding: 20px 0 20px 40px; width:43%; cursor:pointer}
.pdfLnk ul li:hover{ background-color:#f4f4f4;}
/*custom Select filter Ends*/

/*More products Begins*/
.more-products ul{width:188px;}
/*More products Ends*/


@media (max-width:940px){
	
	.page-navigation{padding:0 0 10px 0;}
	
	.filterRowSelected{padding:0;}
	.filterRow .title{width:100%; height:40px; font: bold 16px/40px arial; display:none}

	.filterRow > .row > div{width:100%; margin:0 0 3px 0; border:0; }
	.customSelect ul{}
	.filterRow > .row:first-child{background:none;}
	 
	.filterRowSelected > div{width: 100%; padding:20px 0;}
    .filterRowSelected > div:nth-child(1){ float:left; width:85%}
    .filterRowSelected .clearbtn{width:15%; float:left}
    .filterRowSelected > div:nth-child(1) .selected-txt{ text-align:left}
	.filterRowSelected > div:last-child{float:none; text-align:center; background:none;}
	.selectedrow{position:inherit; width:100%; padding:16px 0 0;}
	.selectedrow a{width:auto; }
	.selectedrow a:after{position:absolute; right:0;}
	.selected-txt{width:100%; padding:0; text-align:center;}
	.customSelect ul li a{width:100%;}
	.tabbing_accordian_block{ margin-top:0px !important; padding-top:0px !important}

    .outfront-media-links{padding:0 4%; width:92%; /*top:-14px; left:4%;*/}
	.outfront-media-links h1{font-size:19px;}
	.outfront-media-links .relatedLink{width:99%; padding:10px 1% 10px 0; min-height:70px; border-bottom:1px solid #ccc;}
	.outfront-media-links .relatedLink:last-child{border:none}
	.outfront-media-links .relatedLink a{font-size:15px;}
	.outfront-media-links .relatedLink div{padding:5px 0 0; font-size:15px;}

	
}
@media (max-width:550px){
	
	.page-navigation{padding:0 0 10px 0;}
	
	.outfront-media-links{padding:0 4%; width:92%; /*top:-14px; left:4%;*/}
	.outfront-media-links h1{font-size:19px;}
	.outfront-media-links .relatedLink{width:99%; padding:10px 1% 10px 0; min-height:70px; border-bottom:1px solid #ccc;}
	.outfront-media-links .relatedLink:last-child{border:none}
	.outfront-media-links .relatedLink a{font-size:13px;}
	.outfront-media-links .relatedLink div{padding:5px 0 0; font-size:13px;}
	
	
	.filterRowSelected{padding:0;}
	.filterRow .title{width:100%; height:40px; font: bold 16px/40px arial;}
	.filterRow > .row > div{width:100%; margin:0 0 3px 0; border:0; }
	.customSelect ul{}
    .customSelect ul li a{width:100%;}
	.filterRow > .row:first-child{background:none;}
	 
	.filterRowSelected > div{width: 100%; padding:20px 0;}
	.filterRowSelected > div:last-child{float:none; text-align:center; background:none;}
	.selectedrow{position:inherit; width:100%; padding:16px 0 0;}
	.selectedrow a{width:auto; }
	.selectedrow a:after{position:absolute; right:0;}
	.selected-txt{width:100%; padding:0; text-align:center;}
	
	
    .pdfLnk ul li{width:85%}
    .outfront-media-links h1{padding-top:10px}
}