/* PikaChoose Image Gallery */
/* These hieghts and widths should be edited to your images */
.pikame {background:#e4e4e4;  position: relative;  }	
.pikame ul, body.black #content-bottom-center .pikame ul{padding-left:0;margin:0 auto;}
.pikame .pika_main{width:440px;margin:0 auto;padding-top: 2px;}

/* thats all you NEED to edit. But continue if you'd like. */
.pikame li img{position:relative;cursor:pointer;}
.pikame .pika_main img{border:none; margin: 5px auto;display: block;}
.pikame .pika_main{position: relative;margin:0px auto;}
.pikame .pikachoose li{float:left;position:relative;overflow:hidden;list-style:none;}
.pikame .pika_play{position:absolute;top:10px;right:20px;z-index:1;}
.pikame .pika_play a{position:relative;margin-left:auto;cursor:pointer;}
.pikame .pika_play img{border:none !important;}
.pikame .pika_caption{width:100%;height:30px;color:#000000;padding-top:10px;text-align:center;}
.pikame .pika_navigation a{font-size: 12px;text-decoration: none;}
.pikame .pika_navigation a:hover{text-decoration: underline;}
.pikame .pika_navigation{padding-top:10px;clear:both;text-align:center;}
.pikame .pika_navigation{clear:both;left:1px;padding-top:10px;position:absolute;text-align:center;top:143px;z-index:100;width:454px;}
/* awful IE6 hack - time pressure */

.pikame .pika_navigation a.float-left {float:left;}
.pikame .pika_navigation a.float-right {float:right;}
.pikame .pika_navigation a {cursor:pointer;}
/* SliderJS */
.sliderjs{margin: 0px;}
.sliderjs li{float: left;border:none;padding:0px 15px;}

/* Inner Pikachoose : design */
#innerPika .pikame {margin-bottom: 10px;}
body.black #content-bottom-center #innerPika .sliderjs ul {margin: 0px; }


.pikameSmall {position: relative; width: 215px; margin-bottom: 15px;}	
.pikameSmall ul{padding-left:0;margin:0 auto;}
.pikameSmall .pika_main{width:220px;padding:20px 0px 5px 0px;margin:0 auto;}
.pikameSmall li{float: left;border:none;padding:0px 5px;}
.pikameSmall .pika_main .pika_subdiv a .mag
{
	display: block;
	position:absolute;
	top: -10px;
	left: 0px;
	z-index: 200;
	background: url(../images/icons/search.png) no-repeat right bottom;
	width: 100%;
	height: 100%;
	
}
/* thats all you NEED to edit. But continue if you'd like. */
.pikameSmall li img{position:relative;cursor:pointer;}
body.products #content-bottom .pikameSmall .pika_main img{border:none; margin: 0px auto;display: block;}
.pikameSmall .pika_main{position: relative;margin:0px auto; margin-top: 9px;}
.pikameSmall .pikachoose li{float:left;position:relative;overflow:hidden;list-style:none;}
.pikameSmall .pika_play{position:absolute;top:10px;right:20px;z-index:1;}
.pikameSmall .pika_play a{position:relative;margin-left:auto;cursor:pointer;}
.pikameSmall .pika_play img{border:none !important;}
.pikameSmall .pika_caption{width:205px;height:20px;color:#666666;text-align:left; position: absolute; top:0; padding-left:8px; margin-bottom: 9px; display: block; font-weight: bold; font-size:12px}
.pikameSmall .pika_navigation a{font-size: 12px;text-decoration: none;}
.pikameSmall .pika_navigation a:hover{text-decoration: underline;}
.pikameSmall .pika_navigation{padding-top:10px;clear:both;text-align:center;width: 218px}
.pikameSmall .pika_navigation{clear:both;position:absolute;text-align:center;top:83px;left:-5px;z-index:300;width:228px;}
/* awful IE6 hack - time pressure */
.pikaSmall .sliderjs{margin:0;}

.pikameSmall .pika_navigation a.float-left {float:left;}
.pikameSmall .pika_navigation a.float-right {float:right;}
.pikameSmall .pika_navigation a {cursor:pointer;}

.pikameSmall .pika_main .pika_subdiv #lbAlert {
	display: block;
	font-size: 11px;
	font-weight: bold;
	color: #666;
	position: relative;
	z-index: 200;
	text-align:center;
}