/* ---------- Basic Layout Styles ----------- */

html,
body,
#page  {
  height: 100%;
}
#page-wrapper {
  min-height: 100%;
  min-width: 960px;
}
#header div.section,
#featured div.section,
#messages div.section,
#main,
#triptych,
#footer-columns,
#footer {
  width: 999px;
  margin-left: auto;
  margin-right: auto;
}
#header {
  background:#fff url(/sites/all/themes/mfg/images/header-bg.png) repeat-x left bottom;
}

#header div.section {
  position: relative;
}
.region-header {
  float: right; /* LTR */
  margin: 17px 5px 10px;
}
.with-secondary-menu .region-header {
  margin-top: 3em;
}
.without-secondary-menu .region-header {

}
.without-secondary-menu .region-header p {
margin-top:8px;	
color: #908F8F;
}
#secondary-menu {
  position: absolute;
  right: 0; /* LTR */
  top: 0;
  width: 480px;
}
#content,
#sidebar-first,
#sidebar-second,
.region-triptych-first,
.region-triptych-middle,
.region-triptych-last,
.region-footer-secondcolumn,
.region-footer-thirdcolumn,
.region-footer-fourthcolumn {
  display: inline;
  float: left; /* LTR */
  position: relative;
}
.one-sidebar #content {
  width: 680px;
}
.two-sidebars #content {
  width: 480px;
}
.no-sidebars #content {
  width: 960px;
  float: none;
}
#sidebar-first,
#sidebar-second {
  width: 245px;
}
#content .section,
.sidebar .section {
  padding: 0 15px;
}

.boxed	{	margin-bottom: 40px;
			background-color: white;
			box-shadow: 0 1px 4px rgba(0,0,0,0.4);
			padding: 30px;
		}
.boxed:after	{	content: ".";
					display: block;
					height: 0;
					overflow: hidden;
					clear: both;
				}
.callout	{	margin-bottom: 40px;
				padding: 0 40px;
			}
.callout p 	{	font-size: 1.8em;	}
/* Button Styles ================================== */
.button	{	cursor: pointer;	}
.cta	{	padding: 5px 50px !important;	
		}

/* Colors */
.button.green	{}
.button.blue	{}


/* Second Sidebar Redesign ======================== */
#sidebar-second				{	padding: 0 10px 0 51px;
								background: transparent url(/sites/all/themes/mfg/images/sidebar-shadow.png) no-repeat top left;
								min-height: 858px;
							}
.sidebar-second .section	{	padding: 0;
							}
.sidebar-second block		{	padding: 0;	
							}
.sidebar-second p			{	padding: 0;
							}
.sidebar-second .content	{	margin: 0;
							}
#widgets-element-socialmedia_share-default	{	clear: both;
												margin-bottom: 10px;
												overflow: auto;
											}
#widgets-element-socialmedia_share-default .widgets-element-verticle	{	float: left;
																			display: inline;
																			width: 56px;
																		}
#widgets-element-socialmedia_share-default #widgets-element-socialmedia_addthis-tweet			{	margin-right: 5px;	}
#widgets-element-socialmedia_share-default #widgets-element-socialmedia_addthis-facebook-like	{	margin-right: 5px;	}
#widgets-element-socialmedia_share-default #widgets-element-socialmedia_addthis-google-plusone	{	margin-right: 5px;	}
#widgets-element-socialmedia_share-default #widgets-element-socialmedia_linkedin-share-button	{		}

#widgets-element-socialmedia_addthis-tweet iframe	{	margin: 0px;
													}
													
#block-block-73		{	border: none !important; /* JFoy */
						padding: 0 !important;	/* JFoy */
					}
#block-block-73 p 	{	padding: 0 !important; /* JFoy */
					}
/* end Second Sidebar Redesign ==================== */
#breadcrumb {
  margin: 0 15px;
  clear: both;
}
.region-triptych-first,
.region-triptych-middle,
.region-triptych-last {
  margin: 20px 20px 30px;
  width: 280px;
}
#footer-wrapper {

}

.region-footer-firstcolumn {
 width: 96%;	
 display: block;
 margin: 0 20px;
 border-bottom: 1px solid #ccc;
}
.region-footer-firstcolumn .block	{	margin: 30px 0 10px 0 !important; padding: 0 !important;	}
#join-now-callout-footer	{	margin-bottom: 0;	}
#join-now-callout-footer p {	font-size: 1.8em !important;	}
#join-now-callout-footer .cta	{	font-size: 1.2em !important; 	
									color: white;
								}
#join-now-callout-footer .cta:hover	{	color: white !important;
										text-decoration: none;	
									}
.region-footer-secondcolumn
 {
  padding: 0 0px 0 20px;
  width: 450px;
}
.region-footer-thirdcolumn,
.region-footer-fourthcolumn {
  padding: 0 10px 0 40px;
  width: 210px;
}


#footer {
  width: 940px;
  min-width: 920px;
}

/* ---------- Social Icons - Footer ----------- */

.social-networking	{
	overflow: hidden;
}
.social-networking li	{
	width: 48px;
	height: 48px;
	background-image: url(../images/social-icons/social-sprite.png);
	background-repeat: no-repeat;
	background-position-y: -48px;
	text-indent: -9999px;
	float: left;
	margin-right: 10px !important;
}
.social-networking li:hover	{
	background-position-y: 0;
}
.social-networking li a	{	
	text-indent: -9999px !important;
	width: 100%;
	height: 100%;
	display: block;	
}
#social-gplus	{
	background-position: -48px -48px;
}
#social-facebook	{
	background-position: 0 -48px;
}
#social-linkedin	{
	background-position: -96px -48px;
}
#social-twitter	{
	background-position: -144px -48px;
}

#social-gplus:hover	{
	background-position: -48px 0;
}
#social-facebook:hover	{
	background-position: 0 0;
}
#social-linkedin:hover	{
	background-position: -96px 0;
}
#social-twitter:hover	{
	background-position: -144px 0;
}

/* ---------- The MFG.com Team page ----------- */

.view-mfg-com-team table {
	background-color:#FFF;
	border: 0;
    border-spacing: 0;
    font-size: 0.857em;
    margin: 10px 0;
	/*width:1000px;*/
}

.view-mfg-com-team td {
	vertical-align:top;
}

.views-view-grid img {
	border:5px #d8d8d8 Solid;
}

/* ---------- Tables ----------- */



table.views-view-grid  td {
	width:150px;
	background: #FFF;
}

table.views-view-grid {
	background-color:#fff;
}
.field-item table	{	border-color: white;
						width: 65%;
						font-size: 13px;
					}

.field-item table th	{	background-color: #8dc63f;	
							font-size: 16px;
						}
.field-item table tbody tr	{	border: 5px solid white;
								border-color: white;
								background-color: #f1f8e8;	
								padding: 8px 20px;
								font-size: 
							}
.field-item table td, .field-item table th	{	border: 5px solid white;	
											}
.field-item table tr:hover	{	background-color: #e0eecb;	}
/* Blog Layout Redesign - July 2012 ============================= */
.views-field-field-blog-image	{	float: left;
									margin: 5px 20px 0 0;
									display: inline;
									width: 102px;
									height: 110px;
								}
.field-name-field-blog-image	{	float: left;
									margin: 10px 20px 10px 0;
								}
.field-name-field-tags	{	display: block;
							clear: both;
						}
.view-blog .views-row	{	min-height: 120px;
						}					
/* end Blog Layout Redesign ===================================== */

/* Home Page Layout (2013) ====================================== */
.features	{	text-align: center; padding-top: 30px;	}
.features h2	{	color: #18427b; 
					font-size: 44px; 
					margin-bottom: 0;	
				}
.features h2 > strong	{	font-family: 	}
.feature-prev	{	font-size: 27px;
					line-height: 1.2em;
					width: 750px;
					margin: 0 auto 32px !important;
				}
.feature-prev em	{	color: #18427b; 	
					}
.feature-list-container	{	margin-bottom: 20px;
							background-color: white;
							box-shadow: 0 1px 4px rgba(0,0,0,0.4);
							padding: 0 9px 50px;
						}
.feature-list		{	list-style-type: none;	
						list-style-position: outside; 
						padding: 20px 0 0 0 !important;		
					}
.feature-list li	{	float: left;
						width: 267px;
						padding: 0px 30px 0px;
						min-height: 270px;
					}
.feature-list li span.graphic	{	background-image: url(../images/features-sprite.gif);
									background-repeat: no-repeat;
									width: 110px;
									height: 110px;
									display: block;
									margin: 0 auto;
									text-indent: -9999px;
								}
.feature-item		{}
.feature-item h4	{	font-size: 20px;
						font-weight: bold;
						color: #18427b;
						margin-bottom: 0;
						margin-top: 10px;
					}
.feature-item p		{	line-height: 1.3em;	}
#ww-marketplace span.graphic		{	background-position: 0 0;	}
#easy-rfq span.graphic				{	background-position: -110px 0;	}
#integrated-library span.graphic	{	background-position: -220px 0;	}
#lifecycle-tracking span.graphic	{	background-position: 0 -110px;	}
#bs-ratings	span.graphic			{	background-position: -110px -110px;	}
#analytics span.graphic				{	background-position: -220px -110px;	}
#profile-pages span.graphic			{	background-position: 0 -220px;	}
#eliminate-noise span.graphic		{	background-position: -110px -220px;	}
#easy-quoting span.graphic			{	background-position: -220px -220px;	}

#join-now-callout {
	margin-top: 40px;
}
#join-now-callout .cta	{	font-size: 1.3em !important; 	
						}

#prev-supplier-overview	{	
						}
#prev-supplier-overview h3	{	font-size: 27px;
								line-height: 1em;
								margin: 10px 0;
								color: #18427b; 
							}
#prev-supplier-overview h4	{	font-size: 19px;
								line-height: 1.2em;
								font-weight: bold;
								margin: 8px 0;
							}
#prev-supplier-overview p 	{	font-size: 16px;
							}
							
.home-featurettes		{	margin-bottom: 40px;	}
.home-featurette-list	{	padding: 0 !important;	
							margin-bottom: 40px !important;
							clear: both;
						}
.home-featurette-list.third	{	
							}
.home-featurette-list li	{	background-color: white;
								float: left;
								width: 25%;
								margin-right: 34px;
								box-shadow: 0 1px 4px rgba(0,0,0,0.4);
								padding: 15px 30px;
								position: relative;
								text-align: center;
								min-height: 515px;
							}
.home-featurette-list > li:last-child	{	margin-right: 0 !important;	}
.home-featurette		{}
.home-featurette p 		{	margin-bottom: 40px !important;	}
#mfgwatch-report		{}
#business-intel			{}
#livesource				{}
.featurette-graphic		{	background-image: url(../images/featurette-sprite.jpg);
							background-repeat: no-repeat;
							background-color: white;
							width: 286px;
							height: 194px;
							display: block;
							margin: 30px -18px 10px;
							text-indent: -9999px;
						}
#mfgwatch-report .featurette-graphic	{	background-position: 0 0;	}
#business-intel .featurette-graphic		{	background-position: 0 -215px;	}
#livesource	.featurette-graphic			{	background-position: 0 -430px;	}
#mfgwatch-report h3, #business-intel h3	{	color: #18427b;	}
#livesource h3	{	color: #e37e29;	}
.featurette-title		{	font-weight: bold;
							font-size: 1.5em;
							margin-bottom: 0;
							margin-top: 0;
							padding-bottom: 0;
						}
.featurette-subtitle	{	margin-top: 2px;
							font-size: 1.3em;
							line-height: 23px;
							font-style: italic;
						}
.featurette-cta			{	display: block;
							width: 100%;
							height: 36px;
							position: absolute;
							bottom: 0;
							left: 0;
						}
#mfgwatch-report .featurette-cta 	{	background-color: #cfd9e7; 	}
#business-intel .featurette-cta		{	background-color: #cfd9e7;	}
#livesource .featurette-cta		{	background-color: #faca9c;	}
.featurette-cta a 	{	line-height: 2.7em;
						color: #222 !important;
						font-weight: bold; 
						display: block;
						width: 100%;
						height: 100%;
					}
					
/* Part Discovery / Part Activity Stream */
#part-discovery-cta	{	margin-bottom: 40px;	}
.part-discovery-title	{	font-size: 40px;
							margin-bottom: -15px;
							color: #18427b;	
						}
#part-discovery-cta .button	{	font-size: 22px !important;	
								position: relative;
								top: 11px;
							}

.rfq-list-container	{	border-top: 1px solid #ccc;	
						margin-bottom: 15px;
					}
.rfq-list-container h3	{	margin-top: 0px;
							margin-bottom: 0;
							background-color: #f1f1f1;
							display: inline-block;
							padding-right: 15px;
							position: relative;
							top: -12px;
						}
.rfq-individual-list-container	{	position: relative;	}
.rfq-list	{	margin: 0 0 40px 0;
				padding: 0 0 0 10px;
			}
.rfq-list li.open-rfq	{background-color: white;	
			}
.rfq-list li	{	width: 150px;
					height: 150px;
					float: left;
					margin-right: 48px;
					box-shadow: 0 1px 4px rgba(0,0,0,0.3);
				}
.rfq-list li:hover	{	box-shadow: 0 1px 5px rgba(0,0,0,0.7);
						border: 1px solid #aaa;
						position: relative;
						top: -1px;
						left: -1px;
						margin-right: 59px;
						margin-bottom: 18px;
					}
.rfq-link	{	color: white !important;	}
.open-rfq	{	position: relative;	}
.country-origin	{	position: absolute;
					top:4px;
					right: 8px;
					z-index: 10;
				}
.rfq-close-date	{	position: absolute;
					bottom: 5px;
					padding: 4px 8px;
					border-radius: 50px;
					background-color: rgba(0,0,0,0.7);
					right: 8%;
					margin-left: 7px;
					font-size: 13px;
				}
.rfq-prev-thumbnail	{	position: absolute;
						width: 150px;
						height: 150px;
						overflow: hidden;
					}
#rfq-modal	{	display: none;	
						}

.rfq-individual-list-container ul {
    position:relative; /* required */
    overflow:hidden; /* required */
    margin:0;
    padding: 4px 0 0 4px;
    list-style:none;
}

.rfq-individual-list-container ul li {
    float: left;
	width: 150px;
	height: 150px;
	margin: 0 61px 20px 0;
}

.rfq-individual-list-container .mask {
    position:relative; /* required */
    overflow:hidden; /* required */
    width: 1000px; /* required */
}

.rfq-individual-list-container .pagination-links {
    list-style:none;
    margin:0;
    padding:0;
}

.rfq-individual-list-container .pagination-links li {
    display:inline;
}

.rfq-individual-list-container .pagination-links li.current {
    background:grey;
}

.rfq-individual-list-container .disabled {
    color:grey;
}
.car-nav	{	background-image: url(../images/carousel-nav-sprite.png);
				background-repeat: no-repeat;
				width: 20px;
				height: 150px;
				text-indent: -9999px;
			}
.rfq-individual-list-container .prev	{	position: absolute;
											left: -30px;
											top: 0;
											background-position: 0 0;
										}	
.rfq-individual-list-container	.next	{	position: absolute;
											right: -30px;
											top: 0;
											background-position: -19px 0;
										}
.rfq-individual-list-container .prev.disabled	{	background-position: 0 -150px;	
													opacity: .3;
													cursor: default;
												}
.rfq-individual-list-container .next.disabled	{	background-position: -20px -150px;	
													opacity: .3;
													cursor: default;
												}
/* end Home Page Layout (2013) ================================== */


/* RFQ Modal (2013) ============================================= */

#rfq-modal-container	{	width: 400px;
						    text-align: center;
    					}
#rfq-modal-container h3	{	font-size: 30px;	
							margin-top: 15px;
						}
#rfq-modal-container p	{	font-size: 16px;	}
.supplier-features		{	list-style-type: disc;
						    list-style-position: inside;
						    padding: 0;
						}
#rfq-modal-container #rfq-detail-preview		{	box-shadow: 0 1px 4px rgba(0,0,0,0.4);
													width: 175px;
													margin: 0 auto 10px;
													padding: 10px;
												}
.rfq-detail-preview {	width: 175px;
						min-height: 225px; 
						margin: 10px auto 15px;
						border: 1px solid #ccc;
						box-shadow: 0 2px 4px rgba(0,0,0,0.2);
					}
.rfq-detail-preview .modal-rfq-name	{	font-weight: bold;	}
.rfq-detail-preview .modal-rfq-prev-thumbnail	{	display: block;
													margin: 0 auto 10px;
													width: 150px;
													height: auto;
												}
.rfq-detail-preview .modal-rfq-close-date	{	margin-bottom: 10px;
												display: block;
											}
.rfq-detail-preview .rfq-id	{	margin-bottom: 15px;	}
.supplier-features li	{}
#rfq-modal-container .button	{	margin: 10px auto;
								    display: block;
								    width: 115px;
								}
#rfq-modal-container .registered	{}
#rfq-modal-container .call-now		{	margin-top: 8px;	}
/* end RFQ Modal (2013) ========================================= */

#node-6816781 .field-item.even
{
background: #eee;
border-radius: 10px;
padding-bottom: 20px;
}

#block-views-user-manuals-block-1 h2,
#block-views-user-manuals-block-3 h2,
#block-views-news-and-annoucements-block-1 h2,
#block-views-news-and-annoucements-block-3 h2
{
font-size: 2em;
padding: 10px;
}

#block-views-user-manuals-block-1 .content,
#block-views-user-manuals-block-3 .content,
#block-views-news-and-annoucements-block-1 .content,
#block-views-news-and-annoucements-block-3 .content
{
width: 920px;
margin: 20px;
}

.view-user-manuals td.col-1,
.view-news-and-annoucements td.col-1,
.view-user-manuals td.col-2,
.view-news-and-annoucements td.col-2
{
width: 350px !important;
}

.view-user-manuals,
.view-news-and-annoucements
{
border-radius: 10px;
padding: 0px;
margin: 0px;
background-color: white;
border: 1px solid white;
}

#node-6816781 .views-field-title
{
margin-bottom: 10px;
font-weight: bold;
border-bottom: 1px solid rgba(189, 189, 189, 0.62);
color: rgba(104, 101, 101, 1);
}

.view-user-manuals .views-view-grid.cols-2,
.view-news-and-annoucements .views-view-grid.cols-2
{
width: 900px;
}

.view-user-manuals .views-view-grid.cols-2 img,
.view-news-and-annoucements .views-view-grid.cols-2 img
{
border:0px;
}
.watch-tutorial a {
    padding: 0.6em 0px 0px 1.7em;
    background: url('/sites/all/themes/mfg/images/film.png') no-repeat scroll 0px 9px transparent;
}
#node-6816781 a.url-link {
    padding: 0.6em 0px 0px 1.7em;
    background: url('/sites/all/themes/mfg/images/html.png') no-repeat scroll 0px 9px transparent;
}
.view-news-and-annoucements table.views-view-grid.cols-2 tr td,
.view-user-manuals table.views-view-grid.cols-2 tr td {
vertical-align: top;
}