/**
 * Main CSS File
 */
*{
	margin: 0; 
	padding: 0;
	outline: none;
	
	/**border: none;**/
	list-style: none;
	text-decoration: none;
}


/**
 * Global Styles
 * IE: full tags etc..
 */

body, html{
	height: 100%;
	font-family: "Lucida Grande", "Arial", sans-serif;
	font-size: 14px;
	color: #434343;
	background-color: #CDCDCD;
}

input[type=text], input[type=submit], input[type=password]{
	border:1px solid #000000;
	height: 18px;
	padding: 2px 5px 2px 5px;
}

input[type=submit]{
	background-color:#a2041b;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #fff;
	height: 20px;
	text-transform: uppercase;
}

a{
	color: #AF122b;
	font-weight: bold;
}

a:hover{
	text-decoration: underline;
}
.right{
	float: right;
}

.left{
	float: left;
}

.clear{
	clear: both;
}
.red{
	color: #af122b;
	font-weight: bold;
}
.small{
	font-size: 12px;
	margin-top: 10px;
	width: 150%;
}
h2 .red{
	color: #af122b;
	font-weight: bold;
}
.center{
	text-align: center;
}
h2{
	text-transform: uppercase;
}
h3{
	text-transform: uppercase;
}
h4{
	text-transform: uppercase;
}

h2.error{
	font-size: 14px;
}
hr.line{
	height: 0px;
	border-top: 1px solid #EEE;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
}
.read_more{
	font-size: 12px;
	font-weight: bold;
	color: #af122b;
}
.read_more a{
	text-decoration: underline;
}
.read_more img{
	text-decoration: none;
}
.click{
	cursor: pointer;
}

.big{
	font-size: 16px;
}

.centered{
	text-align: center;
}

img.icon{

}

.product_logo{
	padding: 0 5px 0 0;
}
.pipe{
	padding: 0 3px 0 3px;
}

.margin_top{
	margin-top: 10px;
}

.top_padding{
	padding-top: 15px;
}

.move_left{
	margin-left: -15px;
}
/**
 * Container
 */

#container{
	margin: 0 auto;
	width: 897px;
	background-color: #FFF;
	min-height: 400px;
}

#container h3{
	color: #af122b;
	font-size: 14px;
}

#container h4{
	font-size: 14px;
	color: #000;
}
/**
 * Page Header
 */

#page_header a{
	color: #FFF;
}

#page_header a:hover{
	color: #333;
}

#page_header #grey_bar{
	font-size: 10px;
	height: 15px;
	background-color: #878787;
	color: #FFF;
	padding: 5px;
	padding-left: 25px;
	padding-right: 35px;
	
}

img{
	border: none;
}

/**
 * Nav Bar Area
 */

#page_header #nav_bar{
	margin-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	
}

#page_header #nav_bar a{
	font-weight: normal;
}
#nav_bar .clear.nav_bar{
	 padding-bottom: 20px;
}
#page_header #nav_bar a:hover{
	text-decoration: none;
}
#page_header span.sub_menu{
	position: relative;
}

#page_header span.sub_menu span{
	display: none;
}

#page_header span.sub_menu span{
	position: relative;
	display: block;
	text-align: right;
	border: 1px solid #A9011C;
	background-color: #FFF;
	left: 4px;
	top: -1px;
}

#page_header span.sub_menu a{
	display: block;
	padding: 2px;
	text-decoration: none;
}

#page_header span.sub_menu span a:hover{ 
	background-color: #F3F3F3;
	color: #000;
	text-decoration: none;
}

#page_header #nav_bar ul.links{
	margin-top: 20px;
}

#page_header #nav_bar ul li{
	float: left;
	padding: 3px;
	margin-left: 10px;
	margin-right: 10px;
}

#page_header #nav_bar ul li.selected{
	border: 1px solid #a9011c;
	height: 15px;
}

#page_header #nav_bar ul li.selected a{
	color: #000;
}

#page_header #nav_bar ul li a{
	font-size: 14px;
	color: #5B5B5B;
}
#page_header #nav_bar ul li a:hover{
	color: #000;
}


/**
 * Page Footer
 */

#page_footer{
	color: #FFF;
	font-size: 10px;
	width: 900px;
	margin: 10px auto;
	height: 25px;
	padding: 20px 0 15px 0;
	background-image: url('../imgs/footer_test.png');
	background-repeat: no-repeat;
}

#page_footer .footer_links{
	padding-left: 25px;
}

#page_footer .websignia{
	padding-right: 30px;
}

#page_footer a{
	font-size: 10px;
	color: #FFF;
}

#page_footer a:hover{
	color: #000;
}	


/**
 * Main page
 */
#main_content #right{
	float: right;
	width: 200px;
	margin-top: 15px;
	margin-right: 20px;
}

#main_content #left{
	float: left;
	width: 575px;
	margin-top: 15px;
	margin-left: 25px;
	font-size: 12px;
	margin-right: 50px;
}
.main_line{
	float: left;
	width: 1px;
	min-height: 257px;
	border-left: 1px solid #CCC;
	position: relative;
	margin-left: -50px;	
	margin-top: 15px;
}

.arrow{
	content: url('../imgs/arrow.png');
	margin-right: 5px;
}
#content_container{
	min-height: 350px;
}
#main_content #left p{
	width: 550px;	
	text-align: justify;
}

#valve_parts{
	margin-top: -10px;
}
#valve_parts img{
	vertical-align: middle;
	margin-right: 15px;
}
#main_content #quickship{
	width: 262px;
	height: 100px;
	color: #434343;
	margin-top: 25px;
	margin-left: -28px;
}

#main_content #quickship strong{
	color: #000;
}

#main_content #quickship img{
	margin-left: -25px;
	margin-top: 15px
}

#main_content #quickship p{
	margin-bottom: 10px;
}

#main_content h4{
	font-size: 14px;
	color: #333;
}

#main_content #right #whats_new .news{
	width: 200px;
	margin-bottom: 15px;

}

#main_content #right #whats_new h{
	margin-left: -35px;
}

#main_content #right #whats_new div.news p{
	font-size: 12px;
	color: #434343;
}


/**
 * About us page
 */
#aboutus{
	font-size: 12px;

}
	
#about_content{
	margin-top: 15px;
	padding-left: 25px;
	padding-right: 25px;
	/**padding-left: 240px;**/
}

#aboutus p{
	margin-top: 5px;
	margin-bottom: 10px;
}

#aboutus table tr td{
	padding-top: 3px;
}

#aboutus table tr td.year{
	font-weight: bold;
	width: 75px;
}

#aboutus h2{
	color: #000;
	font-size: 14px;
}
/**
 * Products Page
 */
#products{
	padding-bottom: 10px;
}
#products #product_content{
	margin-left: 20px;
	margin-right: 15px;
}

#products h3{
	margin-top: 15px;
}

#products p{
	font-size: 12px;
	color: #434343;
	margin-bottom: 5px;
}

#products table{
	width: 615px;
	float: left;
	border-collapse: collapse;
	margin-top: 25px;

}
#products table tr td{
	padding: 5px;
	border-bottom: 1px solid #CCC;
	font-size: 12px;
}
#products table tr td a{
	font-size: 12px;
}
#products table tr td.logo{
	width: 110px;
	padding-left: 0px;
}

#products #right_image{
	margin-top: 35px;
	margin-right: 20px;
}
#products .image{
	margin-top: -40px;
}
/**
 * News & Events
 */
#news{
	font-size: 12px;
	padding-bottom: 25px;
}

#news #news_content{
	padding-top: 20px;
	width: 850px;
	margin-left: 15px;
	height: 100%;
}

#events_left{
	width: 200px;	
	float: left;
	padding-top: 15px;
	overflow: hidden;
}
#events_left h3{
	margin-bottom: 5px;
}
#events_right{
	/* margin: 0 auto; */
	width: 550px;
	/**border-left: 1px solid #434343;**/

}
#news .event{
	width: 600px;	
	margin-bottom: 10px;
	padding-bottom: 15px;
	padding-right: 10px;
	padding-left: 5px;
}

#news #events{
	width: 750px;
	margin: 0 auto;
}


#news .image{	
	margin-right: 20px;
	float: left;
	padding-left: 15px;
}
/**
 * Contact Page
 */
#contact{
	padding-bottom: 50px;

}
#contact #links{
	font-size: 12px;
	border-right: 1px solid #af122b;
	border-left: 1px solid #af122b;
	border-bottom: 1px solid #af122b;
}

#contact #links ul li{
	float: left; 
	background-color: #ECECEC;
}
#contact #links .selected{
	background-color: #D6D6D6;
}

#contact #links ul li:hover{
	background-color: #D6D6D6;	
}

#contact #links a{
	display: block;
	height: 10px;
	width: 90px;
	min-width: 90px;
	text-align: center;
	padding: 10px;
}

#contact #links a:hover{
	background-color: #D6D6D6;
}

#contact_content{
	margin-top: 25px;
	padding-left: 115px;
	padding-right: 10px;
	float: left;
	width: 480px;
	border-right: 1px solid #CCC;
	min-height: 350px;
}

#contact_content.move_left{
	margin-left: -80px;
	width: 560px;
}
#contact #middle{
	width:  600px;
	margin-top: 15px;
	font-size: 14px;
}
#contact #middle h4{
	font-size: 14px;
}
#contact form label{
	float: left;
	font-weight: bold;
	min-width: 100px;
	text-align: left;
	margin-right: 15px;
}


#contact .rfq{
	margin-left: 0px;
}

#contact .rfq input[type=text]{
	width: 350px;
}

#contact .rfq textarea{
	width: 340px;
}
/**
 * Error stuff
 */
p.error{
	/*
background-image: url('../imgs/error_red.png'); 
	background-position: right;
	background-repeat: no-repeat;
*/
}
p.error input[type=text], p.error textarea, p.error input[type=password]{
	border: 1px solid #af122b;
	background-color: #fec6c1;
}

#contact p.error input[type=text]{
	border: 1px solid #af122b;
	background-color: #fec6c1;	
}

p.error label{
	color: #af122b;
	font-weight: bold;
}
p.error img{
	display:inline;
}
#contact p.error img{
	display:inline;
}
#contact form{
	margin-left: -85px;
}
#contact form p{
	clear: both;
	margin-top: 10px;
}

#contact form p img{
	display: none;
}

#contact form input[type=text], #contact form textarea{
	width: 400px;
	border: 1px solid #333;
	background-color: #EEE;
	font-size: 14px;
	margin-left: -30px;
}
#contact form textarea .error{
	border: 1px solid #af122b;
	background-color: #fec6c1;
}
#contact select{
	margin-top: 20px;
}

#contact form textarea{
	width: 350px;
	height: 100px;
}

#contact input[type=submit]{
	height: 24px;
	width: 100px;
	margin-left: -30px;
}


#contact #contact_info{
	margin-top: 35px;
}

#contact_right{
	font-size: 12px;
	height: 100%;
}
#contact_right h4{
	font-size: 12px;
}

#contact_right h4.top_margin{
	margin-top: 20px;
}

#contact .contact_right{
/* 	border-left: 1px solid #CCC; */
	padding-left: 15px;
	margin-top: 30px;
	padding-bottom: 15px;
	width: 270px;
}
#contact_content .agents{
	width: 300px;
	color: #434343;
	margin-left: -15px;
}
/**
 * Login Area
 */
#login{
	margin: 50px auto 0 auto;
	width: 625px;
}
#login h2{
	text-align: center;
	color: #af122b;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: -25px;
}
#login #login_left{
	height: 300px;
	text-align: left;
	border-right: 1px solid #CCC;
	padding-right: 20px;	
}

#login div.error{
	text-align: center;
	color: #af122b;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: -30px;
	position: absolute;
	width: 300px;
}
#login #login_left .padding{
	height: 50px;
}
/**
#login #login_right{
	height: 100px;
	padding-left: 20px;
}
#login #login_right p{
	margin-top: 10px;
}
#login #login_right p label{
	float: left;
	width: 75px;
}

#login #login_right form{
	margin-top: 50px;
}

#login #login_right a{
	margin-left: 20px;
	font-size: 12px;
	color: #000;
	text-decoration: underline;
}
**/
#login #login_right{
	height: 100px;
	width: 400px;
	padding-left: 20px;
	margin: 50px auto;
}
#login #login_right p{
	margin-top: 10px;
}
#login #login_right p label{
	float: left;
	width: 80px;
	font-weight: bold;
}

#login #login_right form{
	margin-top: 50px;
}

#login #login_right input[type=text],#login #login_right input[type=password]{
	padding: 3px;
	width: 230px;
}

#login #login_right a{
	margin-left: 10px;
	font-size: 12px;
	color: #000;
	text-decoration: underline;
}

#login #login_right input[type=submit]{
	height: 22px;
}

#login_right #forgot_password{
	margin-left: 20px;
	width: 320px;
}

/**
 * Welcome Main Menu
 */
#welcome_right{
	width: 225px;
	margin: 0 auto;
	padding-bottom: 20px;
}

#welcome_right h3{	
	text-align: left;
	font-size: 16px;
	margin-bottom: 5px;
}
#welcome_right ul li{
	margin-bottom: 2px;
}
#welcome_right a{
	font-size: 14px;
	color: #333;
}
#welcome_right a:hover{
	color: #000;
	text-decoration: underline;
}

/**
 * Events add/edit pages
 * Also news
 */
.menu a{
	font-size: 14px;
	color: #AAA;
}
.menu a:hover{
	color: #333;
}
#edit_event{
	margin: 25px auto;
	width: 510px;
}
#edit_event h3{
	margin-bottom: 10px;
}
#edit_event p{
	margin-bottom: 15px;
	width: 105%;
}
#edit_event p a{
	float: right;
}
#edit_event .register p{
	margin-bottom: 15px;
}
#edit_event p.clear{
	margin-top: 40px;
}
#edit_event label{
	float: left;
	width: 85px;
	padding-right: 15px;
	font-weight: bold;
}

#edit_event input[type=text], #edit_event input[type=file]{
	width: 75%;
}
#edit_event form p img.click{
	float: left;
	margin-left: 5px;
	margin-top: 2px;
	position: absolute;
}
#edit_event .error h3{
	font-size: 16px;
}
#edit_event .error ul li{
	margin-left: 25px;
	font-size: 14px;
	padding-bottom: 2px;
	list-style: square;
}
#edit_event .error ul{
	margin-bottom: 15px;
}

/**
 * Event listingss..
 */
#event_list{
	padding-left: 20px;
	padding-right: 20px;
	margin: 25px auto;
	font-size: 14px;
	padding-bottom: 50px;
}
#event_list h2{
	font-size: 16px;
	color: #434343;
	margin-bottom: 20px;
}

#event_list h2.red{
	color: #af122b;
}

#event_list table{
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 30px;
}
#event_list table tr .noborder{
	border-top: none;
	border-bottom: 1px solid #A7A7A7;
	border-left: none;
	border-right: none;
	padding: 1px;
	font-size: 12px;
	font-weight: bold;
}
#event_list table tr td.icon{
	width: 70px;
}
#event_list table tr td.download{
	width: 30px;
}
#event_list table tr td{
	border: 1px solid #A7A7A7;
	padding: 5px;
	text-align: left;
}
#event_list table tr.alt{
	background-color: #F2F2F2;
}
#event_list table tr td a{
	color: #353535;
	font-weight: bold;
	
}
#event_list table tr td a.red{
	color: #af122b;
	font-weight: bold;
	
}
#event_list table tr td a:hover{
	color: #000;
}
#event_list #pagination{
	margin-top: 15px;
	text-align: center;
}
#event_list #pagination a{
	color: #333;
}
#event_list h4.sub{

	margin-bottom: 10px;
	margin-top: 10px;
}

#event_list h3{
	margin-top: 10px;
}
/**
 * Upload Page
 */
#add_docs{
	width: 600px;
	margin: 25px auto;
}
#add_docs label{
	margin-left: 15px;
}
#add_docs p{
	margin-bottom: 10px;
}
#add_docs input[type=submit]{
	margin-right: 80px;
}

#add_docs div.error{
	margin-bottom: 10px;
}


/**
 * news page
 */
#news_items{
	padding-left: 10px;
}

/**
 * Site Map
 */
#sitemap{	
	margin-left: 65px;
	padding-top: 10px;
	padding-left: 50px;
	padding-right: 25px;
}

#sitemap p{
	margin-top: 10px;
}

#sitemap ul li{
	font-size: 14px;
}
#sitemap ul li ul li{
	font-size: 12px;
	margin-bottom: 5px;

}
#sitemap #links{
	width: 375px;
}
#sitemap a{
	color: #af122b;
}

#sitemap a:hover{
	text-decoration: underline;
}

#sitemap .company, #sitemap .products, #sitemap .contact, #sitemap .customer, #sitemap .general{
	margin-right: 50px;
	margin-top: 15px;
}
#sitemap .customer{
	clear: left;
}
/**
 * Products Pages
 */
#product_page{
	padding-left: 20px;
	padding-top: 20px;
}
#product_page .image{
	float: right;
	margin-right: 30px;	
}

#product_page .text{
	float: left;
	width: 400px;
}

/**
 * Article View
 */
#view{
	padding-left: 20px;
	padding-top: 10px;

}

#view h3{
	font-size: 16px;	
}
#view .image{
	text-align: left;
	margin: 10px 0 10px 0;
}
#view h4{
	margin-top: 10px;
	margin-bottom:5px;
}
#view .news, #news .news{
	padding-bottom: 10px;
	/**border-bottom: 1px solid #434343;**/
	margin-bottom: 10px;
	width: 200px;
}

#view .news a{
	font-size: 12px;
}

#view .post{
	margin-top: 15px;
	margin-left: 300px;
	padding-left: 15px;
	border-left: 1px solid #CCC;
	min-height: 700px;
}
/**
 * Recent News
 */
#recent_news{
	width: 750px;
	margin: 0 auto;
}

#recent_news .post{
	margin: 15px auto;	
}

#recent_news .post img{
	margin-bottom: 10px;
}

#recent_news .post h4{
	font-size: 16px;
}
#recent_news .post p{
	margin-top: 10px;
	padding-right: 20px;
}

#recent_news .text{
	width: 450px;
	
}
#recent_news .image{
	margin-bottom: 30px;
}
/**
 * Thank you page
 */
#thankyou{
	margin-top: 15px;
	text-align: center;
}

#thankyou h3{
	font-size: 16px;
}

/**
 * Privacy Policy
 */
#privacy_policy{
	margin-left: 20px;
	margin-right: 20px;
}

/**
 * Content
 */
#content_edit p{
	margin-bottom: 10px;
}