/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

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

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/
/*Styles Edited by OnRamp Access www.onr.com 2006 

demo colors
	#CDE - Lite Blue #CDE
	#113377 - Drk Blue
	#AA0011 - Red

TIBH Catalog Colors
	Lt Grey #F0F0F0
	Red #DD1515
	Drk Pink #F69494
	Lt Pink #F0DBDB
	Pale Yellow #FFF1CC
	Drk Blue #1E426A
*/

/* inherited from nuke */
body  {	
	font-size:100%;
	font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
	margin: 15px;
	background-color: #F0F0F0;
	padding: 0px;
	color: #000000;}

.wrapper{
	position:relative;}
	
/* skip to content */

.hiddenSkip {
    display: block;
    background: transparent;
    background-image: none; /* safari bug */
    border: none;
    height: 1px;
    overflow: hidden;
    padding: 0;
    margin: -1px 0 0 -1px;
    width: 1px;}

/* not used -----*/
.slogan { font: bold 12px Arial, Helvetica, 'Lucida Grande', Verdana, Geneva, Lucida, sans-serif; COLOR: #FFF; TEXT-DECORATION: none; background-color: #DD1515;  }

font, td, p, input, textarea, select {
	font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;}

form      { margin:0; padding:0;}

a:link    {
  color: #003366;
	text-decoration: underline;
	background: none;}

a:visited {color: #666666}
a:hover, 
a:active { color: #DD1515 }
.note     {font-weight:bold; COLOR: #003366; TEXT-DECORATION: none; BACKGROUND: none;}

.title    {font-weight:bold; COLOR: #003366; TEXT-DECORATION: none; BACKGROUND: none;}

.storytitle  {font-weight:bold; COLOR: #003366; TEXT-DECORATION: none; BACKGROUND: none;}

.boxtitle    {font:bold 1.10em; COLOR: #333333; TEXT-DECORATION: none; font-variant : normal; BACKGROUND: none;}/* 12px */

.option      {font-weight:bold ; COLOR: #003366; TEXT-DECORATION: none; BACKGROUND: none;}

.storycat    {font-weight:bold; COLOR: #333333; TEXT-DECORATION: underline; BACKGROUND: none;}

.tiny        {font: normal 0.85em; COLOR: #333333; TEXT-DECORATION: none; BACKGROUND: none;}/* 10px */

.content      {COLOR: #333333; BACKGROUND: none;}

.boxcontent   {COLOR: #333333; BACKGROUND: none;}

/* end inherited from nuke */

.errorBox { font-size : 0.85em; background: #f0DBDB; font-weight: bold; }
.stockWarning { font-size : 0.85em; color: #DD1515; }
.productsNotifications { background: #fff; }
.orderEdit { font-size : 0.85em; color: #1E426A; text-decoration: underline; }

/* Header Styles */
#headerbox {
	background: #FFFFFF url(/catalog/themes/default/layout/bg_catalog-head.jpg) repeat-x top left;}

#headerboxnav {
	padding: 4px 0px;
	color: #1E426A;
	text-align: right;
	vertical-align: top;
	
	position:absolute;
	z-index:20; 
	top:125px;
	right:10px;	}

#headerboxnav a:link,
#headerboxnav a:visited {
	color: #1E426A;
	text-decoration:none;}

#headerboxnav a:active,
#headerboxnav a:hover {
	color: #DD1515;}

.HeaderBorder {
	border-left:1px solid #DD1515; 
	border-right:1px solid #DD1515; 
	border-top:1px solid #DD1515;}

div.headerNavigation {
	color: #1E426A;
	font-weight:bold;
	padding-right:10px;
	position:absolute;
	z-index:15; 
	top:147px;
	left:180px;	}

.headerNavigation a:link,
.headerNavigation a:visited {
  color: #1E426A;}
.headerNavigation a:hover,
.headerNavigation a:active { 
  color: #DD1515;}

TR.headerError {
  background: #DD1515;}

TD.headerError {
  font: bold 1.1em;
  background: #DD1515;
  color: #ffffff;
  text-align : center;}

TR.headerInfo {
  background: #F69494;}

TD.headerInfo {
	font: bold 1.1em;
  background: #F69494;
  color: #ffffff;
  text-align: center;}

/*--  Info Box Styles  --*/
.infoBoxHeading {
	font-weight:bold;
	color: #1E426A;
	margin: 8px 0 0 0;
	padding: 1px 4px 1px 4px;}

TD.infoBoxHeading {
  font-weight:bold;
  color: #FFFFFF;}

.boxText { 
	padding: 3px 2px 2px 2px;
	margin: 0; }
	
.boxText form{
	font-size: 1em;
	margin:0;
	padding:0;}

.infoBoxNoticeContents {
  background: #F0DBDB;
	font: 0.85em;}

.infoBoxContents {
	color: #000000;
	margin: 0 0 12px 0;
	padding: 3px 1px 6px 2px;
	border: 1px none #000000;}

.infoBoxNotice {  background: #F69494;}

TD.infoBox, SPAN.infoBox {
	font: 0.85em 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;}

/*.infoBox {}*/

#leftCol{
	padding:4px 4px 12px;
	margin:0;
	width: 150px;
	background: #FFF1CC url(/catalog/themes/default/layout/catalog-nav_bg.jpg) repeat-y;}

/*some ot his is working, size is not*/
#leftCol .infoBoxHeading{
	color:#1E426A;
	margin-top:1em;
	font-size: 1.25em;
	font-weight:bold;}

#leftCol .boxText {
	font-weight:normal;
	width: 150px;
	line-height: 130%;
	margin-bottom: 1em;
	padding-left: .85em;}
	
/* ugly workaround for bold tag */
#leftCol .boxText b {
	font-weight:normal;}

#leftCol .boxText a:link, #leftCol .boxText a:visited{
	color: #1E426A;
	text-decoration:none;}

#leftCol .boxText a:hover, #leftCol .boxText a:active{
	color: #DD1515;
	text-decoration:none;}

#centCol{
	background:#FFFFFF;
	padding:4.75em 12px 12px 12px;
	margin: 0px;}

#centCol .infoBoxHeading{
	background: #FFFFFF;
	color:#1E426A;
	border-bottom: 1px solid #999;
	font: bold 1.5em;
	padding-top: 8px;}

#rightCol{
	padding:2.25em 10px 12px 5px;
	margin:0;
	background: #FFFFFF;
	width: 150px;}

#rightCol .infoBoxHeading{
	background: #FFFFFF;
	color:#1E426A;
	border-bottom: 1px solid #677AA2;
	font-weight:bold ;
	width:150px;
	margin-top:25px;
	padding-bottom: 1px;}

#rightCol .boxText {
	width: 150px;
	padding-bottom:4px;
	line-height: 130%;}

#rightCol .infoBoxContents {
	font: 0.85em;
	margin: 0;
	padding: 0px;}

#xsell {border: 1px solid #DD1515;
	margin: 12px auto 16px;
	width:98%}
#xsell TD.infoBoxHeading {
	font:bold 1.5em;
	color: #DD1515;
	background: #FFF1CC;
	border-bottom: 2px solid #DD1515;}

#xsell .infoBoxContents td { border-bottom: 1px dashed #999999}

/*-- End Info Box Styles --*/

/* Table Row Colors */
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: #FFFFFF;}

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: #FFFFFF; }

/* Product Listing Styles */
TABLE.productListing {
	border-bottom: solid 1px #DD1515;
	border-spacing: 0px;
	margin-top: 11px;}

.productListing-heading {
	font:bold ;
	color: #DD1515;
	background: #FFF1CC;
	border-bottom: 1px solid #DD1515;}

.productListing-heading a:link, .productListing-heading a:visited{
	font:bold ;
	color: #DD1515;
	border-bottom: none;
	background: url(none);}

.productListing-heading a:hover, .productListing-heading a:active{
	font:bold ;
	color: #333;
	background: url(none);}

TD.productListing-data {
	padding-top: 6px;}
	
.shoppingList {
	font-size:80%;
	border: solid 1px #DD1515;
	border-spacing: 0px;
	margin: 11px 8px 8px 8px;
	padding: 11px 8px 8px 8px;
	background:#FFFFFF url(/catalog/themes/default/layout/shoplist-catalog-bg.jpg) no-repeat;}

.shoppingList h1 {
	font:bold 1.8em;
	color: #1E426A;
	margin: 0 0 0 .5em;
	padding-bottom: .2em;}

.shoppingList h2 {
	font:bold 1.65em;
	color: #1E426A;
	margin: 0 0 0 .5em;
	padding: 0.5em 0 0.2em 0;}

.shoppingList h3 {
	font:bold 1.35em;
	color: #DD1515;
	margin: 1.0em 0 0 0;
	padding: 0.2em 0 0.2em 0;
	border-top:1px solid #999999;}

.shoppingList h4 {
	font:bold 1.2em;
	color: #DD1515;
	margin: 1.4em 0 0 0;
	padding: 0.2em 0 0.2em 0;
	border-top:1px solid #999999;}

.shoppingList h5 {
	font:bold 1.1em;
	color: #DD1515;
	margin: 1.4em 0 0 0;
	padding: 0.2em 0 1.5em 0;}

A.pageResults {
  color: #DD1515;
  text-decoration: none;}

A.pageResults:hover {
  color: #DD1515;
  text-decoration: underline;}

TD.pageHeading, DIV.pageHeading {
	color: #DD1515;
	background: #FFFFFF;
	font: bold 1.55em Arial, Helvetica, sans-serif;}

TD.price, DIV.price {
  	font:2em;
	font-weight: bold;
	color: #000000;
	font-variant: normal;}

TR.subBar {
  background: #f0f0f0;}

TD.subBar {
  font:0.85em;
  color: #000000;}

TD.main, P.main {
  line-height: 1.5;}

SPAN.model {
  font:0.85em;
  color: #000000;
  font-weight: normal;  }

TD.smallText, SPAN.smallText, P.smallText {
  font:0.85em;}

#centCol.smallText {
	font-size:0.85em;}

TD.accountCategory {
  font:1.3em;
  color: #D1EBFF;}

TD.fieldKey {
  font:1.1em;
  font-weight: bold;}

TD.fieldValue { font:1.1em;}

TD.tableHeading {
  font:1.1em;
  font-weight: bold;}

SPAN.newItemInCart {
  font:0.85em;
  color: #DD1515;}

CHECKBOX, INPUT, RADIO, SELECT {
  font: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;}

SPAN.greetUser {
  font:1.1em;
  color: #B22333;
  font-weight: bold;}

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

TD.formAreaTitle {
  font:1.1em;
  font-weight: bold;}

SPAN.markProductOutOfStock {
  font: 1.1em;
  color: #DD1515;
  font-weight: bold;}

SPAN.productSpecialPrice {
  color: #DD1515;}

SPAN.errorText {
  font: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
  color: #DD1515;}

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

.checkoutBarFrom, .checkoutBarTo { font: 0.85em; color: #8c8c8c; }
.checkoutBarCurrent { font: 0.85em 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; color: #000000; }

/* message box */

.messageBox { font: 0.85em; }
.messageStackError, .messageStackWarning { font: 0.85em; background-color: #FFF1CC; }
.messageStackSuccess { font: 0.85em; background-color: #FFF8E6; }

/* input requirement */

.inputRequirement { font: 0.85em; color: #DD1515; }

/* new custom styles  */

.BodyTable {
	font-size:0.75em;
	min-width:50em;
	background: #FFFFFF;
	border-top: 1px solid #DD1515; border-left: 1px solid #DD1515; border-right: 1px solid #DD1515; border-bottom: 8px solid #DD1515;
	margin: 0 auto;
	position:relative;
}

/* added style */
.footTop { background: #DD1515 url(/catalog/themes/default/layout/bg_catalog-head.jpg) repeat-x top left;
	height:5px; }

input.inputField {
	font: 0.85em;
	color: #000000;
	background-color: white;
	margin: 2px;  }
	 
textarea.textArea {
    background-color: #FFFFFF;
    border: black 1px solid;
    color: 000000;
	font: 0.85em;
    font-weight: normal;}
   
   input.radio {
	font: 0.85em;
    color: #000000;}
   
   select.pullDown {
    background-color: #ffffff; 
    font-weight: normal; 
    font-size: 0.85em; 
    color: black;}
   
.imageTable {
	border: thin solid #000000;}	

.qntyBox {
	width: 30px;
	font: 0.85em;
	color: #000000;
	border: 1px solid #000000;
	background-color: #FFFFFF;
	margin: 2px;
	text-align: center;}
	
TD.searchText {
	font:bold ;
	color: #FFFFFF;
	text-transform: capitalize;
	letter-spacing: .1em;}

.copyright {
	font-size: 0.75em;
	font-weight: normal;
	color: #000000;}

.polaroidTable {
	background-color: #FFFFFF;
	padding: 5px 5px 20px;
	border-top: thin solid #000000;
	border-right: thin solid #000000;
	border-bottom: medium solid #000000;
	border-left: medium solid #000000;}

/* VJ Links Manager v1.00 begin */
TABLE.linkListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;}

.linkListing-heading {
	font:bold .85em;
  background: #b6b7cb;
  color: #FFFFFF;
  text-align: center;}

TD.linkListing-data {
  border-right: 1px solid #b6b7cb;
  border-bottom: 1px solid #b6b7cb;
  padding: 4px;
	font: 0.85em;}

TR.linkListing-odd {
  background: #f8f8f8;}

TR.linkListing-even {
  background: #F5F5F5;}

/* VJ Links Manager v1.00 end */

/* Footer Styles */
TR.footer {
  background: #bbc3d3;}

TD.footer {
	background: #bbc3d3;
	color: #ffffff;
	font: bold 0.85em;}

#Footer2 {	margin: 0 auto;}
.FooterSlogan {
	color: #391408;
	font: bold 11px/150% 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
}/* not sure what this font size is*/
.FooterSlogan a:link,
.FooterSlogan a:visited {color:#1E426A; font: normal; text-decoration:none}
.FooterSlogan a:hover,
.FooterSlogan a:active {color:#DD1515; font: normal; text-decoration:underline}

/* Track Listings */
#tracklist {
	font: 1em Georgia, "Times New Roman", Times, serif;
	padding: 12px;
	color: #000000;
	background: #FFFFFF;}

#tracklist h3 {
	font: bold 1.3em 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
	color: #1E426A;
	margin: 0px 0px .2em;
	background: #FFFFFF;
	border: none;}

#tracklist p {
	margin: 0px 0px 1em;}

#tracklist th {
	font-weight:bold ;
	color: #1E426A;
	text-align: left;
	border-bottom: 1px solid #666666;
	padding: 2px 5px;}

#tracklist td {
  	font: 0.85em;
	color: #000000;
	text-align: left;
	border-bottom: 1px dashed #999999;
	padding: 3px 5px;}

#tracklist ol {
	font: 0.85em;}

#tracklist ol li{
	margin: 0px;
	padding: 2px 0px;}

h1 {
	font:bold 1.8em;
	color: #1E426A;
	margin: 0 0 0 .5em;
	padding-bottom: .2em;}

h2 {
	font:bold 1.65em;
	color: #1E426A;
	margin: 0 0 0 .5em;
	padding: 0.5em 0 0.2em 0;}

h3 {
	font:bold 1.35em;
	color: #DD1515;
	margin: 0.6em 0 0 0;
	padding: 0.2em 0 0.2em 0;}

h4 {
	font:bold 1.5em;
	color: #333;
	margin: 0;
	padding: 0.5em 0 0.2em 0;}

TD.category_desc {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em;
  line-height: 1.5;}


/* home page events */
#eventListWrap {  
	background: #FFF1CC; 
	border-bottom: thin solid #1E426A;
	width: 215px; 
	padding: 0px;
	margin: 10px 0px;}	 	 
	
#eventList {
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px 15px 5px 15px;
	margin: 0px;}
	
#eventList h3 { 
	color: #27476D;
	padding: 0px;
	margin: 0px;}
	
#eventList h3 a {
	font-size: .85em; 
	font-weight: bold;
	text-decoration: none;}
	
#eventList h3 a:active, #eventList h3 a:link, #eventList h3 a:visited {
	color: #27476D;}
	
#eventList h3 a:hover {
	color: #D71111;}	

#eventList ul {
	padding-left: 18px;}
	
#eventList li {
	/*line-height: 2.5ex;*/
	list-style-type: none;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;}
	
/*text highlight*/
	
#eventDate {
	font: .65em;
	color: #000;
	text-decoration: none; 
	padding: 0px;
	margin: 0px;}
	
.bluTxt {
	color:#1E426A;
	font-weight:bold; }	
	
/*customer buletin*/
.bulletin {
	background-color: #FFF1CC;
	padding:5px;
	margin:0;
	border: 1px solid #DD1515;}

.bulletin h2 {
	color: #DD1515;
	font-size: 1.3em;
	font-weight: bold;
	margin:0;
	padding:3px;}

.bulletin p {
	font-size: 1em;
	margin:0;
	padding:3px;}