/* ************************************************************************* */
/* This CSS file contains individual content styles in each individual pages */
/* ************************************************************************* */

/* HOME PAGE */
#indexcontainer { width: 940px; padding: 5px 0 0 0; font-size: 11px; overflow: hidden; margin-bottom: -15px; }
.index-3col { width: 307px; float: left; padding: 2px 2px 2px 4px; height: 100%; }
.index-bodymain { background: url(../images/index-body.png) no-repeat bottom left; overflow:hidden; padding-bottom: 5px; }
.index-body { background: url(../images/index-body-y.png) repeat-y top left; padding-left: 20px; }
.index-inner { background-color: #f6f5f5; margin: 3px; margin-right: 10px; padding: 8px 5px; border: solid 1px #f3f3f3; border: solid 1px red; }
.index-inner-cc { background: url(../images/index-body-cc.png) no-repeat bottom right; margin: 3px; margin-right: 10px; padding: 8px 5px; border: solid 1px #f3f3f3; }
.index-inner-dd { background: url(../images/index-body-dd.png) no-repeat bottom right; margin: 3px; margin-right: 10px; padding: 8px 5px; border: solid 1px #f3f3f3; }
.index-inner-green { background: url(../images/index-body-green.png) no-repeat bottom right; margin: 3px; margin-right: 10px; padding: 8px 5px; border: solid 1px #f3f3f3; }
.index-divlearn { padding-left: 20px; min-height: 46px; vertical-align: top; }

.ccmain { width: 670px; margin-top: 10px; overflow: hidden; }
.ccmain a { text-decoration: none; }
.ccmainw2p { background: url(../images/cc_main_w2p.jpg) no-repeat top left; width: 223px; float: left; display:inline-block; text-align: center; padding-top: 150px; }
.ccmainw2p:hover { background: url(../images/cc_main_w2p-hover.jpg) no-repeat top left; }
.ccmainp2p { background: url(../images/cc_main_p2p.jpg) no-repeat top left; width: 223px; float: left; display:inline-block; text-align: center; padding-top: 150px; }
.ccmainp2p:hover { background: url(../images/cc_main_p2p-hover.jpg) no-repeat top left; }
.ccmainvt2p { background: url(../images/cc_main_vt2p.jpg) no-repeat top left; width: 223px; float: left; display:inline-block; text-align: center; padding-top: 150px; }
.ccmainvt2p:hover { background: url(../images/cc_main_vt2p-hover.jpg) no-repeat top left; }
.ccmainr2p { background: url(../images/cc_main_r2p.jpg) no-repeat top left; width: 223px; float: left; display:inline-block; text-align: center; padding-top: 150px; }
.ccmainr2p:hover { background: url(../images/cc_main_r2p-hover.jpg) no-repeat top left; }
.ccmainb2p { background: url(../images/cc_main_b2p.jpg) no-repeat top left; width: 223px; float: left; display:inline-block; text-align: center; padding-top: 150px; }
.ccmainb2p:hover { background: url(../images/cc_main_b2p-hover.jpg) no-repeat top left; }
.ccmaintb { background: url(../images/cc_main_tb.jpg) no-repeat top left; width: 223px; float: left; display:inline-block; text-align: center; padding-top: 150px; }
.ccmaintb:hover { background: url(../images/cc_main_tb-hover.jpg) no-repeat top left; }
.ccmainhosted { background: url(../images/cc_main_hosted.jpg) no-repeat top left; width: 223px; float: left; display:inline-block; text-align: center; padding-top: 150px; }
.ccmainhosted:hover { background: url(../images/cc_main_hosted-hover.jpg) no-repeat top left; }
.ccmainws { background: url(../images/cc_main_ws.jpg) no-repeat top left; width: 223px; float: left; display:inline-block; text-align: center; padding-top: 150px; }
.ccmainws:hover { background: url(../images/cc_main_ws-hover.jpg) no-repeat top left; }
.ccmainw2plite { background: url(../images/cc_main_w2pl.jpg) no-repeat top left; width: 223px; float: left; display:inline-block; text-align: center; padding-top: 150px; }
.ccmainw2plite:hover { background: url(../images/cc_main_w2pl-hover.jpg) no-repeat top left; }



.ccmainbtn { width: 222px; float: left; display:inline-block; text-align: justify; }
.ccmaininner { width: 200px; margin-left: 10px; text-align: justify; color: #333333; }

.ddmain { width: 670px; margin-top: 10px; overflow: hidden; }
.ddmain a { text-decoration: none; }
.ddmaindd { background: url(../images/dd_main_dd.jpg) no-repeat top left; width: 223px; float: left; display:inline-block; text-align: center; padding-top: 150px; }
.ddmaindd:hover { background: url(../images/dd_main_dd-hover.jpg) no-repeat top left; }
.ddmainpddp { background: url(../images/dd_main_pddp.jpg) no-repeat top left; width: 223px; float: left; display:inline-block; text-align: center; padding-top: 150px; }
.ddmainpddp:hover { background: url(../images/dd_main_pddp-hover.jpg) no-repeat top left; }
.ddmainpddw { background: url(../images/dd_main_pddw.jpg) no-repeat top left; width: 223px; float: left; display:inline-block; text-align: center; padding-top: 150px; }
.ddmainpddw:hover { background: url(../images/dd_main_pddw-hover.jpg) no-repeat top left; }

.ddmainbtn { width: 222px; float: left; display:inline-block; text-align: justify; }
.ddmaininner { width: 200px; margin-left: 10px; text-align: justify; color: #333333; }


.greenmain { width: 670px; margin-top: 10px; overflow: hidden; }
.greenmain a { text-decoration: none; }
.greenmain a span { color: #427b96; font-size: 14px; }
.greenmain a:hover span { font-weight: bold; }
.greenphone { background: url(../images/green_phone.jpg) no-repeat top left; width: 223px; float: left; display:inline-block; text-align: center; padding-top: 5px; }
.greenphone:hover { background: url(../images/green_phone-hover.jpg) no-repeat top left; }
.greenonline { background: url(../images/green_online.jpg) no-repeat top left; width: 223px; float: left; display:inline-block; text-align: center; padding-top: 5px; }
.greenonline:hover { background: url(../images/green_online-hover.jpg) no-repeat top left; }
.greeninst { background: url(../images/green_inst.jpg) no-repeat top left; width: 223px; float: left; display:inline-block; text-align: center; padding-top: 5px; }
.greeninst:hover { background: url(../images/green_inst-hover.jpg) no-repeat top left; }


.greenmainbtn { width: 222px; float: left; display:inline-block; text-align: justify; }
.greenmaininner { width: 200px; margin-left: 10px; text-align: justify; color: #333333; padding-top: 125px; }


/* FOR SERVICES PAGES */
#pagecontainer { margin-top: 10px; }

.benefitscontainer { background-color: #f4f4f4; width: 680px; padding: 10px 0 10px 0; overflow: hidden; }
.benefits-3col { width: 218.5px; float: left; padding: 2px 2px 2px 4px; margin-bottom: 5px; height: 100% }
.benefits-2col { width: 331.5px; float: left; padding: 3px; margin-bottom: 5px; }
.benefits-1col { width: 668px; float: left; padding: 3px; margin-bottom: 5px; }
.benefits-br { clear: both; height: 5px; }
.benefits-title { padding: 2px 5px 5px 5px; background: url(../images/ben-title-bg.gif) repeat-x top left; height: 15px; color: #ffffff; font-weight: bold; }
.benefits-title-green { padding: 2px 5px 5px 5px; background: url(../images/ben-title-bg-green.gif) repeat-x top left; height: 15px; color: #ffffff; font-weight: bold; }
.benefits-title a { text-decoration: none; color: #ffffff; }
.benefits-title a:hover { text-decoration: underline; color: #ffffff; }
.benefits-body { padding: 0 20px 10px 5px; overflow: hidden; }
.benefits-body-green { background: url(../images/ben-div-bg-green.png) no-repeat bottom right; padding: 0 20px 20px 5px; overflow: hidden; }

.screencontainer { text-align: center; margin-top: 10px; }

.linkcontainer { padding-left: 10px; }
.linkcontainer a { background: url(../images/rel-links-bg.gif) no-repeat top left; text-decoration: none; padding: 12px 30px 14px 35px; width: 155px; float: left; color: #ffffff; font-weight: bold; font-size: 12px; }
.linkcontainer a:hover { background: url(../images/rel-links-bg-hover.gif) no-repeat top left; text-decoration: none; padding: 12px 30px 14px 35px; width: 155px; float: left; color: #ffffff; font-weight: bold; font-size: 12px; }

.leftmenumain { overflow: hidden; }
.leftmenutitle { font-size:16px; font-weight: bold; color: #427b96; padding-left: 3px; margin-bottom: 5px; }
.leftmenumorechannel { border-bottom: 1px dotted #aebfcd; overflow: hidden; padding-bottom: 20px; }
.leftmenuapply { border-bottom: 1px dotted #aebfcd; overflow: hidden; padding-bottom: 15px; padding-top: 10px; }
.leftmenuenquiry { border-bottom: 1px dotted #aebfcd; overflow: hidden; padding-bottom: 15px; padding-top: 10px; }
.leftmenucontact { padding-top: 10px; }
.leftmenugeneraldiv { font-size: 11px; margin-bottom: 10px; padding-left: 5px; }
.leftmenugeneraldivbold { font-size: 11px; font-weight: bold; margin-bottom: 10px; padding-left: 5px; }


/* BREADCRUMBS */
.bcmain { font-size:16px; color:#990000; padding-left: 5px; }
.bcupperlvl {  }
.bcupperlvl a { font-size:14px; line-height:1.17em; color:#E4D0AD; text-decoration: underline; padding-right: 5px; }
.bcupperlvl a:hover { font-size:14px; line-height:1.17em; color:#990000; text-decoration: none; }

/* REQUEST FORM SAMPLES */
.frmcontainer { width: 600px; overflow: hidden; padding: 0 10px 0 30px; }
.frmfieldname { background: url(../images/ben-title-bg30.gif) repeat-x top left; width: 140px; min-height: 24px; padding: 6px 0 0 10px;font-size: 11px; color: #ffffff; float: left; display: inline; margin-bottom: 2px; }
.frmfieldname30 { background: url(../images/ben-title-bg30.gif) repeat-x top left; width: 30px; min-height: 24px; padding: 6px 0 0 10px;font-size: 11px; color: #ffffff; float: left; display: inline; margin-bottom: 2px; }
.frmfieldvalue405 { background: url(../images/ben-title-bg30-gray.gif) repeat-x top left; width: 405px; min-height: 22px; border: solid 1px #999999; padding: 6px 0 0 10px; font-size: 11px; float: left; display: inline; margin-bottom: 2px; border-left: none; }
.frmfieldvalue150 { background: url(../images/ben-title-bg30-gray.gif) repeat-x top left; width: 150px; min-height: 22px; border: solid 1px #999999; padding: 6px 0 0 10px; font-size: 11px; float: left; display: inline; margin-bottom: 2px; border-left: none; }
.frmfieldvalue130 { background: url(../images/ben-title-bg30-gray.gif) repeat-x top left; width: 130px; min-height: 22px; border: solid 1px #999999; padding: 6px 0 0 10px; font-size: 11px; float: left; display: inline; margin-bottom: 2px; border-left: none; }
.frmfieldvalue30-515 { background: url(../images/ben-title-bg30-gray.gif) repeat-x top left; width: 515px; min-height: 22px; border: solid 1px #999999; padding: 6px 0 0 10px; font-size: 11px; float: left; display: inline; margin-bottom: 2px; border-left: none; }


.frmfieldvalue405 a { text-decoration: underline; font-size: 11px; }
.frmfieldvalue405 a:hover { text-decoration: none; font-size: 11px; }
.frmfieldvalue30-515 a { text-decoration: underline; font-size: 11px; }
.frmfieldvalue30-515 a:hover { text-decoration: none; font-size: 11px; }


/* ABOUT US PAGE */
.abtdivimg { float: left; width: 150px; text-align: center; }
.abtdivcontent { float: left; width: 450px; }