/*   
Theme Name: A1 Pumps & Motors
Description: This is the theme for the A1 Pumps & Motors website
Author: Kevin Walton
Version: 1.5
*/

/* STYLES RESET */
* { margin: 0; padding: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

/* IE Fix */
a img{border:none;}

/* Remove placeholder text in inputs when they get focus. */
input:focus::-webkit-input-placeholder { color: transparent; }
input:focus::-moz-placeholder { color:transparent; }
textarea:focus::-webkit-input-placeholder { color: transparent; }
textarea:focus::-moz-placeholder { color:transparent; }

/* CLEARFIX */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; clear: both; }
/* start commented backslash hack \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* close commented backslash hack */

/*******************************************************/

/* BASE STYLES */

@font-face {
    font-family: 'moderneregular';
    src: url('fonts/moderne-webfont.eot');
    src: url('fonts/moderne-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/moderne-webfont.woff') format('woff'),
         url('fonts/moderne-webfont.ttf') format('truetype'),
         url('fonts/moderne-webfont.svg#moderneregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{
	font-family: 'moderneregular';
	background:#002166 url('images/body_bg.jpg') no-repeat top center;
	background-size: 100%;
	color:#fff;
	font-size:13px;
}

h1, h2, h3, h4, h5, h6{
	font-family:"Jockey One";
	font-weight:normal;
	text-transform:uppercase;
	margin-bottom:12px;
}

h2{font-size:32px;line-height:32px;}

h3{font-size:19px;line-height:19px;}

p{margin-bottom:12px;}

a{text-decoration:none;}

a img{border:none;}

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

/* END BASE STYLES */

/*******************************************************/

/* HEADER STYLES */

header{
	position:relative;
	margin-bottom:20px;
	z-index:9999;
}

/* END HEADER STYLES */

/*******************************************************/

/* NAV STYLES */

header nav{
	width:700px;
	height:48px;
	position:absolute;
	right:0;
	bottom:0;
}

header nav ul{
	list-style:none;
	display:table;
	width:100%;
	table-layout:fixed;
}

header nav ul li{
	display:table-cell;
	text-align:center;
}

header nav ul li a{
	line-height:48px;
	display:block;
	width:100%;
	height:100%;
	background:#012357;
	color:#fff;
	text-decoration:none;
	transition:all 0.2s;
}

header nav ul li a:hover{
	background:#056ed4;
	transition:all 0.2s;
}

header nav ul li:first-child a{
	border-radius:5px 0 0 5px;
}

header nav ul li:last-child a{
	border-radius:0 5px 5px 0;
	background:#f7e439;
	color:#012357;
	transition:all 0.2s;
}

header nav ul li:last-child a:hover{
	background:#dccb2f;
	transition:all 0.2s;
}

header nav ul li ul{
	display:none;
	z-index:9999;
}

header nav ul li:hover ul{
	display:block;
}

header nav ul li ul li{
	display:block;
}

header nav ul li ul li a{
	line-height:32px;
}

header nav ul li ul li:first-child a{
	border-radius:0;
}

header nav ul li ul li:last-child a{
	border-radius:0 0 5px 5px;
	background:#012357;
	color:#fff;
	transition:all 0.2s;
}

header nav ul li ul li:last-child a:hover{
	background:#056ed4;
	transition:all 0.2s;
}

/*#product_menu{
	display:inline-block;
	float:left;
	width:240px;
	height:280px;
}

#product_menu ul{
	list-style:none;
}

#product_menu ul li{
	width:220px;
	background:#012458;
}

#product_menu ul li:hover{
	background:#f7e43c;
}

#product_menu ul li:first-child{
	border-radius:5px 5px 0 0;
}

#product_menu ul li:last-child{
	border-radius:0 0 5px 5px;
}

#product_menu ul li span{
	display:block;
	width:220px;
	height:56px;
	font-size:16px;
	line-height:55px;
	padding:0 15px;
	color:#fff;
}

#product_menu ul li span:hover{
	background:url('images/menu_outset.png') no-repeat;
	background-position:213px center;
	color:#000;
}*/

/* END NAV STYLES */

/*******************************************************/

/* CONTENT STYLES */

.content{
	position:relative;
}

.content a{
	text-decoration:none;
	color:#f7e439;
}

.content a:hover{
	color:#dccb2f;
}

.content ul{
	margin:0 0 12px 20px;
}

button{
	font-family:"Jockey One";
	color:#012357;
	background:#f7e439;
	border:none;
	padding:10px 25px;
	font-size:15px;
	border-radius:5px;
	font-weight:normal;
}

button:hover{
	background:#dccb2f;
	cursor:pointer;
}	

#homepage_blocks{
	position:relative;
	height:326px;
}

#welcome{
	background:url('images/welcome_bg2.jpg') no-repeat;
	width:540px;
	height:326px;
	border-radius:5px;
}

#welcome_content{
	position:relative;
	padding:20px;
	height:100%;
}

#welcome_content h2, #welcome_content h3{
	text-shadow:3px 3px 5px #000, 3px 3px 5px #000;
}

#welcome_bottom_content{
	position:absolute;
	bottom:40px;
	left:0;
	background:rgba(1, 35, 87, 0.95);
	width:500px;
	padding:20px;
	border-radius:0 0 5px 5px;
}

#about{
	position:absolute;
	top:0;
	right:0;
	background:url('images/about_bg.jpg') no-repeat;
	width:380px;
	height:152px;
	border-radius:5px;
}

#about_content{
	text-align:center;
	background:rgba(1, 35, 87, 0.95);
	width:340px;
	height:112px;
	padding:20px;
	border-radius:5px;
}

#about_content:hover{
	background:rgba(5, 110, 212, 0.95);
	cursor:pointer;
}

#about_content:hover h3{
	color:#dccb2f;
}

#services{
	position:absolute;
	bottom:0;
	right:0;
	background:url('images/services_bg2.jpg') no-repeat;
	width:380px;
	height:153px;
	border-radius:5px;
}

#services_content{
	position:absolute;
	right:0;
	text-align:center;
	background:rgba(247, 228, 57, 0.95);
	width:176px;
	height:113px;
	padding:20px;
	border-radius:0 5px 5px 0;
}

#services_content:hover{
	background:rgba(220, 203, 47, 0.95);
	cursor:pointer;
}

#brands{
	position:relative;
}

#brands_bg{
	position:absolute;
	top:0;
	background:url('images/brands_bg2.png') no-repeat 85% top;
	height:569px;
	width:100%;
	z-index:-9999;
}

#brands_content{
	width:210px;
	padding:20px;
}

#brands_content p{
	line-height:15px;
}

#brand_logos{
	position:absolute;
	top:20px;
	right:0;
	width:150px;
	text-align:right;
}

#brand_logos img{
	margin-bottom:20px;
}

#product_slider_area{
	height:323px;
	background:rgba(1, 35, 87, 0.95);
	margin-bottom:20px;
}

#product_slider_container{
	position:relative;
	width:940px;
	margin:0 auto;
	padding:20px 0;
}

#bottom_content{
	margin-bottom:20px;
}

#bottom_content #left_column{
	float:left;
	width:380px;
}

#find_us{
	background:url('images/findus_bg.jpg') no-repeat;
	width:380px;
	height:152px;
	border-radius:5px;
}

#find_us_content{
	text-align:center;
	background:rgba(1, 35, 87, 0.95);
	width:340px;
	height:112px;
	padding:20px;
	border-radius:5px;
}

#find_us_content:hover{
	background:rgba(5, 110, 212, 0.95);
	cursor:pointer;
}

#find_us_content:hover h3{
	color:#dccb2f;
}

#product_slider_window{	display:inline-block;	position:absolute;	width:700px;	height:280px;	overflow:hidden;}#product_slider{	position:absolute;	width:10000px;}

/*.product{	position:relative;	display:inline-block;	width:220px;	height:280px;	background:#fff;	border-radius:5px;	margin-right:19px;}.product h3{	position:absolute;	display:block;	top:10px;	left:15px;	width:190px;	z-index:9999;}.product img{	position:absolute;	top:35px;}.product .details_link{	position:absolute;	bottom:0;	background:#012458;	line-height:26px;	color:#fff;	text-align:right;	width:200px;	border-radius:0 0 5px 5px;	padding:0 10px;}.product .details_link:hover{	background:#f7e43c;	color:#012458;}#slider_left{	display:block;	position:absolute;	width:50px;	top:50%;	left:0;	margin-top:-25px;	line-height:50px;	font-size:30px;	text-align:center;	background:rgba(1, 36, 88, 0.25);	border-radius:0 10px 10px 0;	color:rgba(255, 255, 255, 0.25);}#slider_right{	display:block;	position:absolute;	width:50px;	top:50%;	right:0;	margin-top:-25px;	line-height:50px;	font-size:30px;	text-align:center;	background:rgba(1, 36, 88, 0.25);	border-radius:10px 0 0 10px;	color:rgba(255, 255, 255, 0.25);}#slider_left:hover, #slider_right:hover{	background:rgba(1, 36, 88, 0.9);	color:rgba(255, 255, 255, 1);	transition:all 0.5s;	cursor:pointer;}.single_product_image{	float:left;}.single_product_image img{	border-radius:5px;}*/

#gallery{
	margin-bottom:50px;
}

.ngg-gallery-thumbnail img{
	border-radius:5px;
}

/* END CONTENT STYLES */

/*******************************************************/

/* WOOCOMMERCE */

.woocommerce div.product div.images img{
	border-radius:10px;
}

.woocommerce ul.products li.product a img{
	border-radius:5px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{
	color:#515151!important;
}

/*.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
	background-color:#012357!important;
	color:#fff!important;
	transition:all 0.2s;
}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
	background-color:#f7e439!important;
	color:#012357!important;
	transition:all 0.2s;
}*/

.quantity{
	display:none!important;
}

form.cart, .add_to_cart_button, .price{
	display:none!important;
}

.amount, .woocommerce-price-suffix{
	color:#f7e439;
}

.count{
	background:none;
	color:#fff;
}

/*******************************************************/

/* CONTACT FORM STYLES */

#contact{
	position:relative;
	float:right;
	width:540px;
	background:#f7e439;
	border-radius:5px;
	display: flex;
    align-items: stretch;
}

#contact_details{
	background:#dccb2f;
	border-radius:5px 0 0 5px;
	width:203px;
	text-transform:uppercase;
	color:#012357;
	padding:20px;
	font-size:11px;
}

#contact_form{
	padding: 20px;
}

#contact_form .textfield{
	width:240px;
	font-size:12px;
	line-height:25px;
	height:25px;
	padding:0 10px;
	color:#012357;
	margin-bottom:10px;
	border:none;
	border-radius:4px;
}

#contact_form .textarea{
	width:240px;
	font-family: 'moderneregular';
	font-size:12px;
	height:60px;
	padding:8px 10px;
	color:#012357;
	margin-bottom:10px;
	border:none;
	border-radius:4px;
}

#contact_form .submit_button{
	color:#012357;
	background:#dccb2f;
	border:none;
	padding:10px 25px;
	font-size:15px;
	border-radius:5px;
	font-weight:normal;
	text-transform:uppercase;
	cursor:pointer;
}

#contact_form .submit_button:hover{
	background:#056ed4;
	color:#f7e439;
}

/* END OF CONTACT FORM STYLES */

/*******************************************************/

/* WIDGET STYLES */

#social_links{
	width:380px;
}

#social_links ul{
	list-style:none;
	display:table;
	margin:20px auto;
}

#social_links ul li{
	display:table-cell;
	text-align:center;
}

#social_links ul li a{
	display:block;
	background:rgba(1, 35, 87, 0.95);
	border-radius:5px;
	padding:10px;
	margin:0 10px;
}

#social_links ul li a i{
	display:block;
	width:35px;
	height:35px;
	line-height:35px;
	color:#002166;
	background:#fff;
	border-radius:50%;
	text-decoration:none;
}

#social_links ul li a:hover i{
	background:#056ed4;
}

/* END OF WIDGET STYLES */

/*******************************************************/

/* FOOTER STYLES */

footer a{
	text-decoration:none;
	color:#fff;
}

footer a:hover{
	color:#f7e439;
}

#copyright{
	width:380px;
	float:left;
}

#gherkin_logo{
	width:105px;
	float:right;
}

/* END FOOTER STYLES */

/*******************************************************/

/* MISCELLANEOUS */

.yellow_dots{background:url('images/yellow_dots.png');width:23px;height:5px;}
.blue_dots{background:url('images/blue_dots.png');width:23px;height:5px;}
.yellow{color:#f7e439;}
.white{color:#fff;}
.blue{color:#012357;}
.light_blue{color:#056ed4;}
.fleft{float:left;}
.fright{float:right;}
.center{margin-left:auto;margin-right:auto;}
.hidden, .validation{display:none;}