@import url("reset.css");
@import url("cmxform.css");
@import url("thickbox.css");

/* main tags */
body { font:1em Arial, Helvetica, sans-serif; color:#666;}
.left { float:left; }
.right{ float:right; }
.clear { display:block; clear:both; }
a {color:#0042a1; text-decoration:none; }
a:hover {text-decoration:underline; }
.important {color:#3577d5; font-weight:bold!important;}
p { padding-bottom:20px; }
dl{ padding:10px 0;}
dt { font-weight:bold; padding-bottom:10px;}
dd{padding-bottom:5px;}
iframe {float:right; margin-left:10px; border:3px solid #0042a1; }
h2 {font-size:1.4em;}
h3 {font-size:1.3em;}
h4 {font-size:1.2em;}
h5 {font-size:1.1em;}
h6 {font-size:1.1em;}

/* containers */
#container {margin:0 auto; width:900px;}
	#header{ position:relative;
				height:127px;  
				border-bottom:6px solid #3577d5;  
				margin-bottom:2px;  
				background:url(../images/core/head-bg.gif) bottom left no-repeat;
	}
	#main{ border-top:#0042a1 2px solid; border-bottom:2px solid #999; padding:8px 0 30px 0; margin-bottom:2px;}
		#banner{ height:135px; margin-bottom:1px; display:block; background:url(../images/banner/banner-bg.jpg) no-repeat;}
		#banner-used{ height:135px; margin-bottom:1px; display:block; background:url(../images/banner/used-banner-bg.jpg) no-repeat;}
		#content{ line-height:1.3em; font-size:.9em;  background:url(../images/headings/h1-bg.gif) 0 20px repeat-x; padding-top:20px;}
	#footer{border-top:6px solid #999; padding-top:12px; font-size:.8em; color:#999;}
	
/* header elements */
a img#logo { position:absolute; top:35px; left:229px; }

div#nav {
	width: 358px;
	height: 24px;
	position: absolute;
	right: 0;
	bottom: 0;
}

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

div#nav ul li {
	display: block;
	float: left;
}

div#nav ul li a {
	float: left;
	overflow: hidden;
	text-indent: -9999px;
	height: 24px;
}

div#nav ul li#home a {
	width: 53px;
	background: url('../images/core/nav-home.gif') 0 0 no-repeat;
	margin-right: 5px;
}

div#nav ul li#newV a {
	width: 111px;
	background: url('../images/core/nav-new.gif') 0 0 no-repeat;
	margin-right: 5px;
}

div#nav ul li#useV a {
	width: 115px;
	background: url('../images/core/nav-used.gif') 0 0 no-repeat;
	margin-right: 5px;
}

div#nav ul li#cont a {
	width: 64px;
	background: url('../images/core/nav-contact.gif') 0 0 no-repeat;
}


/* -- Rollover -- */
div#nav ul li#home a:hover,
div#nav ul li#newV a:hover,
div#nav ul li#useV a:hover,
div#nav ul li#cont a:hover {
	background-position: 0 -24px !important;
}


/* Featured Products */
#feature-products {}
#feature-products ul li{ width:445px; height:425px; float:left; margin-right:5px; background:#aec9ee url(../images/core/feature-product-bg.gif) bottom left no-repeat; color:#333;  font-size:.9em;}
#used-flash, #new-flash { width:445px; height:235px; display:block; overflow:hidden;}

#feature-products ul li h2 { height:40px; border-top:1px solid #fff; border-bottom:1px solid #fff; background:url(../images/headings/h2-new-feature.gif) no-repeat; text-indent:-9999px;margin:0 0 10px 0; padding:0; }
#feature-products ul li h2#h2-used-feature {background-image:url(../images/headings/h2-feature-used.gif); }
#feature-products ul li a img.minor-feature { float:left; border:5px solid #fff; margin:0 14px 0 10px; }
#feature-products ul li a:hover img.minor-feature { border:5px solid #3c7dda;}
#feature-products ul li p { padding:5px 10px 5px 0; }
#feature-products li p a  { text-decoration:none; }

/* headings */
h1 { height:40px; padding-bottom:20px; background:url(../images/headings/h1-welcome.gif) no-repeat 8px 8px; text-indent:-9999px; }
h1#h1-contact{background-image:url(../images/headings/h1-contact.gif); }
h1#h1-used{background-image:url(../images/headings/h1-used.gif); }
h1#h1-new{background-image:url(../images/headings/h1-new.gif); }
h1#h1-product{background-image:url(../images/headings/h1-product-details.gif); }
h1#error{background-image:none; }
h3 { padding-bottom:15px; }
h3.desc {padding-top:10px;}

/* products */
#products ul li { float:left; width:420px; height:110px; padding:10px; background:#c2d6f2; margin:0 10px 10px 0; }
#products ul li a img { float:left; border:5px solid #fff; margin:0 14px 0 10px; }
#products ul li a:hover img { border:5px solid #3c7dda;}
.button-more-info { float:left; clear:left; width:85px; background:url(../images/information-icon-small.gif) 0 4px no-repeat; padding:0 20px; margin:4px 0 0 10px; font-size:.8em; line-height:1.3em; }
#products ul li h4 { padding-bottom:5px; }
#products ul li h4 span { font-size:12px; font-weight:normal;}

.listindent {
	margin-left: 100px;
	border: 0px solid black;
	margin-top: 0px;
	margin-bottom: 20px;
}

.listindent ul{
	list-style-type: disc;
	margin-top: 0px;
}


/* footer */
#footer p {display:block; float:left; padding-right:30px; }
#footer a {color:#999; text-decoration:none; }
#footer a:hover { text-decoration:underline; }

/*product details */
dl#product-details {	float:left; padding-left:20px;}
dl#product-details dt { font-size:1.1em; }
a#button-enquire { float:left; width:97px; height:21px; display:block; background:url(../images/core/button-enquire.gif) 0 0; margin:10px 0 0 10px; text-indent:-9999px;}
a#button-enquire:hover { background-position:0 -21px;}
ul.thickboxes { clear:both; height:120px; padding:20px 20px 0 0; }
ul.thickboxes li { padding-right:10px; float:left; }
a.thickbox img { border:3px solid #3c7dda; }
a.thickbox:hover img { border:3px solid #ccc; }