/* global body */
body{
	margin:0px 0px 0px 0px;
	padding:0px;
	background-image:url(../img/bg.gif);
	background-color:#E0E8EF
}


td {  font-family: "Trebuchet MS"; font-size: 12px; color: #333333}
.nine {  font-size: 11px; text-decoration: none}
.nineWhite { font-size: 9px; text-decoration: none ; color: #FFFFFF}
h1 {  color: #336699; font-size: 16px; text-decoration: none; margin: 4px 4px 4px 4px;}
.bold {  font-weight: bold}
.red {  color: #990000}
.blueBold { font-weight: bold ; color: #003366}
h2 { font-size: 14px; color: #cccccc; text-decoration: none; margin: 4px 4px 4px 4px;}
h3{
font-size: 12px;
font-stretch:condensed;
font-weight:bolder;
color:#000000;
border-bottom:1px solid #666666;
margin-bottom: 2px;
}

table.dotLeft{
border-left: 1px dotted #92ADC1;
}


/*aLINKS*/
a:link {  color: #336699; text-decoration: underline}
a:hover {  color: #336699; text-decoration: none}
a:active {  color: #336699; text-decoration: underline}
a:visited {  color: #336699; text-decoration: underline}

.sidenav { color: #FFFFFF;
font-size: 11px;
}
.sidenav a:link {  color: #FFFFFF; text-decoration: underline}
.sidenav a:hover {  color: #FFFFFF; text-decoration: none}
.sidenav a:active {  color: #FFFFFF; text-decoration: underline}
.sidenav a:visited {  color: #FFFFFF; text-decoration: underline}


.footer { color: #FFFFFF;
font-size: 9px;
}
.footer a:link { color: #ffffff; text-decoration: underline}
.footer a:visited {color: #ffffff; text-decoration: underline}
.footer a:hover {color: #cccccc;text-decoration: none}
.footer a:active {color: #ffffff; text-decoration: underline}

.features { color: #FFFFFF;
font-size: 11px;
}
.features a:link { color: #336699; text-decoration: underline}
.features a:visited {color: #336699; text-decoration: underline}
.features a:hover {color: #336699;text-decoration: none}
.features a:active {color: #336699; text-decoration: underline}


.NAV { color: #336699;
font-size: 14px;
font-weight: bold;
}
.NAV a:link { color: #336699; text-decoration: none}
.NAV a:visited {color: #336699; text-decoration: none}
.NAV a:hover {color: #ffffff;text-decoration: underline}
.NAV a:active {color: #336699; text-decoration: none}

.NAVS { color: #336699;
font-size: 12px;
font-weight: bold;
}
.NAVS a:link { color: #336699; text-decoration: none}
.NAVS a:visited {color: #336699; text-decoration: none}
.NAVS a:hover {color: #ffffff;text-decoration: underline}
.NAVS a:active {color: #336699; text-decoration: none}


.tempurpedic-comparison { font-size: 9px;
}

/*Form Elements*/
form {
	margin: 0px;
}

input, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 11px;
	color: #003366;
	border: 1px inset #333333;
}

.tableBorder {
	border: 1px dashed #85a2b2;
}

ul {
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-style: normal;
	text-indent: 5px;
	text-transform: none;
	list-style-position: outside;
	list-style-image: url(../img/arrow-round.jpg);
	list-style-type: square;
	padding: 2px;
	margin: 7px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Cartweaver 2 CSS Classes */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*
NOTE: All styles below are specific to Cartweaver 2.
You may use the CSS above, or remove it and attach
your own CSS file in addition to cartweaver.css
*/

/*Form Styles*/
input.formCheckbox {
	border: none;
	background: transparent;
}

input.formButton {
	background: #e0e8ef;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	border-top: 1px solid #333333;
	color: #000000;
	font-weight: bold;
	margin: 3px 3px 0px 3px;
}

/* Tables used to display tabular Data. */
/* Apply to <table> tags only. 
Example: <table class="tabulardata">*/
table.tabularData, table.tabularData td, table.tabularData th {
	border: 2px solid #ffffff;
	border-collapse: collapse;
}
table.tabularData td, table.tabularData th{
	padding: 3px;
}
table.tabularData th, table.tabularData th a:link, table.tabularData th a:visited, table.tabularData th a:hover, table.tabularData th a:active  {
	background: #E0E8EF;
	color: #000000;
}

/* altRowEven & altRowOdd are used to style alternating table rows. */
.altRowEven {
	background-color: #FAFBFC;
}
.altRowOdd{
	background-color: #E0E8EF;
}

.smallprint {
	font-size: 10px;
}

.pagingLinks {
	text-align: center;
}

.errorMessage {
	color: #FF0000;
	font-weight: bold;
}

.storeHeaderIncText {color: #336799; font-size: 14px}
