/**
 * FILE:         SMC.css
 * AUTHOR:       Eugene Au <eau(AT)kenilworth(DOT)com>
 *               Jingy Gu <jgu(AT)kenilworth(DOT)com>
 * SITE:         www.kenilworth.com
 * DESCRIPTION:  CSS for www.signmedia.ca
 */

@charset "utf-8";
/* !@# +General tags */
* { margin:0; padding:0 }
html {background-color:#5c6b75;font-family:Arial, Helvetica, sans-serif;font-size:12px; font-weight:normal;color: #333333;overflow-y: scroll;}
.wrap, body { height: 100% ;width: 965px; margin: 0 auto; text-align: center;}
a, a:link, a:visited, a:active, a:hover { text-decoration: none;  }
h2 {color: #003366; text-align:left; font: bold 20px Arial, Helvetica, sans-serif; padding-bottom:15px; }
h4{font:Arial, Helvetica, sans-serif 14px bold;}
h5 {color:#999999;text-align:right;font-family:Arial, Helvetica, sans-serif;font-size:10px;font-weight:lighter;padding:0;}
.courtesy{text-align:right;font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif;color:#000;font-style:italic;}
ul{ list-style:none}
img { border:0; margin-right:2px }
/* !@# +div styles */
#container {
	text-align: left;
	float: left;
	width: 790px;
	margin: 0 auto;
	padding-top: 0;
	border: 0;
	background: #FFF;
	min-height: 1000px;
	height: 100%; !important;
	padding-bottom:50px;
}
#header { }
#sub_header {background: url(../images/img790x91_sub-header.jpg) no-repeat; height: 91px;}
#topnav {min-height:25px; text-align:left;vertical-align: middle;background:url(../images/nav_bg.gif) repeat-x left;padding-top:2px;}
#topnav table {text-align:center; margin: 0 auto; }
#topnav a, #topnav a:visited, #topnav a:active {
	color: #333333;
	text-decoration:none;
	vertical-align:middle;
	padding-left:2px;
	padding-right:2px;
	font: bold 11px "Lucida Grande", Arial, Verdana,sans-serif;
}
#topnav a:hover{color:#999999; text-decoration:none; font-weight:bold;}
#content {background: #FFFFFF }
#rightcol {float:right;width:310px;padding-right:15px;padding-top:8px;text-align: left;vertical-align:top;}
#rightcol p {padding: 5px 0;}

/* !@# left column styles */
#leftcol {float:left; width:410px; padding-left:15px; margin-top:10px}
#leftcol p{padding-top:3px; padding-bottom:3px;}
/*!@# begin styles for infomation box*/
#info_box{width: 316px; height: auto; border: 1px solid #c5cfd6;}
#info_box .moduletable th { padding-left: 5px; padding-top: 0px; padding-bottom: 0px; text-align: left; font-style: italic;  }
#info_box_heading
{
   background:url(../images/calender_bg.gif) bottom repeat-x;   
   height:36px;   
   text-align:left;
   vertical-align:middle;
   padding-left:10px;
   padding-top:10px;
}
#info_box_heading strong{
   font-family:Arial, Helvetica, sans-serif;
   font-weight:bold;
   font-size:16px;
   color: #999999;
   vertical-align:middle;
   margin-bottom:0px;
}
#info_box_heading img{padding-bottom:2px; vertical-align:middle;}
#info_box_con{margin-left:1px;margin-right:1px; padding-left:10px; padding-right:10px;background:url(../images/story_bg.gif) bottom repeat-x;}
#info_box h3{font-family:Arial, Helvetica, sans-serif;font-size:16px;font-weight:bold;color:#367daf; }
#info_box h4{color:#367daf;}
#info_box p{padding-bottom:0; padding-top:0; margin-bottom:0; margin-top:0;}
/*!@# end styles for infomation box*/

/*!@# begin styles for current issue image in the front page*/
#issue_box img{padding-left:5px;padding-top:0px;}
/*!@# end styles for infomation box*/

/*!@# begin styles for calendar*/
#calendar{width:100%; border: 1px solid #CCC; padding-bottom:5px;}
#calendar_heading
{
   background:url(../images/calender_bg.gif) bottom repeat-x;   
   height:36px;   
   text-align:left;
   vertical-align:middle;
   padding-left:10px;
   padding-top:10px;
}
#calendar_heading strong.head {
   font-family:Arial, Helvetica, sans-serif;
   font-weight:bold;
   font-size:16px;
   color:#889aa6;
	vertical-align:middle;
	margin-bottom:0px;
}
#calendar_heading img{padding-bottom:2px; vertical-align:middle;}
#calendar strong{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#889aa6;}
#calendar p{
    font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; 
	 color: #333333;
	 padding-top:1px;
	 padding-left:0;
	 margin-top:1px;
	 margin-left:0;}
#calendar a, a:link, a:visited, a:active, a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:11px;}
/*!@# end styles for calendar*/

/*Styles for the pathway*/
#rhb1a { 
	float: left; 
	width: 643px; 
	min-height: 10px; 
	text-align: left;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#367daf;
	padding-top: 7px;
	padding-bottom:2px;
	padding-left:19px;
}
#rhb1a a:link { color:#367daf; }
#rhb1a a:visited { color:#367daf;}
#rhb1a a:active { color:#367daf; }
#rhb1a a:hover { color:#367daf; }

/*!@#start to delete the unused class style, by Jingyi, March 14, 2008*/
/* !@# +class styles */
/*.h2adv {padding-bottom: 4px;}*/
/*!@#end of deleting the unused class style, by Jingyi, March 14, 2008*/

/*The style for engine image of the sm buyer's guide*/	 
.engine{width:308px;height:279px;background:url(../images/engine-bg.jpg) center no-repeat;padding-top:15px;padding-left:8px;text-align:center;}
.engine img{text-align:center; margin-top:160px; vertical-align: bottom;}
/*the advertisement image*/	 
.rec_ad{text-align: left;padding-right:10px;padding-left:10px;padding-top:10px;padding-bottom:10px;font-family:Arial, Helvetica, sans-serif;color:#666666;}
.left {float: left}
.right{float:right}
.clear{clear: both}
.clear_left{clear:right}
.txtcenter{text-align:center}
.txtleft  {text-align:left  }
.txtright {text-align:right }
.imgleft{float:left; margin-bottom:5px; margin-top:5px;padding-right:5px; width:200px;}
.imgright{float:right; margin-bottom:60px; padding-left:5px; width:150px;}
.caption{ font-weight:bold; text-align:justify; font-size:12px; font-style:italic}
ul.contab    { list-style: none; padding-bottom:10px; padding:0;}
ul.contab li { list-style: none; padding-top:20px;}
ul.contab li h3 { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#808080;}
ul.contab li h4 { color:#003366;}
ul.contab li img{ padding-right:5px}
ul.caltab { list-style:none; padding-top:10px; padding-left:1px; padding-right:1px; padding-bottom:5px; }
ul.caltab li{ list-style:none; padding-top:5px; padding-bottom:35px; width:188px;float:left; padding-left:5px;}
ul.caltab li p { text-align:left; }

/* !@# SMC archives styles */
#leftcol div.smcovers { margin-left: 3px; clear: both;}
#leftcol div.smcovers div { float:left; width:125px; margin: 0 3px; text-align: center; padding:0; }
#leftcol div.smcovers div p { padding:3px 0px; margin-bottom: 5px;}
#leftcol div.smcovers div img { border:0}
#leftcol div.smcovers a,
#leftcol div.smcovers a:link,
#leftcol div.smcovers a:visited,
#leftcol div.smcovers a:active,
#leftcol div.smcovers a:hover { text-decoration:none; color:#333 }
/* !@# end SMC archives styles */

/****************************************************************************************************/
/* Joomla Template Specific Classes                                                                 */
/****************************************************************************************************/
.contentdescription{width:600px;}
/****************************************************************************************************/
/* Module Styles                                                                                    */
/****************************************************************************************************/
/* News Flash */
a.readon { float: right; color: #0000FF; text-decoration: none;	}
a.readon:hover { color: #000000; text-decoration: underline; }
a.readon:visited { color: #0000FF; text-decoration: none; }
a.readon:visited:hover { color: #000000; text-decoration: underline; }
.readon {height:20px; padding-bottom:0px;}
#leftcol img.left{padding-right:5px; padding-top:5px;} 
#leftcol div.left img{padding-right:5px; padding-top:5px;} 
table.moduletable { margin-bottom: 0px; padding: 0px;}
.componentheading {margin-left: 5px;margin-top: 5px;color: #003366;text-align:left;font: bold 20px Arial, Helvetica, sans-serif;padding-bottom:5px;}
.contentheading {color: #003366; text-align:left; font: bold 20px Arial, Helvetica, sans-serif; padding-bottom:0;}
/*.contentheading a, a:link, a:visited, a:active, a:hover {*/
.contentpagetitle{margin:0; padding:0}
.contentpagetitle a, a:link, a:visited, a:active, a:hover{color:#367daf;text-align:left;font: bold 12px Arial, Helvetica, sans-serif;}
/* Article title styles */
.sectiontableentry1, .sectiontableentry2 { font-weight: bold; padding:0; background-color: #EFEFEF;}
a.titlestyle:link { font-size: 12px; font-weight: bold; color: #000000; text-decoration: none; }
a.titlestyle:visited { font-size: 12px; font-weight: bold; color: #000000; text-decoration: none; }
a.titlestyle:active { font-size: 12px; font-weight: bold; color: #000000; text-decoration: none; }
a.titlestyle:hover { font-size: 12px; font-weight: bold; color: #000000; text-decoration: underline; }

/* Category List Styles */
ul.catlist {font-size: x-small; list-style: none; padding-bottom: 15px;}
ul.catlist li { padding-bottom: 4px }
ul.catlist li a.category { font-size: 14px; }
.createdate { font-style: italic; }
/*Contact form style*/
#frmContact { color: #000; font: normal 10px  Verdana, Arial, Helvetica, sans-serif; padding-left:5px;}
#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: 0 0px; width:50%}
ul.formtab li h3{ color:#367daf; font-size:14px;}
ul.formtab li p { text-align: left;}
.errorbox { padding: 10px; margin: 10px; background: #FFFFCC; }
.error { font: bold normal 12px Verdana, Arial, Helvetica, sans-serif; color: #FF0000; }

/* !@# 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;}
/****************************************************************************/
.shtest {height: 0px; filter: Shadow(Color=#000000,Direction=155,Strength=3); }


/* !@# begin banner styles */
.banhide{ display:none; }
.banshow{ display:block; }
.leaderboard { padding: 2px; background:#5c6b75; height:94px; padding-bottom:10px }
.leaderboard iframe { margin: 10px auto; height: 90px; }
.skyscraper { width: 160px; padding-top: 310px; float: right; }
.bigbox iframe { margin: 0 auto; height: 250px; }
/* !@#   end banner styles */