body{margin:0 0 0 0;font-family:Verdana, Arial, Monaco, Helvetica, sans-serif;font-size:12px;color:#333366;font-style:normal;line-height:normal;background-repeat:repeat-x;background-color:#ccc;background-image:url("/images/gradient-vert.png");}
td{font-size:12px;color:#333366;font-style:normal;line-height:normal;}
p{font-size:12px;line-height:normal;color:#333366;font-weight:normal;background-color:#fff;}
p.special{padding:4px 6px 4px 16px;font-size:10px;}
a.special{font-size:10px;text-decoration:none;}
a.special:hover{text-decoration:underline;}
a.no-underline{text-decoration:none;}
h1.category{font-size:24px;font-weight:normal;color:#6666FF;text-align:center;}
p.category{font-size:24px;color:#6666FF;text-align:center;}
p.caption{font-size:10px;color:#884488;text-align:center;}
p.title{color:#ffffff;font-size:14px;font-weight:bold;padding:4px 0px 4px 0px}
.xnav{font-size:12px;color:#ffffff;text-decoration:none;}
p.price{color:#FF0000;font-size:11px;font-weight:bold;margin:8px 4px 0px 4px;}
span.save{color:#AA0044;font-weight:bold;}
span.noBoosters{color:#AA0044;font-weight:normal;font-size:9px;}
span.size{color:#000000;font-weight:normal;text-decoration:none;}
.Xtile{border-style:solid;border-width:0px 3px 3px 0px;margin-bottom:5px;}
a.tile-heading{font-size:12px;font-weight:bold;text-decoration:none;color:#6666FF}
a.tile-heading:hover{text-decoration:none;color:#AA00AA}
a.tile-center{text-decoration:none;color:#446644;}
a.tile-center:hover{text-decoration:none;color:#884444}
a.inline{font-size:12px;font-weight:bold;text-decoration:none;color:#6666FF}
a.inline:hover{font-weight:bold;text-decoration:none;color:#AA00AA}
a.inline-small{font-size:10px;font-weight:bold;text-decoration:none;color:#6666FF}
a.inline-small:hover{font-weight:bold;text-decoration:none;color:#AA00AA}
A{font-size:12px;color:#333366;}
a.nav{font-size:12px;color:#ffffff;text-decoration:none;}
a.subnav{font-size:11px;color:#00A0FF;color:#808080;text-decoration:none;}
a.subnav:hover{color:#AA0044;}
.more{font-size:9px;font-weight:normal;color:#888888;}
a.more{font-size:9px;font-weight:normal;color:#888888;}
a.trolley{font-size:13px;font-weight:bold;color:#888888;text-decoration:none;}
a.trolley:hover{;color:#AA0044;}
.left, .leftB{font-size:12px;font-weight:bold;}
a.left, a.leftSub, a.leftB{color:#4444FF;color:#5555FF;text-decoration:none;width:100%;padding-right:12px;}
a.leftB{color:#666666;}
a.left:hover, a.leftSub:hover, a.leftB:hover{color:#FF6666;}
.topMenu{font-size:11px;font-weight:bold;}
a.topMenu{color:#444444;text-decoration:none;}
a.topMenu:hover{text-decoration:underline;}
a.top{font-family:verdana, arial, helvetica, sans-serif;font-size:12px;color:#333366;text-decoration:none;}
a:xhover{color:#2222FF;}
.xsmall{color:#A0A0A0;font-size:11px;}
p.link-group{font-weight:bold;}
.leftMenu{padding:0px 0px 0px 0px;list-style-type:none;text-align:right;}
.leftMenuSub{padding:0px 0px 0px 0px;list-style-type:none;text-align:right;font-weight:normal;}
li.noBullet{list-style-type:none;}
.gallerycontainer{position:relative;}
a.thumbnail{text-decoration:none;}


a.thumbnail img{border:1px solid white;}
a.thumbnail:hover img{border:1px solid #bbb;}
a.thumbnail span{position:absolute;padding:5px;top:-1000px;left:-1000px;border:1px solid grey;visibility:hidden;color:blue;text-decoration:none;background-color:white;}
a.thumbnail:hover span{visibility:visible;top:-450px;left:100px;z-index:50;}

#dropmenudiv{position:absolute;border:1px solid #eee;line-height:18px;z-index:300;background-color:#FFFFFF;color:#808080;}
#dropmenudiv a{width:100%;display:block;text-indent:3px;border-bottom:0px solid black;padding:1px 0;text-decoration:none;color:#808080;}
#dropmenudiv a:hover{color:#AA0044;}
td.price{text-align:right;color:red;font-size:10px;margin:8px 4px 0px 4px;}
td.right{font-size:11px;text-align:right;}
td.left{font-size:11px;text-align:left;}
.price{color:red;font-weight:bold}
p.packageSubhead{text-align:center;font-size:14px;color:#777;font-weight:bold}
.strike{text-decoration:line-through;color:#f88;}
#rotator img{display:none;position:absolute;height:275px;width:681px;}
td.choose{font-size:10px;text-align:center;background:#eeeeee;}
td.feature{font-size:10px;color:#777;vertical-align:top;text-align:left;}
td.feature-tag{font-size:10px;color:#77c;vertical-align:top;text-align:right;}
td.feature-bar{background-color:#99aaFF;color:#fff;font-size:15px;font-weight:bold;text-align:center;}


.leftNavButton {
    background: #f66; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddcccc', endColorstr='#dd4444');
    background: -webkit-gradient(linear, left top, left bottom, from(#dcc), to(#d44));
    background: -moz-linear-gradient(top,  #dcc,  #d44);
    background: linear-gradient(top,  #dcc,  #d44);
    -moz-border-radius: 5px; 
    border-radius: 5px;
    padding: 4px;
    margin: 10px;
    width: 85px;
       -moz-box-shadow: 3px 3px 3px #ccc;
    -webkit-box-shadow: 3px 3px 3px #ccc;
            box-shadow: 3px 3px 3px #ccc;
    text-align: center;
    color: white;
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
}

.leftNavButton:hover {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcccc', endColorstr='#ff0000'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#fcc), to(#f00)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #fcc,  #f00); /* for firefox 3.6+ */
}

.leftNavButtonGreen {
    background: #f66; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddcccc', endColorstr='#44dd44'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#cdc), to(#4d4)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #cdc,  #4d4); /* for firefox 3.6+ */
    -moz-border-radius: 5px; 
    border-radius: 5px;
    padding: 4px;
    margin: 10px;
    width: 85px;
    -moz-box-shadow: 3px 3px 3px #ccc;
    -webkit-box-shadow: 3px 3px 3px #ccc;
    box-shadow: 3px 3px 3px #ccc;
    text-align: center;
    color: white;
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
}

.leftNavButtonGreen:hover {
    -moz-box-shadow: 3px 3px 3px #ddd;
    -webkit-box-shadow: 3px 3px 3px #ddd;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccffcc', endColorstr='#00ff00'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#cfc), to(#0f0)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #cfc,  #0f0); /* for firefox 3.6+ */
}

.saleButton {
    background: #f66; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddcccc', endColorstr='#dd4444'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#dcc), to(#d44)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #dcc,  #d44); /* for firefox 3.6+ */
    -moz-border-radius: rpx; 
    border-radius: 5px;
    padding: 4px;
    margin: 10px;
    width: 85px;
    -moz-box-shadow: 3px 3px 3px #ccc;
    -webkit-box-shadow: 3px 3px 3px #ccc;
    box-shadow: 3px 3px 3px #ccc;
    text-align: center;
    color: white;
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
}

.saleButton:hover {
    -moz-box-shadow: 3px 3px 3px #ddd;
    -webkit-box-shadow: 3px 3px 3px #ddd;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcccc', endColorstr='#ff0000'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#fcc), to(#f00)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #fcc,  #f00); /* for firefox 3.6+ */

}

.unoComingButton {
    background: #909; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa88aa', endColorstr='#aa22aa'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#a8a), to(#a2a)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #a8a,  #a2a); /* for firefox 3.6+ */
    -moz-border-radius: 5px; 
    border-radius: 5px;
    padding: 4px;
    margin: 10px;
    width: 250px;
    -moz-box-shadow: 3px 3px 3px #ccc;
    -webkit-box-shadow: 3px 3px 3px #ccc;
    box-shadow: 3px 3px 3px #ccc;
    text-align: center;
    color: white;
    text-decoration: none;
    font-weight: bold;
    font-size: 20px;
}


.productOfTheMonthButton {
    background: #6f6; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccdddd', endColorstr='#88aaff'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#cdd), to(#8af)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #cdd,  #8af); /* for firefox 3.6+ */
    -moz-border-radius: 5px; 
    border-radius: 5px;
    padding: 7px;
    margin: 4px;

    -moz-box-shadow: 3px 3px 3px #ccc;
    -webkit-box-shadow: 3px 3px 3px #ccc;
    box-shadow: 3px 3px 3px #ccc;
    text-align: center;
    color: white;
    text-shadow: rgba(0,0,0,.8) 0px 3px 4px
    font-weight: bold;
    font-size: 20px;
}

.sale-box {
     border: solid 3px #caa;padding: 10px; width: 450px; margin: 20px;
     -moz-border-radius: 15px; border-radius: 15px;

     
}

h1.slogan { color: #363; font-size: 9.5px; margin-right: 20px; }

div#rotator 	{ height: 275px; width: 681px; position: relative; }
div#rotator img { height: 275px; width: 681px; position: absolute; border: 0px;}

table.pricing {
  padding: 10px;
}

table.pricing td {
  text-align: right;
  padding: 4px;
  font-size: 9.5px;
}

table.pricing td.heading {
  color: #000;
  font-weight: normal;
  text-align: right;
  background-color: #eee;
}

table.pricing col.fabric   		{ }
table.pricing col.allInOne 		{ background-color: #fcf; }
table.pricing col.allInTwo 		{ background-color: #fd8; }
table.pricing col.pocket   		{ background-color: #ff9; }

table.pricing td.allInOneHeading	{ background-color: #99f; text-align: center; font-weight: bold; color: white;}
table.pricing td.allInTwoHeading	{ background-color: #f93; text-align: center; font-weight: bold; color: white;}
table.pricing td.pocketHeading		{ background-color: #ff0; text-align: center; font-weight: bold; color: #889;}

table.pricing td span.headline 		{ font-size: 14px; }
table.pricing td span.details 		{ font-size: 8px; }

table.package {
  border-style: solid;
  border-width: 2px;
  border-color: #ddd;
  padding: 20px;
  width: 650px;
  text-align: center;
}