/*Custom to INK*/


/*footer*/
#footer_left {
  background:url(http://www.ink.com.ph/newink/images/footer-left.jpg) no-repeat; 
  width:27px;
  height:60px;
}

#footer_mid{ 
  background:url(http://www.ink.com.ph/newink/images/footer-mid.jpg) repeat-x; 
  height:60px; 

}

#footer_right{ background:url(http://www.ink.com.ph/newink/images/footer-right.jpg) no-repeat;
  width:27px;
  height:60px;
 
}
#footer{
	background:url(http://www.ink.com.ph/newink/images/footer-mid.jpg) repeat-x;
	height:60px;
	width:960px;
	margin:auto;
	text-align:center;
	border-right:1px solid #2BD7ED;
	border-left:1px solid #2BD7ED;
	border-bottom:1px solid #2BD7ED;
}

/*********** #sectionlinks background ***********/

#link_top{ 
  background:url(http://www.ink.com.ph/newink/images/sidebar1_top.jpg) no-repeat; 
  width:275px; 
  height:60px; 
}

#link_bg{ background:url(http://www.ink.com.ph/newink/images/sidebar1_bg.jpg) repeat-y;
 width:275px;
}

#link_bottom{ background:url(http://www.ink.com.ph/newink/images/sidebar1_bottom.jpg) no-repeat;
 width:275px;
 height:27px;


}


#sectionLinks ul a:link, #sectionLinks ul a:visited {display: block;}
#link_bg .quicklink {list-style: none; margin: 0;font-size:12px; text-decoration:none; line-height:1.166;}

.quicklink a{ text-decoration:none;
              font-weight:normal;
}


/*********** #sectionLinks styles ***********/

#sectionLinks{ 
   
	position: relative;
	margin: 0px;
	padding: 0px;
	font-size: 75%;
	text-align:left;
	

}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
	text-align:center;
}

#sectionLinks a:link{
	padding: 2px 0px 2px 0px;
	width: 100%;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: auto;
	
}

#sectionLinks a:visited{
	padding: 2px 0px 2px 0px;
}

#sectionLinks a:hover{
	padding: 2px 0px 2px 0px;
	text-decoration:underline;
}


/*********** .relatedLinks styles ***********/

.relatedLinks{
	margin: 0px;
	padding: 0px;
	font-size: 90%;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}



/***********************************************/
/* menu                                      */
/***********************************************/ 

#menu_left {
  background:url(http://www.ink.com.ph/newink/images/header_left.jpg) no-repeat; 
  width:36px;
  height:112px;
}

#menu_bg{ 
  background:url(http://www.ink.com.ph/newink/images/header_bg.jpg) repeat-x; 
  height:112px; 

}

#menu_right{ background:url(http://www.ink.com.ph/newink/images/header_right.jpg) no-repeat;
  width:34px;
  height:112px;
 
}

#flash_back { 
  background: url(http://www.ink.com.ph/newink/images/flash_back.jpg) repeat-x;
  height:432px;
}

#content_top{ background:url(http://www.ink.com.ph/newink/images/content_top.jpg) repeat-x;
 height:22px;


}





/***********************************************/
/* menu buttons revised                                    */
/***********************************************/ 

a.home_deals {

display: block;
width: 82px;
height: 76px;
background: transparent url(http://www.ink.com.ph/newink/images/home_deals_btn.png) no-repeat;
margin-bottom:7px;
}

a.home_deals:hover {
background-position:  -82px 0;
} 


a.corporate_deals {

display: block;
width: 109px;
height: 76px;
background: transparent url(http://www.ink.com.ph/newink/images/corporate_btn.png) no-repeat;
margin-bottom:7px;

}

a.corporate_deals:hover {
background-position:  -109px 0;
} 


a.technical_support {

display: block;
width: 120px;
height: 76px;
background: transparent url(http://www.ink.com.ph/newink/images/technical_support_btn.png) no-repeat;
margin-bottom:7px;
}

a.technical_support:hover {
background-position:  -120px 0;
} 










/***********************************************/
/* menu buttons                                     */
/***********************************************/ 


a.home {

display: block;
width: 82px;
height: 76px;
background: transparent url(http://www.ink.com.ph/newink/images/home_btn.png) no-repeat;
margin-bottom:7px;
}

a.home:hover {
background-position:  -82px 0;
} 

a.about {

display: block;
width: 89px;
height: 76px;
background: transparent url(http://www.ink.com.ph/newink/images/about_btn.png) no-repeat;
margin-bottom:7px;
}

a.about:hover {
background-position:  -89px 0;
} 

a.products {

display: block;
width: 109px;
height: 76px;
background: transparent url(http://www.ink.com.ph/newink/images/products3_btn.png) no-repeat;
margin-bottom:7px;
}

a.products:hover {
background-position:  -109px 0;
} 

a.franchise {

display: block;
width: 120px;
height: 76px;
background: transparent url(http://www.ink.com.ph/newink/images/franchise_btn.png) no-repeat;
margin-bottom:7px;
}

a.franchise:hover {
background-position:  -120px 0;
} 

a.contact {

display: block;
width: 96px;
height: 76px;
background: transparent url(http://www.ink.com.ph/newink/images/contact_btn.png) no-repeat;
margin-bottom:7px;
}

a.contact:hover {
background-position:  -96px 0;
}
/* HEADER & CONTENT */	
a.header  { 
	color:#ffffff;
	text-decoration : none;
	font-size : 1.7em;
	font-weight: bold; 
}

div.header { 
	padding: 15px 20px;
	background: #4584C1; color:#ffffff; text-align: left;
	border-bottom: 2px solid #366CA1;
	margin-bottom: 0px;
}

div.content {
	margin:auto;
	padding:0px;
	width:960px;
	  border: 1px solid #2BD7ED;
}

/* LOGIN */	
div.login { 
	font-size : 0.9em; 
	font-weight: normal; 
	text-align: right; 
	padding-right: 0px;  
	color: #FFFFFF;
	float: right;
}

a.login {  color: #FFFFFF; }


/* OTHER */
.menuBlock {
	padding: 4px;
	margin-bottom: 10px;
	border: 1px solid #DADADA;
	text-align: center;
	font-size : 0.9em;
	font-weight: bold;
	background: #ECECEC;
	text-align: left;
	margin-left:10px;
margin-right:10px;
}

.menuItem, .menuItemSelected {
	/*padding: 4px 30px;*/
	margin-right: 8px;
	border: 1px solid #DADADA;
	text-align: center;
	background: #F4F4F4;
	
}

.menuItem a {
	color: #000033;
	text-decoration: none;
}

.menuItemSelected {
	background: #4584C1;
	border: 1px solid #DDDDDD;
}

.menuItemSelected a {
	color: #FFFFFF;
	text-decoration: none;		
}


.menuItemExtra {
	/*padding: 4px 10px;*/
	margin-left: 8px;
	border: 1px solid #DADADA;
	/*text-align: center;*/
	background: #F4F4F4;
}

.menuItemExtra a {
	color: #000033;
	text-decoration: none;		
}

.menuItemSpace {
	padding: 4px 30px;
	/*cursor: pointer;
		width: 100%;*/
}

/*
a.topMenu {
	color: #000033;
	text-decoration: none;	
}
*/

.searchForm {
	font-size : 0.9em;
	font-weight: bold;
	padding: 5px 10px;
	margin-bottom: 5px;
	background: #ececec;
	border: 1px solid #DADADA;
}

.menuItem3 {
	background: #ececec;
	font-size : 0.9em;
	font-weight: bold;
	padding: 5px 10px;
	border-bottom: 1px solid #DADADA;
}

.menuItem3 a {
	color: #000033;
	text-decoration: none;	
}

.menuBlockHeader {
	background: #F4F4F4;
	border: 1px solid #DADADA;
}

.tdArticleTitle    { 
	background-color : #FFFFFF;  
	border-bottom: 2px solid #D4D4D4; 
}

div.bottom {
	margin-top: 5px;
	padding: 8px 5px;
	border-top: 1px solid #DADADA;
}

div.navigation {
	padding: 6px;
	background: #F4F4F4;
	border-bottom: 1px solid #DADADA;
	margin-bottom: 10px;
	margin-right:10px;
	margin-left:10px;
}

.searchFormBlock {
	font-size : 0.9em;
	font-weight: bold;
}

.contentBlock {
	border: 1px solid #DADADA;
}

.leftBlock {
	padding: 5px 10px;
	margin-bottom: 5px;
	background: #ececec;
	border: 1px solid #DADADA;
	margin-left:10px;

}

/* LEFT MENU */
/* for menu nodes and overflow, it can control left width 
image width set to 220 */
.oTreeNode  { width: 204px; }
.oTreeNode2 { width: 200px; }

.categoryBlock {
	padding: 5px 6px;
	background: #F4F4F4;
}



/* Dropdown js menu */

#right_drop_menu {
	margin: 0;
	padding: 0;
    visibility: hidden;
	float: right;
	position: absolute;
	right: 0px;
	top: 17px;
	text-align: left;
	margin-top: 5px;
}

#right_drop_menu td {
	background-color: white;
	border-top: 1px solid #dadada;
	white-space:nowrap;
	padding: 5px 10px;
}

#right_drop_menu td a {
    background: #ffffff;
    color: #24313C;
    font-weight: normal;
    height: 14px;
    width: 100%;
    display: block;
    text-decoration: none;
}

#right_drop_menu table {
	border-right: 1px solid #dadada;
	border-left: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
}

#manage_menu {
	padding: 4px 36px;
	background: #F4F4F4;
	position: relative;
	font-weight: bold;
}

#manage_menu a {
	text-decoration: none;
	color: black;
}