/* $Id: layout-fixed.css,v 1.5.2.3 2009/02/13 19:20:19 johnalbin Exp $ */

/*
 * LAYOUT STYLES
 *
 * Define CSS classes to create a table-free, 3-column, 2-column, or single
 * column layout depending on whether blocks are enabled in the left or right
 * columns.
 *
 * This layout is based on the Zen Columns layout method.
 * http://drupal.org/node/201428
 *
 * Only CSS that affects the layout (positioning) of major elements should be
 * listed here.Such as:
 * display, position, float, clear, width, height, min-width, min-height
 * margin, border, padding, overflow
 */


/** body **/
body { background: url(../images/page-bg.png) #070707 top left repeat-x; color: #666; margin:0;padding:0;}

#page { }
#page,
#closure-blocks {
	/*
	* If you want to make the page a fixed width and centered in the viewport,
	* this is the standards-compliant way to do that. See also the ie.css file
	* for the necessary IE5 hack to center a div.
	*/
	margin: 0 auto;
	width: 976px;
	}

#page-inner { }

#navigation-top,
#navigation {
	position: absolute; /* Take the named anchors out of the doc flow	*/
	left: -10000px;	/* and prevent any anchor styles from appearing. */
	}

#skip-to-nav {
	float: right;
	margin: 0 !important;
	font-size: 0.8em;
	}

#skip-to-nav a:link, #skip-to-nav a:visited {
	color: #fff; /* Same as background color of page */
	}

#skip-to-nav a:hover {
	color: #000;
	text-decoration: none;
	}

/*	Alternatively, the skip-to-nav link can be completely hidden until a user tabs
	to the link. Un-comment the following CSS to use this technique. */

#skip-to-nav a, #skip-to-nav a:hover, #skip-to-nav a:visited {
	position: absolute;
	left: 0;
	top: -500px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	}

#skip-to-nav a:active, #skip-to-nav a:focus {
	position: static;
	width: auto;
	height: auto;
	}


/** header **/
#header { }

#header-inner { height:83px;}

#logo-title { float: left; width: 182px; margin-top:16px;}

#logo { float: left; margin: 0; }

#site-name, #site-slogan {
	text-indent: -9999px;
	line-height: 0;
	font-size: 0;
	overflow: hidden;
	}

#header-blocks { clear: both; } /* Clear the logo */

/** main (container for everything else) **/
#main {
	position: relative;
	background: #fff;
/* 	background: #fff; */
	padding: 14px 0;
	border-radius		  : 12px;
	-moz-border-radius	  : 12px;
	-webkit-border-radius : 12px;
	}
	
	
body.page-template-phome-php #main { background: url(../images/home-main-bg.gif) #fff bottom left no-repeat!important; }
	#main-inner {
		width: 952px;
		margin: 0 auto;
		}
body #main-inner { background: url(../images/sidebar-bg.gif) #fff bottom left repeat-y; }
body.page-template-phome-php #main-inner{background:none!important;}
/** inner page title **/

#page-title {
	
	background-color: : #fff;
	
	
}

#page-title-inner {	

	background: url(../images/title-bg.png) top left repeat-y;
	background-color: #fff;
	height: 96px;
	border-top-right-radius: 12px;
	border-top-left-radius: 12px;
	-moz-border-radius-topleft: 12px;
	-moz-border-radius-topright: 12px;
	-webkit-border-top-right-radius: 12px;
	-webkit-border-top-left-radius: 12px;
}	
	

/*

position: relative;
z-index: 1;
margin: 0 auto; 
padding-left: 212px; 

*/


#title-photo {
	border-bottom: 1px solid #fff;
}

#title-photo,
#title-photo .block-region {
	position: relative; /* JF: relative parent of #page-title h1, if we don't have control over changing in markup--where it should be changed */
}

#title-photo p {
	margin: 0;
	padding: 0;
}

#title-photo img {
	display: block;
}

#page-title h1 { /* this should be moved in markup to avoid having to make absolute, but this is a simple fix */
	position: absolute;
	top: 50px;
	left: 200px;
	font-weight: normal;
	color: #fff;
}

/** content **/


#content {
	padding-top: 10px;
	width: 770px;
	float: right; /* JF: CONTENT DIV COMES BEFORE SIDEBAR IN MARKUP. SHOULD FLOAT RIGHT.  */
}

div#page-title-inner div.content {  /* JF: ADDED THIS */
	background: url(../images/content-topmask.gif) bottom right no-repeat;
	
}

/*  JF: NOT NEEDED. MOVED content-topmask.gif TO SELECTOR ABOVE.

#content,
.no-sidebars #content,
.sidebar-left #content {

	background: url(_img/content-topmask.gif) top right no-repeat;
	width: 770px;
	float: right; 
	position: relative;
	top: -47px;
	z-index: 10;
	position: relative;
	float: left;
	background: url(_img/content-topmask.gif) top right no-repeat;
	z-index: 10;
	width: 770px;
	margin-top: -47px;
	margin-left: 182  px;
*/
	/* The width of #sidebar-left, which is always shown. 
 	margin-right: -952px; 
 Negative value of #content's width + left margin. 
 	padding: 50px 0 0;  */ /* DO NOT CHANGE. Add padding or margin to #content-inner. 
*/	

}

body.with-tabs #content {
	padding: 30px 0 0;
}

body.page-template-phome-php #content {
	width: auto;
	margin: 0;
	padding: 0;
	}

/*  JF: NOT NEEDED 
.sidebar-left #content {
	width: 770px;
	margin-left: 182px; / * The width of #sidebar-left. * /
	margin-right: -952px; / * Negative value of #content's width + left margin. * /
	}
*/

.sidebar-right #content {
	/* width: 770px;  */ /* JF: DOES THIS EVEN EXIST? 
	margin-left: 182px;
	margin-right: -792px;
*//* Negative value of #content's width + left margin. */
}

.two-sidebars #content {
/*
	width: 770px;
	margin-left: 182px;
	/* The width of #sidebar-left */
	/* margin-right: -792px; */   /*Negative value of #content's width + left margin. */
}

#content-inner,
.no-sidebars #content-inner,
.sidebar-left #content-inner {
	margin: 0;
	padding: 0 100px 30px 30px;
	min-height: 400px;
/*	margin-top: 47px;
	width: 652px; 
	float: left; 
*/
}
#content-inner.no-right-padding{
	padding-right:0!important;
}
body.page-template-phome-php #content-inner {
	padding: 0;
	width: 100%;
}

.sidebar-right #content-inner,
.two-sidebars #content-inner {
	margin: 0;
	width: 560px;
	float: left;
}

#content-area h2,
#content-top h2,
#content-bottom h2 {
	color: #003b6b;
	font-size: 120%;
	font-weight: normal;
	text-transform: uppercase;
	border-bottom: 2px solid #003b6b;
	margin-bottom: 10px;
}

/** navbar **/

#navbar {
/*	float: left;
	width: 100%;
	margin-left: 0;
	margin-right: -100%; /* Negative value of #navbar's width + left margin. * /
	padding: 0; /* DO NOT CHANGE. Add padding or margin to #navbar-inner. * /
	height: 3.6em; /* The navbar can have any arbritrary height. We picked one
					that is twice the line-height pluse 1em: 2 x 1.3 + 1 = 3.6
					Set this to the same value as the margin-top below. * /
*/
	margin-top:6px;
	}



.with-nav #content,
.with-nav #sidebar-left,
.with-nav #sidebar-right {
/*	margin-top: 3.6em; / * Set this to the same value as the navbar height above. */
	}



#navbar-inner { }

#search-box {
	width: 200px;
/* 	margin-right: -200px; */  /* JF: IS THIS NECESSARY?  */
	/* Negative value of #search-box's width. */
	float: left;
	}


#secondary { } 

/*
#navbar ul /* Primary and secondary links * / {
	margin: 0;
	padding: 0;
	text-align: left;
	}

#navbar li /* A simple method to get navbar links to appear in one line. * / {
	float: left;
	padding: 0 10px 0 0;
	}
*/

/* There are many methods to get navbar links to appear in one line.
 * Here's an alternate method: */
/*
#navbar li {
	display: inline;
	padding: 0 10px 0 0;
	}
*/

/** sidebar-left **/
#sidebar-left {
	float: left;
	width: 182px;
	padding: 0;
	/*  JF: NOT NEEDED  	
	border-top: 1px solid #fff; 
	margin-right: -182px; / * Negative value of #sidebar-left's width + left margin. */
	/* DO NOT CHANGE. Add padding or margin to #sidebar-left-inner. */
}

.sidebar-right #sidebar-left,
.two-sidebars #sidebar-left {
}

#sidebar-left-inner {
	margin: 0;
	padding: 0;
}

#sidebar-left-inner div.block {
	padding: 0 10px 10px;
}

#sidebar-left-inner #block-user-0 li {
	padding: 0;
}

#sidebar-left #block-block-18 {
	padding-top: 1em;
	margin-left: 9px;
	}

#sidebar-left #block-block-18 h2.title {
	font-size: 14px;
	}

#sidebar-left #block-block-18 label {
	font-size: 12px;
	}

#secondary {
	line-height: 110%;
	padding-top: 15px;
}

#secondary a {
	color: #262c58;
	font-weight: bold;
}

#secondary ul {
	margin: 0 8px 0 9px;
}

#secondary ul li,
#secondary ul li.active-trail,
#secondary ul li.expanded,
#secondary ul li.collapsed {
	list-style-type: none;
	list-style-image: none;
}

#secondary ul li {
	display: block;
	padding: .5em 10px .5em 20px;
}

#secondary ul li.active {
}

#secondary ul li a {
}

#secondary ul ul {
	margin: 0;
	padding: 0;
}

#secondary ul ul li {
	padding: .5em 0 .5em 10px;
}

#secondary ul ul li.active {
	background: none;
}

#secondary ul ul li a {
	font-weight: normal;
}

#tertiary li.leaf {
	list-style-type: none;
	list-style-image: none;
}

/* and for the other sidebar UL's */

#sidebar-left-inner {
	line-height: 110%;
}

#sidebar-left-inner a {
	color: #003b6b;
	font-weight: bold;
	font-size: .9em;
}

#sidebar-left-inner ul {
	margin: 0;
	padding: 0;
}

#sidebar-left-inner ul li,
#sidebar-left-inner ul li.active-trail,
#sidebar-left-inner ul li.expanded,
#sidebar-left-inner ul li.collapsed {
	list-style-type: none;
	list-style-image: none;
}

#sidebar-left-inner ul li {
	display: block;
	padding: .5em 10px .5em 20px;
}

/* fix Views admin links */
#sidebar-left-inner div.view div.views-admin-links { width: auto; }
#sidebar-left-inner div.view div.views-admin-links ul.links li {
	display: inline;
	list-style-type: none;
	padding: 0 .5em 2px;
}

#content-inner div.view div.views-admin-links {
	width: auto;
}

/* end fix */

#sidebar-left-inner ul li.active-trail,
#sidebar-left-inner ul li.expanded {
	background: #3e3e3e;
}

#sidebar-left-inner ul li a {
}

#sidebar-left-inner ul li.active-trail a,
#sidebar-left-inner ul li.expanded a {
	color: #70c4ee;
}

#sidebar-left-inner ul li.active-trail li a,
#sidebar-left-inner ul li.expanded li a {
	color: #fff;
}

#sidebar-left-inner ul li.active-trail li.active-trail a,
#sidebar-left-inner ul li.expanded li.expanded a {
	color: #70c4ee;
}

#sidebar-left-inner ul li.active-trail li.active-trail li a,
#sidebar-left-inner ul li.expanded li.expanded li a {
	color: #fff;
}

#sidebar-left-inner ul ul {
	margin: 0;
	padding: 0;
}

#sidebar-left-inner ul ul li {
	padding: .5em 0 .5em 10px;
}

#sidebar-left-inner ul ul li.active-trail,
#sidebar-left-inner ul ul li.expanded {
	background: none;
}

#sidebar-left-inner ul ul li a {
	font-weight: normal;
	color: #fff;
}

#tertiary li.leaf {
	list-style-type: none;
	list-style-image: none;
}

/** sidebar-right **/
#sidebar-right {
	float: left;
	width: 160px;
/*	margin-left: 816px; / * Width of content + sidebar-left. */
/*	margin-right: -976px; / * Negative value of #sidebar-right's width + left margin. */
	padding: 0;/*

DO NOT CHANGE. Add padding or margin to #sidebar-right-inner. */
}

#sidebar-right-inner {
	margin: 0;
	padding: 0;
}

#sidebar-right .block { 
	padding-top: 10px;
	background: #d9d9d9;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
}

#sidebar-right .block-inner {
	background: #fff;
}

#sidebar-right .block-inner h2.title {
	padding: 0 15px .5em;
	font-size: .9em;
	color: #666;
	background: #d9d9d9;
}

#sidebar-right .block-inner div.content h2.title {
	padding: 0;
	background: none;
}

#sidebar-right .block-inner div.content {
	padding: 10px 15px;
	background: #f2f2f2;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
}

#sidebar-right .block-inner div.content div.content {
	padding: 0;
}

/** footer **/

#footer {
	padding: 10px 0 20px;
}

#footer p,
#footer a {
	font-size: 85%;
}

#footer-inner {
}

#footer .block-menu {
	float: left;
}

#footer .block-menu ul.menu {
	margin: 0;
	padding: 0;
}

#footer .block-menu ul.menu li {
	display: block;
	position: relative;
	float: left;
	padding: 0 10px;
	border-right: 1px solid #fb8400;
	background: none;
	line-height: 1em;
}

#footer .block-menu ul.menu li.last {
	border-right: none;
}

#footer .block-menu ul.menu li a {
	text-decoration: none;
}

#footer .block-menu ul.menu li a.active {
	color: #fb8400;
	text-decoration: underline;
}

#footer .block-menu ul.menu li a:hover {
	text-decoration: underline;
}

.hyperarts {
	float: right;
	margin: 0 10px 0 0;
}

.hyperarts a {
	color: #999;
}

/** closure **/
#closure-blocks /* See also the #page declaration above that this div shares. */ { }

/** Prevent overflowing content **/

#header,
#content,
#navbar,
#sidebar-left,
#sidebar-right,
#footer,
#closure-blocks {
	overflow: visible;
	word-wrap: break-word; /* A very nice CSS3 property */
	}

/* #navbar { overflow: hidden; } /* May need to be removed if using a dynamic drop-down menu * / */

/* If a div.clear-block doesn't have any content after it and its bottom edge
	touches the bottom of the viewport, Firefox and Safari will mistakenly
	place several pixels worth of space between the bottom of the div and the
	bottom of the viewport. Uncomment this CSS property to fix this.
	Note: with some over-large content, this property might cause scrollbars
	to appear on the #page div.
*/
/*
#page { overflow-y: hidden; }
*/



/* ===============================
	Generic Classes etc.  
================================== */
.indent { padding-left: 5em; }
.clear {
	clear: both;
	margin: 0;
	font-size: 0;
	line-height: 0;
	}

div.help,
div.messages,
div.alert,
div.error,
div.warning { /* padding: 10px 15px; */ }

div.help {}
div.messages {}
div.alert {}
div.error { /* margin: 0 15px; */ }
div.warning {}
div.status {
/*	padding: 0;
	background: #f5f3d9;
	border: 1px solid #e7d79e;
	margin: 10px 0 0 0;
*/	}

/* Float-clearing class, good for */
.group:after, fieldset:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
.group, fieldset:after {display:inline-block;}
.group, fieldset:after {display:block;}	

/*Generic left-right float styles (mainly for images) */
.right { float: right; clear: right; margin: 0 0 10px 20px; }
.left { float: left; clear: left; margin: 0 20px 10px 0; }

.column { float: left; margin-bottom: 1em; }
	#content .inner .column .inner { padding-right: 1.5em; }
.twocol { width: 49%; }
.threecol { width: 33%; }

.img-sub {
	display: block;
	position: relative;
	text-indent: -999.9em;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
	}
.dateline { margin-top: 2em; }
.byline { margin-bottom: 0.5em; }
span.citation {
	display: block;
	font-weight: bold;
	text-align: right;
	padding-top: .25em;
	}
span.citation:before { content: "— "; }

.view-distributors-by-state .state { margin-bottom: 20px; }

/* ================================================
	Cluetip styles
=================================================== */
#cluetip-inner { font-size: 0.75em; }
#cluetip-inner .views-field-field-customer-category-value {
	font-weight: bold;
	font-size: 1em;
	}

#cluetip-inner .views-field-field-distributor-postal-code-value,
#cluetip-inner .views-field-field-state-value,
#cluetip-inner .views-field-field-distributor-city-value {
	display: inline;
}
 #cluetip-inner div.state div[class^=views-row] {
 margin-bottom: 15px;
}
 #cluetip-inner div.state div[class^=views-row] div {
 padding-left: 10px;
}
 #cluetip-inner div.state div[class^=views-row] .views-field-field-customer-category-value, #cluetip-inner div.state div[class^=views-row] .views-field-field-distributor-postal-code-value, #cluetip-inner div.state div[class^=views-row] .views-field-field-state-value, #cluetip-inner div.state div[class^=views-row] div div {
 padding-left: 0;
}
 #cluetip-inner div.state div[class^=views-row] .views-field-field-customer-category-value {
 margin-bottom: 5px;
}

/* ================================================
	Newsletter Signup Sidebar
=================================================== */

input.form-text {
	padding: 2px 5px 1px;
	width: 90%;
	border: 0;
	background: #fff;
	border-radius		  : 4px;
	-moz-border-radius	  : 4px;
	-webkit-border-radius : 4px;
	border: 1px solid #ccc;
	}
input.form-text:focus { border: 1px solid #666; }
input.form-item label {}

.webform-client-form h2.title { margin: 0; padding: 0; display: none; }

/* ================================================
	Newsletter Signup Sidebar
=================================================== */

#block-webformblock-6 #webform-component-first_name,
#block-webformblock-6 #webform-component-title,
#block-webformblock-6 #webform-component-city,
#block-webformblock-6 #webform-component-email { float: left; clear: left; width: 49.9%; }

#block-webformblock-6 #webform-component-last_name,
#block-webformblock-6 #webform-component-organization,
#block-webformblock-6 #webform-component-state,
#block-webformblock-6 #webform-component-phone_number { float: left; clear: none; width: 49.9%; }

#block-webformblock-6 #edit-submitted-comments-wrapper { clear: both; }


/* =============================================
	Front page styles
================================================ */

body.page-template-phome-php #main { padding: 10px 0 0; }
body.page-template-phome-php #main-inner { width: 960px; }

body.page-template-phome-php #home-top {
	height: 265px;
	padding-bottom: 8px;
	}
body.page-template-phome-php #home-top .block-block { margin-bottom: 0; }
body.page-template-phome-php #home-top .block-block img { display: block; }

body.page-template-phome-php #home-top .region-odd,
body.page-template-phome-php #home-top .region-even { float: left; }

body.page-template-phome-php #home-middle {
	position: relative;
	height: 172px;
	padding-bottom: 8px;
	}
body.page-template-phome-php #home-middle .block-block {
	position: absolute;
	opacity: .9;
/* 	margin-bottom: 8px; */
	border-radius			: 12px;
	-moz-border-radius		: 12px;
	-webkit-border-radius	: 12px;
	z-index: 1;
	-webkit-transition: all 0.15s ease-out;
	}
	body.page-template-phome-php #home-middle .block-block .block-inner {
		width: 478px;
		height: 172px;
		margin: 0 auto;
		}


body.page-template-phome-php #home-middle #block-block-1 {}
body.page-template-phome-php #home-middle #block-block-2 { left: 482px; }
body.page-template-phome-php #home-middle .block-block:hover {
	opacity: 1;
	z-index: 2;
	box-shadow: 0 0 4em black;
	-moz-box-shadow: 0 0 4em black;
	-webkit-box-shadow: 0 0 4em black;
	-webkit-transform:	scale(1.05);
	-moz-transform:		scale(1.05);
    transform:			scale(1.05);
	}

body.page-template-phome-php #home-middle .block-block h2.title {
	margin: 0;
	font-size: 1.9em;
	color: #00396a;
	}
body.page-template-phome-php #home-middle .block-block h2.title a {
	display: block;
	position: relative;
	padding-left: 170px;
	padding-top: 50px;
	color: #00396a;
	text-decoration: none;
	-moz-outline-style: none;
	}

body.page-template-phome-php #home-middle .block-block div.content {
	}
	body.page-template-phome-php #home-middle .block-block div.content p {
		display: block;
		position: relative;
		margin: 0;
		height: 93px;
		}
		body.page-template-phome-php #home-middle .block-block div.content p a {
			padding: 0 20px 0 170px;
			display: block;
			position: relative;
			height: 93px;
			color: #666;
			font-size: .85em;
			text-decoration: none;
			-moz-outline-style: none;
			}

body.page-template-phome-php #home-middle .region-odd,
body.page-template-phome-php #home-middle .region-even {
	width: 478px;
	height: 172px;
	}
body.page-template-phome-php #home-middle .region-odd  { background: url(../images/home-sports-box.png) top left no-repeat; float: left; }
body.page-template-phome-php #home-middle .region-even { background: url(../images/home-medical-box.png) top left no-repeat; float: right; }

body.page-template-phome-php #home-bottom1,
body.page-template-phome-php #home-bottom2 { color: #fff; }
	body.page-template-phome-php #home-bottom1 .block-block,
	body.page-template-phome-php #home-bottom2 .block-block { width: 49.5%; float: left; color: #fff; }
		body.page-template-phome-php #home-bottom1 .block-block .block-inner,
		body.page-template-phome-php #home-bottom2 .block-block .block-inner { padding: 10px; }
			body.page-template-phome-php #home-bottom1 .block-block .block-inner .content,
			body.page-template-phome-php #home-bottom2 .block-block .block-inner .content { padding: 0 6px; font-size: .9em; }
			body.page-template-phome-php #home-bottom1 h2.title,
			body.page-template-phome-php #home-bottom2 h2.title {
				border-bottom: 2px solid #4b4b4b;
				padding: 0 6px;
				font-size: 1.2em;
				font-weight: 400;
				}
				body.page-template-phome-php #home-bottom1 .article h4 {
					font-weight: normal;
					font-size: 1em;
					margin-bottom: 0;
					}
				body.page-template-phome-php #home-bottom1 .article p { margin-top: 0; }

				body.page-template-phome-php #home-bottom1 ul,
				body.page-template-phome-php #home-bottom2 ul {
					margin: 0; padding: 0;
					list-style-image: none; list-style-type: none;
					}
					body.page-template-phome-php #home-bottom1 li,
					body.page-template-phome-php #home-bottom2 li { display: inline; }
					body.page-template-phome-php #home-bottom1 .article ul li.date {
						margin-right: 5px;
						padding-right: 8px;
						border-right: 2px solid #4b4b4b;
						}
					body.page-template-phome-php #home-bottom2 ul li.location {
						margin: 0 4px;
						padding: 0 8px;
						border-right: 2px solid #4b4b4b;
						border-left: 2px solid #4b4b4b;
						}


/* ================================================
	Where To Buy Landing Page Styles
=================================================== */
.hoverbox {
	xposition: absolute;
	opacity: .9;
/* 	margin-bottom: 8px; */
	border-radius			: 12px;
	-moz-border-radius		: 12px;
	-webkit-border-radius	: 12px;
	z-index: 1;
	-webkit-transition: all 0.15s ease-out;
	width: 367px;
	height: 172px;
	}
.hoverbox:hover {
	opacity: 1;
	z-index: 2;
	box-shadow: 0 0 4em black;
	-moz-box-shadow: 0 0 4em black;
	-webkit-box-shadow: 0 0 4em black;
	-webkit-transform:	scale(1.05);
	-moz-transform:		scale(1.05);
    transform:			scale(1.05);
	}
	
	
.hoverbox h2 {
	margin: 0!important;
	font-size: 1.9em!important;
	color: #00396a!important;
	border: none!important;
	text-transform: none!important;
	}
.hoverbox h2 a {
	display: block;
	position: relative;
	padding-left: 160px;
	padding-top: 50px;
	color: #00396a;
	text-decoration: none;
	-moz-outline-style: none;
	}
.hoverbox div{
		display: block;
		position: relative;
		margin: 0;
		height: 93px;
		}
.hoverbox div a {
			padding: 0 20px 0 160px;
			display: block;
			position: relative;
			height: 93px;
			color: #666;
			font-size: .85em;
			text-decoration: none;
			-moz-outline-style: none;
			}
	
#content-area #where-to-buy-middle {
	position: relative;
	height: 172px;
	padding-bottom: 8px;
	}
#content-area #where-to-buy-middle .block-block {
	position: absolute;
	opacity: .9;
/* 	margin-bottom: 8px; */
	border-radius			: 12px;
	-moz-border-radius		: 12px;
	-webkit-border-radius	: 12px;
	z-index: 1;
	-webkit-transition: all 0.15s ease-out;
	}
	#content-area #where-to-buy-middle.block-block .block-inner {
		width: 367px;
		height: 172px;
		margin: 0 auto;
		}


#content-area #where-to-buy-middle #block-block-1 {}
#content-area #where-to-buy-middle #block-block-2 { left: 371px; }
#content-area #where-to-buy-middle .block-block:hover {
	opacity: 1;
	z-index: 2;
	box-shadow: 0 0 4em black;
	-moz-box-shadow: 0 0 4em black;
	-webkit-box-shadow: 0 0 4em black;
	-webkit-transform:	scale(1.05);
	-moz-transform:		scale(1.05);
    transform:			scale(1.05);
	}

#content-area #where-to-buy-middle .block-block h2.title {
	margin: 0;
	font-size: 1.9em;
	color: #00396a;
	border: none;
	text-transform: none;
	}
#content-area #where-to-buy-middle .block-block h2.title a {
	display: block;
	position: relative;
	padding-left: 160px;
	padding-top: 50px;
	color: #00396a;
	text-decoration: none;
	-moz-outline-style: none;
	}

#content-area #where-to-buy-middle .block-block div.content {
	}
	#content-area #where-to-buy-middle .block-block div.content p {
		display: block;
		position: relative;
		margin: 0;
		height: 93px;
		}
		#content-area #where-to-buy-middle .block-block div.content p a {
			padding: 0 20px 0 160px;
			display: block;
			position: relative;
			height: 93px;
			color: #666;
			font-size: .85em;
			text-decoration: none;
			-moz-outline-style: none;
			}

#content-area #where-to-buy-middle .region-odd,
#content-area #where-to-buy-middle .region-even {
	width: 367px;
	height: 172px;
	}
#content-area #where-to-buy-middle .region-odd  { background: url(../images/how-to-buy-sports-box.png) top left no-repeat; float: left; }
#content-area #where-to-buy-middle .region-even { background: url(../images/how-to-buy-medical-box.png) top left no-repeat; float: right; }

.pdfli{
	margin:0;
}
.navigation{
	border-top:1px solid #efefef;
	margin-top:4px;
	padding-top:3px;
}
.navigation a,
.navigation a:visited{
	color:#333;
	font-weight:bold;
}
.alignleft{
	float:left!important;
}
.alignright{
	float:right!important;
}
.clearer{
	clear:both;
	height:1px;
	font-size:1px;
	line-height:1px;
	overflow:hidden;
}
.more-link{
	border-top:1px solid #f8f8f8;
	padding-top:2px;
	text-align:right;
}
.more-link a,
.more-link a:visited{
	font-weight:bold;
}
.moreinfowrap{
	padding:15px 0 25px 15px;
}

.entry img.alignright,
.entry div.alignright.withspacing{
	margin:5px 0 10px 15px;
}

.entry img.alignleft,
.entry div.alignleft.withspacing{
	margin:5px 15px 10px 0;
}
.field-label{
	font-weight:bold;
}
.field {
	margin:2px 0 14px;
}
.entry_title{
	font-size:12px;
	border:0!important;
	margin-top:25px;
	margin-bottom:0!important;
	font-weight:bold!important;
	text-transform:none!important;
}
.entry_title a,
.entry_title a:visited{
	color:#0690D0;
	border:0;
}
.news_title{
	margin-bottom:0!important;
}
.single_entry .views-field-field-date-value,
.entry .views-field-field-date-value{
	margin-bottom:10px!important;
}
.post_list_item{
	padding-bottom:5px;
	border-bottom:1px solid #f0f0f0;
	margin-bottom:5px;
}

.jsl_col1{
	float:left;
	width:250px;
}
.jsl_col2{
	float:right;
}
#jsl_results_wrap{
	height:365px;
	overflow:auto;
	display:none;
}
.jsl_tip{
	font-size:11px;
	color:#888;
}
.jsl_item{
	padding:3px 3px;
	border-bottom:1px solid #ccc;
	font-size:11px;
}
.jsl_storename,
a.jsl_storename:visited{
	color: #58B0EE!important;
	font-size:12px;
	font-weight:bold;
	outline:none;
}
.jsl_storeaddress{
	color:#666;
}
#jsl_map_wrap{
	width:460px;
	height:400px;
	border:3px solid #ccc;
	padding:2px;
	background:#f0f0f0;
	
}
#jsl_map{
	width:100%;
	height:100%;
	display:none;
}
.jsl_active_marker{
	border-bottom:1px solid #999;
	background:#fcfcfc;
}
.jsl_active_marker a,
.jsl_active_marker a:visited{
	color:#003B6B!important;
	text-decoration:none!important;
}
.top_subnav{
	font-size:11px;
	text-align:right;
	float:left;
	height:26px;
	background:#252525;
	overflow:hidden;
}
.top_subnav ul{
	margin:0;
	padding:0;
	display:inline;
	float:right;
}
.top_subnav li{
	display:block;
	float:left;
	list-style:none;
	padding:1px 8px!important;
}
.top_subnav li a,
.top_subnav li a:visited{
	color:#1692c6;
	font-weight:bold;
	display:block;
	background:url(../images/top_subnav/arrow.png) center left no-repeat;
	padding:2px 0 2px 14px;
	line-height:17px;
}
.top_subnav li a:hover{
	color:#fff;
	text-decoration:none;
	background:url(../images/top_subnav/arrow2.png) center left no-repeat;
}
.top_subnav_wrap{
	background:url(../images/top_subnav/m.png) top center no-repeat;
	height:28px;
	float:right;
}
.top_subnav_l{
	float:left;
	background:url(../images/top_subnav/l.png) 0 0 no-repeat;
	width:21px;
	height:27px;
	overflow:hidden;
}
.top_subnav_r{
	float:right;
	background:url(../images/top_subnav/r.png) 0 0 no-repeat;
	width:21px;
	height:27px;
	overflow:hidden;
}

/*
 * styled-button
 * micah@jivaldi.com
 */
 
@font-face {
    font-family: 'styled-button';
    src: url('nt.eot');
}
@font-face {
    font-family: 'styled-button';
    src: local('styled-button'), url('nt.otf') format('opentype');
}
a.styled-button:hover,
a.styled-button /*to cache*/ {
    color: #bbb;
	background: url(../images/button-background-hover.jpg) #555 no-repeat center center;;
} 
a.styled-button {
	display: inline-block;
	position: relative;
	padding: 16px 30px 14px 30px;
	
	/*border radius to keep overflow hidden*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-pie-border-radius: 5px;
	
	background: url(../images/button-background.jpg) #004273 no-repeat center center;
	
	font-size: 24px;
	font-family: 'styled-button';
	text-align: center;
	color: white;
	
	/*remove defaults*/
	text-decoration: none;
	
    /*activate PIE for this in IE*/
	behavior: url(/wp-content/themes/alterg/css/PIE.htc);
} 

/* end styled button */

/*
 * sidebar buttons   
 * micah@jivaldi.com 
 */
#sidebar-left .contact-support-button,
#sidebar-left .contact-find-button {
	display: block;
	width: 140px;
	margin: 0px auto;
	
	/* Hide the text. The :hover bg images will be cached to :first-letter */
	text-indent: -99999px;
	font-size: 0;
	
	/*reset defaults*/
	border: none;
}

#sidebar-left .contact-support-button {
	background: url('../images/service-support.png') no-repeat;
	
	margin-top: 12px;
	height: 118px;
}
#sidebar-left .contact-support-button:hover,
#sidebar-left .contact-support-button:first-letter {
	/* cache :hover on first-letter since it's invisible */
	background-image: url('../images/service-support-hover.png');
}
 
#sidebar-left .contact-find-button {
	height: 192px;
	margin-top: 12px;
	background: url('../images/find-store.png') no-repeat;
}
#sidebar-left .contact-find-button:hover,
#sidebar-left .contact-find-button:first-letter {
	background-image: url('../images/find-store-hover.png');
} 
.contentnosidebar{
	background:#fff;
	margin-top:0!important;
	border:1px solid pink!important;
}
.without-sidebar{
	background:#fff!important;;
}
.without-sidebar #content{
	width:100%;
}
.roicalculator,
.without-sidebar #content-inner{
	margin:0!important;
	padding:0!important;
}