/********************************************
 * AUTHOR		: Victor Julian Lipesik 
 * WEBSITE		: http://www.kairos-art.com/
 * TEMPLATE NAME: Belanja Audio User Interface
 * VERSION		: 1.0
 *******************************************/
 
/* Left Main Pan */
div#leftMainPan {float:left; width:470px; margin:0px 10px 10px 0px;}
div#leftMainPan h3 {font-size:20px; margin:5px 0px 5px 10px;}
div#leftMainPan h4 {font-size:12px; margin:0px 0px 10px 10px;}

/* Display Pan */
div#displayPan {background:url(images/bg-productdetailtitle.jpg) top repeat-x; padding:20px 0px;}

/* Main Image Pan */
div#mainImagePan {float:left; text-align:center; width:270px; height:158px; margin-right:10px;}
div#mainImagePan img {max-width:270px; max-height:158px; _width:300px;}

/* Buy Pan */
div#buyPan {float:right; width:185px;}
div#buyPan p {font-size:13px;}
div#buyPan p.price span {margin-right:31px;}
div#buyPan p.voucher {color:#FF0000;}
div#buyPan p.voucher span {margin-right:10px;}
div#buyPan p.buyButton {margin:30px 0px 5px 0px; text-align:right;}
div#buyPan p.emailButton {margin:5px 0px 5px 0px; text-align:right;}
div#buyPan p.emailButton img {cursor:pointer;}

/* Sub Pan */
div#leftMainPan div.subPan {clear:both;}
div#leftMainPan div.subPan h4 {font-size:16px; border-bottom:#CCCCCC 1px solid; margin:10px 0px 10px 0px;}
div#leftMainPan div.subPan ul {list-style-type:none;}

/* Image List Pan */
div#imageListPan ul li {float:left; border:#777777 1px solid; padding:4px 2px; width:60px; height:60px; text-align:center;}
div#imageListPan ul li img {max-width:60px; max-height:60px; _width:60px;}

/* Support Pan */
div#supportPan ul li {clear:both; font-size:14px; font-weight:bold; margin:35px 0px 25px 0px;}
div#supportPan ul li img {float:left; max-width:40px; margin:-10px 10px 0px 0px; _width:40px;}

/* Deals Pan */
div#dealsPan ul li {border-bottom:#CCCCCC 1px solid; margin-bottom:20px;}
div#dealsPan ul li div.checkPan {float:left; width:15px;}

div#dealsPan ul li div.productPan {float:right; width:480px;}
div#dealsPan ul li div.productPan div.productItemPan {clear:both; margin-bottom:15px;}
div#dealsPan ul li div.productPan div.productItemPan div.imagePan {float:left; width:75px; text-align:center;}
div#dealsPan ul li div.productPan div.productItemPan div.imagePan img {max-width:70px; margin-right:10px; _width:70px;}
div#dealsPan ul li div.productPan div.productItemPan div.descriptionPan {float:right; text-align:justify; width:400px;}

div#dealsPan div.pricePan {float:right; width:400px; margin:10px 0px 10px 0px;}
div#dealsPan div.pricePan p.originalPricePan span {margin-right:40px;}
div#dealsPan div.pricePan p.comboPricePan {color:#FF0000; margin:5px 0px;}
div#dealsPan div.pricePan p.comboPricePan span {margin-right:42px;}

/* Recommended Items Pan */
div#recommendedItemsPan ul li {border-bottom:#CCCCCC 1px solid; margin-bottom:10px;}
div#recommendedItemsPan ul li div.checkPan {float:left; width:15px;}

div#recommendedItemsPan ul li div.productPan {float:left; width:400px;}
div#recommendedItemsPan ul li div.productPan div.imagePan {float:left; width:75px; text-align:center;}
div#recommendedItemsPan ul li div.productPan div.imagePan img {max-width:70px; margin-right:10px; _width:70px;}
div#recommendedItemsPan ul li div.productPan div.descriptionPan {float:left; text-align:justify; width:300px; margin:0px 10px 0px 10px;}

div#recommendedItemsPan ul li div.pricePan {float:right; width:80px;}

input#subBuySelected {background:url(images/icon-buyselected.jpg) top left no-repeat; font-size:9px; color:#5F5F5F; border:none; width:138px; height:17px; text-align:center;}

/* Right Main Pan */
div#rightMainPan {float:right; width:450px;}

/* Detail Navigation Pan */
ul#detailNavigationPan {list-style-type:none; width:100%; height:30px; background:url(images/bg-productdetailtitle.jpg) bottom repeat-x; margin:40px 0px 10px 0px;}
ul#detailNavigationPan li {float:left; cursor:pointer; text-align:center; height:17px; padding:3px 0px 0px 0px;}
ul#detailNavigationPan li#reviewsTitlePan {width:151px; background:url(images/icon-productdetailreviews.jpg) no-repeat; color:#FFFFFF;}
ul#detailNavigationPan li#specificationsTitlePan {width:128px; background:url(images/icon-productdetailspecifications.jpg) no-repeat; color:#000000;}

/* Customer Review Pan */
div.reviewItemPan p.reviewTitlePan {font-size:14px; border-bottom:#CCCCCC 1px solid; margin-bottom:10px; background:url(images/bg-productdetailreviewedby.jpg) top left no-repeat; padding-left:20px;}
div.reviewItemPan p.reviewTitlePan b {color:#1448E9;} 

div.reviewItemPan div.plusMinusPan {float:left; width:320px; background:url(images/bg-productdetailreviewsnote.jpg) top left no-repeat; padding-left:20px;}
div.reviewItemPan div.plusMinusPan p {margin:0px 12px 5px 0px; text-align:justify;}

div.reviewItemPan div.ratingPan {float:right; width:110px;}
div.reviewItemPan div.ratingPan p {margin:0px 0px 5px 0px;}
div.reviewItemPan div.ratingPan p img {width:20px; margin-right:4px;}

/*Tambahan*/
.button {background-color:#FF9101; border:#F88811 2px solid; padding:2px 5px; color:#fff;}
.button:hover {background-color:#F88811; border:#FF9101 2px solid;}