/***************************************\
|	hKyo 2005 - http://squallido.com	|
|	modified by AguzX					|
|=======================================|
|	Index:	01. GENERAL					|
|			02. HEADER					|
|			03. CONTENT					|
|			04. SIDEBAR					|
|			05. FOOTER					|
|			06. TYPOGRAPHY				|
\***************************************/

/* CSS Documents */

@media screen {

/*-----------------------------------------------------------------
	01. GENERAL
-----------------------------------------------------------------*/

body
{
	padding: 0;
	margin: 0;
	background: #ebebeb;
	background: url('../images/userThemes/images/pattern.gif') #FFFFFF;	
}

body, p
{
	font: 9pt/11pt "Trebuchet MS", Verdana; /* font size/spacing font pertama/font kedua (prioritas font)*/
	color: #464646;
}

p { text-indent: 10px; }

hr { display: none; }

a
{
	color: #0579c6;
	text-decoration: underline;
}

a:hover
{
	color: #990000;
	text-decoration: none;
}

/*code
{
	color: #990000;
	font: 8pt/11pt "Courier New", Courier;
}*/

#page
{
	width: 750px;
	margin: 0 auto;	
}

#contentCage
{
	background: #FFFFFF;
	width: 750px;
}

#page > #contentCage
{
	height: 100%;
	clear: both;
	white-space: normal;
}


/*-----------------------------------------------------------------
	02. HEADER
-----------------------------------------------------------------*/

#header
{
	width: 750px;
	height: 36px;
	margin: 29px 0 0 0;
	background: url('../images/userThemes/images/bg-header.gif') no-repeat bottom;
}

#header ul
{
	list-style: none; 
	margin: 11px 0 0 35px;
}

#header > ul
{
	list-style: none; 
	margin: 11px 0 0 0;
}

#header .navLeft 
{ 
	float: left; 
	display: inline;
}

#header .navLeft li
{
	display: inline;
	background: url('../images/userThemes/images/separator-header.gif') no-repeat right;
	padding: 0 9px 0 3px;
}

#header .navLeft li:last-child { background: none; } /*not supported in IE*/  

#header .navRight 
{
	float: right;
	padding-right: 30px;
}

#header .navRight li
{
	display: inline;
	background: url('../images/userThemes/images/separator-header.gif') no-repeat left;
	padding: 0 3px 0 9px;
}

#header .navRight li:first-child { background: none; } /* not supported in IE */


/*-----------------------------------------------------------------
	03. CONTENT
-----------------------------------------------------------------*/

#content
{
	float: left;
	display: inline;
	width:515px;
	padding: 0 0 0px 0;
	margin: 0 0 0 10px;
	
}

#contentCage > #content
{
	margin: 0;
	padding: 0 0 0 10px;
}

.p_product
{	
	float:right;
	position: absolute;
	left: 270px; 
	top: -125px; 
	width: 160px; 
	height: 362px; 
	z-index: 1; 
	visibility: hidden;
	clear: left;
	
}

.contentTop
{
	background:url('../images/userThemes/images/top.jpg') no-repeat;
	width:500px;
	height:22px;
	margin: 20px 0 0 15px;
}
.contentBottom
{
	clear: both;
	background:url('../images/userThemes/images/bottom.jpg') no-repeat;
	width:500px;
	height:22px;
	margin: 0px 0 0px 15px;
}

.contentBack
{
	margin: 0 0 0 14px;
	background:url('../images/userThemes/images/center.jpg') repeat-y;
}

.contentCenter
{
	/*background:url('../images/userThemes/images/center.jpg') repeat-y;*/
	padding: 0 0 0 25px;
	height: 550px;
	width: 460px;
}

.contentBack > .contentCenter
{
	min-height: 600px;
	height: 100%;
	padding-right: 500px !important;
}

#content .subContent li
{
	padding: 0 0 10px 0;
}

#content p { margin: 0 0 5px 0; }

#content h1 { margin: 10px 0 30px 0; }

#content h2 { margin: 20px 0 10px 0; }

#content h3 { margin: 0 0 10px 0; }

#content h4 { margin: 0 0 10px 0; }

#content h5 
{ 
	padding: 5px 0 5px 0; 
	margin: 0;
	background: #F8F8F8;
	display: block;
} 

#content .new
{
	position: relative;
	bottom: 3px;
	left: 3px;
}

.container { clear: both; }

.subIndexContainer
{
	margin: 5px 0 0 0;
	padding: 5px 0 0 0;
}

#content .allImages .allImagesContainer#left, #content .container .subIndexContainer#left
{
	float: left;
	display: inline;
}

#content .allImages .allImagesContainer#right, #content .container .subIndexContainer#right 
{ 
	float: right; 
}

.subIndex
{
	padding: 0px 5px 5px 5px;
	width: 200px; 
}

.subIndex#kiri {float: left; }

.subIndex#kanan {float: right }

#content li a img { float: right;}
#content li { clear: both; }

.subContent
{
	margin: 0 15px 30px 0;
	padding: 0px 5px 0 5px;
	float: none;
	clear: both;
}

.contentCenter > .subContent
{
	margin: 0;
	padding: 0;
}



.hKyo 
{ 
clear: both; 
display: block; 
height: 10px;
}

.subContent h3
{
	margin: 0;
	padding: 5px 0 5px 0;
	clear: both;
	background: url('../images/userThemes/images/bg-sidebar-title.gif') repeat-y;
}

.subContent > h3
{
	padding: 40px 0 0 0;
}

.subContent img 
{ 
	float: left;
	margin: 0 15px 0 0; 
}

.subContentKanan
{
	float: right;
	width: 200px;
}

.price
{
	font: bold 10pt/11pt "Trebuchet MS", Verdana;
	color: red;
}

.productImage
{ 
	clear:both;
	float:left;
	text-align: center;
}

.custPromoDetails
{
	margin: 0 0 0 190px;
	width: 250px;
}

.contentCenter > .custPromoDetails
{
	width: 320px;
	margin: 0 0 0 170px;
}



#productDetail
{
	width: 450px;/*450*/
	/*margin-top:-10px;*/
	clear:both;
	
}

#productDetail h1 { font: 18pt/18pt "Trebuchet MS", Verdana;}

.line1
{ 
	background: #f7f5ec; 
}

.line2
{ 
	background: #edebde; 
}

.price
{
	display: inline;
	padding: 0 0 0 10px;
}

.allImages { clear: both; }

.allImagesContainer
{
	width: 163px;
	margin: 0 0 50px 0;
}

.allImagesContainer img { border: 1px solid #707070; }

.driverSelected .imageDownload
{ 
	float: left;
	margin: 0 20px 0 0;
	display: inline;
}

.driverSelected .driverUL
{ 
	float: left; 
	list-style: none; 
}

.driverSelected div { clear: both; }

img.button { border: 0; }

#content ul, #content ol
{
	margin: 0 0 0 25px;
	padding: 0;
}

.mailForm ul { list-style: none; }

.mailForm li 
{ 
	clear: both;
	margin: 0 0 20px 0; 
	padding: 0;
}

.mailForm > ul > li 
{ 
	clear: both;
	margin: 0;
	padding: 0;
}

.mailForm #title
{
	width: 100px;
	float: left;
}

.mailForm #input
{
	width: 250px;
	float: left;
}

.mailForm input, .mailForm textarea
{
	border: 1px solid #4167A1;
	width: 100%;
	padding: 0 0 0 5px;
	margin: 0;
}

.mailForm .alert 
{
	clear: both;
	padding: 0 0 0 125px;
}

.mailForm > ul > li > .alert
{
	clear: both;
	padding: 0 0 0 100px;
}

.mailForm > ul > li > .alert:after
{
	content: ' ';
}

.mailForm input, .mailForm textarea
{
	/*border: 1px solid #4CB3A2;*/
	width: 100%;
	padding: 0 0 0 5px;
	margin: 0;
}

.mailForm input
{
	height: 16px;
}

.mailForm textarea
{
	height: 100px;
}


.mailForm input#submit
{
	/*border: 1px solid #4CB3A2;*/
	padding: 0 5px 0 5px;
	margin: 20px 0 0 125px;
	/*background: #ece9d8;*/
	width: 62px;
	height: 20px;
}

.mailForm > ul > li > input#submit
{
	margin: 0 0 0 100px;
}

.mailForm input#submit.reset
{
	margin: 0 0 0 10px;
}

.mailForm input:focus, .mailForm textarea:focus
{ 
	/*border: 1px solid #2F6E64; */
	background: url('../images/userThemes/images/bg-sidebar-title.gif') repeat-y left;
}

.divKosong
{
	clear:both;
	height: 10px;
	clear: both;
	color: #FFFFFF;
}


/*-----------------------------------------------------------------
	04. SIDEBAR
-----------------------------------------------------------------*/

#sidebar
{
	width: 210px;
	float: right;
	margin: 0 8px 0 0;
	
}

.sidebarTop
{
	background: url('../images/userThemes/images/bg-sidebar-up.jpg');
	width: 200px;
	height:22px;
	margin: 20px 0 0 0;
}

.sidebarBottom
{
	background: url('../images/userThemes/images/bg-sidebar-down.jpg');
	width: 200px;
	height:22px;
	margin: 0 0 20px 0;
}

.searchForm
{
	margin: 0 0 0 50px;
}

.sidebarSearch
{
	margin-top: 15px;
	padding: 0 0 20px 30px;
	text-align:left;
}

.sidebarBack
{
	background: url('../images/userThemes/images/bg-sidebar-center.jpg') repeat-y ;
}

.logo
{
	background: url('../images/userThemes/images/logo-index.gif') no-repeat;
	width: 160px;
	height:39px;
	margin: 0 0 30px 45px;
}

#sidebar ul 
{ 
	margin: 0 0 0px 0; 
	padding: 0;
	list-style: none;
}

#sidebar li { margin: 0 0 0px 0px; }

#sidebar h2 
{
	margin: 20px 0 5px 40px;
	padding: 4px 0 5px 15px;
	background: url('../images/userThemes/images/bg-sidebar-title.jpg') repeat-y;
}

#sidebar li li
{
	width: 130px;
	margin: 0 0 0px 50px;
}

ul.list
{
	list-style: none;
	margin: 0;
	padding-top: 100px;
	position: relative;
	left: -22px;
}

#sidebar li ul li, ul.list li
{
	background: url('../images/userThemes/images/bullet.gif') no-repeat top left;
	padding: 0 0 0px 15px;
}

#sidebar input
{
	border: 1px solid #0072bb;
	height: 16px;
	width: 123px;
}

#sidebar input:focus
{ 
	border: 1px solid #0072bb; 
	background: url('../images/userThemes/images/bg-sidebar-title.gif') repeat-y left;
}

#sidebar .button
{
	margin: 0 0 0 5px;
	position: relative;
	top: 5px;
}

.aqua
{
	background: url('../images/userThemes/images/aqua-top.gif') no-repeat top left;
	padding: 15px 0 0 0;
	margin: 0 0 20px 45px;
}

.aqua .aquaIn
{
	background: url('../images/userThemes/images/aqua-bottom.gif') no-repeat bottom left;
	padding: 0 0 14px 0;
}

.aqua p
{
	width: 160px;
	background: url('../images/userThemes/images/aqua-mid.gif') repeat-y;
	text-align: center;
	padding: 0;
	margin: 0;
}

/*-----------------------------------------------------------------
	05. FOOTER
-----------------------------------------------------------------*/

#footer
{
	clear: both;
	width: 750px;
	height: 65px;
	background: url('../images/userThemes/images/bg-footer.gif') no-repeat top;
}

#footer ul
{
	list-style: none; 
	margin: 10px 0 0 35px; 
}

#footer > ul
{
	list-style: none; 
	margin: 10px 0 0 0px; 
}

#footer .navLeft 
{ 
	float: left; 
	display: inline;
}

#footer .navLeft li
{
	display: inline;
	background: url('../images/userThemes/images/separator-header.gif') no-repeat right;
	padding: 0 9px 0 3px;
}

#footer .navLeft li:last-child { background: none; } /*not supported in IE*/  

#footer .navRight 
{
	float: right;
	padding-right: 40px;
}

/*-----------------------------------------------------------------
	06. TYPOGRAPHY
-----------------------------------------------------------------*/

#header a 
{ 
	color: #707070;
	text-decoration: none; 
}

#header a:hover { color: #990000; }

#content h1 { font: 18pt/18pt "Trebuchet MS", Verdana;; }

#content h2 { font: bold 10pt/11pt "Trebuchet MS", Verdana;; }

#content h3
{
	font: 13pt/14pt "Trebuchet MS", Verdana;;
	color: #4167A1;
}
#content .allImagesContainer h3
{
	font: 9pt/11pt "Trebuchet MS", Verdana;;
	color: #707070;
}

#content h4 { font: bold 9pt/11pt "Trebuchet MS", Verdana; }

#content h5
{
	font: 9pt/9pt "Trebuchet MS", Verdana;
	text-align: center;
}

#content h6 { font: bold 9pt/10pt "Trebuchet MS", Verdana;; }

#content .new
{
	color: #FF0000;
	font: 7pt/11pt "Trebuchet MS", Verdana;
}


#sidebar h2
{
	font: bold 9pt/11pt "Trebuchet MS", Verdana;;
	color: #953232;
}

#sidebar input
{
	font: 9pt/12.5pt "Trebuchet MS", Verdana;
	color: #0072bb;
}



#sidebar input:focus { color: #2F6E64; }

#footer {color: #707070}

#footer a 
{ 
	color: #707070;
	text-decoration: none; 
}

#footer a:hover { color: #990000; }
}