/* ----------------------------------------------------------------------------------------- $Id: stylesheet.css 1262 2005-09-30 10:00:32Z mz $ XT-Commerce - community made shopping http://www.xt-commerce.com Copyright (c) 2004 XT-Commerce ----------------------------------------------------------------------------------------- based on: (c) 2000-2001 The Exchange Project (earlier name of osCommerce) (c) 2002-2003 osCommerce(stylesheet.css,v 1.54 2003/05/27); www.oscommerce.com (c) 2003 nextcommerce (stylesheet.css,v 1.7 2003/08/13); www.nextcommerce.org Released under the GNU General Public License ----------------------------------------------------------------------------------------- Recreation Lounge Template & Stylesheets ----------------------------------------------------------------------------------------- (c) 2009 Peter Höfler eWay - Ihr eBusiness Partner! http://www.eway.at ---------------------------------------------------------------------------------------*/ /* THE BIG GUYS */ * {margin:0;padding:0} body {font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #333;} body {margin:0; padding:0;} body {background: #999999;} body {background-position:center; background-repeat:repeat-y;background-image:url(img/bg/bg.gif);} img, form {border:0px;margin:0px;padding:0px;} p {font-size:10px} /* LINKS GLOBAL */ a,a:link,a:link,a:link,a:hover {background:transparent;text-decoration:underline;cursor:pointer} a:link {color:#333333} a:visited {color:#333333} a:hover,a:active {color:#333333} a img {border:none} /*HEADER*/ #header {position: relative;width: 980px; height:156px;} #header {background-repeat: repeat-x;background-image:url(img/bg/bg.top.gif);} /*HEADER LOGO*/ #header #logo {position:absolute;top:10px;left:18px;} /*HEADER QUICKLINE*/ #header #quickline {position:absolute;top:103px;left:0px; width:980px; height:49px; } #header #quickline .icon-language {display:block;margin:14px 4px 14px 10px;float:left;} #header #quickline .form {display:block;margin:15px 10px 14px 10px;float:right;} #header #quickline .form a {font-size:10px;text-decoration:none;} #header #quickline .input {width:140px;border:1px solid #2e2e2e;} #header #quickline .input-small {width:180px;border:1px solid #2e2e2e;} #header #quickline .submit {width:28px;border:1px solid #ffffff;color:#ffffff;background-color:#2e2e2e;} * html #header #quickline .submit {height:20px;} #header #quickline .url {display:block;margin:16px 10px 15px 10px;line-height:150%;height:49px;float:right;font-weight:bold;} *html #header #quickline .url {margin:16px 5px 15px 10px;} #header #quickline .img-btn {display:block;margin:13px 10px 13px 10px;float:right;} #header #quickline {color:#101010;font-weight:bold;font-size:10px;} #header #quickline a {color:#101010;font-size:12px;} /*HEADER SHOPPING CART*/ #header #shopping-cart {float:right;display:block;width:185px;height:59px;} #header #shopping-cart {background-repeat: no-repeat;background-image:url(img/bg/bg.shoppingcart.gif);} #header #shopping-cart #title {display:block;width:153px;height:19px;overflow:auto;margin-left:10px;margin-top:5px;} #header #shopping-cart #title {color:#ffffff;font-weight:bold;font-size:11px;} #header #shopping-cart #text {display:block;width:153px;height:30px;overflow:auto;margin-left:10px;margin-top:4px;} #header #shopping-cart #text {color:#ffffff;font-size:10px;} #header #shopping-cart #text a {color:#ffffff;font-weight:bold;} #header #shopping-cart #title a {color:#ffffff;font-weight:bold;text-decoration:none;} /*HEADER USER PROFIL*/ #header #user-profil {float:right;display:block;width:124px;height:59px;margin-right:20px;} #header #user-profil {background-repeat: no-repeat;background-image:url(img/bg/bg.profil.gif);} #header #user-profil #title {display:block;width:100px;height:19px;overflow:auto;margin-left:10px;margin-top:5px;} #header #user-profil #title {color:#ffffff;font-weight:bold;font-size:11px;} #header #user-profil #text {display:block;width:100px;height:30px;overflow:auto;margin-left:10px;margin-top:4px;} #header #user-profil #text {color:#ffffff;font-size:10px;} #header #user-profil #text a {color:#ffffff;font-weight:bold;} #header #user-profil #title a {color:#ffffff;font-weight:bold;text-decoration:none;} #feedback a {color:#ffffff;font-weight:bold;text-decoration:none;} /* BREADCRUMB PATH AS LIST */ #breadcrumb {clear:both; color:#434343; padding:0px 0px 0px 15px; list-style-type:none; background-color:#d5d5d5; font-size:11px; margin-top:5px;margin-bottom:15px;} #breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:active {line-height:25px; text-decoration:none; font-weight:normal; cursor:pointer;color:#434343; margin:0; padding:0;} #breadcrumb a:hover {line-height:25px; text-decoration:underline; font-weight:normal; cursor:pointer;color:#434343; margin:0; padding:0;} /*HEADER NAV*/ #navigation-header {position:absolute;top:66px;right:0px;height:30px;} /*NAVIGATION*/ .navigation ul {float:left;padding: 0;margin: 0; background-image:url('img/nav/nav.hor.bg.gif');} .navigation li {display: inline;margin: 0;padding: 0;} .navigation a {color:#4e4c4d;float:left;text-decoration:none;} .navigation a span {display:block;padding:8px 8px 8px 8px;font-weight:800;font-size:12px;} * html .navigation a span {padding:8px 8px 8px 8px;} .navigation a span {font-size:11px;} .navigation a:hover {color:#b62522;} .navigation a:hover span {color:#b62522;} .navigation a.selected {} .navigation a.selected span {color:#b62522;} .navigation .left {display:block; width:5px;height:30px;background-image:url('img/nav/nav.hor.left.gif');float:left;} .navigation .right {display:block; width:5px;height:30px;background-image:url('img/nav/nav.hor.right.gif');float:left;} .navigation .splitter {display:block; width:5px;height:30px;background-image:url('img/nav/nav.hor.splitt.gif');float:left;} /* LEFT COLUMN */ #leftcol {float:left; width:189px; padding:0px 0px 0px 0px;overflow:auto; margin-top:5px;} #leftcol .spacer {width:180px;margin-left:9px;margin-top:0px;} #leftcol .title {display:block;font-size:11px;width:170px;height:19px;padding:0px;padding-left:10px;padding-top:5px;margin-bottom:1px;color:#ffffff;font-weight:bold;background-repeat:no-repeat;} #leftcol #kategorie {background-image:url('img/nav/nav.ver.title.kat.gif');} #leftcol #myic {background-image:url('img/nav/nav.ver.title.myic.gif');} #leftcol #feedback {background-image:url('img/nav/nav.ver.title.feedback.gif');} #leftcol #faq {background-image:url('img/nav/nav.ver.title.faq.gif');} #leftcol .box {background-color:#393939;color:#d7d7d7;padding:10px;padding-right:5px;padding-bottom:20px;margin-bottom:10px;font-size:10px;} #leftcol .box {background-image:url('img/nav/nav.ver.bg.bottom.gif');background-repeat:no-repeat;background-position:bottom;} #leftcol .box a {color:#d7d7d7;font-size:10px;} #leftcol .boxform {background-color:#393939;color:#d7d7d7;padding:0px;padding-right:0px;padding-bottom:10px;margin-bottom:10px;font-size:10px;} #leftcol .boxform {background-image:url('img/nav/nav.ver.bg.bottom.gif');background-repeat:no-repeat;background-position:bottom;} #leftcol .boxform a {color:#d7d7d7;font-size:10px;} #leftcol .boxform a.green {color:#b4e740;font-size:11px;font-weight:bold;} /*HRISTINA*/ .link_cat:link {color:#d7d7d7; text-decoration: none; font-family: Arial; font-size:12px;} .link_cat:visited {color:#d7d7d7; text-decoration: none; font-family: Arial; font-size:12px;} .link_cat:hover {color:#ffffff; text-decoration: none} .link_cat:active {color:#ffffff; text-decoration: none} /*HRISTINA*/ /*HRISTINA*/ .link_cat_selected:link {color:#ba2423; text-decoration: none; font-family: Arial; font-size:12px;} .link_cat_selected:visited {color:#ba2423; text-decoration: none; font-family: Arial; font-size:12px;} .link_cat_selected:hover {color:#ffffff; text-decoration: none} .link_cat_selected:active {color:#ffffff; text-decoration: none} .defaultButton {font-size:9pt; color:white; background-color:#666666; width:75px; height:25px; cursor:pointer;} .link_admin:link {color:#333333; text-decoration: none; font-family: Arial; font-size:12px;} .link_admin:visited {color:#333333; text-decoration: none; font-family: Arial; font-size:12px;} .link_admin:hover {color:#999999; text-decoration: none} .link_admin:active {color:#999999; text-decoration: none} .btn {color:darkred; font: bold 84% 'trebuchet ms',helvetica,sans-serif; font-size:12px; width:75px; cursor:pointer;} .red {color:#CC0000;} /*HRISTINA*/ /* NAVIGATION LEFT */ #leftcol .navbox {background-color:#060606;color:#d7d7d7;padding:0px;padding-bottom:75px;margin-bottom:10px;font-size:10px;} #leftcol .navbox {background-image:url('img/nav/nav.ver.bg.bottom.2.gif');background-repeat:no-repeat;background-position:bottom;} #leftcol .navbox .level1 a {color:#d7d7d7;text-decoration:none;font-size:11px;padding:5px;padding-bottom:7px;padding-left:20px;display:block;background-image:url('img/nav/nav.ver.bg.2.gif');background-repeat:no-repeat;border-bottom:1px solid #959595;background-position:0px -1px;} #leftcol .navbox .level1 a:hover {color:#ffffff;} #leftcol .navbox .level2 a {color:#d7d7d7;text-decoration:none;font-size:10px;padding:2px;padding-bottom:3px;padding-left:20px;display:block;background-color:#494949} #leftcol .navbox .level2 a:hover {color:#ffffff;} #leftcol .navbox .level3 a {color:#d7d7d7;text-decoration:none;font-size:10px;padding:2px;padding-bottom:3px;padding-left:22px;display:block;background-color:#595959} #leftcol .navbox .level3 a:hover {color:#ffffff;} #leftcol .navbox .level4 a {color:#d7d7d7;text-decoration:none;font-size:10px;padding:2px;padding-bottom:3px;padding-left:24px;display:block;background-color:#696969} #leftcol .navbox .level4 a:hover {color:#ffffff;} #leftcol .navbox .level5 a {color:#d7d7d7;text-decoration:none;font-size:10px;padding:2px;padding-bottom:3px;padding-left:26px;display:block;background-color:#797979} #leftcol .navbox .level5 a:hover {color:#ffffff;} #leftcol .navbox li {list-style-type:none;} * html #leftcol .navbox ul {margin:0px;padding:0px;} * html #leftcol .navbox li {margin:0px;padding:0px;} /* MAIN CONTENT */ #content {float:right; width:785px; padding:0px 0px 0px 0px; margin-bottom:15px; } * html #content {float:right; width:785px; padding:0px 0px 0px 0px; margin-bottom:15px;} /*LOGOLINE*/ #logoline {position: relative;margin-top:10px;height:86px; margin-left:1px;} #logoline {background-repeat: no-repeat;background-image:url(img/logo/logoline.jpg);} /*NAV FOOTER*/ #navigation-footer {position: relative;margin-top:28px;height:30px;} #navigation-footer #left {margin-left:7px;float:left;} #navigation-footer #right {margin-right:7px;float:right;} #content ul {margin-left:0px;} #content li {margin-left:20px;} #content .bottom-line {border-style:dotted;border-width:1px 0px 0px 0px;border-color:#605B50;margin-top:15px;} /* body {color:#504F43; font-family:Arial,Verdana,Sans-serif; font-size:13px; margin:0; padding:0; background-image:url(img/bg.gif); background-color:#FFFFFF;} */ /* HEADINGS */ h1 {color:#605B50;font-weight:bold;font-size:16px;margin:20px 0px 15px 0px;padding:0px;padding-bottom:5px;width:auto;border-style:dotted;border-width:0px 0px 1px 0px;border-color:#605B50;} h1.productlisttitle {border:0px;margin:0px;} h1.categorylisttitle {border-style:solid;margin:0px;} h1.productinfo {border:0px;margin:0px;color:#b62522;font-size:14px;} h1.productcross a {border:0px;margin:0px;color:#333333;font-size:11px;text-decoration:none;} h1.productpurchased a {border:0px;margin:0px;color:#333333;font-size:11px;text-decoration:none;} h1.productreversecross a {border:0px;margin:0px;color:#333333;font-size:11px;text-decoration:none;} h1.productreviews a {border:0px;margin:0px;color:#333333;font-size:11px;text-decoration:none;} h2 {color:#605B50; font-weight:bold;font-size:12px;margin:15px 0px 8px 0px;padding:0px;} h2 a {color:#605B50; font-weight:bold;font-size:12px;margin:15px 0px 8px 0px;padding:0px; text-decoration:none;} /* INPUT ELEMENTS GLOBAL (CSS 1 compatible) */ input {font-family:Arial,Verdana,Sans-serif; font-size:12px; padding:2px} textarea {font-family:Arial,Verdana,Sans-serif; font-size:12px; border-width:1px; border-style:solid; border-top-color:#4E4E4F; border-left-color:#4E4E4F; border-bottom-color:#AEAEAE; border-right-color:#AEAEAE} select {font-family:Arial,Verdana,Sans-serif; font-size:12px; border-width:1px; border-style:solid; border-top-color:#4E4E4F; border-left-color:#4E4E4F; border-bottom-color:#AEAEAE; border-right-color:#AEAEAE} /* INPUT ELEMENTS DETAILED (CSS 2 compatible - works only in new browsers (FF 2.0, IE 7...) */ input[type=text], input[type=password] {border-width:1px; border-style:solid; border-top-color:#4E4E4F; border-left-color:#4E4E4F; border-bottom-color:#AEAEAE; border-right-color:#AEAEAE} /* PARAGRAPH GLOBAL */ p {margin:8px 0px 8px 0px} /* FAKE HR DIV CAUSE OF IE TROUBLES */ div.hr {padding:0; margin:0; height:1px; overflow:hidden; line-height:1px; border-width:1px 0px 0px 0px; border-style:solid; border-color:#928B6B;} div.hrlightgrey {padding:0; height:1px; overflow:hidden; margin:0; line-height:0px; background-color:#AEA992} div.hrproductpreview {padding-top:1px; height:0; overflow:hidden; margin:5px 0px 5px 0px; display:inline; height:0px; line-height:0px; display:block; } /* TABLE GLOBAL */ table td {padding:2px;} /* WHOLE SITE WRAPPER */ #container {padding-right:1px; position:relative; width:980px; margin:0 auto; margin-top:0px!important;} * html #container {padding-left:2px} /* TOPMENU AS LIST */ #topmenuwrap {background: url(img/bg_topmenu.gif) repeat-x;} #topmenu {float:left; padding:0; margin:0; list-style-type:none; height:36px; font-size:13px; background: url(img/bg_topmenu.gif) repeat-x;} #topmenu li {height:36px; float:left; padding: 0px 25px 0px 25px; margin:0; background: url("img/bg_topmenu_breakline.gif") no-repeat; background-position:right;} #topmenu a, #topmenu a:link, #topmenu a:visited, #topmenu a:hover, #topmenu a:active {line-height:36px; vertical-align:middle; text-decoration:none; font-weight:bold; cursor:pointer;color:#fff; margin:0; padding:0;} #topmenu a:hover {color:#DEDCCE;} /* LANGUAGE SELECTION IN TOPMENU LIST */ #languages {text-align:right; height:26px; font-size:13px; background: url(img/bg_topmenu.gif) repeat-x; padding: 10px 10px 0px 0px; margin:0;} /* CONTENT WRAPPER */ #contentwrap {clear:both;width:980px;padding:0;} /* RIGHT COLUMN */ #rightcol {float:right; width:200px; padding:0px 0px 15px 0px;} #contentfull {width:890px; padding:0px 30px 0px 30px; margin-bottom:15px;} /* CATEGORY MENU h2.categoryheader {background-image:url(img/category_header.gif); font-size:11px; color:#FFFFFF; padding:5px 0px 5px 8px; margin:0;vertical-align:middle;} h2.categoryheader a {text-decoration:none; color:#fff} ul#categorymenu {background-color:#EDEDED; margin-bottom:15px;} ul#categorymenu li.level1 {list-style-type:none; background-image:url(img/category_listitem_1.gif); background-repeat:no-repeat; background-position:0; background-color:#DCD7C1; padding:3px 0px 4px 30px; border: solid #fff; border-width:1px 0px 0px 0px;} ul#categorymenu li.level1 a {font-size:11px; text-decoration:none; color:#575547; font-weight:normal;} ul#categorymenu li.level2 {list-style-type:none; background-image:url(img/category_listitem_2.gif); background-repeat:no-repeat; background-position:0; background-color:#494949; padding:3px 0px 4px 35px; border: solid #fff; border-width:0px 0px 0px 0px;} ul#categorymenu li.level2 a {font-size: 11px; text-decoration:none; color:#6F6D5C; font-weight:normal;} */ /* TABLE CATEGORY LISTING (SHOW SUBCATEGORIES) */ table.categoryListing {width:100%} table.categoryListing td.categoryLabel{width:100%} table.categoryListing td.categoryLabel{background-color:#d2dce8;} table.categoryListing td.categoryLabel a {color:#504e4f;font-size:11px;text-decoration:none;font-weight:bold;padding:5px 5px 5px 25px;display:block;} table.categoryListing td.categoryImage{padding:0px 15px 0px 0px} table.categoryListing td.categoryImageManu{padding:0px 15px 0px 0px;width:180px;} table.categoryListing td.categoryName{background-color:#d2dce8;} table.categoryListing td.categoryName a {color:#504e4f;font-size:11px;text-decoration:none;font-weight:bold;padding:5px 5px 5px 25px;display:block;} table.categoryListing td.categoryUrl{width:250px;} table.categoryListing td.categoryUrl{background-color:#d2dce8;} table.categoryListing td.categoryUrl a {color:#504e4f;font-size:11px;text-decoration:none;font-weight:bold;padding:5px 5px 5px 25px;display:block;} /* BOXES GLOBAL DEFINITION */ h2.boxheader {background-image:url(img/bg_boxheader.gif);height:25px;font-size:11px; color:#FFFFFF; padding:0px 8px 0px 8px; margin:0; line-height:25px; vertical-align:middle;} h2.boxheader a:link, h2.boxheader a:hover, h2.boxheader a:active, h2.boxheader a:visited {text-decoration:none; color:#ffffff} .boxbody {background-color:#ECE9E2; padding:8px; margin-bottom:15px} .boxbody h3, .boxbody h3 a {font-size:11px} .boxbody h3.center, .boxbody h3.center a {font-size:11px; text-align:center} .boxbody p {color:#504F43; font-size:11px; margin:6px 0px 6px 0px} .boxbody p.center {color:#504F43; font-size:11px; text-align:center; margin:6px 0px 6px 0px} .boxbody td {color:#504F43; font-size:11px; margin:6px 0px 6px 0px} .boxbody .productOldPrice {font-size:11px; color:#FF0000} .boxbody div.hr {margin-top:5px; margin-bottom:5px} .boxbody div.hrlightgrey {margin-top:5px; margin-bottom:5px;} .boxbody a {font-size:11px;} .boxbody .productboximage {border: solid 1px #999999;} .boxbody ul.contentlist {margin-left:5px; margin-right:0; padding:0;} .boxbody ul.contentlist li {margin-left:0px; padding:0; list-style-type:none} /* CART BOX */ h2.boxcartheader {background-image:url(img/cartBoxHeader.gif);height:25px;font-size:11px; color:#FFFFFF; padding:0px 8px 0px 8px; margin:0; line-height:25px; vertical-align:middle;} h2.boxcartheader a {text-decoration:none; color:#fff} .boxcartbody {padding:4px 8px 4px 8px; margin-bottom:15px; background-color:#DCD7C1;} .boxcartbody p {font-size:11px;} /* PRODUCT PREVIEW */ .productPreview {padding:0; margin:0;border-top:1px solid #a4a4a4;} .productPreviewContent {vertical-align:top; width:100%; font-size:10px;margin:0px;padding:0px;} .productPreviewContent h2 {padding: 0; margin:0px 0px 5px 0px; background-color:#e0dedf; padding:6px 6px 6px 10px;margin-top:1px;} .productPreviewContent h2 a, .productPreviewContent h2 a:link, .productPreviewContent h2 a:hover, .productPreviewContent h2 a:visited {font-size:11px; font-weight:bold; color:#010101; text-decoration:none} .productPreviewImage {vertical-align:top; padding:3px 15px 0px 0px;} .productPreviewImage img {border: solid 0px #ABA99E;} .productPreviewContent a.more {color:#666666;font-weight:bold;text-decoration:none;} .productPreviewContent a:hover.more {color:#bb2527;font-weight:bold;text-decoration:underline;} .productPreviewContent .price{color:#bb2524; font-size:13px; font-weight:bold; padding:0; margin:0; margin-top:5px;margin-right:10px;text-align:right;} .productPreviewContent .taxandshippinginfo {font-size:11px; font-weight:normal; color:#aaaaaa; padding:0;padding-top:4px; margin:0; margin-right:10px;text-align:right;} .productPreviewContent .vpe {font-size:11px; font-weight:normal; color:#999999; padding:0; margin:0} .productPreviewContent .shippingtime {font-size:11px; font-weight:normal; color:#494949; } .productPreviewContent .shippingtimegreen {font-size:11px; font-weight:bold; color:#009600; } .productPreviewContent .shippingtimered {font-size:11px; font-weight:bold; color:#b72526; } .productPreviewContent .productOldPrice {color:#a4a4a4; font-size:12px; font-weight:bold; padding:0; margin:0; margin-right:10px;text-align:right;} .productPreviewContent .buybuttonnow {border-top:1px solid #d5d5d5;margin-top:10px;padding-top:10px;} .productPreviewContent .modelnr {color:#000000; font-size:11px; padding:0; margin:0; margin-top:15px;margin-right:10px;text-align:right;} .productPreviewContent .taxandshippinginfo a {font-size:11px; font-weight:normal; color:#aaaaaa;} .productPreviewContent a.btn {color:#000000;font-size:10px;font-weight:bold;text-decoration:none;} .navigation-top {padding:4px 0px;} .navigation-bottom {border-top:1px solid #a4a4a4;border-bottom:1px solid #a4a4a4;padding:4px 0px;} .smallText {font-size:10px;} /* PRODUCT INFO / PRODUCT DETAILS */ #productinfo {margin-left:15px;margin-right:15px;width:442px;} #productinfo td {font-size:10px;} #productinfo .link a {color:#b92525;font-size:10px;margin-bottom:10px;} #productinfowrap {display:table; width:100%} #productinfobox {border-style:solid; border-width:1px; border-color:#000000;} #productinfo .productimage {margin:18px 10px;} .productinfoprice {margin:15px 10px;} p.productinfoproductadded {font-size:11px;} .productoptions {background-color:#E6E2CF; padding:6px; border-style:solid; border-width:1px 0px 0px 0px; border-color:#817958} .addtobasket {margin-top:2px;margin-bottom:4px;background-color:#366496; padding:6px; padding-top:10px; padding-bottom:10px; text-align:right; border-style:solid; border-width:1px; border-color:#000000} .addtobasket .productprice {color:#ffffff;margin:0; padding:0; font-size:16px; font-weight:bold;} .addtobasket .productOldPrice {color:#FF0000;margin:0; padding:0; font-size:12px; font-weight:bold;} .addtobasket .taxandshippinginfo {margin:0; padding:0; font-size:11px; font-weight:normal; color:#dddddd;} .addtobasket .taxandshippinginfo a {margin:0; padding:0; font-size:11px; font-weight:normal; color:#dddddd;} .productinfodetail {font-size:11px; font-weight:bold; padding:3px; background-color:#2e2e2e;color:#ffffff;border:1px solid #171717;} .productinfodetail {background-image:url('img/nav/nav.product.detail.gif');background-position:right;background-repeat:no-repeat;} .productbox {border-left:11px solid #164174;margin-right:6px;} .productbox .title {border:1px solid #c2c2c2;border-bottom:0px;color:#366498;padding:5px;font-weight:bold;font-size:12px;} .productbox .content {border:1px solid #c2c2c2;font-size:10px;} .productbox .title2 {border:1px solid #c2c2c2;color:#366498;padding:5px;font-weight:bold;font-size:12px;} .productbox .content2 {border:1px solid #c2c2c2;border-top:0px;font-size:10px;} .productbox .content .spacer {padding:5px;} .productbox .content2 .spacer {padding:5px;} /* POPUPS PRODUCTINFO */ body.popupproductinfo {padding:15px;background:none; background-color:#fff} /* POPUP print_order.html */ body.popupprintorder {font-family:"Trebuchet MS",Verdana,Arial,Sans-serif; font-size:13px; padding:15px;background:none; background-color:#fff} body.popupprintorder .products tr.header td {font-weight:bold; background-color:#EDEDED;} body.popupprintorder .products .total {text-align:right} body.popupprintorder .products .quantity {vertical-align:top} body.popupprintorder .productname {vertical-align:top} body.popupprintorder .model {vertical-align:top} body.popupprintorder .singleprice {vertical-align:top} body.popupprintorder .totalprice {vertical-align:top} /* HIGHLIGHTBOX (BACKGROUND) */ div.highlightbox {padding: 15px; background-color:#d5d5d5; border: solid #a4a4a4 1px;border-right:0px;} div.highlightbox ul {margin-left:15px; padding:0; display:block; list-style-type:square; line-height:20px} div.highlightbox h1 {color:#605B50; padding:0px 0px 10px 0px; margin:0; border:none; font-size:16px} /* PAYMENT TYPE SELECTION */ table.paymentblock {background-color:#ECE9E2; border-style: solid; border-width:0px 1px 1px 1px; border-color:#928B6B; margin-bottom:15px;} table.paymentblock tr td.header {background-color:#928B6B; padding:2px; padding-left:5px; color:#FFFFFF; font-weight:bold;} /* SHIPPING TYPE SELECTION */ table.shippingblock {background-color:#ECE9E2; border-style: solid; border-width:0px 1px 1px 1px; border-color:#928B6B; margin-bottom:15px;} table.shippingblock tr td.header {background-color:#928B6B; padding:2px; padding-left:5px; color:#FFFFFF; font-weight:bold;} table.shippingblock tr td {vertical-align:top; padding:4px} table.shippingblock tr td.description {width:100%; vertical-align:top; padding-left:6px;} table.shippingblock tr td.radiobutton {vertical-align:top; white-space:nowrap; padding:4px;} table.shippingblock tr td.radiobutton input {margin:0; padding:0;} table.shippingblock tr td.price {vertical-align:top; white-space:nowrap} /* ORDER DETAILS IN ACCOUNT HISTORY */ table.accounthistoryinfoorderdetails tr td {vertical-align:top} table.accounthistoryinfoorderdetails tr.header td {font-weight:bold} /* MESSAGEBOX ON CONTACT SITE */ textarea.message_body {width:130px;} /* DOWNLOAD BOX FOR USER DOWNLOADS */ table.downloadbox {padding: 5px; background-color:#F2F0EB; border: solid #928B6B 1px; margin-bottom:8px;} table.downloadbox tr td.icon{padding-right: 15px;} table.downloadbox tr td.downloadlink{width:100%;} /* TABLE WICH SHOWS GRADUATED PRICES */ table.graduatedprice {font-size:11px; text-align:left; margin-top:5px;} table.graduatedprice tr td.header{font-size:12px; font-weight:bold; text-align:left} /* ORDER DETAILS */ table.orderdetails {font-size:11px; background-color:#FFF2CC; border-style: solid; border-width:0px 1px 1px 1px; border-color:#928B6B;} table.orderdetails tr td {padding:4px} table.orderdetails tr.headerrow td {background-color:#B6AF91; background-image:url(img/orderdetails_header.gif); background-repeat:repeat-x; color:#FFFFFF; font-weight:bold} table.orderdetails tr.headerrow td.left {text-align:left} table.orderdetails tr.headerrow td.center {text-align:center} table.orderdetails tr.headerrow td.right {text-align:right} /* ORDER DETAILS CONTENT ROW 1 */ table.orderdetails tr.contentrow1 td {background-color:#ECE9E2;vertical-align:top} table.orderdetails tr.contentrow1 td.quantity {text-align:center} table.orderdetails tr.contentrow1 td.quantity input {font-size:11px; padding:2px; border:solid #928B6B 1px;} table.orderdetails tr.contentrow1 td.productname {text-align:left} /* ORDER DETAILS CONTENT ROW 2 */ table.orderdetails tr.contentrow2 td {background-color:#F2F0EB;vertical-align:top} table.orderdetails tr.contentrow2 td.quantity {text-align:center} table.orderdetails tr.contentrow2 td.quantity input {font-size:11px; padding:2px; border:solid #928B6B 1px;} table.orderdetails tr.contentrow2 td.productname {text-align:left} /* ORDER DETAILS SINGLE PRICE */ table.orderdetails tr td.singleprice {text-align:right; white-space:nowrap} /* ORDER DETAILS TOTAL PRICE PER ITEM */ table.orderdetails tr td.totalprice {text-align:right; white-space:nowrap} /* ORDER DETAILS DELETE CHECKBOX */ table.orderdetails tr td.delete {text-align:center; white-space:nowrap} /* ORDER DETAILS PRODUCT ATTRIBUTES */ table.orderdetails tr td.productname table.productattributes {margin-top:3px;} table.orderdetails tr td.productname table.productattributes tr td {padding:0px;} table.orderdetails tr td.productname table.productattributes tr td.attribute {padding-right:4px;} table.orderdetails tr td.productname table.productattributes tr td.value {width:100%;} /* ORDER DETAILS SUBTOTAL */ table.orderdetails tr td.subtotal {background-color:#DCD7C1; text-align:right;border-style: solid; border-width:1px 0px 0px 0px; border-color:#928B6B;} /* PRODUCT NAVIGATOR */ div.productnavigator {background-color:#d5d5d5;color:#434343;padding:8px; margin-bottom:10px;font-size:10px;} div.productnavigator a {color:#434343;font-size:10px;} div.productnavigator a:hover {color:#bb2527;} /* REVIEW LIST */ table.reviewlist {background-color:#FFF2CC; border-style: solid; border-width:0px 1px 1px 1px; border-color:#928B6B;} table.reviewlist tr td {padding:4px; white-space:nowrap} table.reviewlist tr.header td {background-color:#928B6B; color:#FFFFFF; font-weight:bold} table.reviewlist tr.contentrow1 td {background-color:#ECE9E2;} table.reviewlist tr.contentrow2 td {background-color:#F2F0EB;} textarea#review {width:100%} /* MEDIA LIST */ table.medialist {background-color:#E6E2CF} table.medialist tr td {padding:6px; white-space:nowrap; vertical-align:top} table.medialist tr.contentrow1 td {background-color:#E6E2CF;} table.medialist tr.contentrow2 td {background-color:#EEEAD9;} /* SITEMAP */ .sitemapwrap {} .sitemapwrap .sitemapleft {background-color:#FFF2CC; border-style: solid; border-width:1px; border-color:#DA9401; display:table; float:left; width:235px; margin-bottom:15px;} .sitemapwrap .sitemapright {background-color:#FFF2CC; border-style: solid; border-width:1px; border-color:#DA9401; display:table; float:right; width:235px; margin-bottom:15px;} .sitemapheader {padding:3px; background-color:#DA9401; color:#FFFFFF; font-weight:bold} .sitemapheader a:link, .sitemapheader a:visited, .sitemapheader a:hover {color:#FFFFFF; text-decoration:none} .sitemapcontent {padding:6px} .sitemapcontent li {list-style-type:none} /* COMMENTS ON CHECKOUT CONFIRMATION SITE */ p.checkoutcomment textarea {width:100%} /* ORDER DETAILS ON CHECKOUT SITE */ table.checkoutconfirmationorderdetails {padding:0; margin:0px 0px 10px 0px; border:none} table.checkoutconfirmationorderdetails tr td.productname {width:100%; font-weight:bold;} table.checkoutconfirmationorderdetails tr td.shippingtime {padding:0px 0px 0px 30px; color:#666666; font-size:11px; font-weight:normal; white-space:nowrap} table.checkoutconfirmationorderdetails tr td.productattributes {padding:0px 0px 0px 30px; color:#666666; font-size:11px; font-weight:normal;} table.checkoutconfirmationorderdetails tr td.productprice {white-space:nowrap; text-align:right} table.checkoutconfirmationorderdetailstotal {padding:0; margin:10px 0px 0px 0px; border:none} table.checkoutconfirmationorderdetailstotal tr td.name {text-align:right} table.checkoutconfirmationorderdetailstotal tr td.value {white-space:nowrap; text-align:right} /* AGB ON CHECKOUT SITE */ p.checkoutagb textarea {width:100%} /* ERROR MESSAGES */ p.errormessage {border: solid #b62424 1px;border-right:0px; padding:15px; background-color:#eeeeee; color:#b62424} /* SUCCESS MESSAGE */ .messageStackSuccess {padding:4px; background-color:#66FF66} /* FOOTER */ #footer {position:relative; margin-top:12px; width:980px; height:40px;} #footer {background-position:center top;background-repeat: no-repeat;background-image:url(img/bg/bg.bottom.gif);} #footer {font-size:10px;color:#393939;} #footer {text-align:center;line-height:200%;} /* XTC COPYRIGHT */ .copyright {margin: 0 auto; width:970px; text-align:center; color:#ffffff; font-size:11px; padding:0px 0px 10px 0px;} .copyright a {color:#ffffff;} .copyright a:hover {color:#ffffff;} #ticker {position: relative;display:block;width:778px;height:450px;background-repeat: no-repeat;background-image:url(img/bg/ticker.bg.jpg)} #ticker-left {position: relative;top:5px;left:5px;display:block;width:512px;height:440px;} #ticker-right {float:right;} #ticker-container {position: relative;display:block;top:5px;right:5px;width:250px;height:440px;} #ticker-right #title {display:block;width:250px;height:54px;background-repeat: no-repeat;background-image:url(images/ticker.right.top.bg.jpg);} #ticker-right #title span {display:block;padding-left:10px;line-height:44px; font-size:15pt;font-weight:100;color:#ffffff;} #ticker-right #btn-go {display:block;width:250px;height:54px;background-repeat: no-repeat;background-image:url(images/btn.ticker.go.jpg);} #ticker-right #btn-go a {display:block;width:250px;height:54px;text-decoration:none;} #ticker-right #btn-go a span {display:block;padding-left:10px;line-height:58px; font-size:12pt;font-weight:bold;color:#ffffff;} #ticker-right .btn-ticker a {display:block;width:250px;height:22px;text-decoration:none; background:none;} #ticker-right #btn-top a:hover {background-repeat: no-repeat;background-image:url(images/btn.ticker.top.hover.jpg);} #ticker-right #btn-bottom a:hover {background-repeat: no-repeat;background-image:url(images/btn.ticker.bottom.hover.jpg);} #ticker-right .btn-ticker a span {display:block;line-height:22px; } #ticker-right #btn-top {background-repeat: no-repeat;background-image:url(images/btn.ticker.top.jpg);} #ticker-right #btn-bottom {background-repeat: no-repeat;background-image:url(images/btn.ticker.bottom.jpg);} #ticker-right #ticker-content {display:block; width:250px; height:288px; overflow:hidden;background-repeat: repeat-y;background-image:url(images/bg.ticker.content.jpg);} #ticker-right #ticker-content-title {width:250px;background-image:url(images/bg.ticker.content.title.gif);background-position: left bottom;} #ticker-right #ticker-content-title div {padding:5px 10px 15px 10px; font-size:10pt;overflow:hidden;} #ticker-right #ticker-content-title div a {text-decoration:none;}