/* Universal Code
***************************************************************************************/
body{
	background-color: white; 
	background-position:top center; 
	background-attachment:fixed;
	background-repeat:no-repeat;
	text-align:center;
	margin: 0;
	padding: 0;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100.01%;
	}
	
	
h1 {color: #931316; font-size: 24px; padding: 15px 0 10px 0; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif}
h2 {font-size: 1.2em; line-height: 1.1em; color: #931316; font-weight: bold; margin: 0; padding: 5px 0 0 0; font-family:Arial, Helvetica, sans-serif;}	
h3 {font: 1.0em bold; margin:0; font-family:Arial, Helvetica, sans-serif;}


p {color: #000; padding: 10px 10px 0 10px; font-size:15px; font-weight:normal;}


a 			{color: #003366; text-decoration: underline;}
a:link		{color: #003366; text-decoration: underline;}
a:visited	{text-decoration: underline;}
a:hover		{color: #666666; text-decoration: underline;}
a:active 	{color: #666666; text-decoration: underline;}

img {-ms-interpolation-mode: bicubic;}

.imgRight {float:right; padding:  0px 0px 15px 15px;}
.imgLeft {float:left; padding: 0px 15px 15px 0px;} 

#pagecontainer {text-align:left; border:2px  #6779ad solid; margin: auto; padding: 0; width:782px; position: relative; background-color: #fff; font-size: 0.8em; display: inline-block;}
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html #pagecontainer {height: 1%;}
#pagecontainer {display: block;}
/* End hide from IE-mac */
#pagecontainer:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

ol {font-style: italic; font-size: 16px; font-family: Georgia, Times, serif; color: #999999;}
ol p {font-style:normal; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #000000;}

#column-d ul {margin:30px; font-weight:bold;}

	
/* Dynamic Drive Agency Menu Bars
***************************************************************************************/
.ddoverlap {background:#fff;} 
.ddoverlap ul{padding: 0; margin: 0; font: bold 16px arial; list-style-type: none;}
.ddoverlap li{display: inline; margin: 0;}
.ddoverlap li a {
	padding: 3px 10px;
	text-decoration: none;
	padding-right: 40px; /*extra right padding to account for curved right edge of tab image*/
	color: #000000;
	background: transparent url(/menu/img/righttabdefault.gif) 100% 1px no-repeat; 
	border-left: 1px solid #868686;
	position: relative;
	display: block;
	float: left;
	margin-left: -20px; 
	left: 20px;
	}
.ddoverlap li a:visited {text-decoration: none; color: #000000;}
.ddoverlap li a:hover {text-decoration: none; color: #0000FF;}
.ddoverlap li.selected a {color: white; z-index: 100; top: 1px; background: transparent url(/menu/img/righttabselected.gif) 100% 0 no-repeat; border-left: 1px solid black;}
.ddoverlap li.selected a:hover{text-decoration: none;}
	
/* Page Body Area Styling
***************************************************************************************/

#column-a {border-right: 1px solid #CCC; width:170px; float:left; vertical-align: top; margin: 0; padding: 0; clear: left;}
#column-d {margin-left: -1px; width:589px; float:left; border-left: 1px solid #CCC; padding: 5px 10px;}
	
.pageproblems{
	float:left; 
	width: 175px; 
	padding: 3px; 
	padding-left: 6px; 
	margin-top: 10px; 
	margin-left:20px; 
	line-height:13px; 
	background-color:white;
	border: 1px dashed gray;
	}
	
.callout{
	color: #000000; 
	font-weight: bold;
	}
	
.CartInfo {
	border:1px solid #999; 
	margin: 5px 5px 0px 10px; 
	display:block; 
	background: #cccccc url(../images/bkg.gif); 
	font-family: Arial; 
	text-align:center; 
	padding: 5px; 
	font-size:14px; 
	width:135px;
	}
	
.sidenavaddress {font-size:12px; 	font-style:bold; text-align:center; margin-bottom:4px; padding-top:3px; padding-bottom:0px;}
	
	
/* HEAD AREA
***************************************************************************************/
#printheader {display:none;}

#headertext {font-style:italic; color: #000; font-weight: bold; text-align:right; margin: -12px 10px 0px 0; font-size: 12px; padding-top:0px; padding-bottom:2px;}

#ca-header {padding: 0; text-align: center; border-top: 1px black; margin: 0; width: 782px; height:72px;}

.whyuse {font: 10px; text-align:left; margin:5px 10px 30px 0; width:120px; border:1px gray solid; background: url(/images/email_Icon.gif) no-repeat white; height:19px; display:block; vertical-align:middle; padding:2px 0 0 24px;}
.whyuse a:link {text-decoration:none; font-weight:bold;}
.whyuse a:hover {text-decoration:none; font-weight:bold; color: red;}
.whyuse a:visited {text-decoration:none; font-weight:bold;}

.topnavbar {
padding:4px 0 0 30px; 
border: 0; 
margin:0; 
list-style:none; 
height:50px; 
background:#fff url(/images/topmenu_backing.gif) repeat-x; 
z-index:100;
font-family:arial;
}
.clickabove {font-size: 10px; color:#666666; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; text-align:center; margin-top:7px; margin-bottom:5px;}

/* Crazy Monster Dropdown Menu from Stu Nicholls
***************************************************************************************/

/* ================================================================ 
This copyright notice must be untouched at all times.
 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
 
.menu {width:745px; height:32px; position:relative; z-index:100;border-right:1px solid #000; font-family:arial, sans-serif; }
/* hack to correct IE5.5 faulty box model */
* html .menu {width:746px; w\idth:745px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:149px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; width:138px; height:30px; border:1px solid #000; border-width:1px 0 1px 1px; background: none; padding-left:10px; line-height:29px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}
 
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d7d7d7 url(/images/grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#6594C9 url(/images/blue-arrow.gif) no-repeat 130px center;}
.menu ul ul :hover > a.drop {background:#6594C9 url(/images/blue-arrow.gif) no-repeat 130px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#C4C4C4;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#000000 ;}
 
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}
 
/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}
 
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}
 
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}
 
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#C4C4C4; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}
 
/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#FFF; background:#000000;}
.menu :hover > a, .menu ul ul :hover > a {color:#FFF; background:#000000;}
 
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}


/* CONTENT AREA***************************************************************************************/


/* Page-specific Content
***************************************************************************************/
.testimonial{
	font-size: 12px; 
	font-family:Georgia, "Times New Roman", Times, serif;  
	background-image: url(/images/testimonials_email.png);
	background-position:center left;
	background-repeat:no-repeat;
	padding-left:40px;
	padding-right:25px;
	margin-bottom:5px;
	border-top: #333333 1px dashed;
	}

	
.unitstores ul{
	text-decoration:none;
	}
	
	
.imgFrame {
		float:left; 
		margin:4px 10px 4px 0px; 
		border: 1px gray; 
		padding: 2px;
		}

/* The sidebar
***************************************************************************************/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.arrowlistmenu{width: 170px; /*width of menu*/}

.arrowlistmenu .headerbar{
font: bold 12px Arial;
color: white;
background: black url(/images/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{list-style-type: none;margin: 0;padding: 0;margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/}
.arrowlistmenu ul li{padding-bottom: 2px; /*bottom spacing between menu items*/}

.arrowlistmenu ul li a{
color: #000066;
background: url(/images/arrowbullet.gif) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 23px; /*link text is indented 19px*/
text-decoration: none;
border-bottom: 1px solid #dadada;
font: 10px;
}

.arrowlistmenu ul li a:visited{color: #000066;}
.arrowlistmenu ul li a:hover{ /*hover state CSS*/color: #000066;background-color: #CCCCCC;}


.generalitems {width:150px; font:10px bold; text-align:center;}
.generalitems div {display:block;font:10px bold; margin-bottom:10px; margin-left:18px;}	
.generalitems img{padding:2px; font:12px bold; border:1px gray solid;}
.generalitems a{text-decoration:none; color: black;}
	


.feedburnerFeedBlock  ul{
list-style-type:none;
text-align:left;}

.NOAATitlePrint {display: none;}

.featured {
	width:163px;
	margin: 5px 0 10px 3px; 
	border:1px gray solid;
	background-color: #EEE28E;
	
	}
	
.featured-item{
	background-image:url(/images/global_star.gif) ;
	background-repeat:no-repeat;
	font-size:9px;
	font-weight:bold;
	padding-left:22px;
	padding-top:6px;
	height:20px;
	margin-top: -2px;
	}

/* Various Informational Boxes & Alerts
***************************************************************************************/

#OrderInstructions {border:1px dashed pink; margin: 15px 0px 15px 20px; display:block; background-color: #fff; font-style: Georgia, Arial; padding: 5px; font-size:12px; width: 90%; text-align: center; font-size:11px;font-weight: normal;}

.boxApproval{
		border:1px dashed gray; 
		margin: 0 40px 40px 40px; 
		background-color: #e1e1e1; 
		font-weight:bold; 
		font-style: Georgia; 
		padding: 0px 0 2px 26px; 
		font-size:10px;
		background-image:url(/images/global_checkmark.png);
		background-repeat: no-repeat;
		background-position: center left;
		}

#apparel-alert {
	border:2px dashed black; 
	margin: 5px 20px 5px 30px; 
	display:block; 
	background-color: #FFCC66; 
	font-weight:normal; 
	font-family: Georgia, Arial; 
	padding: 5px; 
	font-size:13px; 
	width:475px;
	}

.embroidery{
	border:0; 
	width:500px;
	display:block; 
	height:34px;
	background: url(/images/embroidery_plate.jpg) no-repeat;
	}

	
/* Store Item Details
***************************************************************************************/	

.PRODUCT_TYPE{
	font-size:18px; 
	font-weight:bold; 
	color: #000; 
	line-height:22px;
	}	

.product{
	margin-left: 5px;
	margin-bottom: 2px;
	width: 520px;
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-top: 6px;
	border-bottom: 1px dashed gray;
	}

.DESC{
	text-align:left;
	width: 410px;
	float:left;
	padding-top: 6px;
	padding-left:5px;
	font-weight:bold;
	}	
	
.PRICE{
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	width:55px;
	padding-top: 6px;
	}	
	
.QTY{
	margin-left: 10px;
	text-align:right;
	float:left;
	width:20px;
	padding-bottom:1px;
	padding-top:5px;
	}
	
.QTY input {
	background-color:#FFFFCC; 
	text-align:right; 
	font-weight:bold; 
	padding-right: 10px;
	}	

.webstoreItem a:link{
	color: black;
	text-decoration: none;
	}	
	
.webstoreItem a:active a:visited a:hover{color: ##4a4a87; text-decoration: none;}	
		
.orderItem {border-top: 1px solid #D0D0D0; font-size: 14px;}
.orderItem .lastColumn  {border-right: 1px solid #D0D0D0; border-bottom: 1px solid #D0D0D0;}
.orderItem td {padding: 4px; border-left: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; }
.orderItem td.NoBorder { border: 0; padding: 0px;}	
.orderItem tr.orderItemHeader {background: #eee;}

a.AddToCart {
	color: #333333; 
	font-weight: bold; 
	text-decoration: none; 
	background-color: #ebebeb; 
	padding: 2px 12px; 
	border: solid 1px #787878     
	}
	
a.AddToCart:hover { 
	color: white; 
	font-weight: bold; 
	text-decoration: none; 
	background-color: #477aa1; 
	padding: 2px 12px; 
	border: solid 1px #000 
	}
	
.ProductTile {
	width: 170px;
	text-align:center;
	border:2px #CCCCCC solid;
	padding:4px;
	margin-left:4px;
	margin-right:4px;
	margin-bottom:2px;
	float:left;
	}
	
.ProductTile-Desc {text-size:10px; font-weight:bold; color: #000066; margin-bottom:2px;}	
.ProductTile-Img {height: 130px; margin-left:10px;}	
.ProductTile-Price {font-size:14px; font-weight:bold; margin-left:-10px;}

.addproductsbutton {padding-top:10px; margin:10px 8px 0 0; text-align:center;}
	

/* Index Page text toggle "...Show more"
***************************************************************************************/	
#outer .holder p {padding:5px 0 0 0; margin:0;}
#outer .holder p.bold {font-weight:bold;}
#outer .holder h2 {margin:0; padding:0;}
#outer p{font-size:12px;}
#outer div.more i {float:right; margin-right:-10px 10px 0 0; cursor:pointer; color:#c00; font-weight:bold;}
#outer div.more i.hide {display:none;}
#outer div.more p {display:none;}
#outer div.more img {display:none;}
#outer div.click i.show {display:none;}
#outer div.click i.hide {display:block;}
#outer div.click p {display:block;}
#outer div.click img {display:block; float:left; padding-right:10px;}


/* Form Input Block Styling
***************************************************************************************/	
.fBlock {font-weight:bold; font-family: Arial; text-align:left; float:left; margin:5px 0 0 10px;}
.fBlock input {background-color:#FFC;}

#ffresult_win {z-index:1; padding: 20px 0 16px 0; margin:0px; width:538px; height:728px; border:1px black solid; display:none; position:absolute; top:0px; left:0px;}
#ffresult_bar {z-index:2; cursor: default;  position:absolute; top:0px; left:0px; background: url(/images/global_searchbanner.jpg) repeat-x; padding:0; text-align: right; width:100%; height:24px; display:block; border: gray solid 1px;}
#ffresult_2 {z-index:7; position: relative; height: 100%; background-color:white;  display:block;}
#ffrclose {z-index:6;}
##result_cvr {z-index:0; position:absolute; top:0px; left:0px; display:block; width:100%; height:100%;}
#ffresult_ifr {z-index:10; position:absolute; top:0px; left:0px; border:1px solid gray;}
#ffresult_btm {z-index:9; position:absolute; bottom:0; left:0px; display: block;  width:100%; height:24px;}
 
.standards {border:1px dashed gray; margin: 0 50px 24px 60px; background-color: #e1e1e1; font-weight:bold; font-style: Georgia, Arial; padding: 5px 5px 5px 30px; font-size:10px; background: url(/images/global_checkmark.png) center left  no-repeat;}

.timeframe {border:1px dashed gray; margin: 0 50px 24px 60px; background-color: #e1e1e1; font-weight:bold; font-style: Georgia, Arial; padding: 5px 5px 5px 30px; font-size:10px; background: url(/images/global_stopwatch.png) center left  no-repeat;}

/* Webstore Styling
***************************************************************************************/
div .BannerWrap{
	background-image: url(/images/store_cgbanner.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width:575px;
	margin-left:-5px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:20px; 
	height:34px;
	}

div .StoreBanner{
	width:350px;
	margin-left:70px;
	height:34px;
	float:left;
	}

.StoreBanner{
	font-size:24px;
	line-height:34px;
	font-weight:bold;
	color:black;
	}
div .StoreDetails{
	height:34px;
	width:135px;
	line-height:14px;
	float:right;
	}
	
.StoreDetails{
	color:#535353;
	font-style:italic;
	font-size:12px;
	text-align:right;
	}
	
/* FROM STANDARD.CSS
***************************************************************************************/	
	#main-content p {
line-height: 150%;
margin-bottom: 1em;
}

#main-content h2 {
padding-right: 15px;
display: inline;
}

#main-content ul li {
padding-bottom: 0.5em;
}

#main-content a {
color: #8b0000;
text-decoration: underline;
}

#main-content a:visited {
color: #410e0e;
}


#main-content div.left {
float: left;
}

#main-content div.right {
float: right;
}

div.psd {
padding: 5px 0 5px 30px;
background: transparent url(/images/psdicon.jpg) no-repeat center left;
}

div.pdf {
padding: 5px 0 5px 30px;
background: transparent url(/images/pdficon.jpg) no-repeat center left;
}

div.zip {
padding: 5px 0 5px 30px;
background: transparent url(/images/zipicon.jpg) no-repeat center left;
}

div.section-header {
clear: both;
width: 600px;
padding: 3px;
margin: 10px 0;
background-color: #e5e5e5;
font-weight: bold;
font-size: 1.2em;
}

.discountnote {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; padding-bottom:12px; line-height:13px;}

.storedesign {margin: 10px 0px 40px 15px; padding-bottom:50px;}

.storedesign img{border:2px solid black;}

#Ballcaps img{
	background-repeat:no-repeat;
	background-position:left top;
	background-size:contain;
	margin-left:20px;
}

#Ballcaps img{
	background-image: url(/images/nocap.gif);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:contain;
	margin-left:20px;
	border:0;
}

#Apparel1 img{
	background-image: url(/images/noshirt.gif);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:contain;
	margin-left:20px;
	border:0;
}


#Apparel2 img{
	background-image: url(/images/noshirt.gif);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:contain;
	margin-left:20px;
	border:0;
}

#Coins img{
	background-image: url(/images/nocoin.gif);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:contain;
	margin-left:20px;
	border:0;
}


#Decals img{
	background-image: url(/images/nodecal.gif);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:contain;
	margin-left:20px;
	border:0;
}