/********************************************
 * 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:280px; margin:0px 5px 10px 0px;}
div#leftMainPan h3 {
	color:#FFFFFF; background: url(images/bg-rowtitle.jpg) repeat-x; 
	font-size:16px; height:32px; padding:10px 0px 0px 20px;
}

/* Main Pan */
div.mainPan {background-color:#F0F0F0; padding:10px 0px 10px 5px;}
div.mainPan h4 {color:#000000; font-size:16px;}
div.mainPan ul {list-style-type:none;}
div.mainPan ul li {color:#FFFFFF; padding:3px 0px 3px 0px; font-size:14px;}
div.mainPan ul li a {color:#2C407D; text-decoration:none;}
div.mainPan ul li a:hover {color:#2C407D; text-decoration:underline;}
div.mainPan ul li ul {padding:3px 0px 3px 0px; margin-left:15px;}
div.mainPan ul li ul.rubricHide {display:none;}
div.mainPan ul li ul.rubricShow {display:block;}
div.mainPan ul li ul li {font-size:12px;}

div#servicePan p {text-align:center;}
div#servicePan p#cardPan {font-size:14px;}
div#servicePan p.serviceItemPan {
	color:#FFFFFF; height:26px; background: url(images/bg-rowtitle.jpg) repeat-x;
	font-size:14px; font-weight:bold; padding:8px 0px 0px 0px; margin:5px 5px 5px 0px;
}

/* Sub Pan */
div.subPan {padding:10px 0px 5px 0px; _width:280px;}
div.subPan p img {max-width:280px; _width:280px;}

/* Content Pan */
div#contentPan {float:right; width:710px;}
div#contentPan h3 {
	color:#FFFFFF; background: url(images/bg-rowtitle.jpg) repeat-x; 
	font-size:16px; height:32px; padding:10px 0px 0px 20px;
}

div#pagingSortPan {margin:10px 0px 10px 0px; border-bottom:#CCCCCC 1px solid;}
div#pagingSortPan p {text-align:center; margin:5px 0px 5px 0px;}

div.contentItemPan {margin:10px 0px; border-bottom:#CCCCCC 1px solid; padding:0px 0px 10px 0px;}

div.contentItemPan div.descriptionPan {float:left; width:480px;}
div.contentItemPan div.descriptionPan div.descriptionItemPan {clear:both; min-height:110px;_height:110px;}

div.contentItemPan div.descriptionPan div.descriptionItemPan div.imagePan {float:left; margin:0px 10px 0px 0px; width:190px; _width:190px;}
div.contentItemPan div.descriptionPan div.descriptionItemPan div.imagePan p.productImage {text-align:center; width:190px; height:100px; _width:190px;}
div.contentItemPan div.descriptionPan div.descriptionItemPan div.imagePan p.productImage img {max-width:190px; max-height:100px; _width:190px;}
div.contentItemPan div.descriptionPan div.descriptionItemPan div.imagePan p.promoImage {margin:-55px 0px; text-align:right;}

div.contentItemPan div.descriptionPan div.descriptionItemPan div.detailPan {float:right; width:265px; margin:0px 10px 0px 0px;}
div.contentItemPan div.descriptionPan div.descriptionItemPan div.detailPan h4 {font-size:14px;}
div.contentItemPan div.descriptionPan div.descriptionItemPan div.detailPan h4 a {color:#2C407D; text-decoration:none;}
div.contentItemPan div.descriptionPan div.descriptionItemPan div.detailPan h4 a:hover {text-decoration:underline;}
div.contentItemPan div.descriptionPan div.descriptionItemPan div.detailPan p {margin:2px 0px 3px 0px;}
div.contentItemPan div.descriptionPan div.descriptionItemPan div.detailPan p.shortDescription {font-weight:bold;}

div.contentItemPan div.pricePan {float:right; width:205px;}
div.contentItemPan div.pricePan p.reviewed span {margin-right:44px;}
div.contentItemPan div.pricePan p.originalPrice span {margin-right:25px;}
div.contentItemPan div.pricePan p.comboPrice {color:#FF0000; margin-bottom:5px;}
div.contentItemPan div.pricePan p.comboPrice span {margin-right:10px;}
div.contentItemPan div.pricePan p.buyButton {text-align:right;}