/*   
Theme Name: FBC
Theme URI: http://www.agcanada.com
Description: FBC utility theme.
Author: Kevin Doole, FBC
Author URI: http://www.agcanada.com
Version: 0.5
*/


html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
article,aside,figure,footer,figcaption,header,hgroup,nav,section{display:block;}
img,object{max-width:100%;}
html{overflow-y:scroll;}
ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
th{font-weight:bold;vertical-align:bottom;}
td{font-weight:normal;vertical-align:top;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}
pre{white-space:pre;word-wrap:break-word;/* IE */}
input[type="radio"]{vertical-align:text-bottom;}
input[type="checkbox"]{vertical-align:bottom;*vertical-align:baseline;}
.ie6 input{vertical-align:text-bottom;}
select,input,textarea{font:99% sans-serif;}
table{font-size:inherit;font:100%;}
a:hover,a:active{outline:none;}
small{font-size:85%;}
strong,th{font-weight:bold;}
td,td img{vertical-align:top;}
sub,sup{font-size:75%;line-height:0;position:relative;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
pre,code,kbd,samp{font-family:monospace,sans-serif;}
.clickable,label,input[type=button],input[type=submit],button{cursor:pointer;}
button,input,select,textarea{margin:0;}
button{width:auto;overflow:visible;}
.ie7 img{-ms-interpolation-mode:bicubic;}
.ie6 html{filter:expression(document.execCommand("BackgroundImageCache",false,true));}
.clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;overflow:hidden;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
center {text-align:left;}

/* OOCSS
-------------------------------------------------------------------------------*/
/* grid */
.line,.lastUnit{overflow:hidden; *overflow:visible;*zoom:1;}
.unit{float:left;}
.unitRight{float:right;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit{float:none;width:auto;_position:relative;_left:-3px;_margin-right:-3px;}

/* positioning*/
.topRight {position: absolute;top:5px; right:5px;}

/* spacing */
.ptl {padding-top: 30px !important;}
.pts {padding-top: 5px !important;}
.ptm {padding-top: 15px !important;}
.pbl {padding-bottom: 30px !important;}
.pbm {padding-bottom: 20px !important;}
.pbs {padding-bottom: 5px !important;}
.mbm {margin-bottom: 10px !important;}
.mbl {margin-bottom: 40px !important;}
.nm {margin: 0;}
.pb {padding: 2%;}

/* mod */
.mod{position:relative;}
.mod .hd {margin-bottom:0.5em;}
.mod .inner{}
.bd,.ft,.hd{overflow:visible;*overflow:visible;zoom:1;}
.mod label {font-size:84%;}

/* media -- extends mod */
.media{overflow:visible;*overflow:visible;zoom:1;position: relative;}
.media .img{float:left;margin-right:10px;}
.media .img img{display:block;}
.media .imgExt{float:right;margin-left:10px;}

/* typography */
h1, .h1{font-size:196%; font-weight:normal; font-style: normal; }
h2, .h2{font-size:146.5%; font-weight:normal; font-style: normal; }
h3, .h3{font-size:146.5%; font-weight:normal; font-style: normal; }
h4, .h4{font-size:123.1%; font-weight:normal; font-style: normal; }
h5, .h5{font-size:108%; font-weight:bold; font-style: normal; }
h6, .h6{font-size:108%; font-weight:normal; font-style: italic; }
.h5-light {font-weight:normal; font-size:108%; }
.h6-light {font-weight: normal; font-style: italic; font-size: 100%; }
.h-widget {font-weight:bold; font-size:123.1%;}
p {margin-bottom: 0.75em;}

/*gradients*/
.grey-grad {background-color: #e5e5e5;
background-image: -webkit-gradient(linear, left top, left bottom, from(#edeeee), to(#e5e5e5)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #edeeee, #e5e5e5); /* Chrome 10+, Saf5.1+ */
background-image:    -moz-linear-gradient(top, #edeeee, #e5e5e5); /* FF3.6 */
background-image:     -ms-linear-gradient(top, #edeeee, #e5e5e5); /* IE10 */
background-image:      -o-linear-gradient(top, #edeeee, #e5e5e5); /* Opera 11.10+ */
background-image:         linear-gradient(top, #edeeee, #e5e5e5);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#edeeee', EndColorStr='#e5e5e5'); /* IE6–IE9 */
color:#404041 !important; text-shadow:1px 1px 1px #fff;}
.dark-grad {background-color: #4F5050;
background-image: -webkit-gradient(linear, left top, left bottom, from(#4F5050), to(#2F3030)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #4F5050, #2F3030); /* Chrome 10+, Saf5.1+ */
background-image:    -moz-linear-gradient(top, #4F5050, #2F3030); /* FF3.6 */
background-image:     -ms-linear-gradient(top, #4F5050, #2F3030); /* IE10 */
background-image:      -o-linear-gradient(top, #4F5050, #2F3030); /* Opera 11.10+ */
background-image:         linear-gradient(top, #4F5050, #2F3030);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4F5050', EndColorStr='#2F3030'); /* IE6–IE9 */
color:#fff !important; text-shadow:0 -1px 1px #000;}
.dark-grad a {color: #fff !important;}

/*transitions*/
.tc, .tc * {
	 -moz-transition: background-color 0.2s ease-out;  /* FF4+ */
       -o-transition: background-color 0.2s ease-out;  /* Opera 10.5+ */
  -webkit-transition: background-color 0.2s ease-out;  /* Saf3.2+, Chrome */
      -ms-transition: background-color 0.2s ease-out;  /* IE10? */
          transition: background-color 0.2s ease-out;
}

/*btns*/
.btn, a.btn {
	background: #3b3333 url('_/img/overlay-button.png') repeat-x top left;
	color: #fff;
	padding: 5px 10px 6px;
	display: block;
	text-shadow: 0 1px 1px #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-weight: normal;
	text-align: center;
	-moz-box-shadow:0 1px 3px #999;
	-webkit-box-shadow:0 1px 3px #999;
	box-shadow:0 1px 3px #999;
	text-shadow: 0 -1px 1px #222;
	border: none;
	border-bottom: 1px solid #222;
	position: relative;
	cursor: pointer;
	white-space:nowrap;
	-moz-transition: all 0.2s ease-out;  /* FF4+ */
      -o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
 -webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
     -ms-transition: all 0.2s ease-out;  /* IE10? */
         transition: all 0.2s ease-out;
}
.btn:hover, .btn:focus, a.btn:focus, a.btn:hover {
	background-color: #171414;
	color: #f0f0f0;
	text-decoration: none;
}
.noisy-btn, a.noisy-btn {
	background-color: #61b8ff;
	color: #212526;
	text-shadow: none;
}

.disabled-btn, a.disabled-btn {
	background-color: #AAA;
	border: 1px solid #9A9A9A;
	border-bottom: 1px solid #999;
	color: #5F6C70;
	text-shadow: none;
	cursor:default;
}
.disabled-btn:hover, a.disabled-btn:hover, .disabled-btn:focus, a.disabled-btn:focus {
	background-color: #AAA; color: #5F6C70;
}
.noisy-btn:hover, .noisy-btn:focus, a.noisy-btn:hover, a.noisy-btn:focus, .deal-hovering .noisy-btn {background-color: #5DCFFF; color:#092938;}
.buy-btn:hover, a.buy-btn:hover, .buy-btn:focus, a.buy-btn:focus {background-color: #FFA36E; color: #000;}
.callout-btn, a.callout-btn {background-color: #003561;}

.callout-btn:hover, a.callout-btn:hover, .callout-btn:focus, a.callout-btn:focus, .deal-hovering .callout-btn {background-color: #1C78EC;}

.dull-btn {
	background-color: #727272;
	color:#000;
	font-size:84%;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	text-shadow: 0 1px 1px #e0e0e0;
	-moz-box-shadow: 0px 0px 2px #000;
	-webkit-box-shadow: 0px 0px 2px #000;
	box-shadow: 0px 0px 2px #000;
}
.small-btn {
font-size: 84%;
}
.medium-btn {
font-size: 15px;
}
.large-btn {
font-size: 24px;
padding: 8px 14px 9px;
}

/*utils*/
.small {font-size: 85%;}
.large {font-size: 140%;}
.highlight {margin-bottom: 1em;background-color: #FFFCCF; max-width: 600px; padding: 1em; border: 1px solid #007710; color: #003F17; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.info {margin-bottom: 1em;background-color: #EBEBEB; color: #222; max-width: 600px; padding: 1em; border: 1px solid #5C5C5C; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);box-shadow: 0px 0px 10px rgba(0,0,0,0.2); overflow: visible;}
	.info h4, .info .h4 {color: #000; text-shadow: 0 1px 1px #fff; margin-bottom: 0.5em;}
	.info h5, .info .h5 {color: #111; font-size: 108%; font-weight: bold; margin-bottom: 0; font-style: normal;}
	.info h6, .info .h6 {color: #222; font-size: 100%; font-weight: bold;}
.errors {margin-bottom: 1em;background-color: #FFD9D9; max-width: 600px; padding: 1em; border: 1px solid #8A0000; color: #510000; font-weight: bold; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.errors p {margin: 0; padding: 0;}

.overlay {
	position: fixed;
	top:0; left:0;
	z-index: 1001;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.4);
}
.close-overlay {
	position: absolute;
	z-index: 1002;
	top:5px;
	right:5px;
	background-color: #eee;
	border: 1px solid #999;
}