/* Easy Slider */
#slider-wrapper { position: relative; float: left;  }
#slider ul, #slider li,  #slider2 ul, #slider2 li { margin:0; padding:0; list-style:none; }
#slider { width: 674px; height: 328px; }
#slider2 { margin-top:1em; }
#slider li, #slider2 li { width: 674px; height: 328px; overflow:hidden; }
#prevBtn, #nextBtn,  #slider1next, #slider1prev { display:block; width:30px; height:77px; position:absolute; left:-30px; top:71px; z-index:1000; }
#nextBtn, #slider1next { left:696px; }
#prevBtn a, #nextBtn a,  #slider1next a, #slider1prev a { display:block; position:relative; width:30px; height:77px; background:url(../images/slider/btn_prev.gif) no-repeat 0 0; }
#nextBtn a, #slider1next a { background:url(../images/slider/btn_next.gif) no-repeat 0 0; }
/* numeric controls */	

	ol#controls { margin:1em 0; padding:0; height:20px; position: absolute; right: 10px; top: 10px; }
ol#controls li { margin:0 5px 0 0; padding:0; font-size: 12px; float:left; list-style:none; height:20px; line-height:20px;}
ol#controls li a { float:left; height:20px; line-height:20px; color:#999999; background: #000; padding:1px 7px; text-decoration:none; }
ol#controls li.current a { background: #000; font-weight: bold; color:#fff; }
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus { outline:none; }
/* // Easy Slider */

/* Cycle */
#controls { z-index: 50; position: absolute; top: 15px; right: 15px; }
#controls a {background: #000;  margin: 0 5px; padding: 5px 8px; text-decoration: none;color:#999999; }
#controls a.activeSlide {background: #000; font-weight: bold; color:#fff; }
#controls a:focus { outline: none; }

#slider li span.comment {
	color:#FFFFFF;
  	float:left;
	position:relative;
	top:-60px;
    font-size: 15px;
	text-align: right;
	width: 654px;
 	padding-right: 20px;
  	background: #000;
    line-height: 60px;
    height: 60px;
}
/* //Cycle */



/**
 * 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; /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 150px; height: 150px; border: 1px solid #cdcdcd; }
.jcarousel-list li:hover, .jcarousel-item:hover { border: 1px solid #a9a9a9; }
/**
	jCarousel - Product Image Slider
	
*/
.jcarousel-next { z-index: 3; display: none; }
.jcarousel-prev { z-index: 3; display: none; }
.jcarousel-skin-tango .jcarousel-container { float: left;background: #f4f4f4 url(../images/background/featured_product_bg.gif) repeat-x; }
.jcarousel-skin-tango .jcarousel-container-horizontal { width: 598px; padding: 15px 38px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.jcarousel-skin-tango .jcarousel-container-vertical { width: 75px; height: 245px; padding: 40px 20px; }
.jcarousel-skin-tango .jcarousel-clip-horizontal { width:  598px; height: 108px; }
.jcarousel-skin-tango .jcarousel-clip-vertical { width:  75px; height: 245px; }
.jcarousel-skin-tango .jcarousel-item { width: 105px; height: 105px; }
.jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: 15px; }
.jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: 15px; }
.jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; }
/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 60px; right: 8px; width: 27px; height: 27px; cursor: pointer; background: transparent url(../images/buttons/next-horizontal.png) no-repeat 0 0; }
.jcarousel-skin-tango .jcarousel-next-horizontal:hover { background-position: -27px 0; }
.jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: -27px 0; }
.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: -54px 0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 60px; left: 8px; width: 27px; height: 27px; cursor: pointer; background: transparent url(../images/buttons/prev-horizontal.png) no-repeat 0 0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background-position: -27px 0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: -27px 0; }
.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; background-position: -54px 0; }
/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical { position: absolute; bottom: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url(../images/buttons/next-vertical.png) no-repeat 0 0; }
.jcarousel-skin-tango .jcarousel-next-vertical:hover { background-position: 0 -32px; }
.jcarousel-skin-tango .jcarousel-next-vertical:active { background-position: 0 -64px; }
.jcarousel-skin-tango .jcarousel-next-disabled-vertical, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active { cursor: default; background-position: 0 -96px; }
.jcarousel-skin-tango .jcarousel-prev-vertical { position: absolute; top: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url(../images/buttons/prev-vertical.png) no-repeat 0 0; }
.jcarousel-skin-tango .jcarousel-prev-vertical:hover { background-position: 0 -32px; }
.jcarousel-skin-tango .jcarousel-prev-vertical:active { background-position: 0 -64px; }
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active { cursor: default; background-position: 0 -96px; }


/* ========================================
	HOMEPAGE LAYOUT
=============================================== */

.wired-home { }

.wired-home .slider { float: left; width: 674px; height: 328px; position:relative; }

.wired-home .promo-right { float: right; width: 265px; }
.wired-home .promo-right img { margin-bottom: 22px; }
.wired-home .promo-right img.last { margin-bottom:0px; }

.wired-home .promo-bottom { clear: both; margin-top: 15px; }

.wired-home .subpromo { margin: 20px 0px;clear:both; }
.wired-home .subpromo .brands { float: right; }
.wired-home .subpromo .offers { float: left; }
.wired-home .subpromo .offers img { margin-right: 20px; float: left;white-space: pre-wrap; }

.wired-home .featured-social { margin-top: 15px; }
.wired-home .subscribe { min-height: 110px;width: 235px; -moz-border-radius: 10px; -webkit-border-radius: 10px; float: right;background: #f4f4f4 url(../images/background/featured_product_bg.gif) repeat-x; padding: 10px 15px; }
.wired-home .subscribe strong { font-size: 16px; }
.wired-home .form-subscribe { margin:8px 0; background:url(../images/background/subscribe_bg.png) no-repeat; width: 233px; height: 33px; }
.wired-home .form-subscribe label { display: none; }
.wired-home .form-subscribe label,
.wired-home .form-subscribe .input-box,
.wired-home .form-subscribe button.button { float:left; }
.wired-home .form-subscribe label { padding-top:2px; font-weight:bold; color:#555; }
.wired-home .form-subscribe .input-box { width:136px; margin:0 5px;  }
.wired-home .form-subscribe input.input-text { width:160px; padding: 10px 0 0 40px; background: none; border: none;}
.wired-home .form-subscribe button.button { position:relative; float: right; top: 10px;}
.wired-home .form-subscribe button.button span { text-indent: -9999px; height:13px;width: 12px; background: transparent url(../images/buttons/subscribe_btn.gif) no-repeat top left; line-height:13px; }
.wired-home .form-subscribe button.button span span { background: none !important; color: #444 !important; text-shadow: 0px 1px #fff !important; }