/* CSS Document */
.hpProdBox h2 {padding: 3px 3px 3px 30px; color: white; margin: 0px 0px 5px 0px; border-bottom: 3px solid #0066CC; position: relative;}
.hpProdBox h2 img {border: 0px; position: absolute; }
.hpProdBox .imgWrap {width: 81px; height: 81px; border: 1pt solid #CCC; float: left; margin-right: 5px; display: block; text-align: center;}
.hpProdBox .txtWrap {position:absolute; left: 85px;}
.hpProdBox img {padding: 3px} 
.hpProdBox p {clear: both; margin: 5px 5px 5px 10px; }
.hpProdBox p.item { height: 90px;position:relative;}
.hpProdBox {position: relative;} 
.hpProdBox .mfrName {height: 35px; color: #666}
.hpProdBox span {width: 80px; display: block;}
#mainBodyHP {top:125; left:160;width:820px;float:left;margin-left:10px;margin-top:8px;}
.hpBox{float:left;height:100px;position:relative;width:800px;margin-bottom:10px;border: 1pt solid #ccc;background:url('//hi.atgimg.com/images/greyGrade.gif') repeat-x bottom}	
.hpBox ul{float:left;margin-left:2px}
.hpBox li.mfr{background:url('//hi.atgimg.com/images/buttonback.gif');width:115px;height:44px;float:left;margin-left:15px;text-align:center;}
.hpBox li.mfr img{vertical-align:middle}
.hpBox li.mfr span{display: inline-block;height: 100%;vertical-align:middle}	
.hpBox .footer{float:left;width:800px;height:24px;padding-top:5px;}
.thumbnail{border:1pt solid #CCC;width:81px;height:81px;text-align:center;padding:3px;margin-left:25px;display:block;float:left;}
.wnlogo{text-align:center;margin-left:25px;display:block;float:left;}
.panel2Box{float:left;margin:5px 15px 0px 0px;width:810px;}
.panel2Box a{float:left;margin-right:30px;display:block;text-align:center;position:relative;text-decoration:none;}
.panel2Box a span{position:absolute;bottom:15px;left:0px;font-size:100%;font-weight:bold;text-decoration:none;color:#FFF;width:240px;text-align:center;display:block;}

.panel2Box1209{float:left;margin:5px 15px 0px 0px;width:810px;}
.panel2Box1209 a{float:left;width:250px; height:135px;margin-right:30px;display:block;text-align:center;position:relative;text-decoration:none; background:url('//hi.atgimg.com/images/panel_2_bckgrnd.gif'); padding:0px;}
.panel2Box1209 a span{position:absolute;bottom:9px;left:0px;font-size:100%;font-weight:bold;text-decoration:none;color:#FFF;width:240px;text-align:center; display:block; padding:3px 0px;}
.catImg{ position:relative; left:-5px;}

.panel2Box a span.dark{position:absolute;bottom:15px;left:0px;font-size:100%;font-weight:bold;text-decoration:none;color:#000000;width:240px;text-align:center;display:block;}
.panel2Box a span.trade{position:absolute;bottom:119px;left:0px;font-size:100%;font-weight:bold;text-decoration:none;color:#ffffff;width:240px;text-align:center;display:block;}

.categories{float:left;margin:0px 30px 0px 0px;width:250px;height:50px;}
#div1{float:left; width:50%;}
#div1 a{font-size:11px;font-weight:bold;text-decoration:none;color:black;}
#div1 a:hover{font-size:11px;font-weight:bold;text-decoration:underline;color:black;}
#div1 a:visited {color:black}
#div1 a:visited:hover {color:black}
#div2 a{font-size:11px;font-weight:bold;text-decoration:none;color:black;}
#div2{margin-left:50%; width:100%;}
#div2 a:hover{font-size:11px;font-weight:bold;text-decoration:underline;color:black;}
#div2 a:visited {color:black}
#div2 a:visited:hover {color:black}
.sGalleryPanel2Box{float:left;margin:5px 15px 6px 0px;width:810px;}
.sGalleryPanel2Box a{float:left;margin:0px 30px 0px 0px;display:block;width:250px;height:135px;text-align:center;position:relative;text-decoration:none;}
.sGalleryPanel2Box a span{position:absolute;bottom:16px;left:0px;font-size:100%;font-weight:bold;text-decoration:none;color:#FFF;width:240px;text-align:center;display:block;}
#WhyShop{float:left;position:relative;margin:2px 0px 0px 0px;width:298px;height:238px;font-size:8pt;border:1pt solid;border-color:#5f0e05;}
#WhyShop span.header{font-size:10pt;font-weight:bold;text-decoration:none;color:#5f0e05;text-align:center;display:block;}
#WhyShopATG{float:left;position:relative;margin:2px 0px 0px 0px;width:298px;height:238px;font-size:8pt;border:1pt solid;}
.hpBoxCeleb{float:left;height:auto;position:relative; width:810px; margin-bottom:10px; padding-bottom:10px;border:1pt solid #CCC;background:url('http://hi.atgimg.com/images/greyGrade.gif') repeat-x bottom;}
.hpBoxCeleb ul.celeb{float:left}	
.hpBoxCeleb li.celeb{width:180px;height:138px;float:left; margin-left:15px; text-align:center;}
.hpBoxCeleb li.celeb img{vertical-align:middle; margin-bottom:5px;}
.hpBoxCeleb li.celeb span{display: inline-block;height:100%;vertical-align:middle}

/*Description Panel*/
.description {float:left; width:780px; font-size:12px; margin-left:5px; padding-bottom:5px; overflow:hidden}
.description a{font-size:12px;font-weight:bold;text-decoration:none;color:black;}
.description a:hover{font-size:12px;font-weight:bold;text-decoration:underline;color:black;}
.description a:visited {color:black}
.description a:visited:hover {color:black}
.description ul { padding:5px; width:99%; margin:5px,0px,5px,0px;}
.description ul li{ font-size:80%;}