/* SOPTECH WEBSITE */
body {	
	background: #1a2063 url(../images/bg_site.jpg) repeat-x;  
	/*color: #666;
	font-family: Calibri, Arial, Helvetica, sans-serif;*/
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;		
}

form {
	margin: 0;
	padding: 0;
}

table,img {
	border: 0;
}

input, select, textarea {
    font-size: 12px;
}

/* to remove FireFox 3 href outlines */
a:active, a:focus, input[type="image"] {
	-moz-outline-style: none;
}

.ulFormat {
	list-style: none;
	margin: 0;
	padding: 0;
}

.dlFormat {
	margin: 0;
	padding: 0;
}

	.dlFormat dd {
		margin: 0;
		padding: 0;
	}


#siteWrapper {		
	margin: 0 auto;			
	padding: 0;
	width: 1002px;	
}

	ul#parent {
		list-style: none;
		margin: 0;
		padding: 0;		
	}
	
		/* header styles */
		li#siteHeader {
			float: left;
			list-style: none;	
			margin: 0;
			padding: 0;			
			width: 1002px;
			position: relative;
		}
		
			#topNavBar {
				float: right;
				height: 34px;
				padding-right: 25px;
			}
			#topNavBarAppend {
			    
			}
			
			#logoBar {
				clear: both;
				list-style: none;
				margin: 0;
				padding: 0;
				width: 1002px;
			}
			
					#logoBar li {
						float: left;
						font-size: 0;
						height: 184px;
						line-height: 0;
						vertical-align: bottom;
					}
					
						#logoBar li.rotatorDisplay {
							float: right;							
						}
						
			#userBarWrapper {
					background-image: url(../images/bg_topbar.gif);
					background-position: left bottom;
					background-repeat: no-repeat;
					bottom:0;
					right:25px;
					position: absolute;
					width: 927px;
				}
					
					#userBar {
						float: right;
						height: 31px;
					}
					
						#userBar li {
							float: left;
						}
						
							#userBarText {
								background-color: #025493;
								color: #FFF;								
								font-weight: bold;
								line-height: 31px;								
								height: 31px;
								padding: 0 5px;
							}
							
							#userBarText a {
								color: #CCC;
								text-decoration: underline;
							}
							#userBarText a:hover, #userBarText a:hover {
								color: #FFF;
								text-decoration: underline;
							}
		
		/* content styles */			
		li#siteContent {
			background-image: url(../images/bg_content.gif);
			background-repeat: repeat-y; 
			float: left;
			list-style: none;	
			margin:0 25px 0 0;
			padding: 0;			
			width: 1002px;			
		}
		
			ul#twoColumnLayout {
				list-style: none;
				margin: 0;
				padding: 0;
				width: 977px;
			}	
			
				li#leftColumn {					
					background-image: url(../images/bg_search.gif);
					background-repeat: no-repeat;
					background-position:70px 15px;
					float: left;					
					height: 604px;
					padding-top: 44px;
					position: relative;
					width: 355px;
				}		
				
					#searchHeading {		
						background-image: url(../images/lbl_search.gif);						
						color: #ace97c;
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size: 24px;
						font-weight: bold;
						line-height: 62px;
						height: 62px;
						left: 114px;
						position: absolute;
						text-align: center;
						top: -31px;
						width: 198px;						
					}
					
					ul#searchBlock {
						list-style: none;
						margin: 0;
						padding: 0;
					}
				
						li#tabHydraulics {						
							background-image: url(../images/bg_hydraulics.jpg);
							background-repeat: no-repeat;
							height: 94px;
							margin-bottom: 8px;
							padding-top: 4px;
							vertical-align: bottom;
						}
						
						li#tabFiltration {
							background-image: url(../images/bg_filtration.jpg);
							background-repeat: no-repeat;
							height: 94px;
							margin-bottom: 8px;
							padding-top: 4px;
							vertical-align: bottom;
						}
						
						li#tabElectronics {
							background-image: url(../images/bg_electronics.jpg);
							background-repeat: no-repeat;
							height: 94px;
							margin-bottom: 8px;
							padding-top: 4px;
							vertical-align: bottom;
						}
						
						li#tabCrossReference {
							background-image: url(../images/bg_crossref.jpg);
							background-repeat: no-repeat;
							height: 94px;
							margin-bottom: 8px;
							padding-top: 4px;
							vertical-align: bottom;
						}
						
						li#secondaryNavigation {
							height: 114px;
							padding: 13px 0 0 83px;
							vertical-align: bottom;
						}
							ul#searchBlock li table {
								margin-left: 93px;							
							}
							
								ul#searchBlock li table th {
									font-weight: normal;
									padding: 2px 0 17px 7px;
									text-align: left;									
								}
								
									h2.searchTitles {
										color: #FFF;
										font-size: 18px;		
										line-height: 18px;
										font-family: Verdana, Arial, Helvetica, sans-serif;								
										font-weight: bold;
										margin: 0;
										padding: 0;		
										text-align: left;								
									}
									
								.searchBoxStyle {
									border: 1px solid #32b502;
									color: #000;
									font-size: 14px;
									line-height: 16px;
									margin: 0 7px 0 0;
									padding: 4px 6px 5px 6px;
									width: 189px;
								}
							
							ul#bottomLinks {
								list-style: none;
								margin: 0;
								padding: 0;
							}
							
								ul#bottomLinks li {
									height: 38px;
									vertical-align: bottom;
								}
								
									ul#bottomLinks li a span {
										margin-left: 50px;
										display: block;
									}
								
									a#btnTamagawa {
										background-image: url(../images/btn_tamagawa_off.gif);
										color: #000;
										font-family: Verdana, Arial, Helvetica, sans-serif;
										font-size: 18px;
										display: block;
										height: 38px;
										line-height: 38px;
										text-decoration: none;
										width: 255px;
									}
									
										a#btnTamagawa:hover, a#btnTamagawa:active {
											background-image: url(../images/btn_tamagawa_over.gif);
											color: #FFF;
											font-family: Verdana, Arial, Helvetica, sans-serif;
											font-size: 18px;
											display: block;
											height: 38px;
											line-height: 38px;
											text-decoration: none;
											width: 255px;
										}
									
									a#btnAccuCoder {
										background-image: url(../images/btn_accucoder_off.gif);
										color: #000;
										font-family: Verdana, Arial, Helvetica, sans-serif;
										font-size: 18px;
										display: block;
										height: 38px;
										line-height: 38px;
										text-decoration: none;
										width: 255px;
									}
									
										a#btnAccuCoder:hover, a#btnAccuCoder:active {
											background-image: url(../images/btn_accucoder_over.gif);
											color: #FFF;
											font-family: Verdana, Arial, Helvetica, sans-serif;
											font-size: 18px;
											display: block;
											height: 38px;
											line-height: 38px;
											text-decoration: none;
											width: 255px;
										}
										
									a#btnContactUs {
										background-image: url(../images/btn_contactus_off.gif);
										color: #000;
										font-family: Verdana, Arial, Helvetica, sans-serif;
										font-size: 18px;
										display: block;
										height: 38px;
										line-height: 38px;
										text-decoration: none;
										width: 255px;
									}
									
										a#btnContactUs:hover, a#btnContactUs:active {
											background-image: url(../images/btn_contactus_over.gif);
											color: #FFF;
											font-family: Verdana, Arial, Helvetica, sans-serif;
											font-size: 18px;
											display: block;
											height: 38px;
											line-height: 38px;
											text-decoration: none;
											width: 255px;
										}
				
				li#rightColumn {
					float: left;
					min-height: 640px;
					height:auto !important;
					height: 640px; 
					position: relative;
					width: 622px;
				}				
				
				li#rightColumnHome {
					background-image: url(../images/background_home.jpg);
					background-position: bottom right;
					background-repeat: no-repeat;
					float: left;
					min-height: 648px;
					height:auto !important;
					height: 648px; 
					position: relative;
					width: 622px;
				}
				
					#contentPadding {
						line-height: 18px;
						margin-bottom: 15px;
						padding: 25px 25px 0 25px;
					}			
					
					/* home page styles */
					h1#tagline {
						background: none;
						/*color: #124c8c;*/
						color: #000;
						float: left;								
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size: 22px;
						font-weight: normal;						
						line-height: 150px;						
						margin: 0;					
						padding: 0;
					}
					
					#homeBlock th {
						border-bottom: 1px solid #CCC;
						margin-bottom: 10px;
						padding: 10px 0 10px 0;
					}
					
					#homeBlock td {
						clear: both;
					}
					
						#homeBlock h2 {
							margin-top: 10px;
						}
						
						#homeBlock p {
							margin-top: 0;
							line-height: 17px;
						}				
						
						#homeBlock img {
							float: right;
							padding-left: 20px;
						}
	
					/* search page styles */
					
					h1#itemTitle {
						 float: left;
						 width: 444px;
					}
					
					#itemFavorite {
						float: right;
						margin: 10px 5px 0 0;
						width: 108px;
						
					}
					
					ul#searchResults {
						list-style: none;
						margin: 0;
						padding: 0;
					}
					
						table.searchResults tr.resultRow {
							height:91px;
							margin-bottom:4px;
							padding:0 5px;
							background-image: url(../images/bg_search.jpg);							
							background-position: left;
							background-repeat: no-repeat;
					    }
					    table.searchResults tr.resultRowAlt {
							height:91px;
							margin-bottom:4px;
							padding:0 5px;
							background-image: url(../images/bg_search_alt.jpg);
							background-position: left;
							background-repeat: no-repeat;							
					    }
					    table.searchResults tr td.resultData {
							height:91px;
							padding:0 5px;
					    }
						table.searchResults td table {
							height: 91px;
							margin-bottom: 4px;								
						}
					    table.searchResults tr.searchNav td {
					        padding:5px 0;
					        font-weight: bold;
					        text-align: center;
					    }
					        table.searchResults tr.searchNav td a {
					            font-weight: normal;
					            text-decoration: underline;
					            margin:0 2px;
					        }
					        table.searchResults tr.searchNav td span {
					            margin:0 2px;
					        }
					    
						ul#searchResults li {
							height:91px;
							margin-bottom:4px;
							padding:0 5px;
						}
						
							ul#searchResults li table {
								height: 91px;								
							}
						
								ul#searchResults li.resultRowAlt {							
									background-image: url(../images/bg_search_alt.jpg);
									background-position: left;
									background-repeat: no-repeat;							
								}
								
								ul#searchResults li.resultRow {
									background-image: url(../images/bg_search.jpg);							
									background-position: left;
									background-repeat: no-repeat;
								}
								
									.resultLabel {
										color: #025493;
										font-size: 14px;
										font-weight: bold;
										white-space: nowrap;		
									}
									
									.resultValue {
										color: #929393;
										font-size: 18px;
									}
									
									.resultValueFocus {
										color: #58b70d;
										font-size: 18px;
									}
									
									.strike {
										text-decoration: line-through;
									}
									
									.buttonSpacer {
										padding-top: 5px;
									}
									
									.buttonSpacerFull {
										padding: 5px 0;
									}
									
									.itemList {
										padding-right: 20px;
										text-align: right;
									}
									
									.itemYour {
										text-align: right;
									}
									
									span.descOverflow {
										overflow: hidden;
										width: 350px;						
										display: block;	
										white-space: nowrap;		
									}
									
					/* item detail page styles */				
					p.partCaption {
		                border-bottom: 1px solid #025493;
						color: #333;
						font-size: 15px;
		                font-weight: bold;		               
		                margin: 15px 0 0 0;
		                padding: 0 0 15px 0;
					}
					
					p.partOverview {
						color: #bd110d;
						font-size: 15px;
		                font-weight: bold;		               
		                margin: 15px 0 0 0;
		                padding: 0 0 15px 0;
					}
					
					table#relatedItems th, table.relatedItems th {
						color: #025493;
						font-size: 14px;
						padding: 10px 5px 0 5px;
						text-align: left;						
					}
					    
					
					table#relatedItems td, table.relatedItems td {
						border-bottom: 1px solid #025493;
						color: #999999;
						font-size: 18px;
						margin-bottom: 5px;
						padding: 0 5px;
						text-align: left;													
					}
					
					    table#relatedItems tr.itemDetails td, table.relatedItems tr.itemDetails td {
	                        border: 0;
	                        margin-bottom: 0;
					    }
					    
					    table#relatedItems tr.itemDesc td, table.relatedItems tr.itemDesc td {
	                        margin: 0;
	                        padding-bottom: 10px;
					    }

					table#relatedItems td.yourPrice, table.relatedItems td.yourPrice {
					    border: 0;
						color: #025493;
						font-size: 19px;
						font-weight: bold;
						line-height: 49px;
						padding-top: 5px;
						text-align: right;
					}
					
					table#relatedItems td.yourPriceOff, table.relatedItems td.yourPriceOff {
					    border: 0;
						color: #c2c2c2;
						font-size: 19px;
						font-weight: bold;
						line-height: 49px;
						padding-top: 5px;
						text-align: right;
					}
					
						table#relatedItems td.yourPrice img, table#relatedItems td.yourPriceOff img, table.relatedItems td.yourPrice img, table.relatedItems td.yourPriceOff img {
							padding-right: 5px;
						}
					
					table#relatedItems td.itemAdd, table.relatedItems td.itemAdd {
					    /*
					    border: 0;
					    */
						width: 84px;
					}

					.cartInput {
						border: 1px solid #025493;
						width: 20px;
						text-align: right;						
					}

					#itemCheckout {
						float: right;
						padding: 15px 5px 0 0;
					}

					/* Shopping Cart Styles */
					#shoppingCart {
						margin: 0;
						padding: 0;
					}
					
						#shoppingCart th {
							color: #025493;
							font-size: 14px;
							padding: 0 5px;
							text-align: left;
						}
	
						#shoppingCart td {
							border-bottom: 1px solid #025493;
							color: #999999;
							font-size: 18px;	
							line-height: 37px;					
							padding: 0 5px;
							text-align: left;
						}
						
						    table#shoppingCart tr.cartItemDetails td {
	                            border: 0;	                            
	                            margin-bottom: 0;
	                            padding-bottom: 0;
					        }
    					    
					        table#shoppingCart tr.cartItemDesc td {
	                            margin: 0;
	                            line-height: normal;
	                            padding-bottom: 5px;
					        }
    						
						
	
							#shoppingCart .cartPricing, #shoppingCart .cartQty {
								text-align: right;
							}
							
							#shoppingCart .cartReviewQty {
								text-align: center;
							}
							
							#shoppingCart .cartAdjustment {								
								padding-left: 0;	
							}
							
							#shoppingCart .cartAdjustment .minusAdjustment {
								width: 59px; 
							}
							
							#shoppingCart .cartAdjustment .minusButton {
								margin-right: 5px;
								width: 27px;
							}

							#shoppingCart .cartAdjustment .addButton {
								width: 27px;
							}
							
						#cartTotal, #shipTotal, #plusTotal {
							color: #025493;
							font-size: 19px;
							font-weight: bold;
							padding: 10px 5px 0 0;
							text-align: right;
						}
						#plusTotal { padding: 2px 10px 2px 0; }
						#shipTotal { padding: 0 5px 0 0; }
						
						.checkoutNav {			
							padding: 10px 5px 0 0;
							text-align: right;							
						}
	
						
						
					/* Checkout Styles */
					ul#checkoutData li {
						float: left;
						width: 50%;
					}
					
					ul#checkoutData li.nextRow {
                        clear: left;
                        float: left;
                        width: 100%;
					}
					
						ul#checkoutData .areaPadding {
							padding: 15px;
						}
						
							ul#checkoutData .areaPadding p {
								color: #025493;
								font-size: 16px;								
								font-weight: bold;
								margin-top: 0;
							}
							
								ul#checkoutData .areaPadding p.caption {
									color: #666;
									font-size: 11px;									
								}
								
							ul#checkoutData .areaPadding table th {
								font-weight: bold;
								text-align: left;
						    }
						    
						        ul#checkoutData .areaPadding table th table {
						            font-weight: normal;
						        }
						    
						        ul#checkoutData .areaPadding table span.instructions {
						            font-size: 11px;
						            font-style: italic;			
						            font-weight: normal;			            
						        }   
					
						h2.checkout {
								background-image: url(../images/bg_subtitle.jpg);
								background-repeat: no-repeat;
								color: #025493;
								font-family: Verdana, Arial, Helvetica, sans-serif;
								font-size: 16px;
								font-weight: bold;	
								line-height: 28px;
								height: 28px;
								margin: 0;
								padding: 0 0 0 15px;	
								text-align: left;											
							}					
							
							.checkoutInput {
								border: 1px solid #025493;								
							}
							
							.checkoutInputTextarea {
								border: 1px solid #025493;	
								font-family: Arial, Helvetica, sans-serif;
								overflow: auto;
								width: 240px;							
							}
							
							input.noBorder {					
								border: 0;
								width: auto;
							}
							
					    ul#checkoutData li#checkoutNav {
							clear: both;							
							padding: 10px 5px 0 0;
							text-align: right;
							width: 100%;
						}		
						
							ul#checkoutData li#checkoutNav a, .checkoutNav a, #itemCheckout a, .checkoutNav .spacing {
								margin-right: 8px;
							}		
							
					/* Order Review Styles */
					ul#checkoutData .areaPadding table span.checkoutEntry {
					    color: #669ac0;					    
						padding: 0 5px;		
					}
		
		li#contentBottom {
			clear: both;
			float: left;
			height: 20px;
			padding-left: 50px;
			width: 977px;
		}
		
		/* footer styles */
		li#siteFooter {
			clear: both;
			color: #CCC;
			float: left;
			list-style: none;	
			margin: 0;
			padding: 6px 25px 6px 50px;
			width: 927px;		
		}
	
			li#siteFooter ul, li#siteFooter ul li {
				list-style: none;	
				margin: 0;
				padding: 0;
			}
			
				li#siteFooter ul li#ccLine {
					float: left;
					padding-left: 15px;
				}

				li#siteFooter ul li#copyrightLine {
					float: left;
					padding-left: 15px;
				}
				
				li#siteFooter ul li#addressLine, li#siteFooter ul li#recycleLine {
					float: right;
					padding-right: 15px;
					text-align: right;										
				}
			
					address {
						font-style: normal;
					}
					
					.phoneNumber {
						font-size: 18px;
						line-height: 18px;
						margin-top: 0;
						text-align: right;					
					}
		
				li#siteFooter ul li a { 
					color: #CCC;
					margin-top: 0;					
					text-decoration: none;
				}
				
					li#siteFooter ul li a:hover, li#siteFooter ul li a:active { 
						color: #FFF;
						margin-top: 0;						
						text-decoration: underline;
					}

/* General site styles */

/* leave these two alone for now*/
.buttonBlue {
	background-image: url(../images/bg_buttonblue.gif);
	border: 0;
	color: #FFF;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	height: 34px;
	line-height: 34px;
	width: 108px;	
}

.buttonBlueOver {
	background-image: url(../images/bg_buttonblue_over.gif);
	border: 0;
	color: #ace97c;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	height: 34px;
	line-height: 34px;
	width: 108px;	
}

a {
	color: #0A78b4;
	text-decoration: none;
}


a:hover, a:active, h2 a:hover, h2 a:active  {
	color: #0A78b4;
	text-decoration: underline;
}

h1 {
	background-image: url(../images/bg_title.jpg);
	background-repeat: no-repeat;
	color: #025493;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;	
	line-height: 47px;
	height: 47px;
	margin: 0;
	padding: 0 0 0 15px;
}

h2 {
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-right: 5px;
}

p {
	/*font-family: Calibri, Arial, Helvetica, sans-serif;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*font-weight: bold;*/
}

ul {
	list-style-type: circle;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.clearBoth {
	clear: both;
}

.nowrap {
	white-space: nowrap;
}

.errorMessage {
    color: blue;
}

.errorMessage ul {
    list-style-type: disc;
    margin: 15px;
    
}

/* General Form Styles */
dl.contentForm {
	margin-left: 0;
	padding-left: 0;
}

dl.contentForm dt {
	clear: left;
	float: left;
    text-align: right;
	width: 125px;
	padding: 2px;
	margin-right: 4px;
}

dl.contentForm dd {
	margin-left: 0;
	padding: 2px;
}

	dl.contentForm dd label {    
		font-weight: bold;    
	}

	dl.contentForm .formInput {
		border: 1px solid #025493;	
		width: 200px;							
	}
	
	dl.contentForm label.req {
		font-weight: bold;				
	}
	
	dl.contentForm input.req {
		background-color: #EEF7FC;
	}