/* 
 * KINGCANOPY
 * ==================================================== */


/*
 * Imports
 * ------------------------------------------------------------- */
@import url(cart.css);
@import url(products.css);
@import url(ddt.css);
@import url(thickbox.css);


/*
 * Reset and Base Styling
 * ------------------------------------------------------------- */
html, 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, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

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

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }

body { font:13px/1.231 sans-serif; *font-size:small; } 
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

html { overflow-y: scroll; }
a:hover, a:active { outline: none; }
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }

sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }

::-moz-selection{ background: #000; color:#fff; text-shadow: none; }
::selection { background:#000; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #000; }

button { width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

body, select, input, textarea {  color: #444; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
a, a:active, a:visited { color: #444; }
a:hover { color: #000; }



/*
 * Misc
 * --------------------------------------------- */
 
.qmmc li.qmclear { display: none !important; }

/* Under Construction message */
h1#uc_msg {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 99999;
	padding: 5px 0;
	background-color: #555;
	color: #fff;
	border: 0;
	font-size: 12px;
	text-align: center;
	text-shadow: 1px 1px 0 #333;
}
span#uc_padtop {
	display: block;
	height: 25px;
}

.rnd_all {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.rnd_top {
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
}
.rnd_bot {
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.chrome {
	background-image: url(../gfx/bkg-btn-chrome.png);
	background-repeat: repeat-x;
	background-position: left;
	background-color: #fff;
	color: #000;
}
/*.chrome:hover, .chrome:focus {
	color: #0082c8;
}*/
input.chrome, button.chrome {
	width: auto;
	padding: 0.25em 1em;
	overflow: visible;
	cursor: pointer;
	outline: 0;
	border: 1px solid #ccc;
}
.bgfade {
	background-image: url(../gfx/bkg-fade-5x200.png);
	background-repeat: repeat-x;
	background-position: left;
}
.infobox {
	background-color: #DDEDFF;
	color: #036;
	font-weight: bold;
	padding: 1em;
}
.infobox a.infobox_close {
	float: right;
	font-weight: normal;
}
.alert {
	background-image: url(../gfx/icon_alert_sm.png);
	background-repeat: no-repeat;
	background-position: 0.75em 0.5em;
	background-color: #FC3;
	color: #911;
	font-size: 11px;
	font-weight: normal;
	padding: 0.5em 0.5em 0.5em 30px;
}

/* ajax loading / lightbox */
.loading-bg {
	display: NONE;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 98;
	/*filter:alpha(opacity=50);
	-moz-opacity:.50;
	-webkit-opacity:.50;
	opacity:.50;
	background-color: #fff;*/
	text-align: center;
	vertical-align: center;
}
.loading-win {
	display: NONE;
	position: absolute;
	top: 33% !important;
	left: 28% !important;
	z-index: 99;
	overflow: hidden;
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: 2em;
	background-color: #eee;
	background-position: 0 0;
	color: #000;
	border: 2px solid #eee;
	text-align: center;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 0 1em #555;
	-moz-box-shadow: 0 0 1em #555;
	box-shadow: 0 0 1em #555;
}
.loading-win img { float: left; margin-right: 10px; }
.popup-bg {
	display: NONE;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 98;
	visibility:hidden;
	background-color: black;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	-webkit-opacity:.50;
	opacity:.50;
}
.popup-win {
	display: NONE;
	position: absolute;
	z-index: 99;
	visibility: hidden;
	background-color: #fff;
	border: 1px solid #000;
}
.popup-header {
	padding: 5px;
	background-color: #eee;
	color: #000;
	font-weight: bold;
}
.popup-desc {
	padding: 5px;
	font-size: 11px;
	background-color: #eee;
	color: #000;
}
.popup-results { height: 100%; }
.popup-close {
	padding: 3px;
	background-color: #eee;
	text-align: right;
}
.popup-close a { font-size: 11px; }
.popup-search {  }

/* textarea resizing */
td.resize-n, td.resize-e, td.resize-s, td.resize-w,
td.resize-ne, td.resize-nw, td.resize-se, td.resize-sw {
	padding: 1px; }

/* Show Page Info */
button#toggleShowPageInfo {
	position: absolute;
	z-index: 999999;
	top: 15px;
	left: 15px;
	background-color: #000;
	color: #fff;
	border: 1px solid #000;
	padding: 2px 6px;
	font-size: 11px;
	font-family: "Segoe UI", Arial, sans-serif;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
#showPageInfo {
	position: absolute;
	z-index: 999998;
	top: 0;
	right: 0;
	left: 0;
	width: 100%;
	padding: 0 0 15px 0;
	overflow: hidden;
	opacity: 0.9;
	font-size: 11px;
	background-color: #ccc;
	color: #000;
	border-bottom: 2px solid #000;
	text-shadow: 1px 1px 0 #eee;
	box-shadow: 0 0 20px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 20px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.5);
}

#showPageInfo table#showPageInfoTable {
	width: 48%;
	float: left;
	margin-top: 15px;
}
#showPageInfo table#showPageInfoTable td {
	vertical-align: top;
	padding: 2px 5px;
	font-size: 11px;
}
#showPageInfo table#showPageInfoTable td.pageInfoLabel {
	text-align: right;
	font-weight: bold;
	width: 185px;
}
#showPageInfo font {
	display: block;
	float: left;
	margin: 15px;
	width: 48%;
	min-width: 500px;
	line-height: 1.6;
	text-align: center;
}



/*
 * Slideshow Defaults
 * --------------------------------------------- */
.slideshow {
	position: relative;
	/*float: left;*/
	width: 715px;
	height: 400px;
	overflow: hidden;
	margin:0px;
	list-style:none; }
	.slideshow ul.slide_items {
		height: 400px;
		margin: 0;
		padding: 0;
		list-style:none;
		background: #58595C;
		color: #fff; }
		.slideshow ul.slide_items li {
			display: none;
			width: 715px;
			height: 400px;
			overflow: hidden;
			margin: 0;
			padding: 0;
			list-style: none; }
			.slideshow ul.slide_items li img {
				display: block;
				margin-left: auto;
				margin-right: auto; }
			.slideshow ul.slide_items li .slide_text {
				display: block;
				padding: 40px;
				color: #000; }
				.slideshow ul.slide_items li .slide_text a {
					color: #fff; }
				.slideshow ul.slide_items li .slide_text h1.slide_title {
					font-size: 27px; }
				.slideshow ul.slide_items li .slide_text div.slide_desc {
					width: 500px;
					font-size: 14px; }
	.slideshow ul.slide_pager {
		position: absolute;
		z-index: 9;
		bottom: 20px;
		right: 20px;
		margin: 0;
		padding: 0; }
		.slideshow ul.slide_pager li {
			float: left;
			display: inline;
			margin-right: 5px; }
			.slideshow ul.slide_pager li a {
				display: block;
				height: 23px;
				overflow: hidden;
				line-height: 23px;
				margin: 2px;
				color: #fff;
				font-weight: normal;
				text-decoration: none;
				text-align: center; }
			.slideshow ul.slide_pager li a.activeSlide {
				color: #fff;
				font-weight: bold; }
	.slideshow ul.slide_nav {
		position: absolute;
		z-index: 9;
		bottom: 20px;
		left: 20px;
		margin: 0;
		padding: 0;
		list-style:none; }
			.slideshow ul.slide_nav li {
				float: left;
				display: inline;
				margin-right: 10px; }
					.slideshow ul.slide_nav li a {
						text-decoration:none;
						color: #fff; }

body.interior .slideshow { margin: -30px 0 30px -30px; }

/*
 * Home Page
 * ------------------------------------------------------------- */
body.home .slideshow { margin-bottom: 5px; }
body.home .wpc_page_content {
	background: #fff;
	margin-bottom: 5px;
	padding: 20px; }

#wpc_featured_products { 
	clear: both;
	overflow: hidden;
	margin-bottom: 5px;
}
#wpc_featured_products h4 { display: none; }
.specials_item {
	float: left;
	display: inline;
	margin: 0 5px 5px 0;
	width: 355px;
	height: 240px;
	overflow: hidden;
	background: #777;
}
.specials_item:nth-child(3),
.specials_item:nth-child(5),
.specials_item:nth-child(8),
.specials_item:nth-child(10),
.specials_item:nth-child(13),
.specials_item:nth-child(15),
.specials_item:nth-child(18),
.specials_item:nth-child(20),
.specials_item:nth-child(23),
.specials_item:nth-child(25) { margin-right: 0; }
#wpc_featured_products div.clearit {
	display: none;
}
.specials_item:hover,
.specials_item:active,
.specials_item:focus {
	 
}
.specials_item_inner { 
	position: relative;
	width: 100%;
	height: 100%;
}
.specials_img {
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 0;
}
.specials_img img { /*margin-top: -40px;*/ width: 100%; }
.specials_info {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 10px;
	height: 60px;
	line-height: 1;
	font-size: 13px;
	background-color: #fff;
	background-color: rgba(255,255,255,0.8);
	color: #000; }
.ie6 .specials_info,
.ie7 .specials_info {
	filter: alpha(opacity=80);
}
.ie8 .specials_info {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
}
.specials_nm { margin-bottom: 5px; text-transform: uppercase; font-weight: bold;}
.specials_nm a, .specials_nm a:hover { color: #000; text-decoration: none; font-weight: bold; }
.specials_price .sretail { float: left; margin-right: 5px; text-decoration: line-through; }
.specials_price .retail { font-weight: bold; color: #0082c8; font-size: 25px; }
.specials_searchfields, .specials_searchfields li {
	margin: 0;
	padding: 0;
	list-style: none; }
.specials_action { position: absolute; right: 0; bottom: 0; }
.specials_action a {
	float: left;
	padding: 0.5em 1em;
	background: #0082c8;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase; }
	

.specials_sku, .specials_ds { font-size: 11px;  }
.specials_cart { margin: 5px 0; }
input.specials_qtybox { width: 25px; text-align: center; vertical-align: middle; }
input.specials_cartbtn { margin-left: 5px; vertical-align: middle; }


/*
 * Primary Styling
 * ------------------------------------------------------------- */
html {
	/*background: #555 url(../gfx/page-bkg.jpg) repeat top;*/
	background: #555 url(../gfx/dark_wood.png) repeat top;
}
body {
	background: url(../gfx/shader-bkg-top.png) repeat-x top;
	color: #fff;
}
body,input,select,textarea,.ui-widget {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
h1,h2,h3,h4,h5,h6,p,ul,ol { margin-bottom: 1em; }
h1 { font-size: 29px; }
h2 { font-size: 27px; font-weight: normal; }
h3 { font-size: 21px; }
h4 { font-size: 21px; font-weight: normal; }
h5 { font-size: 17px; }
h6 { font-size: 14px; }


.boxshadow .shadow {
	-moz-box-shadow: 0 0 100px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 100px rgba(0,0,0,0.5);
	box-shadow: 0 0 100px rgba(0,0,0,0.5); }


#pagehead {
	clear: both;
	padding: 15px 0;
	background: #000;
	color: #0082c8; }
	#utilnav {
		width: 930px;
		margin: 0 auto;
		font-size: 86%;
		text-align: right;
		text-transform: uppercase; }
		#utilnav ul {  }
		#utilnav li {
			display: inline-block;
			position: relative;
			line-height: 1.6;
			vertical-align: top; }
		.ie6 #utilnav li, .ie7 #utilnav li { zoom: 1; display: inline; }
		#utilnav a {
			display: block;
			padding: 0 0.5em;
			text-decoration: none;
			color: #ccc; }
		#utilnav a:hover,
		#utilnav a:focus,
		#utilnav li:hover > a { color: #fff; }
		#utilnav a.sub {
			padding-right: 18px;
			background: url(../gfx/down-arrow.gif) no-repeat 96% 50%; }
		#utilnav li ul {
			display: none;
			position: absolute;
			left: -10px;
			width: 140px;
			padding: 10px;
			text-align: left;
			background: #000; }
		#utilnav li ul li { display: block; margin-bottom: 0.2em; }
		#utilnav li:hover ul { display: block; }


#pagemain { width: 930px; margin: 0 auto; }
	#contenthead {  }
		#logo {
			float: left;
			display: inline;
			width: 215px;
			margin: 0;
			padding: 0; }
			#logo a {
				width: 215px;
				height: 160px;
				background: url(../gfx/logo.png) no-repeat 50% 0px; }
		#mast {
			float: left;
			display: inline;
			width: 715px; }
			.mast-right { float:right; clear:right; }
			.mast-bbb { margin-right:9px; }
			#cartmini { overflow: hidden; margin-bottom: 10px; }
				#cartmini .container {
					float: right;
					width: 300px;
					line-height: 3;
					text-align: left;
					text-indent: 40px;
					background: #0082c8 url(../gfx/cart.png) no-repeat 15px 50%;
					color: #fff; }
				#cartmini a {
					text-decoration: none;
					color: #fff; }
				#cartmini a:hover, #cartmini a:focus { color: #FF9; }
			.mast-bbb { float:right; } 
			#contentsearch { overflow: hidden; }
				#contentsearch form {
					float: right;
					width: 300px; }
					#searchwords { 
						float: left;
						width: 270px;
						height: 26px;
						margin-right: 4px;
						padding: 0;
						background: #fff;
						color: #777;
						border: 4px solid #fff;
						-moz-box-sizing: border-box;
						-webkit-box-sizing: border-box;
						box-sizing: border-box; }
					.ie7 #searchwords {
						width: 258px;
						height: 14px;
						border-width: 6px; }
					.ie8 #searchwords { border-width: 5px; }
					#searchgo {
						width: 26px;
						height: 26px;
						padding: 0;
						background: #0082c8 url(../gfx/search.png) no-repeat 50% 50%;
						color: #fff;
						border: 0; }
					.ie7 #searchgo {
						font-size: 0;
						color: #0082c8;
						text-align: right;
						text-indent: 0; }
			#contentnav { text-align: center; text-shadow: 1px 1px 3px #444; clear:right; }
				#contentnav ul { padding-top: 40px; }
				#contentnav li { display: inline-block; margin: 0 15px; }
				.ie6 #contentnav li, .ie7 #contentnav li { zoom: 1; display: inline; }
				#contentnav a {
					display: block;
					padding: 0.5em 1em;
					font-weight: bold;
					text-decoration: none;
					text-transform: uppercase;
					color: #fff; }
				#contentnav a:hover, #contentnav a:focus { color: #0082c8; }

	#contentside {
		float: left;
		display: inline;
		width: 215px; }
		#productnav { text-shadow: 0 -1px 0 #777; }
			#productnav ul {  }
			#productnav li {  }
			#productnav a {
				display: block;
				padding: 0.8em 1em;
				text-decoration: none;
				text-transform: uppercase;
				background: #58595c;
				color: #fff; }
			#productnav li:nth-child(2n) a { background: #9b9ea6; }
			#productnav li a:hover, #productnav li a:focus {
				background: #0082c8;
				color: #fff;
				text-shadow: none; }
		form#ccoptin {
			margin: 20px 0;
			padding: 10px 15px 20px 15px;
			background: #0082c8;
			color: #fff;
			font-size: 90%; }
			form#ccoptin p { margin: 0 0 .75em 0; }
			form#ccoptin input.ccemail {
				width: 133px;
				font-size: 13px;
				background: #fff;
				color: #444;
				border: 2px solid #fff; }
			form#ccoptin input.ccsubmit {
				background: #fff;
				color: #0082c8;
				font-weight: bold;
				border: 2px solid #fff; }
		.lr-form {
			margin: 20px 0;
			clear:both;
			padding:6px 15px;
			text-align:center;
			background: #0082c8;
			color: #fff;
			font-size: 90%; }
			.lr-form p { margin:0px; }
		.lr-social { overflow:hidden; }
		.lr-social a {
			float:left;
			margin-right:6px;
		}
		.lr-social img { float:left; }
	#contentmain {
		float: left;
		display: inline;
		width: 715px;
		min-height: 400px;
		margin-bottom: 5px;
		background: #fff;
		color: #444; }
	body.home #contentmain { background: transparent; }
		#contentmain .container {
			width: 655px;
			margin: 0 auto;
			padding: 30px 0; }
		body.home #contentmain .container { width: 715px; padding: 0; }


#pagefoot {
	width: 930px;
	margin: 0 auto;
	color:#ccc; }
	#pagefoot a { color: #ccc; }
	#pagefoot a:hover,
	#pagefoot a:focus { color: #fff; }
	#pagefoot .cols {
		overflow: hidden;
		margin-left: 215px;
		background: #000;
		color: #ccc;
		font-size: 90%;
		line-height: 1.6; }
		#pagefoot .cols > li {
			float: left;
			display: inline;
			padding: 20px 15px 20px 0; }
		#pagefoot address { margin-right: 20px; padding-left: 20px; font-style: normal; }
		#footernav {
			width: 300px;
			margin-bottom: 40px;
			font-size: 96%;
			text-align: right; }
			#footernav ul {  }
			#footernav li { display: inline-block; }
			.ie6 #footernav li, .ie7 #footernav li { zoom: 1; display: inline; }
			#footernav a {
				display: block;
				padding: 0.2em 0.5em;
				text-decoration: none;
				text-transform: uppercase; }
		#fineprint { display: block; font-size: 10px; text-align: right; color: #ccc; }
			#fineprint p { margin: 0; }
			#fineprint a { text-decoration: none; }




.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


@media all and (orientation:portrait) {

}

@media all and (orientation:landscape) {

}

@media screen and (max-device-width: 480px) {

  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}


@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } 
  a, a:visited { color: #444 !important; text-decoration: underline; }
  /*a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }*/  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}