/* @override http://www.funservices.ca/catalog/resources/css/catalog-styles.css */

/* CSS Document */

/***** Site Structure | site-structure1.css *****/

/* Header Replacement */
		
		.mir { /* "Malarkey Image Replacement" */
			letter-spacing : -1000em;
			margin: 0px auto;
		} 
		/* Just for Opera, but hide from MacIE */ 
		/*\*/html>body .mir { letter-spacing : normal; text-indent : -999em; overflow : hidden;} 
		/* End of hack */

html {
	min-width: 960px;
}
body {
	font-size: 1em;
	font-family: Arial, Verdana, sans-serif;
	background: url(/catalog/images/template/Canopy-Header-Banner.png) repeat-x 50% 0;
	min-width:960px;
}
/***** Basic Styles *****/
h1, h2, h3, h4, h5, h6 {
	font-family: 'Arial Black', Gadget, Arial, sans-serif;
	font-weight: normal;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.5em;
}
h3 {
	font-size: 1.25em;
}
h4, h5, h6 {
	font-size: 1em;
}
p {
	font-size: 1em;
	line-height:1.4em;
}
em {
	font-style:italic;
}
strong {
	font-weight:bolder;
}
acronym, abbr {
	cursor:help;
}
acronym.gross, abbr.gross {
	border-bottom: 1px dotted #f8c200;
}

.clear {
	clear:both;
}

.page-container {
	width: 960px;
	margin:0 auto;
	position: relative; 
}

#header {
	width: 100%;
	margin-bottom:30px;
}
#header .branding {
	overflow: auto;
	margin-bottom: 25px;
	height: 95px; /*Duplicates #header h1 (height)*/
}
#header .contact-us-message {
	text-align:center;
	font-size: 1.125em;
	font-weight: bold;
	color: rgb(170, 0, 50);
	background-color: rgb(255,253,242);
	border-top: 1px dotted rgb(255, 225, 166);
	border-bottom: 1px dotted rgb(255, 225, 166);
}
#ie6 #header .contact-us-message {
	border-top: 1px solid rgb(255, 225, 166);
	border-bottom: 1px solid rgb(255, 225, 166);
}
#header #navigation2 {
	margin-bottom: 20px;
}
#header h1 {
	float: right;
	padding-right:120px;
	width:240px;
	height:95px;
	background:url(/catalog/images/template/Canopy-Header-Fun-Services-Logo.png) no-repeat top left;
}
#header .branding a {
	display: block;
	width: 100%;
	height: 100%;
}
#header h2 {
	clear: both;
	text-align: center;
	font-size: 1.5em;
	padding-top: 20px;
}

#body-copy {
	width: 100%;
	padding-right: 1px;
}
#body-copy a:link,
#body-copy a:visited {
	color:rgb(130,0,43);
	border-bottom: solid rgb(130,0,43) 1px;
}
#body-copy a:hover,
#body-copy a:active {
	color:rgb(204,20,51);
	border-bottom: solid rgb(204,20,51) 1px;
}
#body-copy #terms-of-service #order-info,
#body-copy #help-box {
	padding: 0 10px;
}

#footer {
	margin-top: 100px;
}
#footer .copyright {
	text-align: center;
	margin: 20px 0 10px;
	font-size: .875em;
}
#page-title h2 {
	text-align: center;
	text-transform:uppercase;
	line-height: 1.2em;
}
#page-title h3 {
	font-size: 1.125em;
	text-align: center;
	margin-bottom: 1em;
	font-weight: normal;
}
#page-title h2 span {
	font-style: italic;
}

.reader {
	position:absolute;
	top:auto;
	left:-10000px;
	width:1px;
	height:1px;
	overflow:hidden;
}

/***** Table of Contents | table-of-contents1.css *****/
/***** TOC Styling: *****/

#table-of-contents {
	clear: both;
	overflow: auto;
	padding: 30px 0 30px;	
}
#body-copy #table-of-contents {
	width: 960px;
	border:1px dotted rgb(220,220,220);
	margin-top: 10px;
	margin-bottom: 0;
}
#ie6 #body-copy #table-of-contents {
	border:1px solid rgb(240,240,240);
}

#table-of-contents h2 {
	font-size: 1.5em; /* 24px */
	margin-bottom: .5em;
	line-height: .7;
}
#ie6 #table-of-contents h2 {
	line-height: 1;
}

	#table-of-contents .toc-catalog-cover {
		width:420px;
		margin: 0 30px;
		float:left;
		text-align: center;
	}
	#ie6 #table-of-contents .toc-catalog-cover {
		display: inline;
	}
	#table-of-contents .toc-catalog-cover img {
		width:420px;
	}
	#table-of-contents .toc-page-list {
		width:420px;
		margin: 0 30px;
		float:right;
	}
	#ie6 #table-of-contents .toc-page-list {
		display: inline;
	}

#table-of-contents li {
	margin-bottom: 10px;
	cursor: pointer;
	font-size: .875em; /* 14px */
	border-bottom: 1px dotted black;
}
#ie6 #table-of-contents li {
	border-bottom: none;
}
#table-of-contents li .pg-name {
	padding-right: 4px;
	background-color: white;
}
#table-of-contents li .pg-nmbr {
	font-family: 'Arial Black', Gadget, Arial, sans-serif;
	position: absolute;
	bottom: 0;
	right: 0;
	padding-left: 4px;
	font-weight:bold;
	font-size:1.143em;
	color:black;
	background-color: white;
}
#ie6 #table-of-contents li .pg-nmbr {
	float: right;
	position: relative;
	bottom: 1em;
}

#table-of-contents a {
	display:block;
	text-align:left;
	position:relative;
	top:6px;
}
	#table-of-contents a:link,
	#table-of-contents a:visited {
		color: black;
		border-bottom: none 0;
	}
	#table-of-contents a:hover,
	#table-of-contents a:active {
		border-bottom: none 0;
	}
	#table-of-contents li:hover *,
	#table-of-contents li:active *,
	#table-of-contents li:hover,
	#table-of-contents li:active {
		color:rgb(0,153,255);
		color:rgb(130,0,43);
		color: #8B0016;
		border-bottom-color: #8B0016;
		border-bottom-style: solid;
	}

#table-of-contents a {
	padding-bottom: 1px;
}
#ie6 #table-of-contents a:link,
#ie6 #table-of-contents a:visited {
	color: black;
	border-bottom: 1px solid rgb(200,200,200);
}
#ie6 #table-of-contents a:hover,
#ie6 #table-of-contents a:active {
	color: rgb(182, 18, 46);
	border-bottom: 1px solid rgb(182, 18, 46);
}

/***** TOC Page *****/

.catalog-table-of-contents #distributors a:link,
.catalog-table-of-contents #distributors a:visited {
	color: rgb(130,0,43);
	border-bottom: 1px solid rgb(130,0,43);
}
.catalog-table-of-contents #distributors a:hover,
.catalog-table-of-contents #distributors a:active {
	color: rgb(182, 18, 46);
	border-bottom: 1px solid rgb(182, 18, 46);
}
.catalog-table-of-contents #page-title {
	margin-bottom: 10px;
}
.catalog-table-of-contents #page-title h2 {
	text-transform: capitalize;
}
.catalog-table-of-contents #intro {
	width: 540px;
	margin: 10px 10px 40px;
	float: left;
}
#ie6 #intro {
	display: inline;
}
.catalog-table-of-contents #intro p {
	line-height: 1.6;
	text-indent: 1em;
}
.catalog-table-of-contents #intro .company-name {
	/*background-color: rgb(255, 253, 242);
	color: rgb(170, 0, 50);*/
	font-weight:bold;
}

#body-copy .info-box {
	background-color: rgb(255, 253, 242);
	border: 1px dotted rgb(255, 225, 166);
	padding: 9px;
}

#body-copy #specials {
	width: 360px;
	margin: 10px;
	float: right;
	text-align: left;
}
#ie6 #body-copy #specials {
	display: inline;
}
#body-copy #distributors {
	width: 800px;
	margin: 0 auto;
	overflow: auto;
}
#body-copy #closeouts {
	width: 800px;
	margin: 40px auto 20px;
	overflow: auto;
}

#body-copy #specials ul,
#body-copy #terms-of-service ul {
	list-style: disc inside;
}
.catalog-table-of-contents #specials {
	font-size: 1.063em;
	margin-bottom: 20px;
}
#body-copy .info-box h3 {
	color: rgb(170,0,50);
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	margin-bottom:.4em;
}
#body-copy #terms-of-service #specials h3 {
	margin-top: 0;
}
#body-copy #specials li {
	line-height: 1.5em;
}
#body-copy #specials .disclaimer {
	font-size: .875em;
	font-style: italic;
}
#body-copy #specials .coupon-code {
	font-family: monospace;
	font-size: 1.3em;
}
.catalog-table-of-contents #distributors .login {
	float: right;
}

/***** END>> Table of Contents *****/

/***** Terms of Service *****/
#terms-of-service h3 {
	color: rgb(170,0,50);
	text-transform: uppercase;
}
#terms-of-service h2 {
	text-align: center;
	margin: 1em 0 .5em;
}
#ie6 #terms-of-service h2 {
	margin-top:0px;
}
#terms-of-service h4 {
	text-transform: uppercase;
	float: left;
	margin-right: .5em;
}
#terms-of-service h3 {
	margin-top: 1em;
	margin-bottom: .25em;
}
#terms-of-service p, #terms-of-service ul, #terms-of-service h4 {
	line-height: 1.5em;
}
#terms-of-service .warning {
	background-color: rgb(255,242,242);
	border-bottom: 1px dotted rgb(170, 0, 0);
}
#terms-of-service acronym, #terms-of-service abbr {
	background-color: rgb(255,251,235);
	border-bottom: 1px dotted rgb(255,215,140);
}
#terms-of-service #contact-info {
	text-align: center;
	margin-bottom: 20px;
}
#terms-of-service #contact-info ul {
	list-style: none;
	overflow:auto;
}
#terms-of-service #contact-info ul li {
	text-align: center;
	width: 300px;
	padding: 10px;
	float: left;
}
#terms-of-service .phone-number {
	display: inline-block;
}

/***** Navigation | navigation1.css *****/
/****** Navigation1 *****/

#navigation1 {
	padding: 20px 0 10px;
	height: 30px;
	width: 100%;
}
#navigation1 li {
	float: left;
	width: 320px;
	text-align: center;
	font-size: 1.25em;
}
#navigation1 a,
#navigation2 a,
#navigation3 a {
	padding: 1px 2px;
	font-weight: bold;
}
#ie6 #navigation1 a, #ie7 #navigation1 a,
#ie6 #navigation2 a, #ie7 #navigation2 a,
#ie6 #navigation3 a, #ie7 #navigation3 a {
	position: relative;
}
#navigation1 a:link, #navigation1 a:visited,
#navigation2 a:link, #navigation2 a:visited,
#navigation3 a:link, #navigation3 a:visited {
	color: black;
	border-bottom: solid white 1px;
}
html>body #navigation1 a:hover, html>body #navigation1 a:active,
html>body #navigation2 a:hover, html>body #navigation2 a:active,
html>body #navigation3 a:hover, html>body #navigation3 a:active { /*!IE6*/
	color: rgb(182, 18, 46);
	border-color: rgb(200,200,200);
	background-color: rgb(246,246,246);
}
#ie6 #navigation1 a:hover, #ie6 #navigation1 a:active,
#ie6 #navigation2 a:hover, #ie6 #navigation2 a:active,
#ie6 #navigation3 a:hover, #ie6 #navigation3 a:active { /*IE6*/
	color: rgb(182, 18, 46);
	text-decoration: underline;
}
#navigation1 .current-location {
	font-weight: bold;
	font-size: 1.5em;
}
#navigation2 .current-location span,
#navigation3 .current-location span {
	padding: 1px 2px;
	border-bottom: 1px solid rgb(200,200,200);
	background-color: rgb(246,246,246);
}
#ie6 #navigation2 .current-location span, #ie7 #navigation2 .current-location span,
#ie6 #navigation3 .current-location span, #ie7 #navigation3 .current-location span {
	position: relative;
}

/****** Navigation2 *****/

#navigation2,
#navigation3 {
	text-align: center;
	width:100%;
}
#navigation2 ul,
#navigation3 ul {
	display: inline;
	position: relative;
	line-height: 1.2em;
}
#navigation2 li,
#navigation3 li {
	padding: 0 15px;
	display: -moz-inline-box;
	display: inline-block;
	border-right: 1px solid rgb(221, 221, 221);
}
#ie6 #navigation2 li, #ie7 #navigation2 li,
#ie6 #navigation3 li, #ie7 #navigation3 li {
	display: inline;
}
#navigation2 .next-page,
#navigation3 .next-page {
	border-right: none;
}
#navigation2 .previous-page a:before,
#navigation3 .previous-page a:before {
	content: "\00AB\ ";
}
#navigation2 .next-page a:after,
#navigation3 .next-page a:after {
	content: " \00BB";
}

/***** END Navigation *****/



/***** Product Box Setup | item-setup4.css *****/

/***** Dimensions *****/
.product-box {
	width:280px;
}
.three-column .product-box {
	width:280px;
}
.two-column .product-box {
	width:440px;
	font-size:1.2em;
}
.one-column .product-box {
	width:920px;
	font-size:1.3em;
}
.product-box .image-frame {
	text-align:center;
	position:relative;
}

/***** Box Styling *****/

.product-box {
	margin: 9px;
	border: 1px dotted rgb(220,220,220);
	padding: 10px;
	font-size:1em;
	float: left;
}
#ie6 .product-box {
	display: inline;
}
.product-box .description {
	position: relative;
	text-align:left;
	margin-top:10px;
	height: 80px;
	width: auto;
}
.product-box .description.closeout {
	height: 100px;
}
.product-box .description .item-number {
	float: left;
	margin: 0 20px 0px 0;
}
.product-box .description .item-number h4 {
	font-size:1em;
	color: black;
	font-weight:normal;
}
.product-box .description .item-number h4 span {
	display: block;
	font-size: 1.6em;
}
.product-box .description .item-name {
	line-height: 1.2em;
}
.product-box .description .quantities {
	position: absolute;
	bottom: 0;
	right: 0;
}
#ie6 .product-box .description .quantities, #ie7 .product-box .description .quantities {
	padding-top: .6em;
}
.product-box .description .quantities p {
	line-height:1em;
}
.product-box .description.closeout .quantities p {
	line-height:1.2em;
}
#ie6 .product-box .description .quantities p, #ie7 .product-box .description .quantities p {
	line-height:1.2em;
}
.product-box .description .quantities .price,
.product-box .description .quantities .minimum {
	font-size:.8em;
	color:rgb(60,60,60);
	text-align:right;
}
	.product-box .description.closeout .quantities .price .markdown_label {
		font-weight: bold;
		color:black;
		text-align:right;
	}
.product-box .description .quantities .price .price-value {
	font-size:1.6em;
	font-family: 'Arial Black', Gadget, Arial, sans-serif;
	color:rgb(130,0,43);
}
	.product-box .description.closeout .quantities .price.original_price .price-value {
		font-size:1.4em;
		color: black;
	}
	.product-box .description.closeout .quantities .price.closeout_price .price-value {
		color: #f00047;
	}
	.product-box .description.closeout .quantities .price.original_price .price-value {
		text-decoration: line-through;
	}
.product-box .description .quantities .price .per {
	font-family: Georgia, Arial, Verdana, sans-serif;
}
.product-box .description .quantities .minimum {
	margin-top:.3em;
}
	
#body-copy .product-box .description .video-link {
	position: absolute;
	bottom: 0;
	left: 0;
}
#body-copy .product-box .description .video-link a {
	position: relative;
	font-size:1.3em;
	line-height:.9em;
	letter-spacing:-1px;
	font-family: Arial, Helvetica, "Trebuchet MS", sans-serif;
	font-weight:bold;
	/*color:rgb(255,0,0); /* full red */
	/*color:rgb(204,20,51); /* medium-dark red */
	/*color:rgb(12,165,243); /* bright blue */
	color: black;
	display:block; /* Necessary for inner span->display block */
	padding: 2px 1px 0 0;
}
#body-copy .product-box .description .video-link a:link,
#body-copy .product-box .description .video-link a:visited {
	border-bottom: none;
}
#body-copy .product-box .description .video-link a:hover,
#body-copy .product-box .description .video-link a:active {
	border-bottom: none;
	/*color: white;
	background-color: rgb(12,165,243);*/
	background-color: black;
}
.product-box .description .video-link span {
	display:block;
}

/***** Overlays *****/

.product-box .image-frame .enlarge {
	position:absolute;
	clear:both;
	bottom:0;
	right:-4px;
	width:63px;
	height:21px;
	background:url(/catalog/images/template/enlarge.gif);
}
.sold-out .item-status-overlay,
.limited-quantity .item-status-overlay,
.closeout .item-status-overlay,
.sold-out-group,
.limited-quantity-group,
.closeout-group {
	display: block;
	position:absolute;
	top:0px;
	right:0px;
	background:url(/catalog/images/template/availability-tags-trans.png) no-repeat;
}
	#ie6 .sold-out .item-status-overlay,
	#ie6 .limited-quantity .item-status-overlay,
	#ie6 .closeout .item-status-overlay,
	#ie6 .sold-out-group,
	#ie6 .limited-quantity-group,
	#ie6 .closeout-group {
		background:url(/catalog/images/template/availability-tags.png) no-repeat;
	}
/*.sold-out .item-status-overlay {
	width:128px;
	height:128px;
	background-position: -320px 0px !important;
}
.limited-quantity .item-status-overlay {
	width:128px;
	height:128px;
	background-position: -448px 0px !important;
}
.closeout .item-status-overlay {
	width:128px;
	height:128px;
	background-position: -736px 0px !important;
}*/
.sold-out .item-status-overlay,
.sold-out-group {
	width:160px;
	height:160px;
	background-position: 0px 0px !important;
}
	#ie6 .sold-out .item-status-overlay,
	#ie6 .sold-out-group {
		background-position: 0px 0px !important;
	}
.limited-quantity .item-status-overlay,
.limited-quantity-group {
	width:160px;
	height:160px;
	background-position: -160px 0px;
}
	#ie6 .limited-quantity .item-status-overlay,
	#ie6 .limited-quantity-group {
		background-position: -160px 0px;
	}
.closeout .item-status-overlay,
.closeout-quantity-group {
	width:160px;
	height:160px;
	background-position: -576px 0px;
}
	#ie6 .closeout .item-status-overlay,
	#ie6 .closeout-quantity-group {
		background-position: -576px 0px;
	}

.sold-out .description,
.product-box .sold-out {
	background: url(/catalog/images/template/sold-out-crossed-out.gif) center center;
}
.two-thirds.sold-out .description,
.thrice-thirds.sold-out .description {
	background: url(/catalog/images/template/sold-out-crossed-out-wide.gif) center center;
}

/***** END>> Product Box Setup *****/



/***** Variable Layout | variable-layout2.css *****/
/***** Dimensions *****/

.variable-layout .one-half {
	width: 440px;
}
.variable-layout .two-thirds {
	width: 600px;
}
.variable-layout .thrice-thirds {
	width: 920px;
}

		.variable-layout .twice-height {
			height: 440px;
		}
		.variable-layout .thrice-height {
			height: 680px;
		}
		.variable-layout .stunted {
			height: 160px;
		}

/***** Positioning *****/

.variable-layout .clear-box,
.fixed-layout .clear-box {
	width: 100%;
	height: 0px;
	clear: both;
}
.variable-layout .shove-box-one-third {	
	width: 320px;
	float: left;
}
.variable-layout .shove-box-two-thirds {	
	width: 640px;
	float: left;
}

/***** Item Groups *****/

.product-box .description {
	float: left;
	width: 100%;
}
#ie6 .product-box .description {
	display: inline;
}

.variable-layout .group .image-frame {
	float: left;
}
.variable-layout .group .description {
	width: 280px;
	margin-left: 10px;
	margin-right: 10px;
}
.variable-layout .text-on-side .image-frame {
	width: 600px;
}
.variable-layout .text-on-side .description {
	margin: 0 0 20px 20px;
}

/***** END>> Variable Layout Setup *****/

/***** Box Size Consistency | box-size-consistency2.css *****/

.product-box .image-frame img {
	vertical-align:middle;
}
#body-copy .product-box .image-frame a {
	border-bottom: none;
	color: white;
}

.variable-layout .one-third .image-frame,
.three-column .product-box .image-frame {
	min-height: 210px;
	line-height:206px; /*4px less than min-height*/
}
#ie6 .variable-layout .one-third .image-frame,
#ie6 .three-column .product-box .image-frame {
	height: 210px;
	font-size:180px; /* 30px less than min-height */
}

/*.variable-layout .one-half .image-frame,
.two-column .product-box .image-frame {
	min-height: 330px;
	line-height:326px;
}
#ie6 .variable-layout .one-half .image-frame,
#ie6 .two-column .product-box .image-frame {
	height: 330px;
	font-size:300px;
}*/

.variable-layout .two-thirds .image-frame,
.variable-layout .tall .image-frame{
	min-height: 450px;
	line-height:446px;
}
#ie6 .variable-layout .two-thirds .image-frame,
#ie6 .variable-layout .tall .image-frame{
	height: 450px;
	font-size:420px;
}

.variable-layout .taller .image-frame {
	min-height: 570px;
	line-height:566px;
}
#ie6 .variable-layout .taller .image-frame {
	height: 570px;
	font-size:540px;
}

.variable-layout .long .image-frame {
	min-height: 210px;
	line-height:206px;
}
#ie6 .variable-layout .long .image-frame {
	height: 210px;
	font-size:180px;
}

#ie6 .product-box .image-frame .enlarge {
	font-size: 1px;
}

/***** Hacks | hacks.css *****/

/*** Hacks to fix background pixel jogging bug: ***/
#ie7, #ie6 {
	padding-left:1px;
}
#ie6 #header h1 {
	padding-right: 119px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { .page-container { padding-left: 1px; } }

/*** end hacks ***/