/* ********************************** from global.css ******************************************** */		

html{height: 100%;}

img{border: none;}


p,h1,h2,h3,h4,h5,h6{margin: 0; padding: 0;}

ul,li{

    margin: 0; padding: 0;

    list-style-position: outside;

    list-style-type: none;

}

a{color: #444444;}

a:hover{color: #FF9900;}

input{margin: 0; padding: 0;}



body {

    font: normal x-small/normal Verdana,Arial,sans-serif;

    margin: 0; padding: 0;

    height: 100%;
	

    background: white url('../../images/hp/bg-body.gif') repeat-y center top;   

}



#page{

    width: 100%;

    height: 100%;	
	
    /*background: transparent url('../../images/hp/bg-bodytop.gif') no-repeat center;*/
}
#wrap #page-body #tabvanilla {
}




#wrap{

    width: 800px;

    _overflow-x: hidden;

    margin: 0 auto;

    position: absoult;
	/*background-color: #f4eae1*/
	

}
.header{
	height: 84px;
	position: relative;
	visibility: visible;
	width: 800px;
}

    .header ,#header a{
	font-weight: bold;
	top: -9px;
    }

    /*.header #logo{

        position: absolute;

        top: 10px; left: 4px;

    }*/

/*   .header #more-toggle{
	position: absolute;
	right: -36px;
	top: 0px;
	color: #999999;
	cursor: pointer;
	z-index: 2001;

    }

        .header #more-toggle #more-arrow{

            vertical-align: bottom;

        }

    .header #more{

        visibility: hidden;

        position: absolute;

        right: 0; top: 40px;

        font-size: xx-small;

        color: #999999;

    }

        .header #more a{

            color: #999999;

            text-decoration: none;

        }

        .header #more a:hover{

            color: #0068bf;

            text-decoration: underline;

        }

    .header #more .sep{

        letter-spacing: -1px;

    }*/

    

    .header #search{
	position: absolute;
	top: -16px;
	right: 26px;
	border-right: 1px solid #cccccc;
	float: right;
	display: inline;
	height: 30px;
	z-index: 2;
	background-color: #FFF;
	width: 735px;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 4px;

    }

    .header #search label{

        color: #999999;

        float: right; display: inline;

    }

    .header #search input{

        float: right; display: inline;

    }

    .header #search input.text{

        line-height: 1.1em;

        color: #999999;

        width: 107px; height: 1.1em;

        padding: 0 2px;

        margin: 0 2px 0 4px;

        border: 1px solid #6c6c6c;

        font-size: x-small;

    }

    .header #search input.img{

        vertical-align: -3px;

    }

    

    

#nav{
	height: 39px;
	top: 22px;
	right: 26px;
	background: transparent url('../../images/tab_background.jpg');
	position: absolute;
	width: 481px;
	padding-left: 20px;
	z-index: 1;
	padding-top: 4px;
	

}

    #nav #sections{

        height: 2.2em;

        line-height: 2.2em;

        font-size: 0.9em;

        float: right; display: inline; clear: both;

        padding: 0 0 0 1px;

        width: 100%;

    }

        #nav #sections li{

            float: left; display: inline;

            font-weight: bold;

            padding: 11px 0 3px 0;

        }

            #nav #sections li a{

                text-decoration: none;

                display: inline-block;

                padding: 0 6px;

                border-right: 1px solid #cccccc;

                line-height: 1.8em;

                color:#666666;

            }

                #nav #sections li a:hover{

                    text-decoration: none;

                    color: #fa4101;

                }

        #nav #sections li.current{

            background: transparent url('../../images/bg-section-current.gif') repeat-x left bottom;

            position: relative;

            left: -1px;

        }

            #nav #sections li.current a{

                border: none;

                color: White;

            }

                #nav #sections li.current a:hover{

                    color: White;

                    text-decoration: none;

                }

        #nav #sections li.last{

            

        }

            #nav #sections li.last a{

                border: none;

            }

#page-body{

    zoom:1;

    position: relative;

    border-left: 1px solid #d0d8de;

   background: transparent url('../../images/hp/bg-pagebody.gif') repeat-y left top; 
}

    #page-body #content-wrap{

        width: 100%;

        overflow: auto;

        background: Transparent url('../../images/hp/bg-pagebody-contentwrap.gif') no-repeat left bottom;

    }

    #page-body #menu{

        float: left; display: inline;

        border-top: 1px solid #d0d8de;

        width: 163px;

        padding-bottom: 10px;

    }

        #page-body #menu a{

            color: #5e5e5e;

            text-decoration: none;

            font-weight: bold;

        }

        #page-body #menu ul{

            border-top: 5px solid white;

            padding: 0 0 14px 0;

            background: Transparent url('../../images/hp/bg-page-menu.gif') no-repeat 8px bottom;

            margin: 0 0 0 5px;

        }

            #page-body #menu ul li{

                width: 148px; 

                padding: 6px 0;

                margin: 0 0 0 3px;

                border-bottom: 1px solid #cfcfcf;

            }

                #page-body #menu ul li a{

                    display: inline-block;

                    padding: 0 5px;

                }

                    #page-body #menu ul li a:hover{

                        color: #f69400 !important;

                    }

        

            #page-body #menu ul li.current{

                width: 154px;

                margin: 0; padding: 0;

                border: none;

                background: Transparent url('../../images/hp/bg-menu-current.gif') repeat-x left top;

                position: relative; top: -1px

            }

                #page-body #menu ul li.current a{

                    display: block;

                    border-top: 1px solid #e7eaec;

                    border-bottom: 1px solid #e7eaec;

                    padding: 5px 7px;

                    color: #394d5c;

                }

            #page-body #menu ul ul{

                border: none;

                margin: 0;

                padding: 0;

                background:  url('../../images/hp/bg-submenu.gif') no-repeat left bottom;

            }

                #page-body #menu ul ul li{

                    padding: 0;

                    margin: 0;

                    border: none;

                }

                    

                #page-body #menu ul li.current ul li a{

                    color: #5e5e5e;

                    display: block;

                    border: none;

                    padding: 5px 2px 5px 22px;

                    background: Transparent url('../../images/hp/bullet-content1.gif') no-repeat 11px 11px;

                }

                    #page-body #menu ul ul li.current{

                        background: Transparent url('../../images/hp/bg-submenu-current.gif') repeat left top;

                        

                    }

                        #page-body #menu ul li.current ul li.current a{

                            background-image: url('../../images/hp/bullet-submenu-current.gif');

                        }





    #page-body #content{
	width: 800px;
	margin: 0 0 0 176px;
	padding: 0 0 10px 0;
	top: 0px;
	border-top-width: 0px;
	border-top-style: none;

    }

        h1,h2,h3{

            color: #00176B;

            margin: 0.7em 0;

        }

        h1{

            font-size: medium;

        }

        

        

        h2{

            font-size: small;

        }

        h3{

            font-size: smaller;

        }

        p{

            line-height: 1.5em;

            margin: 0.5em 0;

        }

        ul li{

            line-height: 1.5em;

        }

        #page-body #content li{

            background: Transparent url('../../images/hp/bullet-content1.gif') no-repeat 2px 6px;

            padding: 0 0 0 17px;

        }

            #page-body #content li ul li{

                background: Transparent url('../../images/hp/bullet-content2.gif') no-repeat 2px 6px;

                padding: 0 0 0 17px;

            }





#footer{
	height: 180px;
	color: #000000;
	line-height: 1.5em;
	position: absolute;
	top: 708px;
	left: -6px;
	width: 394px;
	font-size: 9px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 45px;
	background-color: Transparent;
	background-repeat: repeat-x;
	background-position: left top;

}

    #footer a{

        color: #000000;

        text-decoration: none;

    }

    #footer img{

        vertical-align: middle;

    }

    

    #footer #foot-logos{

        float: left; display: inline;

    }

    

    #footer #foot-nj{

        float: right; display: inline;

        margin: 13px 5px 0 0;

    }

    

    #footer #foot-nav a{

    }

        #footer #foot-nav .sep{

            letter-spacing: -2px;

        }

        #footer #foot-nav a:hover{

            text-decoration: underline;

            color: #0068bf;

        }

        

        #footer #foot-nav .copy{

            margin: 5px 0 0 0;

        }

        

    #footer #foot-contact{

        padding: 1em 0 0 0;

        line-height: 1.2em;

    }

        #footer #foot-contact #foot-logos{

            float: right; display: inline;

            margin: 5px 0 0 0;

        }



		#footer  #foot-contact #href_contactUS { font-weight:bold;}

		

		

/* ********************************** original home.css ******************************************** */		

		



#page-body{

    zoom:1;

    clear: both;

    background: none;

    border: none;

}

    #page-body #content-wrap{

        zoom: 1;

        clear: both;

        overflow-y: auto;

        background: none;
		;   

    }

    

    #page-body #content{
	height: 800px;
	width: 100%;
	position: relative;
	margin: 0;
	padding: 0;
	
    }




        #services{
	float: left;
	display: inline;
	width: 251px;
	min-height: 25px;
	_height: 25px;
	overflow-y: visible;
	top: 10px;
	position: absolute;
	left: 23px;
	z-index: 499;
	background-color: Transparent;
	/*background-image: url(../../images/online_back.png);*/
	background-repeat: repeat-x;
	background-position: left 54px;
	height: 100px;
	/*margin: 0px;*/

        }

            #services ul{

                margin: 3px 7px 7px 4px;

            }

                #services ul li{

                    

                    /*background: Transparent url('../../images/hp/bullet-orange.gif') no-repeat 9px 9px;*/

                    padding: 3px 2px 2px 17px;

                }

                    #services ul li a{
	text-decoration: none;
	top: 600px;

                    }

                        #services ul li a:hover{

                            text-decoration: none;

                        }   

                    #services ul li.last{

                        border-bottom: none;

                    }    

            

        #featured{
	float: right;
	display: inline;
	width: 214px;
	height: 320px;
	overflow: hidden;
	padding-top: 0px;
	top: 400px;

        }

            #featured img{

                float: left; display: inline;

                clear: both;    

            }



#footer{

    1margin: 0;

}
/*Start Tab Menu*/

.widget {
	width: 388px;
	margin: 0px;
	padding-bottom: 20px;
	position: absolute;
	top: 402px;
	left: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	overflow: hidden;
	height: 285px;
	background-color: #f4eae1;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #a5bfdd;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 0px;
}

	.widget a {
	color: #222;
	text-decoration: none;
	}
	
	.widget a:hover {
	color: #fa4101;
	text-decoration: none;
	
	}

	.tabnav li {
	display: inline;
	list-style: none;
	padding-right: 0px;
	
	}
	
		.tabnav li a {
		text-decoration: none;
		text-transform: uppercase;
		font-weight: bold;
		padding: 0px 6px;
		outline: none;
		font-size: 11px;
		border-right: 1px solid #a5bfdd;
     	color:#666666;
		}
		
		.tabnav li.alert a {
		
	    /*border-top-left-radius:.5em;*/
		/* border-right-radius: 0px;*/
		border-bottom: 1px solid #c8edf7;
		/*-webkit-border-top-left-radius:.5em;
		-webkit-border-top-right-radius:.5em;*/
		text-decoration: none;
		text-transform: uppercase;
		color: #666666;
		font-weight: bold;
		padding: 0px 0px;
		outline: none;
		font-size: 11px;
		background: #666666;
		}
		.tabnav li a:active, .tabnav li.ui-tabs-selected a {
		/*background: Transparent url('../../images/hp/downarrow.jpg') no-repeat center bottom ;*/
		color: #fa4101;
		text-decoration: none;
		}
		.tabnav li.alert a:hover, .tabnav li.alert a:active, .tabnav li.alert.ui-tabs-selected a {
		color: #fa4101;
		text-decoration: none;
		}
	 	
		.tabnav li.last{
     	}
      	.tabnav li.last a{
         border: none;
			}

		.tabdiv {
		margin-top: 2px;
		border-top: 2px solid #a5bfdd;
		padding: 4px;
		height: 270px;
		font-size: 11px;
		}
	
		.tabdiv li {
		list-style-image: url("../images/spacer.gif");
		margin-left: 5px;
		}
		
		.tabdiv li a:hover {
		color: #fa4101;
		text-decoration: none;
		
		/*background: ('../../images/hp/hover.gif') repeat-y;*/
		background: Transparent url(../../images/hp/hover.gif) repeat-x center left;
		/*background-color:#fff 200px;*/
		}

		.ui-tabs-hide {
		display: none;

		}
		/*End Tab Menu*/		

		/*Start Map layout*/
#location {
	width: 310px;
	padding: 5px;
	margin-bottom: 15px;
	margin-top: 5px;
	position: absolute;
	left: 438px;
	top: 388px;
	overflow: visible;
	margin-right: 0px;
	margin-left: 0px;
	border-left-width: 1px;
	border-right-style: none;
	border-left-style: solid;
	border-left-color: #a5bfdd;
	background-color: #f4eae1;
	
	
}

	#location a {
	color: #222;
	text-decoration: none;
	}
	
	#location a:hover {
	color: #fa4101;
	text-decoration: none;
	}

	#tabnav1 li {
	display: inline;
	list-style: none;
	padding-right: 5px;
	}
	
		#tabnav1 li a {
		text-decoration: none;
		text-transform: uppercase;
		color: #222;
		font-weight: bold;
		padding: 4px 6px;
		outline: none;
		}
		
		#tabnav1 li a:hover, .tabnav1 li a:active, .tabnav1 li.ui-tabs-selected a {
		color: #222;
		text-decoration: none;
		}
		
	
	#tabdiv1 {
	margin-top: 2px;
	background: #fff;
	border: 1px solid #dedbd1;
	padding: 5px;
	}
	
		#tabdiv1 li {
		margin-left: 20px;
		}

/*End Map layout*/

/* Start Google Map Properties*/
#map_canvas {
	display:block;
	float:left;
	height: 390px;
	width: 300px;
	}
#googleMap {
	text-align: left;
	width: 300px;
	height: 425px;
	padding-top: 0px;
	padding-left: 15px;
	float: left;
	clear:left;
	
margin-top: 0px;

}
#googleMap #api {
	float: left;
	height: 390px;
	width: 300px;
	margin: 0px;
	left: 2px;
	top: 454px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background-color: #F4EAE1;
		
}
#googleMap #api p {	
	font-size: 12px;
	color: #a30134;
	font-family: 
	Arial, Helvetica, sans-serif; 
	width:325px;
	}

#googleMap #api ul li a {
	float: left;
	display: block;
	font-size: 11px;
	font-weight: bold;
	
	padding: 2px 6px;
	text-align: left;
	line-height: 20px;
	text-decoration: none;
	text-transform: uppercase;
	
	margin-right: 2px;
  
	 border-right: 1px solid #a5bfdd;
     line-height: 1.8em;
     color:#666666;
			
	}

#googleMap #api ul li  {
	display:inline;
	
	}
#googleMap #api ul li a:hover {
	
	color: #fa4101;
	text-decoration: none;
	}
#googleMap #api ul li.active a {
	
	color: #fa4101;
	
	margin-right: 2px;
}

#googleMap #api li.last{

            

        }

            #googleMap #api li.last a{

                border: none;
			}

#map_canvas {
	display:block;
	float:left;
	height: 450px;
	width: 300px;
	border: #dedbd1 solid 1px;
}

/*  directions start */ 

	#directionwrapper {
	float:left;
	text-align:left;
	padding: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
} 
	#directionwrapper  h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
} 
	#directions {    
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
	text-align:left;
	padding: 0px;
	margin: 0px; 
	}
	#instructions {    
	float:left;    
	width: 305px;    
	height: 147px;    
	margin-top: 10px;    
	
	 } 
	 .instrtext {    
	 width: 230px;    
	 padding: 30px 10px 10px 50px; 
	 font-size: 13px;
	 line-height: 16px;
	  } 
	  #fromto {    
	  float: right;    
	  width: 295px;    
	  padding: 10px 0px 10px 10px; 
	  } 
	  .mapwrapper {    
	  width: 600px;    
	  height: 410px;    
	  clear: both; 
	  } 
	  .mapwrapper h4 {    
	  margin-top: 0px;    
	  margin-bottom: 5px;    
	  padding: 5px;    
	  font-family: Arial, Helvetica, sans-serif;    
	  font-size: 12px;    
	  background: #efefef;    
	  border: #ccc solid 1px;    
	  color: #000; 
	  } 
	  .floatleft {    
	  float: left;    
	  width: 300px;    
	  text-align:center; 
	  }    
	  /* directions ends */ 


#Social {
	height: 29px;
	width: 405px;
	position: absolute;
	top: 911px;
	left: -6px;
	padding: 13px;
	background-color: #eae7e7;
	
	
	
}
#Social li {
	display: inline;
	margin: 20px;
	list-style: center;
	text-padding: 20px;
	padding-left: 20px;

	
}
#slideshowWrapper{
	position:relative;
	width:820px;
	margin:auto;
	}
	
ul#slideshow{
	-moz-box-shadow: 0px 0px 0px #333;
	-webkit-box-shadow: 0px 0px 0px #333;
	box-shadow: 0px 0px 0px #333;
	clear: right;
	height: 400px;
	width: 820px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	overflow: hidden;
	position: absolute;
	left: -10px;
	top: -14px;
}

#more{
	visibility: visible;
	position: absolute;
	right: 39px;
	top: 8px;
	font-size: xx-small;
	font-weight:bold;
	color: #666666;
	z-index: 10;

		}

			#more a{

				color: #999999;

				text-decoration: none;

			}

			#more a:hover{

				color: #0068bf;

				text-decoration: underline;

			}

		#more .sep{

			letter-spacing: -1px;

		}
#Hours{
	width: 717px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*font-weight:bold;*/
	text-transform: uppercase;
	color: #fa4101;
	background: transparent;
	position: absolute;
	overflow: hidden;
	top: 336px;
	height: 20px;
	left: 30px;
	visibility: visible;
	padding-top: 2px;
	padding-left: 25px;
}
/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
border: 1px solid #000;
background: #fff; 
width: 738px; 
top: 336px;
height: 27px; 
margin: 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
width: 718px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 


#iframe{
		width: 717px;
		top: 500px;
		position: relitive; 
		/*margin-left:10;*/
		display: inline;
		padding-top: 0px;
		border: 5px solid #f4eae1;
		padding-left:5px;
		background: #f4eae1;
		list-style-type: none;
		
}

#iframe {
  margin-top: 340px;
  margin-right:50;
  background: #f4eae1;
  float:left;
  display: inline;
  
 /* -moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;

 /* -moz-box-shadow: 1px 1px 1px 1px ;
  -webkit-box-shadow: 1px 1px 1px 1px;
  box-shadow: 1px 1px 1px 1px;*/
}