/***************************************\
|	hKyo 2005 - http://squallido.com	|
|=======================================|
|	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: url('../images/userThemes/images/pattern.gif') #FFFFFF;	
}

body, p
{
	font: 9pt/11pt "Trebuchet MS", Verdana;
	color: #707070;
}

p { text-indent: 10px; }

hr { display: none; }

a
{
	color: #4CB3A2;
	text-decoration: underline;
}

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

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

#page
{
	width: 714px;
	margin: 0 auto;
}
#popup
{
	width: 550px;
	margin: 0 auto;
}

#contentCage
{
	background: #FFFFFF;
	width: 714px;
	height: 100%;
	
}


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

#header
{
	width: 714px;
	height: 100px;
	background: url('../images/userThemes/images/bg-header.gif') no-repeat bottom;
}

#header ul
{
	list-style: none;
	margin-top: 20px;
}

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

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

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

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

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

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


/*-----------------------------------------------------------------
	03. CONTENT
-----------------------------------------------------------------*/
#page .line1
{ 
	background: #f7f5ec; 
}

#page .line2
{ 
	background: #edebde; 
}


#content
{
	width: 489px;
	float: left;
	display: inline;
	margin: 0;
	padding: 0 20px 0 20px;
}

#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: 10px 0 5px 0; }

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

#content h6
{
	padding: 0 0 0 130px;
	margin: 0;
}

#content img.floatleft
{
	float: left;
}

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

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

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

#products { width: 100%; }

#products td { padding: 5px 5px; }

#products .line1, .mailForm .line1 { background: #FAFAFA; }

#products .line2 { background: #FCFCFC; }

.price
{
	/*background: url('../images/userThemes/images/dollar.gif') no-repeat left;*/
	display: inline;
	padding: 0 0 0 10px;
}

.headerIndex
{
	padding: 5px;
	background: url('../images/userThemes/images/corner-header.gif') no-repeat;
}

.container { clear: both; }

.subIndexContainer
{
	margin: 20px 0 0 0;
	padding: 5px 0 0 0;
	background: url('../images/userThemes/images/corner-top.gif') no-repeat;
}

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

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

.subIndex
{
	padding: 0 5px 5px 5px;
	background: url('../images/userThemes/images/corner-bottom.gif') no-repeat bottom;
	width: 225px;
	display: block;
}

.subIndexContainer#rightHidden
{
	visibility: hidden;
}

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

.subIndex img { clear: both; }


/************************/

.contentIndex
{
	clear: both;
	width: 439px;
}

.subContent
{
	margin: 0;
	padding: 20px 5px 0 5px;
}

.separator, .separator2
{
	height: 1px;
	width: 100%;
	white-space: nowrap;
	clear: both;
	border: 0;
}

.separator
{
	background: url('../images/userThemes/images/line.gif') no-repeat bottom;
	padding: 20px 0 0 0;
}

.separator2
{
	background: url('../images/userThemes/images/line2.gif') no-repeat bottom;
	padding: 0;
	margin: 0 0 10px 0;
}


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

.subContent img { float: left; }

.subContent p
{
	padding: 0 0 0 190px;
}


/***************/






.productImage
{ 
	float: left; 
	text-align: center;
	width: 115px;
}

.productDetail
{
	float: right;
	width: 300px;
}

.contentCustPromo
{
	float: right;
	width: 207px;
}

.custPromoDetails
{
	float: right;
	width: 300px;
}

.allImages { clear: both; }

.allImagesContainer
{
	width: 163px;
	margin: 0 0 50px 0;
}
/*
.allImagesContainer#left
{
	float: left;
	display: inline;
}

.allImagesContainer#right { float: right; }*/

.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; }

.img img
{
	float: none;
	clear: both;
}

.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: 300px;
	float: left;
}

.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;
}

ul.sitemap, ul.sitemap ul 
{ 
	list-style: none; 
	padding: 0;
	margin: 0;
}

ul.sitemap li
{ 
	padding: 0;
	margin: 0;
	position: relative;
	left: -24px;
}


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

#sidebar
{
	width: 160px;
	float: right;
	margin: 0;
	padding: 150px 20px 0 0;
	background: url('../images/userThemes/images/logo.gif') no-repeat top center;
}

#sidebar ul 
{ 
	margin: 0; 
	padding: 0;
	list-style: none;
	background: url('../images/userThemes/images/bg-sidebar.gif') repeat-y left;
}

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

#sidebar h2 
{
	margin: 0 0 10px 0;
	padding: 5px 0 5px 10px;
	background: url('../images/userThemes/images/bg-sidebar-title.gif') repeat-y;
}

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

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

#sidebar input
{
	border: 1px solid #4CB3A2;
	height: 16px;
	width: 110px;
	padding: 0 0 0 5px;
	margin: 0 0 0 10px;
}

#sidebar input:focus
{ 
	border: 1px solid #2F6E64; 
	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 0;
}

.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;
	text-indent: 0;
}


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

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


/*-----------------------------------------------------------------
	06. CREDITS
-----------------------------------------------------------------*/

#credits
{
	clear: both;
	width: 714px;
	height: 50px;
	padding: 0;
	margin: 0;
	background: #FFFFFF;
	text-align: center;
}

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

#credits li { display: inline; }


/*-----------------------------------------------------------------
	07. 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: bold 10pt/11pt "Trebuchet MS", Verdana;
	color: #67958C;
}
/* yg kedua
#content h3 
{
	font: bold 10pt/11pt "Trebuchet MS", Verdana;
	color: #285A52;
}
*/

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

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

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


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

#content .price
{
	font: bold 12pt/12pt "Trebuchet MS", Verdana;
	color: #FF0000;
}

.mailForm .alert
{ 
	color: #FF0000;
	font: "Times New Roman", Times, serif;
}


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

#sidebar h2
{
	font: bold 10.5pt/11pt "Trebuchet MS", Verdana;
	color: #67958c;
}
/* yg kedua
#sidebar h2
{
	font: bold 10.5pt/11pt "Trebuchet MS", Verdana;
	color: #285A52;
}
*/
#sidebar input
{
	font: 9pt/12.5pt "Trebuchet MS", Verdana;
	color: #4CB3A2;
}

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

#credits { font-size: 8pt; }

#credits li, #credits a { color: #4CB3A2; }

/* yg kedua
#credits .navRight li { color: #285A52; }
*/

.aqua a { text-decoration: none; }

.aqua p { color: #707070; }

.mailForm input, .mailForm textarea
{
	font: 9pt/12.5pt "Trebuchet MS", Verdana;
	color: #4CB3A2;
}

.mailForm input#submit
{
	font: 9pt/9pt "Trebuchet MS", Verdana;
	color: #2F6E64;
}

.mailForm input:focus, .mailForm textarea:focus { color: #2F6E64; }


}