body { margin: 0; background-image: url('http://www.labelledame.com/media/images/structure/beigewallpaper.gif'); color: #332211; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-size: 13px; } a { color: #332211; } a img { border: 0; } img { vertical-align: bottom; } #coveroverlay { display: none; position: fixed; width: 100%; height: 100%; /*background-color: #BBD5A6;*/ background-color: #999; z-index: 100; opacity: .9; filter:alpha(opacity=90); } #body { width: 996px; margin-left: auto; margin-right: auto; /*border: solid 2px #5b3916;*/ } #footer { font-size: .85em; text-align: center; padding: 18px; } #bannerNav { position: absolute; top: 14px; height: 216px; background-color: #5b3916; background-image: url('http://www.labelledame.com/media/images/structure/banner_bottom.png'); background-position: bottom; background-repeat: no-repeat; } #bannerNav ul { margin: 0; } #bannerNav img { display: block; } #contentPanel { position: relative; top: 230px; background-image: url('http://www.labelledame.com/media/images/structure/papertile.jpg'); } #leftNav { width: 200px; background-image: url('http://www.labelledame.com/media/images/structure/greenpapertile.jpg'); } #mainContent { position: relative; } #content { width: 765px; position: relative; left: 216px; /*top: 75px; add in for free shipping banner*/ padding-top: 1em; min-height: 1000px; } #freeshippingDisplacement { height: 75px; clear: both; } #freeshipping { width: 765px; position: absolute; left: 216px; top: 0; padding-top: 1em; } h1 { font-size: 1.3em; } h2 { font-size: 1.2em; } h3 { font-size: 1.1em; } h4, h5, h6, h7 { font-size: 1em; } table { border-collapse: collapse; } /****************** CONTENT ******************/ #rightCol { float: right; width: 275px; } #leftCol { float: left; width: 470px; } tr.odd td { background-color: #FEE; } tr.even td { background-color: #EEF; } /************************** PAGINATION **************************/ .controlBar { background-color: #BBD5A6; padding: 3px; } .controlBar .link { font-size: 1.2em; font-weight: bold; text-decoration: none; } .controlBar .dead { color: #999; } .controlBar .link span { display: inline-block; vertical-align: 35%; } .controlBar .previous { margin-left: 110px; } .controlBar .next { float: right; margin-right: 110px; } /* Content Styles for #mainContent */ #relatedLinks { list-style-type: none; position: absolute; bottom: -3em; right: 0; } #relatedLinks li { display: inline-block; } #relatedLinks a { text-decoration: none; } #content .shareList { padding: none; position: absolute; right: 0; top: 0; } #content .shareList li { display: inline-block; }.leftNavMenu ul { padding-left: 1em; list-style-type: none; } .leftNavMenu h1 { padding-left: .5em; padding-top: .3em; padding-bottom: .3em; /*background-color: #321;*/ background-color: rgba(51, 34, 17, 0.4); color: #BBD5A6; font-family: Georgia, Times, serif; font-size: 1.5em; } .leftNavMenu h1 a { color: #BBD5A6; text-decoration: none; } .leftNavMenu div.content { text-align: center; } .leftNavMenu ul li { margin-top: 4px; } .leftNavMenu ul li a { text-decoration: none; font-weight: bold; } .leftNavMenu ul li a:hover { text-decoration: underline; } #bannerNav .menu { position: absolute; right: 80px; padding: 0; } #shopping_cart { position: absolute; right: 10px; top: 151px; } #bannerNav .menu li { display: inline-block; margin-right: .8em; } #bannerNav .menu li a { text-decoration: none; color: #bbd5a6; font-size: 1.8em; font-weight: bold; } #bannerNav .menu li span { color: #bbd5a6; font-size: 1.8em; } #leftNav { position: absolute; top: 0; left: 0; height: 100%; } .leftNavMenu .shareList { margin: 0; padding-top: 1em; } .leftNavMenu .shareList li { margin-right: 1em; display: inline-block; } #adminPageControls { top: -215px; } #adminObjectControls { position: fixed; top: 1em; right: 1em; } .adminPageControls { position: absolute; top: 0; right: 0; z-index: 10; margin: 1em; padding: 0; border: solid 2px #5b3916; background-color: #bbd5a6; } .adminPageControls h6 { margin: 0; padding-bottom: 2px; background-color: #5b3916; color: #bbd5a6; text-align: center; } .adminPageControls ul { padding: 5px; margin: 0; } .adminPageControls ul li { display: inline-block; margin-left: 3px; margin-right: 3px; cursor: pointer; } /************** RIGHT COLUMN *******************/ .notice { border: solid 1px #000; padding-top: 0; padding-left: 15px; padding-right: 15px; padding-bottm: 15px; margin-bottom: 1em; } .notice ul { padding: 0; list-style-type: none; } .notice ul li { margin-bottom: 8px; } .notice ul li a { text-decoration: none; } .notice ul li a:hover { text-decoration: underline; } .product { position: relative; } .product h1 { } .product h2 { } .product .images { width: 380px; float: left; margin-right: 20px; } .product .images img { border: solid 1px #5b3916; cursor: pointer; } .product .images ul.imageThumbs { padding: 0; margin-right: 5px; margin-top: 0; margin-bottom: 1em; width: 400px; } .product .images ul.imageThumbs li { width: 69px; height: 69px; display: inline-block; margin-top: 6px; margin-right: 5px; cursor: pointer; } li.product { display: block; padding-bottom: 70px; background-image: url("http://www.labelledame.com/media/images/structure/divider.jpg"); background-repeat:no-repeat; background-position: bottom; /*border-bottom: solid 1px #5b3916;*/ } ul.productTiles li.productTile { display: inline-block; vertical-align: top; border: solid 1px #EEE; } ul.productTiles .productTile h3 { width: 80%; /* text-align: center; margin-left: auto; margin-right: auto; */ margin-top: 2px; margin-bottom: 2px; margin-left: .5em; height: 2em; } ul.productTiles.SMALL li.productTile { width: 135px; margin-right: 14px; margin-bottom: 9px; } ul.productTiles.SMALL .productTile h3 { font-size: .7em; } ul.productTiles.MEDIUM li.productTile { width: 175px; margin-right: 16px; margin-bottom: 10px; } ul.productTiles.MEDIUM .productTile h3 { font-size: .8em; } ul.productTiles.LARGE li.productTile { width: 225px; margin-right: 20px; margin-bottom: 15px; } ul.productTiles.LARGE .productTile h3 { font-size: .9em; } ul.productTiles { padding: 0; } ul.productList { padding: 0; } .product form.productForm { position: relative; width: 350px; float: right; } .product .priceTag { float: right; margin-top: 2em; margin-right: 2em; } .priceTiles { float: right; text-decoration: none; color: #8B8; } .product .payment .price { position: relative; top: 2em; } .product select { margin-top: .5em; display: block; width: 250px; } .product input[type="text"] { margin-top: .5em; display: block; width: 250px; } .product input.buyMe { float: right; } .product.edit input[type="text"] { display: block; width: 380px; margin-bottom: 1em; margin-top: 1em; } .product.edit textarea { width: 360px; height: 200px; margin-bottom: 1em; } .product .description { width: 380px; } #imageLargeContainer { position: fixed; top: 50%; left: 50%; margin-left: -400px; margin-top: -400px; width: 800px; border: solid 1px #5b3916; z-index: 101; } #imageLargeContainer { display: none; } .imageShareList { position: absolute; list-style-type: none; background-color: #CEC; opacity: .9; filter:alpha(opacity=90); } .mainImg .imageShareList { padding: 0; margin-top: 1px; display: none; left: 1px; padding: 3px; width: 374px; } #imageLargeContainer .imageShareList { margin: 0; padding: 3px; width: 794px; } .imageShareList li { display: inline-block; padding: 0; border: 0; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; } .imageShareList li img { border: 0; } .imageShareList .pinterestShare { vertical-align: top; } .imageShareList .facebookShare { vertical-align: top; /*width: 50px;*/ overflow: hidden; } .imageList { padding: 0; list-style-type: none; } .imageList li { margin-right: 1em; margin-top: 1em; display: inline-block; padding: 5px; border: solid 1px #321; background-color: #BBD5A6; } .imageList li img { border: solid 1px #321; } .imageList .shareList { padding: 0; margin-top: 3px; } .imageList .shareList li { padding: 0; border: 0; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; } .imageList .shareList li img { border: 0; } .polaroid { position: relative; /*width: 502px;*/ display: inline-block; margin-left: auto; margin-right: auto; padding: 5px; border: solid 1px #321; background-color: #BBD5A6; } .polaroid .caption { width: 400px; margin-left: auto; margin-right: auto; } .polaroid img { border: solid 1px #321; } .polaroid .shareList { padding: 5px; margin: 0; background-color: #BBD5A6; border-top: 0; border-right: 0; border-left: solid 1px #321; border-bottom: solid 1px #321; } .polaroid .shareList li { padding: 0; border: 0; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; display: inline-block; } .polaroid .shareList li img { border: 0; }.verificationMessage { background-color: #5f5; display: inline-block; padding: 8px; border: solid 1px #5b3916; } #pageEditForm input[type="image"] { width: 100%; } #pageEditForm label { display: block; margin-top: 1em; } #pageEditForm input { display: block; width: 400px; } #pageEditForm textarea { width: 700px; height: 300px; }