/*** Rightside of Main-Page Styles ***/

#hp-scroll {position:relative; height:352px; overflow:hidden; border:1px solid #b7b7b7; width:780px; margin:0 0 10px 0;}
#slides {width:9999em; position:absolute; height:301px;}
.sWrapper {float:left; width:780px; height:301px;}
.slide{width:780px; height:301px;}
#thumbs {position:absolute; top:301px; width:780px; height:51px; background:url(http://images.guitarcenter.com/content/gc/genre-sliders/menu-gradient.jpg) repeat-x top left #fafafa;}
#hp-scroll .t a {background:url(http://images.guitarcenter.com/content/gc/hp_slider/hp_sprites.jpg) top left no-repeat #f6f6f6; margin-left:14px; display:block; width:64px; float:left; height:51px; cursor:pointer; background-color:#666;}
#hp-scroll .t a.active {cursor:default !important;}
#hp-scroll a.default {float:right;}

/*** Slider CSS Sprite ***/
#hp-scroll #t0 		  {margin:0 0 0 0; background-position:0px 0px !important;}
#hp-scroll #t0:hover  {background-position:0px -51px !important;}
#hp-scroll #t0:active {background-position:0px -102px !important;}
#hp-scroll #t0.active {background-position:0px -102px !important;}

#hp-scroll #t1			{ background-position:-64px 0px }
#hp-scroll #t1:hover 	{ background-position:-64px -51px; }
#hp-scroll #t1:active	{ background-position:-64px -102px; }
#hp-scroll #t1.active	{ background-position:-64px -102px !important; }

#hp-scroll #t2			{ background-position:-128px 0px; }
#hp-scroll #t2:hover 	{ background-position:-128px -51px; }
#hp-scroll #t2:active	{ background-position:-128px -102px; }
#hp-scroll #t2.active	{ background-position:-128px -102px !important; }

#hp-scroll #t3			{ background-position:-192px 0px; }
#hp-scroll #t3:hover 	{ background-position:-192px -51px; }
#hp-scroll #t3:active	{ background-position:-192px -102px; }
#hp-scroll #t3.active	{ background-position:-192px -102px !important; }

#hp-scroll #t4			{ background-position:-256px -0px; }
#hp-scroll #t4:hover 	{ background-position:-256px -51px; }
#hp-scroll #t4:active	{ background-position:-256px -102px; }
#hp-scroll #t4.active	{ background-position:-256px -102px !important; }

#hp-scroll #t5			{ background-position:-320px -0px; }
#hp-scroll #t5:hover 	{ background-position:-320px -51px; }
#hp-scroll #t5:active	{ background-position:-320px -102px; }
#hp-scroll #t5.active	{ background-position:-320px -102px !important; }

#hp-scroll #t6			{ background-position:-384px -0px; }
#hp-scroll #t6:hover 	{ background-position:-384px -51px; }
#hp-scroll #t6:active	{ background-position:-384px -102px; }
#hp-scroll #t6.active	{ background-position:-384px -102px !important; }
