body, img, form, input { margin: 0; padding: 0; }
body { text-align: center; }

a:link { color: #D00; text-decoration: none; }
a:visited { color: #911; text-decoration: none; }
a:link:hover { color: #F00; text-decoration: underline; }
a:active { color: #A33; }
a:visited:hover { color: #F00; text-decoration: underline; }

body,
td,
p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #444; }

.titlebar {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFF; background-color: #A6A6E8; }
.producttable { border-color: #A6A6E8;  border-style: solid; }
.secondnav { font-size: 9px; }
.headline { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; }
.caption { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #333; }
.copyright { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #666; }
.jfdesigns { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #666; }
.formelements { background-color: #A6A6E8; font-family: verdana, geneva, arial, sans-serif; font-size: 9px; font-weight: normal; color: #FFF; }
.smaller { font-size: 10px; }

hr { color: #336; height: 1px; }
h1, h2, h3 { text-align: left; }
h2 { font-size: 18px; margin: 16px 0 16px 0; line-height: 18px; }
h2 { font-size: 18px; margin: 16px 0 16px 0; line-height: 18px; }
h3 { font-size: 16px; margin: 14px 0 14px 0; line-height: 16px; }
h4 { font-size: 14px; margin: 12px 0 12px 0; line-height: 14px; }
h5 { font-size: 12px; margin: 10px 0 10px 0; line-height: 12px; }

#main .centered { text-align: center; }

#main p.buttons  { text-align: center; }

em { font-weight: bold; }
.blue { color: #00F; font-weight: bold; }
.blueNorm { color: #00F; }
.red { color: #F00; font-weight: bold; }
.black { color: #000; font-weight: bold; }

.red a { color: #00F; text-decoration: underline; }
.red a:hover { text-decoration: underline; color: #000; }

div.hr {
	text-align: right;
	margin: 12px 11px 12px 12px;
	}

#wrap {
	position: relative;
	margin: 12px auto;
	width: 800px;
	background: url(images/global/bkgd.gif) 0 0 repeat-y;
	border-left: 12px solid white;
	border-bottom: 12px solid white;
	}

/* For IE 5 Mac */
* html>body div#wrap { border-left: 0; }


#header {
	background: url(images/global/header.jpg) 0 0 no-repeat;
	width: 800px;
	height: 151px;
	text-align: left;
	}

#hotspot {
	float: left;
	width: 300px;
	height: 80px;
	margin: 0; padding: 0;
	overflow: hidden;
	}

#hotspot a {
	display: block;
	margin: 0; padding: 0;
	width: 300px;
	height: 80px;
	}

/* Hide the home page link text */
#hotspot span {
	display: block;
	width: 0; height: 0;
	overflow: hidden;
	}

#checkout {
	position: relative;
	top: 10px;
	left: 654px;
	height: 17px;
	width: 136px;
	clear: left;
	}

#searchbox {
	position: relative;
	top: 22px;
	text-align: right;
	margin-right: 12px;
	}

/* For IE - Box model hack */
* html div#searchbox { top: 20px; }

/* For IE 5 Mac */
* html>body div#searchbox { top: 12px; }

#nav {
	width: 183px;
	vertical-align: top;
	text-align: left;
	}

#nav h2 {
	margin: 0 1px;
	padding: 6px 0 6px 2px;
	background: #DEDEBC url(images/nav/border-link.gif) bottom left no-repeat;
	line-height: 1;
	}

#nav a {
	display: block;
	background: url(images/nav/border-link.gif) bottom left no-repeat;
	margin: 0 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	padding: 6px 0 6px 6px;
	}

#nav a:hover { background-color: white; }
#nav a.current  { background-color: white; }

#nav .customerLobby { margin-left: 12px; }
#nav .customerLobby a { background-image: none; }
#nav .customerLobby a:hover { background-color: #CDCD98; }


#main {
	vertical-align: top;
	text-align: center;
	}

#main p {
	margin: 12px 26px 12px 26px;
	line-height: 1.4em;
	text-align: left;
	}

#main h1,
#main h2,
#main h3,
#main h4,
#main h5 { margin-left: 18px; text-align: left; }

#tagline {
	font-size: 16px;
	font-style: italic;
	margin-left: 18px;
	}

#main dl { margin-bottom: 20px; }

#main dl dt {
	margin: 6px 26px 6px 26px;
	font-weight: bold;
	text-align: left;
	font-size: 13px;
	}

#main dl dt a {
	color: #336;
	text-decoration: none;
	}

td#main dl dt a:hover {
	text-decoration: underline;
	}

#main dl dd {
	width: 520px;
	text-align: left;
	}

#main dl.tableDisplay {
	margin: 2em 0;
	padding: 0;
	}

#main .tableDisplay dt {
	width: 15em;
	float: left;
	margin: 0 0 0 0;
	padding: .5em;
	font-weight: bold;
	text-align: right;
	font-size: 13px;
	}

/* commented backslash hack for mac-ie5 \*/
#main dt { clear: both; }
/* end hack */

#main .tableDisplay dd {
	float: left;
	width: 24em;
	margin: 0 0 0 0;
	padding: .5em;
	font-size: 13px;
	}

#main ol li,
#main ul li { text-align: left; }

#main ul.detail { margin-left: 30px; }

/* For IE */
* html td#main ul.detail { padding-left: 30px; }

#main h4.detail { margin-left: 26px; }

p.prodList { margin: 12px 18px 12px 26px; }

table.prodThumbs { width: 546px; margin: 4px 26px 4px 26px; }

table.prodThumbs,
table.prodThumbs td {
	border-width: 1px;
	border-style: solid;
	text-align: center;
	}

table.prodThumbs td.textRight,
table.prodThumbs th.textRight { text-align: right; }
table.prodThumbs td.textLeft,
table.prodThumbs th.textLeft { text-align: left; }

table.prodThumbs th {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	}

table.prodThumbs th.secHead {
	padding: 9px 0;
	font-size: 14px;
}

.new img,
.onSale img {
	display: block;
	margin: 0 auto 2px auto;
	}
.regPrice {
	display: block;
	text-decoration: line-through;
	}
.onSale strong {
	display: block;
	font-weight: bold;
	color: #ED0000;
	}

.new strong {
	display: block;
	}


td.lbl {
	width: 150px;
	text-align: right;
	font-weight: bold;
	vertical-align: top;
	}

td.inp {
	text-align: left;
	vertical-align: top;
	}

#main dl.table-display,
#main dl.wdtable-display,
#main dl.smtable-display {
	margin: 0;
	padding: 0;
	}


/* for IE peekaboo bug */
/* Hides from IE5-mac \*/
* html #main dl.table-display,
* html #main dl.wdtable-display,
* html #main dl.smtable-display { height: 1%; }
/* End hide from IE5-mac */


#main .table-display dt,
#main .wdtable-display dt,
#main .smtable-display dt {
	float: left;
	margin: 0;
	padding: 4px;
	font-weight: bold;
	text-align: right;
	}

#main .table-display dt { width: 150px; line-height: 1.1em; border-bottom: 1px solid white; }
#main .wdtable-display dt { width: 160px; line-height: 1.1em; border-bottom: 1px solid white; }
#main .smtable-display dt { width: 130px; line-height: 1.1em; border-bottom: 1px solid white; }

/* commented backslash hack for mac-ie5 \*/
#main dt { clear: both; }
/* end hack */

#main .table-display dd,
#main .wdtable-display dd,
#main .smtable-display dd {
	float: left;
	margin: 0;
	padding: 4px;
	}

#main .table-display dd { width: 350px; }
#main .wdtable-display dd { width: 350px; }
#main .smtable-display dd { width: 310px; }

#main dl.acct dt { width: 240px; }
#main dl.acct dd { width: 270px; }

table.prodThumbs td.noBorder { border-style: none; }

#main table.prodThumbs p { margin: 4px; }

table.subTable { border: none; width: 100%; }
table.subTable td { border: none; padding: 0 4px 0 4px; }
table.subTable td.total {
	border-top-width: 1px;
	border-top-style: solid;
	text-align: right;
	font-weight: bold;
	}

#features {
	margin-left: 18px;
	text-align: center;
	}

#features td {
	width: 180px;
	vertical-align: bottom;
	text-align: center;
	}

#features td.onSale {
	height: 130px;
	background: transparent url(images/global/bk-feature-onsale.png) left top no-repeat;
	}

#features td.new {
	height: 130px;
	background: transparent url(images/global/bk-feature-new.png) left top no-repeat;
	}

#features td.descr {
	vertical-align: top;
	border-style: solid;
	border-width: 1px;
	}

#features td.descr h5 {
	margin: 4px;
	text-align: center;
	color: #009;
	}

#features td.descr p { margin: 4px; text-align: center; }
#features td.widgets p { margin: 4px; text-align: center; }

td.widgets span.price {
	color: #009;
	font-weight: bold;
	}

td.widgets .regPrice {
	display: inline;
	color: #F00;
	}

td.widgets em.onSale {
	color: #F00;
	font-weight: bold;
	}

div.topRule {
	background: url(images/global/horiz_bar.gif) top right no-repeat;
	padding-top: 8px;
	margin: 0 4px 12px 0;
	}

/* Extra Small Coupon */
div#couponXsmall {
	width: 106px;
	height: 55px;
	float: right;
	margin: 4px 8px 4px 0;
	}

div#couponXsmall a {
	display: block;
	width: 106px;
	height: 55px;
	background: url(images/coupon-xs.gif) bottom left no-repeat;
	}

div#couponXsmall a:hover {
	background-position: 0 0;
	}

div#couponXsmall a span {
	display: block;
	width: 0; height: 0;
	overflow: hidden;
	font-size: 1px;
	}
/* End Extra Small Coupon */

img.floatRight {
	float: right;
	margin: 4px 16px 12px 0;
	}

#left {
	margin-top: 13px;
	margin-bottom: 20px;
	float: left;
	width: 310px;
	border-right: 1px solid #9F9FC5;
	text-align: center;
	}

#right {
	float: left;
	width: 280px;
	text-align: center;
	/* border: 1px solid red; */
	}

#left p,
#right p {
	margin: 8px 18px 12px 26px;
	text-align: justify;
	}

#left h4,
#right h4,
#right h5 {
	margin: 8px 0;
	}

p.freeShip {
	width: 121px;
	padding: 8px;
	background-color: #E0FFF0;
	color: #009;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	border-style: solid;
	border-width: 1px;
	border-color: #F4FFFF #F4FFFF #A8D7C8 #A8D7C8;
	}

#left p.freeShip { margin: 4px auto; }

p.padLeft { margin-left: 80px; }

table.prodThumbs td.padLeft { text-align: left; margin-left: 80px; color: red; }

p.frontPage { margin: 12px 26px 12px 26px; line-height: 1.4em; }

/*
p.frontPage a { text-decoration: none; }
p.frontPage a:hover { text-decoration: underline; }
*/

ul.accounts { margin: 4px 0 30px 20px; }

/* For IE */
* html body ul.accounts { padding-left: 40px; }

ul.accounts li {
	font-size: 12px;
	font-weight: bold;
	margin: 8px 12px 8px 0;
	line-height: 14px;
	text-align: left;
	}

table.mailList td { padding: 4px; }

#footer {
	background: url(images/global/bottom_bar.gif) bottom left no-repeat;
	padding: 20px 0 0 183px;
	text-align: center;
	border-bottom: 1px solid #FFF;
	}

/* For IE 5 Mac */
* html>body div#footer { border-bottom: 1px solid #336; }

#footer p {
	padding-bottom: 10px;
	margin: 0;
	font-size: 9px;
	color: #666;
	}

#footer a { color: #666; }

.badge {
	float: right;
	margin: 8px 60px 0 0;
	}

#row2 {
	display: block;
	clear: both;
	padding-top: 24px;
	}

#row2 .badge {
	margin-right: 120px;
	}

#badgeUPS { margin-top: 8px; }

#badgeGodaddy {
	width: 120px;
	height: 60px;
	margin: 8px 70px 0 0;
	}

#badgeSiteseal {
	width: 102px;
	height: 66px;
	}

#badgebadgeCustomerLobby {
	width: 120px;
	height: 70px;
	}

#row2 #badgeLw {
	margin-right: 90px;
	}

div.hr { width: 580px; height: 1px; border-top: 1px solid #444; margin-left: auto; margin-right: auto; }
hr.main { margin: 8px 16px; }

p.clear,
br.clear,
hr.clear,
table.clear,
p.radioPrint { clear: both; }

p.address,
dt.altPrint,
dd.altPrint { display: none; }

div.related {
	margin: 8px 100px;
	border-style: solid;
	border-width: 1px;
	}

#main div.related h4 {
	margin: 0;
	padding: 4px 8px;
	text-align: center;
	}

.instr {
	clear: both;
	margin: 0 16px 12px 0;
	padding: 3px;
	}

.instr img,
.instr a:link {
	border-color: #FFF;
	border-width: 0 4px 0 0;
	}

#main .instr h4 {
	margin: 0 0 0 24px;
	padding: 0;
	/*text-align: right;*/
	}

.instr p {
	margin: 4px 0 0 0;
	padding: 0;
	}

.trigger{
	cursor:pointer;
}
.trigger:hover{
	cursor:pointer;
	/*background:#ddf;*/
}
.expanded{
	/*background:#ccf;*/
	cursor:pointer;
}
.expanded:hover{
	/*background:#eef;*/
	cursor:pointer;
}
.show{
 position:static;
 display: table;
}
.hide{
	position:absolute;
	left:-999em;
	height:1px;
	width:100px;
	overflow:hidden;
}

#popWindow { text-align: left; }

#popWindow p,
#popWindow h1,
#popWindow h2,
#popWindow h3,
#popWindow h4,
#popWindow li { margin-left: 12px; margin-right: 12px; }

#ipcThumbHolder {
	float: right;
	width: 180px;
	}

a.pdf {
	display: block;
	padding: 2px 0 2px 20px;
	background: transparent url(images/icon-pdf.gif) 0 50% no-repeat;
	text-align: left;
	zoom: 1;
	}

#ipcThumbHolder a.pdf {
	clear: right;
	width: 180px;
	margin-right: 12px;
	}

a#kitThumb {
	display: block;
	position: absolute;
	width: 120px;
	height: 94px;
	top: 152px;
	left: 668px;
	border-width: 0;
	}

a#kitThumb img {
	display: block;
	border-width: 0;
	}

a.kitThumb {
	display: block;
	float: right;
	width: 120px;
	height: 94px;
	border-width: 0;
	}

a.kitThumb img {
	display: block;
	border: 1px solid #AAA;
	border-width: 0 1px 0 0;
	}

a.first { margin-right: 12px; }
a.first img { border-right-width: 0; }

#nav .ratepoint {
	margin: 20px 0 20px 10px;
	}

#main .ratepoint {
	margin: 20px 0 40px 230px;
	}

#vidHolder {
	width: 425px;
	height: 344px;
	margin: 20px auto;
	}

div.rounded {
	margin: 6px 26px 18px 26px;
	padding 8px 0;
	border: 2px solid #C0504D;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-kthml-border-radius: 6px;
	border-radius: 6px;
	}
.cap { text-transform: uppercase; }
.red { color: #C0504D; }
#main h4.cen { text-align: center; font-size: 18px; }

#tabs {
	width: 544px;
	margin: 0 26px;
	padding-top: 5px;
	/* border: 1px solid #CC9; */
	border-bottom-width: 0;
	text-align: left;
}

#tabs a,
#tabs strong {
	display: inline-block;
	padding: 8px 12px;
	margin: 0 2px 0 0;
	border: 1px solid #CCC;
	border-bottom-width: 0;
}

#tabs .first { margin-left: 3px; }

#tabs a {
	color: #444;
}
#tabs strong {
	color: #444;
	background-color: #CDCD98;
}