/*          Style Sheet for Priory Budget Motoring       */

/* ***************************************************** */
/*                 Amendment History                     */
/* ***************************************************** */
/*                                                       */
/*                                                       */
/*                                                       */
/*                                                       */
/* ***************************************************** */


/* ***************************************************** */
/*                 default class styles   .              */
/* ***************************************************** */

/* ***************************************************** */
/*                   divisional styles                   */
/* ***************************************************** */

/* ***************************************************** */
/*                        Body                           */
/* ***************************************************** */

         body       {background-color: #c0c2e0;}

  	

/* ***************************************************** */
/*                     Container                         */
/* ***************************************************** */

 	#container {
 	            position: absolute;
 	            top:  0px;
     		    left: 50%;
		    width: 960px; height: 1100px;
		    margin-left: -480px;
 	            background-color: white;
 	            border: 2px solid white;
 	           }
 	           
          

/* ***************************************************** */
/*                    Masthead Banner                    */
/* ***************************************************** */

 	#masthead  {
 	            /* offset using negative margin method */
 	            position: relative;
 	            top: 20px;
 	            left: 62.5%;
 	            width: 680px; height: 280px;
 	            margin-left: -330px;
 	            border: 2px solid white;
 	           }
 	           
/* ***************************************************** */
/*                       Logo Box                        */
/* ***************************************************** */

 	#logobox   {
 	            /* offset using negative margin method */
 	            position: absolute;
 	            left: -38%;
 	            width: 225px; height: 260px;
 	            border: 4px dashed white;
 	           } 	           


/* ***************************************************** */
/*                     Banner Box                        */
/* ***************************************************** */

 	#bannerbox {
 	            /* offset using negative margin method */
 	            position: absolute;
 	            top: 20px
                    width: 660px; height: 260px;
 	            border: 3px dotted white;
 	           } 	           



/* ***************************************************** */
/*                     Navigation                        */
/* ***************************************************** */


    #nav       {
            	position: absolute; /* in relation to containing block */
           	top: 300px;
            	left: 12px;
            	width: 250px; height: 665px;
            	border: 4px dashed white;
               }

    .TopFill {margin: 0px 0px 0px -2px;}
    .MiddleFill {margin: 0px 0px 0px 0px;}
    .BottomFill {
                 position: absolute; /* in relation to containing block */
                 top: 560px;
                 left: 0px;
                 margin: 0x 0px 0px 0px;
                }

/* ***************************************************** */
/*                       Content                         */
/* ***************************************************** */

    #content  {
               position: absolute;
               left: 272px;
               top: 10px;
               width: 660px;
               height: 515px;
               border: 1px solid #b4b4b4;
              }
              
              
   #combinedpanel {
                   position: absolute;
                   top:-55px;
                   left: 405px;
                   width: 204px;
                   height: 122px;
                   padding: 65px 10px 10px 30px;
                  }              
                  
   .LongPicture    {float: right; width: 206px; height: 314px; padding: 65px 10px 10px 30px;}
  
   .ContentHeading  {font-family: Arial, Verdana; font-size: 24pt; font-weight: normal; color: #1b2157;
                     text-align: left; width: 500px; padding: 0px 0px 0px 12px;}
  
   .ContentPara1    {font-family: Arial, Verdana; font-size: 10pt; font-weight: normal; text-align: justify;
                     width: 410px; padding: 0px 0px 0px 12px;}
   

   .ContentPara2    {font-family: Arial, Verdana; font-size: 10pt; font-weight: normal; text-align: justify;
                     width: 575px; padding: 0px 0px 0px 12px;}
                     
   .ContentPara3    {font-family: Arial, Verdana; font-size: 10pt; font-weight: normal; text-align: justify;
                     width: 410px; padding: 0px 0px 0px 12px;}                     
                     
   .ContentList1    {font-family: Arial, Verdana; font-size: 10pt; font-weight: normal;padding: 10px 0px 0px 55px;}
   
   .ContentAlignment {font-size: 10pt; color: white;}
      
/* ***************************************************** */
/*                    Finance Content                    */
/* ***************************************************** */   
   
   #trafficlights{
		 position: absolute;
		 top: 10px;
		 left: 0px;
		 width: 40px;
		 height: 92px;
		}              

   .TL1 {
	 position: absolute;
	 top: 165px;
	 left: 20px;
	 width: 40px;
	 height: 92px;
	 padding: 10px 5px 10px 10px;
        }              

   .TL1W {
   	 position: absolute;
	 top: 190px;
	 left: 80px;
	 width: 300px;
	 height: 92px;
	 padding: 5px 5px 5px 5px;
	 font-family: Arial, Verdana; font-size: 8pt; font-weight: normal; text-align: justify;
         }

   .TL2 {
	 position: absolute;
	 top: 265px;
	 left: 140px;
	 width: 40px;
	 height: 92px;
	 padding: 10px 10px 10px 10px;
        }              


   .TL2W {
   	 position: absolute;
	 top: 285px;
	 left: 210px;
	 width: 300px;
	 height: 92px;
	 padding: 5px 5px 5px 5px;
	 font-family: Arial, Verdana; font-size: 8pt; font-weight: normal; text-align: justify;
         }

   .TL3 {
	 position: absolute;
	 top: 380px;
	 left: 260px;
	 width: 40px;
	 height: 92px;
	 padding: 10px 10px 10px 10px;
        }              
        

   .TL3W {
   	 position: absolute;
	 top: 410px;
	 left: 320px;
	 width: 300px;
	 height: 92px;
	 padding: 5px 5px 5px 5px;
	 font-family: Arial, Verdana; font-size: 8pt; font-weight: normal; text-align: justify;
         }
   .TL4 {
	 position: absolute;
	 top: 320px;
	 left: 280px;
	 width: 40px;
	 height: 92px;
	 padding: 10px 10px 10px 10px;
        }                      

/* ***************************************************** */
/*                     Contact Form                      */
/* ***************************************************** */

  #ContactForm {font-family: Arial; font-size: 12pt; font-weight: normal; color: #da691b;Padding: 0px 0px 0px 25px;}
  .FormShim1 {width: 114px; height: 20px;}
  .FormShim2 {width: 24px; height: 20px;}
  .FormShim3 {width: 53px; height: 20px;}
  .FormShim4 {width: 198px; height: 30px;}  
  .FormShim5 {width: 158px; height: 30px;}  
  
  .MassageText {position: absolute; left: 0px; padding: 40px 0px 0px 25px;}
   
/* ***************************************************** */
/*                  Location  Content                    */
/* ***************************************************** */

    #map_canvas {
                 left: 15px;
                 top: 10px;
                 width: 625px;
                 height: 225px;
                 border: 1px solid #b4b4b4;                 
                }


/* ***************************************************** */
/*                  Location  Content                    */
/* ***************************************************** */


   #opentimetable {position: absolute;
                  top: 295px;
		  left: 425px;
		  width: 250px;
		  padding: 2px 0px 10px 10px;font-family: arial;
		  border: 0px solid red;}

/* ********************************************************** */
/* note that the php code will dynamically use line styling * */
/* to highlight the appropriate time row                    * */
/* .timerow?  {color: #1b2153; font-weight: bold;}          * */
/* ********************************************************** */
 
   .timerow1  {color: #b4b4b4;}
   .timerow2  {color: #b4b4b4;}
   .timerow3  {color: #b4b4b4;}
   .timerow4  {color: #b4b4b4;}
   .timerow5  {color: #b4b4b4;}
   .timerow6  {color: #b4b4b4;}
   .timerow7  {color: #b4b4b4;}

   .timestatus {position: absolute;
	        top:425px;
	        left: 375px;
	        width: 445px;
	        font-size: 10pt;
	        padding: 2px 10px 0px 10px;font-family: arial;
	        border: 2px solid white;}
   .statusreply {position: absolute;
	         top:450px;
	         left: 470px;
	         width: 300px;
	         font-style: italic;
	         text-decoration: underline;
	         padding: 2px 10px 0px 10px;font-family: arial;
	         border: 2px solid white;}	                  
                  
   
   
/* ***************************************************** */
/*                Proton Content Data                    */
/* ***************************************************** */

   .ProtonData {position: absolute;left: 5px;top: 295px;width: 425px;height: 216px;border: 1px solid white;}

   .ContentHdgGen2  {font-family: Arial; font-size: 24pt; font-weight: normal; color: #da691b; text-align: justify;
                     width: 600px; padding: 10px 0px 0px 10px;}  
   .ContentHdgEcologic  {font-family: Arial; font-size: 24pt; font-weight: normal; color: #2f8338; text-align: justify;
                         width: 600px; padding: 10px 10px 0px 10px;}  

   .ContentHdgSavvy {font-family: Arial; font-size: 24pt; font-weight: normal; color: #d2232a; text-align: justify;
                     width: 600px; padding: 0px 0px 0px 10px;} 
                     
   .ContentHdgNeo {font-family: Arial; font-size: 24pt; font-weight: normal; color: #ba415a; text-align: Left;
                    width: 600px; padding: 0px 0px 0px 10px;} 


   .ProtonEcologicMain {
   			position: absolute;
   		        left: 10px;
   		        top: 80px;
   		        width: 213px;
   		        height: 108px;
   		        border: 1px solid white;
   		       }
   .ProtonSavvyMain    {
  			position: absolute;
   		        left: 200px;
   		        top: 165px;
   		        width: 213px;
   		        height: 108px;
   		        border: 1px solid white;
                       }
   .ProtonGen2Main     {
  			position: absolute;
   		        left: 10px;
   		        top: 280px;
   		        width: 213px;
   		        height: 108px;
   		        border: 1px solid white;
                       }
   .ProtonNeoMain      {
  			position: absolute;
   		        left: 200px;
   		        top: 395px;
   		        width: 213px;
   		        height: 108px;
   		        border: 1px solid white;
   		       }
                       
/* ***************************************************** */
/*                Ssangyong Content Data                 */
/* ***************************************************** */

   .SsangyongData {position: absolute;left: 5px;top: 225px;width: 407px;height: 275px;border: 1px solid white;}

   .ContentHdgRexton  {font-family: UniversLTStd-Light, Arial;font-size: 24pt; font-weight: normal; color: #1b2153; text-align: justify;
                       width: 600px; padding: 0px 10px 0px 10px;}  

   .ContentHdgRodius  {font-family: UniversLTStd-Light, Arial; font-size: 24pt; font-weight: normal; color: #1b2153; text-align: justify;
                       width: 600px; padding: 10px 0px 0px 10px;} 
                     
   .ContentHdgKyron   {font-family: UniversLTStd-Light, Arial; font-size: 24pt; font-weight: normal; color: #1b2153; text-align: Left;
                       width: 600px; padding: 10px 0px 0px 10px;} 


   .SsangyongRextonMain {
   			position: absolute;
   		        left: 10px;
   		        top:  60px;
   		        width: 240px;
   		        height: 165px;
   		        border: 1px solid white;
   		       }
   .SsangyongRodiusMain {
  			position: absolute;
   		        left: 180px;
   		        top: 190px;
   		        width: 240px;
   		        height: 165px;
   		        border: 1px solid white;
                       }
   .SsangyongKyronMain  {
  			position: absolute;
   		        left: 10px;
   		        top: 330px;
   		        width: 240px;
   		        height: 165px;
   		        border: 1px solid white;
                       }
                  
                  
/* ***************************************************** */
/*        MouseOverLong Panel Sub Div of Content         */
/* ***************************************************** */

  #xr1 {
       position: absolute;       
       width: 224px;
       height: 330px;
       left: 425px; top: 145px;
       border: 1px solid white;
      }


  #xr {
       position: absolute;       
       width: 224px;
       height: 330px;
       left: 425px; top: 130px;
       border: 1px solid white;
      }
      
  .MoBackGrd {position: absolute; left: 8px; top: 8px; width: 206px; height: 312px;}  
  .MouseOff1  {left: 10px; top: 10px; width: 100px; height: 60px; position: absolute;}
  .MouseOff2  {left: 112px; top: 10px; width: 100px; height: 60px; position: absolute;}
  .MouseOff3  {left: 10px; top: 72px; width: 100px; height: 60px; position: absolute;}
  .MouseOff4  {left: 112px; top: 72px; width: 100px; height: 60px; position: absolute;}
  .MouseOff5  {left: 10px; top: 134px; width: 100px; height: 60px; position: absolute;}
  .MouseOff6  {left: 112px; top: 134px; width: 100px; height: 60px; position: absolute;}
  .MouseOff7 {left: 10px; top: 196px; width: 100px; height: 60px; position: absolute;}
  .MouseOff8  {left: 112px; top: 196px; width: 100px; height: 60px; position: absolute;}
  .MouseOff9  {left: 10px; top: 258px; width: 100px; height: 60px; position: absolute;}
  .MouseOff10  {left: 112px; top: 258px; width: 100px; height: 60px; position: absolute;}
  
  #xp12 {left: 0; top: 0; visibility: hidden; position: absolute;}
  .MouseOver1 {left: 0px; top: 1px; width: 122px; height: 82px; position: absolute;}
  				
  #xp13 {left: 0; top: 0; visibility: hidden; position: absolute;}
  .MouseOver2 {left: 101px; top: 1px; width: 122px; height: 82px; position: absolute;}
  
  #xp14 {left: 0; top: 0; visibility: hidden; position: absolute;}
  .MouseOver3 {left: 0px; top: 63px; width: 122px; height: 82px; position: absolute;}
  
  #xp15 {left: 0; top: 0; visibility: hidden; position: absolute;}
  .MouseOver4 {left: 101px; top: 63px; width: 122px; height: 82px; position: absolute;}
  
  #xp16 {left: 0; top: 0; visibility: hidden; position: absolute;}
  .MouseOver5 {left: 0px; top: 125px; width: 122px; height: 82px; position: absolute;}
  
  #xp17 {left: 0; top: 0; visibility: hidden; position: absolute;}
  .MouseOver6 {left: 101px; top: 125px; width: 122px; height: 82px; position: absolute;}
  
  #xp18 {left: 0; top: 0; visibility: hidden; position: absolute;}
  .MouseOver7 {left: 0px; top: 187px; width: 122px; height: 82px; position: absolute;}
  
  #xp19 {left: 0; top: 0; visibility: hidden; position: absolute;}
  .MouseOver8 {left: 101px; top: 187px; width: 122px; height: 82px; position: absolute;}
  
  #xp20 {left: 0; top: 0; visibility: hidden; position: absolute;}
  .MouseOver9 {left: 0px; top: 249px; width: 122px; height: 82px; position: absolute;}
  
  #xp21 {left: 0; top: 0; visibility: hidden; position: absolute;}
  .MouseOver10 {left: 101px; top: 249px; width: 122px; height: 82px; position: absolute;}
  
/* ***************************************************** */
/*                  Proton Data                          */
/* ***************************************************** */

   .ProtonData {position: absolute;left: 5px;top: 295px;width: 425px;height: 216px;border: 1px solid white;}


/* ***************************************************** */
/*                       Footer                          */
/* ***************************************************** */

    #footer   {
               position: absolute;
               left: 288px;
               top: 850px;
               width: 660px;
               height: 120px;
               font-family: Verdana, Arial; font-size: 10pt;
               color: "#727070"; font-weight: normal;
               border: 1px solid #b4b4b4;
              }
              
    .FooterPhone {padding: 15px 10px 5px 120px;}              
    .FooterMail  {padding: 5px 10px 5px 135px;}              

/* ***************************************************** */
/*                     Affiliates                        */
/* ***************************************************** */

    #affiliates {
                 position: absolute;
                 left: 14px;
                 top: 995px;
                 width: 918px;
                 height: 60px;
                 border: 2px solid white;
                }
    .AffiliateLogo1 {width: 0px; height: 0px;padding: 0px 0px 0px 0px;}
    .AffiliateLogo2 {width: 0px; height: 0px;padding: 15px 10px 5px 750px;}
    
/* ***************************************************** */
/*                         Misc                          */
/* ***************************************************** */   
    
    .AppliedImaginationLogo {padding: 5px 5px 5px 300px;}
    .AppliedImaginationPara1 {font: Arial; Font-size: 20pt; text-align: justify;}
    .AppliedImaginationList1 {font: Arial; Font-size: 20pt; Text-indent: 35px; text}
    
    #AppliedImaginationForm {
                             position: absolute;
                             left: 100px;
                            } 
    
    
    
/* ***************************************************** */
/*                  End of Style Sheet                   */
/* ***************************************************** */