/* @override http://kt.spoketest.com/skin/frontend/default/kleertech/css/all.css */

body {
	margin:0;
	color:#333;
	font:12px/14px Helvetica, Arial, sans-serif;
	background:#fff url(../images/bg.gif) repeat-x;
	padding:87px 0 0;
	min-width:960px;
}
img {
	border-style:none;
}
a {
	text-decoration:none;
	color:#333;
}
a:hover {
	text-decoration:underline;
}
input, textarea, select {
	font:100% Arial, Verdana, sans-serif;
	vertical-align:middle;
}
form, fieldset {
	margin:0;
	padding:0;
	border-style:none;
}
.holder {
	width:100%;
	overflow:hidden;
}
.wrapper {
	margin:0 auto;
	width:960px;
}
#header .wrapper {
	position:relative;
}
.logo {
	background:url(../images/logo.png);	
	float:left;
	position:absolute;
	top:8px;
	left:0;
	z-index:20;
}
.logo a {
	display:block;
	cursor:pointer;
	width:237px;
	height:106px;
	text-indent:-9999px;
	overflow:hidden;
}
#header {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:2;
}
#header .row {
	width:100%;
	overflow:hidden;
	height:37px;
}
#header .talk-box {
	float:right;
	background:url(../images/bg-talk-box.gif) no-repeat;
	display:inline;
	margin:0 10px 0 0;
}
#header .talk-box-bg {
	float:left;
	background:url(../images/bg-talk-box-right.gif) no-repeat 100% 0;
	height:29px;
	padding:8px 0 0 39px;
	overflow:hidden;
}
#header .talk-box p {
	float:left;
	margin:0 9px 0 0;
	font:12px/16px Helvetica, Arial, Verdana, sans-serif;
	color:#fff;
}
#header .talk-box .lnk-arrow {
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/lnk-arrow.gif);
	width:9px;
	height:8px;
	margin:6px 12px 0 0;
}
#header .search-box {
	float:right;
	display:inline;
	text-align: right;
	width: 475px;
	margin:0 21px 0 0;
}
#header .search-box form, #header .search-box fieldset {
	float:left;
}
#header .search-box p {
	float:left;
	margin:10px 8px 0 0;
	color:#fff;
	font:12px/14px Helvetica, Arial, Verdana, sans-serif;
}
#header .search-box p a {
	color:#fff;
	font-weight:bold;
}
#header .search-inp {
	float:left;
	height:23px;
	background:#fff url(../images/bg-search.gif) no-repeat;
	margin:6px 0 0;
	padding:0 0 0 12px;
}
#header .search-text {
	float:left;
	border:0;
	font:12px/14px Helvetica, Arial, Verdana, sans-serif;
	height:14px;
	padding:4px 4px 5px 0;
	width:113px;
}
#header .search-btn {
	float:left;
	border:0;
	text-indent:-9999px;
	overflow:hidden;
	line-height:200px;
	background:url(../images/search-btn.gif);
	width:28px;
	height:23px;
	cursor:pointer;
}
.nav {
	float:right;
	background:url(../images/bg-nav.jpg) no-repeat;
}
.nav-bg {
	float:left;
	background:url(../images/bg-nav-right.gif) no-repeat 100% 0;
	font:bold 14px/14px Helvetica, Arial, Verdana, sans-serif;
	padding:0 8px 1px 8px;
}
.nav ul {
	list-style:none;
	padding:0;
	margin:0;
	float:left;
}
.nav li {
	float:left;
}
.nav a {
	float:left;
	color:#fff;
}
.nav .active a, .nav a:hover {
	text-decoration:none;
	background:url(../images/bg-nav-hover.gif) no-repeat;
}
.nav .active a.first, .nav a.first:hover {
	background:url(../images/bg-nav-hover-f.gif) no-repeat;
}
.nav span {
	float:left;
	padding:17px 10px 18px 10px;
	cursor:pointer;
}
.nav .active span, .nav a:hover span {
	background:url(../images/bg-nav-hover-r.gif) no-repeat 100% 0;
}
.nav .active a.last span, .nav a.last:hover span {
	background:url(../images/bg-nav-hover-l.gif) no-repeat 100% 0;
}
#breadcrumbs {
	width:100%;
	padding:40px 0 34px;
}
#breadcrumbs ul {
	list-style:none;
	padding:0;
	margin:0 0 0 -11px;
	height:1%;
	overflow:hidden;
	color:#666;
	font:bold 12px/14px Helvetica, Arial, sans-serif;
}
#breadcrumbs li {
	float:left;
	background:url(../images/blt-breadcrumbs.gif) no-repeat 0 4px;
	padding:0 2px 0 11px;
}
#breadcrumbs li:first-child {
	background:none;
}
#breadcrumbs a {
	text-decoration:underline;
	font-weight:normal;
	color:#5f7684;
}
#breadcrumbs a:hover {
	text-decoration:none;
}
#main {
	width:100%;
	clear:both;
	position:relative;
}
.column-title {
	float:left;
	width:476px;
}
.column-title h1 {
	text-indent:-9999px;
	overflow:hidden;
	margin:148px 0 0;
}
.column-title h1.ttl-manufacturing {
	background:url(../images/ttl-manufacturing.gif);
	width:455px;
	height:97px;
}
.column-gallery {
	float:right;
	position:relative;
	margin:0 44px 0 0;
	display:inline;
	overflow:hidden;
	background:url(../images/bg-gallery.jpg) no-repeat;
	padding:89px 11px 0 13px;
	width:405px;
	z-index: 0; 
}
.gallery {
	width:405px;
	overflow:hidden;
	position:relative;
	padding-bottom: 50px;
}
.gallery ul {
	list-style:none;
	padding:0;
	margin:0;
	height: 353px;
	overflow:hidden;
	position: relative;
}
.gallery li {
	width:405px;
	position:absolute;
	overflow:hidden;
	top: 0;
	left: 0;
}
.gallery li.active {
	z-index: 1000;
}
.gallery img {
	display:block;
}
.gallery .buttons {
	position:absolute;
	top:263px;
	left:140px;
}
.gallery .buttons a {
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 20px 0 0;
	height:26px;
	cursor:pointer;
	z-index: 9999;	
}
.gallery .btn-build-a-badge {
	background:url(/media/build-a-badge.png);
	background-repeat: no-repeat;	
	width:185px;
	float: right;
}

.gallery .btn-learn-more {
	background:url(../images/btn-learn-more.png);
	width:121px;
	float: right;
}
.gallery .btn-purchase {
	background:url(../images/btn-purchase.png);
	width:104px;
}
.gallery .text {
	width:336px;
	margin:0 auto;
	padding:10px 0 0;
	color:#999;
}
.gallery .text strong {
	display:block;
	text-align:center;
	font:bold 18px/22px Helvetica, Arial, sans-serif;
}
.gallery .text em {
	display:block;
	text-align:center;
	font:italic 16px/20px Helvetica, Arial, sans-serif;
}
.column-gallery .lnk-next, .column-gallery .lnk-prev {
	position:absolute;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
	background:url(../images/btn-prev.gif);
	width:24px;
	height:22px;
	top:416px;
	z-index: 9999;
}
.column-gallery .lnk-prev {
	left:13px;
}
.column-gallery .lnk-next {
	background:url(../images/btn-next.gif);
	right:13px;
}
.product-title {
	padding:0 0 26px;
}
.product-title h1 {
	margin:0;
	font:bold 28px/30px Helvetica, Arial, Verdana, sans-serif;
}
.product-title p {
	margin:8px 0 0;
	font:16px/18px Helvetica, Arial, Verdana, sans-serif;
}
.photo-col {
	float:left;
	width:409px; 	
	overflow:hidden;
	padding:4px 0 0;
}
.photo-col .photo {
	width:328px;
	overflow:hidden;background:url(../images/bg-photo.jpg);
	margin:0 0 16px 24px;
	padding:55px 8px 6px 10px;
}
.photo-col .photo-nobg {
	width:328px;
/*	overflow:hidden;background:url(../images/bg-photo.jpg); 
	margin:0 0 16px 24px;
	padding:55px 8px 6px 10px; */
}
#lblPrice {
	display: inline;
}
.photo-col .photo img {
	display:block;
}
#enlargeImg {
margin-left: 50px;	
}
.photo-col .lnk-zoom, .photo-col .lnk-back {
	color:#5f7684;
	font:14px/16px Helvetica, Arial, Verdana, sans-serif;
	display:inline;
	margin:0 0 0 2px;
	padding:1px 0 1px 25px;
	background:url(../images/ico-zoom.gif) no-repeat;
}
.photo-col .lnk-back {
	float:right;
	background:url(../images/ico-back.gif) no-repeat 0 3px;
}
.info-column {
	float:left;
	padding-left: 40px;
	padding-top: 25px;
	/* width:475px;	*/
	width:511px;
	overflow:hidden;
}
.photo-col .build-a-badge-photo {
	width:328px;
	overflow:hidden;
	background:url(../images/bg-photo.jpg);
	margin:0 0 16px 24px;
	padding:55px 8px 6px 10px;
}
.build-a-badge-photo img {
	display: block;
}
.info-column h2 {
	margin:0;
	font-size: 1.35em;
}
.info-column p {
/*	font:14px/18px Helvetica, Arial, Verdana, sans-serif; */
	margin:6px 0 14px;
}
.info-column h3 {
	margin:0 0 10px;
	font-size: 1.35em;
}
.info-column .column1 h3 {
	color:#497614;
}
.info-column .column2 h3 {
	color:#757879;
}
.info-column .column1-empty {
	float:left;
/*	width:134px;
	overflow:hidden;
	margin:0 17px 0 0; */
}
.info-column .column1 {
	float:left;
	width:134px;
	overflow:hidden;
	margin:0 17px 0 0;
	background:#e0eed0 url(../images/bg-column1.gif) no-repeat;
}
.info-column .column1 .column-bg {
	width:100px;
	overflow:hidden;
	background:url(../images/bg-column1-b.gif) no-repeat 0 100%;
	padding:12px 17px 0;
}
.info-column .column2 {
	float:left;
	width:360px;
	background:#cfd6da url(../images/bg-column2.gif) no-repeat;
	overflow:hidden;
}
.info-column .column2 .column-bg {
	background:url(../images/bg-column2-b.gif) no-repeat 0 100%;
	padding:12px;
	width:340px;
	overflow:hidden;
}
.info-column .column2 li {
	float:left;
	overflow:hidden;
	padding:0 13px 0 0;
}
.info-column ul {
	list-style:none;
	padding:0;
	margin:0;
	width:100%;
	overflow:hidden;
}
.info-column .column2 ul {
	padding:0 0 14px;
}
.info-column .column1 li {
	width:100%;
	overflow:hidden;
	padding:0 0 20px;
}
.info-column li a, .info-column li a:hover {
	color:#fff;
	display:block;
}
.info-column li img {
	display:block;
	border-bottom:3px solid #465f6f;
	width:100px;
	background-color: transparent;
}
.info-column li span {
	display:table;
	background:#5f7684 url(../images/bg-col-text.gif) no-repeat 0 100%;
	text-align:center;
	width:100px;
	overflow:hidden;
	height:47px;
	cursor:pointer;
}
.info-column .column2 li span {
	background:#5f7684 url(../images/bg-col-text1.gif) no-repeat 0 100%;
}
.info-column li em {
	display:table-cell;
	vertical-align:middle;
	padding:0 15px;
	cursor:pointer;
	font:bold 14px/16px Helvetica, Arial, Verdana, sans-serif;
}
.info-column li a:hover em {
	text-decoration:underline;
}
.main-info-box {
	padding:15px 0 65px;
}
.main-info-box h3 {
	margin:0;
	padding:0 16px 12px;
	font:bold 18px/20px Helvetica, Arial, Verdana, sans-serif;
}
.table-column {
	float:left;
	width:216px;
	overflow:hidden;
}
.table-box {
	background:url(../images/bg-table-box.gif);
	width:100%;
	overflow:hidden;
}
.table-box-top {
	width:100%;
	overflow:hidden;
	background:url(../images/bg-table-top.gif) no-repeat;
}
.table-box-bottom {
	width:100%;
	overflow:hidden;
	background:url(../images/bg-table-bottom.gif) no-repeat 0 100%;
	padding:7px 0 15px;
}
.table-box ul {
	list-style:none;
	padding:0;
	margin:0;
	font:16px/28px Helvetica, Arial, Verdana, sans-serif;
}
.table-box li {
	width:100%;
	overflow:hidden;
	height:28px;
	float:left;
}
.table-box .heading {
	font-weight:bold;
}
.table-box .col1 {
	float:left;
	width:81px;
	padding:0 10px 0 16px;
}
.table-box .col2 {
	float:left;
	width:81px;
	padding:0 0 0 18px;
}
.form-column {
	float:left;
	display:inline;
	margin:0 20px 0 21px;
	width:320px;
}
.form-column .form-box {
	width:100%;
	overflow:hidden;
	background:#cfd6da url(../images/bg-form-box.gif) no-repeat;
}
.form-column .form-box-bg {
	background:url(../images/bg-form-box-b.gif) no-repeat 0 100%;
	padding:12px 15px 14px;
	width:290px;
	overflow:hidden;
}
.form-column .form-box label {
	display:block;
	font:bold 16px/18px Helvetica, Arial, Verdana, sans-serif;
}
.form-column .form-box .text {
	display:block;
	color:#666;
	font:14px/16px Helvetica, Arial, Verdana, sans-serif;
	border:1px solid #5f7684;
	height:16px;
	padding:4px 6px;
	width:113px;
	margin:10px 0 0;
}
.text-column, .options-column {
	width:374px;
	overflow:hidden;
	padding-left: 40px;	
}
#options-column {
	padding-left: 40px; 
}
.text-column .text-box {
	width:100%;
	background:#e0eed0 url(../images/bg-text-box.gif) no-repeat;
	overflow:hidden;
	font-size: 16px;
	line-height: 1.5em;
}
.text-column .text-box-bg {
	background:url(../images/bg-text-box-b.gif) no-repeat 0 100%;
	overflow:hidden;
	padding:10px 18px 14px;
	width:338px;
}
.text-box-bg p {
	padding: 10px 0 10px 0;
}
.text-column .text-box p {
	margin:0;
	font:16px/20px Helvetica, Arial, Verdana, sans-serif;
}
.text-column .text-box h4 {
	margin:20px 0 4px;
	font:bold 16px/20px Helvetica, Arial, Verdana, sans-serif;
}
.text-column img {
	padding-top: 20px;
}
.text-column .btn-submit {
	float:left;
	border:0;
	text-indent:-9999px;
	overflow:hidden;
	line-height:200px;
	display:inline;
	width:138px;
	height:42px;
	background:url(../images/btn-add-to-cart.gif);
	margin:11px 0 0 4px;
	cursor:pointer;
}
.text-wrapper {
	float:right;
	width:633px;
	padding:0 20px 64px 0;
}
.text-wrapper h1 {
	margin:0;
	font:bold 28px/30px Helvetica, Arial, Verdana, sans-serif;
}
.text-wrapper h2 {
	color:#5f7684;
	font:bold 16px/18px Helvetica, Arial, Verdana, sans-serif;
	margin:0;
	padding:20px 0 8px;
}
.text-wrapper p {
	font:14px/20px Helvetica, Arial, Verdana, sans-serif;
	margin:0;
	padding:10px 0 0;
}
.photo-wrapper {
	float:left;
	padding:14px 10px 0 2px;
	width:271px;
}
.photo-wrapper img {
	display:block;
}
#bottom-boxes {
	clear:both;
	width:100%;
	background-color: #9fd067;
	height:146px;
	margin-top: 30px;	
	overflow:hidden;
}
#bottom-boxes .wrapper {
	background-color: #9fd067;
	background:url(../images/dock-bar-bg-2.jpg) no-repeat;
	height:146px;
	padding:48px 0 0;	
}
#bottom-boxes .box {
	float:left;
	width:277px;
	padding:0 32px 0 168px;
	overflow:hidden;
	color:#fff;
}
#bottom-boxes h2 {
	text-indent:-9999px;
	overflow:hidden;
	width:100%;
	height:24px;
	margin:0;
}
#bottom-boxes h2.ttl-classic-products {
	background:url(../images/ttl-classic-products.gif) no-repeat;
}
#bottom-boxes h2.ttl-eco-friendly {
	background:url(../images/ttl-eco-friendly.gif) no-repeat;
}
#bottom-boxes p {
	margin:0;
	font:14px/16px Helvetica, Arial, Verdana, sans-serif;
}
#bottom-boxes .btn {
	background:url(../images/btn-click-to-view.gif);
	display:block;
	width:119px;
	height:23px;
	text-indent:-9999px;
	overflow:hidden;
	margin:8px 0 0;
}
#footer {
	width:100%;
	background:#6b873b url(../images/bg-footer.gif) repeat-x;
	overflow:hidden;
	border-top:5px solid #fff;
	clear:both;
	color:#fff;
}
.footer-bg {
	width:100%;
	background:url(../images/bg-footer.jpg) no-repeat 50% 0;
	overflow:hidden;
	padding:0 0 46px;
}
#footer .text-column {
	float:left;
	width:445px;
	overflow:hidden;
}
#footer .text-column h3 {
	font:bold 18px/20px Helvetica, Arial, Verdana, sans-serif;
	margin:34px 0 8px;
}
#footer .text-column h4 {
	margin:14px 0 8px;
	font:bold 16px/18px Helvetica, Arial, Verdana, sans-serif;
}
#footer .text-column p {
	margin:0;
	font:14px/18px Helvetica, Arial, Verdana, sans-serif;
}
#footer .text-column address {
	display:block;
	margin:-6px 0 0;
	font:14px/18px Helvetica, Arial, Verdana, sans-serif;
}
#footer .text-column p span {
	color:#daebc1;
}
#footer .boxes {
	float:right;
	width:470px;
	overflow:hidden;
	padding:21px 0 0;
}
#footer .boxes .top, #footer .boxes .bottom {
	display:block;
	overflow:hidden;
	width:100%;
	background:url(../images/boxes-top.png);
	height:9px;
}
#footer .boxes .bottom {
	background:url(../images/boxes-bottom.png);
}
#footer .boxes .middle {
	background:url(../images/boxes-bg.png);
	width:100%;
	overflow:hidden;
	padding:0 0 16px;
}
#footer .boxes .box {
	float:left;
	width:210px;
	padding:0 0 0 20px;
}
#footer .boxes .box1 {
	float:right;
	padding:0 7px 0 0;
}
#footer .boxes h3 {
	font:bold 20px/22px Helvetica, Arial, Verdana, sans-serif;
	margin:0;
}
#footer .boxes ul {
	list-style:none;
	font:bold 16px/18px Helvetica, Arial, Verdana, sans-serif;
	padding:0 0 0 2px;
	margin:0;
}
#footer .boxes li {
	width:100%;
	overflow:hidden;
	padding:9px 0 0;
	vertical-align:top;
}
#footer .boxes li a {
	float:left;
	color:#bfde96;
	background:url(../images/blt.gif) no-repeat 0 3px;
	padding:0 0 0 15px;
}
#footer-text {
	width:100%;
	background:#425424;
	padding:16px 0 28px;
}
#footer-text p {
	margin:0;
	text-align:center;
	color:#b1cf87;
	font:12px/14px Helvetica, Arial, Verdana, sans-serif;
}
.image-zoom-block {
	margin-left: 50px;
	width: 302px;
}
.more-views {
	margin-left: 50px;
}
/* list items for main content */
.text-wrapper ul {
	padding: 5px;
}
.text-wrapper ul li {
	list-style-type: disc;
	font-size: 14px;
	line-height: 1.2em;
	list-style-position: inside;
}
.text-wrapper ol {
	padding-top: 5px;
	padding-bottom: 5px;
}
.text-wrapper ol li {
	/*list-style-type: disc;*/
	list-style: decimal;
	font-size: 14px;
	line-height: 1.2em;
	list-style-position: inside;
}
.text-wrapper p a {
	text-decoration: underline;
	color: #4F8100;
}
.text-wrapper p a:hover {
	background-color: #4F8100;
	color: #FFF;
}
/* sub nav */
#subnav {
	width: 100%;
	color: #425424;
	padding: 10px 0 30px 0;
}
#subnav ul {
	list-style:none;
	padding: 0px;
	margin:0;
	width: 633px;
}
#subnav li {
	padding: 0 5px 0 0;
	float: left;
	font:12px/14px Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: dashed 1px #BFDE96;
	list-style:none;
}
#subnav a {
	color:#425424;
}
.box1 {
	padding-left: 50px;
}
.category-container {
	width: 100%;
	padding: 0;
}
.category-box {
	float: left;
	width: 308px;
	height: 550px;
	margin: 10px 10px 10px 0px;
	overflow: hidden;
	border-left: solid #CCC 1px;
	border-right: solid #CCC 1px;
	border-bottom: solid #CCC 1px;
}
.category-name {
	text-align: center;
	display: block;
	font-size: 1.2em;
	line-height: 1.2em;
	color: #FFF;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
	background-color: #5f7684;/*border-bottom: 1px solid #5f7684;*/
}
.category-name a {
	font-weight: bold;
	color: #FFF;
}
.category-image-box {
	display: block;
	margin: auto;
	text-align: center;
	height: 400px;
	padding: 15px 15px 15px 0;
}
.cat-desc {
	font-size: 1.2em;
	line-height: 1.25em;
	padding: 15px;
	font-weight: normal;
	color: #000;
	display: block;
	text-align: left;
}
.cat-desc h2 {
	padding: 15px;
	padding-top: 0px;
	font-size: 12px;
	font-weight: normal;
	color: #000;
}
.category-custom {
	float: left;
	width: 220px;
	display: block;
	padding: 10px 5px 10px 0px;
}
.category-custom p {
	line-height: 1.2em;
	padding-top: 5px;
}
.category-custom a {
	text-decoration: underline;
	font-weight: bold;
}
.products {
	width: 650px;
	float: right;
}
/*.category-image-box img {
	width: 200px;
	vertical-align: bottom;
}*/


.category-name p {
	padding: 0;
}
#registrationform {
	padding: 5px 0px 15px 10px;
}
#registrationform tr td {
	padding-top: 10px;
}
/*
#registrationform input {
	width: 150px;	
}*/

.group-select ul li {
	list-style: none;
}
label {
	color: #333;
	font-weight: 400;
	line-height: 1.1em;
}
.input-box p {
	font-weight: 400;
}
p.required {
	text-align:left;
	padding-left: 10px;
	padding-top: 0;
}
/* items for category layout on mutli-catgory pages */
.category-head p {
	font-size: 1.3em;	
}
.category-wrapper {
	width: 650px;
	float: left;
	padding-top: 15px;
}
.category-holder {
/*	width: 200px; */
	width: 310px;
	height: 400px;
	float: left;
	margin: 0 7px 0 8px;
}
.category-holder p {
	padding: 10px 0 10px 0;
	font-size: 1.2em;
	line-height: 1.3em;
}
.category-holder img {
/*	height: 160px; */
}
.category-holder a:hover {
	color:#497614;
	text-decoration: none;
}
.category-header {
	font-size: 1.4em;
	padding: 10px 0 10px 0;
	text-align: center;
	width: 200px;
}
.category-header a:hover {
	color: #333333;
	text-decoration: none;
}
.category-pic {
	display: block;
	height: 175px;
}
.custom-wrapper {
	padding-top: 20px;
	width: 950px;
	clear: both;
}
/* alternate left column for pages 
.text-column .text-box {
	width:100%;
	background:#e0eed0 url(../images/bg-text-box.gif) no-repeat;
	overflow:hidden;
}
.text-column .text-box-bg {
	background:url(../images/bg-text-box-b.gif) no-repeat 0 100%;
	overflow:hidden;
	padding:10px 18px 14px;
	width:338px;
}
.text-box-bg p {
	padding: 10px 0 10px 0;
}
.text-column .text-box p {
	margin:0;
	font:16px/20px Helvetica, Arial, Verdana, sans-serif;
}
*/

.col-left2 {
	float:left;
	width:233px;
	background:#e0eed0 url(/media/callout-box-green.jpg) no-repeat;
	overflow:hidden;
	padding: 20px 10px 0px 10px;
/*	margin-left:16px; */
}

/* badge callout */
.col-left-badge, .col-left-ribbon, .col-left-bag {
	float:left;
	width:235px;
	height: 500px;
	background:url(/media/badge-callout.jpg) no-repeat;
	overflow:hidden;
	padding: 20px 10px 0px 10px;
	margin: 5px;
	margin-right: 15px;
}

.col-left-ribbon {
	background:url(/media/ribbons-callout.jpg) no-repeat;
}

.col-left-bag {
	background:url(/media/bag-callout.jpg) no-repeat;
}


.col-left-badge H1, .col-left-ribbon H1, .col-left-bag H1 {
	font-size: 20px;
	text-align: left;
	color: #2c373e;
}

.col-left-badge P, .col-left-ribbon P, .col-left-bag P {
	padding-top: 5px;
	font-size: 14px;
	line-height: 1.4em;
}

.col-left-badge img, .col-left-ribbon img {
	margin-top: 250px;	
	margin-left: 20px;
}

.col-left-bag img {
	margin-top: 230px;	
	margin-left: 20px;
}
.col-left-badge img:hover, .col-left-ribbon img:hover, .col-left-bag img:hover {
	opacity: 0.8;
	/*filter: alpha(opacity=80); */	
}

.col-left2 p {
padding: 5px 10px 10px 5px;
font-size: 1.2em;
line-height: 1.3em;
}
/*
.col-left2-bottom {
	width: 233px;
	height: 39px;
	padding: 10px -10px -10px -10px;
	margin: 0px -15px -5px -5px;
	background-color: transparent;
	background-image: url(/media/callout-box-green-footer.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
	z-index: 10;
}*/
.layout-1column {
padding: 10px;	
}
.contact-photo {
	margin-top: 50px;
	background:url(/media/tonia.jpg) no-repeat; 
	height: 368px; 
	width: 250px;	
	border: 1px solid #5F7684;
}

.contact-photo p {
	padding-top: 90px;
	padding-left: 55px;
	font-size: 1.2em;
}
/*
.product-image {
	height: 200px;
}*/
/* look at this later */
.product-image img {
	width: 150px;
}

#lanyardPic {
	width: 125px;
}
#lanyardImg {
	left:145px;
	position:relative;
	top:-127px;	
	width: 125px;
	z-index: 20;
	height: 20px; /* should be able to do this b/c of neg top setting. */
}
/*
.product-image img {
	height: 170px;
	width: 170px;
}*/

/* LOADING INDICATOR
*******************************************************************/
#loading-process {
    position:absolute;
    top:45%;
    left:50%;
    margin-left:-60px;
    border:2px solid #f1af73;
    padding:15px 60px;
    background:#fff;
    color:#d85909;
    font-size:1.1em;
    font-weight:bold;
    text-align:center;
    z-index:501;
    }
#loading-mask {
    position:absolute;
    color:#CFD6DA;
    font-size:1.1em;
    font-weight:bold;
    text-align:center;
    opacity:0.80;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8 */
    z-index:500;
    }
#loading-mask .loader {
    position:fixed;
    top:45%;
    left:50%;
    width:120px;
    margin-left:-60px;
    padding:15px 60px;
    background:#FFF;
    border:2px solid #465F6F;
    color:#333;
    font-weight:bold;
    text-align:center;
    z-index:1000;
    }

#message-popup-window-mask {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    z-index:9999;
    background-color:#FFF;
    opacity:.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; /* IE8 */
    }

#message-popup-window-mask .flash-window {
    position:fixed;
    top:45%;
    left:50%;
    z-index:1000;
    margin-left:-207px;
    margin-top:-70px;
    }

.smallprint {
	font-size: .8em;
	padding-left: 10px;
}

.acctinfo-header {
	color: #FFF;
	float: right;
	margin:10px 8px 10px 0;
	padding-left: 10px;
	width: 200px;
	font-size: 12px;
}
.acctinfo-header a {
	color: #FFF;	
}

/* @group hover menu  */
#sub-nav{position: absolute; z-index: 999 !important; margin-left: 8px; height: 170px;
}
#store-sub-nav {
	position: absolute;
	top: 50px;
	width: 408px;
	height: 155px;
	background-image: url(../images/dd_02.jpg);
	background-repeat: no-repeat;
	background-color: #768895;
	color: #FFF;
	font-size: 14px;
	/*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; */
	margin: 0;
/*	-moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px; */
}
#sub-nav:hover{
	display: block;
}
#store-sub-nav a, .sub-nav-bottom a {
	color: #FFF;
	text-decoration: none;
	padding: 5px;
}
#store-sub-nav a:hover, .sub-nav-bottom a:hover {
	background-color: #e0eed0;
	background-image: none;
	color: #333333;
	-moz-border-radius: 3px; -webkit-border-radius: 3px;
}
#store-sub-nav ul {
	list-style-type: none;
	margin: 0;
	margin-top: 10px;
}
#store-sub-nav ul li {
	margin: 0;
	line-height: 15px;
	width: 190px;
}
#store-sub-nav .left-sub {
	width: 45%;
	float: left;
	padding-left: 25px;
	font-size: 11px;
}
#store-sub-nav .right-sub {
	width: 45%;
	float: right;
	padding-right: 10px;
	font-size: 11px;
}
.sub-nav-bottom {
	width:408px;
	height: 45px;
	background-image: url(../images/dd_03.png);
	background-repeat: no-repeat;
	background-position: bottom;	
	margin-top: 5px;
	float: left;
	text-align: left;
	border: none;
	color: #FFF;
	font-size: 14px;
	position: absolute;
	top: 185px; 
	z-index: 999;
}
.sub-nav-bottom p {
	margin: 10px;
	padding: 0;
	padding-left: 190px;	
	text-align: right;
}
/* dock menu */
#bottom-boxes { overflow: visible; }
#dock-menu { z-index: 3;
margin: 0 auto;
margin-left: -30px;
}
#dock-menu img { 
	padding-left: 20px; padding-right: 0px; width: 100px; 
}
#dock-menu div.jqDockWrap {margin:0 auto; margin-top: -50px; margin-left: -50px;}
/*...set the cursor...*/
#dock-menu div.jqDock {cursor:pointer; z-index:9999; }
/*label styling...*/
#dock-menu a:hover { text-decoration: none;  }
div.jqDockLabel {font-weight:bold; font-style:italic; white-space:nowrap; color:#ffffff; cursor:pointer;}



/* @end */