﻿@import url('http://www.spot98.net/style/menu.css');
@import url('http://www.spot98.net/style/bg.css');
@import url('http://www.spot98.net/style/fonts.css');

html, 
body {
    background-color: #FFF;
    margin: 0;
    padding: 0;
    height: 100%;
}		

.navbar-nav >li	{ 
float: left;
}

header {
 	display: block;
}
section {
    	display: block;
}

.sizer {
    	background-color: #CCC;
    	width: 100%;
    	height: 200px !important;
}
video#BG {
	position: fixed; 
	right: 0; 
	bottom: 0; 
	min-width: 100%; 
	min-height: 100%; 
	width: auto; 
	height: auto; 
	z-index: -100; 
	background: no-repeat; 
	background-size: cover;  
}


			
/* Viewport-relative units ( height: 100vh; )  */
/* Viewport-relative units ( width: 100vw;; )  */

.decal-find	{
		width:250px;
		height:50px;
		background-color:#333333;
	color: #FFF  !important;
	font: 18pt/normal arial, verdana, sans-serif; 	
	margin:0px;
	padding:10px;
	opacity:2; 
}

.scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
}
.big 	{font-size:larger;}


.carousel-content {
    color:black;
    display:flex;
    align-items:center;
}

#text-carousel {
  width: 100%;
  height: auto;
  padding: 50px;
}


.content  {
	background-color: #FFF;
	text-align: left;
	padding: 20px;
	margin: 0;
	line-height: normal;	
} 

.mobile  {
	background-color: #FFF;
	text-align: left;
	padding: 20px;
	margin: 0;
	line-height: normal;	
} 
.Hcontent  {
	background-color: #4440C2;
	padding: 0px;
	height: auto;
	margin: 0;
	} 

/* ----------- embed files --------- */

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}

/* ----------- D9F0FF-blue---4440C2-DARK--------- */



H1 { 
	background-color: #FF2617 !important;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 18pt; 
	color: #FFF !important;
	text-align: left;
	vertical-align: top; margin:0px; 
	padding:10px;
}

H1.head	{
	color: #000  !important;
	font: 16pt/normal arial, verdana, sans-serif; 	
	margin:0px;
	padding:10px;
	background-color: #EEE;
}

H2 {
	color: #555  !important;
	font: 16pt/normal arial, verdana, sans-serif; 	
	margin: 5px 0 5px 0;
	padding: 0px;
	text-align: left; line-height: normal;
} 

H2.cat 	{ 
	background-color: #FF2617 !important;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 16pt; 
	color: #FFF !important;
	text-align: left;
	vertical-align: bottom; margin:0px; line-height: normal;	
	padding:10px;
}



H2.head {
	background-color: #EEE;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 16pt; 
	color: #000 !important;
	text-align: left;
	vertical-align: bottom; margin:0px; line-height: normal;	
	padding:10px;
}

H3.head {
	background-color: #DDD;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14pt; 
	color: #000 !important;
	text-align: center;
	vertical-align: bottom; margin:0px; line-height: normal;	
	padding:10px;
}


/* ----------- D9F0FF-blue---FF2617--------- */

H3.buy-head 	{ 
	background-color: #555 !important; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12pt; 
	color: #FFF !important;
	text-align: center;
	margin:0px; line-height: normal;	
	padding:10px;
}

.buybox { 
	background-color: #D9F0FF; 
	padding:5px;
}  

.buyinfo { 
	background-color: #FFF; 
	padding:10px; 
} 

.viewcart { 
	background-color: #D9F0FF; 
	padding:10px;	
}

.list-head		{ 
		background-color: #EEE; 
		padding: 5px;
		margin: 5px 0 10px 0;
		color: #000  !important;
		font: 16pt/normal arial, verdana, sans-serif; 	
		text-align: center;			
} 

H2.sub-head-list		{ 
		background-color: #333; 
		height: auto;
    		margin: 0;
		padding: 5px;
		color: #FFF  !important;
		font: 16pt/normal arial, verdana, sans-serif; 	
		text-align: center;	
}  

.subhead		{ 
		background-color: #EEE; 
		height: auto;
    		margin: 0;
		padding: 5px;
		color: #000  !important;
		font: 16pt/normal arial, verdana, sans-serif; 	
		text-align: center;	
}  

.specials		{ 
		background-color: #EEE; 
		height: auto;
    		margin: 10px 0 10px 0;
		padding: 0px;
		color: #FF0000  !important;
		font: 20pt/normal arial, verdana, sans-serif; 	
		text-align: center;	
} 

H3 {
	color: #000  !important;
	font: 14pt/normal arial, verdana, sans-serif; 	
	text-align: left;	
	padding:0px;
} 
H4 {	
	color: #000  !important;
	font: 13pt/normal arial, verdana, sans-serif; 	
	text-align: Left;	
	padding:0px;
}	
H5 {	
	color: #000  !important;
	font: 12pt/normal arial, verdana, sans-serif; 	
	text-align: Left;	
	padding:0px;
}
.payments { 
	height:auto;
	background-color: #CC0000;
}  
.BGScheckout { 
	height:auto;
	background-color: #EEE;
}  

.BGSsale { 
	height:auto;
	background-color: #FF0000; 
	width:100%; 
	padding:5px; 
}  

select.tracking {
	width:250px;
	height:40px;
	background-color:#FFFFFF;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 13pt; 
	color: #000000;
	vertical-align: middle;
	border-style: dotted;
	border-width: 1px;
	border-color: #000;
	opacity:2;
	padding:2px;
	margin:0px;
} 

P.sale { 
	text-align: center;	
	font-family: sans-serif, Verdana, Arial; 
	font-size:16pt ; 		
	line-height: normal;
	color: #FFFFFF !important;
	padding:0px;
}

H1.info {	
	text-align: left;	
	font-family: sans-serif, Verdana, Arial; 
	font-size:18pt ; 		
	line-height: 30pt;
	color: #000000  !important;
	padding:0px;
}

.BGSinfo {
	height:auto;
	background-color: #EEEEEE; 
} 

H1.cart {	
	text-align: Left;	
	font: sans-serif, Verdana, Arial; 
	font-size:18pt/30pt;
	color: #000000  !important;
	padding:0px;
}

H1.checkout {
	background-color: #CC0000; 
	margin:0px; 
	padding: 10px;
	color: #000  !important;
	font: 20pt/normal arial, verdana, sans-serif; 	
	text-align: center;	
} 
 
.BGScart 	{height:auto;background-color: #eeeeee; } 
 
.BGSblueMD		{ background-color: #FF0ACE; }  

.status-site		{ 
		background-color: #EFFFC9; 
		height: auto;
    		padding: 20px;
		text-align: center;	
		}  

.status		{ 
		background-color: #EFFFC9; 
		width: 100%;
    		height: auto;
    		padding: 20px;
		text-align: center;	
		}  


P.jumbo	{	padding:0px;
		text-align: left;	
		font-family: sans-serif, Verdana, Arial; 
		font-size:18pt ;	
		line-height:30pt;
	}

DIV.schema	{
		background-color: #FFF;
    		width: 100%;
    		height: 100%;
    		padding: 0px;
		text-align: left;	
		font-family: sans-serif, Verdana, Arial; 
		font-size:13pt ;	
		line-height: normal;
		}

DIV.data {
	background-color: #FFF;
    	width: 100%;
    	height: 100%;
    	border-top: dotted;
    	border-width: 2px;
    	border-color: #555;
	padding: 0px;
	text-align: left;	
	font-family: sans-serif, Verdana, Arial; 
	font-size:13pt ;	
	line-height: normal; 
}

/*  Paragraphs  */

.PH	{ 
	font-family: sans-serif, Arial, Verdana, Helvetica; font-size:16pt; color: #555555;
	text-align: left;line-height:normal; 
	}		

/* colors */

.greyC3		{ color: #C3C3C3 !important; } 
.white		{ color: #FFFFFF !important; } 
.black		{ color: #000000 !important; }
.blue		{ color: #33CCFF !important; }
.blueLT		{ color: #F0F8FF !important; }
.lilac		{ color: #C3C3EE !important; }	
.redC9		{ color: #C9020F !important; }
.yellow		{ color: #FFFF00 !important; }
.magenta	{ color: #FF0066 !important; }
.apple		{ color: #00FF00 !important; }


/* ====================================================	*/
/* 	font styles ---->FS = fontFace - size + color  				*/
/*====================================================	*/

.FSblack	{font-family: Arial, sans-serif, Verdana, Helvetica; font-size:12pt;color: #000000;} 
.FSwhite	{font-family: Arial, sans-serif, Verdana, Helvetica; font-size:12pt;color: #FFFFFF;} 
.FSred	{font-family: Arial, sans-serif, Verdana, Helvetica; font-size:12pt;color: #FF0000;} 
.FSblood	{font-family: Arial, sans-serif, Verdana, Helvetica; font-size:12pt;color: #FF0000;} 

.FSblueLT		{font-family: Arial, sans-serif, Verdana, Helvetica; font-size:14pt;color: #F0F8FF;} 
.FSblueMD	{font-family: Arial, sans-serif, Verdana, Helvetica; font-size:14pt;color: #33CCFF;} 
.FSblue		{font-family: Arial, sans-serif, Verdana, Helvetica; font-size:14pt;color: #0000FF;} 
.FSyellow		{font-family: Arial, sans-serif, Verdana, Helvetica; font-size:14pt;color: #FFFF00;} 

.FSpink		{font-family: Arial, sans-serif, Verdana, Helvetica; font-size:14pt;color: #FF00FF;}  
.FSlilac		{font-family: Arial, sans-serif, Verdana, Helvetica; font-size:14pt;color: #C3C3EE;}  
.FSgreen		{font-family: Arial, sans-serif, Verdana, Helvetica; font-size:14pt;color: #66FF00;}  

/* ==================================================== */
/* 	Footer Links font styles ---->FFS = fontFace - size + color  */
/* ==================================================== */

.FFSred		{font-family: Arial, sans-serif, Verdana, Helvetica; font-size:12pt;color: #FF0000;} 
.FFSgreen		{font-family: Arial, sans-serif, Verdana, Helvetica; font-size:12pt;color: #66FF00;}  
.FFSblueMD	{font-family: Arial, sans-serif, Verdana, Helvetica; font-size:12pt;color: #33CCFF;} 
.FFSyellow	{font-family: Arial, sans-serif, Verdana, Helvetica; font-size:12pt;color: #FFFF00;} 
.FFSgrey99	{font-family: Arial, sans-serif, Verdana, Helvetica; font-size:12pt;color: #999999;} 

/* ==================================================== */
/* 	backgounds ---->BGS = background-color - size + color  */
/* =========================424424 moss green=ff9900orange============== */

.BGSsite		{ background-color: #A3E0FA; }  
.BGSsite2		{ background-color: #FF2908; }  

.ClearMenu
		{ 
	background-color: #33CCFF; 
    	/* ========= background-color: rgba(0, 2, 1, 0.6);===== */
    	width: 100%;
    	height: auto;
    	padding:10px;
	
}

/* ---------------------------------------- */

a.TopMenu:link, 			
a.TopMenu:visited, 				
a.TopMenu:active			
		{
background:#EEE; color: #FFF; font-size: 12pt; padding:5px;text-decoration: none;
		}
			
a.TopMenu:hover 	
		{
		font-size: 12pt; 
		color: #FFF; 
		background:#333 !important; 
		padding:5px;
		text-decoration: none;
		} 
/* ---------------------------------------- */
.BGSblueNew		{ background-color: #2984AB; } /* ----NEW-SITE-BLUE----- */

.BGSapple		{ background-color: #00FF00; }
.BGSclear		{ background-color:TRANSPARENT; }
.BGSblack		{ background-color: #000000; }
.BGSblack18		{ background-color: #181818; }
.BGSgreyE		{ background-color: #EEEEEE; }	
.BGSgreyD		{ background-color: #DDDDDD;}	
.BGSgrey2		{ background-color: #222222; }	
.BGSgrey3		{ background-color: #333333; }	
.BGSgrey6		{ background-color: #666666; }	
.BGSgrey9		{ background-color: #999999; }	
.BGSblueLT		{ background-color: #D9F0FF; }  
.BGSblueM		{ background-color: #33CCFF; }	

.BGSblue424		{ background-color: #000424; } 
.BGSblueDK		{ background-color: #3D4287; } 
.BGSpink	 	{ background-color: #FF00FF; } 
.BGSpink66 		{ background-color: #FF0066; } 
.BGSpink99 		{ background-color: #FF0099; } 
.BGSpinkLT		{ background-color: #FFE0FB;} 
.BGSpinkACE		{ background-color: #FF0ACE;} 
.BGSred 		{ background-color: #FF0000; }

.BGSredC9		{ background-color: #C9020F; }
.BGSred48 		{ background-color: #FF0548; }
.BGSyellow		{ background-color: #FFFF00; }
.BGSwhite		{ background-color: #FFFFFF; }
.BGSgreyC3		{ background-color: #C3C3C3;} 

.BGSbrown		{ background-color: #8A5622;} 
.BGSgreycart		{ background-color: #637380;} 

.blueBG			{ background-color: #33CCFF; }  
.redBG			{ background-color: #C9020F; }

/*  ||| ===================||| LISTS |||  */

/*  ---------------- LINKS ------------------  */

a:link,  		
a:visited, 	
a:active 	{ 
		font-size: 12pt; 
		color: #000; 
		font-weight: normal;
		text-decoration: none;
		} 
a:hover 	{ 
		font-size: 12pt; 
		color: #33CCFF; 
		font-weight: normal;
		} 

a.buy-info:link,  		
a.buy-info:visited, 	
a.buy-info:active {
		color: #000; 
		font-size: 12pt; 
		padding:5px; 
		text-decoration: none; 
		font-weight: bold; 
		line-height: 20px; 
		}
 	
a.buy-info:hover {
		background:#FFFF00; color: #000; 
		font-size: 12pt; 
		padding:5px; 
		text-decoration: none; 
		font-weight: bold; 
		line-height: 20px; 
		} 	

a.list-cat:link, 					
a.list-cat:visited, 				
a.list-cat:active
	{
	font-size: 14pt; color: #FFF; 
	padding:5px; 
	font-weight: normal; 
	line-height: 40px; 
	text-decoration: none;
	} 
			
a.list-cat:hover 		
	{
	font-size: 14pt; 
	background: #000 !important;  
	padding:5px; 
	font-weight: normal; 
	line-height: 40px; 
	text-decoration: none;
	}				

a.list-url:link, 			/* ---list-url-links--- */			
a.list-url:visited, 				
a.list-url:active			
		{
		background:#FFF; color: #000; 
		font-size: 12pt; 
		padding:5px; 
		text-decoration: none; 
		font-weight: normal; 
		line-height: 40px; 
		} 				
a.list-url:hover 		
		{ font-size: 12pt; color: #FFF; 
		background: #222 !important;  /* --33CCFF-blue--- */ 
		padding:5px;
		text-decoration: none;
		font-weight: normal;
		line-height: 40px; 
		} 

a.list-url-red:link, 			/* ---list-url-highlight--- */			
a.list-url-red:visited, 				
a.list-url-red:active			
		{
		background:#CC0000; color: #fff; 
		font-size: 12pt; 
		padding:5px; 
		text-decoration: none; 
		font-weight: normal; 
		line-height: 40px; 
		} 				
a.list-url-red:hover 		
		{ 
		font-size: 12pt; color: #FFF; 
		background: #000 !important;  /* --33CCFF-blue--- */ 
		padding:5px;
		text-decoration: none;
		font-weight: normal;
		line-height: 40px; 
		} 


a.info:link, 			/* ---content-info-links--- */			
a.info:visited, 				
a.info:active	{
		background:#FFF; 
		color: #CC0000 !important;
		font-size: 12pt; 
		padding: 1px; 
		text-decoration: none; 
		font-weight: normal; 
		line-height: normal; 
		} 
				
a.info:hover 	{ 
		background: #cc0000; 
		color: #FFF !important;   /* --33CCFF-blue--- */ 
		font-size: 12pt; 
		padding:1px;
		text-decoration: none;
		font-weight: normal;
		line-height: normal; 
		} 

/*  ||| ===================||| MEGA-NAVEBAR |||  */

a.menu-home:link, 			
a.menu-home:visited, 				
a.menu-home:active			
		{background:#00FF00; color: #000; font-size: 14pt; padding:5px; text-decoration: none; font-weight: normal;} 
				
a.menu-home:hover 	{ 
		font-size: 14pt; color: #FFF; 
		background: #33CCFF !important;  /* ---blue--- */
		padding:5px;
		text-decoration: none;
		font-weight: normal;
		} 

a.menu-title:link, 			
a.menu-title:visited, 				
a.menu-title:active			
		{background:#999; color: #FFF; font-size: 14pt; padding:5px; text-decoration: none; font-weight: normal;} 
				
a.menu-title:hover 	{ font-size: 14pt; color: #FFF; 
		background: #33CCFF !important;  /* ---blue--- */
		padding:5px;
		text-decoration: none;
		font-weight: normal;
		} 


.ft-links { 
	background-color:#000000;
	padding: 20px; 
}

.footer-links a:link,  		
.footer-links a:visited,  
.footer-links a:active  { 
	color: #666 !important; 
	font-size: 10pt !important; 
	text-decoration: none; 
	font-weight: normal; 
}	

.footer-links a:hover	{ 
	color: #33CCFF !important; 
	font-size: 10pt !important; 
	text-decoration: none;
	font-weight: normal; 

}	

.small-links { 
	padding: 8px; 
}

.small-links a:link,  		
.small-links a:visited,  
.small-links a:active  { 
	color: #DDD !important; 
	font-size: 12pt !important; 
	text-decoration: none; 
	font-weight: normal 
}	

.small-links a:hover	{ 
	color: #000 !important; 
	font-size: 10pt !important; 
	text-decoration: none;
	font-weight: normal 

}	

.ft-site-product-nav	 	{ 
	background-color:#181818; 
	padding: 20px; 
}

.ft-site-product-nav a:link, 
.ft-site-product-nav a:visited, 
.ft-site-product-nav a:active  	{ 
	color: #33CCFF; 
	font-size:12pt; 
	text-decoration: none;
}	
			
.ft-site-product-nav a:hover 	{ 
	color: #FF0033; 
	font-size:12pt; 
	text-decoration: none; 
}
	
.ft-site-links-2 		{ 
	background-color:#000000;
	padding: 20px; 
}

.ft-site-links-2 a:link,  		
.ft-site-links-2 a:visited,  
.ft-site-links-2 a:active 	{ 
	color: #FF0033; 
	font-size:12pt; 
	text-decoration: none;
}	

.ft-site-links-2 a:hover	{ 
	color: #FFFF00; 
	font-size:12pt; 
	text-decoration: none;
}

/* ========================================================= */
/*       (footer bg-color+padding) + site links (fontFace+size+color) ----> .ft-site-links a:link etc.  */
/* ========================================================= */

.ft-site-links		{ background-color:#222222;	padding: 20px; }

.ft-site-links a:link,  		
.ft-site-links a:visited,  
.ft-site-links a:active	
			{ color: #999999; font-size:12pt; text-decoration: none;}	

.ft-site-links a:hover	{ color: #33CCFF; font-size:12pt; text-decoration: none;}	




/* ========================= SMALL a-links ================== */

a.small:link, 			/* ---POP UP BOX FOOTER LINKS--- */			
a.small:visited, 				
a.small:active	{
		background:#FFF; 
		color: #000 !important;
		font-size: 9pt; 
		padding: 1px; 
		text-decoration: none; 
		font-weight: normal; 
		line-height: normal; 
		} 
				
a.small:hover 	{ 
		background: #CC0000; 
		color: #FFF !important;   /* --33CCFF-blue--- */ 
		font-size: 9pt; 
		padding:1px;
		text-decoration: none;
		font-weight: normal;
		line-height: normal; 
		}  


.link-white a:link    	{color: #DBFA43; background: transparent}
.link-white a:visited 	{color: #DBFA43; background: transparent}
.link-white a:active  	{color: #DBFA43; background: transparent}
.link-white a:hover   	{color: #DBFA43; background: transparent}

a.btn2:link 		{font-size: 14pt; color: #000000; background: #DBFA43}	
a.btn2:visited 		{font-size: 14pt; color: #000000; background: #DBFA43}		
a.btn2:active		{font-size: 14pt; color: #000000; background: #DBFA43}	
a.btn2:hover 		{font-size: 14pt; color: #FFFFFF; background: #00CC00}

/* ------------- LINK BUTTONS ------------------------------------------------ */

a.btn:link 		{font-size: 14pt; color: #000000; background:#DBFA43}	
a.btn:visited 		{font-size: 14pt; color: #000000; background:#DBFA43}		
a.btn:active		{font-size: 14pt; color: #000000; background:#DBFA43}	
a.btn:hover 		{font-size: 14pt; color: #000000; background:#00CC00}

/* ------------- LINK BUTTONS RED ------------------------------------------------ */

a.btn-red:link, 	
a.btn-red:visited, 		
a.btn-red:active 
		{background:#FF0000; color: #FFF; font-size: 14pt; padding:5px;text-decoration: none;}
a.btn-red:hover 		
		{font-size: 14pt; color: #000; 
		background:#FFFF00 !important; /* ---YELLOW--- */
		padding:5px;
		text-decoration: none;
} 
		
/* ------------- PRODUCT IMAGE BUY ------------------------------------------------ */

H2.product {
	background-color: #2984AB;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14pt; 
	color: #FFF !important;
	text-align: center;
	vertical-align: midddle; margin:0px; line-height: normal;	
	padding:10px;
}

a.btnIMG:link, 			
a.btnIMG:visited, 				
a.btnIMG:active			
		{background:#EEE; color: #000; font-size: 12pt; padding:10px; text-decoration: none;}
				
a.btnIMG:hover 	{font-size: 12pt; color: #FFF; 
		background:#EBFBFF !important; /* ---BLUE--- */
		padding:10px;
		text-decoration: none;
		} 



a.btnRed:link, 			
a.btnRed:visited, 				
a.btnRed:active			
		{background:#CC0000; color: #FFF; font-size: 14pt; padding:5px;text-decoration: none;}
				
a.btnRed:hover 	{font-size: 14pt; color: #000; 
		background:#FFFF00 !important; /* ---YELLOW--- */
		padding:5px;
		text-decoration: none;} 

/* ------------- LINK BUTTONS BLUE MD ------------------------------------------------ */

a.btnBlue:link, 			
a.btnBlue:visited, 				
a.btnBlue:active			
			{background:#33CCFF; color: #FFF; font-size: 12pt; padding:5px;text-decoration: none;}
			
a.btnBlue:hover 	{font-size: 12pt; color: #000; 
		background:#FFFF00 !important; /* ---YELLOW--- */
		padding:5px;
		text-decoration: none;} 

a.btnmenu:link, 			
a.btnmenu:visited, 				
a.btnmenu:active 	{
	background:#EEE; color: #000; font-size: 12pt; padding:5px;text-decoration: none;}
			
a.btnmenu:hover 	{
	font-size: 12pt; color: #FFF; 
		background:#C3C3C3 !important; /* ----------- */
		padding:5px;
		text-decoration: none;} 

a.btnmenuIMG:link, 			
a.btnmenuIMG:visited, 				
a.btnmenuIMG:active			
			{background:#000; color: #EEE; font-size: 12pt; padding:5px;text-decoration: none;}
			
a.btnmenuIMG:hover 	{font-size: 12pt; color: #FFF; 
		background:#FF00CC !important; /* ---------- */
		padding:5px;
		text-decoration: none;} 

/* ------------- LINK BUTTONS PINK ------------------------------------------------ */

a.btnPink:link, 			
a.btnPink:visited, 				
a.btnPink:active			
		{background:#FF00CC; color: #FFF; font-size: 12pt; padding:5px;text-decoration: none;}
		
				
a.btnPink:hover 	{font-size: 12pt; color: #000; 
		background:#FFFF00 !important; /* ---YELLOW--- */
		padding:5px;
		text-decoration: none;}

/* athletic */

a.btnAthletic:link, 			
a.btnAthletic:visited, 				
a.btnAthletic:active			
		{background:#FFCC00; color: #FFF; font-size: 12pt; padding:5px;text-decoration: none;}
				
a.btnAthletic:hover 	{font-size: 12pt; color: #000; 
		background:#FFFF00 !important; /* ---YELLOW--- */
		padding:5px;
		text-decoration: none;} 
 
/* ------------- LINK BUTTONS ORANGE ------------------------------------------------ */

a.btnOrange:link, 			
a.btnOrange:visited, 				
a.btnOrange:active			
		{background:#FF7D26; color: #FFF; font-size: 12pt; padding:5px;text-decoration: none;}
				
a.btnOrange:hover 	{font-size: 12pt; color: #000; 
		background:#FFFF00 !important; /* ---YELLOW--- */
		padding:5px;
		text-decoration: none;
	} 

a.btnApple:link, 			
a.btnApple:visited, 				
a.btnApple:active			
		{background:#66FF00; color: #000; font-size: 12pt; padding:5px;text-decoration: none}
				
a.btnApple:hover 	{font-size: 12pt; color: #000; 
		background:#FFFF00 !important; /* ---YELLOW--- */
		padding:5px;
		text-decoration: none;
		} 

/* ------------- LINK BUTTONS green ------------------------------------------------ */

a.btnGreen:link, 			
a.btnGreen:visited, 				
a.btnGreen:active			
		{background:#006600; color: #FFF; font-size: 12pt; padding:5px;text-decoration: none;}
				
a.btnGreen:hover 	{font-size: 12pt; color: #000; 
		background:#FFFF00 !important; /* ---YELLOW--- */
		padding:5px;
		text-decoration: none;} 

/* ------------- LINK BUTTONS wine ------------------------------------------------ */

a.btnWine:link, 			
a.btnWine:visited, 				
a.btnWine:active			
		{background:#660066; color: #FFF; font-size: 12pt; padding:5px;text-decoration: none;}
				
a.btnWine:hover 	{
	font-size: 12pt; color: #000; 
		background:#FFFF00 !important; /* ---YELLOW--- */
		padding:5px;
		text-decoration: none;
	} 

a.btnBIG:link, 			
a.btnBIG:visited, 				
a.btnBIG:active			
			{ 
	background:#33CCFF; color: #FFF; font-size: 12pt; padding: 1px; text-decoration: none; }
				
a.btnBIG:hover 	{ font-size: 12pt; color: #FFF; 
		background: #EEE !important;  /* ---GREY--- */
		padding:1px;
		text-decoration: none; 
	} 


a.btnGrey:link, 			
a.btnGrey:visited, 				
a.btnGrey:active			
		{ background:#33CCFF; color: #FFF; font-size: 12pt; padding: 5px; text-decoration: none; }
				
a.btnGrey:hover 	{ font-size: 12pt; color: #FFF; 
		background: #FFcc00 !important;  /* ---blue--- */
		padding:5px;
		text-decoration: none; } 

a.btnGreyDK:link, 			
a.btnGreyDK:visited, 				
a.btnGreyDK:active			
		{background:#444444; color: #FFF; font-size: 12pt; padding:5px;text-decoration: none;}
				
a.btnGreyDK:hover 	{font-size: 12pt; color: #FFF; 
		background:#33CCFF !important;  /* ---blue--- */
		padding:5px;
		text-decoration: none;
} 

/*  -----------------------------------------------------------------  */
/*  -----------------------------------------------------------------  */

.space-5 { 
    display: block;
    height:1px; margin-top: 0.1em;
    margin-bottom: 0.1em;
    	}

HR.space-5 { 
    display: block;
    height:3px; margin-top: 0.2em;
    margin-bottom: 0.2em;
	}

.close-x {
	font-size: 60px !important; 
	color: #FF0000 !important; 
	font-weight: bold !important; 
}

.input-ok {
	background:#333; 
	height:36pt; 
	font-size: 14pt; 
	color: #FFF; 
	padding: 10px; text-decoration: none;
	font-weight: normal;
}

.input-ok:hover { 
	background: #33CCFF !important;  /* ---GREY--- */
	height:36pt; 
	font-size: 14pt; 
	color: #FFF; 
	padding: 10px; text-decoration: none;
	font-weight: normal;
} 

a.btnBack:link, 			
a.btnBack:visited, 				
a.btnBack:active {
	background:#333; 
	height:36pt; 
	font-size: 14pt; 
	color: #FFF; 
	padding: 10px; text-decoration: none;
	font-weight: normal;
}
				
a.btnBack:hover { 
	background: #33CCFF !important;  /* ---GREY--- */
	height:36pt; 
	font-size: 14pt; 
	color: #FFF; 
	padding: 10px; text-decoration: none;
	font-weight: normal;
} 


/*  -----------------------------------------------------------------  */


a.btnCart:link, 			
a.btnCart:visited, 				
a.btnCart:active {
	background:#333; 
	height:36pt; 
	font-size: 14pt; 
	color: #FFF; 
	padding: 10px; text-decoration: none;
	font-weight: normal;
}
				
a.btnCart:hover { 
	background: #33CCFF !important;  /* ---GREY--- */
	height:36pt; 
	font-size: 14pt; 
	color: #FFF; 
	padding: 10px; text-decoration: none;
	font-weight: normal;
} 

/*  -----------------------------------------------------------------  */
/*  -----------------------------------------------------------------  */

a.btnProduct:link, 			
a.btnProduct:visited, 				
a.btnProduct:active {
	background:#333; 
	height:36pt; 
	font-size: 14pt; 
	color: #FFF; 
	padding: 10px; text-decoration: none;
	font-weight: normal;
}
				
a.btnProduct:hover { 
	background: #FF1C8E !important;  /* --DFE8E2--- */
	height:36pt; 
	font-size: 14pt; 
	color: #000; 
	padding: 10px; text-decoration: none;
	font-weight: normal;
} 

/*  -----------------------------------------------------------------  */
/*  -----------------------------------------------------------------  */


a.btnBlack:link, 			
a.btnBlack:visited, 				
a.btnBlack:active {
	background:#000; 
	color: #999; 
	font-size: 14pt; 
	padding: 5px; text-decoration: none;
	font-weight: normal;
}
				
a.btnBlack:hover { 
	font-size: 14pt; 
	color: #FFF; 
	background: #33CCFF !important;  /* ---GREY--- */
	padding: 5px;
	text-decoration: none;
	font-weight: normal;
} 

/* ------------- LINK BUTTONS MENU ------------------------------------------------ */

a.MenubtnTOP:link, 			
a.MenubtnTOP:visited,  						
a.MenubtnTOP:active			
			{background:#000 !important; color: #FFF; font-size: 14pt; padding:5px;}
				
a.MenubtnTOP:hover 	{font-size: 14pt; color:#FFF !important; background:#33CCFF !important; padding:5px; } 


/* ------------- LINK BUTTONS MENU ------------------------------------------------ */

a.Menubtn:link, 			
a.Menubtn:visited, 				
a.Menubtn:active			
		{background:#FFFFFF; color: #000; font-size: 14pt; padding:5px;}
				
a.Menubtn:hover 	{font-size: 14pt; color:#FFFFFF !important; background:#33CCFF !important; padding:5px; } 

/* ---------| FOOTER SHIPPING STATUS |------------------------- */

.fgreen			{ 
			background-color:#30AB22; 
			}

.ft-shipping 		
			{ 
			text-align: center;	 
			font-family: sans-serif, Verdana, Arial; 
			font-size:20pt ;	
			color:#FFF !important;
			line-height: normal;
			text-decoration: none;
			padding:20px;
			}			

 /* ---------| FOOTER SHIPPING STATUS // PAYMENT ICONS //------------- */

.ft-icons		{ 
			background-color:#FFF;
			text-align: center;	 
			padding:20px;
			}



.border-dotted {
		padding:10px; 
		border-style: dotted; 
		border-width: 1px;
		border-color: #555;

		}
		

/* ----------------------| CLEAR DIV + SITE LINKLS |--------------------------------------------------- */

.clear-site-links		{
			background-color:TRANSPARENT;			
			padding: 20px;
			}

.clear-site-links a:link,  		
.clear-site-links a:visited,  
.clear-site-links a:active	
				{ color: #33CCFF; font-size:12pt;text-decoration: none;}	
.clear-site-links a:hover		{ color: #CC0000; font-size:12pt;text-decoration: none;}			


/* ----------------------| CLEAR DIV + LISTS |--------------------------------------------------- */

.clear-list-links		{
			background-color:TRANSPARENT;			
			padding: 20px;
			}


.clear-list-links a:link,  		
.clear-list-links a:visited,  
.clear-list-links a:active	
				{ color: #CCCCFF; font-size:14pt;text-decoration: none;}	
.clear-list-links a:hover		{ color: #FFFF00; font-size:14pt; text-decoration: none;}			


/* -------------------- LINK BOXES------------------------------------------------ */

a.btn-default:link 		{font-size: 14pt; color: #000000; background: #EEEEEE}	
a.btn-default:visited 	{font-size: 14pt; color: #000000; background: #EEEEEE}		
a.btn-default:active		{font-size: 14pt; color: #000000; background: #EEEEEE}	
a.btn-default:hover 		{font-size: 14pt; color: #000000; background: #DBFA43}

/* -------------------------------INFO LINK BUTTONS YELLOW+GREEN ---- */

input.green:hover 		{font-size: 14pt; color: #FFFFFF; background: #00CC00}

/* =========================== INFO BOXES ======== */

div.info 	{
	background-color: #FFCCFF;
    	width: 100%;
    	height: 100%;
    	border-style: dotted;
    	border-width: 1px;
    	border-color: #333;
    	padding: 10px;
	}

div.opaque 	{
    	background-color: rgba(0, 2, 2, 0.7);
    	width: 100%;
    	height: 100%;
    	border-style: dotted;
    	border-width: 2px;
    	border-color: #F03;
    	padding: 0;
}



.opaque2 		{
    		background-color: rgba(2, 2, 2, 0.4);
     		width: 100%;     
		height: 100%;
    		border-style: none;
    		border-width: 0px;
    		border-color: #F03;
		padding: 0px
		}

.opaque-cart 		{
    		background-color: rgba(1, 1, 1, 0.8);
     		width: 100%;     
		height: 100%;
    		border-style: none;
    		border-width: 0px;
    		border-color: #F03;
		padding: 0px
		}


/* ---| BLOCKQUOTE |---------------------------------------------------------------- */ 

blockquote 	{
    		display: block;
    		background-color:TRANSPARENT;
		text-align: Left;	
		font-family: sans-serif, Verdana, Arial; 
		font-size:18pt ;
		line-height: normal
			 
		}

.pd {
	background-color: #FFF; 		
	font-family: Arial, sans-serif, Verdana, Helvetica; 
	font-size: 14pt;
	color: #000; 					
	text-align: left;
	padding: 0px;
	margin: 0;
	line-height: normal 
}
.pc			{
			background-color: transparent; 		 
			font-family: Arial, sans-serif, Verdana, Helvetica; 
			font-size: 14pt;
			color: #FFFF00; 					
			text-align: left;
			padding: 0px;
			margin: 0;
			line-height: normal
			}

.pb			{
			font-family: Arial, sans-serif, Verdana, Helvetica; 
			font-size:14pt;
			color: #D9F0FF; 					
			text-align: left;
			padding: 0px;
			margin: 0;
			line-height: normal
			}

.pE			{
			background-color: transparent; 
			font-family: Arial, sans-serif, Verdana, Helvetica; 
			font-size: 14pt;
			color: #EEEEEE; 					
			text-align: left;
			padding: 0px;
			margin: 0;
			line-height: normal
			}


.PHblueLT			{
			text-align: left;
			font-family: sans-serif, Arial, Verdana, Helvetica; 
			font-size:18pt;
			color: #D9F0FF;
			line-height:normal
			}		

	


/* ---| paragraph info box |------------------------- */ 

.info-box			{
			padding:30px;
			}	
.Pinfo			{
			background-color:#CCFFCC ; 
			text-align: left;
			padding:40px;
			font-family: sans-serif, Verdana, Arial, Helvetica; 
			font-size:14pt;
			line-height:normal
			}
.Pid			{
			float:right;
			background-color: #333333; 		
			font-family: Verdana, sans-serif, Arial, Helvetica; 
			font-size:12pt;
			color: #eeeeee; 					
			text-align: center;
			padding: 3px;
			margin: 0;
			line-height: normal
}
img 			{  
       			page-break-inside: avoid;  
      			}  
img 			{  max-width: 100% !important;  
   			}  

/* ----------------| IMAGES |----efects----------------------- */ 

.img-circle 		{  
     			border-radius: 50%;  
			}  
.img-responsive 		{  
     			display: block;  
     			height: auto;  
     			max-width: 100%;
			}  
img-center 			{  
			vertical-align: center; 
			}  
img 			{  
			vertical-align: top; 
			} 

/* ------CATEGORY 6 across ---------------------------- */

.cat6			{
			background-color:#FFF;
			padding: 20px;
			vertical-align: top;
			}

/* ------CATEGORY 4 across ---------------------------- */

.cat4			{
			background-color:#FFF;
			padding: 20px;
			vertical-align: top;
			}

/* --------------------------NOP------------------------------ */ 
select.data	{
		width:100%;
		max-width:250px;
		height:40px;
		background-color:#FFFFFF;
		font-family: Arial, Verdana, Helvetica, sans-serif; 
		font-size: 18px; 
		color: #000;
		opacity:2;
		padding:0;
		margin: 7px auto;
		border: solid 1px #DDDDDD;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		-moz-box-shadow: 0 1px 1px 777, 0 1px 0 666 inset;
		-webkit-box-shadow: 0 1px 1px 777, 0 1px 0 666 inset;
		box-shadow: 0 1px 1px 777, 0 1px 0 666 inset
		
		} 

select.product 	{
    			width:100%;
			max-width:230px;
			height: 40px;
    			padding: 5px;
    			border: 0;
    			background-color: #FFF;
    			font: 12pt verdana, arial;
			color: #000!important;
   			}

select.top-nav-250 	{
    			width:100%;
			max-width:250px;
			height: 40px;
    			padding: 3;
    			border: 0;
    			background-color: #FFF;
    			color: #000!important;
   			font: 14pt verdana, arial;
			}

.dropx { 
	background-color: #EEE;
    	font: 14pt verdana, arial;
	color: #CC0000 !important;
	font-weight: normal;
	line-height: normal;	
	margin: 0;
	padding:5px
	}

select.top-nav-230 	{
    			width:100%;
			max-width:230px;
			height: 40px;
    			padding: 5px;
    			border: 0;
    			background-color: #FFF;
    			font: 14pt verdana, arial;
			color: #000!important;
   			}
select.notUsed		{
			width:100%;
			height:80px;
			background-color:;
			font-family: Arial, Verdana, Helvetica, sans-serif; 
			font-size: 30px; 
			color: #DDD !important;
			opacity:2;
			padding:3px;
			margin: bottom 0px auto;
			border: solid 1px #DDDDDD;
			-moz-border-radius: 6px;	-webkit-border-radius: 6px;
			border-radius: 6px;
			-moz-box-shadow: 0 1px 1px 777, 0 1px 0 666 inset;
			-webkit-box-shadow: 0 1px 1px 777, 0 1px 0 666 inset;
			box-shadow: 0 1px 1px 777, 0 1px 0 666 inset;
		
		} 
select.subject {
    	width:100%;
    	height:80px;
    	padding:20px;
    	border: solid 2px #33CCFF;
	background-color: FFF;
 	font: 24px verdana, arial;
 	color: #555555!important;
} 


select.Telephone-country {
    width:100%;
	max-width:250px;
	height: 40px;
    background: #FFF;
    border-style: dotted;
    border-width: 2px;
    border-color: #000;
    padding: 3px;
    color: #000 !important;
    text-align: center;
    vertical-align: middle;
    font: 18pt Arial, Verdana, Helvetica, sans-serif;
}
input.telephone {
    		width:100%;
		max-width:250px;
		height: 40px;
    		background: #FFF;
    		border-style: dotted;	
		border-width: 2px;
    		border-color: #000;
    		padding: 3px;
    		color: #000 !important;
    		text-align: center;
    		vertical-align: middle;
    		font: 18pt Arial, Verdana, Helvetica, sans-serif
			}
select.set-price 	{
    			width: 500px;
    			height: 50px;
    			background-color: #BFF2FF;
    			color: #000 !important;
    			text-align: center;
    			vertical-align: middle;
    			font: 18px verdana, arial
			}
select.set-font {
    		width: 175px;
    		height: 50px;
    		padding: 5px;
    		background-color: #BFF2FF;
    		color: #000 !important;
    		text-align: center;
    		vertical-align: middle;
    		font: 18px verdana, arial
			}
select.set-color 	{
    			width: 125px;
    			height: 50px;
    			padding: 5px;
    			background-color: #BFF2FF;
    			color: #000 !important;
    			text-align: center;
    			vertical-align: middle;
    			font: 18px verdana, arial
			}

select.slogan-tshirts 	{
    width: 500px;
    height: 50px;
    background-color: #BFF2FF;
    color: #000  !important;
    text-align: center;
    vertical-align: middle;
    font: 18px verdana, arial;
}
select.slogan-tshirts-size {
    width: 100px;
    height: 50px;
    background-color: #BFF2FF;
    color: 000!important;
    text-align: center;
    vertical-align: middle;
    font: 18px verdana, arial
}
select.slogan-tshirts-font {
    width: 100px;
    height: 50px;
    background-color: #BFF2FF;
    color: 000!important;
    text-align: center;
    vertical-align: middle;
    font: 18px verdana, arial;
}

select.slogan-prices {
    width:100%;
	max-width:250px;
	height: 40px;
    padding: 0;
    border: 1px;
    background-color: #BFF2FF;
    color: #000!important;
    font: 18px verdana, arial;
}
select.slogan-fonts {
    width: 150px;
    height: 50px;
    padding: 0;
    border: 1px;
    background-color: #BFF2FF;
    color: 000!important;
    font: 18px verdana, arial;
}
select.slogan-colors {
    width: 150px;
    height: 50px;
    padding: 0;
    border: 1px;
    background-color: #BFF2FF;
    color: 000!important;
    font: 18px verdana, arial;
}

select.letters-buy {
    	width:100%;
	max-width:250px;
	height:40px;
	background-color:#FFFFFF;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12pt; 
	color: #000;
	vertical-align: middle;
	border-style: solid;
	border-width: 1px;
 	border-color: #eee;
 	opacity:2;
	padding:2px;
	margin: 10px 0 0 0; 
} 

.choose {background-color:#eee !important;}

select.letters-color {
	width:100%;
	max-width:250px;
	height:40px;
	background-color:#FFFFFF;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12pt; 
	color: #000 !important;
	vertical-align: middle;
	border-style: solid;
	border-width: 1px;
 	border-color: #eee;
 	opacity:2;
	padding:2px;
	margin: 10px 0 0 0; 
} 

input.letters-21 {
	width:100%;
	max-width:250px;
	height:40px;
	background-color:#FFFFFF;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12pt; 
	color: #000 !important;
	text-align: center;
    	vertical-align: middle;
	border-style: solid;
	border-width: 1px;
 	border-color: #eee;
 	opacity:2;
	padding:2px;
	margin: 10px 0 0 0; 
} 

input.letters-26 {
	width:100%;
	max-width:250px;
	height:40px;
	background-color:#FFFFFF;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12pt; 
	color: #000 !important;
	text-align: center;
    	vertical-align: middle;
	border-style: solid;
	border-width: 1px;
 	border-color: #eee;
 	opacity:2;
	padding:2px;
	margin: 10px 0 0 0; 
} 

input.letters-36 {
	width:100%;
	max-width:250px;
	height:40px;
	background-color:#FFFFFF;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12pt; 
	color: #000 !important;
	text-align: center;
    	vertical-align: middle;
	border-style: solid;
	border-width: 1px;
 	border-color: #eee;
 	opacity:2;
	padding:2px;
	margin: 10px 0 0 0; 
} 


input.letters-qty {
	width:100%;
	max-width:100px;
	height:38px;
	background-color:#FFF;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12pt; 
	color: #000 !important;
	text-align: center;
    	vertical-align: middle;
	border-style: solid;
	border-width: 1px;
 	border-color: #eee;
 	opacity:2;
	padding:2px;
	margin: 10px 0 0 0; 
} 

select.decals-buy {
	width:100%;
	max-width:250px;
	height:40px;
	background-color:#FFF;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12pt; 
	color: #000;
	vertical-align: middle;
	border-style: dotted;
	border-width: 1px;
 	border-color: #000;
	opacity:2;
	padding:5px;
	margin:0px; 
} 

select.decals-color {
	width:100%;
	max-width:250px;
	height:40px;
	background-color:#FFFFFF;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12pt; 
	color: #000;
	vertical-align: middle;
	border-style: dotted;
	border-width: 1px;
 	border-color: #000;
	opacity:2;
	padding:5px;
	margin:0px; 
} 

input.decal-qty {
	width:100%;
	max-width:60px;
	height:40px;
	background-color:#FFF;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12pt; 
	color: #000;
	vertical-align: middle;
	border-style: dotted;
	border-width: 1px;
	border-color: #000;
	opacity:2;
	padding:2px;
	margin:0px; 
}

input.decals-qty {
	width:100%;
	max-width: 80px;
	height:40px;
	background-color:#FFF;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12pt; 
	color: #000;
	vertical-align: middle;
	border-style: dotted;
	border-width: 1px;
	border-color: #000;
	opacity:2;
	padding:2px;
	margin:0px; 
}
select.decal {
	width:100%;
	max-width:250px;
	height:40px;
	background-color:#FFFFFF;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12pt; 
	color: #000;
	vertical-align: middle;
	border-style: dotted;
	border-width: 1px;
 	border-color: #000;
	opacity:2;
	padding:5px;
	margin:0px; 
} 

.decal-id {
	width:100%;
	max-width:250px;
	height:40px;
	background-color:#FFFFFF;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12pt; 
	color: #000;
	vertical-align: middle;
	border-style: dotted;
	border-width: 1px;
 	border-color: #000;
	opacity:2;
	padding:5px;
	margin:0px; 
} 
.decal-name {
	width:100%;
	max-width:250px;
	height:40px;
	background-color:#FFFFFF;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12pt; 
	color: #000;
	vertical-align: middle;
	border-style: dotted;
	border-width: 1px;
 	border-color: #000;
	opacity:2;
	padding:5px;
	margin:0px; 
} 
input.set 		{
    		width:100%;
	max-width:250px;
	height: 40px;
    		background: #FFF;
    		border-style: dotted;
    		border-width: 2px;
    		border-color: #000;
    		padding: 3px;
    		color: #000!important;
    		text-align: center;
    		vertical-align: middle;
    		font: 20pt Arial, Verdana, Helvetica, sans-serif
		}
input.set-name {
    width:100%;
	max-width:250px;
	height: 40px;
    background: #BFF2FF;
    border-style: solid;
    border-width: 2px;
    border-color: #C00;
    padding: 5px;
    color: #000!important;
    text-align: center;
    vertical-align: middle;
    font: 12pt Arial, Verdana, Helvetica, sans-serif;
}
input.set-number {
    width:100%;
	max-width:60px;
	height: 40px;
    background: #BFF2FF;
    border-style: solid;
    border-width: 2px;
    border-color: #C00;
    padding: 5px;
    color: #000!important;
    text-align: center;
    vertical-align: middle;
    font: 12pt Arial, Verdana, Helvetica, sans-serif;
}
input.slogan-words-transfer {
    width:100%;
	max-width:250px;
	height: 40px;
    background: #000;
    border-style: dotted;
    border-width: 1px;
    border-color: F90;
    padding: 5px;
    color: #FFF !important;
    text-align: center;
    vertical-align: middle;
    font: 12pt Arial, Verdana, Helvetica, sans-serif;
}
input.slogan-words-tshirts {
    width:100%;
	max-width:250px;
	height: 40px;
    background: #000;
    border-style: dotted;
    border-width: 1px;
    border-color: #F90;
    padding: 5px;
    color: #FFF!important;
    text-align: center;
    vertical-align: middle;
    font: 12pt Arial, Verdana, Helvetica, sans-serif;
}

input.slogan-words-nylon {
    width:100%;
	max-width:250px;
	height: 40px;
    background: #000;
    border-style: dotted;
    border-width: 1px;
    border-color: #F90;
    padding: 5px;
    color: #FFF!important;
    text-align: center;
    vertical-align: middle;
    font: 12pt Arial, Verdana, Helvetica, sans-serif
}

input.slogan {
    width:100%;
	max-width:250px;
	height: 40px;
    background: #FFF;
    border-style: dotted;
    border-width: 1px;
    border-color: #333;
    padding: 5;
    color: #000;
    text-align: center;
    vertical-align: middle;
    font: 12pt Arial, Verdana, Helvetica, sans-serif;
}
input.any-20 {
    width:100%;
	max-width:250px;
	height: 40px;
    background: #FFC;
    border-style: dotted;
    border-width: 1px;
    border-color: #000;
    padding: 5px;
    color: #000 !important;
    text-align: center;
    vertical-align: middle;
    font: 12pt Arial, Verdana, Helvetica, sans-serif;
}
.getHELP {
	width:100%;
	max-width:250px;
	height: 40px;
    	padding: 3;
    	border: none;
    	background-color:#FFF;
    	font: 14pt verdana, arial;
	color: #000!important;
	vertical-align: middle;
	font: 14pt verdana, arial;
	} 

.getFAQ {
	width:100%;
	max-width:250px;
	height: 40px;
    	padding: 3px;
    	border: none;
    	background-color:#FFF;
    	font: 14pt verdana, arial;
	color: #000 !important;
	vertical-align: middle;
	font: 14pt verdana, arial;
	} 

.getDATA {
	width:100%;
	max-width:250px;
	height: 40px;
    	padding: 5px;
    	background-color:#FFF;
    	font: 14pt verdana, arial;
	color: #000 !important;
	vertical-align: middle;
	font: 14pt verdana, arial;
	opacity:2;
		border: solid 1px #191919;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-moz-box-shadow: 0 1px 1px 777, 0 1px 0 666 inset;
		-webkit-box-shadow: 0 1px 1px 777, 0 1px 0 666 inset;
		box-shadow: 0 1px 1px 777, 0 1px 0 666 inset;
		} 



select.cart	{
		width:100%;
		height:50px;
		background-color:#FFFFFF;
		font-family: Arial, Verdana, Helvetica, sans-serif; 
		font-size: 24px; 
		color: #000000;
		opacity:2;
		padding:3px;
		margin: bottom 0px auto;
		border: solid 1px #DDDDDD;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		-moz-box-shadow: 0 1px 1px 777, 0 1px 0 666 inset;
		-webkit-box-shadow: 0 1px 1px 777, 0 1px 0 666 inset;
		box-shadow: 0 1px 1px 777, 0 1px 0 666 inset;
		
		} 

select.service	{
		width:240px;
		height:40px;
		background-color:#FFFFFF;
		font-family: Arial, Verdana, Helvetica, sans-serif; 
		font-size: 16px; 
		color: #000000;
		opacity:2;
		padding:2px;
		margin: bottom 0px auto;
		border: dotted 1px #000000;
	
		} 

.service-tel	{
		width:240px;
		height:40px;
		background-color:#FFFFFF;
		font-family: Arial, Verdana, Helvetica, sans-serif; 
		font-size: 16px; 
		color: #000000;
		opacity:2;
		padding:2px;
		margin: bottom 0px auto;
		border: dotted 1px #000000;
	
		} 

.greetext  	{ 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 12px;color: #006600;
		}
.blacktext 	{ 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 12px;color: #000000;
		}    

.checkout 	{
		font-family: Arial, Verdana, Helvetica, sans-serif; 
		font-size: 18px; color: #000000;
		}

.checkoutinput 	{

		font-family: Arial, Verdana, Helvetica, sans-serif; 
		font-size: 18px; color: #000000;
		}   



/* ============= NOP =========== */ 

div.cart	{
	background-color: #EEE;				
	padding: 0px;
	margin: 0;
	line-height: normal;
	}

.nopcart-mini 	{
		width:100%;
		height:50%;
		background: #777777; 
		border-style: dotted; 
		border-width: 1px; 
		border-color: #555555; 
		padding:5px; 
		font-family: Arial, Verdana, Helvetica, sans-serif; 
		font-size: 8px; color: 999999;
		}

/* ============= NOP CART =========== */ 

.nopcart 		{
		background: #EEE; 
		border-style: dotted; 
		border-width: 1px; 
		border-color: #555555; 
		padding:5px; 
		font-family: Arial, Verdana, Helvetica, sans-serif; 
		font-size: 12px; 
		color: 999999;
		}

.nopheader 	{
		background: #000; 
		height:20px; 
		text-align: center;
		border-style: solid; 
		border-width: 1px; 
		border-color: #ddd; 
		padding:5px; 
		font-family: Arial, Verdana, Helvetica, sans-serif; 
		font-size: 12px; 
		color: #FFF;
		}


.nopentry 		{
		background: #FFF; 
		height:20px; 
		text-align: center;
		border-style: solid; 
		border-width: 1px; 
		border-color: #ddd; 
		padding:5px; 
		font-family: Arial, Verdana, Helvetica, sans-serif; 
		font-size: 12px; 
		color: #000;
		}
.subtotal 	{
		background: #EEE; 
		height:40px; 
		border-style: solid; 
		border-width: 1px; 
		border-color: #CCC; 
		padding:5px; 
		font-family: Arial, Verdana, Helvetica, sans-serif; 
		font-size: 12px; 
		color: #000000;
		}

.shiptotal 	{
		background: #DDDDDD; 
		height:40px; 
		border-style: solid; 
		border-width: 1px; 
		border-color: #ddd; 
		padding:5px; 
		font-family: Arial, Verdana, Helvetica, sans-serif; 
		font-size: 12px; 
		color: #000000;
}


/* -------taxtotal-DFDFDF-grey---- */ 
.taxtotal 		{
		background: #DDDDDD; 
		height:40px; 
		border-style: solid; 
		border-width: 1px; 
		border-color: #ddd; 
		padding:5px; 
		font-family: Arial, Verdana, Helvetica, sans-serif; 
		font-size: 12px; 
		color: #000000;
}

/* -------total-DFDFDF-grey---- */ 

.noptotal 		{
		background: #EEE; 
		height:40px; 
		border-style: solid; 
		border-width: 1px; 
		border-color: #ccc; 
		padding:5px; 
		text-align: right; 
		font-family: Arial, Verdana, Helvetica, sans-serif; 
		font-size: 14px; 
		color: #000;
}

/* ============= NOP BUTTON =========== */ 

.nopbutton 	{
		background-color: #CC0000; 
		width:20px;
		height:20px;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 14px; 
		color: #FFF;
		opacity:2;
		padding:1px;
		border-style: solid; 
		border-width: 1px; 
		border-color: #DDD; 
		} 


/* ============= NOP PAYNOW =========== */ 
/* ============= TABLE =========== */ 

TH.cart	{ 
background: #2984AB; 
height:40px; 
text-align:center;
font-family: Arial, sans-serif, Verdana, Helvetica; 
font-size: 12pt; 
color: #FFF; 
} 

TD.cart	{ 
height:40px; 
font-family: Arial, sans-serif, Verdana, Helvetica; 
font-size: 10pt; 
color: #000; 
} 

TD.cart-right	{ 
height:40px; 
text-align:right;
font-family: Arial, sans-serif, Verdana, Helvetica; 
font-size: 10pt; 
color: #000; 
} 


.nopcart-Paynow {
		width:100%;
		border-style: solid; 
		border-width: 1px; 
		border-color: #DDD; 
		padding:5px; 
		font-family: Arial, Verdana, Helvetica, sans-serif; 
		font-size: 12px; 
		color: 999999;
		}

.nopheader-Paynow 	{
		background: #2984AB; 
		height:30px; 
		text-align: center;
		border-style: solid; 
		border-width: 1px; 
		border-color: #DDD; 
		padding:5px; 
		font-family: Arial, Verdana, Helvetica, sans-serif; 
		font-size: 12px; 
		color: #FFF;
		}


.nopentry-Paynow 		{
		background: #FFF; 
		height:30px; 
		text-align: center;
		border-style: solid; 
		border-width: 1px; 
		border-color: #ddd; 
		padding:5px; 
		font-family: Arial, Verdana, Helvetica, sans-serif; 
		font-size: 12px; 
		color: #000;
		}
.subtotal-Paynow 	{
		background: #EEE; 
		height:30px; 
		border-style: solid; 
		border-width: 1px; 
		border-color: #000; 
		padding:5px; 
		font-family: Arial, Verdana, Helvetica, sans-serif; 
		font-size: 12px; 
		color: #000;
		}

.shiptotal-Paynow 	{
		background: #DDD; 
		height:30px; 
		border-style: solid; 
		border-width: 1px; 
		border-color: #ddd; 
		padding:5px; 
		font-family: Arial, Verdana, Helvetica, sans-serif; 
		font-size: 12px; 
		color: #000;
}


.taxtotal-Paynow 		{
		background: #DDD; 
		height:30px; 
		border-style: solid; 
		border-width: 1px; 
		border-color: #ddd; 
		padding:5px; 
		font-family: Arial, Verdana, Helvetica, sans-serif; 
		font-size: 12px; 
		color: #000;
}


.noptotal-Paynow 		{
		background: #EEE; 
		height:40px; 
		border-style: solid; 
		border-width: 1px; 
		border-color: #000; 
		padding:5px; 
		text-align: right; 
		font-family: Arial, Verdana, Helvetica, sans-serif; 
		font-size: 14px; 
		color: #000;
}

/* ============= END NOP PAYNOW =========== */ 

input.qty-box	{
			width:60px;
			height:40px;
			border:0px;
			background-color: #eeeeee;
			font-family:verdana,arial;
			font-color: #000000;
			font-size:18pt;
			text-align:center;
			}
.cart-qty-20		{
			width:100px;
			height:30px;
			border:0px;
			background-color: #FFFFFF;
			font-family:verdana,arial;
			font-color: #000000;
			font-size:14pt;
			text-align:center;
			}
.button-buy-red-100	{
		background-color: #E01B70; /* --- pink --- */ 
		height:50px;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 24px !important; 
		color: #FFFFFF;
		opacity:2;
		padding:3px;
		margin: bottom 0px auto;
		border: solid 1px #333333;
		} 

/* -------------------------------------------------------E01B70-or-FF0066pink -24px !important-------- TESTING ------ */ 
.pink	{
		background-color: #FF0066; /* --E01B70----------FF0066pink -24px !important-- */ 
		width:180px;
		height:50px;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: normal; 
		color: #FFFFFF Important;
		opacity:2;
		padding:10px;
		margin:3px;
		border: solid 1px #333333;
		} 

.pink-30	{
		background-color: #FF0066; /* --E01B70----------FF0066pink -24px !important-- */ 
		width:110px;
		height:40px;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: normal; 
		color: #FFF !important;
		opacity:2;
		padding:5px;
		margin:5px;
		border: solid 1px #FFFFFF;
		} 
.disabled	{
		background-color: #333333; /* --- grey --- */ 
		width:180px;
		height:50px;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 20px !important; 
		color: #555555;
		opacity:2;
		padding:10px;
		margin:3px;
		border: solid 1px #333333;
		} 

.grey	{
		background-color: #333333; /* --- grey --- */ 
		width:180px;
		height:50px;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 20px !important; 
		color: #66FF00;
		opacity:2;
		padding:10px;
		margin:3px;
		border: solid 1px #333333;
		} 

.grey-100	{
		background-color: #333333; /* --- grey --- */ 
		width:120px;
		height:50px;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 16px !important; 
		color: #66FF00;
		opacity:2;
		padding:0px;
		margin:5px;
		border: solid 1px #333333;
		} 

.grey-120	{
		background-color: #333333; /* --- grey --- */ 
		width:120px;
		height:50px;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 20px !important; 
		color: 66FF00;
		opacity:2;
		padding:0px;
		margin:10px;
		border: solid 1px #333333;
		} 



.grey-sale	{
		background-color: #333333; /* --- grey --- */ 
		width:180px;
		height:50px;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 20px !important; 
		color: #FF0000;
		opacity:2;
		padding:10px;
		margin:3px;
		border: solid 1px #333333;
		} 
.grey-sale-120	{
		background-color: #333333; /* --- grey --- */ 
		width:120px;
		height:50px;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 20px !important; 
		color: #FF0000;
		opacity:2;
		padding:10px;
		margin:3px;
		border: solid 1px #333333;
		} 


.pink	{
		background-color: #FF0066; /* --- pink -24px !important-- */ 
		width:180px;
		height:50px;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: normal; 
		color: #FFFFFF;
		opacity:2;
		padding:10px;
		margin:3px;
		border: solid 1px #333333;
		} 
.green	{
		background-color: #66FF00; /* --- lime --- */ 
		width:180px;
		height:50px;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 20px !important; 
		color: #000000;
		opacity:2;
		padding:10px;
		margin:3px;
		border: solid 1px #333333;
		} 

.green-120	{
		background-color: #66FF00; /* --- lime --- */ 
		width:120px;
		height:50px;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 20px !important; 
		color: #000000;
		opacity:2;
		padding:10px;
		margin:3px;
		border: solid 1px #333333;
		} 



button.contact	{
		background-color: #444444; 
		width:260px;
		height:50px;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 18px !important; 
		color: #FFFFFF;
		opacity:2;
		padding:3px;
		margin: bottom 0px auto;
		border: solid 1px #333333;
		} 

