﻿/* root element for tabs */
ul.tabs {list-style:none;margin:0 !important;padding:0;border-bottom:1px solid #d3d3d3;height:34px;}
/* single tab */
ul.tabs li {float:left;text-indent:0;padding:0;margin:0 !important;list-style-image:none !important;}
/* link inside the tab. uses a background image */
ul.tabs a {background: url(../images/product-tabs.png) no-repeat -420px 0;font-size:13px;display:block;height: 35px;line-height:33px;width: 110px;text-align:center;text-decoration:none;color:#6c6c6c;padding:0px;margin:0px 0px 0px 5px;position:relative;top:1px;font-weight:bold;}
/* link inside the tab. uses a background image */
ul.tabs li a.nationwide {display: block;width: 110px;height: 33px;color:#FFF !important;font: bold 13px Arial,Helvetica,sans-serif;text-align: center;line-height: 260%;background-color: #FFF;background-image: url(../images/product-tabs-red.png) !important;background-position: -420px -35px !important;text-decoration: none;}
/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs li a.nationwide:hover {background-position: -420px -70px;cursor:pointer !important;color:#eee !important;}
ul.tabs a:active {outline:none;}
/* when mouse enters the tab move the background image */
ul.tabs a:hover, ul.tabs a.current:hover, ul.tabs a.current:active{background: url(../images/product-tabs.png) no-repeat -420px -70px !important;color:#000;}
/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs li.current a {background: url(../images/product-tabs.png) no-repeat -420px -35px !important;cursor:default !important;color:#fff;}
/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */
/* width 1 */
ul.tabs a.s {background-position: -553px 0;width:81px;}
ul.tabs a.s:hover {background-position: -553px -31px;}
ul.tabs a.s.current {background-position: -553px -62px;}
/* width 2 */
ul.tabs a.l {background-position: -248px -0px;width:174px;}
ul.tabs a.l:hover {background-position: -248px -31px;}
ul.tabs a.l.current {background-position: -248px -62px;}
/* width 3 */
ul.tabs a.xl {background-position: 0 -0px;width:248px;}
ul.tabs a.xl:hover {background-position: 0 -31px;}
ul.tabs a.xl.current{background-position: 0 -62px;}
/* initially all panes are hidden */ 
.panes .pane {display:none;}
.seach-headline{color:#888888;margin:5px 0 15px 0;font-size:18px;font-weight:normal;}
.options-wrapper{border-bottom:#D3D3D3 solid 1px;border-left:#D3D3D3 solid 1px;border-right:#D3D3D3 solid 1px;padding:5px;}
ul.tabs {overflow: hidden;list-style: none;margin: 0;padding: 0;border-bottom: 1px solid #D3D3D3;}
ul.tabs li {float: left;margin-left: 4px;}
ul.tabs li a {display: block;width: 110px;height: 33px;color: #777;font: bold 13px Arial,Helvetica,sans-serif;text-align: center;line-height: 260%;background-color: #FFF;background-image: url(../images/product-tabs.png);background-position: -420px 0;text-decoration: none;}
#search_nav ul.tabs {background:none !important}
.slider-tabs{font-family:Arial, Helvetica, sans-serif;font-weight:bold;}
.gc-featured-slider ul.tabs {height:28px !important;border-bottom:none !important}
.gc-featured-slider ul.tabs li {float:left;text-indent:0;padding:0;margin:0 !important;list-style-image:none !important;}
.gc-featured-slider ul.tabs a {background:url(/includes/guitarcenter/images/features/tabs-small-tab.png) no-repeat 0px 0 !important;font-size:15px;display:block;height: 28px;line-height:30px;width: 125px !important;text-align:center;text-decoration:none;color:#000;padding:0px;margin:0px;position:relative;outline: none;}
.gc-featured-slider ul.tabs a:hover {background:url(/includes/guitarcenter/images/features/tabs-small-tab.png) no-repeat 0px 0 !important;color:#666666;}
.gc-featured-slider ul.tabs a.current{background:url(/includes/guitarcenter/images/features/tabs-small-tab.png) no-repeat 0px -63px !important;cursor:default !important;}
