/* ==================----------------------- Global Styles --------------------------------------------===== */
html, body, form, ul, li { margin:0px; padding:0px; } 
body { background:#bca06e url(/images/bkg_body.jpg) repeat top center; font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #000; }
a { outline:none; color:#b31911; text-decoration:none; }
a:hover { color: #000; }
:focus { outline-style: none !important; } /* -moz-outline-style was for ff1.5. */
img { border: 0px; }
p { margin: 10px 0px; }
td { vertical-align: top; }
textarea { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000; padding: 5px; }
input { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000; }
ul li { list-style-type: none; }
a.pdf { background:url(/images/pdf.gif) no-repeat left top; padding-left: 20px; display: inline-block; height: 16px; }
a.sty { background:url(/images/sty.gif) no-repeat left top; padding-left: 20px; display: inline-block; height: 16px; }
.date { width: 75px; float: left; color: #bdb183; }

/* ===== Selection ===== */
/*
::-moz-selection{ background: #726B4D;	color: #fff; }
::selection { background: #726B4D; color: #fff; }
*/

/* ===== General ===== */
.clear { clear: both; }
.hide { display: none; visibility: hidden; }
.left { float: left; }
.right { float: right; }
.clrLeft { clear: left; height:0px; width: 0px; overflow: hidden; }
.clrRight { clear: right; height:0px; width: 0px; overflow: hidden; }
.btnEnabled { cursor:pointer; opacity:1; }
.btnDisabled { cursor:default; opacity:.25; }

/* ===== Global ===== */
h1, h2, h3, h4, h5 { font-family: Arial, Helvetica, sans-serif; }
h1 { font-size: 30px; color: #fff; text-transform: uppercase; margin-top: 10px; font-weight: normal; }
h2 { font-size: 24px; text-transform: uppercase; color: #777058; line-height: 22px; letter-spacing: .5px; margin: 20px 0px 15px 0px; font-weight: normal; font-family:Georgia, "Times New Roman", Times, serif; }
h3 { font-size: 18px; color:#000; margin: 0px; }
h4 { font-size: 14px; color: #000; font-weight: bold; margin: 10px 0px 5px 0px; }
h5 { font-size: 14px; color: #726B4D; font-weight: bold; margin: 10px 0px 5px 0px; }
h6 { color: #000; text-align: center; font-size: 11px; font-weight: bold; margin: 0px; text-transform: uppercase; }

/* ===== Body BKGs and Containers ===== */
#bodyContainer { background:transparent url(/images/bkg_bodyContainer.png) repeat-y top center; }
#contentContainer { background:transparent url(/images/bkg_contentContainer.jpg) no-repeat top center; min-height: 500px; }
.contentWidth { width: 1000px; margin: 0px auto; position: relative; }

/* ===== Masthead ===== */
#masthead { position: relative; height: 140px; overflow: hidden; }
#masthead .globalNav { float: right; margin-top: 15px; }
#masthead .globalNav ul li { float: left; }
#masthead .globalNav ul li a { display: block; padding: 4px 6px; margin: 0px 4px; color: #585858; }
#masthead .logo a { background:transparent url(/images/logo_simmons.png) no-repeat top left; height: 71px; width: 257px; display: block; text-indent: -9000px; margin: 44px 0px 0px 22px; }
#masthead .mainNav { position: absolute; bottom: 0px; right: 0px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; font-weight: bold; margin-bottom: 8px; }
#masthead .mainNav ul li { float: left; }
#masthead .mainNav ul li a { padding: 4px 10px; display: block; background:transparent; color: #726B4D; margin-right: 6px; }
#masthead .mainNav ul li a:hover { color: #fff; background: #8B0B04; }
#masthead .mainNav ul li a.active { background: #726B4D; color: #fff; }
#masthead .mainNav ul li a.active:hover { color: #fff; }

/* ===== Home Feature Content ===== */
.content { padding: 30px; }
.content .homeFeature { background: #F1E8BE url(/images/feature_home.jpg) no-repeat top left; height: 389px; width: 900px; overflow: hidden; padding: 20px; position: relative; }
.content .homeFeature .photo { float: right; }
.content .homeFeature .featuredProd { position: absolute; top: 20px; left: 20px; }
.content .secondaryFeatures { padding: 20px 0px 0px 0px; }
.content .secondaryFeatures ul li { float: left; padding-left: 15px; }
.content .secondaryFeatures ul li.first { padding-left: 0px; }

/* ===== Sub Page Content ===== */
.productPage .rightColumn { width: 300px; float: right; line-height: 18px; font-size: 12px; }
.productPage .prodDetail { width: 622px; }
.productPage .prodDetail .prodFeature { margin: 20px 20px 20px 265px; }
.productPage .prodDetail .prodFeature strong { display: block; margin-bottom: 6px; }
.productPage .subPage {width: 622px;}
.productPage .subPage .subFeat {background: url(/images/sub_feat_bg.jpg) no-repeat top left;  height: 360px; padding: 17px 0 0 17px; }

.productPage .subPage .prodList ul li{ float: left; padding: 0 9px 0 12px; border-left: #bdb183 solid thin;}
.productPage .subPage .prodList li.first {border-left: none;}

.productPage .prodTable { padding: 2px; border: 1px solid #bdb183; }
.productPage .prodTable th { background:#e3dcc6; padding: 4px 2px; }
.productPage .prodTable th span { font-weight: normal; white-space: nowrap; font-size: 10px; }
.productPage .prodTable td { text-align: center; padding: 4px 2px; white-space: nowrap; }
.productPage .prodTable tr.odd { background:#f4f0e3; }
.productPage .prodTable tr.even { background:transparent; }
.productPage .prodTable a.buyNow { display: block; padding: 2px 6px; background:#777058; color: #fff; }
.productPage .prodTable a.buyNow:hover { background:#880b04; color: #fff; }

.catGrid{ float: left; width: 180px; margin: 20px 40px 20px 0px; }
.conGrid{ float: left; width: 220px; margin: 20px 40px 20px 0px; }
.ManualsGrid{ float: left; width: 260px; margin: 20px 40px 20px 0px; }

.findDealers .rightColumn { width: 305px; float: right; line-height: 18px; font-size: 11px; margin: 0; padding:0 0 0 30px;  border-left: #e9e7d7 thin solid;}
.findDealers .rightColumn .dealers ul li{float: left; padding: 0 18px 18px 0;}
.findDealers .subPage {width: 585px;float:left;}

.features {margin: 5px 0 0 0;}
.features ul li{list-style-image: url(/images/diamond.gif) ; margin-left: 25px; line-height: 20px; font-size: 11px;}

/* ===== Sub Nav ===== */
.secondaryNav { border-top: 1px solid #bdb183; border-bottom: 1px solid #bdb183; margin-bottom: 10px; }
.secondaryNav ul { margin: 1px 0px; }
.secondaryNav ul li.pageHead { text-transform: uppercase; color: #74613c; font-size: 22px; font-weight: bold; padding: 0px 30px 2px 30px; }
.secondaryNav ul li { float: left; }
.secondaryNav ul li a { padding: 7px 15px; border-left: 1px solid #d5cdae; display:block; }
.secondaryNav ul li a.active { background: #880b04; color: #fff; }

/* ===== Tabs ===== */
.tabs { position: relative; }
.tabs ul li { float: left; border-right: 1px solid #BDB183; border-left: 1px solid #BDB183; border-top: 1px solid #BDB183; margin-right: 4px; padding: 2px 2px 0px 2px; }
.tabs ul li a { display: block; padding: 6px 23px 8px 23px; }
.tabs ul li.active a { background: #E3DCC6; color:#777058; }
.tabContent { clear: left; }

/* ===== Prod Thumbs ===== */
#prodThumbs ul li { float: left; padding-right: 5px; }
#prodThumbs ul li .thumb { cursor: pointer; padding: 2px; border: 1px solid #CCC; cursor:pointer; }
#prodThumbs ul li.active .thumb { border: 1px solid #880B04; cursor:default; }

/* ===== Footer ===== */
#footer { background:transparent url(/images/bkg_footer.png) no-repeat top center; height: 80px; padding: 28px 0px 0px 28px; }
#footer .links { padding-right: 30px; float: right; }

/* ===== Customer Service ===== */
.csRepairStatus{
	float: left;
	width: 400px;
	margin: 20px 30px 0px 10px;
}

