/********************************************
 * AUTHOR		: Victor Julian Lipesik 
 * WEBSITE		: http://www.tobsite.com/
 * TEMPLATE NAME: Belanja Audio User Interface
 * VERSION		: 1.0
 *******************************************/
 
/* Top Banner Pan */
div#topBannerPan img {margin:5px 0px 5px 0px; padding:5px; width:990px; border:#DDDDDD 1px solid;}

#mainBannerPan .left {float:left; width:211px; height:275px;}

#slideshow {list-style:none; float:right; border:#ccc 1px solid; background:url(images/bg-bannerbig.jpg) bottom repeat-x;}
#slideshow li {width:710px; height: 260px;}
#slideshow li img {max-width:710px; max-height: 260px;}

/* Browse */
div.browse {width:211px;}
div.browse div.t {height:13px; background:url(images/bg-browse_top.jpg) no-repeat;}
div.browse div.b {height:13px; background:url(images/bg-browse_bottom.jpg) no-repeat;}
div.browse div.c {background:url(images/bg-browse.jpg) bottom repeat-x; padding:3px 10px; border-left:#ccc 1px solid; border-right:#ccc 1px solid; width:186px; margin:0px 1px;}
div.browse div.c h2 {margin-bottom:8px;}
div.browse div.c h2 img {float:right;}
div.browse div.c form.search input.text {width:161px; height:22px; float:left; border:none; background:url(images/bg-search.jpg) repeat-x;}
div.browse div.c form.search input.submit {width:25px; height:22px; border:none; background:url(images/bg-search_button.jpg) no-repeat; float:right; cursor:pointer;}

/* Home Container */
div#centerPan {margin:0px 0px 10px 0px;}

div.productListPan h3 {color:#1448E9; font-size:20px; margin:10px;}

div#dailyDealsPan {float:left; width:474px; height:168px; margin:0px 10px; border:#ccc 1px solid; padding:8px; background:url(images/bg-dailydeals.jpg) bottom repeat-x;}
div#dailyDealsPan h2 {margin-bottom:8px;}
div#dailyDealsPan ul {list-style:none; height:147px; overflow:hidden;}
div#dailyDealsPan ul li div.image {width:180px; height:127px; margin-right:5px; float:left;}
div#dailyDealsPan ul li div.image {width:180px; height:127px; overflow:hidden;}
div#dailyDealsPan ul li div.image img {max-width:180px; max-height:127px; float:left;}
div#dailyDealsPan ul li div.image p.pr {margin-top:-15px; float:right;}
div#dailyDealsPan ul li div.image p.pr img {width:30px; margin:0px 1px;}
div#dailyDealsPan ul li div.content {width:285px; float:right;}
div#dailyDealsPan ul li div.content p.shortDescription {margin:4px 0px;}
div#dailyDealsPan ul li div.content p.bonus {margin-top:5px;}

div.shopByCategory {margin:15px 0px;}
div.shopByCategory h2 {text-align:center; margin-bottom:10px;}
div.shopByCategory ul {list-style:none;}
div.shopByCategory ul li {width:130px; height:350px; border-right:#ccc 1px solid; float:left; padding:0px 1px;}
div.shopByCategory ul li p.image {text-align:center; height:130px; width:130px;}
div.shopByCategory ul li p.image img {max-width:125px; max-height:125px;}
div.shopByCategory ul li h3 {background:url(images/bg-shoptitle.jpg) center no-repeat; text-align:center; padding:4px 0px; font-size:11px; height:13px; margin:10px 0px; line-height:14px; overflow:hidden;}
div.shopByCategory ul li h3 a {color:#404040;}
div.shopByCategory ul li h3 a:hover {color:#FFD300;}
div.shopByCategory ul li ul li {text-align:center; border:none; font-size:10px; margin:1px 0px; height:100%;}

div.productListPan h2 {margin-bottom:10px;}
div.productListPan div.item {width:152px; height:193px; margin:2px;}
div.productListPan div.item div.l {width:15px; height:100%; background:url(images/bg-newprod_left.jpg) no-repeat; float:left;}
div.productListPan div.item div.r {width:15px; height:100%; background:url(images/bg-newprod_right.jpg) no-repeat; float:right;}
div.productListPan div.item div.c {width:122px; height:100%; background:url(images/bg-newprod.jpg) repeat-x; float:left;}
div.productListPan div.item div.c div.content {margin:8px -2px 0px -2px;}
div.productListPan div.item div.c div.content div.image {text-align:center; width:122px; height:91px; margin:5px 0px;}
div.productListPan div.item div.c div.content div.image img {max-width:117px; max-height:91px; float:left;}
div.productListPan div.item div.c div.content div.image p.pr {margin-top:-15px; float:right;}
div.productListPan div.item div.c div.content div.image p.pr img {width:30px; margin:0px 1px;}
div.productListPan div.item div.c div.content p.title {height:28px; overflow:hidden;}
div.productListPan div.item div.c div.content p.shortDescription {margin:3px 0px; font-size:10px; height:24px; overflow:hidden;}
div.productListPan div.item div.c div.content p.price {font-size:11px; height:12px; overflow:hidden;}

div.smallBannerPan {height:193px; width:306px;}
div.smallBannerPan img {max-height:193px; max-width:306px;}