/*-----------------------
CSS - Proquip
-----------------------*/



* {
	padding: 0;
	margin: 0;}

body {
	margin: 0;
	padding: 0;
	background: #6A6A6A url(../images/concept/bg.gif) repeat-x top;
	font:11px/18px Tahoma, Arial, Helvetica, sans-serif;}

#container {
	padding: 16px 10px 0 10px;
	background:url(../images/page-bg.gif) no-repeat top;}

#repeat-bg {
	background:url(../images/content-bg.gif) repeat-y top;
	width: 780px;
	margin: 0 auto;}

a img {
	border:0px;}

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

a:hover {
	text-decoration:underline;}
p {
	margin:0 0 15px 0;}

h3 {
	font-size:12px;}

h4 {
	font-size:12px;
	color:#7B8FC3;
	padding:0 0 20px 0;}
	
.imgGap {
	height:140px;}

.contentSpace {
	height:300px;}

/* HEADER */

#header {
	width:760px;
	height:142px;}
	
#logo {
	width:247px;
	padding:28px 125px 0 13px;
	float:left;}

.header-address {
	width:170px;
	float:left;
	border-left:1px solid #aeaeae;
	margin:40px 0 0 0;
	padding:3px 0 0 10px;}

#cart-summary {
	float:left;
	width:312px;
	text-align:right;
	padding:10px 50px 0 0;}



/* NAVIGATION & BANNER */

#nav-and-banner {
	width:760px;
	padding:0 0 20px 0;}

#nav { width:243px; padding:0 0 0 13px; float:left;}
#nav ul { list-style-type:none;}
#nav ul li { display: inline; }
#nav ul li a {	height:22px; display:block; text-decoration:none; } 
#nav ul li a:hover { background-position:0 -22px !important; } 
#nav ul li.active a { background-position:0 -22px !important; }

#nav ul li#home a {	background:url(../images/nav/home.gif); }
#nav ul li#profile a { background:url(../images/nav/profile.gif); }
#nav ul li#new-machinery a {	background:url(../images/nav/new-machinery.gif); }
#nav ul li#second-hand-machinery a {	background:url(../images/nav/second-hand-machinery.gif); }
#nav ul li#online-parts-store a {	background:url(../images/nav/online-parts-store.gif); }
#nav ul li#latest-news a {	background:url(../images/nav/latest-news.gif); }
#nav ul li#hire a { background:url(../images/nav/hire.gif); }
#nav ul li#servicing-centre a {	background:url(../images/nav/servicing-centre.gif); }
#nav ul li#contact a {	background:url(../images/nav/contact.gif); }

.hidden {display:none;}

#banner {
	width:495px;
	float:left;}
	


/* CONTENT AREA */

#content {
	width:738px;
	padding:0 0 0 13px;
	color:#3e3e3e;}
	
#content ul {
	padding:0 0 20px 20px;}
	
#content li {
	padding:0 0 0 10px;}

.content-pic {
	width:230px;
	float:left;
	padding:3px;}


/* INDEX LAYOUT */

#index-left {
	width:243px;
	float:left;
	color:#fff;}
	
.news-panel {
	background:#3e3e3e;
	padding:15px 15px 10px 10px;}

.panel-divider {
	text-align:center;
	background:#3e3e3e;}

#index-right {
	width:490px;
	float:left;
	padding:0 0 0 5px;}
	


/* PAGE LAYOUTS */

#text-area {
	padding:20px 15px;
	background:url(../images/text-bg.gif) repeat-x top;
	margin:3px 0 0 0;}

.row {
	margin:0 0 20px 0;}

.profile-item {
	width:354px;
	float:left;
	margin:0 0 20px 0;}

.profile-pic {
	width:126px;
	float:left;}

.profile-text {
	float:left;
	padding:0 0 0 20px;}

.img-roll {
	margin:0 0 15px 0;}

a img.img-roll {
	border:5px solid #999;}

a:hover img.img-roll {
	border:5px solid #333;}

/* Jay's modify */
.defaultImg {
	border:5px solid #999;}

.product-left {
	width:240px;
	float:left;}
	
.product-right {
	width:448px;
	float:left;
	padding:0 0 0 20px;}

.parts-listing {	
	width:170px;
	padding:3px;
	float:left;
	text-align:center;}

.part-field-left {
	width:150px;
	float:left;
	height:20px;}

.part-field-right {
	width:298px;
	float:left;}



/* FOOTER & PAGE END */

#footer-divider {
	border-bottom:8px solid #aeaeae;
	width:737px;
	margin:0 0 0 13px;}

#footer {
	width:737px;}
	
#logo-wf {
	width:737px;
	text-align:center;}
	
#breadcrumb {
	padding:5px 0 0 0;
	width:737px;
	float:left;
	text-align:center;
	color:#aeaeae;}

#breadcrumb a {
	color:#aeaeae;
	text-decoration:none;
	font-size:10px;}

#breadcrumb a:hover {
	text-decoration:underline;}

#page-end {
	width:780px;
	margin:auto;}

#cart {
	width:708px;}
	
table#carttable {
	border:1px solid #999;
	background:#fff;}
	
#carttable td {
	border-bottom:1px solid #999;
	padding:3px 5px;}
	
#carttable th {
	background:#999;
	color:#fff;
	padding:3px 5px;}
	
table#checkouttable {
	border:1px solid #999;
	background:#fff;}
	
#checkouttable td {
	padding:3px 5px;}
	
.inputbutton {
	margin:0 20px 0 0;}

	
	
/* CONTACT */	
	
#contact-form {
	width:320px;
	padding:0 20px 0 10px;
	float:left;}

.contact-form-row {
	width:320px;
	margin:0 0 5px 0;}
	
.contact-form-left {
	width:100px;
	float:left;}

.contact-form-right {
	width:200px;
	float:left;
	padding:0 0 0 20px;}

.field {
	width:198px;
	border:1px solid #d4d5d8;
	background:#fdfdfd;
	height:20px;}
	
.address	{
	width:177px;
	float:left;}
	
#map {
	width:352px;
	float:left;
	margin:20px 0 0 0;
	border:1px solid #000;}	
	
	
	

/* CLEARFIX */

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

.clearfix {display: inline-block;}

/* Hide from IE-mac\*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */