/* RESET */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, em, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; white-space: normal} ol, ul { list-style: none; margin: 0px } table { border-collapse: separate; border-spacing: 0; } caption, th, td { font-weight: normal; }




/* CSS Document */

 body {padding: 20px; font-family: Arial; text-align: center}
 
 #wrapper {width: 984px; margin: auto; padding: 0px;}
 #mainpannel {background-color: #cccccc; width: 984px; margin: auto; padding: 2px 2px 2px 2px;}
 #mainbody {background-color: white; width: 980px; margin: auto; padding: 2px 2px 50px 2px}
 #body2 {background-color: #cccccc;}
 
 a {}

 ul
 li.r1 {width: 100%;}
 li.r2 {clear: both; text-align: center; padding: 10px 12px 0px; height: 200px}
 li.r2-1 {display: none}
 li.r3 {width: 100%; display: none}
 li.r3-1 {width: 100%; margin: 0px 0px 10px}
 li.r4 {padding: 20px 0 0 5px; float: left; width: 650px}
 li.r5 {padding: 20px 0px 0px; float: right; width: 320px}
 li.r5-1 {display: none; clear: both}
 li.r6 {float: left; clear: both; text-align: center; padding: 40px 4px 0px; margin: 40px 0px 0px}
 li.r7 {clear: both; padding: 10px 0px 0px 0px;background-color:#FFFFFF;text-align:center}


/* top nav */

 ul.hp-topnav {width: 100%}
 li.logo {float: left; padding: 10px 10px 10px 10px}
 li.search {float: right; padding: 20px 20px 20px 20px}
 li.nav {clear: both; height: 36px;}
 #topnav {width: 100%; border-bottom: #cccccc 2px;}
 #logo {float: left; padding: 10px}
 #search {float: right; padding: 20px}
#nav {clear: both; float: left; width: 100%}
 /*
 ul.navlist {float: left; border-bottom: 2px solid #ccc; width: 100%; height: 20px}
 ul.navlist ul { float: left }
 ul.navlist ul li {float: left; display: block}
 
 li.navitemon {float: left; padding: 0px 10px 0px; font-weight: bold; color: #666666; font-size: 18px; text-transform: lowercase}
 li.navitemon:hover {}
 
 */ 
 
 /* drop down nav */
 a.navlink { text-decoration: none }
 a.navlink:hover { text-decoration: underline }   
 
 ul.navlist    {list-style: none; margin: 0; padding: 0;  }
  ul.navlist li {list-style: none; margin: 0; padding: 0; height:30px; }
  ul.navlist ul {list-style: none; margin: 0; padding: 0; }

 ul.navlist {position: relative; z-index: 597; float: left;border-bottom:2px solid #E2E2E2;
height:25px;
padding:2px 10px 0;
width:950px;}
 
  ul.navlist li {float: left; vertical-align: middle; zoom: 1; padding: 0px 5px; text-decoration: none;}
  ul.navlist li.hover,
  /* ul.navlist li:hover {position: relative; z-index: 599; cursor: default; text-align: left;}  set as drop down */
  ul.navlist li:hover {position: static; z-index: 599; cursor: default;} /* set as vertical down */

  ul.navlist ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%;}
  /* ul.navlist ul li {float: none;} set as drop down */
  ul.navlist ul li {float: left;} /* set as vertical down */
  ul.navlist ul ul {top: 1px; left: 99%;}


 ul.navlist li:hover > ul { visibility: visible;} 
/* #nav {clear: both; float: left}
 ul.navlist {float: left; border-bottom: 2px solid #ccc; width: 100%; height: 20px}
 ul.navlist ul {display: none; float: left }
 ul.navlist ul li {float: left; display: block}
 
 li.navitemon {float: left; padding: 0px 10px 0px; font-weight: bold; color: #666666; font-size: 18px; text-transform: lowercase}
 li.navitemon:hover {}
 
 a.navlink {color:  #666666; text-decoration: none }
 a.navlink:hover {color:  #666666; text-decoration: underline }
 */
/* brands list */

 ul.brandlist {padding: 0px 3px 0px; float: left}
 .branditem {float: left; padding: 0px 2px 0px}
 
 
 /* hot deals list */

 
 ul li.r3-1 ul li {width: 155px; float: left; padding: 5px 20px; text-align: center; min-height: 30px}
 ul li.r3-1 ul li ul li {padding: 0px; min-height: 0px}
 
 ul.hp-hp-hot-deals-item {width: 150px;}
 li.hp-hotdeals-title {text-align: center; clear: both; width: 100%}
 li.hp-hotdeals-price {text-align: center; clear: both; width: 100%}
 .hp-hotdeals-sec-title {margin: 0px 0px 0px 5px; text-align: left; border-bottom: 3px solid #CCC; color: #0397D6; text-transform:lowercase; font-size: 20px; font-weight: normal}
 
 
 
/* categories */

.hp-category-sec-title {text-align: left; border-bottom: 3px solid #CCC; padding: 0px 0px 0px; color: #0397D6; text-transform: lowercase; font-size: 20px; font-weight: normal}


 #categories {clear: both; padding: 0px 10px 0px;}
 .image {float: left; padding-right: 2px; width: 100px; height: 100px}
 .grey {background-color: #cccccc; padding-left: 5px; float: left;min-height: 100px}
 .white {background-color: #ffffff; float: left; padding: 0px 0px 0px 0px;min-height: 100px}
 
 ul.catlist {padding: 0px 0px 0px; clear: both; float: left; width: 100%}
 li.cell { float: left; width: 325px; margin: 25px 0px 0px}
 
 ul.categories {list-style: none; padding: 0px 5px 0px; margin: 0px; width: 195px}
 li.title {font-weight: bold; color: #666666; font-size: 23px; text-align: left; text-transform: lowercase}
 li.item {text-align: left; padding: 2px 5px 0px; color: #0099cc; font-size: 12px; font-weight: normal}
 
 a.hp-cat-title-link {text-decoration: none}
 a.hp-cat-title-link:hover {text-decoration: underline}
 a.hp-cat-link {text-decoration: none}
 a.hp-cat-link:hover {text-decoration: underline}
 
 
/* content */

 ul.media {width: 100%; padding: 0px 10px;}
 li.media0 {float: left; width:312px; display: none}
 li.media1 {width:300px; padding: 0px 0px 0px}
 li.media2 {width:300px; clear: both}
 li.media3 {width:300px; clear: both}
 li.media4 {float: left; width:312px; display: none} 

 li.hp-video-block {clear: both}
 li.hp-video-thumb {float: left; padding: 3px;}
 li.hp-video-title {padding: 0px 10px 0px; font-weight: bold; font-size:14px; text-align: left}
 li.hp-video-desc {white-space: normal; text-align: left; font-size: 12px; padding: 3px 0px}
 li.hp-video-link {}
 
 .btmtitle {padding-left: 15px; font-weight: bold; font-size: 20px; text-align: left; text-transform: lowercase}
 .btmtitle1 {font-weight: bold;  font-size: 20px; text-align: left; text-transform: lowercase; border-bottom: 3px solid #CCC; }
 .btmtitle2 {margin: 0px 0px 10px; font-weight: bold;  font-size: 20px; text-align: left; text-transform: lowercase;  }
 .btmtitle3 {font-weight: bold;  font-size: 20px; text-align: left; text-transform: lowercase; border-bottom: 3px solid #CCC;}
 li.meida3rd {float: left; text-align: center; padding: 0px 1px 0px; width: 324px}
 
 #content {clear: both; text-align: center;}
 li.videotitle {text-align: center; padding: 2px 0px 0px; font-size: 14px; font-weight: normal}
 li.videodescription {text-align: center; padding: 2px 0px 0px; font-size: 13px; font-weight: normal}
 
 ul.hpfeatureitem { clear: both; list-style: none; padding: 3px 0px 0px 0px;}
 li.featurevid {float: left; padding: 1px 1px 1px 1px; margin-right: 4px; background: }
 li.featurevidtitle {padding: 0px 5px 0px; font-weight: bold; font-size:14px; text-align: left}
 li.featureviddesc { width: 300px; white-space: normal; text-align: left; font-size: 12px}
 li.featurevidwatch {float: left; padding-bottom: 10px}
 
 a.watchlink{text-decoration:none; text-decoration:none;  height:15px; width:50px; text-align: center; padding: 3px; width: 50px }
 a.watchlink:hover{ text-decoration:none; text-decoration:none;  height:15px; width:50px; text-align: center; padding: 3px; width: 50px }

 a.newslink {font-size: 12px; text-decoration: none}
 a.newslink:hover {text-decoration: underline}
 
 a.hp-vid-title-link {font-size: 14px; text-decoration: none}
 a.hp-vid-title-link:hover {text-decoration: underline}
 
 .newstitle {padding: 0px 0px 0px; font-weight: bold; font-size:14px; color: #0099cc; text-align: left}
 .newsdesc {font-size: 12px; padding-bottom: 5px}

 .hp-news-block-1 {width: 285px; text-align: left;}
 .hp-news-block ul {list-style: disc; padding: 0px }

/* footer */


ul.footer-section {width: 155px; text-align: left; float: left}
li.footer-section-title { font-size:12px; text-decoration:none; color:#000000; }
li.footer {padding: 2px 0px}

.footer-border-1 {background-color: #fff; width: 100%; padding: 0px}
.footer-border-2 {background-color: white; padding: 12px}

a.footerlink{ font-size:12px;  text-decoration:none; color: #7F7F7F }
a.footerlink:hover{ font-size:12px;  text-decoration: underline; }

a.footerlink2 {text-decoration: none}
a.footerlink2:hover {text-decoration: underline}

.footer-copyright-string-1 {font-size: 11px; color: #000}
.footer-copyright-string-2 {font-size: 12px; color: #ccc}
.footer-copyright-string-3 {font-size: 12px; color: #ccc}

 
 #tower_ad_holder {padding: 0px 15px;}
#south_banner_ad_holder {float:left; padding: 10px 129px;}


/* fly over CSS support */

/* ul.fly-over li {padding: 0px 0px; float: left; list-style: none;}
 ul.fly-over li ul {padding: 0px; visibility: hidden; list-style: none; margin: -100px 0px 0px -55px; float: left; z-index: 999; position: absolute}
 ul.fly-over li:hover ul { visibility: visible; z-index: 990; list-style: none; padding: 25px 4px 2px; height: 117px} 
 ul.fly-over li ul li {float: none; list-style: none; width: 260px; clear: both;  font-size: 12px; padding: 0px; }
 ul.fly-over li ul li:hover {text-decoration: underline}
 
 ul.fly-over li ul li.fly-over-title-bar {font-size: 11px; font-weight: bold; padding: 4px 0px}
 ul.fly-over li ul li.fly-over-title-bar:hover {text-decoration: none} 
 
 .fly-over-title {float: left; padding: 0px 10px 0px 5px; text-align: left}
 .fly-over-title-see-all {padding: 0px 0px; text-align: left}
 .fly-over-two {}
 
 .fly-over-store-name {float: left; min-width: 125px; text-align: left; margin: 4px 0px}
 .fly-over-store-price {float: left; min-width: 100px; text-align: center; margin: 4px 0px}
 .fly-over-store-buy {float: left; min-width: 25px; text-align: right; margin: 4px 0px}
 
 a.flyover {text-decoration: none}
 a.flyover:hover {text-decoration: underline}*/

 /* to be added to brand styles snbr/css/brand_styles.css */
 /*a {color: #0397D6}
 .fly-over-title {color: #000; }
 .fly-over-title-see-all {}
 .fly-over-one a {font-weight: bold; color: #000}
 ul.fly-over li:hover ul {background: transparent url(../../snbr/images/fly-over-bg2.gif); } 
 ul.fly-over li ul li.fly-over-title-bar {background-color: #dcf2fb;}
 ul.fly-over li ul li {color: #0397D6 }*/