@import url("nav.css");
@import url("cmxform.css");


/*-----------------------

Westwide Motor Wreckers

----------------------*/


* {
	padding: 0;
	margin: 0;
} /* this will reset all elements to margin/padding = 0 */


/*-----------------------
Body
----------------------*/
body {
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	background: #e9eaeb url('../images/core/bg.gif') center top repeat-y;
}


/*-----------------------
Standard
----------------------*/
h1 { 
	font-size: 2.4em;
	font-weight: normal;
	color: #555555;
	margin-bottom: 20px;
}

h2 { 
	font-size: 1.4em;
	padding: 5px 7px;
	color: #ffffff;
	background-color: #a4a4a4;
	margin-bottom: 20px;
}

h3 { 
	font-size: 1.3em;
	font-weight: bold; 
	color: #fa1c15;
	margin-bottom: 10px;
}

h4 { 
	font-size: 1.2em; 
	color: #3e3d3c;
	font-weight: normal; 
}

h5 { 
	font-size: 1.1em; 
	color: #3e3d3c;
	font-weight: bold;
}

p { 
	font-size: 1.1em;
	line-height: 1.6em;
	margin-bottom: 20px;
}

img.left {
	float: left;
	margin: 0 15px 15px 0;
	border: 5px solid #dbe7f9;
	clear: left;
}

img.right {
	float: right;
	margin: 0 0 15px 15px;
	border: 5px solid #dbe7f9;
	clear: right;
}

ul { 
	list-style-type: square;
	margin-left: 30px; 
	font-size: 1.1em;
}

ul li { 
	line-height: 1.6em;
}

ul.no-list { 
	list-style-type: none;
}

ul.list-pdf {
	list-style-type: none;
}

ul.list-pdf li {
	background: url('../images/core/icon-pdf.gif') no-repeat;
	padding-left: 26px;
	line-height: 1.6em;
}

ol { 
	margin-left: 40px; 
	font-size: 1.1em;
}

ol li {
	line-height: 1.6em;
}

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

a:hover { 
	color: #d1181f; 
	text-decoration: underline; 
}

hr {
	border: 0;
	height: 0;
	border-bottom: 1px solid #c5c5c5;
	margin: 15px 0;
}

.clear {
	display: block;
	clear: both;
}


/*-----------------------
Header
----------------------*/
div#bg-header {
	height: 150px;
	background: #d0181f url('../images/core/bg-header.gif') center top no-repeat;
}

/* ---- Header Container ----- */
div#header-container {
	width: 939px;
	height: 150px;
	margin: 0 auto;
	background: url('../images/core/bg-header-container.png') left top no-repeat;
	position: relative;
}

/* ---- Logo ----- */
div#logo {
	width: 204px;
	height: 138px;
	position: absolute;
	top: 6px;
	left: 16px;
}

div#logo img {
	border: 0;
}

h2#slogan-westwide {
	width: 303px;
	height: 32px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	background: url('../images/core/slogan-westwide.png') 0 0 no-repeat;
	margin-bottom: 0;
	position: absolute;
	top: 48px;
	left: 227px;
}

h3#slogan-cant-find {
	width: 198px;
	height: 17px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	background: url('../images/core/slogan-cantfind.png') 0 0 no-repeat;
	margin-bottom: 0;
	position: absolute;
	top: 47px;
	right: 79px;
}

h4#slogan-call-us a {
	width: 246px;
	height: 15px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	background: url('../images/core/slogan-callus.png') 0 0 no-repeat;
	margin-bottom: 0;
	position: absolute;
	top: 67px;
	right: 31px;
}

h4#slogan-call-us a:hover {
	background: url('../images/core/slogan-callus-on.png') 0 0 no-repeat;
}

/* ---- Nav (See nav.css) ----- */


/*-----------------------
Banner
----------------------*/
div#bg-banner {
	height: 320px;
	background: #010101 url('../images/core/bg-banner.gif') center top repeat-x;
}

/* ---- Banner Container ----- */
div#banner-container {
	width: 939px;
	height: 320px;
	margin: 0 auto;
	background: url('../images/core/bg-banner-container.gif') center top no-repeat;
	position: relative;
}

/* ---- Banner Left ----- */
div#banner-left {
	width: 355px;
	height: 182px;
	position: absolute;
	top: 50px;
	left: 35px;
}

div#banner-left h2#slogan-second-hand {
	width: 268px;
	height: 45px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	background: url('../images/core/slogan-secondhand.gif') 0 0 no-repeat;
	margin-bottom: 32px;
}

div#banner-left h3#slogan-specialising {
	width: 253px;
	height: 29px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	background: url('../images/core/slogan-ww-specialising.gif') 0 0 no-repeat;
}

div#banner-left ul {
	list-style-type: none;
	margin: 0;
	margin-top: 12px;
}

div#banner-left ul li {
	float: left;
	padding-right: 12px;
}

div#banner-left ul li a img {
	border: 0;
}

/* ---- Banner Right ----- */
div#banner-right {
	width: 704px;
	height: 325px;
	position: absolute;
	top: -5px;
	right: 0;
}

/* -- Magnawreck -- */
div#banner-left-magna {
	width: 430px;
	height: 165px;
	position: absolute;
	top: 33px;
	left: 35px;
}

div#banner-logo {}

div#banner-logo ul {
	list-style-type: none;
	margin: 0;
}

div#banner-logo ul li {
	float: left;
}

div#banner-logo ul li.service {
	padding-left: 5px;
}

div#banner-logo ul li a img {
	border: 0;
}

h2#slogan-shand {
	width: 215px;
	height: 63px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	background: url('../images/core/slogan-shand.gif') 0 0 no-repeat;
}

/* -- Services -- */
div#services {
	width: 50px;
	height: 50px;
	float: left;
	margin-top: 34px;
}

/* -- Magnawreck --*/
div#services h3#slogan-magna {
	width: 295px;
	height: 23px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	background: url('../images/core/slogan-magnawreck.gif') 0 0 no-repeat;
	margin-bottom: 12px;
}

div#services #specialising-box {
	width: 395px;
	height: 40px;
}

div#specialising-box img {
	border: 0;
}

div#specialising-box ul {
	list-style-type: none;
	margin: 0;
}

div#specialising-box ul li {
	float: left;
}


div#specialising-box ul li.specialising-logo {
	padding-left: 8px;
}

div#services h4#slogan-mspecialising {
	width: 95px;
	height: 18px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	background: url('../images/core/slogan-specialising.png') 0 0 no-repeat;
}

/* -- Hyundewreck --*/
div#services h3#slogan-hyunde {
	width: 314px;
	height: 23px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	background: url('../images/core/slogan-hyundewreck.gif') 0 0 no-repeat;
	margin-bottom: 12px;
}


/*-----------------------
Content
----------------------*/
div#bg-content {
	background: #d5d7d9 url('../images/core/bg-content.gif') center top repeat-x;
}

/* ---- Content Container ----- */
div#content-container {
	width: 939px;
	margin: 0 auto;
	background: #e9eaeb url('../images/core/bg-content-container.gif') center top repeat-x;
}

div#container {
	padding: 35px 22px 0 35px;
}

div#container:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* -- Wide Content -- */
div#wide-content {
	width: 869px;
	/*margin-bottom: 25px;  <--- */
}

/* -- Left Content -- */
div#left-content {
	width: 690px;
	float: left;
	margin-right: 47px
}

/* Page title */
h1.pagetitle {
	text-indent: -9999px;
	width: 600px;
	height: 24px;
}

body#home h1.pagetitle { background: url('../images/titles/welcome.gif') no-repeat; }
body#about h1.pagetitle { background: url('../images/titles/about.gif') no-repeat; }
body#magna h1.pagetitle { background: url('../images/titles/magnawreck.gif') no-repeat; }
body#westwide h1.pagetitle { background: url('../images/titles/westwide-wreck.gif') no-repeat; }
body#hyunde h1.pagetitle { background: url('../images/titles/hyundewreck.gif') no-repeat; }
body#used h1.pagetitle { background: url('../images/titles/used-parts.gif') no-repeat; }
body#contact h1.pagetitle { background: url('../images/titles/contact.gif') no-repeat; }

/* -- Right Content -- */
div#right-content {
	width: 145px;
	float: left;
}

div#map {
	margin-top: 20px;
}

div#map img {
	border: 3px solid #2e2e2f;
}

/* -- Title -- */
h1.pagetitle-contact { 
	background: url('../images/titles/contact.gif') no-repeat;
	text-indent: -9999px;
	height: 24px;
}

/* -- Contact -- */
div#right-content ul {
	list-style-type: none;
	margin: 0;
}

div#right-content ul li {
	padding-left: 18px;
	line-height: 1.8em
}

div#right-content ul li.phone {
	background: url('../images/core/icon-phone.gif') 0 2px no-repeat;
}

div#right-content ul li.fax {
	background: url('../images/core/icon-fax.gif') 0 2px no-repeat;
}

div#right-content ul li.email {
	background: url('../images/core/icon-email.gif') 0 2px no-repeat;
}

/* -- Logo (Magnawreck and Hyundewreck) -- */
div#right-content ul#logo-wreck {
	list-style-type: none;
	margin: 20px 0 0 -18px;
}

div#right-content ul#logo-wreck li {
	padding-bottom: 3px;
}

div#right-content ul#logo-wreck li a img {
	border: 0;
}

/* -- Button -- */
div#button {}

div#button ul {
	list-style-type: none;
	margin: 0;
}

div#button ul li {
	float: left;
	width: 90px;
	height: 26px;
	background: url('../images/core/bg-button.gif') center top repeat-x;
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: 2.6em;
	margin: 0 5px 15px 5px;
}


/*-----------------------
Westwide
----------------------*/
div#products-westwide {
	margin-bottom: 30px;
}

div#westwide-images {
	width: 150px;
	float: left;
}

div#westwide-content {
	width: 620px;
	float: left;
	padding-left: 30px;
}


/*-----------------------
Magnawreck
----------------------*/
div#products {}

div#products ul {
	list-style-type: none;
	margin: 0;
	margin-bottom: 20px;
}

div#products ul li {
	float: left;
	padding: 0 5px 10px 10px;
}


/*-----------------------
Contact Us
----------------------*/
div#employment {}

div#employment ul {
	margin-bottom: 10px;
}

div#enquiry-form {
	margin-bottom: 40px;
}


/*-----------------------
Footer
----------------------*/
div#bg-footer {
	height: 82px;
	background: #e9eaeb;
}

/* ---- Footer Container ----- */
div#footer-container {
	width: 939px;
	height: 82px;
	margin: 0 auto;
	background: #ffffff;
	position: relative;
}

/* ---- Footer Container ----- */
div#footer-affiliates {
	width: 276px;
	height: 56px;
	position: absolute;
	top: 8px;
	left: 22px;
}

div#footer-affiliates ul {
	list-style-type: none;
	margin: 0;
}

div#footer-affiliates ul li {
	float: left;
	padding: 0 5px;
}

div#footer-affiliates ul li img {
	border: 0;
}

/* ---- Footer Links ----- */
div#footer-links {
	width: 605px;
	height: 55px;
	font-size: 1.1em;
	line-height: 1.8em;
	color: #818181;
	position: absolute;
	top: 15px;
	right: 32px;
}

div#footer-links em.black {
	font-style: normal;
	color: #000;
}

div#footer-links a { 
	color: #d1181f; 
	text-decoration: none; 
}

div#footer-links a:hover { 
	color: #d1181f; 
	text-decoration: underline; 
}

div#footer-links ul { 
	list-style-type: none;
	margin: 0;
	font-size: 1em;
	color: #000;
}

div#footer-links ul li { 
	float: left;
	padding: 0 2px;
}

div#footer-links ul li.icon-bank { 
	padding-top: 2px;
}

/* ---- Webfirm Logo ----- */
div#wflogo {
	width: 70px;
	height: 17px;
	position: absolute;
	top: 30px;
	right: 10px;
}

div#wflogo img {
	border: 0;
}



/*Tables*/
table{
	font-size:1.1em;
	background:#ffffff;
	border:solid 1px #DDDDDD;
	padding:3px;
	margin-bottom:20px;
}