@charset "UTF-8";



/* Copyright 2009 Engineering Innovation

Code by Brandon Patton

Brandon.Patton@eii-online.com 



Global Definitions



logo red : #c41230

manual red : #5a2c22

newsletter red : #a21d1f

blue : #0000ff

yellow : #e9ba19



Large Images: 700 x 525

Thumbnails : 150 x 113

Order Page Thumbnails : 200 x 150

*/



body {

	padding: 0px;

	margin: 0px;

	background-color: #FFF;

}

#border {

	width: 1000px;

	margin-right: auto;

	margin-left: auto;

	background-color: #FFF;

	background-repeat: repeat-y;

}





h1 {

	color: #c41230;

	font-size: 24px;

	margin: 0px;

	padding: 0px;

	font-family: "Myriad Pro", Arial, sans-serif;

	font-weight: bold;

	font-variant: normal;

	text-transform: capitalize;

	text-decoration: none;

	font-style: normal;

	line-height: 30px;

	

}



h2 {

	color: #c41230;

	font-size: 16px;

	font-family: "Myriad Pro", Arial, sans-serif;

	font-style: italic;

}



#container #content_container_gallery a img {

	border-top-width: thin;

	border-right-width: medium;

	border-top-style: solid;

	border-right-style: inset;

	border-bottom-style: outset;

	border-left-style: solid;

	border-top-color: #000;

	border-right-color: #666;

	border-bottom-width: medium;

	border-left-width: thin;

	border-bottom-color: #666;

	border-left-color: #000;

}



#border #container #content_container #content table tr .date {



	font-family: Verdana, Geneva, sans-serif;

	color: #C41230;

	font-weight: bold;

	font-size: 14px;

	text-align:center;

	vertical-align:text-top;

}





#container #content_container #content a img {

	border-top-width: thin;

	border-right-width: medium;

	border-top-style: solid;

	border-right-style: inset;

	border-bottom-style: outset;

	border-left-style: solid;

	border-top-color: #000;

	border-right-color: #666;

	border-bottom-width: medium;

	border-left-width: thin;

	border-bottom-color: #666;

	border-left-color: #000;

	margin-left: 10px;

}



a img {

	border-style:none;	

}



a:link {

	color:#0066FF;

	text-decoration:none;

}



a:visited {

	color:#0066FF;

	text-decoration:none;

}



a:hover {

	color:#c41230; text-decoration:none;

}



a:active {

	color:#0066FF; text-decoration:none;

}

#top {

	width: 920px;

	margin-right: auto;

	margin-left: auto;

	text-align: right;

	height: 20px;

	padding-top: 10px;

	padding-right: 0px;

	padding-bottom: 5px;

	padding-left: 0px;

	margin-top: 0px;

	margin-bottom: 0px;

}



#top #top_links {

	font-family: Verdana, Geneva, sans-serif;

	font-size: 12px;

	float: left;

	text-align: left;

	width: 400px;

	height: 20px;

	padding-top: 5px;

	text-transform: lowercase;

	padding-left: 25px;

}

#top #search {

	width: 400px;

	float: right;

	margin-right: 25px;

	height: 20px;

}



/*Layout*/



#container {

	width: 920px;

	margin-left:auto;

	margin-right:auto;

	padding: 0px;

	text-align: center;

}



#container #header {

	background-image:url(../images/header_new.gif);

	background-repeat:no-repeat;

	height: 265px;

	width: 920px;

}

#container #header #navigation {

	width: 849px;

	float: left;

	height: 35px;

	margin-top: 205px;

	margin-left: 40px;

	background-image:url(gradient-nav-bar.gif);

	background-repeat: no-repeat;

	padding-left: 5px;

}

#container #content_container {

	background-image: url(../images/side.jpg);

	background-repeat: repeat-y;

	padding-left: 45px;

	padding-right: 45px;

	margin: 0px;

	padding-top: 0px;

	padding-bottom: 20px;

	text-align: left;

	float: left;

	width: 830px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

}

#container #content_container #content {

	margin: 0px;

	text-align: justify;

	padding-left: 15px;

	padding-right: 15px;

}



#container #content_container_gallery {

	background-image: url(../images/side.jpg);

	background-repeat: repeat-y;

	padding-left: 45px;

	padding-right: 45px;

	margin: 0px;

	padding-top: 0px;

	padding-bottom: 20px;

	text-align: left;

	float: left;

}

/*Home Page */

#container #content_container #main_content {

	margin: 0px;

	text-align: justify;

	padding-left: 20px;

	

}



#container #content_container #announcements {

	background-image: url(../images/announcements.gif);

	background-repeat: no-repeat;

	width: 240px;

	height: 380px;

	padding-top: 30px;

	padding-left: 50px;

	float: right;



}





#container #content_container #announcements #announcement_text {

	width: 200px;

	height: 320px;

	text-align: center;

	

	

}

#container #content_container #main_content #announcements #read_more {

	font-family: Verdana, Geneva, sans-serif;

	font-size: 12px;

	text-align: right;

	width: 200px;

}





#container #footer {

	background-image:url(../images/footer_new.jpg);

	background-repeat:no-repeat;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	text-align: center;

	float:left;

	width: 920px;

	height: 150px;

}





/*Order Page Styyles */

#container #content_container form .part {

	color: #000;

	padding: 10px;

	border-bottom-width: thin;

	border-bottom-style: solid;

	border-bottom-color: #87161A;

	width: 790px;

}

#container #content_container form .part .part_number {

	color: #86181B;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	float: left;

	width: 225px;

	clear: right;

}

#container #content_container form .part .product_name {

	color: #000;

	float: left;

	width: 475px;

}

#container #content_container form .part .price {

	color: #901417;

	width: 100px;

	margin: 0px;

	padding: 0px;

	float: right;

	font-weight: bold;

}

#container #content_container form .part .product_image {

	color: #000;

	width: 225px;

	clear: none;

	float: left;

}

#container #content_container form .part .product_description {

	color: #000;

	width: 550px;

	float: left;

	clear: right;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}

#container #content_container form .part .order_quantity {

	color: #000;

	clear: left;

	padding-top: 10px;

	padding-left: 225px;

}

/*Calendar Page */

#container #content_container #calendar table {

	margin-top: 30px;	

}

#container #content_container #calendar table tr .month {

	height: 20px;

	text-align: center;

	font-family: Arial, Helvetica, sans-serif;

	color: #9C3931;

	vertical-align:text-top;

}

#container #content_container #calendar table tr td .date {

	font-size: 12px;

	vertical-align:text-top;

	font-style: italic;

	padding: 0px;

	margin: 0px;

	text-align:left;

}

#container #content_container #calendar table tr td .event {

	color: red;

	font-size: 14px;

	padding: 0px;

	text-align: center;

	font-weight: bold;

}



#container #content_container #calendar table tr .month {

	font-size: 18px;

	text-align: center;

	vertical-align:text-top;

}



#container #content_container #calendar table tr .dayOfweek {

	height: 20px;

	text-align: center;

	font-family: Arial, Helvetica, sans-serif;

	color: #9C3931;

	vertical-align:text-top;

}

#container #content_container #calendar table tr {

	background-color: #FFF;

	padding: 0px;

	margin: 0px;

	vertical-align:text-top;

}

#container #content_container #calendar table td {

	width: 100px;

	height: 100px;

	padding: 0px;

	margin: 0px;

	vertical-align:text-top;

}



#container #content_container #calendar table tr .empty {

	background-color: #D6D6D6;

}

#container #content_container #quotes {

	width: 530px;

	float: left;

}

/* Tooltip CSS */

#tooltip{

	background-color:#EEE;

	border:1px solid #000;

	position:absolute;

	display:none;

	z-index:20000;

	padding:2px;

	font-size:0.9em;

	-moz-border-radius:6px;	/* Rounded edges in Firefox */

	font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;

}



#tooltipShadow{

	position:absolute;

	background-color:#555;

	display:none;

	z-index:10000;

	opacity:0.7;

	filter:alpha(opacity=70);

	-khtml-opacity: 0.7;

	-moz-opacity: 0.7;

	-moz-border-radius:6px;	/* Rounded edges in Firefox */

}

#border #container #content_container #calendar table td {

	text-align: center;

}

h3 {

	color: #000;

	font-size: 16px;

	line-height: normal;

	margin-top: 0px;

	margin-bottom: 0px;

	padding-top: 0px;

	padding-bottom: 0px;

	text-decoration: underline;

}

