/* Core Styles */
@import url('core.css');
@import url('colorbox.css');
body {background: url('../../images/background-tile.png') #FEFFFF repeat-x; font-size: 1em; font-family: arial;}
#holder {border-style: solid; border-color: #a7c8d0; border-width: 0 1px 1px; width: 960px; margin: 0 auto;}

/* Header Styles */
#header {width: 960px; background: url('../../images/header.png') no-repeat; height: 116px; overflow: hidden; border-bottom: 1px solid #a7c8d0;}

	#email-contact {display: block; float: left; color: #1A4767; font-size: .85em; background: url('../../images/icons/email.png') no-repeat 0 2px; padding: 0 0 0 30px; text-decoration: none; margin: 80px 0 0 320px;}
		#email-contact:hover {color: #000;}

	#phone-contact {display: block; float: left; color: #1A4767; font-size: .85em; background: url('../../images/icons/telephone.png') no-repeat 0 2px; padding: 0 0 0 30px; text-decoration: none; margin: 80px 0 0 20px;}
		#phone-contact:hover {color: #000;}

/* Navigation Styles */
#navigation {width: 960px; background: url('../../images/navigation-tile.png') repeat-x; height: 39px; overflow: hidden; border-bottom: 1px solid #a7c8d0;}
	#navigation li {float: left; padding: 10px 10px 10px 20px;}
		#navigation li a {color: #20438b; font-size: .9em; text-decoration: none; font-weight: 600;}
		#navigation li a:hover {color: #000;}
	#navigation li:last-child {float: right;}
		#navigation li:last-child a {color: #708fba;}
		#navigation li:last-child a:hover {color: #0C1C8C;}

/* Body Styles */
#body {width: 960px; overflow: hidden;}

/* Side Menu Styles*/
	#side-menu {float: left; width: 319px;}

		#request-quick-quote {border-bottom: 1px solid #a7c8d0; height: 80px;}

		#jmh-newsletter {border-bottom: 1px solid #a7c8d0; text-align: right; padding: 20px 20px 15px;}
			#jmh-newsletter a {background: url('../../images/icons/newspaper.png') no-repeat 70px 1px; display: block; text-decoration: none; color: #0C1C8C;}
			#jmh-newsletter a span {font-size: .8em; display: block;}

		#school-stores {border-bottom: 1px solid #a7c8d0; text-align: right; padding: 20px;}
			#school-stores img {margin: 0 0 10px;}
			#school-stores fieldset {}

		#find-us-online {border-bottom: 1px solid #a7c8d0; overflow: hidden; padding: 10px 20px;}
			#find-us-online span {float: right; font-size: .8em; display: block; margin: 2px 0 0; font-weight: 600; color: #113855;}
			#find-us-online ul {}
				#find-us-online ul li {float: right; margin: 0 0 0 10px;}

		#customer-photos {border-bottom: 1px solid #a7c8d0; padding: 20px; overflow: hidden; background: url('../../images/customer-photos-background.png') no-repeat;}

			#customer-photos-holder {width: 270px; height: 50px; overflow: hidden;padding: 10px 0;}
				#customer-photos-preview {width: 10000px;}
					#customer-photos-preview li {float: left; margin: 0 5px 0 0;}
					
			#customer-photos a {color: #113855; text-decoration: none; font-size: .85em;}
			#customer-photos a:hover {color: #111;}
			
		#shipping-information {padding: 20px;}
			#shipping-details-link {font-size: .8em; text-align: center; display: block; color: #113855; font-weight: 600; text-decoration: none;}
				#shipping-details-link:hover {color: #000;}
			#shipping-logos {overflow: hidden; padding: 10px 0;}
				#shipping-logos li {float: left; margin: 0 10px; display: block;}

				#shipping-logo-ups {padding: 10px 0 0 0;}
				#shipping-logo-fedex {padding: 11px 0 0 0;}
				#shipping-logo-usps {padding: 13px 0 0 0;}
			#shipping-dates {}
				#shipping-dates li {font-size: .8em; color: #1A4767; margin: 0 0 0 10px;}

/* Main Content Styles */
	#main-content {float: left; width: 640px; border-left: 1px solid #a7c8d0;}

		#main-banner {border-bottom: 1px solid #a7c8d0; height: 200px; overflow: hidden;}

		#customer-reviews {background: url('../../images/customer-reviews-background.png') repeat-x bottom; padding: 10px; height: 79px; overflow: hidden; border-bottom: 1px solid #a7c8d0;}
			#customer-reviews a {text-decoration: none; font-size: .9em; display: block; color: #1A4767; font-weight: 600;}
			#customer-reviews p {font-size: .8em;}
			#customer-reviews span {float: right; display: block; font-size: .8em; padding: 7px 0 0;}
			#customer-reviews ul {}
				#customer-reviews ul li {height: 69px; padding: 10px 0 0 0; width: 620px;}

		#product-listing {overflow: hidden; background-color: #e9f7f9; position: absolute; z-index: 0;}
			.product-listing-images {height: 190px; border-bottom: 1px solid #a7c8d0;}
			.product-listing-label {display: block; text-align: center; padding: 10px 0; border-bottom: 1px solid #a7c8d0;}
			.product-listing-types {overflow: hidden; padding: 30px 14px;}
				.product-listing-types li {float: left; font-size: .8em; margin: 0 10px 0 0;}
				.product-listing-types li a {color: #222; text-decoration: none;}
				.product-listing-types li a:hover {color: #000; text-decoration: underline;}
	
			#tshirts {float: left;}
				#tshirts a {display: block;}
			#athletics {float: left; border-style: solid; border-color: #a7c8d0; border-width: 0 1px;}
				#athletics a {display: block;}
			#fleece {float: left;}
				#fleece a {display: block;}

/* Modal Content Styles */
#modal-content {display: none; z-index: 1000;}
	#modal-quick-quote {padding: 20px; color: #222; height: 500px;}
	#modal-faq {padding: 20px; color: #222; height: 500px;}
	#modal-newsletter-signup {padding: 20px; color: #222; height: 300px;}
	#modal-contact-us {padding: 20px; color: #222; height: 500px;}
		#modal-contact-us iframe {height: 400px !important; border: 1px solid #aaa;}

	#colorbox div h2 {margin: 0 0 10px 0; color: #1A4767;}
	#colorbox div h3 {margin: 20px 0 10px 0; background-color: #4F7F9F; color: #fff; padding: 10px;}
	#colorbox div strong {font-weight: 600; display: block; margin: 20px 10px 5px; font-size: 1em; color: #222;}
	#colorbox div p {font-size: .85em; margin: 10px 10px; color: #222; line-height: 1.5em;}
	#colorbox div ul {margin: 0 0 0 30px;}
		#colorbox div ul li {font-size: .8em; margin: 10px 0; list-style-type: circle;}
	#colorbox div ol {margin: 0 0 0 30px;}
		#colorbox div ol li {font-size: .8em; margin: 10px 0; list-style-type: decimal;}

	#modal-quick-quote-form {}
		#modal-quick-quote-form td {padding: 0 20px 0 0; vertical-align: top;}
		#modal-quick-quote-form label {display: block; margin: 10px 0 5px; font-size: .85em;}
		#modal-quick-quote-form input.entry {border: 1px solid #555; padding: 4px; background-color: #f6f6f6;}
		#modal-quick-quote-form textarea {border: 1px solid #555; padding: 4px; background-color: #f6f6f6; width: 400px; height: 160px;}
		#modal-quick-quote-form input.action {background-color: #1A4767; cursor: pointer; color: #ddd; text-align: center; padding: 10px; float: right; margin: 10px 10px 0 0; border: 1px solid #0C2A3F;}
			#modal-quick-quote-form input.action:hover {background-color: #115C8F; color: #fff;}

	#modal-newsletter-signup-form {}
		#modal-newsletter-signup-form td {padding: 0 20px 0 0; vertical-align: top;}
		#modal-newsletter-signup-form label {display: block; margin: 10px 0 5px; font-size: .85em;}
		#modal-newsletter-signup-form input.entry {border: 1px solid #555; padding: 4px; background-color: #f6f6f6;}
		#modal-newsletter-signup-form select {border: 1px solid #555; background-color: #f6f6f6; padding: 3px;}
		#modal-newsletter-signup-form input.action {background-color: #1A4767; cursor: pointer; color: #ddd; text-align: center; padding: 10px; float: left; margin: 10px 10px 0 0; border: 1px solid #0C2A3F;}
			#modal-newsletter-signup-form input.action:hover {background-color: #115C8F; color: #fff;}

	#shipping-graphic {background-color: #fff; padding: 20px; text-align: center;}
	.sublabel {background-color: #e8f6f8; padding: 20px; display: block; font-size: .8em; margin: 0 0 10px;}

/* Footer Styles */
#footer {width: 960px; margin: 0 auto 40px; overflow: hidden; background: url('../../images/footer-tile.png') repeat-x; min-height: 201px;}

#primary-footer-menu {float: left; font-size: .8em; padding: 20px;}
	#primary-footer-menu a {color: #222; text-decoration: none;}
	#primary-footer-menu a:hover {color: #000; text-decoration: underline;}

#secondary-footer-menu {float: left; font-size: .8em; padding: 20px;}
	#secondary-footer-menu a {color: #222; text-decoration: none;}
	#secondary-footer-menu a:hover {color: #000; text-decoration: underline;}

#professional-associations {float: left; font-size: .8em; padding: 20px; overflow: hidden;}
	#professional-associations li {float: left; margin: 0 20px;}

#copyright {float: right; font-size: .75em; padding: 20px 20px 0; color: #222; text-decoration: none; text-align:right;}
	#copyright:hover {color: #000;}

#cards-accepted {clear: both; float: left; position: relative; margin-top: -15px;}
	#cards-accepted li {float: left; margin: -20px 0 0 20px;}

#godaddy-secured {float: right; padding: 20px 20px 0;}

a.order-form {background: url('../../images/pdf_icon_tiny.png') no-repeat 0 1px; padding: 0 0 0 16px; margin: 10px 0 0 0; display: block;}

/* Privacy Policy Page */
#content {padding: 20px; color: #222; background-color: #fff;}
#content h2 {margin: 0 0 10px 0; color: #1A4767;}
#content h3 {margin: 20px 0 10px 0; background-color: #4F7F9F; color: #fff; padding: 10px;}
#content strong {font-weight: 600; display: block; margin: 20px 10px 5px; font-size: 1em; color: #222;}
#content p {font-size: .85em; margin: 10px 10px; color: #222; line-height: 1.5em;}
#content ul {margin: 0 0 0 30px;}
#content ul li {font-size: .8em; margin: 10px 0; list-style-type: circle;}
#content ol {margin: 0 0 0 30px;}
#content ol li {font-size: .8em; margin: 10px 0; list-style-type: decimal;}

#content a {color: #0C1C8C; text-decoration: none;}
#content a:hover {color: #111; text-decoration: underline;}

#content ul#errors li {font-weight: 600; background: url('../../images/icons/error.png') no-repeat left 9px; padding: 10px 0 10px 35px; list-style-type: none; color: #1A4767;}

#artsamples {padding: 20px; color: #222; background-color: #fff; border-bottom: 1px solid #ccc;}
#artsamples h2 {margin: 0 0 10px 0; color: #1A4767;}
#artsamples p {font-size: .85em; margin: 10px 10px; color: #222; line-height: 1.5em;}

/* Sample Gallery Styles */
#design-samples {height: 209px; overflow: hidden; background-color: #fff; width: 960px;}
#design-samples-clip {width: 918px; float: left; overflow: hidden;}
#design-samples-holder {width: 5000px;}
#design-samples-holder li {float: left;}
#design-samples-holder li img {}

a.prev {background-image: url('../../images/moveleft.png'); height: 209px; width: 20px; display: block; float: left; border-right: 1px solid #ddd;}
a.prev:hover {background-image: url('../../images/moveleft_.png');}
a.next {background-image: url('../../images/moveright.png'); height: 209px; width: 20px; display: block; float: left; border-left: 1px solid #ddd;}
a.next:hover {background-image: url('../../images/moveright_.png');}

/* SPS Logo Promo */
#developer-link{clear: both;float:left;margin:20px;position:relative;right:0; left:0;font-size: .75em; background: url(../../images/spslogo.png) no-repeat; height: 26px;}
#developer-link a {text-decoration: none; color: #666; padding: 4px 0 0 32px; display: block;}