@import url(products_resistaball.css);

/*** Custom CSS file for Resist-A-Ball ***/  


body {
	background: #FFFFFF;
	color: #616265;
	font: 9pt normal normal Arial, Helvetica, sans-serif;
	margin: 0 0 2% 0;
	padding: 0;}
	
a {
	color: #6E7E14;}
	
a:hover {
	color: #9EB51D;}

td,p,ul,ol {
	font-size: 9pt;}

p {
	margin: 8px 8px 12px 8px !important;
	line-height: 1.75em !important;
	text-align: left;}

h1,h1.page_title {
	color: #9EB51D;
	font: 20px normal normal  Arial, sans-serif;
	margin: 0 0 0.5em 0;
	padding-bottom: 4px;}

h2 {
	color: #323234;
	font: 18px bold normal Arial, sans-serif;
	margin: 0.25em 0;
	padding: 0.15em 0;}

h3 {
	border-bottom: 1px solid #9EB51D;
	color: #9EB51D;
	font-size: 14px;
	margin: 0.5em 0;
	padding-top: 3px;
	text-align: left;}

h4 {
	color: #323234;
	font-size: 11pt;
	margin: 0.5em 0;}

h5 {
	font-size: 10pt;
	font-weight: bold;
	margin-bottom: 0;}
	
h6.stock-status {
	border: 1px solid #ccc;
	color: #d3222a;
	font-size: 8pt;
	font-weight: normal;
	margin: 0;
	padding: 0.25em;}

h6.onorder {
	color: #9EB51D;}

h1.largerh1 {
	background: transparent none no-repeat 0 0;
	color: #9EB51D;
	text-transform: none;
	padding: 0;}

.dash-panel h3 {
	border-top: 0;
	border-bottom: 1px dotted #CDCBCC;
	padding-bottom: 4px;}
	
.default-section_content h1 {
	color: #323234;
	font-size: 9pt;
	font-weight: bold;
	margin-bottom: 0;}

#page-container {
	background-color: transparent;
	border: 0;
	margin: 10px auto 0 auto;
	padding: 0;
	text-align: center;
	width: 980px;}

#page-header {
	background: transparent none no-repeat center top;}
	
#page-header #header-logo {
	left: 0 !important;}
	
#page-header #header-finder {
	left: 0 !important;}
	
#page-header #header-finder select,
#page-header #header-finder label {
	text-transform: none;
	vertical-align: middle;}
	
#header-nav {
	right: 0 !important;}
	
#header-nav ul#qm-utility.qmmc li a {
	color:	#6e7e14;}
	
#header-nav ul#qm-utility.qmmc li a:hover {
	color: #9EB51D;}

#header-nav ul#qm-utility.qmmc li.cart {
	background: url(../gfx/icon_rab_cart.gif) no-repeat left !important;}
	
.google-search label {
	text-transform: none;}
	
#page-container #page-top-nav {}

#qm0 {
	background-color: #9EB51D !important;
	border-bottom-color: #9EB51D;}
	
#qm0 a { 
	color: #FFFFFF; 
	background-color: #9EB51D;
	text-shadow: none;
	text-transform: none;}
	
#qm0 a:hover {	
	background-color: #4c4c4f;
	background-repeat: no-repeat;
	background-position: right top;
	color: #FFFFFF;}

#qm0 li:hover>a {	
	background-color: #4c4c4f;
	background-repeat: no-repeat;
	background-position: right top;
	color: #FFFFFF;}
	
#qm0 ul li a { color: #6E7E14; }

#qm0 div {
	border: 1px dotted #4c4c4f;}

#qm0 div a { color: #6E7E14; background-image: none !important; }
#qm0 div a:hover { color: #9EB51D; background-image: none !important; }

#qm0 a.qmpersistent {	
	background-color: #9EB51D;
	background-image: url(../gfx/header_rab_top-nav-active.png) !important;}
	
#qm0 a.qmpersistent:hover {	
	background-color: #4c4c4f;
	background-image: url(../gfx/header_spinning_top-nav-hover.png) !important;
	background-repeat: no-repeat;
	background-position: right top;
	color: #fff;
	margin: 0;}

#qm0 div .qmactive, #qm0 div .qmactive:hover {
	color: #9EB51D;}
	
#qm0 div a.qmpersistent	{
	background-color: transparent !important;
	background-image: none !important;
	color: #323234 !important;}
	
#qm0 div a.qmpersistent:hover	{
	background-color: transparent !important;
	background-image: none !important;
	color: #9EB51D !important;}
	
#page-columns {
	margin-top: 20px;}

#page-left-column {
	border: 1px dotted #9EB51D;
	background-color: transparent;
	background-image: none;
	width: 200px;}
	
#page-right-column {
	background-image: ;}
	
#page-right-column .newsletter h2 {
	color: #6E7E14;}
	
#qm1 {}

#qm1 a {
	background-color: transparent;
	border: 0;
	color: #6E7E14;
	margin-left: 0;}
	
#qm1 a:hover {
	color: #9EB51D;}
	
#qm1 ul li, #qm1 div {
	background-color: transparent;}
	
#qm1 div {
	border-bottom: 0;}
	
#qm1 ul li a, #qm1 div a {
	color: #6E7E14;}

#qm1 ul li a:hover, #qm1 div a:hover {
	color: #9EB51D;}

#qm1 li:hover>a {	
	color: #9EB51D;}

#qm1 ul li:hover>a {	
	color: #9EB51D;}

#qm1 div .qmactive, #qm1 div .qmactive:hover {	
	color: #9EB51D !important;}
	
#qm1 div .qmpersistent, #qm1 div .qmpersistent:hover	{
	color: #323234 !important;}
	
#page-footer {
	background-color: transparent;
	background-image: none;
	border: 1px dotted #9EB51D;
	margin-top: 10px;}
	
#page-footer a { color: #6E7E14 !important; }

#page-footer a:hover { color: #9EB51D !important; }

.footer-menu a:hover {
	color: #9EB51D !important;}

#home-menu {
	background: #9EB51D !important;}

#menu {
	border-top: 1px solid #9EB51D;
	border-bottom: 1px solid #9EB51D;}

#content-wrap { border-bottom: 1px solid #9EB51D;}

.sd-cart h5 {
	color: #9EB51D !important;}

.pc-item-sale { color: #9EB51D !important; }

a.slideitem {
	color: #9EB51D !important;}

.mainmenu a:hover,.slidesub .mmenu a:hover {
	color: #9EB51D !important; }

.mgrfront-sectiontitle {
	color: #9EB51D !important;}

.dashlabel {
	color: #9EB51D !important;}

er-menu-list a:hover {
	color: #9EB51D !important; }

.ds-sub {
	color: #9EB51D !important;}
	
ul.standard-button li.left {
	list-style-type: none !important;
	background: transparent url('../gfx/button_rab_standard-left.png') no-repeat top left;
	float: left;
	height: 29px;
	margin: 0;
	padding: 0;
	width: 135px;
}
ul.standard-button li.center {
	list-style-type: none !important;
	background: transparent url('../gfx/button_rab_standard-center.png') repeat-x top left;
	float: left;
	height: 29px;
	margin: 0;
	padding: 0;
}
ul.standard-button li.center a:link,
ul.standard-button li.center a:visited {
	color: #ffffff;
	display: block;
	font-weight: bold;
	margin: 0;
	padding: 5px 0;
	text-decoration: none;}
	
ul.standard-button li.center a:hover {
	color: #f0f0f0; }

ul.standard-button li.right {
	list-style-type: none !important;
	background: transparent url('../gfx/button_rab_standard-right.png') no-repeat top left;
	float: left;
	height: 29px;
	margin: 0;
	padding: 0;
	width: 20px;
}

ul.buttonsm {
	display: block;
	margin: 0; 
	padding: 0; 
	list-style: none;}
	
ul.buttonsm li {
	margin: 0; 
	padding: 0; 
	float: left; 
	list-style-type: none;}
	
ul.buttonsm li.left {
	background: transparent url(../gfx/button_rab_small-left.png) no-repeat top left;
	width: 10px;
	height: 23px;
	overflow: hidden;}
	
ul.buttonsm li.bkg {
	background: transparent url(../gfx/button_rab_small-center.png) repeat-x top left;
	height: 23px;
	overflow: hidden;}	

ul.buttonsm li.right {
	background: transparent url(../gfx/button_rab_small-right.png) no-repeat top left;
	width: 15px;
	height: 23px;
	overflow: hidden;}

ul.buttonsm li a {
	display: block;
	font: bold 7.5pt Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	margin: 0;
	padding: 5px 0;
	white-space: nowrap;}

ul.buttonsm li a:hover { color: #F0F0F0 !important;}

li .qmtitle {
	color: #323234;}
	


/*** Old Button Class Name for Transition ***/

ul.button {
	margin: 10px 16px !important;
	padding: 0 0 10px 0;
	text-align: left;
}
ul.button li.left {
	background: transparent url('../gfx/button_rab_standard-left.png') no-repeat top left;
	float: left;
	height: 29px;
	margin: 0;
	padding: 0;
	width: 13px;
}
ul.button li.bkg {
	background: transparent url('../gfx/button_rab_standard-center.png') repeat-x top left;
	float: left;
	height: 29px;
	margin: 0;
	padding: 0;
}
ul.button li.bkg a:link,
ul.button li.bkg a:visited {
	color: #ffffff;
	display: block;
	font-weight: bold;
	margin: 0;
	padding: 5px 0 6px 0;
	text-decoration: none;
}
ul.button li.bkg a:hover { color: #f0f0f0 !important; }
ul.button li.right {
	background: transparent url('../gfx/button_rab_standard-right.png') no-repeat top left;
	float: left;
	height: 29px;
	margin: 0;
	padding: 0;
	width: 20px;
}


/*** Begin New Styles for Content Pages, Brand-Specific ***/

/*** Resist-A-Ball, Main Color - Green #9EB51D ***/

#content-rab-buttons132x60 {
	height: 60px;
	margin: 4px 0 4px 0;
	padding: 0;
	width: 525px;}

#content-rab-buttons132x60 td {
	margin: 0;
	padding: 0;}

	
#content-rab-buttons132x60 td a {
	background: url(../../images/content_rab_button-132x60_off.png) no-repeat;
	color: #FFFFFF;
	display: block;
	font-size: 11pt;
	font-weight: normal;
	height: 52px;
	_height: 60px;
	margin: 0;
	padding: 8px 0 0 8px;
	text-decoration: none;
	width: 124px;
	_width: 132px;}
	
#content-rab-buttons132x60 td a.first {
	background: url(../../images/content_rab_button-132x60_off-f.png) no-repeat;
	color: #FFFFFF;
	display: block;
	font-size: 11pt;
	font-weight: normal;
	height: 52px;
	_height: 60px;
	margin: 0;
	padding: 8px 0 0 8px;
	text-decoration: none;
	width: 124px;
	_width: 132px;}

#content-rab-buttons132x60 td a.last {
	background: url(../../images/content_rab_button-132x60_off-l.png) no-repeat;
	color: #FFFFFF;
	display: block;
	font-size: 11pt;
	font-weight: normal;
	height: 52px;
	_height: 60px;
	margin: 0;
	padding: 8px 0 0 8px;
	text-decoration: none;
	width: 121px;
	_width: 129px;}
	
#content-rab-buttons132x60 td a:hover {
	background: url(../../images/content_rab_button-132x60_on.png) no-repeat;
	display: block;
	color: #FFFFFF;
	height: 52px;
	_height: 60px;
	margin: 0;
	text-decoration: none;
	width: 124px;
	_width: 132px;}
	
#content-rab-buttons132x60 td a:hover.first {

	display: block;
	background: url(../../images/content_rab_button-132x60_on-f.png) no-repeat;
	text-decoration: none;
	color: #FFFFFF;
	width: 124px;
	_width: 132px;
	height: 52px;
	_height: 60px;
	margin: 0;}

#content-rab-buttons132x60 td a:hover.last {

	display: block;
	background: url(../../images/content_rab_button-132x60_on-l.png) no-repeat;
	text-decoration: none;
	color: #FFFFFF;
	width: 121px;
	_width: 129px;
	height: 52px;
	_height: 60px;
	margin: 0;}

#content-rab-buttons148x60 {

	margin: 4px 0 4px 0;
	padding: 0;
	width: 735px;
	height: 60px;}

#content-rab-buttons148x60 td {

	margin: 0;
	padding: 0;}

#content-rab-buttons148x60 td a {

	display: block;
	padding: 8px 0 0 8px;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 11pt;
	font-weight: normal;
	width: 139px;
	_width: 147px;
	height: 52px;
	_height: 60px;
	background: url(../../images/content_rab_button-148x60_off.png) no-repeat;
	margin: 0;}

#content-rab-buttons148x60 td a.last {

	display: block;
	padding: 8px 0 0 8px;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 11pt;
	font-weight: normal;
	width: 139px;
	_width: 147px;
	height: 52px;
	_height: 60px;
	background: url(../../images/content_rab_button-148x60_off-l.png) no-repeat;
	margin: 0;}

#content-rab-buttons148x60 td a:hover {

	display: block;
	background: url(../../images/content_rab_button-148x60_on.png) no-repeat;
	text-decoration: none;
	color: #FFFFFF;
	width: 139px;
	_width: 147px;
	height: 52px;
	_height: 60px;
	margin: 0;}

#content-rab-buttons148x60 td a:hover.last {

	display: block;
	background: url(../../images/content_rab_button-148x60_on-l.png) no-repeat;
	text-decoration: none;
	color: #FFFFFF;
	width: 139px;
	_width: 147px;
	height: 52px;
	_height: 60px;
	margin: 0;}

#content-rab-text {
	background: transparent none repeat-x top left;
	border: 0;
	margin: 10px 0;
	padding: 0;}
	
#content-rab-text h1 {
	background: transparent none repeat-x top left;
	color: #9EB51D;
	font: 11pt normal normal 'Arial', sans-serif;
	height: 25px;
	margin: 0 0 20px 0;
	padding: 0;
	text-align: left;
	text-transform: uppercase;}
	
#content-rab-text p {
	color: #323234;
	line-height: 14pt;
	margin: 0 10px 40px 10px;
	text-align: left;}
	
#content-rab-text ul.button {
	margin: 8px 16px;}

/*** End New Styles for Content Pages, Brand-Specific ***/