/* Undo existing styles
======================================================================*/
a img,:link img,:visited img { border: none; }
button, code, h1, h2, h3, h4, h5, h6, input, pre, select, table, td, textarea, th { font-size: 1em; }
blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, 
html, label, legend, li, ol, p, pre, table, td, th, ul
{ margin: 0px; padding: 0px; }

/* GENERAL INFORMATION
======================================================================

COLORS
	light blue/(jumpNav) 			= 	#668EBA
	dark blue/(footer)				= 	#2D546F
	bronze color(h2 homepage)		= 	#6C672B
*/

/* Foundation
======================================================================*/
* {color:#565656; font-family: Arial, Helvetica, sans-serif; font-size: 12px;line-height: 16px;}
body {text-align: center; padding-bottom: 20px;}

h1 {background: #ADA976; color: #FFF; font-size: 18px; line-height: 18px; margin: 0px 0px 20px 0px; padding: 12px;}
h2 {color: #6C672B; font-size: 14px; margin: 0px 0px 0px 0px; padding: 0px 0px 3px 0px;}
.callout h2 {padding: 0px 0px 6px 0px;}
h2 a {color: #668EBA;}
h3 {color: #000;}
p {color: #565656;margin: 0px 0px 0px 0px; padding: 0px 0px 12px 0px;}
.group p {color: #565656; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
table td {vertical-align:top;}
sup {
height: 0;
line-height: 1;
font-size:smaller;
vertical-align:top;
color:inherit;}

a {color: #668EBA; text-decoration: none;}
a:hover {color: #3D6C8D;}

.siteContainer {
	margin: 0px auto;
	position: relative;
	width: 930px;
}
.clearSm {clear:both; height:1px; line-height: 1px; font-size:1px;}
.floatRContainer,
.floatR {float: right; margin: 0px 0px 5px 5px;}
.floatRContainer {font-size: 11px; text-align:left; font-style:italic; width: 175px;}
.floatRBodyPic {float: right; margin: 15px 0px 5px 5px;}
.floatL {float: left; margin: 0px 10px 5px 15px;}

ul.colL,
ul.colR {float:left; width: 215px;}
/*   USED ON TERMS PAGE
=========================================*/
ul.numerical{ list-style-type: decimal;}
	
/* HEADER
======================================================================*/
.header {height: 45px;}

.jump {margin-top: 15px; float: right; position: relative; text-align:right; width: 525px;}
.jump ul {float: left; margin-top: 5px;position: absolute; left: 0px;}
.jump li {display: inline;}
.jump li.pipes {color: #668EBA; height: 10px; padding: 0px 3px 0px 5px; width: 2px;}
.jump li a {font-size: 11px;}
.jump .searchForm {position: absolute; top:1px; right: 10px; width:160px; height:20px;}
.jump .search .input {
	border: 1px solid #8C864A;
	height: 13px;
	margin: 0px 0px 0px 7px;
	position: absolute;
	bottom: -2px;
	right: 29px;
}
.jump .search .submit {
	background: none;
	border: none;
	color:#668EBA;
	padding: 0px;
	width: 26px;
	position: absolute;
	bottom: -3px;
	right: 0px;
}

#nav .logo {position: absolute; top: -35px; left: 20px;}
#nav .tagLine {font-size: 11px; color: #BECDD8; position: absolute; top: 5px; left: 135px;}

/* NAVIGATION
======================================================================*/
#nav {
	background: url(../../images/template/nav_background.gif) repeat-x; 
	border: 1px solid #2D546F;
	border-bottom: none;
	height: 24px; 
	position:relative; 
	text-align: right !important;
	z-index: 2;}
ul#navmenu-h {
	float: right;
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 0px 45px;
	text-align: right !important;
	width: 588px; 
}

ul#navmenu-h li.spacer {
	color: #98AEBF;
	line-height: 12px;
	padding-top: 5px;
	width:2px;
}
ul#navmenu-h li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: relative;
}

ul#navmenu-h ul {
	display: none;
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: absolute; top: 24px; left: 0px;
}

ul#navmenu-h ul.lastMenuItem {
  left:-82px !important;
}

ul#navmenu-h ul:after /*From IE 7 lack of compliance*/{
	clear: both;
	font: 12px;
	font-size: 12px;
	height: 0;
	margin: 0px; 
	padding: 0px;
	visibility: hidden;
}

ul#navmenu-h ul li {
	display: block !important;
	display: inline; /*For IE*/
	float: left; /*For IE 7 lack of compliance*/
	width: 175px;
}

/* Root Menu */
ul#navmenu-h a {
	color:#FFF;
	display: block;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	font: bold 11px/28px arial, helvetica, sans-serif;
	line-height: 24px;
	height: auto !important;
	height: 1%; /*For IE*/
	text-decoration: none;
	text-transform: lowercase;
	padding: 0px 12px 0px 12px;
}

/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-h li.iehover a {
  background: none;
}

ul#navmenu-h ul li a.first {border-top: none!important;}

/* 2ND MENU
======================================================================*/
ul#navmenu-h li ul {background: #FFF;border: 1px solid #3C6B8C; border-top: none; text-align:left; width:175px;}  /* needs to be fixed in ie7*/
ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a {
	background: #FFF;
	border: 1px solid #FFF;
	border-top: 1px solid #C0C8CD;
	color: #668EBA;
	float: none;
	font-weight: normal;
	line-height:21px;
	margin: 0px 10px;
	padding: 0px;
	text-transform: none;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li:hover li:hover a,
ul#navmenu-h li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover a {
  background: #EDF2F6;
}

/* 3RD MENU
======================================================================*/
ul#navmenu-h li ul li ul {border-top: none;position: absolute; top: -1px; left: 199px;}  /* needs to be fixed in ie7*/
ul#navmenu-h li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li a {
  background: #B24B01;
  color: #FFF;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li a:hover,
ul#navmenu-h li:hover li:hover li:hover a,
ul#navmenu-h li.iehover li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover a {
  background: #8A3A01;
  color: #FFF;
}

/* 4th MENU (NOT BEIGN USED JUST IN CASE)
======================================================================*/
ul#navmenu-h li:hover li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#navmenu-h li:hover li:hover li:hover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#navmenu-h ul ul,
ul#navmenu-h ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko
======================================================================*/
ul#navmenu-h li:hover ul ul,
ul#navmenu-h li:hover ul ul ul,
ul#navmenu-h li.iehover ul ul,
ul#navmenu-h li.iehover ul ul ul {
  display: none;
}

ul#navmenu-h li:hover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li:hover ul,
ul#navmenu-h li.iehover ul,
ul#navmenu-h ul li.iehover ul,
ul#navmenu-h ul ul li.iehover ul {
  display: block;
}

/* BODY
======================================================================*/
.body {
	background-image: url(../../Images/Template/background_body.gif);
	background-repeat: repeat-x;
	background-position: top;
	border: 1px solid #2D546F;
	border-top: none;
	padding-top: 65px;
	padding-bottom: 30px;
	text-align:left;
}

	/* MainContent
	================================*/
	.mainContent {
		float: left;
		margin: 0px 0px 0px 0px !important;
		width: 575px;
	}
	.home .mainContent {width: 545px;}

	.mainContent .group {
		border-left: 12px solid #DAD9CC;
		margin: 0px 0px 0px 17px;
		padding: 0px 0px 0px 5px;
	}
	
	.mainContent .group h2 {padding-left: 0px;}
	.mainContent .group p {margin: 0px 0px 20px 0px;padding: 0px;}
	.mainContent h3,
	.mainContent h2,
	.mainContent p {padding-left: 15px;}
	.mainContent p.listHeader { padding-bottom:4px;!important;}
 	.mainContent ul, .mainContent ol {padding: 0px 0px 12px 40px;}
 	.mainContent ul li.img {list-style-type: none;}
	.mainContent ol ol { list-style-type:lower-alpha; padding:0px 0px 0px 25px; }
  	.toTop {padding-top: 10px;text-align:center;}
  
	  img.globalMap {float:right; margin:0px 0px 10px 0px;}
	
	/* HOMEPAGE
	================================*/
	.home .flash {border-bottom:1px solid #FFF; position: relative;}
	.home .info {background: url(../../Images/Template/background_flashInfo.gif) repeat-x bottom #C3BF98; margin-bottom: 2px;}
	.home .info h1, 
	.home .info p {background: none;margin: 0px 35px 0px 35px; padding-left: 0px;}
	.home .info h1 {color: #FFF; padding: 15px 0px 10px 0px;}
	.home .info .link {text-align:right;}
	.home .flash span {display: block;width: 170px;}
	.home .flash .linkContainer {position: absolute; top: 5px; left: 0px;}
	.home .flash .link1,
	.home .flash .link2,
	.home .flash .link3 {border: 1px solid orange; float: left; height: 24px; width: 170px;}
	.home .flash .link1 {left: 5px;}
	.home .flash .link2 {left: 187px;}
	.home .flash .link3 {left: 370px;}
	.home .flash .alert a {font-size: 11px;}
	.home .flash .alert {background: #D9D6C1; font-size: 11px; padding: 0px 10px;}
	


	/* colR (right side column of entire website)
	================================*/
	.colR {
		float: left;
		margin: 0px 0px 0px 25px;
		width: 280px;
	}
	.home .colR {width: 310px;}
	
	/* style only gets applied if another callout is preceding it */
	.callout {margin-bottom: 10px;} 
	.callout + .callout {border-top: 1px solid #C2C0AA; padding: 10px 0px 0px 0px;} 
	/* style for ul in Control/Complete-product-lin */
	.callout ul{ margin-bottom:10px; margin-top: -10px;}
	.callout ul li{ margin-left: 15px; margin-bottom:1px; list-style-type: none;}
	
	.callout .subnavContainer {padding: 0px;}
	.callout .subnavContainer li {font-weight: bold; margin: 0px;padding: 10px 0px 0px 0px;}
	.callout .subnavContainer li ul {margin: 0px;padding: 0px 0px 0px 20px;}
	.callout .subnavContainer li ul li {font-weight: normal; padding-top: 0px;}
	.callout .active {color: #2D546F;}
	
	.locatorTable {}
	.locatorTable td {padding: 0px 10px 0px 0px;}
	.zipCodeField {width: 90px !important;}

/* FOOTER
======================================================================*/
.footer {
	background: #2D546F;
	height: 25px;
	margin: 0px 0px 0px 0px;
	position:relative;
}

.footer p {color: #A6BCCA; font-size:11px; padding: 5px 0px 0px 15px; text-align:left;}
.footer ul {display: inline;margin: 0px; position:absolute; right: 10px; top: 5px;}
.footer li {color: #FFF; display: inline; list-style-type: none;}
.footer li a {color: #FFF; border-left: 1px solid #748B9B; font-size:11px; line-height:12px; padding: 0px 3px 0px 5px;}
.footer li a.first {border:none;}


/* PRODUCT-GUIDE/ (COMPARE) CHART
===========================================================================*/
table.compareChart{border-bottom:2px solid #C8C5A2 !important; margin-left: 15px;width: 96% !important; }
table.compareChart th{background:#C8C5A2 !important; border-bottom: 1px solid #FFF !important; border-right: 1px solid #FFF !important; font-weight: bold !important; padding: 5px !important; vertical-align:bottom !important; width: 20% !important;}
table.compareChart td.first{background:#E7E7DF; font-weight: bold !important;}
table.compareChart td.last{border-right: none !important;}
table.compareChart td{border-top: 1px solid #C8C5A2; border-bottom: 1px solid #FFF; border-right: 1px solid #E7E7DF; vertical-align:top; padding: 5px; width: 20%;}
table.compareChart td p{ text-align: left !important; padding:0px 0px 4px 0px !important; margin: 0px !important; font-size: 11px;}
table.compareChart td.bottom{ border-bottom: none !important;}
table.compareChart td.bottomlast{ border-bottom: none !important; border-right: none !important; border-top: none !important;}
table.compareChart td.bottomlastInfo{ border-bottom: none !important; border-right: none !important; border-top: none !important; margin-top: 5px !important;}
table.compareChart td.bottomlastInfo p{ font-size: 9px !important; margin: -8px 0px 0px 0px !important;}
table.compareChart td.bottomlastInfo p.first{ margin: 5px 0px 0px 0px !important;}


/*  TABS CHART
==========================================================================*/
.genContainer{height: 288px; position: relative; margin-top:-18px; z-index: 1;}
.tabsContainer{ height: 320px; position: relative; margin-top:-18px; z-index: 1;}
.tabsContent{ 
	bottom: 0px;
	height: 288px;
	left:0px; 
	position:absolute;   
	width: 100%;
}
.tabsContent img{bottom: 0px;position: absolute; left: 0px;}
.tabsContent div.menu{ 
	height: 100%; 
	padding: 0px 0px 0px 0px; 
	position: absolute; 
	margin: 0px 0px 0px 0px; 
	right: 0px; 
	top: 0px; 
	width: 158px;
}
.menu h4{background: none; color: #000;font-size: 11px;}
.photos {float:right; width: 90%;}
.download { float:right; margin-top: 3px; width: 90%;}
.download .imgThumbs p { color:#3F6C8D; padding: 0px; font-size: 6px !important; line-height: 0px; padding-left: 30px; text-align: left;}
.download .imgThumbs p a { font-size: 12px !important; font-weight: bold; line-height: 13px !important;vertical-align:middle;}
.imgThumbs a{ float: left;}
.download .imgThumbs{
	height: 30px;
	padding: 0px; 
	margin: 0px; 
	width: 140px; 
}
.imgThumbs{
	position: relative;
	color:#3F6C8D; 
	height:62px; 
	font-size:11px; 
	float: left; 
	padding-top: 0px;
	margin-right: 8px;
	text-align: center;
	width:42px; 
}
.imgThumbs img{border: 1px solid #7F7F7F; margin: 0px; padding: 0px; position:static; display:block;}
.imgThumbs img.pdf{border: none;float: left; margin-right: 5px;}
.thumbLink{padding: 0px; margin: 0px; position: absolute; bottom: 0px; left: 3px;}
.measurement {float:right; margin-top: 3px; width: 90%;}
.measurement h4{background: none; color: #000;font-size: 11px;}
.measurement p.first{
	background: none; 
	color: #000; 
	font-size: 11px; 
	padding-top: 0px;
}
.measurement p{
	background: none; 
	color: #000; 
	font-size: 11px;
	line-height: 14px;
	padding: 0px !important;
	text-align:left;
}

.tabsNav{
	background: #C9D5E3; 
	border-bottom: 10px solid #739CB8;
	height: 26px;  
	margin: 0px;
	padding: 0px; 
	text-align: right;
}
.tabsNav ul{ 
	list-style-type: none; 
	padding:0px; 
	width: 100%; 
	text-align: left;
}
.tabsNav li{
	border-right: 1px solid #fff;
}
.tabsNav ul li{
	color:#739CB8;
	display: block;  
	font-weight: bold; 
	font-size: 11px;
	float: left;
	margin: 0px;
	padding: 0px;
	text-align:center;	
}
.tabsNav span{float: left;text-align:left; margin: 0px; padding: 0px; width: auto;}
.tabsNav ul li a{ display:block; padding: 8px 5px 3px 5px;}
.tabsNav ul.tabsMenu a:hover{ background: #739CB8; color:#FFF;}
.tabsNav ul.tabsMenu li{height: 26px; padding: 0px;}
ul.tabsMenu span{ padding: 8px 5px 2px 5px;}
.tabsNav ul.tabsMenu a span:hover{ background: #ffcc00; color:#FFF;}
ul.tabsMenu .activeTab{ background: #739CB8; color: #FFF;}

/*  IN CASE NEEDED
.tabsNav span{ background: blue;  margin: 0px !important; text-align: left; width: 80px;}
.tabsNav ul li a{border-left: 1px solid #FFF; color: none; display: block; padding: 5px 5px;}
.tabsNav ul li a:hover{background: #739CB8; color:#FFF;}
ul.tabsMenu li a{ border: 1px solid green; padding: 8px 5px;}

*/

/* SITE MAP DIVS
======================================================================================*/
.siteMapLeft{float: left; margin: 0px; padding: 0px; width: 300px;}
.siteMapLeft a.title, 
.siteMapRight a.title{
	color: #668EBA;
	font-size:13px;
	font-weight: bold;
}
.siteMapRight{float: right; padding: 0px 0px 0px 0px; width: 250px;}
ul.noBull{ list-style-type: none;}
ul.noBull ul{ list-style-type: square; margin-left: -15px;}

/* CONTACT FORM
=====================================================================*/
.form {margin-left:20px; width: 500px;}
.form td {padding-top:2px;}

.form td.required {color:#A71717; padding-bottom: 8px; text-align:left;}

.form span {
	display:block;
	float:left;
	margin: 0px;
	text-align:right;
	width:120px;
}

.form input{
	margin: 0px 5px 0px 15px;
	padding: 0px 5px 0px 0px;
}

.form select{
	margin: 0px 5px 0px 15px;
}

.form .submit, #ctl00_mainContent_uxLocate {
	background-color:#2d546f;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	color:#FFFFFF;
	padding: 2px 3px;
}
#ctl00_mainContent_uxLocate {margin:10px 0px;}

.locateBed_form { margin-left:15px; }
#ctl00_mainContent_uxCity  { width:150px; border: solid 1px #a6bcca; }
#ctl00_mainContent_uxState { width:100px; border: solid 1px #a6bcca; margin-left:10px; height:20px; vertical-align:top; }
#ctl00_mainContent_uxZip   { width:100px; border: solid 1px #a6bcca; }
p.errorMessages span { width:100%; text-align:left; }

.allLocationResults { margin-left:15px; }
#ctl00_mainContent_uxResultsHolder hr { color:#CCC; background:#CCC; border:none; height:1px; margin:10px 0px; }

/* SHARE WITH A FRIEND FORM
===================================================================*/
.share {position: relative; height: 350px; padding-left: 8px;}
.share div.url {margin: 0px 0px 0px 5px; padding: 5px 0px 0px 0px;}
.share div.url a {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.share input {float: left; height: 18px; margin: 4px 0px 0px 0px; text-align: left; width: 200px;}
.share input.submit {background:#4C7592; border: 1px solid #4C7592; color: #FFF; float: left; font-weight: bold; height: 25px; padding: 0px; text-align:center; width: 100px;}

input.subject {width: 350px; margin-right: 20px;}
.share textarea{float: right; margin: 10px 18px 0px 0px; overflow: auto; text-align: left; width: 350px;}
.share span {clear:both; float: left; margin: 6px; text-align: right;  width: 170px;}

img.details{
float:right; 
margin: 10px 0px 3px 5px;
}