html {
background-color: #231918;
}

body {
	font-family: Arial,sans-serif;
	color: #231918;
/*	line-height: 1.166;	*/
	margin: 0px;
	padding: 0px;
	width: 749px;
	margin-right: auto;
	margin-left: auto;
	background-color: #ffffff;
	font-size: 76%;
}

img {
padding: 0;
margin: 0;
}

a:link {
	color: #621f19;
	text-decoration: underline;
	font-weight: bold;
}

a:visited {
	color: #621f19;
	text-decoration: underline;
	font-weight: bold;
}

a:hover {
	text-decoration: underline;
}
/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
 	font-family: "Times New Roman", Times, serif;
	margin: 0px;
	padding: 0px;
}

h1{
 font-size: 140%;
 color: #231918;
}

h2{
 font-size: 114%;
 color: #231918;
}

h3{
 font-size: 100%;
 color: #231918;
}

h4{
 font-size: 100%;
 font-weight: normal;
 color: #333333;
}

h5{
 font-size: 100%;
 color: #334d55;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
}
				
.clear {
clear: both;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{
	margin: 0;
/*	padding: 10px 0px; */
/*	border-bottom: 1px solid #cccccc;*/
	width: 100%;
	background-color: #231918;
}

#navBar{
background-image: url(media/template/nav-background.jpg);
background-repeat: repeat-y;
padding: 0;
margin: 0;
}

.navbar-label {
float: left;
}

#content{
  float:right;
	width: 558px;
/*	width: 526px;*/
	height: 100%;
	margin: 0;
	padding: 0 0 0 0;
	background-color: #FFF;
	text-align: left;
}

#pageName, .text1, .mi-text1 {
/*padding: 15px; */
margin: 0 15px 15px 15px;
}

#pageName {
clear: both;
text-align: center;
}

/***********************************************/
/*Component Divs                               */
/***********************************************/

#siteName{
	margin: 0px;
/*	padding: 0px 0px 10px 10px;*/
}


/*************** #pageName styles **************/

#pageName{
/*	padding: 0px 0px 10px 10px;*/
}


/************* #globalNav styles **************/

/* old global nav 
#globalNav{
color: #cccccc;
padding: 0px 0px 0px 10px;
white-space: nowrap;
clear: right;
}
*/
/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
   this will force a horizontal scrollbar if there isn't enough room for all links
   remove rule or change value to 'normal' if you want the links to line-wrap */

/*
#globalNav img{
 display: block;
 margin: 0;
}*/

#globalNav{
text-align: center;
padding: 0px 0px 0px 0px;
clear:right;
background-image: url(media/template/global-links-bg.jpg);
background-repeat: repeat-x;
}


#globalNav-links {
padding-top: 8px;
height: 21px;
border-right: 3px solid #fff;
}

#globalNav a {
display: inline;
/*float: left;*/
margin: 0;
padding: 0;
color: #fff;
font-family: "Times New Roman", Times, serif;
font-size: 1.2em;
padding: 0 5px;
border-right: 1px solid #ccc;
font-weight: normal;
}

/* drop the right border for last link */
#globalNav a.last-link, #siteInfo a.last-link {
border: none;
}

div#title {
background-color: #FFF;
height: 49px;
float: left;
width: 526px;
}

div#minicart {
padding: 5px 0;
background-color: #fffdcb;
font-size: 1.25em;
/*border-bottom: 1px solid #ccc;
border-right: 3px solid #fff;
border-left: 1px solid #ccc;*/
}

div#minicart a {
color: #621f19;
border-color: #ccc;
}

div#minicart a.MiniCart {
border:none;
}

a#masthead-checkout2:link, a#masthead-checkout2:visited {
border: none;
}

a#masthead-checkout2 img {
vertical-align: bottom;
}

/************* #breadCrumb styles *************/

#breadCrumb{
/*	font-size: 80%;
	padding: 5px 0px 5px 10px;*/
}


/************** .feature styles ***************/

.feature{
	padding: 0px 0px 10px 10px;
	font-size: 100%;
}

.feature h3{
	padding: 30px 0px 5px 0px;
	text-align: center;
}

.feature img{
	float: left;
	padding: 0px 10px 0px 0px;
	margin: 0 5px 5px 0;
}
/* adjust margins to change separation between the feature image and text flowing around it */


/************** .story styles *****************/

.story{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 100%;
}

.story p{
	padding: 0px 0px 10px 0px;
}


/************* #siteInfo styles ***************/

#siteInfo{
	background-color: #231918;
	clear: both;
	border-top: 1px solid #ffffff;
	color: #ffffff;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
	text-align: center;
	font-family: "Times New Roman", Times, serif;
}

/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
	the bottom border of the navBar in cases where they "touch" */

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}

#siteInfo a {
	display: inline;
	/*float: left;*/
	margin: 0;
	padding: 0;
	color: #fff;
	font-family: "Times New Roman", Times, serif;
	padding: 0 5px;
	border-right: 1px solid #ccc;
	font-weight: normal;
	}

/************* #search styles ***************/

#search{
clear: left;
text-align: center;
	padding: 5px;
/*	border-bottom: 1px solid #cccccc;*/
	font-size: 120%;
background-color: #ffffff;
background-image: none !important;
}

#search form{
 margin: 0px;
 padding: 0px;
}

#search label{
	display: block;
	margin: 0px;
	padding: 0px;
}

#searchglass {
vertical-align: bottom;
}


#search_field {
width: 107px;
font-size: 120%;
}

/*********** #navBar link styles ***********/
/*
#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}
*/
/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
/*
#navBar li {border-bottom: 1px solid #EEE;}
*/
/* fix for browsers that don't need the hack */
/*
html>body #navBar li {border-bottom: none;}
*/

/*********** #navBar link styles ***********/

	#navBar ul a:link, #navBar ul a:visited, #navBar ul a:hover {
	display: block;
	}
	#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
	#navBar li {border:none;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border:none;}

/* Fix IE */
* #navBar ul li {  height: 1%; }
* #navBar ul li a { height: 1%; }
/* End */



/*********** .sectionLinks styles ***********/

.sectionLinks{
	clear: left;
	margin: 0px;
	padding: 0px;
	width: 187px;
	font-family: "Times New Roman", Times, serif;
}

.sectionLinks h3{
	padding: 10px 0px 2px 10px;
}

	.sectionLinks a:link, .sectionLinks a:visited{
	color: #fff2c3;
    text-align: left;
	padding: .25em 1em .25em 1em;
	width: 100%;
  	voice-family: "\"}\""; 
 	voice-family:inherit;
	width: auto;
	text-decoration: underline;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 110%;
	}

	.sectionLinks a:visited {
	color: #b5a979;
text-decoration: underline;
font-weight: normal;
	}
	
	.sectionLinks a:hover{
/*	background-color: #DDD197;	*/
	padding: .25em 1em .25em 1em;
	text-decoration: underline;
/*	color: #231918; */
	font-weight: normal;
}


/*********** .relatedLinks styles ***********/

.relatedLinks{
	clear: left;
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 100%;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}

/*left nav submenu styling */
#navBar ul ul {
list-style-type: square;
margin-left: 45px;
color: #b5a979;
font-size: 95%;
}

#navBar ul ul li a {
margin: 0;
padding: 0;
}
/* end */

/************** #advert styles **************/

#advert{
	clear: left;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #cccccc;
	font-size: 100%;
	width: 187px;
	background-color: #DDD197;
}

#advert p {
padding: 10px;
}

#advert img{
	/*display: block;*/
}


/************** #headlines styles **************/

#headlines{
	margin: 0px;
	padding: 10px 0px 20px 10px;
	font-size: 100%;
}

#headlines p{
	padding: 5px 0px 5px 0px;
}

/**********TOYZ Styles ***********************/

#logo {
float: left;
border: none;
}

img#banner {
margin-top: 10px;
float: right;
}

div#banner {
margin-top: 10px;
float: right;
background: url('http://www.harrygear.com/media/template/banner-hg2.gif') no-repeat; height: 122px; width: 526px;
}

/* product styles */
.productBlock {
/*	width: 9.75em;*/ /*set according to how many columns*/
/*	width: 112px; */ /*  4 columns */
	width: 155px; /* 3 columns */
	height: auto; /*set according to how many columns*/
	overflow: visible;
	background: #fff;
	margin: 5px;
	border: 0px dashed #ccc;
	float: left;
	text-align: center;
	padding: 5px 2px;
}

.productBlock h2 {
	font-size: 80%;
	margin: 5px;
	padding: 5px;
	background-color: #fff;
}

.productBlock img {
	border-width: 0;
}

.productGraphic {
margin: 0 0 10px 0;
}

.productInfowrap {
	margin: 0;
}

.productGraphic img {
	border: none;
	margin: 0;
}

.productName {
	white-space: normal;
}

.productSku {
	margin: 0;
}

.productDescription {
	margin: 0;
	}
	
.productPrice {
	font-weight: bold;
	color: #333;
	margin: 0;
	white-space: normal;
	}
	
.onsale {
color: #333;
}


.QPtable span.onsale {
border: none;
}

  .QPtable {
margin: 1em 0;
}

.checkout {
	margin: 1em 0;
	white-space: nowrap;
}

/* to fix select box alignment in firefox */
.productBlock table, .checkout table, .mi-checkout table {
margin-left: auto;
margin-right: auto;
margin-top: .5em;
margin-bottom: .5em;
}
/*end firefox fix */
	
	#prevNext {
	clear: both;
	font-size: 1.25em;
	}


.mi-productBlock {
	margin: 0;
	padding: 0px;
	color: #231918;
}

.mi-productBlock h1, .mi-productBlock h2, .mi-productBlock h3, .mi-productBlock h4, .mi-productBlock h5 {
	color: #231918;
	}

.mi-productInfowrap {
	padding: 0;
	width: 350px;
	float: right;
}

div.text1 h2 {
font-style:  italic;
color: #555;
border-top: 1px solid #ccc;
padding-top: 10px;
}

.mi-productGraphic {
float: left;
text-align: center;
}

.mi-productGraphic img {
	border: none;
	padding: 0;
	margin: 0;
}

.click-larger {
	margin-top: 0;
	}

.click-larger a:hover {
	border-bottom: 1px solid #621f19;
	}

/*.mi-productName {
	white-space: wrap;
	color: #231918;
	font-weight: bold;
}*/

.mi-productName {
 	font-family: "Times New Roman", Times, serif;
	white-space: normal;
	font-weight: bold;
}

.mi-productDescription {
text-align: left;
padding: 1em 0;
}

	.mi-productPrice {
	margin: 1em 0;
	color: #[-- VAR.mi_text_color --];
	}

	.mi-shipping-info {
	margin-top: 5px;
	color: #666;
/*	color: green;
	font-weight: bold;
	font-size: 1.25em;*/
	}

.mi-onsale {
	color: 	#621f19;
	font-weight: bold;
	padding: 0 2px;
	margin: 0;
	background-color: #fff2c3;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
	
.mi-checkout {
	text-align: right;
	padding: 10px;
	border-top: 1px solid #ccc;
/*	border-bottom: 1px solid #ccc;*/
}

.qtyonhand {
	color: #555555;
	margin: 10px 0;
	}

.qtyonhand a {

	}
	
.qtyonhand a:link, .qtyonhand a:visited {
	text-decoration: underline;
	}

.qtyonhand a:hover {
	text-decoration: none;
	}

.mi-checkout select {
	margin-bottom: 1em;
}

.mi-addtocartbtn {
	text-align: right;
	margin: 5px 5px 0 5px;
}

input.add {
	border-width: 0;
	margin-top: 8px;
	}


	
	/* add to cart, view cart buttoms */
	a.addToCartLink {
	padding: .1em .2em;
	}
	
	.add-img, .viewcart-img {
	vertical-align: bottom;
	}

	a.viewcart {
	white-space: nowrap;
	}
	
/* search results styles */

.productBlock-search, .productBlock {

}

.searchResultPage {
/*text-align: left;*/
color: #333;
font-weight: bold;
font-style: italic;
margin-top: 5px;
font-size: 90%;
}

.link_name {
font-size: 90%;
}
/* end search styles */

/* button styles */

	.button6,
	.button7,
	/*.button8, */  /*  checkout button */
	.button9, 
	/*.button67, */  /* submit order button */
	.button68, 
	input.button152, 
	input.button154,
	.button162,
	.button163,
	.button164, 
	.button165, 
	.button166, 
	.button167, 
	.button168, 
	.button169,
	.button170, 
	.button171, 
	.button172,
	.button173, 
	.button183, 
	.button184, 
	.button185,
	.button186, 
	.button187, 
	.button188, 
	.button189, 
	.button331,
	.button375,
	input.button383 {
	cursor: pointer;
	color: #fff2c3;
	background-color: #621f19;
	text-decoration: none;
	line-height: 1em;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-variant: normal;
	vertical-align: middle;
	padding-top: .15em;
}	


/* specific button styles */
	/* checkout button */
	.button8, .button67 {
	vertical-align: middle;
	}
	
	/* remove & update */
			
	input.button383,
	input.button154 {
	font-size: 1em;
	margin: 1px;
	}
	
/* cart styles */
#cart-masthead {
text-align: center;
background-color: #fff;
padding-bottom: 10px;
padding-top: 10px;
border-bottom: 1px solid #ddd;
}

#content2 {
margin: 10px;
}

body.cartbody {
margin-top: 15px;
margin-bottom: 15px;
}	

.continue-shopping-top {
position: absolute;
}

.buttons input {
margin: 15px;
vertical-align: middle;
}

h1.backorder {
color: red;
}
/*
	#authnetseal {
	width: 90px;
	margin-top: 50px; 
	}
	
	
	#authnetseal div {
	margin-left: auto;
	margin-right: auto;
	}*/
	#authnetseal {
	width: 90px;
	float: left;
	}
	
/* Gift certificates */

div.cert {
width: 500px;

margin-left: auto;
margin-right:  auto;
font-size: 14px;
padding: 5px;
padding-top: 55px;
height: 320px;
color: #fff;
background: url('http://www.harrygear.com/media/template/giftcard-blank3.gif') no-repeat top left;
}

div.cert td {
padding-left: 5px;
}
.cert_to_from_msg_val textarea {
width: 340px;
height: 80px;
}

.gc-buttons {
text-align: center;
margin-left: auto;
margin-right: auto;
width: 80%;
margin-top: 25px;
}

.gc-buttons *{
margin: 5px;
}

td.cert_to_from_msg {
width: 112px;
}

/* end gift certificates */	
/* End Main CSS */

	#geotrust {
	padding: 15px;
	text-align: center;
	background-color: #ffffff;
	}
	
	#banner-geo {
margin-top: 60px;
text-align: center;
}


div#banner-geo img {
vertical-align: middle;
margin-right: 20px;
}

/* video */

#mi-video, #player {
/*margin-top: 20px;*/
margin-bottom: 25px;
text-align: center;
}