/*--------------------------- Last Modified --> 2009.02.12 ----------------------------*/
/*-------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------
  Copyright Einstein Industries 2006. Used with Permission.                             
  May not be duplicated or reproduced.
  Please check for cross-browser compatibility prior to making changes
  MINIMUM BROWSER CHECK :: IE5.x/IE6/Firefox/Safari
  CSS Document - layout.css
/*-------------------------------------------------------------------------------------*/
/* undo some default styling of common (X)HTML browsers
/*------------------------------------------------------------------------------------*/

/* ------------------------ GLOBAL ELEMENTS ------------------------ */

/* ------------------------ type selectors ------------------------ */
body { 
	background:#fbf2c9;
	font:12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color:#000;
	line-height:1.4em;
	}

h1	{ font-size:1.7em; color:#000; line height: 1.7em; }
h2	{ font-size:1.5em; color:#000; line height: 1.5em; }
h3	{ font-size:1.3em; color:#000; line height: 1.3em; }

h1 span,h2 span,h3 span	{ display:none; }

a:link,a:visited	{ color:#CC0000; text-decoration:underline; outline:none; }
a:hover,a:active	{ color:#2f86af; text-decoration:underline; outline:none; }

/* ------------------------ classes ------------------------ */
.clear	{ 
	clear:both;
	}

div.clear	{ 
	height:.01em; 
	overflow:hidden; 
	}

p.back-to-top {
	text-align:right;
	display:block;
	padding-right:15px;
	background:url("../images/einstein/bullet-back-to-top.jpg") right no-repeat;
	}

img.img-left { 
	float:left; 
	margin:2px 10px 10px 0px;
	}

img.img-right { 
	float:right; 
	margin:5px 0px 10px 10px; 
	}
	

/* ------------------------ form elements ------------------------ */

#contact_business { display: none; } /* do not remove */ 

/* ------------------------ SPECIFIC ELEMENTS ------------------------ */

/* ------------------------ main contact form ------------------------ */
#contact-main { margin:20px 0 10px 0; }

#contact-main label { 
	width:220px; 
	position:relative; 
	display:block; 
	text-align:right; 
	margin-bottom:10px;
	font-size:1.0em;
	}

#contact-main label input, #contact-main label textarea, #contact-main label select { 
	width:170px;
	position:absolute; 
	left:110%; 
	top:-2px;
	}

#contact-main label select { width:175px; } /* fixes display issue - 5px larger than input field */

#contact-main label textarea { height:100px; overflow:auto; }

/* ------------------------ submit button form elements ------------------------ */

input.submit, input.submit-contact-main { 
	width:60px;
	height:20px;
	cursor:pointer; 
	padding:0; 
	}

input.submit-contact-main { margin:95px 0 0 243px; } /* defines placement of contact-main submit button */

input.submit-image, input.submit-contact-main { /* REMOVE IF NOT USED */
	background:#fff;
	width:64px;
	height:20px;
	border:medium 1px #000;
	cursor:pointer;
	}

/* ------------------------------- CONTENT FRAMEWORK ------------------------------- */

/* ------------------------ main framework ------------------------ */
#wrap1 {
	background:#fff;
	text-align:left;
	}
#wrap2 {
	width:932px;
	margin: 20px auto 0;	
	text-align:left;
	}

.cms-home #wrap2 {
	margin: 0 auto;
	}
.cms-home #wrap2  p {
	font-size:13px;
	line-height:1.5em;
	}
/* ------------------------ masthead framework ------------------------ */
#masthead {
	position:relative;
	width:950px;
	margin:0 auto;
	height:155px;
	}
	/* index page link within #masthead 		
	#masthead a {	
		position:absolute;
		left:0px;
		width:0px;
		top:0px;
		height:0px; 
		}
	#masthead a span {
		display:none;
		}
*/
/* ------------------------ column-left framework ------------------------ */
#column-left {
	width:260px;
	float:left;
	padding:15px 20px 0 0;
	color:#616161;
	}

	#column-left p, #column-left h1, #column-left h2, #column-left h3, #column-left ul, #column-left dl {
		margin:0px 0px 10px 0px;
		}

	#column-left form { margin-left:0px; } /* set form margin here */

	/* single column list */
	#column-left ul { padding-left:10px; }
		#column-left ul li { 
			padding-left:10px;
			}

	/* definition list */
	#column-left dl { padding-left:5px; }
		#column-left dl dt {
			font-weight:bold;
			color:#99CC00;
			}
		#column-left dl dd {
			background:transparent url("../images/einstein/bullet.jpg") 0px 6px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
			padding-left:10px;  /* pushes text to the right to display bg img */
			margin-left:5px;
			}
			
	#column-left h1 {
		color:#007ac7;
		padding:0 15px 10px 20px;
		}

	#column-left a, #column-left a:link, #column-left a:visited {
		color:#007ac7;
		text-decoration:none;
		font-weight:bold;
		}
	
	#column-left a:hover, #column-left a:active {
		color:#007ac7;
		text-decoration:underline;
		}

	.cms-home #column-left {
		width:468px;
		padding: 269px 0 0 0;
		background:url("../images/einstein/index1.jpg") no-repeat top left;
		}
	
	.cms-home #column-right {
		width:464px;
		padding: 269px 0 0 0;
		background:url("../images/einstein/index2.jpg") no-repeat top left;
		}
	
	.cms-home #column-left h1, .cms-home #column-right h2 {
		padding: 0 25px 10px 10px;
		font-size: 1.5em;
	}
	
	.cms-home #column-left p, .cms-home #column-right p {
		padding-left:10px;
		padding-right:25px;
	}
	
/* ------------------------ column-right framework ------------------------ */
#column-right {
	width:652px;
	float:left;
	padding:15px 0 0 0;
	color:#616161;
	}
	
	#column-right h2 {
		color:#007ac7;
		font-size:1.6em;
		}

	#column-right p, #column-right h1, #column-right h2, #column-right h3, #column-right ul, #column-right dl {
		margin:0px 0px 10px 0px;
		}

	#column-right form { margin-left:0px; }

	/* single column list */
	#column-right ul { padding-left:5px; }
		#column-right ul li { 
			background:transparent url("../images/einstein/bullet.jpg") 0px 6px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
			padding-left:10px;  /* pushes text to the right to display bg img */
			}

	/* multi column list */
	#column-right ul { padding-left:5px; } 
		#column-right ul li { 
			background:transparent url("../images/einstein/bullet.jpg") 0px 6px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
			padding-left:10px;  /* pushes text to the right to display bg img */
			float:left;
			width:150px;
			line-height:20px; 
			}

	/* definition list */
	#column-right dl { padding-left:5px; }
		#column-right dl dt {
			font-weight:bold;
			color:#99CC00;
			}
		#column-right dl dd {
			background:transparent url("../images/einstein/bullet.jpg") 0px 6px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
			padding-left:10px;  /* pushes text to the right to display bg img */
			margin-left:5px;
			}
			
	
	#main-content {
		margin-top:30px;
		padding:25px;
		background:#fff;
		}
		
	#main-content h1 {
		display:block;
		background:#1464ac;
		color:#fff;
		padding: 7px 5px;
		font-size:1.7em;
		}
	

/* ------------------------ header framework ------------------------ */

#header-graphic { height:118px; background:url("../images/einstein/header-graphic.jpg"); } /* sets height for all non-flash headers */

ul#header-nav { 
	margin: 0 auto; 
	padding:10px 0 10px 0; 
	background:url("../images/einstein/header-nav-background.jpg"); 
	width: 217px; 
	height: 21px;  
	font-size:12px;
	}

#header-nav li { 
	display: inline;
	border-left: 1px solid #404040;
	}

#header-nav li.first {
	border:none;
	padding-left:11px;
	}

#header-nav a, #header-nav a:link, #header-nav a:visited {
	color:#404040;
	text-decoration: none;
	padding:0 3px 0 5px;
	}

#header-nav a:hover, #header-nav a:active {
	text-decoration:underline;
	}

/*  -------------------------- main nav ----------------------- */

#header-nav2 { 
	background:url("../images/einstein/nav.jpg") no-repeat; 
	width:950px; 
	height:37px; 
	margin:0 0 0 9px;
	padding:0;
	}


#header-nav2 span { display: none; }

#header-nav2 li, #header-nav2 a { height:37px; display:block; } /* change height here also */

#header-nav2 li { float:left; list-style:none; _display:inline; position:relative; }

#nav-01 { width: 148px; margin-left: 0px;}
#nav-02 { width: 179px;}
#nav-03 { width: 177px;}
#nav-04 { width: 93px;}
#nav-05 { width: 113px;}
#nav-06 { width: 121px;}
#nav-07 { width: 100px;}


/*-------------- (-79px) X position of button / (-43px) height of image from above ------------- */
#nav-01 a:hover { background:url("../images/einstein/nav.jpg") 0px -37px no-repeat; }
#nav-02 a:hover { background:url("../images/einstein/nav.jpg") -148px -37px no-repeat; }
#nav-03 a:hover { background:url("../images/einstein/nav.jpg") -327px -37px no-repeat; }
#nav-04 a:hover { background:url("../images/einstein/nav.jpg") -504px -37px no-repeat; }
#nav-05 a:hover { background:url("../images/einstein/nav.jpg") -597px -37px no-repeat; }
#nav-06 a:hover { background:url("../images/einstein/nav.jpg") -710px -37px no-repeat; }
#nav-07 a:hover { background:url("../images/einstein/nav.jpg") -831px -37px no-repeat; }

.learn-more-button {
	background: url("../images/einstein/button-learn-more.jpg") no-repeat;
	height: 29px;
	width: 108px;
	margin: 0 auto;
	display: block;
	padding: 0;
	position: relative;
	top: 56px;
	}

.learn-more-button span {
	display: none;
	}

.learn-more-button a {
	height: 29px;
	width: 108px;
	display: block;
	margin: 0 auto;
	padding: 0;
	}
	
.learn-more-button a:hover {
	background: url("../images/einstein/button-learn-more.jpg") 0 -29px no-repeat;
	}

.view-cat-button {
	background: url("../images/einstein/button-view-cat.jpg") no-repeat;
	height: 29px;
	width: 108px;
	margin: 0 auto;
	display: block;
	padding: 0;
	position: relative;
	top: 20px;
	}

.view-cat-button span {
	display: none;
	}

.view-cat-button a {
	height: 29px;
	width: 108px;
	display: block;
	margin: 0 auto;
	padding: 0;
	}
	
.view-cat-button a:hover {
	background: url("../images/einstein/button-view-cat.jpg") 0 -29px no-repeat;
	}



/* ------------------------ bottom-wrap framework ------------------------ */
/* ------------ must have below column-left and column-right to clear the float ------------ */
#bottom-wrap {
	background:url("../images/einstein/bottom-wrap.jpg");
	width:100%; /* fix for Safar */
	height:20px;
	clear:both; /* important - do not remove */
	}

/* ------------------------footer framework ------------------------ */

#home3col-wrap {
	background:#fff;
	width:100%;
	position:relative;
	margin-bottom:30px;
	padding-top:20px;
	}
#home3col, .footer {
	width:932px;
	margin:0 auto;
	padding:0;
	}

#home3col {
	text-align: left;
	}
	

#home3col p, .footer p  {
	color:#616161;
	margin-bottom:10px;
	}

	.footer p, .footer ul {
		text-align:center;
		}

#home3col a:link, 
#home3col a:visited, 
.footer a:link, 
.footer a:visited { 
	color:blue; 
	}
#home3col a:hover, 
#home3col a:active, 
.footer a:hover, 
.footer a:active { 
	color:#000;
	text-decoration:none; 
	}

#home3col ul, .footer ul { margin:10px; }
	#home3col li, .footer li { /* if your li's float, you can adjust border height w/ line-height */
		padding:0 5px 0 7px; /* adjusts the spacing between each li display and border-left */
		
		line-height: 2em;
		}
	#home3col li.first, .footer li.first { border: none; }
	
	#home3col #col1 {
		float:left;
		background:url("../images/einstein/home3col-divider.gif") no-repeat top right;
		width: 275px; 
		height:293px;
		padding-right: 25px;
		}
		#home3col #col1 h3 {
			background:url("../images/einstein/index-col1-h3.jpg") no-repeat left;
			width:250px;
			height:50px;
		}
		
	#home3col #col2 {
		float:left;
		background:url("../images/einstein/home3col-divider.gif") no-repeat top right;
		width: 275px; 
		height:293px;
		padding:0 25px;
		}
		#home3col #col2 h3 {
			background:url("../images/einstein/index-col2-h3.jpg") no-repeat left;
			width:250px;
			height:50px;
		}
	#home3col #col3 {
		float:left;
		width: 275px; 
		height:293px;
		padding-left:25px;
		}
		#home3col #col3 h3 {
			background:url("../images/einstein/index-col3-h3.jpg") no-repeat left;
			width:250px;
			height:50px;
		}

/* ------------------------ MAIN NAVIGATION FRAMEWORK ------------------------ */

#vms-lightwindow-link{display:none;}

.middle-container { 
	width: 932px;
	margin: 20px auto;
	}
	
.cms-home .middle-container {
	width:100%;
	margin:0;
	}
	

.col-main {
	text-align:left;
	}
	
.four-columns {
	width:150px;
	float:left;
	padding-right:21px;
}
.cms-international-distributors .indent {  
	margin:30px 0 0 300px;
	}

.cms-international-distributors .indent p {  
	margin-left:100px;
}

.cms-international-distributors h2 {
	font-size:1.3em;
	margin:15px 0 0 0;
	}

table td { padding:3px; }

ul.bulleted {
	list-style-type:disc;
	padding-left:30px;
	}
	
/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */