/*
 * -----Layout CSS-------
 * 
 * 
 * Layout Framework for starting project
 * 
 */
/**** Reset *****/
* {
	margin: 0;
	padding: 0;
}
.clear{
	clear:both;
}
/**********************************
 * 
 *  Core
 *  
 ********************************/
html {
	/*background: #666666 url(../images/background.jpg) repeat;*/
}
	body {
		color: #333;
	 	font-size: 62.5%; 
	 	margin-bottom: 40px;
        font-family: Verdana, Lucida, sans-serif; 
		background: #666666 url(../images/background.jpg) repeat;
	}
/**********************************
 * 
 *  Containers 
 *  
 ********************************/
#globalContainer { /*contains everything */
	width: 960px;
	margin: 0 auto;
    
    
}
#Container { /*contains everything except footer */
	width: 960px;
	/*background: */
	}
    
        
 #Container .centerFill{
    background: transparent url(../images/layoutBG.gif) repeat;
    }
    
    #Container .topLayout{
        background: url(../images/layoutTop.gif) no-repeat scroll;
       height: 10px;
        
    }
    
    #Container .bottomLayout{
        background: url(../images/layoutBottom.gif) no-repeat scroll;
        height: 10px;
    }
	
	#Container .topHead{
		margin: 0 auto;
    	background: url(../images/HeaderTop.png) no-repeat scroll;
    	height: 10px;
		width: 720px;
        
    }
    #Container .bottomHead{
		margin: 0 auto;
        background: url(../images/HeaderBottom.png) no-repeat scroll;
        height: 10px;
		width:720px;
    }
/**********************************
 * 
 *  Header
 *  
 ********************************/ 
 #Header {
    width: 720px; 
    margin: 0 auto;
    overflow: hidden;
	background: url(../images/headerBG.png) repeat;
    
}
	#HeaderText {
		float: left;
		width: 405px;
		position: relative;
		top: 25px;
		left: 25px;
		
	}

    #Header h1 { 
        color: #fff; 
        font-size: 3.2em; 
        font-family: Tahoma, Verdana, sans-serif;
        font-weight: 300;
        /*padding: 20px 0 0 30px;*/
		/*float: left;*/
    }
    #Header p {
        font-size: 1.2em;
        color: #fff;
       /* clear: left;*/
		margin: 0 0 0 10px;
		/*margin: 100px 0 0 310px;*/
    }
    #Header img {
        display: block;
		padding: 5px 15px;
		float: left;
    }
#EquipSale{
	float: left;
	position: relative;
	top: 55px;  /*55*/
	left: 150px; /*left: 132px;*/
}
	#EquipSale p{
		margin: 0;
	}
	#EquipSale a{
		color:#fff;
		
	}
	#EquipSale a:hover{
		color:#9c9598;
		text-decoration:none;
	}
	
	
/**********************************
 * 
 *  Navbar
 *  
 ********************************/
#navbarContainer {
	width:100%;
	overflow: hidden;
	margin:0 0 15px 0;

}



#navbar {
   	/*width: 100%;*/    /*originally 960*/
    
	/*margin: 0 auto;*/
  	float:left;
	/*padding-top: 5px;*/
    position: relative;
	left: 50%;
	/*background: #4ea3d7 url(../images/[navbarImage]) no-repeat center bottom;*/
    
}    

#navbar .leftEnd {
        height: 30px;
        background: url(../images/navLeftEnd.png) no-repeat scroll;
        float: left;
        position: relative;
        right: 50%;
        min-width: 22px;
       
}

#navbar .rightEnd {
        height: 30px;
        background: url(../images/navRightEnd.png) no-repeat scroll;
        float: left;
        position: relative;
        right: 50%;
        min-width: 22px;
       
}

   /* #navbar a.home{ 
	 	width: 253px; 
	 	margin: 0;
		height: 35px;
		overflow: hidden;
		display:block;
		background: #888 url(../images/home.gif) no-repeat top left;
		float:left;
	}
	#navbar a.home span { 
			display:none;
		}*/
   
	#navbar ul {
        
        float: left;
        list-style: none;
        margin: 0;
        padding:0;
        position: relative;
        right: 50%;
        text-align: center;
        }
		#navbar ul li { 
		 	display: block;
            float: left;
            list-style: none;
            margin: 0;
            padding: 0;
            position: relative;
            /*right: 50%;*/
			line-height: 3em;
			
			}
		#navbar ul li a { 
			/*float: left;*/
            text-decoration: none;
			display: block; 
			/*height: 2.3em; */
			font-size: 1.6em; 
			padding: 0 10px;
			color: #fff; 
			background: #999999 url(../images/navBG.png) repeat-x;
			}	
		#navbar ul li a:hover, #navbar ul li a.current { 
			/*background: #BBBBBB;*/
            color: #9c9598;
			}	
/**********************************
 * 
 *  Layout Wrappers
 *  
 ********************************/

#layout {	/* contains sidebar & content */
	width: 960px;
	clear: both;
	overflow: hidden;
	margin: 0px auto;
	background: #FFFFFF;
   
}
#content {

	width: 660px;
	float: right; 	
	margin: 10px 20px 5px 15px;
	text-align: left;
	background: #CCCCCC;
	padding:20px;	
} 
#contentM1 {
	margin: 10px 15px 5px 15px;
	text-align: left;
	background: #CCCCCC;
	padding:20px;
}

/**********************************
 * 
 *  Breadcrumbs
 *  
 ********************************/
#breadcrumbs { 
 	color: #000000;
	text-align: left;
	font-size: 0.9em; 
	margin:5px 10px 0 15px;
	}
	#breadcrumbs p {
		margin 5px;
		padding: 0;
	}
/**********************************
 * 
 *  Sidebar
 *  
 ********************************/
#sidebar {
 	width: 200px; 
	float: left;  
	margin: 10px 5px 5px 20px; 
	padding: 0;
	background: #000000;
}
	#sidebar .sidebarBox{
		margin: 0 0 5px 0;
		padding-bottom: 2px;
		background: #e2e1e1 url(../images/sidebarHeader.gif) no-repeat left top; 
	}
		#sidebar  h3 { 
			color: #FFFFFF;
			font-weight: 700; 
			font-size: 1.4em; 
			margin: 0 0 10px 0;
			padding: 1px 0 0 10px;
			/*background: #58ade1;*/
		}
		#sidebar ul {
			margin: 2px 0 5px 0;
		}
		#sidebar li {
			margin: 8px 2px;
			list-style: none;
		}
		#sidebar a {
		font-style: normal;		
		}
		#sidebar a:hover, #sidebar a.current{
			color: #333333;
			
		}
    	ul#Menu2 li { 
    	/*font-size: 0.9em;*/ 
    	margin: 1px 0 5px 4px;
        list-style: none;
    	}
	    	ul#Menu2 li a {
	            display: block;
	            width: 196px;
	            font-size: 1.2em;
	            height: 1.8em;
	            line-height: 1.8em;
	            color: #898989;
				background: #E2e1e1;
	      	 }
				ul#Menu2 li em {
					padding-left: 8px;
					display: block;
				}
					ul#Menu2 li li em {
						padding-left: 0;
					}
	      	/* Level 1 
	      	- We use 3 elements for the nav to get 3 background images applied.
	            * span - topleft rounded corner
	            * em - bottomleft rounded corner
	            * a - arrow on the right
	            <a><span><em></em></span></a>
	      	*/
	      	ul#Menu2 li a:hover,
	      	ul#Menu2 li a.current,
	      	ul#Menu2 li a.current:hover {
	        	background: #d0cece url(../images/sidebarSideArrow.gif) no-repeat right center;
	        	color: #666;
				cursor: pointer;
	            text-decoration: none;
	      	}
		  	ul#Menu2 li a.current {
		  		font-weight: 700;
		  	}
	      	ul#Menu2 li a.section,
	      	ul#Menu2 li a.section:hover {
	            background: #d0cece;
	            font-weight: 700;
	            width: 193px; 
	      	}
	      	ul#Menu2 li a.levela:hover span,
	      	ul#Menu2 li a.current span,
	      	ul#Menu2 li a.section span,
	      	ul#Menu2 li a.section:hover span,
	      	ul#Menu2 li a.current:hover span {
				background: transparent url(../images/sidebarTopLeftHover.gif) no-repeat left top;
				display: block;
				width: 100%;
				height: 100%;
			} 
			ul#Menu2 li a.levela:hover em,
			ul#Menu2 li a.current em,
			ul#Menu2 li a.section em,
			ul#Menu2 li a.section:hover em,
			ul#Menu2 li a.current:hover em {
	        	background: transparent url(../images/sidebarBottomLeftHover.gif) no-repeat left bottom;
				display: block;
				width: 100%;
	            height: 100%;
	      	}
	      		ul#Menu2 li ul {
	            	height: 100%;
	            	position: relative;
	            	margin: -4px 0 0 0;
	            	width: 193px;
	            	padding: 4px 0 10px 0;
	            	background: #d0cece url(../images/sidebarSectionBottom.png) no-repeat bottom left;
	      		}
	      			ul#Menu2 li ul li {
	            		width: 160px;
	            		background: #d0cece;
	            		padding: 0;
	            		font-size: 0.8em;
	            		display: inline;
	            		margin: 0;
	      			}
	      				ul#Menu2 li ul li ul {
	            			background: #d0cece;
	            			margin-left: 0;
	      				}	
	      
						ul#Menu2 li li a.current,
	      				ul#Menu2 li li a.section,
	      				ul#Menu2 li li a.section:hover,
	      				ul#Menu2 li li a.current:hover {
	            			color: #555;
	            			font-weight: 700;
	            			background: #d0cece;
	      				}
	      					ul#Menu2 li li ul {
	            				margin: 0 0 0 10px;
	            				padding: 0;
	            				width: 175px;
	      					}
	      					ul#Menu2 li li ul .roundWhite {
	            				margin-bottom: -10px;
	      					}
	      			
				/* Sub Menu */
	      		ul#Menu2 li a.levelb {
	            	font-size: 1.7em;
	            	text-indent: 8px;
	            	width: 183px;
					background: transparent;
	            	margin-left: 10px;
	      		}
		  		ul#Menu2 li a.levelb:hover,
	      		ul#Menu2 li li a.current,
	      		ul#Menu2 li li a.current:hover,
	      		ul#Menu2 li li a.section,
	      		ul#Menu2 li li a.section:hover {
	            	background: #BCBCBC url(../images/sidebarSideArrow2.gif) no-repeat right center;
	            	text-decoration: none;
	            	display: block;
	            	color: #555;
	      		}
	      		ul#Menu2 li a.levelb:hover span,
	      		ul#Menu2 li li a.current span,
	      		ul#Menu2 li li a.current:hover span,
	      		ul#Menu2 li li a.section span,
	      		ul#Menu2 li li a.section:hover span {
	            	background: transparent url(../images/sidebarTopLeftHover2.gif) no-repeat left top;
	            	display: block;
	            	width: 100%;
	            	height: 100%;
	      		} 	
	      		ul#Menu2 li a.levelb:hover em,
	      		ul#Menu2 li li a.current em,
	      		ul#Menu2 li li a.current:hover em,
	      		ul#Menu2 li li a.section em,
	      		ul#Menu2 li li a.section:hover em {
	            	background: transparent url(../images/sidebarBottomLeftHover2.gif) no-repeat left bottom;
	            	display: block;
	            	width: 100%;
	            	height: 100%;
	      		}								
	#sidebar .sidebarBottom {
		height: 12px;
		display: block;
		width: 200px;
		margin: -5px 0 0 0;
		background: #EFEFEF url(../images/sidebarBottomBg.gif) no-repeat center bottom;
	}	
/*********************************
 *
 *  In Layout Wrappers
 *
 *********************************/
.imgPreview{
	float:left;
	width:300px;
	margin: 5px 5px 5px 0;
}
	.imgPreview img{
		border: none;
	}
.equipSaleInfo{
	width:300px;
	float: left;
}

/**********************************
 * 
 *  Footer
 *  
 ********************************/
#footer { 
 	clear: both;  
	width: 960px; 
	height: 35px; 
	/*background: #58ade1 url(../images/[footerImage]) no-repeat bottom left; */ 
	}
  	#footer p { 
		color: #000000;
		font-size: 1.1em;
		text-align: center;
		padding: 10px 0 0 0;
		text-align: center;
	}
  	#footer a { 
	   	color: #555; 
	   	text-decoration: none;
		}
		#footer a:hover {
			color: #555;
			text-decoration: underline;
		}
/**********************************
 * 
 *  Search
 *  
 ********************************/
         /* SEARCH RESULTS STYLES
------------------------------------------------ */
ul#SearchResults {
    margin: 10px 0;
}
    ul#SearchResults li {
        list-style: none;
        margin: 5px 0;
        font-size: 1em;
    }

/* SEARCH FORM 
-----------------------------------------------*/
html #SearchForm_SearchForm {
    float: right;
    width: 255px;
    margin: 5px;
}
html #SearchForm_SearchForm .middleColumn {
    float: left;
    width: 164px;
    margin: 0 5px 0 0;
    /*padding: 2px;*/
    background-color: transparent;
    
}
    html #SearchForm_SearchForm .middleColumn input.text {
        width: 160px;
        border: none;
        color: #666;
    }
html #SearchForm_SearchForm #SearchForm_SearchForm_action_results {
    float: left;
    margin-top: 2px;
}