/* Palette: http://www.colourlovers.com/palette/857444/all_summer_long

#BAFDD	
#87FBCC 
#67DBCC
#5A9CB0
#546C8C 
*/



/*Got from here to solve browser rendering issues 
http://nettuts.com/html-css-techniques/weekend-quick-tip-create-your-own-resetcss-file/
This also needs to be in the same CSS file so it can be overidden later*/

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,
li, dl, dt, dd, form, a, fieldset, input, th, td
{
margin: 0; padding: 0; border: 0; outline: none;
}


h1, h2, h3, h4, h5, h6
{
font-size: 100%;
padding: .6em 0;
margin: 0 ;
color: #223232;
}

ul, ol
{
list-style: none;
}

a
{
text-decoration: none;
color: #BAFDDE;
font-weight: bold;
}

.anchor_target, .anchor_target:hover, .anchor_target:visited {
	font-weight: inherit;
	color: inherit;
	text-decoration: none;
}

a:hover
{
text-decoration: underline;
color: #87FBCC;
}

.floatLeft
{
float: left;
padding: .5em .5em .5em 0;
}

.floatRight
{
float: right;
padding: .5em 0 .5em .5em;
}

/*End of reset code*/

body {
	background: #b5cded url("CSS_Images/background.png") repeat-x;	
}


#shadowSides {
	background: url("CSS_Images/drop-shadow.png") repeat-y;
	margin-left: -14px;
	width: 895px;
	padding-left: 10px;
}	

/* content: everything on the page */
#content {
	width: 850px;
	margin-left: auto;
	margin-right: auto;
	font-family: Arial, Calibri, Sans Serif;
}

p {
	line-height: 1.7;
	margin-bottom: 15px;
}

#main p {
	margin-left: 20px;
}

/* links at the top of the page: Home, Manufacturers, Contact, Employees */
#navigation {
	text-align: right;
	border-bottom: 4px solid #33bc13;
	padding: 20px 0px;
	}
	
/* tabs for navigation */	
#navigation img {
	margin-top: -12px;
}
	
.drop-above-navigation {
	background: url(CSS_Images/x-drop-above.png) repeat-x;
	height: 15px;
	width: 856px;
	margin-left: 12px;
}

.drop-below-navigation {
	background: url(CSS_Images/x-drop-below.png) repeat-x;
	height: 24px;
	width: 856px;
	margin-left: 12px;
}	

#navigation a {
	margin: -10px 30px 0px 30px;
	padding-left: 30px;
	padding-right: 30px;
	display: block;
	/*float: right; */
}

#navigation .link {
	float: left;
	width: 200px;
}
	
#navigation .Manufacturers {
	margin-left: -1px;
}

#navigation .Contact {
	margin-left: 32px;
}

#navigation .active { 
	font-weight: bold;
	padding-top: 14px;
	padding-bottom: 13px;
	background: #f1d75a;
	margin-right: 17px;
	text-align: center;
	padding-left: 13px;
}

#navigation .highlightedTab {
	width: 115px;
	margin-top: -23px;
	}

#navigation .highlightedTabLeft {
	background: url("CSS_Images/highlighted-tab-left.png") no-repeat; 
	height: 50px;
	float: left;
	margin-left: 18px;
	margin-top: -3px;
}

#navigation .highlightedTabRight {
	background: url("CSS_Images/highlighted-tab-right.png") no-repeat; 
	height: 50px;
	float: right;
	margin-top: -50px;
}

/* main: everything on the page below navigation and above footer */
#main {
	padding: 0px 40px;
	font-size: 1em;
}

#header-gradient-lower {
	/*background: url(CSS_Images/header-gradient-lower.png);*/
	height: 200px;
	width: 855px;
	margin-left: 13px;
	margin-top: -200px;
	margin-bottom: -12px;
}

#main-gradient {
	/*background: url(CSS_Images/main-gradient.png) repeat-x; */
	width: 855px;
	margin-left: -27px;
	margin-bottom: -200px;
	margin-top: -17px;
	height: 200px;
	
}

#main-gradient-lower {
	/*background: url(CSS_Images/main-gradient-lower.png) repeat-x; */
	width: 855px;
	margin-left: -27px;
	margin-top: -150px;
	margin-bottom: -10px;
	height: 200px;
	
}

/*footer: contact info and misc at the bottom of the page */
.drop-above-footer {
	background: url(CSS_Images/x-drop-above.png) repeat-x;
	height: 15px;
	width: 858px;
	margin-left: 11px;
	margin-bottom: -10px;
}

.drop-below-footer {
	background: url(CSS_Images/bottom-drop.png) repeat-x;
	height: 15px;
	width: 894px;
	margin-left: -7px;
	margin-right: auto;
}


#footer {
	margin-top: 10px; 
	padding: 6px 0px;
	font-size: 8pt;
	text-align: center;
}

#footer, #navigation {
	border-top: 4px solid #546C8C;
	background: #89DECC;
	margin-left: 12px;
	margin-right: 27px;
}
	
#footer p {
	margin-bottom: 0px;
}

/* rules for specific elements */
#topImage {
	display: block;
	margin: -7px auto -22px 6px;
	width: 858px;
	/*border-width: 2px 0px 2px 0px; */
	border-color: black;
	border-style: solid;
}

h1 {
	font-size: 1.65em;
}

#main-gradient+h1 {
	margin-bottom: 0;
	border-bottom: 1px dashed #97AaAa;
	padding-bottom: 3px;
	font-family: Trebuchet MS;
	margin-top: 15px;
	width: 798px;
}

h2 {
	font-size: 1.45em;
	margin-top: 10px;
}

h3 {
	font-size: 1.125em;	
}

/* contact form (some of these rules are also used for Employees) */
input, textarea {
	border: 1px solid rgb(43, 85, 85);
	font-family: Arial, Calibri, Sans Serif !important;
	font-size: 10pt !important;
	padding: 3px !important;
}


#contact_info {
	border-collapse: separate;
	margin-top: 20px;
}

#email_form {
	margin-left: 20px;
}

#email_form td {
	width: 78px;
}

.error {
	color: red;
}

table {
	border-collapse: collapse;
}

tr:hover {
	background: #89DECC;
}

form td, p {
	padding: 5px 5px;
}

#contact td+td+td {
	width: 120px;
	padding: 10px;
	height: 53px;
}

#script_captcha {
	display: none;
}

/* employees */
caption {
	display: none;
}

td {
	padding: 10px;
}

td+td, th+th {
	padding-left: 35px;
}

#employees td, #contact_info td {
	background: #a6d4f8;
}

#employees td+td, #contact_info td+td {
	background: #3269b2;
}

#employees tr:hover {
	background: #546C8C;
}

#employees .odd {
}

#employees .headerSortUp, .headerSortDown {
	background: #DBEEFF;
	}

#employees {
	margin-top: 20px;
	color: black;
	border-collapse: separate;
}

#employees th {
	border-bottom: 1px solid rgb(53, 95, 95);
	padding: 5px 0px;
}

/* manufacturers */
.search_highlight {
	font-weight: bold;
}

#spacer {
	min-height: 500px;
	width: 1px;
	float: left;
}

.original {
	display: none;
}

#manufacturers_list {
	width: 400px;
	float: left;
}

#manufacturers_by_cat {
	clear: both;
}

#manufacturer_search_div {
	display: none;
}

#categories_list {
	float: left;
}

#categories_list p, #manufacturers_list p {
	margin-left: 15px;
	margin-bottom: 0px;
}


.linecard {
	border-left: 2px solid #223232;
	margin: 20px 0px;
	padding: 10px;	
	/*background: #89DECC */
	/* height: 320px; */
}

.linecard h2 {
	margin-top: 0;
	padding-top: 0;
}

.toTop {
	clear: both;
	font-size: .9em;
}

.linecard .text {
	text-align: left;
	float: left;
	width: 550px;	
}

.linecard .logos {
	/*background: rgb(193, 235, 235); */
	padding: 10px;
	clear: both;
}

.linecard .logos img {
	height: 50px;
}

th {
	font-size: 1.2em;
	border-bottom: 1px solid rgb(43, 85, 85);
}

/*contact: recaptcha widget */
#recaptcha_widget_div {
	background: #efefef !important;
	border: 2px solid #dedede !important;
}

#recaptcha_widget_div tr:hover {
	background: inherit !important;
}