@charset "utf-8";
/**
 * FILE:         cc.css
 * AUTHOR:       Eugene Au <eau(AT)kenilworth(DOT)com>
 * SITE:         www.constructionspecifier.com
 * DESCRIPTION:  css file for www.constructionspecifier.com
 * MODIFIED:     20100729
 */

/* !@# +General tags */
* { margin:0; padding:0; }
html { background: #505A64; font:normal 14px Arial, Helvetica, sans-serif; color:#000; overflow-y: scroll; }
body { width: 1010px; margin: 0 auto; text-align: left; }
ol, ul { padding-left: 30px; padding-bottom: 12px;}
a, a:link, a:visited, a:active, a:hover { color: #0000FF; text-decoration: none;  }
img {border:0; margin-bottom:0}
hr{ width:40%; margin:20px}

/* !@# +Helper Classes */
.left {float: left}
.right{float:right}
.clear{clear: both; height:0; font-size:0;}
.txtcenter{width:100%; text-align:center}
.txtleft  {text-align:left  }
.txtright {text-align:right }
p a.deLink{ color:#000; }
p a.deLink:hover{ text-decoration:underline}
.cover { border:solid 1px #000;margin:0}
.blutxt { font:bold 20px Arial, Helvetica, sans-serif; color: #335F8B; text-transform: uppercase; }
.blutxtsm { font:bold 15px Arial, Helvetica, sans-serif; color: #335F8B; }
.redtitle{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:20px; color:#660000; text-align:center; font-weight:bold; padding-bottom:5px;}
.redtitlesm{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#660000; text-align:center; font-weight:bold; padding-bottom:5px;}
.blutitle{color:#324F6B; font-family:Arial, Helvetica, sans-serif; font-size:13pt; text-align:center; font-weight:bold; padding:10px;}
.author{font-size: 8pt; font-style: italic}
.storyimg { border: 1px solid #000; }
.readon { float: right; }
.caption {font: italic bold 10px Verdana, Arial, Helvetica, sans-serif;}
.credit {font: normal 10px Verdana, Arial, Helvetica, sans-serif;}
.bpa_box{background-color: #F9F1DB; padding:10px; margin-top:5px;}
.banhide { display: none; }
.banshow { display:block; }

/* !@# begin story helper styles */
.imgleft { font: bold 10px Verdana, Arial, Helvetica, sans-serif; padding: 0 8px 2px 0; float: left; }
.imgleft img { border: 1px solid #000; }
.imgcenter { width:100%; text-align:center; }
.imgcenter div {text-align:left; margin: 0 auto;}
.testimonial{ text-align:left; padding-bottom:20px;}
.testimonial p{margin:10px; margin-left:50px; margin-right:50px; }
.exchange{margin-left:50px; margin-right:45px}
.covercell{ text-align:center; padding-left:18px;}
#leftcol .imgleft img { margin-bottom: 5px;}
#leftcol .imgleft { width: 150px;margin-bottom: 5px; }
#content-wide #leftcol p {padding-bottom: 10px;} /* controls the padding on story paragraphs */
/* !@#   end story helper styles */

/* !@# +Page Div Styles */
#page-shadow { background:url(images/bg-836x5_page-shadow.gif) repeat-y left top; width:780px; padding:0 28px; float: left; }
#container {
	background: #FFF url(images/bg-780x5_container-stripe.gif) no-repeat left top;
	width:780px;
	padding-top: 5px;
	float: left;
}

#header { background: url(images/bg-770x179_cs-header.jpg) no-repeat center top; height:241px; padding-left:5px;}
/* !@# begin top navigation styling */
#topnav {padding-top:21px;color: #FFF;}
#topnav table {text-align:center; margin: 0 auto; }
#topnav a:link, #topnav a:visited, #topnav a:active, #topnav a:hover {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFF;
	text-transform: uppercase;
	text-decoration:none;
	text-align:center;
	padding: 0 2px;
}
#topnav a:hover{color:#999999;}
/* !@#   end top navigation styling */

/* !@# begin main content div styles */
#content, #content-wide { margin-top: -50px; z-index:5;}
/* !@#   end main content div styles */

/* !@# begin left column styles */
#content #leftcol { float:left; width:400px; margin-left:13px; text-align:left; }
#content-wide #leftcol { float:left; width:440px; margin-left:15px; text-align:left; }
#content-wide #leftcol #leftsidecol{ float:left; width:200px; margin-right:5px; text-align:left; }
#content-wide #leftcol #rightsidecol{ float:right; width:230px; margin-left:5px;text-align:left; }

/* !@#   end left column styles */

/* !@# begin right column styles */
#content #rightcol { float:left; width:350px; margin-left:5px; text-align:left; font-size: 12px;}
#content-wide #rightcol { float:left; width:300px; margin-left:10px; text-align:left; font-size: 12px;	}
#rightcol p { padding: 10px 0; }	
/* !@#   end right column styles */

/* !@# begin left column titles */
#leftcol .contentheading {
	background:url(images/bg-14x14_blue-square.gif) no-repeat 0px 7px;
	font: bold 20px Arial, Helvetica, sans-serif;
	color:#999999;
	text-align:left;
	padding: 3px 0px 0px 21px;
	text-transform: uppercase;
}
#leftcol .componentheading {
	background:url(images/bg-14x14_blue-square.gif) no-repeat 10px 7px;
	font: bold 20px Arial, Helvetica, sans-serif;
	color:#999999;
	text-align:left;
	padding: 3px 0px 0px 31px;
	text-transform: uppercase;
}
/* !@#   end left column titles */


/* !@# begin banner styles */
.skyscraper { padding-top:310px; float: right; text-align:center; }
.leaderboard { text-align:center; margin: 10px 0; height: 90px;}
.leaderboard iframe { margin: 10px auto; height: 90px; }
.bigbox { width: 350px; text-align:center; padding: 9px 0; }
#content-wide .bigbox { width: 300px; text-align:center; padding: 9px 0; }
.footerhousead { padding:10px 0; text-align: center; }
/* !@#   end banner styles */

/* !@# CS archives styles */
#leftcol div.cscovers { margin-left: 0px; clear: both;}
#leftcol div.cscovers div { float:left; width:125px; margin: 0 2px; text-align: center; padding:0; }
#leftcol div.cscovers div p { padding:3px 0px; margin-bottom: 5px;}
#leftcol div.cscovers div img { border:0}
#leftcol div.cscovers a,
#leftcol div.cscovers a:link,
#leftcol div.cscovers a:visited,
#leftcol div.cscovers a:active,
#leftcol div.cscovers a:hover { text-decoration:none; color:#333 }
/* !@# end CS archives styles */
/* !@# begin footer styles */
#footer_top, #footer_bot { font-size:0; }
#footer_top {background:url(images/bg-780x12_footer-top.gif) no-repeat top left; height:12px; }
#footer_mid {background:url(images/bg-780x5_footer-mid.gif) repeat-y top left; }
#footer_bot {background:url(images/bg-780x80_footer-bot.gif) no-repeat top left; height:80px; }
#footer_mid {font:0.8em Verdana, Arial, Helvetica, sans-serif; padding:0 20px; color: #FFFFFF; }
#footer_mid a:link, #footer_mid a:visited, #footer_mid a:active, #footer_mid a:hover { color: #FFFFFF; text-decoration:none; }
#footer_mid a:hover { text-decoration:underline; }
/* !@#   end footer styles */

/* !@# begin contact page styles */
ul.contab    { list-style: none; padding: 0 0 2px 0; width:100%; }
ul.contab li { list-style: none; padding: 0 20px;}
ul.contab li p { text-align: left;}
.errorbox { padding: 10px; margin: 10px; background: #FFFFCC; }
.error { font: bold normal 12px Verdana, Arial, Helvetica, sans-serif; color: #FF0000; }
.highlightbox { background: #E8EDF0;  text-align: center; font-weight: bold; padding-top: 10px; }
#frmContact { color: #606060; font: normal 12px  Verdana, Arial, Helvetica, sans-serif; }
#frmContact h3 { padding-top: 1.2em; padding-left: 20px; }
#frmContact label { float:left; width: 25%; margin-top:.7em; text-align: right; padding-right: 5px;}
#frmContact input, #frmContact select { margin: .5em 0; } 
#frmContact input, #frmContact select, #frmContact textarea { font:normal 13px Verdana, Arial, Helvetica, sans-serif; }
#frmContact input { margin: .6em 0; width: 65%; } 
#frmContact textarea { width: 70%; }
#frmContact #butSubmit, #frmContact #butReset { width: auto; padding: 2px;}
/* !@# end contact page styles */

/* !@# begin Media Planner Page Styles */
.mpbox { height: 200px; margin: 0 40px; padding: 5px; clear:both; }
.mpbox img { margin-right: 5px; border:#000000 1px solid}
.errorbox { padding: 10px; margin: 10px; background: #FFFFCC; }
.error { font: bold normal 12px Verdana, Arial, Helvetica, sans-serif; color: #FF0000; }
.star { color:#F00; }
#frmMediaPlanner { color: #606060; font: normal 12px Verdana, Arial, Helvetica, sans-serif; }
#frmMediaPlanner h3 { padding-top: 1.2em; padding-left: 1.5em; }
#frmMediaPlanner label { float:left; width: 25%; margin-top:.8em; text-align: right; padding-right: 5px;}
#frmMediaPlanner input { margin: .6em 0; width: 55%; } 
#frmMediaPlanner textarea { width: 55%; }
#frmMediaPlanner input, #frmContact select, #frmContact textarea { font:normal 13px Verdana, Arial, Helvetica, sans-serif; }
#frmMediaPlanner br { width:100%; height: 1px; clear:both; }
#frmMediaPlanner .star { font-weight:bold; }
#frmMediaPlanner label.double { margin: .2em 0; }
#frmMediaPlanner input.double, #frmMediaPlanner select.double { margin: .4em 0; }
#frmMediaPlanner #bSubmit, #frmMediaPlanner #bReset { width: auto; font: normal 12px Verdana, Arial, Helvetica, sans-serif; padding: 2px;}
#frmMediaPlanner .yselect { margin-left:25%; padding-left:5px; }
#frmMediaPlanner .yselect input { width:auto; }
#frmMediaPlanner .yselect label { display:block; margin-top:0; width:auto; }
/* !@#   end Media Planner Page Styles */

/* !@# begin left magazine cover module */
.moduletable-cover { width: 100%; border-bottom: 1px solid #d4e3ef; margin-bottom: 10px; }
.moduletable-cover th {
	background:url(images/bg-200x27_cover-head.gif) no-repeat left top;
	border-bottom: 1px solid #d4e3ef;
	font: bold 18px Arial, Helvetica, sans-serif;
	color:#999999;
	text-align:left;
	padding: 3px 0px 0px 31px;
	text-transform: uppercase;
}
.moduletable-cover td { 
	font:12px Arial, Helvetica, sans-serif;
	border-left: 1px solid #d4e3ef; 
	border-right: 1px solid #d4e3ef; 
	padding:5px;
}
.moduletable-cover .r p { color: #666666; }
.moduletable-cover table, .moduletable-cover table td { border:0; padding: 0; }
.moduletable-cover img cover{ border: 1px solid #000; }
/* !@#   end left magazine cover module */

/* !@#   begin left magazine feature module */
.moduletable-feature { width: 100%; border-bottom: 1px solid #d4e3ef; margin-bottom: 10px;}
.moduletable-feature th {
	background:url(images/bg-230x27_feature-head.gif) no-repeat left top;
	border-bottom: 1px solid #d4e3ef;
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#999999;
	text-align:left;
	padding: 3px 0px 0px 31px;
	text-transform: uppercase;
}
.moduletable-feature td { 
	font:12px Arial, Helvetica, sans-serif; 
	border-left: 1px solid #d4e3ef; 
	border-right: 1px solid #d4e3ef; 
	padding-top:10px; padding-bottom:10px;
	padding-left:5px; padding-right:5px;

}
.moduletable-feature .r p { color: #666666; }
.moduletable-feature table, .moduletable-feature table td { border:0; padding: 0; }
.moduletable-feature img { border: 1px solid #000;margin-top:5px; margin-bottom:5px; }
/* !@#   begin left magazine feature module */

/* !@# begin user module styles */
.moduletable-user { width: 100%; border-bottom: 1px solid #d4e3ef; }
.moduletable-user th {
	background:url(images/bg-350x100_user-mod-head.gif) no-repeat left top;
	border-bottom: 1px solid #d4e3ef;
	font: bold 18px Arial, Helvetica, sans-serif;
	color:#999999;
	text-align:left;
	padding: 3px 0px 0px 31px;
	text-transform: uppercase;
}
#content .moduletable-user { margin-top: 10px;}
#content-wide .moduletable-user th { background:url(images/bg-300x100_mod-head.gif) no-repeat left top; }
.moduletable-user td { border-left: 1px solid #d4e3ef; border-right: 1px solid #d4e3ef; padding-left:5px; padding-right:5px;padding-bottom:5px}
/* !@#   end user module styles */
.moduletable-space{padding-bottom:8px}