﻿/**** Waterford Gardens Specific Style elements ****/

/**Use to style ul class list items with green text and square bullet **/
.productfacts {
color: #063;
list-style-type: square;
}
/**Below 3 items are needed to style picture with polaroid frame and paper clip.  Place each in its own div at begining of product
description page. pdtext div must enclose all text which is to appear on page****** UPDATE only using imgclip NOW.******  will delete imgframe and pdtext as made workaround in Product css sheet**/
.imgpclip {
background-image: url('../images/usedclip.png');
background-repeat:no-repeat;
width:65px;
height:80px;
position:absolute;
left:696px;
top:35px;
}
.imgframe {
background-image: url('../images/PhotoStack.png');
background-repeat:no-repeat;
width:300px;
height:320px;
position:relative;
float:right;
left:307px;
z-index:1;
}
/**Use below item to identify a star product **/
.goldstar {
background-image: url('../images/GoldStar.png');
background-repeat:no-repeat;
width:50px;
height:100px;
position:relative;
left:0px;
float:left;
z-index:3;
}
/** Place table in a set of div's and apply the div to center align the table - IE seems to need this. Safari needed the Clear both statement so table would not hid under picture**/
.WGCtable{
margin-left:auto; margin-right:auto; text-align:center; clear:both}

.WGLtable{
margin-left:auto; text-align:center; clear:both}

/**Simple Table Format **/
.WGtable {
font-size: 12px;
text-align: center;
margin-left:auto;
margin-right:auto;
border-collapse: collapse;
}
.WGtable tbody {text-align:center;}
.WGtable th
{
font-size: 13px;
font-weight: bold;
padding: 2px;
background: #999966;
border:#cc9 solid 1px;
color: white;
}
.WGtable tr {background: #ffc; color: #663300;}
.WGtable td {border:#CC9 solid 1px;}
.WGtable tr.odd {background: #f5e2b0;}
.WGtable caption {padding-bottom:10px;}
/**Masking tape for home page or elsewhere **/
.imgmasktapeA {
background-image: url('../images/MaskingTapeA.png');
background-repeat: no-repeat ;
width:116px;
height:63px;
position:relative;
float:right;
}
.imgmasktapeB {
background-image: url('../images/MaskingTapeB.png');
background-repeat: no-repeat ;
width:116px;
height:63px;
position:relative;
float:right;
}
/**This is to Mark an item as Sold Out - Rubber stamp effect**/
.soldout {
position:absolute;
background-image: url('../images/SoldOut.png');
top:10px;
left:436px;
width:200px;
height:200px;
background-repeat:no-repeat;
}