* {
	margin: 0 ;
	padding: 0 ;
}

body {
	padding-bottom: 20px ;
	font: 12px/1.5 Verdana, Arial, Helvetica, sans-serif ;
	background: #fff url(images/usxbg.jpg) no-repeat 220px 55px ;
	color: #333 ;
}

#container {
	position: relative ;
}

#header {
	border-top: 4px solid #328 ;
	background: transparent url(images/logo.png) no-repeat top left ; 
	height: 50px ;
}

#header h1 { display: none ; }

#nav {
	width: 165px ;
	float: left ;
}

#content {
	padding: 10px 10px 0  ;
	background: transparent url(images/shadow.png) no-repeat top left ;
	position: absolute ;
	left: 166px ;
	top: 54px ;
}

* html #content {
	left: 168px ;
}

#footer {
	margin-top: 20px ;
	padding-top: 5px ;
	border-top: 1px dotted #328 ;
	font-size: 9px ;
	font-weight: normal ;
	font-style: italic ;
	clear: both ;
}

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

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

a:hover { text-decoration: underline ; }

a img { border: none ; }

h1 { font-size: 21px ; }

h2,h3 {
	margin-bottom: 10px ;
	padding-left: 2px ;
	font: normal bold 19px/1.5 Trebuchet MS, Verdana, Arial, Helvetica, sans-serif ;
	color: #328 ;
}

h2#catalogue { background-color: #f9c ; }
h2#stock { color: #fff ; background-color: #66a ; }

h3 { font-size: 16px ; }

h5 {
	margin: 5px 0 ;
	color: #328 ;
	font-weight: bold ;
	font-size: 11px ;
}

p { margin-bottom: 10px ; }

span.home { font-weight: bold ; color: #328 ; }
span.away { font-weight: bold ; color: #c33 ; }

table#listing tr.hilite span.home { color: #fff ; }
table#listing tr.hilite span.away { color: #fff ; }

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

#newbox {
	position: absolute ;
	left: -158px ;
	top: 100px ;
	width: 130px ;
	padding: 50px 10px 5px ;
	z-index: 1 ;
	border: 2px solid #c00 ;
	background: #328 ;
}

#newbox a {
	display: block ; 
	padding: 5px 10px ;
	font-size: 11px ;
	line-height: 1.3 ;
	color: #fff ;
	font-weight: bold ;
}

#newbox a:hover { background: #c00 ; text-decoration: none ; }

#newbox ul { list-style: none ; }
#newbox li { margin: 0 -10px 5px ; }

#newheader {
	position: absolute ;
	left: -158px ;
	top: 65px ;
	text-indent: -9999px ;
	width: 154px ;
	height: 88px ;
	background: transparent url(/images/voip-boxtop.png) no-repeat left top ;
	z-index: 2 ;
}

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

#quicksearch {
	float: right ;
	text-align: right ;
	line-height: 1.0 ;
	display: none ;
}

#quicksearch form { 
	margin: 8px 10px 0 0 ; 
	background-color: #f9c ; 
	padding: 2px 4px ; 
	border: 1px solid #328 ; 
	color: #328 ;
	font: normal bold 0.9em/1em Verdana, Arial, Helvetica, sans-serif ;
}

#quicksearch input.formtext {
	width: 90px ;
	padding: 2px 2px 3px ;
	font-size: 10px ;
	font-weight: bold ;
	color: #000 ;
	background-color: #eee;
	border: 1px solid #328 ;
}

#quicksearch input.formsubmit {
	padding: 1px ;
	width: 30px ;
	font-size: 10px ;
	font-weight: bold ;
	color:	#fff ;
	background-color: #328 ;
	border: 1px solid #fff ;
}

body#partscat #quicksearch,
body#partscatsearch #quicksearch,
body#partscatrelated #quicksearch { display: block ; }

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

div.boxoutcontainer {
	margin-left: 20px ;
	width: 175px ;
	float: right ;
}

div.boxout {
	border: 1px solid #328 ;
	margin-bottom: 10px ;
	color: #000 ;
	background-color: #fff ;
}

div.boxoutcontainer a:hover { text-decoration: none ; }

div.boxout h3 {
	padding: 3px ;
	margin: 0 ;
	background-color: #328 ;
	color: #fff ;
	font: 14px/16px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif ;
}

div.boxout p {
	padding: 5px 5px 0px ;
	font-size: 9px ; 
}

div.boxout ul {
	margin: 0 10px 10px 15px ;
	padding: 5px 5px 0px 10px ;
	font-size: 9px ; 
}

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

p#filter {
	margin: 15px 0 15px ;
	padding: 5px 63px 5px 5px ;
	color: #fff ;
	background-color: #66a ;
	font-size: 11px ;
	line-height: 1.0 ;
	border: 1px solid #328 ;
}

p#filter a { color: #fff ; }

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

table#listing {
	border: 1px solid #328 ;
	border-top-width: 2px ;
	margin-bottom: 5px ;
	font-size: 10px ;
	font-weight: normal ;
}

table#listing th {
	padding: 2px 8px ;
	border-bottom: 1px solid #328 ;
	color: #328 ;
	background-color: #bbd ;
	font-weight: bold ;
	text-align: left ;
	vertical-align: bottom ;
}

table#listing tr { color: #333 ; background-color: #fff ; }
table#listing tr.shaded { color: #333 ; background-color: #dde ; }
table#listing tr.hilite { color: #fff ; background-color: #328 ; }

table#listing td {
	padding: 2px 8px ;
	border-bottom: 1px solid #328 ;
}

body#partscat table#listing th,
body#partscatsearch table#listing th,
body#partscatrelated table#listing th { background-color: #f9c ; }

body#partscat table#listing tr.shaded,
body#partscatsearch table#listing tr.shaded,
body#partscatrelated table#listing tr.shaded { background-color: #fde ; }

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

table#contact td { vertical-align: top ; }

table#contact td textarea {
	padding: 5px ;
	width: 420px ;
	height: 150px ;
	font: 12px Verdana, Arial, Helvetica, sans-serif ;
}

input.btn {
	padding: 1px ;
	width: 100px ;
	font-size: 10px ;
	font-weight: bold ;
	color: #fff ;
	background-color: #328 ;
}

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

#navmakes ul.exptree {
    border: 0 ;
	margin: 0 ;
	width: 140px ;
	border-right: 1px solid #328 ;
	padding: 0 0 1em 0;
	margin-bottom: 1em;
	font-family: Arial, sans-serif;
    font-size: 9px ;
	line-height: 11px ;
	background-color: #dde ;
	color: #333 ;
	list-style: none;
}

html>body #navmakes ul.exptree {
	width: 165px ;
}

#navmakes ul.exptree ul {
	margin: 0;
	padding: 0;
	border: none;
}
		
#navmakes ul.exptree li {
    border-bottom: 1px solid #f9c ;
	margin: 0;
}

#navmakes ul.exptree li ul {
    display: none;
}

#navmakes ul.exptree li ul li {
    border-bottom: 0 ;
}


#navmakes ul.exptree li a {
		display: block;
		padding: 3px 2px 2px 0.5em;
		border-left: 10px solid #328 ;
		border-right: 10px solid #bbd ;
		background-color: #66a ;
		color: #fff;
		text-decoration: none;
		width: 100%;
		}

#navmakes ul.exptree li ul li a {
		display: block;
		padding: 2px 2px 1px 0.5em;
		border-left: 10px solid #66a ;
		border-right: 10px solid #dde ;
		border-bottom: 0 ;
		background-color: #fff ;
		color: #328 ;
		text-decoration: none;
		width: 100%;
		}

html>body #navmakes ul.exptree li a {
		width: auto;
		}

#navmakes ul.exptree li a:hover {
		border-left: 10px solid #bbd;
		border-right: 10px solid #66a;
		background-color: #328 ;
		color: #fff;
		}

#navmakes ul.exptree li a {
		border-left: 10px solid #66a;
		border-right: 10px solid #bbd;
		background-color: #328 ;
		color: #fff;
		}

#navmakes ul.exptree li a:hover {
		border-left: 10px solid #bbd ;
		border-right: 10px solid #328 ;
		background-color: #66a ;
		color: #fff ;
		}

#navmakes ul li ul li {
	margin: 0;
	border-bottom: 0 ;
} 

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

body#details {
	color: #333 ;
	background-color: #fff ;
	font: 12px/1.5 Verdana, Arial, Helvetica, sans-serif ;
	background: transparent url(images/usxbg.jpg) no-repeat center center ;
}

body#details p,
body#details table {
	margin-left: 10px ;
	margin-right: 10px ;
}

body#details h2 {
	margin: 10px ;
}

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

body#home ul.exptree li.listnav,
body#contact ul.exptree li.listnav,
body#terms ul.exptree li.listnav { display: none ; }

body#home #quicksearch,
body#contact #quicksearch,
body#terms #quicksearch { display: none ; }

#stocklistbox, #partscatbox {
	float: left ;
	width: 45% ;
	border: 1px solid ;
	margin: 10px 0 10px 2% ;
	background-color: #fff ;
	padding-top: 250px ;
}

#stocklistbox { border-color: #66a ; }
#partscatbox { border-color: #f9c ; }

* html #stocklistbox, * html #partscatbox { width: 43% ; margin-left: 1% ; height: 250px ; padding-top: 0 ; }

#stocklistbox h3, #partscatbox h3 { text-align: center ; margin-top: -250px ; }
* html #stocklistbox h3, * html #partscatbox h3 {margin-top: 0 ; }

#stocklistbox h3 a { color: #fff ; background-color: #66a ; display: block ; margin-left: -2px ; }
#partscatbox h3 a { color: #328 ; background-color: #f9c ; display: block ; margin-left: -2px ; }

#stocklistbox p, #partscatbox p { padding: 0 5px ; font-size: 0.9em ; margin-top: 0 ; margin-bottom: 0.5em ; }

#main { margin-right: 195px ;}
* html #main { height: 1px ; }

#stocklistbox a, #partscatbox a  { color: #66a ; font-size: 1.2em ; font-weight: bold ; }
#partscatbox a  { color: #d7a ; }

#partscatbox form { padding-left: 5px ; margin: 0.5em 0 ; text-align: center ;}
#partscatbox input.formtext {
	width: 130px ;
	padding: 2px 2px 3px ;
	font-size: 10px ;
	font-weight: bold ;
	color: #000 ;
	background-color: #eee;
	border: 1px solid #d7a ;
}

#partscatbox input.formsubmit {
	padding: 1px ;
	width: 30px ;
	font-size: 10px ;
	font-weight: bold ;
	color:	#333 ;
	background-color: #d7a ;
	border: 1px solid #333 ;
}