/*
Theme Name:		Fair-Play
Theme URI:		http://www.fair-play.com
Description:	Designed for the scoreboard manufacturer Fair-Play.
Version:		1.0
Author:			Josh Byers
Author URI:		http://joshbyers.com/
*/
@import 'css/960/reset.css';
@import 'css/960/forms.css';
@import 'css/960/tabs.css';
@import 'scripts/fancybox/fancy.css';
@import 'scripts/menu/cssmenus2/skins/nature/horizontal.css';

/*Display None for Printed Styles */
#captions, #digit_sizes, #electrical, #equipment_blurbs, #print_logo, .print_title,.option_notes{
	display:none;}

body {
	background: #d1cfcf;
	margin:0;
	font-family:Arial,sans-serif;
	color:#383838;}

p {
	font-size:.8em;
	line-height:1.5em;}

p img {
	float:left;
	border:2px solid #919191;
	margin:0 20px 20px 0;}
	
	p.install_thumb {
		text-align:center;}
	
	p.install_thumb img{
		margin:0;
		float:none;
		border:none;}
		
.entry p img.alignleft {
	background:#D6D6D6;
	border:1px solid #C0C0C0;
	float:left;
	margin:0pt 15px 10px 0pt;
	padding:4px;}
	
.entry p img.alignright {
	background:#D6D6D6;
	border:1px solid #C0C0C0;
	float:right;
	margin:0pt 0 10px 15px;
	padding:4px;}

.entry p img.nostyle {
	background:none;
	border:none;}
	
small {
	font-size:.8em;}

a, a:active {
	text-decoration:none;
	color:#d57001;}
	
a:hover {
	text-decoration:underline;}

ul.list {
	list-style-type:disc;
	font-size:.9em;
	line-height:1.4em;
	margin-left:15px;}

h2 {
	color:#383838;
	border-bottom:1px solid #d4d4d4;
	padding-bottom:2px;
	text-transform:uppercase;
	margin-bottom:10px;}
	
	h2 a:hover{
		text-decoration:none;
		color:#383838;}
	
	h2.lead {
		border:none;
		font-size:1.2em;}
	
	h2.product_title {
		font-size:1.5em;
		border-bottom:none;
		padding-bottom:10px;}

h3 {
	color:#383838;
	border-bottom:1px solid #d4d4d4;
	padding-bottom:2px;
	text-transform:uppercase;
	margin-bottom:7px;}

h4 {
	margin-bottom:10px;}
	
.date {
	font-size:.8em;
	color:#919191;}

.container {
	margin-left:auto;
	margin-right:auto;
	width:960px;}

.header {
	background:url(images/bg_header.png) repeat-x;
	margin:0 10px;}

	.logo {
		float:left;
		width:700px;}

.main_content {
	background:#fff url(images/main_content_top.png) no-repeat top;
	margin:20px 10px 0px 10px;
	padding:20px 20px 0px 20px;
	float:left;
	width:900px;}
	
	.main_content_bottom {
		float:left;
		margin:0 0 20px 10px;}

		.home_featured {
			padding:20px 20px 0 20px;
			background:#efefef url(images/bg_540pxtop.png) no-repeat top;
			width:500px;
			float:left;}
		
			.featured_product{
				margin-top:20px;}
			
		.home_quick_icons{
			width:340px;
			float:right;}
			
			.home_quick_icons li{
				float:left;
				padding:7px 22px 0 0;}
						
			.home_quick_icons li.last{
				padding-right:0px;}
		
		.page_quick_icons{
			width:920px;}
			
			.page_quick_icons li{
				float:left;
				padding-right:40px;}
						
			.page_quick_icons li.last{
				padding-right:0px;}
					
		.home_news{
			width:300px;
			background:#efefef url(images/bg_340pxtop.png) no-repeat top;
			float:right;
			margin:20px 0 0 0;
			padding:20px 20px 0 20px;}
			
			.home_news ul{
				margin-left:16px;}
			
			.home_news ul li{
				margin-bottom:5px;
				font-size:.9em;
				list-style:url(images/bullet.jpg)}
			
		
		.recent_installs {
			padding:20px 20px 0 20px;
			background:#efefef url(images/bg_900pxtop.png) no-repeat top;
			width:860px;
			float:left;
			z-index:15;}
			
			.recent_installs li{
					margin:4px;
					float:left;
					text-align:center;
					font-size:.7em;}
					
					.recent_installs img {
						border:1px solid #d0cfcf;}
			
			.page_installs{
				width:680px;
				background:#efefef url(images/bg_page_installs.png) no-repeat top;
				float:right;
				padding:20px 20px 0 20px;}
				
				.page_installs li{
					margin:4px;
					float:left;
					text-align:center;
					font-size:.7em;}
					
					.page_installs img {
						border:1px solid #d0cfcf;}
				
				#install_preview{
					position:absolute;
					border:1px solid #ccc;
					background:#333;
					padding:5px;
					display:none;
					color:#fff;}
					
/*****************  Sidebar  **********************/

	.menu_container {
		width:160px;
		float:left;
		margin-top:20px;}
		
		.side_menu_list{
			background:#efefef url(images/bg_menu_bottom.png) no-repeat bottom;
			padding:15px 20px 20px;
			font-size:.9em;}
			
		ul.model_menu li{
			padding-bottom:5px;}
		
		ul.model_menu li h3{
			border-bottom:1px solid #d0cfcf;
			margin-bottom:5px;
			padding-bottom:2px;}
		
		ul.model_menu ul{
			margin-left:0px;}
		
		.model_menu li li{
    		position:relative;
    		width: 140px;
			padding-bottom:10px;}
			
			.model_menu li li a,.model_menu li li a:visited{
				color:#383838;}
			
			.model_menu li li a.current{
				color:#d57001;}
  		
		.model_menu img {
   			 position: absolute;
    		 top: 0;
    		 left: -9000em;
			 border-bottom:#d0cfcf 10px solid;
			 border-top:#d0cfcf 10px solid;
			 border-right:#d0cfcf 10px solid;
			 padding:10px;
			 background:#efefef;
			 z-index:1000;}
		
	.gallery_sidebar {
		width:200px;
		padding:20px 20px 0 20px;
		float:left;
		background:#efefef url(images/bg_240pxtop.png) no-repeat top;}

/*********** end sidebar *******************/
	.gallery_info {
		width:600px;
		margin:20px 0 0 20px;
		float:right;
		background:#efefef url(images/bg_gallery.png) no-repeat top;
		padding:10px 20px 0 20px;}
		
		.recent_gallery {
			clear:left;}
			
			.recent_gallery li{
				margin:4px;
				float:left;
				text-align:center;
				font-size:.7em;}
				
				.recent_gallery img {
					border:1px solid #d0cfcf;}
		
		.search_results {
			width:860px;
			margin-top:20px;
			float:left;
			background:#efefef url(images/bg_page.png) no-repeat top;
			padding:10px 20px 0 20px;}

		.search_thumb {
			float:left;
			margin:0 9px 10px 0;
			text-align:center;}
			
			.search_thumb img {
				border:1px solid #d0cfcf;}
		
		.search_category {
			margin-bottom:20px;}
		
		ul.search_news {
				margin-left:16px;}
			
			ul.search_news li{
				margin-bottom:5px;
				font-size:.9em;
				list-style:url(images/bullet.jpg)}
	
	.page {
		width:860px;
		margin:0;
		float:left;
		background:#efefef url(images/bg_page.png) no-repeat top;
		padding:10px 20px 0 20px;}
		
	.scoreboard_info {
		width:680px;
		margin:20px 0 0 20px;
		float:left;
		background:#efefef url(images/bg_scoreboard_info.png) no-repeat top;
		padding:10px 20px 0 20px;}
		
		.render_preview {
			float:left;
			margin:0 10px 10px 0;
			width:360px;}
		
			.render_preview li {
			list-style-type:none;}
		
		.main_product_render {
			background:url(images/main-product-page-renders_bg.jpg) no-repeat;
			text-align:center;
			height:280px;
			width:260px;
			float:left;
			margin:0 15px 0 0px;}
			
			.main_product_render img {
				padding:20px 0 10px 0;}
		
		#specs {
			width:360px;
			float:left;
			clear:left;
			margin-bottom:20px;
			font-size:.8em;
			z-index:10;}
			
			#specs table {
				width:100%;}
			
			#specs td, #tabbed_box_1 td, .signage td {
				padding:.5em 1em;
				border-bottom:1px dashed #d0cfcf;}
				
				.signage td {
					padding:.5em 0;}
			
			#specs td.column, #tabbed_box_1 td.column, .signage td_column{
				background:#efefef;
				border-bottom:none;}
				
			#specs td.small, #tabbed_box_1 td.small, .signage td.small {
				font-size:.8em;
				background:url(images/icon_pdf.gif) no-repeat 15px center;
				padding-left:30px;}
					
			#specs tr.odd, #tabbed_box_1 tr.odd, .signage td.odd{
				background:transparent url(images/tr_bg.png) repeat top left;}
			
			* html tr.odd td{
				background:#C00;
				filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='tr_bg.png', sizingMethod='scale');}
		
		.zip_search {
			float:right;
			width:300px;}
			
			#dealer_info{
				clear:both;
				font-size:.9em;
				line-height:1.2em;}
				
			#dealer_info h4{
				padding-bottom:5px;}
	
		.accessories {
			width:300px;
			float:right;
			margin:0 0 20px 0;}
			
			.accessories li{
				float:left;
				padding-right:8px;}
				
				.accessories li.last{
					padding-right:0}
			
			.accessories ul li img{
				border:1px solid #d0cfcf;}
	
.footer {
	background:#000 url(images/bg_footer.png) no-repeat top;
	margin:0 10px;
	padding:20px 20px 0 20px;
	float:left;
	width:900px;
	text-align:center;
	color:#ccc;}

.post{
	clear:both;}
	
	.entry p{
		margin-bottom:15px;}

/******************************** Captions *******************************/
a img {
	text-decoration:none!important;
	border-bottom:none !important;}

.post a img {
	text-decoration:none;}
	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	border: 1px solid #ddd;
	background-color: #f3f3f3;}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/************************ End captions **************************/
	
	
	.entry p img{
		border:none;}
	img.product_render {
		float:left;
		margin:0 20px 20px 0;}
	
	.entry ul {
		font-size:.8em;
		list-style-type:disc;
		margin:5px 15px;}
		
		.entry ul li {
			padding-bottom:5px;}

.wide_container_bottom {
	float:right;
	margin:0 0 20px 0;}
	
	.last_bottom {
		margin:0;}

/*******************************ProLine Tabs********************************************/

#tabbed_box_1 {
	margin: 0px auto 0px auto;
	width:100%;
	font-size:.9em;}

.tabbed_area860 {
	padding:10px 0;
	background:url(images/bg_860pxtop.png) no-repeat top; 	}

.tabbed_area680 {
	padding:10px 0;
	background:url(images/bg_680pxtop.png) no-repeat top; 	}
	
	.tabbed_area860 img.left, .tabbed_area680 img.left{
		float:left;
		margin:0 10px 10px 0;}
	
	.tabbed_area680 img.right, .tabbed_area860 img.right{
		float:right;
		margin:0 0 10px 10px;}

ul.tabs {
	padding:0px;
	margin:5px 0 0 0;
	font-size:.8em;}

a#tab_1.active {
	background: url(images/bg_tab1.png) no-repeat top;}

a#tab_2.active {
	background: url(images/bg_tab2.png) no-repeat top;}

a#tab_3.active {
	background: url(images/bg_tab3.png) no-repeat top;}
	
a#tab_4.active {
	background: url(images/bg_tab4.png) no-repeat top;}

a#tab_5.active {
	background: url(images/bg_tab5.png) no-repeat top;}

a#tab_6.active {
	background: url(images/bg_tab6.png) no-repeat top;}

a#tab_7.active {
	background: url(images/bg_tab7.png) no-repeat top;}

a#tab_8.active {
	background: url(images/bg_tab8.png) no-repeat top;}
	
a#tab_9.active {
	background: url(images/bg_tab9.png) no-repeat top;}
	
a#tab_10.active {
	background: url(images/bg_tab10.png) no-repeat top;}
	
a#tab_11.active {
	background: url(images/bg_tab11.png) no-repeat top;}
	
a#tab_12.active {
	background: url(images/bg_tab12.png) no-repeat top;}
	
a#tab_13.active {
	background: url(images/bg_tab13.png) no-repeat top;}
	
	
ul.tabs li {
	list-style:none;
	display:inline;}
	
ul.tabs li a {
	color:#999;
	padding:6px 14px 6px 14px;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;}
	
ul.tabs li a:hover {
	color:#333;
	text-decoration:underline;}
	
ul.tabs li a.active {
	background-color:#d6d6d6;
	color:#282e32;	}
	
.ptabs {
	background:#d6d6d6 url(images/bg_860pxbottom.png) no-repeat bottom;
	padding:10px;	}
	
#ptabs_2, #ptabs_3, #ptabs_4, #ptabs_5, #ptabs_6, #ptabs_8, #ptabs_10, #ptabs_11, #ptabs_12, #ptabs_13 { 
	display:none;}

.ptabs ul {
	margin:0px;
	padding:0px 0 0 25px;
	font-size:.8em;}
	
.ptabs ul li {
	list-style:disc;
	padding-bottom:5px;
	line-height:1.4em;}
	
.ptabs ul li:last-child {
	border-bottom:none;}
	
.ptabs ul li a {
	text-decoration:none;
	color:#3e4346;}
	
.ptabs ul li a small {
	color:#8b959c;
	font-size:9px;
	text-transform:uppercase;
	position:relative;
	left:4px;
	top:0px;}
	
.ptabs ul li a:hover {
	color:#a59c83;}
	
.ptabs ul li a:hover small {
	color:#baae8e;}

.faqsection {
	margin: 10px 0;
}

div.faq {
	margin: 10px 0 0 10px;}

div.faq h3, div.product_literature h3 {
	border-bottom:1px solid #383838;
	padding-bottom:5px;}

div.faq h4 {	
	cursor:  pointer;
	padding: 0 0 10px 10px;}


div.faq .answer  {
	margin-left: 10px;}

div.faq ul,
div.faq ol {
	margin: 0 0 10px 20px;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;}

.clearfix {display: inline-block;}

/* Hides from IE5/Mac \*/
* html .clearfix {height: 1px;}
.clearfix {display: block;}
/* End hide from IE5/Mac */