/* Container Wrapper ----------------------*/
#container-wrapper {
	float: left;
	width: 100%;
	background: url(../../images/header_wrapper.gif) repeat-x;
}
/* Header ---------------------------------*/
#header {
	float: left;
	width: 920px;
	height: 103px;
	background: #121212;
	padding-top: 14px;
}
#logo { float: left; }
#logo a {
	display: block;
	background: url(../../images/logo.gif) no-repeat;
	width: 446px;
	height: 95px;
	text-indent: -9999px;
	outline: none;
}
#tagline {
	float: left;
	background: url(../../images/tagline.gif) no-repeat #121212;
	width: 474px;
	height: 95px;
}
/* topnav ---------------------------------*/
#navbar {
	clear: both;
	float: left;
	background: url(../../images/navbar_bg.gif) repeat-x;
	width: 920px;
}
#topnav { line-height: 1; }
#topnav li { float: left; }
#topnav li a {
	display: block;
	font-size: .8em;
	color: #333;
	line-height: 33px;
	padding: 0 1em;
	border-right: 1px solid #999;
	position: static;
}
#topnav a.first { border-left: 1px solid #999; }
#topnav a:hover, #home #topnav .home, #products #topnav .products, #whats-new #topnav .whats-new, #service #topnav .service, #contact #topnav .contact {
	background: url(../../images/navbar_hover.gif) bottom repeat-x #c1c1c1;
	text-decoration: none;
	color: #000;
}
/* Drop Down Menu */
#topnav li li {
	float: left;
	width: 160px;
}
#topnav li ul {
	display: block;
	position: absolute;
	width: 182px;
	left: -9999em;
	z-index: 100;
	border-top: 1px solid #999;
}
#topnav li ul ul { margin: -36px 0 0 120px; }
#topnav li:hover ul ul, #topnav li:hover ul ul ul, #topnav li.sfhover ul ul, #topnav li.sfhover ul ul ul { left: -9999em; }
#topnav li:hover ul, #topnav li li:hover ul, #topnav li li li:hover ul, #topnav li.sfhover ul, #topnav li li.sfhover ul, #topnav li li li.sfhover ul { left: auto; }
#topnav li ul li { background: transparent; }
#topnav li ul a {
	padding: 3px 10px;
	background: #f1f1f1;
	width: 160px;
	border: 1px solid #999;
	border-top: none;
	line-height: 1.6em;
}
#topnav li ul ul { margin: -23px 0 0 120px; }
/* Banner ---------------------------------*/
#banner-wrapper {
	clear: both;
	float: left;
	background: url(../../images/banner_wrapper.jpg) repeat-x;
	width: 100%;
}
#banner {
	height: 273px;
	margin-top: 20px;
}
/* Division 8 -----------------------------*/
#div8 {
	float: left;
	background: url(../../images/division8.jpg) no-repeat;
	position: relative;
}
#div8 a.title {
	display: block;
	width: 454px;
	height: 245px;
	text-indent: -9999px;
	outline: none;
}
#div8 .bubble {
	position: absolute;
	right: 0;
	top: 12px;
	width: 168px;
	background: url(../../images/blue_list_top.png) no-repeat;
	padding-top: 8px;
}
#div8 .bubble li {
	float: left;
	width: 168px;
	background: url(../../images/blue_list_repeat.png) right repeat-y;
}
#div8 .bubble li.last {
	background: url(../../images/blue_list_bottom.png) bottom right no-repeat;
	padding-bottom: 10px;
}
#div8 .bubble li a {
	display: block;
	font-size: .725em;
	color: #fff;
	margin-left: 15px;
	padding: 0 10px;
	background: url(../../images/div8_bullet.gif) left no-repeat;
	text-decoration: none;
}
#div8 .bubble li .top-bullet-align { background-position: 0 12px; }
#div8 .bubble li a:hover { color: #ff8080; }
/* Division 10 ----------------------------*/
#div10 {
	float: left;
	background: url(../../images/division10.jpg) no-repeat;
	position: relative;
	margin-left: 32px;
}
#div10 a.title {
	display: block;
	width: 434px;
	height: 245px;
	text-indent: -9999px;
	outline: none;
}
#div10 .bubble {
	position: absolute;
	right: -20px;
	top: 12px;
	width: 168px;
	background: url(../../images/tan_list_top.png) no-repeat;
	padding-top: 8px;
}
#div10 .bubble li {
	float: left;
	width: 168px;
	background: url(../../images/tan_list_repeat.png) right repeat-y;
}
#div10 .bubble li.last {
	background: url(../../images/tan_list_bottom.png) bottom right no-repeat;
	padding-bottom: 10px;
}
#div10 .bubble li a {
	display: block;
	font-size: .8em;
	color: #333;
	margin-left: 15px;
	padding: 0 10px;
	background: url(../../images/div10_bullet.gif) left no-repeat;
	text-decoration: none;
}
#div10 .bubble li a:hover { color: #00678c; }
/* Main -----------------------------------*/
#content-wrapper {
	clear: both;
	float: left;
	width: 100%;
	background: url(../../images/content_wrapper.jpg) repeat-x #dedeea;
	padding-bottom: 20px;
}
#main {
	float: left;
	width: 920px;
	margin-top: 35px;
}
/* Sidebar --------------------------------*/
#sidebar {
	float: left;
	background: #fff;
	width: 255px;
	border: 1px solid #d5d5d9;
	font-size: .7em;
	line-height: 1.6em;
	padding: 15px 15px;
	text-align: center;
}
#sidebar h3 {
	font-size: 1.8em;
	line-height: 1.3em;
	margin: .425em 0 .625em;
	color: #333;
}
#sidebar p, #sidebar ul, #sidebar ol { padding-bottom: 0; }
#sidebar img { border: 5px solid #ee3a43; }
#sidebar .noborder img { border: none; }
/* Content --------------------------------*/
#content {
	float: left;
	width: 580px;
	margin-left: 50px;
	font-size: .9em;
}
#content ol {
	list-style: decimal;
	margin-left: 40px;
}
#content ul {
	list-style: disc;
	margin-left: 40px;
}
#content a { color: #ee3a43; }
h2 { color: #242a47; }
h3 { color: #242a47; }
/* Shipping Area */
#shipping {
	font-size: .7em;
	line-height: 1.4em;
}
#shipping h4 {
	line-height: 1.425em;
	margin-bottom: .625em;
}
.area1 { color: #ef3b43; }
.area2 { color: #4c65af; }
/* Footer ---------------------------------*/
#footer-wrapper {
	clear: both;
	float: left;
	width: 100%;
	background: url(../../images/footer_wrapper.gif) repeat-x #121212;
}
#footer {
	float: left;
	margin-top: 20px;
	width: 920px;
}
#btmnav {
	float: left;
	line-height: 1;
}
#btmnav li { float: left; }
#btmnav li a {
	display: block;
	font-size: .7em;
	color: #f0f0f0;
	padding: 0 1em;
	border-left: 1px solid #f0f0f0;
}
#btmnav a.first { border-left: none; }
#copyright {
	float: right;
	font-size: .7em;
	line-height: 1;
	color: #f0f0f0;
}
#cjcopyright {
	clear: both;
	font-size: .7em;
	line-height: 1.4em;
	color: #f0f0f0;
	text-align: center;
}
#cjcopyright a {
	color: #fff;
	text-decoration: underline;
}
#cjcopyright a:hover { text-decoration: none }
/* Misc -----------------------------------*/
.container-center {
	width: 920px;
	margin: 0 auto;
}
img.right {
	float: right;
	margin: 0.5em 0 0.8125em 0.8125em
}
img.left {
	float: left;
	margin: 0.5em 0.8125em 0.8125em 0;
	padding: 0;
}
ul.inline { display: inline; }
.clear {
	height: 20px;
	clear: both;
}
.nobullets { margin: 0 !important; }
.nobullets li { list-style: none; }
.center { text-align: center; }
a.more {
	position: relative;
	float: right;
	top: 1em;
}