/*
Theme Name: Sealy World's #1 Selling Mattress
Theme URI: http://webrewz.com/
Description: Unique Wordpress Custom Design
Version: v1.0
Author: Webrewz
Author URI: http://webrewz.com/
*/

/************************************************
	      HTML ELEMENT		
************************************************/
body {background:#fff url(images/bg.jpg) repeat-x; color:#8e8e8e; font:12.35px Arial, Verdana, sans-serif;}

/************************************************
	      FONT HEADER		
************************************************/
h1 {font-size:22px;}
h2 {font-size:17px; color:#818181;}
h3 {font-size:15px; margin-bottom:20px;}
h4 {font-size:15px;}
h5 {font:16px Georgia, Arial, Verdana, sans-serif; color:#9c9c9c;}

a:link {text-decoration:none; color:#0099cc;}
a:active {color:#0099cc;}
a:visited {color:#0099cc; text-decoration:none;}
a:hover	{color:#0099cc;} 

/************************************************
	      STRUCTURE		
************************************************/
#wrap {width:930px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -4em;}
#wrapper {width:930px;}
#container {margin:30px 0; overflow:auto;}

/************************************************
	      HEADER		
************************************************/
#header {height:120px; width:930px;}
#logo {width:290px; height:73px; float:left; margin-top:30px;}
#menu {float:right; margin-top:90px;}
#navi {background:url(images/navi.jpg) no-repeat; width:555px; height:30px;}
#navi li span {display:none;}
#navi li {float:left; list-style:none; position:relative;}
#navi li, #navi a {height:30px; display:block;}

#home {width:72px;}    
#home a:hover, #navi .current-home {background:url(images/navi.jpg) 0px -30px no-repeat;} 

#aboutsealy {width:87px;}
#aboutsealy a:hover, #navi .current-about {background:url(images/navi.jpg) -70px -30px no-repeat;}

#contactus {width:87px;}
#contactus a:hover, #navi .current-contact {background:url(images/navi.jpg) -158px -30px no-repeat;}

#warranty {width:215px;}
#warranty a:hover, #navi .current-warranty {background:url(images/navi.jpg) -246px -30px no-repeat;}

#contest {width:87px;}
#contest a:hover, #navi .current-contest {background:url(images/navi.jpg) -461px -30px no-repeat;}

/************************************************
	      SIDEBAR		
************************************************/
#leftsidebar {width:137px; float:left; margin-right:30px;}
#leftsidebar a, #leftsidebar a:visited {color:#9a9a9a; font-size:11px;}
#leftsidebar #aboutlinktop {width:137px; height:30px;}
#leftsidebar #warrantylinktop {width:137px; height:47px;}
#leftsidebar #linkbottom {width:137px; height:7px;}
#leftsidebar #linktop {width:137px; height:30px;}
#leftsidebar #aboutlinktop img, #leftsidebar #linkbottom img, #leftsidebar #warrantylinktop img, #leftsidebar #linktop img {float:left;}

#leftsidebar #leftlink li {padding:5px 0 5px 12px; border:1px solid #d3d3d3; border-top:none; background:#fff;}
/*#leftsidebar #leftlink {position:relative;}
#leftsidebar #leftlink a .arrow {display:none;}
#leftsidebar #leftlink a:hover .arrow {display:block; position:absolute; height:9px; width:11px; top:20px; right:30px;} */

#leftsidebar #leftlink .noborder {border-bottom:0;}
#leftsidebar #leftlink li a:hover, #leftsidebar #leftlink .current-about a {color:#4a9f05;}
/*#leftsidebar #leftlink li:hover {padding-right:15px; background:#fff url(images/arrow.png) right no-repeat;}*/

#rightsidebar {width:260px; float:right;}
#rightsidebar .rsidebox {height:100px; width:260px;}
#rightsidebar .rsidebox .learningleft {float:left; margin-right:5px;}
#rightsidebar .rsidebox .learningright {float:left; width:140px; padding-top:10px;}
#rightsidebar .rsidebox .learningright #howtobuy {float:left; display:block; width:93px; height:25px; margin-top:7px; background:url(images/sidehowtobuy.png) no-repeat; text-indent: -9999px;}
/*#rightsidebar .rsidebox .learningright #howtobuy:hover {background-position:0 -30px;}*/


#rightsidebar {width:260px; float:right;}
#rightsidebar .rsidebox {height:100px; width:260px;}
#rightsidebar .rsidebox .productleft {float:left; margin-right:5px;}
#rightsidebar .rsidebox .productright {float:left; width:140px; padding-top:10px;}
#rightsidebar .rsidebox .productright #productcat {float:left; display:block; width:93px; height:25px; margin-top:7px; background:url(images/sidewhattobuy.png) no-repeat; text-indent: -9999px;}
/*#rightsidebar .rsidebox .productright #productcat:hover {background-position:0 -30px;}*/


#rightsidebar {width:260px; float:right;}
#rightsidebar .rsidebox {height:100px; width:260px;}
#rightsidebar .rsidebox .storeleft {float:left; margin-right:5px;}
#rightsidebar .rsidebox .storeright {float:left; width:140px; padding-top:10px;}
#rightsidebar .rsidebox .storeright #wheretobuy {float:left; display:block; width:93px; height:25px; margin-top:7px; background:url(images/sidewheretobuy.png) no-repeat; text-indent: -9999px;}
/*#rightsidebar .rsidebox .storeright #wheretobuy:hover {background-position:0 -30px;}*/

#rightsidebar {width:260px; float:right;}
#rightsidebar .rsidebox {height:100px; width:260px;}
#rightsidebar .rsidebox .promoleft {float:left; margin-right:5px;}
#rightsidebar .rsidebox .promoright {float:left; width:140px; padding-top:10px;}
#rightsidebar .rsidebox .promoright #timetobuy {float:left; display:block; width:93px; height:25px; margin-top:7px; background:url(images/sidetimetobuy.png) no-repeat; text-indent: -9999px;}
/*#rightsidebar .rsidebox .promoright #timetobuy:hover {background-position:0 -30px;}*/

/*PRODUCT LEFT SIDEBAR*/
#productleftlink {width:135px;}
#productleftlink div {margin-bottom:10px;}
#productleftlink div h3 {margin:0; height:29px; width:135px;}
#productleftlink div ul {width:135px;}
#productleftlink div img {float:left;}
#productleftlink div ul li {border:1px solid #ccc; border-top:none; margin:0;}
#productleftlink div #learninglist li, #productleftlink div #productlist li {padding:10px 10px 10px 25px;}
#productleftlink div #learninglist .current_page_item {background:#c2e7f3;}
#productleftlink div #learninglist .current_page_item a, #productleftlink div #learninglist li a:hover {color:#000;}
#productleftlink div #productlist .current_page_item {background:#ffb681;}
#productleftlink div #productlist .current_page_item a, #productleftlink div #productlist li a:hover {color:#000;}
#productleftlink div #locatorlist li {text-align:center; padding:10px 0;}
#productleftlink div #locatorlist .current_page_item {background:#c1e8bb;}
#productleftlink div #locatorlist .current_page_item a, #productleftlink div #locatorlist li a:hover {color:#000;}

/*Product Right Sidebar*/
#productsidebar {width:260px; float:right; font-size:11px; padding-top:35px;}
#productsidebar .product-thumb .enlarge {text-align:right; float:right; margin-bottom:10px;}
#productsidebar .product-thumb .enlarge a {background:url(images/enlarge.png) left no-repeat; padding:2px 33px 0 20px;}
#productsidebar a, #productsidebar a:visited {color:#818181;}
#productsidebar strong {font-weight:bold;}
#productsidebar .sidebottomlinks {padding-left:15px; clear:right;}
#productsidebar .sidebottomlinks .backsaver .sideslide {background:url(images/greenarrow.gif) left no-repeat; padding-left:20px; line-height:150%; text-decoration:underline; cursor:pointer;}
#productsidebar .sidebottomlinks .high .sideslide {background:url(images/organearrow.gif) left no-repeat; padding-left:20px; line-height:150%; text-decoration:underline; cursor:pointer;}
#productsidebar .sidebottomlinks li div {padding:10px 5px; display:none; width:200px;}
#productsidebar .sidebottomlinks .pricing, #productsidebar .sidebottomlinks .size, #productsidebar .sidebottomlinks .comfort {margin:15px 0; display:none; text-align:justify;}

#productsidebar table td {vertical-align:top;}
#productsidebar table td img {padding-right:10px;}

/************************************************
	      POST & PAGE		
************************************************/
#content {margin-top:20px; width:930px; overflow:auto;}

.post {float:left; width:470px;}
.post h2 {color:#0099cc; font:16px Georgia, Arial, Verdana, sans-serif; margin-bottom:10px;}
.post h2 a:hover {text-decoration:underline;}
.post h3 {color:#666666; font:18px Georgia, Arial, Verdana, sans-serif; font-weight:bold;}
.post h4 {font:13px Georgia, Arial, Verdana, sans-serif; margin-bottom:10px; color:#f26d7d;}

.post blockquote {margin:0 1.3em;}
.post p {line-height:130%; margin-bottom:20px;}
.post strong {font-weight:bold;}
.post em {font-style:italic;}

.post ul {margin:0 30px;}
.post ul li {margin:0 0 7px; list-style:disc;}
.post ol {margin:0 1em 0 3em; list-style:decimal;}
.post ol li {margin:0 0 7px;}

.post .entry {overflow:auto; width:470px; text-align:justify;}
.post .entry a, .post .entry a:visited {color:#0099cc; background:transparent;}
.post .entry a:hover {color:#0099cc; text-decoration:underline; background:transparent;}

img.centered {display: block; margin-left: auto; margin-right: auto;}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;}
.alignright {float: right; }
.alignleft {float: left;}

/*Contract*/
#contract {margin:0;}
#contract li {list-style:none;}

/*Buying Guide*/
.guide {float:left; width:730px;}
.guide h2 {color:#0099cc; font:16px Georgia, Arial, Verdana, sans-serif; margin-bottom:15px;}
.guide h3 {color:#666666; font:18px Georgia, Arial, Verdana, sans-serif; font-weight:bold;}
.guide .topguide {width:560px;}
.guide #buyguide h5 {padding-left:20px; line-height:160%; background:url(images/arrow.png) left no-repeat; cursor:pointer; color:#0d9fd0;}
.guide #buyguide .buycontent {width:730px; overflow:auto; display:none;}
.guide #buyguide .buycontent .leftcontent {float:left; width:470px; text-align:justify;}
.guide #buyguide .buypart {width:205px; float:right;}
.guide #buyguide .buypart .wp-image-70 {margin-bottom:10px;}
.guide #buyguide .buypart ul {margin:0; width:205px; }
.guide #buyguide .buypart li {list-style:none; margin:0; float:left; width:90px; height:70px;}
.guide p {line-height:130%; margin-bottom:20px;}
.guide strong {font-weight:bold;}
.guide ul {margin:0 30px;}
.guide ul li {margin:0 0 7px; list-style:disc;}
.guide ol {margin:0 1em 0 3em; list-style:decimal;}
.guide ol li {margin:0 0 7px;}

/*Learning Centre*/
.learning {float:left; width:560px;}
.learning h2 {color:#0099cc; font:16px Georgia, Arial, Verdana, sans-serif; margin-bottom:15px;}
.learning h3 {color:#666666; font:18px Georgia, Arial, Verdana, sans-serif; font-weight:bold;}
.learning h4 {font:13px Georgia, Arial, Verdana, sans-serif; margin-bottom:10px; color:#f26d7d;}
.learning .entry {text-align:justify;}
.learning p {line-height:130%; margin:15px 0;}
.learning strong {font-weight:bold;}
.learning ul {margin:0 20px;}
.learning ul li {margin:0 0 7px; list-style:disc;}
.learning ol {margin:0 1em 0 3em; list-style:decimal;}
.learning ol li {margin:0 0 7px;}

/*FAQ*/
.learning .entry .allqns {margin:10px 0;}
.learning .entry .faq .sideslide {cursor:pointer; color:#0099cc; line-height:160%;}
.learning .entry .faq .answer {margin:15px 0; display:none; text-align:justify;}

/************************************************
	      HOME PAGE		
************************************************/
#homecontent {width:923px; height:413px; margin:30px 0; position:relative;}
#homeinfo {height:200px; width:930px;}
#panelcontrol {position:absolute; top:370px; right:20px; height:25px;}
#panelcontrol span {margin-right:5px; cursor:pointer;}

.ui-tabs {zoom: 1;}
.ui-tabs .ui-tabs-nav {list-style: none; position: relative; height:30px;}
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .5em -1px 0; padding: 0;  background:#4eb9dc; display:inline;}
.ui-tabs .ui-tabs-nav li a {float: left; text-decoration: none; padding: 0.6em 3.6em; color:#fff; display:inline;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {border-bottom-width: 0; background:#fff;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; color:#0099cc; border:1px solid #8ed2e9; border-bottom:0;}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding:10px; display: block; border-width: 0; background: none; border:1px solid #95d5ea; width:901px; margin-top:-1px;}
.ui-tabs .ui-tabs-hide { display: none !important; }

#homelearningcentre {background:url(images/homelearningcentre.jpg) no-repeat; width:901px; height:147px;}
#homeproductcat {background:url(images/homeproductcat.jpg) no-repeat; width:901px; height:147px;}
#homestorelocator {background:url(images/homestorelocator.jpg) no-repeat; width:901px; height:147px;}
#homepromotion {background:url(images/homepromotion.jpg) no-repeat; width:901px; height:147px;}
#homeorthopaedic {background:url(images/homeorthopaedic.jpg) no-repeat; width:901px; height:147px;}

.homebutton {margin:100px 0 0 610px;}
.tooltip-red {background: #FCE5CE; color: #F38F2A; padding:10px; z-index:100; width:400px;}

/************************************************
	      WARRANTY FORM
************************************************/
#warrantyform {color:#878787;}
#warrantyform ul {margin:0;}
#warrantyform li {margin:15px 0; list-style:none; overflow:hidden;}
#warrantyform li span {width:160px; margin-right:10px; font-weight:bold;}
#warrantyform li label {width:160px; margin-right:10px; float:left; font-weight:bold;}
#warrantyform li input, #warrantyform li select, #warrantyform li textarea {border:1px solid #9f9f9f;}
#warrantyform .button {text-align:center;}
#warrantyform #submitbutton {cursor:pointer; padding:3px 5px; margin:10px 0; background:#f0f0f0; display:block; width:100px; height:30px;}

#cfmwarranty dl dt {float:left; width:180px; font-weight:bold; padding:5px 0;}
#cfmwarranty dl dd {margin:2px 0; padding:5px 0;}
#cfmwarranty dl .extra {float:none; width:auto;}
#cfmwarranty .button {cursor:pointer; padding:3px 5px; margin:10px; background:#f0f0f0; border:1px solid #9f9f9f;;}
#cfmwarranty #cfmbutton {text-align:center;}

.post .entry .error {background:#ffeaea; border:1px solid #df7d7d; padding:5px; margin:5px 0; font-size:12px;}
.post .entry .ferror {color: #cc0000;}

/************************************************
	      STORE LOCATOR		
************************************************/
.locator {float:left; width:600px;}
.locator h2 {color:#a3a3a3; font:25px Arial, Georgia, Verdana, sans-serif; margin-bottom:15px;}
.locator h2 span {float:left; padding-right:10px;}
.locator h3 {color:#666666; font:18px Georgia, Arial, Verdana, sans-serif; font-weight:bold;}
.locator h4 {color:#0072bc; font:15px Georgia, Arial, Verdana, sans-serif; padding-bottom:5px; border-bottom:1px solid #a3a3a3; margin-bottom:10px;}
.locator h4 span {margin-left:10px;}
.locator strong {font-weight:bold;}
.locator em {font-style:italic;}
.locator ul {margin:0 30px;}
.locator ul li {margin:0 0 7px; list-style:disc;}
.locator ol {margin:0 1em 0 3em; list-style:decimal;}
.locator ol li {margin:0 0 7px;}
.locator table {margin-bottom:10px;}
.locator table tr {height:85px;}
.locator .tableleft {width:350px;}

/************************************************
	      FOOTER		
************************************************/
.push {height: 4em;}
#footer {background:url(images/footerbg.jpg) repeat-x; height:180px;}
#footbody {margin:0 auto; width:930px;}
#footcontent {height:130px; width:930px; font-size:11px;}

#footcontent {color:#68686a;}
#footcontent table p {margin-bottom:10px;}
#footcontent table ol {margin:0 1em 0 3em; list-style:decimal;}
#footcontent table ol li {margin:0 0 7px;}
#footcontent .about-table, .contact-table {padding-top:20px;}
#footcontent .warranty-table {padding-top:10px;}
#footcontent table thead tr th {font-weight:bold; height:20px;}

#footlinks {color:#68686a; border-top:1px solid #68686a; padding-top:5px; width:930px; overflow:auto; margin-top:10px; font-size:11px;}
#footlinks a, #footlinks a:visited {color:#68686a;}
#footlinks a:hover {text-decoration:underline;}
#copyright {float:left;}
#footright {float:right;}
#footright li {display:inline; padding:0 5px;}

/*Home*/
#homefooter {width:930px; height:30px; margin-bottom:70px;}
#homefootlinks {color:#4eb9dc; padding-top:5px; width:930px; overflow:auto; margin-top:10px; font-size:11px;}
#homefootlinks a, #homefootlinks a:visited {color:#4eb9dc;}
#homefootlinks a:hover {text-decoration:underline;}
#homefooterbg {background:url(images/homefooterbg.jpg) repeat-x; height:50px;}