/********************************************
 * AUTHOR		: Victor Julian Lipesik 
 * WEBSITE		: http://www.tobsite.com/
 * TEMPLATE NAME: Belanja Audio User Interface
 * VERSION		: 1.0
 *******************************************/
 
 /* HTML elements */
* {margin:0px; padding:0px;}
img {border:none;}
body {font:12px Tahoma, Arial, Helvetica, sans-serif; background:#F4F4F4 url(images/bg-body.jpg) top repeat-x;}
a {color:#777; text-decoration:none;} a:hover {color:#FFD300;}
h1, h2, h3, h4 {color:#404040;} h1{font-size:16px;} h2{font-size:14px;} h3, h4{font-size:12px;}
a.tobsite {color:#C89F18;}
p.clearPan {clear:both; height:0px;}
label.error {color:red; margin:0px 5px;}

/* Containers */
div#outerContainer {width:935px; margin:0 auto;}

/* Header Container */
div#headerContainer {margin-bottom:0px;}
h1.title {padding:10px 0px; width:363px; height:95px; float:left;}
h1.title img {height:82px;}

div#rightHeaderPan {width:530px; height:120px; float:right;}
div#rightHeaderPan p.userStatusPan {text-align:right; margin:10px 20px 0px 0px;}

div#rightHeaderPan div.shopCartPan {width:200px; float:left; margin:10px 0px 0px 130px;}
div#rightHeaderPan div.shopCartPan p {text-align:center;}
div#rightHeaderPan div.shopCartPan p.icon {float:left; width:50px; margin-left:15px;}
div#rightHeaderPan div.shopCartPan p.icon img {width:40px;}
div#rightHeaderPan div.shopCartPan p.number {float:right; margin:2px 0px 0px 10px; width:120px; text-align:left; line-height:16px;}

div#rightHeaderPan div.contactPan {float:right; margin-top:7px;}
div#rightHeaderPan div.contactPan div.l {width:14px; height:57px; background:url(images/bg-call_left.jpg) no-repeat; float:left;}
div#rightHeaderPan div.contactPan div.r {width:14px; height:57px; background:url(images/bg-call_right.jpg) no-repeat; float:right;}
div#rightHeaderPan div.contactPan div.c {height:57px; width:150px; background:url(images/bg-call.jpg) repeat-x; float:left; padding:4px 10px 0px 10px;}
div#rightHeaderPan div.contactPan div.c table {width:100%;}
div#rightHeaderPan div.contactPan div.c table th {color:#FFD300; text-align:left; font-weight:normal;}
div#rightHeaderPan div.contactPan div.c table td {color:#fff; text-align:right;}

/* Navigation Container */
ul#mainNavigationPan {list-style-type:none; height:31px; background:url(images/bg-menu.jpg) 0px 1px no-repeat;}
ul#mainNavigationPan li {float:left; width:118px; height:33px; font-size:14px; background:url(images/bg-menu_sep.jpg) right no-repeat;}
ul#mainNavigationPan li p {margin:7px 0px; text-align:center;}
ul#mainNavigationPan li p a {color:#fff;}
ul#mainNavigationPan li p a:hover {color:#FFD300;}
ul#mainNavigationPan li.active p {font-weight:bold; color:#fff;}

#subNavigationPan {list-style-type:none; height:39px; margin-top:4px; float:left; width:700px;}
#subNavigationPan li {float:left; background:url(images/bg-submenu_drop.jpg) right no-repeat; padding:9px 10px 10px 0px;}
#subNavigationPan li p {text-align:center; font-size:14px; color:#fff; padding-right:10px;}
#subNavigationPan li p a {color:#fff;}
#subNavigationPan li p a:hover {color:#FFD300;}


.searchPan {margin:11px 0px 0px 0px; text-align:left; float:right; width:225px;}
.searchPan input.text {width:200px; height:22px; float:left; border:none; background:url(images/bg-search.jpg) repeat-x;}
.searchPan input.submit {width:25px; height:22px; border:none; background:url(images/bg-search_button.jpg) no-repeat; float:right; cursor:pointer;}

/* Sub Navigation Pan - Drop Down Menu */
		
#subNavigationPan li ul {margin:12px 0px; padding:0px; position:absolute; z-index:100; list-style-type:none; background:none; display:none;}
#subNavigationPan li ul li {float:none; height:20px; background:none; background-color:#4BB7DB; border:#0D81BC 1px solid; padding:10px 0px 0px 5px; margin:-2px 0px; min-width:200px;
	background: -webkit-gradient(linear, left top, left bottom, from(#4BB7DB), to(#0D81BC));
	background: -moz-linear-gradient(top,  #4BB7DB,  #0D81BC);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4BB7DB', endColorstr='#0D81BC');
}
#subNavigationPan li ul li a {color:#fff;}
#subNavigationPan li ul li a:hover {color:#FFD300;}

/* Path Pan */
div#pathPan{font-size:14px; margin:5px 0px 5px 10px;}

/* Top Banner Pan */
div#topBannerPan img {margin:5px 0px 5px 0px; padding:5px; max-width:988px; border:#DDDDDD 1px solid; _width:988px;}