/* Catalog Content */

#catContent { width: 738px; margin: 3px auto 10px 210px; padding: 0; position: relative; }



/* Catalog Main Content */

#catContent h1 { text-indent: -9999px; width: 696px; height: 113px; display: block; }
#catContent h1.catMainHeader { display: block; background: url(../images/catalog-2012/cat_main_header.png) 0 0 no-repeat; width: 738px; height: 204px; }
#catContent h2.catMainSubHeader { height: 5px; width: 738px; text-indent: -9999px; font: bold 2em "Trebuchet MS", sans-serif; color: #ed1c24; }
#catContent h2 { font: bold 2em "Trebuchet MS", sans-serif; color: #ed1c24; margin: 0 30px 25px 30px; padding: 0; }
#catContent h3 { font: bold 1.1em Verdana, sans-serif; color: #005996; margin: 20px 30px 3px 30px; padding: 0; }
#catContent p { margin: 5px 35px 8px 33px; font-size: 0.7em; color: #333; line-height: 1.6em; }
#catContent a { color: #00adef; border-bottom: #005db6 1px dashed; padding-bottom: 1px; }
#catContent a:hover { color: #005db6; }
#catContent ul { list-style: outside url(../images/fp_links_bullet_1.gif); margin: 10px 40px 10px 55px; }
#catContent li { font-size: 0.7em; line-height: 1.6em; margin: 2px 0; }
#catContent ul ol { margin: 10px 20px; list-style: outside decimal; }
#catContent blockquote { margin: 10px 30px; }

#catMainIntro { width: 738px; margin: 0; padding: 0; position: relative; }
#catMainIntro p { margin: 0 30px 25px 247px; padding: 7px 0 0 0; font-size: 0.8em; line-height: 1.7em; color: #333; }
#catMainIntro form { position: absolute; top: 0; left: 17px; height: 69px; width: 207px; background: url(../images/catalog/cat-prod-search-bg-trans.png) 0 0 no-repeat; }
#catMainIntro form h4 { height: 36px; display: block; }
#catMainIntro input { font-size: 10px; }

#prodSearchText { margin: 0 8px 0 13px; padding: 2px 5px; border: 1px solid; border-color: #000 #ccc #ccc #000; height: 10px; width: 117px; color: #000; }
#prodSearchHint { margin: 0 8px 0 13px; padding: 2px 5px; border: 1px solid; border-color: #000 #ccc #ccc #000; height: 10px; width: 117px; color: #CCC; }
#prodSearchButton { border: 0; }

#catMainContent { width: 491px; margin: 0; padding: 0; }

#catMainContent ul { list-style: none; width: 193px; font-size: 0.7em; }
#catMainContent li { border-bottom: #aea0ec 1px solid;}

#catMainFeature { background: url(../images/catalog/cat-main-feature-trans.png) 0 0 no-repeat; width: 491px; height: 248px; }
#catMainFeature2012 { background: url(../images/catalog-2012/cat-main-feature-trans.png) 0 0 no-repeat; width: 491px; height: 248px; }

#catMainContent .catMainProdNav { width: 227px; background-color: #aea0ec; border: #aea0ec 1px solid; float: left; display: inline; margin: 7px 0 10px 12px; padding: 0 0 3px 0; 
	        border-radius: 5px; /* CSS 3 */
  	     -o-border-radius: 5px; /* Opera */
 	  -icab-border-radius: 5px; /* iCab */
  	 -khtml-border-radius: 5px; /* Konqueror */
  	   -moz-border-radius: 5px; /* Firefox */
  	-webkit-border-radius: 5px; /* Safari */ }
#catMainContent .catMainProdNav h4 { background: url(../images/catalog/cat-prodtype-header-sq-trans.png) 0 0 no-repeat; width: 227px; height: 43px; display: block; margin-top: -1px; }
#catMainContent .catMainProdNav h5 { background: url(../images/catalog/cat-browse-header-sq-trans.png) 0 0 no-repeat; width: 227px; height: 43px; display: block; margin-top: -1px; }
#catMainContent .catMainProdNav ul { list-style: none;  font-size: 0.8em; margin: 0; }
#catMainContent .catMainProdNav li { border-bottom: #aea0ec 1px solid; background: url(../images/catalog/cat-main-links-bg.png) 0 0 repeat-x; width: 227px; margin: 0; }
#catMainContent .catMainProdNav a { color: #333; padding: 3px 10px 1px 20px; display: block; height: 13px; border-bottom: none; }
#catMainContent .catMainProdNav a:hover { color: #ed1c24; border-bottom: none; background: none; }



/* Catalog Main Right Sidebar */

#catMainSidebar { width: 236px; float: right; padding: 0; margin: 11px 9px 10px 2px; display: inline; }
#catMainFeature2 { background: url(../images/catalog/cat-feature-2-trans.png) 0 0 no-repeat; height: 189px; width: 236px; }
#catMainFreeCat { background: url(../images/catalog-2012/cat-free-cat_ad_trans.png) 0 0 no-repeat; height: 189px; width: 236px; }
#catMainFeature3 { background: url(../images/catalog-2012/cat-free-cat_ad_trans.png) 0 0 no-repeat; height: 189px; width: 236px; }
#catMainFeature4 {
	background: url(../images/catalog-2012/cat-bkcl_ad_trans.png) 0 0 no-repeat;
	height: 303px;
	width: 236px;
	margin-top: 5px;
}



/* Catalog Left Sidebar Navigation */


#catNavLeft { width: 190px; background: url(../images/catalog/cat_sidebar_links_bg.png) no-repeat 0 0; padding: 175px 0 10px 0; margin: 12px 0 0 0; position: relative; overflow: visible; z-index: 801; }
#catNavLeftBtm { width: 190px; margin: 0; padding: 0; height: 23px; background: url(../images/catalog/cat_sidebar_links_btm-trans.png) no-repeat 0 0; }

#catNavLeft ul { margin: 0 0 0 2px; list-style: none; width: 175px; }
#catNavLeft li { text-indent: -9999px; height: 22px; position: relative; }
#catNavLeft li a { display: block; height: 22px; background: url(../images/catalog/cat_links_leftside.png) no-repeat 0 0; border-top: #76c5f3 1px solid; border-bottom: #fff 1px solid; overflow: hidden; }

#catNavLeft li.browse a { background-position: 0 0; border-top: 0; }
#catNavLeft li.browse a:hover { background-position: -175px 0; }
#catNavLeft li.bs a { background-position: 0 -21px; }
#catNavLeft li.bs a:hover { background-position: -175px -21px; }
#catNavLeft li.np a { background-position: 0 -43px; }
#catNavLeft li.np a:hover { background-position: -175px -43px; }
#catNavLeft li.specials a { background-position: 0 -65px; }
#catNavLeft li.specials a:hover { background-position: -175px -65px; }
#catNavLeft li.prod-type a { background-position: 0 -87px; }
#catNavLeft li.prod-type a:hover { background-position: -175px -87px; }
#catNavLeft li.pur-pol a { background-position: 0 -109px; }
#catNavLeft li.pur-pol a:hover { background-position: -175px -109px; }
#catNavLeft li.idea a { background-position: 0 -131px; }
#catNavLeft li.idea a:hover { background-position: -175px -131px; }
#catNavLeft li.feedback a { background-position: 0 -153px; }
#catNavLeft li.feedback a:hover { background-position: -175px -153px; }
#catNavLeft li.rr a { background-position: 0 -175px; }
#catNavLeft li.rr a:hover { background-position: -175px -175px; }
#catNavLeft li.copyright a { background-position: 0 -197px; }
#catNavLeft li.copyright a:hover { background-position: -175px -197px; }
#catNavLeft li.gf a { background-position: 0 -219px; }
#catNavLeft li.gf a:hover { background-position: -175px -219px; }
#catNavLeft li.dealers a { background-position: 0 -241px; border-bottom: 0; }
#catNavLeft li.dealers a:hover { background-position: -175px -241px; }
#catNavLeft li.psafety a { background-position: 0 -263px; border-bottom: 0; }
#catNavLeft li.psafety a:hover { background-position: -175px -263px; }

div#catNavLeft ul ul { position: absolute; top: -2px; left: 173px; width: 100%; display: none; background-color: #00a0de; border: #005db6 2px solid; }
div#catNavLeft ul li:hover ul { display: block; }
div#catNavLeft ul ul li { border-bottom: #0071c5 1px solid; height: 16px; background-color: #00a0de; }
div#catNavLeft ul ul li:hover { background-color: #74e3ff; }
div#catNavLeft ul ul a { color: #fff; padding: 2px 0 0 0; background-image: none; display: block; text-indent: 6px; margin: 0; font-size: 0.6em; border-top: none; border-bottom: none; }
div#catNavLeft ul ul a:hover { color: #005db6; }
div#catNavLeft ul ul a:active { color: #ff007a; }

#catQLinks {
	width: 209px;
	background-image: url(../images/catalog/cat_qlink-m.png);
	background-repeat: repeat-y;
	text-indent: -1000px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#catQLinks h2 {
	background-image: url(../images/catalog/cat_qlink-t.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
	padding: 0px;
	height: 40px;
	width: 100%;
	display: block;
}
#catQLinks h3 {
	background-image: url(../images/catalog/cat_qlink-b.png);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	margin: 0px;
	padding: 0px;
	height: 18px;
	width: 100%;
	display: block;
}
#catQLinks a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 10px;
	font-weight: bold;
	list-style-type: none;
	display: block;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 0px;
	padding-left: 10px;
	text-indent: 0px;
	text-decoration: none;
	color: #1e79c3;
}
#catQLinks a:hover {
	color: #ec008c;
	background-color: #daecf8;
}
#catQLinks br {
	margin: 0px;
}

/* Banner Ads */

#banAdLftSp { width: 214px; height: 96; margin: 12px 0 0 0; position: relative; }
#banAdLftSp h3 { background: url(../images/fp_featured_link_sp-wht.gif) no-repeat 0 0; height: 96px; width: 214px; position: relative; }
#banAdLft1 { width: 214px; height: 96; margin: 12px 0 0 0; position: relative; }
#banAdLft1 h3 { background: url(../images/catalog/bannerad1.png) no-repeat 0 0; height: 96px; width: 214px; position: relative; }
#banAdLft2 { width: 214px; height: 96; margin: 0 0 0 0; position: relative; }
#banAdLft2 h3 { background: url(../images/catalog/bannerad2.png) no-repeat 0 0; height: 96px; width: 214px; position: relative; z-index: 802; }
#banAdLft3 { width: 214px; height: 96; margin: 0 0 0 0; position: relative; }
#banAdLft3 h3 { background: url(../images/catalog/bannerad3.png) no-repeat 0 0; height: 96px; width: 214px; position: relative; z-index: 802; }
#banAdLft4 { width: 214px; height: 96; margin: 0 0 0 0; position: relative; }
#banAdLft4 h3 { background: url(../images/catalog/bannerad4.png) no-repeat 0 0; height: 96px; width: 214px; position: relative; z-index: 802; }
#banAdLft5 { width: 214px; height: 96; margin: 12px 0 0 0; position: relative; }
#banAdLft5 h3 { background: url(../images/catalog/bannerad5.png) no-repeat 0 0; height: 96px; width: 214px; position: relative; }
#banAdLft6 { width: 214px; height: 96; margin: 0 0 0 0; position: relative; }
#banAdLft6 h3 { background: url(../images/catalog/bannerad6.png) no-repeat 0 0; height: 96px; width: 214px; position: relative; z-index: 802; }
#banAdLft7 { width: 214px; height: 96; margin: 0 0 0 0; position: relative; }
#banAdLft7 h3 { background: url(../images/catalog/bannerad7.png) no-repeat 0 0; height: 96px; width: 214px; position: relative; z-index: 802; }
#banAdLft8 { width: 214px; height: 96; margin: 0 0 0 0; position: relative; }
#banAdLft8 h3 { background: url(../images/catalog/bannerad8.png) no-repeat 0 0; height: 96px; width: 214px; position: relative; z-index: 802; }
#banAdLft9 { width: 214px; height: 96; margin: 0 0 0 0; position: relative; }
#banAdLft9 h3 { background: url(../images/catalog/bannerad9.png) no-repeat 0 0; height: 96px; width: 214px; position: relative; z-index: 802; }
#banAdLft10 { width: 214px; height: 96; margin: 0 0 0 0; position: relative; }
#banAdLft10 h3 { background: url(../images/catalog/bannerad10.png) no-repeat 0 0; height: 96px; width: 214px; position: relative; z-index: 802; }
#banAdLft11 { width: 214px; height: 96; margin: 0 0 0 0; position: relative; }
#banAdLft11 h3 { background: url(../images/catalog/bannerad11.png) no-repeat 0 0; height: 96px; width: 214px; position: relative; z-index: 802; }
#banAdLft12 { width: 214px; height: 96; margin: 0 0 0 0; position: relative; }
#banAdLft12 h3 { background: url(../images/catalog/bannerad12.png) no-repeat 0 0; height: 96px; width: 214px; position: relative; z-index: 802; }


/* On Sale - Internet Special of the Month */

#saleContent { width: 738px; margin: -28px auto 10px 210px; padding: 0; background: url(../images/catalog/on-sale-header-bg-trans.png) 0 0 no-repeat; }
#saleContent h1 { height: 110px; }
#saleContent h2 { margin-left: 475px; font-size: 18px; text-align: center; width: 200px; }
#saleContent .prodtypsm {
	font-size: 12px;
	text-align: left;
	font-weight: bold;
	color: #000000;
}
#saleContent .prod-name {
	font-size: 16px;
	text-align: left;
	font-weight: bold;
	color: #000;
	line-height: 15px;
}
#saleContent .prod-namesubtitle {
	font-size: 11px;
	text-align: left;
	font-weight: bold;
	color: #000;
	line-height: 20px;
}
#saleContent .prod-author {
	font-size: 10px;
	text-align: left;
	font-weight: bold;
	color: #666;
	line-height: 18px;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#saleContent strong {
	font-weight: bold;
	color: #333333;
}

#specialContent { margin: 40px; width: 668px; }
#specialContent h3 { text-align: center; font: 1.6em Georgia, "Times New Roman", Times, serif; margin-bottom: 20px; font-weight: bold; }
#specialContent p { font-size: 0.8em; line-height: 1.8em; color: #666; }
#specialContent .price { font-weight: bold;	color: #EB008D;	font-size: 10px; }

#summary { font-size: 0.8em; line-height: 1.8em; color: #333333; }
#summary .prodname{
	font-size: 1.2em;
	line-height: 2em;
	color: #000;
	font-weight: bold;
}

#related { font-size: 0.8em; line-height: 1.8em; color: #666; }
#related a { color: #FF00FF }
#related .prodname{
	font-size: 1.2em;
	line-height: 2em;
	color: #000;
	font-weight: bold;
}

/* What's Hot */

#whatsHot { background: url(../images/catalog/whats-hot-header.png) 0 0 no-repeat; width: 738px; margin: -10px auto 10px 210px; }
#whatsHot h1 { width: 715px; height: 200px; }
#whatsHot h2 {
	width: 525px;
	height: 215px;
	background: url(../images/catalog/whats_hot_feature_horizontal.png) 0 0 no-repeat;
	margin-left: 100px;
}
#whatsHot h3 {
	width: 215px;
	height: 190px;
	background: url(../images/catalog/whats_hot_feature_boxl1.png) 0 0 no-repeat;
	margin-left: 125px;
	margin-top:10px;
	float: left;
}
#whatsHot h4 {
	width: 215px;
	height: 190px;
	background: url(../images/catalog/whats_hot_feature_boxl2.png) 0 0 no-repeat;
	margin-left: 50px;
	margin-top:10px;
	float: left;
}
#whatsHot h5 {
	width: 525px;
	height: 180px;
	background: url(../images/catalog/whats_hot_feature_horizontal2.png) 0 0 no-repeat;
	margin-left: 100px;
	float: left;
	padding-top: 10px;
}



/* Free Catlog */

#catFreeCatContent { width: 740px; margin: 0 270px 10px 220px; padding: 0; }
#catFreeCatContent h1 { width: 329px; height: 65px; display: block; background: url(../images/catalog/free-catalog-header.png) 0 0 no-repeat; }
#catFreeCatContent h2 { font-size: 1.2em; color: #4852b5; margin-top: 5px; }
#subscribeForm h4.catOrder { background: url(../images/catalog/cat-order-form-header-trans.png) 0 0 no-repeat; }
#catFreeCatContent ul { list-style: url(../images/fp_links_bullet_2.gif) outside; font-size: 0.7em; padding: 10px; margin-left: 15px; }
#catFreeCatContent li { padding: 3px 0; }
#catFreeCatContent ul ul { list-style: none; padding: 3px 10px; margin-left: 0; }
#catFreeCatContent ul ul li { padding: 1px 0; }
#catFreeCatContent p { line-height: 1.6em; }
#catFreeCatContent a { color: #ec008c; border-bottom: #ec008c 1px dotted; }
#catFreeCatContent a:hover { color: #0072bc; border-bottom: #0072bc 1px dotted; background-color: #fff; }
.catPDFBox { width: 290px; padding: 10px 10px 10px 154px; margin: 5px 10px 10px 0; float: left; position: relative; border-top: #4852b5 1px dotted; background: url(../images/catalog/catPDFBox-bg.png) 0 0 repeat-x #fff; }


#catFreeCatSidebar { width: 236px; float: right; padding: 0 25px 0 15px; display: inline; margin: -10px 0 10px 0; }
#catFreeCatSidebar h3 { font-size: 1.1em; margin: 10px 0 5px 0; color: #639; padding: 5px 4px; border-bottom: #4852b5 1px dotted; border-top: #4852b5 1px dotted; color: #639; background-color: #e1f4fd; }
#catFreeCatSidebar p { font-size: 0.7em; line-height: 1.5em; margin: 0; padding: 5px; }
#catFreeCatSidebar ul { list-style: url(../images/fp_links_bullet_1.gif) outside; font-size: 0.7em; padding: 10px; margin-left: 15px; }
#catFreeCatSidebar li { padding: 3px 0; }
#catFreeCatSidebar a { color: #0072bc; border-bottom: #0072bc 1px dotted; }
#catFreeCatSidebar a:hover { color: #ec008c; border-bottom: #ec008c 1px dotted; background-color: #fff; }



/* Headers */

#catContent h1.dealerHeader { background: url(../images/catalog/cat-dealers-header.png) 0 0 no-repeat; }
#catContent h1.ideaHeader { background: url(../images/catalog/cat-submit-idea-header.png) 0 0 no-repeat; }
#catContent h1.purPolHeader { background: url(../images/catalog/cat-pur-pol-header.png) 0 0 no-repeat; }


/* Purchasing Policies */

#purPolicyNav { overflow: auto; margin: 0 0 15px 30px; width: 708px; }
#purPolicyNav ul { margin: 0; padding: 0; display: block; }
#purPolicyNav li { list-style: none; display: inline; float: left; padding: 2px 0; font-size: 9px; margin: 0 2px 0 0; text-align: center; border-bottom: #fff 2px solid; }
#purPolicyNav li a { display: block; border-bottom: none; padding: 0 15px; background: #0092d2; color: #fff; margin: 0; }
#purPolicyNav li a:hover { color: #ff0; background: #005996; border-bottom: none; }
#purPolicyNav li:hover { border-bottom: #005996 2px solid; }

#catContent div.orderBox { overflow: auto; display: block; background: url(http://www.kaganonline.com/images/angle-bg-light-blue.gif) 0 0 repeat; border: #005996 1px solid; margin: 5px 30px; padding: 10px; 
	        border-radius: 10px; /* CSS 3 */
  	     -o-border-radius: 10px; /* Opera */
 	  -icab-border-radius: 10px; /* iCab */
  	 -khtml-border-radius: 10px; /* Konqueror */
  	   -moz-border-radius: 10px; /* Firefox */
  	-webkit-border-radius: 10px; /* Safari */ }
#catContent div.orderBox img { margin-right: 15px; }

#catContent table { margin: -5px auto 20px 40px; font: bold 0.8em Arial, sans-serif; padding: 0; color: #000;  }
#catContent tr { margin: 0; padding: 0; }
#catContent th { background: #fff; padding: 2px; color: #ff0; font: bold 0.6em Arial, sans-serif; border-right: #fff 1px solid; text-transform: uppercase; letter-spacing: 0.2em; }
#catContent th.us { background: #005996; }
#catContent td { padding: 5px 10px; margin: 0; border-bottom: #ddd 1px dotted; border-right: #fff 1px solid; }
#catContent tr.fields td { background: #0092d2; color: #fff; font: bold 1em Arial, sans-serif; border-bottom: none; margin: 2px 10px; }
#catContent tr.r1 td { background: #fff; }
#catContent tr.r2 td { background: #ecf7fa; }

#catContent div.back2top { display: block; margin: 30px; padding: 3px; text-align: center; background: #ecf7fa; border-top: #005996 1px dotted; border-bottom: #005996 1px dotted; }
#catContent div.back2top a { border-bottom: none; padding: 1px 3px; background: #0092d2; color: #fff; font-size: 0.7em; }
#catContent div.back2top a:hover { border-bottom: none; color: #fff; background: #005996; }


/* Clearance */

#clearance { margin: 3px auto 10px 250px; }
#clearance .classtitle { background: #ff6; font: bold 12px Arial, sans-serif; color: #641CD3; padding: 10px 0; margin: 0; }
#clearance .itemrow { background: #fff; font: normal 11px Arial, sans-serif; color: #000; padding: 0; margin: 0; }
#clearance .itemrowyellow { background: #ffc; font: normal 11px Arial, sans-serif; color: #000; padding: 0; margin: 0; }
#clearance .tableheader { background: #fff; font: bold 12px Arial, sans-serif; color: #666666; padding: 0; margin: 0; text-align: center; }
#clearance .save { color: #f39; font-weight: bold; }
#clearance a:link { color: #000; text-decoration: none; }
#clearance a:hover { color: #f39; text-decoration: none; }
#clearance a:visited { color: #f39; text-decoration: none; }
#clearance .body p { font: normal 10px/13px Arial, sans-serif; }
#clearance .codeindent {
	text-indent: 10px;
}


/* iFrame */

#ifrmCat { border: 0; background:url(../images/catalog/cat-prod-type-header.png) 0 0 no-repeat; padding: 110px 0 0 0; margin: 0 auto 10px 5px; width: 710px; height: 600px; }
#ifrmCat2010 { border: 0; padding: 0; margin: 0 auto 10px 30px; width: 675px; }


/* Warning */

#warning {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	background-image: url(../images/catalog/warning_icon.png);
	background-position: left top;
	text-indent: 15px;
	position: relative;
	background-repeat: no-repeat;
	width: 400px;
	height: 15px;
	padding: 3px;
}

