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

/* !@# +General tags */
* { margin:0; padding:0; }
html { background: #0d6188; font:normal 12px Arial, Helvetica, sans-serif; color:#424242; 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:#0d6188; text-decoration: none;  }
img {border:0}
	

/* !@# +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 }
.txtsmall{ font-size:24px}

.cover { border:solid 1px #000;}
.star { color:#F00 }
.about {padding:20px; padding-top:0; border:none}
.blutxt { font:bold 15px Arial, Helvetica, sans-serif; color: #3b7f83; text-transform: uppercase;  padding-bottom:10px}
.blutxtsm { font:bold 15px Arial, Helvetica, sans-serif; color: #0d6088; }
.blutxtsm strong{color: #1d6391 }
.subheader{color: #3b7f83; padding-bottom:5px; padding-top:0px; font:bold 17px Arial, Helvetica, sans-serif; color: #3b7f83;}
.adtxt { font:Arial, Helvetica, sans-serif 5px; text-align:right; color:#CCCCCC; width:100%; }
.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:12px; color: #FF0000; 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;}
.caltitle{ color:#FFFFFF; background:#3b7f83;font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; padding:5px}
.author{font-size: 8pt; font-style: italic}
.storyimg { border: 1px solid #000; }
.readon { float: right; }
.conread{background:url(images/bg-8x8_blue-square.gif) no-repeat 180px 8px; font-weight:bold; text-transform:uppercase;
   font:Arial, Helvetica, sans-serif; 
   color:#0d6088; 
	text-align:right}
.caption {font: bold 10px Verdana, Arial, Helvetica, sans-serif;}
.credit {font: normal 10px Verdana, Arial, Helvetica, sans-serif;font-style:italic;text-align:left; }
.seprator{height:10px;}
.listitem strong{font:bold 15px Arial, Helvetica, sans-serif; color: #0d6088; }
.banhide { display: none; }
.banshow { display:block; }


/* !@# begin story helper styles */
.imgleft { font: bold 10px Verdana, Arial, Helvetica, sans-serif; padding: 8px 8px 2px 0; float: left; }
.coverleft { font: bold 10px Verdana, Arial, Helvetica, sans-serif; padding: 0 8px 2px 0; float: left; }
.imgleft img { border: 1px solid #000; }
#leftcol .imgleft { margin-bottom: 5px; width:200px; }
.imgcenter { width:100%; text-align:center; padding:0; margin:0}
.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-right:10px}
.covercell ul{ padding:0}
.covercell li{width:44%; float:left; text-decoration:none; list-style:none; padding-right:5px; padding-left:5px; text-align:left}
.covercell .right{ width:50%}
.greybox{ background:#f8f8f8; border:#CCCCCC 1px solid; min-height:110px;margin:10px}
.greybox img{margin:10px; border:1px solid #000000; margin-bottom:20px}
h5{ 
   background:url(images/bg-8x8_blue-square.gif) no-repeat 200px 3px;
   padding-left:215px;
	margin-bottom:5px; 
	margin-left:12px;
	margin-top:8px;
	font-size:12px;
   font:bold Arial, Helvetica, sans-serif;
   color:#0d6088; 
	text-align:left}
table {border-spacing:0;}
#content-wide #leftcol p {padding-bottom: 5px; padding-top:5px} /* controls the padding on story paragraphs */
#content-wide #rightcol p {padding-bottom: 2px; padding-top:2px} /* controls the padding on story paragraphs */

/* !@#   end story helper styles */

/* !@# +Page Div Styles */
#page-shadow {width:836px;float: left; }
#container {
	background:#0d6188 no-repeat left top;
	width:836px;
	float: left;
}

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

/* !@# begin main content div styles */
#content, #content-wide { margin-top: -45px; z-index:5; background:url(images/bg-836x5_page-shadow.gif) repeat-y left top; width:836px; padding-top:10px;}
/* !@#   end main content div styles */

/* !@# begin left column styles */
#content #leftcol { float:left; width:400px; margin-left:23px; text-align:left; }
#content-wide #leftcol { float:left; width:435px; margin-left:38px; text-align:left; }

/* !@#   end left column styles */

/* !@# begin right column styles */
#content #rightcol { float:left; width:380px; margin-left:0px; text-align:left; font-size: 12px;}
#content-wide #rightcol { float:left; width:330px; margin-left:0px; text-align:left; font-size: 12px;	}
#rightcol p { padding: 10px 0; font-family:Arial, Helvetica, sans-serif; font-size:12px}	
/* !@#   end right column styles */

/* !@# begin left column titles */
#leftcol .contentheading {
	font: bold 18px Verdana, Arial, Helvetica, sans-serif;
	color: #ab9c81;
	text-align:left;
	padding-top:5px; padding-bottom:10px;
}
#leftcol .componentheading {
	font: bold 24px Verdana, Arial, Helvetica, sans-serif;
	color: #ab9c81;
	text-align:left;
	padding-top:5px; padding-bottom:10px;
}
/* !@#   end left column titles */

/*!@# begin round corner box styles*/
#round_box { background:#FFFFFF repeat-y center top;  margin: 0 auto; padding:5px; padding-bottom:10;}
#round_box .l {background: url(images/bg_round-m.gif) 0 0 repeat-y; }
#round_box .r {background: url(images/bg_round-mr.gif) 100% 0 repeat-y; }
#round_box .bl {background: url(images/bg_round-bl.gif) 0 100% no-repeat; }
#round_box .br {background: url(images/bg_round-br.gif) 100% 100% no-repeat; }
#round_box .tl {background: url(images/bg_round-tl.gif) 0 0 no-repeat;}
#round_box .tr {background: url(images/bg_round-tr.gif) 100% 0 no-repeat; padding:10px; }
#leftcol #round_box .tr {min-height:1135px}


/*!@# end round corner box styles*/
/* !@# PSM archives styles */
#leftcol div.psmcovers { margin-left: 0px; clear: both;}
#leftcol div.psmcovers div { float:left; width:125px; margin: 0 2px; text-align: center; padding:0; }
#leftcol div.psmcovers div p { padding:3px 0px; margin-bottom: 5px;}
#leftcol div.psmcovers div img { border:0}
#leftcol div.psmcovers a,
#leftcol div.psmcovers a:link,
#leftcol div.psmcovers a:visited,
#leftcol div.psmcovers a:active,
#leftcol div.psmcovers a:hover { text-decoration:none; color:#333 }
/* !@# end PSM archives styles */
/* !@# begin banner styles */
.skyscraper { padding-top:310px; float: right; text-align:center; }
.leaderboard { text-align:center; padding-bottom:10px; padding-top:10px; height: 90px;}
.leaderboard iframe { margin: 0px 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 */


/* !@# begin footer styles */
#footer{background:url(images/bg-836x5_page-shadow.gif) repeat-y left top; width:836px; z-index:8; margin-top:-2px }
#footer div{margin-left:28px}
#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:25px; }
#footer_mid {font:0.8em Verdana, Arial, Helvetica, sans-serif; padding:0 15px; padding-right:40px; 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 tab styles */
ul.contab    { list-style: none; width:100%; padding:0}
ul.contab li { list-style: none; padding-bottom:10px; margin-right:15px; padding-left:0px; }
ul.contab li img{ padding-right:0px; padding-top:10px; padding-left:0}
ul.contab li p { text-align: left; }
/* !@# begin contact page styles */
#frmContact { color: #000; font: normal 10px  Verdana, Arial, Helvetica, sans-serif; padding-left:8px;}
#frmContact label { float:left; width: 100px; margin-top:.7em; text-align: left;}
#frmContact input, #frmContact select { margin: .2em 0; } 
#frmContact input, #frmContact select, #frmContact textarea { font:normal 12px Verdana, Arial, Helvetica, sans-serif; }
#frmContact h3{color:#367daf; }
h3.formtab { padding: 0 0px;color:#367daf; font-size:14px; }
ul.formtab    { list-style: none; float:left; padding: 0 0 20px 0; width:100%;}
ul.formtab li { list-style: none; float:left; padding-right:10px; width:46%}
ul.formtab li h3{ color:#367daf; font-size:14px; font-family:Geneva, Arial, Helvetica, sans-serif}
ul.formtab li p { text-align: left; font-family:Geneva, Arial, Helvetica, sans-serif}
.errorbox { padding: 10px; margin: 10px; background: #FFFFCC; }
.error { font: bold normal 12px Verdana, Arial, Helvetica, sans-serif; color: #FF0000; }
/* !@#   end contact page styles */

/* !@# begin cover tab styles */
ul.covtab    { list-style: none; width:100%; padding:0}
ul.covtab li { list-style: none; float:left; padding-bottom:10px; margin-right:15px; padding-left:0px; width:46%; text-align:center}
ul.covtab li img{ padding-right:0px; padding-top:10px; padding-left:0}
ul.covtab li p { text-align: left; }

/* !@# begin contact page styles */
.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; position:relative}
#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 mediaplanner 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 mediaplanner page styles */

/*!@# begin industry stats page styles */
#fIndustryStats { margin-top:10px; }
#fIndustryStats fieldset { margin-bottom:10px; border:0; }
#fIndustryStats legend { width: 100%;  }
#fIndustryStats legend .wwrap { display: block; white-space: normal; width: 100%; padding:5px 5px 6px; font:bold 13px Arial, Helvetica, sans-serif; color:#0d6088; }
#fIndustryStats label { float:left; width: 28%; margin-top:.35em; text-align: right; padding-right: 5px; position:relative}
#fIndustryStats .reports input { margin:.2em 10px .2em 20px; width:inherit; vertical-align:top; }
#fIndustryStats input { margin: .2em 0; width: 65%; }
#fIndustryStats select { margin: .2em 0; }
#fIndustryStats textarea { width: 65%; }
#fIndustryStats input { font:normal 13px Verdana, Arial, Helvetica, sans-serif; }
#fIndustryStats br { width:100%; height: 1px; clear:both; }
#fIndustryStats #bSubmit, #fIndustryStats #bReset { width: auto; font: normal 12px Verdana, Arial, Helvetica, sans-serif; padding: 2px;}
/*!@# end industry stats page styles */

/* !@# begin left magazine cover module */
.moduletable-cover { width: 100%;  margin-bottom: 10px; }
.moduletable-cover th {
	font: bold 30px Verdana, Arial, Helvetica, sans-serif;
	color: #ab9c81;
	text-align:left;
	padding: 0px 0px 0px 12px;
	text-transform: lowercase;
}
.moduletable-cover td { 
	font:12px Arial, Helvetica, sans-serif;
	padding:5px;
}
.moduletable-cover p { color: #666666; }
.moduletable-cover table, .moduletable-cover table td { border:0; padding: 0; }
.moduletable-cover .cover { border: 1px solid #000; margin-right:10px; padding-bottom:0; margin-bottom:0;}
.moduletable-cover h4{ 
   background:url(images/bg-8x8_red.gif) no-repeat 330px 3px;
   padding-left:15px;
	margin-bottom:5px; 
	margin-top:8px;
   font:bold Arial, Helvetica, sans-serif; 
   color:#999999; 
   text-transform:uppercase;}

/* !@#   end left magazine cover module */

/* !@#   begin left magazine feature module */
.moduletable-feature {width: 100%;  margin-bottom: 10px;}
.moduletable-feature th {
	background:url(images/bg-230x27_feature-head.gif) no-repeat left top; 
	height:50px;
	font:15px Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000;
	text-align:right;
	text-transform: uppercase;
}
.moduletable-feature td { 
	font:12px Arial, Helvetica, sans-serif; 
	padding-top:10px; padding-bottom:10px;
	padding-left:5px; padding-right:5px;

}
.moduletable-feature .r p { color: #666666; }
.moduletable-feature h4{ 
   background:url(images/bg-8x8_red.gif) no-repeat 0px 3px;
   padding-left:15px;
	margin-bottom:5px; 
	margin-top:8px;
   font:bold Arial, Helvetica, sans-serif; 
   color:#999999; 
   text-transform:uppercase;}
.moduletable-feature p strong { font:bold 15px Arial, Helvetica, sans-serif; color: #3b7f83; text-transform: uppercase; }
.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 issue module styles */
.moduletable-issue { width: 100%;}
#rightcol .moduletable-issue h3 {
	font: bold 30px Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	padding: 0px 0px 0px 8px;
	text-transform: lowercase;
	background:url(images/bg_current-issue.gif) no-repeat 0px 0px; color:#FFFFFF; height:50px
}
/* !@# begin user module styles */
.moduletable-user { width: 100%;}
#rightcol .moduletable-user h3 {
	font: bold 30px Verdana, Arial, Helvetica, sans-serif;
	color: #ab9c81;
	text-align:left;
	padding: 0px 0px 0px 8px;
	text-transform: lowercase;
}
.moduletable-user .issue{background:url(images/bg_current-issue.gif) no-repeat 0px 0px; color:#FFFFFF; height:50px }
.moduletable-user h4{ 
   background:url(images/bg-8x8_blue-square.gif) no-repeat 0px 3px;
   padding-left:13px;
	margin-bottom:5px; 
	margin-left:12px;
	margin-top:8px;
   font:bold Arial, Helvetica, sans-serif; 
   color:#0d6088; 
   text-transform:uppercase;
	text-align:left}
.moduletable-user a {color:#0d6088; text-decoration:underline}
/* !@#   end user module styles */
/* !@# begin online module styles */
.moduletable-online{width: 320px; margin: 5px; border: 1px solid #CCC; border-spacing:0;}
.moduletable-online th {
	font: bold 17px Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	padding-left:40px;
	padding-top:5px;
	background:url(images/bg-psm-online-mod-head.gif) no-repeat 0px 0px; color:#a99778; height:50px
}

.moduletable-online p {font-family:Arial, Helvetica, sans-serif;font-size:14px;text-align: left;}
.moduletable-online a {color: #3b7f83;}
.moduletable-online table.contentpaneopen td {padding-left:10px; padding-right:10px}
.moduletable-online .readon img {margin-bottom: 5px;border: 0;}
.moduletable-online table.contentpaneopen {background: #fff url(images/bg_psm-online-story.gif) repeat-x bottom; width: 100%; }
.moduletable-online table .contentheading {background: #fff;margin: 0;padding: 0;width: 100%;font:bold 15px Arial, Helvetica, sans-serif; color: #3b7f83;}
.moduletable-online .article_seperator {font-size: 1px;height: -10px; margin-top:-5px}
/* !@# end online module styles */
/* !@# begin calendar module styles */
.moduletable-cal { width: 100%;}
.moduletable-cal th {
	font: bold 30px Verdana, Arial, Helvetica, sans-serif;
	color: #ab9c81;
	text-align:left;
	text-transform: lowercase;
}
/* !@#   end calendar module styles */
.moduletable-space{padding-bottom:8px}