/*CONTENTS
-----------------------
Base
Layout
  Navigation
	Sidebar
  Content
  Footer
General Elements
Lightbox
Individual Pages
  Home
	Product Category
  Product
	Quick Order
	Knowledge
		Knowledge Detail
	Photos Section
	Search Results
	Dealer Locator 
	About Section Styles 
	Resource Section Styles
	Logo Download page
	Affiliate Program page
  JQuery Autocomplete
	
JQuery UI CSS

SITE COLORS
-----------------------
Text: #000
Links: #0000cc
Links Active #3333cc
Nav Link: #333333
Nav Active: #3333cc
red: E23C41
border gray: #ccc
-----------------------*/

/*---------------------------------------------------------
  Base 
---------------------------------------------------------*/ 


body, form, h1, h2, h3, h4, h5, select, textarea, ul, li { 
	padding: 0;
	margin: 0;
	}

p { 
	padding-bottom: 1em;
	margin: 0;
	}	
	
	
h1, h2, h3, h4, h5 { 
	font-weight: normal;
	font-style: normal;
	font-size: inherit;
	font-family: inherit;
	}
	
a { 
	outline: none;
	}
	
a:link, a:visited { 
	text-decoration: none;
	}

a:active, a:hover { 
	text-decoration: underline;
	}
	
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover { 
	text-decoration: none;
	}

body { 
	text-align: center;
	}
	
input, select, textarea { 
	font-size: inherit;
	font-family: inherit;
	}

ul { 
	list-style-type: none;
	text-align: left;
	}

img { 	
	border: 0px;
	}
	
.clear {
 	clear: both;
	}
	
.italic {
	font-style: italic;
	}
	
.bold { 
	font-weight: bold;
	}
	


/*---------------------------------------------------------
  Layout 
---------------------------------------------------------*/ 

body { 
	background: #c7c7c7 url(/images/common/body-bg.jpg) repeat-x;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}

a:link, a:visited { 
	color: #0000CC;
	}
	
a:hover, a:active { 
	color: #3333cc;
	}

#wrapper { 
	background: url(/images/common/wrapper-bg.jpg) no-repeat 50% 0;
}

#header { 
	width: 980px; 
	margin: 0px auto;
	position: relative;
	z-index: 90;
	height: 115px;
	text-align: left;
	}

#hammerlogo { 
	position: absolute; 
	top: 50px;
	left: 11px;
	z-index: 90;
	width: 200px;
	height: 93px;
	}
	
#promo { 
	background: url(/images/common/customer-service.jpg) no-repeat;
	width: 212px;
	height: 60px;
	padding: 15px 10px 0 294px;
	position: absolute;
	top: 0;
	left: 449px;
	}
	
#headeraccount { 
	}
	
#headercartbtn { 
	width: 80px;
	height: 23px;
	margin-right: 3px;
	float: left;
	}
	
#headercartitems { 
	display: block;
	float: left;
	width: 126px;
	padding-top: 5px;
	}
	
#headercartpromo { 
	clear: both;
	padding-top: 1px;
	}
	
#headercartpromo em, #headercartpromo i { 
	color: #e23c41;
	font-style: normal;
	}

#headercartpromo strong, #headercartpromo b { 
	color: #e23c41;
	font-weight: bold;
	}
	
/*Navigation 
------------------------------------*/  	
#hamnavigation { 
	position: absolute;
	width: 980px;
	height: 45px; 
	top: 70px;
	left: 0px;
	z-index: 70;
	background: url(/images/common/nav-bg.png) no-repeat;
}

#hamnavigation ul { 
	padding: 5px 0 0 216px;
	text-transform: uppercase;
	line-height: 1em;
	font-weight: bold;
	letter-spacing: .01em;
	}

#hamnavigation ul li { 
	float: left;
	position: relative;
	z-index: 80;
	}
	
#hamnavigation li#navquickorder { 
	width: 112px;
	}
	
#hamnavigation li#navdealerlocator { 
	width: 138px;
	}
		
#hamnavigation li#navdeals { 
	width: 71px;
	}
	
#hamnavigation li#navknowledge { 
	width: 107px;
	}
	
#hamnavigation li#navproblemsolver { 
	width: 141px;
	}
	
#hamnavigation li#navcommunity { 
	width: 103px;
	}	
	
#hamnavigation li#navevents { 
	width: 78px;
	}	
	
#hamnavigation ul li a { 
	display: block;
	padding: 14px 0 14px 16px;
	text-align: left;
	}
	
#hamnavigation ul li a:link, #hamnavigation ul li a:visited, #hamnavigation ul li a:hover, #hamnavigation ul li a:active { 
	color: #fff;
	text-decoration: none;
	}

#hamnavigation ul li a:hover, #hamnavigation ul li a:active { 
	background-color: #2a2a2a;
	}
	
#hamnavigation ul li a.active { 
	color: #E23C41;
	}
		
#hamnavigation ul li ul { 
	position: absolute;
	left: -50000px;
	z-index: 90;
	background: #2A2A2A;
	padding: 0;
	text-transform: none;
	border-top: 1px solid #666;
	}
	
#hamnavigation ul li:hover, #hamnavigation ul li.navhover { 
	position: static;
	background-color: #2a2a2a;
	}

#hamnavigation ul li:hover ul, #hamnavigation ul li.navhover ul { 
	left: auto;
	z-index: 90;
	}
	
#hamnavigation ul li:hover ul#eventssubnav, #hamnavigation ul li.navhover ul#eventssubnav { 
	/*width: 112px;*/
	right: 14px;
	text-align: right;
	}
	
#hamnavigation ul ul#eventssubnav a { 
	/*width: 80px;*/
	text-align: right;
	}
		

#hamnavigation ul li li { 
	float: none;
	}
	
#hamnavigation ul li li a { 
	padding: 9px 16px 9px 16px;
	width: 130px;
	border-bottom: 1px solid #666;
	text-align: left;
	}


#hamnavigation ul li li a:hover { 
	background: #161616;
	}
#hamnavigation ul li li a:active { 
	background: #E23C41;
	}
	
#page { 
	background: url(/images/common/page-bg.png) repeat-y 50% 0;
	width: 970px;
	margin: 0px auto;
	padding: 0px 5px;
	text-align: left;
	}

/*Sidebar 
------------------------------------*/	
#sidebar { 
	float: left;
	width: 211px;
	}
	
#sidebarsearch { 
	padding: 35px 10px 0px 10px;
	height: 31px;
	background: #efeeee url(/images/common/search-bg.gif) repeat-x 0 100%;
	}

#searchfield { 
	width: 120px;
	margin-right: 4px;
	font-size: 11px;
	}
	
#searchbutton { 
	vertical-align: middle;
	margin-right: 0;
	padding: 0;
	}
	
#subnav { 
	background: url(/images/common/sidebar-bg.gif) no-repeat 100% 0;
	padding: 10px;
	}
	
.navarrow { 
	background-image: url(/images/common/subnav-arrows.gif);
	background-repeat: no-repeat;
	background-position: 3px 0;
	height: 10px;
	width: 11px;
	vertical-align: middle;
}
	
#subnav a:link, #subnav a:visited { 
	color: #000;
	text-decoration: none;
}

#subnav a:hover, #subnav a:active { 
	color: #3333cc;
	text-decoration: none;
}

#subnav li { 
	padding: 1px 0;
}

#subnav li a:hover .navarrow, #subnav  li a:active .navarrow {
	background-position: 3px -80px; 
}

#subnav li.active a .navarrow { 
	background-position: 3px -20px; 
}

#subnav li.active a:hover .navarrow, #subnav li.active a:active .navarrow { 
	background-position: 3px -100px; 
}

#subnav li a { 
	display: block;
	background: #f0f0f0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px; 
  border-radius: 3px;
	padding: 2px 10px;
	font-weight: bold;
}

#subnav li a.active { 
	color: #0000CC;
}

#subnav li a.active .navarrow { 
	background-position: 3px -60px; 
}

#subnav li a:hover { 
	background: #e6e6e6;
}


#subnav li.active ul { 
	display: block;
	margin-bottom: 5px;
}

#subnav li.inactive ul { 
	display: none;
}


#subnav li li { 
	padding: 0 0 0 1.2em;
}

#subnav li li a, #subnav li li a:hover { 
	background: none;
	-moz-border-radius: none;
  border-radius: none;
	font-weight: normal;
	padding: 1px 10px;
}

#subnav li li li { 
	padding: 0 0 0 1.2em;
}

/*Content 
------------------------------------*/	
#content { 
	float: left;
	width: 759px;
	}	
	
#content h3 { 
	border-bottom: 1px solid #ccc;
	margin-bottom:0.5em;
	padding-bottom:0.25em;
}

#content small { 
	font-size: .9em;
}
	
.contentheader { 
	position: relative;
	height: 66px;
	}

.contentheader h2 { 
	font-size: 36px;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;	
	position: absolute;
	bottom: -5px;
	left: 9px;
	line-height: 1;
	margin: 0;
	padding: 0;
	}	

h1 { 
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #e23c41;
	padding-bottom: 5px;
	margin-bottom: 20px;
	line-height: 1.2em;
	}
	
h1.fullheader { 
	margin-left: 10px;
	margin-right: 20px;
	}
	
h2 { 
	font-weight: bold;
	font-size: 18px;
	text-transform: uppercase;
	padding-bottom: 5px;
	}
	
h3 { 
	font-size: 16px;
	font-weight: bold;
	}
	
h4 { 
	font-size: 12px;
	text-transform: uppercase;
	}	
	
#page .dividerline { 
	border-top: 1px solid #e23c41;
	margin: 10px 0;
	}
	
#page .divider { 
	border-top: 1px solid #ccc;
	margin: 10px 0;
	clear: both;
	}
		
#breadcrumbs { 
	padding: 20px;
	text-transform:capitalize;
}

#breadcrumbs span { 
	color: #999;
	padding: 0 5px;
}

#breadcrumbs span.active { 
	color: #000;
	display: inline;
}

#breadcrumbs a { 
	padding: 0 5px;
}

#breadcrumbs a.homelink { 
	background-image: url(/images/common/crumb-home.gif);
	background-repeat: no-repeat;
	background-position: 0 1px;
	padding-left: 12px;
	}

#breadcrumbs a.homelink:hover { 
	background-position: 0 -17px;
	}


#subcontent { 
	/*used without subnavigation*/
	padding: 0 0 0 18px;
	width: 756px;
	float: left;
	margin-right: 20px;
	}

#content #subcontent { 
	/*Inside content used with subnavigation*/
	padding: 0 0 0 10px;
	width: 555px;
	float: left;
	margin-right: 20px;
}

#content #notfound { 
	padding: 100px 120px 0 110px;
	font-size: 20px;
	text-align: center;
}

#notfound a:link, #notfound a:visited { 
	color: #000;
}

#notfound a:active, #notfound a:hover { 
	color: #3333cc;
}
#content #notfound div {
  text-align: left;
  width: 450px; 
  font-size: 14px;
}

#altcontent, .altcontent { 
  float: left;
  width: 154px;
}

.sidebarspiff { 
	margin-bottom: 20px;
}

#subcontent ul { 
	padding: 10px 20px;
	list-style-type: disc;
}



#altcontent h3 { 
	border-bottom:1px solid #ccc;
	font-size:14px;
	font-weight:bold;
	padding:4px 0 5px;
	margin-bottom: 5px;
}	

#altcontent ul li { 
	padding-bottom: 5px;
}	

#recentlyaltcontent { 
  float: left;
  width: 164px;
	padding-top: 34px;
	text-align:left;
	}
	
#recentlytitle { 
	padding-bottom: 10px;
	}
	
#recentlyaltcontent div { 
	height: 164px;
	width: 154px;
	text-align: center;
	}

	
#recentlyaltcontent div img { 
  margin: 0 auto 3px auto;
	display: block;
	}	
	
#recentlyaltcontent div a { 
  display: block;
  }

#recentlyaltcontent div a:link, #recentlyaltcontent div a:visited { 
  color: #000;
  }
#recentlyaltcontent div a:hover, #recentlyaltcontent div a:active { 
  color: #3333CC;
  }
		
#narrowcontent { 
  float: left;
  width: 154px;
}

#narrowcontent h3 { 
	border-bottom:1px solid #ccc;
	font-size:14px;
	font-weight:bold;
	padding:4px 0 5px;
	margin-bottom: 20px;
}	

#narrowcontent li { 
	margin-bottom: 15px;
}		

#narrowcontent li h4 { 
text-transform: uppercase;
font-weight: bold;
}		

#narrowcontent li li {
	padding: 3px 0 3px 10px;
	margin-bottom: 0;
}	
/*Footer 
------------------------------------*/	
#footer { 
	clear: both;
	background: url(/images/common/footer-bg.png) no-repeat;
	width: 960px;
	padding: 40px 10px 20px 10px;
	margin: 0 auto;
	font-size: 11px;
	text-align: left;
	}
	
#footer h4 { 
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: .3em;
	}	

#footer h5 { 
	font-size: 12px;
	font-weight: bold;
	padding-bottom: .3em;
	}	
	
#footer a:link, #footer a:visited { 
	color: #333;
	}
	
#footer a:hover, #footer a:active { 
	color: #3333cc;
	}
	
#footerdate { 
	width: 207px;
	padding-left: 24px;
	margin-right: 20px;
	float: left;
	}
	
#footer ul { 
	width: 130px;
	margin-right: 20px;
	float: left;
	}
	
#footersocial { 
	text-align: center;
	float: left;
	width: 106px;
	}
	
/*---------------------------------------------------------
  General Elements 
---------------------------------------------------------*/ 

#wrapper #page .last { 
	margin-right: 0;
	border-bottom: none;
	border-right: none;
	}

#wrapper #page .hide { 
	display: none;
	}
	
#page .bottom { 
	margin-bottom: 0;
	border-bottom: none;
	}
	
.copy { 
	margin-bottom: 1.5em;
	clear: both;
	}
	
.msg {
	background: #f0f0f0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px; 
  border-radius: 3px;
	padding: 10px;
	margin-bottom: 10px;
}

.alignright { 
	text-align: right;
}

label span { 
	color: #E23C41;
	}
.error {
	color: #e23c41;
	font-weight: bold;
}
	
.disabled { 
	color: #999;
	}
	
.disabled a:link, .disabled a:visited, .disabled a:active, .disabled a:hover { 
	color: #999;
	}

#loggedin { 
	padding-top: 20px;
	float: right;
	width: 154px;
	padding-right: 20px;
	}
	
#accountcontent #loggedin { 
	padding-right: 0px;
	}
	
#wrapper open { 
	height: auto;
	}
	
#loggedin strong { 
	color: #999;
	text-transform: uppercase;	
	display: block;
	font-size: 14px;
	}
	
#loggedin #capitalize { 
  text-transform: capitalize;  
  }	
	
input[type=text], input[type=password], input.inputfield, textarea { 
	padding: 2px 1px;
	border: 1px solid #ccc;
	}
	
/*Global Certona Formatting*/	
.certona {
	width: 370px;
	height: 120px;
}
.certona div {
	float: left;
  margin-right: 10px;
  width: 113px;
  text-align: center;
}
.certona div img { 
	border: 1px solid #ccc;
	margin-bottom: 8px;
	width: 111px;
  height: 92px;
	}
	
.certona div a, .certonalg div a { 
	display: block;
	}
.certona div a:link, .certona div a:visited { 
	color: #000;
	
	}
.certona div a:hover, .certona div a:active { 
	color: #3333CC;
  }
	
.certonalg, #page #altcontent .certonalg { 
	background: url(/images/common/title-you-may-also-like.gif) no-repeat;
	padding-top: 27px;
}

.certonalg div { 
  text-align: center;
  width: 154px;
	height: 164px;
	
  }
.certonalg div img { 
  border: 1px solid #ccc;
  margin-bottom: 3px;
  width: 152px;
  height: 126px;
  }
.certonalg div a:link, .certonalg div a:visited { 
  color: #000;
  }
.certonalg div a:hover, .certonalg div a:active { 
  color: #3333CC;
  }
.certonalgv {
  float:right; 
  width: 174px;
  }
.certonalgv div { 
  margin-bottom: 12px; 
  }
.certonalgh {
  float:left; 
  width: 492px;
  }
.certonalgh div { 
  margin-bottom: 0px; 
  }
	
/*---------------------------------------------------------
  Lightbox
---------------------------------------------------------*/ 
	
.loading { 
	padding-top: 3px;
	padding-bottom: 5px;
	height: 16px;
	width: 16px;
	display: none;
	vertical-align: middle;
	}
	
.silver59 { 
	padding-left: 21px;
	padding-right: 22px;
	background: url(/images/buttons/button-silver-59w.jpg) no-repeat;
}

.green101 { 
	padding-left: 42px;
	padding-right: 43px;
	background: url(/images/buttons/button-green-101w.jpg) no-repeat;
}

.green173 { 
	padding-left: 78px;
	padding-right: 79px;
	background: url(/images/buttons/button-green-173w.jpg) no-repeat;
}


.silver102 { 
	padding-left: 42px;
	padding-right: 44px;
	background: url(/images/buttons/button-silver-102w.jpg) no-repeat;
}

.silver144 { 
	padding-left: 63px;
	padding-right: 65px;
	background: url(/images/buttons/button-silver-144w.jpg) no-repeat;
}

.red140 { 
	background: url(/images/buttons/button-red-140w.jpg) no-repeat;
	padding-left: 61px;
	padding-right: 63px;
	}
	
	
.red238 { 
	background: url(/images/buttons/button-red-238w.jpg) no-repeat;
	padding-left: 111px;
	padding-right: 111px;
}

.silver238 { 
	background: url(/images/buttons/button-silver-238w.jpg) no-repeat;
	padding-left: 111px;
	padding-right: 111px;
}

.grey80 { 
	background: url(/images/buttons/button-silver-on-grey-80w.jpg) no-repeat;
	padding-left: 31px;
	padding-right: 33px;
}




/*ZR Lightbox
------------------------------------*/	
#mask { 
	background-color: #000;
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
	position: absolute;
	z-index: 900;
	top: 0;
	left: 0;
	width: 100%;
}
#lightboxload {
	position: absolute;
	z-index: 990;
	}
#lightbox { 
	position: absolute;
	z-index: 1000;
	background-color: #fff;
	display: none;
	}
	
#lightbox h2 { 
	position: absolute;
	z-index: 1000;
	background-color: #fff;
	display: none;
	
	}
	
#ajaxboxcontent #ajaxboxcopy h2 { 
	position: static;
	display: block;
	line-height: 1.2em;
}

#ajaxboxcontent ul { 
	margin: 1.12em 40px;
	list-style-type:disc;
}
	
.ajaxbox { 
	width: 520px;
	}
	
.ajaxbox h1 { 
	width: 480px;
	}
	
#ajaxboxcontent { 
	margin: 0 0 0 0;
	padding: 20px 0 20px 20px;
	/*height: 460px;*/
	overflow: auto;
	text-align: left;
	}
	
#ajaxboxcontent .copy { 
	padding-bottom: 1.5em;
	}
	
#ajaxboxcopy { 
	width: 332px;
	}

#lightboximage { 
	padding: 10px;
	position: relative;
	z-index: 1020;
	}
	
#lightboxutil { 
	position: absolute;
	top: -8px;
	right: -10px;
	z-index: 1100;
	}

#lightboxutil img { 
	cursor: pointer;
	
	}
	
.lightboxprev {  
	}
	
.lightboxnext {  

	}
	
#lightboxcaption { 
	top: 10px;
	left: 10px;
	padding: 10px 10px 20px 10px;
	background: #fff;
	opacity: 0;
	filter:alpha(opacity=0);
	text-align: center;
	margin: 0;
	position: absolute;
	z-index: 1050;
	color: #000;
	}
	
#lbminiclose { 
	position: absolute;
	bottom: 5px; 
	right: 5px;
	cursor: pointer;
	}
	
.zoomdetailhidden { 
	display: none;
	}
	


	





/*---------------------------------------------------------
  Individual Pages 
---------------------------------------------------------*/ 

/*Home 
------------------------------------*/	
#homehero { 
	height: 225px;
	position: relative;
  padding-bottom: 20px;
  position: relative;
  z-index: 1;
}
	
#homeherocallouts { 
  position: absolute;
  z-index: 50;
  top: 20px;
  left: 20px;
  width: 250px;
}
	
#homeherocallouts a { 
  margin-bottom: 10px;
  display: block;
}
#homeherocontroller {
	z-index: 60;
	position: absolute;
	top: 200px;
	left: 10px;
}

#homeherocontroller img {
  background: url(/images/common/hero-controls.png) no-repeat;
	width: 15px; 
	height: 15px;
	display: block;
	float:left;
	margin-right: 3px;
	cursor: pointer; 
} 
#homeherocontroller img.leftarrow {
  background-position: 0px 0px; 
}
#homeherocontroller img.leftarrow:hover {
  background-position: 0px -15px; 
}
#homeherocontroller img.rightarrow {
  background-position: 0px -30px; 
}
#homeherocontroller img.rightarrow:hover {
  background-position: 0px -45px; 
}
#homeherocontroller img.dot {
  background-position: 0px -90px; 
}
#homeherocontroller img.dot:hover {
  background-position: 0px -60px; 
}
#homeherocontroller img.active {
  background-position: 0px -75px; 
}
#homeherocontroller img.active:hover {
  background-position: 0px -75px; 
}


/*slideshow styles*/
.heroslide { 
  z-index: 5;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  color: #fff;
}

#heroslide0 { 
	/*first one*/
  z-index: 10;
  display: block;
}
  
.heroslide img  { 
}
  
.heroslide a  { 
}


#homecontent { 
	padding: 0 10px;
}
	
.homebox { 
	float: left;
	margin: 0 10px 20px 0; 
	width: 236px;
}
.hometestimonial { 
	float: left;
	margin: 0 10px 0 0; 
	width: 216px;
	height: 110px;
	background: url(/images/common/testimonial-bkgd-home.jpg);
	padding: 50px 10px 20px 10px;
	cursor: pointer;
}

.hometestimonial img { 
	float: left;
	border: 1px solid #fff;
	margin: 0 10px 20px 0;
	}

.hometestcopy { 
	padding: 0 10px;
	}
	
.hometestbyline { 
	text-align: right;
	font-style: italic;
	}

#homeeventsreads	{
	width: 236px;
	font-size: 11px;
	line-height: 1.5em;
	float: right;
	padding-right: 11px;
}

#homeeventsreads a:link, #homeeventsreads a:visited { 
	color: #333;
}

#homeeventsreads a:hover, #homeeventsreads a:active { 
	color: #3333cc;
	}
	


#homeeventsreads ul { 
	padding: 0 0 10px 15px;
	list-style-type: square;
	}
	

#homeeventsreads ul li { 
	}

#homeeventsreads h3 { 
	text-indent: -3000px;
	overflow: hidden;
	height: 25px;
	background-repeat: no-repeat;
	border-bottom: 1px solid #e23c41;
	margin-bottom: 5px;
	}

h3#homeevents { 
	background-image: url(/images/common/home-upcoming-events.gif);
}

h3#homereads { 
	background-image: url(/images/common/home-essential-reads.gif);
}

#homeemailsignup { 
	padding: 29px 10px 0 0;
	height: 48px;
	text-align: right;
	background: url(/images/common/home-email-signup-bg.gif) no-repeat 0 5px;
	width: 472px;
	float: left;
	}
	
#homeemailsignup input { 
	color: #666;
	vertical-align: middle;
	}
	
#homesignupfield {
	width: 88px;
	font-size: 11px;
	}
	
#homeproducts { 
	float: left;
	height: 180px;
	padding-bottom: 20px;
	} 

#content h3#homeprodhead { 
	background: url(/images/common/home-products-you-may.gif) no-repeat;
	text-indent: -5000px;
	height: 19px;
	width: 482px;
	border: 0;
}	
#home_rr {
	padding-top: 0;
	background: none;
}

.homeprod a:link, .homeprod a:visited { 
	color: #333;
	}
	
.homeprod a:active, .homeprod a:hover { 
	color: #0000CC;
	}

.homeprod img { 
	margin-bottom: 5px;
	border: 1px solid #ccc;
	}
	
	#dealsbottompromos {
	  padding-left: 10px;
	}
	
/* Product Category
------------------------------------*/
#categoryintro { 
	padding: 0 0 0 10px;
	width: 555px;
	}
	
#categoryintro .copy { 
	margin-bottom: 20px;
	}
	
#categoryproducts {
	background: #f0f0f0; 
	float: left;
	margin-bottom: 20px;
}

.catitem { 
	float: left;
	width: 262px;
	padding: 15px 15px 15px 0;
	
}

.catitem h2 { 
	border-bottom: 1px solid #E23C41;
	margin-bottom: 4px;
	padding-bottom: 2px;
	line-height: 1.2em;
	font-size: 19px;
	}
	
.catitem h2 a:link, .catitem h2 a:visited { 
	color: #000;
	}
	
.catitem h2 a:active, .catitem h2 a:hover { 
	color: #3333cc;
}

.catcopy { 
	margin-bottom: 5px;
	}

.catitem .catcopy { 
	min-height: 110px;
	}
	
#page .subcatitem .catcopy { 
	min-height:77px;
}

.catthumb { 
	float: left;
	width: 115px;
	heigth: 155px; 
}

.catdesc { 
	float: left;
	width: 147px;
	padding-top: 5px;
	position: relative;
}

.catlearnmore { 
	}
	
.subcatitem { 
	height:auto;
}

.subcatitem h2 {
	margin-left: 10px;
}

.subcatitem h2 small {
	font-weight: normal;
	font-size: 12px;
}

.subcatitem .catdesc {
}	

#categorypromo { 
	float: left;
	padding: 0 10px 10px 0;
	width: 186px;
}
	
#categoryrecent { 
	float: left;
	width: 359px;
	height: 155px;
	overflow: hidden;
}

#recentheader { 
	margin-right: 5px;
}

#recentviewall { 
	text-transform: uppercase;
}

.recentlyimg { 
	border: 1px solid #ccc;
	margin-bottom: 8px;
	}


#categoryrecent div { 
	float: left;
	width: 113px;
	padding-top: 5px;
	margin-right: 10px;
	text-align: center;
	height: 135px;
	line-height: 1.2em;
}

#categoryrecent a:link, #categoryrecent a:visited { 
	color: #000;
}

#categoryrecent a:active, #categoryrecent a:hover { 
	color: #3333CC;
}
#categoryrecent div img { 
	border: 1px solid #ccc;
}

#categorypromoset { 
	clear: both;
	padding: 10px 0 10px 10px;
	}
	
#categorypromoset img { 
	float: left;
	margin-right: 10px;
	}
	
#altcontenttitle { 
	margin-bottom: 10px;
	}
/*
#cat_rr div { 
	margin-bottom: 20px;
}
*/	
/*Product 
------------------------------------*/
#proddetcontainer {
  width: 729px;
  position: relative;
  float:left;
}
#proddetbread {
  width: 719px;
  height: 10px;
  padding: 20px 0px 20px 10px;
  float:left;
  text-transform: uppercase;
  line-height: 1em;
  font-weight: bold;
}
#proddettopinfo {
  float:left;
  width: 739px;
  min-height: 290px;
  position:relative;
	padding-bottom: 30px;
}
#proddetprodimg {
  width: 233px;
  height: 315px;
  padding: 0 10px;	
  float:left;
}
#proddetnamemaininfobox {
  width: 486px;
  min-height: 315px;
  float: left;
  border: none;
}
#proddetnamemaininfobox #title {
  font-weight: bold;
  float:left;
  width: 320px;
  padding: 15px 0 0 0;
  border: none;
  float:left;
}

#proddetnamemaininfobox #title h1 {
  text-transform: uppercase;
  font-size: 24px;
  font-weight: bold;
  border: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  line-height: 22px;
  float:left;
  width: 320px;
}

#proddetnamemaininfobox #title h3 {
  text-transform: uppercase;
	font-size: 12px;
  font-weight: bold;
  float:left;
  width: 320px;
	padding-bottom: 5px;
}

#proddetnamemaininfobox .price {
  float: left;
  width: 166px;
  height: 25px;
  text-align: right;
  font-size: 14px;
  font-weight: bold;
  padding: 20px 0 0 0;
}

.price span {
  color: #e23c41;
  font-weight: bold;
}

#proddetnamemaininfobox #rule {
  border-top: 1px solid #e23c41;
  width: 486px;
  height: 0;
	clear: both;
}
#proddetnamemaininfobox #description {
  float: left;
  width: 270px;
  padding: 20px 0 0 0;
}
#description ul {
	margin-left: 20px;
	list-style-type: disc;
}
#proddetnamemaininfobox #cartcontrols {
  float: left;
  width: 216px;
  padding: 20px 0 0 0;
  text-align: right;
}
.availdate {
	/*width: 200px;*/
	margin-left: 10px;
}

.availdate .msg {
  /*-moz-border-radius: 4px;
  -webkit-border-radius: 4px; 
  border-radius: 4px;
  background-color: #f3f3f3;*/
  /* background-image: url(/images/product/detail/avail-statement-bg.gif); */
  margin: 5px 0 0 10px;
  text-align: left;
  font-size: 10px;
  text-transform: uppercase;
  color: #e23c41;
  padding: 8px;
}
#proddetnamemaininfobox .dimension {
  margin-bottom: 10px;
  text-transform: uppercase;
}
#proddetnamemaininfobox #quantity {
  text-transform: uppercase;
  margin: 5px 0 0 0;
}
#proddetnamemaininfobox #quantity input {
	width: 40px;
}
#proddetnamemaininfobox #addtocart {
  margin: 5px 0 0 76px;
  width: 140px;
  height: 24px;
  /*background-image: url(/images/product/detail/button-add-to-cart.jpg);*/
  cursor:pointer;
}

#addtocartloading { 
	width: 140px;
	background: url(/images/buttons/button-add-cart-bg.png) no-repeat 0 0;
	}

.proddetdimselect {
  width: 150px;	
  margin-top: 5px;
}
#printerfriendlyversion {
	width: 127px;
	height: 15px;
  background-image: url(/images/product/detail/printer-friendly-version.gif);
  position:absolute;
  right: 0px;
  bottom: 10px;
  z-index: 2;
	cursor: pointer;
}
#proddetsecond {
  float:left;
  width: 729px;
  padding: 10px;
}
#proddetrelatedbox {
  width: 360px;
  float:left;
}
#proddetrelatedbox .testimonial {
  width: 357px;
  float:left;
  background-image: url(/images/product/detail/testimonial-detail-bkgd.jpg);
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px; 
  border-radius: 6px;
  border: 1px solid #ccc;
}

#proddetrelatedbox .testimonial h3 {
	display: none;
}

#proddetrelatedbox .testimonial img {
	border: 1px solid #fff;
	float: left;
	margin: 36px 10px 10px 10px; 
}
#proddetrelatedbox .testimonial p {
  padding: 40px 0 0 10px;
  width: 330px;
  overflow: hidden;

  float:left;
  line-height: 1.5em;
}
#proddetrelatedbox .testimonial p.pwithphoto {
  padding: 46px 0 0 0;
  width: 260px;
  overflow: hidden;
  font-size: 12px;
  float:left;
}
#proddetrelatedbox .testimonial span#testimtext {
	
}
#proddetrelatedbox .testimonial span#testimtexttrunc {
	display: none;
}
#proddetrelatedbox .testimonial span#testimtextfull {
  display: none;
}

#proddetrelatedbox a#testimore {
  display:block;
  float:right;
  margin: 10px;
  text-decoration: underline;
  width: 300px;
  text-align: right;
}
.testimonialimage {
	float:left;
	text-align: top;
	margin-right: 5px;
	margin-bottom: 3px;
	border: #666 solid 1px;
}
.prodtestimonial {
  line-height: 16px;  
  margin-bottom: 10px;  
}
	
#freeknowprod_rr {
  background: url(/images/product/detail/hdr-products-you-may-like.gif) no-repeat;
  padding: 25px 0 0 0;
  margin-top: 20px;
  float:left;
}
  
#youmayalsolike {
	background: url(/images/product/detail/hdr-products-you-may-like.gif) no-repeat;
  padding: 25px 0 0 0;
  width: 360px;
  height: 116px;
  margin-top: 20px;
  float:left;
}

#proddetrelatedbox #recentlyviewed {
  background: url(/images/product/detail/hdr-recently-viewed.gif) no-repeat;
  padding: 25px 0 0 0;
	width: 360px;
  height: 116px;
  margin-top: 20px;
  float:left;
}

/* Recently Viewed products */
#recentlyviewed div { 
  text-align: center;
  float:left;
  width: 113px;
  margin-right: 10px;
}
#recentlyviewed div.last {
	margin-right: 0px;
} 
#recentlyviewed div img { 
  border: 1px solid #ccc;
  margin-bottom: 8px;
  width: 111px;
  height: 92px;
  }
#recentlyviewed div a:link, #recentlyviewed div a:visited { 
  color: #000;
  }
#recentlyviewed div a:hover, #recentlyviewed div a:active { 
  color: #3333CC;
  }

#proddetinfobox {
  width: 360px;
  background-color: #f5f5f5;
  float:left;
  margin-left: 9px;
}

ul#proddetinfotab {
	display: block;
}
#proddetinfobox ul#proddetinfotab li {
	width: 71px;
	height: 35px;
	float: left;
	margin-right: 1px;
	cursor:pointer;
}

#proddetinfobox ul#proddetinfotab li#autoresupplytab {
  background: url(/images/product/detail/tab-autoship.gif) no-repeat;
}

#proddetinfobox ul#proddetinfotab li#autoresupplytab.active {
  background: url(/images/product/detail/tab-autoship-on.gif) no-repeat;
}

#proddetinfobox ul#proddetinfotab li#benefitstab {
  background: url(/images/product/detail/tab-benefits.gif) no-repeat;
}
#proddetinfobox ul#proddetinfotab li#benefitstab.active {
  background: url(/images/product/detail/tab-benefits-on.gif) no-repeat;
}
/* === begin hammer camp rough in hammercamp=== */

#proddetinfobox ul#proddetinfotab li#abouttab.active {
  background: url(/images/product/detail/tab-about-the-camp-on.gif) no-repeat;
}
#proddetinfobox ul#proddetinfotab li#abouttab {
  background: url(/images/product/detail/tab-about-the-camp.gif) no-repeat;
}

#proddetinfobox ul#proddetinfotab li#sampleweektab.active {
  background: url(/images/product/detail/tab-sample-week-on.gif) no-repeat;
}
#proddetinfobox ul#proddetinfotab li#sampleweektab {
  background: url(/images/product/detail/tab-sample-week.gif) no-repeat;
}

#proddetinfobox ul#proddetinfotab li#samplemenutab.active {
  background: url(/images/product/detail/tab-sample-menu-on.gif) no-repeat;
}
#proddetinfobox ul#proddetinfotab li#samplemenutab {
  background: url(/images/product/detail/tab-sample-menu.gif) no-repeat;
}

#proddetinfobox ul#proddetinfotab li#termstab.active {
  background: url(/images/product/detail/tab-camp-terms-on.gif) no-repeat;
}
#proddetinfobox ul#proddetinfotab li#termstab {
  background: url(/images/product/detail/tab-camp-terms.gif) no-repeat;
}

/* === end hammer camp rough in === */

#proddetinfobox ul#proddetinfotab li#productdetailtab {
  background: url(/images/product/detail/tab-product-detail.gif) no-repeat;
}
#proddetinfobox ul#proddetinfotab li#productdetailtab.active {
  background: url(/images/product/detail/tab-product-detail-on.gif) no-repeat;
}

#proddetinfobox ul#proddetinfotab li#redeemtab {
  background: url(/images/product/detail/tab-redeem.gif) no-repeat;
}
#proddetinfobox ul#proddetinfotab li#redeemtab.active {
  background: url(/images/product/detail/tab-redeem-on.gif) no-repeat;
}

#proddetinfobox ul#proddetinfotab li#programstab {
  background: url(/images/product/detail/tab-programs.gif) no-repeat;
}
#proddetinfobox ul#proddetinfotab li#programstab.active {
  background: url(/images/product/detail/tab-programs-on.gif) no-repeat;
}

#proddetinfobox ul#proddetinfotab li#technologyexplainedtab {
  background: url(/images/product/detail/tab-technology-explained.gif) no-repeat;
}
#proddetinfobox ul#proddetinfotab li#technologyexplainedtab.active {
  background: url(/images/product/detail/tab-technology-explained-on.gif) no-repeat;
}

#proddetinfobox ul#proddetinfotab li#whatsincludedtab {
  background: url(/images/product/detail/tab-whats-included.gif) no-repeat;
}
#proddetinfobox ul#proddetinfotab li#whatsincludedtab.active {
  background: url(/images/product/detail/tab-whats-included-on.gif) no-repeat;
}

#proddetinfobox ul#proddetinfotab li#paymentoptionstab {
  background: url(/images/product/detail/tab-payment-options.gif) no-repeat;
}
#proddetinfobox ul#proddetinfotab li#paymentoptionstab.active {
  background: url(/images/product/detail/tab-payment-options-on.gif) no-repeat;
}

#proddetinfobox ul#proddetinfotab li#relatedproductstab {
  background: url(/images/product/detail/tab-related-products.gif) no-repeat;
}
#proddetinfobox ul#proddetinfotab li#relatedproductstab.active {
  background: url(/images/product/detail/tab-related-products-on.gif) no-repeat;
}

#proddetinfobox ul#proddetinfotab li#relatedarticlestab {
  background: url(/images/product/detail/tab-related-articles.gif) no-repeat;
}
#proddetinfobox ul#proddetinfotab li#relatedarticlestab.active {
  background: url(/images/product/detail/tab-related-articles-on.gif) no-repeat;
}

#proddetinfobox ul#proddetinfotab li#productvideotab {
  background: url(/images/product/detail/tab-product-video.gif) no-repeat;
}
#proddetinfobox ul#proddetinfotab li#productvideotab.active {
  background: url(/images/product/detail/tab-product-video-on.gif) no-repeat;
}

#proddetinfobox ul#proddetinfotab li#productusagetab {
  background: url(/images/product/detail/tab-usage.gif) no-repeat;
}
#proddetinfobox ul#proddetinfotab li#productusagetab.active {
  background: url(/images/product/detail/tab-usage-on.gif) no-repeat;
}

#proddetinfobox ul#proddetinfotab li#sizingtab {
  background: url(/images/product/detail/tab-sizing-chart.gif) no-repeat;
}
#proddetinfobox ul#proddetinfotab li#sizingtab.active {
  background: url(/images/product/detail/tab-sizing-chart-on.gif) no-repeat;
}

#proddetinfobox ul#proddetinfotab li#payopttab {
  background: url(/images/product/detail/tab-payment-options.gif) no-repeat;
}
#proddetinfobox ul#proddetinfotab li#payopttab.active {
  background: url(/images/product/detail/tab-payment-options-on.gif) no-repeat;
}

#proddetinfobox ul#proddetinfotab li#notestab {
  background: url(/images/product/detail/tab-notes.gif) no-repeat;
}

#proddetinfobox ul#proddetinfotab li#notestab.active {
  background: url(/images/product/detail/tab-notes-on.gif) no-repeat;
}

#proddetinfobox ul#proddetinfotab li#ingredientstab {
  background: url(/images/product/detail/tab-ingredients.gif) no-repeat;
}
#proddetinfobox ul#proddetinfotab li#ingredientstab.active {
  background: url(/images/product/detail/tab-ingredients-on.gif) no-repeat;
}

#proddetinfobox ul#proddetinfotab li#nutritiontab {
  background: url(/images/product/detail/tab-nutrition.gif) no-repeat;
}
#proddetinfobox ul#proddetinfotab li#nutritiontab.active {
  background: url(/images/product/detail/tab-nutrition-on.gif) no-repeat;
}
#proddetinfobox div {
	display: none;
  padding: 20px 10px 0 10px;
}
#proddetinfobox div ul {
  list-style-type: disc;
  margin: 0px 10px 10px 30px;
}
#proddetinfobox div table {
  margin-top: 0px;	
	font-size: 11px;
}


#proddetinfobox tr:nth-child(odd) td, #proddetinfobox tr.odd td {
	background-color: #e6e6e6;
}

#proddetinfobox div.active {
	display:block;
}
#proddetinfobox div h3 {
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 12px;
}



/*** 
  Define the table to be of the class "nutrition"
*/
#nutritioncontent table {
  width:340px;
  margin-top:10px;
  margin-left:0;
  margin-right:0;
  border:1px solid black;
  border-collapse:collapse;
  table-layout:auto;
}
/*** 
  Format the caption at the top of the table
*/
#nutritioncontent table caption {
  font-family:Arial;
  font-size:small;
  font-style:italic;
}
/***
  Format the tr ids 
*/
#nutritioncontent table tr#calories td {
  border-bottom:4px solid black;
}
#nutritioncontent table tr#servings td {
  border-bottom : 6px solid black;
}
#nutritioncontent table tr#minerals td {
  border-top:4px solid black;
}
#nutritioncontent table tr#disclaimer td {
  border-top:4px solid black;
}
/*** 
  Format the header, which is basically the text "Nutrition Facts"
*/
#nutritioncontent table th {
  background-color:transparent;
  padding:3px;
  border:0;
  font-family:Arial;
  font-size:large;
  font-weight:bolder;
} 
/*** 
  Define the baseline style for cells
*/
#nutritioncontent table td {
  padding:3px;
  font-family:Arial;
  font-size:x-small;
  border:0;
  border-bottom:1px solid black;
  text-align:left;
}
/*** 
  Define the cell for Daily Values
*/
#nutritioncontent table td.dv {
  font-weight:bold;
  text-align:right;
}
/*** 
  Set an indent for subordinate nutrients
*/
#nutritioncontent table td.sub {
  text-indent : 10px;
}
/*** 
  Set the style of the disclaimer text
*/
#nutritioncontent table td.disclaimer {
  font-size:x-small;
}
/*** 
  Use the strong tag to set emphasis on particular text
*/
#nutritioncontent table strong {
  font-weight:x-bolder;
}







/* Quick Order
------------------------------------*/	
#headerquickorder { 
	height: 24px;
	position: relative;
	background: url(/images/headers/quick-order.jpg) no-repeat;
	font-weight: bold;
	padding: 42px 180px 0 287px;
	margin-bottom: 25px;
	text-align: center;
	}
	
#headerquickorder a { 
	padding: 3px .6em 2px .6em;
	}
	
#qocontent { 
	padding: 0 0 0 10px;
	width: 535px;
	float: left;
	margin-right: 20px;
	}	
	
#qocontent h1 { 
	clear: both;
	margin-bottom: 5px;
	}		

#qocontent .backtotop { 
	float: right;
	margin-bottom: 10px;
	}
	
#qocontent h5 { 
	font-weight: bold;
	}	
	
.qoitem { 
	padding: 10px 0;
	border-top: 1px solid #ccc;
	font-size: 11px;
	float: left;
	}
	
.qoitem.short { 
	width: 278px;
	}
	
#wrapper .qoitem.bottom { 
	border-bottom: 1px solid #ccc;
	}
	
.qoitem.short.last { 
	width: 257px;
	}
	
#page .qoitem h2 { 
	display: inline;
	font-size: 16px;
	}
	
.qoitem em { 
	color: #CC3333;
	font-style: normal;
}

.short .qoitemwrapper {
	float: left;
	padding-right: 10px;
	border-right: 1px solid #ccc;
	width: 257px;
	
	}
	
.short.last .qoitemwrapper { 
	border: none;
	width: 257px;
	margin: 0;
	padding: 0;
	}

.qodetailslink { 
	text-transform: uppercase;
}
	
.qothumb { 
	float: left;
	width: 117px;
	text-align: center;
	height: 150px;
	
	}
	
.qoitemsdesc { 
	float: left;
	padding: 45px 5px 0 0;
	width: 268px;
}

.qodescrow { 
	float: left;
	width: 128px;
	padding: 2px 10px 2px 0;
}

.qopricerow { 
	float: left;
	padding: 2px 7px 2px 7px;
	border-left: 1px solid #ccc;
	width: 110px;
}

.qoitem .head { 
	text-transform: uppercase;
	border-bottom: 1px solid #ccc;
	}
	
.qoitem .qodescrow.head { 
	}

.qoitemselectcolumn { 
	float: left;
	width: 140px;
	text-align: right;
	padding-top: 5px;
}

qoitemselectcolumn p { 
	padding-bottom: 5px;
	}

.qoitemselectcolumn h5 { 
	margin-bottom: 5px;
}

.qoitemselectcolumn select { 
	width: 140px;
	margin-bottom: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.qoitemselectcolumn label { 
	text-transform: uppercase;
}

.qoitemselectcolumn .msg { 
	color: #CC3333;
	text-transform: uppercase;
	padding: 5px 10px;
	text-align: center;
	font-size: 10px;
}

.qoqty { 
	width: 30px;
	padding: 2px;
	margin: 0 0 5px 5px;
	}
	
.qoaddtocartbtn { 
	margin-bottom: 3px;
}

.addedmsg {
	color: #CC3333;
	background: #f0f0f0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px; 
  border-radius: 3px;
	padding:4px 10px;
	text-transform: uppercase;
	display: none;
	text-align: center;
}
	


#qosidebar { 
	float: left;
	width: 174px;
	padding-top: 35px;
	position: relative;
	}
	
#qocart { 
	background: #f2f1f1 url(/images/product/quick-order/quick-order-cart-bg.jpg) no-repeat 0 0;
	padding: 7px 10px 10px 10px;
	font-size: 11px;
	position: relative;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px; 
  border-radius: 3px;
	width: 154px;
	}

#qocart strong { 
	font-style: normal;
	color: #cc3333;
}
	

#qocart h5 { 
	font-weight: bold;
}
		


#qostatus { 
	padding: 15px 0 5px 0;
	font-weight: bold;
	font-size: 12px;
}

#qocartpromo { 
 	background-color: #fff;
 	-moz-border-radius: 3px;
	-webkit-border-radius: 3px; 
  border-radius: 3px;
	padding: 5px 10px;
	font-size: 12px;
	margin-bottom: 5px;
	text-align: center;
 }
 

#qocartpromo em, #qocartpromo b, #qocartpromo strong { 
	color: #CC3333;
 }
 
#qocartnotes { 
	text-align: center;
	margin: 5px;
	}
	
#qocartbutton { 
	margin-bottom: 5px;
	}
	
#qocart .divider { 
	background: url(/images/product/quick-order/qo-cart-divider.gif) no-repeat;
	height: 9px;
	margin: 0;
	}
	
.qocartitem { 
	padding: 5px 0;
	border-bottom: 1px solid #ccc;
	color: #666666;
	}
	
.qocartitem input { 
	width: 27px;
	text-align: center;
	}
	
#qoitemsscroller { 
	overflow: auto;
	}	

/* Knowledge Home 
------------------------------------*/  
.knowhome {
  position: relative;
}

.knowhome .copy {
  margin-bottom: 0;
}
.knowhome h1 {
	line-height: 24px;
}
#knowledgesearch { 
	margin-bottom: 20px;
}
#knowledgesearch div#title {
  text-transform: uppercase;
  color: #979797;
  font-weight: bold;
  font-size:13px;
  margin-bottom: 5px;
}
#knowledgesearch input#searchfield {
  width: 107px;
  height: 18px;
  float:left;
  color: 
}
#knowledgesearch img {
  width: 36px;
  height: 23px;
  float: left;
}
.knowledgesectionbx {
  width: 340px;
  height: 80px;
  float:left;
  background-color: #f0f0f0;
  margin: 0px 0px 10px 10px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; 
  border-radius: 3px;
	padding: 10px;
}
.knowledgesectionbx img {
  margin: 0 10px 0px 0;	
  float:left;
}
/*.knowledgesectionbx div {
  float:left;
  width: 246px;
  margin-top: 10px;
}*/
.knowledgesectionbx a.title, .knowledgesectionbx h4 {
	font-size: 14px; 
	font-weight: bold;
	margin-bottom: 5px;
	text-transform: uppercase;
	color: #000;
	margin-bottom: 5px;
	display: block;
}

.knowledgesectionbx h4 a:link, .knowledgesectionbx h4 a:visited {
	color: #000;
}

.knowledgesectionbx h4 a:active, .knowledgesectionbx h4 a:hover {
	color: #33C;
}

.knowledgesectionbx p {
	font-size: 11px;
}

#knowledgefeatured {
  width: 360px;
  height: 210px;
  float:right;
  background-color: #e7e9f5;
  margin: 0px 20px 10px 0px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; 
  border-radius: 3px;
  overflow:hidden;
}
#knowledgefeatured h3 {
	width: 339px;
  text-transform: uppercase;
	border-bottom: 1px solid black;
	margin: 15px 0px 0px 10px;
	font-size: 16px;
}
#knowledgefeatured div.title {
  width: 339px;
	font-size: 16px;
  font-weight: bold;
  margin: 10px 0 0 10px;
}
#knowledgefeatured div.byline {
  width: 339px;
	font-size: 12px;
  font-weight: bold;
  margin: 0 0 0 10px;
}
#knowledgefeatured div.feattext {
	font-size: 11px;
	width: 339px;
	margin: 10px 0 0 10px;
}
#knowledgefeatured div.readmorelink {
	text-align: right;
	margin: 0px 10px;
}

a.readmore {
  background-image: url(/images/common/subnav-arrows.gif);
  background-repeat: no-repeat;
  background-position: 100% -38px;
  /*height: 10px;
  width: 11px;
  vertical-align: middle;*/
  padding: 0px 10px 0px 0px;
  font-size: 11px;
  text-transform: uppercase;
}
a.readmore:hover {
  background-position: 100% -78px;
}



.knowledgeartclipbox {
  width: 360px;	
  float: left;
  margin: 10px 0px 10px 10px;
  padding: 0 0 10px 0;
}
.knowledgeartclipbox div.head {
  width: 359px;
  height: 26px;
  text-indent: -400px;
  overflow: hidden;
  border-bottom: 1px #e13c43 solid;
}
.knowledgeartclipbox div.head a {
	display: block;
  /*width: 359px;*/
  height: 26px;
}
.knowledgeartclipbox #featuredarticletitle {
  background: url(/images/knowledge/title-featured-articles.gif) no-repeat;
}
.knowledgeartclipbox #feedback {
  background: url(/images/knowledge/title-feedback.gif) no-repeat;
}
.knowledgeartclipbox div.article {
  margin: 10px 0px 0px 0px;
  font-size: 11px;
}
.knowledgeartclipbox div.article div.signature {
	margin-left: 216px;
	font-style: italic;
}
.knowledgeDetailHeader {
	border-bottom: none;
	margin-bottom: 4px;
}
#knowhomeceretona {
	margin-top: 20px; 
}
.productsyoumaylike {
  width: 369px;
  height: 133px;
  padding: 25px 0px 0px 0px;
  margin-top: 20px;
  background: url(/images/knowledge/title-products-you-may-like.gif) no-repeat;
  overflow: hidden;
}
.productsyoumaylike div {
  width: 113px;
  height: 133px;
  float:left;
  margin-right: 10px;
}
.productsyoumaylike img {
	border: 1px #cccccc solid;
}

/*Knowledge Detail 
------------------------------------*/	
#knowledgeauthor { 
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
	color: #999;
	font-style: italic;
}

#knowledgeauthor h5 { 
}

#knowledgeauthor img { 
	float: left;
	margin-right: 10px;
	border: 1px solid #ccc;
}
.knowdeth4 {
  margin: -10px 0 0 0;
}
	
/*Knowledge Detail 
------------------------------------*/  
.headwithsubhead {
  
}
.headwithsubhead h1 {
  font-size: 24px;
  font-weight: bold;
  text-transform: uppercase;
  border-bottom: none;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.headwithsubhead div {
  font-size: 12px;
  border-bottom: 1px solid #e23c41;
  padding-bottom: 5px;
  margin-bottom: 20px;
}
.knowledgesection {
  clear:both; 
  position: relative;
  margin-bottom: 20px;
}
.knowledgesection h4 {
  font-weight: bold;
  text-transform: none;
  font-size: 14px;
}

/*.knowledgesection a {
	color: black;
	margin-left: 10px;
	display: block;
	float:left;
	width: 650px;
	 border: 1px solid blue; 
  padding: 0em;
}
*/

#relatedproducts { 
}

#relatedproducts h3 { 
	background: url(/images/common/title-related-products.gif) no-repeat 0 100%;
	height: 37px;
	border-top: 1px solid #e23c41;
	border-bottom: 0;
	margin-bottom: 10px;
	overflow:hidden;
	text-indent: -50000px;
	padding-bottom: 0;
}

#relatedproducts div { 
	float: left;
	margin: 0 10px 10px 0;
	width: 154px;
	text-align: center;
}

#relatedproducts div img { 
	margin-bottom: 8px;
	border: 1px solid #ccc;
}

#relatedproducts a { 
	color: #000;
}

#relatedproducts a:hover, #relatedproducts a:active { 
	color: #3333cc;
}

/*Problem Solver
------------------------------------*/	
#pscontent { 
	width: auto;
	padding: 0 10px;
	}

#psdetailimage {
  width: 340px;
  float:right;
  background-color: #f0f0f0;
  margin: 0px 10px 0px 0px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; 
  border-radius: 3px;
  padding: 10px;
}
#psdetailimage img {
  margin: 0 10px 10px 0; 
  float:left;
}
#psdetailimage p {
  padding: 10px 0px 0px 0px;
  font-size: 11px;
}
.psbottombx {
	float:left; 
  margin: 10px 0px 0px 0px;
}

/*Community landing 
------------------------------------*/	
#communitycontent { 
	padding: 0 20px 0 10px;
}
 
#commcolumna { 
	float: left;
	width: 359px;
	padding: 0 10px 0 0;
}

#commcolumna .knowledgesectionbx { 
	margin-left: 0;
	float: none;
}

#commcolumnb { 
	float: left;
	width: 359px;
}
	
.featurebox { 
	background-color:#E7E9F5;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px; 
	border-radius: 3px;
	padding: 10px;
	margin-bottom: 10px;
}
.featurebox h3 a:link, .featurebox h3 a:visited { 
	color: #000;
	}	
	
.featurebox h3 a:active, .featurebox h3 a:hover { 
	color: #3333cc;
	}

.landingbox { 
	background-color:#F0F0F0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px; 
	border-radius: 3px;
	padding: 10px;
	margin-bottom: 10px;
}

.featurebox h3, .landingbox h3 { 
	text-transform: uppercase;
	font-size: 16px;
	margin-bottom: 5px;
	padding-bottom: 3px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}

.featurebox h4, .landingbox h4 { 
	font-size: 14px; 
	font-weight: bold;
	margin-bottom: 5px;
}

#commlandingvid { 
	padding-bottom:15px;
	text-align: center;
	}
	
#commlandingvid h4  { 
 	float: left;
	font-size: 14px; 
	font-weight: bold;
	margin-bottom: 5px;
	}

#commlandingvid .readmore  { 
 	float: right;
	display: block;
	width: auto;
	}	
	
#commlandingvid object, #commlandingvid embed { 
 	clear: both;
	}
	
#networkbox h4 {  
	margin-bottom: 15px;
	}
#networkbox h4 a:link, #networkbox h4 a:visited { 
	color: #000;
	}	
	
#networkbox h4 a:active, #networkbox h4 a:hover { 
	color: #3333cc;
	}
	
#networkbox img {  
	margin-right: 7px;
	}
	
#commbuckswinner { 
	text-align: center;
	margin-bottom: 20px;
	}
	
#commbuckswinner h3 { 
	text-align: left;
	}
	
#commbuckswinner img { 
	margin-bottom: 10px;
	}
	
#commblogentries {
	padding: 5px 0 20px 0;	
	}

.buckslinks { 
	text-align: right;
	}

.buckslinks a { 
	display: block;
	}
/*Hammer bucks content from Vince*/	
#buck-container {
  border-top-style: solid; 
  border-top-color: #808080;
  border-top-width: 1px;  
  border-bottom-style: solid; 
  border-bottom-color: #000000;
  border-bottom-width: 1px;  
  width: 555px;
  height: 156px;
}
#buck-img {
  position: relative;
  top: 0px;
  left: 0px;
  width: 280px;
  height: 156px;
}
#buck-title {
  background: #d9dacc;
  position: relative;
  top: -156px;
  left: 280px;
  width: 275px;
  height: 40px;
  text-align: center;
}
#buck-content {
  position: relative;
  top: -156px;
  left: 280px;
  width: 275px;
  height: 80px;
  text-align: center;
}
#buck-prize {
  position: relative;
  top: -156px;
  left: 280px;
  width: 275px;
  height: 30px;
  text-align: center;
}	
/*End Hammer bucks content from Vince*/
	
#blogtitle { 
	background: url(/images/community/title-from-the-hammer-blog.gif) no-repeat 0 0;
	text-indent: -4000px;
  overflow: hidden;
}
	
#commblogentries { 
	list-style: none;
}

#commblogentries li { 
	padding: 5px 0;
}

#commblogentries li a { 
	font-weight: bold;
}

#commblogentries li span { 
	font-size: 10px;
	color: #666;
	text-transform: uppercase;
}

/*Hammer Buck$ Winners
------------------------------------*/	

#buckswinnerslinks { 
	text-align: center;
	font-weight: bold;
	margin-bottom: 10px;
	}



/*Partner Links Section
------------------------------------*/	
.partnerlink { 
	float: left;
	margin: 0 20px 20px 0;
	width: 267px;
}

.partnerlink img { 
	display: block;
	margin: 0 auto 0 5px;
	}

.partnerlink h4 { 
	font-weight: bold;
	text-transform: none;
	padding-bottom: 3px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 5px;
	}

/*Photos Section 
------------------------------------*/	
.photocontainer { 
	float: left;
	padding-bottom: 15px;
	width: 555px;
	}

#flickrcontent .photocontainer h3 { 
	border-bottom: 1px solid #ccc;
	margin-bottom: 0.5em;
	padding-bottom: 0.25em;
	padding-top: 10px;
	clear: left;
}

#flickrcontent .feedicon { 
	padding-top: 12px;
	float: right;
	}

.photobox { 
	height: 80px;
	overflow: hidden; 
	float: left;
}

.photobox img { 
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

.viewphotos { 
	float: right;
	font-weight: bold;
	}
	
/*Videos Section 
------------------------------------*/		
#videocontent {
	float:left;
	margin-right:14px;
	padding:0 0 0 10px;
	width:480px;
}

#videobox { 
	height: 385px;
	margin-bottom: 8px;
	}

#videocontent h3 { 
	margin-bottom: 28px;
}

#vidembed { 
	float: right;
	height: 35px;
}

#vidembed input { 
	margin: 0 0 0 5px;
}

#videotabs { 
	margin-left: 10px;
	margin-right: 20px;
	}

.videothumbs {
	display: none;
	/*width: 480px;
	height: 105px;
	overflow: auto;*/
}

.videothumbs.active {
	display: block;
}
	
.videothumbs div { 
	float: left;
	padding: 3px;
	width: 115px;
	height: 113px;
	cursor: pointer;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: #0000CC;
}

.videothumbs div:hover { 
	background: #ececec;
	color: #3333CC;
}

.videothumbs div.active { 
	background: #ddd;
}


.videothumbs img { 
	width: 115px;
	height: 80px;
	background-position: 50% 50%;
	cursor: pointer;
}

#videoaltcontent { 
	float: left;
	width: 236px;
}

#videoaltcontent img { 
	margin-bottom: 14px;
}

/*Hammer Camps 
------------------------------------*/	
.campbox { 
	background-color: #f0f0f0;
	margin: 0px 0px 10px 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px; 
	border-radius: 3px;
	padding: 10px;
	float: left;
	}
	
.campbox .copy { 
	margin-bottom: 1em;
	}

.campbox h3  { 
	text-transform: uppercase;
	}	

.campbox h3 a:link, .campbox h3 a:visited { 
	color: #000;
	}	
	
.campbox h3 a:active, .campbox h3 a:hover { 
	color: #3333cc;
	}
	
#campopenings { 
	font-weight: bold;
	color: #E23C41;
	
	}	

.campthumb { 
	float: left;
}
	
.campcontent { 
	padding: 0 0 0 10px;
	width: 410px;
	float: left;
}
		

	
/*Search Results 
------------------------------------*/	
#searchmsg { 
	padding: 0 20px 20px 20px;
}

#searchtop { 
	float: left;
	text-transform: uppercase;
	font-size: 11px;
	padding-top: 5px;
	}

#headertabs { 
	border-bottom: 1px solid #ccc;
	padding-left: 10px;
	margin-bottom: 15px;
	height: 27px;
	clear: both;
	}
	
.pagination { 
	float: right;
	padding-top: 5px;
	font-size: 11px;
	text-transform: uppercase;
	}
	
a.viewall { 
	border-left: 1px solid #ccc;
	padding-left: 4px;
	padding-right: 2px;
	}

a.nextlink {
  background-image: url(/images/common/subnav-arrows.gif);
  background-repeat: no-repeat;
  background-position: 100% -38px;
  padding: 0px 10px 0px 4px;
	border-left: 1px solid #ccc;
}
a.nextlink:hover {
  background-position: 100% -78px;
}

a.backlink {
  background-image: url(/images/common/subnav-arrows-leftup.gif);
  background-repeat: no-repeat;
  background-position: 4px -38px;
  padding: 0px 5px 0px 14px;
  margin-right: 2px;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
a.backlink:hover {
  background-position: 4px -78px;
}	
a.noborders {
	border:none;
}

.pageInactive {
	border: none;
	margin-right: 2px;
}
.pageActive {
	border: 1px solid #ccc;
	margin-right: 2px;
	padding-left: 2px;
	padding-right: 2px;
}

.headertab { 
	float: left;
	margin-right: 5px;
	background-image: url(/images/common/tab-full.gif);
	background-repeat: no-repeat;
	background-position: 100% -30px;
}

.headertab:hover { 
	background-position: 100% -60px;
}

.headertab a { 
	display: block;
	padding: 7px 12px 5px 12px; 
	text-decoration: none;
	background-image: url(/images/common/tab-side.gif);
	background-repeat: no-repeat;
	background-position: 0 -30px;
}

.headertab:hover a { 
	background-position: 0 -60px;
}


div#headertabs .active { 
	background-image: url(/images/common/tab-full.gif);
	background-repeat: no-repeat;
	background-position: 100% 0;
}

div#headertabs .active a { 
	background-image: url(/images/common/tab-side.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-bottom: 6px;
}

.searchresult { 
	padding-bottom: 15px;
}

.searchresult h3 { 
	border-bottom: 1px solid #ccc;
	font-size: 14px;
	padding-bottom: 3px;
	margin-bottom: 5px;
}

.searchresult h3 a:link, .searchresult h3 a:visited { 
	color: #000;
}

.searchresult h3 a:active, .searchresult h3 a:hover { 
	color: #3333CC;
}

.searchitem { 
	float: left;
	width: 130px;
	margin-right: 11px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	height: 190px;
	}


.searchitem a:link, .searchitem a:visited { 
	color: #000;
	}
	
.searchitem a:active, .searchitem a:hover  { 
	color: #3333CC;
	}

/*Dealer Locator 
------------------------------------*/  

#searchUS {
	float: left;
	width: 250px;
}
.byState {
	padding-left: 50px;
}
.byZip {
	width: 200px;
}

#content .dealerSearchStyle .formblock label {
	width: 70px;
	float: left;
}

#content .dealerSearchStyle .formblock input {
	width: auto;
}

#content .dealerSearchStyle .formblock select {
	width: auto;
}

#content .dealerSearchStyle label.error {
	text-align: left;
	width: auto;
	float: none;
}

.nameAddress {
	float: left;
	width: 250px;
}
.city {
	float: left;
	width: 100px;
}
.stateProvince {
	float: left;
	width: 100px;
}
.countryProximity {
	float: left;
	width: 100px;
}
.fullDealer {
	background: #FFF;
}
.dealerSep {
	clear: both;
	border-bottom: 1px solid #CCC;
	padding-top: 5px;
	margin-bottom: 5px;
}

#content #catalog_request .formblock label {
	width: 120px;
	margin-left: 100px;
}

#content #sponsorship_request .formblock label {
	width: 200px;
	margin-left: 50px;
}

.eventitem {
	background:#EEE;
	border: 1px solid #CCC;
	margin-top: 10px;
	float: left;
	clear: both;
	padding-top: 10px;
	padding-bottom: 8px;
	width: 550px;
	overflow: hidden;
}

.dealerResultItems {
	padding:0 5px 0 14px;
	border-right: 1px solid #CCC;
	margin-right: 4px;
}

.dealerResultBack {
	border-right: none;
	padding-right: 0px;
}

.dealerResultsSep {
	clear: both;
	border-bottom: 1px solid #CCC;
	height: 5px;
}

.dealerResultsClear10 {
	clear: both;
	height: 10px;
}


/*About Section Styles 
------------------------------------*/  

.expertsummary {
  width: 545px;
  float:left;
  position: relative;
  margin-bottom: 10px;
}
.expertsummary img {
  float:left;
}
.expertsummary p {
	width:410px;
  float:left;
  margin-left: 10px;
}
.partnerlinksummary {
  width: 545px;
  float:left;
  position: relative;
  margin-top: 10px;
}
.partnerlinksummary a {
	display: block;
	margin-top: 10px;
	height: 20px;
}


/*Resource Section Styles 
------------------------------------*/ 

#content #feedbackform .formblock label {
	width: 200px;
}
.feedbackradio {
	padding-left: 200px;
}
.accountdisplaynone {
  display: none;
}

/*Logo Download page
------------------------------------*/ 
.logobox { 
	float: left;
	margin: 0 20px 20px 0;
	width: 267px;
}

.logobox img { 
	display: block;
	margin: 0 0 5px 0;
	}

.logobox h4 { 
	font-weight: bold;
	text-transform: none;
	padding-bottom: 3px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 5px;
	}
	
/*Affiliate Program
------------------------------------*/ 
#referralnum { 
	font-size: 14px;
	width: 240px;
	}
	
	
/*JQuery Autocomplete
------------------------------------*/ 
.ac_results {
  padding: 0px;
  border-left: 1px solid #666;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  background-color: white;
  overflow: hidden;
  z-index: 99999;
  text-align:left;
}
 
.ac_results ul {
  width: 100%;
  list-style-position: outside;
  list-style: none;
  padding: 0;
  margin: 0;
}
 
.ac_results li {
  margin: 0px;
  padding: 2px 5px;
  cursor: default;
  display: block;
  /* 
  if width will be 100% horizontal scrollbar will apear 
  when scroll mode will be used
  */
  /*width: 100%;*/
  /* font: menu; */
  font-size: 12px;
  /* 
  it is very important, if line-height not setted or setted 
  in relative units scroll will be broken in firefox
  */
  line-height: 16px;
  overflow: hidden;
}
 
.ac_loading {
  background: white url('indicator.gif') right center no-repeat;
}
 
.ac_odd {
  background-color: #eee;
}
 
.ac_over {
	background-color: #d4d4d4;
  /* background-color: #0A246A; */
  /* color: white; */
}




/*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ctl=themeroller&ffDefault=&fwDefault=normal&fsDefault=1.1em&cornerRadius=0&bgColorHeader=F0F0F0&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=0&borderColorHeader=cccccc&fcHeader=333333&iconColorHeader=333333&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=0&borderColorContent=cccccc&fcContent=333333&iconColorContent=333333&bgColorDefault=F0F0F0&bgTextureDefault=02_glass.png&bgImgOpacityDefault=0&borderColorDefault=cccccc&fcDefault=333333&iconColorDefault=333333&bgColorHover=e6e6e6&bgTextureHover=21_glow_ball.png&bgImgOpacityHover=0&borderColorHover=cccccc&fcHover=333333&iconColorHover=333333&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=cccccc&fcActive=333333&iconColorActive=333333&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=05_inset_soft.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
*/


/* Component containers
----------------------------------*/
.ui-widget { font-family: ; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: ; font-size: 1em; }
.ui-widget-content { border: 1px solid #cccccc; background: #ffffff url(images/ui-bg_flat_0_ffffff_40x100.png) 50% 50% repeat-x; color: #333333; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #cccccc; background: #f0f0f0 url(images/ui-bg_highlight-soft_0_f0f0f0_1x100.png) 50% 50% repeat-x; color: #333333; font-weight: bold; }
.ui-widget-header a { color: #333333; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f0f0f0 url(images/ui-bg_glass_0_f0f0f0_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #333333; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #333333; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #cccccc; background: #e6e6e6 url(images/ui-bg_glow-ball_0_e6e6e6_600x600.png) 50% 50% repeat-x; font-weight: normal; color: #333333; }
.ui-state-hover a, .ui-state-hover a:hover { color: #333333; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #cccccc; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #333333; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #333333; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_333333_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_333333_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_333333_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_333333_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_333333_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_333333_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; }
.ui-corner-tr { -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; }
.ui-corner-bl { -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; }
.ui-corner-br { -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }
.ui-corner-top { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }
.ui-corner-right {  -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }
.ui-corner-left { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; }
.ui-corner-all { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/* Autocomplete
----------------------------------*/
.ui-autocomplete { position: absolute; cursor: default; }	
.ui-autocomplete-loading { background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat; }

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/* Menu
----------------------------------*/
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	margin: -1px;
}