@charset "utf-8";
/* CSS Document */

.category-icon {
	width:32%;
	height:250px;
color:#003974;
float:left;
margin:20px 1% 0 0;
padding:0 3%;
vertical-align: bottom;
text-align:center;
}

.product-icon {
        width: 47%
}

.category-icon {
background-color:white;
padding-top:20px;
border:2px solid #f4c927;
border-radius:15px;
}

.category-icon h6 {
font-family:Arial, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif!important;
font-weight:bold!important;
}

.category-icon img {
width:100%;	
}

table.products {
width:96%;
margin-bottom:100px;
}
table.products td {
text-align:left!important;	
vertical-align: top;
padding:6px;

}

#shop_body {
width:100%;	
}



h6 {
	font-family: 'Oswald', sans-serif;
	font-size:13px;
	margin:0;
	padding:0;
}

#shopheading {
	font-family: 'Oswald', sans-serif;
	margin:25px 0 18px 0;
	color:#003974;
	font-size:22px;
	font-weight:bold;
}

#shopsubheading {
	font-family: 'Oswald', sans-serif;
	margin:20px 0 0px 0;
	color:#003974;
	font-size:18px;
	font-weight:bold;
}

input.search-term {
	width:366px;	
	font-size:11px;
}

select {
	width:180px;
}

select:disabled {
	background-color:#ECECEC;
}

input.search-term-button {
	width:180px;
	color:white;
	background-color:#003974;
	border:1px solid #003974;
	text-transform:uppercase;
	font-weight:bold;
	background: -webkit-linear-gradient(#0d63bd, #003974); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0d63bd, #003974); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0d63bd, #003974); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#0d63bd, #003974); /* Standard syntax */
	padding:2px;
	cursor: pointer;
	font-size:11px;
}

input.vehicle_selection_button {
	width:180px;
	color:white;
	background-color:#003974;
	border:1px solid #003974;
	text-transform:uppercase;
	font-weight:bold;
	background: -webkit-linear-gradient(#0d63bd, #003974); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0d63bd, #003974); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0d63bd, #003974); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#0d63bd, #003974); /* Standard syntax */
	padding:2px;
	cursor: pointer;
	font-size:11px;
}

input.voucher_button {
	width:180px;
	color:white;
	background-color:#003974;
	border:1px solid #003974;
	text-transform:uppercase;
	font-weight:bold;
	background: -webkit-linear-gradient(#a1a1a1, #616161); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#a1a1a1, #616161); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#a1a1a1, #616161); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#a1a1a1, #616161); /* Standard syntax */
	padding:2px;
	cursor: pointer;
	font-size:11px;
}

a.vehicle_selection_button {
	color:white;
	background-color:#003974;
	border:1px solid #003974;
	text-transform:uppercase;
	font-weight:bold;
	background: -webkit-linear-gradient(#0d63bd, #003974); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0d63bd, #003974); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0d63bd, #003974); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#0d63bd, #003974); /* Standard syntax */
	padding:5px;
	cursor: pointer;
	font-size:11px;
	text-decoration:none;
	display:inline-block;
	margin:5px ;
}

a.more_photos_button {
	color:white;
	background-color:#003974;
	border:1px solid #003974;
	text-transform:uppercase;
	font-weight:bold;
	background: -webkit-linear-gradient(#0d63bd, #003974); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0d63bd, #003974); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0d63bd, #003974); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#0d63bd, #003974); /* Standard syntax */
	padding:5px;
	cursor: pointer;
	font-size:11px;
	text-decoration:none;
	display:inline-block;
	margin:0px ;
}

input.cart_buttons {
	width:100px;
	color:white;
	background-color:#003974;
	border:1px solid #003974;
	text-transform:uppercase;
	font-weight:bold;
	background: -webkit-linear-gradient(#0d63bd, #003974); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0d63bd, #003974); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0d63bd, #003974); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#0d63bd, #003974); /* Standard syntax */
	padding:2px;
	cursor: pointer;
	font-size:11px;
}

input.yellow_button {
	color:#f4c927;
	background-color:#003974;
	border:1px solid #f4c927;
	text-transform:uppercase;
	font-weight:bold;
	/* background: -webkit-linear-gradient(#ffdf65, #f4c927); 
    background: -o-linear-gradient(#ffdf65, #f4c927);
    background: -moz-linear-gradient(#ffdf65, #f4c927); 
    background: linear-gradient(#ffdf65, #f4c927);  */
	padding:4px;
	cursor: pointer;
	font-size:11px;
	border-radius:8px;
	margin-top:4px;
}

.yellow_link {
	color:#f4c927!important;
	background-color:#003974;
	border:1px solid #003974;
	text-transform:uppercase;
	font-weight:bold;
	background: -webkit-linear-gradient(#0d63bd, #003974); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0d63bd, #003974); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0d63bd, #003974); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#0d63bd, #003974); /* Standard syntax */
	padding:4px 0;
	cursor: pointer;
	font-size:11px;
	text-decoration:none;
	width:100%;
	display:block;
	text-align:center;
}

#currentCart {
	float:right;
	text-align:right;
	font-family: 'Oswald', sans-serif;
	padding:5px 8px;
	margin:24px 0 10px 0;
	color:#003974;
	background: -webkit-linear-gradient(#ffdf65, #f4c927); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffdf65, #f4c927); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffdf65, #f4c927); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffdf65, #f4c927); /* Standard syntax */
	border:1px solid #003974;
	border-radius: 5px;
}

#emptyCart {
	float:right;
	text-align:right;
	font-family: 'Oswald', sans-serif;
	padding:5px 8px;
	margin:24px 0 10px 0;
	color:#003974;
	background: -webkit-linear-gradient(#dddddd, #bbbbbb); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#dddddd, #bbbbbb); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#dddddd, #bbbbbb); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#dddddd, #bbbbbb); /* Standard syntax */
	border:1px solid #003974;
	border-radius: 5px;
}

#voucher_form {
	text-align:right;
	font-family: 'Oswald', sans-serif;
	padding:5px 8px;
	margin:24px 0 10px 0;
	color:#003974;
	background: -webkit-linear-gradient(#dddddd, #bbbbbb); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#dddddd, #bbbbbb); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#dddddd, #bbbbbb); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#dddddd, #bbbbbb); /* Standard syntax */
	border:1px solid #003974;
	border-radius: 5px;
}

#voucher_response {
	font-family: 'Oswald', sans-serif;
	padding:5px 8px;
	margin:24px 0 10px 0;
	color:#003974;
	background: -webkit-linear-gradient(#dddddd, #bbbbbb); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#dddddd, #bbbbbb); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#dddddd, #bbbbbb); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#dddddd, #bbbbbb); /* Standard syntax */
	border:1px solid #003974;
	border-radius: 5px;
}

#currentCart .cart1, #emptyCart .cart1 {
	font-size:14px;
	font-weight:bold;
	margin:0px;
	padding:0px;
}

#currentCart .cart1 i, #emptyCart .cart1 i {
	font-size:21px;
}

#currentCart .cart2, #emptyCart .cart2 {
	margin:0px;
	padding:0px;
}


table.add-to-cart td {
	padding:0;
}
.payment td {
	text-align:left!important;
	padding:10px;
}

table.payment {
margin-bottom:180px;	
}

.vehicle_form td, .feature_title {
	background-color:transparent;
	text-align:left;
	font-weight:bold;
	text-transform:uppercase;
	color:#003974;
	font-family: 'Oswald', sans-serif;
}

.vehicle_form select {
	margin-top:10px;
	font-size:11px;
	text-transform:capitalize;
}

.vehicle_form input {
	margin-top:10px;
}

table.change_address {
	border:1px solid #aaaaaa !important;
	width:90%!important;
	padding:2px!important;
}

table.change_address td {
	text-align:left;
}

table.change_address input {
	width:100%!important;
	color:black!important;
}

p b.product_title {
 	color:#003974;
	font-size:1.2em;
	text-decoration:none; 
}

input.price, .price {
 	color:#003974;
	font-size:16px!important;
	font-weight:bold;
	display:block;
	padding:3px;
	background: -webkit-linear-gradient(#ffdf65, #f4c927); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffdf65, #f4c927); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffdf65, #f4c927); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffdf65, #f4c927); /* Standard syntax */
	text-decoration:none; 
	border:1px solid #003974;
	position:absolute;
	bottom:25px;
	width:220px;
	border-radius: 5px;
	text-align:center;
	cursor: pointer;
}

.special form, .special_panel form {
	margin:0;
	padding:0;
	width:210px;
}

.special p b.product_title, .special_panel p b.product_title {
 	color:white;
	font-size:14px;
	font-weight:bold;
	display:block;
	padding:3px;
	background: -webkit-linear-gradient(#0053a0, #003974); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0053a0, #003974); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0053a0, #003974); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#0053a0, #003974); /* Standard syntax */
	text-decoration:none; 
	border:1px solid #003974;
	text-align:center;
}

.special_price {
	background: -webkit-linear-gradient(#ffdf65, #f4c927); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffdf65, #f4c927); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffdf65, #f4c927); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffdf65, #f4c927); /* Standard syntax */
    border: 1px solid #003974;
    border-radius: 5px;
	padding:4px;
	margin-top:4px;
	display:block;
	width:95%;
	text-align:center;
}

.free_shipping {
	background-color: #003974;
 /*   border: 1px solid #f4c927; */
    border-radius: 5px;
	padding:4px;
	margin-top:4px;
	display:block;
	width:95%;
	text-align:center;
	color:white!important;
	font-size:1em!important;
}

.special p, .special_panel p {
font-size:11px;	
}

.products td p {
	padding-top:0px;
	margin-top:2px;
	padding-bottom:0px;
	margin-bottom:8px;
}

#currentCart a:link, #currentCart a:visited {
	color:#003974;
	text-decoration:none;
}

table.cart_table {
	width:100%;
}

table.cart_table th {
	background-color:#003974;
	color:white;
	padding:5px;
	text-align:left;
}

table.cart_table td {
	background-color:#ffffff;
	padding:5px;
	text-align:left;
}

table.cart_table td input {
	width:90%;
}

#body_type, #engine_type, #transmission_type, #suspension_type, #origin_country, #mechanical_variations, #model_code_detail, #specification_detail {
	padding-left:5px;
/*	border:1px solid #cccccc; */
}

#specials, #specials_panel {
max-width:760px;
/* border:1px solid #003974; */
margin: 0px 4px 10px 0px;
padding:0px 0px 10px 0px;
overflow:hidden;
height:430px;
}

#specials_panel {
background-color:rgba(255, 255, 255, 0.5);
padding:5px 0px 20px 8px;	
height:1500px;
margin-bottom:60px;
border:1px solid rgba(0, 0, 0, 0.2);
}

.special {
width:200px;
float:left;
margin-right:10px;
height:500px;
background-color:#cccccc;
padding:10px;
font-size:12px;
}

.special_panel {
width:216px;
float:left;
margin:8px 5px;
position:relative;
height:460px;
background-color:#cccccc;
padding:10px;
font-size:12px;
display:block;
border:1px solid #999;
}

#customer_icons a:link, #customer_icons a:visited {
	color:#003974;
	text-decoration:none;
}

#customer_icons a:hover, #customer_icons a:active {
	color:#003974;
	text-decoration:underline;
}

.header_text {
	font-size:20px;
	color:#f4c927;
	float:right;
	margin:140px 20px 0px 0px;
	font-weight:bold;
	text-shadow: 2px 2px #000000;
}

a.morelink {
	text-decoration:none;
	outline: none;
}
.morecontent span {
	display: none;
}

@media only screen and (max-width: 768px) 
{
  /* For mobile phones: */

.header_text {
        display: none;
 }
 
 .category-icon {
        width:31%;
	height:250px;

.product-icon {
        width: 100%
        }
}  


@media only screen and (max-width: 480px) 
{
  /* For mobile phones: */

.header_text {
        display: none;
 }
 
 .category-icon {
        width:49%;
	height:220px;
 }        
 
.product-icon {
        width: 100%
}

}