/* For placing quote request forms in-line with article content. */
div.inlineForm form {
	float: right;
}

table.partsListing td {
	text-align: center;
	font-weight: bold;
	font-size: smaller;
	height: 40px;
}
table.partsListing tr:nth-child(odd) {
	background-color: #EEE;
}
table.partsListing th {
	background-color: #B0E0FF;
	text-align: center;
	font-size: smaller;
	min-width: 80px;
}
table.partsListing {
	border:1px solid black;
	border-collapse:collapse;
	float: left;
}

/* For putting space in between the rows of K2 items. They were bunched together. */
.K2ItemsRow {
	margin-bottom: 30px;
}

/* For the forming shapes quote page. 
 * The measurement input boxes should be hidden to start. */
fieldset#cf_container_24 div.cfdiv_text {
	display: none;
}

div#noeye_container_div {
	display: none;
}

div#thickness1_container_div {
	display: none;
}

div#resetshapesbutton_container_div {
	display: none; 
}

input#resetShapesButton {
	background-color: #FFD14E;
}



/* For the tomato cages ad page */
div.tomatoCageSellingPoint {
	margin-right: auto;
	margin-left: auto;
	float: left;
	padding: 45px;
	text-align: center;
	display:inline-block;  
	flex-grow: 1;
	width: 150px;
}
div.tomatoCageSellingPointRow {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}

h3.tomatoCageSellingPointRowHeader {
  border-bottom: 1px solid;
  padding-bottom: 2px;
  text-align: center;
}

/* for the sf menu. */

/* This makes all the links in the submenu items 
 * the full width of their container, which makes the whole line
 * clickable and thus easier to click. */
.sf-menu ul.sub-menu  li  a {
	width: 100%;
}

ul.sf-menu ul.sub-menu li.lastItem {
  line-height: 42px;
}
ul.sf-menu ul.sub-menu li.lastItem a{
  height: 100%;
}

/* For the "Get a Quote" page */
div.quoteTypeContainer {
	display: flex; 
	flex-wrap: wrap;
	justify-content: space-between;	
}

div.quoteType {
	flex-grow: 1;
	max-width: 400px;
}

div#serviceQuotesList {
	flex-grow: 2;
	min-width: 310px;
	max-width: 400px;
}

/* With the new taller logo, the header area must have
 * a set height to prevent a gap forming between the 
 * menu and the content of the page.
 */
div#rt-header div.rt-wrap div.rt-container div.rt-grid-4.rt-alpha div.rt-block {
	height: 79px;
}

/* Styling the services form. */
div.quoteform {
	background: #555;
    padding: 20px 30px 20px 30px;
    font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: black;
    /*text-shadow: 1px 1px 1px #444; */
    border: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

div.quoteform legend {
	/* copied from h3 declaration */
	color: #D3D3D3;
	font-family: 'Oswald',sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 22px;
	text-transform: none;
	margin-top: -15px;
	text-shadow: 1px 1px 1px #444;
	white-space: nowrap;
}

div.quoteform fieldset {
	background-color: white;	
	margin-bottom: 35px;
}

div.quoteform input[type=submit] {
	color: black;
}

/* For the front page, this should allow the products to scroll from side to side. */
#tabs div.ui-tabs-panel .tabModule {
	overflow-x: scroll;
}

div.k2ItemsBlock ul { 
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

ul.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all {
	display: none;
}

#tabs div.ui-tabs-panel {
  background: none;
}

div#tabs h3 {
	color:	white;
	margin-left: 10px;
}

div.frontPageOfferingSlider .bt-cs .bt-inner a.bt-title  {
  clear: both;
  color: #b0e0ff;
  display: inline-block;
  font-weight: bold;
  line-height: 150%;
  text-transform: uppercase;
}

div.frontPageOfferingSlider .bt-cs .bt-inner {
  text-align: center;
}

div.metalInformation h2 {
	margin-top: 45px;
}

div.rt-container div.rt-grid-12.rt-alpha.rt-omega {
	padding-bottom: 40px;
}

div.rt-container div.rt-grid-12.rt-alpha.rt-omega div.module-title h2 {
	color: white;
	padding-left: 20px;
}

/* Designing the rolling shapes page. */
div.rollingImage {
	float: left;
}

div.rollingPage h2 {
	padding-top: 20px;
}

/* For the shopping cart pages. */
	/* Removes the sort options from the category view. */
	div.products-list-container div.sortPagiBar {
		display: none;
		visibility: hidden;
	}
	
	/* Removes the "call for price" from the product catalog category view.  It's very redundant. */
	div.products-list-container div.eshop-product-price {
		display: none;
		visibility: hidden;
	}
	
	/* Removes the "Add to Quote" button from the category view page. */
	div.products-list-container input[id^='add-to-quote-'], div.products-list-container input[id*=' add-to-quote-']
	{
		display: none;
		visibility: hidden;
	}
	
	div.product-info div.span12 {
		width: auto !important;
	}
	
	div.span6.eshop-pre-nav,
	div.span6.eshop-cat-nav,
	div.span6.eshop-next-nav {
		width: 31%; /* need to add in one more div to the navigation row for products. */
	}
	
	div.span6.eshop-cat-nav {
		text-align: center; /* centers the center div, which is a link back to the category of the current item */
	}
	
	span.eshop-quantity input.eshop-quantity-value {
		height: 20px; /* the height of the quantity box on each item page was borked. */
		font-size: 12pt; /* Overrides templates/theme1155/css/normalize.css:392 so that the value appears in the box! */
	}
	
	div#quote-form-area textarea#message {
		width: 210px; /* aligns the text box with the rest of the form. */
	}
	
	div#cboxLoadedContent div a,
	div#cboxLoadedContent div a:hover,
	div#cboxLoadedContent div a:visited {
		color: #b0e0ff; /* this is the color for the links inside the popup that appears after adding an item to the quote bin. */
	}
	
	div.eshop-items h4 {
		color: white;
		position: relative;
		top: 6px;
		left: 22px;
		
	}
	
	div.eshop-items {
		background-image: url('../../../images/1439356835_shopping22.png');
		background-color: black;
		padding-left: 32px;
		background-repeat: no-repeat;
		background-position: 5px 0px;
		-webkit-border-bottom-right-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-bottomright: 10px;
		-moz-border-radius-bottomleft: 10px;
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;
	}
	
	#eshop-quote .eshop-items a span {
    /*background: rgba(0, 0, 0, 0) url("../images/arrow-down.png") no-repeat scroll 100% 50%;*/
	background: none !important;
    color: white;
    font-weight: bolder;
    left: -31px;
    padding-right: 80px !important;
	padding-bottom: 18px;
	padding-left: 30px;
    position: relative;
    top: -18px;
	}
	
	div#eshop-quote {
		display: inline-block;  /* so that the quote widget doesn't take up the entire top of the screen. */
		position: fixed;  /* so that the quote bin tab is always visible... */
		right: auto;  /* so that the tab doesn't jump to the right side of the screen */
	}
	
	/*removes call for price from the front page sliders. */
	span.call-for-price {
		display: none;
	}
	
	div.slick-slide {
		margin-left: 40px;
		text-align: center;
	}
	
	div.image.slick-slide a {
		color: #b0e0ff;
		font-size: 16px;
		font-weight: 700;
		text-transform: uppercase;
		text-align: center;
	}
	
	div.image.slick-slide a img {
		margin-left: auto;
		margin-right: auto;
	}