/*  
Theme Name: ZMC Automotive
Theme URI: http://www.zmc.com.sg
Description: ZMC Automotive Corporate Website
Author: Lexus Teo

	Copyright (c) ZMC Automotive

*/

* {padding: 0; margin: 0;} 

/* Generic
---------------------------------------------------------------------------------*/
body {
	font: 75%/160% Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:#000000;
	margin:0px; padding:0px;
	width: 100%;
}

img {
	border: none;
}

a{
	text-decoration:none;
	color:#FFFFFF;
}

a:hover {
	text-decoration: underline;
}

#wrapper {
	padding-top:30px;
	width:986px;
	margin:0 auto;
}

/* Greybox */
#lightbox-container{
	margin:30px 15px 0px 15px;
}

/* heading
---------------------------------------------------------------------------------*/
#header {
	margin: 0px auto;
	width:986px;
	position: relative;
}

#navi {
	clear:both;
	margin-left:338px;
	list-style:none;
	float:left;
}

#navi li{
	float:left;
	padding-left:6px;
}

/* Content
---------------------------------------------------------------------------------*/
#content{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
}

#content-row {
	margin-top:10px;
}

/*Incompatibility IE*/
#banner {
	background-image:url(../images/navigation/bg-message.jpg);
	margin-top:50px;
}

#content-flash{
	padding-left: 50px;
}

#content-message{
	width:300px;
	float:right;
	padding:130px 20px 0px 100px;
	line-height:15px;
}

/* Index Product 
---------------------------------------------------------------------------------*/
#content-product {
	float:left;
	width:600px;
}

.product-column{
	float:left;
	width:180px;
	overflow:hidden;
	padding:10px 10px 10px 10px;
}

.sub-column-text{
	margin-top:10px;
}

/*Index News
---------------------------------------------------------------------------------*/
#news-banner {
	float:right;
	margin-top:20px;
}

#content-news {
	width:340px;
	margin-top:0px;
	float:right;
	overflow:hidden;
}

#news-image {
	list-style:none;
	float:left;
}

#news-image li{
	padding:10px 0px 0px 0px;
}

/*Sub Page
---------------------------------------------------------------------------------*/
#banner-wrap{
	float:right;
}

#sidebar{
	float:left;
}

.side-buttons{
	padding-top:10px;
	margin-left:35px;
	list-style:none;
}

.side-buttons li{
	text-align:right;
	padding:5px 10px 5px 0px;
}

.not-selected:hover {
	background-color:#CCCCCC;
}

.not-selected a:hover{
	color:#000000;
}

.main-button {
	font-size:20px;
	background-color:#FF0000;
	padding:5px 5px 5px 0px;
}

#side-navi{
	padding-top:10px;
	padding-left:160px;
}

.side-link{
	padding:10px 0px 0px 0px;
}

#column2{
	width:640px;
	float:right;
	margin-top:10px;
	min-height:550px;
}

.title-first-word{
	color:#FFCC00;
	font-size:30px;
	float:left;
	padding-bottom:5px;
	padding-top:5px;
}
.title{
	font-size:30px;
	padding-top:5px;
	padding-bottom:5px;
}

/* Image Alignment */
.img-align-left{
	float:left;
	margin-top:5px;
	margin-right:10px; 
}

.img-align-right{
	float:right;
	margin-top:5px;
	margin-left:10px;
	margin-right:5px; 
}

#thumb {
	clear:both;
	list-style:none;
	float:left;
}

#thumb li{
	padding:10px 0px 0px 10px;
	float:left;
}

#thumb-row {
	clear:both;
	list-style:none;
	float:left;
}

#thumb-row li {
	float:left;
	padding:5px 0px 0px 0px;
}

.info-column2 {
	width:640px;
	margin-top:10px;
	float:left;
}

.info-column {
	width:300px;
	margin-top:10px;
	float:left;
}

.image-column {
	margin-top:5px;
	width:340px;
	float:right;
}

.product-title {
	font-size:20px;
	font-weight:bold;
}

.product-info {
	margin-left:20px;
}

#product-credit {
	padding-left:10px;
}

#product-credit a {
	text-decoration:underline;
	color:#FF9999;
}

/* News & Promotions
---------------------------------------------------------------------------------*/
.news-info {
	clear:left;
	padding-right:10px;
}

.news-capsule {
	padding:10px 10px 10px 0px;
}

.news-collection {
	float:right;
	width:240px;
	border-style:groove;
	background-color:#FFCC00;
	overflow:hidden;
}

.news-collection li {
	float:left;
	list-style:none;
	margin: 5px 5px 0px 5px;
}

.promo-capsule {
	width:640px;
}

.promo-collection {
	background-color:#00FF00;
}

.promo-collection li {
	width:200px;
	float:left;
	list-style:none;
	padding:10px 10px 0px 0px;
}

.promo-item {
	font-weight:bold;
	font-size:14px;
	padding-bottom:5px;
	min-height:40px;
}

.promo-details {
	padding-bottom:5px;
}

#promo-title{
	color:#FF0000;
}

.small-note {
	font-size:10px;
	padding-top:30px;
	clear:left;
}
/* Warranty Rules
---------------------------------------------------------------------------------*/
.rules-list {
	clear:both;
	margin-left:20px;
}

/* Dealers
---------------------------------------------------------------------------------*/
ul.dealer {
	margin:0px; padding:0px;
}
ul.dealer li {
	float:left;
	list-style:none;
	margin-right:20px;
	margin-bottom:20px;
}

.onedealer{
	border-style:groove;
	border-width:thin;
	width:250px;
	height:80px;
	padding:6px;
}

.onedealer #dealer-header{
	color:#FFFFFF;
	font-weight:bold;
}

/* FAQ
---------------------------------------------------------------------------------*/
.basic span {
	cursor:pointer;
	display:block;
	padding:5px;
	font-weight: bold;
	color:#FFCC00;
}

.faq-answer {
	margin-bottom : 10px;
	margin-left:15px;
	padding: 10px;
}

.faq-answer a {
	text-decoration:underline;
}

/* Contact Us
---------------------------------------------------------------------------------*/
.contact-title {
	padding-left:50px;
	text-align:right;
	font-weight:bold;
	font-size:14px;
}

.contact-info {
	text-align:right;
}

.contact-info a {
	text-decoration:underline;
	color:#FF9999;
}

.form-column1 {
	float:left;
	width:300px;
	padding: 0px 10px 5px 0px;
	overflow:hidden;
}

.form-column2 {
	float:left;
	width:300px;
	margin-left:20px;
	padding: 0px 10px 5px 0px;
	overflow:hidden;
}

#pDate_Month_ID, #pDate_Day_ID {
	float:left;
	margin-bottom:20px;
	background-color:#E1E1FF;	
	border:1px solid #2580AF;
	width:100px;
}

#pDate_Year_ID {
	float:left;
	margin-bottom:20px;
	background-color:#E1E1FF;	
	border:1px solid #2580AF;
	width:100px;
	height:1.5em;
}

input, select {
	float:left;
	margin-bottom:5px;
	background-color:#E1E1FF;	
	border:1px solid #2580AF;
	width:210px;
}

textarea {
	margin-bottom:30px;
	background-color:#E1E1FF;	
	border:1px solid #2580AF;
	width: 350px;
}

#submit-button {
	background-color:#5A2400;
	border:1px solid #2580AF;
	color:#FFFFFF;
	margin-bottom:20px;
}

.form-header {
	clear:both;
	font-weight:bold;
	font-size:14px;
	color:#FFCC00;
}

.form-title {
	clear:both;
	font-weight:bold;
	padding-right:10px;
}

#show-extra {
	visibility:hidden;
}

#displayMsg {
	color:#FF0000;
}

/* Contact Us
---------------------------------------------------------------------------------*/
.testimonial {
	clear:both;
	padding-bottom:20px;
}

.testi-header {
	width:309px;
	height:37px;
	background-image:url(/images/testimonial/header-bg.jpg);	
}

.testi-header-name {
	color:#FFCC00;
	font-weight:bold;
	font-size:14px;
	padding:10px 0px 0px 10px;
}

.testi-date {
	float:right;
	padding-top:5px;
	padding-bottom:5px;
}

.testi-desc {
	padding:10px 0px 0px 10px;
}

.testi-space{
	clear:right;
	height:2px;
	background-color:#FF0000;
}

/* Paging
---------------------------------------------------------------------------------*/
/* IE Incompatible */
#paging{
	clear:both;
	margin-top:20px;
	float:right;
}

.paging-not-selected{
	margin-right:10px;
	text-decoration:underline;
}

#paging-selected{
	margin-right:10px;
	font-weight:bold;
	text-decoration:none;
}

/* Footer
---------------------------------------------------------------------------------*/
#footer-wrapper{
	clear:both;
	padding-top:10px;
	font-size:12px;
	text-align:center;
}