/*
	
	File name: layout.css
	Website: earlsfurniture.biz
	Author: Adrien Monteleone
	Created: 2/26/10
	Modified: 10/07/11
	
	Comments: this file handles only layout and does so for all pages, all elements, site-wide
	
*/




/* ####################  General  #################### */

html, body {
	/* This is important for child divs */
	height: 100%;
}

body {
	margin: 0;
}

body:before
{
   content: "";
   position: fixed;
   top: -10px;
   left: 0;
   width: 100%;
   height: 10px;
   z-index: 100;
}

#container {
	padding: 1em;
	margin-left: auto;
	margin-right: auto;
	width: 95em;
	overflow: hidden;
}

#info {
	position: relative;
	overflow: hidden;
	margin: 0 0 1em 0;
	padding: 0;
}


.salePrice {
	display: none;
}

/*
.regularPrice {
	display: none;
}
*/



/* ####################  Images  #################### */

img {
	/* some will get a border later, but we don't want EVERY image to have one */
	border: none;
}




/* ####################  Headings  #################### */

h1 {
	padding: .20em .25em .25em .25em;
	border-bottom-right-radius: 5em 3em;
	border-bottom-left-radius: 5em 3em;
}

h1, h2, h3 {
	margin: 0;
}

h2 {
	padding-bottom: 0;
	margin-top: 1.0em;
}

h3, h4, h5, h6 {

	padding-bottom: 0;
	margin-top: 1em;
	margin-bottom: 0;
}

#content h3 {
	margin-bottom: -.75em;
	padding-bottom: 0;
}




/* ####################  Lists  #################### */

ul#secondaryNav
{
	display: block;
	margin: 0;
	padding: 0;
}

#secondaryNav li {
	display: inline;
	float: left;
	margin: 0;
	padding-right: .5em;
}

#secondaryNav li:not(:last-child) {
	padding-right: 5px;
}

#secondaryNav li:last-child {
	padding-right: 0;
}

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




/* ####################  Links  #################### */




/* ####################  Forms  #################### */

form fieldset {
	border: none;
	padding-bottom: 1em;
}

form fieldset label {
	display: block;
}




/* ####################  Tables  #################### */

table {
	border-collapse: collapse;
	margin-left: 1em;
}

table td {
	/* the bottom and right border of a left most cell is the top and left of the next cells over */
	border-width: 0px 1px 1px 0px;
	padding: .5em 0 .2em 0 ;
	border-style: dotted;
	/* if we don't do this, the cells will not line up in the correct columns */
	empty-cells: show;
}

table thead th {
	border-width: 1px;
	padding: 5px;
	border-style: solid;
}




/* ####################  Header  #################### */

#header {
	position: relative;	
	height: 100%;
	overflow: hidden;
	margin: 0em 0em 1em 0em;
	padding: 0em 0em 1em 0em;
}

#sign {
	width: 13em;
}

#logo {
	position: relative;
	top: 0em;
	left: 0em;
	width: 32.5em;
	height: 12em;
	margin-right: 1em;
}

#Earls {
	position: absolute;
	top: 0;
	left: 3.4625em;
	border-bottom: .125em solid;
}

#Furniture {
	position: absolute;
	top: 1.75em;
	left: 5.5em;
	/*padding-top: .1em;
	padding-left: .2em;
	padding-right: .2em;
	border-radius: .25em;*/
}

#tagline {
	position: relative;
	top: -1.5em;
	left: 9em;
	padding: 0;
	margin: 0;
	z-index: 100;
}

#address {
	position: absolute;
	display: block;
	right: 1em;
	top: 0em;
}

#storefront {
	position: relative;
	float: right;
	/*left: 34em;*/
	top: -4.75em;
	width : 193px;
	height: 68px;
	padding: .25em;
	border: 1px solid;
	margin: 1em;
}

#functionNavContainer {
	margin-right: auto;
	margin-left: auto;
	margin-top: 0em;
	width: 22em;
}

#hours {
	position: absolute;
	float: left;
	left: 42em;
	top: 0;
}

#hours ul {
	padding-left: 0;
	margin-left: 0;
	margin-bottom: 0;
	clear: both;
}

#mainNav {
	position: relative;
	float: left;
	left: 0;
	padding: 0;
	margin: 0 0 0 0;
	border-radius: .75em;
}

#mainNav li {
	float: left;
 	margin: 0;
 	display: inline;
}
 
#mainNav a {
	float: left;
	display: block;
	padding: .6em;
	margin: 0;
	border-radius: .5em;
}

#mainNav a#current {
	padding: .6em;
}

li.comingSoon .footnote, #mainNav a.comingSoon, #mainNav a.comingSoon#current {
	float: left;
	display: block;
	padding: .05em .6em .05em .6em;
	margin: 0;
}

.socialMediaLinks {
	width: 32px;
	height: 32px;
}

#socialIcons li {
	float: left;
}

#socialIcons li:not(last-of-type) {
	padding-right: .5em;
}

#socialIcons li:first-child {
	padding-left: .5em;
}




/* ####################  Left Menu  #################### */

.leftMenu {
	position: relative;
	float: left;
	margin-top: 1em;
	margin-right: 0em;
	padding: .25em;
	width: 22.5%;
	border: 1px solid;
	border-radius: .5em;
}

.leftMenu h3 {
	padding: .25em;
}

.leftMenu ul {
	margin: .25em 0 0 .5em;
	padding: 0;
}

.leftMenu ul ul {
	margin: 0 0 0 1em;
	padding: 0;
}

#content {
	position: relative;
	float: left;
	width: 74%;
	margin-left: 0;
	padding: .5em;
	border-bottom-right-radius: 5em 3em;
	border-top-right-radius: 5em 3em;
}




/* ####################  Single Column  #################### */

#singleColumn {
	margin-top: 1em;
	margin-right: auto;
	margin-left: auto;
	-moz-column-count: 1;
	-webkit-column-count: 1;
	column-count: 1;
	width: 30em;
}




/* ####################  Home Page  #################### */

#featuredItems, #newArrivals, #newManufacturers, #currentPromos {
	position: relative;
	float: left;	
	width: 32%;
	margin: 2em 0 0 0;
	padding-top: 0em;
	padding-bottom: 1em;
}

#featuredItems {
	padding-right: .5em;
	padding-left: 0em;
	border-right: 1px dotted;
}

#newArrivals {
	padding-right: .5em;
	padding-left: .5em;
	border-right: 1px dotted;
}

#newManufacturers, #currentPromos {
	padding-right: 0em;
	padding-left:.5em;
}

#featuredItems h2, #newArrivals h2, #newManufacturers h2, #currentPromos h2, #currentDeals h2, #roomPackages h2 {
	padding: .35em .25em .25em .25em;
	border-radius: .35em;
	margin-top: 0;
}

#featuredItems dl dd, #newArrivals dl dd, #currentPromos dl dd, #currentDeals dl dd, #roomPackages dl dd, #checkThisOut dl dd {
	padding: 0;
	margin: 0;
}

dd a.featuredItems, dd a.newArrivals, dd a.currentPromos, dd a.currentDeals, dd a.roomPackages, dd a.checkThisOut {
	display: block;
	margin-top: 1em;
}

a img.featured, a img.arrivals, a.checkThisOut {
	/* also  a.currentPromos, when it is text */
	width: 98.5%;
	border: 1px solid;
	z-index: 1;
}

dd a.featuredItems, dd a.newArrivals, dd a.currentPromos {
	position: absolute;
	bottom: 4em;
	z-index: 1;
	margin: 0;
	padding: .5em 0 .5em .5em;
	width: 75%;
}

/* This is when it is a text block
a.currentPromos {
	display: block;
	height: 190px;
	width: 273px;
	padding: .75em .5em .5em .5em;
}
*/

img.itemPromo {
	width: 100%;
	z-index: -100;
}




#currentDeals {
	clear: both;
}

#currentDeals dl {
	float: left;
	width: 24%;
}

#currentDeals dl:not(last-of-type) {
	padding-right: 1.275%;	
}

#currentDeals dl:last-of-type {
	padding: 0;
}

#currentDeals img, #roomPackages img {
	width: 100%;
	border: 1px solid;
	z-index: 1;
}

#currentDeals dd, #roomPackages dd {
	margin-left: 0;
	height: 0;
}

#currentDeals dd.sold {
	position: relative;
	height: 100%;
	bottom: 10em;
	left: 2em;
	width: 85%;
	padding: .25em;
}

dd a.currentDeals {
	position: relative;
	bottom: 5em;
	left: 1px;
	margin: 0;
	padding: .5em 0 .5em .5em;
}




#roomPackages {
	clear: left;
	width: 75%;
}

#roomPackages dl {
	float: left;
	width: 49%;
}

#roomPackages dl:first-of-type {
	padding-right: 1.75%;
}

dd a.roomPackages {
	position: relative;
	bottom: 6em;
	left: 1px;
	margin: 0;
	padding: .5em 0 .5em .5em;
	width: 85%;
}



#checkThisOut {
	position: relative;
	float: left;
	width: 23%;
	margin: 2em 0 0 0;
	padding: 0 0 1em .5em;
}

a.checkThisOut {
	display: block;
	height: 94px;
	width: 200px;
	padding: .49em;
}




/* ####################  About Page  #################### */

#about #info {
	margin-top: 1em;
	margin-right: auto;
	margin-left: auto;
	-moz-column-count: 2;
	-moz-column-gap: 1em;
	-webkit-column-count: 2;
	-webkit-column-gap: 1em;
	column-count: 2;
	column-gap: 1em;
	width: 50em;
}

#about #info p:first-child {
	margin-top: 0;
}




/* ####################  Contact Page  #################### */

#directions, #contacts, #holidays {
	position: relative;
	float: left;	
	width: 32%;
	margin: 2em 0 0 0;
	padding-top: 0em;
	padding-bottom: 1em;
}

#directions {
	padding-right: .5em;
	padding-left: 0em;
	border-right: 1px dotted;
}

#contacts {
	padding-right: .5em;
	padding-left: .5em;
	border-right: 1px dotted;
}

#holidays {
	padding-right: 0em;
	padding-left:.5em;
}

#directions h2, #contacts h2, #holidays h2 {
	padding: .35em .25em .25em .25em;
	border-radius: .35em;
	margin-top: 0;
}

#directions dl, #contacts dl, #holidays dl {	
	margin: 1em 1em;
	padding: 0;
}




/* ####################  Privacy Policy Page  #################### */

#privacyPolicy #info {
	margin-top: 1em;
	margin-right: auto;
	margin-left: auto;
	-moz-column-count: 2;
	-moz-column-gap: 1em;
	-webkit-column-count: 2;
	-webkit-column-gap: 1em;
	column-count: 2;
	column-gap: 1em;
	width: 50em;
}




/* ####################  Text to Win Page  #################### */

#textToWinBowl #info {
	margin-top: 1em;
	margin-right: auto;
	margin-left: auto;
	-moz-column-count: 2;
	-moz-column-gap: 1em;
	-webkit-column-count: 2;
	-webkit-column-gap: 1em;
	column-count: 2;
	column-gap: 1em;
	width: 50em;
}

#promoLinkBest {
	position: absolute;
	bottom: 4em;
	left: 0em;
	z-index: 1;
	margin: 0;
	padding: .5em 0 .5em .5em;
	width: 20em;
}

#promoLinkLG {
	position: absolute;
	top: 6em;
	right: 0em;
	z-index: 1;
	margin: 0;
	padding: .5em 0 .5em .5em;
	width: 20em;
}




/* ####################  Specials Page  #################### */

#special_buy, #discontinued, #closeout {
	position: relative;
	float: left;	
	width: 32%;
	margin: 2em 0 0 0;
	padding-top: 0em;
	padding-bottom: 1em;
}

#special_buy {
	padding-right: .5em;
	padding-left: 0em;
	border-right: 1px dotted;
}

#discontinued {
	padding-right: .5em;
	padding-left: .5em;
	border-right: 1px dotted;
}

#closeout {
	padding-right: 0em;
	padding-left:.5em;
}

#special_buy h2, #discontinued h2, #closeout h2 {
	padding: .35em .25em .25em .25em;
	border-radius: .35em;
	margin-top: 0;
}

#special_buy dl, #discontinued dl, #closeout dl {
	padding: 1em;
}

.itemThumb {
	margin: 0;
	border: 1px solid;
}

#special_buy dl:after, #discontinued dl:after, #closeout dl:after {
	/* to autoclear for browsers that support :after */
	content: ".";
	display: block;
	height:0;
	clear: both;
	visibility: hidden;
}

* html #special_buy dl, #discontinued dl, #closeout dl {
	/* to autoclear for IE 5 & 6 */	
	height: 1%
}

*:first-child+html #special_buy dl, #discontinued dl, #closeout dl {
	/* to autoclear for IE 7 */	
	min-height: 1px;
}

#special_buy dt, #discontinued dt, #closeout dt {
	float: right;
	width: 35%;
}

#special_buy dd:not(last-of-type), #discontinued dd:not(last-of-type), #closeout dd:not(last-of-type) {
	float: left;
	width: 64%;
	margin-left: 0;
}

#special_buy dd:last-of-type, #discontinued dd:last-of-type, #closeout dd:last-of-type {
	float: right;
	width: 34%;
	margin-left: 64%;
	margin-right: 0;
}

#importantInfo {
	width: 65%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2em;
	margin-bottom: 2em;
	padding: 1em;
	border-radius: 1em;
	clear: both;
}

#importantInfo ul {
	margin: 0 0 0 1em;
	padding-left: 0;
}

#importantInfo ul li {
	margin-left: 0;
}


/* ####################  Reverse float on Specials page  #################### */

#special_buy dl:nth-child(even) dt, #discontinued dl:nth-child(even) dt, #closeout dl:nth-child(even) dt {
	float: left;
}

#special_buy dl:nth-child(even) dd:not(last-of-type), #discontinued dl:nth-child(even) dd:not(last-of-type), #closeout dl:nth-child(even) dd:not(last-of-type) {
	float: right;
	width: 64%;
	margin-right: 0;
}

#special_buy dl:nth-child(even) dd:last-of-type, #discontinued dl:nth-child(even) dd:last-of-type, #closeout dl:nth-child(even) dd:last-of-type {
	float: right;
	width: 35%;
	margin-right: 64%;
	margin-left: 0;
}




/* ####################  Brands Table  #################### */

img.fleur {
	height: 28px;
	width: 21px;
}

table th.department {
	padding: .5em 0 .5em 0 ;
	/* we don't want to see the top left header cell since there's nothing there */
	empty-cells: hide; 
}

table th.rowHead {
	border-right: 1px solid;
	border-bottom: 1px solid;
	border-left: 1px solid;
	padding: .2em 0 .2em 0 ;
}

table thead #cornerLeft, thead #manufacturer {
	/*we want to "cut out the corner" of the table with this */
	border-top: none;
	border-left: none;
	border-bottom: 1px solid;
}

table thead #cornerLeft {
	width: 16em;
}

td.rowHead {
	width: 16em;
}

table thead #bedroom {
	width: 7em;
}

td.bedroom {
	width: 7em;
}

table thead #occasional {
	width: 7em;
}

table thead #officeEnt {
	width: 7em;
}

table thead #dining {
	width: 7em;
}

table thead #accents {
	width: 7em;
}

table thead #livingRoom {
	width: 7em;
}

table thead #motion {
	width: 7em;
}




/* ####################  Item Listing Pages  #################### */

.item {
	position: relative;
	display: block;
	float: left;
	width: 9em;
	height: 8em;
	overflow: hidden;
	padding: .5em 0 .5em 0;
	margin: .75em;
	border: 1px solid;
	border-radius: .5em;
}

/* Not sure if this is still useful
.item dd {
	padding-left: 0em;
	margin-left: 0em;
}*/

.item dd {
		padding-bottom: .25em;
}

.itemLogo {
	width: 8em;
}

/*  Not sure what I used this for
#itemInfo h2 {
	padding: 0;
	margin: 0;
}

#itemInfo p {
	margin-top: 0em;
	padding-top: 1em;
}

#itemInfo {
	width: 27em;
	float: left;
}

#itemInfo a {
	padding: 0;
	margin: 0;
}

img.large {
	width: 100%;
}

#itemPicture {
	width: 20em;
	height: 15em;
	padding: .5em;
	border: 1px solid;
	border-radius: .5em;
}
*/




/* ####################  Individual Item Page  #################### */

#description {
	margin-top: 1em;
	border-top: 1px solid;
}

#description p {
	margin-top: .25em;
}

#description img {
	float: left;
	margin-top: .5em;
	padding-right: 1em;
}

.writeup {
	display: block;
	float: left;
}

.writeup p:after  {
	/* to autoclear for browsers that support :after */
	content: ".";
	display: block;
	height:0;
	clear: both;
	visibility: hidden;
}

* html .writeup p {
	/* to autoclear for IE 5 & 6 */	
	height: 1%
}

*:first-child+html .writeup p {
	/* to autoclear for IE 7 */	
	min-height: 1px;
}




/* ####################  ItemGroup Page  #################### */

dd a.groupItem {
	display: block;
	margin-top: 1em;
}

img.group {
	float: left;
	width: 50%;
	margin: 2em;
	padding: .5em;
	border: 1px solid;
}

#ashleyNorthShore * #info p:nth-child(3), #iComfort * #info p:nth-child(3) {
	margin-top: 2em;
}

#ashleyNorthShore * #info p:nth-child(3):first-letter, #iComfort * #info p:nth-child(3):first-letter {
	float: left;
	margin: .1em .125em 0 0;
}

#ashleyNorthShore dl, #iComfort dl {
	float: left;
	margin: 0 .5em 0 .5em;
}

#ashleyNorthShore dd, #iComfort dd{
	margin: 0;
}

#ashleyNorthShore dl:first-of-type {
	clear: both;
	margin-left: 2em;
}

#ashleyNorthShore dl:last-child  {
	margin: 0 0 0 .25em;
	padding: 0;
	width: 8em;
}

#ashleyNorthShore .itemThumb {
	border: none;
}

#bedroom dl.itemGroups {
	display: block;
	float: left;
	width: 210px;
	margin: .5em 0 0 0;
	padding: 0;
}

img.collectionGroup {
	width: 200px;
	height: 127px;
}

.itemGroups dd {
	margin-left: 0;
}

.usa {
	position: relative;
	bottom: 5em;
	width: 75%;
}

#aicoGrandTraditions #info div {
	position: relative;
	float: left;
	width: 49%;
	margin-top: 1em;
}

#groupDescription, #inStockItems, .alsoAvailable {
	margin-left: 1em;
}

#aicoGrandTraditions #groupDescription p:first-child {
	margin-top: 0;
}

#groupImages ul, #inStockItems dd, .alsoAvailable dd {
	margin: 0;
	padding: 0;
}

#aicoGrandTraditions #groupImages img {
	margin: 0 0 1em 0;
	width: 450px;
}

#aicoGrandTraditions dl {
	float: left;
	margin: .25em;
	padding: .5em;
	height: 15em;
	width: 44%;
}

#ashleyRecliners dl {
	float: left;
	margin: .25em;
	width: 32%;
	border: 1px solid;
	border-radius: .5em;
	overflow: hidden;
}


/* ####################  Group Price Table  #################### */

.forBeds table {
	margin-top: .5em;
	border: none;
}

.forBeds td {
	padding: 0;
	border: none;
}

table thead #sizeColumn {
	width: 15em;
}

table thead #priceColumn {
	width: 6em;
}




/* ####################  Payment Methods Page  #################### */

ul #paymentMethods {
	margin: 0;
	padding: 0;
}

#paymentMethods li {
	margin: 0;
	padding: 0;
}




/* ####################  Mattress Warranty Table  #################### */

table#mattressWarranty {
	margin-bottom: 1em;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 1px solid;
	border-right: 1px solid;
}

table#mattressWarranty caption {
	margin: 0 0 .5em 0;
}

table thead #manufacturer {
	width: 10em;
}

table thead #model {
	width: 10em;
}

table thead #type {
	width: 6em;
}

table thead #term {
	width: 6em;
}



/* ####################  Delivery Rates Table  #################### */

table tr.rowGroupEnd {
	/* this is to divide each parish */
	border-bottom: 1px solid;
}

table thead #parish {
	width: 55%;
}

table thead #area {
	width: 34%;
}

table thead #rate {
	width: 11%;
}

img.parishMap {
	/* Used ems here so the image will scale with the text as the user desires.  These are available in SVG, need to work those in one day with the canvas element */
	height: 13.84em;
	width: 22em;
}




/* ####################  Footer  #################### */

#footer {	
	position: relative;
	clear: both;
	margin: 0 -1em -1em -1em;
	height: 20em;
	/*overflow: hidden;*/
	padding: 1em .5em 4em .5em;
}

#footer p {
	padding: 0;
	margin: 0;
}

#footer div {
	float: left;
	height: 100%;
}

#lagniappeContainer, #servicesContainer, #customerCareContainer {
	border-right: 1px solid;
	padding-right: 1em;
}

#lagniappeContainer {
	width: 24%;
	padding-left: 0;
}

#servicesContainer {
	width: 18%;
	padding-left: 1em;
}

#customerCareContainer {
	width: 17%;
	padding-left: 1em;
}

#lagniappeContainer h3, #servicesContainer h3, #customerCareContainer h3 {
	padding: .25em;
	border-radius: .35em;
	margin: 0;
}

#footerInfo {
	padding-left: 1em;
	width: 32%;
}

#footer ul {
	padding: 0;
}

#footer div ul ul {
	padding: 0 0 0 1em;
}

img #xhtml_sticker {
	/* non-scalable image */ 
	height: 31px;
	width: 88px;
}

#greatTasteImage {
	width: 100%;
	height: 18%;
}