/**
 * =reset styles
*/
img { border:0; outline: 0; }
/* remember to define focus styles! */
:focus {
  outline: 0;
}
/**
 * =style styles
*/
body {
	font-family:Arial, Helvetica, sans-serif; font-size:small;
	}
abbr, acronym { cursor:help; }
h1, h2, h3, h4, h5, h6 { color:#979797; font-weight:bold; }
h1 {font-size:177%;}
h2 {font-size:161%;}
h3 {font-size:146%;}
h4 {font-size:133%;}
h5 {font-size:121%;}
h6 {font-size:100%;}

/**
* =mainWrapper
*/
#mainWrapper {
	margin:0 auto;
	width:1000px; 
	text-align:left;
	background: none repeat scroll 0 0 #FFFFFF;
	}

/**
 * =mainBody
 */

#mainBody {
  width:960px;
  padding:20px 20px 25px 20px;
  position:relative; float:right;
  }
/** 
* Styles only for Shop.
*/
#mainBody table, #mainBody tr, #mainBody td, #mainBody span, #mainBody div {
	padding:0;
	margin:0;
}
#mainBody div table.bodytext tbody tr td
{
    padding: 7px 15px 7px 7px;
}

#mainBody ul {
	list-style-type:disc;
	margin-bottom:1em;
}
#mainBody li {
	margin-left:40px;
}

#mainBody input[type="image"] {
	border:0 none;
}

/**
 * =page specific settings
 */
#body-ring_flash #mainWrapper {padding:0; width:1040px; }
#body-ring_flash #mainBody { padding-top:7px; width:1000px; }

#body-photoinvites_flash #mainBody {padding:20px 0 25px; width:1000px; }

#body-yrbk_ra_flash #mainWrapper, #body-yrbk_ra_flash #mainBody { padding:0; width:100%; margin:0;}

#body-cart #mainBody, .withnav #mainBody {
	padding-left:260px; padding-left:0; width:720px;
	}

#body-help { text-align:left; background:none;}
#body-email {text-align:left; background:none;}

/* Find Your School Confirm Dialog font overrides.
 * The above body defines a font-size of small which
 * is larger than the font from the Dialog in the Content Library.
 * This makes the Confirm dialog text not fit in the window and needs 
 * a scroll bar.  Getting rid of the font-size:small in this body fixes
 * the problem but then throws off the fonts everywhere else in shop.
 * Added this style to redefine the fonts back to what they are in the
 * Content Library for the Confirm dialog.
 */
#findYourSchoolConfirmDialogContent {
 	font-size: 85.7%;
 	font-family: Helvetica,Arial,sans-serif;
}

/**
* =catalog
*/

#catalog {
  margin:0 auto;
  float:none;
  width:720px;
  padding:0;
  }

.withnav #catalog {float:left; margin:0;}

#catalog li {
  list-style-type:none;
  margin:0;
  width:237px;
  height:190px;
  float:left;
  padding:1px;
  text-align:center;
  }
#body-customer #catalog li, #body-customer #catalog li  dl{
  height:160px;
  }
#catalog li.slot-one { border-right:1px solid #c7c7c7; }
#catalog li.slot-mid { border-right:1px solid #c7c7c7; }
#catalog li.middle-row {border-bottom:1px solid #c7c7c7;}
#catalog dl {
	background:#fff;
	width:100%;
	height:190px;
	margin:0;
	overflow:hidden;
	}
#catalog.xl li, #catalog.xl li dl {
	height:240px;
}
#catalog.xxl li, #catalog.xxl li dl {
	height:280px;
} 

#catalog dl:hover { border:1px solid #666; margin:-1px; }
#catalog dl:hover a { color:#666; }
#catalog dt {font-size:140%;}
#catalog dd { 
	text-align:center;
	background:#fff;
	margin:0;
	}
#catalog a {
	display:block;
	color:#979797;
	text-decoration:none;
	text-align:center;
	}
#catalog dt a { padding-top:20px; padding-bottom:13px;}
#catalog dd a img{ padding-bottom:.7em; }


#catalog dd p {margin:0; padding: .1em 10px; }
#catalog dd p.detail { float:left; width:115px; padding-right:0; text-align:left;}
#catalog dd p.button {float:right; width:95px; padding-left:0; margin-top:5px;}

#catalog dd p a { text-decoration:underline; text-align:left;}
#catalog dd p.button  a { color:#fff; text-align:center; text-decoration:none;}

/**
 * =catnav
 */
#catnav, #catnav ul, #catnav li , #catnav h4 {
	margin:0;
	padding:0;
	list-style:none;
	}
#catnav {
	text-decoration:none; color:#979797;
	width:218px; /*218+1+1=220*/
	float:left;
	top:25px; left:20px;
	position:relative; left:20px;
	border:1px solid #c7c7c7;
	border-bottom:none;
	border-bottom: 1px solid #c7c7c7;
 	}
#catnav ul {
	background:#fff;
	border-bottom:1px solid #c7c7c7;
	padding-bottom:.2em;
	}
.graduation-products  li#graduation-products ul {
	display:block;
	}

#catnav a , #catnav em {
	text-decoration:none;
	font-style:normal;
	color:#979797;
	display:block;
	padding:.42em 1em .4em 1.5em;
	}
#catnav a em {
	padding-top:0;
	padding-bottom:0;
	}
#catnav a:hover { color:#979797; }
#catnav h4 {
	background:#FFFFFF url(../../Images/furniture/nav/nav-bg.png) repeat-x 0 bottom;
	font-size:105%;
	border-top: 1px solid #c7c7c7;
	 }
#catnav h4 a, #catnav h4 em {
	border-bottom:1px solid #c7c7c7;
	}
#catnav ul a {
	padding-left:14px;
	font-size:95%;
	padding-bottom:.3em;
	}
#catnav ul a:hover {  color:#666; background:#ffe8b8; }
#catnav ul a:active { color:#fff; background:#FCB218;}

/**
 * =misc
 */
.error { color:#f00; }

input[type=image]:hover, img[src^=Buttons]:hover, img[src*=buttons]:hover, img[src*=Buttons]:hover {opacity:.85;}
.opaque { filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);}  /* this works in IE6, IE7, and IE8 */

/*=buttons*/
p.button {float:left; width:100%;}
p.button a { 
	display:block;
	text-align:center;
	text-decoration:none;
	width:100px; height:23px;
	background:transparent url(../../Buttons/background/btnGold_100.png) no-repeat;
	color:#fff;
	font-weight:bold;
	padding:7px 0 0 0;
	float:right;
	overflow:hidden;
	color:#fff;
	letter-spacing:.06em;
	}
p.button a:hover {  background-position: 0 -30px; }
p.button a:active { background-position: 0 -60px; }

p.secondary a { background-image:url(../../Buttons/background/btnGray_100.png); }
p.btnwide a { width:200px; background-image:url(../../Buttons/background/btnGold_200.png); }
p.secondarywide a {width:200px; background-image:url(../../Buttons/background/btnGray_200.png); }

/* useed by writeRoundedSolidBox on yrbk_catalog.asp */
.cornertop {
	height:25px;
	display:block;
	}
	.cornerbottom {
		height:15px;
		margin-top:-15px;
		display:block;
	}
	.cornerleft, .cornerright {
		display:block;
		height:15px;
		width:15px;
	}
	.cornerleft {
		float:left;
	}
	.cornerright {
		float:right;
	}
	.cornertop .cornerleft {
		background:url("../../images/TransparentCorners15.png") no-repeat 0px 0px;
	}
	.cornertop .cornerright {
		background:url("../../images/TransparentCorners15.png") no-repeat -15px 0px;
	}
	.cornerbottom .cornerleft {  
		background:url("../../images/TransparentCorners15.png") no-repeat 0px -15px;
	}
	.cornerbottom .cornerright {
		background:url("../../images/TransparentCorners15.png") no-repeat -15px -15px;
	}

/**
  * =pages special styles
  */
/*cart empty*/
#verisign a {
	position:absolute; left:-150px; bottom:100px; float:left;
	}

#body-cart #mainBody h3 {
	border-bottom: 1px solid #979797;
	font-size:170%;
	padding-bottom:.9em;
	}
/**
  * OLD
  */
.topnav  { padding-bottom:15px; border-bottom:1px solid #bbb; margin-bottom:30px;}
#oldfooter {width:100%; text-align:center; clear:both; }

.mainmenu
{font:bold 9pt Arial,Tahoma,sans-serif; text-align:right; white-space:nowrap; text-decoration:none;color:#000000;}

A.mainmenu:visited
{font:bold 9pt Arial,Tahoma,sans-serif; text-align:right; white-space:nowrap;text-decoration:none;color:#000000;}

A.mainmenu:active
{font:bold 9pt Arial,Tahoma,sans-serif; text-align:right; white-space:nowrap;text-decoration:none;color:#000000;}

A.mainmenu:link
{font:bold 9pt Arial,Tahoma,sans-serif; text-align:right; white-space:nowrap;text-decoration:none;color:#000000;}

A.mainmenu:hover
{font:bold 9pt Arial,Tahoma,sans-serif; text-align:right; white-space:nowrap;text-decoration:none;color:#000000;}

 .jostensgold {color:#EAAE00; font-size:10pt;}

A:link
{
    TEXT-DECORATION: underline;
}
A:active
{
    COLOR: #333399;
    TEXT-DECORATION: none;
}
A:visited
{
    COLOR: #333399;
    TEXT-DECORATION: underline;
}
A
{
    COLOR: #333399;
    TEXT-DECORATION: none;
}
IMG
{
    MARGIN: 0pt;
}
.LeftNavTitle
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    COLOR: #ff6600;
    FONT-FAMILY: arial, sans-serif;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none;
}
.LeftNavHeading
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    COLOR: #000000;
    FONT-FAMILY: arial, sans-serif;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none;
}
.LeftNavItem
{
    FONT-SIZE: 12px;
    FONT-FAMILY: arial, sans-serif;
    TEXT-ALIGN: left;
    TEXT-DECORATION: underline;
}
.SelLeftNavItem
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #0000ff;
    FONT-FAMILY: arial, sans-serif;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none;
}
.footer
{
    FONT-SIZE: 11px;
    LINE-HEIGHT: 12px;
    FONT-FAMILY: arial, sans-serif;
}
.CustomerName
{
    FONT-SIZE: 19px;
    COLOR: #333399;
    LINE-HEIGHT: 20px;
    FONT-FAMILY: arial, sans-serif;
}
.CatalogName
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 17px;
    COLOR: #666666;
    FONT-FAMILY: arial, sans-serif;
}
.smalltext
{
    FONT-SIZE: 11px;
    FONT-FAMILY: arial, sans-serif;
}
.BodyTextLite
{
    FONT-SIZE: 12px;
    COLOR: #666666;
    FONT-FAMILY: arial, sans-serif;
}
.bodytext
{
    FONT-SIZE: 12px;
    FONT-FAMILY: arial, sans-serif;
    vertical-align: top;
}
.bodytextbig
{
    FONT-SIZE: 16px;
	FONT-WEIGHT: bold;
	COLOR: #000000;
    FONT-FAMILY: arial, sans-serif;
}
.AnncPreview
{
    FONT-WEIGHT: lighter;
    FONT-SIZE: 12px;
    LINE-HEIGHT: 18px;
	FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.BodyTextSpaced
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 12px;
    LINE-HEIGHT: 16px;
    FONT-FAMILY: arial, sans-serif;
}
.Hidden
{
    FONT-SIZE: 12px;
    COLOR: #ffffff;
    FONT-FAMILY: arial, sans-serif;
    BACKGROUND-COLOR: #ffffff;
}
.Required
{
    FONT-SIZE: 12px;
    COLOR: #ff0000;
    FONT-FAMILY: arial, sans-serif;
    BACKGROUND-COLOR: #ffffff;
}
.CCRequired
{
    FONT-SIZE: 12px;
    COLOR: #ff0000;
    FONT-FAMILY: arial, sans-serif;
    BACKGROUND-COLOR: #c0c0c0;
}
.PriceTxt
{
    FONT-SIZE: 12px;
    BORDER-LEFT-COLOR: #ffffff;
    BORDER-BOTTOM-COLOR: #ffffff;
    COLOR: #000000;
    BORDER-TOP-STYLE: solid;
    BORDER-TOP-COLOR: #ffffff;
    FONT-FAMILY: arial, sans-serif;
    BORDER-RIGHT-STYLE: solid;
    BORDER-LEFT-STYLE: solid;
    BACKGROUND-COLOR: #ffffff;
    BORDER-RIGHT-COLOR: #ffffff;
    BORDER-BOTTOM-STYLE: solid;
}
.ErrorText
{
    FONT-SIZE: 12px;
    COLOR: #ff0000;
    FONT-FAMILY: arial, sans-serif;
    BACKGROUND-COLOR: #ffffff;
}
.HelpHeading
{
    FONT-SIZE: 15px;
    COLOR: #ffffff;
    FONT-FAMILY: arial, sans-serif;
    BACKGROUND-COLOR: #ffffff;
    TEXT-ALIGN: left;
}
A.HelpLink
{
    FONT-SIZE: 12px;
    COLOR: #333399;
    LINE-HEIGHT: 15px;
    FONT-FAMILY: arial, sans-serif;
}
A:hover
{
    COLOR: #000000;
}
.shopboxheader
{
    FONT-SIZE: 24px;
    COLOR: #666699;
    FONT-FAMILY: arial, sans-serif;
}
A.shopboxheader:link
{
    COLOR: #666699;
    TEXT-DECORATION: none;
}
A.shopboxheader:visited
{
    COLOR: #666699;
    TEXT-DECORATION: none;
}
A.shopboxheader:active
{
    COLOR: #333399;
    TEXT-DECORATION: underline;
}
A.shopboxheader:hover
{
    COLOR: #333399;
    TEXT-DECORATION: underline;
}
.shopboxtext
{
    FONT-SIZE: 12px;
    COLOR: #000000;
    LINE-HEIGHT: 15px;
    FONT-FAMILY: arial, sans-serif;
}
.miniboxheader
{
    FONT-SIZE: 14px;
    COLOR: #666666;
    LINE-HEIGHT: 15px;
    FONT-FAMILY: arial, sans-serif;
}
A.miniboxheader:link
{
    COLOR: #666666;
    TEXT-DECORATION: none;
}
A.miniboxheader:visited
{
    COLOR: #666666;
    TEXT-DECORATION: none;
}
A.miniboxheader:active
{
    COLOR: #333399;
    TEXT-DECORATION: underline;
}
A.miniboxheader:hover
{
    COLOR: #333399;
    TEXT-DECORATION: underline;
}
.miniboxtext
{
    FONT-SIZE: 12px;
    COLOR: #000000;
    LINE-HEIGHT: 11px;
    FONT-FAMILY: arial, sans-serif;
}
.promoboxtitle
{
    FONT-WEIGHT: 600;
    FONT-SIZE: 14px;
    COLOR: #666699;
    FONT-FAMILY: arial, sans-serif;
    FONT-VARIANT: normal;
}
.promoboxhref
{
    FONT-SIZE: 12px;
    FONT-FAMILY: arial, sans-serif;
    TEXT-DECORATION: underline;
/*  line: 14px  ---------------------------------------------------------- unsupported --- */
}
.promoboxbody
{
    FONT-SIZE: 12px;
    COLOR: #000000;
    LINE-HEIGHT: 15px;
    FONT-FAMILY: arial, sans-serif;
}
.boxtitle
{
    FONT-FAMILY: arial, sans-serif;
}
.boxhreftitle
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    LINE-HEIGHT: 15px;
    FONT-FAMILY: arial, sans-serif;
    TEXT-DECORATION: underline;
}
.boxhref
{
    FONT-SIZE: 12px;
    LINE-HEIGHT: 15px;
    FONT-FAMILY: arial, sans-serif;
    TEXT-DECORATION: underline;
}
.boxbody
{
    FONT-SIZE: 10px;
    LINE-HEIGHT: 14px;
    FONT-FAMILY: arial, sans-serif;
}
.infomessagebig
{
    FONT-SIZE: 17px;
    COLOR: #008000;
    FONT-FAMILY: arial, sans-serif;
    BACKGROUND-COLOR: #ffffff;
}
.pagetitle
{
    FONT-SIZE: 19px;
    COLOR: #666666;
    FONT-FAMILY: arial, sans-serif;
    TEXT-DECORATION: none;
}
.pagesubtitle
{
    FONT-SIZE: 17px;
    COLOR: #666666;
    FONT-FAMILY: arial, sans-serif;
    TEXT-DECORATION: none;
}
.AffiliationPageTitle
{
    FONT-SIZE: 21px;
    FONT-FAMILY: arial, sans-serif;
}
.EOFBodyText
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    FONT-FAMILY: arial, sans-serif;
}
.EOFBodyTextSmall
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    FONT-FAMILY: arial, sans-serif;
}
.EOFBodyBold
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    FONT-FAMILY: arial, sans-serif;
}
.EOFBodyBoldBig
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    FONT-FAMILY: arial, sans-serif;
}
.EOFError
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    FONT-FAMILY: Arial, Sans-Serif;
}
.EOFHeader
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 18px;
    COLOR: #000000;
    FONT-FAMILY: arial, sans-serif;
}
TD.SearchTitle
{
    FONT: bold 12px Arial, Sans-Serif;
    COLOR: #ffffff;
    BACKGROUND-COLOR: #3333ff;
}
TD.Search1
{
    FONT: 12px Arial, Sans-Serif;
    COLOR: #000000;
    BACKGROUND-COLOR: #bbbbbb;
}
TD.Search2
{
    FONT: 12px Arial, Sans-Serif;
    COLOR: #000000;
    BACKGROUND-COLOR: #dddddd;
}
TD.Search1Detail
{
    FONT: 12px Arial, Sans-Serif;
    COLOR: #000000;
    BACKGROUND-COLOR: #bbbbbb;
}
TD.Search2Detail
{
    FONT: 12px Arial, Sans-Serif;
    COLOR: #000000;
    BACKGROUND-COLOR: #dddddd;
}
TD.Search1Bold
{
    FONT: bold 12px Arial, Sans-Serif;
    COLOR: #000000;
    BACKGROUND-COLOR: #ffffff;
}
TD.Search2Bold
{
    FONT: bold 12px Arial, Sans-Serif;
    COLOR: #000000;
    BACKGROUND-COLOR: #ffffff;
}
TD.NavBar
{
    FONT: 10px Arial, Sans-Serif;
    COLOR: #000000;
}
TD.FormLabel
{
    FONT: 12px Arial, Sans-Serif;
}
TD.FormLabelReq
{
    FONT: bold 12px Arial, Sans-Serif;
}
TD.Label
{
    FONT: bold 12px Arial, Sans-Serif;
}
TD.Value
{
    FONT: 12px Arial, Sans-Serif;
}
TR.rowEven 		{background: #FFFFFF; border-right: 1px solid #CCCCCC;}
TR.rowOdd		{background: #EEEEEE; border-right: 1px solid #CCCCCC;}
.detectPurple
{
    FONT-SIZE: 11px;
    COLOR: #333399;
    FONT-FAMILY: arial, sans-serif;
}
A.detectPurple:link
{
    COLOR: #333399;
    TEXT-DECORATION: underline;
}
A.detectPurple:visited
{
    COLOR: #333399;
    TEXT-DECORATION: underline;
}
A.detectPurple:active
{
    COLOR: #cc0000;
    TEXT-DECORATION: underline;
}
A.detectPurple:hover
{
    COLOR: #cc0000;
    TEXT-DECORATION: underline;
}
.detectGray
{
    FONT-SIZE: 11px;
    COLOR: #999999;
    FONT-FAMILY: arial, sans-serif;
}
A.detectGray:link
{
    COLOR: #999999;
    TEXT-DECORATION: underline;
}
A.detectGray:visited
{
    COLOR: #999999;
    TEXT-DECORATION: underline;
}
A.detectGray:active
{
    COLOR: #cc0000;
    TEXT-DECORATION: underline;
}
A.detectGray:hover
{
    COLOR: #cc0000;
    TEXT-DECORATION: underline;
}
.helptop
{
    COLOR: #666666;
}
A.helptop:link
{
    COLOR: #666666;
    TEXT-DECORATION: none;
}
A.helptop:visited
{
    COLOR: #666666;
    TEXT-DECORATION: none;
}
A.helptop:active
{
    COLOR: #000000;
    TEXT-DECORATION: underline;
}
A.helptop:hover
{
    COLOR: #000000;
    TEXT-DECORATION: underline;
}
.helpboxTitle
{
    FONT-SIZE: 18px;
    COLOR: #000000;
}
A.helpboxTitle:link
{
    COLOR: #000000;
    TEXT-DECORATION: none;
}
A.helpboxTitle:visited
{
    COLOR: #000000;
    TEXT-DECORATION: none;
}
A.helpboxTitle:active
{
    COLOR: #000000;
    TEXT-DECORATION: underline;
}
A.helpboxTitle:hover
{
    COLOR: #000000;
    TEXT-DECORATION: underline;
}
.helpbox
{
    COLOR: #666666;
}
A.helpbox:link
{
    COLOR: #333399;
    TEXT-DECORATION: underline;
}
A.helpbox:visited
{
    COLOR: #333399;
    TEXT-DECORATION: underline;
}
A.helpbox:active
{
    COLOR: #000000;
    TEXT-DECORATION: underline;
}
A.helpbox:hover
{
    COLOR: #000000;
    TEXT-DECORATION: underline;
}
.helpBreadcrumb
{
    FONT-SIZE: 14px;
    COLOR: #666666;
}
A.helpBreadcrumb:link
{
    COLOR: #666666;
    TEXT-DECORATION: none;
}
A.helpBreadcrumb:visited
{
    COLOR: #666666;
    TEXT-DECORATION: none;
}
A.helpBreadcrumb:active
{
    COLOR: #000000;
    TEXT-DECORATION: underline;
}
A.helpBreadcrumb:hover
{
    COLOR: #000000;
    TEXT-DECORATION: underline;
}
.helpPageTitle
{
    FONT-SIZE: 20px;
    COLOR: #000000;
}
A.helpPageTitle:link
{
    COLOR: #000000;
    TEXT-DECORATION: none;
}
A.helpPageTitle:visited
{
    COLOR: #000000;
    TEXT-DECORATION: none;
}
A.helpPageTitle:active
{
    COLOR: #000000;
    TEXT-DECORATION: underline;
}
A.helpPageTitle:hover
{
    COLOR: #000000;
    TEXT-DECORATION: underline;
}