@CHARSET "ISO-8859-1";
/* CSS Document */
/******************************************************************************/
/**
 * CSS for Jacrosuel
 */

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
	position: relative;
}

.jcarousel-clip {
	z-index: 2;
	padding: 0;
	margin: 0;
	overflow: hidden;
	position: relative;
}

.jcarousel-list {
	z-index: 1;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
	float: left;
	list-style: none;
	width: 75px;
	height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
	z-index: 3;
	display: none;
}

.jcarousel-prev {
	z-index: 3;
	display: none;
}


/******************************************************************************/
/**
 * CSS to Display image and bar
 */

#bestsellerstab{
	width:104px;
	margin-bottom:0px;
	border:0px solid pink;
	float:right;
	margin-top:-172px;
	z-index:3;
	position:relative;
}

#newarrivals {
	width:auto;
	margin-top:3px;
	height:172px;
	border:0px solid blue;
	text-align:left;
	background:url(../img/newArrival_bg.jpg) repeat-x;
	overflow:hidden;
}

#newarrivals ul {
	list-style: none;
	margin-left:-5px;
	padding-right:5px;
	border:0px dotted yellow;
}

#newbar{
	border:0px solid red;
	margin-top:5px;
	background:#002C60;
	height:8px;
	width:auto;
}


/******************************************************************************/
/**
 * CSS to Display image horizontal buttons
 */

.jcarousel-skin-tango .jcarousel-container {
	padding-top:8px;
	padding-left:25px;
	z-index:2;
}

/**
 *This is for Next Button
 */
.jcarousel-skin-tango .jcarousel-container-horizontal {
	width: 675px;
}

/**
 * This is for books to display
 */
.jcarousel-skin-tango .jcarousel-clip-horizontal {
	width: 660px;
	height: 100%;
	border:0px solid red;
}

/**
 * This is for spacing between the Images
 */
.jcarousel-skin-tango .jcarousel-item {
	width: 100px;
	height: 100%;
	border:0px solid red;
	padding-left: 10px;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
	position: absolute;
	top: 135px;
	right:-6px;
	width: 7px;
	height: 13px;
	cursor: pointer;
	border:0px solid pink;
	background-image:url('../img/next.png');
	background-image:url('../img/next.gif');
	background-repeat:no-repeat;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
	background-image:url('../img/next_2.png');
	background-image:url('../img/next_2.gif');
	background-repeat:no-repeat;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
	background-image:none;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
	cursor: default;
	background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
	position: absolute;
	top: 135px;
	left: 10px;
	width: 7px;
	height: 13px;
	cursor: pointer;
	border:0px solid pink;
	background-image:url('../img/prev.png');
	background-image:url('../img/prev.gif');
	background-repeat:no-repeat;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
	background-image:url('../img/prev_2.png');
	background-image:url('../img/prev_2.gif');
	background-repeat:no-repeat;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
	background-image:none;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
	cursor: default;
	border:0px solid pink;
	background-position: -96px 0;
}

.bestsellers_item {
	width: 105%;
	padding-bottom: 4px;
	background-position:left bottom;
}

.bestsellers_item_shadow {
	background-image:url('../img/NewArrivals_itembg.png');
	background-repeat:no-repeat;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #fff;
	background-color: #002C60;
	padding: 5px;
	opacity: 0.85;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:9px;
}

#tooltip h1{
	color:#fff;
	font-size:11px;
	padding:0px;
	margin:0px;
}

#tooltip p{
	margin:0px;
	color:#FFE9AA;
	padding:0px;
	font-size:11px;
}

#tooltip h3, #tooltip div { margin: 0; }