/*  
Theme Name: Plantersbank
Description: Plantersbank by <a href="http://www.sme.com.ph" title="SME.com.ph">SME.com.ph</a>.
Version: 1.0
Author: SME.com.ph
Author URI: http://www.sme.com.ph/
*/

/* Generic Styling */

* {
	margin:0;
	padding:0;
}
body {
	
 	background:#fff;
  	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	color:#555555;
	text-align:left;
	margin:10px 0;
}
h1,h2,h3,h4,h5,h6 
{
	font-family:Arial, Georgia, Verdana, Serif;
}


p {
	margin-bottom:1.0em;
	line-height:1.75em;
}
a:link,a:visited {
        color:#666666;
	text-decoration:none;
}
a:hover,a:active {
	color:#666666;
	text-decoration:underline;
}
.clear 
{
	clear:both;
}
blockquote 
{
	margin:1em;
	padding:1em;
	border-left:#6A95AD 2px solid;
	background:#f9f9f9;
}
ol, ul 
{
	margin:0;
	padding:0;
}
#content ul, #content ol 
{
	margin:0;
	padding:0;
}
#content ul {
        list-style-type:none;
}
#content ul li 
{
	background: url(images/bullet-ndx.gif) 0 0.5em no-repeat;
  padding:0 1em;
}

h1 {display:none; font-size: 230%; color:transparent; }
#headerimg {
	width:760px;
	height:68px;
}
/* Structure */

#wrapper {
	margin:0 auto;
	width:760px;
	padding:10px;
	background-color:#fff;
	border:1px solid #dedede;
}
#header-images {
	height:254px;
}
#header {
	height:68px;
	background:#eee url(images/header.jpg) no-repeat top left;
	/*margin-top:5px;*/
}
#main-content {
	float:right;
	width:550px;
	margin:0;
	min-height:400px;
	}
#main-content-default {
	float:right;
	width:506px;
	margin:0;
	min-height:400px;
	}
#main-content-default ul {
	list-style-image:url(images/bullet-ndx.gif);
        padding-left: 15px;
        color:#666666; 
        }	
#main-content-default ul a:hover{color:#666666;}	
#main-content-default ul a:visited{text-decoration:none;}

#content {
	float:right;
	width:575px;
	margin:0;
	min-height:400px;
	}

#sidebar {
	float:left;
	width:165px;
	background:#fff;
	margin:0;
	padding:0;
	}
#sidebar-default {
	float:left;
	width:248px;
	background:#fff;
	margin:0;
	padding:0;
}
	
#footer {
	clear:both;
	padding:10px 0;
	text-align:center;
	line-height:16px;
}

.more {
       font-size:10px;
       float:right;
       }

/* CSS Document */
/* Menu */

/* style the outer div to give it width */
.menu {font-weight:bold;font-size:1em;padding-bottom:0;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
  padding:0;
  margin:0;
  list-style-type:none; 
  height:2em; 
  background:#7ab347;
}

/* style the sub-level lists */
.menu ul ul {width:15em;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {
  float:left;
  height:2em;
  line-height:2em;
}

/* style the sub level list items */
.menu ul ul li {
  display:block; 
  width:12em; 
  height:auto;
  position:relative;
  line-height:1em;
}

/* style the links for the top level */
.menu a, .menu a:visited {
  display:block;
  float:left;
  height:100%;
  font-size:1em;
  text-decoration:none;
  color:#fff;
  background:#7ab347;
  padding:0 1.1em 0 1.1em;
}

/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {
  display:block;
  background:#eeefe1; 
  color:#7ab347;
  width:13em;
  height:100%;
  line-height:2em; 
  padding:0 1.1em;
}
.menu ul table ul a, .menu ul table ul a:visited  {text-decoration:none; width:14em; w\idth:13em;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; left:0; top:0; font-size:1em; z-index:-1;}
.menu ul ul table {lef\t:-1px;}
.menu ul ul table ul.left {margin-lef\t:2px;}

.menu li:hover {text-decoration:none;position:relative;}
* html .menu a:hover {text-decoration:none;position:relative;}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {text-decoration:none;color:#333;background:#cfd7b2;}

/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#cfd7b2;}
/* style the sub level 1 background */
.menu ul :hover a.sub1 {background:#cfd7b2;}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background:#ddd;}

/* style the level hovers */
/* first */
.menu a:hover {color:#333;background:#eeefe1;}
.menu :hover > a {color:#333;background:#eeefe1;}
/* second */
.menu ul ul a:hover{color:#333;background:#cfd7b2;}
.menu ul ul :hover > a {color:#333;background:#cfd7b2;}
/* third */
.menu ul ul ul a:hover {color:#fff;background:#7ab347;}
.menu ul ul ul :hover > a {color:#fff;background:#7ab347;}
/* fourth */
.menu ul ul ul ul a:hover {background:#eee;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
  visibility:hidden;
  position:absolute;
  height:0;
  top:2em;
  left:0;
  width:14em;
}

/* position the third level flyout menu */
.menu ul ul ul{left:15.1em;top:0;width:14em;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-14em;}


/* make the second level visible when hover on first level list OR link */
/*.menu ul li:hover ul, .menu ul a:hover ul {visibility:visible; height:auto; padding-bottom:3em; background:transparent url(images/trans.gif);}*/
.menu ul li:hover ul, .menu ul a:hover ul {visibility:visible; height:auto; padding-bottom:3em; background:transparent;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}

/* sme online link */
a.sme-online, a.sme-online:link, a.sme-online:visited, a.sme-online:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#FF0000;
  font-weight:bold;
}

/* Entries */

.entry {
	padding:10px;
	line-height:1.75em;
}

.entry-default {
	padding:10px 0;
	line-height:1.75em;
}
.entry-content 
{
	clear:both;
	font-size:1.1em;
}
h2,h3 {
	font-size:1.40em;
	font-weight:normal;
	margin:0.5em 0 0 0;
	padding:0.5em 0 0 0;
}
h2.pagetitle 
{
	font-size:1.5em;
	color:#9a954d;
	margin:10px 0 0 10px;
}
.entry-title 
{
	font-size:1.8em;
}

.entry-title-search 
{
	font-size:1.2em;
        line-height:1.2em;
}
.date 
{
	float:right;
	padding:0 5px;
	margin:0 0 0 5px;
	font-weight:bold;
	font-size:0.9em;
	font-variant:small-caps;
}
.info {
	font-size:0.9em;
	color:#999;
	padding:3px;
	border-bottom:#e8f7f9 1px dashed;
	}
.comments {
	color:#bbb;
	border-bottom:#e8f7f9 1px dashed;
	font-size:0.9em;
	clear:both;
	text-align:right;
	}
.comments a {
	color:#6CC7DC;
	background:url(images/icon-comments.gif) no-repeat 0 2px;
	padding-left:15px;
	padding-right:2px;
	}
.comments a:hover {
	color:#9a954d;
	}


/* Sidebar */
#sidebar p, #sidebar-default p 
{
	margin:10px;
	padding:0;
}
#sidebar ul, #sidebar-default ul {
	list-style-type:none;
	margin:10px 0 0 0;
	padding:0;
	}
#sidebar ul ul {
	margin:10px 0 10px 10px;
	padding:0;
	}
#sidebar ul ul ul {
	margin:3px 0 3px 10px;
	padding:0;
	}
#sidebar form , #sidebar table, #sidebar-default form , #sidebar-default table  
{
	margin:10px 0;
	padding:0 10px;
}
#sidebar h2, #sidebar-default h2 
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	color:#07519a;
	margin:0;
	padding:3px 10px;
	background-color:#f5f5eb;
	border:1px solid #bbdd77;
}
#sidebar li, #sidebar-default li 
{
	margin:0;
	padding:0;
}

/* rates */
#sidebar-default .rates ul {
	border:1px solid #ccee99;
	margin:0;	
}

#sidebar-default .rates ul {
	border-top:0;

}

#sidebar-default .rates ul.pds-bottom {
	border-bottom:0;
}

#sidebar-default .rates ul li {
	padding:4.5px 0;
}

.rates li {
	color:#01559a;
}

#sidebar-default .rates ul.pds {
  padding:0;
  margin:0;
  list-style-type:none; 
  height:2.1em; 
}


/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#sidebar-default .rates ul.pds li {
  float:left;
}

.pds-clear {
	clear:left;
}

#sidebar-default .rates ul.pds li {
	width:3.5em;
	padding:5px 0 0 10px;
	text-align:right;
}

#sidebar-default .rates .pds-title {
	color:#666;
}

#sidebar-default .rates ul.pds li.pds-title {
	text-align:left;
	width:5.4em;
}

#sidebar-default .rates ul.pds-other-data li {
	text-align:center;
}

#sidebar-default h2.sme-online-button {
	background: url(images/sme_online_btn.jpg) top left no-repeat;
	width:248px;
	height:86px;
	margin:4px 0 12px 0;
	padding:0;
	border:0;
}

* html #sidebar-default h2.sme-online-button {
	margin:-4px 0 14px 0;
}

#sidebar-default h2.sme-online-button {
	cursor:pointer;
}

#sidebar-default h2.sme-online-button span {
	position:absolute;
	left:-999px;
}

#sidebar-default h2.news {
	cursor:pointer;
        border: 1px solid #c3e296;

}

#sidebar-default .news-side {
	border: 1px solid #c3e296; 
	border-top:0; 
} 

#sidebar-default .news-side ul {
	margin:0;
	padding-left:25px;
	list-style-image:url(images/bullet-news.gif);     
} 

#sidebar-default .news-side li {
	margin:0;
	padding:0 0 5px;
	height:100%;                 
}

.lastest-news-pic {
	float:left;
	border:1px solid #C3E296;
	margin-right:10px;
}


.latest-news {
	padding:1em 1em 0.5em 1em;
}

.latest-news a, .latest-news a:link, .latest-news a:visited {
	color:#01559A;
	font-weight:bold;
}

.latest-news a:hover {
	text-decoration:underline;
}

#sidebar-default .links-side {
	border: 1px solid #c3e296; 
	border-top:0; 
	padding:1em 1em 0.5em 1em;
} 

#sidebar-default .links-side ul {
	margin:0;
	padding-left:25px;
	list-style-image:url(images/bullet-news.gif);     
} 

#sidebar-default .links-side li {
	margin:0;
	padding:0 0 5px;
	height:100%;                    
}

.links-side a, .links-side a:link, .links-side a:visited {
	color:#01559A;
}

.links-side a:hover {
	text-decoration:underline;
}


.links-pic {
	float:left;
	border:1px solid #C3E296;
	margin-right:25px;
}


#sidebar-default .news-side ul a {color:#01559a;}


/* Heading's */

#header h1 {
	font-size:2.5em;
	font-weight:normal;
	letter-spacing:1px;
	padding:0.5em;
	padding-bottom:0;
	font-variant:small-caps;
}
#header h1 a 
{
	color:#f0f0a0;
}
#header h2 {
	font-size:1.1em;
	font-weight:normal;
	letter-spacing:1px;
	padding:0 0.5em;
	color:#f0f0a0;
}

/************************************************
*	Comments									*
************************************************/
	
#content .commentlist 
{
	margin:0;
	padding:0;
	border-top:#ccc 1px solid;
}
#content .commentlist li 
{
	list-style:none;
	margin: 0;
	padding:1em;	
	border-bottom: #ccc 1px solid;	
}
.commentlist li.alt 
{
    background:#e8f7f9;    
}

.commentlist li cite 
{
	font-style:normal;
	font-weight:bold;
	font-size:1.1em;
}
.commentlist li .cmtinfo em 
{
	float:right;
	margin:0;
	padding:0;
	font-style:normal;
	font-size:0.9em;
	color:#999;
}
#content .nocomments 
{
	text-align:center;
	color:#999;
	font-size:0.9em;
}
#wrapper .trackback
{
	background:url(images/link.gif) no-repeat left center;
	padding:0 20px;
}
#wrapper .feed 
{
	background:url(images/icon_feed.gif) no-repeat left center;
	padding-left:17px;
}
input.textbox
{
	border:#ccc 1px solid;
	background:#f9f9f9;
	font:1em Verdana, Arial, Serif;
	padding:2px;
	width:110px;
}
textarea{
	width: 90%;
	padding:5px;
	height: 20em;
	border: 1px solid #ccc;	
	background:#f9f9f9;
	font:1em Verdana, Arial, Serif;
}
input.textbox:focus, textarea:focus
{
	background:#fff;
	border:#999 1px solid;
}

#sidebar-default input.textbox
{
	width:150px;
}

#btnSearch { font-size:12px; font-weight:bold; }

#header, #content, #sidebar, #footer, .widget 
{
	overflow:hidden;
}

/* Main Index Template */
div.mit-left {
  float:left;
}

div.mit-right {
  float:right;
}

div.mit-left, div.mit-right {
  width:48%;
  border-top: 1px solid #999999;
  margin-top: 1em;
  padding-bottom: 1em;
}

div.mit-clear { clear:both; }

h2.mit-title {
  margin:0;
  padding-top:0.5em;
  font-size:1.3em;
  line-height:1.3em;
  font-weight:bold;
}

div.deposit {
	margin-top:12px;
	border:1px solid #BBDD77;
	padding:6px;
	background-color:#FFFFFF;  
        float:left;
}

div.dep-content {
	background-color:#EAF4FA;
	padding:6px 0 1px 8px;  
        float:left;     
}

.dep-content h2 {
	margin:0;
	padding:0 0 0.5em 0;
}

.dep-content p img {
	float:right;
	padding-left:10px;
        margin-top:-3px;     
}

.dep-content p img.left {
	float:left;
	padding-right:10px;
        margin-top:20px; margin-left:-8px;
}

.dep-content p {
	line-height:1.5em;     
}

p a.dep-more { font-size: 0.85em; }
.more-content { text-align: right; }
h2.products 
{
        padding:0.20em 0;
        margin:0;
	font-size:1.8em;
        font-family:Verdana, Sans-serif; 
	color:#07519a;
}	

div.sme-ad {
	margin-top:12px;
	border:1px solid #BBDD77;
	padding:6px;
	background-color:#FFFFFF;      
}

div.sme-ad-content {
	background-color:#FFFFFF;
	padding:6px 6px 0 0;       
}

.sme-ad-content h2 {
	margin:0;
	padding:0 0 0.5em 0;
}

.sme-ad-content p img {
	float:left;
	padding-right:15px;
        margin-top:-35px;           
}

.sme-ad-content p {
	line-height:1.5em;     
}

/* product page */
.product-outline {
  border-top: 1px dotted #BBDD77;
  border-bottom: 1px dotted #BBDD77;
}

 .product-outline-next {
  border-bottom: 1px dotted #BBDD77;
}

* html .product-outline { height:1%; }

.product-left {
  float:left;
  width:265px;
  padding-right:15px;
  border-right: 1px dotted #BBDD77;
}

.product-right {
  float:right;
  width:260px;
}

.product-outline .product-left, .product-outline .product-right, .product-outline-next .product-left, .product-outline-next .product-right {
  padding-top:1em;
} 

.product-clear { clear:both; }

.product-types {
  margin:0;
  padding:0;
  font-size:1.1em;
  font-weight:bold;
  color:#336633;
}

.product-name {
  font-weight:bold;
  color:#336633;
}

.corp-milestone {
	
  	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#555555;
	text-align:left;
	margin:10px 0;
}

.corp-milestone ul li 
{
	background: url(images/bullet-ndx.gif) 0 0.5em no-repeat;
  padding:0 1em;
	line-height:1.75em;
}

.caption 
{
	
  	font-size:11.25px;
  	font-style:italic;
	font-family: Arial, Helvetica, sans-serif;
	color:#555555;
	text-align:center;
	line-height:1.25em;
	margin:10px 0;
}

.entry-content .p-img {
float:left;
margin:0 1em 0.5em 0;
}

.entry-content a {
color:#336633;
}

.entry-content a:hover {
text-decoration:underline;
}
a img{
border:none;
}

.smecom-mag {
text-align:left;
width:193px;
float:left;
padding-right:30px;
padding-left:30px;
margin-bottom:30px;
}
.smecom-mag p {
margin:0;
padding:3px 3px 3px 0px;
text-align:left;
height: 58px;
}

p.linklove { display:none; }

.careers h2 {font-size:1.2em; margin-bottom:0.8em; font-weight:700; color:#336633; }
#content .careers ul { margin-bottom:1.5em; }

.imgl { float:left; margin-right:1em; }
.imgr { float:right; margin-left:1em; }

table.t_def { border-collapse:separate;border-spacing:0; }
table.t_def th, table.t_def td {text-align:left;font-weight:normal;}
table.t_def, table.t_def th, table.t_def td { vertical-align:top; }
table.t_def {margin-bottom:1.4em;width:100%;}
table.t_def th {font-weight:bold;}
table.t_def th, table.t_def td {padding:10px 10px 10px 0;}
table.t_def tr.even td {background:#e5ecf9;}
table.t_def { border-top:1px dotted #BBDD77;}
table.t_def th, table.t_def td { border-right:1px dotted #BBDD77; border-bottom:1px dotted #BBDD77;}
table.t_def th.last, table.t_def td.last { border-right:none; padding-left:10px; }

#smecomph_magazine ul { margin:0; padding:0; list-style-type:none; }
#smecomph_magazine ul li { margin:0; padding:0; background:none; }
#smecomph_magazine ul.mag_list { margin:0 0 18px 0; }
#smecomph_magazine ul.mag_list li { float:left; width:193px; margin-right:70px; }

p img.alignleft { float:left; margin-right:18px; margin-bottom:12px; }
p img.alignright { float:right; margin-left:18px; margin-bottom:12px; }

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
.clear{
clear:both;
}

.vehicles tr td{
padding:5px;
border:1px solid #ddd;
}