body{
	background:url(../images/bg-body.png);
	font-family:Verdana, Helvetica, sans-serif;
	color:#656565;
	font-size:12px;
}

h1, h2, h3, h4, h5, h6, h7 {margin: 0;}

h1 { font-size: 28px; margin-bottom: 0; }
h2 { font-size: 24px; margin-bottom: 0; }
h3 { font-size: 20px; }
h4 { font-size: 16px; margin-bottom: 0; }
h5 { font-size: 14px; margin-bottom: 0; }
h6 { font-size: 12px; margin-bottom: 0; }
h7 { font-size: 11px; margin-bottom: 0; font-weight:bold; }

a:link, a:visited { color:#067ab4; text-decoration:none; }
a:hover, a:active{ text-decoration:underline; color:#067ab4;}
a:focus { outline:none;}

table, tr, td, th{ border:solid 1px #d8d8d8; padding:2px; margin-bottom:10px;}
.cell-align-right{ text-align:right;}
.cell-align-center{ text-align:center;}
.cell-align-left{ text-align:left;}

input[type=text], input[type=password]{
	background:none;
	border:none;
}
input[type=submit]{
	background:none;
	border:none;
	cursor:pointer;
	color:#FFF;
}
input[type=submit]:hover{
	color:#FC0;
}
#line0{ background:url(../images/line.png); height:2px;}
#line{ background:url(../images/line.png); height:2px;margin-bottom:10px;}
#line4{ background:url(../images/line.png); height:4px;margin-bottom:10px;}

#margin-bottom-10{ margin-bottom:10px; *margin-bottom:0;}

#container{
	overflow:hidden;
	border:solid 1px #d8d8d8;
	background:#FFF;
	-webkit-box-shadow: 0 3px 15px #666; 
	-moz-box-shadow: 0 3px 15px #666; 
	box-shadow: 0 3px 15px #666;
	margin:10px auto 0 auto;
}
#logo{
	height:52px;
}
#navigation-top{
	width:937px;
	margin-top:10px;
	margin-bottom:10px;
	border:solid 1px #D8D8D8;
	z-index:700;
}
	#navigation-top .bg-navigation-search{
	z-index:900;
	position:absolute;
	top:8px;
	right:8px;
	}
	#navigation-top .bg-navigation-search input[type=text]{
		border:inset 1px #B6B6B6;
		width:152px;
		margin-left:6px;
		padding:0 8px 2px 4px;
		font-size:12px;
	}
	#navigation-top .bg-navigation-search input[type=submit]{
		margin:0 0 0 2px;
		padding:0 0 2px 0;
		width:31px;
		height:18px;
		background:url(../images/btn_go.gif) no-repeat;
	}
#navigation-top-right{
	position:relative;
	overflow:hidden;
	height:52px;
	color:#d8d8d8;
	font-size:10px;
}
#navigation-top-right a{
	color:#067ab4;
}
	#navigation-top-right ul{
		position:absolute;
		bottom:0;
		right:0;
		list-style:none;
		float:right;
		padding-left:10px;
		margin:0;
	}
	#navigation-top-right ul li{
		list-style:none;
		float:right;
		padding-left:10px;
		margin:0;
	}
	
#sub-nav div{ position:relative; background:url(../images/bkgrd-accordion2.gif) bottom;margin:0; padding:2px 10px 2px 10px; height:18px; border:solid 1px #d8d8d8; border-right:none; border-bottom:none; float:left; font-size:10px; color:#666;}
#sub-nav div:hover{ border-top:solid 1px #ff7200;}
#sub-nav div:hover a.sub-nav-menu{text-decoration:none; color:#ff7200}
#sub-nav .sub-nav-last{ width:0px; height:22px; padding:0; border-left:solid 1px #d8d8d8;}

#sub-nav div:hover ul{ visibility:visible;}

#sub-nav div ul{
	visibility:hidden;
	position:absolute;
	top:22px;
	left:0;
	z-index:9000;
	width:140px;
	list-style:none;
	margin:0;
	padding:4px;
	border:solid 1px #d8d8d8;
	border-top:solid 1px #ff7200;
	background:#f3f3f3;
}
#sub-nav div ul li{
	padding:2px 4px 2px 4px;
}
#sub-nav div ul li:hover{
	background:#666;
}
#sub-nav div ul li:hover a{
	color:#FFF;
	text-decoration:none;
	
}


#header{
	overflow:hidden;
	position:relative;
}
.grid_9{}
#banner-main{
	width:700px;
	height:262px;
	float:left;
	padding:0;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
}
#banner-main img{
	width:700px;
	height:262px;
}

.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 12px; right: 10px;
	width: 100%;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: right;
	border-right:none;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
	font-size:10px;
}
.paging a {
	padding: 3px 5px 3px 5px;
	text-decoration: none;
	color: #fff;
	background: #067ab4; 
	border:solid 1px #067ab4;
}
.paging a.active {
	font-weight: bold; 
	background:#ff7200;
	border:solid 1px #ff7200;
}
.paging a:hover {font-weight: bold;border:solid 1px #ff7200;background: #ff7200; }


#sidebar{}
#sidebar div{ margin-bottom:10px;}

#login-account{
	width:223px;
	height:204px;
	background:url(../images/bkgrd-accordion.gif) repeat-x;
	border:solid 1px #d8d8d8;
	padding:1px;
}
#login-account p{
	color:#067ab4;
	font-size:9px;
	padding: 0 10px 0 10px;
	margin-bottom:10px;
}
#login-account span{
	color:#067ab4;
	font-size:9px;
}
#login-account form{
	padding:6px 10px 6px 10px;
	color:#ff7200;
}
#login-account form label{
	font-weight:bold;
}
#login-account form label span{
	font-weight:normal;
}
#login-account form input[type=text], #login-account form input[type=password]{
	border:inset 1px #B6B6B6;
	margin:6px 0;
	width:152px;
	padding:0 8px 2px 4px;
	font-size:12px;
}
#login-account form input[type=submit]{
	margin:0 0 0 2px;
	padding:0 0 2px 0;
	width:31px;
	height:18px;
	background:url(../images/btn_go.gif) no-repeat;
}

#box-item, #bg-box{
	width:209px;
	height:38px;
	border:solid 1px #d8d8d8;
	padding:2px 8px 4px 8px;
}
#box-item:hover, #bg-box:hover{ border:solid 1px #067ab4;}
.box-btn{
	position:absolute;
	left:8px;
	bottom:8px;
	background:url(../images/btn_white_caged_arrow.gif) no-repeat;
	width:100%;
	height:15px;
	padding-left:20px;
	font-size:10px;
}
#bg-box{
	position:relative;
	height:114px;
}
	#bg-box h5, #box-item h5{
		font-weight: bold;
		font-size: 12px;
		color:#ff7200;
	}
	#bg-box p, #box-item p{
		width:140px;
		color:#666;
		font-size:10px;
		margin-bottom:6px;
	}

.slot{background:url(../images/slot-grad.png) right no-repeat;}

/* .promo1{ background:url(../images/clo_ShopAllPhonesFD_228x123img_AA0006B8.jpg);} 
.promo1{ background:url(../images/959917_10307322.jpg);} */
.promo1{ background:url(../images/information-revisi19mei2010-2.jpg);}
.promo2{ background:url(../images/clo_HomePhoneCAFD_228x123img_AA0006JD.jpg);}
.promo3{ background:url(../images/clo_13_9st_bundles_228x123_AA000CCZ.jpg);}
.promo4{ background:url(../images/clo_DSLFD_228x123img_AA0006BX.jpg);}

#content{
	background:url(../images/bkgrd-accordion.gif) repeat-x;
	overflow:hidden;
	margin-bottom:10px;
	border:solid 1px #d8d8d8;
	color:#333;
	font-size:10px;
}
#content .padder{ padding:10px 10px 0 10px;}
#content h5{ margin-bottom:10px; border-bottom:solid 1px #d8d8d8; color:#ff7200;}
#content li{ margin-left:30px;}
#content .content-navigation{ margin-bottom:10px;}
#content .content-navigation span{ margin-right:5px; font-weight:bold;}
#content .content-navigation em{ margin-right:5px;}

#promo{}

ul#ads-banner{ margin:0;}
ul#ads-banner li{ border:solid 1px #d8d8d8; width:304px; height:100px;}
ul#ads-banner li:hover{ border:solid 1px #067ab4; cursor:pointer;}

#footer{
	background:url(../images/bg-box2.png) repeat-x;
	position:relative;
	color:#333;
	margin-bottom:10px;
	#padding-bottom:10px;
	*padding-bottom:10px;
}
#footer h5{
	margin:10px 0 0 16px;
}
#copy{
	padding:4px;
	margin-top:6px;
	text-align:center;
	background:url(../images/line.png) 0 -5px no-repeat;
	color:#ff7200;
}
#navigation-bottom{
	width:100%;
	padding:4px;
	text-align:center;
	background:url(../images/line.png) 0 -5px no-repeat;
	color:#ff7200;
}
#footer #sitemap{
	margin-top:12px;
/*	width:80%;
	margin:auto;*/
}
#footer ul#sitemap{
	color:#ff7200;
	padding:0;
	font-size:12px;
	list-style:none;
}
#footer ul#sitemap li{
	padding:0;
	font-size:10px;
	list-style:none;
	color:#333;
}

