/********************************************
   HTML ELEMENTS
********************************************/ 

/* Top Elements */

body { color: #333; font-size: 70%; font-family: helvetica, arial, sans-serif, Tahoma, Verdana; font-weight: normal; font-style: normal; font-variant: normal; background: white; text-align: center; overflow: -moz-scrollbars-vertical; margin-top: 10px; }

/* links */
a, a:visited { text-decoration: underline; color: #006; border-bottom: 1px none #006; }
a:hover { color: #3cf; text-decoration: underline; border-bottom-style: none; }

/* headers */
h1, h2, h3 {
	font-family: helvetica, arial, Sans-serif, Tahoma, Verdana, "Trebuchet MS";
}
h1 {
	font-size: 120%;	
}
h2 {
	font-size: 110%;
	text-transform: uppercase;
	color: #88ac0b;
}
h3 {
	font-size: 110%;
	color: #666666; 
}

/* images */

img { border-style: none; outline-style: none; }

.image_caption { line-height: 10px; font-size: 9px; padding: 2px 0 5px 3px; text-align: left; }
.thumb_caption { font-size: 10px; line-height: 11px; text-align: left; padding: 2px 0 5px 3px; }
.galleryImage { background-color: #eee; padding: 2px; outline: solid 1px #ccc; }
h1, h2, h3 {
	padding: 10px;		
	margin: 0;
}
ul, ol { margin: 5px 20px; padding: 0 20px;	}
ul span, ol span {
	color: #666666;
}

code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #f2f2f2;  
}
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
blockquote {
	margin: 10px;
 	padding: 0 0 0 28px;  
   border: 1px solid #f2f2f2; 
  	background: #FAFAFA url(images/quote.gif) no-repeat 5px 5px;    
}

/* form elements */
form {  }
input { padding:2px; border:solid 1px #999; color:#333; font-size: 1em; font-weight: normal; font-style: normal; font-variant: normal; line-height: normal; background-color: #eee; }

input.checkbox { border: none; vertical-align: middle;}

select { border:solid 1px #999; color:#333; font-size: 1em; font-weight: normal; font-style: normal; font-variant: normal; line-height: normal; background-color: #eee; }

textarea { width:400px; padding:2px; font: 1em helvetica, arial, sans-serif; border:solid 1px #999; height:100px; display:block; color:#333; background-color: #eee; }
input.button { background: #eee; color: #333; }

/********************************************
   LAYOUT
********************************************/ 
#wrap { font-weight: normal; background-color: white; background-position: center top; width: 970px; margin: 0 auto; text-align: left; }
#content-wrap { font-weight: normal; width: 970px; padding: 0; margin: 0 auto; }
#header {
	width: 970px;
	position: relative;
	height: 35px;
	background: #ccc url(images/globalNavBar.jpg) no-repeat center top;
	padding: 0;
	color: #fff;
}
#nav-container {  }
#header h1#nav-box { font-variant: normal; text-align: left; position: relative; top: 0; left: 0; margin: 0; padding: 0; }
#header h2#nav-text { color: #999; font-size: 95%; font-weight: normal; font-variant: normal; text-transform: none; position: absolute; top: 0; left: 170px; margin: 0; padding: 0; }
#header h2#nav-text a { color: #999; text-decoration: none; border-bottom-style: none; }
#header h2#nav-text a:hover { color: #fff; text-decoration: underline; }

/* Home page: see browser specific css */
#indexHeroImage { background-image: url(images/indexIbox.gif); background-repeat: no-repeat; width: 619px; height: 354px; float: right; }
#indexFlash { background-color: transparent; background-image: url(http://www.thekingofshavescompany.com/corporate/uploads/1/no_flash.jpg); background-repeat: no-repeat; width: 619px; height: 354px; float: right; }
#indexFlash object { width: 619px; height: 354px; float: right; }
.iht-readmore { font-size: 110%; }
.indexBrands { padding-top: 7px; padding-bottom: 2px; }

/* News Feed: see browser specific css */
.rssclass .rsstitle{ font-weight: normal; margin-left: 133px; }
.rssclass .rssdate{ color: gray; font-size: 85%; }
.rssclass a { text-decoration: none; }
.rssclass a:hover { text-decoration: underline; }

/* Menu */
#breadcrumb { font-size: 100%; font-family: helvetica, Arial, Sans-serif, Verdana, Tahoma; font-weight: normal; font-variant: normal; background-color: transparent; background-image: url(images/breadcrumb_box.gif); background-repeat: no-repeat; height: 30px; clear: both; margin: 6px 0 0; padding: 5px 0 0 10px; }
#breadcrumb div, #breadcrumb span  { color: #666; background: transparent; font-size: 110%; line-height: 1.5em; top: 0; bottom: 0; height: 30px; }
#breadcrumb a { 
   color: #666; 
   text-decoration: underline; 
}
#breadcrumb a:hover { color: #006; text-decoration: none; }

/* Main Column */
.attachments { line-height: 1.2; margin-left: 14px; padding-top: 10px; border-top: 1px dotted #ccc; }
#cat-content { line-height: 1.2; background-color: #ffffff; width: 740px; float: right; margin-top: 0; margin-bottom: 0; margin-left: 0; padding: 8px 0 12px; }
#cat-content h1 { color: #333; font-size: 110%; font-family: helvetica, arial, sans-serif, Verdana, "Trebuchet MS"; font-weight: normal; font-style: normal; font-variant: normal; background-color: #fff; margin: 0; padding: 0 150px 0 0; }
#endofpage { background-color: transparent; float: right; margin: 0; background-image: url(images/endofpage_box.gif); background-repeat: no-repeat; text-align: right; width: 740px; height: 26px; padding: 0; }
#endofpage h1 { color: #999; font-size: 90%; font-family: helvetica, arial, Sans-serif, Verdana, "Trebuchet MS"; font-weight: normal; font-style: normal; font-variant: normal; margin-left: 14px; padding: 3px 14px 0 0; border-top: 1px dotted #ccc; }

#toptitle { background-color: transparent; background-image: url(images/topTitle_box.gif); background-repeat: no-repeat; margin: 6px 0 0; padding: 0; width: 740px; float: right; }
#toptitle h1 { font: bold 170% helvetica, arial, sans-serif, Verdana, "Trebuchet MS"; color: #006; background-repeat: no-repeat; text-transform: none; margin: 0 0 0 14px; padding: 7pt 7px 6px 0; border-bottom: 1px dotted #ccc; }
#toptitle h1 a { text-decoration: none; text-transform: none; border-bottom: 1px dotted #006; }
#toptitle h1 a:hover { text-decoration: none; text-transform: none; }
#toptitle h2 { color: #006; font: bold 140% helvetica, arial, sans-serif, Verdana, "Trebuchet MS"; background-repeat: no-repeat; text-transform: none; margin: 0 0 0 14px; padding: 7pt 7px 6px 0; border-bottom: 1px dotted #ccc; }
#toptitle h2 a { text-decoration: none; text-transform: none; border-bottom: 1px dotted #006; }
#toptitle h2 a:hover { text-decoration: none; text-transform: none; border-bottom-style: none; }
.art-info-1 { line-height: 1.2em; text-align: left; float: left; margin-right: 10px; padding-top: 3px; padding-right: 10px; padding-left: 14px; border-right: 1px dotted #ccc; }
.art-info-2 { line-height: 1.2em; text-align: left; width: auto; float: left; margin-right: 10px; padding-top: 3px; padding-right: 10px; border-right: 1px dotted #ccc; }
.art-info-divider { text-align: left; margin-left: 14px; }
#inline-frame { width: 740px; float: right; margin: 6px 0 0; padding: 0; }
#main { background-color: #ffffff; background-image: url(images/mainBg_box.gif); margin: 0; width: 740px; float: right; padding: 0 0 6pt 0; }
#main h1 { color: #006; font: bold 125% helvetica, arial, sans-serif, Verdana, "Trebuchet MS"; background-color: #fff; margin: 0 0 2px 12px; padding: 0 0 5px; border-bottom: 1px dotted silver; }
#main h1 a { color: #006; background: transparent; }
#main h1 a:hover { color: #3cf; text-decoration: underline; }
#main div.content { font-size: 100%; font-weight: normal; line-height: 1.2; margin: 0; padding: 14px 100px 5px 14px; }
#main div.content h2 { color: #000; font-size: 110%; font-family: helvetica, arial, sans-serif, Verdana, "Trebuchet MS"; font-weight: normal; font-style: normal; font-variant: normal; text-transform: none; margin: 0; padding: 0 0 6pt; border-bottom: 1px dotted silver; }
#main div.content h3 { color: #000; font-size: 120%; font-family: helvetica, arial, sans-serif, Verdana, "Trebuchet MS"; font-style: normal; font-variant: normal; font-weight: normal; text-transform: none; margin: 0; padding: 0 0 2px; border-bottom: 1px dotted silver; }
#main div.content h4 { color: #000; font-size: 120%; font-family: helvetica, arial, sans-serif, Verdana, "Trebuchet MS"; font-style: normal; font-variant: normal; font-weight: normal; text-transform: none; margin: 0; padding: 0; }
.smallprintgrey { color: #999; font-size: 9px; font-family: helvetica, arial, sans-serif, Verdana, "Trebuchet MS"; font-weight: normal; font-style: normal; font-variant: normal; text-transform: none; }
#main div.gallery { margin: 0 0 0 14px; padding: 10px 0 0; border-top: 1px dotted #ccc; }
#not-found { background-image: url(images/noarticles_box.gif); text-align:left; width: 740px; height: 54px; float: right; margin-top: 6px; }
#not-found h1 { font-size: 110%; padding-top: 10px; padding-left: 14px; }
#index-extras { background-color: #ffffff; background-image: none; margin: 0; padding: 0 0 6pt; width: 740px; float: right; }
div.post-cats { padding-left: 10px; }
.post-footer { background-color: #fafafa; padding: 5px; margin: 0 10px 25px; border: solid 1px #f2f2f2; font-size: 95%; }
.post-footer .date { background: url(images/clock.gif) no-repeat left center; padding: 2px 0 2px 20px; margin: 0 10px 0 5px; }
.post-footer .comments { background: url(images/comment.gif) no-repeat left center; padding: 2px 0 2px 20px; margin: 0 10px 0 5px; }
.post-footer .readmore { background: url(images/page.gif) no-repeat left center; padding: 2px 0 2px 20px; margin: 0 10px 0 5px; }

.email { padding-right: 24px; padding-bottom: 1px; padding-top: 1px; background: url(images/email.gif) no-repeat right center; }
.print { padding-right: 24px; padding-bottom: 1px; padding-top: 1px; background: url(images/print.gif) no-repeat right center; }
.digg { padding-right: 24px; padding-bottom: 1px; padding-top: 1px; background: url(images/digg.png) no-repeat right center; }

/* Blog Column */
#blog-container { text-align: left; width: 740px; float: right; }
#blogtop { background-color: transparent; background-image: url(images/blogTitle_box.gif); background-repeat: no-repeat; padding: 0; width: 365px; float: left; clear: both; margin: 6px 10px 0 0; }
#blogtop h1 { font: bold 170% helvetica, arial, sans-serif, Verdana, "Trebuchet MS"; color: #006; background-repeat: no-repeat; text-transform: none; margin: 0 0 0 14px; padding: 7pt 7px 6px 0; border-bottom: 1px dotted #ccc; }
#blogtop h1 a { text-decoration: underline; text-transform: none; border-bottom: 1px none #006; }
#blogtop h1 a:hover { text-decoration: none; text-transform: none; border-bottom-style: none; }
#blogtop h2 { color: #006; font: bold 120% helvetica, arial, sans-serif, Verdana, "Trebuchet MS"; background-color: transparent; background-repeat: no-repeat; text-transform: none; margin: 0 0 0 14px; padding: 7pt 7px 6px 0; border-bottom: 1px dotted #ccc; }
#blogtop h2 a { text-decoration: underline; text-transform: none; border-bottom: 1px none #006; }
#blogtop h2 a:hover { text-decoration: none; text-transform: none; border-bottom-style: none; }
.blogTab {  }
#blogmain { background-color: #ffffff; background-image: url(images/blogBg_box.gif); text-align: left; padding: 0 0 6px; width: 365px; float: left; clear: both; }
#blogmain h1 { color: #006; font: bold 125% helvetica, arial, sans-serif, Verdana, "Trebuchet MS"; background-color: #fff; margin: 0 0 2px 12px; padding: 0 7px 5px 0; border-bottom: 1px dotted silver; }
#blogmain h1 a {
	color: #006; 	
	background: transparent;
}
#blogmain h1 a:hover {
	color: #3cf; 
	text-decoration: underline;
}
#blogmain div.content { font-size: 100%; margin: 0; padding: 14px 14px 5px; }
#blogendofpage { background-color: transparent; background-image: url(images/blogEop_box.gif); background-repeat: no-repeat; text-align: right; width: 365px; height: 26px; float: left; clear: both; padding: 0 0 4px; }
#blogendofpage h1 { color: #999; font-size: 90%; font-family: helvetica, arial, Sans-serif, Verdana, "Trebuchet MS"; font-weight: normal; font-style: normal; font-variant: normal; margin-left: 14px; padding: 3px 14px 0 0; border-top: 1px dotted #ccc; }

/* Sidebar */	
#sidebar { background-color: transparent; width: 220px; float: left; margin-top: 6px; margin-bottom: 6px; }	
#sidebar h1 { color: #555; font: bold 110%/1.4em helvetica, arial, sans-serif, Verdana, "Trebuchet MS"; background-image: url(images/sidebar_h1_bg.gif); background-repeat: no-repeat; padding: 5px 0 3px 10px; }
#sidebar h2 { color: #555; font: 110%/1.2 helvetica, arial, sans-serif, Verdana, "Trebuchet MS"; background-color: transparent; background-image: url(images/blog_box.jpg); background-repeat: no-repeat; background-attachment: scroll; text-transform: none; padding: 5px 5px 3px 10px; border-top: 1px solid #ccc; }
#sidebar h2 a:visited { color: #006; text-decoration: underline; }
#sidebar h2 a:hover { color: #3cf; text-decoration: none; border-style: none; }
/* #sidebar h1 { color: #555; font: bold 110%/1.4em helvetica, arial, sans-serif, Verdana, "Trebuchet MS"; padding: 4px 0 4px 10px; border-top: 1px solid #bbb; border-right: 1px solid #bbb; border-left: 1px solid #bbb; border-bottom-color: #bbb; border-bottom-style: none; } */

#sidebar h1 a {
   color: #555;
}
#sidebar a { color: #888; text-decoration: none; border-bottom-style: none; }
#sidebar a:hover { color: #006; text-decoration: underline; }
#sidebar a.selected { color: #006; }
#sidebar .nav-box { border-color: #ccc; border-style: none solid; border-width: 1px; }

#sidebar ul.sidemenu { font-size: 110%; line-height: 1.4em; list-style: none; text-align: left; padding: 0; text-decoration: none; margin: 0; }

#sidebar ul.sidemenu li { font-weight: normal; background-color: transparent; padding: 2px 0 2px 10px; border-bottom: 1px solid #ccc; }

#sidebar ul.sidemenu a { font-weight: normal; background-image: none; }

/* Sidebar - feeds and link management */

#feeds {
   text-align: left;
	font-weight: bold;
	padding-left: 10px; 
	padding-top: 10px; 
	line-height: 20px;
	padding-bottom: 10px; 
}
.rss {
	padding-left: 24px;
   padding-bottom: 1px;
   padding-top: 1px;
	background: url(images/webfeed.gif) no-repeat left center;
}
.del-icio-us { 
   padding-left: 24px;
   padding-bottom: 1px;
   padding-top: 1px;
   background: url(images/delicious.gif) no-repeat left center; 
}
.yahoo { 
   padding-left: 24px;
   padding-bottom: 1px;
   padding-top: 1px;
   background: url(images/add_yahoo.gif) no-repeat left center; 
}
.google { 
   padding-left: 24px;
   padding-bottom: 1px;
   padding-top: 1px;
   background: url(images/add_google.gif) no-repeat left center; 
}





/* Sub-category navigation */
#sidebar ul.sidemenu ul { margin: 0; padding: 0; list-style: none; }

#sidebar ul.sidemenu ul li { border-style: none; }

#sidebar ul.sidemenu ul ul li {
   
}
 

/* optional non-list navigation */

      .altmenu { font-size: 110%; font-weight: normal; border-bottom: 1px solid #ccc; }
      
      .altmenu div { padding: 3px 0; }
      
      div.catMenu-0 { padding-left: 10px; border-top: 1px solid #ccc; }
      div.catMenu-1 { font-size: 95%; padding-left: 20px; }
      div.catMenu-2 { font-size: 95%; padding-left: 30px; }
      div.catMenu-3 { font-size: 95%; padding-left: 40px; }
      div.catMenu-4 { font-size: 95%; padding-left: 50px; }
      
      .altmenu div a { background-color: transparent; background-position: 0 0; text-decoration: none; border-bottom-style: none; }




/* Next/Previous Links */	

#nextlinks { font-size: 11px; font-weight: bold; padding: 4px 14px 14px; }

#nextlinks .prev { text-align: left; float: left; margin-right: 14px; }
#nextlinks .next { text-align: right;  float: left; }

#nextlinks a { 
   text-decoration: underline;
}


/* Footer */	
#footer { color: #666666; background-image: url(images/footer_box.jpg); background-repeat: no-repeat; width: 970px; text-align: left; height: 96px; clear: both; border-top: 1px solid #ccc; }
.footer-info-1 { font-size: 90%; text-align: left; height: 82px; float: left; margin-right: 10px; padding-top: 4px; padding-right: 10px; padding-left: 14px; border-right: 1px solid #fff; }
.footer-info-2 { font-size: 90%; text-align: left; height: 82px; float: left; margin-right: 10px; padding-top: 4px; padding-right: 10px; border-right: 1px solid #fff; }

/* See logo.css for footer and index logo rollovers */	

/*#footer a { text-decoration: none; }*/
#copyright { color: #666666; background-color: transparent; background-image: none; background-position: center top; text-align: left; width: 970px; height: 35px; border-top: 1px solid #ccc; border-right-style: none; border-bottom-style: none; border-left-style: none; }
.copyright-text { font-size: 90%; text-align: left; float: left; padding-top: 4px; padding-left: 10px; }
/* End of Footer */	

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }
.gray { color: #CCC; }

/* Printer Friendly Page classes */
#printer { background-color: #ffffff; background-image: none; text-align: left; margin: 0; width: 740px; float: none; padding: 0 0 6pt; }
#printer h1 { color: #006; font: bold 125% helvetica, arial, sans-serif, Verdana, "Trebuchet MS"; background-color: #fff; margin-top: 0; margin-bottom: 2px; margin-left: 12px; padding: 0 0 5px; border-bottom: 1px dotted silver; }
#printer h1 a { color: #006; background: transparent; }
#printer h1 a:hover { color: #3cf; text-decoration: underline; }
#printer div.content { font-size: 100%; font-weight: normal; line-height: 1.2; margin: 0; padding: 14px 100px 5px 0; }
#printer div.content h2 { color: #000; font-size: 110%; font-family: helvetica, arial, sans-serif, Verdana, "Trebuchet MS"; font-weight: normal; font-style: normal; font-variant: normal; text-transform: none; margin: 0; padding: 0 0 6pt; border-bottom: 1px dotted silver; }
#printer div.content h3 { color: #000; font-size: 120%; font-family: helvetica, arial, sans-serif, Verdana, "Trebuchet MS"; font-style: normal; font-variant: normal; font-weight: normal; text-transform: none; margin: 0; padding: 0 0 2px; border-bottom: 1px dotted silver; }
#printer div.content h4 { color: #000; font-size: 120%; font-family: helvetica, arial, sans-serif, Verdana, "Trebuchet MS"; font-style: normal; font-variant: normal; font-weight: normal; text-transform: none; margin: 0; padding: 0; }
#printertitle { background-color: transparent; background-image: none; background-repeat: no-repeat; text-align: left; margin: 6px 0 0; padding: 0; width: 740px; }
#printertitle h1 { font: bold 170% helvetica, arial, sans-serif, Verdana, "Trebuchet MS"; color: #006; background-repeat: no-repeat; text-transform: none; margin: 0; padding: 7pt 0 6px; border-bottom: 1px dotted #333; }
.printer-info-1 { line-height: 1.2em; text-align: left; float: left; margin-right: 10px; padding-top: 3px; padding-right: 10px; padding-left: 0; border-right: 1px dotted #333; }
.printer-info-2 { line-height: 1.2em; text-align: left; width: auto; float: left; margin-right: 10px; padding-top: 3px; padding-right: 10px; border-right: 1px dotted #333; }
#endofprinterpage { background-color: transparent; margin: 0; background-repeat: no-repeat; text-align: left; width: 740px; height: 26px; padding: 0; }
#endofprinterpage h1 { color: #333; font-size: 90%; font-family: helvetica, arial, sans-serif, Verdana, "Trebuchet MS"; font-weight: normal; font-style: normal; font-variant: normal; margin-left: 0; padding: 3px 0 0; border-top: 1px dotted #333; }