@import url("http://jimharrison.com/css/screen.css");

/**
 * Main CSS Stylesheet
 *
 * @package templateSystem
 * @copyright Copyright 2003-2005 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: stylesheet.css 3215 2006-03-20 06:05:55Z birdbrain $
 */
 


body {
    margin: 0;
	padding: 0;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: small;
	color: #fff;
	background-color: #000;
	xbackground-image: url(http://jimharrison.com/images/bg.jpg);
	xbackground-repeat: repeat-x;
	text-align: center;
}
* html body {
	font-size: x-small; /* for IE5/Win */
	f\ont-size: small; /* for other IE versions */
}
p {
	line-height: 1.45em;
}
a img {border: none; }

a:link, #navEZPagesTOC ul li a {
	color: #999;
	}

a:visited {
	color: #999;
	}

a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
	color: #ccc;
	}

a:active {
	color: #0000FF;
	}
em {
	font-style: italic;
}
h1 {
	font-size: 180%;
	}

h2 {
	font-size: 150%;
	}

h3 {
	font-size: 120%;
	}

h4, h5, h6, h4.optionName, LEGEND, ADDRESS, .sideBoxContent, .larger{
	font-size: 1em;
	}

LABEL {
  font-size: 1.0em;
}

.biggerText {
	font-size: 1.2em;
	}

h1, h2, h3, h4, h5, h6 {
	margin: 0.1em;
	}

CODE {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 1em;
	}

FORM, SELECT, INPUT {
	display: inline;
	font-size: 90%;
	margin: 0.1em;
	}

TEXTAREA {
	float: left;
	margin: auto;
	display: block;
	width: 95%;
	}

input:focus, select:focus, textarea:focus {
	background: #F0F8FF;
	}

FIELDSET {
	padding: 0.5em;
	margin: 0.5em 0em;
	border: 1px solid #333;
	}

LEGEND {
	font-weight: bold;
	padding: 0.3em;
	}

LABEL, h4.optionName {
	line-height: 1.5em;
	padding: 0.2em;
	}

LABEL.checkboxLabel, LABEL.radioButtonLabel {
	margin: 0.5em 0.3em;
	}

#logoWrapper{
    background-image: url(../images/header_bg.jpg);
    background-repeat: repeat-x;
    background-color: #ffffff;
    height:90px;
}

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
	float: left;
	}

LABEL.inputLabel {
	width: 11em;
	float: left;
	}

LABEL.inputLabelPayment {
	width: 15em;
	float: left;
	}

LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel  {
	width: 12em;
	float: left;
	}

P, ADDRESS {
	padding: 0.5em;
	}

ADDRESS {
	font-style: normal;
	}

.clearBoth {
	clear: both;
	}

HR {
	height: 1px;
	margin-top: 0.5em;
	border: none;
	border-bottom: 1px solid #9a9a9a;
	}

/*warnings, errors, messages*/
.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
	line-height: 1.8em;
	padding: 0.2em;
	border: 1px solid #9a9a9a;
	}

.messageStackWarning, .messageStackError {
	background-color: #ff0000;
	color: #ffffff;
	}

.messageStackSuccess {
	background-color: #99FF99;
	color: #000000;
	}

.messageStackCaution {
	background-color: #FFFF66;
	color: #000000;
	}

/*wrappers - page or section containers*/
#mainWrapper {
	
	text-align: left;
	border: 0;
	width: 750px;
	margin: 0 auto;

	}

#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
	margin: 0em;
	padding: 0em;
	margin-bottom: 15px;
	}

#navColumnOne, #navColumnTwoWrapper, #mainWrapper {
	margin: auto;
	}

#navColumnTwoWrapper input {
  margin: 0;
  margin-top: 0.7em;
  }

#tagline {
	color:#000000;
	font-size: 2em;
	text-align : center;
	vertical-align: top;
	}

#sendSpendWrapper {
	border: 1px solid #cacaca;
	float: right;
	margin: 0em 0em 1em 1em;
	}

.floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {
	margin: 0;
	width: 47%;
	}

.wrapperAttribsOptions {
	margin: 0.3em 0em;
	}

/*navigation*/

.navSplitPagesResult {}
.navSplitPagesLinks {}
.navNextPrevCounter {
	margin: 1em 0;
	font-size: 0.9em;
	}
.navNextPrevList {
	display: inline;
	white-space: nowrap;
	margin: 0;
	padding:  0.5em 0em;
	list-style-type: none;
	}

#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
	margin: 0;
	background-color: #abbbd3;
    background-image: url(../images/tile_back.jpg);
	font-weight: bold;
	color: #ffffff;
	height: 1%;
	width: 750px;
	}

#navMain ul, #navSupp ul, #navCatTabs ul  {
	margin: 0;
	padding:  0.5em 0em;
	list-style-type: none;
	text-align: center;
	line-height: 1.5em;
	}

#navMain ul li, #navSupp ul li, #navCatTabs ul li {
	display: inline;
	white-space: nowrap;
	}

#navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {
	text-decoration: none;
	padding: 0em 0.5em;
	margin: 0;
	color: #ffffff;
	}

#navEZPagesTOCWrapper {
	font-weight: bold;
	float: right;
	height: 1%;
	border: 1px solid #9a9a9a;
	}

#navEZPagesTOC ul {
	margin: 0;
	padding:  0.5em 0em;
	list-style-type: none;
	line-height: 1.5em;
	}

#navEZPagesTOC ul li {
	white-space: nowrap;
	}

#navEZPagesTOC ul li a {
	padding: 0em 0.5em;
	margin: 0;
	}

#navMainSearch, #navCategoryIcon, .buttonRow, #indexProductListCatDescription {
	margin: 0.5em;
	}

#navBreadCrumb {
	margin-top: 2px;
	margin-left: 0px;
	margin-bottom: 1.5em;
	color: #999;
	}

#navEZPagesTop {
	background-color: #ffffff;
	}

#navBreadCrumb, #navEZPagesTop {
	font-size: 80%;
	font-weight: bold;
	}

/*#navColumnOne {}*/

#navColumnTwo {
	background-color: #ffffff;
	}

/*The main content classes*/
#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
	vertical-align: top;
	}

.content, #productDescription, .shippingEstimatorWrapper {
	font-size: 100%;
	xpadding: 0.5em;
	margin-bottom: 1em;
	vertical-align: top;
	}

.alert {
	color: #FF0000;
	margin-left: 0.5em;
	}
.advisory {}
.important {
	font-weight: bold;
	}
.notice {}
.rating{}
.gvBal {
	float: right;
	}
.centerColumn, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix {
	xpadding: 0.8em;
	vertical-align: top;
	}

.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
	font-size: 0.9em;
	}

/*Shopping Cart Display*/
#cartAdd {
	float: left;
	text-align: center;
	margin: 1em 1em 1em 0;
	border: 1px solid #333;
	padding: 1em;
	}

.tableHeading TH {
    border-bottom: 1px solid #9a9a9a;
	}

.tableHeading, #cartSubTotal {
	background-color: #000;
	 }

#cartSubTotal {
	border-bottom: 1px solid #9a9a9a;
	font-weight: bold;
	text-align: right;
	line-height: 2.2em;
	padding-right: 2.5em;
	}

.tableRow, .tableHeading, #cartSubTotal {
	height: 2.2em;
	}

.cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay   {
	padding: 0em;
	}

.cartUnitDisplay, .cartTotalDisplay {
	text-align: right;
	padding-right: 0.2em;
	}

#scUpdateQuantity {
	width: 2em;
	}

.cartQuantity {
	width: 4.7em;
	}
.cartNewItem {
	color: #fff;
	position: relative;  /*do not remove-fixes stupid IEbug*/
	}

.cartOldItem {
	position: relative;   /*do not remove-fixes stupid IEbug*/
	}
.cartBoxTotal {
	text-align: right;
	font-weight: bold;
	}

.cartRemoveItemDisplay {
	width: 3.5em;
	}

#cartAttribsList {
	margin-left: 1em;
	}

#mediaManager {
width: 50%;
margin: 0.2em;
padding: 0.5em;
}
.normalprice, .productSpecialPriceSale {
	text-decoration: line-through;
	}

.productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {
	color: #ffffff;
	}

#cartBoxListWrapper ul, #ezPageBoxList ul {
	list-style-type: none;
	}

#cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal {
	margin: 0;
	padding: 0.2em 0em;
	}

.totalBox {
	width: 5.5em;
	text-align: right;
	padding: 0.2em;
	}

.lineTitle, .amount {
	text-align: right;
	padding: 0.2em;
	}

.amount {
	width: 5.5em;
	}

/*Image Display*/
#productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
	margin: 0 2em 0 0;
	
	}

#productMainImage img {
	margin: 0 0 0 0;
	border: 1px solid #999;
	padding: 5px;
	}

.categoryIcon {}
#cartImage {
	margin: 0 1em;
	}

/*Attributes*/
.attribImg {
	width: 20%;
	margin: 0.3em 0em;
}

.attributesComments {}

/*list box contents*/
.specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew  {
	margin: 0.7em 0em 0.3em 0em;
	xbackground-color: #666;
	}

.centerBoxContents {
  margin: 0;
  background-color: #ffffff;
  width: 100%;
}

/*sideboxes*/
.columnLeft {}

h3.leftBoxHeading, h3.rightBoxHeading, h2.centerBoxHeading {
font-size: 1.2em;
color: #fff;
font-weight:bold;
	}

h3.leftBoxHeading a, h3.rightBoxHeading a, h2.centerBoxHeading a {
  font-size: 1em;
  color: #fff;
  text-decoration: none;

}
.leftBoxHeading, .rightBoxHeading {
	margin: 0.3em;
	}

.rightBoxContainer, .centerBoxWrapper {
	margin: 0.7em 0em 0.7em 0em;
	background: none;
	background-repeat: repeat-x;
 	border: 1px solid #333;
	}
.leftBoxContainer {
	margin: 0;
	background: none;
	border: none;
	}
.centerBoxWrapper {
  width: 390px;
  padding: 1em;
  margin: 1em auto;
  }
.centerBoxWrapper img {
  	border: 1px solid #666;
  	padding: 2px;
  	margin: 5px;
  }
  #cartImage img {
    	border: 1px solid #666;
    	padding: 2px;
    }

.sideBoxContent {
	/*background-color: #ffffff;*/
	padding: 0.4em;
	}

/*
.centerBoxHeading {
	Margin: 0.7em;
	background-color: #abbbd3;
  background-image: url(../images/tile_back.jpg);
	}
*/

h3.leftBoxHeading a:hover {
	color: #999;
	text-decoration: underline;
	}

h3.rightBoxHeading a:hover {
	color: #FFFF33;
	text-decoration: underline;
	}

.rightBoxHeading a:visited, .leftBoxHeading a:visited, .centerBoxHeading a:visited {
	color: #fff;
	}

.rightBoxContent {
	background-color: #ffffff;
	margin-bottom: 1em;
	}

.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .centerBoxHeading, .rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {
	text-align: center;
	padding-bottom: 20px;
	}

#bestsellers .wrapper {
	margin: 0em 0em 0em 1.5em;
	}

#bestsellers ol {
	padding: 0;
	margin-left: 1.1em;
	}

#bestsellers li {
	padding: 0;
	margin: 0.3em 0em 0.3em 0em;
	}

#bannerboxHeading {}

#upProductsHeading {
	text-align: left;
	}

#upDateHeading {
	text-align: right;
	}

/*misc*/
.back {
	float: left;
	}

.forward {
	float: right;
	}

.bold {
	font-weight: bold;
	}

.rowOdd {
	background-color: #000;
	border-bottom: 1px solid #9a9a9a;
	height: 1.5em;
	vertical-align: top;
	}

.rowEven {
	background-color: #000;
	border-bottom: 1px solid #9a9a9a;
	height: 1.5em;
	vertical-align: top;
	}

CAPTION {
	/*display: none;*/
	}

#myAccountGen li, #myAccountNotify li {
	margin: 0;
	}

.accountTotalDisplay, .accountTaxDisplay {
	width: 20%;
	text-align: right;
	/*vertical-align: top*/
	}

.accountQuantityDisplay {
	width: 10%;
	vertical-align: top
	}

TR.tableHeading {
	background-color: #000;
	height: 2em;
	}

#siteMapList {
	width: 90%;
	float: right;
	}

.ratingRow {
	margin: 1em 0em 1.5em 0em;
	}

LABEL#textArea {
	font-weight: normal;
	margin: 1em 0em;
	}

#popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp {
	background-color: #ffffff;
	}

/* CSS I added to make things look like I wanted */


div.navNextPrevWrapper {
	padding-bottom: 15px;
}
div.navNextPrevWrapper a {
	text-decoration: none;
}
.productListing-data img {
	xmargin: 0 0 5px 0;
	border: 1px solid #999;
	padding: 3px;
}
h1#productName {
	color: #fff;
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 1em;
}
h2#productPrices {
	font-size: 125%;
	color: #fff;
	margin-bottom: .8em;
}
#mylogo {
	margin: 0;
	padding: 0;
	height: 65px;
	background: #000000;
	background: url(/includes/templates/jimhprints/images/header_logo.jpg) repeat-x left top;
}
#categories h3, #shoppingcart h3, #ezpages h3 {
	font-size: 110%;
	color: #fff;
}
#navColumnOne ul {
  list-style: none;
  margin: 0 0 25px 0;
  padding: 6px 0 0 0;
  border-bottom: 1px solid #2a2a2a;
  font-size: 85%;
  width: 195px;
}
#navColumnOne li {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid #2a2a2a;
  list-style-image: none;
  display: block;
  line-height: 11px;
  width: 195px;
}
#navColumnOne li.active {
  background: #f5f5f6;
  text-align: left;
}
#navColumnOne li a {
  display: block;
  padding: 7px 5px 7px 5px;
  margin: 0;
  text-decoration: none;
  color: #999;
}
/* Repairs IE Whitespace Bug - Thx Jon Hicks */
* html ul li a {
  height:1em;
}
#navColumnOne li a:hover,
#navColumnOne li a:focus {
  color: #fff;
  text-decoration: underline;
  background-color: #3d3d3d;
}
#navColumnOne a.active {
  display: block;
  color: #fff;
  padding-left: 15px;
  background:  url(/includes/templates/jimhprints2/images/active_bullet.gif) no-repeat;
  background-color: #333;
}
#navColumnOne span {
	display: block;
}


/* Fix for inexplicable <li> padding in IE PC. Need to hide from IE 5 Mac \*/
#navColumnOne li { float: left; clear: both; } /* */
html>body #navColumnOne li { float: none; clear: none.; }



#infoShoppingCart {
	margin: 100px 10px 10px 10px;
}
#search {
	margin-top: 25px;
}
.photo {
	margin: 1em 0;
	border: 1px solid #ccc;
	padding: 5px;
}
blockquote {
	color: #666;
}
cite {
	color: #666;
	float: right;
	text-align: right;
	font-size: 90%;
	margin-bottom: 1em;

}	

/* Footer */

#footer {
	background: url(/includes/templates/jimhprints/images/footer_bg.jpg) top left repeat-x;
	height: 75px;
	width: 100%;
	text-align: center;
	position: relative;
	top: 0;
	left: 0;
	padding: 30px 0 0 0;
	font-size: 10px;
}

#footer_content {
	width: 750px;
	text-align: left;
	margin: 0 auto;
}

#footer_content p {
	color: #999;
	padding: 0;
	margin: 0;
}

/*- Menu Tabs--------------------------- */ 


    #tabs {
	  height: 25px;
      background: none;
      font-size: 11px;
	  font-weight: bold;
      line-height:normal;
	  margin-top: 65px;
	  left: 0;
	  margin: 0;
	  padding: 0;
      }
    #tabs ul {
	margin:0;
	padding:0px 10px 0 5px;
	list-style:none;
      }
    #tabs li {
      display:inline;
      margin: 0;
      padding: 0;
	  float: left;
      }
    #tabs a {
      float:left;
      margin:0;
      padding:0;
      text-decoration:none;
      }
    #tabs a span {
      float:left;
      display:block;
      padding:5px 10px 6px 10px;
      color:#fff;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover {
	  background: #4C9470;
	  color:#fff;
      }

/** USED FOR CLEARING FLOATS IN A WRAPPER ************************************************************************************/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline /*inline-block*/;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*** More Stuff - Clean Up Later ***/

tr .productListing-odd td{
	vertical-align: top;
}
tr .productListing-even td{
	vertical-align: top;
}

 .level1 .submenu {
	font-weight: bold;
	font-size: 110%;
	color: #fff;
}
#indexmaintd {
	vertical-align: top;
}
.wrapperAttribsOptions .back {
	float: none;
}
.wrapperAttribsOptions h4 {
	font-size: 120%;
	font-weight: bold;
}
.listingDescription {
	font-size: 85%;
	line-height: 1.2em;
}
.buttonRow a {
	text-decoration: none;
}
#cartContentsDisplay td {
	vertical-align: top;
	padding: 5px;
}