/* These codes and procedures are copyright protected by Gproxy Design Inc. © 2004/2008 and the website owner. 
Gproxy Design Inc. does not authorize the copy or use of these by any third party company. */


/*-----------------------------------------------
	Home Item list styles
----------------------------------------------- */ 

.name-prod, .name-prod a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3a6eb8;
	font-weight: bold;
    padding-top: 10px;
}
.name-prod a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3a6eb8;
	text-decoration:none;
	font-weight: bold;
	padding-top: 10px;
}
.price-prod {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#dd1010;
	font-weight: bold;
}
.price-prod table {
	width:auto !important;
}
.price-prod table tr{
	background:none !important;
}

.price-prod table .listheadernosort{
	padding:1px 3px;
}

.box-related {
border: 1px solid #c9d1de;
}

/*-----------------------------------------------
	Category list styles
----------------------------------------------- */ 

.cat-title-prod, .cat-title-prod a{
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #1e417c;
	text-align: left;
	text-decoration:none;
	text-transform:uppercase;
	padding-bottom:8px;
	vertical-align: top;
}
.cat-title-prod a:hover {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #1e417c;
	text-align: left;
	text-decoration:underline;
	text-transform:uppercase;
	padding-bottom:8px;
}
.cat-descprod, .cat-descprod a{
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #184584;
	text-align: left;
	text-decoration:none;
	padding-bottom:8px;
}
.cat-thumb-title{
	max-width:162px;
	min-height:162px;
	border:none;
}
.cat-thumb-list,.cat-thumb-list{
	border:none;
	max-width:119px;
	vertical-align:middle;
}
.hideIfTAB {
	display: none;
}
/**
 *	Item list template styles
 */ 

.item-list-template {
	width:705px;
	margin-bottom:15px;
}	

.item-list-template table{
	padding:0;
	margin:0;
	border:0;
	width:100%;
}
.box-imgitemlist {
/*	border: 1px solid #c2c5c9;	*/
	text-align:center;
}

.box-imgitemlist img{
	max-width:705px;
	_width:expression( this.width > 705 ? 705 : true );
	margin:0 auto 15px auto;
}



.itemlist-box, .itemlist-box a  {
	border: 1px solid #c2c5c9;
	background: transparent url(/site/hy-templates/hy-itemlist-bg.jpg) repeat-x left top;
	min-height:161px;
	_height:expression( this.height < 161 ? 161 : true );	
}

div.itemlist-box{
	padding:15px;
	margin-bottom:10px;
}



.searchresults-box{
	border: 1px solid #c2c5c9;
	background-image: url(/site/hy-templates/hy-itemlist-bg.jpg);
	background-repeat:repeat-x;
	height:40px;
	vertical-align:top;
}


/*-----------------------------------------------
	Accounting Item Template styles
----------------------------------------------- */ 
.box-imgitemdrill {
	border: 1px solid #eaeaea;
	width: 250px;
	height:  250px;
}

.box-imggallery {
	border: 1px solid #eaeaea;
	width: 47px;
	height: 47px;
}

.box-cart {
	border: 1px solid #eaeaea;
	background-color:#f5f3f3;
	width: 443px;
	height: 47px;
}
input#qty{
	width:28px;
	border:#999999 solid 1px;
	height:18px;
	vertical-align:top;
	margin:0px;
	padding:0px;
}
.titles-itemdrill {
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	text-transform:uppercase;
	background-image:url(/site/hy-center/hy-related-bg.jpg);
	height: 31px;
	background-repeat: repeat-x;
	padding-left: 16px;
}

.item-desciption {
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	color: #333333;
}

.price-proddrill {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#dd1010;
	text-align: left;
	font-weight: bold;
}
.price-text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#dd1010;
	font-weight: bold;
	text-align: left;
	padding-left: 15px;
}

.item-tab-titles {
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #184584;
	text-transform:uppercase;
	padding-left: 20px;
	padding-right: 20px;
}
.item-tab-desciption {
    border-left: 1px solid #bcc6d6;
    border-right: 1px solid #bcc6d6;
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #184584;
	padding: 20px;
}
.box-tabs {
	border: 1px solid #bcbcbc;
	width: 707px;
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	padding: 20px;
}
.tab-onbg, .tab-onbg a{
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: boldl;
	color: #333333;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 4px;
	padding-bottom: 2px;
	text-decoration:none;
	border-left: 1px solid #bcbcbc;
	border-right: 1px solid #bcbcbc;
	border-top: 1px solid #bcbcbc;
	background-color:#eaeaea;
}
.tab-offbg, .tab-offbg a{
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 4px;
	padding-bottom: 2px;
	text-decoration:none;
	border-left: 1px solid #bcbcbc;
	border-right: 1px solid #bcbcbc;
	border-top: 1px solid #bcbcbc;
	background-color:#ffffff;
}

.box-featured {
border: 1px solid #c9d1de;
}
#mainImage{
	vertical-align:middle;
	max-width:250px;
	max-width:250px;
}
/*-----------------------------------------------
    Image Browser Styles
------------------------------------------------*/
#div_image_browser{
	border:#333333 solid 1px;
	background-color: #FFFFFF;
	width: 500px;
}
#zoomPopUp{
	display:none;
	width:500px;
}

/*-----------------------------------------------
	Related Items styles
----------------------------------------------- */
.box-imgrelated, .box-imgrelated a {
	width: 117px;
	height:117px;
	border: 1px solid #e9e9e9;
}
.box-imgrelated a{
	border:none;
}

.bg-titlerelated {
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	text-transform:uppercase;
	background-image:url(/site/hy-center/hy-related-bg.jpg);
	height: 31px;
	background-repeat: repeat-x;
}
.line-sep {
	border-left: 1px solid #e9e9e9;
	width: 1px;
}
.name-prod, .name-prod a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1e417c;
	font-weight: bold;
	text-decoration:none;
	padding-bottom: 8px;
	vertical-align: top;
}
.name-prod a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1e417c;
	font-weight: bold;
	text-decoration:underline;
	padding-bottom: 8px;
}
.desc-prod, .desc-prod a {
	font-family:Verdana;
	font-size:11px;
	color:#333333;
	font-weight: normal;
	vertical-align: top;
}
.price-prod {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-top: 10px;
	padding-bottom: 10px;
	color:#dd1010;
	text-align: left;
	font-weight: bold;
	vertical-align: top;
}
.box-related {
border: 1px solid #e9e9e9;
}

/*-----------------------------------------------
	Info Items styles
----------------------------------------------- */ 

.titles-infopages {
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	text-transform:uppercase;
	background-image:url(/site/hy-center/hy-related-bg.jpg);
	height: 31px;
	background-repeat: repeat-x;
	padding-left: 15px;
}

.info-desciption, .info-desciption a {
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-align: left;
}
.border-img {
	border: 1px solid #bcbcbc;

}

.hiden{
	display:none;
	visibility:hidden;
}

/* ------------------------------------------------------------------------------ */


/** 
 *	Item list cell COMMON styles 
 */
.itemlist-name, .itemlist-name a {
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #1e417c;
	text-align: left;
	vertical-align: top;
	text-transform:uppercase;
	text-decoration:none;
	padding:25px auto 8px auto;
}
.itemlist-desc{
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: left;
margin-top:10px;
	vertical-align: top;
}
.itemlist-desc a {
	border:none;
	background:none;
	text-decoration:underline;
}
.price-prod {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#dd1010;
}


/**
 * Item list cell styles - two columns 
 */

/* this background is used only in the two columns background to remove the second column vertical background */
.item-list-two-columns {
	background: transparent url(/site/hy-templates/hy-blank-4px-wide.gif) repeat-y right bottom;
}

td.two-columns-cell{
	background: transparent url(/site/hy-templates/hy-item-list-cell-2cols-hor-sep.gif) no-repeat center bottom;
}
.two-columns{
	background: transparent url(/site/hy-templates/hy-item-list-cell-2cols-ver-sep.gif) repeat-y right top;
	padding:15px;
}
.two-columns div{
	text-align:left;
}

/* these styles are either for 1 and for 2 columns layouts */
.thumbnail img{
	margin-bottom:5px;
	padding:5px;
	border: 1px solid #c2c5c9;	

	max-width:250px;
	max-height:250px;
	_width:expression( this.width > 250 ? 250 : true );
	_height:expression( this.height > 250 ? 250 : true );
}

.two-columns .name-prod{
	min-height:30px;
	_height:expression( this.height < 30 ? 30 : true );	
}

.two-columns .price-prod {
	text-align:center;
}



/**
 * Item list cell styles - one column  
 */

td.one-column{
	margin-bottom:15px !important;
}

.one-column .thumbnail{
	width: 160px;	
}

.one-column .thumbnail img{
	margin:5px 0px 20px 5px;
	border: 1px solid #c2c5c9;	
}

.one-column table{
	padding:0;
	margin:0;
	border:none;
	width:100%;
}



.one-column .item-list-cell-border{
	background: transparent url(/site/hy-templates/hy-one-column-divisor.gif) repeat-y right bottom;
	width:11px;
}

.one-column .item-list-cell-data{
	margin:0 10px 20px;
}