/* CSS STYLE SHEET FOR UHTK  */ 
/* CREATED 29-03-09  */ 

body			{ background-color:#F2F2F2;  margin:0 auto; padding: 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-bottom:20px; margin-top:10px;   }
	.clear			{ position:relative; clear:both; width:0px; height:1px; margin:0; padding:0}
	.small			{ font-size:12px }
	.bold			{ font-weight:bold; }
	.error			{ position:relative;  color:#bd0808; font-weight:bold; font-size:12px; padding:5px;  }
	.line			{ position:relative; border-bottom:1px dotted #000; margin:0; padding:0; height:1px; margin-top:10px }
	*:focus { outline: none }

/* main navigation*/
#mainNav						{ position:relative; left:21px; padding-left:0px; width:940px; height:40px;  background-image:url(/images/template/menuBG.gif); background-repeat:repeat-x; margin:0;  z-index:100; }	

	#nav, #nav ul     			   	{ position:relative; margin:0; width:940px; height:40px; padding:0; list-style-type:none; list-style-position:outside;  line-height:40px; z-index:5000; font-family:Arial, Helvetica, sans-serif;  }
	#nav a                          { display:block; width:188px; text-align:center; font-size:12px; font-weight:bold;  color:#fff; text-decoration:none; background-image:url(/images/template/menuDivider.gif); background-position:left; background-repeat:repeat-y }
	#nav a:hover     				{ background-color:#000000; color:#FFFFFF; }
	#nav li                         { float:left; position:relative;  }
	#nav ul                         { position:absolute;display:none; width:130px;top:40px;}
	#nav li ul a           			{ width:170px; float:left; background-color:#000000; color:#FFFFFF; background-image:none; font-size:11px; line-height:28px; border-bottom:1px solid #333; padding:3px 10px 3px 10px; text-align:center  }
	#nav li ul a:hover           	{ background-color:#666666; }
	#nav ul ul                      { top:auto; }        
	#nav li ul ul         			{ left:7.1em; margin:0px 0 0 10px; }
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul			{ display:none; color:#cccccc }
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul 		{ display:block; }


#logoStrap		{ position:absolute; font-size:12px; font-weight:bold; color:#333333; left:15px; top:60px; left:35px; margin:0; z-index:150 }

/* 4 X TABBED MENU  */ 

#tabbedNav			{ position:relative; clear:both; margin:0; padding:0; width:940px; left:21px; height:65px; }
#tabbedNav ul		{ position:relative; width:940px; height:65px; background-image:url(../images/template/tabs/tabbedNavBG.jpg); margin:0; list-style-type:none; padding:0 }
#tabbedNav ul li 	{ position:relative; width:235px; height:65px; margin:0; padding:0; float:left; display:block; text-align:center;   }
#tabbedNav ul li a	{ position:relative; width:235px; height:65px; margin:0; padding:0; float:left; display:block; text-align:center;   }

#home #tabbedNav .home a { position:relative; width:235px; height:65px; display:block; background-image:url(../images/template/tabs/home.jpg); text-decoration:none; cursor:default; margin:0; padding:0; cursor:pointer;}
#movers #tabbedNav .movers a { position:relative; width:235px; height:65px; display:block; background-image:url(../images/template/tabs/movers.jpg); text-decoration:none; cursor:default; margin:0;padding:0; cursor:pointer;}
#business #tabbedNav .business a { position:relative; width:235px; height:65px; display:block; background-image:url(../images/template/tabs/business.jpg); text-decoration:none; cursor:default; margin:0;padding:0; cursor:pointer;}
#students #tabbedNav .students a { position:relative; width:235px; height:65px; display:block; background-image:url(../images/template/tabs/students.jpg); text-decoration:none; cursor:default; margin:0; padding:0;cursor:pointer;}




/* MAIN SITE COMPONENTS  */ 
#container			{ position:relative; width:980px;  margin:0 auto; border:1px solid #cccccc; background-color:#ffffff;  padding-bottom:40px; padding:10px;   }

#header				{ position:relative; width:980px; height:80px; margin:0; padding:0; padding-top:10px     }
#header h1			{ position:absolute; top:48px; right:19px; font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#333; margin:0 }

#logo				{ position:absolute; top:10px; left:28px; margin:0 }



#makePayment			{ position:absolute; top:-5px; right:12px; }
#makePayment p			{ position:relative; float:left; color:#FFFFFF; font-weight:bold; padding-top:18px; padding-right:15px }

#click4Assistance		{ position:absolute; top:2px; right:415px; }



#infoColumn			{ position:relative; width:300px; padding-left:15px; padding-top:10px; float:left; margin:0; left:21px; margin-right:20px; background-image:url(../images/template/verticalDivider.jpg); background-position:right; background-repeat:no-repeat }
	#infoColumn	h1		{ position:relative; padding:10px; font-size:24px; width:85%; color:#000000; font-family:Arial, Helvetica, sans-serif;  font-weight:bold; margin:0 0 5px 0;   }
	#infoColumn	h2		{ position:relative; padding:10px; font-size:16px; width:85%; color:#000000; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:normal; margin:0; line-height:20px   }
	#infoColumn	h3		{ position:relative; padding:10px; font-size:14px; width:87%; color:#000000; font-weight:normal; margin:0  }
	#infoColumn ul		{ position:relative; list-style-type:none; margin:10px 0 10px 0; padding:0 0 0 10px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;  }
	#infoColumn a		{ position:relative; left:5px } /* BUTTON  */


#content				{ position:relative; width:585px; margin:0; padding:20px 20px 10px 20px; float:left; }
	#content.yellow		{ position:relative; background-color:#FFE000; width:900px; left:21px; top:0px; margin:0; }
	
	#content h1			{ position:relative; font-family:Arial, Helvetica, sans-serif; color:#000000; font-weight:bold; font-size:22px; margin:0; padding-bottom:5px; }
	#content h2			{ position:relative; color:#000000; font-weight:bold; font-size:16px; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; margin:0; margin-bottom:10px;}
	#content h3			{ position:relative; color:#000000; font-weight:bold; font-size:12px; font-weight:normal; margin:0; padding-bottom:5px }
	#content .leftCol	{ position:relative; width:295px; height:250px;  margin:0; float:left; padding:10px 0 0 20px }
	#content .rightCol	{ position:relative; width:250px; height:250px;  margin:0; float:left; padding-left:10px; }
	#content ul			{ position:relative; list-style-type:none; margin:0; padding:0;  }
	#content a			{ color:#000000; font-weight:bold; }
	#content a:hover	{ color:#000000; font-weight:bold; text-decoration:none }
		
	#content p { position:relative; padding-bottom:3px; padding-top:3px; margin:0 }

#footer				{ position:relative; left:21px; width:900px; padding:20px; height:70px; margin:0; margin-bottom:20px; background-color:#000000;  clear:both }
	#footerlinks a			{ color:#FFFFFF; margin:0; text-decoration:none; font-family:Arial, Helvetica, sans-serif; padding:2px 5px 2px 5px; font-weight:bold }
	#footerlinks a:hover		{ color:#FFFFFF; margin:0; text-decoration:underline; }
	#UHTKcopyright			{ position:absolute; color:#666666; margin:0; top:75px;  left:25px; font-family:Arial, Helvetica, sans-serif; float:right }
	#footer .ngs a              { position:absolute; width:24px; display:block; height:23px; left:895px; top:90px; margin:0; background-image:url(/images/template/northgate_systems_tag_up.gif); background-repeat:no-repeat; }
	#footer .ngs a:hover        { background-image:url(/images/template/northgate_systems_tag_over.gif); background-repeat:no-repeat; }



/* HOMEPAGE COMPONENTS  */

#homeBanner			{ position:relative; width:940px; height:478px; left:21px;  margin:0; z-index:5  }

#intro			{ position:absolute; top:230px;  width:330px;  margin:0; left:48px; z-index:10 }
	#intro	h1		{ position:relative; padding:10px; font-size:24px; width:85%; color:#000000; font-family:Arial, Helvetica, sans-serif;  font-weight:bold; margin:0 0 5px 0;   }
	#intro	h2		{ position:relative; padding:10px; font-size:16px; width:85%; color:#000000; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:normal; margin:0; line-height:20px   }
	#intro	a		{ position:relative; left:5px } /* BUTTON  */


/* TOOLTIPS  */
.tip 				{ position: absolute; width: 212px; padding-top: 25px; overflow: hidden; display: none; margin-left:5px; z-index: 500; background: transparent url(/images/template/tipTop.png) no-repeat top; font-weight:normal; line-height:18px; font-size:12px;}	
	.tip p				{ font-size:16px; background-color:#FFE000; font-weight:bold; color:#000000; margin:0; padding:8px; margin-bottom:5px; }
	.tipMid 			{ background: transparent url(/images/template/tipMid.png) repeat-y; width:161px; padding: 0 25px 10px 25px;}
	.tipBtm 			{ background: transparent url(/images/template/tipBtm.png) no-repeat bottom; height: 32px;}


/* FAQS ACCORDION MENU  */
ul#menu, ul#menu ul { list-style-type:none; margin: 0; padding: 0; width: 90%; }
	ul#menu a 			{ display: block; text-decoration: none;}
	ul#menu li 			{ margin-top: 1px; }
	ul#menu li a 		{ color: #000000;	 }
	ul#menu li a:hover  { background: #FFFFFF; }
	ul#menu li ul li  	{ color: #3F3F3F; padding:5px 0 5px 20px; }


.largeDropDown			{ position:relative; font-size:14px; font-family:Arial, Helvetica, sans-serif; margin:0; color:#000000; border:1px solid #CCCCCC; padding:8px}


/* CONTACT PAGE ELEMENTS  */

#contactForm p		{ position:relative; font-family:Georgia, "Times New Roman", Times, serif;  font-size:14px; font-weight:bold; margin:0; padding-bottom:5px; padding-top:5px }
.inputBox			{ position:relative; width:250px; font-size:13px; padding:3px; margin:0; font-family:Arial, Helvetica, sans-serif; border:1px solid #CCCCCC; background-color:#FFFFFF;  overflow:hidden }

.inputArea			{ position:relative; width:250px; height: 80px; font-size:13px; padding:6px; margin:0; font-family:Arial, Helvetica, sans-serif; border:1px solid #CCCCCC; background-color:#FFFFFF; overflow:auto }

.inputBoxErr		{ position:relative; width:250px; font-size:13px; padding:6px; margin:0; font-family:Arial, Helvetica, sans-serif; border:1px solid #FFE000; overflow:hidden }
.inputAreaErr		{ position:relative; width:250px; height: 80px; font-size:13px; padding:6px; margin:0; font-family:Arial, Helvetica, sans-serif; border:1px solid #FFE000; overflow:auto }

.inputBoxErr		{ position:relative; width:250px; font-size:13px; padding:6px; margin:0; font-family:Arial, Helvetica, sans-serif; border:1px solid #E0C31B; overflow:hidden }
.inputAreaErr		{ position:relative; width:250px; height: 80px; font-size:13px; padding:6px; margin:0; font-family:Arial, Helvetica, sans-serif; border:1px solid #E0C31B; overflow:auto }



/* CREATE ORDER CONTROL ELEMENTS  */


.colOne					{ position:relative; width:285px; padding:10px 40px 0 0px; float:left; border-right:0px dotted #000000; background-image:url(../images/template/yellowContainerBG.gif); background-position:top right; background-repeat:no-repeat }
.colTwo					{ position:relative; width:250px; padding:10px 45px 80px 5px; float:left; background-image:url(../images/template/yellowContainerBG.gif); background-position:top right; background-repeat:no-repeat}
.colThree				{ position:relative; width:255px; padding:10px 20px 10px 0px; float:left; }
.colFour				{ position:relative; width:570px; padding:10px 0px 10px 5px; float:left; }   					       				  
.colFive				{ position:relative; width:560px;  padding:25px 0px 35px 5px; margin-top:10px; float:left; background-image:url(../images/template/yellowContainerBGhorizontal.gif); background-position:bottom; background-repeat:no-repeat; }
#summaryPageColOne		{ position:relative; float:left; width:275px; margin:0; padding:0px 0 20px 45px;background-image:url(../images/template/yellowContainerBGflip.gif); background-position:top left; background-repeat:no-repeat }


#lookup					{ position:absolute; top:120px; left:105px; margin:0; padding:0 }
.mag					{ position:absolute; top:45px; left:190px; width:55px; height:56px; margin:0; padding:0 }

#content .cross-link		{ position:relative; width:158px; float:left; display:block; background-image:url(../images/template/buttonBG.png); background-repeat:no-repeat; font-size:16px; color:#FFFFFF; font-weight:bold; font-family:Arial, Helvetica, sans-serif; padding:10px 0px 10px 15px; }
#content .cross-link a		{ position:relative; color:#FFFFFF;   }
#content .cross-link a:hover{ position:relative; display:block; background-image:url(../images/template/buttonHoverBG.png); background-repeat:no-repeat; color:#FFFFFF }


#map				{ position:relative; width:290px; padding:0px; height:385px; margin:10px 0 10px 0; background-color:#FFFFFF }


.totalPrice			{ position:relative; font-size:12px;  font-weight:bold; margin:0; color:#FF0000 }
		
#reviews			{ position:relative; width:242px; height:270px; background-image:url(../images/template/reviewBox.gif); background-repeat:no-repeat; padding-left:5px; margin:10px }
#reviews h1			{ position:relative; padding:15px 10px 10px 10px; font-size:18px; width:90%; color:#000000; font-style:italic; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; margin:0  }
#reviews h2			{ position:relative; padding:10px; font-size:14px; width:90%; color:#3F3F3F; font-style:italic; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; margin:0; }
#reviews h3			{ position:relative; font-weight:bold; font-style:normal; width:85%; color:#000000;  padding-left:10px; margin:0; padding-top:10px; }

#packingImg			{ position:absolute; width:360px; height:252px; left:560px; top:15px;  margin:0; background-image:url(../images/packaging/packaging.png); background-repeat:no-repeat; }
#calendarhelp		{ position:absolute; width:130px; height:91px; left:125px; top:322px;  margin:0 }


.box				{ position:relative; width:90%; padding:5px 0 5px 0;  margin:0; clear:both; }
.box img			{ float:left; margin:0 15px 40px 0 }

/* Sliding Doors Button Elements */

a.button                     { background: transparent url('/images/template/btnRight.png') no-repeat scroll top right; left:-2px; color:#FFFFFF; display: block; float: left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; height: 35px; margin-right: 6px; margin-top:8px; padding-right: 39px !important; /* sliding doors padding */ text-decoration: none; cursor:pointer }
a.button span                { background: transparent url('/images/template/btnLeft.png') no-repeat; display: block; line-height: 25px; padding: 5px 10px 8px 15px; color:#FFFFFF; text-decoration: none;} 
a.button:hover               { background-position: bottom right; color:#FFE000; outline:none; text-decoration:none; background: transparent url('/images/template/btnRightHover.png') no-repeat scroll top right;}

a.button:hover span          { background-position: top left; color:#FFE000; text-decoration:none; background: transparent url('/images/template/btnLeftHover.png') no-repeat;}

#updateSecPayTotals { width: 180px; padding-left: 5px; margin: 5px;}
#CreateOrder_totalForSecPay { font-size: 16px; font-weight:bold; float:right; }

.totalText { font-size: 16pt; font-weight: bold; }


/* MAP AND DIRECTION RELATED ELEMENTS */

#dialog { position: relative; width:900px; height:auto; background-color:#FFFFFF;}


    .hidden             { display: none; }
		
    .directions         { position: relative; background-color:#FFFFFF; position:relative; top:0px; left:10px; width:561px; z-index:2; color:#3f3f3f; }
	.directions a       { color:#96B528; font-weight:bold; }
    .directionsAdvice   { border:0px black solid; background-color:#ffffff; position:relative; top:30px; padding:5px; }
    .directionsAdvice p { position:relative; }
    .popNotes, p        { margin:0; color:#3F3F3F; }
    .popHeader          { position: relative; clear: both; }
    .popNotes           { position: relative; padding-left: 3px; float: left; clear: none; }
    .routePanel         { border: 0px black solid; background-color: #ffffff; position: relative; top: 0px; width: 575px; height: auto;
                          z-index: 1; padding: 5px; }
    .loadingPanel       { border: 0px black solid; background-color: #ffffff; position: absolute; left: 0px; top: 325px; width: 475px;
                          height: 100px; z-index: 2; padding: 5px; }

    /* CONTROLS DIRECTIONS BUTTON  */
    .switchPanel        { border: 1px black solid; position: absolute; visibility:hidden; width: 1px; height: 1px; display: none; z-index: 4; }
    .switchPanel p      { padding: 0; margin: 0; position: relative; top: -4px; text-align: center; color:#3f3f3f; }
	.switchPanel:hover	{ background-color:#CCCCCC }
		
    /* CONTROLS PRINT BUTTON  */
    .printPanel         { border: 1px black solid; background-color: #333333; position:absolute; color:#FFFFFF; padding: 5px; z-index: 10; cursor:pointer; top:12px; width:100px; right:10px;}
	.printPanel:hover	{ background-color:#555555 }
    .printPanel p       { padding: 0; margin: 0; position: relative;  text-align: center; font-size:12px; color:#ffffff; }
    
    .closePanel         { border: 1px black solid; background-color: #333333; position:absolute; color:#FFFFFF; padding: 5px; z-index: 10; cursor:pointer; top:12px; width:100px; right:130px;}
    .closePanel:hover	{ background-color:#555555 }
    .closePanel p       { padding: 0; margin: 0; position: relative;  text-align: center; font-size:12px; color:#ffffff; }
    
    .routePanel p       { position: relative; }
    .popHeader          { padding:0px; margin:0px; text-align:center; font-weight:bolder; }




.hide { display:none !important; }
.showPopup { display:block !important; width:500px; height:500px; z-index:9000; }
.hidePopup { display:none !important; width:500px; height:500px; z-index:9000; }

.validationError { position:relative; color:#AA0404; font-size:12pt; font-weight:bold; margin-top:10px; }