html, body, blockquote, p, form, q, dt, dl, dd, div, h1, h2, h3, h4, h5, h6, br, a, img, hr, ul, li, ol
{padding: 0; margin: 0; border: 0; list-style-type: none;}

body {font:.8em Verdana, Arial, Helvetica, sans-serif; background:#E6E6E6 url(../im/bodybg.jpg) repeat-x top; color:#EDEDED;}
a {color:#EB3200;} a:hover {text-decoration:none;}
input, select, textarea {font:1em Verdana, Arial, Helvetica, sans-serif; padding:1px}
table {border-collapse: separate; border-spacing: 0;}
#header h1 span, #super-brands span, #super-brands2 span {display:none}
h1, h2, h3, h4, h5{font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;}

#header {width:100%; height:172px; float:left; overflow:hidden}
#header-content {width:1000px; height:172px; background:url(../im/headerbg.jpg) no-repeat 0 0; margin:0 auto; overflow:hidden; position:relative;}
#header h2 {text-indent:-9999px; width:213px; height:27px; background:url(../im/denyl-zine.jpg) no-repeat 0 0; position:absolute; right:33px; top:29px}
#header h1 {position:absolute; top:87px; left:25px;}
#header h1 a {width:188px; height:28px; display:block; background:url(../im/logo.gif) no-repeat 0 0;} #header h1 a:hover {background-position:0 -28px}
#date-issue {position:absolute; left:57px; top:124px; font-size:0.7em; color:#8F8F8F; font-weight:bold; width:160px}
#date-issue strong {color:#E7E7E7} #date-issue em {display:none}
#date-issue .date {float:left; display:block; padding-top:3px;} #date-issue .issue {float:right; background:url(../im/issuebg.gif) no-repeat 0 6px; padding-left:45px;}
#date-issue .issue strong {font-size:1.8em}

#menu {position:absolute; top:92px; right:0;}
#menu li {float:left; background:url(../im/menu-li-bg.gif) no-repeat 0 1px; padding:0 8px 0 11px}
#menu li a {color:#fff; font-weight:bold; text-transform:uppercase; text-decoration:none; font-size:0.7em; width:52px; display:block; line-height:10px; height:44px;}
#menu li a:hover {color:#FF6600; background:url(../im/menu-hover.gif) no-repeat bottom left}
#menu li.sel a {color:#FF6600;}
#menu li.c9 a {width:94px}
#menu li.c3 a {width:100px}
#menu li.c14 a {width:89px}
#menu li.c6 a {width:74px}

#hot {float:left; width:100%; height:230px; background:#BFBFBF url(../im/hotbg.jpg) no-repeat top center}
#hot-content {width:980px; margin:0 auto; height:230px; }
#hot-banner {float:right; width:190px; height:230px;}

#slider {width:768px; height:230px; float:left; position:relative; background:url(../im/denyl1.gif) no-repeat 5px 0; margin-top:-10px; position:relative; z-index:220}
#slider ul.ui-tabs-nav {position:absolute; top:10px; right:0; width:52px; height:230px; overflow:hidden}
#slider ul.ui-tabs-nav li {height:57px; width:52px; background:#F7F7F7; border-bottom:solid 1px #E6E6E6}
#slider li.ui-tabs-nav-item a {text-decoration:none; color:#949494; display:block; width:52px; height:42px; padding-top:15px; text-align:center; font-size:1.9em}
#slider ul.ui-tabs-nav li.ui-tabs-selected a, #slider ul.ui-tabs-nav li.ui-tabs-selected a:hover {color:#EB3200; background:#E7E7E7}

#slider .ui-tabs-panel{width:700px; height:190px; position:absolute; top:10px; left:0; padding:20px 5px; color:#1C1C1C}
#slider .ui-tabs-panel a.img {float:left; border:solid 4px #fff; padding:1px; width:180px; height:180px; overflow:hidden; margin-right:30px}
#slider .ui-tabs-panel a.img:hover, dl.promoted dd a.img:hover, dl.article-list dd a.img:hover {border:solid 4px #EB3200; background:#fff;}
#slider .ui-tabs-panel h3 {font-size:2.3em; height:75px; overflow:hidden}
#slider .ui-tabs-panel p {height:103px; overflow:hidden}
#slider .ui-tabs-panel p.more {text-align:right; background:url(../im/hot-more-bg.gif) no-repeat 0 4px; float:right; width:480px; font-size:.833em; color:#8C8C8C; height:auto;}
#slider .ui-tabs-panel p.more span {background:url(../im/line1.gif) no-repeat right 4px; padding:0 15px 0 0; margin-right:5px}
#slider .ui-tabs-hide{display:none;}

#main {float:left; width:100%; padding:15px 0 10px 0;}
#main-content {width:980px; margin:0 auto;}
#content {width:773px; float:left;}
#sidebar {float:right; width:190px;}

dl.promoted {float:left; width:773px;}
dl.promoted dd {background:#4E4E4E; width:344px; float:left; border:solid 5px #404040; margin:0 15px 15px 0; padding:10px 15px 10px 10px; position:relative}
dl.promoted dd.second {margin-right:0;}
dl.promoted dd span.denyl {display:block; width:18px; height:66px; background:url(../im/denyl2.gif) no-repeat; position:absolute; right:-17px; top:10px}
dl.promoted dd a.img {float:left; border:solid 4px #fff; padding:1px; margin-right:15px}
dl.promoted dd h4 {font-size:1.4em; height:50px; overflow:hidden}
dl.promoted dd p {font-size:.9em; height:108px; overflow:hidden}
dl.promoted dd p.more {text-align:right; float:right; font-size:.7em; color:#8C8C8C; background:url(../im/line3.gif) no-repeat 0 3px; width:198px; height:auto;}
dl.promoted dd p.more span {background:url(../im/line2.gif) no-repeat right 3px; padding:0 15px 0 0; margin-right:5px}

.new-from-denyl {background:#4E4E4E; float:left; width:160px; margin-bottom:15px; padding:15px;}
.new-from-denyl h4 {text-indent:-9999px; background:url(../im/new-from-denyl.gif) no-repeat 0 0; margin-bottom:10px}
.new-from-denyl dl {background:#404040} .new-from-denyl dd {background:url(../im/line4.gif) no-repeat bottom center; position:relative;}
.new-from-denyl dd a {color:#fff; font-size:.9em; display:block; padding:15px; background:url(../im/b1.gif) no-repeat 0 center; position:relative; margin-left:-7px; padding-left:22px}
.new-from-denyl dd a:hover {margin-left:-9px; padding-left:24px}
.new-from-denyl dd.last {background:none}

#newsletter {background:#4E4E4E; float:left; width:160px; padding:15px;}
#newsletter h4 {text-indent:-9999px; background:url(../im/newsletter.gif) no-repeat 0 0; margin-bottom:10px}
#newsletter p {background:#404040 url(../im/line4.gif) no-repeat bottom center; float:left; width:140px; padding:10px}
#newsletter p input {width:136px; float:left; border:solid 1px #fff} #newsletter p input.error {border:solid 1px #EB3200}
#newsletter p.padding {background-image:none; text-align:center}
#newsletter p label.error {color:#EB3200; font-size:.8em}
#newsletter p.padding input {background:#EB3200; width:110px; border:0; color:#fff; font-weight:bold; cursor:pointer; float:none}

p.navi {background:#4E4E4E; border:solid 5px #404040; float:left; width:743px; padding:5px 10px; margin-bottom:15px; position:relative}
p.navi span.denyl {display:block; width:66px; height:18px; background:url(../im/denyl1.gif) no-repeat; position:absolute; left:10px; top:-15px}
p.navi a {background:url(../im/b2.gif) no-repeat right 8px; padding-right:6px}

.pager {background:#4E4E4E; border:solid 5px #404040; float:left; width:743px; padding:5px 10px; position:relative; text-align:center}
.pager span.denyl {display:block; width:66px; height:18px; background:url(../im/denyl1.gif) no-repeat; position:absolute; left:10px; top:-15px}
.pager a, .pager strong {margin-right:8px;} .pager strong {margin-right:12px}
.pager a {background:url(../im/b2.gif) no-repeat right 8px; padding-right:8px}

#article{background:#4E4E4E; border:solid 5px #404040; float:left; width:743px; padding:5px 10px; position:relative;}
#article h4 {font-size:2em;} #article img {margin-right:10px;}
#article p {margin-top:10px} #article p.article-info {color:#727272; font-size:.9em}
#article span.denyl {display:block; width:18px; height:66px; background:url(../im/denyl2.gif) no-repeat; position:absolute; right:-17px; top:10px}
.fb_share_link { padding:2px 0 0 20px; background:url(../im/fb.gif) no-repeat 0 2px;}

dl.article-list {float:left; width:773px;}
dl.article-list dd {background:#4E4E4E; width:738px; float:left; border:solid 5px #404040; margin-bottom:15px; padding:10px 15px 10px 10px; position:relative}
dl.article-list dd span.denyl {display:block; width:18px; height:66px; background:url(../im/denyl2.gif) no-repeat; position:absolute; right:-17px; top:10px}
dl.article-list dd a.img {float:left; border:solid 4px #fff; padding:1px; margin-right:15px}
dl.article-list dd h4 {font-size:1.4em;; width:592px; float:right;}
dl.article-list dd p {font-size:.9em; margin-top:10px; width:592px; float:right;}
dl.article-list dd p.more {text-align:right; font-size:.7em; color:#8C8C8C; background:url(../im/line6.gif) no-repeat 0 3px;}
dl.article-list dd p.more span {background:url(../im/line2.gif) no-repeat right 3px; padding:0 15px 0 0; margin-right:5px}

#footer {width:100%; height:165px; float:left; background:url(../im/footerbg.gif) repeat-x bottom; overflow:hidden; color:#727272; font-size:.8em}
#footer-content {width:980px; margin:0 auto; height:115px; padding-top:50px; overflow:hidden; background:url(../im/superbrands.jpg) no-repeat right bottom; position:relative}
#footer a {color:#727272}

#copyright {float:left; width:160px; background:url(../im/line5.gif) no-repeat right 10px; padding-right:40px}
#copyright strong {font-size:3em; float:left; padding-right:10px}
#copyright span {float:right; padding-top:10px}
#createdby {float:left; clear:both; font-weight:bold;}

#footer-links {float:left; background:url(../im/line5.gif) no-repeat right 10px; height:50px; padding:0 0 0 40px}
#footer-links li {float:left; background:url(../im/b2.gif) no-repeat 0 20px; padding:14px 40px 0 10px;}

#super-brands {display:block; position:absolute; top:0; right:0; width:150px; height:150px}
#super-brands2 {display:block; position:absolute; top:0; right:155px; width:150px; height:150px}

p.b {padding-top:15px; margin:0; float:left; width:190px;}

/* XMAS */
.xmas { margin-bottom: 15px; width: 773px; height: 406px; background: url('../im/xmas-card.jpg') no-repeat -15px top; overflow: hidden; }
.xmas span { display: none; }