/* Global Styles for The Glass Baby Bottle.com */

a {color:#993300;text-decoration:none;}
a:hover {color:#5C743D;text-decoration:none;}

a.temp {color:#993300;text-decoration:none;}
a.temp:hover {color:#5C743D;text-decoration:none;}		

a.hdrmenu {color:#000000;text-decoration:none;}
a.hdrmenu:hover {color:#5C743D;text-decoration:none;}


/* Header Menu */	
table.hdrmenu {
	width: 480px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
	letter-spacing:.1em;
	text-align: right;
	}

/* places a 1 pixel border around product images */	
table.imgborder {
	border: 1px solid #5C743D;
	width: 450px;
	text-align: center;
	background-color: #fff;
	}
	
table.login {
	width: 550px;
	border: 1px solid #000;	
	}	

table.master {
	width: 762px;
	border: 0px solid #99CC66;
	background-color: #F4FFE4;
	}

/* this table's only purpose is to allow a border around the content pane */
table.mcontent {
	width: 760px;
	border-top: none;
	border-left: none;
	border-right: 1px solid #99CC66;
	border-bottom: 1px solid #99CC66;
	}

table.navigation a {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #D5EDB3;
	line-height:12px;
	letter-spacing:.1em;
	text-decoration: none;
	display:block;
	padding:7px 6px 9px 20px;
	}
	
table.navigation a:hover {
	background: #99CC66;
	color:#993300;
	}
	
/* Places a bottom border on the cells of the left navigation menu */
table.navigation td {
	border-bottom: 1px solid #F4FFE4;
	}	

/* this is the table enclosing pages w/o a navigation pane, i.e. BASK */
table.nonav {
	width: 760px;
	border-top: none;
	border-left: 1px solid #99CC66;
	border-right: 1px solid #99CC66;
	border-bottom: 1px solid #99CC66;	
	}
	
/* Table used for the nipple compatability chart. Notice how the TD's need to be styled to display interior borders  */
table.chart {
	width: 100%;
	font: 10pt Arial, Helvetica, sans-serif;
	line-height: 0pt;
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	border-collapse: collapse;
	}
	
table.chart td {
	border-width: 0px 0px 1px 0px;	/* top right bottom left */
	padding: 2px 2px 2px 2px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	}
	
table.chart th {
	font: 20px Arial, Helvetica, sans-serif;
	border-width: 0px 0px 1px 0px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	}				

/* Places an olive 1px border around the table  */
table.pxborder {
	border: 1px solid #5C743D;	
	}

/* Places a gradient background image in designated td's only  */
table.pxborder td.gradient {
	background:url(img/bg_gradient.jpg);	
	}			

/* this is the table surrounding the Quantity/Add to Cart button/Product info on PROD template */
table.qty {
	border: 0px solid #000;
	background-color:#99CC66;
	}
	
table.qty td {
	padding: 7px 10px 7px 15px;
	}
	
/* this table's only purpase is to allow a border around the content pane in the Order Status display template  */
table.scontent {
	width: 760px;
	border-top: none;
	border-left: 1px solid #99CC66;
	border-right: 1px solid #99CC66;
	border-bottom: 1px solid #99CC66;	
	}

/* Places a bottom border on the cells of the nested tables holding the seals of the left navigation menu. The nested tables for the seals are necessary because they do not want the padding of the table.navigation styles */
table.seals td {
	border-bottom: 1px solid #F4FFE4;
	}
	
table.subheadnav {
	background:url(img/bg_gradient.jpg);
	}
	
table.subheadnav td.dashed {
	background:url(img/dashed_line.gif);
	}	
	
table.subheadnav a {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #993300; 
	line-height:0px; 
	letter-spacing:.1em;
	text-decoration: none;
	display:block; 
	padding:12px 10px 12px 12px;
	}	
		
table.subheadnav a:hover {
	background: #5C743D;
	color:#D5EDB3;
	}
	
/* places a 1 pixel border around category thumbnails */	
table.thumbborder {
	border: 1px solid #5C743D;
	width: 100%;
	height: 130px;
	background-color: #fff;
	}
	
	
body {
	margin:0px;
	background-color: #F4FFE4;
	}
	
td {
	font:11px Arial, Helvetica, sans-serif;
	color:#666666;
	}
	
img.thumb {
	border: 1px solid #5C743D;
	}
	
/* Prevents whitespace below HTML forms in IE6 */
form {
    margin: 0px 0px 0px 0px;
    }	
	

/* Class Styles ///////////////////////////////////////////////////////////////////////////////////////////////////// */

.bodyText {
	font:12px Arial, Helvetica, sans-serif;
	color:#666666;
	line-height:20px;
	margin-top:0px;
	}

/* styling for the percent off display on PROD, i.e. Savings: 20% off */	
.savings {
	font: italic bold 14px Arial, Helvetica, sans-serif;
	color:#666666;
	letter-spacing:.1em;
	}	

/* Home page headline */	
.homeHead{
	font: 18px Arial, Helvetica, sans-serif;
	color: #5C743D;	
	letter-spacing:.15em;
	}	
	
.pageName{
	font: 18px Arial, Helvetica, sans-serif;
	color: #5C743D;	
	line-height:26px;
	letter-spacing:.21em;
	}
	
.prodName{
	font: 18px Arial, Helvetica, sans-serif;
	color: #5C743D;	
	line-height:26px;
	letter-spacing:.08em;
	}

/* styles the product name on the PROD template(s) */	
.prodtemplateName{
	font: 15px Arial, Helvetica, sans-serif;
	color: #5C743D;	
	line-height:20px;
	font-weight:700;
	}	

/* Product description text */	
.prodText {
	font:12px Arial, Helvetica, sans-serif;
	color:#666666;
	line-height:20px;
	margin-top:0px;
	padding: 0px 20px 0px 0px;
	}	
	
/* Related Product(s) & other checkout screens header font */
.relHead{
	font: 12px Arial, Helvetica, sans-serif;
	color: #D5EDB3;	
	letter-spacing:.08em;
	background-color: #5C743D;
	vertical-align: middle;
	text-align:left;
	}

/* Related Product(s) product code, name, etc. text font */	
.relText{
	font: 12px Arial, Helvetica, sans-serif;
	color: #666666;	
	letter-spacing:.04em;
	}			
	
.subHeader {
	font:bold 11px Arial, Helvetica, sans-serif;
	color: #993300;
	line-height:22px;
	letter-spacing:.2em;
	}
	
.subHeader2 {
	font:bold 11px Arial, Helvetica, sans-serif;
	color: #993300;
	line-height:18px;
	letter-spacing:.1em;
	}	

.quote {
	font: 20px Arial, Helvetica, sans-serif;
	color: #759DA1;
	line-height:30px;
	}
	
.smallText {
	font: 10px Arial, Helvetica, sans-serif;
	color: #666666;
	line-height: 22px;
	}
	
.footNotes {
	font: 10px Arial, Helvetica, sans-serif;
	color: #666666;
	}
	
.navText {
	font: 11px Arial, Helvetica, sans-serif;
	color: #003366;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	}

/* sub header navigational text */	
.shnavText {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #993300; 	
	line-height:16px; 
	letter-spacing:.1em;
	text-decoration: none;
	display:block; 
	}	
	
.priceText {
	font:bold 14px Arial, Helvetica, sans-serif;
	color: #666666;
	letter-spacing:.2em;
	}

/* a more compact version of bodyText for use with footer notes etc. */	
.compactText {
	font:12px Arial, Helvetica, sans-serif;
	color:#666666;
	line-height:14px;
	}
	

/* ID Styles ////////////////////////////////////////////////////////////////////////////////////////////////// */

#padded div {
	padding: 0px 7px 0px 7px;
	}

#logo 	{
	font:24px Arial, Helvetica, sans-serif;
	color: #5C743D;
	letter-spacing:.2em;
	line-height:30px;
	}

#tagline 	{	
	font:11px Arial, Helvetica, sans-serif;
	color: #993300;
	letter-spacing:.4em;
	line-height:18px;
	}
/*
#monthformat {
	border-bottom: 1px dashed #5C743D;
	}
		
#dateformat {
	font:11px Arial, Helvetica, sans-serif;
	color: #993300;
	letter-spacing:.2em;
	}
	
#dateformat a {
	font:11px Arial, Helvetica, sans-serif;
	color: #993300;
	font-weight:bold;
	letter-spacing:.1em;
	text-decoration:none;
	}
	
#dateformat a:hover {
	color: #F4FFE4;
	letter-spacing:.1em;
	}
*/	


/* Styling for javascript popups ////////////////////////////////////////////////////////////////////////////////// */
/*
* {margin:0; padding:0}
body {font:11px/1.5 Verdana, Arial, Helvetica, sans-serif; background:#FFF}
#text {margin:50px auto; width:500px}
.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer}

#tt {position:absolute; display:block; background:url(images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(images/tt_bottom.gif) top right no-repeat; overflow:hidden}
*/