/* anchor change state */

a:link {font-size: 10pt; color:#000000; font-weight:500; text-decoration:none; font-family:arial,verdana, helvetica, sans-serif;  }

a:visited{font-size: 10pt; color:#003366; font-weight:500; text-decoration:none; font-family:arial,verdana, helvetica, sans-serif; } 

a:hover{font-size: 10pt; color:#bf0000; font-weight:500; text-decoration:none; font-family:arial,verdana, helvetica, sans-serif; } 

a:active{font-size: 10pt; color:#000000; font-weight:500; text-decoration:none; font-family:arial,verdana, helvetica, sans-serif; } 

.bottomnav 

{

	font-size: 8pt;

	font-weight: 600;

}

.vert

{

  font-size: 15pt;

  font-weight: 700;

}

/*-------START MENUBAR header.php style section ---------------------------------*/



/* top header part of page */



#header_box { background-color:#5582ba;

background:url('/menuimgs/bckgrounds/menuhead01.gif');

top: 0px;

border: 1px;

width:100%;

height:80px;

position: relative;

z-index: 1;

}



/* Container for chocks logo */

#chocks_logo {

background-color: transparent;

background-repeat:no-repeat;

position: absolute;

left: 4px;

top: 10px;

width: 245px;

height: 39px; 

z-index: 2;

text-align:center;

font-size:13px;

color:#990000;

font-weight:bolder;

text-decoration:none;

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

 }



/* Container for chocks group pic */

#chocks_group {

background-color: transparent;

position: absolute;

left: 32%;

top: 8px;

width: 141px;

height: 70px; 

z-index: 2;

}



#chocks_info {

	background-color:transparent;

	position:relative;

	left:50%;

	top:11.5%;

	width:21%;

	height:60px;

	z-index: 2;

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

	font-size:12px; 

	text-decoration:none; 

	text-align:center;

	font-weight:800;

	color:#000;

	}



.phone{

font-weight:800;

color:#000;

font-size:15pt;

text-align:center;

}



/* Container for header sug links */

#chock_header_text {

background-color:transparent;

position:absolute;

right:0px;

top:30px;

width:30%;

height:auto;

z-index: 2;

}

	

	ul.left {

    	float: left;

    	width: 49%; 

    	margin: 0px;

    	padding: 5px 0px;

    	border: 0px none; 

    	list-style-position: inside;

    	list-style-type: square;

		list-style-image:url('/menuimgs/bckgrounds/chocks_bullet.png'); 

    	position: relative;

    	left: 5px;

  		}

  

  	ul.right {

    	float: right;

    	width: 49%; 

    	margin: 0px;

    	padding: 5px 0px;

    	border: 0px none; 

    	list-style-position: inside;

		list-style-type: square;

		list-style-image:url('/menuimgs/bckgrounds/chocks_bullet.png'); 

  }

  

 

  	

/* Container for buttons on top right */

#header_rt_bk {

background:url('/menuimgs/bckgrounds/chocks_header_rt_corner01.gif');

background-color:transparent;

background-repeat:no-repeat;

position:absolute;

right:0px;

top:0px;

width:200px;

height:30px;

z-index:2;

}



#header-rt-fill  {

background-color:transparent;

position:relative;

width:100%;

text-align:center;

z-index:4;

}



	

			

			/* END Header/header-rt-bk OF NAVIGATION 1*/









/* / top header part of page */

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



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

/* tier one */

#t1-container{ position:relative; width:779px; top: 0px; height:44px; background-color:#6666ff z-index}/*background for tier 1*/

#t1-box { position:relative; width:779px; left:0px; height:44px;  background:url('/menuimgs/bckgrounds/menubar01a.gif'); background-repeat:no-repeat; }

.img-t1 { width:100%; height:38px; }



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



.t1-left-cap { position:absolute; top:3px; height:38px; width:6px; z-index:10; cursor:pointer; }



.t1-home { position:absolute; top:3px; left: 6px; height:38px; width:92px; z-index:10; text-align:center; cursor:pointer; font-family:verdana, arial, helvetica, sans-serif; font-size:11px; text-decoration:none; color:#000; }

#t1-home-container { float:left; width:98px; height:38px; }

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

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



/*CHOCKS*/

.t1-taxes 			{ position:absolute; top:3px; height:38px; width:92px; z-index:10; text-align:center; cursor:pointer; font-family:verdana, arial, helvetica, sans-serif; font-size:11px; text-decoration:none; color:#000; }

#t1-taxes-container { float:left;width:92px;height:38px; }

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

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



/*BRACK AND ACCESS*/

.t1-inv 			{ position:absolute; top:3px; height:38px; width:92px; z-index:10; text-align:center; cursor:pointer; font-family:verdana, arial, helvetica, sans-serif; font-size:11px; text-decoration:none; color:#000; }

#t1-inv-container { float:left;width:92px;height:38px; }

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

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

/*ABOUT US*/

.t1-mort 			{ position:absolute; top:3px; height:38px; width:91px; z-index:10; text-align:center; cursor:pointer; font-family:verdana, arial, helvetica, sans-serif; font-size:11px; text-decoration:none; color:#000; }

#t1-mort-container { float:left;width:91px;height:38px; }

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

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



/*CATALOG*/

.t1-advice 			{ position:absolute; top:3px; height:38px; width:91px; z-index:10; text-align:center; cursor:pointer; font-family:verdana, arial, helvetica, sans-serif; font-size:11px; text-decoration:none; color:#000; }

#t1-advice-container { float:left;width:91px;height:38px; }

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

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

/*FAQS**/

.t1-support 			{ position:absolute; top:3px; height:38px; width:91px; z-index:10; text-align:center; cursor:pointer; font-family:verdana, arial, helvetica, sans-serif; font-size:11px; text-decoration:none; color:#000; }

#t1-support-container { float:left;width:91px;height:38px; }

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

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



#t1-search-container{position:absolute; margin-top:0px; right:2px; width:214px; top:3px; text-align:center; z-index:100; cursor:pointer }

#t1-search-right {float:right; padding-right:24%;  text-align:left; width:33%; margin-top:-5px;  z-index:102; padding-top:5px; background-color:transparent }

#t1-search-txt {text-align:left; color:#bf0000; font-size:10pt; width:100%; font-weight:700; float:right; padding-top:5px ;padding-left:1%; }

#t1-search-left {float:left; padding-left:15%; width:20%; padding-top:2px; height:30px; z-index:99; text-align:right; color:#330066; font-size:8pt; font-weight:600; }

.t1-search-pic{font-weight:bold; text-align:center; font-family:verdana, arial, helvetica, sans-serif; font-size:8.5px; position:absolute; z-index:99; right:0px; width:220px; height:44px;  }  

/* / tier one */

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





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

/* tier two and three */

#t2-container { width:779px; background-color:#edf1f6; top: -10px; height:25px; }/* background container for tier 2*/

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

.t2 { width:779px; text-align: center; background-color:transparent; display:none; position:absolute; height:12px; padding-top:6px;} /*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-box { position:absolute; top:150px; border-color:#5a555a; border-style:solid; border-width:1px 2px 2px 2px; display:none; background:#cdddf7; z-index:100; }



    /* 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; }

/* / tier two and three */



/* ****************************      END OF HEADER       ******************************  */



/*Global buttons*/



.clear { /* generic container (i.e. div) for floating buttons */

    overflow: hidden;

    width: 100%;

}



a.button {

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

    color: #444;

    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;

}



a.button span {

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

    display: block;

    line-height: 14px;

    padding: 5px 0 5px 18px;

} 



/*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;

    color: #000;

    

}



a.button:active span {

    background-position: bottom left;

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

}