/*
======================================================================
Css Name: Master Stylesheet
Css URL: http://starcarwash.com.au/
Description: Master Stylesheet for Star Car Wash
Version: 3.0
Author: Andreas Pratikto
Author Email: andreas@wisdomtechnology.com.au

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

/* Colors
======================================================================
	#df1326 : red - star
	#FFFF00 : Yellow
	#333333 : dark grey -sub Menu
	#999999 : light  grey 
====================================================================== */


/*----------------------------------
		overall layout
-----------------------------------*/
/* Reset browser defaults for consistency */

html, body, div, span, h1, h2, h3, p, a, img, li, ol, ul, fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}

td,th {
	color: #CCCCCC;
	font: normal 12px/130% Arial, Helvetica, sans-serif;	
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 130%;
	background-color: #000000;
	margin: 20px auto 60px auto;
}

textarea, input {background:#CCCCCC; color:#000000;}


/*-------------------------------------------
		LInk Style
---------------------------------------------*/
a img { border-style: none; } /*to reset browser's default image link setting - buang border biru di img link*/
  


a:link, a:visited {  /*global link setting*/
	color: #df1326;
	font-weight: bold;
	text-decoration: underline; }
a:hover { color:#FFF; }
	

.whitelink9bolditalic:link, .whitelink9bolditalic:visited {
	font-size: 10px;
	color: #FFFFFF;
	font-style: italic; }
.whitelink9bolditalic:hover { text-decoration: none; }
	
	
.whitelink11bold:link, .whitelink11bold:visited, .whitelink11underline:link, .whitelink11underline:visited { color: #FFFFFF; }
.whitelink11bold:hover, .whitelink11underline:hover { text-decoration: none; }
	
	
.yellowlink11bold:link, .yellowlink11bold:visited { color: #FFFF00; }
.yellowlink11bold:hover { text-decoration: none; }
	

.hotlink:link, .hotlink:visited  { /*sub menu bawahnya header- company overview, membership,  why star carwash*/
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	height: 22px;
	background: url(../images/hl_2.jpg) center;
	padding: 2px 10px 0 10px;
	margin: 0px; }
.hotlink:hover { background: url(../images/hl_2_2.jpg) center; }


.blacklink11underline:link, .blacklink11underline:visited { color: #000000; }
.blacklink11underline:hover { text-decoration: none; }
	

.whitelink12bold:link, .whitelink12bold:visited {
	font-size:13px;
	color:#FFFFFF;
	text-decoration:none; }
.whitelink12bold:hover { text-decoration:underline; }
	

.whitelink14bold:link, .whitelink14bold::visited{
 	font-size: 15px;
	color: #FFFFFF; }
.whitelink14bold:hover { text-decoration: none; }

.vouchers a:link, .vouchers a:visited{
	text-decoration:none;
	color:#C02426; }
.vouchers a:hover{ color:#FFFFFF; }



/*-------------------------------------------
		Content Style
---------------------------------------------*/

.bold_red { font-weight: bold; color:#df1326;}


.bold { font-weight: bold; color:#fff; font-size: 12px;}

.blacktext { color: #000000; }
	
.bigpromotext { font-size: 19px; color: #df1326; }

.bigtitletext { font-size: 17px; font-weight: normal; }/* title each page- bawahnya header itu lho! */

h2 {
	line-height: 18px;
	font-size: 16px;
	}
.bigpromotext_membership {/* ini buat menbership page : standard membership, platinum membership... */
	font-size: 16px;
	color: #df1326;
	font-weight: bold;
}

.member_pic {
	float: left;
	display: inline; /*ie hack*/
	padding-right: 12px;
	padding-bottom: 5px;
}

.member_text {
	padding-left: 15px;
	padding-right: 15px;
}

.offers {
	background-color: #000000;
	padding: 10px;
	margin-top: 25px;
	text-align: left;
}

.offers_top {
	background-color: #000000;
	padding: 10px;
	margin-top: 25px;
	text-align: left;
}
.offer_content {
	padding: 5px 0 10px 0;
}
.offer_coupon { /* buat radio coupon */
	border:4px solid #999999;
	
}

.offer1 { /* platinum membership grey border , black bg bagian atas */
	background-color: #000000;
	width: 568px;
	padding: 20px 20px 10px 15px;
	margin: 15px 0 0 15px;
	border-right:4px solid #999999;
	border-top: 4px solid #999999;
	border-left:4px solid #999999;
}

.offer1_white {/* platinum membership grey border , white bg bagian bawah */
	width: 568px;
	background-color: #FFFFFF;
	margin-left: 15px;
	border-right:4px solid #999999;
	border-bottom: 4px solid #999999;
	border-left:4px solid #999999;
	padding: 0 20px 10px 15px;
}
.motorshow {
	padding-top: 45px;
}


.holder_top { /* div buat hold banner div biar pas ditengah */
	width: 794px;
	margin: 0 auto;
	
}
.banner {  /*Flash banner yg di kanan atas index page*/
	position: absolute;
	margin-top: 60px;
	margin-left: 560px;
	z-index: 100;
}


.banner_darlinghusrt {  /*Flash banner yg di kanan atas buat darlinghusrt index page*/
	position: absolute;
	margin-top: -20px;
	margin-left: 392px;
	z-index: 101;
}
.tag {  /*Flash banner yg di tengah atas index page*/
	position: absolute;
	margin-top: -40px;
	margin-left: 420px;
	z-index: 200;
}

.christmas_border {/* grey border buat gambar christmast trading hours  */
	margin: 15px 0 0 15px;
	border: 4px solid #999;
}


.offer2 {
	width: 544px;
	margin: 15px;
	padding: 20px;
	background: url(../images/offer_bg.gif) scroll  repeat #FFFFFF;
	border: thick solid #666666;
}
.pic {
	height: 121px;
	width: 30px;
	float: left;
	margin: 10px 5px 0 5px;
}


.put_me_to_strech{ /*buat strecth div krn ada yg float*/
	clear: both;
	height: 0;
	}
	
	
	
.purchase {
	padding-left: 20px;
}

.text14 {
	font-size: 15px;
}

.textbox100 {
	
	font-size: 11px;
	width: 100%;
	height: 20px;
	background:#CCCCCC; 
	color:#000000;
	border: 1px solid #999999;
}
.textbox102 {
	
	font-size: 12px;
	height: 20px;
	background:#CCCCCC; 
	color:#000000;
	border: 1px solid #999999;
}
.textarea100 {
	
	width: 100%;
	line-height: 15px;
	width: 100%;
	margin: 0px;
	padding: 5px;
	background:#CCCCCC; 
	color:#000000;
	border: 1px solid #999999;
}

.flat {border-collapse:collapse;}/* buat ngilangin emboss effect table*/


/*buat purchase online button di purchase_online.php*/
.purchase_top {/* gambar : click here to purchase online */
	margin-top: 0px;
	text-align: left;
	margin-left: 12px;
}
.purchase_bottom {/* gambar : click here to purchase online */
	margin-top: 0px;
	text-align: left;
	margin-left: 12px;
}
.promotion {
	position: absolute;
	z-index: 1;
	margin-left: 60%;
	margin-top: 73px;
}
.vouchers {
	position: absolute;
	z-index: 1;
	left: 459px;
	top: 894px;
	width: 312px;
	height: 40px;
	background-color: #000000;
	font-size: 15px;
	color: #C02426;
}


.style1 {color: #FF0000}

.style4 {
	font-size: 10px;
	font-style: italic;
}
.style5 {font-size: 10px}


.frame_grey_box {
	border: 4px solid #999;
	width: 540px;
	margin: 20px 0 0 20px;
} /*buat border flash di company_overview.php  / index page*/
.border_grey_box { }
.border_grey_box td {  }
.hideMe {
	display:none;
	position: absolute;
	overflow: hidden;
}

/*-------------------------------------------
		Footer Style
---------------------------------------------*/

.footer {
	font-size: 11px;
}
.footer_coupon {
	font-size: 11px;
	padding: 0 10px 0 4px;
}
h3 {
	font-size: 14px;
}
.support {
	border-style: none;
}
.log_out {
	text-align: right;
}
.fillme {
	padding: 2px;
	width: 100%;
	margin: 5px 0px;
	border: 1px solid #999999;
}
.flash_index_wrapper {
	margin: 0px auto;
	width: 800px;
}