body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,img,form,fieldset,legend { margin: 0; padding: 0; border: 0; } body { color: #363636; font: 70%/1.6em Tahoma, Verdana, sans-serif; background: #ec9f29 url(/inc/images/bg_body_guest.jpg) left 134px repeat-x;} body.loggedin { background-image: url(/inc/images/bg_body_loggedin.jpg); background-color: #a4d26f;} a { color: #3faaeb; font-weight: bold; text-decoration: underline; } a:hover { text-decoration: none; } h1 { font: italic bold 2.1em/1.6em Georgia, serif; color: #f1950a; } h2 { font: italic bold 1.6em/1.6em Georgia, serif; color: #f1950a; } legend { font: italic bold 1.6em/1.6em Georgia, serif; color: #f1950a; padding-top: 20px;} label { display: block; } input[type=text], textarea, select, button { font: normal 1em/1em Tahoma, Verdana, sans-serif; display: block; } button { margin-top: 10px; } form { padding: 0 0 20px 0; } form .comment { padding: 0; position: relative; top: -2px; width: 400px; line-height: 1.2em; } form .mandatory { padding: 0 3px 0 0; } fieldset { } label { display: block; font-weight: normal; padding-top: 4px; clear: both; } label span { font-weight: normal; position: relative; top: -3px; left: 5px;} label.list { padding: 0; clear: both;} .zipcode { float: left; width: 100px; padding-right: 20px;} .zipcode #cs-zipcode { width: 80px; } .city { float: left; width: 180px; } .city #cs-city { width: 180px; } input { font: 1em Tahoma, Verdana, Arial, sans-serif; } input[type=text], textarea, select { color: #000; } select { font: 1em Tahoma, Verdana, Arial, sans-serif; background: #fff; border: 1px solid #999; padding: 4px; width: 300px; display: block; } input[type=text] { font: 1em Tahoma, Verdana, Arial, sans-serif; background: #fff; border: 1px solid #999; padding: 4px; width: 300px; display: block; } input[type=hidden] { display: none; } input[type=text]:hover, textarea:hover, select:hover { border-color: #000; } input[type=text]:focus, textarea:focus, select:focus { border-color: #000; } input[type=text].error, textarea.error, select.error { border-color: #f00; } textarea { font: 1em Tahoma, Verdana, Arial, sans-serif; background: url(/inc/images/bg_form_element.gif) top left no-repeat; border: 1px solid #999; padding: 4px; width: 400px; height: 10em; display: block; overflow: auto;} label input { background: 0; padding: 0; margin: 0; border: 0; width: auto; display: inline; } .button-row { padding-top: 10px; } button { font: 1em Tahoma, Verdana, Arial, sans-serif; padding: 2px 5px;} p { padding: 0 0 8px 0; } ul, ol { padding: 0 0 8px 16px; } a.read-more { display: block; font-weight: bold; background: url(/inc/images/misc_a_read_more.gif) left 5px no-repeat; padding-left: 20px;} a.read-more.block { color: #363636; display: inline; font-weight: normal; background: none; padding: 0; text-decoration: none;} a.read-more.block span { color: #3faaeb; display: block; font-weight: bold; background: url(/inc/images/misc_a_read_more.gif) left 5px no-repeat; padding-left: 20px; text-decoration: underline;} a.read-more.block:hover span { text-decoration: none; } div.content { width: 1002px; margin: 0 auto;} .linked { cursor: pointer; } .left { float: left; } .right { float: right; } img.left { display: block; margin: 0 20px 10px 0; } img.right { display: block; margin: 0 0 10px 20px; } .digi-label { font-weight: normal; } .thumbnail { width: 100px; height: 100px; float: left; border: 1px solid #ddd; padding: 2px; margin: 0 10px 10px 0; position: relative; } .thumbnail a.lightbox { width: 100px; height: 100px; position: absolute; } .thumbnail a.full { width: 16px; height: 16px; position: absolute; background: #fff url(/inc/images/picture_save.png) 50% no-repeat; top: 83px; left: 83px; border-top: 1px solid #ddd;border-left: 1px solid #ddd; padding: 2px;} .thumbnail a.full { display: none; } .msg { clear: both; margin-bottom: 10px; padding: 0 10px 0 10px; background: #d4e3f4 url(/backnet/inc/images/icon/information.png) 10px 11px no-repeat; border: 1px solid #3d67ad; } .msg p { padding: 10px 10px 10px 30px; } .msg p strong { display: block; } .msg.error { background-color: #f6cbca; background-image: url(/backnet/inc/images/icon/exclamation.png); border-color: #c90c16; } #document { } #head { background: #3d3d3d url(/inc/images/bg_head.gif) repeat-x; } #head:after { content: "."; clear: both; display: block; position: relative; visibility: hidden; height: 0; } #head .content { width: 982px; } #logo a { width: 300px; height: 134px; display: block; float: left; background: url(/inc/images/logo.gif) no-repeat;} #logo span { display: none; } #accessibility-shortcuts { position: relative; } #accessibility-shortcuts ul { margin: 0; padding: 0; position: absolute; width: 982px;} #accessibility-shortcuts li { float: right; list-style: none; } #accessibility-shortcuts a { font-weight: normal; color: #ccc; text-decoration: none;} #accessibility-shortcuts a:hover { color: #999; } #navigation { } #navigation ul { float: right; height: 1%; margin: 0; padding: 0 20px 0 0;} #navigation ul li { display: block; float: left; list-style: none;} #navigation ul li a { text-decoration: none; line-height: 4em; display: block; min-width: 7em; text-align: center;} #navigation ul li a span { display: block; padding: 134px 10px 0 10px; background: url(/inc/images/misc_navigation_1_inactive.gif) top center no-repeat; color: #fff; font-weight: bold;} #navigation ul li a:hover span { color: #fdd458;} #navigation ul li.active a span { color: #fdd458;} #navigation ul li.active-parent a span { color: #fdd458;} #navigation ul li.active a { background: url(/inc/images/misc_navigation_active.gif) center 134px no-repeat; } #navigation ul li.active-parent a { background: url(/inc/images/misc_navigation_active.gif) center 134px no-repeat; } #navigation ul li.active-parent a span { background-image: url(/inc/images/misc_navigation_1_active.gif); } #navigation ul li.item0 a:hover span { background-image: url(/inc/images/misc_navigation_1_active.gif); } #navigation ul li.active.item0 a span { background-image: url(/inc/images/misc_navigation_1_active.gif); } #navigation ul li.item1 a:hover span { background-image: url(/inc/images/misc_navigation_2_active.gif); } #navigation ul li.item1 a span { background-image: url(/inc/images/misc_navigation_2_inactive.gif); } #navigation ul li.active.item1 a span { background-image: url(/inc/images/misc_navigation_2_active.gif); } #navigation ul li.active-parent.item1 a span { background-image: url(/inc/images/misc_navigation_2_active.gif); } #navigation ul li.item2 a span { background-image: url(/inc/images/misc_navigation_3_inactive.gif); } #navigation ul li.item2 a:hover span { background-image: url(/inc/images/misc_navigation_3_active.gif); } #navigation ul li.active.item2 a span { background-image: url(/inc/images/misc_navigation_3_active.gif); } #navigation ul li.active-parent.item2 a span { background-image: url(/inc/images/misc_navigation_3_active.gif); } #navigation ul li.item3 a span { background-image: url(/inc/images/misc_navigation_4_inactive.gif); } #navigation ul li.item3 a:hover span { background-image: url(/inc/images/misc_navigation_4_active.gif); } #navigation ul li.active.item3 a span { background-image: url(/inc/images/misc_navigation_4_active.gif); } #navigation ul li.active-parent.item3 a span { background-image: url(/inc/images/misc_navigation_4_active.gif); } #navigation ul li.item4 a span { background-image: url(/inc/images/misc_navigation_5_inactive.gif); } #navigation ul li.item4 a:hover span { background-image: url(/inc/images/misc_navigation_5_active.gif); } #navigation ul li.active.item4 a span { background-image: url(/inc/images/misc_navigation_5_active.gif); } #navigation ul li.active-parent.item4 a span { background-image: url(/inc/images/misc_navigation_5_active.gif); } #navigation ul li.item5 a span { background-image: url(/inc/images/misc_navigation_6_inactive.gif); } #navigation ul li.item5 a:hover span { background-image: url(/inc/images/misc_navigation_6_active.gif); } #navigation ul li.active.item5 a span { background-image: url(/inc/images/misc_navigation_6_active.gif); } #navigation ul li.active-parent.item5 a span { background-image: url(/inc/images/misc_navigation_6_active.gif); } #navigation ul li.item6 a span { background-image: url(/inc/images/misc_navigation_7_inactive.gif); } #navigation ul li.item6 a:hover span { background-image: url(/inc/images/misc_navigation_7_active.gif); } #navigation ul li.active.item6 a span { background-image: url(/inc/images/misc_navigation_7_active.gif); } #navigation ul li.active-parent.item6 a span { background-image: url(/inc/images/misc_navigation_7_active.gif); } #navigation-extra { clear: left; padding-left: 20px;} #navigation-extra ul { margin: 0; padding: 0; } #navigation-extra ul li { display: block; float: left; list-style: none;} #navigation-extra ul li a { text-decoration: none; line-height: 4em;} #navigation-extra ul li a { text-decoration: none; } #navigation-extra ul li a:hover span { color: #fdd458; } #navigation-extra ul li a span { display: block; padding: 0 10px 0 10px; color: #fff; font-weight: bold;} #main { width: 1002px; margin: 0 auto; background: url(/inc/images/bg_main.png) no-repeat; min-height: 386px; height: auto !important; height: 386px;} #main .content { background: #fff; width: 922px; padding: 25px 30px 30px 30px; height: 1%; } #main .content:after { content: "."; clear: both; display: block; position: relative; visibility: hidden; height: 0; } #cart { background: #f8f8f8; margin: 0 10px; border-bottom: 4px solid #d9d9d9; height: 1%;} #cart:after { content: "."; clear: both; display: block; position: relative; visibility: hidden; height: 0; } #cart .shop-links { width: 275px; float: left; padding-left: 30px;} #cart .shop-cart { width: 606px; float: right; padding-right: 30px;} #cart ul { margin: 0; padding: 0; } #cart ul li { display: block; float: left; margin: 0; padding: 0; list-style: none;} #cart a { display: block; float: left; padding: 8px 20px 8px 0; color: #333;} #cart .cart a { background: url(/inc/images/icon_cart.gif) center left no-repeat; padding-left: 25px; } #cart .checkout { float: right; } #cart .checkout a { float: right; padding-right: 0;} #cart-form input { width: auto; } .nopcart { border: 0; border-collapse: collapse; width: 100%;} .nopheader,.nopentry { padding: 5px 10px; } .noptotal { padding: 5px 10px 0 10px; } .nopheader { background: #3d3d3d; color: #fff; } #primary-content { width: 606px; float: right; } #product-list {} #product-list .product-item { float: left; width: 300px; height: 160px; border-bottom: 1px solid #cecece; margin-bottom: 20px;} #product-list .product-item:after { content: "."; clear: both; display: block; position: relative; visibility: hidden; height: 0; } #product-list .product-item.even { float: right; } #product-list .product-item .info { float: left; margin: 0 0 0 10px; width: 130px;} #product-list .product-item .info h2 { line-height: 1.2em; } #product-list .product-item .img { } #product-list .product-item .img img:after { content: "."; clear: both; display: block; position: relative; visibility: hidden; height: 0; } #product-list .product-item form label { float: left; font-weight: bold; padding-right: 5px;} #product-list .product-item form input { float: left; width: auto;} #product-list .product-item form button { float: left; margin: 0 0 0 5px;} #product-item { } #product-item p.price { font-size: 1.3em; float: left; } #product-item form label { float: left; font-weight: bold; padding-right: 5px; display: none;} #product-item form input { float: left; margin-left: 20px; width: auto;} #product-item form button { float: left; margin: 0 0 0 5px;} #product-images { height: 1%; } #product-images:after { content: "."; clear: both; display: block; position: relative; visibility: hidden; height: 0; } #product-images a { display: block; float: left; width: 150px; margin: 0 10px 10px 0;} #product-images a img { display: block; float: left; margin-bottom: 10px;} #product-images a#image_1 { width: auto; margin: 0 25px 25px 0;} #top-media { padding-bottom: 20px; } #teaser-list { padding-bottom: 20px; } #teaser-list .teaser-item { width: 290px; float: left; padding-bottom: 20px; height: 1%;} #teaser-list .teaser-item.even { float: right; } #teaser-list .teaser-item.odd { clear: left; } #teaser-list h1 { font-size: 1.6em; } #teaser-list h1 a { color: #f1950a; text-decoration: none; } #teaser-list h1 a:hover { text-decoration: underline; } #teaser-list p a { color: #333; text-decoration: none; font-weight: normal;} #teaser-list p a:hover { text-decoration: underline; } #teaser-list img { float: left; margin: 0 20px 10px 0; display: block; } #secondary-content { width: 275px; float: left; } #secondary-content h1 { color: #363636; } #sub-navigation { padding-bottom: 20px; } #sub-navigation ul { margin: 0; padding: 0; border-bottom: 1px solid #cdcdcd; height: 1%;} #sub-navigation ul:after { content: "."; clear: both; display: block; position: relative; visibility: hidden; height: 0; } #sub-navigation ul ul { border: 0; } #sub-navigation li { border-top: 1px solid #cdcdcd; list-style: none; display: block; clear: both;} #sub-navigation a span { display: block; color: #333; text-decoration: none; font-size: 1.1em; padding: 5px 0 5px 28px; background: url(/inc/images/misc_subnavigation_icon.gif) 10px center no-repeat;} #sub-navigation a { display: block; text-decoration: none;} #sub-navigation a:hover { background-color: #fde49f; } #sub-navigation li.active a { background-color: #fde49f; } #sub-navigation li.active li a { background-color: #fff; } #sub-navigation li.active li a:hover { background-color: #fde49f; } #sub-navigation ul ul a span { color: #333; text-decoration: none; font-size: 1em; background-image: url(/inc/images/misc_subnavigation_sub_icon.gif); padding-left: 25px;} #sub-navigation ul ul a { padding-left: 20px; } #sub-navigation ul ul ul a { padding-left: 40px; } #sub-navigation ul ul ul ul a { padding-left: 60px; } #news-list { padding-bottom: 20px; } #news-list .news-item { clear: both; padding: 10px 0 0 0; } #news-list .news-item img { display: block; float: left; margin: 0 10px 5px 0; } #news-list .news-item h2 { font-size: 1em; font-family: Tahoma, Verdana, Sans-Serif; font-style:normal; color: #333; } #news-list .news-item p { } #news-list .news-item a span { float: left; display: block; } #news-list .news-item a { display: block; } #news-list.archive h2 { font: italic bold 1.6em/1.6em Georgia, serif; color: #f1950a; } #foot { clear: both; width: 1002px; margin: 0 auto; background: url(/inc/images/bg_foot.gif) center bottom no-repeat; padding-bottom: 10px;} #foot .content { width: 942px; border-top: 4px solid #d9d9d9; background: #f8f8f8; padding: 15px 20px 5px 20px;} #links { padding: 10px 0 50px 0; } #links ul { float: right; padding: 0 40px;} #links ul li { float: left; list-style: none; padding-left: 10px; } #links ul li a { color: #5d5a5a; }