@charset "utf-8";
/* CSS Document */

* {
	margin:0; 
	padding:0;
}

/*general*/

body {
	background:#EAEAEA;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:center;
}

p {
	font-size:12px;
	line-height:18px;
	color:#666;
}

h1 {
	font-size:18px;
	line-height:inherit;
	color:#003046;
	font-weight:normal;
}

h2 {
	font-size:18px;
	line-height:inherit;
	color:#003046;
	font-weight:bold;
}

h3, h4, h5, h6 {
	font-size:12px;
	line-height:12px;
	padding-bottom:12px;
	color:#666;
	font-weight:bold;
}

a {
	font-style:normal;
	text-decoration:none;
	color:#666;
}

a:hover {
	font-style:normal;
	text-decoration:underline;
}

a.blue {
	color:#003046;	
}

span.bold {
	font-weight:bold;
}

span.header {
	color:#003046;
	font-size:12px;
	line-height:36px;
	margin:0 10px;
}

span.small  {
	font-size:10px;
	line-height:16px;
}

strong.highlight {
	color:#CB2626;
	font-weight:normal;
}

strong.special {
	font-style:italic;
	font-size:18px;
	font-weight:normal;
	line-height:20px;
}

img {
	border:0;	
}

h1 img {
	vertical-align:middle;
}

.content {
	text-align:left;
}

.content h1, .content h2, .content h3, .content h4, .content p, .content span {
	margin:0 16px;
}

.clearfloat {
	clear:both;
    height:0;
    font-size:1px;
    line-height:0px;
}

hr {
	border:0;
	margin:10px 16px;
	color:#D9D9D9;
	background-color:#D9D9D9;
	height:1px;
}

/*container*/

#container {
	position:relative;
	width:807px;
	margin:0 auto;
	padding-top:16px;
}

/*header*/

#header {
	width:795px;
	margin:0 auto;
	overflow:hidden;
}

.logo {
	display:block;
	width:320px;
	height:100px;
	margin:0 auto 6px auto;
	overflow:hidden;
	background:url(images/canada_trailers_logo.jpg) top left no-repeat;
}

span.nav {
	font-size:14px;
	line-height:32px;
	color:#003046;
	font-weight:bold;
}

#nav, #nav ul {
	z-index:10;
	list-style:none;
	line-height:1;
	text-align:left;
	padding:6px 0 21px 0;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
}

#nav a {
	display:block;
	font-style:normal;
	font-weight:bold;
	text-decoration:none;
	color:#003046;
}

#nav a:hover {
	font-style:normal;
	color:#9D1D1D;
	text-decoration:underline;
}

#nav li {
	float:left;
	padding:0 14px;
	font-size:14px;
	color:#003046;
}

#nav li ul {
	width:180px;
	padding:4px 10px 6px 10px;
	position:absolute;
	background:#F2F2F2;
	border:1px solid #CCC;
	left:-9999px;
}

#nav li ul a {
	width:180px;
	font-weight:normal;	
	border-bottom:1px solid #D9D9D9;
}

#nav li ul li {
	width:180px;
	padding:0;
	line-height:24px;
}

#nav li:hover ul, #nav li.sfhover ul {
	left:auto;
}

/*homepage bignav*/

#bignav {
	width:100%;
	height:210px;
	overflow:hidden;
	margin-bottom:8px;
}

#bignav ul {
	list-style:none;
}

#bignav li {
	display:inline;
	float:left;
	overflow:hidden;
}

#bignav li a {
	display:block;
	height:210px;
	width:269px;
}

#bignav li.trailers a {
	background:url(images/home_page_trailer.jpg) top left no-repeat;
}

#bignav li.dollies a {
	background:url(images/home_page_dolly.jpg) top left no-repeat;
}

#bignav li.plows a {
	background:url(images/home_page_plow.jpg) top left no-repeat;
}

/*homepage blurb*/

#blurb {
	width:795px;
	margin:0 auto;
	text-align:left;
	padding-bottom:8px;
}
	
/*homepage content*/

#maple_leaf {
	width:96px;
	height:48px;
	margin:20px auto 0 auto;
	background:url(images/maple_leaf.jpg) top left no-repeat;
}

#homepage_content {
	width:100%;
	background:url(images/background_795.jpg) top left repeat-y;
}

#homepage_content_topborder {
	width:100%;
	height:10px;
	background:url(images/background_top_795.jpg) top left no-repeat;
}

#homepage_content_bottomborder {
	width:100%;
	height:10px;
	background:url(images/background_bottom_795.jpg) bottom left no-repeat;
}

.homepage_contents {
	text-align:left;
}

.homepage_contents img {
	margin-left:30px;
}

.homepage_contents a {
	color:#003046;
}

.homepage_contents a:hover {
	color:#999;
	text-decoration:underline;
}

#columnleft {
	width:269px;
	float:left;
}

#columnleft h1, #columnleft h2, #columnleft h3, #columnleft h4, #columnleft p {
	margin-left:21px;
	margin-right:15px;
}

#columnright {
	width:269px;
	float:right;
}

#columnright h1, #columnright h2, #columnright h3, #columnright h4, #columnright p {
	margin-left:15px;
	margin-right:21px;
}

#columnmiddle {
	margin:0 269px;
}

#columnmiddle h1, #columnmiddle h2, #columnmiddle h3, #columnmiddle h4, #columnmiddle p {
	margin-left:15px;
	margin-right:15px;
}

/*sidebar*/

#sidebar {
	width:215px;
	float:left;
	margin-top:20px;
	background:url(images/background_205.jpg) top left repeat-y;
}

#sidebar_topborder {
	width:100%;
	height:16px;
	background:url(images/background_top_205.jpg) top left no-repeat;
}

#sidebar_bottomborder {
	width:100%;
	height:10px;
	background:url(images/background_bottom_205.jpg) bottom left no-repeat;
}

#sidebar h3 {
	border-bottom:1px solid #D9D9D9;
}

#sidebar ul {
	list-style:none;
	margin-top:10px;
	margin-left:16px;
	margin-right:16px;
	padding-bottom:10px;
	border-bottom:1px solid #D9D9D9;
}

#sidebar li {
	display:list-item;
	line-height:24px;
	color:#666;
	font-size:12px;
	font-weight:bold;
}

#sidebar ul.secondary {
	list-style:outside;
	list-style-type:disc;
	border:none;
	margin-top:4px;
	padding-bottom:4px;
	margin-left:16px;
}

#sidebar ul.secondary li {
	font-weight:normal;
}	

/*main content*/

#main_column {
	width:592px;
	float:right;
	margin-top:20px;
	background:url(images/background_580.jpg) top right repeat-y;
}

#main_column_topborder {
	width:100%;
	height:16px;
	background:url(images/background_top_580.jpg) top right no-repeat;
}

#main_column_bottomborder {
	width:100%;
	height:10px;
	background:url(images/background_bottom_580.jpg) bottom right no-repeat;
}

ul.main_column_nav {
	height:24px;
	overflow:hidden;
	list-style:none;
	margin:0 16px 10px 16px;
	border-bottom:1px solid #D9D9D9;
}

ul.main_column_nav li {
	display:inline;
	font-size:11px;
	line-height:11px;
	color:#999;
	padding-right:4px;
}

ul.main_column_nav a {
	font-style:normal;
	text-decoration:none;
	color:#999;
}

ul.main_column_nav a:hover {
	font-style:normal;
	text-decoration:underline;
	color:#999;
}

/*products list*/

ul.product {
	width:580px;
	list-style:none;
	overflow:hidden;
	margin-left:6px;
}

ul.product li {
	display:inline;
	float:left;
	margin-left:10px;
	margin-top:14px;
	text-align:center;
}

ul.product li a {
	display:block;
	width:178px;
	height:160px;
	background:#EAEAEA;
	text-decoration:none;
	overflow:hidden;
	border-top:1px solid #D9D9D9;
	border-left:1px solid #D9D9D9;
	border-right:1px solid #D9D9D9;
	border-bottom:6px solid #D9D9D9;
}

ul.product li a img {
	width:178px;
	height:115px;
	border-bottom:1px solid #D9D9D9;
	margin-bottom:4px;
}

ul.product li a h3 {
	line-height:18px;
}

ul.product li a:hover {
	background:#F4F4F4;
	text-decoration:none;
	border-bottom:6px solid #CCC;
}

/*product page*/

#gallery {
	margin:10px 16px 20px 16px;
	background:#EAEAEA;
	border:1px solid #D9D9D9;
}

.column {
	width:50%;
	margin-top:10px;
	padding-bottom:10px;
}

#leftcolumn {
	float:left;
}

#rightcolumn {
	float:right;
}

ul.product_page {
	list-style:outside;
	list-style-type:disc;
	margin:10px 20px 0 36px;
	padding-bottom:10px;
}

ul.product_page li {
	display:list-item;
	line-height:18px;
	margin-bottom:2px;
	color:#666;
	font-size:12px;
}

table {
	width:264px;
	font-size:12px;
	color:#666;
	line-height:18px;
	border-collapse:collapse;
	margin-top:10px;
	margin-left:16px;
}

tr {
	background:#F2F2F2;
}

tr.odd {
	background:#EAEAEA;
}

td {
	border:1px solid #D9D9D9;
	padding:2px 6px;
}

td.width {
	width:80px;
}

/*footer*/

#footer {
	width:795px;
	margin:40px auto 24px auto;
	text-align:center;
	padding:4px 0 4px 0;
	border-top:1px solid #CCC;
	border-bottom:6px solid #CCC;
}

#footer span {
	color:#666;
	font-size:11px;
}

#footer ul {
	list-style:none;
}

#footer ul li {
	display:inline;
	font-size:11px;
	color:#999;
	padding-right:4px;
	padding-left:4px;
}

#footer a {
	font-style:normal;
	text-decoration:none;
	color:#999;
}

#footer a:hover {
	font-style:normal;
	text-decoration:underline;
	color:#999;
}

/*Specials page*/

ul.specials {
	width:580px;
	list-style:none;
	overflow:hidden;
	margin-left:6px;
}

ul.specials li {
	display:block;
	float:left;
	width:558px;
	background:#EAEAEA;
	margin-top:14px;
	margin-left:10px;
}

ul.specials li img {
	display:block;
	float:left;
	width:174px;
	height:130px;
	margin:10px;
}

.specials h2 {
	color:#CB2626;
	margin-bottom:10px;
	margin-top:10px;
}

.specials h3 {
	line-height:20px;
}

span.specials {
	font-size:18px;
	line-height:inherit;
	color:#666;
	font-weight:normal;
}

#specials {
	
}


/*google map*/

iframe {
	width:556px;
	height:420px;
	margin:10px 16px;
	border:1px solid #D9D9D9;
}

span.google {
	font-size:12px;
	margin-left:16px;
}

span.google a {
	color:#666;
	font-style:italic;
	text-decoration:none;
}

span.google a:hover {
	text-decoration:underline;
}