* / top header part of page */

/* ************************* */
#header {

width:100%;

}

#header_top {

    height:90px;

	background-image:url(/images/header_A/chock_header_back1.png);

	background-repeat:repeat-x;

	background-color:#fff;

	}





#topleft {  /* this is div for logo */

	float:left;

	height:70px;

	width:300px;

	background-image:url(/images/header_A/chocks_logo_clear.gif);

	background-repeat:no-repeat;

	position:relative;

	top:10px;

	left:3px;
	
	cursor:pointer;

	}



/* Container for top middle of header*/



#topmiddle {

	float:left;

	overflow:hidden;

	margin-left:6%;

	}

	

#topmiddleinner {

	margin-top:5px;

	overflow:hidden;

	}



/* Container for top middle chock buttons*/

#aluminum_chocks, #rubber_chocks, #aircraft_chocks, #urethane_chocks, #railroad_chocks{

	float:left;

	}

#aluminum_chocks a.srollover {

	background:url(/images/header_A/button_aluminum_chock.gif) no-repeat 0 0;

	}

#rubber_chocks a.srollover {

  	background:url(/images/header_A/button_rubber_chock.gif) no-repeat 0 0;

    } 

#aircraft_chocks a.srollover {

    background:url(/images/header_A/button_aircraft_chock.gif)  0 0 no-repeat;

    } 

#urethane_chocks a.srollover {

    background:url(/images/header_A/button_urethane_chock.gif) no-repeat 0 0;

    }

#railroad_chocks a.srollover {

    background:url(/images/header_A/button_rr_chock.gif) no-repeat 0 0;

    }



#aluminum_chocks a.srollover, #rubber_chocks a.srollover, #aircraft_chocks a.srollover, #urethane_chocks a.srollover, #railroad_chocks a.srollover {

    width:50px;

    height:50px;

    display:block;

	text-decoration:none;

    }     



#aluminum_chocks a:hover, #rubber_chocks a:hover,#aircraft_chocks a:hover,#urethane_chocks a:hover, #railroad_chocks a:hover{

    background-position:-50px 0;   

	}



/*container for middlebottom*/



#middlebottom {

	

	background-color:#DDDDDD;

	clear:left;

	overflow:hidden;

	margin-top:5px

	

	

	}

#middlebottom p.tel {	/* telephone # in header */

	float:left;

	margin-top:2px;

	margin-left:15px;

	padding-top:0;

	color:#000033;

	font-size:1em;

	font-weight:700;

	}

#middlebottom p.mail {

	float:left;

	margin-left:15px;

	margin-right:5px;

	margin-top:1px;

	padding-top:0;

	font-size:.6em;

    }



/* Container for topright */

#topright {

	width:154px;

	float:right;

	position:relative;

	top:10px;

	right:5px;

	}

/*Container for compinfo */



#compinfo {

overflow:auto;

background-color:#FFF;

cursor:pointer;

margin-bottom:10px;

}



/* Container for shopping cart */



#cart {

	overflow:hidden;
	
	display:inline;
	}



#cart a.srollover {

	background:url(/images/header_A/button_store.gif) no-repeat 0 0;

	width:150px;

	height:40px;

	display:block;

	text-decoration:none;

	cursor:pointer;

	}

	

#cart a:hover {

	background-position:-150px 0;  

	}

	

#cart h4 {
	float:left;
	
	text-align:right;

	margin-top:4px;

	margin-left:4px;

	}


#cart img {

	float:left;

	margin-top:10px;

	padding-left:3px;

	}	

#cart h1 {

	float:left;

	display:inline;
	
	margin-top:7px;

	margin-left:2px;

	text-align:left;

	color:#990000;

	}

	

#cart h1 span {

	font-size:.8em;

	color:#000000;

	padding-top:-8px;

	padding-left:2px;

	}

		


/* End Container for top right */









/* #welcome h3 {

color:#FFFF00;

font-weight:700;

border-bottom:#003366 2px solid;

}

End container for welcome */

/* a.srollover {

    display: block;

    width: 34px;

    height: 36px;

    background: url("chock_slide_aluminum.jpg") 0 0 no-repeat;

    text-decoration: none;

}

 

a:hover.srollover {

    background-position: -34px 0;

} 

*/

a.button {

    background: transparent url('/images/buttons/bg_button_a.gif') no-repeat scroll top right;

    display: block;

    text-align:center;

	left:auto;

	right:auto;

    font: normal 12px arial, sans-serif;

    height: 24px;

    margin-right: 6px;

    padding-right: 18px; /* sliding doors padding */

    text-decoration: none;

	float:left;

}



a.button span {

    background: transparent url('/images/buttons/bg_button_span.gif') no-repeat;

    display: block;

    line-height: 14px;

    padding: 5px 0 5px 18px;

} 

a.button span a:hover {

color:#990000;

}

/*Note: Make sure the span's vertical padding (5 + 5) and line-height (14) amount to the total height of the button (24). Using a different padding, means setting a different height. 



We now have a pretty looking button, but it doesn't exactly give us much visual feedback when we press it. So let's add that finishing touch of CSS: */



a.button:active {

    background-position: bottom right;

    

    

}



a.button:active span {

    background-position: bottom left;

    padding: 4px 0 4px 18px; /* push text down 1px */

	

} 

/* End container for compinfo */







/* ************************* */

/* Start header_nav styles */

/* ************************* */

/* tier one */

#t1-container{

	position:relative;

	width:100%;

	top: 0px;

	height:38px;

	background-color:transparent;

	z-index:10;

	left: 0px;

}/*background for tier 1*/

#t1-box {

	position:absolute;

	width:100%;

	left:0px;

	height:42px;

	background-repeat:no-repeat;

	background-image: url(/images/header_A/menubar_840.gif);

	background-color:transparent;

	top: 0;

}

.img-t1 {

	width:99px;

	height:38px;

}



.t1-spacer { width:1px;height:38px;background:transparent; float:left;}



.t1-left-cap {

	position:absolute;

	top:3px;

	height:43px;

	width:5px;

	z-index:10;

	cursor:pointer;

	left: 0px;

	visibility: visible;

}



.t1-home {

	position:absolute;

	top:3px;

	left: 6px;

	height:38px;

	width:99px;

	z-index:10;

	text-align:center;

	cursor:pointer;

	font-family:verdana, arial, helvetica, sans-serif;

	font-size:11px;

	text-decoration:none;

	color:#000;

	visibility: visible;

}

#t1-home-container {

	float:left;

	width:99px;

	height:38px;

}

#t1-home-text { z-index:15; padding-top:11px; }

#t1-home-box 	{ z-index:20; }



/*CHOCKS*/

.t1-chocks 			{

	position:absolute;

	top:3px;

	height:38px;

	width:99px;

	z-index:10;

	text-align:center;

	cursor:pointer;

	font-family:verdana, arial, helvetica, sans-serif;

	font-size:11px;

	text-decoration:none;

	color:#000;

	visibility: visible;

	left: 106px;

}

#t1-chocks-container {

	float:left;

	width:99px;

	height:38px;

}

#t1-chocks-text      { z-index:15; padding-top:11px; }

#t1-chocks-box 	    { z-index:20; }



/*BRACK AND ACCESS*/

.t1-bna 			{

	position:absolute;

	top:3px;

	height:38px;

	width:99px;

	z-index:10;

	text-align:center;

	cursor:pointer;

	font-family:verdana, arial, helvetica, sans-serif;

	font-size:11px;

	text-decoration:none;

	color:#000;

	visibility: visible;

	left: 206px;

}

#t1-bna-container {

	float:left;

	width:100px;

	height:38px;

}

#t1-bna-text  { z-index:15; padding-top:5px; }

#t1-bna-box 	{ z-index:20; }

/*ABOUT US*/

.t1-about 			{

	position:absolute;

	top:3px;

	height:38px;

	width:99px;

	z-index:10;

	text-align:center;

	cursor:pointer;

	font-family:verdana, arial, helvetica, sans-serif;

	font-size:11px;

	text-decoration:none;

	color:#000;

	visibility: visible;

	left: 306px;

}

#t1-about-container {

	float:left;

	width:99px;

	height:38px;

}

#t1-about-text { z-index:15; padding-top:11px; }

#t1-about-box 	{ z-index:20; }



/*CATALOG*/

.t1-cat 			{

	position:absolute;

	top:3px;

	height:38px;

	width:99px;

	z-index:10;

	text-align:center;

	cursor:pointer;

	font-family:verdana, arial, helvetica, sans-serif;

	font-size:11px;

	text-decoration:none;

	color:#000;

	visibility: visible;

	left: 406px;

}

#t1-cat-container {

	float:left;

	width:100px;

	height:38px;

}

#t1-cat-text { z-index:15; padding-top:11px; }

#t1-cat-box 	{ z-index:20; }

/*FAQS**/

.t1-faqs 			{

	position:absolute;

	top:3px;

	height:38px;

	width:99px;

	z-index:10;

	text-align:center;

	cursor:pointer;

	font-family:verdana, arial, helvetica, sans-serif;

	font-size:11px;

	text-decoration:none;

	color:#000;

	visibility: visible;

	left: 506px;

}

#t1-faqs-container {

	float:left;

	width:99px;

	height:38px;

}

#t1-faqs-text  { z-index:15; padding-top:11px; }

#t1-faqs-box 	{ z-index:20; }



#t1-search-box{float:left; margin-top:5px; right:2px; width:230px; top:5px; z-index:100; cursor:pointer }



/* / tier one */

/* ************************* */





/* ************************* */

/* tier two and three */

#t2-container {

	width:839px;

	background-color:#edf1f6;

	top: 0px;

	height:25px;

}/* background container for tier 2*/

#t2-box { position:relative; width:840px; top: 0px; height:0px; padding-top:3px; cursor:pointer; }/*container box for menubar*/

.t2 {

	width:839px;

	text-align: center;

	background-color:transparent;

	display:none;

	position:absolute;

	height:12px;

	padding-top:2px;

	visibility: visible;

} /*container for tier 2*/

.t2-link { color:#000000; font-weight:normal; text-decoration:none; font-size:12px; }

a.t2-link  {color:#000000; font-weight:normal; text-decoration:none; font-family:arial, helvetica, sans-serif; font-size:12px; }

a.t2-link:visited {color:#003366; font-weight:bold; text-decoration:none; font-family:arial, helvetica, sans-serif; font-size:11px; } 

a.t2-link:hover {color:#990000; font-weight:bold; text-decoration:none; font-family:arial, helvetica, sans-serif; font-size:12px;} 

a.t2-link:active{color:#ff8c00; font-weight:normal; text-decoration:none; font-family: arial,verdana, helvetica, sans-serif; font-size:12px; } 



/*#t3-container {

position:relative;

left: auto;

right: auto;

width:840px;*/

#t3-container {

position:absolute;

left: 50%;

margin-left:-420px;

z-index:400;

width:420px;





}



.t3-box {

	position:absolute;

	border-color:#5a555a;

	border-style:solid;

	border-width:1px 2px 2px 2px;

	display:block;

	background:#cdddf7;

	z-index:300;

	visibility: visible;

}



    /* for third tier link properties */

	

	

.t3-item { height:15px; padding-top:2px; padding-left:2px; background:#fff; font-size:11px; font-family:arial, helvetica, sans-serif; color:#000000; text-decoration:none; cursor:pointer; border-bottom: 1px solid #a39ea3; }





.t3-spacer { height:5px; background-color:#edf1f6; }

/* Seach Box */

#search-box {

float:left;

width:220px;

margin-top:3px;

margin-left:1px;



}



.formsection {



}



.formsection form {

padding-top:3px;

padding-left:4px;



}

/* / tier two and three */


/* ******************* / Styles for secure class (class used for NO pages [have to change these] /******/

#secure {
overflow:auto;
}
	img.secure {
	
	overflow:hidden;
	}
	.secure #topright img {
	float:right;
	}
	
	
	span.ssl {
	font-weight:bold; 
	margin-right:10px; 
	margin-top:5px; 
	font-size:6pt;
	}
	
	#secure h1 {
	}