/*

Title: 		Kohler for screen media
Author: 	Method Engine
Updated: 	April 21, 2008


/* Globals
------------------------------ */

.png { behavior: url(/common/css/iepngfix.htc) }

* {
	margin: 0;
	padding: 0;
}

body {
	background: #e2ddd3 url(/common/images/bg/bg_dot.jpg);
	font: 12px/15px Arial, Helvetica, sans-serif;
}

body.plain {
    background:white none no-repeat;
}

h1,
h2,
h3,
h4,
h5,
h6 { line-height: 100%; }

h3 { font-size: 12px; }

ul { list-style: none; }

img { border:none; }

fieldset { border: none; }

a { outline: none; }

.fleft { float:left; }

.fright { float:right; height: auto; }

.fclear { clear: both; }
.hide { display: none; }

.show { display: block; }

/* Clearing floats - Hat Tip: http://www.positioniseverything.net/easyclearing.html  */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.c\learfix:after { line-height: 0; }

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }

.clearfix { display: block; }

/* End hide from IE-mac */

	
/* layout */

#container {
	background: #FFF;
	margin: 0 15px 30px;
	min-width: 1000px;
	padding-bottom: 10px;
}

#wrap { padding: 0 10px; }

#content { padding-bottom: 7px; }

/* Masthead */

#header {
	height: 60px;
	position: relative;
}

#header .logo { float: left; }

p#hi {
	color: #8d7f9a;
	position: absolute;
	bottom: 13px;
	left: 260px;
}

.welcome {
	width:400px;
	position: absolute;
	right: 8px;
	bottom: 7px;
}

#submenu {
	float:right;
	font-size:9px;
	text-transform: uppercase;
	color: #000;
	margin-bottom: 3px;
	letter-spacing: .07em;
}

#submenu li { float:left; }

#submenu a {
	text-decoration:none;
	color:#900;
}

#submenu a:hover { text-decoration:underline; }

#searchform {
	clear: both;
	float: right;
	text-align: right;
	line-height: 18px;
	width: 300px;
}

#searchform input#textfield {
	font-size:10px;
	color:#999;
	border: 1px solid #9999cc;
	padding: 1px 4px;
}

#searchform input#submit { margin-bottom: -3px; }

.menu {
	background: #95908C;
	margin-bottom: 3px;
}

.menu ul li {
	float:left;
	width: 196px;
	}


.menu ul li a {
	display:block;
	height:36px;
	border-right:3px solid #fff;
}

.menu ul li a span { display:none; }

li#home { background-image:url(/common/images/nav/home_h.jpg); }
li#home a { background-image:url(/common/images/nav/home.jpg); }
li#home a.here, li#home a:hover { background-image:url(/common/images/nav/home_h.jpg); }
li#home .submenu a { background-image:none; }

li#prod { background-image:url(/common/images/nav/prod_h.jpg); }
li#prod a { background-image:url(/common/images/nav/prod.jpg); }
li#prod a.here, li#prod a:hover { background-image:url(/common/images/nav/prod_h.jpg); }
li#prod .submenu a { background-image:none; }

li#brands { background-image:url(/common/images/nav/brands_h.jpg); }
li#brands a { background-image:url(/common/images/nav/brands.jpg); }
li#brands a.here, li#brands a:hover { background-image:url(/common/images/nav/brands_h.jpg); }
li#brands .submenu a { background-image:none; }

li#resources { background-image:url(/common/images/nav/resources_h.jpg); }
li#resources a { background-image:url(/common/images/nav/resources.jpg); }
li#resources a.here, li#resources a:hover { background-image:url(/common/images/nav/resources_h.jpg); }
li#resources .submenu a { background-image:none; }

li#myKohler { background-image:url(/common/images/nav/myKohler_h.jpg);}
li#myKohler a { background-image:url(/common/images/nav/myKohler.jpg); border-right: none; }
li#myKohler a.here, li#myKohler a:hover { background-image:url(/common/images/nav/myKohler_h.jpg); }
li#myKohler .submenu a { background-image:none; }

.menu ul li .submenu { display:none; position:absolute; background-image:none; background-color:#96918b; z-index:99; -moz-box-shadow: 3px 3px 5px #a4a4a4; -webkit-box-shadow: 3px 3px 5px #a4a4a4; box-shadow: 3px 3px 5px #a4a4a4; } 
.menu ul li .submenu li { float:none; width:193px; border-top:1px solid #6f6b66; background-image:none; background-color:#96918b; }
.menu ul li .submenu li.hover { background-color:#000000; }
.menu ul li .submenu li a { position:relative; top:10px; left:14px; color:#ffffff; font-size:14px; text-decoration:none; border:0; background-image:none; }

/* Content
---------------------------------*/


/* Structural elements */

.column { float: left; }

.column.narrow { width: 20%; }

.column.wide { width: 40%; }

.module {
	background:#F0F0F0;
	margin-bottom: 3px;
	clear: both;
	border-right: 3px solid #fff;
	position: relative;
}

.column.wide.nob .module { border-right: none; }

.pad { padding: 0 10px; }

.five { padding: 5px; }

.ten { padding: 10px; }

.fivev  { padding: 5px 0; }

.pad5top { padding-top: 5px; }

.vspace10 { padding-bottom: 10px; }

/* Content Details */
	
.module a {
	color:#900;
	text-decoration:none;
}

.module a:hover { text-decoration:underline; }

a.learnmore,
a.red10 {
	color: #900;
	padding-left: 11px;
	font-size: 10px;
	background: url(/common/images/icons/ico_a_learnmore.gif) left center no-repeat;
}

.module h2 {
	margin:0px;
	padding:0px;
	font-size:12px;
	line-height: 20px;
	color:#fff;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	/*background: #aeaeae url(/common/images/bg/bg_h2.gif) left top no-repeat; */
	background: #95908c url(/common/images/bg/bg_h2.gif) left top no-repeat;

	letter-spacing: .01em;
}

.module h2 span {
	display: block;
	padding-left:10px;
	background: url(/common/images/bg/bg_h2-r.gif) right top no-repeat;
}

.olive { background-color:#BEDCA1; }

.olive h2 { background: #778a66 url(/common/images/bg/bg_h2_olive-l.gif) left top no-repeat; }

.olive h2 span { background: url(/common/images/bg/bg_h2_olive-r.gif) right top no-repeat; }

.yellow { background:#FEFF96; height: 255px; }

.yellow h2 { background: #e2e044 url(/common/images/bg/bg_h2_yellow-l.gif) left top no-repeat; }

.yellow h2 span { background: url(/common/images/bg/bg_h2_yellow-r.gif) right top no-repeat; }

/* New Products */

.newproducts { background-color:#1f1f1f; }

.newproducts img {
	float: left;
	padding-right:10px;
}

.newproducts h2 { background: #535353 url(/common/images/bg/bg_newprod-l.gif) left top no-repeat; }

.newproducts h2 span { background: url(/common/images/bg/bg_newprod-r.gif) right top no-repeat; }

.newproducts h2 span a {
	color: #FFFFFF;
	text-decoration:underline;
	padding-left: 5px;
	font-size: 90%;
}

.newproducts h3 {
	font-size:18px;
	color: #fff;
	font-weight: normal;
	margin:0;
	padding: 10px 0 6px;
}

.newproducts p {
	font-size:12px;
	color:#dadadb;
	line-height:16px;
}

.newproducts a.learnmore {
	color: #fff;
	background: url(/common/images/icons/ico_a_learnmore-b.gif) left center no-repeat;
}

.minibrowser {
	clear: both;
	color:#FFF;
	font-size:12px;
	vertical-align:middle;
	text-align:right;
	float:right;
}

.minibrowser p { padding:5px; }

.minibrowser p a { padding: 0 5px; }

.newproducts .minibrowser img {
	padding: 0;
	vertical-align:middle;
	float: none;
}

/* News */
	
.news h2 span a {
	color: #FFFFFF;
	text-decoration:underline;
	padding-left: 5px;
	font-size: 90%;
}

.news ul {
	height:198px;
	border:1px solid #CCC;
	background-color:#FFF;
	overflow-y:scroll;
	overflow-x:hidden;
	list-style-type:none;
	margin:0px;
	padding: 15px 0 0;
	font-size:12px;
}

.news li { margin: 0 5px 15px; }

.news h4 {
	font-weight: normal;
	font-size: 10px;
	margin-bottom: 3px;
}

.news ul li a {
	padding-left: 14px;
	background:url(/common/images/icons/ico_arrownews.jpg) left center no-repeat;
}

.news li p {
	padding-left: 15px;
	color: #666;
}

/* Value */

.value .pad.ten { padding-left: 125px; }

.value img {
	position: relative;
	margin-left: -125px;
	padding-bottom: 10px;
}
.value h3 { padding-bottom: 6px; }

/* Brands */

img.fleft { padding: 0 5px 0 0; }

ul.brands {
	/* background: #AEAEAE url(/common/images/bg/bg_brands.gif) left top repeat-x; */
	background: #95908c	url(/common/images/bg/bg_brands.gif) left top repeat-x;
	
	width: 100%;
}

ul.brands li {
	width:22%;
	float:left;
	list-style-type:none;
	text-align:center;
	font-size:12px;
}

ul.brands li a {
	display: block;
	line-height: 22px;
/*	color: #535353;*/
	color: #000;
	background: url(/common/images/bg/bg_brands.gif) right top repeat-y;
}

ul.brands li.selected a,
ul.brands li a:hover {
	background:#F0F0F0;
	color: #000;
	font-weight:bold;
	text-decoration: none;
}

#fob1 p,
#fob2 p,
#fob3 p,
#fob4 p { margin-left: 65px; }

/* myKOHLER */
	
.mykohler table {
	width: 100%;
	font-size: 12px;
	padding: 0 0 2px;
}

.mykohler table td { padding-bottom: 2px; }

.mykohler table td a {
	color: #000000;
	text-decoration: none;
}

.mykohler table td a:hover {
	color: #000000;
	text-decoration: underline;
}

td.actions { text-align: right; }

.mykohler td.actions a {
	font-size:8px;
	font-weight:bold;
	color: #900;
}

/* myKOHLER homepage portlet */

#mykohler_portlet {
    background:#BEDCA1 url('/common/images/blank.gif') no-repeat;;
    margin:10px 10px 10px 10px !important;
    line-height:18px;

}
#mykohler_portlet #mykohlerContainer {
    width: 378px;
}
#mykohler_portlet ul li { margin:0; padding:0 0 7px 0; background:transparent url('/common/images/blank.gif') no-repeat;  }

#mykohler_portlet ul li {
    background-image:url(/common/images/icons/ico_a_learnmore.gif);
    background-position: 45px 4px;
    padding:0 0 7px 13px;
}

#mykohler_portlet a {text-decoration: none !important; color:#900; }
#mykohler_portlet a:hover, #mykohler_portlet a:active {text-decoration: underline !important; color:#000; }

#mykohler_portlet .fcol1 { width: 207px; float: left; font-size:12px; overflow:hidden; }
#mykohler_portlet .fcol2 { width: 74px; float: left; font-size:12px; padding-left: 8px; }
#mykohler_portlet .fcol3 { width: 80px; float: left; font-size:10px;
                           color:#990000; text-align:right; vertical-align:baseline;
                           margin-right:8px; }

#mykohler_portlet .fcol1 a { text-decoration: none !important; color:#000; }
#mykohler_portlet .fcol1 a:visited { text-decoration: none !important;  color:#000; }


/* My Favorites */

.favs,
.mykohler { font-size:11px; }

.prodcont {
	margin: 0 1px 1px;
	height:auto;
	background-color:#FFF;
	padding-left: 10px;
    width: auto;
}

.prodbrowser {
	display: block;
}

.prodbrowser li {
	float:left;
	margin: 0;
	padding: 2px 20px 2px 0;
	width:140px;
	height: 248px;
}
.prodbrowser li.favs {
	float:none;
}

.prodbrowser li p { margin-bottom: 5px; }

.prodbrowser a { padding-left: 2px; }
.prodbrowser a.black { color: #000000;  }

.prodbrowser li p.spaceAbove { margin:0; margin-top: 5px; }

.mynotes p,
.mynotes ul { color:#999; }

.mynotes p,
.mynotes textarea {
	background: none;
	border: none;
	color:#666666;
	font: 12px/15px Arial, Helvetica, sans-serif;
	width: 96%;
	height:auto;
	overflow: hidden;
}

.salesrep form,
.mybookmarks form,
.login form { font-size:11px; }

.module.salesrep form select { /*background: none;
	border-bottom:#339900;*/ }

.module.salesrep form select,
.module.mybookmarks form select {
	margin-bottom: 2px;
	width:175px;
	border: none;
	width: 180px;
	font-size: 12px;
}

.module.salesrep form label,
.module.mybookmarks form label { font-weight: normal; }

.module.login form label.data { margin:3px 5px 2px 5px!important; }

.module.login form label.data {
	float: left;
	clear:both;
}

.loginform { margin:7px; }

label.data { margin:3px!important; }

.mybookmarks ul { padding-top: 10px; }

.mybookmarks li { margin-bottom: 3px; }

.mybookmarks ul li a {
	font-size: 12px;
	color: #000;
	text-decoration: none;
}

.mybookmarks ul li a:hover { text-decoration: underline; }

#footer {
	background-color:#F0F0F0;
	margin: 0 auto;
	clear:both;
	line-height: 50px;
	padding: 0 20px;
	font-size: 10px;
	color: #333;
}

#footer li {
	float:left;
	padding-right:15px;
}

#footer li a.red { color:#900; }

#footer li a {
	color:#333;
	text-decoration:none;
}

#footer li a:hover { text-decoration:underline; }

/* Not Logged In 
------------------------------ */

#loggedout .mybookmarks p { margin-bottom: 15px; }

#loggedout .mykohler table { margin-top: 30px; }

/* Mini */

.minipage {
	padding:0px 50px;
	background:#BEDCA1;
	display:block;
	height:70px;
	margin:0px;
}

.miniwide,
.mininarrow {
	height:65px;
	display:block;
	float:left;
	margin:2px;
	background:#FFF;
	border:1px solid #778A66;
	color:#778A66;
	text-align:center;
}

.miniwide p,
.mininarrow p { padding-top:25px; }

.miniwide,
.miniwidetransparent { width: 180px; }

.mininarrow,
.mininarrowtransparent { width: 105px; }

.miniwidetransparent,
.mininarrowtransparent {
	height:65px;
	display:block;
	float:left;
	margin:2px;
	border: 1px solid #BEDCA1;
}

.open { display: block; }

.closed { display: none; }

/* login-page specifics begins */
	#logincontent {
	background:url(/common/images/bg/bg-leftnav.gif);
	margin:2px 0px;
	padding: 20px;
	clear:both;
	min-height: 315px;
 * height: 315px;
}

#loginbox {
	width:390px;
	background:url(/common/images/bg/bg_loginbox.jpg);
	padding: 0px;
}

#loginbox-top {
	width:390px;
	height: 9px;
	display:block;
	margin: 0px;
	padding: 0px;
	background:url(/common/images/bg/loginbox_top.jpg) no-repeat top left;
}

#loginbox-btm {
	width:390px;
	height: 9px;
	display:block;
	margin: 0px;
	padding: 0px;
	background:url(/common/images/bg/bg_loginbox_btm.jpg) no-repeat bottom left;
}

#loginbox-content {
	padding:0px 10px;
	color:#000000;
	font-size: 11px;
}

#loginbox-head { display: block; }

div.loginbox-title {
	width:260px;
	float:left;
}

div.loginbox-notreg {
	width: 100px;
	float:right;
	font-size: 11px;
}

.loginbox-notreg a,
.loginbox-notreg a:visited,
.loginbox-forgot a,
.loginbox-forgot a:visited {
	color:#990000;
	text-decoration:none;
}

.loginbox-notreg a:hover,
.loginbox-forgot a:hover { text-decoration:underline; }

#loginbox-content h1 {
	font-size: 24px;
	font-weight:normal;
	color:#333;
	padding:0px 0px 0px 10px;
	margin:0px;
}

#loginbox-form {
	width:370px;
	display:block;
	margin:0 auto;
	clear:both;
}

#loginbox-form div {
	width:165px;
	float:left;
	text-align:left;
	padding-bottom:5px;
}

#loginbox-form fieldset { padding:10px 0 10px 7px; }

#loginbox-form legend {
	font-weight:bold;
	font-size:9pt;
}

#loginbox-form label {
	display:block;
	height:2em;/*background-color:#E7E7E7;
		padding:10px 10px 0;*/
}

#loginbox-form input { float:left; }

#loginbox-form input.textfield { width:150px; }

/* login page specifics ends */
	


/* personalize-page specifics begins */
		
#personalize #content p,
#personalize .modulepersonalize-left a {
	color: #95918b;
	font-size: 12px;
}

#personalize .modulepersonalize-left a { text-decoration: none; }

#personalize p.intro { padding-bottom: 20px; }

#personalize .column p.intro { width: 340px; }

.modulepersonalize-left {
	font-size: 11px;
	padding:5px 10px 0px 0px;
	color:#666;
}

#personalize-form { margin-bottom: 50px; }

.modulepersonalize-left h1,
.modulepersonalize-right h1 {
	font-size: 24px;
	font-weight:normal;
	color:#333;
	padding:10px 0px 0px 0px;
	margin:0px;
}

.modulepersonalize-right {
	font-size: 11px;
	width: 587px;
	margin-bottom:10px;
	float:left;
	padding:6px 0px 0px 0px;
	color:#666;
	display:block;
}

.col-personalize {
	width:185px;
	display:block;
	float:left;
	color:#666;
	margin:4px 0px;
	font-size: 12px;
}

.col-personalize label { color:#95918b; }

.col-personalize input {
	vertical-align:middle;
	padding-right:8px;
}

.personalizeimage {
	width:164px;
	float:left;
	margin-right:10px;
}

.personalizemykohler {
	color:#666;
	display:block;
}

.personalizemykohler h2 {
	font-size: 16px;
	color:#333;
	padding:0px 0px 3px 0px;
	margin:0px;
	font-weight: normal;
}

.personalize-interactive {
	background-color:#ccc;
	display:block;
	padding-bottom:10px;
}

.modulepersonalize-right h2.olive {
	background:url(/common/images/bg/bg_h1_olive_wider.jpg) top left no-repeat;
	height:17px;
	padding-top:3px;
	margin: 10px 0px 0px 0px;
}

/* register-page specifics begins */

#register #container,
#login #container,
#personalize #container,
#searchpro #container,
#compare #container,
#product #container,
#legal #container,
#contact #container,
#resources #container,
#project #container { width: 1000px; }

#register #content {
	background: #f0f0f0 url(/common/images/bg/bg_register.gif) 0 0 repeat-y;
	border-bottom: 10px solid #fff;
}

#register .modulecontainer { padding: 10px; }

#register .column.wider {
	width: 585px;
	background-color: #F0F0F0;
}

#register .modulecontainer p a{ color: #900; text-decoration: none; }
#register .modulecontainer p a:hover { color: #900; text-decoration: underline; }
#register .wider h1 {
	display: block;
	height: 35px;
	width: 112px;
	text-indent: -10000px;
	overflow: hidden;
	margin:0 0 15px;
	background: url(/common/images/register.gif) left top no-repeat;
}

#register .wider h2 {
	display: block;
	height: 14px;
	width: 157px;
	text-indent: -10000px;
	overflow: hidden;
	margin:0 0 10px;
	background: url(/common/images/personal.gif) left top no-repeat;
}

#register .wider h2.co {
	clear: both;
	height: 19px;
	width: 169px;
	margin-top: 25px;
	background: url(/common/images/company.gif) left top no-repeat;
}

#register .wider h3 {
	font-size: 12px;
	color:#333;
	margin:15px 0 10px;
	font-weight:normal;
}

.req { color:#CC0000; }

#register-form {
	width:440px;
	margin-bottom: 10px;
}

#register .fields {
	width:100%;
	display:block;
	clear:both;
	font-size: 12px;
}

#register .col2 {
	width:200px;
	display:block;
	float:left;
	margin-right:20px;
}

#register .col3 {
	width:145px;
	display:block;
	float:left;
	margin-bottom: 5px;
	font-size: 11px;
	vertical-align: baseline;
}

#register-form input { border: 1px solid #b6b5b6; }

#register-form input#submit { float: right; }

#register-form input#submit,
#register-form .col3 input { border: none; }

#register-form .col3 input {
	margin-right: 3px;
	vertical-align: baseline;
}

#register-form select { border: 1px solid #b6b5b6; }

#register-form input.textfield,
#register-form select.textfield {
	width:200px;
	margin: 0 0 15px 0;
}

#register .featurescontent {
	width: 390px;
	float:right;
}

#featuresBox {
	margin: 70px auto 0;
	padding: 25px 40px;
	width: 258px;
	height: 399px;
	background:url(/common/images/tallbox.gif) top center no-repeat #f0f0f0;
	text-align: left;
}

#featuresBox p { margin-bottom: 20px; }

#featuresBox ul { margin: 0 0 20px; }

#featuresBox ul.featuresboxlist li {
	list-style: url(/common/images/bg/featurebullet.gif);
	margin: 0 0 5px;
}

/* register-page specifics ends */
	
	/* not logged-in page specifics starts */
	
	
	#notloggedin input {
	height: 20px;
	color: #cecece;
	font-size: 14px;
	padding: 2px 0 3px 4px;
	border: 1px solid #ccc;
	background-color:#FFF;
	margin-bottom: 2px;
	width: 96%;
}

#notloggedin .submit {
	width: auto;
	height: auto;
	padding: 0;
	margin: 0;
	float: right;
}

/* Search & Results Styles
------------------------------------ */

.saveButton {
   cursor:pointer;
}

#searchpro .module,
#compare .module,
#product .module { border-right: none; }

#searchpro .module h2 { background: #000 url(/common/images/bg/bg_h2_black-l.gif) left top no-repeat; height: 20px; }

#searchpro .module h2 span { background: url(/common/images/bg/bg_h2_black-r.gif) right top no-repeat; }

#searchpro #terms {
	padding: 0px 0px 0 10px;
	font-size: 11px;
}
#searchpro .module {
    background-color: #f3f3f3;
}
#searchpro #submitSearchDiv {
   background:  url(/common/images/searchbar-down.gif) right top no-repeat; 
   height: 57px;
}

#submitSearchDiv input#submit-form {
	margin-top: 0;
    margin-left: 445px;
}
#searchModule {
    margin-bottom: 0;
}


#searchpro #terms  #searchKeywordsAndFilters {
    float:left;
    width: 450px;

}

div#searchFirstStep {

	float: left;
	background: url(/common/images/bg/search_vertical_bar.gif) right top no-repeat;
	display: inline; /* IE6 double margin bug */
    height: 184px;
    width:214px;

}

#searchpro #searchSecondStep {
    float: left;
    width: 515px;
    background:  url(/common/images/bg/search_vertical_bar.gif) right top no-repeat;
}

#searchpro #searchThirdStep {
    margin-right: 0;
    margin-top:10px;
	width: 180px;
    padding: 0 10px 10px 20px;
    float: left;
    border-left:1px solid #bfbfbf;
}

#searchpro #secondAndThirdContainer {
    float:left;
    width:756px;
}

#searchpro #searchKeywordDiv {
    float: left;
    width: 260px;
}
#searchpro #savedSearchesDiv {
    float:left;
    padding-left: 16px;
    width: 160px;
}

#searchpro #savedSearchesDiv select {
    width: 150px !important;
}

/* Form elements */

#searchpro #terms input,
#searchpro #terms select {
	padding: 1px 0 1px 1px;
	font-size: 11px;
	margin: 0;
}

#searchpro #terms div.h3 {
    margin: 12px 0 0 0;
    font-size: 12px;
    font-weight: bolder;
    letter-spacing: 0.1ex;
}

#searchpro #terms p#brandDropdownsP,
#searchpro #terms div#savedSearchesDiv,
#searchpro #terms div#searchKeywordDiv,
#searchpro #terms p#displayLinkSelect
{
    margin-top:14px;
}

#searchpro #terms input#keywordField.textfield {
    font-size: 12px !important;
    padding: 4px 0 2px 4px !important;
    width: 242px !important;
    height: 16px !important;
}


/* Left column (radio buttons, check boxes) */

#searchpro div.mid input { width: auto; margin-right: 3px; }

/* Left Column */

#searchpro .textfield,
#searchpro .savedsearch {
	border: 1px solid #b3b8b6;
	width: 155px;
}

#searchpro .textfield { margin-bottom: 30px; }

#searchpro .savedsearch { margin-bottom: 2px; }

#searchpro a.red10 {
	clear: both;
	color: #900;
}

/* Middle, Right Column */	

#searchpro h3 {
    padding: 0;
    margin: 0;
	font-size: 12px;
    font-weight:bold;
}
#searchpro p.optional {
    margin: 2px 0 14px 0 !important;
    position: relative;
    display:block;
}

#searchpro .mid p { margin-bottom: 8px; }


#searchpro #wrap #content #terms .mid input { float: left; }

/* update */
#searchpro .mid label {
	float: left;
	margin-left: 4px;
	width: 86%;
}

#searchOr {
    float: left;
    width: 50px;
}
#searchOr img {
    margin-top: 105px;
    margin-left: 8px;
}
#searchpro .mid.last label { width: 85%; }

#searchpro .mid.last p { margin-bottom: 6px; }

/* Types (tabbed form elements) */

#searchpro .business-logo { float:left; margin:18px 0 18px 180px; width:297px; height:23px; }
#searchpro .business-logo.nofilter { margin-left:290px; }
	
#searchpro #types {
	width: auto;
	float: left;
	margin-left:180px;
	display:inline;
}


#searchpro #types.nofilter {
	margin-left:290px;
}

/* tabs */
.tabs li {
	width: 126px;
	float: left;
    display:inline;
	margin-right: 2px;
	font-size: 13px;
}

.tabs li a {
	color: #000;
	display: block;
	text-decoration: none !important;
	background: #e1e1e3 url(/common/images/bg/bg_tab_lightgray-left.gif) left top no-repeat;
}

.tabs li a span {
	display: block;
	padding: 5px 0 4px 6px;
	background: url(/common/images/bg/bg_tab_lightgray-right.gif) right top no-repeat;
}

.tabs li.last { margin-right: 0; }

.tabs li.here a,
.tabs li a:hover { background: #bdbdbd url(/common/images/bg/bg_tab_gray-left.gif) left top no-repeat; }

.tabs li.here a span,
.tabs li.here a:hover span { background: url(/common/images/bg/bg_tab_gray-right2.gif) right top no-repeat; }

.tabs li#section_blue a:hover,
.tabs li#section_blue.here a { background: #bdbdbd url(/common/images/bg/bg_tab_gray-left.gif) left top no-repeat; }

.tabs li#section_blue a:hover span,
.tabs li#section_blue.here a span { background: url(/common/images/bg/bg_tab_gray-right2.gif) right top no-repeat; }

.tabs li#section_tan a:hover,
.tabs li#section_tan.here a { background: #bdbdbd url(/common/images/bg/bg_tab_gray-left.gif) left top no-repeat; }

.tabs li#section_tan a:hover span,
.tabs li#section_tan.here a span { background: url(/common/images/bg/bg_tab_gray-right2.gif) right top no-repeat; }

.tabs li#section_purple a:hover,
.tabs li#section_purple.here a { background: #bdbdbd url(/common/images/bg/bg_tab_gray-left.gif) left top no-repeat; }

.tabs li#section_purple a:hover span,
.tabs li#section_purple.here a span { background: url(/common/images/bg/bg_tab_gray-right2.gif) right top no-repeat; }

.tabs li.wide {
    width: 145px !important;
}
/* tabs end */



#type-options-0, #type-options-1, #type-options-2 {
    width:590px;
	margin-bottom: 0;
	height: 155px;
    background: url(/common/images/searchbar.gif) right top no-repeat;
}

/*
* html #type-options-0, * html #type-options-1, * html #type-options-2 {
    width:413px;
}
*/


.nofilter #type-options-0, .nofilter #type-options-1, .nofilter #type-options-2 {
    width:401px;
}

* html .nofilter #type-options-0, * html .nofilter #type-options-1, * html .nofilter #type-options-2 {
    width:413px;
}

#types div.type-selections {
	float: left;
	margin: 10px 0 0 5px;
	padding: 0px 0 9px;
	width: 374px;
	display: inline; /* IE6 double margin bug */
}
#types div.type-selections strong { display:block; margin:0 0 10px 3px; font-size:12px; }
#types div.type-selections div { float:left; width:157px; margin-right:20px; }
#terms #types div.type-selections select.categoryFilterSelect { width: 157px; border: 1px solid #5d8d9c; margin-left:3px; margin-bottom: 10px !important; font-size:11px; }

#types div.type-displayLinks {
    margin-right: 0;
    margin-top:10px;
    padding: 0 10px 10px 34px;
    float: left;
    border-left:1px solid #bfbfbf;
}
#types.nofilter div.type-displayLinks { display:none; }
#types div.type-displayLinks strong { display:block; margin:1px 0 10px 0; font-size:11px; }
#terms #types div.type-displayLinks input { display:block; float:left; margin:0 7px 7px 0; }
#types div.type-displayLinks label { display:block; float:left; font-size:10px; }

/*
#types .blue    { background: #5d8d9c; }
#types .tan     { background: #a19d80; }
#types .purple  { background: #8b819c; }
.tan div select.categoryFilterSelect    { border-color: #a19d80; }
.purple div select.categoryFilterSelect { border-color: #8b819c; }
*/

/* Search Results
------------------------------- */

.srchresults {
    position: relative;
	/* border-top: 3px solid #F0F0F0; */
    margin-top: -25px;
}

/* Results tab modifications */
.srchresultEmpty {
    border-top: 1px solid #cecece;
}
.srchresults .tabs {
	/* background: #F0F0F0; */
	padding-left: 10px;
	position: relative;
}

.srchresults .tabs li {
	width: 12em;
	margin-right: 15px;
	font-size: 14px;
	position: relative;
	margin-bottom: -1px;
	text-align: center;
}

.srchresults .tabs li a {
	background: #95918b;
	border: 1px solid #c7c7c7;
	border-bottom: 1px solid #95918b;
}

.srchresults .tabs li.here a,
.srchresults .tabs li a:hover {
	background: #fff;
	color: #000;
	position: relative;
	margin-bottom: 0;

}
.srchresults .tabs li.here a,
.srchresults .tabs li.here a:hover {
     border-bottom: 1px solid white; 
}
.srchresults .tabs li a:hover {
    border-bottom: 1px solid #cecece;  
}

span.compareCount { margin:0 !important; padding:0 !important;
    background: transparent !important; position: static !important;
    display: inline !important; }

.srchresults .tabs li.here a span,
.srchresults .tabs li a:hover span { background: transparent url(/common/images/bg/bg_tab_results-on2.gif) left top no-repeat; }

.srchresults .tabs li a span {
	padding: 8px 5px;
	background: transparent url(/common/images/bg/bg_tab_results-off2.gif) left top no-repeat;
	position: relative;
	top: -1px;
	left: -1px;
}

.srchresults .tabs.clearfix li.here a span,
.srchresults .tabs.clearfix li a:hover span { background: transparent url(/common/images/bg/bg_tab_results-on3.gif) left top no-repeat; }

.srchresults .tabs.clearfix li a span {
	background: transparent url(/common/images/bg/bg_tab_results-off3.gif) left top no-repeat;
}

/* Tools */
	
.tools {
	border-top: 1px solid #c7c7c7;
	padding: 12px 10px 0;
	font-size: 11px;
}

.tools a { color: #900; }

.tools li a:hover { text-decoration: none; }

.tools ul {
	width: 100%;
	position: relative;
}

.tools ul li { float: left; }

.tools select,
.tools input.textfield {
	border: 1px solid #b3b8b6;
	font-size: 11px;
	padding: 1px 0 1px 1px;
}

.sortby {
	width: 100px;
	margin-right: 32px;
}

.sortby select { width: 99px; }

.name { width: 232px; }

.tools .name input.textfield { padding: 1px 0 2px 2px; }

.compare { width: 180px; }

.results { width: 140px; }

.tools li.pagination { float: right; }

.tools li.pagination span a { color: #000; }

.tools li.pagination a.here {
	font-weight: bold;
	text-decoration: none;
}

.tools li.pagination a:hover {
	color: #900;
	text-decoration: none;
	}

li.pagination img {
	position: relative;
	top: 2px;
}

/* Search, Compare prodbrowser modifications (includes table style for compare page) */
	
#legal .bg, #contact .bg, #resources .bg { background: url(/common/images/bg/bg-leftnav.gif) right top repeat; }

#legal .bg, #contact .bg, #resources .bg { background-repeat: repeat-y; }

#compare .bg { border-top: 1px solid #cecece; }

#searchpro .prodbrowser,
#compare .prodbrowser,
#product .prodbrowser {
	font-size: 11px;
	line-height: 17px;
	width: auto;
	margin-left: 10px;
	position: relative;
	padding: 20px 0 0;
}

#searchpro .prodbrowser {
	padding: 10px 0 20px;
	border-bottom: 1px solid #cecece;
	}
	
#searchpro .prodbrowser.last {
	border-bottom: none;
	}

.prodbrowser_table {
	font-size: 11px;
	line-height: 17px;
	background: #fff url(/common/images/bg/bg_table.gif) right top repeat-y;
	clear: both;
	border-right: 10px solid #fff;
	position: relative;
	margin-right: -10px;
}
#searchpro .prodbrowser li,
#compare .prodbrowser li {
    height: auto;
}
#searchpro .prodbrowser li,
#compare .prodbrowser li,
#product .prodbrowser li {
	width: 210px;
	padding: 0 0 20px;
	margin-right: 28px;
	position: relative;
	overflow:hidden;
}

#compare .srchresults { margin-top: -8px !important; }

#product .prodbrowser li {
    width: 160px;
}
#searchpro .prodbrowser li {
	padding-bottom: 0;
}

.prodbrowser_table td,
.prodbrowser_table th {
	height: auto;
	padding: 15px 10px;
	border-left: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	position: relative;
	text-align: left;
	vertical-align:top;
	font-weight: normal;
	width: 177px;
}

.prodbrowser_table th {
	position: relative;
	border: none;
	border-bottom: 1px solid #d5d5d5;
	border-right: 1px solid #fff;
}

#searchpro .prodbrowser a,
#compare .prodbrowser a,
.prodbrowser_table a,
#product .prodbrowser a {
	color: #000;
	text-decoration: none;
	padding: 0;
	font-weight: normal;
}

#searchpro .prodbrowser span a,
#compare .prodbrowser span a,
#product .prodbrowser span a { color: #900; }

#searchpro .prodbrowser a:hover,
#compare .prodbrowser a:hover,
.prodbrowser_table a:hover,
#product .prodbrowser a:hover { text-decoration: underline; }

#searchpro .prod_img,
#compare .prod_img,
#product .prodbrowser .prod_img {
	position: relative;
	height: 200px;
	margin-bottom: 10px;
}

#compare .prod_img {
    width: 182px;
    overflow: hidden;
    margin-left: -5px;
}

#product .prodbrowser .prod_img { height: 110px; }

#searchpro .prod_img img {
    position: absolute;
	bottom: 0px;
}
#compare .prod_img img,
#product .prodbrowser .prod_img img {
	position: absolute;
	bottom: 0px;
	left: 10px;
}
#compare .prod_img img { left: 0; }

.prodbrowser_table ul { padding-top: 5px; }

.prodbrowser_table li {
	background: url(/common/images/bg/bg_pb_li.gif) 0 5px no-repeat;
	padding-left: 10px;
	font-size: 12px;
	margin-bottom: 5px;
}

.prodbrowser_table .actions a { color: #900; }

/* Add'tl Compare styles */

#compare .module ul {
	padding: 10px 10px 10px 15px;
	font-size: 11px;
}

#compare .module a { text-decoration: underline; }

#compare .module a:hover { text-decoration: none; }

#compare .module li { float: left; }

#compare .module li#print {
	float: right;
	padding-left: 15px;
	background: url(/common/images/icons/ico_print.gif) left center no-repeat;
}

#compare p.prev-next {
	float: right;
	width: auto;
	font-size: 11px;
	text-align: right;
	margin: 10px 10px 5px 5px;
    
}
#compare p.prev-next a {
    color: #990000;
    text-decoration: underline;
    cursor: pointer;
}
#compare p.prev-next a.off {
    color: #000;
    text-decoration: none;
    cursor: text;
}

#compare .back {
	background: #ecedf1;
	padding: 4px 8px;
	font-size: 11px;
}

#compare .back a {
	color: #000;
	text-decoration: none;
	padding-left: 9px;
	background: url(/common/images/icons/ico_arrow-up.gif) left center no-repeat;
}

#compare .back a:hover { text-decoration: underline; }

/* Product Detail page */

#product .tools {
	border-top: none;
	padding-bottom: 10px;
	border-bottom: 1px solid #c7c7c7;
}

#product #prod_overview {
	margin-top: 31px;
	width: 570px;
	float: left;
}

#product #prod_details {
	width: 365px;
	float: right;
}

#product #prod_photo {
	width: 175px;
	float: left;
}
#prod_photo a.red10 {
	padding-left: 15px;
	font-size: 11px;
	background: url(/common/images/icons/roomview.gif) left center no-repeat;
}
#product #prod_photo  p { font-size: 11px; padding-bottom: 3px; }
#product #specs {
	width: 390px;
	float: right;
}

#product .prodbrowser { clear: both; }

#product .bg {
	margin: 4px 0 1px;
	background: url(/common/images/bg/bg-leftnav.gif) right top repeat-y;
}

/* Product toolbar */

#product .back { width: 195px; }

#product .myfav {
	padding-left: 15px;
	background: url(/common/images/icons/ico_add.gif) left center no-repeat;
	width: 195px;
}

#product .mykohler {
	padding-left: 15px;
	background: url(/common/images/icons/ico_saveto.jpg) left center no-repeat;
	width: 195px;
}

#product .tools li.print_email {
	float: right;
	width: auto;
}

#product #email {
	padding-left: 15px;
	background: url(/common/images/icons/ico_email.gif) left center no-repeat;
	width: 55px;
}

#product #print {
	padding-left: 15px;
	background: url(/common/images/icons/ico_print.gif) left center no-repeat;
}

#product .myfav a,
#product .mykohler a { text-decoration: none; }

#product .myfav a:hover,
#product .mykohler a:hover { text-decoration: underline; }

/* Product details */

#product .writeup { margin-bottom: 15px; }

#product .warranty { margin-bottom: 15px; }
#product .care { margin-bottom: 35px; }

#product h1 {
	font-weight: normal;
	font-size: 20px;
	margin-bottom: 2px;
}

#product h1 span {
	display: block;
	font-size: 12px;
	line-height: normal;
	padding-left: 1px;
}

#product #prod_details p {
	margin-bottom: 0;
	line-height: 16px;
}

#product #prod_details ul { margin-bottom: 10px; }

#product #prod_details ul li {
	float: left;
	padding-top: 4px;
	margin-right: 6px;
}

#product #prod_details .thumbs li { width: auto; }

#product #prod_details img {
	padding: 1px;
	background: #fff;
	margin: 0;
}

#product #prod_details .thumbs img { height: 50px; }

#product #prod_details .thumbs li a {
	display: block;
	height: 52px;
	border: 2px solid #fff;
}

#product #prod_details .thumbs a.here,
#product #prod_details .thumbs a:hover { border: 2px solid #900; }
#product #prod_details .thumbs a.hover { border: 2px solid #900; }

#product #prod_details .warranty ul { padding-top: 6px; }


#prod_details a.red10 {
	text-decoration: none;
	background-position: 0 0;
}

#prod_details a.red10:hover { text-decoration: underline; }

#product #prod_details #more {
	padding-top: 5px;
	}

#product #prod_details .writeup li {
	float: none;
	width: auto;
	background: url(/common/images/bg/bg_pb_li.gif) 0 5px no-repeat;
	padding: 0 0 10px 10px;
	}
	
#product #prod_details .writeup p {
	margin-bottom: 10px;
	}
	
#prod_details .writeup a { text-transform: uppercase; }

#prod_details .warranty a { font-size: 12px; }
#prod_details .care a { font-size: 12px; }

#prod_photo img { margin-bottom: 10px; }

#prod_photo a {
	background: url(/common/images/icons/ico_enlarge.gif) left center no-repeat;
	padding-left: 15px;
	color: #900;
	text-decoration: none;
}

#prod_photo a:hover { text-decoration: underline; }

/* Specs */

#specs li {
	background: #f3f3f3 url(/common/images/bg/bg_specs_li.gif) left top no-repeat;
	padding: 9px 12px 8px;
	border-bottom: 2px solid #fff;
}

#specs li a {
	text-decoration: none;
	text-transform: uppercase;
	color: #000;
	font-size: 10px;
}

#specs li a:hover { color: #000; }

#specs li a img { padding-right: 5px; }

#specs li div,
#specs li table {
	margin-top: 8px;
	width: 100%;
	/*border: 1px solid blue;*/
	
}

#product #specs li table td { padding-bottom: 6px; vertical-align: top; width: auto;  /*background: #cfc;*/ }
#product #specs li table td.w75 { padding-bottom: 6px; vertical-align: top; width: 75px;  /*background: #cfc;*/ }


#specs li table a {
	color: #000;
	padding-left: 11px;
	font-size: 12px;
	background: url(/common/images/icons/ico_a_learnmore.gif) left center no-repeat;
}
#specs li table a.black {
	color: #000;
	padding-left: 0px;
	font-size: 12px;
	background: none;
	text-transform: none;
}
#specs li table a:hover { color: #000; text-decoration: underline; }

#specs li table td.component a { text-transform:none; }

#print-colorSection { display:none; }

/* Product family */

#prod_family { border: 1px solid #cacaca; }

#prod_family dl {
	background: url(/common/images/bg/bg_prodfam.gif) left top no-repeat;
	padding: 11px 0 0 6px;
	position: relative;
	top: -1px;
	left: -1px;
}

#prod_family dt,
#prod_family dd { float: left; }

#prod_family dt {
	text-transform: uppercase;
	font-size: 10px;
	color: #900;
	margin-right: 22px;
}

#prod_family dd a { color: #000; }

#prod_family dd a.red { color: #900; }

#prod_family dd a.here {
	font-weight: bold;
	text-decoration: none;
}

#prod_family dd a:hover {
	color: #900;
	text-decoration: none;
	}

#prod_family dd img {
	position: relative;
	top: 2px;
}

#prod_family .prodbrowser { font-size: 12px; }

/* similar products */
.similar-products { padding:20px 0 30px 5px; }
.similar-products td { padding:0 20px 5px 0; }
.similar-products a { color:#900; font-size:11px; }


/* Home, not logged in styes */

#mykohlercontainer { margin: 0; height:0; height: 99px; font-size: 12px; }

#loggedout .login { padding-bottom: 8px; }
#loggedout .salesrep { height:79px; }

#mykohlercontainer_login,
#myfavscontainer_login,
#myBookmarkscontainer_login {
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #778a66;
}
#mykohlercontainer_login { height: 119px; }
#myfavscontainer_login { height: 159px; }
#myBookmarkscontainer_login { height: 78px; }
#mykohlercontainer_login p, #myfavscontainer_login p, #myBookmarkscontainer_login p {
	margin: 0;
	padding: 0 0 5px 0;
	text-align: center;
	font-size: 12px;
	color: #FFFFFF;
}
#myBookmarkscontainer_login p { padding: 0; }
#mykohlercontainer_login img, #myfavscontainer_login img, #myBookmarkscontainer_login img { margin: 0; padding: 0; }
#vbp_container_drk {
	margin: 0;
	padding: 2px 10px; 
	background-color: #000000;
}
#vbp_container_lgt {
	margin: 0;
	padding: 2px 10px; 
	background-color: #F0F0F0;
}
#vbp_container_drk a { font-size: 10px; color: #999999; text-decoration: none; }
#vbp_container_drk a:hover { text-decoration: underline; }

#vbp_container_lgt a { font-size: 10px; color: #666666; text-decoration: none; }
#vbp_container_lgt a:hover { color: #666666; text-decoration: underline; }

#vbp_np,
#vbp_news {
	position: absolute;
	margin: 0;
	padding: 10px 0 10px 0px;
	left: 0;
	background-color: #F0F0F0;
	width: inherit;
	height: 145px;
	z-index: auto;
}
#vbp_np p, #vbp_news p{ color: #000000; }
#vbp_np .col3, #vbp_news .col3 { padding-bottom: 5px; }

#vbp_np h3, #vbp_news h3 { color: #333333; font-size: 12px; font-weight: bold; padding: 0 0 5px 10px; }
#vbp_news {
	
	z-index: 101;
}

#salesRepInfo { position: relative; height: auto; width: auto; margin: 0; padding: 0 0 10px 0; }

/*#salesRepInfo3 {width:auto; height:120px; position:absolute; top:20px; left:0; margin:auto; text-align:center;} */

#salesRepInfo input.textfield { width: 130px; height: 18px; }
#salesRepInfo .srlabel { height: 20px; padding-top: 5px; }
.w175 { width:175px; }

.w20 { width: 15px; height: 15px; margin-right: 5px; }

/* Legal */

#legal, #contact {
	line-height:16px;
}

#legal #statement, #contact #statement {
            margin-top: 10px;
            width: 570px;
            float: left;
}

#legal h1, #contact h1 {
	margin-bottom: 12px;
	color: #676767;
	}

/* Contact */	
#contact body { margin:0; background-color:#FFF; font-family:Arial,Verdana,sans-serif; color:#000; font-size:12px; line-height:16px; }	
	
#contact h2 {
	font-size: 24px;
	margin-bottom: 12px;
	}

#legal .bg p, #legal .bg li, #legal .bg blockquote, #contact .bg p, #contact .bg li, #contact .bg blockquote {
	margin-bottom: 12px;
	}
	
/* Map */
#map body {
	background-color: #5d8c9c;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 5px;
}
	
/* Privacy */

#legal.privacy h1 {font-size: 12px; font-weight: bold; color: #000; }
#legal.privacy h2 { font-size: 14px; font-weight: bold; color: #000; }


/* Resources */
#resources #container {
	width: 1000px;
	}

#resources h1 { display: none; }

#resources h4 { font-size: 12px; padding-bottom: 4px; }

#resources .col {
	width: 196px;
	float: left;
}

#resources .module { padding: 0 10px; margin-bottom: 15px; }
#resources .module p { color: #666666; }

#resources .bg { background: url(/common/images/bg/bg_resources.gif) left top repeat-y; }


#resources .module ul,
#resources .module dl {
	font-size: 11px;
	margin: 0 0 10px;
}

#resources .module dt { font-size: 12px; }

#resources h2#cust_svc {
	height: 14px;
	width: 289px;
	overflow: hidden;
	text-indent: -9000px;
	background: url(/common/images/hdr/cust_svc.gif) center top no-repeat;
	margin: 16px 0 14px 7px;
}

/* header colors, styles */
	
#resources h3 {
	height: 46px;
	width: 193px;
	overflow: hidden;
	text-indent: -9000px;
	position: relative;
	margin: 0 -10px 10px -10px;
}

#resources #hdr_prod { background: #900 url(/common/images/hdr/products.gif) center top no-repeat; }

#resources #hdr_programs { background: #a19d80 url(/common/images/hdr/programs.gif) center top no-repeat; }

#resources #hdr_newsl { background: #a5a29d url(/common/images/hdr/newsl.gif) center top no-repeat; }

#resources #hdr_tools { background: #8d997b url(/common/images/hdr/tools.gif) center top no-repeat; }

#resources #hdr_edu { background: #8ad1d3 url(/common/images/hdr/edu.gif) center top no-repeat; }

#resources #hdr_extras { background: #789dab url(/common/images/hdr/extras.gif) center top no-repeat; }

#resources #hdr_videos { background: #8b819c url(/common/images/hdr/videos.gif) center top no-repeat; }

/* stacked module headers */

#resources #hdr_programs,
#resources #hdr_newsl,
#resources #hdr_edu { border-top: 3px solid #fff; }

/* specific module styles */

#resources .edu p {
	margin-bottom: 10px;
	}

#resources .videos li {
	margin-bottom: 15px;
	font-size: 12px;
	}
	
.module a.red10 {
	margin:  0;
	}
	
/* End Resources */

/* Project Styles */

/* Project */


#project h1,
#project h2,
#project h3 { font-weight: normal; }

#project h1,
#project h2 {
	padding: 20px 0 0 224px;
	margin-bottom: 5px;
	color: #666;
	font-size: 24px;
}


#project h2 {
	padding: 0 0 0 224px;
	margin-bottom: 10px;
	font-size: 18px;
}

#project h2 a.red { text-decoration: none; color: #900; }

#project #content {
	padding: 20px 53px 46px 20px;
	border-bottom: 10px solid #fff;
	min-height: 395px;
	background: url(/common/images/bg/bg-leftnav.gif) left top repeat;
}

#project #content a {
	color: #900;
	}

#project .menu ul li { border-bottom: 3px solid #fff; }

#project .menu ul li#myKohler { border-bottom-color: #000; }

#project .menu .subnav {
	background: #000;
	padding-left: 16px;
}

#project .menu .subnav li,
#project .menu .subnav li a {
	border: none;
	height: 32px;
	line-height: 32px;
	font-size: 12px;
	width: 170px;
}

#project .menu .subnav li a {
	color: #bcbcbc;
	text-decoration: none;
	text-transform: uppercase;
	width: auto;
}

#project .menu .subnav li a:hover,
#project .menu .subnav li a.here { color: #fff; }

#project #content span { color: #900; }


/* Project Info */

#proj_info {
	background: #f3f3f3 url(/common/images/bg/bg_proj_info-m.jpg) center top repeat-y;
	width: 685px;
	float: right;
}

#proj_info .padding {
	position: relative;
	padding: 20px 33px 20px 30px;
	min-height: 210px;
	background: url(/common/images/bg/bg_proj_info-t.jpg) center top no-repeat;
}

#project .hr hr { display: none; }

#proj_info .hr {
	background: url(/common/images/bg/bg_proj_info-b.jpg) center bottom no-repeat;
	height: 8px;
}

#proj_info h3 {
	color: #8d997b;
	font-size: 20px;
	margin-bottom: 10px;
}

#proj_info h3 a {
	color: #900;
	text-decoration: none;
	font-size: 11px;
	padding-left: 10px;
}

#proj_info h3 a:hover { text-decoration: underline; }


#project ul.update {
	position: absolute;
	top: 25px;
	right: 30px;
}

#project ul.update.btm {
	position: relative;
	top: auto;
	right: auto;
	float: right;
	clear: both;
}

#project ul.update a {
	color: #900;
	text-decoration: none;
	font-size: 11px;
	line-height: 16px;
}

#project ul.update a:hover { text-decoration: underline; }

#project ul.update li { float: left; }

#project ul.update li.btn { margin-left: 20px; }

#proj_info table { margin-bottom: 40px; }

#proj_info thead,
#proj_info tfoot {
	background: #778A66;
	text-align: left;
	font-weight: normal;
	color: #fff;
}

#proj_info th,
#proj_info td,
#proj_info tfoot td {
	padding: 6px 0 5px 5px;
	font-weight: normal;
	font-size: 12px;
}

#proj_info td { padding: 10px 5px 8px; }
#proj_info td.row2 { padding: 0px 5px 8px; }
#proj_info td.row2  a{ text-decoration: none; }
#proj_info td.row2  a:hover{ text-decoration: underline; }

#proj_info tr.alt td { background: #BEDCA1;}

#proj_info td.desc { width: 120px; }

#proj_info a.black { color: #000000; text-decoration: none; }
#proj_info a.black:hover { color: #000000; text-decoration: underline; }

#proj_info td select {
	width: 125px;
	border: 1px solid #bbbfb4;
}

#proj_info td input { border: 1px solid #bbbfb4; }
#proj_info td input.txtfld {padding-left: 4px; }


#project .proj_total {
	margin: -20px 56px 0 0;
	padding-bottom: 20px;
	float: right;
	position: relative;
	display: inline;
}
#project .proj_total a.red { text-decoration: none; color: #900; }

#project div.hr.c {
	height: 0;
	background: none;
	}

.center {
	margin: 0 auto;
	text-align: center;
	display: block;
}

#proj_info td input.center {
	border: none;
	}
	

/* Project Tools */
	
#proj_tools {
	float: left;
	background: #f3f3f3 url(/common/images/bg/bg_proj_tools-m.jpg) center top repeat-y;
	width: 204px;
}

#proj_tools .padding {
	padding: 17px 13px 7px;
	min-height: 155px;
	background: url(/common/images/bg/bg_proj_tools-t.jpg) center top no-repeat;
}

#proj_tools .hr {
	background: url(/common/images/bg/bg_proj_tools-b.jpg) center bottom no-repeat;
	height: 8px;
}

#proj_tools li {
	margin-bottom: 10px;
	}
	
#proj_tools li a {
	color: #900;
	text-decoration: none;
	}
	
#proj_tools li a:hover {
	text-decoration: underline;
	}

#proj_tools select {
	width: 155px;
	border: 1px solid #bbbfb4;
}


/* Project - no tools pages */

#project.no_t #proj_info {
	float: left;
	color: #333;
	}

#project.no_t #proj_info .padding {
	padding: 25px 40px;
	}
	
#project.no_t h1 {
	padding: 0;
	margin-bottom: 20px;
	}
	
#project.no_t h1#myfolders, #project.no_t h1#archived {
	display: block;
	height: 28px;
	width: 238px;
	overflow: hidden;
	text-indent: -9000px;
	background: url(/common/images/hdr/myfolders.jpg) center top no-repeat;
	}
	
#project.no_t h1#archived {
	height: 28px;
	width: 232px;
	background: url(/common/images/hdr/archived.jpg) center top no-repeat;
	}
	
#project.no_t h3 {
	font-size: 12px;
	color: #333;
	font-weight: bold;
	margin-bottom: 5px;
	}
	
#project.no_t #content p {
	margin-bottom: 10px;
	}
	
#project.no_t #content ul {
	margin-bottom: 15px;
	}
	
#project.no_t #content ul li {
	padding-left: 12px;
	background: url(/common/images/bg/bullet.gif) 0 4px no-repeat;
	margin-bottom: 2px;
	height: 1%;
	}
	
#project.no_t #content table {
	margin-bottom: 10px;
	}
	
#project.no_t #content td.tools {
	border: none;
	text-align: right;
	color: #797979;
	width: 210px;
	}
	
#project.no_t #content td.cost { width: 80px; }
	
#project.no_t #content td a {
	color: #900;
	font-size: 9px;
	text-transform: uppercase;
	text-decoration: none;
	}
	
#project.no_t #content td a:hover {
	text-decoration: underline;
	}

#proj_info td.desc a.black { color: #000000; text-decoration: none; }
#proj_info td.desc a.black:hover { text-decoration: underline; }

/* End Project */
	
	
/* Popup style - narrow */

#enlargewin, #gallerywin {
	position: absolute;
	top: 25px;
	left: 25px;
	margin: 0; padding: 10px;
	height: auto;	
	z-index: 200;
	background-color:#FFFFFF;
	border: 1px solid #999999;
	border-bottom: outset 2px #666666;
	border-right: outset 2px #666666;
}

#enlargewin {
    width: 550px;
    overflow:hidden;
}

#gallerywin {
	margin: 0; padding: 20px;
	width: 500px;
}
#enlargewin p a, #gallerywin a.close { color: #900; float: right; text-decoration: none; }
#enlargewin p a:hover, #gallerywin a.close:hover { color: #900; float: right; text-decoration: underline; }

#gallerywin a { color: #900; text-decoration: none; }
#gallerywin a:hover { color: #900; text-decoration: underline; }
/*************************** POP-UP AND EMAIL STYLES *****************/
#popup_n, #email_n, #email_n_closed, #popup_add, #popup_rn, #popup_sanf, #popup_addfld, #popup_pnt, #popup_ess, #popup_del, #popup_forgot, #popup_er, #popup_good
{
	display: none; 
	position: absolute; 
	margin: 0;
	top: 0; 
	left: 0;
	width: 246px;
	padding: 18px 0 0;
	background: url(/common/images/bg/pop_n-t.png) center top no-repeat;
	z-index:auto;	
}

#popup_n form, #email_n form, #email_n_closed form, #popup_add form, #popup_rn form, #popup_sanf form, #popup_addfld form, #popup_pnt form, #popup_ess form, #popup_del form, #popup_forgot form, #popup_good form
 { width: auto; height: auto; font-size: 11px;}
#popup_n .content, #email_n .content, #email_n_closed .content, #popup_add .content, #popup_rn .content, #popup_sanf .content, #popup_addfld .content, #popup_pnt .content, #popup_ess .content, #popup_del .content, #popup_forgot .content, #popup_er .content, #popup_good .content
 { padding: 0 30px; background: url(/common/images/bg/pop_n-m.png) center top repeat-y; }
#popup_n .wrapper, #email_n .wrapper, #email_n_closed .wrapper, #popup_add .wrapper, #popup_rn .wrapper, #popup_sanf .wrapper, #popup_addfld .wrapper, #popup_pnt .wrapper, #popup_ess .wrapper, #popup_del .wrapper, #popup_forgot .wrapper, #popup_er .wrapper, #popup_good .wrapper
 { padding: 0 0 18px; background: url(/common/images/bg/pop_n-b.png) center bottom no-repeat; }
#popup_n .content p, #email_n .content p, #email_n_closed .content p, #popup_add .content p, #popup_rn .content p, #popup_sanf .content p, #popup_addfld .content p, #popup_pnt .content p, #popup_ess .content p, #popup_del .content p, #popup_forgot .content p, #popup_er .content p, #popup_good .content p
 { padding: 3px 0; }
#popup_n .content label, #email_n .content label, #email_n_closed .content label, #popup_add .content label, #popup_rn .content label, #popup_sanf .content label, #popup_addfld .content label, #popup_pnt .content label, #popup_ess .content label, #popup_del .content label, #popup_forgot .content label
 { font-size: 11px; color: #FFFFFF; }
#popup_n .content input.textfld, #email_n .content input.textfld, #email_n_closed .content input.textfld, #popup_rn .content input.textfld, #popup_sanf .content input.textfld, #popup_addfld .content .textfld, #popup_pnt .content input.textfld, #popup_ess .content input.textfld,  #popup_forgot .content input.textfld
 { font-size: 11px;  width: 175px; margin-bottom: 5px; }
#popup_n .content .savecancel, #email_n .content .savecancel, #email_n_closed .content .savecancel, #popup_add .content .savecancel, #popup_rn .content .savecancel, #popup_sanf .content .savecancel, #popup_addfld .content .savecancel, #popup_pnt .content .savecancel, #popup_ess .content .savecancel, #popup_del .content .savecancel,
#popup_forgot .content .savecancel, #popup_er .content .savecancel, #popup_good .content .savecancel
 { font-size: 11px; width: auto; height: auto; margin: 0; padding: 0;  text-align: right; }
 
#popup_pnt .content .savecancel, #popup_del .content .savecancel, #popup_forgot .content .savecancel, #popup_er .content .savecancel, #popup_good .content .savecancel { margin-top: 15px; }
 #popup_del .content p, #popup_good .content p { color: #FFF; }
#popup_n .content select, #email_n .content select, #email_n_closed .content select
 { font-size: 11px; height: 18px; width: 180px; margin-bottom: 5px; }
#popup_n textarea, #email_n textarea
 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; width: 210px; height: 100px; }
#popup_n textarea, #email_n textarea.large
 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; width: 210px; height: 148px; }  

#popup_pnt .content label { color: #FFFFFF; }
#popup_pnt .content a { color: #000000; text-decoration: none; }
#popup_pnt .content a:hover { text-decoration: underline; }
#popup_pnt .content .savecancel { padding-top: 5px; }
#popup_pnt .content p.rowH { height: 14px; }
#email_n, #email_n_closed {	margin-top: -350px; /*margin-left: -250px; */}
#email_n, #email_n_closed {	left: 300px;width: 500px; background: url(/common/images/bg/email_n-t.png) center top no-repeat; color: #FFFFFF; }
#email_n .wrapper, #email_n_closed .wrapper {	background: url(/common/images/bg/email_n-b.png) center bottom no-repeat; }
#email_n .content, #email_n_closed .content { background: url(/common/images/bg/email_n-m.png) center top repeat-y;  }
#email_n .content input, #email_n_closed .content input{ font-size: 11px; width: 130px; }

#email_n .content p.fright, #email_n_closed .content p.fright {  float:right; padding-bottom: 5px; height: auto; }

#popup_n { margin-top: -155px; }
#popup_n #mykolherinputfld { height: 50px; }

#popup_add .content input.textfld
 { font-size: 11px;  width: 130px; margin-bottom: 5px; }
 
.shiftcbxs { padding-left: 10px; }

#popup_ess div.fleft { float:left; width:auto; padding: 5px 0; }

#popup_ess div.fright p { height:18px; vertical-align: middle; }
#popup_ess div.fleft p { height:18px; }

#proj_info td a.black { color: #000000; text-decoration: none;  }
#proj_info td a.black:hover { color: #000000; text-decoration: underline; }

#addFldAddRooms div.fclear { width:auto; height:auto; }
#addFldAddRooms div.fleft p, #addFldAddRooms div.fright p { height:18px; }
#addFldAddRooms .fleft { width: 40px; height:auto; padding-bottom:20px; }
#addFldAddRooms .fright { width: 140px; height:auto; padding-bottom:20px; }
#addFldAddRooms div.fright input.textfld { width:140px; }
#popup_er .content p { color: #FFF; }
#popup_forgot .content input.textfld { width: 180px; }

/* New Products Page Styles */

div.newproducts-outer               { background:#E2DDD3 url(/common/images/bg/bg-leftnav.gif) repeat scroll 0 0; }
div.newproducts-outer a             { color:#990000; }
div.newproducts-inner               { width:567px;background-color:#fff;margin:0 194px 0 193px;padding:0 12px; }
td#newproducts-landing-toprow img   { margin-right:1px; }
td#newproducts-landing-bottom row   { padding-top:4px; }
div.newproducts-cell                { padding-bottom:12px;}    
div.newproducts-middlecell          { padding-left:22px;padding-right:22px; }
div.newproducts-productheader       { font-size:30px;color:#A0A0A0;margin:0 0 25px 0;line-height:36px;padding-top:25px; }
td.newproducts-detail-rightnav      { background-color:#f4f4f4;line-height:16px;padding-left:6px; }
td.newproducts-detail-rightnav a.red10  { text-decoration:none; }
.newproducts-enlargelinkcontainer       { background:#E7E9EC none repeat scroll 0 0;padding:2px 5px 0 8px;font-size:10px;line-height:12px;font-weight:bold;height:18px; }
.newproducts-enlargelinkcontainer img   { margin-right:4px;}
.newproducts-enlargelinkcontainer a     { text-decoration:none;}
div.newproducts-relatedproductcontainer { padding:12px 0;border-top:1px solid #ccc;line-height:16px; }
div.newproducts-relatedproductcontainer-inner-left  { float:left;width:180px;padding-right:20px; }
div.newproducts-relatedproductcontainer-inner-right { float:left;width:174px; }
div.newproducts-detailcontainer         { width:374px;padding:0 0 20px 0; }
div.newproducts-detailcontainer-copy    { padding:12px 0 0 0; }


div.newProductHeader                    { font-size: 20px; padding: 14px 0 10px 0; }
div.mainRelatedProducts                 { padding-top: 20px; }

.crt #header { width:1024px; height:84px; background:transparent url(/common/images/crt/bg-header.gif) repeat-x 0 0; }
.crt #header img { display:block; clear:left; float:left; margin:7px 0 0 10px; }
.crt #header img.logo { margin-top:15px; }

.crt #content { padding:18px 12px; }

.crt a { color:#5480c9; text-decoration:none; }
.crt a:hover { text-decoration:underline; }

.crt p.intro { margin:0 0 20px; color:#7c7b7b; font-size:12px; line-height:16px; }

.crt #selections-container { position:relative; margin:0; padding:0; width:998px; height:165px; border:1px solid #e3e3e3; background:transparent url(/common/images/crt/bg-optionbarbg.gif) repeat-x 0 0; }
.crt #selections { float:left; position:absolute; top:20px; left:-12px; width:1024px; height:90px; background:transparent url(/common/images/crt/bg-optionbar.gif) repeat-x 0 0; }
.crt .selection { float:left; display:inline; margin:10px 20px 0; width:213px; }
.crt .selection.first { margin-left:30px; }
.crt .selection.disabled { opacity:0.15; filter:alpha(opacity=15); } 
.crt .icon-number { float:left; position:relative; top:-4px; left:-4px; width:33px; height:33px; background:url(/common/images/crt/icon-number-off.png) no-repeat 0 0; }
.crt .icon-number.active { background:url(/common/images/crt/icon-number-on.png) no-repeat 0 0; }
.crt .selection-name { float:left; margin:8px 0 0 5px; }
.crt select { margin-top:4px; padding:0; width:100%; height:21px; font-size:12px; color:#333; }
*+html .crt select { font-size:13px; }
.crt optgroup { font-style:normal; }
.crt optgroup option { margin:auto; padding-left:15px; }
.crt #new-search { display:none; position:absolute; top:125px; left:15px; width:111px; height:30px; text-indent:-9999px; background:transparent url(/common/images/crt/btn-newsearch.png) no-repeat 0 0; }
.crt #btn-search { position:absolute; top:125px; left:875px; }

.crt #results { margin:20px 22px; }
.crt #results .searched-for { margin-bottom:30px; color:#5b5856; font-size:14px; }
.crt #results .searched-for span { color:#5b5856; font-weight:bold; font-size:14px; }

.crt .result { float:left; width:495px; margin-bottom:70px; }
.crt .result div { float:left; margin-right:20px; }
.crt .result img { display:block; }
.crt .result p { margin:0 0 15px; width:250px; font-size:14px; line-height:21px; }
.crt .result h2 { margin-bottom:15px; font-size:16px; }
.crt .result a { color:#5480c9; text-decoration:none; }
.crt .result a:hover { text-decoration:underline; }
.crt .result a.enlarge { display:block; margin:10px 0 0 34px; padding:0 0 0 16px; background:transparent url(/common/images/crt/icon-zoom-blue.gif) no-repeat 0 1px; }
.crt .result a.download-specsheet { display:block; margin:0 0 15px -4px; width:238px; height:30px; text-indent:-9999px; background:transparent url(/common/images/crt/btn-download-specsheet.gif) no-repeat 0 0; }
.crt .result a.detail-link { display:block; padding:0 0 0 14px; background:transparent url(/common/images/crt/arrow-right-blue.gif) no-repeat 0 6px; }

.crt #error { margin:70px 0; width:1014px; text-align:center; color:#6d6d6d; font-size:14px; line-height:17px; }
.crt #error .large { display:block; margin:0 0 15px 0; font-size:24px; }

.crt p.disclaimer { margin:100px 0 0; padding:0 0 0 20px; width:725px; color:#2E2E2E; font-size:10px; line-height:13px; background:transparent url(/common/images/crt/icon-exclamation-mark.png) no-repeat 0 3px; }

.crt #crt-footer { width:1024px; height:19px; padding:0 0 0 30px; background:transparent url(/common/images/crt/bg-footer.gif) repeat-x 0 0; }
* html .crt #crt-footer { width:994px; }
.crt #crt-footer li { float:left; margin:2px 20px 0 0; color:#ffffff; font-size:10px; }
.crt #crt-footer li.copyright { float:right; }
.crt #crt-footer a { font-size:10px; color:#ffffff; text-decoration:none; }
.crt #crt-footer li.help a { margin-left:15px; color:#5480c9; }
.crt #crt-footer a:hover { text-decoration:underline; }