/*
	Ads CSS
	= Ad Structure
	= Ad Formatting
*/

#indexAd {
float: left;
margin: 5px 10px;
width: 360px;
height: 150px;
}
#productUpsell {
float: right;
margin: 5px 0;
width: 365px;
}
#pageDefault #why,
#pageDefault #featured {
padding: 10px 5px 5px 10px;
}
#pageDefault #why {
}
#pageDefault #sale,
#pageDefault #popular {
width: 360px;
}
#pageDefault #why ul {
padding-left: 10px;
}
#pageDefault #why ul li {
font-family: Georgia,"Times New Roman",serif;
font-size: 140%;
line-height: 1.4;
}
#pageDefault #why ul.iconList li {
background-position: 0 50%;
}

#pageDefault #why ul.iconList li a {
background: transparent;
display: inline;
margin: 0;
padding: 0;
}
#pageDefault #why ul.iconList li a {
color: #ec0088; 
}

#pageProductDepartment #sale,
#pageProductDepartment #popular,
#pageProductDepartment #featured {
float: left;
margin: 5px;
padding: 3px;
height: 240px;
}
#pageSiteEntry #featured,
#pageDefault #featured {

}

h1.ad {
-moz-border-radius: 5px;
display: block;
background: #FBD0F2;
color:#F572CA;
font-weight: bold;
padding: 0 6px;
}
h1.ad a { color:#F572CA; text-decoration:none; font-weight: bold;}
h1.ad a:hover{color:#FFF; font-weight: bold;}

.banner ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.banner li img {
/*position: absolute;*/
top: 0;
left: 0;
}
.banner li {
/*position:absolute;*/
}
.banner li a {
display: block;
height: 100%;
text-decoration: none;
background: url("/2009/spacer.gif");
}
.banner li em {
visibility: hidden;
}
div.primary {
float: left;
width: 345px;
height: 400px;
position: relative;
}
.one a {width: 100%;height: 100%;}
.l_1        {top: 0;left: 0;}
.l_2-tl .two,.l_2-tr .two,.l_2-bl .two,.l_2-br .two {width: 40%;height: 40%;}
.l_2-tl .two {top: 0;left: 0;}
.l_2-tr .two {top: 0;right: 0;}
.l_2-bl .two {bottom: 0;left: 0;}
.l_2-br .two {bottom: 0;right: 0;}
.l_3 .two    {top: 33%;left: 0;width: 100%;height: 33%;}
.l_3 .three  {top: 66%;left: 0;width: 100%;height: 34%;}
.l_5 .two    {top: 0;left: 50%;width: 50%;height: 25%;}
.l_5 .three  {top: 25%;left: 50%;width: 50%;height: 25%;}
.l_5 .four   {top: 50%;left: 50%;width: 50%;height: 25%;}
.l_5 .five   {top: 75%;left: 50%;width: 50%;height: 25%;}
.l_7 .two    {top: 0;left: 0;width: 33%;height: 33%;}
.l_7 .three  {top: 0;left: 33%;width: 33%;height: 33%;}
.l_7 .four   {top: 0;left: 66%;width: 34%;height: 33%;}
.l_7 .five   {bottom: 0;left: 0;width: 33%;height: 33%;}
.l_7 .six    {bottom: 0;left: 33%;width: 33%;height: 33%;}
.l_7 .seven  {bottom: 0;left: 66%;width: 34%;height: 33%;}

div.secondary {
float: left;
width: 345px;
height: 130px;
position: relative;
}
.l_2-l .two {top: 0;right: 0;width: 40%;height: 100%;}
.l_2-r .two {top: 0;right: 0;width: 60%;height: 100%;}
.l_2-e .two {top: 0;right: 0;width: 50%;height: 100%;}

div.tertiary {
float: left;
width: 260px;
height: 130px;
position: relative;
}

div.browse-feature {
float: left;
width: 525px;
height: 118px;
position: relative;
}
div.primary-entry {
float: right;
margin-left: 1em;
width: 262px;
height: 118px;
position: relative;
}
div.primary-entry a,
div.primary-entry a:hover{
border: 0 !important;
background: none !important;
}