/* Pull in the subpage styles */
@import url(blocks/sake.css);


/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */


/* =============================================================================
   HTML5 element display
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Force vertical scrollbar in non-IE
 * 3. Remove Android and iOS tap highlight color to prevent entire container being highlighted
 *    www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/
 * 4. Prevent iOS text size adjust on device orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 * 5. The basic resets.
 */

html { font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 13px; line-height: 1.231; }

body, button, input, select, textarea { font-family: sans-serif; color: #222; }

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, figure, footer, header, 
hgroup, menu, nav, section, menu,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
} 

/* 
 * These selection declarations have to be separate
 * No text-shadow: twitter.com/miketaylr/status/12228805301
 * Also: hot pink!
 */

::-moz-selection { background: #03447A; color: #fff; text-shadow: none; }
::selection { background: #03447A; color: #fff; text-shadow: none; }

/* =============================================================================
   Links
   ========================================================================== */

/* a, a:visited { color: #0000CC; } */
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; display: inline-block; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 0.5em 0; padding: 0; }
dd { margin: 0 0 0 1em; }
nav ul, nav ol { list-style: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * Improve image quality when scaled in IE7
 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img { border: 0; -ms-interpolation-mode: bicubic; }

/*
 * Correct overflow displayed oddly in IE9 
 */

svg:not(:root) {
    overflow: hidden;
}

/*
 * Indicate print links with printer icon
 */
a[rel~=print]:before {
	content: "";
	display: inline-block;
	height: 16px;
	width: 18px;
	background: transparent url(image/icon-print.gif) no-repeat left top;
	vertical-align: middle;
}

/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input { line-height: normal; *overflow: visible; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

/* 
 * Remove inner padding and border in FF3/4
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ 
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* Remove default vertical scrollbar in IE6/7/8/9 */
textarea { overflow: auto; vertical-align: top; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

/*
 * Sometimes you just want to be sure your placeholder text isn't mistaken for real text.
 * http://css-tricks.com/snippets/css/style-placeholder-text/
 */

::-webkit-input-placeholder { color: #AAAAAA; }
:-moz-placeholder { color: #AAAAAA; }
:-ms-input-placeholder { color: #AAAAAA; }

/*
 * Since iOS and others don't always remove placeholder on focus
 * http://css-tricks.com/snippets/css/style-placeholder-text/#comment-121251
 */
:focus::-webkit-input-placeholder {	color: transparent; }
:focus:-moz-placeholder { color: transparent; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }


/* =============================================================================
   Columnar Layouts
   ========================================================================== */

.two-col {
	-moz-column-count: 2;
	-moz-column-gap: 2em;
	-webkit-column-count: 2;
	-webkit-column-gap: 2em;
	column-count: 2;
	column-gap: 2em;
}
.three-col {
	-moz-column-count: 3;
	-moz-column-gap: 1.5em;
	-webkit-column-count: 3;
	-webkit-column-gap: 1.5em;
	column-count: 3;
	column-gap: 1.5em;
}
.four-col {
	-moz-column-count: 4;
	-moz-column-gap: 1em;
	-webkit-column-count: 4;
	-webkit-column-gap: 1em;
	column-count: 4;
	column-gap: 1em;
}


/* =============================================================================
   Custom Fonts
   ========================================================================== */

@font-face {
	font-family: 'FnT_BasicShapes1Normal';
	src: url('_fonts/fnt_bs-webfont.eot');
	src: url('_fonts/fnt_bs-webfont.eot#iefix') format('embedded-opentype'),
		 url('_fonts/fnt_bs-webfont.woff') format('woff'), 
		 url('_fonts/fnt_bs-webfont.ttf') format('truetype'), 
		 url('_fonts/fnt_bs-webfont.svg#webfontN3G4htFa') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* =============================================================================
   Basic CCI Helper Classes
   ========================================================================== */

.clear {
	clear: both;
}
.clearLeft {
	clear: left;
}
.clearRight {
	clear: right;
}
.onepx {
	display: block;
	height: 1px;
	width: 1px;
	font: normal 1px/1px sans-serif;
}
.block {
	display: block;
}
.inline-block {
	display: inline-block;
}
.clean-bg {
	-moz-background-clip: padding; 
	-webkit-background-clip: padding-box; 
	background-clip: padding-box;
}
.printOnly {
	display: none;
}
.help {
	cursor: help;
}
.centered {
	text-align: center;
}
.caps {
	text-transform: uppercase;
}
.small-caps {
	font-variant: small-caps;
}

span.placeholder {
	display: none;
}

a[rel~=print]:before {
	content: "";
	display: inline-block;
	height: 16px;
	width: 18px;
	background: transparent url(image/icon-print.gif) no-repeat left top;
	vertical-align: middle;
}


/* =============================================================================
   Site styles.
   CCI Custom Site Styles go here
   ========================================================================== */


/* ===== STANDARD BUTTON STYLES ===== */

a.quickView,
button.quickView,
input.quickView {
	display: inline-block;
	height: auto;
	width: auto;
	margin: 0 auto;
	padding: 0.4em 0.5em;
	color: #555 !important;
	font-weight: bold;
	text-decoration: none;
	
	border: thin solid #999;

	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;			
	
	-moz-box-shadow: 0 0 3px rgba(60,60,60,0.6);
	-webkit-box-shadow: 0 0 3px rgba(60,60,60,0.6);
	-o-box-shadow: 0 0 3px rgba(60,60,60,0.6);
	box-shadow: 0 0 3px rgba(60,60,60,0.6);
	
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* W3C */
}

a.quickView:hover,
button.quickView:hover,
input.quickView:hover {
	background: #fefefe; /* Old browsers */
	background: -moz-linear-gradient(top, #fefefe 0%, #efefef 51%, #dfdfdf 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(51%,#efefef), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fefefe 0%,#efefef 51%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fefefe 0%,#efefef 51%,#dfdfdf 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #fefefe 0%,#efefef 51%,#dfdfdf 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#dfdfdf',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #fefefe 0%,#efefef 51%,#dfdfdf 100%); /* W3C */
}

a.quickView:active,
button.quickView:active,
input.quickView:active {
	color: #FFF !important;
	
	-moz-text-shadow: 0 -1px 1px rgba(60,60,60,0.6);
	-webkit-text-shadow: 0 -1px 1px rgba(60,60,60,0.6);
	-o-text-shadow: 0 -1px 1px rgba(60,60,60,0.6);
	text-shadow: 0 -1px 1px rgba(60,60,60,0.6);
	
	background: #b5bdc8; /* Old browsers */
	background: -moz-linear-gradient(top, #b5bdc8 0%, #93979b 50%, #70797f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5bdc8), color-stop(50%,#93979b), color-stop(100%,#70797f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #b5bdc8 0%,#93979b 50%,#70797f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #b5bdc8 0%,#93979b 50%,#70797f 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #b5bdc8 0%,#93979b 50%,#70797f 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#70797f',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #b5bdc8 0%,#93979b 50%,#70797f 100%); /* W3C */
}


/* ===== POPUP STYLES ===== */

body.popup {
	background: white;
}
body.popup>#container {
	width: auto;
	padding: 0;
}
body.popup>#container>#pageContent {
	float: none;
	width: auto;
	padding: 0;
	background: white;
}


/* ===== AUTOCOMPLETE STYLES ===== */

body div.autocomplete {
	line-height: 140%;
	padding: 0.25em;
	background: #FFF;
	border: 1px solid #666;
	text-align: left;
}
	div.autocomplete>div {
		padding: 0.2em 0;
	}
	div.autocomplete>div.selected {
		color: #03447A;
		background: #DFDFDF;
	}


/* ============== PAGE STYLES ============== */

body {
	text-align: center;
	font: normal 12px/100% Arial, Helvetica, sans-serif;
	color: #666;
	background: #efefef;
	position: relative;
	padding-top: 4em;
}

#static {
	position: fixed;
	top: 0;
	left: 0;
	height: 4em;
	width: 100%;
	margin: 0;
	z-index: 99999;
	
	color: white;
	background: #A0B9CD; /* Old browsers */
	background: -moz-linear-gradient(bottom, #A0B9CD 0%, #255E7C 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#A0B9CD), color-stop(100%,#255E7C)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(bottom, #A0B9CD 0%, #255E7C 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(bottom, #A0B9CD 0%, #255E7C 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(bottom, #A0B9CD 0%, #255E7C 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#255E7C', endColorstr='#A0B9CD', GradientType=0 ); /* IE6-9 */
	background: linear-gradient(bottom, #A0B9CD 0%, #255E7C 100%); /* W3C */
	
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.4); 
	-o-box-shadow: 0 0 3px rgba(0,0,0,0.4); 
	-ms-box-shadow: 0 0 3px rgba(0,0,0,0.4); 
	box-shadow: 0 0 3px rgba(0,0,0,0.4); 
}
	#static .inner {
		position: relative;
		height: 2em;
		width: 968px;
		margin: 0 auto;
		padding: 1em 0;
		text-align: left;
	}
	
	#static .miniCart {
		float: right;
		font-size: 125%;
	}
		#static .miniCart * {
			line-height: 2em;
		}
		#static .miniCart a.cart:after {
			content: "";
			display: inline-block;
			height: 21px;
			width: 26px;
			margin: 0 1em;
			padding: 0;
			vertical-align: text-bottom;
			background: url('/image/dropdowns/cart.png');
		}
		#static .miniCart a.checkout {
			display: inline-block;
			margin-left: 1em;
			background: url('/image/dropdowns/checkout.png');
			height: 24px;
			width: 117px;
			text-indent: -999em;			
		}
		#static .miniCart #cartQuantity,
		#static .miniCart:hover #cartPrice {
			display: inline-block;
		}
		#static .miniCart #cartPrice,
		#static .miniCart:hover #cartQuantity {
			display: none;
		}
	
	#static a,
	#helpPanel a {
		font-weight: bold;
		color: white;
		text-decoration: none;
		line-height: 2em;
	}
	#static .helpArea {
		float: left;
		min-width: 17.5em;
		margin: -1em 0;
		padding: 1em 0;
		position: relative;
	}
	#static a.help {
		display: block;
		height: 100%;
		font-size: 125%;
	}
		#static a.help:before {
			content: "";
			position: relative;
			top: 0;
			left: 0.75em;
			display: inline-block;
			height: 0;
			width: 0;
			vertical-align: text-top;
			margin-right: 1.5em;
			border-style: solid;
			border-width: 8px 0 8px 16px;
			border-color: transparent transparent transparent #03447A;
		}
		#static .helpArea:hover a.help:before,
		#static .helpArea:focus a.help:before,
		#static a.help:hover:before,
		#static a.help:focus:before {
			top: 0.1em;
			left: 0.5em;
			border-width: 16px 8px 0 8px;
			border-color: #03447A transparent transparent transparent;
		}
	
	#helpPanel {
		display: none;
		position: absolute;
		left: -2px;
		top: 4em;
		width: 17.5em;
		margin: 0;
		padding: 1.25em 1em;
		background: #03447A;
		border: 2px solid #A0B9CD;
		border-top-width: 0;
		border-top-color: transparent;
		color: white;
			
		transition: all 0.6s ease-in-out;
		-moz-transition: all 0.6s ease-in-out;
		-webkit-transition: all 0.6s ease-in-out;
		-o-transition: all 0.6s ease-in-out;
		-ms-transition: all 0.6s ease-in-out;
	}
		.gt-ie8 #static .helpArea:hover #helpPanel,
		.gt-ie8 #static .helpArea:focus #helpPanel,
		.gt-ie8 #static a.help:hover+#helpPanel,
		.gt-ie8 #static a.help:focus+#helpPanel,
		.gt-ie8 #static a.help:active+#helpPanel {
			display: block;
		}
		
		#helpPanel a,
		#helpPanel p {
			font-size: 110%;
			line-height: 120%;
			margin-left: 15%;
		}
		.lt-ie9 #helpPanel a,
		.lt-ie9 #helpPanel p {
			margin: 0;
		}
		#helpPanel a {
			display: inline-block;
			font-size: 120%;
			line-height: 130%;
		}
		#helpPanel a.phone {
			font-size: 150%;
			line-height: 150%;
		}
			#helpPanel a.phone:before,
			#helpPanel a.support:before {
				content: "";
				display: inline-block;
				background-image: url('image/dropdowns/phone.png');
				height: 32px;
				width: 27px;
				margin-top: 5px;
				vertical-align: text-top;
				position: absolute;
				left: 10px;
			}
			#helpPanel a.support:before {
				background-image: url('image/dropdowns/pointer.png');
				height: 30px;
				width: 23px;
				margin-top: -5px;
				left: 13px;
			}
	
	

#container {
	width: 968px;
	margin: 0 auto;
	padding: 0 4px;
	text-align: left;
	background: #fff;
	z-index: 0;
}

	#tagline {
		padding: 0.75em 1em;
		line-height: 2em;
	}
		#tagline .watchdog {
			color: #157435;
			text-decoration: none;
			font-weight: bold;
		}
		
		#tagline #quickSignup {
			float: left;
		}
			#quickSignup label {
				color: #666;
				font-weight: bold;
			}
			#quickSignup label input {
				margin-left: 0.5em;
			}
			#quickSignup input[type=submit] {
				background: transparent url('/image/dropdowns/email.jpg') no-repeat center center;
				border: none;
				text-indent: -999em;
				min-width: 30px;
				min-height: 16px;
			}
			
	#header {
		/*background: transparent url('/image/headerExt.png') no-repeat center top;*/
		position: relative;
		z-index: 75;
		
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-topright: 10px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	
		background: #3B7099; /* Old browsers */
		background: -moz-linear-gradient(top, #014479 0%, #3B7099 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#014479), color-stop(100%,#3B7099)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #014479 0%,#3B7099 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #014479 0%,#3B7099 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, #014479 0%,#3B7099 100%); /* IE10+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#014479', endColorstr='#3B7099',GradientType=0 ); /* IE6-9 */
		background: linear-gradient(top, #014479 0%,#3B7099 100%); /* W3C */
	}
		
		#printOnlyHeader {
			display: none;
		}
		
		#topRow a.logo {
			float: left;
			padding: 0.5em;
			margin-right: 2em;
		}
		#topRow h1 {
			font-size: 255%;
			color: white;
			padding-top: 1.25em;
		}
		#topRow h2 {
			font-size: 170%;
			line-height: 115%;
			padding-top: 0.65em;
			color: #A0B9CD;
		}
		
		#topNav {
			border-top: 1px solid white;
			border-bottom: 1px solid white;
			font-size: 12px;
			z-index: 80;
		}
		
		#topNav ul.top {
			display: block;
			list-style: none;
			background: #F8D637;
			position: relative;
			font-size: 12px;
			z-index: 85;
		}
		#topNav ul.top>li {
			float: left;
			margin: 0;
			padding: 0;
			font-size: 12px;
			z-index: 90;
		}
		#topNav ul.top a.caps {
			display: block;
			height: 100%;
			margin: -1px 0;
			padding: 0.7em 1.6em;
			
			color: #03447A;
			background: #F8D637;
			border: 1px solid white;
			border-left-width: 0;
			
			text-decoration: none;
			font-weight: bold;
			font-size: 16px;
		}
			#topNav ul.top li:last-child a.caps {
				border-right-width: 0;
			}
			#topNav ul.top li:hover a.caps,
			#topNav ul.top li:focus a.caps,
			#topNav ul.top li a.caps:hover,
			#topNav ul.top li a.caps:focus,
			#topNav ul.top li a.caps:active {
				background: white;
			}
		#topNav ul.top .megadrop {
			display: none;
			position: absolute;
			top: 3.2em;
			left: 0;
			padding: 0 0.5em;
			z-index: 99999;
			background: white;
			
			-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.6);
			-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.6);
			-o-box-shadow: 0 2px 5px rgba(0,0,0,0.6);
			-ms-box-shadow: 0 2px 5px rgba(0,0,0,0.6);
			box-shadow: 0 2px 5px rgba(0,0,0,0.6);
			
			transition: all 0.6s ease-in-out;
			-moz-transition: all 0.6s ease-in-out;
			-webkit-transition: all 0.6s ease-in-out;
			-o-transition: all 0.6s ease-in-out;
			-ms-transition: all 0.6s ease-in-out;
		}
			#topNav ul.top .megadrop.right {
				left: auto;
				right: 0;
			}
			#topNav ul.top .megadrop.right2 {
				left: auto;
				right: 200;
			}
			.gt-ie7 #topNav ul.top li:hover .megadrop,
			.gt-ie7 #topNav ul.top li:focus .megadrop,
			.gt-ie7 #topNav ul.top li a.caps:hover+.megadrop,
			.gt-ie7 #topNav ul.top li a.caps:focus+.megadrop,
			.gt-ie7 #topNav ul.top li a.caps:active+.megadrop {
				display: block;
			}
			#topNav .megadrop .col-one,
			#topNav .megadrop .col-two,
			#topNav .megadrop .col-three {
				float: left;
				padding: 1.5em;
				position: relative;
				z-index: 105;
			}
			#topNav .megadrop .col-two,
			#topNav .megadrop .col-three {
				padding-left: 3.5em;
			}
			#topNav .megadrop .col-three,
			#topNav .megadrop .suggest {
				min-width: 22em;
				text-align: left;
			}
			#topNav .megadrop .suggest {
				clear: right;
				padding-top: 1.5em;
				line-height: 140%;
			}
				#topNav .megadrop .suggest:first-child {
					padding-top: 0;
				}
			#topNav .megadrop * {
				font-size: 105%;
				line-height: 140%;
				color: #03447A;
				text-decoration: none;
			}
			#topNav .megadrop h2,
			#topNav .megadrop h3 {
				font-size: 125%;
				line-height: 100%;
				padding-bottom: 0.25em;
			}
			#topNav .megadrop ul {
				list-style: disc outside none;
				margin-left: 1.1em;
				color: #03447A;
				line-height: 130%;
			}
			#topNav .megadrop a.red {
				color: red;
			}
			#topNav .megadrop a:hover,
			#topNav .megadrop a:hover *,
			#topNav .megadrop a:focus,
			#topNav .megadrop a:focus * {
				color: #BD6D00;
				text-decoration: underline;
			}
			#topNav .megadrop .col-three a.thumb {
				float: right;
				padding-left: 0.75em;
			}
			#topNav .megadrop .col-three img.thumb {
				border: 1px solid #03447A;
			}
			#topNav .megadrop .col-three a.thumb:hover img.thumb,
			#topNav .megadrop .col-three a.thumb:focus img.thumb,
			#topNav .megadrop .col-three img.thumb:hover,
			#topNav .megadrop .col-three img.thumb:focus {
				border-color: #BD6D00;
			}

	
		h3.sectionHeader {
			color: #666;
			font: normal 20px/54px Arial, Helvetica, sans-serif;
			background: transparent url(image/blankpane.png) no-repeat left top;
			height: 54px;
			padding-left: 20px;
		}
		
	
	#preFooter {
		background: transparent url(image/blankpane.png) no-repeat left bottom;
		position: relative;
		padding-bottom: 25px;
	}
	
		#helpLinks {
			display: block;
			padding: 20px 0 0 20px;
			list-style: none;
			background: transparent;
		}
			#helpLinks a {
				color: #666;
				text-decoration: none;
				background: transparent;
			}
				#helpLinks a:hover,
				#helpLinks a:focus,
				#helpLinks a:active {
					text-decoration: underline;
					background: transparent;
				}
				

		#footerFeatures li {
			float: left;
		}
			#footerFeatures li a {
				display: block;
				text-decoration: none;
				margin-right: 15px;
			}
		#connections {
			float: left;
			padding: 0 20px;
		}	
		#connectHeader {
			font: bold 16px/100% Arial, Helvetica, sans-serif;
			color: #03447a;
			background: transparent;
			overflow: hidden;
		}
		
		#connectLinks {
			display: block;
			background: transparent;
		}
			
			#connectLinks li {
				float: left;
				background: transparent;
			}
			#connectLinks a.connection {
				display: block;
				width: 33px;
				height: 33px;
				margin: 1px;
				background: transparent url(image/connections.png) no-repeat 0% 0%;
				text-decoration: none;
				text-indent: -900em;
				overflow: hidden;
			}
			#connectLinks #connect1 {
				background-position: 0% 0%;
			}
			#connectLinks #connect2 {
				background-position: 33% 0%;
			}
			#connectLinks #connect3 {
				background-position: 66% 0%;
			}
			#connectLinks #connect4 {
				background-position: 100% 0%;
			}
			#connectLinks #connect1:hover,
			#connectLinks #connect1:focus {
				background-position: 0% 50%;
			}
			#connectLinks #connect2:hover,
			#connectLinks #connect2:focus {
				background-position: 33% 50%;
			}
			#connectLinks #connect3:hover,
			#connectLinks #connect3:focus {
				background-position: 66% 50%;
			}
			#connectLinks #connect4:hover,
			#connectLinks #connect4:focus {
				background-position: 100% 50%;
			}
			#connectLinks #connect1:active {
				background-position: 0% 0%;
			}
			#connectLinks #connect2:active {
				background-position: 33% 0%;
			}
			#connectLinks #connect3:active {
				background-position: 66% 0%;
			}
			#connectLinks #connect4:active {
				background-position: 100% 0%;
			}
		
		#footerFeatures .club {
			height: 65px;
			width: 106px;
			padding: 5px 0 1px;
			margin-top: 5px;
			margin-right: 20px;
			background: transparent url('/image/clubs.png') no-repeat left top;
		}
			#footerFeatures .club a {
				color: #03447A;
				font: bold 12px/13px Arial, Helvetica, sans-serif;
				padding-top: 53px;
				padding-left: 0.5em;
			}
			#footerFeatures .growingFriends {
				background-position: 50% 49%;									
			}
			#footerFeatures .specials {
				background-position: center 97%;
				margin-right: 12px;
			}
			#footerFeatures .landscape {
				background: transparent url('/image/dropdowns/landscape.png') no-repeat 0 -1px;
				text-indent: -900em;
				width: 125px;
			}
		
		#dailyQuote {
			width: 200px;
			position: absolute;
			top: 18px;
			right: 20px;
			background: transparent;
			overflow: hidden;
		}
		
			#dailyQuoteHeader {
				font: normal 18px/100% Arial, Helvetica, sans-serif;
				color: #bd6d00;
				background: transparent;
			}
			
			#dailyQuoteBody {
				padding-top: 36px;
				max-height: 72px;
				color: #666;
				background: transparent;
			}
				
				
/* =============== ORIGINAL PAGE STYLES =============== */
		
		#bottomRow {
			clear: both;
			display: block;
			width: 100%;	
			padding-top: 10px;	
			position: relative;	
		}
		
		#subNav {
			clear: both;
			width: 100%;
			height: 34px;
			padding-top: 10px;
			background: transparent url('image/header.png') no-repeat center bottom;
		}
			#navPlantSearch {
				display: block;
				float: left;
				padding: 0 23px 0 10px;
			}
				#navPlantSearch label {
					color: #666;
					font: bold 16px/100% Arial, Helvetica, sans-serif;
				}
				#navPlantSearch input[type="text"],
				#navPlantSearch input[type="search"] {
					width: 114px;
					height: 21px;
					padding: 0 6px;
					border: 1px solid #cfcfcf;
					color: #999;
					font: normal 12px/21px Arial, Helvetica, sans-serif;
				}
				#navPlantSearch input[type="submit"] {
					height: 23px;
					width: 30px;
					color: #FFF;
					text-indent: -900em;
					background: transparent url(image/gobuttons.png) no-repeat left top;
					border: none;
				}
					#navPlantSearch input[type="submit"]:hover,
					#navPlantSearch input[type="submit"]:focus,
					#navPlantSearch input[type="submit"]:active {
						background: transparent url(image/gobuttons.png) no-repeat right top;
					}
				#navPlantSearch a {
					color: #bd6d00;
					font: normal 14px/100% Arial, Helvetica, sans-serif;
					text-decoration: none;
				}
					#navPlantSearch a:hover,
					#navPlantSearch a:focus,
					#navPlantSearch a:active {
						text-decoration: underline;
					}
				
			#navZoneSearch {
				display: block;
				float: left;
			}
				#navZoneSearch label {
					color: #386e97;
					font: bold 16px/100% Arial, Helvetica, sans-serif;
					-moz-text-shadow: 0 1px 0 #FFF;
					-webkit-text-shadow: 0 1px 0 #FFF;
					text-shadow: 0 1px 0 #FFF;
				}
				#navZoneSearch input[type="text"] {
					width: 114px;
					height: 21px;
					padding: 0 6px;
					border: 1px solid #cfcfcf;
					color: #999;
					font: normal 12px/21px Arial, Helvetica, sans-serif;
					-moz-text-shadow: none;
					-webkit-text-shadow: none;
					text-shadow: none;
				}
				#navZoneSearch input[type="submit"] {
					height: 23px;
					width: 30px;
					color: #FFF;
					text-indent: -900em;
					background: transparent url(image/gobuttons.png) no-repeat left bottom;
					border: none;
				}
					#navZoneSearch input[type="submit"]:hover,
					#navZoneSearch input[type="submit"]:focus,
					#navZoneSearch input[type="submit"]:active {
						background: transparent url(image/gobuttons.png) no-repeat right top;
					}
					
				div.autocomplete-w1 div.autocomplete {
					overflow-y: auto;
					height: 350px;
				}
			
			#subNav p {
				color: #666;
				font: normal 12px/100% Arial, Helvetica, sans-serif;
				text-align: right;
				padding-top: 7px;
				padding-right: 18px;
			}
				#subNav p a {
					color: #666;
					text-decoration: none;
					-moz-text-shadow: 0 1px 0 #FFF;
					-webkit-text-shadow: 0 1px 0 #FFF;
					text-shadow: 0 1px 0 #FFF;
				}
				#subNav p a:first-child {
					color: #03447a;
				}
				#subNav p a:hover,
				#subNav p a:focus,
				#subNav p a:active {
					color: #03447a;
					text-decoration: underline;
				}
	
	#slider {
		width: 968px;
		height: 342px;
		position: relative;
		z-index: 15;
		overflow: hidden;
		background: transparent url(image/slider.jpg) no-repeat left bottom;
	}
		#slider div.sliderContents {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 342px;
			z-index: 30;
			background: transparent url(image/slide1.jpg) no-repeat 50% 50%;
		}
		#slider div.sliderContents.slider1 {
			height: 282px;
			width:430px;
			padding:40px 65px 20px 473px;
			display: none;
		}
			#slider img.slider1 {
				position: absolute; 
				top: 45px; 
				left: 91px;
			}
			.sliderContents.slider1 h2.sliderTitle {
				padding: 0; 
				font: normal bold 34px/120% Arial, Helvetica, sans-serif;
			}
			.sliderContents.slider1 h3.sliderSubTitle {
				padding: 0; 
				font: normal bold 28px/130% Arial, Helvetica, sans-serif; 
				color: #FFF;
			}
			.sliderContents.slider1 div.sliderText p,
			.sliderContents.slider1 div.sliderText ul {
				font: normal 18px/110% Arial, Helvetica, sans-serif; 
				color: #FFF;
			}
			.sliderContents.slider1 div.sliderText ul {
				list-style: disc outside none;
				margin-left: 1.1em;
			}			
			.sliderContents.slider1 div.sliderLink.slider1 {
				position: absolute; 
				top: 285px; 
				left: 473px; 
				font: normal bold 16px/110% Arial, Helvetica, sans-serif; 
				color: #03447A;
			}
				.sliderContents.slider1 div.sliderLink.slider1 a {
					display: block; 
					float: left; 
					margin-right: 0.5em; 
					margin-top: -0.3em; 
					width: 101px; 
					height: 42px; 
					background: transparent url(image/sliderLink.png) no-repeat left top;
					text-indent: -900em;
				}
				.sliderContents.slider1 div.sliderLink.slider1 a:hover,
				.sliderContents.slider1 div.sliderLink.slider1 a:focus {
					background-position: right top;
				}
			
		#slider #sliderLeft,
		#slider #sliderRight {
			display: block;
			/*
			height: 64px;
			width: 50px;
			font: normal 58px/100% "FnT_BasicShapes1Normal", "Wingdings 3";
			color: #FFF;
			-moz-text-shadow: 0 0 10px #000;
			-webkit-text-shadow: 0 0 10px #000;
			text-shadow: 0 0 10px #000;
			*/
			position: absolute;
			top: 132px;
			z-index: 50;
			outline: none;	
			text-decoration: none;
			
			/* new css-only triangle styles */
			height: 0;
			width: 0;
			border-width: 30px 40px;
			border-style: solid;
		}
		#slider #sliderLeft {
			/*left: 8px;*/
			
			/* new css-only triangle styles */
			left: -26px;
			border-color: transparent #FFF transparent transparent;
		}
		#slider #sliderRight {
			background-position: right top;
			/*right: 8px;*/
			
			/* new css-only triangle styles */
			right: -26px;
			border-color: transparent transparent transparent #FFF;
		}
		
		#slider #sliderControls {
			position: absolute; 
			right: 1.5em; 
			bottom: 1em; 
			padding: 0.2em;
			z-index: 75;
		}
			#sliderControls #advance {
				display: inline-block;
				padding: 0.2em 0.4em;
				border: thin solid #999;
				outline: none;
				font-weight: bold;
				text-align: center;
				text-decoration: none;
				text-transform: uppercase;
			}
	
	#featuredStuff {
		background: transparent url(image/blankpane.png) no-repeat left bottom;
		position: relative;
		z-index: 10;
		padding-bottom: 15px;
	}
	
		div.featuredItem {
			text-align: center;
			float: left;
			width: 21.5%;
			padding: 0 1.5%;
			border-right: 1px solid #999;
		}
		div.featuredItem.last {
			border: none;
		}
			div.featuredItem img {
				border: 1px solid #999;
				margin-bottom: 10px;
			}
			div.featuredItem p {
				font: normal 12px/120% Arial, Helvetica, sans-serif;
				color: #333;
			}
				div.featuredItem p em {
					font-style: normal;
					color: #cc6600;
					text-transform: uppercase;
				}
				div.featuredItem a.featuredLink {
					display: block;
					height: 17px;
					width: 72px;
					margin: 5px auto 0;
					text-indent: -900em;
					background: transparent url(image/featuredLink.png) no-repeat center top;
				}
					div.featuredItem a.featuredLink:hover,
					div.featuredItem a.featuredLink:focus {
						background-position: center 50%;
					}
					div.featuredItem a.featuredLink:active {
						background-position: center bottom;
					}
	
	#pageContentWrapper {
		z-index: 15;
	}
	
		#sidebar {
			float: left;
			width: 192px;
			padding: 20px;
			background: transparent url(image/sidebarTile.png) repeat-y center top;
			position: relative;
			z-index: 15;
		}
			
			#sidebar>h3 {
				font: normal bold 16px/120% Arial, Helvetica, sans-serif;
				padding-bottom: 0.3em;
			}
			#sidebar ul.pages {
				list-style: disc inside none;
			}
			#sidebar #sidebarCompanions {
				list-style: disc inside url(image/sidebarBullet.png);
				padding-bottom: 1em;
			}
				#sidebar #sidebarCompanions>li {
					font-size: 80%;
					font-weight: bold;
					color: #333;
				}
				#sidebar #sidebarCompanions > li.companionsHeader {
					list-style: none inside none;
					font: normal bold 12px/120% Arial, Helvetica, sans-serif;
				}
			#sidebar li {
				padding: 0.5em 0;
				list-style: none;
			}
			#sidebar a {
				font: normal bold 14px/120% Arial, Helvetica, sans-serif;
				color: #333;
				text-decoration: none;
			}
				#sidebar ul.categories {
					display: block;
				}
				#sidebar a:hover,
				#sidebar a:focus,
				#sidebar li a.currentLink {
					color: #bd6d00;
				}
				#sidebar a span.openView {
					font-weight: normal;
				}
				
				#sidebar li ul {
					display: none;
				}
				#sidebar li.current ul,
				#sidebar li ul.current {
					display: block;
				}
				#sidebar li li {
					padding: 0.7em 0 0 1em;
				}
					#sidebar li li:hover,
					#sidebar li li:focus,
					#sidebar li li.current {
						background: transparent url(image/sidebarCurrent.gif) no-repeat 0 13px;
					}
						#sidebar li li:hover a,
						#sidebar li li:focus a,
						#sidebar li li.current a {
							color: #bd6d00;
						}
                            #sidebar li li:hover li a,
                            #sidebar li li:focus li a,
                            #sidebar li li.current li a {
                                color: #333;
                            }
                                #sidebar li li li:hover a,
                                #sidebar li li li:focus a {
                                    color: #bd6d00;
                                }
					#sidebar li li a {
						font-weight: normal;
					}
			
			#sidebar #recentlyViewed {
				text-align: center;
				margin: 0 auto;
			}
				#sidebar #recentlyViewed img {
					border: 1px solid #FFF;
					float: left;
					margin: 0 2px 2px 0;
				}
			
			#sidebar span.startPane {
				position: absolute;
				display: block;
				top: 0;
				left: 0;
				height: 10px;
				width: 100%;
				background: transparent url(image/sidebarTile.png) no-repeat left top;
			}
			
			#sidebar span.endPane {
				display: block;
				clear: both;
				margin: 1em -20px 0;
				height: 10px;
				background: transparent url(image/sidebarTile.png) no-repeat right bottom;
			}
	
		#pageContent {
			float: right;
			width: 690px;
			padding: 0 20px 20px;
			background: transparent url(image/contentPaneTile2.png) repeat-y right top;
			font: normal 12px/120% Verdana, Geneva, Arial, Helvetica, sans-serif;
			color: #000;
			position: relative;
			z-index: 15;
		}
		
			#pageContent span.startPane {
				display: block;
				clear: both;
				margin: 0 -20px;
				padding-bottom: 1em;
				height: 10px;
				background: transparent url(image/contentPaneTile2.png) no-repeat center top;
			}
		
			#pageContent span.endPane {
				position: absolute;
				bottom: 0;
				display: block;
				clear: both;
				margin: 0 -20px;
				padding-top: 1em;
				height: 10px;
				width: 100%;
				background: transparent url(image/contentPaneTile2.png) no-repeat left bottom;
			}
			
			#pageContent form input[type=text],
			#pageContent form input[type=email],
			#pageContent form input[type=tel],
			#pageContent form input[type=number],
			#pageContent form input[type=password] {
				color: #777;
			}
	
	#footer {
		color: #000;
		font: normal 11px/100% Arial, Helvetica, sans-serif;
		padding-bottom: 5px;
		z-index: 10;
	}
		
		#footer a {
			color: #000;
			text-decoration: none;
		}
			#footer a:hover,
			#footer a:focus,
			#footer a:active {
				text-decoration: underline;
			}
		
		#copyright {
			text-align: left;
			float: left;
		}
		#privacy {
			float: right;
		}
		
/* SIDEBAR TEMP STYLES */
#sidebar ul.pages li {
	padding: 0;
	list-style: none;
	clear: both;
}
	#sidebar ul.pages li a {
		position: relative;
		padding: 0.5em 0 0.5em 1.5em;
		display: block;
	}
		#sidebar ul.pages li a span {
			color: #155280;
			font-size: 22px;
			font-weight: bold;
			position: absolute;
			left: 0;
			top: 0;
		}
#sidebar span.endPane {
	position: absolute;
	bottom: 0;
	width: 232px;
}




/* =============================================================================
   Non-semantic helper classes
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }




/* =============================================================================
   Print styles.
   Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  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: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}