/*  Modifications

091009 km : added page_links li and page_links li a  - increase linke-height size to 125%, remove underline

091409 dlt: added tex-decoration: none to menu_quicklinks a  - remove underline from links

091409 dlt: added .loadposition_left  {align: left;}

091409 dlt: added .copy_p - duplicates main_content p style so can use in table without the actual <P> tag, which cause spacing issues

091609 dlt: changed main_content p, main_content table & copy_p from 200% to 150% line height 

092309 dlt: added page_lists - duplicates Page_links, but has list-style-type set to disc

092309 dlt: changed "html, body color:#" to 3F3F3F from 79796D - the lkight grey seemed hard to read
100109 dlt: added "#content table.msds td,"
100509 dlt: added .center class
100709 dlt: added .right td


End Modifications  */





/*RESET CODE*/







html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

	margin:0;

	padding:0;

	border:0;

	font-weight:normal;

	font-style:normal;

	font-size:100%;

	line-height:1;

	font-family:inherit;

	text-align:left;

}

/*RESET CODE*/







html, body {

	height:100%;

	color:#3F3F3F;

	background:#EAF7FD url(../images/body-bg.jpg) repeat-x top;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:14px;

	line-height:250%;

	height:100%;

	text-align: justify;

}

a {

	color:#069;

	text-decoration: underline;

}

a:hover {

	color:#5B8900;

}

.strong {

	font-weight: bold;

}

strong {

	font-weight: bold;

}

.em {

	font-style: italic;

}

em {

	font-style: italic;

}

sup {

	font-size: 80%;

	line-height: 0;

}

sub {

	font-size: 80%;

	line-height: 0;

}



.clear {

	clear:both;

}

.clear {

	clear:both; height: 1px;

}

.left {

	float: left; display:inline;

}

.right {

	float: right;

}

h1 {

	margin:0;

	padding:0;

	float:left;

}

h1 a {

	position: relative;

	display:block;

	margin:0;

	padding:0;

	width:174px;

	height:161px;

	text-indent:-9999px;

	background: url(../images/vesco-logo.jpg) no-repeat top left;

	text-decoration:none;

	border-right: 1px solid #ccc;

}

H2 {

	position: relative;

	float: left;

	font-size: 22px;

	color: #9B9C93;

	padding: 20px 0 0 20px;

	width: 260px;

}

H3 {

	font-size: 16px;

	color: #9B9C93;

	padding-bottom:5px;

}

table tr td img {margin: 5px;}

.contentheading, .componentheading {

	font-size: 20px;

	padding: 40px 0 20px;

}

#com-form-login, #form-login {width: 500px;}
#com-form-login .input, #form-login .input, {width: 200px;}
#com-form-login .button, #form-login .button {float: left; padding: 10px 0; margin-bottom: 10px; position: relative; bottom: 70px;}
#com-form-login ul, #form-login ul {position: relative; bottom: 60px;}
#com-form-login li, #form-login li {list-style-type: none; line-height: 170%; }
#main_content #com-form-login p {width:100px; position: relative; bottom: 90px;}
#main_content #form-login p {width:100px; position: relative; bottom: 80px;}
#form-login img {position:relative; right:-175px; top:-75px;}

#wrapper {

	width:970px;

	margin: 0 auto;

	padding:0;

	background: #fff;

}

#header {

	height:161px;

	background: #e2e2d6 url(../images/header-bg.jpg) repeat-x top left;

	border-bottom: 1px solid #ccc;

}

.menu_global {

	position: relative;

	display: block;

	list-style-type: none;

	float: right;

	margin: 20px 0 0 0;

	width: 450px;

}

.menu_global li {

	float: left;

}

.menu_global li a {

	font-size: 10px;

	

	padding-left: 15px;

	text-decoration: none;

}

/*Main Navigation*/



#navigation .menu_main {

	position: relative;

	height: 25px;

	width: 780px;

	float: right;

	display: block;

	list-style-type: none;

	padding: 10px 5px 10px 10px;

	z-index: 90;

	margin: 25px 0 0 0;

	background: url(../images/main_nav_bg.jpg) repeat-x top left;

}

*html #navigation .menu_main {

	margin: 21px 0 0 0;

	height: 29px;

}

#navigation .menu_main li {

	float: left;

	background: url(../images/separator.jpg) repeat-y right top;

}

#navigation .menu_main li a {

	font-size: 12px;

	display: block;

	text-decoration: none;

	padding: 8px 8px 10px;

	margin: 0 3px;

	border: solid 1px transparent;

}

#navigation .menu_main li a:hover, #navigation .menu_main li a.hover {

	color: #fff;

	background: #426400 url(../images/main-nav-bg-over.jpg) repeat-x left bottom;

	border: 1px solid #456800;

}

#navigation .menu_main li#current a {

	color: #fff;

	background: #426400 url(../images/main-nav-bg-over.jpg) repeat-x left bottom;

	border: 1px solid #456800;

}

#navigation .menu_main li#current a:hover, #navigation .menu_main li#current a.hover {

	color: #fff;

	background: #426400 url(../images/main-nav-bg-over.jpg) repeat-x left bottom;

	border: 1px solid #456800;

}

#navigation .menu_main li#current ul a {

	background: #E2E2D6;

	color: #069;

	border: 0;

}

#navigation .menu_main li#current ul a:hover, #navigation .menu_main li#current ul a.hover {

	background: #5B8900;

	color: #fff;

	border: 0;

}

*html #navigation .menu_main li a {

	border: none;

}

*html #navigation .menu_main li a:hover, *html #navigation .menu_main li a.hover {

	border: none;

}

#navigation .menu_main li ul {

	position: absolute;

	top: 37px;

	width: 125px;

	padding-top: 7px;

	left: -999em;

	list-style-type: none;

}

#navigation .menu_main li a:hover ul, #navigation .menu_main li a.hover ul {

	left: auto;

	margin: 0 auto;

}

#navigation .menu_main li ul li {

	width: 127px;

}

html body #navigation .menu_main li a {

	width: auto;

}

#navigation .menu_main li ul li a {

	width: 125px;

	background: #E2E2D6;

	color: #069;

	display: block;

	text-align: center;

	padding: 6px;

	margin: 0;

	border: 0;

}



#navigation .menu_main li ul li a:hover, #navigation .menu_main li ul li a.hover {

	background: #5B8900;

	color: #fff;

	border: 0;

}



#navigation .menu_main li:hover ul, #navigation .menu_main li.hover ul {

	left: auto;

}



#navigation .menu_main li.parent.active a {

	color: #fff;

	background: url(../images/main-nav-bg-over.jpg) repeat-x left bottom;

}



#navigation .menu_main li.parent.active ul li a {

	color: #069;

	text-decoration: none;

	background: #E2E2D6;

}

#navigation .menu_main li.parent.active ul li a:hover, #navigation .menu_main li.parent.active ul li a.hover {

	color: #fff;

	text-decoration: none;

	background: #5B8900;

}

/* UNNECCESSARY CODE



#navigation .menu_main ul li.active a {

	color: #fff;

	text-decoration: none;

}

#navigation .menu_main li.parent.active a:hover {

	color: #fff;

}

#navigation .menu_main li.parent.active ul li a:hover {

	color: #fff;

	text-decoration: none;

}

*/

/*Quick Links***************/    







#menu_header {

	padding: 35px 0pt 0pt 30px;

	height: 20px;

	width: 220px;

	background-color: #ffffff;

	color: #004760;

	font-size: 12px;

}

.menu_quicklinks {

	padding: 10px 0 10px 30px;

	color: #004760;

	background-color:#FFFFFF;

	height: 95px;

	background-image: url(../images/separator.jpg) no-repeat right;

}

.menu_quicklinks li {

	line-height: 150%;

	list-style-type: none;

	font-size: 11px;

}

.menu_quicklinks a {

	color: #004760;

         text-decoration: none;

}

.menu_quicklinks a:hover {

	color:#5B8900;

	text-decoration: underline;

}

.moduletable_quicklinks {

	background-color: #ffffff;

	width: 220px;

	}

*html .moduletable_quicklinks {

	margin-right: -35px;

	}

.moduletable_quicklinks h3 {

	margin: 35px 0 0 30px;

	color: #004760;

	font-weight: bold;

	font-size: 12px;

}

#buckets {margin-top: -30px; padding-bottom: 30px;}



#bucket_two {

	margin: 45px 10px 0 20px;

	background: #ffffff;

	width: 232px;

	height: 175px;

}

#bucket_two img {margin: 0 0 0 13px;}

#bucket_two p {

	color: #004760;

}

*html #bucket_two {

	margin: 45px -365px 0 0;

}

#bucket_four {

	background: #ffffff;

	padding-left: 20px;

	width: 237px;

	height: 220px;

}

#bucket_four .heading {

	padding: 30px 0pt 10px;

	font-size: 11px;

	color: #79796d;

	font-weight: bold;

         text-align: left;

}

#bucket_four .body {

	width: 250px;

	font-size: 11px;

	color: #79796d;

	line-height: 135%;

         text-align: left;

}

#bucket_four img {

	margin: -5px 0pt 0pt 20px;

}

*html #bucket_four {

	margin: 0 -365px 0 -10px;

}


.moduletable_out {padding: 0 0 10px 50px;}
/*.moduletable_loginout {

	height: 5px;

}

.moduletable_loginout ul li {

	margin: 5px 0 15px 30px;

	list-style-type: none;

	font-size: 10px;

}

.moduletable_loginout a {

	color: #004760;

	text-decoration: underline;

}

.moduletable_loginout a:hover {

	color:#5B8900;

	text-decoration: underline;

}
*/
#main_content {

	display:inline-block;

	background-color:#FFFFFF;

	padding:5px 0 0;

}

#story {

	margin-left: 180px;

}

#form-login {

	margin: 40px 0 0 0;

	width: 150px;

}

#form-login .button { float: left;

	margin: 0 0 10px 0;

}
.inputbox {margin-top: 5px;}
#form-login li {

	line-height: 150%;

	list-style-type:none;

}

#main_content p {

	font-size: 12px;

	line-height: 150%;

	padding-bottom: 20px;

	width: 600px;

}

#main_content table {

	font-size: 12px;

	line-height: 150%;

}

#main_content .contentpaneopn li {line-height: 150%;}

.home_item {

	display: block;

	width: 215px;

	height: 150px;

	vertical-align: middle;

	float: left;

	margin: 10px;

	border-right: 1px solid #D3D3C7;

	text-align: center;

}

.home_item img {

	text-align: center;

	display: block;

	margin: 0 auto;

}

.home_item a {

	text-decoration: none;

	font-size: 11px;

}

.home_item span {

	width: 150px;

	margin: 0 auto;

	text-align: center;

}

#last {

	border-right:none;

	line-height: 150%;

	font-size: 14px;

}

#last p {

	font-size: 11px;

	line-height: 150%;

}

#flash_content {

	width: 970px;

	float: left;

	margin: 0 0 0 -182px;

	padding: 0;

	z-index:0;

}

#content {

	margin: 0;

	padding: 0;

}

#form_content_rt {

	display:inline;

	float:left;

	width:300px;

}

#form_content_rt a {

	text-decoration:none;

	font-size:12px;

	color:#004585;

	line-height:150%;

}

#form_content_rt a:hover {

	text-decoration:underline;

	font-size:12px;

	color:#5B8900;

}

#form_content_lt {

	display:inline;

	float:left;

	width:300px;

	margin-right:30px;

}

#form_content_lt a {

	text-decoration:none;

	font-size:12px;

	color:#004585;

	line-height:150%;

}

#form_content_lt a:hover {

	text-decoration:underline;

	font-size:12px;

	color:#5B8900;

}

#footer {

	background: #79796D url(../images/footer-bg.jpg) no-repeat bottom;

	width: 970px;

	margin: 0 auto 30px;

	height: 80px;

}

#footer p {

	color: #F0F0E4;

	font-size: 10px;

	padding: 15px 0 7px 0;

	text-align: center;

}

#footer a {

	color: #F0F0E4;

}

.search {

	width: 229px;

	height: 30px;

	float: right;

	margin: 20px 20px 0 0;

	padding: 0 0 0 10px;

	background: url(../images/search-bg.jpg) no-repeat top left;

}

#search_field {

	float: left;

	width: 150px;

}

.button {

	padding: 0 17px 0 0;

	margin-top: -20px;

	float:right;

	display: inline;

}

.contact {

	width: 250px;

	float: left;

	text-align: left;

}

#form td {

	padding: 5px 0;

}

.chronoform {

	visibility: hidden;

}

.rotate {

	padding: 20px 0;

	background: #ffffff url(../images/separator.jpg) no-repeat right;

}



.page_links li {line-height: 125%; list-style-type: none; padding-top: 2px;}

.page_links li a {text-decoration: none;}

.page_lists li {line-height: 125%; list-style-type: disc; padding-top: 2px;}



.loadposition_left {align: left;}

.floated_left {float: left;}

.copy_p {

         font-size: 12px;

	line-height: 150%;

	padding-bottom: 20px;

	width: 600px;

}

.copy_p td {

         font-size: 12px;

	line-height: 150%;

	padding-bottom: 20px;

	width: 600px;

}

.msds  {
	background: url(../images/msds/td-bg.jpg) repeat-x;
	}
.center {
         text-align: "center";
}
.right td {
         text-align: "right";
}
