/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 1008px) {

		}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 1008px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		#homePage #menu_mobile {
			display:none;
		}
		
		.form_label {
			width:auto;
			padding:0;
		}
		
		.form_required {
			width:5%;
			padding:5px 0 0 10px;
		}
		
		.form_field {
			width:100%;
			float:none;
			margin-top:0;
		}
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {

		h1 {
			margin: 10px 0 !important;
			}

		#greyTexture {
			background:url(/images/backgrounds/brands_bg.jpg) repeat-x;
			height: 70px;
			margin-top: -71px;
			}

		#headerWrapper {
			background:url(/images/backgrounds/header_mobile_bg.png) repeat 0 0 ;
			}

		.header {
			background:none ;
			height: auto;
			}

		#logoMobile {
			width: 140px;
			margin-top: 5px;
			}

		#logoMobile img {
			width: 100%;
			}

		#brandsBox {
			width: 100%;
			height: auto;
			padding: 7px 0;
			margin: 0px;
			/*background: url(/images/backgrounds/brands_bg.jpg) 0 0 no-repeat;*/
			float: left;
			}

		#brandsBox ul li {
			height: 47px;
			padding: 9px 24px 0;
			}

		#brandsBox ul li img{
			width: 50px;
			}

		#brandsBox > a > img {
			width: 300px;
			margin: 0 20px;
			}

		.container {
			background: #fff;
			}

		#content {
			margin: 0px;
			}

		#contentFooter {
			margin: 0px;
			}

		.contentFooterBox {
			margin: 0 29px;
			}

	    #homeBanner {
		    height: 245px;
		    overflow: hidden;
		    }
			
		#late-model-view  #homeBanner {
			height:300px;
			}

		#content img {
			max-width: 100%;
			max-height: 100%;
			height: auto;
			width: auto;
			}

		#upcomingCars {
			display: none;
			}

		.bookService .ui-datepicker {
			width: auto;
			}

		.textinput, .textinputhover {
			width: 80%;
			}

		.contactRight, .contactLeft {
			width: 100% !important;
			}

		.contactRight {
			margin-bottom: 20px;
			}

		select.textinput {
			width: 185px !important;
			}

	    #ontact h2 {
		    margin-top: 20px;
		    }

		#request #Other_Make {
			width: 80% !important;
			margin-left: 0px !important;
			}

		#contact iframe {
			width: 100% !important;
			}

		/* CARS */

		.grid_item {
			width: 182px;
			background: #B2B2B2;
			padding: 2px 1px 2px 2px;
			float: left;
			}

		.grid_item_image {
			width: 181px;
			height: 114px;
			}

		.grid_item_image a, .grid_item_image img {
			line-height: 114px !important;
			width: 100% !important;
			vertical-align: middle !important;
			max-height: inherit !important;
			}

		#sticky.sticky {
			position:inherit;
			top:inherit;
			}

		.featured_image, .featured_image a {
			width: 400px;
			height: 220px;
			}

		.featured_image a img {
			width: 100%;
			}

		.featured_desc {
			float: none;
			width: 100%;
			}

		.contentFooterButtons {
			float: left;
			width: auto;
			margin: 0 62px;
			}

		.contentFooterButtons {
			margin-bottom: 10px;
			}

		.contentFooterButtons > a {
			background-size: 136px;
			width: 136px;
			}

		.contentFooterButtons > a > img {
			width: 100%;
			}

		.tandc {
			background: #fff;
			position: relative;
			padding: 0px 0px 15px;
			font-size: 10px;
			margin-top: -20px !important;
			margin-bottom: 0px !important;
			line-height: 12px;
			color: #666;
			}

		.footer_menu_col {
			width: 367px !important;
			margin: 0 0 15px !important;
			}

		.footer_menu_col span {
			width: 33%;
			}

		.social, .footerSearch {
			display: none;
			}

		#footerNav {
			float: left;
			margin-left: 0px;
			}

		.footer_foot > a {
			float: left;
			}

		.col1, .col2 {
			width: auto;
			margin-right: 0px;
			}

	    .bookService .ui-datepicker {
		    width: auto;
		    }

		}


	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {

		h1 {
			margin: 10px 0 !important;
			}

		#greyTexture {
			background:url(/images/backgrounds/brands_bg.jpg) repeat-x;
			height: 60px;
			margin-top: -61px;
			}

		#headerWrapper {
			background:url(/images/backgrounds/header_mobile_bg.png) repeat 0 0 ;
			}

		.header {
			background:none ;
			height: auto;
			}

		#logoMobile {
			width: 140px;
			margin-top: 5px;
			}

		#logoMobile img {
			width: 100%;
			}

		#brandsBox {
			width: 100%;
			height: auto;
			padding: 6px 0;
			margin: 0px;
			/*background: url(/images/backgrounds/brands_bg.jpg) 0 0 no-repeat;*/
			float: left;
			}

		#brandsBox ul li {
			height: 42px;
			padding: 7px 14px 0;
			}

		#brandsBox ul li img{
			width: 40px;
			}

		#brandsBox > a > img {
			width: 240px;
			margin: 0 20px;
			}

		.container {
			background: #fff;
			}

		#content {
			margin: 0px;
			}

		.contentFooterBox {
			width: 240px;
			height: 150px;
			margin-bottom: 10px;
			background: url(/images/backgrounds/used_car_search_bg.jpg) no-repeat -15px 0;
			background-size: 316px;
			padding: 45px 19px 0;
			border: 1px solid #707070;
			}

		.financeCalculator {
			background: url(/images/backgrounds/mobile_finance_calc_bg.jpg) no-repeat -19px 0;
			padding: 42px 19px 0;
			background-size: 316px;
			height: 180px;
			}

		.financeCalculator select.textinput, .financeCalculator select.textinput:hover, .financeCalculator select.textinputhover {
			width: 119px !important;
			min-width: inherit;
			}

		.monthly_repayments_wrapper {
			width: 140px;
			position: absolute;
			margin-left: 110px;
			}

		.contentFooterBox .textinput, .contentFooterBox .textinputhover {
			width: 110px !important;
			}

		.usedCarSearch select.usedSearchSmallInput {
			width: 110px !important;
			min-width: inherit;
			float: left;
			}

		#contentFooter {
			margin: 0px;
			}

		.contentFooterButtons {
			float: left;
			width: auto;
			margin: 0 4px;
			}

		.contentFooterButtons {
			margin-bottom: 10px;
			}

		.contentFooterButtons > a {
			background-size: 136px;
			width: 136px;
			}

		.contentFooterButtons > a > img {
			width: 100%;
			}

		.tandc {
			background: #fff;
			position: relative;
			padding: 0px 0px 15px;
			font-size: 10px;
			margin-top: -20px !important;
			margin-bottom: 0px !important;
			line-height: 12px;
			color: #666;
			}

		.footer_menu_col {
			width: 250px !important;
			margin: 0 0 15px !important;
			}

		.footer_menu_col span {
			width: 33%;
			}

		.social, .footerSearch {
			display: none;
			}

		#footerNav {
			float: left;
			margin-left: 0px;
			}

	    .footer_foot > a {
		    float: left;
		    }

		#homeBanner {
			height: 180px;
			overflow: hidden;
			}
			
		#late-model-view #homeBanner {
			height: 210px;
			}

		#content img {
			max-width: 100%;
			max-height: 100%;
			height: auto;
			width: auto;
			}

	    #upcomingCars {
		    display: none;
		    }

		.col1, .col2 {
			width: auto;
			margin-right: 0px;
			}

		.bookService .ui-datepicker {
			width: auto;
			}

		.textinput, .textinputhover {
			width: 80%;
			}

		.contactRight, .contactLeft {
			width: 100% !important;
			}

		.contactRight {
			margin-bottom: 20px;
			}

		select.textinput {
			width: 185px !important;
			}

		#ontact h2 {
			margin-top: 20px;
			}

		#contact iframe {
			width: 100% !important;
			}

	    /* CARS */

		.grid_item {
			margin: 0px 0px 15px 0px;
			width: 277px;
			background: #B2B2B2;
			padding: 2px 1px 2px 2px;
			float: left;
			}

		.grid_item_image {
			width: 276px;
			height: 135px;
			}

		#sticky.sticky {
			position:inherit;
			top:inherit;
			}

		.featured_image, .featured_image a {
			width: 280px;
			height: 151px;
			}

		.featured_image a img {
			width: 100%;
			}

		.featured_desc {
			float: none;
			width: 100%;
			}

		.addthis_sharing {
			margin: 0px;
			}

		li.menuBreak {
			width: 100%;
			}

	    #bestdeal_button {
		    display: block;
		    margin-bottom: 15px;
		    }

		#brisbane-used-cars .grid_item_image, #used-cars .grid_item_image, #late-model .grid_item_image, #demo-vehicles .grid_item_image, #car-search .grid_item_image {
			background: none;
			}

		#request #Other_Make {
			width: 80% !important;
			margin-left: 0px !important;
			}

	    .iframeForm {
		    padding: 0px 0px !important;
		    }

		}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/