/*

	CFC Toolkit - Main Stylesheet
	www.industrialmedia.ca

*/

/* =General
---------------------------------------------------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}

body {
	background: #7D7D7D;
	margin: 0;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	color: #000000;
}

table tr td {
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	color: #000000;
}


.clear {
	clear: both;
	font-size: 1px;
	height: 1px;
	width: 100%;
	background: 0;
}

.clearit:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

ul, ol {
	/*list-style: none;*/
	margin-bottom: 10px;
	/*padding: 0;*/
}
li {
	margin-left:30px;
}
ul.results {
	margin: 15px 20px;
}
ul.results li {
	margin-bottom: 10px;
	list-style: none;
	margin-left: 0px;
}

/* =Branding
---------------------------------------------------------------------------------------------------- */
#branding {
	background: url('../images/wrapper/branding-bg.jpg') 0 0 no-repeat;
	width: 100%;
	min-height: 135px;
	height: auto !important;
	height: 135px;
	position: relative;
}

#branding #logo {
	width: 216px;
	height: 100px;
	padding: 17px 0 0 26px;
}

#branding #tagline {
	position: absolute;
	top: 86px;
	right: 24px;
}

/* =Toolbar Search
---------------------------------------------------------------------------------------------------- */
#branding #toolbar {
	float: right;
	color: #ffffff;
	font-size: 11px;
	padding: 20px 23px 0 0;
	width: 400px;
	text-align: right;
	position: relative;
}

#branding #toolbar form .search-field {
	background: #ffffff;
	border: 1px solid #E2E2E2;
	height: 22px;
	width: 180px;
	position: absolute;
	top: 16px;
	left: 410px;
}

#branding #toolbar a {
	color: #ffffff;
	font-size: 11px;
	text-decoration: none;
}

#branding #toolbar a:hover {
	text-decoration: underline;
}

/* =Layout - common
---------------------------------------------------------------------------------------------------- */
#wrapper {
	background: #ffffff url('../images/wrapper/wrapper-bg.gif') 0 0 repeat-y;
	width: 984px;
	margin: 0 auto 0 auto;
}

#wrapper-inner {
	width: 980px;
	margin: 0 auto 25px auto;
}

/* =Toolkit layout
---------------------------------------------------------------------------------------------------- */
#toolkit #left {
	float: left;
	width: 693px;
}

#toolkit #right {
	float: left;
	width: 270px;
	padding: 25px 0 15px 0;
}

#toolkit #breadcrumb {
	background: none !important;
}

#toolkit #left #text-content {
	padding: 25px 20px 0 28px;
}

#one-col-content .one-col-content-block h3 {
	background: url('../images/wrapper/1-col-content-block-hdr-bg.gif') 0 0 no-repeat;
	height: 28px;
	color: #ffffff !important;
	font-size: 15px !important;
	font-weight: normal !important;
	text-align: center;
	margin-bottom: 8px !important;
	padding-top: 13px;
}

#one-col-content .one-col-content-block .content-block {
	background: url('../images/wrapper/1-col-content-block-bg.gif') 0 0 repeat-y;
}

#one-col-content .one-col-content-block .content-block-btm {
	background: url('../images/wrapper/1-col-content-block-btm.gif') 0 100% no-repeat;
	padding-bottom: 5px;
}

#one-col-content .one-col-content-block .content-block-inner {
	background: url('../images/wrapper/1-col-content-block-top.gif') 0 0 no-repeat;
	padding: 8px 18px 0 18px;
}

#one-col-content .one-col-content-block {
	float: left;
	width: 650px;
	padding-right: 14px;
}


/* Three col content - landing page */
#three-col-content {
	width: 931px;
	margin: 0 auto 0 28px;
	clear: both;
}

#three-col-content p{
	margin-bottom:10px;
}
	
#three-col-content .three-col-content-block {
	float: left;
	width: 301px;
	padding-right: 14px;
}

#three-col-content .last {
	padding-right: 0;
}

#three-col-content .three-col-content-block h3 {
	background: url('../images/wrapper/3-col-content-block-hdr-bg.gif') 0 0 no-repeat;
	height: 28px;
	color: #ffffff;
	font-size: 15px;
	font-weight: normal;
	text-align: center;
	margin-bottom: 8px;
	padding-top: 13px;
}

#three-col-content .three-col-content-block ul li {
	background: url('../images/wrapper/3-col-content-block-list-divider.jpg') 0 100% no-repeat;
	padding: 3px 0 9px 0;
	position: relative;
}

#three-col-content .three-col-content-block ul li.last {
	background: none;
}

#three-col-content .three-col-content-block ul li a {
	color: #3c7b07;
}

#three-col-content .three-col-content-block ul li a:hover {
	color: #000000;
}

#three-col-content .three-col-content-block .content-block {
	background: url('../images/wrapper/3-col-content-block-bg.gif') 0 0 repeat-y;
}

#three-col-content .three-col-content-block .content-block-btm {
	background: url('../images/wrapper/3-col-content-block-btm.gif') 0 100% no-repeat;
	padding-bottom: 5px;
}

#three-col-content .three-col-content-block .content-block-inner {
	background: url('../images/wrapper/3-col-content-block-top.gif') 0 0 no-repeat;
	padding: 8px 18px 0 18px;
}


/* Vitality col content */
#vitality-col-content {
	width: 931px;
	margin: 0 auto 0 28px;
	clear: both;
}

#vitality-col-content p{
	margin-bottom:10px;
}
	
#vitality-col-content .vitality-col-content-block, #vitality-col-content .vitality-col-content-block-alt {
	float: left;
	width: 301px;
	padding-right: 14px;
	margin-bottom:12px;
}

#vitality-col-content .last, #vitality-col-content-alt .last {
	padding-right: 0;
}

#vitality-col-content .vitality-col-content-block h3 {
	background: url('../images/wrapper/3-col-content-block-hdr-bg.gif') 0 0 no-repeat;
	height: 28px;
	color: #ffffff;
	font-size: 15px;
	font-weight: normal;
	text-align: center;
	margin-bottom: 8px;
	padding-top: 13px;
}

#vitality-col-content .vitality-col-content-block-alt h3 {
	background: url('../images/wrapper/3-col-content-block-hdr-alt-bg.gif') 0 0 no-repeat;
	height: 28px;
	color: #ffffff;
	font-size: 15px;
	font-weight: normal;
	text-align: center;
	margin-bottom: 8px;
	padding-top: 13px;
}

#vitality-col-content .vitality-col-content-block ul li {
	background: url('../images/wrapper/3-col-content-block-list-divider.jpg') 0 100% no-repeat;
	padding: 3px 0 9px 0;
	position: relative;
}

#vitality-col-content .vitality-col-content-block ul li.last {
	background: none;
}

#vitality-col-content .vitality-col-content-block ul li a {
	color: #3c7b07;
}

#vitality-col-content .vitality-col-content-block ul li a:hover {
	color: #000000;
}

#vitality-col-content .vitality-col-content-block .content-block {
	background: url('../images/wrapper/3-col-content-block-bg.gif') 0 0 repeat-y;
}

#vitality-col-content .vitality-col-content-block-alt .content-block {
	background: url('../images/wrapper/3-col-content-block-alt-bg.gif') 0 0 repeat-y;
}

#vitality-col-content .vitality-col-content-block .content-block-btm {
	background: url('../images/wrapper/3-col-content-block-btm.gif') 0 100% no-repeat;
	padding-bottom: 5px;
}

#vitality-col-content .vitality-col-content-block-alt .content-block-btm {
	background: url('../images/wrapper/3-col-content-block-btm-alt.gif') 0 100% no-repeat;
	padding-bottom: 5px;
}

#vitality-col-content .vitality-col-content-block .content-block-inner {
	background: url('../images/wrapper/3-col-content-block-top.gif') 0 0 no-repeat;
	padding: 8px 18px 0 18px;
	min-height:190px;
}

#vitality-col-content .vitality-col-content-block-alt .content-block-inner {
	background: url('../images/wrapper/3-col-content-block-top-alt.gif') 0 0 no-repeat;
	padding: 8px 18px 0 18px;
	min-height:190px;
}


/* Toolkit feature */
#toolkit-feature {
	width: 571px;
	margin: 25px auto 35px auto;
}

#toolkit-feature p {
	text-align: center;
	margin: 0 !important;
}

#toolkit-feature ul {
	clear: both;
	margin:0;
	list-style:none;
}

#toolkit-feature ul li {
	float: left;
	margin:0;
}

#toolkit-feature ul li.btn {
	padding-top: 50px;
}

#toolkit-feature p.btm-btm {
	clear: both;
}

#toolkit-feature p.btm-btm a.last {
	margin-left: 86px;
}

/* List feature */
#toolkit #left #feature-items {
	margin-top: -15px;
}

#toolkit #left #feature-items li {
	background: url('../images/wrapper/feature-items-divider.jpg') 100% 0 no-repeat;
	float: left;
	width: 204px;
	min-height: 58px;
	height: auto !important;
	height: 58px;
	margin:0;
	list-style:none;
}

#toolkit #left #feature-items li.last {
	background: none;
}

#toolkit #left #feature-items li p {
	padding: 0 8px 0 8px;
}

#toolkit #left #feature-items li.first p {
	padding: 0 8px 0 0;
}

/* Community Leadership feature */
#leadership-feature {
	width: 571px;
	margin: 25px auto 35px auto;
}

#leadership-feature p {
	margin: 0 !important;
}

#leadership-feature ul {
	clear: both;
	margin:0;
	list-style:none;
}

#leadership-feature ul li {
	float: left;
	margin:0;
}

#leadership-feature ul li.btn {
	padding-top: 5px;
}

#leadership-feature p.btm-btm {
	clear: both;
}

#leadership-feature p.btm-btm a.last {
	margin-left: 86px;
}


/* =Toolkit sub content / sidebar
---------------------------------------------------------------------------------------------------- */
#toolkit #right .common-block {
	background: url('../images/wrapper/common-block-bg.gif') 0 0 repeat-y;
	width: 264px;
	margin-bottom: 20px;
}

#toolkit #right .common-block .common-block-inner {
	background: url('../images/wrapper/common-block-top.gif') 0 0 no-repeat;
	padding: 12px 18px 8px 18px;
}

#toolkit #right .common-block .common-block-btm {
	background: url('../images/wrapper/common-block-btm.gif') 0 100% no-repeat;
	padding-bottom: 6px;
}

#toolkit #right .common-block #what-is-photo{
	background: url('../images/wrapper/common-block-bg.gif') 0 0 repeat-y;
	width: 264px;
	margin-bottom: 20px;
	margin-left:100px;
	margin-top:40px;
}

#toolkit #right .common-block #what-is-photo-inner{
	background: url('../images/wrapper/common-block-top.gif') 0 0 no-repeat;
	padding: 12px 18px 8px 18px;
}

#toolkit #right .common-block #what-is-photo-btm {
	background: url('../images/wrapper/common-block-btm.gif') 0 100% no-repeat;
	padding-bottom: 6px;
}

#toolkit #right .common-block li {
	padding-bottom: 10px;
}

#toolkit #right .common-block .icons {
	margin-bottom: 20px;
}

#toolkit #right .common-block a {
	color: #498d11;
}

#toolkit #right .common-block a:hover {
	color: #000000;
}

#toolkit #right .sub-content-block {
	background: url('../images/wrapper/sub-content-block-bg.gif') 0 0 repeat-y;
	width: 264px;
}

#toolkit #right .light-content-block {
	background: url('../images/wrapper/light-content-block-bg.gif') 0 0 repeat-y;
	width: 264px;
}

#text-content .sub-content-block {
	background: url('../images/wrapper/main-content-block-bg.gif') 0 0 repeat-y;
	width: 300px;
}

#toolkit #right .sub-content-block a, #toolkit #right .light-content-block a {
	color: #498d11;
}

#toolkit #right .sub-content-block a:hover, #toolkit #right .light-content-block a:hover {
	color: #000000;
}

#toolkit #right .sub-content-block .sub-content-block-inner {
	background: url('../images/wrapper/sub-content-block-top.gif') 0 0 no-repeat;
	padding: 12px 18px 8px 18px;
}

#text-content .sub-content-block .sub-content-block-inner {
	background: url('../images/wrapper/main-content-block-top.gif') 0 0 no-repeat;
	padding: 12px 18px 8px 18px;
}

#toolkit #right .sub-content-block .sub-content-block-btm {
	background: url('../images/wrapper/sub-content-block-btm.gif') 0 100% no-repeat;
	padding-bottom: 6px;
}

#text-content .sub-content-block  .sub-content-block-btm {
	background: url('../images/wrapper/main-content-block-btm.gif') 0 100% no-repeat;
	padding-bottom: 6px;
}

#toolkit #right .light-content-block .light-content-block-inner {
	background: url('../images/wrapper/light-content-block-top.gif') 0 0 no-repeat;
	padding: 12px 18px 8px 18px;
}

#toolkit #right .light-content-block .light-content-block-btm {
	background: url('../images/wrapper/light-content-block-btm.gif') 0 100% no-repeat;
	padding-bottom: 6px;
}

/* =Breadcrumb
---------------------------------------------------------------------------------------------------- */
#breadcrumb {
	background: url('../images/wrapper/page-hr.jpg') 0 100% no-repeat;
	padding: 0 0 12px 0;
	color: #000000;
	font-size: 11px;
	clear: both;
}

/* =Links
---------------------------------------------------------------------------------------------------- */
a {
	color: #E37922;
	outline: none;
}

a:hover {
	outline: none;
	color: #000000;
}

.start-link {
	background: url('../images/wrapper/link-arrow.gif') 100% 4px no-repeat;
	padding-right: 16px;
}

/* =Icons
---------------------------------------------------------------------------------------------------- 
.pdf {
	background: url('../images/wrapper/icon-pdf.gif') 0 0 no-repeat;
	padding: 0 0 2px 22px;	
}
*/

.book {
	background: url('../images/wrapper/icon-book.gif') 0 0 no-repeat;
	padding: 0 0 2px 22px;	
}

.essay {
	background: url('../images/wrapper/icon-essay.gif') 0 0 no-repeat;
	padding: 0 0 2px 22px;	
}

.video {
	background: url('../images/wrapper/icon-video.gif') 0 0 no-repeat;
	padding: 0 0 2px 22px;	
}

.web {
	background: url('../images/wrapper/icon-web.gif') 0 0 no-repeat;
	padding: 0 0 2px 22px;	
}

.powerpoint {
	background: url('../images/wrapper/icon-powerpoint.gif') 0 0 no-repeat;
	padding: 0 0 2px 22px;	
}

.blog {
	background: url('../images/wrapper/icon-blog.gif') 0 0 no-repeat;
	padding: 0 0 2px 22px;	
}

.newsletters {
	background: url('../images/wrapper/icon-news.jpg') 0 0 no-repeat;
	padding: 0 0 2px 22px;	
}
/* =Typography
---------------------------------------------------------------------------------------------------- */
#text-content p { 
	line-height: 17px;
	margin: 0 0 12px 0;
}

/* Toolkit area */
#toolkit #text-content h1 {
	font-size: 20px;
	font-weight: normal;
	color: #000000;
	margin: 0 0 18px 0;
	text-transform: none;
}

#toolkit #text-content h1 span {
	display: block;
	color: #707070;
	font-size: 14px;
	padding-top: 4px;
}

#toolkit #text-content h2, #three-col-content h2 {
	font-size: 15px;
	color: #f57b21;
	margin: 16px 0 15px 0;
	text-transform: none;
}

#toolkit #text-content h3 {
	margin-bottom:0;
	padding-bottom:0;
	font-size:13px;
	color: #ed1556;
}

#toolkit #right p {
	line-height: 16px;
	margin: 6px 0 12px 0;
}

#toolkit #right h3 {
	color: #000101;
	font-size: 15px;
	font-weight: bold;
	margin: 0 0 8px 0;
}

#toolkit #right p {
	margin: 4px 0 16px 0
}

#toolkit #right .icons p {
	margin: 12px 0 12px 0
}

/* Landing page */
#toolkit #left #text-box h2 {
	font-size: 15px;
	font-weight: bold;
	color: #f57b21;
	margin: 0 0 10px 0;
	text-transform: none;
}

/* =Footer
---------------------------------------------------------------------------------------------------- */
#footer {
background:#464646 url('../images/wrapper/footer-bg.gif') 0 0 repeat-x;
clear:both;
color:#FFF;
height:100px;
margin:0 auto;
padding:0 20px;
position:relative;
width:940px;
}	

#footer a {color:#FFF;}

#footer a:hover {color:#999;}

#footer p {
line-height:100px;
position:relative;
}

#footer #social-media {
}

#social-media a {
height:47px;
line-height:47px;
position:absolute;
text-indent:-999em;
top:26px;
width:48px;
}

#social-media a.sm-facebook:link, #social-media a.sm-facebook:visited {
background:url(/images/wrapper/social-media-icons.jpg) no-repeat 0 -47px;
right:136px;
}
#social-media a.sm-facebook:hover, #social-media a.sm-facebook:active {
background:url(/images/wrapper/social-media-icons.jpg) no-repeat 0 0;
}

#social-media a.sm-twitter:link, #social-media a.sm-twitter:visited {
background:url(/images/wrapper/social-media-icons.jpg) no-repeat -48px -47px;
right:204px;
}
#social-media a.sm-twitter:hover, #social-media a.sm-twitter:active {
background:url(/images/wrapper/social-media-icons.jpg) no-repeat -48px 0;
}

#social-media a.sm-youtube:link, #social-media a.sm-youtube:visited {
background:url(/images/wrapper/social-media-icons.jpg) no-repeat -96px -47px;
right:68px
}
#social-media a.sm-youtube:hover, #social-media a.sm-youtube:active {
background:url(/images/wrapper/social-media-icons.jpg) no-repeat -96px 0;
}

#social-media a.sm-rss:link, #social-media a.sm-rss:visited {
background:url(/images/wrapper/social-media-icons.jpg) no-repeat -144px -47px;
right:0;
}
#social-media a.sm-rss:hover, #social-media a.sm-rss:active {
background:url(/images/wrapper/social-media-icons.jpg) no-repeat -144px 0;
}

/* =CSS Menus core styles - Do not modify
---------------------------------------------------------------------------------------------------- */
.qmmc .qmdivider {display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}
.qmmc .qmdividery {float:left;width:0px;}
.qmmc .qmtitle {display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}
.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}
.qmmc {position:relative; z-index:10;}
.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}
.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}
.qmsh div a {float:left;}
.qmmc div {visibility:hidden;position:absolute;}
.qmmc .qmcbox {cursor:default;display:block;position:relative;z-index:1;}
.qmmc .qmcbox a {display:inline;}
.qmmc .qmcbox div {float:none;position:static;visibility:inherit;left:auto;}
.qmmc li {z-index:auto;}
.qmmc ul {left:-10000px;position:absolute;z-index:10;}
.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}
.qmmc li a {float:none}
.qmmc li:hover > ul {left:auto;}
#qm0 ul {top:100%;}
#qm0 ul li:hover > ul {top:0px;left:100%;}
#qm1 ul {top:100%;}
#qm1 ul li:hover > ul {top:0px;left:100%}

/* =Main nav and dropdowns (modify at will)
---------------------------------------------------------------------------------------------------- */ 
#main-nav {
	background: url('../images/wrapper/main-content-border-top.jpg') 0 100% no-repeat; 
	padding-bottom: 4px;
	clear: both;
}

/* (MAIN) Container */	
#qm0 {	
	padding: 0;
	margin: 0;
}

/* (MAIN) Items */	
#qm0 a {	
	background: url('../images/wrapper/main-mav-item-bg.gif') 0 0 repeat-x;
	float: left;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	min-height: 36px;
	height: auto !important;
	height: 36px;
	cursor: pointer; /* IE6 */
	border-right: 1px solid #aabf24;
}	

#main-nav #qm0 a span {
	float: left;
	display: block;
	padding-top: 10px;
}

#qm0 a:hover, #qm0 a.on {
	background-position: 0 -36px;
	color: #000000 !important;
}

#main-nav #qm0 a span.last {
	border-right: 0;
}

/* (MAIN) Active State */	
body #qm0 .qmactive, body #qm0 .qmactive:hover {
	background-position: 0 -36px;
}

/* (SUB) Container */	
#qm0 div {	
	color: #000000;
}
 
/* (SUB) Items */	
#qm0 div a {	
	background: #eeeeee;
	float: none;
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	text-align: left;
	min-height: 24px;
	height: auto !important;
	height: 24px;
	min-width: 220px;
	width: auto !important;
	width: 220px;
	margin: 0 !important;
	padding: 9px 10px 0 13px !important;
	border-top: 1px solid #ffffff;
	border-right: none;
}

/* (SUB) Hover State */	
#qm0 div a:hover {	
	background: #cde43a;
	font-weight: normal;
	text-transform: none;
	min-height: 24px;
	height: auto !important;
	height: 24px;
	margin: 0 !important;
	padding: 9px 10px 0 13px !important;
	border-top: 1px solid #ffffff;
}

/* (SUB) Active State*/	
body #qm0 div .qmactive, body #qm0 div .qmactive:hover {	
	background: #cde43a;
	text-transform: none;
	min-height: 24px;
	height: auto !important;
	height: 24px;
	margin: 0 !important;
	padding: 9px 10px 0 13px !important;
	border-top: 1px solid #ffffff;
}

div.cart-summary, div.cart-add, div.cart-remove {
	border: 1px solid #AEE777;
	background: #DDF5C6;
	padding: 5px 10px;
	margin: 1em 0 0 0;
}
div.cart-remove {
	margin: -5px 0 5px 5px;
	float: right;
	background: #FFCFDE;
	border-color: #FF9FC0;
}
div.cart-remove a {
	color: #ED1556;
}
div.cart-add {
	margin: -5px 0 5px 5px;
	float: right;
}
div.cart-add a, div.cart-summary a, cart-contents a {
	color: #3c7b07;
}
div.cart-add a:hover, div.cart-summary a:hover, cart-contents a:hover {
	color: #000;
}
.cart-contents {
	border: 1px solid #AEE777;
	background: #DDF5C6;
	margin-bottom: 5px;
}
.cart-contents td {
	padding: 3px;
}