/* The Glass Baby Bottle Style Sheet - 960 pixels wide */

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

a.footer {color:#6C6C6C;font-style:italic;text-decoration:none;}
a.footer:hover {color:#000;font-style:italic;text-decoration:none;}

a.navleft {color:#5C743D;text-decoration:none;}
a.navleft:hover {color:#000;text-decoration:none;}

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

/* used for link to manufacturer category on product pages  */
a.manulink {color:#C75E00;text-decoration:none;}
a.manulink:hover {color:#5C743D;text-decoration:none;}

body {
	margin:0px;		/* Was set to 3. When set to zero, puts the entire site flush to the top of the viewport */
	background-color: #EBE0F5; /* D8D8D8, E6E6E6, E7E1EB, E6DAF0 */
	background-image: url(img/tgbb-bg9.jpg);
	background-repeat: repeat;
	background-position: top center;
	}

/* Prevents whitespace below HTML forms in IE6 */
form {
    margin: 0px 0px 0px 0px;
    }
	
hr {
    margin: 0px 0px 0px 0px;
	color:#BCBCBC;
	}	
	
	
/* Table Styles ///////////////////////////////////////////////////////////////////////////////////////////////////// */

/* 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;
	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;
	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;
	}

/* table for the mattress comparisons */
table.comp {
	border: 1px solid #000;
	width: 100%;
	}

table.ctgythumb {
	border: 1px solid #D1BBFF;
	width: 181px;
	height: 181px;
	}

table.contentwrapper {
	width: 772px;
	border: 0px solid blue;		/* If this border is removed, make the width 2 pixels wider? */
	background-color: #FFF;
	padding: 5px 13px;
	}
	
table.contenthead {		/* If this border is removed, make the width 2 pixels wider? */
	width: 730px;
	border: 0px solid black;
	}
	
table.dividerdots {
	width: 100%;
	max-height:7px;
	background-image:url(img/divider-dots_CC6666.jpg);
	background-repeat:repeat-x;
	}		
		
table.header {
	width: 958px;
	}

/* Login table on OCST */
table.login {
	width: 880px;
	border: 0px solid #666;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	}	
	
table.master {
	width: 960px;
	}	
	
table.navleft {
	width: 188px;
	background-color: #FFF;
	}
	
table.navleft td {
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color: #5C743D;
	border-bottom: 1px solid #5C743D;
	padding: 3px 0px 3px 10px;
	text-align: left;
	}		

table.navtop {						
	width: 960px;
	}
	
/* this is the table enclosing pages w/o a navigation pane, i.e. BASK */
table.nonav {
	width: 96%;
	border:0px solid black;
	}
	
table.pixborder {
	border: 1px solid #666;
	}		

table.proddetails {
	border: 0px solid #999;
	width: 390px;
	height: 326px; 
	padding: 5px 5px 5px 15px;
	}
	
table.proddetails td {
	height: 25px;
	padding: 0px 0px 0px 0px;
	}
	
table.proddetails td.divdotsred {
	background-image:url(img/divider-dots_CC6666.jpg);
	background-position: center center;
	background-repeat: repeat-x;
	}
	
/* places a 1 pixel border around product images */	
table.prodimg {
	border: 1px solid #D1BBFF;
	width: 326px;
	height: 326px;
	}	
	
table.prodthumb {
	border: 1px solid #D1BBFF;
	width: 126px;
	height: 126px;
	}		
	
table.relprod {
	border: 0px solid #999;
	width: 730px;
	height: 50px;
	padding: 5px 5px 5px 15px;
	}
	
table.quicklinks {
	width: 962px;
	border-spacing: 0px;	/* equivalent of cell spacing */
	}
	
table.quicklinks td {
	font:normal 10px Arial,Helvetica,sans-serif;
	color:#666;
	background-color: #FFE6BB;
	}			
	
table.wrappertabs {
	border: 0px solid #999;
	width: 730px;
	padding: 12px 5px 5px 0px;
	}			

/* This table wraps navleft and the content pane */	
table.wrapper {
	width: 960px;
	border-top: 1px solid #FFF;		
	background-color: #FFF;	
	}
	
table.wrapper td {
	background-color: #FFF;	
	}	
	

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

.arialitalic10 {
	font:italic 10px Arial,Helvetica,sans-serif;
	color:#666;
	}
	
.arial11 {
	font:normal 11px Arial,Helvetica,sans-serif;
	color:#666;
	}	
	
.arial12 {
	font:normal 12px Arial,Helvetica,sans-serif;
	color:#666;
	}
	
.arial14 {
	font:normal 14px Arial,Helvetica,sans-serif;
	color:#666;
	}
	
.dividerdots {
	color: #999;
	}

/* used for product lists,i.e. basket items, related items etc 	 */
.listHead {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #ff0000;
	background-color: #CCCCCC;
	}
	
/* the following 3 styles are applied to the pricing on category w/products template */
.regprice {
	font:normal 13px Arial,Helvetica,sans-serif;
	color:#666;
	}
	
.saleprice {
	font:normal 13px Arial,Helvetica,sans-serif;
	color:#FF0000;
	}
	
.ourprice {
	font:normal 13px Arial,Helvetica,sans-serif;
	color:#CC6666;
	}
	
.ourprice_sm {
	font:normal 11px Arial,Helvetica,sans-serif;
	color:#CC6666;
	}
	
.verdana13 {
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	color:#006666;
	}
	
.viewall {
	font:normal 15px Verdana,Arial,Helvetica,sans-serif;
	color:#C75E00;
	}		

/* used in the shadowbox on the home page */	
div.shadowBox {
	font:normal 12px Arial,Helvetica,sans-serif;
	color:#666;
	padding: 0px 10px 0px 0px;
	text-align: center;
	}
	
/* used on the product pages for Tell A Friend, Share, Review */
div.share {
	background-color: #DDD;
	font: normal 8pt Verdana, Arial, Helvetica, sans-serif;
	border: solid 1px #999;
	padding:3px 0 3px;
	text-align:center;
	}		
	
/* Introductory text from the home page */
h1.intro {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666;
	line-height: 13pt;
	padding: 0px 10px;
	}					

/* SEO Styles /////////////////////////////////////////////////////////////////////////////////////////////////////// */ 
/* I made the class .prodname an h1 for SEO purposes. Located on the Guy's Product Template v4.html page (my default PROD) */
h1.prodname {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 0.03em;
	color: #006666;
	line-height: 15pt;
	}
	
/* used on the PROD page template to display the product name in the jQuery tabs */
h2.prodnametabs {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0.03em;
	color: #006666;
	line-height: 13pt;
	}

/* used on the PROD page template to display the product name above the Related Items listing */	
h3.prodnamerelated {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 0.03em;
	color: #006666;
	line-height: 13pt;
	}
/* End SEO Styles //////////////////////////////////////////////////////////////////////////////////////////////////// */			
	
img.home {
	border: 1px solid #C75E00;
/*	margin-right:0px;  needed for IE6 & 7 */
	}	
	
/* these are the cells in which the product name is displayed on category product templates */
td.padded {
	padding: 5px 0px 5px 0px;
	}

/* used in the shadowbox on the home page */	
td.padlftrgt {
	padding-left: 15px;
	padding-right: 15px;
	}		
	
.teal {
	color:#006666;
	font: normal 14px Verdana, Arial, Helvetica, sans-serif;
	}
	
.cartempty {
	color:#5C743D;
	font: italic 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 10px 0 0;
	}		

.verdana16 {
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	color:#006666;
	}

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

/* Header ID Styles //////////////////////////////////////////////// */
#topmargin	{
	width: 960px;
	height: 28px;
	font: italic 13px Trebuchet MS,Arial,Helvetica,sans-serif;
	color: #6B4B38;
	padding-top: 4px;
	background-image:url(img/topmargin-bg.jpg);
	}

#headermenu 	{	
	font:11px Arial, Helvetica, sans-serif;
	color: #FFF;
	width: 70px;
	height: 23px;
	text-align: right;
	background-color: #8FB069;	
	}

#logo {
    color: #5C743D;
    font: bold 16px Arial,Helvetica,sans-serif;
    height: 104px;
    letter-spacing: 0.1em;
    padding-top: 32px;
    vertical-align: bottom;
	text-align: center;
    width: 363px;
	background-color:#FFFFFF;
	}
	
#minicart 	{	
	font:12px Arial, Helvetica, sans-serif;
	color: #5C743D;
	width: 232px;
	background-image: url(img/Mini-Cart-BG-Border2.jpg);
	background-position: 50% 29px;
	background-repeat:no-repeat;
	background-color: #FFFFFF;
	height: 130px;
    padding-bottom: 6px;
	border-top-right-radius: 20px;
	}
	
#tagline 	{	
	font:14px Arial, Helvetica, sans-serif;
	color: #6B4B38;
	letter-spacing:.06em;
	width: 368px;
	vertical-align: top;
	text-align: center;
	}	
	
		
/* Product Page ID Styles //////////////////////////////////////////// */
#breadcrumb, #breadcrumb a 	{	
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color: #6666CC;
	text-align: left;
	text-transform: lowercase;
	}
	
#nextprevious a {	
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	}
	
/* other ID styles */
#footwrapper {
	width:900px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color: #6C6C6C;
	background-image:url(img/bg-footer.gif) ;
	background-repeat: no-repeat;
	background-position: top;
	background-color: #EBE0F5;	/* #DAC2EB */
	margin-left: auto;		/* setting the left & rgt margins to auto centers the div */
	margin-right: auto;
	padding: 10px 30px; 	
	}
	
#copyright {
	width:910px;
	font:8px Verdana, Arial, Helvetica, sans-serif;
	color: #ABABAB;
	text-align: center;
	margin-left: auto;		/* setting the left & rgt margins to auto centers the div */
	margin-right: auto;
	padding: 1px 25px; 	
	}
	
div.footer {
	float: left;
	width: 212px;
	margin-right: 4px;
	background-color:#FFF;	/* #EBE0F5 */
	padding: 0 0 6px 10px;
	}
	
ul.footerlist {
	list-style-type: none;
	padding-left: 0;
	margin: 3px 0;
	}
	
p.footer {
	font: bold 12px arial,helvetica,sans-serif;
	margin: 6px 0 3px 0;
	}