﻿
/* ajGNS - PromotionDetailAlt / PromotionListAlt Main Images */

#ajGNSContainer{
		width:350px;
		position: relative;
		padding: 0px;
		height: 305px;
		margin: 0px 0px 7px 0px;
		}

		.ajGNSMask{
			position:relative;
			width:350px;
			height:250px;
			overflow:hidden;
			margin:0px;
		}
		
		/*  Content styles  */
		
		#ajGNSBox{
			position:absolute;
		}
				#ajGNSBox div{
					width:350px;
					height:250px;
					float:left;
				
				}
				
				#ajGNSBox h3, #ajGNSBox p, #ajGNSBox ul{
					padding:5px 10px;
				}
				#ajGNSBox p{
					text-indent:16px;
				}
				#ajGNSBox img{
				
					float:left;
					margin:0px 0px 0px 0px;
				}
				

		#ajGNSPrev {
			position: absolute;
			top: 0px;
			left: 0px;
			height: 250px;
		}

				#ajGNSPrev:active, 
				#ajGNSPrev:hover {
						background:#0080FF;
						color:#fff;
						background: url(../../ajGNS/img/ajGNSPrev.png)  left center no-repeat;
						cursor: pointer;
						}
				

		#ajGNSNext {
			position: absolute;
			top: 0px;
			right: 0px;
			height: 250px;
		}

				#ajGNSNext:active, 
				#ajGNSNext:hover {
						background:#0080FF;
						color:#fff;
						background: url(../../ajGNS/img/ajGNSNext.png)  right center no-repeat;
						cursor: pointer;
						}
		
		/*  Required for Numbers/Thumbnails controls  */


		#ajGNSShortcut {
				position: absolute;
				top: 245px;
				left: 0px;
				z-index: 99;
		}
		
				/*#ajGNSShortcut span{						
						height: 50px;
						width: 50px;
						border: 1px solid #999;
						background-color: #FFF;
						color:#999;
						padding:2px 4px 2px 4px;
						cursor:pointer;
						font:10px Verdana;
						}
				
				
				#ajGNSShortcut span:active, 
				#ajGNSShortcut span:hover {
						background:#999;
						color:#e0e0e0
						}*/
				
				
				#ajGNSShortcut img {				
						width: 75px; 
						margin: 0px 5px 0px 0px;
						
						}
						
					#ajGNSShortcut img:hover{
					    cursor: pointer;
					}
						
						
						
						
/* ajGNS2 - PromotionDetail / PromotionList Main Images */

#ajGNS2Container{
		width:570px;
		position: relative;
		padding: 0px;
		height: 290px;
		margin: 0px 0px 7px 0px;
		}

		.ajGNS2Mask{
			position:relative;
			width:570px;
			height:250px;
			overflow:hidden;
			margin:0px;
		}
		
		/*  Content styles  */
		
		#ajGNS2Box{
			position:absolute;
		}
				#ajGNS2Box div{
					width:570px;
					height:250px;
					float:left;
				
				}
				
				#ajGNS2Box h3, #ajGNS2Box p, #ajGNS2Box ul{
					padding:5px 10px;
				}
				#ajGNS2Box p{
					text-indent:16px;
				}
				#ajGNS2Box img{
				
					float:left;
					margin:0px 0px 0px 0px;
				}
				

		#ajGNS2Prev {
			position: absolute;
			top: 0px;
			left: 0px;
			height: 250px;
		}

				#ajGNS2Prev:active, 
				#ajGNS2Prev:hover {
						background:#0080FF;
						color:#fff;
						background: url(../../ajGNS/img/ajGNSPrev.png)  left center no-repeat;
						cursor: pointer;
						}
				

		#ajGNS2Next {
			position: absolute;
			top: 0px;
			right: 0px;
			height: 250px;
		}

				#ajGNS2Next:active, 
				#ajGNS2Next:hover {
						background:#0080FF;
						color:#fff;
						background: url(../../ajGNS/img/ajGNSNext.png)  right center no-repeat;
						cursor: pointer;
						}
		
		/*  Required for Numbers/Thumbnails controls  */


		#ajGNS2Shortcut {
				position: absolute;
				top: 252px;
				left: 0px;
				z-index: 99;
		}
		
				/*#ajGNSShortcut span{						
						height: 50px;
						width: 50px;
						border: 1px solid #999;
						background-color: #FFF;
						color:#999;
						padding:2px 4px 2px 4px;
						cursor:pointer;
						font:10px Verdana;
						}
				
				
				#ajGNSShortcut span:active, 
				#ajGNSShortcut span:hover {
						background:#999;
						color:#e0e0e0
						}*/
				
				
				#ajGNS2Shortcut img {				
						width: 75px; 
						margin: 0px 5px 0px 0px;
						
						}
						
					#ajGNS2Shortcut img:hover{
					    cursor: pointer;
					}
						
				


/* Home Banners */

#ajGNS3Container{
		width:570px;
		position: relative;
		padding: 0px;
		height: 310px;
		}

		.ajGNS3Mask{
			position:relative;
			width:570px;
			height:310px;
			overflow:hidden;
			margin:0px;
		}
		
		/*  Content styles  */
		
		#ajGNS3Box{
			position:absolute;
		}
				#ajGNS3Box div{
					width:570px;
					height:310px;
					float:left;
					background:#eee;
				}
				
				#ajGNS3Box h3, #ajGNS3Box p, #ajGNS3Box ul{
					padding:5px 10px;
				}
				#ajGNS3Box p{
					text-indent:16px;
				}
				#ajGNS3Box img{
				
					float:left;
					margin:0px 0px 0px 0px;
				}
				

		#ajGNS3Prev {
			position: absolute;
			top: 0px;
			left: 0px;
			height: 310px;
		}

				#ajGNS3Prev:active, 
				#ajGNS3Prev:hover {
						background:#0080FF;
						color:#fff;
						background: url(../../ajGNS/img/ajGNSPrev.png)  left center no-repeat;
						cursor: pointer;
						}
				

		#ajGNS3Next {
			position: absolute;
			top: 0px;
			right: 0px;
			height: 310px;
		}

				#ajGNS3Next:active, 
				#ajGNS3Next:hover {
						background:#0080FF;
						color:#fff;
						background: url(../../ajGNS/img/ajGNSNext.png)  right center no-repeat;
						cursor: pointer;
						}
		
		/*  Required for Numbers/Thumbnails controls  */


		#ajGNS3Shortcut {
				position: absolute;
				top: 280px;
				left: 10px;
				z-index: 99;
		}
		
				#ajGNS3Shortcut span{
						padding:5px;
						height: 60px;
						width: 60px;
						border: 1px solid #333;
						background-color: #FFF;
						color:#333;
						padding:3px 6px 3px 6px;
						cursor:pointer;
						font:10px Verdana;
						}
				
				
				#ajGNS3Shortcut span.active, 
				#ajGNS3Shortcut span:hover {
						background:#333;
						color:#fff
						}
				
				
				#ajGNS3Shortcut img {
						width: 50px; 
						height:40px;
						}

	
	

/****************** ajGNS4 - Used car details pictures *********************  */	
#ajGNS4Container{
		width:360px;	
		height: 233px;	
		position: relative;
		padding: 0px;		
		
		}

		.ajGNS4Mask{
			position:relative;
			width:350px;
			height:228px;
			overflow:hidden;
			margin:0px;
		}
		
		/*  Content styles  */
		
		#ajGNS4Box{
			position:absolute;
			
			
		}
				#ajGNS4Box div{
					width:360px;
					height:228px;
					float:left;
			        position: relative;
			        
				}
				
				#ajGNS4Box h3, #ajGNS4Box p, #ajGNS4Box ul{
					padding:5px 10px;
				}
				#ajGNS4Box p{
					text-indent:16px;
				}
				#ajGNS4Box img{					
					float:left;
					margin:0px 0px 0px 0px;
				}
				
				#ajGNS4Box div a:link,
                #ajGNS4Box div a:visited,
                #ajGNS4Box div a:hover,
                #ajGNS4Box div a:active
                     {
                     position:absolute;
                     bottom: 0px;
                     left: 145px;                  
                    z-index: 100;              
                    width: 127px;
                    height: 27px;                
                     }
                     
      
		#ajGNS4Prev {
			position: absolute;
			top: 0px;
			left: 0px;
			height: 228px;
		}

				#ajGNS4Prev:active, 
				#ajGNS4Prev:hover {
						background:#0080FF;
						color:#fff;
						background: url(../img/ajGNSPrev.png)  left center no-repeat;
							cursor: pointer;
						}
				

		#ajGNS4Next {
			position: absolute;
			top: 0px;
			right: 10px;
			height: 228px;
		
		}

				#ajGNS4Next:active, 
				#ajGNS4Next:hover {
						background:#0080FF;
						color:#fff;
						background: url(../img/ajGNSNext.png)  right center no-repeat;
						cursor: pointer;
						}
		
		/*  Required for Numbers/Thumbnails controls  */


		#ajGNS4Shortcut {
				position: absolute;
				top: 230px;
				left: -5px;
				z-index: 99;
				background: #79A253;
				padding: 5px 0px 5px 5px;
				width: 355px;
		}
		
				#ajGNS4Shortcut span{
						padding:5px;						
					    width: 140px; 					
						padding:3px 1px 3px 0px;
						cursor:pointer;					
						}
							
				#ajGNS4Shortcut img {
						width: 129px; 				
					
						}

        
				
/* HOME PAGE USED */
						
#ajGNS5Container{
		width:385px;
		position: relative;
		padding: 0px;
		height: 130px;
		margin: 0px 0px 0px 0px;
	
		}

		.ajGNS5Mask{
			position:relative;
			width:385px;
			height:130px;
			overflow:hidden;
			margin:0px;
		}
		
		/*  Content styles  */
		
		#ajGNS5Box{
			position:absolute;
		}
				#ajGNS5Box div{
					width:385px;
					height:130px;
					float:left;
					background:#EAF3E3;
					margin: 0px 0px 0px 0px;
					padding: 4px 0px 0px 0px;
					
				}
				
				#ajGNS5Box h3, #ajGNS5Box p, #ajGNS5Box ul{
					padding:5px 10px;
				}
				#ajGNS5Box p{
					text-indent:16px;
				}
				#ajGNS5Box img{
				
					float:left;
					margin:0px 0px 0px 0px;
				}
				
				#ajGNS5Box a:link,
				#ajGNS5Box a:visited,
				#ajGNS5Box a:hover,
				#ajGNS5Box a:active
				{
				    float: left;
				    background: none;							  
				    padding: 0px 0px 0px 8px;
				    margin: 0px;   
				    
				}
							
			
                #ajGNS5Box a.ajGNS5Model:link,
                 #ajGNS5Box a.ajGNS5Model:visited{             
                    float: left;
                    display: block;
                    width: 210px;                
                    text-decoration: none; 
                    font-weight: bold;
                    font-size: 1.1em;   
                    padding: 0px;
                    margin: 0px;       
                    color: #000;                     
                } 
                
                  #ajGNS5Box a.ajGNS5Model:hover,
                 #ajGNS5Box a.ajGNS5Model:active{
                     text-decoration: underline;     
                 }
                
                #ajGNS5Box ul{
                     float: left;
                     margin: 0px 0px 0px 8px;
                     padding: 0px 0px 0px 0px;
                     font-size: 0.6em;
                     font-weight: normal;
                     color: #666;
                     font-family: Verdana;
                     list-style: none;
                }
                
                  #ajGNS5Box ul li{
                    clear: both;
                    float: left;
                    display: block;
                    padding: 0px 0px 5px 0px;
                    
                  }
                
                
              #ajGNS5Box .vehiclePrice{     
                    margin: 5px 0px 0px 0px;
                    font-size: 1.5em;
                    color: #638D3C;
	                font-weight: bold;
	                font-family: Arial, Verdana, sans-serif;
                }
                
                
                
	
		#ajGNS5Prev {
			position: absolute;
			top: 114px;
			left: 8px;			
			text-transform: uppercase;	
			font-size: 0.55em;
			color: #666;
			padding: 2px 5px 2px 5px;
			text-align: left;
			cursor: pointer;
			
		}

				
				#ajGNS5Prev:hover,
				#ajGNS5Prev:active {			
						background:#79A253;
						text-decoration: none;
						cursor: pointer;	
						color: #fff;
						}
				

		#ajGNS5Next {
			position: absolute;
			top: 114px;
			right: 5px;			
			text-transform: uppercase;	
			font-size: 0.55em;
			color: #666;
			padding: 2px 5px 2px 5px;
			text-align: right;
			cursor: pointer;
			
			}

				#ajGNS5Next:hover,
				#ajGNS5Next:active
				 {
						background:#79A253;
						text-decoration: none;
						cursor: pointer;	
						color: #fff;
						}
