@charset "utf-8";
/** base.css contains the reset to even out cross-browser display**/
@import "base.css";
/** helpers.css contains helper classes - documentation: http://cssquik.com/docs **/
@import "helpers.css";
/** columns.css contains the column styles **/
@import "columns.css";
/** Style like you normally would. **/
pre {
	background:#fff;
	color:#333;
	padding:10px;
}
html {
	background:#00A8E9 url(../images/bg-main-gradient.jpg) repeat-x 0 0;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	color:#00053C;
	line-height:140%;
	text-align:center;
	background:url(../images/bg-banner-accent.jpg) no-repeat top center;
} 
#wrapper {
	width:960px;
	margin:0 auto;
	text-align:left;
}
h1 {
	font-size:200%;
	margin:.25em 0;
}
h2 {
	font-size:130%;
	color:#235EA9;
}
h3 {
	font-size:120%;
}
h4 {
	font-size:100%;
}
h5 {
	font-size:100%;
}
address strong {
	font-size:160%;
}
#header {
	height:90px;
	position:relative;
	margin-right:10px;
}
	#header #logo {
		width:120px;
		height:80px;
		text-align:center;
		margin:0 0 0 18px;
		padding:4px 0 0 0;
	}
	#header #logo a {
		width:120px;
		height:80px;
		display:block;
		margin:0 auto;
		text-indent:-5000px;
		background:url(../images/logo.gif) no-repeat center center;
	}
	#header h2 {
		font-family:Helvetica, Arial, sans-serif;
		font-weight:normal;
		font-size:135%;
		color:#afd23d;
		position:absolute;
		top:35px;
		right:0;
		margin:0;
	}
	#header #utilities {
		position:absolute;
		top:60px;
		right:0;
		width:304px;
	}
	#header #utilities li {
		padding:0 6px;
		border-right:1px solid #4b78f6;
	}
	#header #utilities li.last {
		padding:0 0 0 6px;
		border-right:0;
	}
	#header #utilities li a {
		font-size:80%;
		color:#fff;
		text-transform:uppercase;
	}
#main-menu {
	width:960px;
	height:50px;
	position:relative;
	z-index:1;
}
	#main-menu ul.menu {
	}
	#main-menu li {
		height:50px;
		background:url(../images/bg-main-menu.png) repeat-x top left;
		position:relative;
		z-index:1;
	}
	#main-menu li.company, #main-menu li.find-a-rep, #main-menu li.compare {
		background:url(../images/bg-menu-li.png) repeat-x top left;
	}
	.company #main-menu li.company, .find-a-rep #main-menu li.find-a-rep, .compare #main-menu li.compare, .products #main-menu li.products {
		background:url(../images/bg-menu-active.png) repeat-x top left;
	}
	.company #main-menu li.company a, .find-a-rep #main-menu li.find-a-rep a, .compare #main-menu li.compare a, .products #main-menu li.products a {
		color:#235EA9;
	}
	.company #main-menu li.company ul li a {
		color:#235EA9;
	}
	.company #main-menu li.company a:hover, .find-a-rep #main-menu li.find-a-rep a:hover, .compare #main-menu li.compare a:hover, .products #main-menu li.products a:hover {
		color:#235EA9;
		background:none;
	}
	#main-menu li a {
		color:#eee;
		font-size:90%;
		font-weight:bold;
		text-transform:uppercase;
		text-decoration:none;
		line-height:40px;
		margin-bottom:10px;
		border-right:1px solid #1b76bd;
		width:150px;
		text-align:center;
	}
	#main-menu li.active a:hover, #main-menu li.home a:hover {
		background:none;
	}
	#main-menu li a:hover {
		background:url(../images/bg_menu-hover.png) no-repeat center top;
		color:#235EA9;
	}
	#main-menu li.products {
	}
		#main-menu li.products a {
			color:#CBE5FF;
		}
		#main-menu li.products a:hover {
			color:#fff;
			background:none;
		}
	#main-menu li.home {
		width:55px;
		background:url(../images/bg-home-lnk.png) no-repeat top left;
	}
	#main-menu li.home a {
		text-indent:-5000px;
		width:54px;
		padding:0;
	}
	#main-menu li ul {
		position:absolute;
		top:40px;
		left:0;
		margin:0;
		background:url(../images/bg-drop-down.png) no-repeat bottom left;
		padding:12px 10px 28px 10px;
		width:140px;
		z-index:10;
	}
	#main-menu li ul li {
		background:none;
		height:auto;
	}
	#main-menu li ul li a {
		padding:0 10px 0 20px;
		line-height:130%;
		border:0;
		text-align:left;
		width:auto;
		margin-top:2px;
		float:left;
		color:#235EA9;
	}
	#main-menu li ul li a:hover {
		background:none;
		text-decoration:underline;
		color:#235EA9;
	}
	#search-form {
		position:absolute;
		top:0;
		right:0;
		width:280px;
		height:40px;
		background:url(../images/bg-search-form.png) no-repeat top right;
		padding:10px 0 0 21px;
	}
		#search-box, #search-btn {
			background:none;
			border:0;
			padding:0;
			margin:0;
		}
		#search-box {
			padding-left:12px;
		}
		#search-btn {
			cursor:pointer;
			text-indent:-5000px;
			width:25px;
		}
		#search-form label {
			padding-top:4px;
			color:#cbe5ff;
			font-size:90%;
			text-transform:uppercase;
		}
#main-content {
	margin:10px 10px 0 0;
	width:950px;
	float:left;
	display:inline;
}
	#column-one {
		width:660px;
		margin-right:20px;
	}
		#crumbs {
			color:#fff;
			font-size:90%;
			padding:0 0 15px 0;
			overflow:auto;
		}
		#crumbs li {
			padding:0 0 0 6px;
		}
		#crumbs a {
			color:#FDC900;
			padding-right:6px;
		}
		#pages, .dataTables_paginate {
			position:relative;
			min-height:20px;
			overflow:auto;
		}
			#pages ol, .dataTables_paginate ol {
				position:absolute;
				top:0;
				right:0;
				margin:0;
			}
			#pages li, .paginate_button, .paginate_active {
				list-style:none;
				float:left;
				display:inline;
				margin:0 0 0 .25em;
				cursor:pointer;
			}
			#pages li a, .paginate_button, .paginate_active {
				color:#333;
				font-weight:bold;
				text-decoration:none;
				float:left;
				display:inline;
				padding:0 5px;
			}
			#pages li a:hover, .paginate_button:hover {
				color:#fff;
				background:#333;
			}
			#pages li.active a, .paginate_active {
				color:#fff;
				background:#a4c63e;
			}
		#content .head {
			background:url(../images/bg-content-top.png) no-repeat top left;
			width:660px;
			height:10px;
			overflow:hidden;
		}
		#content .body {
			background:#fff;
			padding:10px 25px;
			overflow:auto;
		}
			#content .body table {
				width:610px;
				margin-bottom:10px;
				color:#000;
			}
			.sparks #content .body td {
				background:#FFFFFF;
			}
				#content td a {
					color:#235EA9;
					text-decoration:none;
				}
				#content .body td {
					padding:4px 20px;
					background:#AFEAFF;
				}
				#content #products_table td {
					padding:8px;
				}
				#content #tblOutput thead th {
					padding:4px 4px;
					background:#005DAA;
					font-weight:bold;
					color:#fff;
				}
				#tblOutput .even a, #tblOutput .odd a {
					color:#235EA9;
					text-decoration:none;
				}
				#tblOutput .even a:hover, #tblOutput .odd a:hover {
					text-decoration:underline;
				}
				#content #products_table thead th {
					background:#005DAA;
					color:#fff;
					font-weight:bold;
					padding:8px;
				}
				#content #tblOutput td {
					padding:4px 4px;
				}
				#content .body td.image {
					text-align:center;
				}
				#content .body td.image img {
					width:80px;
				}
				#content .body td.details {
					text-align:right;
				}
					#content .body td.details a {
						color:#000;
						font-weight:bold;
						text-decoration:none;
						float:right;
						display:inline;
						line-height:24px;
						background:url(../images/btn-details.png) no-repeat center right;
						padding-right:45px;
						margin-right:20px;
					}
				#content .body tr.even td {
					background:#8FDAF6;
				}
				#content .body tr.paging td {
					background:#fff;
				}
				#content .body #images {
					float:right;
					display:inline;
					width:120px;
					height:120px;
				}
		#content .foot {
			background:url(../images/bg-content-bottom.png) no-repeat bottom left;
			width:660px;
			height:10px;
			overflow:hidden;
		}
	#column-two {
		width:270px;
	}
		#column-two h2 {
			font-size:100%;
			font-weight:normal;
			text-transform:uppercase;
			color:#fdc900;
		}
		#column-two li {
			list-style:none;
			margin:0;
		}
		#column-two li.active a, #column-two.cat-1 li.cat-1 a, #column-two.cat-2 li.cat-2 a, #column-two.cat-3 li.cat-3 a, #column-two.cat-4 li.cat-4 a, #column-two.cat-5 li.cat-5 a, #column-two.cat-6 li.cat-6 a, #column-two.cat-7 li.cat-7 a, #column-two.cat-8 li.cat-8 a, #column-two.cat-9 li.cat-9 a, #column-two.cat-10 li.cat-10 a, #column-two.cat-11 li.cat-11 a, #column-two.cat-12 li.cat-12 a, #column-two.cat-13 li.cat-13 a, #column-two.cat-14 li.cat-14 a, #column-two.cat-15 li.cat-15 a, #column-two.cat-16 li.cat-16 a, #column-two.cat-17 li.cat-17 a, #column-two.cat-18 li.cat-18 a, #column-two.cat-19 li.cat-19 a, #column-two.cat-20 li.cat-20 a {
			color:#fff;
			padding-left:8px;
			background:url(../images/bg-cat-active.gif) no-repeat center left;
		}
		#column-two li a {
			color:#fff;
			font-size:90%;
			text-decoration:none;
		}
		#column-two li.featured a {
			padding-left:26px;
			background:url(../images/new-icon.png) no-repeat left center;
			display:block;
			line-height:25px;
		}
		#column-two li a:hover {
			color:#b7caff;
		}
	#column-two .conduit {
		background:url(../images/bg-conduit-callout.png) no-repeat top left;
		width:259px;
		height:69px;
		margin:10px 0;
	}
		#column-two .conduit ul {
			margin:0;
			padding:35px 0 0 0;
			list-style:disc;
		}
		#column-two .conduit li {
			list-style:disc;
			margin-left:100px;
			line-height:110%;
			color:#005c9f;
		}
		#column-two .conduit li a {
			color:#005c9f;
			font-size:88%;
		}
		#column-two .conduit li a:hover {
			text-decoration:underline;
		}
		
#find-rep-form {
	background:url(../images/bg-find-rep.png) no-repeat top left;
	width:239px;
	height:73px;
	padding:40px 0 0 20px;
	position:relative;
}
	#submit-rep {
		position:absolute;
		left:20px;
		top:75px;
	}
.feature {
	float:left;
	display:inline;
	width:250px;
	margin:10px 20px;
	color:#fff;
}
	.news {
		padding-right:45px;
	}
	.news h2 {
	}
		.news h2 a {
			height:40px;
			line-height:37px;
			color:#fff;
			font-weight:normal;
			padding:0;
			margin:0;
			background:none;
			text-decoration:none;
			font-size:78%;
			background:url(../images/bg-news.png) no-repeat center left;
			padding-left:48px;
			float:left;
			display:inline;
			width:250px;
			text-transform:uppercase;
		}
	.orders h2 {
	}
		.orders h2 a {
			height:40px;
			line-height:37px;
			color:#fff;
			font-weight:normal;
			padding:0;
			margin:0;
			background:none;
			text-decoration:none;
			font-size:78%;
			background:url(../images/bg-orders.png) no-repeat center left;
			padding-left:42px;
			float:left;
			display:inline;
			width:250px;
			text-transform:uppercase;
		}
	.feature p, .feature a {
		margin:.5em 1em;
	}
	.feature a {
		padding:0 21px;
		background:url(../images/bg-more.png) no-repeat left center;
		color:#fff;
		text-decoration:none;
		font-size:88%;
		float:left;
		display:inline;
	}
#footer {
	text-align:right;
	margin-top:20px;
	padding:20px;
	color:#b7caff;
	font-size:80%;
	border-top:1px dotted #fff;
	float:left;
	display:inline;
	width:97%;
	position:relative;
}
	#footer p {
		color:#fff;
	}

/***** MAP STYLES *****/
.map {
	width: 610px;
	height: 400px;
}
#map_list {
	margin:0;
}
#map_list li {
	padding:4px 20px;
	background:#8FDAF6;
	margin:0;
	list-style:none;
}
#map_list li.even {
	background:#AFEAFF;
}
#map_list li:hover {
	background: #0B8EC0;
	color: #000;
	cursor: pointer;
}
#map_list li.active{
	background: #0B8EC0;
	color: #000;
}
#map_list li.active:hover{
	background: #0B8EC0;
	cursor: default;
}
#map_message{
	display: none;
	position: absolute;
	width: 15em;
	padding: .5em;
	background: #0B8EC0;
	color: #000;
}
#ccm-block-fields fieldset {
	width:40%;
	margin-right:5%;
	padding:2%;
	float:left;
	display:inline;
}
#ccm-block-fields legend {
	font-weight:bold;
	font-size:120%;
}
#ccm-block-fields label.notes {
	font-style:italic;
}
#add_salesperson {
	width:85%;
}
#add_salesperson label {
	text-align:right;
	padding-right:5px;
	width:30%;
	float:left;
	display:inline;
	padding-top:8px;
}
#add_salesperson input {
	width:45%;
	float:left;
	display:inline;
	margin-bottom:4px;
}
#add_salesperson br {
	clear:both;
}
#ccm-block-fields #new-sales {
	display:none;
}
.sales_row {
	border-bottom:1px solid #999;
	padding-bottom:2px;
	margin-bottom:5px;
}
.staff, .sales_type {
	clear:both;
}
.sales_type {
	font-style:italic;
}
.salesperson {
	overflow:auto;
	margin-bottom:10px;
}
.contacts {
	float:left;
	display:inline;
	width:30%;
	margin:0 3% 15px 0;
}
.products li {
	list-style:none;
	margin:0;
}
.products li a {
	color:#00053C;
	text-decoration:none;
}
.products li a:hover {
	text-decoration:underline;
}
#tblOutput {
	display:none;
}
#notes li {
	background:url(../../../../assets/images/icon-arrow-gold.gif) no-repeat 5px 5px;
	padding-left:15px;
}
.social {
	position:absolute;
	top:12px;
	left:0;
}
	.twitter {
		float:left;
		display:inline;
		margin:0 1em 0 0;
		background:url(../images/twitter-icon.png) no-repeat 0 -30px;
		line-height:30px;
		color:#fff;
		text-decoration:none;
		font-size:130%;
		padding-left:35px;
		overflow:hidden;
	}
	.facebook {
		float:left;
		display:inline;
		background:url(../images/facebook-icon.png) no-repeat 0 -30px;
		line-height:30px;
		color:#fff;
		text-decoration:none;
		font-size:130%;
		padding-left:35px;
		overflow:hidden;
		margin-right:1em;
	}
	.youtube {
		float:left;
		display:inline;
		background:url(../images/youtube-icon.png) no-repeat 0 -30px;
		line-height:30px;
		color:#fff;
		text-decoration:none;
		font-size:130%;
		padding-left:35px;
		overflow:hidden;
	}
	.twitter:hover, .facebook:hover, .youtube:hover {
		color:#b7caff;
		background-position:0 0;
	}
.clear {
	clear:both;
}
.newsletter-callout img {
	margin:10px 0 0 0;
}
.features {
	margin-left:2em;
}
.features li {
	list-style:disc;
}
.fancybox {
	display:block;
	position:relative;
}
.fancybox span {
	position:absolute;
	top:0;
	left:0;
	width:120px;
	height:120px;
	background:url(../../../../assets/images/zoom-overlay.gif) no-repeat top left;
	z-index:2;
}
.fancybox img {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:120px;
}
.helpers li a {
	color:#235EA9;
}
.products .cats li {
	float:left;
	display:inline;
	margin:0 30px 20px 20px;
	width:150px;
	height:170px;
}
.products .cats li a {
	text-align:center;
}
.products .cats li a img {
	border:0;
}
.products .cats li a:hover {
	text-decoration:none;
	color:#235EA9;
}
.writeboardbody img {
	margin:0 0 10px 10px;
}
#ie6-warning {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	background:#FC0;
	text-align:left;
	padding:0 20px;
}
	#ie6-warning h2 {
		margin:.5em 0 0 0;
	}
	#ie6-warning p a img {
		display:inline;
		margin-left:10px;
	}