/*
Theme Name: AEF
Theme URI: http://uniqueperspectives.ie
Author: Barry Walsh
*/

@import "css/reset.css";
@import "css/typography.css";
@import "css/layout.css";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*START AEF STYLES*/
body{
	background:url(images/background.jpg) repeat-x;
	font-family:Helvetica, Arial, Sans-Serif;
	font-size:13px;
}
#container{
	margin:auto;
	overflow:hidden;
	padding-bottom:50px;
	width:940px;
}

/*****************
	HEADER
*****************/
h1#logo a{
	background:url(images/aef-logo.png);
	float:left;
	height:65px;
	margin:19px 19px 0 19px;
	text-indent:-9999px;
	width:397px;
}
#header-right{
	color:#FFF;
	float:right;
	line-height:16px;
	padding:5px 0;
	text-align:right;
}
	#header-right span{
		background:url(images/phone-icon.png) no-repeat left center;
		padding-left:20px;
	}
	#header-right p{
		padding-left:22px;
	}
	#header-right a{
		color:#FFF;
		text-decoration:none;
	}
		#enquire-box a:hover{
			-webkit-box-shadow: 0px 0px 20px 5px rgba(0,0,0,.4);
			-moz-box-shadow: 0px 0px 20px 5px rgba(0,0,0,.4);
			box-shadow: 0px 0px 20px 5px rgba(0,0,0,.4);
			text-decoration:underline;
		}
	#enquire-box a{
		background:#FFF;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
		color:#2A2E7E;
		font-size:12px;
		font-weight:bold;
		float:right;
		margin:5px 0 0 22px;
		padding:2px 8px 0 8px;
		display:inline;
	}
		#header-right #enquire-box a:hover{
			opacity:.9;
			text-decoration:none;
		}

/*****************
	MENU
*****************/
.menu-header-container{
	clear:both;
	float:right;
	margin-top:3px;
	overflow:hidden;
}
 ul#menu-header li{
	float:left;
	font-weight:bold;
 }
	ul#menu-header li a{
		color:#2A2E7E;
		display:block;
		padding:10px 18px;
		text-decoration:none;
	}
	ul#menu-header li.current_page_item a, ul#menu-header li a:hover, ul#menu-header li.current-page-ancestor a{
		background:#2A2E7E;
		color:#FFF;
		-moz-border-radius-bottomright: 10px;
		-moz-border-radius-bottomleft: 10px;
		-webkit-border-radius: 0px 0px 10px 10px;
		border-radius: 0px 0px 10px 10px;
	}
		ul#menu-header li a:hover{
			background:#1A2059;
		}

/*****************
	 SIDEBAR
*****************/
#sidebar{
	clear:both;
	float:left;
	padding-top:10px;
	width:157px;
}
	#sidebar h2{
		border-bottom:1px solid #7B7C7F;
		color:#2A2E7E;
		font-size:14px;
		font-weight:bold;
		margin-bottom:7px;
		padding-bottom:7px;
		text-transform:uppercase;
	}
	#sidebar ul li{
		height:31px;
		line-height:31px;
		clear:both;
		margin-bottom:5px;
		text-transform:uppercase;
	}
	#sidebar ul li a{
		display:block;
		font-size:12px;
		font-weight:bold;
		opacity:.8;
		padding:0 0 0 40px;
		text-decoration:none;
		width:117px;
	}
		#sidebar ul li a:hover{
			opacity:1;
			text-decoration:underline;
		}
	#sidebar ul li#powertools{
		background:url(images/sidebar/powertools.png) no-repeat;
	}
	#sidebar ul li#powertools a{
		color:#164B9C;
	}
	
	#sidebar ul li#welding{
		background:url(images/sidebar/welding.png) no-repeat;
	}
	#sidebar ul li#welding a{
		color:#006A99;
	}
	
	#sidebar ul li#abrasives{
		background:url(images/sidebar/abrasives.png) no-repeat;
	}
	#sidebar ul li#abrasives a{
		color:#EB9623;
	}
	
	#sidebar ul li#handtools{
		background:url(images/sidebar/handtools.png) no-repeat;
	}
	#sidebar ul li#handtools a{
		color:#BF1A20;
	}
	
	#sidebar ul li#fasteners{
		background:url(images/sidebar/fasteners.png) no-repeat;
	}
	#sidebar ul li#fasteners a{
		color:#589839;
	}	
	
	#sidebar ul li#cutting{
		background:url(images/sidebar/cutting.png) no-repeat;
		line-height:15px;
	}
	#sidebar ul li#cutting a{
		color:#363895;
	}	
	
	#sidebar ul li#safety{
		background:url(images/sidebar/safety.png) no-repeat;
	}
	#sidebar ul li#safety a{
		color:#A63889;
	}	
	
	#sidebar ul li#lubes{
		background:url(images/sidebar/lubes.png) no-repeat;
		line-height:15px;
	}
	#sidebar ul li#lubes a{
		color:#C6AB09;
	}
	
	#sidebar ul li#hygiene{
		background:url(images/sidebar/hygene.png) no-repeat;
	}
	#sidebar ul li#hygiene a{
		color:#1E7FA5;
	}
	
	#sidebar ul li#storage{
		background:url(images/sidebar/storage.png) no-repeat;
	}
	#sidebar ul li#storage a{
		color:#047A4F;
	}
	
	#sidebar ul li#air{
		background:url(images/sidebar/airtools.png) no-repeat;
	}
	#sidebar ul li#air a{
		color:#A80C74;
	}
	
	#sidebar ul li#workshop{
		background:url(images/sidebar/workshop.png) no-repeat;
	}
	#sidebar ul li#workshop a{
		color:#9B1B30;
	}	
	
	#sidebar ul li#maintenance{
		background:url(images/sidebar/maintenance.png) no-repeat;
	}
	#sidebar ul li#maintenance a{
		color:#216342;
	}	
	
	#sidebar ul li#gas{
		background:url(images/sidebar/gas.png) no-repeat;
	}
	#sidebar ul li#gas a{
		color:#057C79;
	}	
	
	#sidebar ul li#mining{
		background:url(images/sidebar/mining.png) no-repeat;
	}
	#sidebar ul li#mining a{
		color:#273577;
		line-height:15px;
	}
	
	#sidebar ul li#trades{
		background:url(images/sidebar/trades.png) no-repeat;
	}
	#sidebar ul li#trades a{
		color:#E06000;
	}

	
/**************
	CONTENT
**************/
#content{
	color:#7A7B7B;
	float:right;
	padding:30px 0 20px 20px;
	width:740px;
}
	#content p{
		margin-bottom:10px;
	}
	#content strong{
		color:#656767;
	}
	#content h2{
		color:#656767;
		font-weight:bold;
		margin-bottom:15px;
		padding-top:5px;
	}
/**************
	FOOTER
**************/
#footer-wrap{
	border-top:3px solid #2A2E7E;
	clear:both;
	padding:20px 0;
}
#footer{
	color:#67686B;
	margin:auto;
	overflow:hidden;
	width:940px;
}
	#footer #left{
		float:left;
		font-size:11px;
		line-height:18px;
	}
		#footer #left a{
			color:#67686B;
		}
	#footer #right{
		float:right;
		width:200px;
	}
	#footer #right #by{
		clear:both;
		float:right;
		font-size:11px;
		line-height:16px;
		padding-top:10px;
		text-align:right;
		width:150px;
	}
		#footer #right #by a{
			color:#7A7B7B;
			font-weight:bold;
		}
/**************
	HOME
**************/
#promo{
	float:left;
	margin-right:10px;
}
#intro{
	background:#E6E7E8;
	background:url(images/intro-bg.jpg);
	color:#67686B;
	float:right;
	line-height:16px;
	padding:20px 20px;
	height:217px;
	width:274px;
}
	#intro h2{
		color:#2A2E7E;
		font-size:18px;
		font-weight:bold;
		margin:15px 0 20px 0;
}
#giveaway{
	background:#2A2E7E;
	border-top:3px solid #EACD53;
	border-bottom:3px solid #EACD53;
	color:#FFF;
	float:right;
	padding:9px 0;
	font-size:12px;
	text-align:center;
	text-decoration:none;
	width:314px;
}
#home-cols{
	padding-top:30px;
	float:left;
	width:100%;
}
.home-col-wrap{
	float:left;
	width:240px;
	margin-right:10px;
}
	.home-col-wrap.last{
		margin-right:0;
	}
	#content .home-col-wrap h2{
		border-bottom:1px solid #7B7C7F;
		color:#2A2E7E;
		font-size:18px;
		font-weight:bold;
		margin-bottom:7px;
		padding-bottom:7px;
		text-align:center;
		text-transform:uppercase;
		width:95%;
	}
		.home-col-wrap h2 a{
			color:#2A2E7E;
			text-decoration:none;
		}

.home-col{
	border-right:1px dashed #BABCBE;
	color:#67686B;
	font-weight:bold;
	line-height:16px;
	margin-top:15px;
	padding:10px 15px 15px 15px;
}
	.home-col.last{
		border-right:0;
	}
	.home-col p{
		margin-bottom:20px;
	}
	.home-col img{
		display:block;
		margin:auto;
	}
	#home-cat{
		padding-bottom:8px;
	}
.home-col label{	
	color:#2A2E7E;
	float:left;
	margin-top:9px;
}
	.home-col input[type=text], .home-col textarea{
		border:1px solid #B5B4B4;
		border-radius:8px;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		clear:right;
		float:right;
		height:20px;
		margin-bottom:4px;
		padding:2px;
		overflow:auto;
		width:150px;
	}
	.home-col textarea{
		float:none;
		height:70px;
		width:100%;
	}
	.home-col fieldset{
		clear:both;

	}
/*****************
    SLIDESHOW
*****************/
#slideshow {
    position:relative;
    height:258px;
}

#slideshow a {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow a.active {
    z-index:10;
}

#slideshow a.last-active {
    z-index:9;
}
	
/**************
PRODUCTS STYLES
**************/	
.productcol{
	float:left;
	text-align:center;
	padding:30px 80px 0 0;
	width:120px;
}
	.productcol.last{
		padding-right:0;
	}
	.productcol ul li{ 
		margin-bottom:20px;
	}
		.productcol ul li a{
			opacity:.93;
		}
		.productcol ul li a:hover{
			opacity:1;
		}
		.productcol ul li.small-gap{
			margin-bottom:3px;
		}

/******************
PRODUCTS LISTINGS
******************/
#product-content{
	border-right:1px solid #006DA5;
	float:left;
	margin-top:20px;
	padding:0 0 20px 20px;
	width:500px;
}			
	#product-content #leadin{
		clear:both;
		line-height:18px;
		padding:10px 0;
		width:470px;
	}
.productlist-col{
	float:left;
	margin-right:30px;
	width:130px;
}		
	.productlist-col.last{
		margin-right:0;
		padding-right:40px;
	}
	#content .productlist-col h2, #leadin h2{
	 color:#006DA5;
	 font-weight:bold;
	 line-height:18px;
	 margin-bottom:15px;
	 text-transform:uppercase;
	}
		.productlist-col ul, .productlist-col ol{
			padding-bottom:15px;
		}
			.productlist-col ul li, .productlist-col ol li{
				background:url(images/bullet.png) no-repeat left 9px;
				line-height:20px;
				padding-left:10px;
			}
#product-sidebar{
	float:right;
	padding-top:20px;
	width:200px;
}
	#product-sidebar h2{	
		color:#BF3647;
		line-height:18px;
		margin-bottom:20px;
		text-align:center;
	}
	#product-sidebar #calltoaction{
		background:#006DA5;
		clear:both;
		webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		color:#FFF;
		font-weight:bold;
		margin-bottom:40px;
		padding-top:15px;
		text-align:center;
	}
		#product-sidebar #calltoaction a{
			color:#FFF;
			display:block;
			text-decoration:none;
			padding-bottom:15px;
		}
			#product-sidebar #calltoaction a:hover{
				text-decoration:underline;
			}
		#product-sidebar img{
			display:block;
			margin:auto;
			padding-bottom:10px;
			width:100px;
			height:auto;
			}
/**************
BRANDS LANDING
**************/	
.brandcol{
	float:left;
	padding:40px 30px 0 0;
	text-align:center;
	width:120px;
}
	.brandcol.last{
		padding-right:0;
	}
	.brandcol img{
		margin-bottom:30px;
	}
/**************
BRAND TEMPLATE
**************/	
#brand-content{
	float:left;
	line-height:18px;
	margin-top:40px;
	padding:20px 20px 40px 20px;
	width:392px;
}	
	#brand-content h4{
		font-weight:bold;
		margin-bottom:10px;
	}
		#brand-content  a{
			color:#32469c;
			font-weight:bold;
			text-decoration:none;
		}
			#brand-content  a:hover{
				text-decoration:underline;
			}
	#brand-sidebar{
		border-left:1px solid #c4c4c4;
		float:right;
		margin-top:40px;
		padding:20px 0 40px 20px;
		width:270px;
	}
	#brand-sidebar .col{
		float:left;
		margin-right:25px;
		text-align:center;
		width:60px;
	}
		#brand-sidebar .col.last{
			margin-right:0;
		}
	#brand-sidebar .col img{
		margin-bottom:15px;
		width:60px;
	}
	#brand-content ul{
		padding-bottom:10px;
	}
		#brand-content ul li{
			line-height:22px;
			list-style-type:disc;
			margin-left:14px;
		}
/*****************
	 CONTACT
*****************/	
#contact-left, #contact-right{
	float:left;
	line-height:28px;
	margin-right:50px;
	padding-top:20px;
	width:300px
}
	#contact-right{
		line-height:17px;
		margin-right:0;
		width:390px
	}
	#contact-left strong{
		float:left;
	}
	#contact-left span{
		float:right;
	}
		#contact-left span a{
			color:#2e3f8f;
			text-decoration:none;
		}
			#contact-left span a:hover{
				text-decoration:underline;
			}
	#contact-left label{
		clear:both;
		float:left;
		font-weight:bold;
		padding-top:6px;
	}
	#contact-left h3{
		color:#656767;
		padding-top:20px;
		font-size:14px;
		font-weight:bold;
	}
		#contact-left input[type=text], #contact-left textarea{
			-webkit-border-radius:8px;
			-moz-border-radius:8px;
			border-radius:8px;
			border:1px solid #999;
			float:left;
			padding:5px;
			width:290px;
		}
		#contact-left textarea{
			height:210px;
		}
		#contact-left input[type=submit]{
			clear:both;
			cursor:pointer;
			float:right;
			margin-top:20px;
		}
	#contact-right iframe{
		background:#eaeaea;
		padding:5px;
	}
	#contact-right h2{
		clear:both;
		margin-bottom:6px;
		padding-top:15px;
	}
	#contact-right a#printer{
		color:#2e3f8f;
		padding:5px;
	}
		#contact-right a#printer:hover{
			background:#2e3f8f;
			color:#FFF;
			text-decoration:none;
		}
/**************
SPECIAL OFFERS
**************/
.special-offers-wrap{
	clear:both;
	float:left;
	margin-top:20px;
}
.special-offers-left{
	float:left;
	padding-top:20px;
	width:250px;
}
	.special-offers-left img{
		width:200px;
	}
	.special-offers-left small a{ 
		background:#2e3f8f;
		color:#FFF;
		clear:both;
		font-weight:bold;
		display:block;
		float:left;
		margin:auto;
		padding:5px;
		text-align:center;
		text-decoration:none;
		width:190px;
	}
		.special-offers-left small a:hover{
			background:#253474;
			text-decoration:none;
		}
.special-offers-right{
	float:left;
	line-height:18px;
	padding-top:20px;
	width:480px;
}
	#content .special-offers-right h2{
		color:#2e3f8f;
		font-size:16px;
		padding-top:0;
		text-transform:uppercase;
	}
	.special-offers-right h3{
		color:#aa1e1e;
		font-weight:bold;
		margin-bottom:5px;
		text-transform:uppercase;
	}
	.special-offers-right li{
		list-style-type:disc;
		margin-left:15px;
	}
/*****************
	CATALOGUE
*****************/
#cat{
	display:block;
	height:100%;
	padding-top:10px;
	position:absolute;
	top:250x;
	left:0;
	width:100%;
}
#wpcf7-f3-p451-o1{
	background:#F2f2f2;
	padding:50px;
	width:500px;
}
#wpcf7-f3-p451-o1 input[type=text]{	
	margin-bottom:5px;
	padding:5px 10px;
	width:480px;
}
#wpcf7-f3-p451-o1 input[type=submit]{
	border:none;
	background:#3771a1;
	border:4px solid #FFF;
	color:#FFF;
	cursor:pointer;
	float:right;
	padding:10px 20px;
}
/**************
	HEADINGS
**************/		
#content h1, #container h1#cat{
	background:#e6f0f5;
	color:#006A99;
	display:block;
	font-weight:bold;
	height:55px;
	line-height:55px;
	padding-left:20px;
	text-transform:uppercase;
}	
	#container h1#cat{
		height:40px;
		line-height:25px;
		margin-top:10px;
	}
h1#powertools{
	background:#164b9b;
	color:#FFF;
}
h1#welding{
	background:#106ba2;
	color:#FFF;
}
h1#abrasives{
	background:#ea8d23;
	color:#FFF;
}
h1#handtools{
	background:#c41f25;
	color:#FFF;
}
h1#fasteners{
	background:#5d9b36;
	color:#FFF;
}
h1#precision-cutting-tools{
	background:#494197;
	color:#FFF;
}
h1#safety{
	background:#aa3d8c;
	color:#FFF;
	text-shadow:none;
}
h1#lubes{
	background:#d4be2a;
	color:#FFF;
}
h1#hygiene{
	background:#49a2da;
	color:#FFF;
}
h1#storage{
	background:#18ac6e;
	color:#FFF;
}
h1#air-tools{
	background:#de208c;
	color:#FFF;
}
h1#workshop{
	background:#952531;
	color:#FFF;
}
h1#maintenance{
	background:#178958;
	color:#FFF;
}
h1#gas-and-water{
	background:#179ca3;
	color:#FFF;
}
h1#mining{
	background:#1f1f67;
	color:#FFF;
}
h1#trades{
	background:#e76625;
	color:#FFF;
}
/**************
	COLUMNS
**************/	
#groups, #services{
	overflow:hidden;
	padding:20px 0 0 0;
	line-height:17px;
} 
	#groups a{
		color:#4c4c4c;
	}
.col{
	float:left; width:45%; padding:5px; margin-right:25px;
}	#groups ul, #services ul{
		padding:10px 0;
	}
	#groups li, #services li{
		list-style-type:disc;
		margin-left:20px;
	}
	#services h2{
		margin-bottom:6px;
		padding-top:20px;
	}
/**************
	BUTTONS
**************/
a.blue-button, a.big-btn, .home-col input[type=submit], #contact-left input[type=submit]{
	background:url(images/blue-button.png) repeat-x;
	border:none;
	color:#FFF;
	display:block;
	height:20px;
	font-weight:bold;
	line-height:20px;
	margin:auto;
	margin-top:14px;
	text-align:center;
	text-decoration:none;
	width:100px;
}
	a.big-btn{
		background:url(images/big-blue.png);
		width:150px;
	}
	.home-col input[type=submit]{
		cursor:pointer;
		float:right;
		margin-top:0;
		padding:0 8px;
	}

/**************
	FIXES
**************/
.clearfix{
	clear:both;
}