/* MAIN CSS for The Organic Mattress */

/* ===========================================
         GLOBAL DEFINITIONS              
==============================================*/

* { margin: 0; padding: 0; }

.clear { clear: both; height: 0px; font-size: 0px; }

span { display: none; }



a { 
	color: #669900; 
	text-decoration: none; 
}

a:hover { 
	color: #fff;
}

a img { border: none; }

p { 
	margin-bottom: 20px;
}

.red	{
	color: #FF0000;
	}


/* ===========================================
         MAIN LAYOUT
==============================================*/


body {
	background-color: #99cc33;
	padding: 10px 30px; 
	font: 12px Helvetica, Arial, sans-serif;
	color: #666600;
	line-height: 18px;
	text-align: center;
}

#mainContainer {
	width: 900px;
	min-height: 560px;
	margin: 0 auto;
	text-align: left;
	background-color: #fff;
}

#content {
	background-color: #ffffff;
}


/* ===========================================
         HEADER
==============================================*/

#header {
	background-color: #99cc33;
	zoom: 1; /* Fixes flicker bug in Win/IE6,7 */
}



/* ------ nav - common ------ */

#header ul {
	float: right;
	list-style: none;
}

#header li {
	float: left;
	margin-right: 36px;
}

#header li a {
	font: 14px Helvetica Neue, Helvetica, Arial, sans-serif; /* Tries Helvetica Neue first */
}

#header .last {
	margin-right: 0;
}

/* ------ nav1 ------ */

#nav1 { padding-bottom: 6px; }

#logo { float: left; }

#nav1 ul { margin-top: 61px; }

#header #nav1 a { font-weight: bold; color: #669933; text-transform: uppercase; }

#header #nav1 a:hover, #header #nav1 .selected { color: #ffff33; }

/* ------ nav2 ------ */

#nav2 { height: 32px; background-color: #669933; }

#nav2 ul { padding-top: 6px; padding-right: 16px; }

#nav2 a { color: #c0f02f; text-transform: lowercase; }

#nav2 a:hover, #nav2 .selected { color: #ffff33; }

/* ------ nav3 ------ */

#nav3 { height: 32px; background-color: #336633; }

#nav3 ul { padding-top: 8px; padding-right: 16px; }

#header #nav3 a { font-size: 12px; color: #99cc00; }

#header #nav3 a:hover, #header #nav3 .selected { color: #ffff33; }


/* ===========================================
         CONTENT
==============================================*/

/* ------ left column (images) ------ */

#imagesCol {
	float: left;
	width: 400px;
	line-height: 0;
	_margin-bottom: -3px;
}
	*+html #imagesCol { margin-bottom: -3px;  /* For Win/IE7 */ }

#imagesCol p {
	margin-left: 8px;
	margin-right: 25px;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	color: #99cc00;
	line-height: 16px;
}

#options {
	margin-top: 4px;
	_margin-top: 3px;  /* For Win/IE6 */
}
	*+html #options { margin-top: 3px;  /* For Win/IE7 */ }
	
#options p {
	margin-bottom: 0px;
}

#options a {
	margin-right: 1px;
}

#options a.last {
	margin-right: 0;
}



/* ------ right column (text) ------ */

#textCol {
	float: right;
	width: 400px;
	margin-top: 38px;
	margin-right: 50px;
	display: inline; /* Fixes double margin float bug in Win/IE6 */
}

#textCol a {
	font-weight: bold;

}

#textCol a:hover {
	color: #33cc33;
	bottom: auto;
	text-decoration: underline;
}

#textCol h1 {
	margin-bottom: 6px;
}

#textCol ul {
	margin-left: 2.5em;
	margin-bottom: 1.5em;
}

#textCol li {
	margin-bottom: 1em;
}

#textCol ul.noBullets {
	list-style: none;
	margin-left: 1.5em;
}

#textCol .download { /* PDF download link */
	color: #99cc00;
	top: auto;
}

#textCol .download img {
	float: left;
	margin-right: 6px;
	right: auto;
}

#textCol .testimonial {
	margin-top: 40px;
	_margin-top: 0;  /* For Win/IE6 */
}
	*+html #textCol .testimonial { margin-top: 0;  /* For Win/IE7 */ }



/* ------ Specifications Tables ------ */

/* ------ Specifications Table 1 has 4 columns------ */

#specTable {
	width: 100%;
	margin-bottom: 20px;
	color: #99cc00;
}

#specTable #hd_size 		{ width: 35%; }
#specTable #hd_lengthWidth 	{ width: 25%; }
#specTable #hd_price 		{ width: 20%; }
#specTable #hd_setPrice 	{ width: 20%; }

#specTable tbody th, #specTable .lengthWidth 	{ font-weight: normal; }
#specTable .price, #specTable .setPrice 		{ font-weight: normal; }

#specTable tr {
	vertical-align: top;
}

#specTable th, #specTable td {
	text-align: left;
	padding: 2px 10px 2px 6px;
}

#specTable thead th {
	padding: 4px 10px 8px 6px;
	background-color: #e2fea9;
	color: #006411;
	font-weight: normal;
	line-height: 1.2em;
}

#specTable thead th .subHead {
	font-size: 10px;
	font-weight: normal;
}

#specTable #crib th { /* Crib header */
	color: #99cc00;
}

#specTable #crib td { /* Crib cell */
	color: #99cc00;
}

#specTable .na { /* Not available */
	display: inline;
	color: #99cc00;
	font-weight: normal;
}

/* ------ Specifications Table 2 has only 3 columns------ */

#specTable2 {
	width: 100%;
	margin-bottom: 20px;
	color: #99cc00;
}

#specTable2 #hd_size 		{ width: 40%; }
#specTable2 #hd_lengthWidth 	{ width: 20%; }
#specTable2 #hd_price 		{ width: 40%; }


#specTable2 tbody th, #specTable .lengthWidth 	{ font-weight: normal; }
#specTable2 .price, #specTable .setPrice 		{ font-weight: normal; }

#specTable2 tr {
	vertical-align: top;
}

#specTable2 th, #specTable2 td {
	text-align: left;
	padding: 2px 10px 2px 6px;
}

#specTable2 thead th {
	padding: 4px 10px 8px 6px;
	background-color: #e2fea9;
	color: #006411;
	font-weight: normal;
	line-height: 1.2em;
}

#specTable2 thead th .subHead {
	font-size: 10px;
	font-weight: normal;
}

#specTable2 #crib th { /* Crib header */
	color: ##99cc00;
}

#specTable2 #crib td { /* Crib cell */
	color: #99cc00;
}

#specTable2 .na { /* Not available */
	display: inline;
	color: #99cc00;
	font-weight: normal;
}



/* ------ Specifications Table 3 ------ */

#specTable3 {
	width: 100%;
	margin-bottom: 20px;
	color: #99cc00;
}

#specTable3 #hd_size 		{ width: 40%; }
#specTable3 #hd_lengthWidth 	{ width: 40%; }
#specTable3 #hd_price 		{ width: 20%; }


#specTable3 tbody th, #specTable .lengthWidth 	{ font-weight: normal; }
#specTable3 .price, #specTable .setPrice 		{ font-weight: normal; }

#specTable3 tr {
	vertical-align: top;
}

#specTable3 th, #specTable3 td {
	text-align: left;
	padding: 2px 10px 2px 6px;
}

#specTable3 thead th {
	padding: 4px 10px 8px 6px;
	background-color: #e2fea9;
	color: #006411;
	font-weight: normal;
	line-height: 1.2em;
}

#specTable3 thead th .subHead {
	font-size: 10px;
	font-weight: normal;
}

#specTable3 #crib th { /* Crib header */
	color: ##99cc00;
}

#specTable3 #crib td { /* Crib cell */
	color: #99cc00;
}

#specTable3 .na { /* Not available */
	display: inline;
	color: #99cc00;
	font-weight: normal;
}

/* ------ Specifications Table 4 ------5 columns */

#specTable4 {
	width: 100%;
	margin-bottom: 20px;
	color: #99cc00;
}

#specTable4 #hd_size 			{ width: 35%; }
#specTable4 #hd_lengthWidth 	{ width: 20%; }
#specTable4 #hd_fabric1 		{ width: 15%; }
#specTable4 #hd_fabric2 		{ width: 15%; }
#specTable4 #hd_fabric3 		{ width: 15%; }


#specTable4 tbody th, #specTable .lengthWidth 	{ font-weight: normal; }
#specTable4 .price, #specTable .setPrice 		{ font-weight: normal; }

#specTable4 tr {
	vertical-align: top;
}

#specTable4 th, #specTable4 td {
	text-align: left;
	padding: 2px 10px 2px 6px;
}

#specTable4 thead th {
	padding: 4px 10px 8px 6px;
	background-color: #e2fea9;
	color: #006411;
	font-weight: normal;
	line-height: 1.2em;
}

#specTable4 thead th .subHead {
	font-size: 10px;
	font-weight: normal;
}
#specTable4 #crib th { /* Crib header */
	color: ##99cc00;
}

#specTable4 #crib td { /* Crib cell */
	color: #99cc00;
}

#specTable4 .na { /* Not available */
	display: inline;
	color: #99cc00;
	font-weight: normal;
}


/* ===========================================
         FOOTER
==============================================*/

#footer {
	padding-top: 20px;
	text-align: center;
	color: #549415;
}

#footer ul {
	display: inline;
	margin-left: auto;
	margin-right: auto;
	list-style: none;
}

#footer li {
	display: inline;
	margin-right: 36px;
}

#footer .last {
	margin-right: 0;
}

#footer li a {
	font: 12px Helvetica Neue, Helvetica, Arial, sans-serif;
	text-transform: lowercase;
	color: #336600;
}

#footer a { color: #336600; }

#footer a:hover { color: #fff; }