/*
Theme Name: Best New Tyre
Theme URI: http://besttyre.co.nz/
Description: We are proud to offer excellent service nationwide.
Version: 1.0
Author: A1dezine Ltd. Hamilton
Author URI: http://a1dezine.com
*/
@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
	font-family:Calibri;
	background: url(images/bg.jpg) repeat-x top;
	background-color:#fff;
	font-size:18px;
}

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

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

.header{float:left; width:100%; background:#004a8b; padding:1% 0; color:#FFFFFF;}

.logo{float:left; width:30%}

.menu{float:left; width:45%; text-align:right; margin-top:55px; text-transform:uppercase; font-family: 'Roboto Condensed', sans-serif;}
.menu a{color:#FFFFFF; text-decoration:none;}

.call{float:right; width:25%; text-align:right; margin-top:48px;}

.main_menu{float:left; width:100%; background:#fff; padding:10px 0; font-family: 'Roboto Condensed', sans-serif; text-align:right; text-transform:uppercase;}
.main_menu a{color:#333333; font-size:18px; padding:10px; text-decoration:none; font-weight:bold;}
.main_menu a:hover{color:#fff; background:#51B947}
.main_menu .active{color:#fff; background:#51B947}

.section{float:left; width:100%; padding-top:15px;}

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

.sml_banner{float:left; width:100%; margin-top:15px;}
.sml_banner ul{margin:0; list-style-type:none; padding:0}
.sml_banner ul li{float:left; width:32%; margin-right:2%;}
.sml_banner ul li img{width:100%; height:auto}

.welcome_sec{float:left; width:100%; margin-top:35px; color:#333333; line-height:24px;}
.welcome_sec h1{text-transform:uppercase; font-weight:normal; font-size:36px; border-bottom:2px solid #006fd3; padding-bottom:15px; color:#000000;}
.blue{color:#00529a}

.service_sec{float:left; width:100%; padding:2% 0; background:#1e1e1e; color:#FFFFFF;}
.service_sec ul{margin:0; list-style-type:none; padding:0}
.service_sec ul li{float:left; width:23%; margin-right:2%; font-size:14px; color:#999;}
.service_sec ul li img{width:100%; height:auto; margin:5px 0; border:2px solid #999;
border-radius:5px;
-webkit-border-radius:5px;
}
.service_sec ul li a{color:#66C25D; font-size:12px; font-weight:bold; font-family: 'Roboto Condensed', sans-serif; text-decoration:none;}
.service_sec ul li a:hover{text-decoration:underline}
.service_sec p{margin:0;}


.bold{font-size:30px; color:#FFFFFF; font-family: 'Roboto Condensed', sans-serif; }

.margin{margin-right:0!important}
.margin2{margin-left:0!important}

.map{float:left; width:100%;}
.map p{margin:0;}

.footer{float:left; width:100%; padding:1% 0; background:#00529a; color:#FFFFFF; font-size:14px}
.footer a{text-decoration:none; color:#FFFFFF}
.footer a:hover{text-decoration:underline; color:#FFFFFF}

.left_sec{float:left; width:73%; color:#333333;}
.left_sec{line-height:24px;}
.left_sec h1{text-transform:uppercase; font-weight:normal; font-size:36px; border-bottom:2px solid #006fd3; padding-bottom:15px; color:#000000;}
.left_sec h2{text-transform:none; font-weight:normal; font-size:30px; border-bottom:2px solid #006fd3; padding-bottom:15px; color:#000000;}

.right_sec{float:right; width:25%; margin-bottom:25px; margin-top:20px;}
.right_sec .quote_form{float:left; width:84%; padding:5% 8%; background:#fff; color:#333; border:1px solid #ccc;
border-radius:5px;
-webkit-border-radius:5px;
box-shadow:0 0 2px 2px #ddd;
}
.right_sec .quote_form p{margin:0;}
.right_sec .quote_form img{width:100%; height:auto; border:2px solid #ddd}
.right_sec .quote_form img:hover{border:2px solid #51B947}
.right_sec .quote_form li.page_item{list-style:none;}


.right_sec .quote_form a{color:#098D09; line-height:30px; text-decoration:none; display:block; border-bottom:1px dashed #ddd;}
.right_sec .quote_form a:hover{color:#333;}

.input{width:96%; padding:2%; border:1px solid #ddd;}
.submit{padding:5px 25px; border:1px solid #51B947; background:#51B947; color:#FFFFFF; font-size:16px; cursor:pointer;
border-radius:3px;
-webkit-border-radius:3px;
}

.productUL{margin:25px 0 0 0; padding:0; list-style-type:none; color:#006fd3; font-family: 'Roboto Condensed', sans-serif; font-size:18px}
.productUL li{float:left; width:28%; margin-left:1%; float:left; margin-bottom:10px; text-align:center; border:1px solid #ddd; background:#fff; padding:2%;}
.productUL li a{color:#333; text-decoration:none}
.productUL li a:hover{color:#006fd3; text-decoration:none}
.productUL li img{border-bottom:1px solid #ddd}

.imgM{width:100%; height:auto}
.Mbanner{display:none}

.table{border-collapse:collapse; font-family: 'Roboto Condensed', sans-serif; width:100% !important;}
.table td{border:1px solid #ccc; background:#fff;}

.imgL{border:2px solid #ddd; width:19%; height:auto; margin-right:5px;
border-radius:5px;
-webkit-border-radius:5px;
}
.imgL:hover{border:2px solid #006fd3}



/*new_blog*/

.new_blog{float:left; width:100%; margin-bottom:20px;}
.new_blog_left{float:left; width:68%; padding:0 2% 0 0; border-right:1px solid #ddd;
border-radius:5px 0 0 5px;
-webkit-border-radius:5px 0 0 5px;
}
.newpost_wrap{float:left; width:100%; padding-top:15px; border-bottom:1px solid #ddd;}
.new_blog a{text-decoration:none;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.newpost_wrap h1{color:#00529a; font-size:36px; margin-bottom:25px;}
.newpost_wrap h1 a{color:#00529a;}


.newpost_tags{float:left; width:100%; padding:9px 0;}
.newpost_tags a{background-color:#999; color:#FFFFFF; font-size:14px; padding-bottom:10px; padding-top:10px;
-webkit-border-radius:0;
border-radius:0;
}
.newpost_tags a:hover{background-color:#66C25D;}

.blog_img_main{float:left; width:100%;}
.blog_img_main img{width:100%; height:auto}
.newpost_content{float:left; width:100%; font-size:14px; line-height:24px; color:#000; padding:0;}

.read_more7{color:#FFFFFF; text-decoration:none; background:#7f7f7f; padding:10px 18px; border:0; font-size:16px;
border-radius:3px;
-webkit-border-radius:3px;

}
.read_more7:hover{background:#66C25D; color:#FFFFFF;}

.admin_ico{background:url(images/admin.png) no-repeat left center; background-position:5px; padding-left:30px; padding-right:15px;}
.clock_ico{background:url(images/clock.png) no-repeat left center; background-position:5px; padding-left:30px; padding-right:15px;}
.comment_ico{background:url(images/comment.png) no-repeat left center; background-position:5px; padding-left:30px; padding-right:15px;}
.tag_ico{background:url(images/tag.png) no-repeat left center; background-position:5px; padding-left:30px; padding-right:15px;}


.paginationB{float:left; width:100%; padding:25px 0 5px 0; font-size:16px; text-align:center;}
.paginationB a{color:#333; background:#fff; border:1px solid #ddd; padding:5px 10px;}
.paginationB a:hover{color:#fff; background:#7f7f7f; border:1px solid #7f7f7f;}

.new_blog_right{float:right; width:29%; padding:0; background:#f1f1f1; font-size:16px; 
border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
 box-sizing: border-box;
}
.new_blog_right h3{font-size:18px; text-transform:uppercase;}

.new_blog_right .blog_search1{float:left; width:90%; background:#7f7f7f; padding:5%; color:#FFFFFF;}
.in77{width:90%; padding:5%; border:0; margin-bottom:10px; font-size:16px; color:#666666;
border-radius:3px;
-webkit-border-radius:3px;
}
.new_blog_right .blog_search1 .sub77{width:100%; padding:4%; border:0; background:#66C25D; color:#FFFFFF; cursor:pointer; font-size:16px;
border-radius:3px;
-webkit-border-radius:3px;
}

.new_blog_recent{float:left; width:100%; padding:0; background:#fff; margin-top:15px; font-family:Arial, Helvetica, sans-serif; font-size:14px}
.new_blog_recent h3{width:94%; padding:3%; background:#7f7f7f; color:#fff; text-align:center}
.new_blog_recent ul{padding:4%; margin:0; list-style-type:none;}
.new_blog_recent ul li{padding:7px 0; width:100%; float:left; border-bottom:1px dashed #ddd;}
.new_blog_recent ul li a{color:#000}
.new_blog_recent ul li a:hover{color:#68a008}
.new_blog_recent ul li img{float:left; margin-right:10px;}
.greyy{color:#666666; font-size:12px}

.new_blog_category{float:left; width:100%; padding:0; background:#fff; margin-top:15px; font-family:Arial, Helvetica, sans-serif; font-size:14px}
.new_blog_category h3{width:94%; padding:3%; background:#7f7f7f; color:#fff; text-align:center}
.new_blog_category ul{padding:4%; margin:0; list-style-type:none;}
.new_blog_category ul li{padding:7px 0; width:100%; float:left; border-bottom:1px dashed #ddd; color:#000000;}
.new_blog_category ul li a{color:#000; display:block}
.new_blog_category ul li a:hover{color:#68a008}

.blog_archives{float:left; width:100%; padding:0; background:#fff; text-align:center; margin-top:15px; font-family:Arial, Helvetica, sans-serif; font-size:14px}

.blog_archives h3{width:94%; padding:3%; background:#7f7f7f; color:#fff; text-align:center}
.in78{width:90%; padding:1%; border:1px solid #999; margin-bottom:10px; font-size:16px; color:#666666;
border-radius:3px;
-webkit-border-radius:3px;
}

.blog_tag{float:left; width:100%; padding:0; background:#fff; text-align:center; margin-top:15px; font-family:Arial, Helvetica, sans-serif; font-size:14px}
.blog_tag h3{width:94%; padding:3%; background:#7f7f7f; color:#fff; text-align:center}
.blog_tag p{padding:2%}
.blog_tag a{padding:10px 5px; background:#999; display:inline-table; color:#FFFFFF; margin-bottom:5px; font-size:12px}
.blog_tag a:hover{padding:10px 5px; background:#7f7f7f;}

.commment_wrapper{float:left; width:100%; margin-top:35px; font-size:14px; color:#333333;}
.commment_wrapper h3{font-size:24px; font-weight:normal; color:#000; margin-bottom:10px;}
.commment_wrapper .input4{width:50%; padding:2%; border:1px solid #ddd; margin-right:3px; margin-top:3px;
border-radius:5px;
-webkit-border-radius:5px;

}
.commment_wrapper .input5{width:75%; padding:2%; border:1px solid #ddd; margin-right:3px; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-top:3px;
border-radius:5px;
-webkit-border-radius:5px;
}
/*new_blog*/

.blog_sec{float:left; width:100%; padding:2% 0;}
.blog_sec h1{text-transform:uppercase; font-size:42px; color:#333; margin-bottom:15px; text-align:center; font-weight:300;}
.blog_sec ul{padding:0; margin:0; list-style-type:none}
.blog_sec ul li{float:left; width:32%; line-height:normal; margin-left:1%; font-size:12px; color:#666666;}
.blog_sec ul li h3{font-size:24px; color:#009f12; font-size:14px; font-weight:400; text-transform:uppercase;}
.blog_sec ul li h3 a{color:#009f12; text-decoration:none}
.blog_sec .img{width:100%; height:auto;}
.blog_sec .ssba-wrap{display:none;}

@media only screen and ( min-width : 150px) and ( max-width : 768px ) {
.wrapper{margin:0 auto; width:90%;}
.logo{float:left; width:100%; text-align:center}
.menu{float:left; width:100%; margin-top:20px; text-align:center;}
.call{float:left; width:100%; text-align:center; margin-top:20px;}

.main_menu{float:left; width:100%; background:#fff; padding:2% 0; text-align:center;}
.main_menu a{color:#333333; font-size:18px; text-decoration:none; font-weight:bold;}

.service_sec ul li{float:left; width:45%; margin-right:3%; margin-bottom:25px;}


.imgM{width:100%; height:auto}

/*.banner{display:none}*/

.left_sec{float:left; width:100%; color:#333333;}
.right_sec{float:left; width:100%; margin-bottom:25px; margin-top:20px;}


.Mbanner{display:inherit; float:left; width:100%}
.Mbanner img{width:100%; height:auto}


.productUL li{float:left; width:43%; margin-left:2%;}
.productUL li img{width:100%; height:150px}
.margin2{margin-left:2%!important}


.imgL{border:2px solid #ddd; width:45%; margin-right:7px;}


.new_blog_left{float:left; width:100%; padding:0; background:#fff; border:0;}
.new_blog_right{float:left; width:100%; margin-top:25px;}
.newpost_tags a{ display:block; margin-bottom:1px}
.commment_wrapper .input4{width:94%;}
.commment_wrapper .input5{width:94%;}
.blog_sec ul li{float:left; width:98%; line-height:normal; margin-left:1%; font-size:12px; color:#666666;}
.blog_sec li img{width:96%; height:auto;}
.wp-image-198{width:96%; height:auto;}
#commentform textarea{width:98%;}
}


@media only screen and ( max-width : 480px ) {
.service_sec ul li{float:left; width:100%; margin-right:0; margin-bottom:25px;}
.logo img{width:75%; height:auto}
.right_sec .quote_form img{width:100%; height:auto; border:2px solid #ddd}

.main_menu a{ display:block; text-align:left;}
.sml_banner ul li{float:left; width:100%; margin-right:0; margin-bottom:5px;}
.productUL li img{width:100%; height:100px}

.menu a{color:#FFFFFF; text-decoration:none; font-size:12px; line-height:24px;}
.imgL{border:2px solid #ddd; width:95%;}
.blog_sec ul li{float:left; width:98%; line-height:normal; margin-left:1%; font-size:12px; color:#666666;}
.blog_sec li img{width:96%; height:auto;}
.wp-image-198{width:96%; height:auto;}
#commentform textarea{width:98%;}
}
.slideshow_pagination_center {
    float: right;
    margin-right: 10px !important;
}
.blog_archives 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;
}
.blog_archives .screen-reader-text{display:none;}

.right_sec .quote_form .ginput_container .medium{width:96%; padding:2%; border:1px solid #CCC; margin-bottom:7px; font-size:16px; color:#666666; font-family:Calibri;}
.right_sec .quote_form .ginput_container textarea.medium{width:96%; padding:2%; border:1px solid #CCC; margin-bottom:7px; font-size:16px; color:#666666; font-family:Calibri; height:90px;}
.right_sec .quote_form .gform_wrapper{ margin:0; max-width:100%;}
.right_sec .quote_form .gform_wrapper ul{ margin:0;}

.right_sec .quote_form .gform_wrapper .gform_footer{ margin-top:0;padding-top: 8px;}
.right_sec .quote_form .gform_wrapper .validation_error{ color:#000; font-size:14px; font-weight:normal;}
.right_sec .quote_form .gform_wrapper .gfield_label{ font-weight:normal; margin-top:10px;}
.right_sec .quote_form .gform_wrapper .gform_footer input[type="submit"]{
	background: #51b947 none repeat scroll 0 0;
    border: 1px solid #51b947;
    border-radius: 3px;
    color: #ffffff;
    cursor: pointer;
    font-size: 16px;
    padding: 5px 25px;
}