/*
 *	Site: denyl.com
 *	Created: 15 Feb 2010
 *	Modified: 22 Feb 2010, 17:36
 */

body, div, p, a, span, form, fieldset, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, label, img, a img { margin: 0; padding: 0; border: 0; list-style-type: none; }
input { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { font-size: 12px; }

body { font: normal normal normal 12px/normal Verdana, Arial, Tahoma, sans-serif; }
a { color: #f21e30; text-decoration: underline; }
a:hover { text-decoration: none; }

#wrapper-outer { background: url('gfx/backg.gif') repeat-x left top; }
#wrapper-inner { margin: 0 auto; width: 1000px; position:relative;}

#header a span { display: none; }
#top { height: 33px; line-height: 33px; font-size: 10px; }
#top a { color: #000; text-decoration: none; }
#top a:hover { color: #f12e30; }

#home a { text-transform: uppercase; font-weight: bold; }
#mydenyl a { padding: 3px 0 3px 23px; background: url('gfx/mydenyl_icon.gif') no-repeat left center; }

#navi { height: 73px; }
#navi h1 a { display: block; width: 252px; height: 73px; background: url('gfx/logo.gif') no-repeat left top; }
#navi ul { padding-top: 23px; height: 50px; }
#navi ul li { float: left; font-size: 11px; height: 23px; }
#navi ul li.sel a { color: #fff; }
#navi ul li#cart a { margin-top: -3px; width: 138px; height: 34px; background: url('gfx/onlineshop_button.gif') no-repeat left top; }
#navi ul li a { display: block; margin-left: 10px; padding-left: 10px; color: #ccc; text-decoration: none; font-weight: bold; background: url('gfx/navi_bullet.gif') no-repeat left center; }

#body { clear:both; padding: 10px; padding-bottom: 120px; background-color: #fff;}
#body1 { clear:both; padding-top: 10px; background-color: #fff;}

/*
 * CONTENT
 */

#content { width: 670px; overflow: hidden; }
#conent .row { clear: left; }
#content .box h2 { border: 1px solid #a0a0a0; text-transform: uppercase; }
#content .row .left { width: 436px; overflow: hidden; }
#content .row .left .news-holder { height: 120px; background-color: #e6e6e6; overflow: hidden; }
#content .row .left .news-holder h3 { padding: 17px 0 5px 0; color: #f21e30; font-size: 14px; }
#content .row .left .news-holder h3 a { text-decoration: none; }
#content .row .left .news-holder h3 a:hover { text-decoration: underline; }
#content .row .left .news-content { padding-left: 10px; }
#content .row .left .imlink { margin-right: 10px; }
#content .row .left .news-anons { font-size: 11px; }

#content .row .right { padding-left: 10px; width: 222px; overflow: hidden; }
#content .row .right .news-holder { position: relative; }
#content .row .right .news-holder .hover-mask { position: relative; z-index: 100; display: block; width: 221px; height: 213px; text-decoration: none; overflow: hidden; }
#content .row .right .news-holder .hover-mask span.visible { position: absolute; z-index: 101; left: 0; bottom: 0; display: block; padding: 10px; width: 201px; background: url('gfx/denyl_red_mask.png') repeat left top; color: #fff; font-weight: bold; font-family: 'Times New Roman', 'Trebuchet MS', serif; font-size: 14px; }
#content .row .right .news-holder .hover-mask:hover span { display: inline; }
#content .row .right .news-holder .impreview { position: absolute; z-index: 101; top: 5px; left: 5px; display: block; width: 24px; height: 20px; background: url('gfx/image_preview.gif') no-repeat left top; }
#content .news-holder .impreview span { display: none; }
#content .items .item { float: left; padding-right: 4px; }
#content .items .item a { outline: 0; }

/*
 * SIDEBAR
 */

/*
 * Sidebar box
 */

#sidebar { padding-left: 10px; width: 300px; overflow: hidden; }
#sidebar .box { width: 296px; border: 1px solid #eaeaea; }
#sidebar .box h2 { background-color: #000; color: #dad8df; }
#sidebar .box h2 span { color: #f21e30; text-transform: uppercase; }
#sidebar .box .content { padding: 0 10px 10px 10px; }
#sidebar .box .content  .items { clear: left; }
#sidebar .box .content .item { float: left; display: inline; margin-right: 4px; width: 136px; }
#sidebar .box .content .item .image { margin-bottom: 10px; width: 136px; height: 146px; overflow: hidden; }
#sidebar .box .content .item .image a { display: block; border: 1px solid #fff; }
#sidebar .box .content .item .image a:hover { border-color: #ddd; }
#sidebar .box .content .items .last { margin: 0; }
#sidebar .box .items .item h3, #sidebar .items .item h3 a { font-size: 14px; color: #000; text-decoration: none; }
#sidebar .box .items .item h3 a:hover { color: #F21E30; }
#sidebar .box .items .item h4 { font-size: 11px; font-weight: normal; }

#flash-header { width: 670px; height: 280px; overflow: hidden; background: url('gfx/flash_header.jpg') no-repeat 0 0; }

/*
 * FOOTER
 */

#footer { padding: 0 10px; clear: both; }


/*
 * ONLINE-SHOP
 */

#shop { clear: both; color: #000;background-color: #fff; width:100%; float: left;}
#shop a { color: #000; text-decoration: none; }
#shop-sidebar { float:left; padding-left: 10px; width:160px; }
#main { float: left; width:760px; padding: 15px 0 15px 60px;}

#shop .menu { float:left; width:160px; margin-bottom:10px; font-size:12px; }
#shop .menu li { background:url('gfx/shop_menu_dots.gif') repeat-x bottom; padding:3px 0 }
#shop .menu li a { text-decoration: none; }
#shop .menu li a:hover,
#shop .menu li.sel a { text-decoration:none; color: #D70000; }
#shop .menu li.sel a { font-weight:bold; }
#shop .menu li.main { font: 18px Georgia, "Times New Roman", Times, serif; background:url('gfx/shop_menu_b2.gif') no-repeat 0 17px; padding:10px 0 5px 10px; }
#shop .menu li.colors { background: none;}
#shop .menu li.colors a {margin: 0 3px 5px 0; padding: 0; display: block; width: 21px; height: 18px; float: left;background:url('gfx/color.gif') no-repeat 0 0;}
#shop .menu li.colors a span {display:none;}
#shop .menu li.colors a:hover {background-position: 0 -18px;}
#shop .menu li.colors a.sel {background-position: 0 -36px;}

#shop .products-list { float:left; width:760px; }
#shop .products-list dd { float:left; width:190px; height:230px; }
#shop .image-container { width:188px; height:185px; border:solid 1px #fff; color:#fff; text-align:center; line-height:140px; font-size:140px; margin-bottom:10px; overflow:hidden; }
#shop .image-container img { vertical-align: middle; color:#fff; font-size: 11px; color: #000; }
#shop .image-container.hover { border: 1px solid #A8A8A8; }
#shop .products-list a.price { display:block; width:122px; height:20px; background:url('gfx/price-bg.gif') no-repeat 0 0; margin:0 auto; color:#666; padding:4px 0 0 10px; text-decoration: none; }
#shop .products-list a.price:hover { color: #C34200; background-position:0 -24px; }

#category, .subline { clear: both; margin: 0 10px; padding: 0 10px; height: 37px; line-height: 37px; background: url('gfx/shop_cat_backg.gif') repeat-x left; }
#category h2 { float: left; padding-top: 12px; width: 210px; height: 14px; background: url('gfx/shop_logo.gif') no-repeat left bottom; }
#category h2 span { display: none; }
#category h3, .subline h5 { float: left; width: 400px; font-family: Georgia, 'Times New Roman', 'Trebuchet MS', serif; font-size: 18px; color: #a3a3a3; }
#category p { float: left; width: 350px; font-family: Georgia, 'Times New Roman', 'Trebuchet MS', serif; font-size:18px; color: #a3a3a3; overflow: hidden; word-spacing: 10px; text-align: right; }
#category p a { color: #a3a3a3; text-decoration: none; }
#category p a:hover { color: #C34200; }
#category-home { clear: both; margin: 0 10px; padding: 0; border-top: solid 1px #b2b2b2;}
#category-home hr { display: none; }

.subline {margin:0;}
div.similar-products {clear:both; width:100%;margin: 10px 0}


/*
 * Specific
 */

#subscribe { font-size: 11px; }
#subscribe label { width: 46px; line-height: 20px; }
#subscribe input.text { border: 0; width: 220px; }
#subscribe div { padding: 9px 0; }
#subscribe div p { float: left; padding: 5px 0 0 3px; width: 227px; height: 20px; background: url('gfx/form_input_homepage.gif') no-repeat right center; }
#subscribe #dosubscribe { margin-left: 46px; }

#popular ul.list li { padding: 2px 0 2px 12px; }
#popular ul.list li a { font-weight: bold; }
#popular ul.list li a:hover { color: #C34200; }
#popular.fixed { height: 242px; overflow: hidden; }

#nodes { clear: both; padding: 10px 24px 10px 24px; height: 43px; background-color: #000; }
#nodes li { float: left; padding-right: 45px; height: 38px; line-height: 43px; }
#nodes li.last { padding: 0; }
#nodes li.addmargin { margin: 8px 0 0 0; }

#bottom-menu { clear: both; margin-top: 10px; padding: 15px 29px; width: 922px; height: 24px; background-color: #787878; }
#bottom-menu li { float: left; padding-right: 20px; font-weight: bold; font-size: 11px; }
#bottom-menu li.alignright { float: right; line-height: 24px; padding: 0; }
#bottom-menu li a { color: #e4e4e4; text-decoration: none; }

#credits { padding: 10px 0 50px 0; font-size: 10px; }
#credits a { color: #000; text-decoration: none; }
#credits a:hover { text-decoration: underline; }

#shop-search p { float: left; display: inline; margin-right: 3px; padding: 2px 0 0 2px; width: 243px; height: 21px; background: url('gfx/shop_search_input.gif') no-repeat left; }
#shop-search p input { width: 240px; border: 0; }

#big-zoom, #big-image { height: 500px !important; }
#big-zoom { position: relative; z-index: 9999; width: 751px; height: 500px; background-color: #fff; }
#big-zoom embed, #big-zoom object { width: 640px; height: 500px; }
#big-zoom #zoomzoom { width: 640px; }

/*
 * GENERAL
 */

.box { margin-bottom: 10px; padding: 1px; }
.box h2 { margin-bottom: 15px; padding: 3px 5px; font-family: Georgia, 'Times New Roman', 'Trebuchet MS', serif; font-size: 14px; }
.box h3 { font-family: 'Times New Roman', 'Trebuchet MS', serif; }
.box h2 .red { text-transform: uppercase; }
.box .content .more { clear: both; padding: 10px 0 0 0; height: 20px; }
.box .content .more a { float: right; padding: 3px 10px 4px 6px; width: 120px; font-size: 11px; color: #c34200; background: url('gfx/box_more_w.gif') no-repeat right; border: 1px solid #eaeaea; text-decoration: none; }
.box .content .more a:hover { border-color: #C34200; }
.box .news-holder { margin-bottom: 10px; }
.box .content ul.list li { font-family: Georgia, 'Times New Roman', 'Trebuchet MS', serif; }
.box .content ul.list li { padding-left: 10px; background: url('gfx/list-bullet.gif') no-repeat left 7px; }
.box .content ul.list li a { color: #666; }
.box .content ul.list li a:hover { color: #C34200; }

.form div { clear: left; padding: 3px 0; }
.form label { float: left; width: 100px; }

.alignleft { float: left; display: inline; }
.alignright { float: right; display: inline; }
.red { color: #f21e30; }
.addmargin { margin-bottom: 10px; }
.hidden { display: none; }

#product-pn-show { display: block; right:52px; top:177px;position: absolute; }
#pps-inner { display: block; width: 150px; background:url('gfx/op.gif') no-repeat 0 0; width: 142px; height: 150px; }
#smltb { display: block; padding: 10px 0 0 2px; width: 138px; height: 132px; overflow: hidden; }

/* old css  ------------------------------------------------------------------ */

#product-images {float:left; width:450px;}
#product-info {float:right; width:290px;}
#big-image {float:left; width:450px; height:450px; line-height:360px; font-size:360px; overflow:hidden; border:solid 1px #A9A9A9; color:#fff;font-size: 12px;}
#big-image img {vertical-align:middle; color:#fff;}

p.moreextra {clear: left;width:450px;padding: 10px 0 10px 0; height: 30px; }
p.moreextra a.iframe {text-decoration: none; font-size:10px; margin: 0 5px 1px 0;}
a.iframe span {padding: 3px 0 3px 22px;color: #e20e0e;}
span.zoom {background:url('gfx/zoom.gif') no-repeat 0 0;}
span.close {background:url('gfx/close.gif') no-repeat 0 0;}
span.morephotos {background:url('gfx/morephotos.gif') no-repeat 0 0;}
span.video {background:url('gfx/video.gif') no-repeat 0 0;}

#product-info dl {font-size:1.1em; float:left; width:100%;}
#product-info dt {font:1.5em Georgia, "Times New Roman", Times, serif; line-height:1.2em}
#product-info dt, #product-info dd {padding-bottom:10px; float:left; width:100%;}
span.line {text-decoration:line-through}
dd.discount {color:#d70000; font-weight:bold}

#product-info select {width:250px;}

#product-tabs-nav { float:left; width:100%; text-transform:uppercase}
#product-tabs-nav li {float:left; padding:0 4px 0 0}
#product-tabs-nav li a {padding: 4px 10px; background: #C6C6C6; display:block; font-size: 10px; text-decoration: none;}
#product-tabs-nav li a.selected, #product-tabs-nav li a:hover { background: #A9A9A9;}
#product-tabs-nav li a:focus { outline: 0;}
#product-tabs {float:left; width:100%; clear:both; margin-bottom:10px}
#product-tabs div { padding: 10px 5px; clear:both; width:275px; border: 1px solid #A9A9A9;}

#product-actions {float:left; width:100%} #product-actions li {float:left; padding-right:10px}
#product-actions a {display:block; float:left; width:108px; height:32px; background:url('gfx/product-actions.jpg') no-repeat 0 0; text-indent:34px; line-height:26px; font-weight:bold;}
#product-actions a:hover {text-decoration:none; background-position:0 -32px}

#action-facebook a{background-position:0 -64px} #action-facebook a:hover {background-position:0 -96px}

h4.warning {font-size:1.6em; font-weight:normal; color:#D70000; margin-bottom:10px;}

dl.form {float:left; width:100%;}
dl.form dd {float:left; width:100%; clear:both; padding:5px 0;}
dl.form label {display:block; float:left; width:120px; text-align:right; padding:1px 10px 0 0; font-size:1.1em}
dl.form label.error {color:#d70000; font-size:.8em; text-align:left; padding:3px 0 0 130px; white-space:nowrap; clear:both}
dl.form dd.submit, dl.form dd.checkbox {padding-left:130px; width:auto;}
dl.form dd input.text, dl.form dd input.submit, dl.form dd select, dl.form textarea {float:left; width:180px; border:solid 1px #666; font-size:1.1em}
dl.form textarea {width:360px; height:100px;}
dl.form dd.submit input, .checkout {border:0; color:#fff; font-weight:bold; cursor:pointer; background:#D70000}
dl.form dd.checkbox input {float:left;} dl.form dd.checkbox label {width:auto; white-space:nowrap}

/* CART CHECKOUT */

.checkout { margin-top: 5px; padding: 2px 5px; }

.left-form {float:left; width:370px;} .right-form {float:right; width:370px;}

h3.title {color:#D70000; font-size:2em; font-weight:normal; margin-bottom:10px}

p.actions {margin-bottom:15px; font-size:1.2em; float:left; width:100%;}
p.actions a {display:block; float:left; margin-right:15px; color:#fff; font-weight:bold; padding:3px 8px; background:#666;}
p.actions a:hover {text-decoration:none; background:#D70000}

.cart {float:left; clear:both; width:100%; font-size:1.2em}
.cart td, .cart th {padding:5px; text-align:right; vertical-align:top} .cart th {border-bottom:solid 1px #EF9999; background:#FFEFEF} .cart td {border-bottom:solid 1px #FFEFEF}
.cart .product {text-align:left}
.cart a.img {float:left; margin-right:10px;}
.cart .total td {background:#EF9999; font-weight:bold;}

#order .order-row a { text-decoration: underline; }
#order .order-row a:hover { text-decoration: none; }

#order .order-row { position: relative; height: 25px; }
#order .order-row input { position: absolute; top: 0; left: 0; }
#order .order-row label { float: left; padding: 0 0 0 20px; }
#order .order-row label.error { position: absolute; clear: both; top: 20px; left: 0; }

.order-ok { padding-left: 20px; }
.order-ok a { color: #D70000; }

.textcontent {font-size:1.1em} .textcontent p, .textcontent ul {margin-bottom:10px}
.textcontent li {background:url(../im/b2.gif) no-repeat 0 4px; padding-left:10px}

#letter {margin: 5px 0 10px 0; clear:both; width:100%; float: left;}
#letter a, #letter span {display: block; float: left; margin: 0 4px 0 0; padding: 2px 4px; border:solid 1px #E4E4E4;}
#letter span {color: #A8A8A8;}
#letter a:hover {border:solid 1px #A8A8A8;}

.visits {float: left; margin: 0; padding:10px 0; color:#999999;}

#video div {margin: 10px 0;}
#videoteaser {margin: 0 0 10px 0;}