﻿/*Hides unnecessary <br> tags above Featured Products*/
#content_area br {display: none;}
#content_area .v65-productDisplay br {display: block;}
#content_area .homepage br {display: block;}

/*****************************
* *   	   OVERRIDES	   * *
*****************************/

.pageWrapInner {
	background: url(../image/pagewrap-inner.jpg) no-repeat;
	background-size: 100% 507px;
}

#content_area {
	background: none;
	border: none;
	width: 700px;
	padding: 0 !important;
}

/*****************************
* *   FEATURED PRODUCTS    * *
*****************************/

.fpTitle {
	background: url(../image/fp-title.jpg) no-repeat;
	height: 35px;
	width: 700px;
	text-indent: -9999px;
}

#content_area table[width="96%"] > tbody > tr > td {
	padding: 20px 0;
	background: #fff;
}

#content_area table[width="96%"] > tbody > tr > td > table.v65-productDisplay {
	background: #fff;
}

#content_area table.v65-productDisplay table.v65-productDisplay tr:last-child td[background$="Grid_Divider_Horizontal.gif"] {
	background: none;
}

#content_area table[width="96%"] {width: 100%;}

#content_area table[width="96%"] table {
	width: 100%;
	border-collapse: collapse;
	text-align: center; /* Center Featured Products Text */
}

#content_area table[width="96%"] td {
	padding: 0;
}

td[background$="Grid_Divider_Horizontal.gif"] {/*Removes vertical divider*/
	background: url(../image/divider-bg.png) repeat-x;
}
	
 /*Removes vertical divider*/
td[background$="Grid_Divider_Vertical.gif"] img {
	width: 1px;
}

td[background$="Grid_Divider_Vertical.gif"] {
	background: url(../image/divider-bg.png) repeat-y;
}

/*Removes vertical divider*/
td[background$="Grid_Divider_Horizontal.gif"] img {
	height: 1px;
}

/* Produt Images */
table.v65-productDisplay a > img {
	max-width: 190px;
}

/* Name */
a.productnamecolor.colors_productname {
	font-weight: bold;
	font-size: 13px;
	color: #205a2d;
	display: inline-block;
}

/* List Price */
.product_listprice, 
.product_listprice b,
/* Our Price */
.product_productprice, 
.product_productprice b {
	font-weight: bold;
	font-size: 16px;
	color: #333;
}

/* Sale Price */
.product_saleprice, 
.product_saleprice b {
	font-weight: bold;
	font-size: 16px;
	color: #900;
	padding-bottom: 5px;
}

/* Deal Price */
.product_dealprice, 
.product_dealprice b,
/* You Save */
.product_yousave {
	font-weight: normal;
	font-style: italic;
	font-size: 13px;
	color: #666;
}

/*****************************
* *       CATEGORIES       * *
*****************************/

.catWrap {
	margin-bottom: 20px;
	width: 700px;
}

.catWrap .cat {
	width: 218px;
	min-height: 50px;
	padding: 150px 0 55px;
	border: 1px solid #ccc;
	text-align: center;
	float: left;
	margin-left: 20px;
	position: relative;
}
.catWrap .cat.one,
.catWrap .cat.four {margin-left: 0;}

.catWrap .cat.one {background: #fff url(../image/electrical.jpg) no-repeat;}
.catWrap .cat.two {background: #fff url(../image/hvac.jpg) no-repeat;}
.catWrap .cat.three {background: #fff url(../image/measuring-instruments.jpg) no-repeat;}
.catWrap .cat.four {background: #fff url(../image/motors-drives.jpg) no-repeat;}
.catWrap .cat.five {background: #fff url(../image/safety-security-systems.jpg) no-repeat;}
.catWrap .cat.six {background: #fff url(../image/motion-control-fluid-power.jpg) no-repeat;}

.catWrap .text {
	font-size: 13px;
	color: #333;
	line-height: 1.5;
}

.catWrap .title {
	font: bold 18px/1.25 "PT Sans Narrow", sans-serif;
	text-transform: uppercase;
	-moz-osx-font-smoothing: grayscale;
	color: #205a2d;
}

.catWrap .shop {
	display: block;
	width: 114px;
	height: 35px;
	background: url(../image/shop-now.png) no-repeat;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	line-height: 35px;
	margin: 0 auto;
	color: #fff;
	text-shadow: 0 1px 0 #000;
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	text-decoration: none;
}

.catWrap .shop:hover {background-position: 0 bottom;}

/*****************************
* *        SLIDESHOW       * *
*****************************/

#slideshow {
	position: relative;
	width: 946px;
	height: 286px;
	border: 7px solid #fff;
	margin: 0 auto 60px;
}

#slideshow:after {
	content: "";
	display: block;
	width: 960px;
	height: 32px;
	background: url(../image/slideshow-shadow.png) no-repeat 50% 0;
	position: absolute;
	top: 293px;
	left: 0;
}

#slideshow .slide {
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
}

#slideshow .currentPic {z-index: 200;}

/*--- BUTTONS --*/

/* Button container */
#btns_wrap {
	position: absolute;
	z-index: 300;
	font-size: 0; /*used to get rid of extra spacing*/
	text-align: center;
	bottom: 15px;
	left: 25px;
}

/* Button sprite */
#btns a {
	display: inline-block;
	text-indent: -9999px;
	background: url(../image/btn-sprite.png) no-repeat 0 0;
	width: 9px;
	height: 9px;
	margin-left: 12px;
}
#btns a:first-child {margin-left: 0;}

/* Button hover/selected */
#btns a.selected,
#btns a:hover {
	background-position: 0 bottom;
}

/*--- ARROWS STYLES ---*/

#btns_wrap a.back_btn,
#btns_wrap a.forward_btn {
	display: block;
	width: 32px;
	height: 32px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0; /*vertically centers image*/
	background: url(/v/vspfiles/templates/guardian/images/homepage/arrow-sprite.png) no-repeat 0 0;
	text-indent: -9999px;
}

/* Back button */
#btns_wrap a.back_btn {
	left: 0;
}

/* Forward button */
#btns_wrap a.forward_btn {
	background-position: right 0;	
	right: 0;
}

/*****************************
* *         TWO UP         * *
*****************************/

.twoUp {margin: 20px 0;}

.twoUp img {display: block;}

.twoUp a.quote {
	display: block;
	float: left;
}

.twoUp a.txmas {
	display: block;
	float: right;
}