/* Global Overrides */
#stage #content{
padding-top:0;
}
/* 250 x 300 Ad */
#stage #content .homeadcontainer{
margin:18px 0 0 25px;
float:left;
}
/* Hero 1 */
#stage #content #hero.one{
height:352px;
background-repeat:no-repeat;
background-position:left top;
padding-bottom:14px;
margin-top:-10px;
}
#stage #content #hero.one #title{
height:37px;
width:160px;
position:relative;
}
#stage #content #hero.one #herofullbleed{
position: absolute;
}
#stage #content #hero.one #herofullbleed a img{
border:0;
}
#stage #content #hero.one li.displayfalse{
display:none;
}
#stage #content #hero.one .itempopup .productpopup{
top:-94px;
left:-8px;
}
#stage #content #hero.one ul#featured{
list-style:none;
width:150px;
font:8pt "Malgun Gothic","Lucida Grande" ,Verdana, Arial, Helvetica, "Sans Serif";
}
#stage #content #hero.one ul#featured.right{
float:right;
margin:73px 100px 0 0;
position:relative;
}
#stage #content #hero.one ul#featured.left{
float:left;
margin:23px 0 0 10px;
}
#stage #content #hero.one ul#featured.center{
margin:23px 0 0 316px;
}
#stage #content #hero.one ul#featured img{
border:0;
}
#stage #content #hero.one ul#featured .title {
width:140px;
margin:6px 0 0 0;
}
#stage #content #hero.one ul#featured .title a{
text-decoration:none;
font-weight:bold;
}
#stage #content #hero.one ul#featured .select{
color:#a85420;
margin:3px 0 0 0;
}
#stage #content #hero.one ul#featured .select img{
margin:0 4px 0 0;
}
#stage #content #hero.one ul#featured .price{
font:8pt "Malgun Gothic","Lucida Grande" ,Verdana, Arial, Helvetica, "Sans Serif";
font-weight:bold;
margin:21px 0 0 0;
}
#stage #content #hero.one ul#featured .add{
margin:20px 0 0 0;
}
#stage #content #hero.one ul#featured .price a{
text-decoration:none;
}
#stage #content #hero.one .mediaselector img{
padding:4px 0 0 4px;
}
/* Hero 1 - High DPI*/
.highdpi #stage #content #hero.one ul.product{
font-size: 7pt;
}
.highdpi #stage #content #hero.one .type{
height:18px;
}
/* Hero 2 */
#stage #content #hero.two{
background-repeat:repeat;
height:343px;
}
#stage #content #hero.two #title{
height:37px;
}
#stage #content #hero.two h2{
margin:0 0 0 40px;
padding:5px 0 0 5px;
background-repeat:no-repeat;
background-position:left 55%;
}
#stage #content #hero.two ul#one,
#stage #content #hero.two ul#two, 
#stage #content #hero.two ul#three{
margin:0;
padding:25px 0 0 0;
list-style:none;
width:191px;
font:8pt "Malgun Gothic","Lucida Grande" ,Verdana, Arial, Helvetica, "Sans Serif";
float:left;
}
#stage #content #hero.two ul#one{
margin:0 0 0 118px;
}
#stage #content #hero.two ul#two{
margin:0 0 0 58px;
}
#stage #content #hero.two ul#three{
margin:0 0 0 58px;
}
#stage #content #hero.two ul .image img{
margin:0 0 10px 0;
border:0;
height:244px;
width:191px;
}
#stage #content #hero.two ul .title{
min-height:38px;
margin:-50px 0 0 0;
}
#stage #content #hero.two ul .title img{
height:38px;
width:191px;
position:absolute;
}
#stage #content #hero.two ul .add{
margin:17px 0 0 0;
}
#stage #content #hero.two ul .title a, #stage #content #hero.two ul .title a:hover{
font:8pt "Malgun Gothic","Lucida Grande" ,Verdana, Arial, Helvetica, "Sans Serif";
text-decoration:none;
font-weight:bold;
position:absolute;
display:block;
width:180px;
}
#stage #content #hero.two ul .select{
color:#a85420;
}
#stage #content #hero.two ul .select img{
margin:0 4px 0 0;
vertical-align:middle;
}	
#stage #content #hero.two ul .price{
font-weight:bold;
margin:18px 0 0 0;
}
#stage #content #hero.two ul .price a, #stage #content #hero.two ul .price a:hover{
text-decoration:none;
}
#stage #content #hero.two .divider{
background-image:url(../../pages/homepage/hero/base/divider.png);
height:156px;
width:18px;
margin:35px 0 0 0;
background-repeat:repeat;
float:left;
}
/* Hero 3 */
#stage #content #hero3 img{
border:0;
margin-top:-17px;
}
/* Module 1 */
#stage #content #mod1{
width:932px;
margin:0 0 5px 0;
}
#stage #content #mod1 .top{
background-repeat:no-repeat;
background-position:0px 0px;
height:18px;
padding:0;
}
#stage #content #mod1 .mid{
background-repeat:repeat-y;
padding:0 20px 0 20px;
}
#stage #content #mod1 .smallitempopup .productpopup{
top:-95px;
left:-8px;
}
#stage #content #mod1 ul .boxshot img{
padding:4px;
/*width:112px;*/
height:112px;
}
#stage #content #mod1 ul.gen{
list-style:none;
font:8pt "Malgun Gothic","Lucida Grande" ,Verdana, Arial, Helvetica, "Sans Serif";
margin:10px 24px 10px 0px;
padding:0;
width:155px;
float:left;
}
#stage #content #mod1 ul li{
margin-top:5px;
}
#stage #content #mod1 ul li.popuptitle{
margin-top:0;
}
#stage #content #mod1 ul li img{
border:0;
}
#stage #content #mod1 ul.first{
margin:10px 24px 10px 30px;
}	
#stage #content #mod1 ul.last{
width:138px;
margin-right:0px;
}
#stage #content #mod1 ul .title{
height:38px;
}
#stage #content #mod1 ul .title div{
width:130px;
}
#stage #content #mod1 ul.last .title div{
width:101px;
}
#stage #content #mod1 ul .title a, #stage #content #mod1 ul .title a:hover{
text-decoration:none;
font-weight:bold;

}
#stage #content #mod1 ul li.select{
margin:2px 0 0 0;
}
#stage #content #mod1 ul .select img{
margin:0 3px 0 0;
vertical-align:middle;
}
#stage #content #mod1 ul .add img{
margin:0 3px 0 0;
vertical-align:middle;
}
#stage #content #mod1 ul .add{
font-weight:bold;
margin:0;
}
#stage #content #mod1 .btm{
background-position:0px -18px;
height:18px;
}
#stage #content #mod1 .mediaselector img{
padding:4px 0 0 4px;
}
#stage #content #mod1 ul li.strike,
#stage #content #mod1 ul li.totalsp{
margin-top:-1px;
}
/* Module 1 - High DPI */
.highdpi #stage #content #mod1 ul .title{
font-size:7pt;
}
/* Module 2 */
#stage #content #mod2{
width:549px;
margin:0 0 0 0;
float:left;
}
#stage #content #mod2 .top{
background-repeat:no-repeat;
background-position:0px -38px;
height:18px;
padding:0;
}
#stage #content #mod2 .mid{
background-repeat:repeat-y;
padding:0 20px 0 15px;
}
#stage #content #mod2 .bg .titlebar{
position:absolute;
}
#stage #content #mod2 .mid .bg{
height:249px;
}
#stage #content #mod2 .mid .bg img.clickbg{
border:0;
padding:0;
margin:0;
}
#stage #content #mod2 .btm{
background-position:0px -57px;
height:18px;
}
/* Module 3 */
#stage #content .mod3{
width:361px;
float:left;
}
#stage #content .mod3 .top{
background-position:0px -72px;
background-repeat:no-repeat;
height:18px;
padding:0;
}
#stage #content .mod3 .mid{
background-repeat:repeat-y;
padding:0 20px 0 20px;
}
#stage #content .mod3 .smallitempopup .productpopup{
top:-94px;
left:-8px;
}
#stage #content .mod3 ul .boxshot img{
padding:4px;
/*width:112px;*/
height:112px;
}
#stage #content .mod3 ul{
list-style:none;
font:8pt "Malgun Gothic","Lucida Grande" ,Verdana, Arial, Helvetica, "Sans Serif";
margin:4px 24px 10px 0px;
padding:0;
width:149px;
float:left;
}
#stage #content .mod3 ul li{
margin:2px 0 0 0;
}
#stage #content .mod3 ul li img{
border:0;
}
#stage #content .mod3 ul.first{
margin:4px 24px 10px 20px;
}	
#stage #content .mod3 ul.last{
width:101px;
}
#stage #content .mod3 ul .title{
height:38px;
}
#stage #content .mod3 ul .title div{
width:130px;
}
#stage #content .mod3 ul .title a, #stage #content .mod3 ul .title a:hover{
text-decoration:none;
font-weight:bold;
}
#stage #content .mod3 ul li.select{
margin:2px 0 0 0;
}
#stage #content .mod3 ul .select img{
margin:0 3px 0 0;
vertical-align:top;
}
#stage #content .mod3 ul .add img{
margin:0 5px 0 0;
vertical-align:middle;
}
#stage #content .mod3 ul .add{
font-weight:bold;
color:#545454;
margin:20px 0 0 0;
}
#stage #content .mod3 .btm{
background-position:0px -90px;
height:18px;
}
#stage #content .mod3 .mediaselector img{
padding:4px 0 0 4px;
}
/* Module 3 - High DPI */
.highdpi #stage #content .mod3 ul .title{
font-size:7pt;
}
/* Module 4 */
#stage #content #mod4{
width:356px;
margin:0 0 0 26px;
float:left;
}
#stage #content #mod4 .top{
background-position:0px -111px;
background-repeat:no-repeat;
height:18px;
}
#stage #content #mod4 .mid{
background-repeat:repeat-y;
padding:0 20px 0 15px;
}
#stage #content #mod4 .btm{
background-position:0px -125px;
height:18px;
}
#stage #content #mod4 img{
display:block;
border:0;
}
/* Module 5 - Homepage left nav */    
#stage #content .row1 .mod5 .top{
background-repeat:no-repeat;
height:9px;
font-size:0pt;
}
#stage #content .row1 .mod5 ul.mid{
margin:0;
padding:0 0 0 11px;
min-height:216px;
list-style:none;
}
#stage #content .row1 .mod5 ul.mid li{
padding-bottom:10px;
}
#stage #content .row1 .mod5 ul.mid li.title{
padding:5px 0 14px 0;
}
#stage #content .row1 .mod5 ul.mid li a{
font:8pt "Malgun Gothic","Lucida Grande" ,Verdana, Arial, Helvetica, "Sans Serif";
text-decoration:none;
background-position:center left;
background-repeat:no-repeat;
padding-left:10px;
display:block;
}
#stage #content .row1 .mod5 .btm{
background-position:bottom left;
background-repeat:no-repeat;
height:9px;
font-size:0pt;
}
/* Module 6 - clickable banner */
#stage #content .row1 .mod6{
width:221px;
margin-top:8px;
} 
#stage #content .row1 .mod6 img{
border:0;
} 
/* Module 7 - clickable banner */
#stage #content .row2 .mod7{
width:675px;
} 
#stage #content .row2 .mod7 img{
border:0;
}
/* Module 8 - clickable banner */    
#stage #content .row2 .mod8{
width:221px;
float:left;
margin-top:8px;
} 
#stage #content .row2 .mod8 img{
border:0;
}
/* Module 9 - clickable banner */    
#stage #content .row2 .mod9{
width:446px;
float:right;
margin-top:8px;
} 
#stage #content .row2 .mod9 img{
border:0;
}
/* Hero 2 Popup */
#stage #content #hero.two .prod1 .productpopup{
top:-74px;
}
#stage #content #hero.two .prod2 .productpopup{
top:-115px;
}
#stage #content #hero.two .prod3 .productpopup{
top:-142px;
}
/* Popup Positioning */
#stage #content .prod1 .productpopup{
top:-82px;
}
#stage #content .prod2 .productpopup{
top:-114px;
}
#stage #content .prod3 .productpopup{
top:-180px;
}
/* V2S2 Homepage Columns */
#stage #content .row1{
width:221px;
float:left;
margin:13px 0 63px 14px;
}
#stage #content .row2{
width:675px;
float:right;
margin:13px 14px 63px 0;
}
/********************/
/* This section fixes FireFox Only and should ALWAYS be at the end of this file */
/********************/
/* Hero 1 */
#stage #content #hero.one ul#featured .add, x:-moz-any-link{
margin:21px 0 0 0;
}
/* Hero 2 */
#stage #content #hero.two ul .select img, x:-moz-any-link{
vertical-align:middle;
}
#stage #content #hero.two ul .add, x:-moz-any-link{
margin:4px 0 0 0;
}
/* Mod 1 */
#stage #content a.titlebar img, x:-moz-any-link{
vertical-align:-1px;
}
#stage #content #mod1 ul .select img, x:-moz-any-link{
vertical-align:middle;
}



#stage #content .noticeLine{
border-top:1px solid #c2c2c2;
height:27px;
width:932px;
position:absolute;
z-index:1;

}

#stage #content .event_area{
position:absolute;
width:932px;
margin:162px 0 0 467px;;
}


#stage #content .event_area .top{
width:435px;
height:10px;
background-image:url(../../base/homepage/event_box_top.png);
}

#stage #content .event_area .body{
background-image:url(../../base/homepage/event_box_line.png);
}
#stage #content .event_area .bottom{
width:435px;
height:10px;
background-image:url(../../base/homepage/event_box_bottom.png);
}

#stage #content .event_area .eventimg{
position:absolute;
margin:10px 0 0 10px;
}

#stage #content .event_area .eventimg img {
width:384px;
height:119px;
}

#stage #content .event_area .eventnum{
width:300px;
height:145px;
position:absolute;
}

#stage #content .event_area .eventnum ul{
list-style:none;
}

#stage #content .event_area .eventnum ul div{
height:18px;
}


#stage #content .clickbox{
position:absolute;
}

#stage #content .clickbox div{
float:left;
}

#stage #content .clickbox .mainherolink1{
margin:80px 0 0 25px;
width:90px;
height:135px;
cursor:pointer;
}

#stage #content .clickbox .mainherolink2{
margin:80px 0 0 14px;
width:90px;
height:135px;
cursor:pointer;
}

#stage #content .clickbox .mainherolink3{
margin:110px 0 0 34px;
width:150px;
height:210px;
cursor:pointer;
}

#stage #content .clickbox .mainherolink4{
margin:20px 0 0 440px;
width:470px;
height:30px;
cursor:pointer;
}

#stage #content .event_area .eventnum{
margin:0 0 0 365px;
}
