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


/* Colors
-------------------- 
	#8b7d61 (Tan)
	#4a5670 (Blue/Purple)

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

html,body {
	margin: 0px;
	padding: 0px;
	}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000;
	background-color: #fff;
	background-image: url(../../images/SmokerCraft/bg-navigation.gif);
	background-position: 0% 0%;
	background-repeat: repeat-y;
	}


/* Anchors LoVe/HAte
-------------------- */
a:link {
	color: #8b7d61;
	text-decoration: underline;
	}
a:visited {
	color: #8b7d61;
	text-decoration: underline;
	}
a:active {
	color: #000;
	text-decoration: none;
	}
a:hover {
	color: #4a5670;
	text-decoration: underline;
	}

a.print:link, 
a.print:visited, 
a.print:active,
a.print:hover {
	color: #8b7d61;
	text-decoration: none;
	border-bottom-width:0px;
	}
a.print:hover {
	color: #4a5670;
	border-bottom-color:#8b7d61;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	padding-bottom:.1em;
	}
p.print {
	padding:0;
	margin:0;
	font-size:10px;
	text-align:right;
}

/* Images
-------------------- */
img {
	border-width: 0px;
	}



/* Text
-------------------- */
h1, h2, h3, h4 {
	font-family: Arial, Helvetica, sans-serif;
	}
h1 {
	font-size: 135%;
	font-weight: bold;
	padding: 4px 0px;
	}
h2 {
	font-size: 120%;
	font-weight: bold;
	}
h3 {
	font-size: 110%;
	font-weight: bold;
	margin: 0px;
	}
h4 {
	font-size: 100%;
	font-style: italic;
	font-weight: bold;
	margin: 0px;
	}
p {
	margin-top: 0px;
	}


/* Form
-------------------- */
form {
	margin: 0px;
	padding: 0px;
	}


/* Misc
-------------------- */
div.clear {
	clear: both;
	}
/*
.popupMenu {
	position: absolute;
	visibility: hidden;
	background-color: #99FF00;
	opacity: .9;
	filter: alpha(opacity=90);
	}

.popupHover {
	position: absolute;
	visibility: visible;
	}
*/

/*
*/
		ul.OtherModelsMenu {
			margin:0px;
			padding: 0px;
			font-size:88%;
			}
			ul.OtherModelsMenu li {
				display: inline;
				font-weight: normal;
				padding:0 3px 0 0;
				color:#666;
				}
			ul.OtherModelsMenu a:link {
				color: #666;
				text-decoration: none;
				}
				ul.OtherModelsMenu a:visited {
					color: #666;
					text-decoration: none;
					}
				ul.OtherModelsMenu a:active {
					color: #009;
					text-decoration: none;
					}
				ul.OtherModelsMenu a:hover {
					color: #333;
					text-decoration: underline;
					}


	/* brochure download */
	.error-text { color:#f00; }
	table.brochure-download { border:0; }
	table.brochure-download td { padding:3px 4px; }
	table.brochure-download td.heading { font-weight:bold; text-align:right; }

/* Structure
-------------------- */

#container {
	width: 945px;
	}

	#header {
		clear: both;
		background-color: #fff;
		background-image:  url(../../images/header/bg-4.jpg);
		background-position: bottom right;
		background-repeat: no-repeat;
		height: 90px;
		/* max-height: 110px; */
		color: #fff;
		font-weight: bold;
		}
		#header img#logo {
			float: left;
			margin-top: 22px;
			margin-left: 24px;
			}
		#header ul {
			margin: 50px 50px 0px 0px;
			padding: 0px;
			float: right;
			}
			#header ul li {
				display: inline;
				font-weight: bold;
				}
			#header a:link {
				color: #fff;
				text-decoration: none;
				}
				#header a:visited {
					color: #fff;
					text-decoration: none;
					}
				#header a:active {
					color: #CCFF66;
					text-decoration: none;
					}
				#header a:hover {
					color: #FFCC66;
					text-decoration: none;
					}

	#navigation {
		clear: left;
		width: 155px; /* width: 155px; edge to edge */
		float: left;
		}
		#navigation p {
			color: #4a5670;
			padding: 5px 10px;
			font-style: italic;
			font-weight: bold;
			font-size: 94%;
			}
			#navigation a:link {
				color: #8b7d61;
				text-decoration: none;
				}
				#navigation a:visited {
					color: #8b7d61;
					text-decoration: none;
					}
				#navigation a:active {
					color: #CCFF66;
					text-decoration: none;
					}
				#navigation a:hover {
					color: #000;
					text-decoration: none;
					}
					#navigation a.current-page:link {
						color: #4a5670;
						text-decoration: none;
						}
		#navigation ul {
			margin: 0px 10px;
			padding: 0px;
			list-style-type: none;
			/* borders */
			border-top-width: 1px;
			border-top-style: dashed;
			border-top-color: #8b7d61;
			border-bottom-width: 1px;
			border-bottom-style: dashed;
			border-bottom-color: #8b7d61;
			}
			#navigation ul li {
				font-size: 97%;
				font-weight: bold;
				padding: 5px 0px 5px 5px;
				}
			#navigation ul li ul {
				border-width: 0px;
				margin: 0px 0px 0px 10px;
				padding: 0px;
				}
				#navigation ul li ul li {
					margin: 0px;
					padding: 0px;
					font-weight: bold;
					}

		#navigation .DiscoverLink,
		#navigation .DealerLink {
			text-align:center;			
			margin:0 auto;
			width:150px;
			border-width:0px;
			font-size:10px;
			}
			#navigation .DiscoverLink {
			border-bottom-width:1px;
			border-bottom-style:dashed;
			border-bottom-color:#8b7d61;
			}

#content {
	background-image: url(../../images/header/purple-gradient.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 19px 0px 25px 14px;
	width: 771px; /* width w/o padding (785px) */
	float: right;
	}
	body.home #content {
		padding: 19px 0px 10px 5px;
		width: 780px; /* 771 */
		background-image: url(../../images/header/purple-gradient-home-page.gif); 
		background-position: top left;
		background-repeat: no-repeat;
		/*
		background-color:#CC99FF;
		*/
		}
/*
	table#homepage-sub-content {
		float: right;
		padding-left: 14px;
		margin: 0px 0px 6px 5px;
		border-left-color: #8b7d61;
		border-left-style: dashed;
		border-left-width: 2px;
		}
		table#homepage-sub-content td { padding: 2px; }
*/
	div.homepageContainer {
		width:500px;
		float:left;
		/*
		background-color:#6633FF;
		*/
		}
	div.homepageCopy {
		padding:0 10px;
		margin-right: 10px;
		border-right-color: #8b7d61;
		border-right-style: dashed;
		border-right-width: 2px;
		}
	div.homepageVideoBar {
		background-color:#0f0;
		float:left;
		width:246px; /* 236 margin:0 7px 0 0; padding:10px 10px 30px 10px;*/
		margin-left:17px;
		padding:10px 5px 30px 5px;
		background-color:#8496B9; /* 808ca0 - 919EB0 */
		background-image:url(../../images/vectra_corners.gif);
		background-position:0% 100%;
		background-repeat:no-repeat;
		text-align:left;
		}
		ul.videoList {
			color:#fff;
			margin:20px 10px 50px 10px;
			padding:0 10px;
			/*
			background-color:#0f0;
			*/
			border-top-color:#4a5670;
			border-top-style:dashed;
			border-top-width:1px;
			border-bottom-color:#4a5670;
			border-bottom-style:dashed;
			border-bottom-width:1px;
			}
			ul.videoList li { padding:3px 0; list-style-type:none; }
			ul.videoList li a:link,
			ul.videoList li a:visited,
			ul.videoList li a:active {
				color:#fff;
				text-decoration:none;
				font-weight:bold;
				}
				ul.videoList li a:hover {
					color:#ffc;
					text-decoration:underline;
					}


	#product-display {
		float: right;
		padding: 10px 0px 0px 10px;
		width: 400px;
		}


#thumbnails {
	clear: both;
	/*
	margin-left: 175px;
	margin-top: 15px;
    */
	width:740px;
	margin-top: 10px;
	padding: 10px;
	font-size: 85%;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #8b7d61;
	/*
	text-align: center;
	*/
	}

	#thumbnails ul {
		list-style-type: none;
		margin:0px 20px 25px 20px;
		padding: 0px;
		}
		#thumbnails ul li {
			padding-right:10px;
			list-style-type:none;
			float:left;
			height:155px;
			text-align:center;
			}

   	#thumbnails img {
			/*width:125px;*/
			height:125px;
			}

#thumbnails h2,
#thumbnails h3 {
	clear:both;
	float:none;
	}
#thumbnails h2 {
	font-size:130%;
	border-bottom-color:#ccc;
	border-bottom-style:solid;
	border-bottom-width:1px;
	}
#thumbnails h3 {
	font-size:120%;
	color:#333;
	margin-left:20px;
	margin-bottom:5px;
	}


#ad {
	clear: right;
	margin-left: 168px;
	padding: 10px 20px;
	text-align: center;
	font-size: 85%;
	width: 737px;/*
	background-color:#f6f6f6;*/
	}

#footer {
	clear: both;
	margin-left: 168px;
	padding: 10px 20px;
	width: 737px;
	text-align: center;
	color: #666;
	}
	#footer p {
		margin: 0px; 
		padding: 0px;
		font-size: 82%;
		font-weight: bold;
		}


/* google map style */
div.map-copy { color:#000; }
div.map-copy a { color:#009; }
div.map-copy a:hover { color:#900; }

/* dealer locator page */
dl.dealer-locator dt { color:blue; font-weight:bold; }
dl.dealer-list dt { color:blue; font-weight:bold; }
dl.dealer-list dt span { color:#fff; font-weight:normal; font-size:85%; }
dl.dealer-list dd { padding-bottom:15px; }
dl.dealer-list dd strong {  }
dl.dealer-list dd a:link {  }