/* 37 */

/****** /home/thewheel/public_html/skin/frontend/rwd/thewheeldealcomau/css/_variables/variables.css ******/




/****** /home/thewheel/public_html/skin/frontend/rwd/thewheeldealcomau/css/blocks/banner-main.css ******/

.banner-main a,
.banner-main picture{
	display: block;
	width: 100%;
}
/*.banner-main img{
	display: none;
}
@media (min-width:1501px){
	.banner-main img.banner-1920{
		display: block;
	}
}
@media (min-width:1025px) and (max-width:1500px){
	.banner-main img.banner-1500{
		display: block;
	}
}
@media (min-width:641px) and (max-width:1024px){
	.banner-main img.banner-1024{
		display: block;
	}
}
@media (max-width:640px){
	.banner-main img.banner-640{
		display: block;
	}
}*/


/****** /home/thewheel/public_html/skin/frontend/rwd/thewheeldealcomau/css/blocks/bestsellers.css ******/

.best-sellers-wrap{
	text-align: center;
}
.best-sellers-wrap > h2{
	
	padding:6px 0;
	margin:30px 0 10px 0;
	display: inline-block;
    border-bottom: 4px solid #4790CD;

}
.best-sellers-wrap > .category-products h2{
	text-align: center;
}
.best-sellers-wrap > p{
	font-size: 20px;
	 font-family: "roboto-light", Arial, sans-serif ;
	 margin-bottom: 20px;
}
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
	ul.products-grid.products-grid--max-4-col li{
		width: 45%;
		margin:2%;
	}
}


/****** /home/thewheel/public_html/skin/frontend/rwd/thewheeldealcomau/css/blocks/blue-bar.css ******/

.blue-bar{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#448ac4+0,629ed0+50,448ac4+100 */
	background: #448ac4; /* Old browsers */
	background: -moz-linear-gradient(left,  #448ac4 0%, #629ed0 50%, #448ac4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #448ac4 0%,#629ed0 50%,#448ac4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #448ac4 0%,#629ed0 50%,#448ac4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#448ac4', endColorstr='#448ac4',GradientType=1 ); /* IE6-9 */

	text-align: center;	
	border-bottom: solid 1px #629ed0;
	padding: 2% 9%;
}
.blue-bar-wrap{
	max-width: 1000px;
	margin: auto;

}
.blue-bar h2{
	color:#fff;
	font-size: 30px;
	padding:6px 0;
	margin:0px 0 5px 0;
	display: inline-block;
    font-family: 'roboto-bold', Arial, Helvetica, sans-serif;

}
.blue-bar ul{
	max-width: 65%;
	color:#fff;
	padding:0 0 20px 0;
	margin:0 auto;
}
.blue-bar li, 
.blue-bar p{
	font-size: 20px;
	font-family: 'roboto-light', Arial, Helvetica, sans-serif;
	line-height: 22px;
	color: #fff;
	line-height: 26px;
}

.blue-bar li h3{
	font-size: 19px;
	font-family: 'roboto-regular', Arial, Helvetica, sans-serif;
	color:#111;
	text-transform: capitalize;
	padding: 10px 0;
}

@media only screen and (min-width: 640px) and (max-width: 1020px),only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
	.blue-bar h2{
		font-size: 22px;
	}
	.blue-bar li, 
	.blue-bar p{
		font-size: 16px;
	}
	.blue-bar li h3{
		font-size: 16px
	}
}


/****** /home/thewheel/public_html/skin/frontend/rwd/thewheeldealcomau/css/blocks/breadcrumbs.css ******/

.breadcrumbs{
	margin:20px 0 10px 0;
}
.catalog-product-view .breadcrumbs{
	margin:20px 0 20px 0;
}
.breadcrumbs a,
.breadcrumbs a:visited,
.breadcrumbs a:hover,
.breadcrumbs a:focus,
.breadcrumbs a:active{
	color: #111;
}
.breadcrumbs strong{
	color: #111;
}
.breadcrumbs span{
	color: #4690CC;
	font-weight: bold
}


/****** /home/thewheel/public_html/skin/frontend/rwd/thewheeldealcomau/css/blocks/contact-form.css ******/

 .crystalform{
	background: url('images/template/tile-form-top.jpg') repeat-x top transparent;
	padding: 20px 0;
}
.crystalform .item{
	width: 100%;
	padding:5px 5px 5px 0;
	box-sizing:border-box;
}
.crystalform .contact-method{

}
.crystalform .contact-method .item{
	width: 50%;
	float: left;
}
.cms-contact-html .crystalform label{
	display: none;
}
.crystalform input[type=text],
.crystalform textarea,
.crystalform select{
	width:100%;
	max-width: 100%;
	padding: 6px 14px;
	border:1px solid #c0c0c0;
	height: auto;
	font-family: "latoregular", Arial, Helvetica, sans-serif !important;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; /* future proofing */
	-khtml-border-radius: 4px; /* for old Konqueror browsers */
}
.crystalform textarea{
	height: 120px;
}
.crystalform .controls{
	margin: 2% 0;
}
.crystalform button{
	width: auto;
	padding: 5px 30px;
	font-size: 16px;
}



/****** /home/thewheel/public_html/skin/frontend/rwd/thewheeldealcomau/css/blocks/copyright.css ******/

.copyright{
	clear: both;
	border-top: solid 1px #444;
	color: #eee;
	font-size: 11px;
	padding: 30px 10px;
}
.copyright li{
	display: inline-block;
	margin: 0 10px 5px 0
}

@media only screen and (max-width: 380px), only screen and (max-device-width: 380px) {
	.copyright{
		text-align:center;	
	}
}


/****** /home/thewheel/public_html/skin/frontend/rwd/thewheeldealcomau/css/blocks/fixed-header.css ******/

body #header{
	max-width:100%;
}

.store-language-container,
.skip-links{
	display:none;
}

.fixed-header{
	max-width: 1000px;
	margin: 0 auto;
}
.fixed-header-wrap{
	display: flex;
	padding: 15px 10px;
	width: 100%;
}
.fixed-header-wrap > div{
	margin: 0 5px;
	min-width:30px;
}
.fixed-header .logo-main{
	flex: 1 1 100%;
}
.fixed-header .logo-main img{
	/*margin: 0 auto;*/
}
.fixed-header-wrap > div:not(.logo-main) a:hover img{
	filter: invert(50%);
}

@media (min-width:1025px){
	.fixed-header .menu,
	.fixed-header .phone,
	.fixed-header .logo-main.mobile{
		display: none;
	}
}
@media (max-width:1024px){
	.top-menu,
	.logo-main.desktop{
		display: none;
	}
	.fixed-header-wrap > div:not(.logo-main) img{
		margin: 0 auto;
		height: 30px;
		width: 30px;
	}
	.fixed-header .logo-main img{
		height: 30px;
		margin: 0 auto;
	}
}

.sticky .page-header{
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
	background: #fff;
}
.sticky .page-header-container {
	background: #fff;
}
.sticky .navigation-main {
	margin-bottom: 0;
}

.sticky{
	    padding-top: 116px;
}
.sticky:not(.cms-home) .top-menu{
	margin-bottom:30px;
}


@media only screen and (max-width: 1024px) {
	.page-header {
		position: fixed;
		width: 100%;
		background: #fff;
		top: 0;
		z-index: 99;
	}
	body {
		padding-top: 60px !important;
	}
}
@media only screen and (max-width: 1024px) and (min-width:771px){
	body:not(.cms-home){
		padding-top: 90px !important;
	}
}
@media only screen and (max-width: 430px) {
	.fixed-header-wrap{
		padding: 15px 5px;
	}
	.fixed-header .logo-main img{
		height: auto;
		vertical-align: middle;
		display: inline-block;
	}
}


/****** /home/thewheel/public_html/skin/frontend/rwd/thewheeldealcomau/css/blocks/footer-block.css ******/

.footer-block{
	width:21%;
	float:left;
	padding:30px 10px;
}
.footer-block.footer-logos{
	width: 37%;
	padding: 40px 10px 30px 40px;
}
.footer-block h2{
	font-size: 13px; 
	color:#fff;
	clear:both;
	font-weight: bold;
	margin:10px 0 25px 0;
	text-transform: uppercase;
	font-family:  Arial, sans-serif !important;

	text-decoration: none;
    position: relative;
    display: inline-block;
    border-bottom: 3px solid #4790CD;
    padding-bottom: 5px;
}

.footer-block li{
	font-size: 12px; 
	color:#ebebeb;
	margin:2px 0;
	font-family: Arial, sans-serif !important;
}

.footer-block li a{
	color:#f0f0f0;
	padding: 2px 0;
	display: block;
}
.footer-block p{
	color:#f0f0f0;
	font-size: 12px
}
.footer-block.footer-connect img{
	display: inline-block;
	padding: 0 5px;
}

@media only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
	.footer-block{
		width:50%;
		padding-bottom:10px;
	}
	.footer-block.footer-logos{
		width: 100%;

	}
	.footer-block.footer-connect{
		clear:left;	
	}
	.footer-block.footer-logos{
		padding-top:40px;	
	}
}

@media only screen and (max-width: 380px), only screen and (max-device-width: 380px) {
	.footer-block{
		width:100%;
		float:none;
		padding:30px 10px 10px 10px;
		text-align:center;
	}
	.footer-block.footer-logos{
		width: 100%;

	}
	.footer-block h2{
		width:80%;
	}
	.footer-block.footer-logos img{
		margin:0 auto;	
	}
	.footer-block li{
		font-size: 14px;
		margin:3px 0;
	}
}


/****** /home/thewheel/public_html/skin/frontend/rwd/thewheeldealcomau/css/blocks/layered-nav.css ******/


.block-layered-nav{
	background-color: #f0f0f0;
	border:none;
}
.block-layered-nav .block-title{
	font-family: "roboto-bold", Arial, sans-serif ;
	color: #fff;
	background-color: #000;
	padding: 5px;
	display: inline-block;
	margin-left: 10px;
}
.block-layered-nav .block-title strong{
	color: #fff;
	display: inline-block;
	padding:5px 10px;
}

.block-layered-nav #narrow-by-list dt,
.block-layered-nav #narrow-by-list dd{
	background-color: transparent;
	border:none;
}
.block-layered-nav #narrow-by-list dt{
	font-size: 14px;
	font-family: "roboto-bold", Arial, sans-serif ;
	color: #333;
	padding: 3px 20px;
}
.block-layered-nav #narrow-by-list dd a{
	font-weight: normal;
	color: #333;
	padding: 3px 10px;
	font-size: 12px;
}
.block-layered-nav .currently .block-subtitle{
	font-size: 14px;
	font-family: "roboto-bold", Arial, sans-serif ;
	color: #333;
	padding: 10px 20px;
}

.block-layered-nav p.current-filter{
	background: #dfdfdf;
	display: inline-block;
	padding: 4px 10px;
	 -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    margin: 0px 10px 5px 15px;
    font-size: 12px;
    color: #333;
}
.block-layered-nav p.current-filter .label{
	font-weight: bold;
	font-family: "roboto-bold", Arial, sans-serif ;
	padding-right: 10px;
}
.block-layered-nav .btn-remove{
	border: 0
}
.block-layered-nav .actions{
	background: #4690CC;
	display: inline-block;
	padding: 4px 10px;
	 -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    margin: 0px 0 25px 15px;
    font-size: 12px;
}
.block-layered-nav .actions a,
.block-layered-nav .actions a:active,
.block-layered-nav .actions a:focus,
.block-layered-nav .actions a:visited,
.block-layered-nav .actions a:hover{
	color: #fff;
}


/****** /home/thewheel/public_html/skin/frontend/rwd/thewheeldealcomau/css/blocks/list-icons.css ******/

.new-icon{
	position: absolute;
	z-index: 1;
	border-radius: 50%;
	width: 40px;
	height: 40px; 
	background-color: #5ec008;
	color: #fff;
	line-height: 40px;
	text-align: center;
	text-transform: uppercase;
	/*margin: -10px;*/
}
.sale-icon{
	position: absolute;
	z-index: 1;
	border-radius: 50%;
	width: 40px;
	height: 40px; 
	background-color: #ed2024;
	color: #fff;
	line-height: 40px;
	text-align: center;
	text-transform: uppercase;
	/*margin: -10px;*/
}
/* Fix lineheight in product label extension */
html .productlabel-div .productlabel-txt{
    line-height: 1em;
}


/****** /home/thewheel/public_html/skin/frontend/rwd/thewheeldealcomau/css/blocks/logo.css ******/

/*.logo-wheel{
	padding: 30px 10px 10px 10px;
	
}

.logo-wheel img{
	width: 100%;
	height: auto;
	max-width: 490px;
}
@media only screen and (min-width: 640px) and (max-width: 1020px),only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
	
}
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
	.logo-wheel img{
		max-width: 95%;
		height: auto;
		margin: auto;
	}
}*/


/****** /home/thewheel/public_html/skin/frontend/rwd/thewheeldealcomau/css/blocks/navigation-main.css ******/

.cms-home .navigation-main{
	margin-bottom: 0;
}
.navigation-main{
	background: #333;
	color: #fff;
	padding: 0;
	/*border-bottom: 1px solid #ccc;*/
	margin-bottom: 30px;
}
.navigation-main-wrap{
	max-width: 1000px;
	margin: 0 auto;
}
.navigation-main li{
	display: inline-block;
	text-transform: uppercase;
	font-size: 15px;
	
	padding-right: 30px;
	
}
.navigation-main ul.level-0{
	position: relative;
	text-align: center;
}
.navigation-main ul.level-0 li{
	text-align: left;
}

.navigation-main ul.level-0 > li > a{
	color:#fff!important;	
}
.navigation-main ul.level-1 > li > a{
	padding: 25px 15px;	
}
.navigation-main li a,
.navigation-main li a:active,
.navigation-main li a:visited,
.navigation-main li a:focus{
	color:#111;
	display:block;
	text-decoration: none;
	/*border-bottom: 2px solid #fff;*/
	padding:6px 0;
	font-family: 'roboto-bold', Arial, Helvetica, sans-serif;
}

.navigation-main li a.active{
	/*border-bottom: 2px solid #4790CD;*/
}
.navigation-main li a:hover{
	/*border-bottom: 2px solid #111;*/
	font-family: 'roboto-bold', Arial, Helvetica, sans-serif;
}


.navigation-main li ul.level-1{
    position: absolute;
    width: 100%;   
    z-index: 999;
    left: 0;
    height: 0px;
    opacity: 0;
    overflow: hidden;
     -webkit-transition: all 0.5s ease-in;                  
    -moz-transition: all 0.5s ease-in;                 
    -o-transition: all 0.5s ease-in;   
    -ms-transition: all 0.5s ease-in;          
    transition: all 0.5s ease-in;
    display: block;
}
.navigation-main li ul.level-1 > li{
	width: 100%;
	padding: 0 10px 10px 10px;
	overflow: hidden;
	border:1px solid #bbb;
    background: #fff;
}
.navigation-main ul.level-0 > li:hover > ul.level-1 {
	opacity: 1;
	min-height: 300px;
	height: auto;
}

.navigation-main li ul.level-1 ul.browse{
	width: 26%;
	float: left;
}
.navigation-main li ul.level-1 ul.pb-search{
	width: 26%;
	float: left;
}
.navigation-main li ul.level-1 ul.brands{
	width: 48%;
	float: left;
}
.navigation-main li ul.level-1 ul > li{
	margin:0 0px 20px 20px
}
.navigation-main li ul.level-1 h4{
	background-color: #eee;
    padding: 10px 20px 10px 15px;
    display: inline-block;
    font-size: 13px;
    margin-left: -15px;
    margin-bottom: 10px;
}

.navigation-main li ul.level-1 p{
	color: #999;
	font-size: 11px;
	text-transform: capitalize;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}
.navigation-main li ul.level-1 a.button{
	display: inline-block;
	padding: 4px 30px;
	margin: 20px 0;
}

.navigation-main li ul.level-1 .pb-search ul > li{
	margin: 0;
	display: block
}
.navigation-main li ul.level-1 .pb-search ul > li select{
	font-size: 11px;
	width: 100%;
}

.navigation-main li ul.level-1 .pb-search button{
	margin: 20px 0;
}
.navigation-main li ul.level-1 .brands ul{
	min-width: 500px;
}
.navigation-main li ul.level-1 .brands li{
	margin: 0;
	font-size: 12px;
	width: 32%;
}

@media (min-width: 1025px){
	.navigation-main{
		display: block!important;
	}
}
@media (max-width: 1024px){
	.navigation-main{
		display: none;
		margin-bottom: 0;
	}
}
@media only screen and (min-width: 640px) and (max-width: 1020px),only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
	.navigation-main{
		padding: 0;
	}	
	.navigation-main li ul.level-1{
		display: none
	}
}

@media only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
	.navigation-main{
		display: none;
	}
	.navigation-main.active{
		display: block;
	}
	.navigation-main li{
		border-bottom: solid 1px #222;
		text-align: center;
		display: block;
		padding: 0;
	}
	.navigation-main ul.level-0 li{
		text-align: center;
	}
}


/****** /home/thewheel/public_html/skin/frontend/rwd/thewheeldealcomau/css/blocks/package-builder.css ******/

@media (min-width:771px){
	.package-builder-content .tab-li h2{
		background-color: #222;
		color: #fff;
		float: left;
		position: relative;
		width: 32.33%;
		
		padding: 15px 15px 15px 50px;
		font-size: 22px;
		line-height: 1em;
	}
	.package-builder-content .tab-li h2.active{
		background: #333;
	}
	.package-builder-content .tab-li h2:before{
		content:"";
		position: absolute;
		top: 5px;
		left: 10px;
		background: url(images/wheel-search.png) no-repeat 0 -37px transparent;
		background-size: 30px;
		width: 30px;
		height: 40px;
	}
	.package-builder-content .tab-li h2:nth-child(2):before{
		background-position: 0 -77px;
	}
	.package-builder-content .tab-li h2:nth-child(3):before{
		background-position: 0 2px;
	}
	.package-builder-content .tab-li h2:nth-child(2){
		margin: 0 1.5%;
	}
	.package-builder-content .tab-li h2 span{
		display: none;	
	}
	.package-builder-content .tab-li h2:after{
		content:"";
		position: absolute;
		top: 15px;
		right: 10px;
		border-top: 10px solid transparent;
  		border-bottom: 10px solid transparent;
 		border-right:10px solid #3399cc; 
	}
	.package-builder-content .tab-li h2.active:after{
		top: 18px;
		border-left: 10px solid transparent;
  		border-right: 10px solid transparent;
		border-top: 10px solid #3399cc;
	}
	
	.package-builder-content .search-block{
		display: none;
		
		background-color: #333;
		clear: both;
		padding: 15px;
		width:99.99%
	}
	.package-builder-content .search-block.active{
		display: block;
	}
	
	.package-builder-content .search-block .accordian-content{
		display: block!important;
		max-width: 400px;
		margin: 0 auto;
	}
	.package-builder-content .search-block.tyres .accordian-content{
		background-image: url(images/tyre-info-size.png);
		background-repeat: no-repeat;
		background-position: right center;
		
		max-width: 550px;
	}
	.package-builder-content .search-block.tyres li{
		display: inline-block;
		width: 100px;
	}
	.package-builder-content .search-block.tyres button{
		max-width: 306px;
	}
		
	.package-builder-content .search-block .click-me{
		display: none;
	}
	.package-builder-content .search-block p{
		font-size: 16px;
	}
	
	.small-only{
		display: none;
	}
}

.cms-home .col-main .std{
	display: none;
}
.package-builder-content .hide-for-home{
	display: none;
}
.package-builder-content h2{
	-webkit-user-select: none; /* Safari 3.1+ */
	-moz-user-select: none; /* Firefox 2+ */
	-ms-user-select: none; /* IE 10+ */
	user-select: none; /* Standard syntax */
	cursor: pointer;
}
.package-builder-content .tab-li h2.active{
	cursor: default;
}
.package-builder-content .search-block p{
	color: #fff;
	margin-bottom: 5px;
}
.package-builder-content .search-block strong{
	font-family: "roboto-bold", Arial, sans-serif;
}

.package-builder-content .search-block label{
	font-size: 0;
	margin: 0;
	padding: 0;
	height: 0;
	display: block;
}
.package-builder-content .search-block li{
	margin-bottom: 10px;
}
.package-builder-content .search-block select{
	margin: 0;
}

.package-builder-content .search-block button{
	background: #3399cc;
	font-size: 15px!important;
	padding: 7px!important;
	text-align: center;
	width: 100%;
}
.package-builder-content .search-block button:hover{
	background: #000;
}
.package-builder-content .search-block button span{
	font-family: "roboto-bold", Arial, sans-serif;
}

@media (max-width:850px) and (min-width:771px){
	.package-builder-content .search-block h2{
		font-size: 18px;
	}
}
@media (max-width:770px){
	.tab-li{
		display: none;
	}
	
	.package-builder-content h2.click-me{
		color: #fff;
		font-size: 22px;
		line-height: 1em;
		position: relative;
		padding: 15px;
	}
	.package-builder-content h2.click-me:before{
		content:"";
		position: absolute;
		top: 5px;
		left: 10px;
		background: url(images/wheel-search.png) no-repeat 0 -37px transparent;
		background-size: 30px;
		width: 30px;
		height: 40px;
	}
	.package-builder-content .wheels h2.click-me:before{
		background-position: 0 -77px;
	}
	.package-builder-content .package h2.click-me:before{
		background-position: 0 2px;
	}
	.package-builder-content h2.click-me:after{
		content:"";
		position: absolute;
		top: 15px;
		right: 10px;
		border-top: 10px solid transparent;
  		border-bottom: 10px solid transparent;
 		border-right:10px solid #3399cc; 
	}
	.package-builder-content h2.click-me.active:after{
		top: 18px;
		border-left: 10px solid transparent;
  		border-right: 10px solid transparent;
		border-top: 10px solid #3399cc;
	}
	
	.package-builder-content .search-block{
		background-color: #333;
	}
	/*.package-builder-content .search-block:after{
		content:"";
		position: absolute;
		top: 14px;
		left: 15px;
		background: url(images/wheel-search.png) no-repeat 0 2px transparent;
		background-size: 30px;
		width: 30px;
		height: 40px;
	}
	.package-builder-content .search-block.wheels:after{
		background-position: 0 -77px;
	}
	.package-builder-content .search-block.tyres:after{
		background-position: 0 -37px;
	}*/

	/*.package-builder-content .search-block h2{	
		background-size: 22px auto;
		color: #fff;
		padding-left: 40px;
		font-size: 22px;
		line-height: 1em;
	}
	.package-builder-content .search-block p{
		padding-left: 40px;
	}*/
	
	.package-builder-content .search-block,
	.package-builder-content .search-block.wheels{
		width: 100%;
		margin: 0 0 15px 0;
	}
	.package-builder-content .search-block .accordian-content{
		display: none;
		padding: 0 15px 15px;
	}
	.package-builder-content .search-block h2,
	.package-builder-content .search-block p{
		text-align: center;
	}
	.package-builder-content .search-block p.search-text{
		display: none;
	}
	.package-builder-content .search-block p{
		font-size: 16px;
	}
	.package-builder-content .search-block.tyres form:before{
		background-image: url(images/tyre-info-size.png);
		background-repeat: no-repeat;
		background-position: center center;
		content: "";
		display: block;
		height: 125px;
		width: 100%;
	}
}


/****** /home/thewheel/public_html/skin/frontend/rwd/thewheeldealcomau/css/blocks/packagebuilder-mini.css ******/

.block-packagebuilder-mini{
	padding: 10px;
	background-color: #f0f0f0;
}


/****** /home/thewheel/public_html/skin/frontend/rwd/thewheeldealcomau/css/blocks/shipping-estimator.css ******/

.checkout-cart-index .shipping-form .shipping-region{
	display: none
}


/****** /home/thewheel/public_html/skin/frontend/rwd/thewheeldealcomau/css/blocks/skip-links.css ******/

.skip-links{
	display: none
}


/****** /home/thewheel/public_html/skin/frontend/rwd/thewheeldealcomau/css/blocks/toolbar.css ******/

.toolbar{
	padding:15px 0;
	background-color: #fff;
	border-bottom: none;
	position: relative;
}
.toolbar .amount--has-pages {
	display: none;
}
.toolbar .sorter .sort-by-switcher{
	display: none
}
.toolbar select{
	font-size: 10px;
}
.toolbar  .pages{
	position: absolute;
	top:-40px;
	right:0px
}
.toolbar-bottom .toolbar .pages{
	position: relative;
	top: auto;
	right: auto;
}
.toolbar-bottom .toolbar .limiter{
	display: none
}
.toolbar-bottom .toolbar .sort-by{
	display: none
}
.toolbar .pages a,
.toolbar .pages .current{
	color: #333;
	font-size: 11px;

}
.toolbar .pages .current {
	background-color:#4790CD;
	color:#FFF;
	border:0;
	line-height: 30px;
	height: auto;
}
.toolbar .pages a{
	height: auto;
	vertical-align: top
}
.toolbar  a.i-next {
	text-indent: -9999px;
	height: 30px;
	vertical-align: top;
}
.toolbar  a.i-previous {
	text-indent: -9999px;
	height: 30px;
	vertical-align: top;
}

@media only screen and (min-width: 640px) and (max-width: 1020px),only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
	.toolbar  .pages{
		position: relative;
		clear: both
	}
	.toolbar .sort-by{
		display: none
	}


}


/****** /home/thewheel/public_html/skin/frontend/rwd/thewheeldealcomau/css/blocks/top-links.css ******/

.top-menu{
	background-color: #111;
	border-bottom: 5px solid #4790CD
}
.top-menu-wrap{
	max-width: 1000px;
	margin: auto;
	padding: 10px;
}
.top-menu li{
	display: inline-block;
	font-size: 11px;
	margin-right: 20px;
}
.top-menu li a,
.top-menu li a:active,
.top-menu li a:visited,
.top-menu li a:focus{
	color: #eee;
}
.top-menu li a:hover{
	text-decoration: underline;
}

.top-menu li.account, 
.top-menu li.cart,
.top-menu li.mobile-menu{
	float: right;
} 

@media only screen and (max-width: 640px), only screen and (max-device-width: 640px), only screen and (min-width: 640px) and (max-width: 1020px) {
	.top-menu li{
		display: none;
		margin: 0 0 0 10px;
	}
	.top-menu li.phone,
	.top-menu li.cart,
	.top-menu li.account,
	.top-menu li.mobile-menu{
		display: inline-block;
	}

	.top-menu li.phone{
		font-size: 18px;
	}
	.top-menu li.cart{
		background: url('images/cart-ico.png') no-repeat center center;
	    width: 30px;
	    height: 30px;
	    text-indent: -9999px;
	}
	.top-menu li.account{
		background: url('images/account-ico.png') no-repeat center center;
	    width: 30px;
	    height: 30px;
	    text-indent: -9999px;
	}

	.top-menu li.mobile-menu{
		background: url('images/ico-navigation.png') no-repeat center center;
	    width: 30px;
	    height: 30px;
	    text-indent: -9999px;
	}

	.top-menu li.cart a,
	.top-menu li.account a,
	.top-menu li.mobile-menu a{
		 width: 30px;
	    height: 30px;
	    display: block;

	}

	

}


/****** /home/thewheel/public_html/skin/frontend/rwd/thewheeldealcomau/css/blocks/trust-signals.css ******/

.trust-signals{
	background-color: #333;
	text-align: left;
}
.trust-signals-wrap{
	max-width: 1000px;
	margin: auto;
}
.trust-signals img{
	display: inline;
	vertical-align: top;
}
@media only screen and (min-width: 640px) and (max-width: 1020px),only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
	.trust-signals{
		text-align: center;
	}
}


/****** /home/thewheel/public_html/skin/frontend/rwd/thewheeldealcomau/css/blocks/zopim.css ******/

@media only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
	.zopim{
		display: none !important;
	}
}


/****** /home/thewheel/public_html/skin/frontend/rwd/thewheeldealcomau/css/global/fonts.css ******/

/** Generated by FG **/
@font-face {
	font-family: 'roboto-regular';
	src: url('fonts/Roboto-Regular.eot');
	src: local('☺'), url('fonts/Roboto-Regular.woff') format('woff'), url('fonts/Roboto-Regular.ttf') format('truetype'), url('fonts/Roboto-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



/** Generated by FG **/
@font-face {
	font-family: 'roboto-bold';
	src: url('fonts/Roboto-Bold.eot');
	src: local('☺'), url('fonts/Roboto-Bold.woff') format('woff'), url('fonts/Roboto-Bold.ttf') format('truetype'), url('fonts/Roboto-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



/** Generated by FG **/
@font-face {
	font-family: 'roboto-light';
	src: url('fonts/Roboto-Light.eot');
	src: local('☺'), url('fonts/Roboto-Light.woff') format('woff'), url('fonts/Roboto-Light.ttf') format('truetype'), url('fonts/Roboto-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

.font-smoothing {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}




/****** /home/thewheel/public_html/skin/frontend/rwd/thewheeldealcomau/css/global/forms.css ******/


input[type="text"],
input[type="password"],
input[type="email"],
textarea, 
select{
	box-sizing:border-box;
    padding: 3px 5px;
    width: 100% !important;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+54,eeeeee+100 */
	background: rgb(255,255,255); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1NCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWVlZWVlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 54%, rgba(238,238,238,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 54%,rgba(238,238,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 54%,rgba(238,238,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-8 */
	max-width: 100%;


}

select{
	border: 1px solid #aaa;
}
textarea:focus, input:focus{
    outline: none;
}


/****** /home/thewheel/public_html/skin/frontend/rwd/thewheeldealcomau/css/global/global.css ******/

body *{
	font-family: 'roboto-regular', Arial, Helvetica, sans-serif ;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
}

body {
	margin: 0;
	padding: 0;
}
p{
	font-size: 12px;
	line-height: 20px;
}
a {
	color: #4790CD;
}
a:visited {
	color: #4790CD;
}
a:active,
a:focus,
a:hover {
	color: #666;
	text-decoration: underline;
}


img {
	border: 0;
	height: auto;
	margin: 0;
	max-width: 100%;
	padding: 0;
	vertical-align: bottom;
}
img.right {
	float: right;
	margin: 0 0 15px 30px;
}
img.left {
	float: left;
	margin: 0 30px 15px 0;
}



button.button,
button.button:active,
button.button:focus,
a.button,
a.button:active,
a.button:focus,
a.button:visited{
	background: #111;
	font-size: 12px;
	font-family: "roboto-regular", Arial, Helvetica, sans-serif !important;
	border:0 !important;
	color: #fff !important;
	 -webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
	padding: 4px 20px;
	-moz-border-radius: 25px;
	padding: 4px 20px;
	-webkit-border-radius: 25px;
	border-radius: 25px; /* future proofing */
	-khtml-border-radius: 25px; /* for old Konqueror browsers */

}
button.button:hover,
a.button:hover{
	font-family: "roboto-regular", Arial, Helvetica, sans-serif !important;

	 -webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
}


body .desktop-hide{
	display: none
}
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
	body .mobile-hide{
		display: none
	}
	body .desktop-hide{
		display: inline-block
	}
}


/****** /home/thewheel/public_html/skin/frontend/rwd/thewheeldealcomau/css/global/headings.css ******/

body h1, body h2, body h3, body h4, body h5{
	font-family: "roboto-bold", Arial, sans-serif ;
	margin: 0;
	color: #333;
	font-weight: normal;
}
h2{
	font-size: 34px;
	text-transform: uppercase;
}
h3{
	font-size: 26px;
	text-transform: uppercase;
}
h4{
	font-size: 20px;
	text-transform: uppercase;
}
h4, h5, h6{
	font-size: 16px;
	text-transform: uppercase;
}



/****** /home/thewheel/public_html/skin/frontend/rwd/thewheeldealcomau/css/pages/catalogsearch-advanced-result.css ******/

.catalogsearch-advanced-result .advanced-search-summary{
	display: none
}

.catalogsearch-advanced-result .page-title{
	display: none
}
.catalogsearch-advanced-result .advanced-search-amount{
	display: none
}
.tyre-search-side{
	background-color: #f0f0f0;
	padding: 10px;
}
.tyre-search-side .form-list{
	padding: 10px 0;
}


/****** /home/thewheel/public_html/skin/frontend/rwd/thewheeldealcomau/css/pages/checkout-success.css ******/

#zipMoney-success-continue-shopping, #zipMoney-success-buttons-set{
	display: block;
	margin: 20px auto;
}


/****** /home/thewheel/public_html/skin/frontend/rwd/thewheeldealcomau/css/pages/checkout.css ******/

body.onestepcheckout-index-index{
	width: 100% !important;
	height: auto !important;
	/* zip money fix  - too generic styling is being added which makes the checkout 900px wide etc..*/
}
button.onestepcheckout-place-order span span{
	font-size: 14px;
}
.form-list .help-disabled-cc{
	width: auto !important;
}
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
	.main{

	    min-width: auto;
	    width: 100%;
	}
	.editcart a.subsqty,
	.editcart a.addsqty{
		display: none
	}

}
   


/****** /home/thewheel/public_html/skin/frontend/rwd/thewheeldealcomau/css/pages/faq.css ******/

.cms-faq-html .std h3{
	border-bottom: 1px solid #aaa;
    padding: 10px 0;
    margin-bottom: 30px;
}


/****** /home/thewheel/public_html/skin/frontend/rwd/thewheeldealcomau/css/pages/package-builder-results.css ******/

h4.search-vehicle{
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
	margin-bottom: 30px;
}
.package-list h4.package-price{
	margin: 10px 0;
}
.package-list table.specs-table{
	width: 100%;
	max-width: 340px;
	margin: 2% 0;
}

.package-list table.specs-table td,
.package-list table.specs-table th{
	padding: 5px 10px 5px 0;
	text-transform: uppercase;
	font-size: 11px;
	color: #111;
}

.tyre-list table.specs-table td,
.tyre-list table.specs-table th{
	background: #eee;
	border: 2px solid #fff;
	padding:5px 10px;
}
.wheel-list .package-products .product-image{ 
	width: 35%; 
	float: left; 
	
}
.packagebuilder-index-searchwheel .wheel-list .package-products .product-image{
	position: absolute;
}
#tyre_options_container{
	width: 60%;
	margin-left: 40%;
}
.wheel-list .package-products .product-shop{ 
	width: 60%; 
	float: right; 
	margin-left: 2%;
	margin-bottom: 10px;
}
.package-list .tyre-view{
	display: none
}
.packagebuilder-index-search .package-list .button.btn-cart{
	display: none
}
.packagebuilder-index-wheelonlysearch .package-list .button.btn-cart{
	display: block;
	float: right
}
.packagebuilder-index-searchwheel .button.btn-cart{
	display: block;
	margin: 20px 0;
	float: right;
}
.packagebuilder-index-searchwheel .tyre-options .button.btn-cart{
	font-size: 16px;
	padding:6px 20px;
	margin-bottom: 20px;
}
.package-list .short-description{
	margin: 20px 0;
}
.package-list .highlight{
	background: #111;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 999;
	opacity: 0.7;
	display: none;
}
.package-list > li:hover .highlight{
	display: block;
	text-decoration: none
}
.package-list > li.active:hover .highlight{
	display: none
}
.package-list .highlight h3{
	font-size: 50px;
	color: #fff;
	text-align: center;
}
.package-list .highlight h4{
	font-size: 140px;
	line-height: 100px;
	padding-top: 30px;
	color: #fff;
	text-align: center;
}
.packagebuilder-index-search .tyre-options table.specs-table{
	float: left;
}
.packagebuilder-index-search .tyre-options table.specs-table button{
	float: right;
}
.package-list > li {
 	border: 0px; 
 	position: relative;
 	padding: 10px 10px 10px 0;
 	margin-bottom: 20px;
 	cursor: pointer;
 	border: 0;
}
.packagebuilder-index-searchwheel .package-list > li {
	margin-bottom: 0;
	cursor: default;
}


.package-products .product-shop p{
	font-size: 12px;
	color: #111;
	text-transform: uppercase;
}
.package-products .product-shop h3{
	font-size: 36px;
}
.packagebuilder-index-search .packagebuilder-form-wrapper{
	background-color: #f0f0f0;
	padding: 20px 10px;
}
.packagebuilder-index-search .vehicle-filter{
	padding: 10px 0;
}

#cboxWrapper.tyre-picker{
	background-color: #fff;
	border:1px solid #ccc;
}

#cboxWrapper.tyre-picker #cboxClose{
	text-transform: uppercase;
	font-weight: bold;
	margin: 10px 0;

}
#tyre_options_container{
	display: block;
}

@media only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
	.package-products .product-shop h3{
		font-size: 22px;

	}
	.packagebuilder-index-search .package-list .product-shop h3{
		text-decoration: underline;
	}
	.package-products .package-price{
		clear: both

	}
	.package-list table.specs-table td, 
	.package-list table.specs-table th{
		padding: 0;
	}

	.package-list .package-products .product-image{
		float: none;
		width: 100%;
		clear: both;
		position: relative !important;

	}
	.package-list .package-products .product-shop{
		float: none;
		clear: both;
		width: 100%
	}
	#tyre_options_container{
		width: 100%;
		margin:0;
	}
}


/****** /home/thewheel/public_html/skin/frontend/rwd/thewheeldealcomau/css/pages/paypal-express-review.css ******/

.paypal-express-review .col-main h2{
	font-size: 16px;
}


/****** /home/thewheel/public_html/skin/frontend/rwd/thewheeldealcomau/css/pages/product-list.css ******/

.catalog-category-view .page-title{
	display: none
}
.category-products .view-mode{
	display: none
}
.products-grid .actions{
	position: relative;
}
.products-grid .actions .add-to-links{
	display: none;
}
.products-grid.products-grid--max-3-col li{
	text-align: left;
	width: 31%;
	margin: 1%;
	padding:1%;
	border: 3px double #fff;
	-webkit-transition: all 0.3s ease;      
    -moz-transition: all 0.3s ease;  
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.products-grid.products-grid--max-3-col li:hover{
	border: 3px double #ddd;
}
.products-grid.products-grid--max-3-col li:hover h2{

	
}
.products-grid.products-grid--max-3-col li:hover .price-box{
	height: 0px;
	overflow: hidden;

}
.products-grid.products-grid--max-4-col li{
	text-align: left;
	width: 18%;
	margin: 3%;
}
.products-grid.products-grid--max-4-col > li:nth-child(3n+1){
	clear:none!important;
	/*to kill default styling*/	
}

.products-grid li .product-info2{
	padding-bottom: 30px;
	min-height: 120px;
}
.products-grid .product-name{
	font-size: 13px;
}
.products-grid li h2.product-name a{
	font-weight: bold;
	color:#000;
}
.products-grid li .price-box{
	padding: 5px 0;
	border-bottom: 1px solid #ccc;
}
.products-grid li .price-box .price,
.products-grid li .price-box .price-label{
	color: #333;
	font-size: 12px;
}

.product-image{
	border:none;
}


.products-grid li .ratings{
	height: 0;
	overflow: hidden;

}
.products-grid li:hover .ratings{
	height: 100%;
	overflow: visible;
}

.products-grid li .product-image img {
  width: 94%;
  margin: auto;
  height: auto;
  padding: 1%;
}
.block-layered-nav .block-content {
	padding-bottom: 10px;
}
.block-layered-nav a.btn-remove{
	color: #bbb;
}
.block-layered-nav a.btn-remove:hover{
	background-color: transparent;
	text-decoration: none;
	color: #000;
}
.block-layered-nav dt.min{
	background:url('images/expand.png') no-repeat 95% center transparent;
}

@media (max-width:770px) {	
	.block-layered-nav .block-title {
		display: none
	}
	.block-layered-nav .block-content{
		padding-bottom: 0;
	}
}
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px) {	
	.products-grid.products-grid--max-3-col{
		text-align:center;	
	}
	.products-grid.products-grid--max-3-col li{
		width: 43%;
		margin: 3%;
		max-width:200px;
		float: none;
    	display: inline-block;
		vertical-align:top;
	}
	.products-grid.products-grid--max-3-col li:nth-child(3n){
		clear:left;
	}


}


/****** /home/thewheel/public_html/skin/frontend/rwd/thewheeldealcomau/css/pages/product-page.css ******/

 .catalog-product-view .add-to-cart-wrapper{
	clear: both;
	float: none;
	width: 100%
}
.catalog-product-view .data-table.tyres{
	width: 65%;

}
.catalog-product-view .data-table.tyres th{
	background-color: #ddd;
	text-transform: capitalize;
}
.catalog-product-view .grouped-items-table-wrapper{
	position: relative;
	min-height: 200px
}
.catalog-product-view .data-table.tyres td,
.catalog-product-view .data-table.tyres th{
	font-family: 'roboto-regular', Arial, Helvetica, sans-serif ;
	font-size: 11px;
	text-align: center;
	padding: 5px 15px;
	width: auto !important;
}
.catalog-product-view .data-table.tyres tr{
	cursor: pointer;
}
.catalog-product-view .data-table.tyres tr.active td{
	background-color: #eee;
}

.catalog-product-view .data-table.tyres tr:hover {
	background-color: #f0f0f0;
}
.catalog-product-view  .add-to-cart-area{
	position: absolute;
	right: 0;
	top: 0px;
	width: 30%;
	min-height: 100px;
}

.catalog-product-view  #quantity{
	width: 50px !important;
	float: right;
	margin: 12px 0;
	text-align: center;
}
.catalog-product-view .rim-breakdown li{
	display: inline;
	padding: 5px 10px 2px 10px;
	background:#f0f0f0;
	margin: 0 10px 0 0;
	cursor: pointer;

}

.catalog-product-view .rim-breakdown li.active{
	background:#ddd;
	font-weight: bold;
}
.catalog-product-view .no-rating{
	display: none
}
.catalog-product-view .box-collateral.appthaReview{
	display: none
}

.catalog-product-view h2.review_title{
	font-size: 20px;
}
.catalog-product-view .review-details{
	float: left;
	width: 50%;
}
.catalog-product-view .ratings-table.group{
	float: right;
	width: 47%;
	margin-left: 1%
}
.catalog-product-view ul.ratings-table li{
	float: none;
	clear: both;
	padding-left: 0;
	line-height: 25px;
}
.catalog-product-view ul.ratings-table li label{
	font-size: 10px;
	line-height: 20px;
	min-width: 340px;
	font-weight: normal;
}
.catalog-product-view .permalink-reportabuse-date{
	clear: both
}
.catalog-product-view .add-to-cart-area .price-box .price{
	font-size: 36px;
	color: #333;
	line-height: 44px;
	font-family: "roboto-bold", Arial, sans-serif;
}

.catalog-product-view .price-box{
	text-align: right;
	padding:0 10px;
}
.catalog-product-view .size-holder-wrapper{
	padding:0 10px;
	text-align: right;
	text-transform: uppercase;
	color: #999;
}
.catalog-product-view .add-to-cart-area button.btn-cart{
	float: right;
	margin: 10px;
}
.catalog-product-view .product-pricing{
	display: none
}

.catalog-product-view .product-shop{
	border-bottom: 0;
}
.catalog-product-view .product-shop .product-name span.h1{
	font-size: 20px;
	font-family: "roboto-bold", Arial, sans-serif;
	color: #333;

}
.catalog-product-view .product-shop .product-name{
	width: 100%;
}
.catalog-product-view .availability {
	display: none
}
.catalog-product-view .short-description{
	font-size: 12px;
}
.catalog-product-view .short-description .std{
	font-family: Arial, Helvetica, sans-serif;
}
.catalog-product-view .more-views h2{
	display: none
}
.catalog-product-view .product-image-thumbs{
	text-align: center;
	margin: 20px 0;
}
.catalog-product-view .product-image-thumbs li{
	margin: 1%;
	zoom:80%;
}
.catalog-product-view .more-views a{
	opacity: 0.4;
	padding:4px;
}
.catalog-product-view .more-views a.active{
	opacity: 1;
	border: 1px solid #ccc;
}
.product-view .form-add{
	display: none
}
#cboxLoadedContent .form-add{
	display: block;
	padding:15px;
}
#cboxLoadedContent .form-add h2{
	font-size: 24px;
}

#cboxLoadedContent .form-add h3{
	font-size: 18px;
	margin:10px 0;


}
body.catalog-product-view div.review-sort li.current{
	color: #111;
}

@media only screen and (min-width: 640px) and (max-width: 1020px),only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
	.catalog-product-view  .add-to-cart-area{
		position:relative;
		width:100%;
	}
	.catalog-product-view .data-table.tyres{
		width: 100%;
	}
	.catalog-product-view .data-table.tyres td, 
	.catalog-product-view .data-table.tyres th{
		padding:2px;
	}
	.add-to-cart-area div{
		clear: both
	}

}
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
	.catalog-product-view .rim-breakdown li{
		display: inline-block
	}
	.catalog-product-view .data-table.tyres tr th,
	.catalog-product-view .data-table.tyres tr td{
		padding: 8px 0;
	}

	.product-view .form-add{
		display: block;
	}
	.product-shop .crystal-review-summary{
		display: none
	}
	.catalog-product-view .ratings-table.group{
		float: none;
		width: 100%
	}
	.catalog-product-view .form-add{
		margin:20px 0;
	}
	.catalog-product-view .form-add h2{
		font-size:14px;
	} 
}


/* -------- HUB RINGS - COMMON FITMENTS ------------- */
.product-essential.hub-ring .add-to-links,
.product-essential.hub-ring .sharing-links{
	display: none;
}
.product-essential.hub-ring .qty-wrapper label{
	font-size: 0;
	margin: 0;
}
.product-view .product-essential.hub-ring .add-to-cart {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
	float: right;
}
.product-view .product-essential.hub-ring .add-to-cart-buttons{
	margin-right: 0;
}
.product-view .product-essential.hub-ring .add-to-cart .qty-wrapper,
.product-view .product-essential.hub-ring .add-to-cart-buttons .button{
	margin-bottom: 0;
}
.product-view .product-essential.hub-ring .add-to-cart .qty-wrapper{
	width: 50px;
}

.hub-ring-common-fitments{
	
}
.hub-ring-common-fitments table{
	width: 100%;
	vertical-align: top;
	margin-bottom: 30px;
}
.hub-ring-common-fitments td,
.hub-ring-common-fitments th{
	border: 1px solid #cccccc;
	vertical-align: top;
	line-height: 24px;
	padding: 5px;
	width: 50%;
}
.hub-ring-common-fitments th{
	font-weight: bold;
}
.hub-ring-common-fitments td > div.fitments{
	max-height: 0px;
    overflow: hidden;
	position:relative;
	transition: all 3s ease-in-out;
	pointer-events: none;
}
.hub-ring-common-fitments td > div.show-more{
	color: #498fcd;
	display: block;
	pointer-events: none;
}
.hub-ring-common-fitments td.showing > div.fitments{
	max-height: 2000px;
}
@media (max-width:480px){
	.hub-ring-common-fitments td{
		font-size: 12px;
	}
}


/****** /home/thewheel/public_html/skin/frontend/rwd/thewheeldealcomau/css/pages/reviews.css ******/

.ratings .rating-box{
	height: 30px;
	background-image: url('images/review-sprite.png');
	background-position: 0 -38px;
	width: 165px;
	margin:auto;
	overflow: visible;
	background-size: auto;
}
.ratings .rating-box .rating{
	background-image: url('images/review-sprite.png');
	background-position: 0 0 ;
	height: 30px;
	background-size: auto;
}
.ratings .rating-box h3{
	margin-left: 170px;
	text-indent: 0;
	color: #3399cc;
}
.crystal-review-summary {
	text-align: center;
}

.crystal-review-summary  h2{
	text-indent: 40px;
	font-size: 36px;
}

.ratings-table.group .ratings .rating-box{
	height: 15px;
	background-image: url('images/review-sprite-small.png');
	background-position: 0 -19px;
	width: 83px;
	margin:auto;
	overflow: visible;
	background-size: auto;
}
.no-rating{
	display: none
}
 a.add-your-review,
 a.add-your-review:focus,
 a.add-your-review:active,
 a.add-your-review:visited,
 a.add-your-review:hover{
	display: none;
}
.product-shop a.add-your-review,
.product-shop a.add-your-review:focus,
.product-shop a.add-your-review:active,
.product-shop a.add-your-review:visited,
.product-shop a.add-your-review:hover{
	 text-transform: uppercase;
    font-weight: bold;
    float: right;
    margin: 10px 0;
    text-decoration: underline;
    display: block
}
.product-view .all-reviews.fright{
	display: none
}
.ratings-table.group  .ratings .rating-box .rating{
	background-image: url('images/review-sprite-small.png');
	background-position: 0 0 ;
	height: 15px;
	background-size: auto;
}
.product-shop .ratings{
	display: none
}
.product-shop .crystal-review-summary{
	border-top: solid 1px #ccc;
    margin-top: 40px;
}
.product-shop .crystal-review-summary .ratings{
	display: block;

}
.product-shop .crystal-review-summary h2{
	font-size: 18px;
	text-align: left;
	text-indent: 0;
}
.product-shop .crystal-review-summary .rating-box{
	margin-left: 0;
}
#review-form .data-table td label{
	text-align: left;
	margin:0 10px 0 0;
	font-size: 16px;
}
#review-form .data-table td  small{
	display: block;
	color:#666;
	font-weight: normal;
}

#review-form h5{
	margin: 30px 0;
}
#review-form .data-table td select{
	font-size: 12px;
	min-width: 150px
}


/****** /home/thewheel/public_html/skin/frontend/rwd/thewheeldealcomau/css/template/footer.css ******/

.footer-container{
	max-width: 100%;
	width: 100%;
	background-color: #222;
	margin:0;
	padding: 0;
}
.footer{
	max-width: 1000px;
	margin: auto;
	border-top: 0;
	padding: 0;
}


/****** /home/thewheel/public_html/skin/frontend/rwd/thewheeldealcomau/css/template/header.css ******/

#header{
	max-width: 1000px;
	margin: auto;
	padding: 0;
}


/****** /home/thewheel/public_html/skin/frontend/rwd/thewheeldealcomau/css/template/main.css ******/

.main-container{
	padding: 0;
    margin: 0;
    max-width: 100%;
}
.main{
	max-width: 1000px;
	margin:auto;
}

@media only screen and (max-width: 640px), only screen and (max-device-width: 640px), only screen and (min-width: 640px) and (max-width: 1020px) {
	.main-container{
	    margin: 0;
	    max-width: 100%;
	}
	.main-container .main{
	    padding:0 10px;
	}
}