@import url('menu-dropdown.css');
@import url("front.css");
/* CSS RESET V.1 by Meyer http://meyerweb.com/eric/tools/css/reset/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	outline: 0;	
	/*border: 0;padding: 0;vertical-align: top;list-style-position:inside;*/
	
}

body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	/* border-spacing: 0; */
}


/* General */
html {overflow-x: hidden;}
body { background:url(../images/bg/bodybg.png) repeat-y scroll center top #878787; color:#323232;  font-family:Arial, Helvetica, sans-serif;  font-size:12px;  }
.floatleft {float:left; display:inline;}
.floatright {float:right; display:inline;}
.clear {clear:both;}
/*#bigcontainer {width:1024px; margin:0 auto; padding:0; background:url(../images/telkom/images/bg/bg_middle.jpg) repeat-y; }*/
#bigcontainer {width:1000px; margin:0 auto; padding:0; min-height: 600px; }

/* header */
/*#header {background: url(../images/telkom/images/bg/headerbg.png) no-repeat; background-position:top center; height:130px; width:956px; margin:0 auto;}*/
.wrapheader {padding:5px 20px 0; font-size:11px; }
.wrapheader a {color:#323232; text-decoration:none;}
.wrapheader a:hover {color:#000; border-bottom:1px dotted #000;}
div.rssfeed {background:url(../images/icon_rssfeed.png) no-repeat; background-position:0 0; padding:0px 0 4px 20px; color:#ff9400; margin-left:8px;}
div.rssfeed a {color:#ff9400; border:none;}
div.rssfeed a:hover {color:#ff9400; border:none;}
.headerkiri {}
.headerkiri div {display:inline;}
.midheader {padding:10px 20px 0;}
.midheaderkiri {padding-top:30px;}
.logotsel {}
.headerkanan {display: table-cell; text-align: center; vertical-align: middle;}
.headerkanan  * {
    vertical-align: middle;}
.floatright a:hover { text-decoration:none; }

/* footer 
#footer {height:30px; width:960px; margin:0 auto; padding:10px 25px; font-size:11px; color:#323232;}*/
.footerleft {float:left;}
.footerleft p {margin:3px 0;}
.footerleft a {color:#323232; text-decoration:none;}
.footerleft a:hover {color:#000000; text-decoration:none;}
.footerright {float:right;}

/* search */
.searchbox {background:url(../images/telkom/images/search_input.gif) no-repeat; padding:0; margin:0;}
input.inputsearch {border:none; margin:0; padding:2px 0 10px 5px; background:none; vertical-align:top; width: 150px; } /*width:160px;*/

/* navigation */
.topmenu {padding-top:12px;}
ul#navigation {list-type:none; margin:0 auto;padding-right:10px;padding-left:20px;}
ul#navigation li {display:inline; float:left; padding:5px 10px; font-size:13px; text-transform:uppercase; font-weight:bold; }
ul#navigation li a { text-decoration:none;}
ul#navigation li a:hover, ul#navigation li a.selected { text-decoration:none;}

/* banner slider */
.bannersliderwrap {background:url(../images/telkom/images/bg/border_slider.gif) no-repeat; width:947px; height:253px; margin:10px auto; position:relative; padding-top:3px; padding-left:3px;}
.bannersliderwrap img span {z-index:1000}
.bannersliderwrap .buttonslider {position:absolute; right:9px; bottom:15px; z-index:0; background-color:#FFFFFF;width:72px; height:17px; text-align:right; padding:5px 5px 0 0; }

/* new tab */
.contentpage_menunew {background:#cccccc url(../images/bg/menutabbg.gif); width:710px; height:39px; margin-top:5px;}
.contentpage_menunew ul {list-style:none; margin:0 auto; padding-top:3px; overflow:hidden;}
.contentpage_menunew ul.idTabs li div p a{text-decoration:none;}
.contentpage_menunew ul li {width:130px;background:url(../images/bg/batas.gif) no-repeat; background-position:center right;  float:left; display: inline; font-size:11px; text-shadow:0 1px 2px #ffffff;text-align:center;vertical-align: middle; font-weight:700; height:34px;padding-left:5px;padding-right:5px;;/* margin:0px 0 0; padding-top:0px;padding:7px 8px 0;*/}
.contentpage_menunew ul li.last {background:none;}
.contentpage_menunew ul li div {width: 130px; height: 34px; display: table; } 
.contentpage_menunew ul li div p{ display: table-cell; vertical-align: middle; text-align: center; }
.contentpage_menunew ul li div p a {color:#323232; text-decoration:none;}
.contentpage_menunew ul li div p a:hover,.contentpage_menu ul li a.selected {color:#e5333e; text-decoration:none;}

.minibannerwrap {width:950px; margin:0 auto 10px;}
.minivideo {float:left; background:url(../images/telkom/images/bg/border_video.gif) no-repeat; width:225px; height:120px; display:inline; margin-right:11px;}
.videopreview {width:190px; height:90px; margin:0 auto; padding:6px;margin-left:13px;}
.videotitle {float:left; color:#000000; display:inline; padding-left:5px;font-size:12px;margin-left:11px;}
.videotitle a {color:#000000; text-decoration:none;}
.videotitle a:hover {color:#000000; text-decoration:underline;}
.videomore {float:right; display:inline; color:#dc1923; padding-right:5px;font-size:12px;margin-right:14px;}
.videomore a {color:#dc1923; text-decoration:none;}
.videomore a:hover {color:#dc1923; text-decoration:underline;}
.minibanners {background:url(../images/telkom/images/bg/border_smallbanner.gif) no-repeat; width:714px; height:120px; float:left; display:inline;}

/* news, event, banner - index component */
.indexcomponent {width:955px; margin:0 auto 10px;}
.boxcomponentnews {background:url(../images/telkom/images/bg/bg_componentnews.png) no-repeat; width:350px; height:167px; float:left; display:inline; margin-right:10px; position:relative;}
.boxcomponentevent {background:url(../images/telkom/images/bg/bg_componentevent.gif) no-repeat; width:330px; height:167px; float:left; display:inline; margin-right:11px; position:relative;}
.boxcomponentnews h3, .boxcomponentevent h3 {display:block; font-size:18px; font-family:Arial, Helvetica, sans-serif; background:url(../images/telkom/images/bg/bg_componenttitle.gif) repeat-x; height:25px; margin:8px 1px 0; padding:3px 0 0 10px;}
.boxcomponentnews ul, .boxcomponentevent ul {list-style:none; margin:0 10px 3px; padding:0; height:105px;}
.boxcomponentnews ul li, .boxcomponentevent ul li {background:url(../images/telkom/images/bullet_red.gif) no-repeat; background-position:0 7px; padding:5px 0 5px 15px; font-size:11px;}
.boxcomponentnews ul li a, .boxcomponentevent ul li a {color:#4d4d4d; text-decoration:none; font-size: 12px;}
.boxcomponentnews ul li a:hover, .boxcomponentevent ul li a:hover {color:#000;}
.componentmore {font-size:11px;border-top:1px dashed #4d4d4d;padding:0 5px 0 5px;text-align:right;margin:0 5px 0 5px; }
.componentmore a {color:#e82c36; text-decoration:none;}
.componentmore a:hover {color:#e82c36; text-decoration:underline;}

.componentads {background:url(../images/telkom/images/bg/border_componentads.gif) no-repeat; width:246px; height:162px; float:left; display:inline; padding:3px 2px 2px 3px;}
.componentads img {text-align:center;}

/* crumbs */
ul#crumbs {list-style:none; margin:0; padding:10px; padding-bottom: 0; height:16px;}
ul#crumbs li {float:left; display:inline;font-size:11px;color:#fff;}
ul#crumbs li a { color:#FFFFFF; text-decoration:none; padding:0 15px 0 5px; height:16px;text-transform:capitalize; font-size: 11px;}
ul#crumbs li a.abuabu { background:url(../images/telkom/images/bc_abuabu.gif) no-repeat right center; background-color:#7b7b7b;}
ul#crumbs li a.abured {background:url(../images/telkom/images/bc_abured.gif) no-repeat right center; background-color:#7b7b7b;}
ul#crumbs li a.redempty {background:url(../images/telkom/images/bc_redempty.gif) no-repeat right center; background-color:#fa1926;}
ul#crumbs li a:hover {color:#e8e8e8}

/* content */
#bodycontent {width:950px; margin:10px auto;}
.contentkiri {float:left; display:inline; margin-right:10px; width:190px; padding-left:5px; font-size: 14px;}
.contentkanan {float:left; display:inline; width:750px;}
h4.sidebartitle {background:url(../images/telkom/images/bg/sidebar_titlebg.gif) no-repeat; width:182px; height:23px; font-size:16px; color:#FFFFFF; text-transform:uppercase; padding:7px 0 0 8px;}
.qrcode {width:130px; margin:20px auto 10px; text-align:center;} 
.qrcode p {color:#e32c36; font-weight:bold; margin-bottom:5px;}
.qrcode img {border:1px solid #c6c6c6; padding:2px;}
.contentbg {background:url(../images/telkom/images/bg/content_bg2.gif) repeat-y; width:710px; padding:10px 20px;}
.content_img {margin:10px auto;}

.content_cat {border:1px solid #d3d3d3; padding:15px 15px; margin:10px 0 0; overflow:hidden;}
.content_cat h4 {color:#e32c36; font-size:24px; font-family: Arial, Helvetica, sans-serif; margin:0 0 10px;}
.content_cat img {float:left; margin:0 8px 8px 0;}
.content_cat p {line-height:16px; margin-bottom:5px;}
.content_cat p.moreinfo {text-align:right;}
.content_cat p.moreinfo a {color:#e32c36; text-decoration:none;}
.content_cat p.moreinfo a:hover {color:#e32c36; text-decoration:underline;}


/* sidebar menu */
ul.treeview {margin:0;padding:0; list-style:none;}
ul.treeview li {padding:8px 8px 0 13px; color:#2d2d2d; background: #fff url(../images/telkom/images/arrow_red.gif) no-repeat;background-position:0 12px}
ul.treeview li a {color:#2d2d2d; text-decoration:none;}
ul.treeview li a:hover, ul.treeview li a.selected {color:#e32c36; font-weight:bold; text-decoration:none;}
	.treeview ul{ /*CSS for Simple Tree Menu*/
		margin: 0;
		padding: 0;
	}
	.treeview li ul li { /*Style for LI elements in general (excludes an LI that contains sub lists)*/
		background: #fff url(../images/telkom/images/arrow_red.gif) no-repeat;
		background-position:0 10px;
		list-style-type: none;
		padding-left: 10px;
		padding-top:8px;
		/*border-bottom:1px dashed #e32c36;*/
	}
	.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
		background: #fff url(../images/telkom/images/arrow_red.gif) no-repeat;
		background-position:0 12px;
		cursor: hand !important;
		cursor: pointer !important;
	}


.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
display: none; /*Hide them by default. Don't delete. */
}

.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
cursor: default;
}
/* --------------------------------------
						device bundling
----------------------------------------*/
/* search product */
.searchproductbox {margin:10px 0;}
.searchprodbg {width:710px; background:url(../images/bg/bgrounded710_mid.gif) repeat-y;}
.searchprodbg form {padding:0 10px;}
.caridevice {overflow:hidden;}
form label.namasearch {font-size:18px; float:left; display:inline; padding:2px 5px 0 0;}
input.searchdevice {width:300px; background-color:#f8f8f8; border:1px solid #a5a5a5; padding:3px 5px; vertical-align:top}
input.searchdevicebutton {vertical-align:top}
.caridevice .advancesearchlink {vertical-align:middle;}
.caridevice .advancesearchlink a {padding-top:3px; display:inline-block; color:#4d4d4d; text-decoration:none;}
.caridevice .advancesearchlink a:hover {color:#000; text-decoration:underline;}

.toggle_container {
	margin: 10px 0 0 5px;
	padding: 5px 0 0;
	border-top: 1px dotted #565555;
	overflow: hidden;
	font-size: 1.2em;
	width: 680px;
	clear: both;
}
.toggle_container .block {
	padding: 5px; /*--Padding of Container--*/
}
.advancecols {float:left; display:inline;width:200px; margin-left:10px}
.selectdevice {width:150px; margin:5px 0;}
.deviceresult h4 {font-size:18px; margin:25px 0 10px; padding:0 0 5px; display:block; border-bottom:1px dotted #8f8f8f;}
.devicewrap {width:230px; height:150px; float:left; display:inline; margin:0 5px 10px 0;}
.deviceimg {width:70px; text-align:left;}
.deviceshortdesc strong {color:#f82c37; font-size:14px;}
.deviceshortdesc span {color:#f32c37}
.deviceshortdesc {float:left;display:inline; width:160px;}
.deviceshortdesc ul {list-style:none; margin:0 0 5px; padding:0;}
.deviceshortdesc ul li {background:url(images/bullet_red.gif) no-repeat; background-position:0 7px; padding:5px 0 3px 10px; font-size:12px;}
.deviceshortdesc ul li a {color:#4d4d4d; text-decoration:none;}
.deviceshortdesc ul li a:hover {color:#000;}

/* compare device */
.comparedevice {width:710px; margin:10px auto;}
.comparedevice h3 {font-size:18px; color:#262626; display:block; border-bottom:1px dotted #565555; padding-bottom:5px;}
.productcompare {width:180px; text-align:center; padding-bottom:5px;}
.colpromo {background-color:#c8c8c8; padding:7px 5px; vertical-align:top;}
.colodd {background-color:#f1f1f1; padding:7px 5px; vertical-align:top;}
.coleven {background-color:#fff; padding:7px 5px;}
.colmore {padding:5px}
.colmore a {color:#e32c36; text-decoration:none;}
.colmore a:hover {color:#e32c36; text-decoration:underline;}

/*device detail */
.devicedetail {width:710px; margin:10px auto;}
.devicedetail h3 {font-size:18px; color:#262626; display:block; border-bottom:1px dotted #565555; padding-bottom:5px;}
.deviceimgpreview {width:200px; margin:10px 0; margin-right:10px;}
.deviceimgpreview ul {list-style:none; margin:10px 0; padding:0;}
.deviceimgpreview ul li {display:inline;}
.devicedetailtxt {width:500px; margin:10px 0}
.device_submenu {background:url(../images/gadget/devicedetail_submenubg.jpg) no-repeat; width:480px; height:40px;}
.device_submenu ul {list-style:none; margin:0; padding:14px 0 0 2px;}
.device_submenu ul li {display:inline; float:left; font-size:12px; font-weight:bold; color:#262626; padding:0 8px;}
.device_submenu ul li a {color:#262626; text-decoration:none;}
.device_submenu ul li a:hover, .device_submenu ul li a.selected {color:#e32c36; text-decoration:none;}

/* pagination */
#pagination {margin-bottom:10px; text-align:center; padding:10px 0;}
#pagination a {border:1px solid #dddddd; padding:2px 3px; color:#bbbbbb; text-decoration:none; margin:0 1px;}
#pagination a.active {border:1px solid #b6b6b6; color:#b6b6b6; text-decoration:none; font-weight:bold;}
#pagination a:hover {border:1px solid #bbb; color:#fff; text-decoration:none; background-color:#bbbbbb}
.comparedevicebtn {margin:10px 0 0; background-color:#eaeaea; width:100%; padding:5px 0; text-align:center;}

/* pre order */
.preorder_previewimg {width:90px; text-align:left; margin-right:10px;}
.preorder_text {width:610px;}
.preorder_text p {margin:10px 0; line-height:16px;}
.preorder_text p a {color:#e32c36; text-decoration:none;}
.preorder_text p a:hover {color:#e32c36; text-decoration:underline;}
.tablepreorder {width:550px;}
.tablepreorder td {padding:5px;}
.tablepreorder input {width:250px; padding:3px;}
input.mine { width:auto; }
.tablepreorder textarea {width:250px; padding:3px;}
.tagging , .tag_link { font-size: 11px; }

/* menu tab */
.contentpage_menu {width:710px;}
.contentpage_menu ul {list-style:none; margin:0 auto; padding:0; overflow:hidden;}
.contentpage_menu ul li {background:url(../images/bg/contentmenu_bg.png) repeat-x;  padding:10px 10px 0; float:left; display:inline; font-size:13px; text-shadow:0 1px 2px #ffffff; font-weight:600; max-width:150px; height:30px; margin:5px 0 0; text-align:center;}
.contentpage_menu ul li.last {background:#cccccc url(../images/bg/contentmenu_line.png) no-repeat; background-position:top right;width:4px;height:50px;padding:0px;margin:0px;}
.contentpage_menu ul li a {color:#323232; text-decoration:none; cursor: pointer;}
.contentpage_menu ul li a:hover,.contentpage_menu ul li a.selected {color:#e5333e; text-decoration:none;}
.contentpage_tab {padding:0; margin:10px 0 0; overflow:hidden; display:none;}
/*.contentpage_tab h4 {color:#323232; font-size:24px; font-family: Arial, Helvetica, sans-serif; margin:0 0 10px;}*/
.contentpage_tab h1,h2,h3,h4,h5,h6{margin:10px 0;line-height:1;}
.contentpage_tab h1 {font-size:32px;}
.contentpage_tab h2 {font-size:24px;}
.contentpage_tab h3 {font-size:18px;}
.contentpage_tab h4 {font-size:16px;}
.contentpage_tab h5 {font-size:14px;}
.contentpage_tab h6 {font-size:12px;}
.contentpage_tab p {line-height:16px; margin-bottom:10px;}
.contentpage_tab a {color:#323232; text-decoration:none;}
.contentpage_tab a:hover {color:#e5333e; text-decoration:none; border-bottom:none}
.contentpage_tab ul, .contentpage_tab ol {/*margin:0 0 10px; padding:0; list-style:inside disc*/}
.contentpage_tab ul li {padding-bottom:5px;} /*padding-left:20px; */
.textWhite{color:#FFFFFF;}