@charset "utf-8";
/* GHARTZELL base style */
@import url(slideshow.css);
body, h1, h2, h3, p, a, ul, li {
	margin:0px;
	padding:0px;
	list-style:none;
}

body {
background-color: #ffffff;
color: #333;
text-align:center;
background-image:url('https://admin02.webstorepackage.com/ghartzell/images/brushed_alu.jpg');}

#wrapper{
background-image:url('https://admin02.webstorepackage.com/ghartzell/images/top_bkg.jpg');
background-repeat:repeat-x;}


#upcoming {
border: 1px solid #ccc;
background:#fff;
padding:5px;
}

#upcoming p{
font-size:10px;
}

#upcoming h4{
font-size:10px;
margin:1px;
}


/* specials */

.third-product {
width:220px;
}

.halfleft {
float:left;
width:320px;
padding:5px;
}

.halfright {
float:right;
width:320px;
padding:5px;
}


/* common */
.qmclear {	position:absolute;	top:-1000px; }
a img { border: 0; }
form { margin: 0; }
input,select,textarea { font: normal 12px Verdana, Arial, Helvetica, sans-serif; }
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */
div.clearit { clear: both; line-height: 1px; height: 1px; font-size: 1px; }
div.imgzoom {
	background-color: #fff;
	padding: 10px;
}
div.imgzoom img {
	border: 5px solid #ddd;
	cursor: pointer;
	*width: expression(this.height > 601 ? 600 : true);
	max-width:900px;
z-index:1000;
}

/* typography */
body,td,p { font: 12px Verdana, Arial, Helvetica, sans-serif; }
p,ul,ol { line-height: 1.4em; }
p { margin-bottom:.6em; }
li { margin-bottom: 0.25em; }
div#rightrail h1 {
		font-size:16px;
		margin-bottom:.6em;
border-bottom:1px solid #AAA;
padding:5px;
}
		

/* navigation */
a { color: #1a3780; }
a:hover { color: #1a3780; }

/* Layout Styles */

div#container {
	width:892px;
	margin:0px auto;
	text-align:center;
}

/* Header */

#headblock {
float:right;
margin:15px 5px 0px 0px;
text-align:right;
}

div#utility-nav{
	width:892px;
height:5px;
background-color:#043a80;
}

ul#utility-nav a{
color:#202032;

}

div#header {
	text-align:left;
background-color:#fff;
}

div#header img.logo {
		float:left;
margin-left:15px;
}

/* Cat Nav */

#catslider {
    width:680px;
overflow:hidden;
}
#catslider img{
    border:none;

}

.slidetext a{
text-decoration:none;
}

.slidetext a:hover{
font-weight:bold;
}

#slidetext a{
text-decoration:none;
}

#catslider h2{
color:#fff;
text-align:center;
font-size:13px;
background-color:#202032;
line-height:35px;
margin:10px 0px;
}

#catslider h2 a{
color:#fff;
text-decoration:none;
}

#catslider h2 a:hover{
color:#fff;
text-decoration:none;
}

#catslider ul, #catslider li{
    margin:0;
    padding:0;
    list-style:none;
}

#catslider h2 a:hover{
text-decoration:none;
color:#fff;
}

#catslider li, #catslider img {
    width:340px;
    overflow:hidden; 
}

.prevBtn {
display:block;
width:340px;
height:20px;
background:#202032;
float:left;
color:#fff;
font-size:12px;
}

.prevBtn:hover {
background:#2a2a3c;}

.nextBtn {
display:block;
width:340px;
height:20px;
background:#202032;
float:left;
color:#fff;
font-size:12px;
}
.nextBtn:hover {
background:#2a2a3c;}

#cat-container {
	width:200px;
	float:left;
}

.cat-container {
	width:200px;
	float:left;
}


#controls a{
text-align:center;
text-transform: uppercase;
font-weight: bold;
margin-top:7px;
padding-top:4px;
text-decoration: none;
}

#controls a:hover{
color:#fff;
text-decoration:none;
}


.slidethumb {
width:180px;
overflow:hidden;
height:100px;
float:left;
margin-right:10px;
}

.slidetext {
width:130px;
overflow:hidden;
height:100px;
float:left; 
}

.slidethumb img{
align:left;
width:200px;
}





#slider {
    width:690px;
overflow:hidden;
}
#slider img{
    border:none;
}
#slider ul, #slider li{
    margin:0;
    padding:0;
    list-style:none;
}
#slider li { 
    width:690px;
    overflow:hidden; 
}



/* Utility Nav */

ul#utility {
	float:right;
	margin:0px 0px 25px 0px;
}

ul#utility li {
	float:left;
	margin:0px;
	padding:0px;
}

ul#utility a {
		text-decoration:none;
color:#202032;
}

ul#utility span.divider {
		width:1px;
		height:12px;
		background-color:#333333;
		display:block;
		margin:4px 10px 0px 10px;
}

/* Mainnav */

ul#mainnav {
		background-image:url(../../images/mainnav.gif);
		background-position:0px 0px;
		background-repeat:no-repeat;
		height:30px;
		width:892px;
		margin-bottom:0px;
}

ul#mainnav li {
		float:left;
		margin:0px;
		padding:0px;
		display:block;
}

ul#mainnav a {
	width:176px;
	display:block;
	line-height:30px;
	text-decoration:none;
	text-transform:uppercase;
	color:#ffffff;
	margin-right:2px;
}

ul#mainnav a:hover {
		background-image:url(../../images/mainnav.gif);
		background-position:-180px -50px;
}

ul#mainnav li a.mainnavfirst {
		width:178px;
}

ul#mainnav li a.mainnavlast {
	width:178px;
	margin:0px;
}

ul#mainnav li a.mainnavfirst:hover {
	background-position:-0px -50px;
}

ul#mainnav li a.mainnavlast:hover {
	background-position:-714px -50px;
}



/* Subnav */

#subnav {
background-image:url(../../images/subnav.gif);
background-repeat:no-repeat;
background-position:0px 0px;
width:891px;
height:22px;
margin-bottom:15px;

}
#subnav ul {
margin-bottom:15px;
list-style: none;
padding: 0;
margin-left:0px;
margin-top:0px;

}
#subnav a {
line-height:12px;
text-decoration:none;
color:#ffffff;
margin-right:2px;
}
#subnav li {
margin:0px;
padding:0px;
display:inline;
font-family: Helvetica, Arial, Sans-Serif;
font-size:11px;
margin-right:16px;
margin-top:4px;
color:#ffffff;

}



/*Calendar*/

h2.month{
font-size:12px;
margin-bottom:5px;
margin-top:10px;
}
h3.showname{
font-size:10px;
margin-bottom:5px;
margin-top:10px;
margin-left:5px;
color: #08448a;
}


ul.dates{
margin-left:30px;
font-size:10px;
}

h1.year{
padding-top:8px;
padding-bottom:8px;
background:#252537;
color:#ffffff;
margin-right:5px;
padding-left:10px;
margin-top:15px;
}

div.oddcal{
background-color:#F2F2F2;
padding-top:5px;
padding-bottom:5px;
width:310px;
padding-left:15px;
}

div.evencal{
padding-top:5px;
padding-bottom:5px;
width:310px;
padding-left:15px;
}

/*instruments*/

div.instrument{
width:335px;
margin-right:5px;
float: left;
}


/* LeftRail */

div#leftrail {
		clear:both;
		float:left;
		width:179px;
		text-align:left;
padding-left:0px;
}

#pc-searchwindow{
background:#fff;
border:1px solid #aaa;}

div#leftrail h1 {
		background-image:url(../../images/bg_search.gif);
		background-repeat:no-repeat;
		background-position:0px 0px;
		width:179px;
		line-height:24px;
		text-align:left;
		text-indent:10px;
		color:#ffffff;
		font-weight:bold;
		font-size:11px;
		margin:0px;
}

/* RightRail */

div#rightrail {
	width:680px;
	float:right;
	text-align:left;
padding:10px;
background-color: #fff;
border: 1px solid #9c9c9c;
margin: 0px 0px 10px 0px;
min-height: 604px;
overflow:hidden;
}

div#rightrail p, div#rightrail h1, div#rightrail h2, {
	margin-left:5px;
}

/* Footer */

div#footer {
		clear:both;
padding-top:5px;
padding-bottom:10px;
overflow:hidden;
border-top:3px solid #1a3780;
margin-top:10px;
}

p.copyright {
		line-height:20px;
		float:left;
		width:370px;
		text-align:left;
		text-indent:15px;
		font-size:11px;
}

p.powered {
		line-height:20px;
		clear:both;
		float:left;
		text-align:left;
		text-indent:15px;
		font-size:11px;
		width:300px;
}

p.powered a {
		color:#333333;
		text-decoration:none;
}

p.powered a:hover {
	text-decoration:underline;
}

/* Footernav */

ul#footer {
	float:right;
	width:280px;
	margin:0px 10px 0px 0px;
}

ul#footer li {
	float:right;
	margin:0px;
	padding:0px;
}

ul#footer a {
		font-size:11px;
		text-decoration:none;
}

ul#footer span.divider {
		width:1px;
		height:12px;
		background-color:#333333;
		display:block;
		margin:2px 6px 0px 6px;
}

div#prodsearch {
	border:1px solid #cccccc;
	border-top:0px;
	margin-bottom:10px;
background:#ffffff;
}

/* Product Category */

div#prodcategory {
	border:1px solid #cccccc;
	border-bottom:0px;
	border-top:0px;
}

ul#prodcategory {
	width:177px;	
}

ul#prodcategory li {
	margin:0px;
	padding:0px;
	width:177px;
}

ul#prodcategory li a {
		line-height:28px;
		border-bottom:1px dashed #6e6e6e;
		color:#6e6e6e;
		font-size:11px;
	 text-indent:10px;
		text-decoration:none;
		width:100%;
	display:block;
}

.qmclear {
		display:none;
}

ul#prodcategory li a:hover {
		background-color:#4471e3;
		color:#ffffff;
}

.hideme {
	display:none;
}

/* Specials */

/* .specials_qtybox, .specials_cartbtn {
	float:left;
}*/

.specials_cartbtn {
	background-image:url(../../images/btn_atc.gif);
	cursor: pointer;
	cursor: hand;
	background-color:transparent;
	background-repeat:no-repeat;
	height:18px;
	width:85px;
	display:block;
	border:none;
	margin:4px 0px 0px !important;
	padding:0px;
	font-size:100px;
}

/* Login */

.login_request_pw {
	margin-top:9px;
}

.login_request_pw a {
	margin-bottom:9px;
	zoom:1;
	overflow:hidden;
	line-height:20px;
}

#custacctlogin, .login_request_pw {
	margin-left:9px;
}

#custacctlogin {
	margin-top:20px;
}

#welcome {
	clear:right;
	padding-top:15px;
	text-align:right;
	padding-right:10px;
}

.subcat_thumb img {
height:150px;
}

.subcat_item { padding:5px; }

#paycredit .formrow { clear:both; }

.prodname .text { color:#555; }

.subcats_wrap_table { cellpadding:0px !important; cellspacing:0px !important; }

#form_builder div div { clear:both; }

#form_builder div div div{ clear:none; }

#contact_information_container {
background-image: url(http://www.ghartzellandson.com/images/contact-top.jpg);
height: 190px;
width: 670px;
margin: 0px 0px 20px -15px;
color:white;
font-size:6px;
}


#home-cycle { height:207px; overflow:hidden; display:block; }

#special_container { display:block; width:100%; overflow:hidden; clear:both; }

/****************************** Testimonial ******************************/

#testimonial {
	padding-bottom:15px;
background:#ffffff;
	border:1px solid #aaa;
margin-bottom: 10px;

}

#testimonial p {
	margin-bottom:0px;
}

#testimonial a {
	font-size:10px;
}

.testimonial_popup {
	display:block;
	visibility:hidden;
	background-color:#fff;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	text-align:center;
	height:100%;
	z-index:998;
}
.testimonial_popup_interior {
	display:block;
	visibility:hidden;
	background-color:#fff;
	position:fixed;
	top:50%;
	left:50%;
	width:760px;
	margin-left:-380px;
	height:424px;
	margin-top:-200px;
	text-align:center;
	z-index:999;
	border:1px solid #658db1;
}
.testimonial_popup_interior p {
	margin-right:18px;
}		
.testimonial-close {
	display:block;
	line-height:24px;
	background-color:#ccc;
	color:#658db1;
	text-align:right;
	margin-bottom:20px;
	padding-right:12px;
}
#testimonial-cycle li .testimonial_popup_interior {
	text-align:left;
}
#testimonial-cycle li .testimonial_popup_interior h2 {
	margin-bottom:18px;
}
#testimonial-cycle {
	width:177px !important;
	height:260px !important;
	margin:0px;
	padding:0px;
	list-style:none;
	z-index:997;

	overflow:visible !important;
}
#testimonial-cycle li {
	padding:0px 0px 15px 0px;
	margin:0px;
	list-style:none;
	background-color:transparent !important;
}
#testimonial-cycle li .items {
	width:163px !important;
	padding:7px;
}
.testimonial_popup_img {
	float:left;
	background-color:#ccc;
	text-align:center;
	padding:12px;
	width:300px;
	margin-right:25px;
	margin-left:20px;
}
#testimonial-cycle li .testimonial_popup_img img {
	border:1px solid #666;
	margin:0px auto 0px auto;
	float:none;
}
#testimonial-cycle li img {
	border:1px solid #666;
	margin:0px 6px 6px 0px;
	float:left;
}
.testimonial_popup_info {
	float:left;
	width:380px;
}
#testimonial .testimonial_popup_info p {
	margin-bottom:15px;
}
#testimonial-cycle p.quote {
	float:left;
	display:block;
	width:110px;
	font-size:10px;
	color:#404040;
	line-height:11px;
}
#testimonial-cycle p.source {
	clear:both;
	font-size:10px;
	color:#282828;
	line-height:11px;
}

#testimonial .link {
	white-space:nowrap;
	margin-bottom:6px;
	display:inline-block;
}