@charset "UTF-8";
/* CSS Document */

#customization-nav-wrapper { background-color: #CACACA; border-radius: 5px 5px 5px 5px; box-shadow: 0 0 8px #000000; height: 43px; width: 980px; margin-bottom:15px; }
#customization-nav-container { margin-left: auto; margin-right: auto; padding-top: 10px; text-align: center; width: 953px; }
.customization-nav-links { color: #d7fc8b; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; margin-left: 3px; margin-right: 3px; text-align: center; padding-top:5px; }
.customization-nav-links a { color:#4C4C4C;  text-decoration:none;}
.customization-nav-links a:hover { color:#fff; }
.customization-nav-links-bar { color:#4C4C4C; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; margin-left: 3px; margin-right: 3px; text-align: center; padding-top:5px;}
#top-background { /*background: url(/f1/images/customization-images/top-bkgd.png) repeat-x scroll 0 0 transparent;*/ width: 100%;}
#custom-middle-content-container { margin-left:auto; margin-right:auto; width:980px; position:relative; top:-7px}
#custom-top-middle-content-area { margin-top: 5px; min-height: 307px; padding: 12px 0 0 0; position: relative;}
#custom-slider { background:#ccc; position:relative; z-index:5; box-shadow:0px 0px 8px #000; }
#overview-container { width:294px; height:337px; background:url(/f1/images/customization-images/overview-bg.png ) no-repeat; position:absolute; left:620px; z-index:10; padding:10px 18px 10px 18px; font-family:Arial, Helvetica, sans-serif;  }

#overview-container h1 { font-family:Arial, Helvetica, sans-serif; color:#00b4ff; font-size:38px; line-height:33px; }
#overview-container p { font-size:11px; color:#fff; }
#overview-container h3 { font-size:16px; color:#ffde00; font-weight:normal; }
#overview-container h4 { font-size:11px; color:#00b4ff; font-weight:normal; }
#product-menu { width:297px; padding:3px; height:29px; border:1px solid #000; background-color:#e5e5e5; }

#customization-tab-container {background: url(/f1/images/customization-images/tabs-bg2.png) repeat-x scroll 0 0 transparent; float: left; width: 100%;}
#customization-examples-container {background: url(/f1/images/customization-images/tabs-bg2.png) repeat-x scroll 0 0 transparent; float: left; width: 100%; padding-top: 45px;}
#sgia-customization-examples-container {background: url(/f1/images/customization-images/tabs-bg2.png) repeat-x scroll 0 0 transparent; float: left; width: 100%; padding-top: 45px;}
#tab-holder { height: 420px; margin:0 auto; width: 980px;}

#bottom-info {
	color:#000;
}





 /* image replacement */
        .graphic, #prevBtn, #nextBtn, #custom-slider1prev, #custom-slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			
	#custom-slider_container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:980px;
		background:#000;		
		margin-bottom:1em;
		}				
	#custom-slider_content{
		position:relative;
		}			

/* Easy Slider */

	#custom-slider ul, #slider li,
	#custom-slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#custom-slider2{margin-top:1em;}
	#custom-slider li, #custom-slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:980px;
		height:337px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#custom-slider1next, #custom-slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#custom-slider1next a, #custom-slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #custom-slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:5px 0;
		padding:0;
		height:15px;
		font-size:10px;
		font-family:Arial, Helvetica, sans-serif;	
		}
	ol#controls li{
		margin:0 5px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:5px;
		line-height:5px;
		}
	ol#controls li a{
		float:left;
		height:15px;
		line-height:15px;
		border:1px solid #ccc;
		background:#CCC;
		color:#999;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#666;
		color:#FFF;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{ outline:none; }
	
/* // Easy Slider */


#custom-notice { color:#ff0000; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-left:15px; }
.custom-sku-name { font-size:10px; }



/*---------- TABS */



/* root element for tabs  */
.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;
	height:35px;
		
}

/* single tab */
.tabs li { 
	float:left;	 
	text-indent:0;
	padding:10px 3px;
	margin:0 0 0 0 !important;
	list-style-image:none !important; 
        
        display:block;
	
}

/* link inside the tab. uses a background image */
.tabs a { 
	
	font-size:13px;
	display:block;
	
	font-family:Arial, Helvetica, sans-serif;
	vertical-align:middle;
	text-align:left;	
	text-decoration:none;
	line-height:12px;
	text-align:center;
	color:#000;
	background:url(/f1/images/customization-images/tabs-bg3.png) repeat-x 0 18px #a8a8a8;
    display:block;
	padding:7px 10px;
	margin:0px;	
	position:relative;
	top:0px;
    width:110px;
	height:13px;
	
}

.tabs a:active {
	outline:none;
        color:#fff;

}

/* when mouse enters the tab move the background image */
.tabs a:hover {
	background:url(/f1/images/customization-images/tabs-bg3.png) repeat-x 0 18px #a8a8a8;
	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.tabs .current, .tabs .current:hover, .tabs li.current a {
	background:url(/f1/images/selected_product_tab.png) no-repeat center -5px;
	height:30px;		
	cursor:default !important; 
	color:#fff !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
.tabs .w1 			{ background-position: -519px 0; width:134px; }
.tabs .w1:hover 	{ background-position: -519px -31px; }
.tabs .w1.current { background-position: -519px -62px; }

/* width 2 */
.tabs .w2 			{ background-position: -366px -0px; width:154px; }
.tabs .w2:hover 	{ background-position: -366px -31px; }
.tabs .w2.current { background-position: -366px -62px; }


/* width 3 */
.tabs .w3 			{ background-position: -193px -0px; width:174px; }
.tabs .w3:hover 	{ background-position: -193px -31px; }
.tabs .w3.current { background-position: -193px -62px; }

/* width 4 */
.tabs .w4 			{ background-position: -0px -0px; width:194px; }
.tabs .w4:hover 	{ background-position: -0px -31px; }
.tabs .w4.current { background-position: -0px -62px; }


/* initially all panes are hidden */ 
.panes > div {
        display:none;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:25px;
	
}

.panes h2 { font-size:13px; font-weight:bold; color:#000; text-transform:uppercase; font-weight:bold; margin-bottom:3px; }
.panes h3 { font-size:12px; color:#000; font-weight:bold; text-transform:uppercase; }
.panes p { font-size:14px; color:#363636; line-height: 20px; }
.panes li { font-size:12px; }
.panes a { font-size:14px; }

.panes p.cus-code { font-size:11px; line-height: 10px; }

.pane-bg { min-height:280px; padding:10px 10px 10px 3px; margin-top:20px; font-family:Arial, Helvetica, sans-serif; }

/* end tabs */


#top-info { position:relative; display:inline-block; width:100%; padding-bottom:20px; }
#info-pic { postion:relative; float:left; width:192px; }
#info-description { position:relative; float:left; width:970px; }
#info-description-specialitypage { position:relative; float:right; width:348px; padding-left:15px; margin-right:10px; padding-top: 8px; font-size:14px; color:#000; }
#info-pic2 { postion:relative; float:left; width:225px; }
#info-description2 { position:relative; float:left; width:557px; padding-left:15px; margin-right:45px; }
#info-price { position:relative; width:192px; }
.description-price-left { width:215px; font-size:14px; color:#363636; border-bottom:1px solid #CCC; padding:2px 0 2px 0; }
.description-price-right { width:45px; font-size:14px; color:#363636; border-bottom:1px solid #CCC; padding:2px 0 2px 0; }
.description-price-right2 { width:66px; font-size:12px; color:#363636; border-bottom:1px solid #CCC; padding:2px 0 2px 0; }
.authentic-price-left { width:415px; font-size:12px; color:#363636; border-bottom:1px solid #CCC; padding:2px 0 2px 0; }
.authentic-price-right { width:45px; font-size:12px; color:#363636; border-bottom:1px solid #CCC; padding:2px 0 2px 0; }

.title-underline { border-bottom:1px solid #a0a0a0; margin-bottom:3px; }
.specialtyViews { display:none; }
#sample-images-slow img, #sample-images-fast img, #sample-images-base img { margin:5px; }
#sample-swatch img { margin:0px; }



/*---------- END OF TABS */

#custom-service-btns { padding:10px; text-align:center; }
#custom-service-btns img {border:0; width: 152px; }
#custom-privacy-policy { font-size:8px; }
#custom-lead-times { position:absolute; width:380px; height:130px; left:500px; padding:0px 0 10px 0; background:#fff; }
#custom-lead-times h3 { background:#000; padding:5px 10px 5px 10px; color:#fff; }
#custom-lead-times p { padding:5px 10px 0 10px; }

#custom-lead-times2 { width:380px; height:130px; padding:0px 0 10px 0; margin-bottom:20px; background:#fff; }
#custom-lead-times2 h3 { background:#000; padding:5px 10px 5px 10px; color:#fff; }
#custom-lead-times2 p { padding:5px 10px 0 10px; }

#custom-lead-times-new { padding:0px 0 10px 0; margin-bottom:20px; background:#fff; text-align: center; margin-bottom:25px; width:930px; }
#custom-lead-times-new h3 { background:#818181; padding:5px 10px 5px 10px; color:#fff; font-size:12px; text-align: left; }
#custom-lead-times-new p { padding:5px 10px 0 10px; }

#custom-pricing-left { position:relative; float:left; display:inline-block; width:350px; padding:10px 0 0 10px; margin-right:100px; margin-left:25px; }
#custom-pricing-right { position:relative; float:right; display:inline-block; width:350px; padding:10px 10px 0 0; }
#custom-pricing-right-specialtypage { position:relative; float:right; display:inline-block; padding:10px 10px 0 0; }
.pricing-overview-title { text-align:center; font-size:18px; font-weight:bold; color:#000; height:25px; margin-bottom:15px; border-bottom:1px solid #CCC; }


#sizing-chart { position:absolute; top:495px; right:265px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#545454; }
#sizing-chart a { color:#545454; text-decoration:none; cursor:default; }
#sizing-chart a:hover { color:#fff; }

#swatch-wrapper { position:relative; margin-bottom:20px; display:inline-block; }
.color-swatch { width:75px; height:75px; border:1px solid #999; display:inline-block; float: left;}
.color-swatch-wrapper { text-align: center; font-size:12px; width:76px; height:100px; margin:5px; display:inline-block; }
.texture-swatch-wrapper {
    display: inline-block;
    font-size: 12px;
    height: 175px;
    margin: 5px 12px;
    text-align: center;
    width: 150px;
}

#baseball-authentic-sizing {
     font-size:12px;
     text-align:left;
	 color:#000;
}
.bold {
     font-weight:bold;
}

.scroll-box-holder {
	width:980px;
	background-image: url(../images/bottom-box-fade.jpg), url(../images/top-box-shadow.png),  url(../images/slider-bg.jpg);
	background-repeat:  no-repeat, no-repeat, repeat-y;
	background-position: 50% bottom, 50% top, 50% top;
	margin-left:auto; 
	margin-right:auto; 
	display:inline-block;
	margin-bottom: 50px;
	padding-top:10px;
	border-top:1px solid #ccc;
	
}

.showall { text-decoation:none; color:#9e9e9e; }
.cust-popup-close { text-decoration: none; text-transform: uppercase; color:#000; position:relative; top: 25px; left:595px; width:25px; height:20px; padding-top:5px; background: #ccc; text-align: center;  }
.cust-popup-close a { text-decoration: none; text-transform: uppercase; color:#000; font-weight: bold; }
.customization-popup-wrapper { width: 600px; position:absolute; display:none; cursor:move; z-index: 10; }

.customization-scroll { height:245px; width:980px; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling: touch; white-space: nowrap; }
.customization-scroll:hover { overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling: touch; white-space:nowrap;  }
.customization-scroller-width {width:3000px;}
.customization-show { width:940px; padding-left: 28px; }


.customization-graphics-container { float: left; height: 200px; margin: 15px 15px 0 5px; width: 293px;}
.customization-graphics-container img { border:none; box-shadow: 0 0 5px #000000; margin-bottom:5px; filter: progid:DXImageTransform.Microsoft.Shadow(color='#777777', Direction= 135, Strength=8); zoom: 1; border:1px solid #ccc\9; }
.customization-graphics-title { color:#686868; font-family: 'Russo One', sans-serif; font-size:14px; font-weight:normal; width:300px; margin-left:5px; text-transform: uppercase;}
.customization-graphics-price { color:#ff0000; font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; margin-left:5px; }

.graphic-category-title { text-transform:uppercase; font-weight:lighter; margin-right:10px; padding-left: 10px; font-size: 18px; color:#696969; font-family: "Russo One",  sans-serif; }


.customization-graphics-sample-container { float: left; height: 260px; margin: 15px 15px 0 5px; width: 280px;}
.customization-graphics-sample-container img { cursor: pointer; border:none; box-shadow: 0 0 5px #000000; margin-bottom:5px; filter: progid:DXImageTransform.Microsoft.Shadow(color='#777777', Direction= 135, Strength=8);zoom: 1; border:1px solid #ccc\9; }
.customization-graphics-sample-title { color:#686868; font-family: 'Russo One', sans-serif; font-size:14px; font-weight:normal; width:280px; margin-left:5px; }






#graphic-pop-up-container { width:600px; padding:10px; border-radius:3px; background:#fff; box-shadow:0px 0px 55px rgba(0,0,0, .75); filter: progid:DXImageTransform.Microsoft.Shadow(color='#777777', Direction= 135, Strength=8);
zoom: 1; border:3px solid #ccc\9;  }
#title-price-wrapper { display:inline-block; padding:10px; }
#graphic-title { float:left; width:290px; color:#000; font-family:"Russo One", sans-serif; font-size:20px; font-weight:normal; }
#graphic-price { float:right; width:290px; color:#ff0000; font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-align:right; font-size:20px; }
#special-instructions-title { color:#999; padding-left:10px; }
#graphic-text { padding:0px 10px 10px 10px; color:#888; }
.graphic-text { padding:0 10px 10px 10px; margin-top:5px; }

.color-swatch-thumb { box-shadow:0 0 3px rgba(0, 0, 0, .5); width:293px; height:160px;  }
.expand-btn { padding:5px 5px 21px; height:25px; width:100px; margin-bottom:10px; background:#91c845; border:1px solid #78af2c; color:#fff;  }
.expand-btn:hover { background:#AFE663;}
.expand-btn:active { background:#71a825;}
.cus-size-note { padding-left: 10px; color:#444; font-size:11px; text-transform:uppercase;}

.custom-graphic-box { display:inline-block; width:404px; padding:15px; background:#fff; border: 1px solid #bfbfbf; float:left; margin-left: 36px;}
.custom-graphic-type-title { text-align: center; font-size:22px; margin-bottom:20px; }
.custom-graphic-price-box { border-radius: 3px; background:#e4e4e4; box-shadow: 0px 0px 3px rgba(0, 0, 0, .5); }
.left { float:left; border-right:1px solid #bfbfbf; width: 202px; padding-bottom: 15px; }
.right { width:201px; display: inline-block; padding-bottom:15px; }
.one-col { padding:15px; }
.cus-fee-header-left { background:#a8a7a8; color:#fff; text-align: center; padding-top:4px; padding-bottom:4px; margin-bottom:15px; font-size: 14px; text-transform: uppercase; border-radius: 3px 0 0 0; }
.cus-fee-header-right { background:#a8a7a8; color:#fff; text-align: center; padding-top:4px; padding-bottom:4px; margin-bottom:15px; font-size: 14px; text-transform: uppercase; border-radius: 0 3px 0 0 ; }
.cus-fee-name { color:#414040; font-weight: bold; text-transform: uppercase; padding-left:15px;}
.cus-code { color:#414040; font-weight:normal; padding-left:15px; }

.quotes {margin: 13px 15px; display: none;}

table.tableizer-table{border:1px solid #ccc;font-family:Arial,Helvetica,sans-serif;font-size:12px; border-collapse: collapse;}
.tableizer-table td{padding:6px;margin:3px;border:1px solid #ccc; text-align: center;}
.tableizer-table th{background-color:#818181;color:#fff;font-weight:bold; padding:8px;}


.branded-scroll {
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
width: 100%;
padding-bottom: 5px;
-webkit-overflow-scrolling: touch;
height: 228px;
display: none;
}

.item-wrapper {
float: left;
width: 180px;
margin: 0 5px;
position: relative;
}

.graphic-text span { cursor: pointer; color:#09F;}