/* Colors */
@med-light-grey:#909090;
@med-grey: #595948;
@kia-orange: #b51f28;
@light-kia-orange: #e90e17;

/* @font-face */
@font-face {
    font-family: 'NeoSans-Regular';
    src: url('fonts/neosansstd-regular-webfont.eot');
    src: local('NeoSans-Regular'), 
         local('NeoSans-Regular'), 
         url('fonts/neosansstd-regular-webfont.ttf') format('truetype'),
         url('fonts/neosansstd-regular-webfont.svg#font') format('svg'); 
}

@font-face {
    font-family: 'NeoSans-Medium';
    src: url('fonts/neosansstd-medium-webfont.eot');
    src: local('NeoSans-Medium'), 
         local('NeoSans-Medium'), 
         url('fonts/neosansstd-medium-webfont.ttf') format('truetype'),
         url('fonts/neosansstd-medium-webfont.svg#font') format('svg'); 
}

.neosans-med{
	font-family: 'NeoSans-Medium', Helvetica, Arial, sans-serif;
}

.neosans-reg{
	font-family: 'NeoSans-Regular', Helvetica, Arial, sans-serif;
}



/* Classes */

.border-radius (@radius: 5px) {
  border-radius: @radius;
  -moz-border-radius: @radius;
  -webkit-border-radius: @radius;
}

.text-shadow (@x:-1px, @y:-1px, @blur:-1px, @color:#fff) {
  	text-shadow: @x @y @blur @color;
}

.box-shadow(@x:1px, @y:1px, @blur:1px, @alpha:#888){
	-moz-box-shadow: @x @y @blur @alpha;
	-webkit-box-shadow: @x @y @blur @alpha;
	box-shadow: @x @y @blur @alpha;
}

.sprite(@x:top,@y:right, @alpha:transparent){
	background: url("images/sprite.png") @x @y @alpha;
}

.opacity(@opac:0.5, @ie:50) {
	opacity: @opac; /* Standard: FF gt 1.5, Opera, Safari */
	
	-khtml-opacity: @opac; /* Safari 1.x */
	-moz-opacity: @opac; /* FF lt 1.5, Netscape */
}

.bordered {
  border: 1px solid red;
}

/* Buttons */

a.grey-btn{
	.border-radius();
	background: url(../images/grey-btn-bg.jpg) repeat-x #e1e1e1;
	display: block;
	float: left;
	padding: 5px 10px;
	border: 1px solid #ccc;
	font-size: 10px;
	&.bg-none{
		background: none;
	}
	&.uppercase{
		text-transform: uppercase;
		color: @med-grey;
		.text-shadow();
	}
	.grey-arrow{
		display: block;
		width: 10px;
		float: right;
		margin-left: 5px;
		.sprite(1px,-132px,transparent);
		&.right{
			.sprite(5px,-188px,transparent);
		}
	}
	
	&:hover{
		color: @kia-orange;
		.grey-arrow{
			.sprite(1px,-123px,transparent);
			&.right{
				.sprite(-3px,-188px,transparent);
			}
		}
	}
}

a.dark-btn{
	.border-radius();
	background: url(../images/dark-btn-bg.jpg) repeat-x #1f2122;
	display: block;
	float: left;
	padding: 5px 10px;
	border: 1px solid #383b3b;
	font-size: 10px;
	text-transform: uppercase;
	color: #fff;
	&.bg-none{
		background: none;
	}
	.dark-arrow{
		display: block;
		width: 10px;
		float: right;
		margin-left: 5px;
		.sprite(-160px,-64px,transparent);
	}
	
	&:hover{
		color:@light-kia-orange; 
		.dark-arrow{
			.sprite(-160px,-51px,transparent);
		}
	}
}

.red-btn{
	
		width:auto;
		background: url(../images/btn-bg.jpg) repeat-x @kia-orange;
		
		border: 0 none;
		color: #FFFFFF;
		padding: 10px 30px;
		text-transform: uppercase;
		.border-radius();
		float: left;
	
}

.kia-orange
{
    color: @kia-orange;
}



/* Primary Styles
    Author: Freshive
*/

body{
	background: url(../images/kia-background.gif) center top no-repeat #f2f2f2;
	font-family: "Helvetica Neue",Helvetica, Arial, serif;
	color: @med-grey;
	font-weight: normal;
}

body#no-bg
{
    background:none;
}

body#no-bg #main #page.inner-padding
{
    padding-top:0;
}

.chat-btn{
	 position: fixed;
    top: 3.0em;
	z-index: 999;
    right: 0;
    a
    {
        display:none;
    }
    div a
    {
        display:block;
    }
    span
    {
        display:none;
    }

}

.container{
	margin:0 auto; 
	width: 976px;
	height: auto;
	background: #fff;
	overflow:hidden;
}

.inner-padding{
	padding: 0 30px;
}

a{
	outline: none;
	text-decoration: none;
}


h1,h2,h3,h4{
	color: @med-grey;
}

p{
	line-height: 20px;
}

p + p{
	margin-top:0px;
	text-indent: 0px;
}

.right-divider{
	.sprite(-87px,-27px,transparent);	
	width: 30px;
	height: 210px;
	position: absolute;
	top:20px;
	right: 0;
}

.separator{
	width: 696px;
	height: 40px;
	.sprite(-130px,-200px,transparent);
}



/***********************************
 ______________Header_______________
 
 Table Of Contents
	 -Logo
	 -Navigation
	 	-Primary
	 	-Secondary Meta
	 -Mega Dropdowns
	 -Slide Panel
 
************************************/

header{
	min-height:50px;
	width: 100%;
	background: #fff;
	position: relative;
	z-index: 2;
	.nav-holder{
		height: 50px;
		background: url(../images/main-nav-bg.jpg) repeat-x;
	}
	/* logo */
	#logo{
		text-indent: -9999px;
		position: absolute;
		display: block;
		width: 85px;
		height: 45px;
		left: 46%;
		.sprite(0px,-55px,transparent);	
		top:5px;
	}
	#additional-models-btn{
		position: absolute;
		left: 47.5%;
		display: block;
		padding-left: 10px;
		bottom: 25px;
		font-size: 10px;
		color:@med-grey;
		text-decoration: none;
		text-transform: uppercase;
		outline: none;
		.sprite(0px,-115px,transparent);
		&.active{
			color: @kia-orange;
			.sprite(0px,-123px,transparent);
		}
	}
	/* Primary Navigation */
	#main-nav{
		list-style: none;
		margin: 0;
		padding: 0;
		float: left;
		margin-top: 15px;
		li{
			float: left;
			margin-right: 10px;
			border-right: 1px solid #ccc;
			padding-right: 10px;
			
			a{
				text-transform: uppercase;
				color: @med-grey;
				text-decoration: none;
				font-size: 12px;
				padding-bottom: 25px;
				&:hover{
					color: @kia-orange;
				}
				&.active{
					color: @kia-orange;
					border-bottom: 3px solid @kia-orange;
				}
			}
			&:last-child{
				border: none;
			}
		}
	}
	/* Secondary Meta Navigation */
	#secondary-nav{
		color: @med-light-grey;
		font-size: 10px;
		margin: 0;
		float: right;
		margin-top: 20px;
		li{
			float: left;
			margin-right: 25px;
			a{
				text-transform: uppercase;
				color: @med-light-grey;
				text-decoration: none;
				font-size: 10px;
				
				&:hover{
					color: @kia-orange;
				}
			}
			&:last-child{
				margin-right: 0;
			}
			&#country{
				.sprite(0px,-102px,transparent);
				padding-left: 20px;
				list-style: none;
				margin-left: -10px;
			}
		}
	}
	/* Mega Drop Downs */
	#dropdowns{
		background: #fff;
		.dropdown
		{
		    ul
		    {
		        list-style:none;
		        margin:0;
		        padding:0;
		        li
		        {   
		            float:left;
		            width:229px;
		            a
		            {
		                margin-left:20px;
		                color: @med-grey;
		                &:hover
		                {
		                    color:@kia-orange;
	                    }
	                }
	                img
	                {
	                    display:block;
	                }
	            }
	        }   
	    }
		.dropdown{
			display: none;
			padding: 30px;
			.image-thumb
			{
				padding-top: 15px;
				position: relative;
				float: left;
				.vehicle-name{
					text-align: center;
					margin-top: -10px;
				}
				&:hover .price-overlay{
					display:block;
				}
				.price-overlay{
				
					position: absolute;
					display: none;
					background: @kia-orange;
					padding: 5px 10px;
					top: -20px;
					right: 0px;
					p{
					
						color: #f28589;
						margin-bottom:0px;
						line-height: 15px;
						&.price{
							color: #fff;
							font-size: 14px;
						}
					}
					#corner{
						.sprite(0px,-173px,transparent);
						display: block;
						height: 15px;
						margin-right: 5px;
						position: absolute;
						right: 20px;
						text-decoration: none;
						width: 10px;
					}
				}
			}
		}
	}
	/* Slide Panel */
	#bottom-nav-panel{
		height: 50px;
		width: 100%;
		position: absolute;
		.sprite(0px,0px,transparent);
		bottom: -50px;
	}
}

/***********************************
 ____________Featured_______________
 
 Table Of Contents
	 -Slides
	 -Thumbs
 
************************************/

#featured-slider{
	position: relative;
	z-index: 1;
	margin-bottom: 20px;
	/* Slides */
	#slides{
		height: 470px;
		overflow: hidden;
		background: #000;
		.slide
		{
		    position: relative;
		    img{
			    display: block;
		    }
		    .slider-btns
		    {
		        display: block;
                height: 30px;
                position: absolute;
                bottom: 38px;
		    }
		    .brochure-download
		    {
                
                right: 148px;
                width: 115px;
		    }
		    .test-drive
		    {
                
                right: 53px;
                width: 80px;
		    }
		    .enquire
		    {
		        
                right: 263px;
                width: 100px;
		    }
		}
		
	}
	/* Thumbs */
	#thumbs{
		background: url(../images/thumbs-slider-bg.jpg) repeat-x;
		position: relative;
		z-index: 10;
		#thumb-top-panel{
			height: 30px;
			width: 100%;
			position: absolute;
			.sprite(0px,-234px,transparent);
			top: -30px;
			z-index: 3;
		}
		.thumb-holder{
			padding: 20px 20px 40px 20px;
			a{
				padding-top: 10px;
				margin-right: 17px;
				display: block;
				float: left;
				&.last{
					margin: 0;
				}
				&.active{
					.sprite(-410px,-165px,transparent);
					cursor: default;
					img{
					border: 5px solid #fff;
					}
				}
				img{
					display: block;
					border: 5px solid #ddd;
				}
				
			}
		}
	}
	#bottom-slider-panel{
		height: 35px;
		width: 100%;
		position: relative;
		.sprite(bottom,left,transparent);
		z-index: 11;
		margin-top: -35px;
	}
}

/***********************************
 ____________Main Content___________
 
 Table Of Contents
 	 -Home
	 	-Promotions
	 	-News
	 	-Push Images
	 	-Social
	 -Vehicle Landing Page
	 	
 
************************************/
#main{
	position: relative;
	/* Home */
	.home-column{
		position: relative;
		padding-right: 35px;
		width: 280px;
		float: left;
		margin-right: 3px;
		&.last{
			margin: 0;
			padding-right: 0;
		}
		h3.neosans-med{
			color:@kia-orange;
			border-bottom: 1px dotted #ccc;
			padding-bottom: 10px;
		}
	}
	/* Promotions */
	#promotions{
		#promotion-slides{
			margin-bottom: 10px;
			position: relative;
			height: 185px;
			width: 280px;
			overflow: hidden;
			.promotion-descrip{
				position: absolute;
				background: @kia-orange;
				width: 45%;
				height: 145px;
				top:0;
				right: -80px;
				padding: 10px;
				color: #fff;
				a.grey-btn{
					color: @kia-orange;
					text-transform: uppercase;
					font-size: 10px;
				}
			}
		}
		#promotion-nav{
			a{
				text-decoration: none;
				display: block;
				width: 10px;
				height: 10px;
				float: left;
				.sprite(-10px,-158px,transparent);
				margin-right: 5px;
				&.active{
					
				.sprite(0px,-158px,transparent);
				}
			}
		}
	}
	/* News Section */
	#news{
		ul{
			list-style: none;
			margin: 0;
			padding: 0;
			li{
				
				margin-bottom: 10px;
				p{
					margin-bottom: 0;
					padding-left: 10px;
					border-left: 2px solid @kia-orange;
					font-size: 12px;
					a{
						color: @kia-orange;
						text-decoration: none;
						&:hover{
							color: @kia-orange;
						}
					}
				}
				h4 a
				{
                    font-size: 12px;
                    font-weight: bold;
                    text-transform: uppercase;
				}
				small{
					color: #aaa;
					padding-left: 12px;
					margin: 0;
				}
			}
		}
	}
	/* Push Images */
	#push-images{
		img{
			margin-bottom: 10px;
			display: block;
		}
		#euro
		{
		    width:280px;
		    display:block;
		    height:88px;
		    position:relative;
		    .euro-image
		    {
		        position:absolute;
		        top:0;
		        left:0;
		    }
		    #euro-a
		    {
		        z-index:2;
		    }
		    #euro-b
		    {
		        z-index:1;
		    }
		    &:hover
		    {
		        #euro-a
		        {
		            z-index:1;
		        }
		        #euro-b
		        {
		            z-index:2;
		        }
		    }
		    
		}
	}
	
	
	
	#page.inner-padding{
		padding-top: 50px;
		min-height: 420px;
		/* Page */
		&.overview
		{
		    #sidebar{
		        #price{
				    background: none;
				    text-indent:-999px;
				    height:0;
			    }
			}
		
	    }
		#sidebar{
			float: left;
			width: 200px;
			margin-right: 20px;
			&.page{
				margin-top:30px;
			}
			div#submenu-top-panel{
				.sprite(-180px,-107px,transparent);
				width: 175px;
				height: 20px;
				margin-bottom: -15px;
				position: relative;
				z-index: 20;
			}
			
			h2{
				color: @med-grey;
			}
			#sub-menu{
				list-style: none;
				font-size: 12px;
				font-weight: normal;
				margin: 0;
				padding: 0;
				li{
					padding: 8px 20px;
					.sprite(-360px,-93px,transparent);
					&.active{
						background: #fff;
						a{
							color: @kia-orange;
						}
					}
					a{
						color: @med-grey;
						&:hover{
							color: @kia-orange;
						}
					}
					&.btn{
						margin-left: -20px;
						background: none;
						a{
							&:hover{
								color: @kia-orange;
							}
						}
						&.micro{
							margin-top: 10px;
							margin-bottom: 10px;
							min-width: 125px;
							a{
								min-width: 125px;
							}
							
						}
					}
				}
				
			}
			
			#title{
				margin: 0;
			}
			
			#price{
				font-size: 12px;
				color: @med-light-grey;
				padding-left: 15px;
				float: left;
				.sprite(-160px,-48px,transparent);
				a{
					color: @kia-orange;
					font-size: 14px;
				}
			}
		}
		#breadcrumbs{
				font-size: 12px;
                list-style: none outside none;
                position: absolute;
                right: 40px;
                text-transform: uppercase;
                top: 60px;
                z-index: 9999;
				
					
				
			}
		#content{
			padding-top: 30px;
			min-height: 350px;
			padding-bottom: 80px;
			width: 696px;
			float: left;
			position: relative;
			
			
			
			/* Pricing Content */
			.price-model{
				margin-bottom: 10px;
				.price-content{
					width: 550px;
					border-right: 1px solid #ccc;
					min-height: 80px;
					float: left;
					padding-right: 20px;
					margin-right: 20px;
					position: relative;
					h4{
						text-transform: uppercase;
						margin-top: 30px;
					}
					p{
						text-transform: uppercase;
						float: none;
					}
					img{
						float: left;
						margin-right: 20px;	
						display: block;			
					}
					.price-select{
						position: absolute;
                        right: 20px;
                        top: 0;
                        width: auto;
					}
				}
				.price{
						float: left;
						color: @kia-orange;
				}
			}
			#price-total{
				padding: 20px;
				background: #eee;
				border-top:3px solid @light-kia-orange;
				margin-bottom: 20px;
				h6{
					float: left;
					text-transform: uppercase;
					margin: 0;
					color: @med-grey;
				}
				h3{
					float: right;
					font-size: 14px;
					text-align: right;
					a{
						font-size: 18px;
						color: @light-kia-orange;
					}
				}
			}
		}
		
		
		/* Vehicle Landing Page */
		#sidebar.vehicle-land{
			position: relative;
			z-index: 5;
			div#submenu-top-panel{
				background: none;
				width:0px;
				height:0px;
				margin: 0;
			}
			
			h2{
				color: #fff;
			}
			#sub-menu{	
				margin-bottom: 60px;
				li{
					background: none;
					padding: 5px 20px;
					a{
						color:#fff;
						&:hover{
							color: @light-kia-orange;	
						}
					}
				}
				
			}
			#price{
				a{
					color: @light-kia-orange;
				}
			}
			
		}
	}
	
	/* Still Vehicle Landing Page */
	#landing-image{
		position: absolute;
		top:0;
		left: 0;
		
	}
	#like-btn{
				bottom: -65px;
    position: absolute;
    right: -310px;
    z-index: 999;
			}
}



/***********************************
 ____________Footer_________________
 
 Table Of Contents
 	 -Footer
	 	-Social
	 	-Bottom Info
	 	
 
************************************/


footer{
	position: relative;
	background: #fff;
	padding-top: 25px;
	#top-panel{
		height: 35px;
		width: 976px;
		position: absolute;
		.sprite(bottom,left,transparent);
		z-index: 11;
		top: -35px;
	}
	padding-bottom: 40px;
	/* Social */
	#social{
		border-bottom: 1px  dotted #ccc;
		padding-bottom: 20px;
		margin-bottom: 20px;
		.social-icon{
			display: block;
			height: 20px;
			padding-left: 30px;
			padding-top: 10px;
			text-decoration: none;
			text-transform: uppercase;
			color: @med-light-grey;
			font-size: 10px;
			float: left;
			margin-right: 20px;
			&:hover{
				color:@kia-orange;
			}
			&#twitter{
				.sprite(-135px,-128px,transparent);
			}
			&#facebook{	
				.sprite(-135px,-165px,transparent);
			}
			&.kia-general-icon{
				.sprite(-135px,-88px,transparent);
			}
		}
		
	}
	/* Model Thumbs */
	#model-thumbs{
		border-bottom: 1px dotted #ccc;
		padding-bottom: 20px;
		margin-bottom: 20px;
		ul{
			list-style: none;
			margin: 0;
			padding: 0;
			li{
				float: left;
				position: relative;
				img{
					width:91px;
					height: 46px;
					.opacity(0.5,50);
				}
				&:hover{
					.hover-thumb{
						display: block;
					}
				}
				.hover-thumb{
					position: absolute;
					top:-40px;
					left: -30px;
					z-index: 20;
					padding: 20px 10px;
					background: #fff;
					border: 1px solid #ccc;
					display: none;
					img{
						width: 150px;
						height: 75px;
						.opacity(1,100);
					}
					h4{
						text-align: center;
						margin: 0;
						margin-top: -5px;
						color: @med-light-grey;
					}
				}
			}
		}
	}
	/* Bottom Info */
	#bottom-info{
		position:relative;
		#footer-links{
			font-size: 6px;
			float: left;
			color: #ccc;
			li{
				float: left;
				margin-right: 20px;
				a{
					color: @med-light-grey;
					font-size: 10px;
					&:hover{
						color:@kia-orange;
					}
				}
			}
		}
		
		#simple-links{
			float: right;
			list-style: none;
			margin: 0;
			padding: 0;
			width: 212px;
			li{
				float: left;
				a{
					color: @med-light-grey;
					font-size: 10px;
					margin-right: 10px;
					&:hover{
						color:@kia-orange;
					}
					&.grey-btn{
						
						margin: 0;
						margin-top: -5px;
					}
					&.first{
						border-right: 1px solid #ccc;
						padding-right: 10px;
					}
				}
			}
		}
		#microsites{
				&:hover #micro-hover{
				    display:block;
				}
				&:hover .grey-btn{
				    color: @kia-orange;
				    .grey-arrow{
				        .sprite(1px,-123px,transparent);
				    }
				}
				#micro-hover{
				    background: none repeat scroll 0 0 #FFFFFF;
                    border: 1px solid #CCCCCC;
                    border-radius: 5px 5px 5px 5px;
                    display: none;
                    padding: 20px;
                    position: absolute;
                    right: 17px;
                    top: -130px;
                    width: 170px;
                    height: 85px;
                    z-index:3;
                    .border-radius();
                    ul{
                        list-style:none;
                        padding: 0;
                        a{
                            width: 100px;
                            display: block;
                            float: left;
                            margin-bottom: 5px;
                            width: 75px;
				        }
				    }
                        
				}
				}
		.footer-text
		{
		    margin-top: 10px;
			float: right;
			font-size: 10px;
			color: @med-light-grey;
			text-transform: none;
		}
		#copyright{
			float: right;
            margin-right: 15px;
            text-align: right;
            text-transform: none;
		}
		#imperial
		{
			
			float: left;
			width: 450px;
			text-transform:none;
			
			
		}
		#disclaimer
		{
		    padding:10px 0px;
		    border-top: 1px dotted #ccc;
		    border-bottom: 1px dotted #ccc;
		}
		#freshive
		{
		    float:left;
		    a
		    {
		        color: @med-light-grey;
		    }
		}
	}
}

/***********************************
 ____________Gallery_________________
 
 Table Of Contents
 	 -Gallery
************************************/
#gallery-links{
	display:block;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 20px;
	padding-left: 5px;
	a{
		display: block;
		float: left;
		margin-bottom: -1px;
		padding: 10px 20px;
		&.active{
			border: 1px solid #ccc;
			color: @kia-orange;
			border-bottom: 1px solid #FFFFFF;
		
		}
	}
}
#loader
{
    left: 300px;
    position: absolute;
    top: 180px;
}
#image-viewer{
	min-height:400px;
	position: relative;
	display:none;
	#images{
		margin-left: 135px;
		position:relative;
		min-height: 289px;
		h4{
			margin-left: -140px;
			font-weight: bold;
		}
		.image{
			position:absolute;
			top:0;
			left:0;
		}
	}
	.gallery-nav{
		width: 20px;
		height: 50px;
		display: block;
		position: absolute;
		top:100px;
		.sprite(53px,-105px,transparent);
		z-index: 50;
		&#next{
			right:0;
			.sprite(20px,-105px,transparent);
		}
	}


	#thumbs{
	
		.color-thumbs{
			border: 1px solid #DDDDDD;
			display: block;
			float: left;
			margin-right: 5px;
			
		}
		
		span#arrow{
			display: block;
			width: 27px;
			height: 10px;
			.sprite(10px,-200px,transparent);
		}
	}
	
	&.gallery{
		#images{
			min-height: 480px;
		margin-left: 0;
			h4{
				margin-left: 0;
				background: #eee;
				padding: 20px;
			}
		
		}
		.gallery-nav{
			margin-left: -10px;
			top:170px;
			width: 40px;
			.sprite(155px,-110px,transparent);
			&#next{
				right:0px;
				.sprite(110px,-110px,transparent);
			}
		}
		#thumbs{
			span#arrow{
				width:50px;
				.sprite(19px,-200px,transparent);
			}
			.color-thumbs{
				border: none;
			}
		}
	}
}

/***********************************
 ____________Accordian______________
 
 Table Of Contents
 	 -Accordian
************************************/

#accordian
{
    
	&.brochure{
		.a-section{
			
			.a-header{
				padding:5px;
				background:#fff;
				img{
					float:left;
					margin-right: 20px;
				}
				h4{
					margin-top:30px;
					font-size: 12px;
				}
				.a-arrow{
					float:right;
					margin-right: 20px;
					margin-top: 30px;
				}
			}
			.a-content{
				background: #f7f7f7;
				padding-top: 20px;
				
				h4{
					text-transform:uppercase;
					font-weight:bold;
					font-size: 12px;
					float:left;
					color: #8e8e8e;
				}
				.download{
					float:right;
					.border-radius();
					padding: 5px 20px;
					background: @kia-orange;
					color: #fff;
					text-decoration: none;
					font-size: 12px;
					font-weight: bold;
				}
			}
			&.active{
				.a-header{
					background:#fff;
				}
			}
		}
	}
    
	&.locator{
		.a-content{
			.content-block{
				float: left;
				padding: 10px 20px 0px 20px;
				width: 280px;
				&.dealer{
					width: 204px;
					padding: 10px 10px 0;
					h4{
						display:block;
						width: auto;
						min-width: 165px;
					}
					p{
						width:140px;
						width: auto;
					}
					.details{
						display: block;
					}
				}
				p{
					margin-bottom: 5px;
					width: 120px;
					width: auto;
				}
				h4{
					float:left;
					color: @kia-orange;
					margin-right: 20px;
					width: 130px;
					font-size:12px;
				}
				.details{
					float: left;
				}
			}
		}
	}
	&.panelbeater
    {
        .a-content
        {
			.content-block
			{
			    h4
			    {  
			        float:none;
                }
            }
        }
    }
    &.contact
    {
        .a-content{
        .content-block{
            width: 185px;
        }
        }
    }
	.a-section{
		
		.a-header{
			background: #fafafa;
			padding: 10px;
			border: 1px solid #ccc;
			cursor: pointer;
			.a-arrow{
				display: block;
				float: left;
				width:10px;
				height:15px;
				.sprite(-15px,-210px,transparent);
				margin-right: 5px;
			}
			h4{
				margin: 0;
			}
			
		}
		&.active{
			.a-header{
				background: #eee;
			}
			.a-arrow{
				.sprite(0px,-210px,transparent);
			}
				
		}
		
	
		.a-content{
			padding: 10px;
			img.frame
				{
				    padding:5px;
				    border:1px solid #ccc;
				    background: none repeat scroll 0 0 #F2F2F2;
				    &.right
				    {
				        float:right;
				        margin-left:10px;
		            }
		            &.right
		            {
		                float:left;
				        margin-right:10px;
		            }
			    }
			tr
			{
			    border: 1px solid #eee;
			    th
			    {
			        min-width:100px;
			        max-width: 100px;
		        }
		    }
			&.table{
				padding:0;
			}
		}
	}
}


/***********************************
 ____________Tables_________________
 
 Table Of Contents
 	 -Tables
	 	
 ************************************/

table{ 
	margin-bottom: 0;
	#first{
		width: 200px;
	}
	.odd {
		background: #eff7fa;
	}
	th{
		text-align:left;
		font-size: 14px;
		padding: 15px;
		border: 1px solid #EEEEEE;
        height: 82px;
	}
	td{
		padding: 5px 10px;
		border: 1px solid #eee;
		height:40px;
	}
	tbody tr:nth-child(2n) td, tbody tr.even td, {
		background: none
	}
	&#table-descrip
	{
	    float:left;
	    width: 215px;
	}
	
}

#table-wrap
{
    width: 481px;
    overflow:auto;
    float:left;
}


/***********************************
 ____________Tables_________________
 
 Table Of Contents
 	 -Content styles
	 	
 ************************************/

#content{
	.two-column{
		float:left;
		width: 325px;
		margin-right: 20px;
		h3{
			color: @kia-orange;
			font-size:16px;
			line-height:22px;
		}
		img{
			margin-bottom:20px;
		} 
	}
}

/***********************************
 ____________Forms_________________
 
 Table Of Contents
 	 - Dealer-Form
	 	
 ************************************/
 .contact-form{
	label{
		display:block;
		font-size: 10px;
		text-transform: uppercase;
	}
	p{
		float: left;
		margin-right: 20px;
	}
	.submit-btn
	{
	    float: left;
	    margin-right: 0;
	}
	input{
		padding: 10px;
		width: 300px;
		&.input-validation-error{
			background: none repeat scroll 0 0 #FFF1F1;
			border: 1px solid #DEC1C1;
		}
		&:focus{
			border:1px solid @kia-orange;
		}
		&.long{
		    width: 675px;
		}
	}
	span{
		display: block;
		font-size: 10px;
		font-weight: bold;
		text-transform: uppercase;
		color: @kia-orange;
	}
	textarea {
		height: 100px;
		padding: 5px;
		width: 650px;
	}
	.button{
		width:auto;
		background: url(../images/btn-bg.jpg) repeat-x;
		border: 0 none;
		color: #FFFFFF;
		font-weight: bold;
		padding: 10px 30px;
		text-transform: uppercase;
		width: auto;
		.border-radius();
	}
	.input-box{
		border: 1px solid #CCCCCC;
		margin: 0.5em 0;
		padding: 5px;
		width: 322px;
	}
 }
 
 .vehicle-select
 {
     border: 1px solid #CCCCCC;
    float: left;
    margin: 5px;
    padding: 5px;
    text-align: center;
}

 /***********************************
 ____________Maps_________________
 
 Table Of Contents
 	 -Maps
	 	
 ************************************/

 #map-holder{
	padding: 5px;
	border: 1px solid #ccc;
	margin-bottom: 20px;
	 #map{
		z-index: 9999;
		
	 }
 }

 /***********************************
 ____________news_________________
 
 Table Of Contents
 	 -Maps
	 	
 ************************************/
 
 #content.news
 {
     /* Inside post */
     #news-content
     {
        padding: 20px;
        background: #fafafa;
        #content-column,#image-column
        {
            width:59%;
            float:left;
            padding-right: 9%;
            
            border-right: 1px solid #ccc; 
            #meta
            {
                
                padding:20px;
                border-left: 3px solid @kia-orange;
                margin-left:-20px;
                margin-bottom:20px;
                h4{
                    color: @kia-orange;
                    font-size: 16px;
                    font-weight: bold;
                    line-height: 18px;
                    margin-bottom: 5px;
                 }
            }      
        }
        
        #image-column
        {
            width:31%;
            padding-right:0;
            border-right:0;
            #post-nav
            {
                font-weight: bold;
                padding: 45px;
                text-transform:uppercase;
                a, a:visited, a:hover
                {
                    color: @kia-orange;
                }
            }
        }
        
    }
    .post{
        background: none repeat scroll 0 0 #FBFBFB;
        border: 1px solid #ccc;
        border-bottom: 3px solid @kia-orange;
        padding: 5px;
        width: 200px;
        float:left;
        margin-right:15px;
        margin-bottom: 15px;
        height: 430px;
        img
        {
            margin-bottom: 10px;
        }
        h4{
            color: @kia-orange;
            font-size: 14px;
            font-weight: bold;
            line-height: 18px;
            margin-bottom: 5px;
        }
        a
        {
            color: @kia-orange;
            font-weight:bold;
        }
        small
        {
            margin-bottom:20px;
            display:block;
        }
        p
        {
            line-height:18px;
        }
        
        
        
    }
    
 }

/*************** Pagination ***************/

.pagination {
                text-align: left;
                padding: 20px 0 5px 0;
                font-family: Verdana, Arial, Helvetica, sans-serif;
                font-size: 10px;
                margin-top:20px;
                }
.pagination a {
                margin: 0 5px 0 0;
                padding: 3px 6px;
                color: @kia-orange;
                }

.pagination a.number {
				border: 1px solid #ddd;
                }

.pagination a.current {
    background: url("../../Admin/images/bg-button-red.gif") repeat-x scroll left top #950000 !important;
    border-color: #940000 !important;
    .border-radius(4px);
    color:#fff;
    
}
				
.pagination a.current:hover {
				text-decoration: underline;
       
              }
              


/***********************************
 ______________Error_______________

************************************/
#error
{
    padding: 40px;
    min-height:300px;
}

/***********************************
 ____________IE7_________________
 
************************************/
 
 body.ie7
 {
     #thumbs .thumb-holder
     {
        height: 140px;
     }
     #main
     {
         min-height:300px;
     }
     .dropdown
     {
         width:100%;
         height:auto;
     }
     footer
     {
        padding-top:0;
        z-index:99;
        position:relative;
        min-height:300px;
        #top-panel
        {
            
            
        }
        
        #social
        {
            width: 100%;
        }
     }
     .grey-btn,.dark-btn
     {
         span
         {
         display:none;
            }
     }
     .clearfix:after {
        content:".";
        display:block;
        height:0;
        clear:both;
        visibility:hidden;
    }
    .clearfix {display:inline-block;width:100%;height:0px;}
    #bottom-info #disclaimer
    {
        display:block;
        float:none;
    }
    #model-thumbs 
    {
        height: 60px;
        position:relative;
        z-index:100;
     
    }
    #sub-menu li
    {
        min-height:10px;
    }
    #price-total
    {
        min-height: 50px;
    }
    #submit
    {
        padding: 10px 10px;
        min-height:10px;
    }
    #prev
    {
        left:0;
    }
    #gallery-links,.a-header, .a-content,#news-content,.pagination
    {
        min-height:20px;
    }
    .pagination
    {
        display:block;
        float:none;
        width:100%;
    }
    #bottom-info
    {
        z-index:9999;
    }
    #bottom-info #microsites #micro-hover
    {
        top: -105px;
        z-index:999;
    }
    
 }

#splash{
	margin: 0 auto;
    width: 856px;
    padding: 60px;
    p{
    	color: #fff;
    	a{
    		color:#fff;
    		text-decoration: underline;
    	}
    	b{
			color:@kia-orange;
		}
    }			
    
			#splash-area{
				position:relative;
				#close-btn{
					position:absolute;
					top:-20px;
					right:-5px;
				}
				.red-btn{
					position: absolute;
					bottom:120px;
					right: 195px;
					font-size: 14px;
					color:#fff;
					&.enquire{
						right:60px;
					}
				}
				.grey-btn{
					position: absolute;
					bottom:20px;
					right: 60px;
					font-size: 14px;
					background: #e2e2e2;
					border: 1px solid #494949;
					padding: 10px;
					color: #494949;
				}
			}
		}