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

Theme Name: New-Retrobali.com

Theme URI: http://retrobali.com

Description: New Retrobali.com

Author: I Made Gunadhie

Author URI: http://retronetz.com

Version: 0.1

Copyleft: GNU/GPL v3



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



body {

	background:#e6e6e6;

	font-family: Verdana,Arial,Sans-Serif; 

	color:color: #999999;

	font-size: 11px;

	margin: 0 auto; 

	padding: 0;

}



#bodywrapper {

	background:none;

	width:993px;

	margin:auto;

}



#head-wrapper {

	background:url(../images/head-left-bg.png) no-repeat;

	width:993px;

	height:29px;

	float:left;

}



#headmenu-wrapper {

	background:none;

	height:29px;

	float:left;

	margin:0 auto;

}



#headmenu-left {

	background: url(../images/head-left-bg.png) no-repeat;

	width:14px;

	height:29px;

	float:left;

	

}



#headmenu {

	background:url(../images/head-bg.png) repeat-x;

	color:#555555;

	width:350px;

	height:29px;

	float:left;

	

}



#headmenu-right {

	background:url(../images/head-right-bg.png) no-repeat;

	width:14px;

	height:29px;

	float:left;

	

}



#headmenu ul{

	list-style:none;

	color:#555555;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	text-align:left;



}



#headmenu ul li{

	display:inline;

	padding:0 5px 0 0;

}



#headmenu ul li a, .headmenu ul li a:visited, .headmenu ul li a:active{

	color: #FFF;

	text-decoration: none;

}



#headmenu ul li a:hover{

	color: #FFF;

	text-decoration: none;

}



#search {

	background:none;

	width:160px;

	height:29px;

	float:left;

	padding:0 0 0 10px;

}


#support {

	background:none;

	width:170px;

	height:29px;

	float:left;

	padding:5px 0 0 10px;

}



#logo {

	background:#e6e6e6 url(../images/logo.gif) no-repeat;

	width:282px;

	height:97px;

	float:left;

}


#cart {

	background:none;

	width:481px;

	height:25px;

	float:left;

	padding:50px 230px 0 0;

}


#top-left {

	background:url(../images/top-left-bg.png) no-repeat;

	width:14px;

	height:42px;

	float:left;

}

#top {

	background:url(../images/top-bg.png) repeat-x;

	width:965px;

	height:42px;

	float:left;

}

#top-right {

	background:url(../images/top-right-bg.png) no-repeat;

	width:14px;

	height:42px;

	float:left;

}



#banner-wrapper {

	background:url(../images/banner-bg.png) no-repeat;

	width:993px;

	height:380px;

	float:left;

}



#banner {

	background:none;

	width:498px;

	height:364px;

	margin:2px 0 0 130px;

	float:left;

}



#banner-right {

	background:none;

	width:230px;

	height:364px;

	margin:2px 0 0 3px;

	float:left;

}



#tombol-atas-wrapper {

	background:url(../images/banner-bg.png) no-repeat bottom;

	width:993px;

	height:100px;

	float:left;

}

#cara-belanja a{

	background:url(../images/cara-belanja.png) no-repeat;

	width:163px;

	height:53px;

	float:left;

	margin:0 0 0 150px;

}



#cara-belanja a:hover{

	background:url(../images/cara-belanja-hover.png) no-repeat;

	width:163px;

	height:53px;

	float:left;

	margin:0 0 0 150px;

}



#metode-pembayaran a{

	background:url(../images/metode-pembayaran.png) no-repeat;

	width:183px;

	height:53px;

	float:left;



}



#metode-pembayaran a:hover{

	background:url(../images/metode-pembayaran-hover.png) no-repeat;

	width:183px;

	height:53px;

	float:left;

}



#konfirmasi-pembayaran a{

	background:url(../images/konfirmasi-pembayaran.png) no-repeat;

	width:205px;

	height:53px;

	float:left;

}



#konfirmasi-pembayaran a:hover{

	background:url(../images/konfirmasi-pembayaran-hover.png) no-repeat;

	width:205px;

	height:53px;

	float:left;

}



#order-tracking a{

	background:url(../images/order-tracking.png) no-repeat;

	width:141px;

	height:53px;

	float:left;

}



#order-tracking a:hover{

	background:url(../images/order-tracking-hover.png) no-repeat;

	width:141px;

	height:53px;

	float:left;

}



#content-top{

	background:url(../images/content-top-bg.png) no-repeat;

	width:993px;

	height:15px;

	float:left;

}



#content{

	background:url(../images/content-bg.png) repeat-y;

	width:893px;

	float:left;

	padding: 0 50px 0 50px;

}



#content-bottom{

	background:url(../images/content-bottom-bg.png) no-repeat;

	width:993px;

	height:16px;

	float:left;

}



#tombol-bawah-wrapper {

	background:url(../images/tombol-bg.gif) repeat-y;

	width:993px;

	height:110px;

	float:left;

}



#facebook a{

	background:url(../images/facebook.jpg) no-repeat;

	width:227px;

	height:68px;

	float:left;

	margin:20px 0 0 30px;

}



#facebook a:hover{

	background:url(../images/facebook-hover.jpg) no-repeat;

	width:227px;

	height:68px;

	float:left;

	margin:20px 0 0 30px;

}



#twitter a{

	background:url(../images/twitter.jpg) no-repeat;

	width:226px;

	height:68px;

	float:left;

	margin:20px 0 0 2px;

}



#twitter a:hover{

	background:url(../images/twitter-hover.jpg) no-repeat;

	width:226px;

	height:68px;

	float:left;

	margin:20px 0 0 2px;

}



#kaskus a{

	background:url(../images/kaskus.jpg) no-repeat;

	width:234px;

	height:68px;

	float:left;

	margin:20px 0 0 2px;

}



#kaskus a:hover{

	background:url(../images/kaskus-hover.jpg) no-repeat;

	width:234px;

	height:68px;

	float:left;

	margin:20px 0 0 2px;

}



#contact a{

	background:url(../images/contact.jpg) no-repeat;

	width:235px;

	height:68px;

	float:left;

	margin:20px 0 0 2px;

}



#contact a:hover{

	background:url(../images/contact-hover.jpg) no-repeat;

	width:235px;

	height:68px;

	float:left;

	margin:20px 0 0 2px;

}



#footer{

	background:url(../images/footer-bg.png) no-repeat;

	width:993px;

	height:35px;

	float:left;

	padding:20px 0 0 0;



}



#footer-ref{

	background:url(../images/footer-ref-bg.png) no-repeat;

	width:993px;

	height:52px;

	float:left;

	margin:1px 0 0 0;



}



/* =============  Joomla Spesific CSS here ======================== */



a {

	color: #7AB1CF;

	text-decoration: none;

}





a:hover {

	color: #0000FF;

	text-decoration: none;

}





a:visited {

	color: #7AB1CF;

	text-decoration: none;

}



a:active: {

	color: #7AB1CF;

	text-decoration: none;



}



.blog_more {

	padding: 0 0 0 15px;

}



table {

	font-size: 11px;

	padding: 0 0 0 2px;

	color: #999999;

}



h3 {

    font-size: 18px;

	font-weight:normal;

	color:#fff;

	background: none;

	width: 194px;



}



moduletable {

	color: red;

}



input, label{

	font-size: 11px;

	padding: 0 0 0 0;

	color: #311402;



}



img {

   border:none;

}



input, button{

	font-size: 12px;

	padding: 0 0 0 0;

	color: #311402;



}



p {

	color:#666666;

}



ul, ol {

	background: none;

	list-style: circle;

	margin: 10px; 

	padding: 0 0 5px 15px;

	line-height: 15px;



}



li {

	background: none;

	margin: 5px 0 0 0;

	

}





.createdate, .modifydate, .small{

	font-size:11px;

	color:#999999;

}



.contentheading {

	font-size: 12px;

	text-align:center;

	color:#6a9513;

	padding: 10px 10px 5px 3px;

	background: #fff;



}



.componentheading {

	font-size: 20px;

	color:#0066CC;

	padding: 10px 10px 10px 3px;

	background: #fff;

}

.contentpaneopen{

	margin: 2px 0 0 0;

	width: 99%;

	background: #fff;

	padding:0 30px 0 10px;

	line-height:20px;

}



.readon{

    font-family: Arial, Verdana, Helvetica, sans-serif; 

    font-size: 13px; 

	color:#FF6600;

	font-weight: bold;



}



.readon a:hover{

	color: #0000CC;

}



.readon a:link{

	color: #7ab1cf;

}



.readon a:active{

	color: #7ab1cf;

}



.readon a:visited{

	color: #7ab1cf;

}






/*============================================*/

             CSS FOR RSMONIALS

/*===========================================*/

/**

* @version 1.5.2 $Id: style.css

* @package Joomla 1.5.x

* @subpackage RS-Monials

* @copyright (C) 2009 RS Web Solutions (http://www.rswebsols.com)

* @license GNU/GPL

*/



/* Success Message Text after submitting a testimonial */

.RSM_success { color:#009900; font-weight:bold; }



/* Css class for "Submit a Testimonial" Link */

.RSM_submit_link { text-align:right; }

.RSM_submit_link a { }

.RSM_submit_link a:hover { }



/* Horizontal Rule Color */

.RSM_hr_color { color:#cccccc; }



/* Manage the image and alignment of both quotation */

.RSM_left_quote { padding-right:0px; }



.RSM_right_quote { padding-left:0px; }



/* Manage Testimonial Text */

.RSM_testimonial { font-size:12px; font-weight:bold; text-align:justify; }



/* Manage the Subtext of Testimonial, i.e. Date of Posting, Posted By etc. etc. */

.RSM_testmonial_subtext { text-align:right; }



/* Manage Text and link of Pagination */

.RSM_pagination_text { text-align:center; }

.RSM_pagination_text a { }

.RSM_pagination_text a:hover { }



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

/*** Manage the display of Testimonial Submission Form ***/

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



/* Text "Submit A Testimonial" */

.RSM_form_heading { }



/* Manage the Style of main Table */

.RSM_form_main { width:90%; }



/* Manage the error Text */

.RSM_form_error { color:#ff0000; }

.RSM_form_error p { }

.RSM_form_error div ul li { }



/* Manage the row that is displaying " * fields are mandatory" */

.RSM_form_mandatory { text-align:right; }



/* Color of the "*" (Star) */

.RSM_form_star_color { color:#ff0000; }



/* Manage width of the First Column, i.e. the column that is showing text like "Your First Name", "Your Last Name" etc. */

.RSM_form_first_col { width:25%; }



/* Manage the style of text in the form */

.RSM_form_text {}



/* Manage Input fields of the form */

.RSM_form_input { width:100%; }



/* Manage Textarea field of the form */

.RSM_form_textarea { width:100%; height:150px; }



/* Manage Button field of the form */

.RSM_form_button { width:auto; }