/*	Author:		Daniel C. Richmond
	File:		main.css
	Purpose:	general site-wide styles
				are overruled on homepage by home.css
*/

/*------- BASIC SETUP AND MISC. GENERAL STYLES --------*/
* iframe {
	border:none;
}
body, html, p, h1, h2, h3, h4, h5, div, span, a{
	margin:0;
	padding:0;
}

html {
	overflow-y:scroll;
}

body {
	background:url("../images/layout/body_bg.gif") #919191;
	position:relative;
	font-family:Verdana, Tahoma, sans-serif;
	font-size:11px;
	padding:30px 0 50px;
}

body img, * img {
	color:transparent;
	border:0;
}
a img, a:link img {
	border:0;
	text-decoration:none;
}

sup {
	text-decoration:none !important;
}

#container{
	position:relative;
	width:850px;
	height:auto;
	margin:0 auto;
}

#container #banner{
	height:108px;
	background:url("../images/layout/concoBanner_2lvl.jpg") top left no-repeat #57585a;
}

#container #bannerLink{
	display:inline;
	float:right;
	padding-right:25px;
	position:relative;
}

.clearer{
	clear:both;
}

* .temp-hide,
.hidden{
	display:none;
}

.transparent {
	filter: alpha(opacity=0); /* internet explorer */
	-khtml-opacity: 0;      /* khtml, old safari */
	-moz-opacity: 0;       /* mozilla, netscape */
	opacity: 0;           /* fx, safari, opera */
}

/*------------ HEADER --------*/

#header{
	position:relative;
}

#homeLink{
	position:absolute;
	display:block;
	width:230px;
	height:60px;
	top:90px;
	left:215px;
}

/*------- HEADER > SEARCH -------*/
#search_banner{
	position:relative;
	height:70px;
	background:url("../images/layout/stripeBanner_2lvl.gif") no-repeat top left;
}

#top_search{
	position:absolute;
	width:160px;
	right:18px;
	top:8px;
	color:#fdb826;
}
#top_search input#search_box{
	display:inline;
	float:left;
	height:13px;
	width:118px;
	margin:3px 0 5px;
	padding:2px 4px;
	border:0;
	color:#000;
	background:url("../images/interface/search_box.gif") no-repeat top left #fff;
	font-size:11px;
}

#top_search input#search_btn{
	display:inline;
	float:left;
	width: 21px;
	height:17px;
	margin:3px 0 0 2px;
}
#top_search input#msds_pds{
	float:left;
	display:inline;
	padding:0;
	margin:0 5px 0 0;
}

#top_search span{
	display:inline;
	float:left;
}

/*--------- BODY ------*/
#body_outer{
	min-height:1%;
	background:url("../images/layout/bg_2lvl.gif") repeat-y 198px 0 #000;
	position:relative;
	width:850px;
}

#body{
	min-height:1%;
	padding:20px;
	color:#818181;
	background:url("../images/layout/body_top_2lvl.gif") 198px 0 no-repeat;
}

#content a,
#content a:link {
	/*text-decoration:none;*/
	color:#818181;
}

#content a:hover{
	color:#333;
	/*text-decoration:underline;*/
}

/*--------- BODY > LEFT NAV ----------*/
#nav_left{
	float:left;
	display:inline;
	width:158px;
	padding:0 0 20px;
	font-size:10px;
	font-family:Tahoma, Verdana, sans-serif;
}

#nav_left a {
	text-decoration:none;
}

#nav_left ul, #nav_left ul li{
	list-style:none;
	text-transform:uppercase;
	margin:0;
	padding:0;
}

#nav_left ul li{
	border-top:1px solid #555;
}

#nav_left ul li ul li a {
	padding-left:1em;
} 
#nav_left ul li ul li ul li a {
	padding-left:2em;
}
#nav_left ul li ul li ul li ul li a {
	padding-left:3em;
}
#nav_left ul li ul li ul li ul li ul li a {
	padding-left:4em;
}
#nav_left ul li ul li ul li ul li ul li ul li a {
	padding-left:5em;
}

#nav_left ul{
	border-bottom:1px solid #555;
}

#nav_left ul ul{
	border:0;
}

#nav_left ul li a{
	display:block;
	padding:3px 0;
	color:#999;
}

#nav_left ul li a:hover{
	text-decoration:none;
	color:#fdb826;
}

#nav_left ul li a.active{
	color:#fdb826;
}

#nav_left #menu_imgs{
	position:relative;
	margin:40px 0 0;
	text-align:center;
	height:228px;
}
#nav_left #menu_imgs a,
#nav_left #menu_imgs a:link {
	text-decoration:none;
	display:block;
	border:none;
	color:#000;
}

#nav_left #menu_imgs * {
	margin:0 0 10px;
}

#nav_left #menu_imgs * * {
	margin:0;
}

#nav_left #menu_imgs a.sign_up {
	position:absolute;
	left:0;
	top:160px;
	margin-left:-20px;
}
#nav_left #menu_imgs a,
#nav_left #menu_imgs a:hover {
	color:#000;
}

/*---------- BODY > CONTENT ------------*/
#content{
	position:relative;
	float:left;
	display:inline;
	width:612px;
	padding:0 0 0 40px;
}
#content ul , #content ol{
	padding-left:25px;
}

#content ul li, #content ol li{

}

#content ul.arrowed {
	padding-left:0;
}

#content ul.arrowed li {
	background:url("../images/layout/bullet_arrow.gif") center left no-repeat;
	padding-left:10px;
	list-style:none;
}

#content ul.arrowed li a{
	text-decoration:underline;
}

#content dd {
	margin:0 0 20px 0;
}

#container h1, #container h2, #container h3, #container h4,
#container h1 a, #container h2 a, #container h3 a, #container h4 a,
#container h1 a:hover, #container h2 a:hover, #container h3 a:hover, #container h4 a:hover {
	font-weight:normal;
	margin:0 0 7px 0;
	color:#e5aa2f;
	text-decoration:none;
}

#content h1,
#content h1 a {
	font-size:28px;
}

#content h2,
#content h2 a {
	font-size:28px;
	text-transform:uppercase;
}

#content h3,
#content h3 a {
	font-size:18px;
}

#content h4,
#content h4 a {
	font-size:12px;
	text-transform:uppercase;
}

#content h5, #content dt,
#content h5 a, #content dt a {
	font-size:1em;
	font-weight:bold;
	padding:0;
}

#content p {
	margin:0 0 10px 0;
}

#content ul, #content ol {
	margin:10px 0;
}

#content hr{
	height:1px;
	margin:5px 0 15px;
	border:0;
	color:#c5c5c5;
	background:#c5c5c5;
	clear:both;
}

.fat {
	height:20px;
	margin:5px 0;
	clear:both;
	background:url("../images/layout/fade.gif") top left repeat #fff !important;
	margin:0 0 0 178px;
	width:652px;
}
	.fat hr {
		display:none;
	}

/*----- COLUMNS -----*/

#content *.column{
	display:inline;
	float:left;
	padding:0 0 10px 0;
	margin:0;
	background:none;
	position:relative;
}

#content *.center {
	text-align:center;
}

#content *.left {
	text-align:left;
}

#content *.right {
	text-align:right;
}

#content .w10 {
	width:9%;
}

#content .w15 {
	width:14%;
}

#content .w20 {
	width:19%;
}

#content .w25 {
	width:24%;
}

#content .w30 {
	width:29%;
}

#content .w33 {
	width:32%;
}

#content .w40 {
	width:39%;
}

#content .w45 {
	width:44%;
}

#content .w50 {
	width:49%;
}

#content .w55 {
	width:54%;
}

#content .w60 {
	width:59%;
}

#content .w66 {
	width:65%;
}

#content .w70 {
	width:69%;
}

#content .w75 {
	width:74%;
}

#content .w80 {
	width:79%;
}

#content .w85 {
	width:84%;
}

#content .w90 {
	width:89%;
}

#content .w100 {
	width:100%;
}

#content *.pad {
	padding-right:2%;
}

#content *.btn_arrow {
	height:17px;
	padding:0 22px 3px 0;
	color:#555;
	background:url("../images/interface/btn_arrow.gif") no-repeat center right transparent;
	border:0;
	margin:0;
	font-size:1em;
	line-height:1.5em;
	cursor:pointer;
	/*font-family:"Lucida Sans","Lucida Grande","Lucida Sans Unicode",Verdana,Tahoma,sans-serif !important;*/
}

#content *.btn_arrow.left {
	background:url("../images/interface/btn_arrow_l.gif") no-repeat center left transparent;
	padding:0 0 3px 22px;
}

#content *.btn_arrow:hover {
	color:#000;
}

/*--------- FOOTER -------*/
#footer{
	min-height:1%;
	padding:0;
	border:0;
	background:url("../images/layout/bg_2lvl.gif") repeat-y 198px 0 #000;
	color:#555;
	font-size:10px;
}

#footer div{
	min-height:1%;
	margin-left:198px;
	padding:5px 0 3px 20px;
	background:url("../images/layout/body_top_2lvl.gif") top right no-repeat #FFF;
	border-top:10px solid #57585A;
}

#footer a{
	color:#555;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}


/*--- LOCATOR -------*/
div#rep_locator, div#store_locator {
	width:296px;
	height:288px;
	position:relative;
}

div#store_locator {
	background:url("../images/graphics/storeLocator.jpg") no-repeat top left;
}




/*---- PROBLEM SOLVER ------*/
#content div.solver_block.gallery_item {
	display:none;
}

#content div.solver_block.gallery_item.active {

}

#content div.solver_block a {
	color:#eee;
	text-decoration:underline;
}

#content div.solver_block a:hover {
	color:#fff;
}


#content div.paint_problem {
	background:#57585a;
	padding:20px 20px 10px;
	color:#ccc;
	width:572px;
}

#content div.paint_problem div.problem_shadow,
#content #store_header div.problem_shadow {
	background:url("../images/layout/intSol_shadow.jpg") no-repeat bottom center;
	padding:0 0 22px 0;
	float:right;
}

#content div.paint_problem div.problem_shadow img,
#content #store_header div.problem_shadow img {
	border:1px solid #fff;
}

#content div.paint_solution {
	padding:20px;
}

#problem_solver_nav {
	padding-bottom:10px;
	color:#e5aa2f;
	font-size:1em;
	line-height:1em;
}

#problem_solver_nav a {
	font-weight:normal;
	margin:0 0 5px 0;
	color:#e5aa2f;
	font-size:12px;
	line-height:12px;
	text-transform:uppercase;
	text-decoration:none;
}

#content #problem_solver_nav *.btn_arrow {
	padding:0 22px 2px 0;
	color:#e5aa2f;
	background:url("../images/interface/btn_arrow.gif") no-repeat center right transparent;
	border:0;
	margin:0;
	font-size:12px;
	line-height:12px;
}

#content #problem_solver_nav *.btn_arrow.left {
	padding:0 0 2px 20px;
	background:url("../images/interface/btn_arrow_l.gif") no-repeat center left transparent;
}

#content p.break {
	margin-bottom:15px;
}

#content div.solver_thumb {
	float:left;
	display:inline;
	width:142px;
}

#content div.solver_thumb.pad {
	padding:0 14px 0 0;
}

#content div.solver_thumb a {
	font-weight:bold;
	font-size:1.1em;
	color:#aaa;
	text-decoration:none;
}


/*----- PRESS RELEASES ----*/
#content div.press_release {
	padding:0 0 15px;
}

#content div.press_release h5 {
	padding:0 0 5px;
}



/*----- SUB LEVEL NEWSLETTER SIGNUP ----*/
#nav_left #sign_up_sub{
	/*position:relative;
	width:198px;
	height:92px;
	margin:25px 0 0 -20px;
	background:url("../images/graphics/home_signup.jpg") top left no-repeat;*/
	position:relative;
	margin:25px 0 0 -20px;
	height:68px;
	width:198px;
	display:block;
}

#nav_left #sign_up_sub table{
	position:absolute;
	left:20px;
	bottom:4px;
}

#nav_left #sign_up_sub input.sign_up{
	position:relative;
	width:132px;
	height:13px;
	padding:2px 4px;
	border:0;
	background:transparent;
	font-size:11px;
}

#nav_left #sign_up_sub div.alert {
	width:132px;
	border:0;
	text-align:left;
	filter: alpha(opacity=90); /* internet explorer */
	-khtml-opacity: 0.9;      /* khtml, old safari */
	-moz-opacity: 0.9;       /* mozilla, netscape */
	opacity: 0.9;           /* fx, safari, opera */
}

#nav_left #sign_up_sub input.sign_up.inactive{
	color:#999;
}

#nav_left #sign_up_sub input.sign_up_btn{
	position:absolute;
	width:12px;
	height:12px;
	top:72px;
	left:166px;
	border:0;
	background:transparent;
	color:transparent;
	cursor:pointer;
}

#content p.image_notice {
	width:294px;
	margin:0;
	display:block;
	float:right;
	font-size:9px;
	text-align:center;
	color:#aaa;
}

/*-------------- POST YOUR JOB SITE -----------*/

#job_site_gallery {

}
	#job_site_gallery .cell {
		display:inline;
		float:left;
		width:190px;
		padding-bottom:14px;
	}
	#job_site_gallery .pad {
		padding-right:14px;
	}

		#job_site_gallery div.thumb {
			background-position:center center;
			background-repeat:no-repeat;
			background-color:#DDD;
			width:190px;
			height:190px;
			display:block;
			overflow:hidden;
			margin-bottom:5px;
		}
			#job_site_gallery div.thumb a {
				width:190px;
				height:190px;
				display:block;
				overflow:hidden;
				background:None;
			}
				#job_site_gallery div.thumb img {
					visibility:hidden;
				}
			
	form .rating,
	#job_site_gallery .rating,
	#job_site_listing .rating  {
		display:block;
		width:61px;
		float:right;
		height:11px;
		margin-bottom:10px;
		background-image:url("../images/graphics/stars.gif");
		background-repeat:no-repeat;
	}
	
	#job_site_listing .rating {
		position:absolute;
		top:0;
		right:0;
		display:block;
	}
		form .rating.star-5,
		#job_site_gallery .rating.star-5,
		#job_site_listing .rating.star-5 {
			background-position:0px 0px;
		}
		form .rating.star-4,
		#job_site_gallery .rating.star-4,
		#job_site_listing .rating.star-4 {
			background-position:0px -11px;
		}
		form .rating.star-3,
		#job_site_gallery .rating.star-3,
		#job_site_listing .rating.star-3 {
			background-position:0px -22px;
		}
		form .rating.star-2,
		#job_site_gallery .rating.star-2,
		#job_site_listing .rating.star-2 {
			background-position:0px -33px;
		}
		form .rating.star-1,
		#job_site_gallery .rating.star-1,
		#job_site_listing .rating.star-1 {
			background-position:0px -44px;
		}
		form .rating.star-0,
		#job_site_gallery .rating.star-0,
		#job_site_listing .rating.star-0 {
			/* background-position:0px -55px; */
			background:none !important;
		}
	#job_site_gallery h4,
	#job_site_gallery h4 a {
		text-transform:none;
		color:#818181;
	}
		#job_site_sort label {
			display:block;
			padding:5px 0 2px;
		}
		#job_site_sort select {
			width:140px;
			display:block;
			padding:1px;
			border:1px solid #aaa;
			font-size:1em;
		}
	#job_site_search{
		
	}
		#job_site_search label{
			display:block;
			padding:5px 0 2px;
			
		}
		#job_site_search #job_site_search_box{
			width:140px;
			display:inline;
			padding:1px;
			border:1px solid #aaa;
			font-size:1em;
			float:left;
		}
		#job_site_search #job_site_search_btn{
			margin:1px 0 0 6px;
			display:inline;
			float:left;
		}
		#job_gallery_nav {
			text-align:right;
		}
			#job_gallery_nav a {
				text-decoration:none;
				font-weight:bold
			}
			#job_gallery_nav a:hover {
				text-decoration:underline;
			}
			
			
#job_site_listing {
	position:relative;
}
	#small_image {
		background:no-repeat center center #ddd;
		width:190px;
		height:190px;
		position:relative;
	}
		#small_image .shader,
		#small_image a {
			width:190px;
			height:190px;
			display:block;
			overflow:hidden;
			text-decoration:none;
			position:relative;
			z-index:75;
		}
			#small_image a img {
				visibility:hidden;
			}
	
	#big_image {
		background:no-repeat center center #ddd;
		height:400px;
		width:400px;
		position:relative;
	}
		#big_image .shader,
		#big_image a {
			width:400px;
			height:400px;
			display:block;
			overflow:hidden;
			text-decoration:none;
			position:relative;
			z-index:75;
		}
			#big_image a img {
				visibility:hidden;
			}
			
		#big_image .shader,
		#small_image .shader {
			background:#ddd;
			position:absolute !important;
			z-index:74 !important;
			top:0;
			left:0;
		}
	.other_job_sites {
		padding:10px 10px 0;
		background:#999;
	}
		#container #job_site_listing .other_job_sites h4 {
			color:#FFF;
		}
	.other_job {
		width:180px;
		margin:0 18px 10px 0;
		position:relative;
		height:69px;
		float:left;
		display:inline;
	}
	.other_job.last {
		margin-right:0;
	}
		.other_job .img_container {
			width:68px;
			height:68px;
			border:1px solid #fff;
			background-color:#bbb;
			background-position:center center;
			background-repeat:no-repeat;
		}
			.other_job .img_container a {
				height:68px;
				width:68px;
				display:block;
			}
				.other_job .img_container img {
					visibility:hidden;
				}
		#content .other_job h5,
		#content .other_job h5 a {
			width:105px;
			position:absolute;
			right:0;
			bottom:0;
			text-transform:none;
			color:#fff; 
			font-weight:normal;
			text-decoration:none;
		}
	
	#job_site_listing .column_l {
		width:190px;
		position:relative;
		display:inline;
		float:left;
		padding-right:20px;
	}
	#job_site_listing .column_r {
		width:400px;
		position:relative;
		display:inline;
		float:left;
	}
	
	.company_info {
		position:absolute;
		bottom:0;
		left:0;
	}
	
	#job_site_listing .block {
		padding-top:10px;
		padding-bottom:20px;
	}
	
		#job_site_gallery a,
		#job_site_gallery a:link {
			text-decoration:none;
		}
	
	form .rating span {
		display:none;
	}
	
	form input.radio {
		float:left;
		display:inline;
	}
	form .rating {
		float:left;
		display:inline;
	}
	form br {
		clear:both;
	}
	
#preview_612 {
	position:absolute;
	top:0;
	left:0;
	width:612px;
	height:612px;
	background:url("../images/layout/preview_612.png") top left no-repeat;
}
	#preview_612 span {
		display:none;
	}
	

/*------------ MODAL -----------*/
#myFrame {
	border:none;
	position:relative;
}
.ui-dialog {
	background:#666;
	padding:1px;
	border:15px solid #fff;
	-moz-box-shadow:4px 4px 10px rgba(0,0,0,.5);
	-webkit-box-shadow:4px 4px 10px rgba(0,0,0,.5);
	box-shadow:4px 4px 10px rgba(0,0,0,.5);
	overflow:visible !important;
}
.ui-dialog-titlebar {
	position:absolute;
	top:-14px;
	right:0px;
}
	.ui-dialog-titlebar-close {
		color:#999;
		text-decoration:none;
		text-transform:uppercase;
	}
	.ui-dialog-titlebar-close:hover {
		text-decoration:underline;
		color:#444;
	}
.ui-widget-overlay {
	background:#DDD;
	opacity: .5;
	filter: alpha(opacity = 50);
	/* -ms-filter: "alpha(opacity=50)"; */
	-khtml-opacity: .5;
	-moz-opacity: .5;
	zoom:1;
	position:absolute;
	top:0;
	left:0;
	width:100px;
	height:100px;
}

#waitBox span {
	display:block;
	height:16px;
	font-size:16px;
	text-transform:uppercase;
	text-align:center;
	top:50%;
	margin-top:-8px;
	color:#FECE24;
	position:absolute;
	width:100%;
}

#waitBox {
	position:relative;
	padding:0;
}


#jobPostImage {
	background:top left no-repeat;
	width:611px;
	height:259px;
	position:relative;
}
	#jobPostImage.before {
		background-image:url("../images/layout/jobPostHome_before.jpg");
	}
	#jobPostImage.after {
		background-image:url("../images/layout/jobPostHome_after.jpg");
		
	}
#jobPostBody {
	width:611px;
	position:relative;
	min-height:279px;
	background:url("../images/layout/jobPostPaintRoller.jpg") top right no-repeat;
	padding-top:20px;
}
	#jobPostBody h4 {
		font-size:16px;
	}
#postJobSiteBtn {
	position:absolute;
	top:20px;
	right:20px;
}
#jobSiteGalleryBtn {
	position:absolute;
	top:85px;
	right:20px;
}
.job_preview_controls {
	/*padding:20px;
	background:url("../images/layout/caution_bg.gif") top left repeat #2e2e2e;*/
	position:relative;
	margin-top:30px;
	float:right;
	display:block;
}
	.job_preview_controls .inner {
		padding:13px 8px 3px 13px;
		background:#fff;
		float:left;
		display:block;
	}
.share-icons {
	height:75px;
}
.share-icons a,
.share-icons a:link,
.share-icons img {
	text-decoration:none;
	width:30px;
	height:30px;
	display:block;
	float:left;
	margin-right:4px;
}
.share-icons a img {
	margin-right:0px !important;
}
	
.action-icons a,
.action-icons a:link {
	text-decoration:none;
	width:133px;
	height:60px;
	display:block;
	margin-bottom:3px;
}
	.action-icons img {
		width:133px;
		height:60px;
		display:block;
	}
	
sup {
	font-size:50%;
}
.ui-dialog.toolTip {
	padding:0;
	border-top-width:25px;
}

#toolTip {
	padding:0;
	background:#fff;
}
	#toolTip .pad {
		padding:10px;
	}
	#toolTip h1 {
		font-size:1em;
		font-weight:normal;
		margin-bottom:0.25em;
		text-transform:uppercase;
	}
	#toolTip h2 {
		border-bottom:1px solid #DDDDDD;
		color:#E5AA2F;
		font-weight:normal;
		margin-bottom:0.75em;
		padding-bottom:0.75em;
	}
	#toolTip h3,
	#toolTip p {
		margin-bottom:.5em;
	}