/* Main CSS Layout Elements for Main Template */
a.roll {line-height:23px; text-align:center; color:#fff; text-transform:uppercase; font-size:10px; background:#863535 url(https://www-ecs.jamplay.com/client/shell/images/buttons/index_button.jpg) repeat-x; border:1px solid #555; text-decoration:none; margin-left:0; margin-right:10px; margin-top:8px; margin-bottom:0; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px}
a.roll:hover {border-color:#000; background:#c53030; color:#fff;}

/* GENERAL USE, ELEMENTS */
#dot {display:block; clear:both; height:25px; width:100%;  margin:10px 0 0 0;border-top:1px solid #444; background:none;}
.dot {display:block; clear:both; height:15px; width:100%;  margin:10px 0 0 0; border-top:1px solid #444;}
.star_link {display:block; float:left; margin:3px 0 0 4px; padding:0; font-weight:bold; }

	/* Equipment */
	#equipmentIndex, #equipment {width:940px; margin:0 auto;}
	#equipmentIndex h1, #equipment h1 {font-size:24px; color:#fff; padding:0 0 5px 10px; font-weight:normal; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
	#equipmentIndex #breadcrumb {margin-left:0; padding-left:4px; width:98%}
	#equipment #breadcrumb {margin-left:0; width:98%}
	#equipmentIndex p {padding:0 10px; width:95%; margin:0; line-height:20px;}
	#equipmentIndex h2 {font-size:14px; padding:4px 0 3px 0;}

	#equipmentListingTop div {display:block; float:left; height:120px; width:285px; border-bottom:1px solid #444; padding:7px 10px 0px 10px; line-height:15px;}
	#equipmentIndex div p {float:left; padding:0; margin:0; }
	#equipmentIndex div span {line-height:15px; font-size:11px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
	#equipmentIndex div img {float:left; display:block; padding:3px; background:#555; border:1px solid #000; margin:7px 10px 10px 0;}
	#equipmentListingSub div {display:block; float:left; width:232px; height:125px; border-right:1px solid #333; border-bottom:1px solid #333;}
	#equipmentListingSub div h2 {font-size:12px; padding:10px 0 0 10px;}
	#equipmentListingSub div span {display:block; padding:5px 10px 0 10px; font-size:11px; line-height:14px;}
	#equipmentListingSub h3 {color:#fff !important; padding:4px 0; line-height:20px; margin:1px 0;}

	.titleimg {padding:2px 0 3px 0; margin:0 0 0 9px;}
	div.LeftBreaker {border-left:0px solid #632727; border-right:0px solid #632727; border-top:1px solid #632727; border-bottom:1px solid #632727; display:block; font-size:1px; margin:10px 0; padding:0; height:2px; white-space:nowrap; width:182px; background:#772A2A }

	div.LeftDivide {border-right:0px solid #632727; border-top:1px solid #632727; border-bottom:1px solid #632727; border-left:0px solid #632727; display:block; text-align:center; width:182px; background:#772A2A; padding-left:0; padding-right:0; padding-top:4px; padding-bottom:4px}
	div.LeftDivide a {color:#fff; font-size:10px; text-transform:uppercase; text-decoration:none; }
	div.LeftDivide a:hover {color:#fff; text-decoration:underline; }

	#equipment h3 {font-size:14px;}


		/* Manufacturers Nav and Page */
			#manufacturersNav, #subcatNav {width:140px; float:left; background:#1e1e1e; border:1px solid #000; margin-right:60px; }
			#manufacturersNav div.subcategory {margin:10px 0; line-height:16px; border-bottom:1px dotted #333; padding:10px 10px 20px 10px; font-size:11px;}
			#manufacturersNav div.subcategory h2 {font-size:12px; padding:3px 0;}
			#manufacturersNav div.subcategory h2 a { color:#fff !important;}
			#manufacturersNav div.subcategory blockquote {float:left; margin:0 0 0 4px; display:block;}
			#manufacturersNav div.subcategory span {display:block; margin:2px 0 0 20px;}
			#manufacturersNav div.subcategory p a { font-size:11px; color:#000; line-height:14px;}
			#manufacturersNav div.subcategory p a:hover, div.subcategory p a:visited {color:#dc1c1a;}
			#manufacturersNav p {line-height:13px; font-size:10px; padding:10px;}

		/* Product Listing, Table View with Thumbnails, 10 per page */
			#equipment div#productListing {float:left; width:700px;}

			div.product_list {display:block; clear:both; width:100%; height:100px; border-bottom:1px dotted #444; padding:5px 0; margin:8px auto; line-height:16px; font-size:11px;}
			div.product_list a.productThumb {display:block; float:left; padding:3px; margin:10px 15px 0 0; background:#555; border:1px solid #000;}
			div.product_list h3 a {font-size:12px;}
			div.product_list p {display:block; float:left; padding:0; margin:4px 0 0 0;}
			div.product_list p a {display:block; border:1px solid #ccc; width:180px; background:#fff; padding:2px 3px; margin-top:6px;}
			div.product_image {width:65px; float:left; height:90px; margin-right:8px; text-align:center;}
			div.product_image img {padding:3px; background:#555; border:1px solid #000 !important;}

			div.product_display {display:block; width:98%; height:100px; border-bottom:1px dotted #444; padding:5px 0; margin:4px 0; line-height:16px;}
			div.product_display p {display:block; float:left; padding:0; margin:4px 0 0 0;}
			div.product_display span {display:block; float:left; padding:3px 0 0 0; margin:4px 0 0 0;}
			div.product_display span b {padding-top:4px;}
			div.product_display strike {border:1px solid #ccc; margin-right:10px;  color:#000; background:#f7f7f7; padding:1px 3px;}
			div.product_display span a {border:1px solid #333; color:#fff; background:#863534; padding:1px 3px; text-decoration:none;}
			div.product_display span a:hover {border:1px solid #000;  color:#fff; background:#474747; padding:1px 3px;}

			#product_layout {display:block; width:95%; margin:5px auto;}
			#product_layout p {margin:0; padding:0 0 8px 0; font-size:14px; line-height:21px;}
			#product_layout img {margin:5px 7px 3px 0; padding:0 5px 0 0; border:none;}
			#product_layout ul {display:block; width:300px; background:#000; clear:both; border:1px dotted #555;padding:10px; margin:0;}
			#product_layout li {list-style:none; display:block; margin:0; padding-top:3px;}
			#product_retail, #product_clearance {font-size:12px; margin:0 25px 0 0;}

			#product_retail strike {color:#fff; font-weight:bold; margin:0 25px 0 0;}
			#product_price {font-size:14px; font-weight:bold; }
			#product_price a { margin:0 25px 0 0;}
			#product_link a {display:block; padding:0 4px; font-size:16px; margin-top:5px; line-height:20px; text-decoration:underline; }

			div.p_display_image {width:65px; float:left; height:90px; margin-right:8px; text-align:center;}
			div.p_display_image img {padding-top:6px;}

			#ten_pop {display:block; font-size:14px; margin:10px 20px 10px 10px; font-weight:bold; color:#fff; width:400px; padding:3px 4px; }

			#subcatNav div {}
			#subcatNav ul {margin:0 0 15px 0; width:140px; padding:5px 0; list-style:square;}
			#subcatNav li {line-height:14px; margin-left:15px; padding-right:10px;}
			#subcatNav li a {font-size:11px; display:block; padding:3px 0 0 0;}
			#subcatNav span {display:block; border:1px solid #000; border-width:0 0 1px 0; background:none; font-size:12px; font-weight:bold; text-align:left; color:#999; padding:10px 4px;}

			#equipment #pagination {width:100%; display:block; clear:both; height:40px; padding:10px;}
			#equipment #pagination a, #equipment #pagination strong {font-size:11px; display:block; float:left; padding:3px 4px; border:1px solid #000; background:url(https://www-ecs.jamplay.com/client/shell/images/css-bg/gradients/red-22.jpg) top repeat-x; color:#ccc; text-decoration:none; margin:0 3px;}
			#equipment #pagination strong {background:none; border:none; padding:4px 5px; color:#fff;  margin:0 3px;}
			#equipment #pagination a:hover {background:#F00;}
			#equipment #pagination p {display:inline; float:left; padding:0; margin:0 4px 0 0; color:#000;}


	#equipmentFooter {width:100%; margin:0 auto; line-height:20px; background:url(https://www-ecs.jamplay.com/client/shell/images/css-bg/gradients/content-divider.jpg) top no-repeat; padding-top:80px;}
	#equipmentFooter p.whatisJamPlay {display:block; padding:10px 40px;}
	#equipmentFooter p.whatisJamPlay img {display:block; padding:10px 0;}

	#equipmentFooter #testimonials {width:95%; margin:0 auto;}
	#equipmentFooter #testimonials strong {display:block; text-align:center; padding:14px 0; color:#fff; font-size:16px; font-family:Georgia, "Times New Roman", Times, serif}
	#equipmentFooter #testimonials p {padding:0; width:100%;  text-align:left; margin-left:0; margin-right:0; margin-top:0; margin-bottom:0px}
	#equipmentFooter #testimonials em {font-size:12px; display:block; font-style:normal; font-weight:bold; color:#FC0; margin:0; line-height:20px; background-color:#333; border:1px solid #000; padding:2px 24px}
	#equipmentFooter #testimonials blockquote {margin:25px auto 5px auto; width:100%; padding:0 5px 5px 5px; line-height:14px; font-size:11px; }
	#equipmentFooter #testimonials blockquote img {display:block; padding:10px 0; margin:0 auto; text-align:center;}


/* UPSELL */
#upsell {display:none; clear:both; width:730px; height:170px; margin-top:10px; background:url(https://www-ecs.jamplay.com/client/shell/images/css-bg/upsell_bg.jpg) repeat-x top;; padding-left:15px; padding-right:0; padding-top:14px; padding-bottom:0}
#upsell ul {margin:0; padding:8px 0 5px 0; display:block; float:left; list-style:none;}
#upsell li {margin:0; background:none; padding-left:38px; padding-right:0; padding-top:1px; padding-bottom:1px}
#upsell img {padding-left:5px;}


		/* DO NOT EDIT, JS VIEWER */
		#lightbox{position: absolute; top:0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
		#lightbox a img{border: none; }
		#outerImageContainer{position: relative; background-color: #000; width: 250px; height: 250px; margin: 0 auto; }
		#imageContainer{padding: 3px; }
		#loading{position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
		#hoverNav{position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
		#imageContainer>#hoverNav{left: 0; }
		#hoverNav a{outline: none; }
		#prevLink, #nextLink{width: 49%; height: 100%; background: url(https://www-ecs.jamplay.com/client/global/images/lightbox/lightbox-blank.gif) no-repeat; /* Trick IE into showing hover */ display: block }
		#prevLink {left: 0; float: left; }
		#nextLink {right: 0; float: right; }
		#prevLink:hover, #prevLink:visited:hover {background: url(https://www-ecs.jamplay.com/client/global/images/lightbox/prevlabel.gif) no-repeat left 15%; }
		#nextLink:hover, #nextLink:visited:hover {background: url(https://www-ecs.jamplay.com/client/global/images/lightbox/nextlabel.gif) no-repeat right 15%; }
		#imageDataContainer{border-top:2px solid #333; background:#000; font: 10px Verdana, Helvetica, sans-serif; margin: 0 auto; line-height: 1.4em; }
		#imageData{padding:0; }
		#imageData #imageDetails{width: 70%; float: left; text-align: left; }
		#imageData #caption{font-weight: bold; display:none; }
		#imageData #numberDisplay{display: none; clear: left; padding-bottom: 1.0em; }
		#imageData #bottomNavClose{width: 400px; text-align:center;  padding-bottom: 0.7em; }
		#overlay{position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #333; filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }
		.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
		* html>body .clearfix {display: inline-block; width: 100%; }
		* html .clearfix {/* Hides from IE-mac \*/	height: 1%; /* End hide from IE-mac */	}


	.button {font-size:10px; color:#fff; border:1px solid #474747; background:#863535; padding:0px 3px; height:18px; text-transform:uppercase;}
#roll a {display:block; height:17px; line-height:21px; padding:1px 5px; margin:0px 4px 2px 4px; background:#ccc; border:1px solid #333; font-size:10px; text-transform:uppercase; color:#333; text-decoration:none; vertical-align:middle; text-align:center;}
#roll p {display:block; height:17px; line-height:21px; padding:1px 5px; margin:0px 4px 2px 4px; background:#fff; border:1px solid #333; font-size:10px; text-transform:uppercase; color:#333; text-decoration:none; vertical-align:middle; text-align:center;}
#roll a:hover {background:#fff;}