.Arial11GrayBold
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #958F8F;
	font-weight:bold;
}

a.Arial11GrayBold:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FA620F;
	clip: rect(20px, auto, auto, 20px);
	text-decoration: underline;
	font-weight:bold;
}
a.Arial11GrayBold
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	text-transform: none;
	color: #958f8f;
	text-decoration: none;
}

.login
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10px;
	color:#5a6270;
}


.login a:link, .login a:visited
{
	
	font-weight: normal;
	color: #5a6270;
	text-decoration: none;
}

a.login:hover
{

	font-weight: normal;
	color: #fa620f;
	text-decoration: underline;
}

.shoppingCart
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10px;
	color: #5a6270;
}

.shoppingCart a:link, .shoppingCart a:visited 
{
	
	font-weight: normal;
	color: #5a6270;
	text-decoration: none;
}

a.shoppingCart:hover
{

	font-weight: normal;
	color: #fa620f;
	text-decoration: underline;
}



.holidayHeaderMessage
{

	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #fa620f;
	
}






.letterNav
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 15px;
	color: #355bb3;
	font-weight:bold;
	text-transform: uppercase;
	text-decoration: none;
	border-bottom-color: #98B3BE;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}
	
a.letterNav:link
{
	
	font-weight: bold;
	color: #355bb3;
	text-decoration: none;
	border-bottom-color: #98B3BE;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

a.letterNav:hover
{

	font-weight: bold;
	color: #fa620f;
	text-decoration: none;
	border-bottom-color: #fa620f;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	clip: rect(20px, auto, auto, 20px);
}

a.letterNav:visited
{

	font-weight: bold;
	color: #5a6270;
	text-decoration: none;
	border-bottom-color: #cccccc;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}



a.letterNavSelected 
{
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 15px;
	color: #fa620f;
	font-weight:bold;
	text-decoration: none;
	border-bottom-color: #fa620f;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

.letterNavSelected A:visited, .letterNavSelected A:hover, .letterNavSelected A:link
{
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 15px;
	color: #fa620f;
	font-weight:bold;
	text-decoration: none;
	border-bottom-color: #fa620f;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}




.schoolList
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #355bb3;
	text-decoration: none;
	
}








/*	SCHOOL MAIN & CATEGORY PAGES	*/




		
.shoppingCartGlobalNav
		{font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 10px; color: #ffffff;}
.shoppingCartGlobalNav		a:link {color: #ffffff; text-decoration: underline;}
.shoppingCartGlobalNav		a:hover {color: #fa620f; text-decoration: underline;}
		



.inputFieldCoupon
		{font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; color: #5a6270; font-weight: bold;}
		
.couponDetails
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10px;
	color: #5a6270;
}
.couponDetails		a:link {color: #000000; text-decoration: underline;}
.couponDetails		a:hover {color: #000000; text-decoration: underline;}

.dynamicStoreName
		{font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 14px;}

.moduleTitleBar
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #5a6270;
	font-weight: bold;
	
}

a.moduleTitleBar:link
{
	color: #5a6270;
	text-decoration: none;
}
a.moduleTitleBar:hover
{
	color: #fa620f;
	text-decoration: underline;
}

a.moduleTitleBar: visited
{
	color: #5a6270;
	text-decoration: none;
}

.moduleTitleBarAlt
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	
}

a.moduleTitleBarAlt:link
{
	color: #ffffff;
	text-decoration: none;
}
a.moduleTitleBarAlt:hover
{
	color: #ffffff;
	text-decoration: underline;
}

a.moduleTitleBarAlt: visited
{
	color: #ffffff;
	text-decoration: none;
}



.moduleTitleBarDescription
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #5a6270;
	line-height: normal;
}

a.moduleTitleBarDescription:link
{
	color: #5a6270;
	text-decoration: none;
}

a.moduleTitleBarDescription:visited
{
	color: #5a6270;
	text-decoration: none;
}

a.moduleTitleBarDescription:hover
{
	color: #fa620f;
	text-decoration: underline;
}




.moduleTitle
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #5a6270;
	line-height: normal;
}

a.moduleTitle:link
{
	color: #5a6270;
	text-decoration: underline;
}

a.moduleTitle:visited
{
	color: #5a6270;
	text-decoration: underline;
}

a.moduleTitle:hover
{
	color: #fa620f;
	text-decoration: underline;
}


.moduleTitleSelected
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color: #FA620F;
	line-height: normal;
	text-decoration:none;
}

a.moduleTitleSelected:link
{
	color: #FA620F;
	text-decoration: none;
}

a.moduleTitleSelected:visited
{
	color: #FA620F;
	text-decoration: none;
}

a.moduleTitleSelected:hover
{
	color: #FA620F;
	text-decoration: none;
}

.moduleContentMain
		{font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; color: #5a6270;}


.moduleContentMainHeader
		{font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; color: #5a6270; font-weight: bold;}
		




.directionlinkOrange
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #fa620f;
	line-height: normal;
	text-decoration: none;
}

a.directionlinkOrange:link
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #fa620f;
	line-height: normal;
	text-decoration: underline;
}

a.directionlinkOrange:visited
{
	color: #fa620f;
	text-decoration: underline;
}

a.directionlinkOrange:hover
{
	color: #5a6270;
	text-decoration: underline;
}

.directionlinkOrange12
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #fa620f;
	line-height: normal;
	text-decoration: underline;
}

a.directionlinkOrange12:link
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #fa620f;
	line-height: normal;
	text-decoration: underline;
}

a.directionlinkOrange12:visited
{
	color: #fa620f;
	text-decoration: underline;
}

a.directionlinkOrange12:hover
{
	color: #5a6270;
	text-decoration: underline;
}

.directionlinkWhite, a.directionlinkWhite:link
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #ffffff;
	line-height: normal;
	text-decoration: underline;
}

a.directionlinkWhite:visited
{
	color: #ffffff;
	text-decoration: underline;
}

a.directionlinkWhite:hover
{
	color: blue;
	text-decoration: underline;
}


.directionlinkSelected, a.directionlinkSelected:link, a.directionlinkSelected:visited, a.directionlinkSelected:hover
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #fa620f;
	line-height: normal;
	text-decoration: none;
}	

.directionlinkSelected a:visited, .directionlinkSelected a:link
{
		font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #fa620f;
	line-height: normal;
	text-decoration: none;

	}
	
.directionlinkSelectedAlt, a.directionlinkSelectedAlt:link, a.directionlinkSelectedAlt:visited, a.directionlinkSelectedAlt:hover
{
	color: #444444;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	line-height: normal;
	vertical-align: middle;
	font-weight: bold;
}

.directionParentLinkSelected, a.directionParentLinkSelected:link, a.directionParentLinkSelected:visited, a.directionParentLinkSelected:hover
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #fa620f;
	line-height: normal;
	font-weight:bold;
	
}	









.paging
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight:normal;
	text-decoration: none;
}
	

a.paging, a.paging:visited, a.paging:link
{

	font-weight: normal;
	color: #3366CC;
}

.pagingSelected
{
	
	font-weight: bold;
	color: #fa620f;
	text-decoration: none;
}


a.paging:hover
{

	font-weight: normal;
	color: #3366CC;
	text-decoration: underline;
	clip: rect(20px, auto, auto, 20px);
}

.couponDescription
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #fa620f;
	font-style: normal;
	text-decoration: none;
	font-weight:normal;
}


/* Navigation menu for Product List page */

#menu
{
	width: 147px;
	height: 30px;
	list-style-type: none;
	margin: 0 !important;
	padding: 0 0 0 3px !important;
	
}
#menu li {
   height: 25px;
   float: left;
   position: relative;
   padding: 5px 4px 0;
}
#menu li a {
   width: 37px;
   height: 21px;
   text-decoration: none;
   display: block;
}
#menu li div.hidden {
   width: 320px;
   position: absolute;
   z-index:4;
  height:100%;
 margin-top: 2px;   
   display: none;
}


#menu li:hover div.hidden {position: absolute; display: block; z-index:5;  }
#menu li.jshover div.hidden {position: absolute; display: block;  z-index:5;   }

#menu li div.submenu {
   background: #ebe9ea;
   color: #5a6270;
   /*border:  1px solid;*/
   padding: 0 !important;
	height: 1%;
}

/*
#menu li div.submenu p 
{
   padding: 0 !important;
   margin: 0 !important;
}*/


#menu li:hover a#coupon, #menu li:hover a#t-shirt, #menu li:hover a#sub 
{
   background-position: center bottom;
}

#menu li.jshover a#coupon, #menu li.jshover a#t-shirt, #menu li.jshover a#sub {
   background-position: center bottom;
}


#coupon {
	background: url('../Images/coupon1.gif') no-repeat center top;
}
#t-shirt {
	background: url('../Images/t-shirt1.gif') no-repeat center top;
}
#sub {
    width: 48px !important;
	background: url('../Images/sub1.gif') no-repeat center top;
}

.iframe 
{
	background-color: #ebe9ea;
   width: 298px;
   height: 0.5px;
   position: absolute;
   left: 0;
   z-index: 50;
    
}
.submenu label {
   font-size: 11px;
   padding: 0 10px;
   height:30px;
   
   }

/*
.submenu div.form-div {
    height: 23px;
    background: #fff;
	border: none !important;
    border-top:  1px solid !important;
    padding: 10px 10px 5px;
    margin: 10px 0 0
;
}
.submenu p.form-p {
   white-space: nowrap;
   float: left;
   text-align: left;
   line-height: 10px}*/

   
.MenuItemShow 
{
	 width: 298px;
   position: absolute;
   margin: 2px 0 0 -8px;
   /*padding: 4px 0 0;*/
	 display: block;
}

.MenuItemHide 
{
 display:none;
}




.giftModuleTitle
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #3C3C3C;
	text-decoration	: none;
}

a.giftModuleTitle:link
{
	color: #3C3C3C;
	text-decoration	: none;
}

a.giftModuleTitle:visited
{
	color: #3C3C3C;
	text-decoration	: none;
}

a.giftModuleTitle:hover
{
	color: #ffffff;
	text-decoration: underline;
}


.giftModuleTitleSelected
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration	: none;
}

a.giftModuleTitleSelected:link
{
	color: #ffffff;
	text-decoration	: none;
}

a.giftModuleTitleSelected:visited
{
	color: #ffffff;
	text-decoration	: none;
}

a.giftModuleTitleSelected:hover
{
	color: #ffffff;
	text-decoration: none;
}


/* End of Navigation menu for Product List page */


.couponTitle
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #5a6270;
	font-weight: bold;
	
}









/*ProductPage*/

.productDescriptionTitle
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #000000;
	text-decoration	: none;
	vertical-align: top;
}

.productModuleTitle
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	text-decoration	: none;
}

a.productModuleTitle:link
{
	color: #000000;
	text-decoration	: none;
}

a.productModuleTitle:visited
{
	color: #000000;
	text-decoration	: none;
}

a.productModuleTitle:hover
{
	color: #fa620f;
	text-decoration: underline;
}


.productModuleTitleSelected
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #fa620f;
	text-decoration	: underline;
}

a.productModuleTitleSelected:link
{
	color: #fa620f;
	text-decoration	: underline;
}

a.productModuleTitleSelected:visited
{
	color: #fa620f;
	text-decoration	: underline;
}

a.productModuleTitleSelected:hover
{
	color: #fa620f;
	text-decoration: underline;
}

.productModuleTitleOrange
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FA620F;
	text-decoration	: none;
}

.productModuleValue
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	font-style:italic;
}

.productRegularPrice
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #000000;
	font-weight:bold;
	line-height: 20px;
	}
	
.productSalePrice
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #EC4D00;
	text-decoration:line-through;
	font-weight:bold;		
}


/* Product Page Tabs*/

/* default layout */
.productPageTabN .ajax__tab_header
{
    display:none;
	white-space: nowrap;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	border: solid 1px #b3b0b0;
	border-bottom: 0;
	padding: 2px;
	padding-bottom: 0;
	padding-left: 0;
}
                                    
.productPageTabN .ajax__tab_outer {display:-moz-inline-box;display:inline-block}
.productPageTabN  .ajax__tab_inner {display:-moz-inline-box;display:inline-block}
.productPageTabN .ajax__tab_tab {margin-right:4px;overflow:hidden;text-align:center;cursor:pointer;display:-moz-inline-box;display:inline-block}

/* xp theme */
.productPageTabN .ajax__tab_header {font-family:verdana,tahoma,helvetica;font-size:11px;}
.productPageTabN .ajax__tab_outer {padding-right:4px;background-color:#ffffff ;height:21px;}
.productPageTabN .ajax__tab_inner {padding-left:3px;background-color:#ffffff;}
.productPageTabN .ajax__tab_tab {height:13px;padding:4px;margin:0;background-color:#BDB7BA;}
.productPageTabN .ajax__tab_hover .ajax__tab_outer {background-color:#ffffff;}
.productPageTabN .ajax__tab_hover .ajax__tab_inner {background-color:#ffffff;}
.productPageTabN .ajax__tab_hover .ajax__tab_tab {background-color:#EAEAEA;}
.productPageTabN .ajax__tab_active .ajax__tab_outer {background-color:#ffffff;}
.productPageTabN .ajax__tab_active .ajax__tab_inner {background-color:#EAEAEA;}
.productPageTabN .ajax__tab_active .ajax__tab_tab
{
	background-color: #EAEAEA;
}
.productPageTabN .ajax__tab_body {
	padding:0;
	text-align: left;
	border-top:none;}




.designSelected
{
	border-color:#fe620f;
}

.designUnselected
{
	border-color:White;
}

.designHover
{
	border-color:#5a6270;
}

/* Validation Control */

.errorHilight
{
	background-color:#fbf49c;	
}
.valPopUp table
{
    margin-left:82px;
    
}
.valPopUp td,
.valPopUp div
{
	background-color:#FFFACD;
	border: solid 1px black;
}


.loginInputFieldTitle 
{
	font-family: Tahoma;
	font-size: 13px;
	font-weight: bold;
	color: Black;
	font-style: normal;
	text-decoration: none;
	text-align: right; 

}

.loginInputFieldTitle td
{
	font-family: Tahoma;
	font-size: 13px;
	font-weight: bold;
	color: Black;
	font-style: normal;
	text-decoration: none;
	text-align: right; 

}

.loginSectionTitle
{
	background-color: #D7D7D5;
	font-family: Aria, Helvetica, Sans-Serif;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	font-style: normal;
	text-decoration: none;
	text-align: left;
	padding-left:0px;
	padding-top:22px;
}


.loginInfoBarHeader
{
	color:#000000;
	font-family: Tahoma;
	font-weight:bold;
	font-size:14px;
	text-align:left;
	padding: 5px;

}

.loginInfoBarText
{
	color:#000000;
	font-family: Tahoma;
	font-style: italic;
	font-weight:normal;
	font-size:12px;
	text-align:left;
	padding: 5px;
	}
	
	

a.loginAccountLink:link 
{
	font-size: 14px;
	color: #006600;
	font-weight: bold;
	font-family: Tahoma, Verdana;
	text-decoration: underline;
	text-align:left;
}

a.loginAccountLink:visited
{
	font-size: 14px;
	color: #006600;
	font-weight: bold;
	font-family: Tahoma, Verdana;
	text-decoration: none;
	text-align:left;
}

.drawingWinners
{
	font-size: 14px;
	color: #f9620f;
	font-weight: bold;
	font-family: Tahoma, Verdana;
	text-decoration: none;
	padding-bottom:14px;
	text-align:left;
}


.schoolMainPromoted
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #5A6270;
	line-height: 10px;
}

/* Header Menu*/

.headerMenuItem
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #fa620f;
	line-height: normal;
}

.headerMenuItem A:link
{
	color: #fa620f;
	text-decoration: underline;
}

.headerMenuItem A:visited
{
	color: #fa620f;
	text-decoration: underline;
}

.headerMenuItem A:hover
{
	color: #355BB3;
	text-decoration: underline;
}

.headerMenuItemLeft
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #fa620f;
	line-height: normal;
	font-weight:bold;
}

a.headerMenuItemLeft:link
{
	color: #fa620f;
	text-decoration: underline;
}

a.headerMenuItemLeft:visited
{
	color: #fa620f;
	text-decoration: underline;
}

a.headerMenuItemLeft:hover
{
	color: #355BB3;
	text-decoration: underline;
}

.sitePromoMessaging
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 13px;
	color: #fa620f;
	line-height: normal;
	font-weight:bold;
}



hr.editStoreModule  {
	color: #FFCE37; 
	background-color: #FFCE37; 
	border: 1px dotted #ffffff; 
	border-style: none none dotted;
	text-align: left;
}

.testimonials
{

	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #555555;
}

.testimonialsSchoolMain
{

	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #a19c72;
}

.editStoreModuleTitle
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 15px;
	color: #26477c;
}

.editStoreModuleDescription
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #26477c;
	font-weight:bold;
}
.editStoreModuleDescription2
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight:bold;
}
.moreInfoGeneric
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 9px;
	color: #26477c;
	text-decoration: underline;
	line-height:8px;
}

a.moreInfoGeneric:link, a.moreInfoGeneric:visited
{
	color: #26477c;
	font-size: 9px;
	text-decoration: underline;
}
.moreInfoGeneric A:hover
{
	color: #29b22c;
	text-decoration: underline;
}

.iframeFeatures
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #5a6270;
	line-height: normal;
	text-decoration: none;
}

.iframeFeatures A:link
{
	color: #5a6270;
	text-decoration: none;
}

.iframeFeatures A:visited
{
	color: #5a6270;
	text-decoration: none;
}

.iframeFeatures A:hover
{
	color: #fa620f;
	text-decoration: underline;
}

.tabModulesGreen
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #5A6270;
	font-size: 11px;
	line-height: 14px;
}

.tabModulesGreen A:link, .tabModulesGreen A:visited
{
	color: #5A6270;
	text-decoration: underline;
}

.tabModulesGreen A:hover
{
	color: #fa620f;
}

.tabModulesOrange
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #fa620f;
	font-size: 11px;
	font-weight: bold;
	line-height: 13px;
}



.christmasshipopt
{
	/*color: #EE7600;*/
	color:Red;
	font-style:italic;
	font-weight:bold;
}

.colorizePicker
{
    font: 12px arial;
    width: 200px;
    border: solid 1px gray;
    background-color: #ffffff;
}
.selectedColorCtrl
{
    display: table;
    border: solid 0px #ffffff;
    cursor: pointer;
    border-collapse: collapse;
    width: 30px;
    height:21px;
}
.selectedColorCtrl .color
{
    display:table-cell;
    border: 1px;
    border-style: solid;
    border-color: #000000;
    width:21px;
    height:19px;
    padding: 2px 2px 2px 2px;
}
.selectedColorCtrl .pointer
{
    display:table-cell;
    border: 1px;
    border-style: solid;
    border-color: #000000;
    background-image: url('/Images/Colorized/select.gif');
    background-repeat: no-repeat;
    width:7px;
    height:21px;
}
.colorList
{
    width: 190px;
    margin: 5px 10px 0px 0px;
    padding: 5px 5px 5px 5px;
    background-color:white;
}
.colorList li
{
    list-style: none;
    display: inline-table;
    width:18px;
    height:18px;
    border: solid 1px gray;
    padding: 0px 0px 0px 0px;
    margin: 1px 1px 1px 1px;
}
.colorList li:hover
{
    width:18px;
    height:18px;
    border: solid 1px red;
}

.rosterInfo
{
    background-color: White;
    padding: 2px 2px 2px 2px;
}

.rosterInfo table
{
    border: solid 0px gray;
    border-collapse: collapse;
}

.rosterInfo table td.header
{
    height: 50px;
    vertical-align: middle;
    font-size: 16px;
    font-weight:bold;
    text-align: center;
    background-color: #CEE0EE;
    color: #000000;
    border: solid 0px gray;
    border-collapse: collapse;
    padding: 3px 5px 3px 5px;
    text-transform: none;
}
.rosterInfo table tr.topRow td
{
    height: 30px;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    background-color: #E4E4E4;
    color: #000000;
    border-collapse: collapse;
    padding: 3px 5px 3px 5px;
}

.rosterInfo table tr.topRowBlue td
{
    height: 30px;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    background-color: #7CABFB;
    color: #000000;
    border-collapse: collapse;
    padding: 3px 5px 3px 5px;
}

.rosterInfo table td
{
    height: 20px
}

.rosterInfo table tr
{
    height: 20px;
    background-color: #F7F5F6;
    color: Black;
    border: solid 0px gray;
    border-collapse: collapse;
}
.rosterInfo table tr.alternate
{
    background-color: #EEEEEE;
}
.rosterInfo .link
{
    color: #1E6DF0;
}

.rosterArea
{
    border: solid 3px black;
    background-color: White;
    position: absolute;
    left: 15px;
    top: 400px;
    display: none;
    padding: 2px 2px 2px 2px;
}

.rosterArea table
{
    border: solid 0px gray;
    border-collapse: collapse;
}

.rosterArea table td.header
{
    height: 50px;
    vertical-align: middle;
    font-size: 16px;
    font-weight:bold;
    text-align: center;
    background-color: #CEE0EE;
    color: #000000;
    border: solid 0px gray;
    border-collapse: collapse;
    padding: 3px 5px 3px 5px;
    text-transform: none;
}
.rosterArea table tr.topRow td
{
    height: 30px;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    background-color: #E4E4E4;
    color: #000000;
    border-collapse: collapse;
    padding: 3px 5px 3px 5px;
}
.rosterArea table td
{
    height: 20px
}

.rosterArea table tr
{
    height: 20px;
    background-color: #F7F5F6;
    color: Black;
    border: solid 0px gray;
    border-collapse: collapse;
}
.rosterArea table tr.alternate
{
    background-color: #EEEEEE;
}

.rosterSummary
{
    font-size: 11px;
    border-collapse: collapse;
}

.rosterSummary tr td
{
    margin: 0px 0px 0px 0px;
}

.rosterSummary .link
{
    text-align: center;
    font-size: 19px;
    color: #1E6DF0;
}

.rosterSummary .link a
{
    color: #1E6DF0;
}
.rosterArea .link
{
    color: #1E6DF0;
}
.notvisible
{
    display:none;
}
div.pagination {
	padding: 3px;
	margin: 3px;
}
div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #AAAADD;
	text-decoration: none; /* no underline */
	color:#000099;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #000099;
	color:#000;
	text-decoration: underline; /* no underline */
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #000099;
	font-weight: bold;
	background-color:#000099;
	color:#FFF;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;
	color:#DDD;
}
.colorizePanel
{
    
}

.colorizedPanel .header
{
    font-weight: bold;
    text-transform: uppercase;
    color: #FE7318;
}
.colorizedPanel .colors
{
    background-image: url('/Images/Colorized/color_bg.gif');
    background-repeat: no-repeat;
    width: 362px;
    height:62px;
}
.colorizedPanel .size
{
    background-image: url('/Images/Colorized/size_bg.gif');
    background-repeat: no-repeat;
    width: 365px;
    height:124px;
}

.colorizedPanel .size table
{
    width: 100%;
}


.colorizedPanel .size table th
{
    text-transform: uppercase;
    font-weight: bold;
}
.CapitalizeBold
{
    text-transform: capitalize;
    font-weight: bold;
}