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