/* Wearing's Engines CSS by NQ Webdesign www.nqwebdesign.com */


/* -- IMPORTED STYLESHEETS
----------------------------------------------------------------------------------------------------------*/
@import "reset.css";
@import "typography.css";
@import "common.css";
@import "form.css";

/* -- DEFAULT
----------------------------------------------------------------------------------------------------------*/
body
{
	font:12px "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	background:#6FB425;
}
span#nqweb-link
{
	background:url(../images/nqweb/pen.gif) left center no-repeat;
	padding:1px 0 1px 13px;
	display:block;
	float:right;
}

/* -- LAYOUT
----------------------------------------------------------------------------------------------------------*/
div#layout
{
	min-width:850px;
	text-align:center;
}


div#layout-inner
{
	
}

div#header-wrap,
div#nav-wrap,
div#intro-wrap,
div#main-wrap,
div#footer-wrap 
{
	clear:both;
	width:100%;
}

div#header,
div#nav,
div#intro,
div#main,
div#footer 
{
	margin:0 auto;
	width:850px;
	text-align:left;
}

div#header-wrap { background:#FFCC00; }
div#header { padding:15px 0; }
div#logo { }
div#logo h1 { line-height:0; margin:0; padding:0; }


div#nav-wrap{ background:#000000; color:#FFCC00;}
div#nav{ }

div#intro-wrap{ background:#6FB425 url(../images/layout/intro-wrap.gif) repeat-x 0 0;  border-top:1px solid #FFF;}
div#intro{  background:url(../images/layout/intro.gif) no-repeat 100% 0; color:#DCFBBB;}

div#main-wrap { background:#FFF;}
div#main { }
div#sidebar { float:left;  width:240px; color:#777; }
div#content { float:left; color:#777; width:610px; }
div#sidebar-inner{ padding:20px 0 20px 0; }
div#content-inner{ padding:20px 40px 20px 0; }

div#footer-wrap { border-top:1px solid #d4d4d4; }
div#footer { font-size:92%; color:#DCFBBB; padding:20px 0 20px 0; }
div#footer-nav{ margin-bottom:10px; }
div#footer-info{ }





/* -- NAVIGATION
----------------------------------------------------------------------------------------------------------*/
div#header-nav{ float:right; }
	
	#header-nav ul
	{
	  list-style:none;
	  padding:0;
	  margin:0;
	}
	
	#header-nav ul li
	{
		display:inline;
		margin:0;
		padding:0;
	}
	#header-nav ul li a
	{
		padding:5px 2px;
		color:#996600;
		font-size:11px;
		text-decoration:none;
		margin-left:20px;
	}
	
	#header-nav ul li a:hover
	{
		color:#458212;
		text-decoration:underline;
	}

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

#nav ul li
{
	display:inline;
	margin:0;
	padding:0;
}

#nav ul li a
{
	padding: 0.6em 1.5em 0.6em 1.5em;
	color:#FFCC00;
	float: left;
	text-decoration: none;
	font-size:14px;
	font-weight:normal;
}

body#page-home #nav ul li#home a,
body#page-stock #nav ul li#stock a,
body#page-services #nav ul li#services a,
body#page-engines #nav ul li#engines a,
body#page-cylinders #nav ul li#cylinders a,
body#page-contact #nav ul li#contact a,


#nav a:hover
{
	background:#FFCC00;
	color:#000;

}

/* -- TYPOGRAPHY > HEADINGS, PARAGRAPHS, LISTS
----------------------------------------------------------------------------------------------------------*/

#content h2, #content h1,
#sidebar h2, #sidebar h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:18px;
	line-height:22px;
	color:#458212;
}
#intro h2
{
	font:14px Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:18px;
	color:#FFF;
	margin-bottom:5px;
}


#sidebar h3,
#content h3
{
	font:14px Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:18px;
	color:#000;
	margin-bottom:5px;
}


/* -- LINKS
----------------------------------------------------------------------------------------------------------*/

#intro a:link, #intro a:visited
{
	color:#FFCC00;
}
#intro a:hover
{
	color:#000;
	text-decoration:none;
	background:#FFCC00;
}

#content a:link, #content a:visited,
#sidebar a:link, #sidebar a:visited
{
	color:#458212;	
}

#content a:hover,
#sidebar a:hover
{
	background:#458212;
	color:#FFF;
	text-decoration:none;

}

#footer a:link, #footer a:visited
{
	color:#FFCC00;	
}
#footer a:hover
{
	color:#000;
	text-decoration:none;
	background:#FFCC00;
}


/* -- FORMS
----------------------------------------------------------------------------------------------------------*/

/* -- TABLES
----------------------------------------------------------------------------------------------------------*/
.tabular-data
{
	border:none;
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
}

.tabular-data thead tr
{
	background-color:#0C3257;
}

.tabular-data th
{
	color:#FFFFFF;
	font-weight:normal;
	padding:4px;
}
	
.tabular-data td
{
	border-bottom:1px solid #D2E2FB;
	font-size:11px;
	padding:4px;
}

.tabular-data tbody tr.odd
{
	background-color:#EDF2FE;
}

.tabular-data tbody tr.even
{
}


dl.details
{
	margin:0;
	display:block;
}

.details dt
{
	font-weight: bold;
	float: left;
	clear: left;
	text-align:right;
	width: 25%;
	display:block;
	color:#555;

}
.details dd
{
	display:block;
	width:70%;
	margin-left:30%;
	line-height:18px;
	margin-bottom:5px;
}

/* -- COLUMNS 
----------------------------------------------------------------------------------------------------------*/

div.column
{
	float:left;
	width:25%;
	text-align:left;
	display:block;
}

div.column .column-inner { padding:20px 35px; }
div.column-first { }
div.column-first .column-inner {padding-left:0; }
div.column-last { clear:right; }
div.column-last .column-inner { padding-right:0; }


div#intro div.column
{
	width:50%;
}


/* -- SHADOW BOX
----------------------------------------------------------------------------------------------------------*/

.shadow-box
{
	padding:5px;
	background:#E1E1E1;
	margin:5px 0 30px 0;
	position:relative;
}


.shadow-box div
{
	margin: -10px 0 0 -10px;
	background:#FFF;
	border:1px solid #CFCFCF;
	position:relative;
	padding:20px;
}


#sb-contact h3 { background:url(../images/layout/icon-star.gif) no-repeat 0 50%; padding:0 0 0 20px; }
#sb-enquiry h3 {background:url(../images/layout/icon-email.gif) no-repeat 0 50%; padding:0 0 0 20px; }

/* -- MISC.
----------------------------------------------------------------------------------------------------------*/

.img-border			{ border:1px solid #CACACA; background:#FFF; padding:4px; }
.img-right			{ border:1px solid #CACACA; background:#FFF; padding:4px; }
.img-left 			{ border:1px solid #CACACA; background:#FFF; padding:4px; }