﻿/*Horizontal Orientation CSS*/
.jcar-box   { width: 200px; height: 330px; background: #FFFFFF; }
.jcar-w1    { width: 200px; height: 20px; margin: 5px auto 5px auto; }
.jcar-w2    { width: 200px; height: 180px; margin: auto; }
.jcar-w3    { width: 190px; height: 55px; margin: 5px auto 5px auto; padding: 5px; }
.jcar-w3 a  { color: #2d3536; font-size: 17px; line-height: 17px; font-weight: bold; font-family: 'Open Sans Condensed', serif; text-transform: uppercase; text-decoration: none; }
.jcar-w4    { width: 200px; height: 30px; margin: auto; }
.jcar-w4 span.price     { width: 92px; height: 30px; padding: 8px 0 0 0;  display: block; float: left; font-size: 16px; line-height: 16px; font-weight: bold; font-family: 'Open Sans Condensed', sans-serif; }
.jcar-w4 .buttcart   { width: 92px; height: 20px; padding: 10px 0 2px 0; margin-top: 5px; display: block; float: right; background: #C0C0C0; }
.buttcart  a { font-size: 14px; line-height: 14px; color: #FFFFFF; font-family: 'PTSansNarrowRegular', serif; text-transform: uppercase; text-decoration: none; }

#carouselh img { width: 150px; }

.jscarousal-horizontal
{
	width: 890px;
	height: 336px;
	margin: auto;
	padding: 5px 0 5px 5px;
	position: relative; /*overflow: hidden;*/
}
.jscarousal-horizontal-back, .jscarousal-horizontal-forward
{
	float: left;
	width: 20px;
	height: 50px;
	color: White;
	position: relative;
	top: 146px;
	cursor: pointer;
}
.jscarousal-horizontal-back
{
	background: url(../image/left_arrow-h.png) no-repeat left center;
}
.jscarousal-horizontal-back:hover
{
	background: url(../image/left_arrow.png) no-repeat left center;
}
.jscarousal-horizontal-forward
{
	background: url(../image/right_arrow-h.png) no-repeat right center;
}
.jscarousal-horizontal-forward:hover
{
	background: url(../image/right_arrow.png) no-repeat right center;
}
.jscarousal-contents-horizontal
{
	width: 825px;
	height: 336px;
    left: 0px;
	float: left;
	position: relative;
	overflow: hidden;
}
.jscarousal-contents-horizontal > div
{
	position: absolute;
	width: 100%;
	height: 320px;
}
.jscarousal-contents-horizontal > div > div
{
	float: left;
	margin-left: 3px;
	margin-right: 3px;
}
/*Horizontal Orientation CSS Ends*/

/*Common*/
.hidden
{
	display: none;
}
.visible
{
	display: block;
}
.thumbnail-text
{
	color: #7A7677;
	font-weight: bold;
	text-align: left;
	display: block;
	padding: 10px 2px 2px 0px;
}
