/*
Theme Name: Used car guys
Theme URI: http://usedcarguys.co.nz/
Description: Buy affordable car
Version: 1.0
Author: Ab Moorish
Author URI: http://www.carcollection.co.nz
*/
@charset "utf-8";
/* CSS Document */

.entry-author-link,
.entry-permalink,
.entry-date,
.entry-meta { display: none; }

body {
	margin: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}


img{border:0}

h1, h2, h3, h4, h5, h6{margin:0; padding:0; line-height:normal; font-family: 'Roboto Condensed', sans-serif;}

.wrapper{margin:0 auto; width:1024px;}

.header{float:left; width:100%; padding:0; border-bottom:1px solid #ddd}
.logo{float:left; width:25%; margin-top:15px;}

.top_menu{float:right; width:70%; margin-top:5px;}

.section{float:left; width:100%}
.banner{float:left; width:100%}
.banner ul{margin:0; padding:0; list-style-type:none}
.banner  img{width:100%; height:auto;}

.home_quote{float:left; width:225px; position:absolute; background:url(images/quote-bg.png); padding:1% 1% 0 1%; border:2px solid #ffd600; z-index:999999; left:12%; top:15%;
border-radius:5px;
-webkit-border-radius:5px;
}
.home_quote h1{font-size:32px; color:#333;}
.input1{width:93%; padding:3%; border:1px solid #ddd; margin-bottom:5px; color:#444; font-family:Arial, Helvetica, sans-serif; font-size:12px}
.submit{width:100%; padding:2%; background:#ffd600; cursor:pointer; border:0; font-size:18px; font-family: 'Roboto Condensed', sans-serif; text-transform:uppercase;
border-radius:3px;
-webkit-border-radius:3px;
}

.banner_bottom{float:left; width:100%; background:#000; padding:1% 0;}
.sell_car{float:left}
.buy_car{float:right}

.section1{float:left; width:100%; padding:1% 0 2% 0; color:#666666; line-height:24px;}
.section1 .img{float:right; margin-left:25px; width:45%; height:auto}
.section1 h1{color:#333; font-size:46px; text-transform:uppercase; font-weight:300; padding-top:25px;}

.section2{float:left; width:100%; padding:3% 0; color:#333; line-height:20px; background:url(images/sec2.jpg); background-size:100%}
.section2 h1{color:#000; font-size:46px; text-transform:uppercase; font-weight:300;}
.welcome_bg{background:url(images/quote-bg.png); padding:2%; width:50%}

.blog_sec{float:left; width:100%; padding:2% 0 2% 0; text-align:center; line-height:20px; color:#333333;}
.blog_sec h1{color:#ffba00; font-size:46px; text-transform:uppercase; font-weight:300;}
.blog_sec ul{margin:20px 0 0 0; padding:20px 0 0 0; list-style-type:none;}
.blog_sec ul li{float:left; width:32%; text-align:left; margin-left:1%;}
.blog_sec ul li .img{width:100%; height:auto;}

.footer{float:left; width:96%; padding:2%; background:#333; color:#999999;}
.footer .f1{float:left; width:33%}
.footer .f2{float:left; width:34%}
.footer h1{color:#fff; font-size:32px; font-weight:300;}
.footer h2{color:#ffd600; font-size:28px; font-weight:300;}
.footer a{color:#999999; text-decoration:none;}
.footer a:hover{color:#ddd; text-decoration:underline}

.w{color:#FFFFFF}

.copyright{color:#999999; background:#111; padding:1% 0; float:left; width:100%;}

.quote_sec{float:left; width:100%; padding:1% 0;}

.sub_wrapper{float:left; width:100%; padding:1% 0; color:#666666; line-height:24px; background:#f1f1f1}
.sub_content_sec{float:left; width:68%;}
.sub_content_sec h1{padding:1% 0 2% 0; color:#000000; font-size:36px; font-weight:300;}

.Listing_wrap{float:left; width:96%; padding:2%; background:#fff; border-bottom:2px solid #ddd; margin-bottom:5px;}
.Listing_wrap img{float:left; margin-right:15px;}
.Listing_wrap a{color:#FF9900; text-decoration:none;}
.Listing_wrap a:hover{color:#FF9900; text-decoration:underline;}
.Listing_wrap .price{margin:15px 0; color:#009933; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:14px;}

.sub_right_sec{float:right; width:30%;}

.ad1{float:left; width:100%; margin-bottom:10px;}
.ad1 img{width:100%; height:auto; display:block;}

.list_txt{float:left; width:100%; font-size:12px; color:#666; line-height:normal; margin-top:0; clear:both;}

.list_button{float:left; width:100%; color:#000000; margin-top:5px; border-top:1px solid #ddd; padding-top:10px;}

a.button{background:#ffc600; color:#000000; padding:7px 15px; text-decoration:none; border:1px solid #ffa800; font-size:14px;
border-radius:3px;
-webkit-border-radius:3px;
}
a.button:hover{background:#ffc600; color:#000000; text-decoration:none;}
.green{color:green}

.content_wrap{float:left; width:96%; padding:2%; background:#fff; border-bottom:2px solid #ddd; margin-bottom:5px; font-size:12px; line-height:20px;}
.content_wrap h2{font-size:32px; font-weight:400; color:#ffc600}
.content_wrap img{width:100%; height:auto}
.content_wrap a{color:#000;}


.input7{width:50%; padding:10px; margin-bottom:5px; border:1px solid #ddd;
border-radius:3px;
-webkit-border-radius:3px;
}
.input8{width:70%; padding:8px; margin-bottom:5px; border:1px solid #ddd; font-family:Arial, Helvetica, sans-serif; font-size:14px;
border-radius:3px;
-webkit-border-radius:3px;
}
.submit7{padding:7px 30px; background:#ffd600; cursor:pointer; border:0; font-size:16px; text-transform:uppercase;
border-radius:3px;
-webkit-border-radius:3px;
}

.sub_quote_sec{float:left; width:90%; margin-bottom:10px; padding:5% 5% 2% 5%; background:#ffd600;
border-radius:5px;
-webkit-border-radius:5px;
}
.sub_quote{float:left; width:100%;}
.sub_quote h1{font-size:32px; color:#333;}
.home_quote h1{font-size:32px; color:#333;}
.input2{width:93%; padding:3%; border:0 solid #ddd; margin-bottom:5px; color:#444; font-family:Arial, Helvetica, sans-serif; font-size:12px}
.submit2{width:100%; padding:2%; background:#000; color:#FFFFFF; cursor:pointer; border:0; font-size:18px; font-family: 'Roboto Condensed', sans-serif; text-transform:uppercase;
border-radius:3px;
-webkit-border-radius:3px;
}

.shop_detail_wtap{float:left; width:96%; padding:2%; background:#fff; border-bottom:2px solid #ddd; margin-bottom:5px;}
.shop_detail_wtap h1{color:#FF9900; font-weight:400; margin-bottom:0; font-size:28px;}

.gallery{float:left; width:100%}
.gallery img{width:100%; height:auto; display:block;}

.content_details{float:left; width:100%; line-height:20px; font-size:12px; margin-top:10px; border-top:1px solid #ddd; padding-top:10px; color:#333;}
.content_details h3{font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#FF9900}

.faq_txt{font-size:16px; color:#000000;}
.search_site{float:left; width:100%; margin-bottom:0; text-align:right}
.search_site table{float:right}
.search_site .inp{width:200px; padding:5px; border:1px solid #ddd; border-right:0; color:#666666;}
.search_site .subs{float:left; width:70px; border:1px solid #ddd; height:28px; cursor:pointer;}

.content_sec{float:left; width:100%; padding:2% 0;}
.content_sec_left{float:left; width:67%; padding:2%; background:#fff;}
.content_sec_right{float:right; width:27%;}

.blog_wrap{float:left; width:100%; border-bottom:1px solid #ddd; padding-bottom:1%; line-height:20px; color:#333333; margin-bottom:20px;}
.blog_wrap h1{font-size:32px; margin-bottom:15px; font-weight:400;}
.blog_wrap h1 a{color:#333; text-decoration:none;}
.blog_wrap h6{font-size:14px; color:#666666; font-weight:300;}
.blog_wrap h6 a{color:#000;}
.main_img{width:100%; height:auto}

a.more{font-size:16px; font-family: 'Roboto Condensed', sans-serif; padding:6px 20px; border:2px solid #ffd600; text-decoration:none; color:#ffd600}
a.more:hover{font-size:16px; font-family: 'Roboto Condensed', sans-serif; padding:6px 20px; border:2px solid #666; color:#666666}

.search_box{width:90%; background:#fff; border:0px solid #ddd; box-shadow:0 0 2px 1px #ccc; -webkit-box-shadow:0 0 2px 1px #ccc; padding:5% 5% 2% 5%; margin-bottom:10px;}
.content_sec_right h3{text-transform:uppercase; font-size:22px; color:#333333;}

.input{width:100%; padding:3%; border:1px solid #ddd;  box-sizing: border-box; margin-bottom:5px; color:#666666;}

.recent_box{width:90%; background:#fff; border:0px solid #ddd; box-shadow:0 0 2px 1px #ccc; -webkit-box-shadow:0 0 2px 1px #ccc; padding:5% 5% 2% 5%; margin-bottom:10px;}
.recent_box ul{padding:0; margin:0; list-style-type:none;}
.recent_box ul li{margin-bottom:5px; font-size:12px; width:100%; line-height:18px; color:#666666; margin-bottom:10px;}
.recent_box ul li img{width:100%; height:auto; float:left; margin-right:15px;}

.categ_box{width:90%; background:#fff; border:0px solid #ddd; box-shadow:0 0 2px 1px #ccc; -webkit-box-shadow:0 0 2px 1px #ccc; padding:5% 5% 2% 5%; margin-bottom:10px;}
.categ_box a{line-height:24px; color:#262626; background:url(../images/tick.jpg) no-repeat left center; padding-left:15px;}

.social{width:90%; background:#fff; border:0px solid #ddd; box-shadow:0 0 2px 1px #ccc; -webkit-box-shadow:0 0 2px 1px #ccc; padding:5% 5% 2% 5%; margin-bottom:10px;}

.tags_box{width:90%; background:#fff; border:0px solid #ddd; box-shadow:0 0 2px 1px #ccc; -webkit-box-shadow:0 0 2px 1px #ccc; padding:5% 5% 2% 5%; margin-bottom:10px; font-size:12px; display: none;}
.tags_box a{background:#999; padding:5px 5px; line-height:normal; display:inline-block; margin-bottom:3px; color:#fff; display: none;}
.tags_box a:hover{background:#ffd600; color:#fff; text-decoration:none; display: none;}

.detail_wrap{float:left; width:100%;  border-bottom:1px solid #ddd; padding-bottom:1%; line-height:24px; color:#333333; margin-bottom:2%;}
.detail_wrap h1{font-size:42px; margin-bottom:15px; font-weight:400}
.detail_wrap h2{font-size:26px; color:#0f5678;font-weight:400}
.detail_wrap h1 a{color:#0f5678}
.detail_wrap h6{font-size:14px; color:#666666; font-weight:300;}

.commment_wrapper{float:left; width:100%; margin-top:35px; font-size:14px; color:#333333;}
.commment_wrapper h3{font-size:32px; font-weight:normal; color:#000; margin-bottom:10px;}
.commment_wrapper .input4{width:50%; padding:1%; border:1px solid #ccc; margin-right:3px; margin-top:3px;
border-radius:5px;
-webkit-border-radius:5px;
}
.commment_wrapper .input5{width:50%; padding:1%; border:1px solid #ccc; margin-right:3px; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-top:3px;
border-radius:5px;
-webkit-border-radius:5px;
}

.pagination{float:left; width:100%; padding:1% 0;}
.pagination a{color:#666; background:#fff; border:1px solid #ddd; padding:4px 7px; text-decoration:none;
border-radius:2px;
-webkit-border-radius:2px;
}
.pagination a:hover{color:#fff; background:#666; border:1px solid #666;}
.video-xx{width:540px;}
/*22-Dec*/
.header_phone{float:right; margin-top:5px; margin-right:10px;}
/*22-Dec*/
@media only screen and ( min-width : 150px) and ( max-width : 768px ) {
.wrapper{margin:0 auto; width:95%;}

.logo{float:left; width:100%}
.top_menu{float:left; width:100%; margin-top:5px;}

.home_quote{float:left; width:225px;}

.banner_bottom{float:left; width:100%; background:#000; padding:3% 0;}
.sell_car{float:left; width:100%; margin-bottom:10px;}
.buy_car{float:right; width:100%;}

.home_quote{position:inherit; width:80%; padding:5%; margin:0 auto; float:none; background:#ddd; margin-bottom:10px;}

.section1 .img{float:none; text-align:center; margin-left:0; width:100%; height:auto}

.section2{float:left; width:100%; height:auto;}
.welcome_bg{padding:2%; width:96%}

.blog_sec ul li{float:left; width:100%; text-align:left; margin-left:0; margin-bottom:20px;}

.footer .f1{float:left; width:100%; margin-bottom:10px;}
.footer .f2{float:left; width:100%}

.sub_content_sec{float:left; width:100%;}
.sub_right_sec{float:right; width:100%;}

.input7{width:95%; padding:2%;}
.input8{width:95%; padding:2%;}
.content_sec_left{float:left; width:100%;}
.content_sec_right{float:right; width:100%}
.video-xx{width:100%;}
}

@media only screen and ( max-width : 480px ) {
.sell_car img{width:75%; height:auto}
.buy_car img{width:75%; height:auto}

}
.logo .textwidget p, .ad1 .textwidget p{margin:0;}
.frm-textarea{height:30px; width:93%; padding:3%; border:1px solid #ddd; margin-bottom:5px; color:#444; font-family:Arial, Helvetica, sans-serif; font-size:12px}
.wpcf7 img{width:auto;}
.categ_box select{width:90%; padding:1%; border:1px solid #999; margin-bottom:10px; font-size:16px; color:#666666;
border-radius:3px;
-webkit-border-radius:3px;
margin: 14px 0;
}
.categ_box .screen-reader-text{display:none;}

.categ_box ul{padding:2%; margin:0 0 0 5px; list-style-type:square;}
.categ_box ul li{line-height:24px; padding-left:0;}
.categ_box ul li a{color:#262626;}
.categ_box ul li a:hover{color:#00a8ef}

.entry-author-link,
.entry-permalink,
.entry-date,
.entry-meta { display: none; }