/*
  $Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

/*
	#####################################################################
	# TerryJanis.com layouts
	#####################################################################
*/

#terryjanis_page {
	background:url(/store/catalog/user_files/image/shell_tile2.png) repeat-y scroll center 0 transparent;
	width: 1005px;
	position:relative;
}

#terryjanis_footer {
	background:url(/store/catalog/user_files/image/shell_footer2.png) no-repeat center 0 #be82ed;
	height:230px; overflow:visible;
}
	#terryjanis_footer_links {
	    width: 823px;
	    margin: 0 auto;
	    padding-top: 120px;
	    font-size: 12px;
	    line-height: 15px;
	}
	#terryjanis_footer_links .footer_links_left {
	    width: 35%;
	    float: left;
	}
	#terryjanis_footer_links .footer_links_right {
	    width: 35%;
	    float: right;
	    text-align: right;
	}

#terryjanis_belowfooter {
    width: 975px;
    margin: 0 auto;
    padding: 0 15px;
}

#terryjanis_flashnav_container {
	background:url(/store/catalog/user_files/image/shell_header2.png) no-repeat scroll center 0 #be82ed;
	width: 1005px;
	height: 291px;
}
#terryjanis_flashnav {
	width:700px;
	height:200px;
	float:right;
	margin:80px 44px 0 0;
}

#terryjanis_hnavbar {
	display: block;
	width: 582px; height: 34px;
	background-image: url(/store/catalog/user_files/image/purple-bar.jpg);
	background-repeat: no-repeat;
	float:right;
	position: relative; right:20px;
}

#terryjanis_hnavbar div {
	text-align: right;
	color: #FFF;
	padding-right: 15px;
	margin-top: 7px;
}

#terryjanis_hnavbar div b {
	font-size: 16px;
	vertical-align: baseline;
}

#terryjanis_hnavbar div a, #terryjanis_hnavbar div a:hover {
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	color: white;
	text-decoration: none;
	font-size: 16px;
	vertical-align: top;
}

#terryjanis_content {
	/* margin-left: 34px; */
	margin:0 auto;
	width: 834px;
	position:relative;
}

#terryjanis_innercontent {
	width:839px; float:none;
	overflow:hidden; clear:both;
}

#terryjanis_leftcolumn {
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	width: 164px;
	margin-left: 0px;
	display:block;
}

#terryjanis_leftcolumn .terryjanis_colbox {
	width: 164px;
	margin-bottom: 20px;
}

#terryjanis_leftcolumn .terryjanis_colbox .terryjanis_contentwrapper {
	/* width: 142px; */
	width: 164px;
}

#terryjanis_leftcolumn .terryjanis_colbox .terryjanis_contentwrapper a {
	color: #F54BCF;
}

#terryjanis_leftcolumn .terryjanis_colbox .terryjanis_contentwrapper SPAN.topcat {
	/* border-bottom: thin dotted #F54BCF; */
	margin-left: 5px;
}
#terryjanis_leftcolumn .terryjanis_colbox .terryjanis_contentwrapper BR.topcat-break {
	display:none;
}

#terryjanis_leftcolumn .terryjanis_colbox .terryjanis_contentwrapper SPAN.subcat a {
	font-size: 14px; color: #61003B;
	margin-right: 3px;
}

#terryjanis_leftcolumn .terryjanis_colbox .terryjanis_contentwrapper SPAN.supersubcat a {
	font-size: 12px; color: #2E2E2E;
	margin-right: 6px;
}

#terryjanis_leftcolumn #terryjanis_catbox {
	text-align: center;
	width: 164px;
}
#terryjanis_leftcolumn #terryjanis_catbox .terryjanis_contentwrapper .topcat a.cathead {
	color:#FFF;
}

/* Color category links background by id */
#terryjanis_leftcolumn .terryjanis_colbox .terryjanis_contentwrapper .topcat a.cathead {
	background-image:url(/store/catalog/user_files/image/sprit_cathead.jpg);
	background-position:0px 0px;
	height:34px; width:164px;
	display:block; line-height:34px;
	margin-bottom:3px;
	overflow:hidden;
}
#terryjanis_leftcolumn .terryjanis_colbox .terryjanis_contentwrapper .topcat a.cat-id-66 {
	background-position:0px -34px !important;
	height:34px; width:164px;
	line-height:34px;
}
#terryjanis_leftcolumn .terryjanis_colbox .terryjanis_contentwrapper .topcat a.cat-id-67 {
	background-position:0px -68px !important;
	height:36px; width:164px !important;
	line-height:36px !important;
}
#terryjanis_leftcolumn .terryjanis_colbox .terryjanis_contentwrapper .topcat a.cat-id-68 {
	background-position:0px -106px !important;
	height:34px; width:164px;
	line-height:34px;
}
#terryjanis_leftcolumn .terryjanis_colbox .terryjanis_contentwrapper .topcat a.cat-id-69 {
	background-position:0px -140px !important;
	height:36px; width:164px !important;
	line-height:36px !important;
}
#terryjanis_leftcolumn .terryjanis_colbox .terryjanis_contentwrapper .topcat a.cat-id-71 {
	background-position:0px -174px !important;
	height:36px; width:164px !important;
	line-height:36px !important;
}
#terryjanis_leftcolumn .terryjanis_colbox .terryjanis_contentwrapper .topcat a.cat-id-94 {
	background-position:0px -174px !important;
	height:36px; width:164px !important;
	line-height:36px !important;
}
#terryjanis_leftcolumn .terryjanis_colbox .terryjanis_contentwrapper .topcat a.cat-id-23 {
	background-position:0px -211px !important;
	height:36px; width:164px !important;
	line-height:36px !important;
}
#terryjanis_leftcolumn .terryjanis_colbox .terryjanis_contentwrapper .topcat a.cat-id-88 {
	background-position:0px -248px !important;
	height:36px; width:164px !important;
	line-height:36px !important;
}
#terryjanis_leftcolumn .terryjanis_colbox .terryjanis_contentwrapper .topcat a.cat-id-78 {
	background-position:0px -285px !important;
	height:34px; width:164px;
	line-height:34px;
}

#terryjanis_leftcolumn #terryjanis_whatsnewbox .terryjanis_contentwrapper {
	text-align: center;
}

#terryjanis_leftcolumn #terryjanis_informationbox .terryjanis_contentwrapper {
	text-align: right;
}

#terryjanis_leftcolumn div.terryjanis_boxhead {
	background-image: url(/store/catalog/user_files/image/boxhead.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 33px;
	text-align: center;
	color: #F54BCF;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	line-height: 33px;
	padding-right: 10px;
	margin-bottom: 5px;
	text-transform: uppercase;
}

div.terryjanis_boxhead a, div.terryjanis_boxhead a:hover {
	color: #F54BCF;
	text-decoration: none;
}

/*
	#####################################################################
	# Styles
	#####################################################################
*/
.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY {
  color: #000000;
  margin: 0;
				/* background: url(/store/catalog/user_files/image/shell_wrapper2.jpg); */
				background-position: center 16px;
				background-repeat: no-repeat;
				background-color: #be82ed;
}

A {
  color: #000000;
  text-decoration: none;
}

A:hover {
  color: #AABBDD;
  text-decoration: underline;
}

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

A.headerNavigation:hover {
  color: #ffffff;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
  background: #b6b7cb;
}

.infoBoxContents {
  background: #f8f8f9;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #bbc3d3;
  color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #b6b7cb;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.main .pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
  margin:0 0 5px;
}
TD.main .productPrice {
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
  color: #000;
  margin:0 0 5px;
}
TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #F54BCF;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor:pointer; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

/* OTF contrib begins */
/* DDB - 041031 - Form Field Progress Bar */
/* Added style changes so that entire length of progress bar gets displayed - BrewHouseMedia: Kevin W. */
.progress {
  /* width: 1px; */
  width: 100%;
  min-width: 160px;
  height: 14px;
  color: white;
  font-size: 12px;
  overflow: hidden;
  background-color: navy;
  padding-left: 5px;
  border: 1px solid #000000;
}
/* OTF contrib ends */

/* Product Listing Enhancements Thumbnails & Manufacturers Headings contrib */
.infoBoxGrid table td { border:1px solid #BBB; }
.thumbcontent { font-size:10px; border:0px!important; }

/* Custom content page styling */

.two-column-content { width:630px; }
#terryjanis_address {
    position: relative;
    width:auto;float:right; margin-right:30px;
    clear:both; text-align:right;
}
#nl-form {
	background:url(/store/catalog/user_files/image/newsletter-form.jpg) no-repeat 0 0 transparent;
	display:block;
	width:191px;height:360px;
	padding:135px 0 0;
	text-align:center;
}
#nl-form label, #nl-form span {
    width: 156px;
    padding: 0 15px;
    display: block;
}
#nl-form input#nl-form-submit { margin-bottom:2px; clear:both; }
.two-column-content .column2 {
    width: 200px;
    float: right;
    position: relative;
}
.two-column-content .column1 {
    width: 340px;
    float: left;
    margin-left:45px;
}

/* BOF custom SEO */
/* narrow gap between header1 and 1st paragraph */
.body_copy h1 {
     margin-top:10px;
     margin-bottom:-10px;
} 
.body_copy p { margin-bottom:-1px; }

/* EOF custom SEO */

/* BOF Product Listing Enhancehment */
.infoBoxProducts {
  text-align: center;
  font-family: Verdana, Arial,. sans-serif;
  font-size: 10px;
	/* border: 2px;
	border-style: solid;
	border-color: #666666; */
  font-weight: normal;
  background-color: transparent;
  color: #333333;
	/* margin-bottom:-8px;
	-moz-border-radius:20px;
  	-webkit-border-radius:20px;
	-khtml-border-radius:20px;
	border-radius:20px;  */
	vertical-align: bottom;
}

.infoBoxProducts a {
  color: #333333;
}
TD.infoBoxGrid {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  border: solid 1px #999999;
}
TD.infoBoxGrid:hover {
		background-color: #d3d3d3;
}
/* set pos buy/details button on list */
img.buy_now {  
  margin-bottom:10px;
} 
/* set pos buy/details button on thumbnail */
img.thm_buy_now {
  margin-bottom:-3px;
} 
/* set style buy/details seperator thumbnail */
.buy_now {
  font-weight: bold;
	font-size: 18px;
	color: #999999;
} 
.infoBoxList {
 /* border: ridge 4px #faf0e6;
 border-collapse: collapse; */
 background-color: #fff;
 }
.thumbcontent {
  /* font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color:#666666; */
  text-align:center;
}
TD.noborderbox {
  /* font-family: Verdana, Arial, sans-serif;
  font-size: 10px; */
}
TD.separator {border-bottom: 1px solid #ccc;}

.productListing-list-price {
	/* font-family: Verdana, Arial, sans-serif;
	font-size: 16px;
	color: #333; */
  font-size: 11px;
  font-weight:bold;
  color: #000;
}

.productListing-title a, .productListing-title {
	/* font-family: Verdana, Arial, sans-serif;
	font-size: 16px;
	color: #333;
	padding-left:18px;
	padding-bottom:10px; */
}
.productListing-name a, .productListing-name {
	/* font-family: Comic Sans MS,Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #333;
	font-weight: bold;
	padding-bottom: 6px; */
  font-weight: bold;
  color: #9a9a9a;

}
.productListing-short {
   /* font-family: Verdana, Arial, sans-serif;
   font-size: 10px;
	 color: #333; */
}	 

TABLE.buytable {
	 width: 100%;
	 height: 80px;
	 vertical-align: bottom;
         text-align:right;
}
DIV.multi_buy_now {
width: 99%;
text-align : right;
position:relative;
}

DIV#gbutton1 {
margin-bottom:-25px;
z-index:30;
}
DIV#gbutton2 {
margin-top:-25px;
z-index:30;
}

.quantity {
font-family:Verdana,Arial,sans-serif;
font-size:10px;
text-align : center;
}

.quantity input {
font-family:Verdana,Arial,sans-serif;
font-size:11px;
text-align : center;
background: #c0c0c0;
font-weight: bold;
border:2px solid #666666;
color:#333;
}
TD.attributes {
font-family:Verdana,Arial,sans-serif;
font-size:11px;
text-align : right;
}
TABLE.attributes select {
font-family:Verdana,Arial,sans-serif;
font-size:11px;
background: #c0c0c0;
font-weight: bold;
color:#333;
}
TABLE.drop select {
font-family:Verdana,Arial,sans-serif;
font-size:11px;
background: #c0c0c0;
font-weight: bold;
color:#333;
}
TR.list-block {
}		
SPAN.list_info {
font-family: Verdana, Arial, sans-serif;
font-size: 16px;
color: #333;
cursor:pointer;
}	
SPAN.list_info span {
display:none;
position:relative;  
}		
SPAN.list_info:hover span  {
display:block;
cursor:pointer;
margin-top:-20px;
margin-left:-100px;
position:absolute;
padding: 5px; 
font-family:Verdana,Arial,sans-serif;
font-size:12px;
color:#333;
background: #c0c0c0;
border:2px solid #666666;
text-align : center;
}

/* Cut off images that are too tall to fit */
.infoBoxProducts > table > tbody > tr > td .ttip {
    display: block;
    max-height: 133px;
    overflow: hidden;
}
/* Add extra padding for rows that have higher heights */
.infoBoxList > table { margin-bottom:5px; }
.infoBoxList > table:last-child { margin-bottom:35px; }
.infoBoxList > table > tbody > tr {
    display: block; width:100%; float: left;
    margin-bottom: 35px;
}
.infoBoxList > table > tbody > tr:first-child,
.infoBoxList > table > tbody > tr:last-child {
    margin: 0;
}

/* EOF Product Listing Enhancehment */