/*
Loctite Products CSS
Author: http://www.BuildingOnline.net
*/

/* start: Eric Meyer reset (list elements removed) */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd,
fieldset, form, label, legend, input, 
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	border: none;
	outline: 0;
	/*
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	font-family: inherit;
	*/
}

sup, sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

:focus, a, img a { outline: 0; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* end: reset */


body { 
	margin: 0 auto;
	padding: 0;
	/* background: #999 url('/img/body-bg.png') left top repeat-x; */
	/* 2014-09-10 background: #666 url('http://www.osipro.com/img/body-bg.png') left top repeat-x; */
	background: #666 url('/img/body-bg.png') left top repeat-x;
	text-align: center;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.3em;
}

img { display: block; }
img.inline { display: inline; }
p.img-inline img { display: inline; }

h1, h2, h3, h4. h5 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
p, td p {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.3em;
}
ol, ul, li { }

/* 
custom clearfix solution:
I use it this way, as a separate div, AFTER the split divs, instead of the traditional use,
because it is more consistently bullet-proof, across all browsers, in case anyone is wondering ;)
All attributes added again, for redundancy
*/
.clearfix {
	margin: 0px;
	padding: 0px;
	border: none;
	border: 0px;
	height: 0px;
	max-height: 0px;
	font-size: 0px;
	line-height: 0px;
	clear: both;
}

/* set defaults */
a         { font-weight: normal; text-decoration: underline; }
a:link    { color: #006699; }
a:visited { color: #006699; }
a:hover   { color: #e3171c; text-decoration: none; }
a:active  { color: #e3171c; text-decoration: none; }

/* ul.square { list-style-image: url('/img/list-square.gif'); } */

/* start: layout ---------------------------------------------------------------------------------------- */

/* global left-right float settings */
div.left  { margin: 0; padding: 0; float: left; }
div.right { margin: 0; padding: 0; float: right; }


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ top level wrappers */

#wrap {
	margin: 15px auto 0 auto;
	width: 960px;
	text-align: left;
}
#wrap-module {
	margin: 15px auto 0 auto;
	padding: 0;
	width: 960px;
	text-align: left;
}
#mainwrap {
	z-index: 3000;
	width: 960px;
	position: relative;
	background: url('/img/mainwrap-bg.png') 0px 0px repeat-y;
}
.mainwraptop {
	margin-bottom: 5px;
	width: 960px; 
	height: 20px;
	background: url('/img/mainwraptop.png') 0px 0px no-repeat; 
}

/* for sub-pages with no left sidebar */
#mainwrap-single {
	z-index: 3000;
	width: 960px;
	position: relative;
	background: url('/img/mainwrap-single-bg.png') left top repeat-y;
	text-align: center;
}
.mainwrap-single-top {
	width: 960px;
	height: 20px;
	background: url('/img/mainwrap-single-top.png') left top no-repeat;
}

#mainwrap-pr {
	z-index: 3000;
	position:relative;
	width: 960px;
	background: url('/img/projects-repairs-landing-bg.png') left top repeat-y;
}
.mainwrap-pr-top {
	width: 960px;
	height: 20px;
	background: url('/img/projects-repairs-landing-top.png') left top no-repeat;
}

#home-flash {
	width: 960px;
	height: 543px;
	background-color: #ccc;
	z-index:1999;
}

#home-flash-new {
	width: 960px;
	height: 534px;
	background-color: #ccc;
	z-index:1999;
}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ /top level wrappers */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ newheader */

#header {
	width: 960px;
	height: 76px;
	background: #005290 url('/img/header-v3-bg-rollover.png') 0px 0px no-repeat; /* with map: .contact { right:60px; } / with nomap: .contact { right:10px; } */
	position: relative;
	z-index: 9998;
}
#header h1,
#header .nav, 
#header .contact, 
#header .search, 
#prodnav-holder, 
#map {
	margin: 0; padding: 0;
	position: absolute;
}
#header h1   { top: 0px;  left: 0px;   width: 165px; height: 76px; text-indent: -9999px; }
#header .nav { top: 43px; left: 150px; width: 640px; height: 33px; }
#header .contact { top: 10px; right: 60px; width: 700px; height: 20px; }
#header .contact p {
	text-align: right;
	color: #fff;
	font-size: 9px;
	line-height: 9px;
	text-transform: uppercase;
}
#header .contact p a         { font-weight: normal; text-decoration: none; }
#header .contact p a:link    { color: #fff; }
#header .contact p a:visited { color: #fff; }
#header .contact p a:hover   { color: #fff200; }
#header .contact p a:active  { color: #fff200; }
/* active page */
#header .contact p a.on { color: #fff200; }

#map {
	right: 10px;
	top: 5px;
	width: 40px;
	height: 20px;
}

#header .search {
	top: 25px; 
	left: 757px;
	width: 193px; 
	height: 20px;
	font-size: 10px;
	line-height: 10px;
	background: url('/img/header-v2-search-bg.png') top left no-repeat;
}
#header table, #header table.td { background-color: transparent; }
#header input.searchfield {
	margin: 4px 0 0 5px;
	padding: 0 0 1px 0;
	background-color: transparent;
	color: #333;
	font-family: Arial, sans-serif;
	font-size: 10px;
	line-height: 10px;
	width: 145px;
}
#header input.blur { color: #333; }

/* header nav v2
ul#topnav { margin: 0; padding: 0; list-style: none; float: left; }
ul#topnav li { margin: 0; padding: 0; display: inline; }
ul#topnav li a { float: left; height: 33px; }
ul#topnav li a:hover, ul#topnav li a:active { text-decoration: none; }
ul#topnav li span { display:none; }
#tn1, #tn2, #tn3, #tn4 { background: url('/img/topnav-v2.png') top left no-repeat; margin-right:25px; }

#tn1 a, #tn2 a, #tn3 a, #tn4 a { background-color: #ccc; }

#tn1 { width: 65px;  background-position:    0px 0px; }
#tn2 { width: 125px; background-position:  -90px 0px; }
#tn3 { width: 46px;  background-position: -240px 0px; }
#tn4 { width: 104px; background-position: -311px 0px; }

#tn1:hover, #tn1:focus, #tn1.on { background-position:    0px -33px; }
#tn2:hover, #tn2:focus, #tn2.on { background-position:  -90px -33px; }
#tn3:hover, #tn3:focus, #tn3.on { background-position: -240px -33px; }
#tn4:hover, #tn4:focus, #tn4.on { background-position: -311px -33px; }
header nav */

/* header nav v3 */
ul#topnav { margin: 0; padding: 0; list-style: none; float: left; }
ul#topnav li { margin: 0; padding: 0; display: inline; }
ul#topnav li a { float: left; height: 33px; }
ul#topnav li a:hover, ul#topnav li a:active { text-decoration: none; }
ul#topnav li span { display:none; }
#tn1, #tn2, #tn3, #tn4, #tn5 { background: url('/img/topnav-v3.png') top left no-repeat; margin-right:15px; }

#tn1 a, #tn2 a, #tn3 a, #tn4 a, #tn5 a { background-color: #ccc; }

#tn1 { width:  65px; background-position:    0px 0px; }
#tn2 { width: 115px; background-position:  -90px 0px; }
#tn3 { width: 125px; background-position: -230px 0px; }
#tn4 { width:  46px; background-position: -380px 0px; }
#tn5 { width:  90px; background-position: -450px 0px; }

#tn1:hover, #tn1:focus, #tn1.on { background-position:    0px -33px; }
#tn2:hover, #tn2:focus, #tn2.on { background-position:  -90px -33px; }
#tn3:hover, #tn3:focus, #tn3.on { background-position: -230px -33px; }
#tn4:hover, #tn4:focus, #tn4.on { background-position: -380px -33px; }
#tn5:hover, #tn5:focus, #tn5.on { background-position: -450px -33px; }
/* /header nav */

/* start: jQuery drop-down */

#prodnav-holder { /*width:800px;*/ top:50px; right:10px; }

dl { width:auto; float:right; }

.dropdown dd, .dropdown dt, .dropdown ul { width:auto; margin:0px; padding:0px; }

.dropdown dd { position:relative; }

.dropdown a, .dropdown a:visited { color:#333; text-decoration:none; outline:none; }
.dropdown a:link { color:#333; text-decoration:none; outline:none; }
.dropdown a:hover { color:#333;}

.dropdown dt a {
width:193px;
height:20px;
background:#017ab6 url('/img/header-v2-dd-bg.png') 0px 0px no-repeat;
display:block; 
/*padding-right:20px;*/
border:none;  
}

.dropdown dt a:hover, .dropdown dt a:focus { color:#666; }

.dropdown dt a span { font-size:10px; line-height:10px; /*cursor:hand;*/ display:block; padding:5px; }

.dropdown dd ul {
margin: 0;
padding: 	10px;
position:absolute; 
/* background:#e4dfcb none repeat scroll 0 0; */
background-color:#fff;
border:1px solid #ccc;
color:#333; 
display:none;
/*left:0px;*/
right:0px;
top:0px;
/*width:auto;*/
width:450px;
/*list-style:none;*/
text-align:right;
/*cursor:hand;*/
height: 500px;
overflow: scroll;
}

.dropdown span.value { display:none; }

.dropdown ul li { 
margin:0 0 0 20px; 
padding:0px; 
text-align:left;
font-size:10px;
line-height:10px;
}

.dropdown ul li.cathead {
list-style:none;
margin:0;
padding: 10px 0 0 0;
font-size:11px;
line-height:11px;
}

.dropdown dd ul li a { padding:2px; display:block; }
.dropdown dd ul li.cathead a { color:#017ab6; padding:8px 0 3px 0; display:block; }
.dropdown dd ul li a:hover { color:#017ab6; }
.dropdown dd ul li.cathead a:hover { color:#666; }

.dropdown img.flag { border:none; vertical-align:middle; margin-left:10px; }
.flagvisibility { display:none; }

/* end: jQuery drop-down */

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ /newheader */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ sub-page 2 column split: sidebar/maincontent */

/* 2-COLUMN: SIDEBAR */
#sidebar {
	width: 185px;
	float: left;
	position: relative;
	background-color: transparent;
}
#sidebar-in { padding: 0 10px; }

/* ----------------------------------------------------------------- sidebar nav */
#sidebar ul { margin: 0; padding: 0; list-style: none; }
#sidebar ul li {
	margin: 0;
	padding: 3px 10px;
	border-bottom: 1px dotted #999;
	font-size: 10px;
	line-height: 10px;
	text-transform: uppercase;
}
#sidebar ul li a         { color: #006699; font-weight: bold; text-decoration: none; }
#sidebar ul li a:link    { color: #006699; }
#sidebar ul li a:visited { color: #006699; }
#sidebar ul li a:hover   { color: #e3171c; }
#sidebar ul li a:active  { color: #e3171c; }

#sidebar ul li.on a	{
	margin-left: -5px;
	color: #e3171c; 
	font-weight: bold; 
	text-decoration: none;
}
#sidebar ul li.on a.on	{ padding-left: 8px; background: url('/img/pd-rednavarrow.gif') 0 2px no-repeat; }

#sidebar ul li.on a:link    { color: #e3171c; }
#sidebar ul li.on a:visited { color: #e3171c; }
#sidebar ul li.on a:hover   { color: #e3171c; }
#sidebar ul li.on a:active  { color: #e3171c; }

#sidebar ul li ul { 
	margin: 3px -10px 1px -10px;
	/* 
	negative margins are to push the dotted borders out to full width, 
	having been subject to parent li margins...
	*/
	padding: 0; 
	list-style: none; 
	border-top: 1px dotted #999; 
}
#sidebar ul li ul li {
	margin: 0;
	padding: 3px 10px 3px 20px;
	/* ...and add more left margin to make up for it */
	border-bottom: none;
	font-size: 10px;
	line-height: 10px;
	text-transform: none;
}
#sidebar ul li.on ul li a         { color: #666; font-weight: bold; text-decoration: none; }
#sidebar ul li.on ul li a:link    { color: #666; }
#sidebar ul li.on ul li a:visited { color: #666; }
#sidebar ul li.on ul li a:hover   { color: #e3171c; }
#sidebar ul li.on ul li a:active  { color: #e3171c; }

#sidebar ul li.on ul li.on a         { color: #e3171c; font-weight: bold; text-decoration: none; }
#sidebar ul li.on ul li.on a:link    { color: #e3171c; }
#sidebar ul li.on ul li.on a:visited { color: #e3171c; }
#sidebar ul li.on ul li.on a:hover   { color: #e3171c; }
#sidebar ul li.on ul li.on a:active  { color: #e3171c; }
/* ----------------------------------------------------------------- /sidebar nav */

/* 2-COLUMN: RIGHT SIDE */
#maincontent {
	width: 775px;
	float: right;
	position: relative;
	background-color: transparent;
}

/* 2-COLUMN: RIGHT SIDE: SINGLE COLUMN */
#maincontent div.mc-single-nograd {
	margin-right: 25px;
	width: 725px;
	float: right;
	background-color: transparent;
}
#maincontent div.mc-single-grad {
	margin-right: 25px;
	width: 725px;
	float: right;
	background: url('/img/catlist-wrap-gradient.png') left top no-repeat;
}
/* left-right split to show Featured Product on top of Category Listing page */
#maincontent div.mc-single-fpsplit      { width: 505px; }
#maincontent div.mc-single-fpsplit-img  { width: 125px; float: left; }
#maincontent div.mc-single-fpsplit-info { width: 380px; float: right; margin-top: 25px; }

/* 2-COLUMN: RIGHT SIDE: START 2-COLUMN SPLIT */
#maincontent div.mc-left {
	margin-left: 30px;
	float: left;
	width: 210px;
	background-color: transparent;
}
#maincontent div.cols2 {
  column-count: 2;
  column-gap: 2px;
  -webkit-column-count: 2;
  -webkit-column-gap: 2px;
  -moz-column-count: 2;
  -moz-column-gap: 2px;
}
.seo-copy div.cols2 h4 {
	margin: 25 0 10 0!important;
	padding: 0!important;
	color: #333333;
    font-size: 11px!important;
    line-height: 11px!important;
  -webkit-column-span:all;
  -moz-column-span:all;
  column-span:all;
 }
/* center product images */
#maincontent div.mc-left img.pdleft { margin: 40px 10px 20px 10px; }

/* 
.mc-right / .mc-right-in to account for the gradient 
in the nav graphic that bleeds beyond the content...
the nav element sits in the mc-right div, everything else
is wrapped in an mc-right-in div
*/
#maincontent div.mc-right {
	margin: 0 10px 40px 0;
	float: right;
	width: 500px;
	background-color: transparent;
}
#maincontent div.mc-right-in {
	margin: 0 15px;
	width: 470px;
	background-color: transparent;
}
/* 2 column split within maincontent > .mc-right > .mc-right-in */
#maincontent div.mc-right-in  div.mcr-split-holder { margin-bottom: 20px; width: 470px; }
#maincontent div.mc-right-in  div.mcr-split        { width: 220px; }

/* Product Details > Features table */
#maincontent table.features td { margin:0; padding: 0; border-bottom: 1px solid #ccc; }
#maincontent table.features td p { margin: 5px 0; padding: 0; }

/* ----------------------------------------------------------------- product detail nav */
#pdnav-holder {
	margin-bottom: 10px;
	width: 500px; 
	height: 45px; 
	background: url('/img/proddetail-nav.png') left top no-repeat;
}

ul#pdnav { margin: 0; padding: 0; list-style: none; float: left; position: relative; }
ul#pdnav li { margin: 0; padding: 0; display: inline; }
ul#pdnav li a { float: left; height: 31px; }
ul#pdnav li a:hover, ul#pdnav li a:active { text-decoration: none; }
ul#pdnav li span { display:none; }

#pdn1, #pdn2, #pdn3, #pdn4 {
	position: absolute;
	background-image: url('/img/proddetail-nav.png');
	background-repeat: no-repeat; 
}
#pdn1 { top: 0px; left:  25px; }
#pdn2 { top: 0px; left:  93px; }
#pdn3 { top: 0px; left: 159px; }
#pdn4 { top: 0px; left: 254px; }

#pdn1 { width: 68px; background-position:  -25px -45px; }
#pdn2 { width: 66px; background-position:  -92px   0px; }
#pdn3 { width: 95px; background-position: -158px   0px; }
#pdn4 { width: 72px; background-position: -252px   0px; }

#pdn1:hover, #pdn1:focus, #pdn1.on { background-position:  -25px  -45px; }
#pdn2:hover, #pdn2:focus, #pdn2.on { background-position:  -92px  -90px; }
#pdn3:hover, #pdn3:focus, #pdn3.on { background-position: -158px -135px; }
#pdn4:hover, #pdn4:focus, #pdn4.on { background-position: -252px -180px; }

#pdn1.off { background-position: -25px 0px; }
#pdn1.off:hover, #pdn1.off:focus { 
	background-position:  -25px  -45px; 
}
/* ----------------------------------------------------------------- /product detail nav */

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ /sub-page 2 column split: sidebar/maincontent */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ sub-page 1 column (no sidebar) with various internal column set-ups */

.mainwrap-single-feature      { margin: 0px auto; width: 720px; }/* use div class=left for the image */
.mainwrap-single-feature-info { float: right; width: 390px; text-align: left; }

.mainwrap-single-wide { 
	margin: 0px auto;
	padding-bottom: 40px;
	width: 910px;
	background: url('/img/mainwrap-single-wide-bg.png') left top no-repeat;
	text-align: left;
}
.mainwrap-single-wide-left  { float: left; margin-left: 25px; width: 405px; }
.mainwrap-single-wide-right { float: right; margin-right: 25px; width: 405px; }

.mainwrap-single-narrow { 
	margin: 0px auto;
	padding-bottom: 40px;
	width: 860px;
	background: url('/img/mainwrap-single-narrow-bg.png') left top no-repeat;
	text-align: left;
}
.mainwrap-single-narrow-left  { float: left; margin-left: 35px; width: 370px; }
.mainwrap-single-narrow-right { float: right; margin-right: 35px; width: 370px; }

.mainwrap-single-projdet { 
	margin: 0 0 0 50px;
	padding-bottom: 40px;
	width: 730px;
	text-align: left;
	/*border: 1px solid #000;*/
}
.mainwrap-single-projdet-left  { float: left;  margin:0; padding:0; width: 190px; }
.mainwrap-single-projdet-right { float: right; margin:0; padding:0; width: 500px; }

.mainwrap-pr-left  { float: left;  margin-left:60px;  width: 340px; }
.mainwrap-pr-right { float: right; margin-right:60px; width: 400px; }

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ sub-page 1 column (no sidebar) with various internatl column set-ups */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */




/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Personality pages */

#prs-holder { margin: 20px auto 0 auto; width: 910px; text-align: left; }
.prs-left   { width: 675px; }
.prs-right  { width: 215px; }

.prs-left-top { 
	margin-left: 15px; 
	width: 660px; 
	height: 330px; 
	background: url('/img/prs-simple-fixer.png') left bottom no-repeat;
}

.prs-left-top-creatives { 
	margin-left: 15px; 
	width: 660px; 
	height: 330px; 
	background: url('/img/prs-creatives.png') left bottom no-repeat;
}

.prs-left-top-diy { 
	margin-left: 15px; 
	width: 660px; 
	height: 330px; 
	background: url('/img/prs-do-it-yourself.png') left bottom no-repeat;
}

.prs-left-top-handyman { 
	margin-left: 15px; 
	width: 660px; 
	height: 330px; 
	background: url('/img/prs-handyman.png') left bottom no-repeat;
}

.prs-left-top-pro { 
	margin-left: 15px; 
	width: 660px; 
	height: 330px; 
	background: url('/img/prs-pro.png') left bottom no-repeat;
}

.prs-left-top-rt { width: 470px; }

.prs-left-bottom {
	width: 675px; 
	background: url('/img/personality-left-bg.png') left top no-repeat;
}
.prs-left-bottom-in { padding: 25px 30px 30px 15px; }

.prs-left-bottom h4 {
	font-size: 13px;
	line-height: 13px;
	text-transform: uppercase;
}

/* ----------------------------------------------------------------- product detail nav */
#prs-nav-holder {
	width: 450px;
	height: 40px;
	margin-bottom: 20px;
	background: url('/img/prs-nav.png') 0px -200px no-repeat;
}

ul#prsnav { margin: 0; padding: 0; list-style: none; float: left; position: relative; }
ul#prsnav li { margin: 0; padding: 0; display: inline; }
ul#prsnav li a { float: left; height: 40px; }
ul#prsnav li a:hover, ul#prsnav li a:active { text-decoration: none; }
ul#prsnav li span { display:none; }

#prsn1, #prsn2, #prsn3, #prsn4, #prsn5 {
	position: absolute;
	background-image: url('/img/prs-nav.png');
	background-repeat: no-repeat; 
}
#prsn1 { top: 0px; left:  32px; }
#prsn2 { top: 0px; left: 111px; }
#prsn3 { top: 0px; left: 180px; }
#prsn4 { top: 0px; left: 274px; }
#prsn5 { top: 0px; left: 343px; }

#prsn1 { width:  88px; background-position:  -28px -200px; z-index: 9990; }
#prsn2 { width:  79px; background-position: -107px -200px; z-index: 9990; }
#prsn3 { width: 101px; background-position: -176px 0px; z-index: 9990; }
#prsn4 { width:  78px; background-position: -270px 0px; z-index: 9990; }
#prsn5 { width:  96px; background-position: -339px 0px; z-index: 9990; }

#prsn1:hover, #prsn1:focus, #prsn1.on { background-position:  -28px    0px; z-index: 9999; }
#prsn2:hover, #prsn2:focus, #prsn2.on { background-position: -107px  -40px; z-index: 9999; }
#prsn3:hover, #prsn3:focus, #prsn3.on { background-position: -176px  -80px; z-index: 9999; }
#prsn4:hover, #prsn4:focus, #prsn4.on { background-position: -270px -120px; z-index: 9999; }
#prsn5:hover, #prsn5:focus, #prsn5.on { background-position: -339px -160px; z-index: 9999; }

#prsn1.off { background-position: 0px -200px; }
#prsn1.off:hover, #prsn1.off:focus { background-position: -28px 0px; }
/* ----------------------------------------------------------------- /product detail nav */

h3.prsn-right { 
	color: #666;
	margin: 0 0 20px 0;
	padding-bottom: 8px;
	border-bottom: 1px dotted #666;
	font-size: 13px;
	line-height: 13px;
	text-transform: none;
}

table.prsn-tipstricks td,     table.prsn-greenprod td     { padding-bottom: 20px; }
table.prsn-tipstricks td img, table.prsn-greenprod td img { padding-bottom: 5px; }

table.prsn-tipstricks td p,           table.prsn-greenprod td p           { text-align:center; }
table.prsn-tipstricks td p a,         table.prsn-greenprod td p a         { color: #666; font-weight: normal; text-decoration: none; font-size:10px; line-height: 11px; }
table.prsn-tipstricks td p a:link,    table.prsn-greenprod td p a:link    { color: #666; }
table.prsn-tipstricks td p a:visited, table.prsn-greenprod td p a:visited { color: #666; }
table.prsn-tipstricks td p a:hover,   table.prsn-greenprod td p a:hover   { color: #999; }
table.prsn-tipstricks td p a:active,  table.prsn-greenprod td p a:active  { color: #999; }

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Personality pages */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */





/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ type settings */

/* ----------------------------------------------------------------- headers */
h2 { 
	color: #666; 
	padding-bottom: 5px;
	font-size: 21px; 
	line-height: 21px; 
	text-transform: uppercase; 
}
h2 span { /* for reg and trademarks */
	vertical-align: top; 
	font-size: 15px; 
	line-height: 15px; 
}
h3 { 
	color: #999;
	padding-bottom: 20px;
	font-size: 15px;
	line-height: 15px;
	text-transform: uppercase;
}
h3 span { /* for reg and trademarks */
	vertical-align: top; 
	font-size: 11px; 
	line-height: 11px; 
}
h4 { 
	color: #666; 
	padding-bottom: 10px; 
	font-size: 12px; 
	line-height: 14px;
}
h4 span { /* for reg and trademarks */
	vertical-align: top; 
	font-size: 10px; 
	line-height: 10px; 
}
h5 {
	color: #999;
	font-size: 10px;
	line-height: 10px;
}
h5.cat-listing-number {
	padding-bottom: 20px;
	font-weight: normal;
}
h5.cat-listing-definition {
	color: #666;
	padding-bottom: 5px;
	text-transform: uppercase;
	font-style: italic;
}
/* ----------------------------------------------------------------- /headers */


/* ----------------------------------------------------------------- header variations */
h3.cat-listing-product { 
	color: #006699;
	padding-bottom: 8px;
}

h3.singles-top { 
	color: #666;
	margin: 20px 0 10px 0;
	padding-bottom: 8px;
	border-bottom: 1px dotted #666;
	font-size: 13px;
	line-height: 13px;
	text-transform: uppercase;
}
h3.singles-top span { /* for reg and trademarks */
	vertical-align: top; 
	font-size: 11px; 
	line-height: 11px; 
}
h3.singles-bottom { 
	color: #999;
	padding: 20px 0 10px 0;
	font-size: 15px;
	line-height: 15px;
	text-transform: uppercase;
}
h3.singles-bottom span { /* for reg and trademarks */
	vertical-align: top; 
	font-size: 11px; 
	line-height: 11px; 
}

div.mc-single-grad h4, 
div.mc-single-nograd h4  { 
	margin: 25px 0 10px 0; 
	padding: 0; 
	color: #333; 
	font-size: 11px; 
	line-height: 11px; 
}
/* ----------------------------------------------------------------- /header variations */


/* ----------------------------------------------------------------- variations for product detail pages: maincontent > left column */
div.mc-left  h4      { margin: 0 0 10px 0; padding: 0 0 3px 0; border-bottom: 1px dotted #666; }
div.mc-left  p       { color: #333; font-size: 11px; line-height: 11px; padding: 0 10px 2px 10px; }
div.mc-left  p span  { margin: 0; padding-bottom: 5px; font-weight: bold; color: #888; }

div.mc-right h4      { margin: 0 0 0 0; padding: 0 0 5px 0; color: #333; font-size: 11px; line-height: 11px; }
div.mc-right p       { padding-bottom: 20px; }
/* ----------------------------------------------------------------- variations for product detail pages: maincontent > left column */

/* ----------------------------------------------------------------- Project Detail Page */
div.mainwrap-single-projdet h4  { margin: 0 0 0 0; padding: 20px 0 10px 0; color: #333; font-size: 11px; line-height: 11px; }
/* ----------------------------------------------------------------- /Project Detail Page */

/* ----------------------------------------------------------------- variations for product detail pages: maincontent > right column > right side split */
div.mc-right-in div.mcr-split h4 { padding-bottom: 5px; text-transform: uppercase; color: #999; }
div.mc-right-in div.mcr-split p  { padding-bottom: 3px; font-size: 11px; line-height: 11px; }
/* ----------------------------------------------------------------- variations for product detail pages: maincontent > right column > right side split */

/* ----------------------------------------------------------------- share + print links */
div.share-links   { width: 400px; padding: 0 40px 20px 0; }
div.share-links p { text-align: right; font-size: 11px; line-height: 11px; }

div.share-links p span.share { padding-left:17px; background: url('/img/icon-share.gif') left center no-repeat; }
div.share-links p span.email { padding-left:19px; background: url('/img/icon-email.gif') left center no-repeat; }
div.share-links p span.print { padding-left:21px; background: url('/img/icon-print.gif') left center no-repeat; }

div.share-links p a         { color: #666; font-weight: normal; text-decoration: none; }
div.share-links p a:link    { color: #666; }
div.share-links p a:visited { color: #666; }
div.share-links p a:hover   { color: #999; }
div.share-links p a:active  { color: #999; }
/* ----------------------------------------------------------------- /share + print links */

/* ----------------------------------------------------------------- share + print links SHORT (personality pages) */
div.share-links-short   { width: 215px; padding: 0; }
div.share-links-short p { text-align: left; font-size: 11px; line-height: 11px; }

div.share-links-short p span.share { padding-left:17px; background: url('/img/icon-share.gif') left center no-repeat; }
div.share-links-short p span.email { padding-left:19px; background: url('/img/icon-email.gif') left center no-repeat; }
div.share-links-short p span.print { padding-left:21px; background: url('/img/icon-print.gif') left center no-repeat; }

div.share-links-short p a         { color: #666; font-weight: normal; text-decoration: none; }
div.share-links-short p a:link    { color: #666; }
div.share-links-short p a:visited { color: #666; }
div.share-links-short p a:hover   { color: #999; }
div.share-links-short p a:active  { color: #999; }
/* ----------------------------------------------------------------- /share + print links SHORT (personality pages) */

/* ----------------------------------------------------------------- right floated auxilliary links */
div.pushright-links   { margin: 0 0 20px 0; padding: 0; }
div.pushright-links p { 
	margin: 0; 
	padding: 0; 
	text-align: right; 
	font-size: 10px; 
	line-height: 10px; 
}
/* ----------------------------------------------------------------- /right floated auxilliary links */

/* #mainwrap-single p { padding-bottom: 20px; } */

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ type settings */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ list settings */

/* ----------------------------------------------------------------- standard subpage lists */
#maincontent ul.normal, #mainwrap-single ul.normal { 
	margin: 0 0 20px 10px; 
	padding: 0;
	list-style: none;
}
#maincontent ul.normal li, #mainwrap-single ul.normal li {
	margin: 0;
	padding: 0 0 10px 10px;
	font-size: 11px;
	line-height: 14px;
	background: url('/img/list-square.gif') 0px 5px no-repeat;
}

#mainwrap-single ul.normal li p {
	font-size: 12px;
	line-height: 1.3em;
}

#mainwrap-single ol.projdet { 
	margin: 0 0 0 20px; 
	padding: 0;
	list-style: decimal;
	color: #333;
	font-weight:bold;
}
#mainwrap-single ol.projdet li {
	margin: 0;
	padding: 0 0 10px 0;
}
#mainwrap-single ol.projdet li p { line-height:1.3em; color:#666; font-weight:normal; }

/* ----------------------------------------------------------------- /standard subpage lists */

/* ----------------------------------------------------------------- list to keep Product Detail page icons inline */
#maincontent ul.thumbs { margin: 0; padding: 0; list-style: none; }
#maincontent ul.thumbs li {
	margin: 0;
	padding: 0 8px 8px 0;
	display: inline;
	float: left;
}
/* ----------------------------------------------------------------- /list to keep Product Detail page icons inline */

/* ----------------------------------------------------------------- Projects & Repairs page */

ul#prmenu, ul#prmenu ul { 
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 400px;
}
ul#prmenu a {
  display: block;
  text-decoration: none;	
}
ul#prmenu li {
	margin: 0;
	padding: 0;
}

ul#prmenu li a {
	margin: 0;
	padding: 0;
	width: 400px; 
	height: 31px;
	text-decoration: none;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	/* border: 1px solid #c10c62; testing */
}

ul#prmenu li a span { display:none; } /* hide text links */

ul#prmenu li a:hover, 
ul#prmenu li a:active { 
	text-decoration: none; 
	background-position: 0px -31px;
}
ul#prmenu li a.on { 
	background-position: 0px -31px;
}

ul#prmenu li ul { margin: 0 0 10px 0; padding: 0; }

ul#prmenu li ul, ul#prmenu li ul li, ul#prmenu li ul li a {
  background-color: #f0f0f0;
}
ul#prmenu li ul li a {
	margin: 0;
	padding: 5px 0 0 20px;
	font-size: 12px;
	line-height: 12px;
	height: 16px;
  color: #006699;
  text-decoration: underline;
}
ul#prmenu li ul li a:hover { 
	color: #e3171c;
	text-decoration: none;
}


/* ----------------------------------------------------------------- /Projects & Repairs page */

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ list settings */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ form settings */

/* ----------------------------------------------------------------- Product Detail pages: where to buy */
#maincontent table.pdform { /* make up for short right colum content */
	margin-bottom: 10px;
}
#maincontent td.wtbfield { 
	background: url('/img/pd-wheretobuy-field.png') 0px 0px no-repeat; 
}
#maincontent .mc-left input.wtbfield {
	margin: 0 0 0 8px;
	padding: 0;
	border: none;
	background-color: #fff;
	color: #333;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	line-height: 10px;
	width: 70px;
}
/* ----------------------------------------------------------------- /Product Detail pages: where to buy */

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ form settings */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ footer settings */

/* 
this is the only way the footer positions correctly in all browsers, 
other than using negative bottom margins on both sidebar and maincontent divs
(and that is not the best solution as they are variable height divs)
*/
#footsubwrap { margin:0; padding:0; position:relative; z-index:1000; }
#footsubwrap-in { margin:0; padding:0; position:absolute; left:0px; top:-236px; }

#footer {
	margin: -236px 0 0 0;
	padding: 0;
	position: relative;
	width: 960px;
	height: 285px;
	background-color: transparent;
	z-index:1000;
	overflow: hidden;	
}
#person {
	position:absolute;
	width:960px;
	height:236px;
	top:236px;
	left:0px;
	z-index:900;
	background-color:#999;
}
#person-title {
	width:960px;
	height:32px;
	background: url('/img/personalities-titlebar.png') left top no-repeat;
	cursor: hand;
}
#person-title a { cursor: hand; }
#personbar {
	position: absolute;
	width:960px;
	height:49px;
	left:0px;
	top:236px;
	z-index:950;
	background: url('/img/footer-bg-960.png') 0px 0px no-repeat;
}
/* footer-links go in the personbar div, with absolute pos. */
div.footer-links {
	margin:0;
	padding:0;
	position: absolute;
	top:18px;
	right:20px;
}
div.footer-links p					 { font-size:9px; line-height:10px; color: #fff; font-weight:normal; text-align: right; }
div.footer-links p a         { color: #fff; font-size:9px; line-height:9px; text-transform:uppercase; font-weight:normal; text-decoration:none; }
div.footer-links p a:link    { color: #fff; }
div.footer-links p a:visited { color: #fff; }
div.footer-links p a:hover   { color: #fff200; }
div.footer-links p a:active  { color: #fff200; }

#persongo {
	position: absolute;
	width:229px;
	height:49px;
	left:23px;
	top:236px;
	z-index:960;
	background-color:transparent;
	cursor: hand;
}

/* footer nav */
ul#fnav { margin: 0; padding: 0; list-style: none; float: left; }
ul#fnav li { margin: 0; padding: 0; display: inline; }
ul#fnav li a { float: left; height: 204px; cursor: hand; }
ul#fnav li a:hover, ul#fnav li a:active { text-decoration: none; cursor: hand; }
ul#fnav li span { display:none; }

#fn1 { width: 171px; background: url('/img/personalities-sf.png') top left no-repeat; }
#fn2 { width: 161px; background: url('/img/personalities-creatives.png') top left no-repeat; }
#fn3 { width: 265px; background: url('/img/personalities-diy.png') top left no-repeat; }
#fn4 { width: 181px; background: url('/img/personalities-hm.png') top left no-repeat; }
#fn5 { width: 182px; background: url('/img/personalities-pro.png') top left no-repeat; }

#fn1,#fn2,#fn3,#fn4,#fn5 { background-position: 0px 0px; }

#fn1:hover, #fn1:focus, #fn1.on, 
#fn2:hover, #fn2:focus, #fn2.on, 
#fn3:hover, #fn3:focus, #fn3.on, 
#fn4:hover, #fn4:focus, #fn4.on, 
#fn5:hover, #fn5:focus, #fn5.on { 
	background-position: 0px -204px; 
}

/* height setting in ie.css only */
div.ieunderfooter { margin:0; padding:0; width:960px; height:0px; }

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ footer settings */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ button rollovers */

.button-viewdetails {
	width: 92px;
	height: 22px;
	background: url('/img/button-viewdetails-v2.png') 0px 0px no-repeat;
}
.button-viewdetails:hover, .button-viewdetails:active {
	background-position: 0px -22px;
}

.button-viewproducts {
	width: 115px;
	height: 22px;
	background: url('/img/view-products-button.png') 0px 0px no-repeat;
}
.button-viewproducts:hover, .button-viewproducts:active {
	background-position: 0px -22px;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ /button rollovers */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ page-specific settings */

/* ----------------------------------------------------------------- category listing pages */

table.catlisttable td.tdleft, table.catlisttable td.tdright { width:90px; }
table.catlisttable td.tdcenter { width:100px; }
table.catlisttable td.tdspace { width:29px; }

table.catlisttable td.tdleft   img { text-align: left;   margin-right:10px; }
table.catlisttable td.tdcenter img { text-align: center; margin: 0 auto; }
table.catlisttable td.tdright  img { text-align: right;  margin-left:10px; }

table.catlisttable td.tdleft p, 
table.catlisttable td.tdcenter p, 
table.catlisttable td.tdright p {
	padding-top:5px;
	text-align:center;
	font-size:10px;
	line-height:11px;
	height:50px;
}

table.catlisttable td a { text-decoration:none; }

table.catlisttable td a         p { color:#666666; text-decoration:none; font-weight:normal; }
table.catlisttable td a:link    p { color:#666666; text-decoration:none; font-weight:normal; }
table.catlisttable td a:visited p { color:#666666; text-decoration:none; font-weight:normal; }
table.catlisttable td a:hover   p { color:#006699; text-decoration:none; font-weight:bold; }
table.catlisttable td a:active  p { color:#006699; text-decoration:none; font-weight:bold; }

/* tooltips */
a.tooltip { position: relative; z-index: 20; }
a.tooltip:hover { z-index: 30; }
a.tooltip span { display: none; }
a.tooltip:hover span {
	display: block;
	position: absolute;
	top: 60px;
	left: 60px; 
	width: 120px;
	padding: 10px;
	font-size: 10px;
	line-height: 12px;
	background-color: #006699; 
	color: #fff;
	text-align: left;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#maincontent div.mc-single-fpsplit-info p {
	padding-bottom: 10px;
	color: #999; 
	font-weight: bold;
}
/* ----------------------------------------------------------------- /category listing pages */

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ /page-specific settings */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



/* Removed "Products" from header topnav : Thursday, September 12, 2013 */
div.nav ul#topnav { margin-left: 65px; }


/* 2013 SEO Enhancements */

#sidebar > #sidebar-in > ul > li.on > a { margin: 0 0 3px 3px; }
#sidebar ul li { 
	margin: 0 5px; 
	padding: 5px 0 3px 0; 
	font-size: 11px; 
	line-height: 13px; 
}
#sidebar ul li ul { margin: 0; padding: 0; }
#sidebar ul li ul li { 
	margin: 0 0 0 20px; 
	padding: 5px 0 3px 0; 
	font-size: 11px; 
	line-height: 13px; 
}
#sidebar ul a { display: block; }
div.hero-products { text-align: center; margin-bottom: 20px; }
div.hero-products h3 { 
	margin: 0; 
	padding: 0;
	font-size: 13px; 
	line-height: 16px; 
	font-weight: normal; 
	text-transform: none;
}


div.wtb-social { 
	position: absolute; 
	top: 0px; 
	right: 0px; 
}
div.wtb-social a { 
	float: left; 
	display: inline;  
}
.button-wtb { 
	width: 110px; 
	height: 24px; 
	background: transparent url('/2013-seo/wheretobuy-button.png') 0px 0px no-repeat; 
}
.button-wtb:hover { background-position: 0px -24px;  }


.seo-copy h2, 
.seo-copy h3, 
.seo-copy h4 { margin: 0 0 15px 0!important; padding: 0 0 0 0!important; }
.seo-copy h4 { font-size: 14px!important; line-height: 16px!important; }

.mc-single-grad a, 
.mc-single-grad h4.seo-body-title { 
	color: #069!important; 
	font-size: 17px!important; 
	line-height: 17px!important; 
	text-decoration: none!important;
}
.mc-single-grad h4.seo-body-title span { 
	color: #666!important; 
	font-size: 17px!important; 
	line-height: 17px!important; 
	font-weight: normal!important; 
	text-decoration: none!important; 
}
.sg-playlist-hint {
	margin: 0 0 10px 0; 
	background: transparent url('/img/superglue-video-arrow.png') 0px 0px no-repeat; 
	min-height: 31px;
}
.sg-playlist-hint h4 {
	margin: 10px 0!important;
	padding: 2px 0 0 40px!important; 
	font-size: 12px!important; 
	line-height: 14px!important; 
}
.seo-copy .seo-copy-content p { 
	font-weight: normal!important;
	font-size: 13px; 
	line-height: 16px; 
}

#maincontent .mc-single-nograd, 
#maincontent .mc-single-pladd { position: relative; }