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

Stylesheets for McLube.com

written by Ryan Hinkel

© 2008 McLube

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


/* Fonts */

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

p, ul, div {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;}

/* 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 
{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;}



/* left column specific */
#leftColumn ul#materials, ul#applications {font-style: italic; line-height: 14px;}
#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;}

/*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;}
#main h1 #product_name {font-size: 20px; font-weight: normal;font-style: italic;}
#main h1 #product_number {font-size: 20px; font-weight: normal;font-style: italic;}





/* extra */
.callToCall {text-align: left;font-size:14px;font-weight:normal; font-style:italic;}
#footer {font-size:10px;font-style:italic;text-align:left;}
#footer a.login {color:#890;}

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

body {background-color:#fff; color:#141212;}
h1 {color:#141212 !important;}

h2 {color:#000;}
a {color:#000; text-decoration:none;}


	
/* #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:830px;} 

/* Header */

#header {margin:0;position:relative;}
#logo {display:none;}
#logo_high {position:absolute; top:90px;left:0px; z-index:10;}
#headerImage {position:absolute; top:180px;right:0;}
body.home #headerImage {display:none;visibility:hidden;}
img.print_header {margin:0; position:absolute; right:0; top: 50px;}
h1 {margin:0; text-align:right; position:absolute; right:20px; top: 70px;z-index:10;}
body.product_info h1 {text-align:left; position:static; top: 0px;}

/* menu */

#menu {
	display:none;
	visibility: hidden;
	}

	
	
	
	
	
	
	

/* 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: 170px 0 0 30px;}
	
#main {padding: 370px 0 0 0; margin: 0 0 30px 320px;
	}
	
#main img {float:left; padding: 0 15px 5px 0;}
	
body.product_info #main {padding: 559px 0 0 0; margin: 0 0 30px 320px;}

	
/* left Column */
#leftColumn h2 {padding:0; margin: 50px 0 16px;}
#leftColumn ul {padding:0;}
#leftColumn ul li {margin: 5px 0;}
#leftColumn ul.bulleted li {margin: 0 0 0 15px;}
#leftColumn .print {display:none; visibility:hidden;}


/* 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 0;}
#footer .callToCall {margin: 60px 0 60px 320px;}
#footer .copyLine {margin: 20px 0 20px 320px;}
/* ------------------------------------------------------------------ */


/* Modules of content */

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

/* 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 #description h2 {}
#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 90px;}
#main div.product h4 {font-size:11px; line-height:14px; font-weight:normal; font-style:italic;}
#main div.product h3, #main div.product p, #main div.product ul {margin: 0 0 5px 90px;}
#main div.product a.advice_link {margin: 0 0 5px 90px;display:block;}


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: 14px 0; font-size:16px;color: #7870b2;}
div.news_block .news_description {margin: 10px 0;}
	
.home div.news_block {margin: 18px 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 .leftnav {margin:50px 0;}
#leftColumn .leftnav ul {padding:0; margin:16px 0;}
#leftColumn .leftnav ul li {margin: 14px 0; padding:0;}


/* 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.search_button {margin-left: 2px;font-size: 13px; padding: 3px 4px;border-style: none;text-transform:uppercase;} 
div#search_block label {display:block; margin: 0;}
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 input, form textarea {background-color: #191819; color: #ccc; border: solid 1px #aaa;padding: 3px;}
form input.submit,
form div.product_edit_update input,
form div.event_edit_update input,
form div.article_edit_update input {font-size: 12px;background-color:#7870b2; color:#fff; border-style: none; padding: 4px 8px;text-transform:uppercase;}
div.product_edit_delete form input {font-size: 12px;background-color:#555; color:#fff; border-style: none; padding: 4px 8px;text-transform:uppercase;}
form div.event_edit_update input,
form div.article_edit_update input {margin: 0;}

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



/* Editing Styles INCLUDING COLORS AND FONTS */


div.errorExplanation { background-color: #f00; color: black;}
div.fieldWithErrors { display: inline; }
div.fieldWithErrors input { background-color: #f00; }
span.edit a {color:#890;}

/* Notice Styles */

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

/* Toolbar Sytles */
#toolbar {widt2: 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 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;}

/* 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;}

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: 20px 0 10px 120px;}
form fieldset#product_edit div input {display:block; width:340px; margin: 20px 0 10px 120px;}
form fieldset#product_edit div.hidden input {display:none;}
form fieldset#product_edit div textarea{display:block; width:340px;padding: 2px; margin: 20px 0 10px 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;}

.product_edit_update,
.article_edit_update,
.event_edit_update {display:inline; float: left; margin-right: 20px;}
.product_edit_delete,
.article_edit_delete,
.event_edit_delete {display:inline; float: right;}

/* 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;}*/

/* Edit Product */