/* ------------------------------------------- 

Stylesheets for McLube.com

written by Ryan Hinkel

© 2008 McLube

------------------------------------------- */
/* Print Overrides */
.print_header, 
.print_footer {display:none;}

/* Fonts */

body {font-family: Verdana, Helvetica, Arial sans-serif;}

p, ul {font-size:12px;line-height: 16px; font-weight:normal;}
sub {font-size:80%; vertical-align: baseline; position:relative; top: 3px;}
ul{list-style-type:none;}
ul.bulleted {list-style-type:disc; line-height: 16px;}
/* [Sean: Added following to support ULs wrapped in DIV. Required for Textile-generated HTML] */
div.bulleted ul {list-style-type:disc; line-height: 16px;} 

/* headings */
h1 {font-size: 26px; font-style: italic; font-weight: normal;}
.home h1 {font-size: 14px;}
.home h1 span {font-weight: bold;}
h2,
div.base_selector {font-size: 16px; line-height:20px; font-style: italic; font-weight: normal;}
h2 a.advice_link {font-size: 14px;}
label,
#contact_form span,
a.advice_link
{font-size: 12px;line-height:20px; font-style: italic; font-weight: normal;}
#contact_form #request_type span {font-weight: bold;}
form#contact_form legend {font-size: 14px; font-style: italic; font-weight:bold;}
div.base_selector a {font-weight: bold;}
h3 {font-size: 14px; line-height:18px;font-weight: normal; font-style: italic;}
h3 span {font-weight: bold;}

#contact_form span.required {font-size: 9px; }




/* menu */
#menu ul {font-size:10px; text-transform:uppercase;}
#menu ul.level2 li a, 
#menu ul.level3 li a,
#menu ul.level2 li, 
#menu ul.level3 li  {text-align:left;}

/* left column specific */
#leftColumn ul#materials, ul#applications {font-style: italic; line-height: 14px;}
#leftColumn ul#distributers {font-style: italic;line-height: 20px;}
#leftColumn div.leftnav ul {font-size: 16px; line-height:18px;font-style: italic;}
#leftColumn div.address {font-size: 12px; line-height: 18px;}
#leftColumn div.phone {font-size: 16px; line-height: 22px;text-transform: uppercase;}
#leftColumn div.email {font-size: 12px; line-height: 18px;}

/*main specific */
#main #technical_data ul {margin:0; padding:0; line-height: 18px;}
#main #product_name {font-size: 16px; font-weight: normal;font-style: italic;}
#main #product_number {font-size: 16px; font-weight: normal;font-style: italic;}






/* extra */
#footer div.callToCall {text-align: center;font-size:16px;font-weight:normal; line-height: 30px; font-style:italic;}
#footer div.copyLine {font-size:10px;text-align: center;font-style:italic;}
#footer a.login {color:#890;}


/* Colors -------------------------------------------------------------------*/

body {background-color:#0e0c0d; color:#999;}
#contact_form span.required {color: #ee3c25;}
span.color_emp {color: #ee3c25;}


h2 {color:#bbb;}
a {color:#7870b2; text-decoration:none;}
a:hover {color:#99e;}


#menu, 
#menu ul.level1 li
	{border-color: #7870b2;background-color:#0e0c0d;}
	
#menu ul.level1 li:hover {background-color:#0e0c0d;}
#menu  ul.level2
	{background-color:#0e0c0d; border-color:#4e4c62;}
	
/* product specific */
/*
#main div.product ul.applications {color:#999887;}
#main div.product ul.materials {color:#8a8799;}
*/
/*
#main div.product ul.applications:hover {color:#aaaaaa;}
#main div.product ul.materials:hover {color:#aaaaaa;}
*/
	
/* #leftColumn div#search_block input {border: solid 1px #aaa;} */
#leftColumn div#search_block input.search_button {background-color:#7870b2; color:#fff;}	

/* darker grey #4e4c62 */


/* Borders */

img {border-style:none;}


/* Basic Structure */

body {text-align: center; margin:0px;}
#container {text-align:left; margin: 0 auto; width:800px;} 

/* Header */

#header {margin:0;position:relative;}
#logo {position:absolute; top:100px; z-index:10;}
#logo_high {display:none;}
#headerImage {position:absolute; top:140px;right:0;width:510px;}
h1 {margin:0; text-align:right; position:absolute; right:0; top: 50px;}
body.product_info h1 {margin:0; text-align:left; position:relative; right:0; top: 0;z-index:-1;}

/* menu */

#menu {
	position:absolute; top: 300px; right:0;
	padding: 0; margin: 0;
	display: block; width: 508px; 
	}
body.product_info #menu {
	position:absolute; top: 489px;
	
	}
	
#menu ul {margin:0; padding:0;}
	
#menu  ul li {list-style-type: none;}
	
/*      level 1       */	
	
#menu  ul.level1 {list-style: none;z-index: 90;padding: 0; margin: 0;display: block; width: 508px; height: 34px; }
#menu  ul.level1 li {border-style: solid; border-width: 0 0 0 1px; display:inline; float:left; padding: 1px 9px 0; margin: 0 auto;}
#menu  ul.level1 li.home_nav {border-style: none; border-width: 0; padding-left: 0;}
#menu  ul.level1 li.sailkote_nav {padding-right: 0;}
#menu ul.level1 li a {float: left;display: block;width: auto;background: transparent;margin: 0;}


/*       level 2/3       */
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu  ul li a {float: none;}
/* End IE5-Mac hack */

#menu ul.level2, 
#menu ul.level3 {position: absolute; display:block; top: 0px;left: 0px;visibility: hidden; padding: 6px 0;}
#menu ul.level2 li, 
#menu ul.level3 li {float: none; clear:both;display:block; margin: 0;  padding:0; width: 200px; border-style: none;}
#menu ul.level2 li a, 
#menu ul.level3 li a {padding: 8px 12px; display:block; }

	
	
	
	
	
	
	
	
	
	

/* One Column Layout --------------------------------------------- */

#wide_column {padding: 370px 0 0 0; margin: 0 0 30px 0;}


/* Two Column Layout --------------- */         /* --------------- */

#leftColumn {display: inline; float:left; clear:both; 
	width:220px; margin: 0 0 0 0; padding: 200px 0 0 0;}
	
#main {padding: 370px 0 0 0; margin: 0 0 30px 290px;
	}
	
#main img {float:left; padding: 0 15px 5px 0;}
	
body.product_info #main {padding: 559px 0 0 0; margin: 0 0 30px 290px;}

	
/* left Column */
#leftColumn h2 {padding:0; margin: 50px 0 16px;width:220px;}
#leftColumn ul {padding:0;margin-left:0;width:220px;}
#leftColumn ul li {margin: 5px 0;}
#leftColumn ul.bulleted li {margin: 0 0 0 15px;}
/* [Sean: Added following to support ULs wrapped in DIV. Required for Textile-generated HTML] */
#leftColumn div.bulleted ul li {margin: 0 0 0 15px;}


/* Main */
#main h2 {padding:0; margin: 26px 0 6px;}
#main p {margin: 8px 0 16px;}
#main ul {margin: 0; padding:0;}



	
/* Three Column Layout ------ */     /*--------- */     /* --------- */	
#first_column {
	display: inline; float:left; clear:both; 
	width:220px; margin: 0 70px 0 0; padding:200px 0 0 0;
	}

#second_column {
	display: inline; float:left; 
	width: 250px;
	padding:318px 0 0 0;
	}

#third_column {
	padding:318px 0 0 0; margin: 0 0 0 600px;
	}

#first_column {} 

#footer {margin: 60px 0 10px 290px;}
/* ------------------------------------------------------------------ */


/* Modules of content */

/* Base block */
div.base_selector {margin:20px 0 50px 130px;}
#main div.base_block h2 {margin:50px 0 26px 130px;}

/* Filter block */

#main div.filter_block {margin:20px 0 20px 0px;}
#main div.filter_block p {background:url(/images/filter_cap.gif) no-repeat;margin:5px 0; height: 16px;padding:6px;background-color:#1a1818; font-size: 12px; font-style: italic;}
#main div.filter_block p span {font-weight:bold;}
#main div.filter_block a {float: left; font-size: 12px; text-indent: -9999px; overflow:hidden; display:block;
		height: 16px; width:16px; margin-right:53px;background-image:url(/images/icon_close.gif);}

/* Product Display for Categories Page and Search results*/
#main div.product {margin: 26px 0 40px; width: 450px;min-height:200px;}
#main div.product img{display:inline; float:left;}
#main div.product h4 {margin: 0 0 0 130px;}
#main div.product h4 {font-size:13px; line-height:22px; font-weight:normal; font-style:italic;}
#main div.product h3, #main div.product p, #main div.product ul {margin: 0 0 5px 130px;}
#main div.product a.advice_link {margin: 0 0 5px 130px;display:block;}
#main div.product img {margin-top: 7px;}


div.product ul {padding: 0;}
div.product li {display:inline;}


/* Product Help */
div.productHelp {margin: 40px 0 40px 0; width: 450px;}
#leftColumn div.productHelp {margin: 40px 0 40px 0; width: auto;}
div.productHelp img{display:inline; float:left; margin:8px 12px 0 0;}
div.productHelp h3, div.productHelp p{margin: 0 0 15px 75px;}
#leftColumn div.productHelp p{margin: 0 0 15px 0px;}

/* News Story Display */
#shows #main h2 {margin: 50px 0; font-size: 20px;}
div.news_block {margin: 50px 0 80px;}
div.news_block .news_date {margin: 5px 0;font-style:italic;}
div.news_block .news_title {margin: 10px 0 14px; font-size:16px;}
div.news_block .news_description {margin: 10px 0;}
/*div.news_block a {font-size:12px;}*/	
	
.home div.news_block {margin: 30px 0;}
.home div.news_block .news_date {font-style:normal;}
.home div.news_block .news_title {color: #b3b3b3;}
	
	
/* Shows Display */
#shows #leftColumn h2 {margin: 50px 0;}
div.show_block {margin: 28px 0;}
div.show_block h3 {margin: 10px 0;font-style:italic;}
div.show_block p {margin: 14px 0; width: 150px;}
div.show_block p.show_date {font-size:11px;}
	
	
/* Left Nav styles */
#leftColumn div.leftnav {width:220px; margin:50px 0;}
#leftColumn div.leftnav ul {padding:0; margin:16px 0;}
#leftColumn div.leftnav ul li {margin: 14px 0; padding:0;}
#leftColumn div.image_row {width:220px;padding: 20px 10px 0 0;}
#leftColumn div.image_row img {float:none;}


/* Image Column styles */
div.img_column {margin: 280px 0;}
div.img_column p {font-size: 9px; margin: 0px 0 20px; }


/* Form Styles */

input {font-family: "verdana";font-style:italic;background-color:#7870b2; color:#fff;}

/* Search box styles */


div#search_block {margin: 64px 0;}
div#search_block input {width: 150px;}
div#search_block form input.search_button {margin-left: 2px;font-size: 13px; width: 40px; padding: 3px 4px;border-style: none;text-transform:uppercase;} 
div#search_block label {display:block; margin: 0;font-size: 16px;}
div#search_block p {font-style:italic;}

.search_results div#search_block {margin: 170px 0;}


/* Contact forms */
form#contact_form {margin: 40px 0;}
form#contact_form fieldset {border-style: none; border-top:0;margin:40px 0 20px;padding: 0;}
form#contact_form legend {margin: 10px 0;}


form#contact_form div {margin: 0 0 10px 0;}
form#contact_form label {float:left; width: 80px;display:block;margin: 0;}
form#contact_form input, form#contact_form textarea {width:414px;}
form#contact_form div#state, 
form#contact_form div#zipcode, 
form#contact_form div#fax,
form#contact_form div#city, 
form#contact_form div#country, 
form#contact_form div#phone {float: left;}
form#contact_form div#state, 
form#contact_form div#zipcode, 
form#contact_form div#fax {margin: 0 0 0 20px;}
form#contact_form div#city, 
form#contact_form div#country, 
form#contact_form div#phone,
form#contact_form div#email,
form#contact_form div#message {clear:both;}
form#contact_form #city input, form#contact_form #country input, form#contact_form #phone input {width:214px;}
form#contact_form #state input, form#contact_form #zipcode input, form#contact_form #fax input {width:91px;}

/* Advice */
form#contact_form div#request_type {margin: 30px 0;}
form#contact_form div#request_type span {}
form#contact_form div#request_type input, form#contact_form div#product_base input{width: auto; padding: 0 8px 0 0;}
form#contact_form fieldset.description_block textarea {width: 494px;}

/* Universal form */
form {margin:0;}
form input, form textarea {background-color: #191819; color: #ccc; border: solid 1px #aaa;padding: 3px;}

/* submit buttons */
form input.submit,
form .category_edit_update input,
form .product_edit_update input,
form .event_edit_update input,
form .article_edit_update input {font-size: 12px;background-color:#7870b2; color:#fff; padding: 4px 8px;text-transform:uppercase;}


div.product_edit_delete form input,
div.article_edit_delete form input,
div.event_edit_delete form input {font-size: 12px;background-color:#555; color:#fff; border-style: none; padding: 4px 8px;text-transform:uppercase;}

/*
form .event_edit_update input,
form .article_edit_update input {margin: 0;}
*/
.product_edit_update,
.article_edit_update,
.event_edit_update {float:left;margin: 0;padding:0;border: 5px solid #890;background-color:#890;border-top-width: 0;}
.product_edit_delete form input,
.article_edit_delete form div input,
.event_edit_delete form div input {float:right;margin:0px;}

form#contact_form input.submit{width: 150px; float:right;margin: 0 0 100px 0;}

/* Editing Styles INCLUDING COLORS AND FONTS --------------------------------------------------------------------------- */


div.errorExplanation {padding:20px; background-color: #ee3a23; color:#bbb; border: solid #890; border-width: 0 3px;}
div.errorExplanation h2 {color:#ccc;}
div.fieldWithErrors { display: inline; }
div.fieldWithErrors input { background-color: #900; }


/* Notice Styles */

#notice {background-color:#def;padding:10px;border: solid 3px #bcd;border-top: 0px;}
#notice div {color: #336; font-size: 14px;}

div.form_info {font-size: 9px; font-style: italic;padding: 0 0 0 120px;margin:0;color:#890;}

/* Toolbar Sytles */
#toolbar {width: 794px; background-color:#bc0;padding: 6px 0; margin:0;border: solid 3px #890; border-top: 0px;}
#section_toolbar {width: 504px; height: 1.7em; background-color:#bc0;padding: 6px 0; margin:0;border: solid 3px #890;}
#product_toolbar {width: 504px; height: 1.7em; background-color:#bc0;padding: 6px 0; margin:0;border: solid 3px #890; border-bottom: 0;}
#left_section_toolbar {width: 200px; background-color:#bc0;padding: 6px 0; margin:0;border: solid 3px #890; }

#toolbar p,
#section_toolbar p,
#product_toolbar p {color: #000; font-weight:normal; margin: 2px 0; text-align:right; padding: 0 30px;}
#left_section_toolbar p {color: #890; font-weight:bold; margin: 2px 0; text-align:left; padding: 0;}


#toolbar div,
#section_toolbar div,
#product_toolbar div {float: left;}
#toolbar div,
#section_toolbar div,
#left_section_toolbar div,
#product_toolbar div {font-size:12px;}

#toolbar a,
#section_toolbar a,
#product_toolbar a,
#left_section_toolbar a {display:block;color: #000;border: solid 1px #ab0; border-top: 0px; font-weight:bold;padding: 2px 30px; margin:0 6px;}

#toolbar a:hover,
#section_toolbar a:hover,
#product_toolbar a:hover,
#left_section_toolbar a:hover {color: #557; font-weight:bold;}

#product_toolbar span {font-size: 14px; font-weight:bold; font-style:italic;}

span.edit a {color:#890;}

/* Forms */
form fieldset#product_edit,
form fieldset#event_edit,
form fieldset#article_edit {border: solid 3px #890; border-top:0;margin:0;padding: 20px 10px;}


/* Edit Product */
form fieldset#product_edit div h3{display:inline; width:100px;float:left;clear:both;margin:0;}
form fieldset#product_edit div select {display:block; width:340px; margin: 10px 0 20px 120px;}
form fieldset#product_edit div input {display:block; width:340px; margin: 10px 0 20px 120px;}
form fieldset#product_edit div.hidden input {display:none;}
form fieldset#product_edit div textarea{display:block; width:340px;padding: 2px; margin: 0px 0 20px 120px;}
form fieldset#product_edit div#water_vs_solvent_based {background-color: #222;clear:both; padding: 5px; margin: 20px 0;width: 450px;}
form fieldset#product_edit div#water_vs_solvent_based input{width:auto;margin:0;display:inline;}



/* Article / Event */
fieldset#article_edit div h3{display:inline; width:100px;float:left;clear:both;margin:0 0 10px 0;}
fieldset#article_edit div input {display:block; width:340px; margin: 20px 0 10px 120px;}
fieldset#article_edit div#news_active input {width:auto;}
fieldset#article_edit div#news_active input {display:none;}
fieldset#article_edit div#news_active input#article_active {display:block;}
fieldset#article_edit div#news_published_on div {margin: 20px 0 10px 120px;}
fieldset#article_edit div#news_body div textarea {clear:both; width: 460px; margin: 10px 0;}
fieldset#article_edit div.hidden input {display:none;}
fieldset#article_edit div textarea{display:block; width:340px;padding: 2px; margin: 20px 0 10px 120px;}

fieldset#event_edit div h3{display:inline; width:100px;float:left;clear:both;margin:0;}
fieldset#event_edit div input {display:block; width:340px; margin: 20px 0 10px 120px;}
fieldset#event_edit div#event_active input {width:auto;}
fieldset#event_edit div#event_active input {display:none;}
fieldset#event_edit div#event_active input#event_active {display:block;}
fieldset#event_edit div#event_end_date div,
fieldset#event_edit div#event_start_date div {margin: 20px 0 10px 120px;}
fieldset#event_edit div#event_body div textarea {clear:both; width: 460px; margin: 10px 0;}
fieldset#event_edit div.hidden input {display:none;}
fieldset#event_edit div textarea{display:block; width:340px;padding: 2px; margin: 20px 0 10px 120px;}

div.new_product {}
div.new_product a {height: 1.7em; background-color:#bc0; border: solid 3px #890; color: #000; padding: 5px; margin:5px;}

/*div#product_toolbar a { height: 1.7em; background-color:#bc0; border: solid 3px #efc; color: #000; padding: 5px; margin:5px;}*/