/* $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $ osCommerce, Open Source E-Commerce Solutions http://www.oscommerce.com Copyright (c) 2003 osCommerce Released under the GNU General Public License */ .boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; } .errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; } .stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; } .productsNotifications { background: #9A9FAB; } .orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #68C5F8; text-decoration: underline; } BODY {background: #cccccc; color: #000000; margin: 0px;} .infoBox {background: #000000;} .infoBoxContents {font-family: Verdana, Arial, sans-serif; font-size: 10px;} /* A {color: #1e252e; text-decoration: none;}A:hover { color: #1e252e; text-decoration: underline;} */ FORM {display: inline;} TR.header {background: #ffffff;} TR.headerNavigation {background: #1e252e;} TD.headerNavigation {font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #1e252e; color: #ffffff; font-weight : bold;} A.headerNavigation {color: #c0ccdf; text-decoration: none;}A.headerNavigation:hover { color: #c0ccdf;text-decoration: underline;} TR.headerError {background: #ff0000;} TD.headerError {font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; background: #ff0000; color: #ffffff; font-weight : bold; text-align : center;} TR.headerInfo {background: #00ff00;} TD.headerInfo {font-family: Tahoma, Verdana, Arial, sans-serif;font-size: 12px;background: #00ff00;color: #ffffff;font-weight: bold;text-align: center;} /* TR.footer {background: #1e252e;}TD.footer { font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #1e252e; color: #ffffff; font-weight: bold;}*/ .infoBoxNotice {background: #FF8E90;} .infoBoxNoticeContents {background: #FFE6E6;font-family: Verdana, Arial, sans-serif; font-size: 10px;} TD.infoBoxHeading {font-family: Verdana, Arial, sans-serif;font-size: 10px;font-weight: bold;background: #1e252e;color: #ffffff;} TD.infoBox, SPAN.infoBox {font-family: Verdana, Arial, sans-serif; font-size: 10px;} TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {} TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {} TABLE.productListing {} .productListing-heading, .subtotal {font-family: Verdana, Arial, sans-serif;font-size: 12px;font-weight: bold; color:#68c5f9} TD.productListing-data {font-family: Verdana, Arial, sans-serif;font-size: 12px;color:#68c5f9} TD.productListing-data a {color:black; text-decoration:none} TD.pageHeading, DIV.pageHeading, h1 { font-size: 12px; color: #c0ccdf; } TD.pageHeading h1 { font-size: 12px; color: #c0ccdf; text-transform:uppercase; padding: 11px 0 11px 10px; margin: 2px 0 0 10px; background:#1e252e url(images/cont_h1.gif) right 50% no-repeat; height:25px; } html>/**/body TD.pageHeading h1 {padding: 10px 0 0 10px;} TR.subBar {background: #f4f7fd;} TD.subBar {font-family: Verdana, Arial, sans-serif;font-size: 10px;color: #000000;} /* ------------------------------------------------- -------------------------------------------------------- */ /* ------------------------------------------------- -------------------------------------------------------- */ TD.main, P.main {font-family: Verdana, Arial, sans-serif;font-size: 11px;line-height: 1.5;} TD.smallText, SPAN.smallText, P.smallText {font-family: Verdana, Arial, sans-serif;font-size: 10px;} TD.accountCategory {font-family: Verdana, Arial, sans-serif;font-size: 13px;color: #aabbdd;} TD.tableHeading {font-family: Verdana, Arial, sans-serif;font-size: 12px;font-weight: bold;} CHECKBOX, INPUT, RADIO, SELECT {font-family: Verdana, Arial, sans-serif;font-size: 11px;} TEXTAREA {width: 100%;font-family: Verdana, Arial, sans-serif;font-size: 11px;} SPAN.greetUser {font-family: Verdana, Arial, sans-serif;font-size: 12px;color: #f0a480;font-weight: bold;} TABLE.formArea {background: #f1f9fe;border-color: #7b9ebd;border-style: solid;border-width: 1px;} TD.formAreaTitle {font-family: Tahoma, Verdana, Arial, sans-serif;font-size: 12px;font-weight: bold;} SPAN.markProductOutOfStock {font-family: Tahoma, Verdana, Arial, sans-serif;font-size: 12px;color: #c76170;font-weight: bold;} SPAN.errorText {font-family: Verdana, Arial, sans-serif;color: #ff0000;} .moduleRow { } .moduleRowOver {background-color: #9A9FAB; cursor: pointer; cursor: hand; } .moduleRowSelected {background-color: #9A9FAB; } .checkoutBarFrom, .checkoutBarTo {font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; } .checkoutBarCurrent {font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; } /* message box */ .messageBox {font-family: Verdana, Arial, sans-serif; font-size: 10px; } .messageStackError, .messageStackWarning {font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; } .messageStackSuccess {font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; } #myse select {width:90%;} /* input requirement */ .product .inputRequirement, .inputRequirement {font-family: Verdana, Arial, sans-serif; font-size: 10px; color:#FF0000; } /* ------------------------------------------------- -------------------------------------------------------- */ .main a { color:#000000; font-weight: bold; } .main a:hover {color:#68C5F8; text-decoration:none;} .vam {vertical-align:middle;} /* ------------------------------------------------- -------------------------------------------------------- */ body {padding:0; margin:0; background:#253244 url(images/bg1.gif) repeat-x top;} body, td, input, textarea{ font-size:11px; font-family:Tahoma; color:#161c23; line-height:13px; vertical-align:top; padding:0px; } img {border:0px;} table {width:100%;} td.pageHeading{ background-repeat:no-repeat} .vam { vertical-align:middle} .bg{background-image:url(images/bg.gif)} .bg1{background:url(images/bg1.gif) repeat-x top;} .bg2{background:url(images/bg2.gif) repeat-x bottom } .bg3{ background-image:url(images/1_li1.gif)} .bg4{ background-image:url(images/1_li2.gif)} .bg5{ background-image:url(images/1_li3.gif)} .bg6{ background-image:url(images/1_li4.gif)} .header td {color:#5A5F6A; vertical-align:middle} .header span {color:#FFFFFF; font-size:10px;} .header b {color:#ffffff;} .header a {color:#2E7CCB; text-decoration:none; font-size:11px} .header a:hover {color:#2E7CCB;text-decoration:underline} .header strong a {color:#C9CBBD; text-decoration:underline; font-size:11px} .header strong a:hover {color:#C9CBBD;text-decoration:none} .input{ width:99px; height:18px; color:#3F4143; font-size:10px; font-family:tahoma; } #input1{ width:37px; height:18px; color:#3F4143; font-size:10px; font-family:tahoma; } #input2{ width:37px; height:18px; color:#3F4143; font-size:10px; font-family:tahoma; } .jamp{ width:78px; height:20px; color:#464646; font-size:10px; padding-left:4px; font-family:Tahoma;} .jamp1{ width:152px; height:18px; color:#BFBFBF; font-size:10px; padding-left:2px; font-family:Tahoma; background:#35363B; border:solid 1px #616161;} .jamp2{ width:58px; height:18px; color:#464646; font-size:10px; padding-left:2px; font-family:Tahoma;} .jamp3{ width:88px; height:18px; color:#464646; font-size:10px; padding-left:2px; font-family:Tahoma;} .pos1 img{margin-bottom:5px; vertical-align:middle;} .link1 a{color:#999999; text-decoration:none;} .link1 a:hover{color:#999999; text-decoration:underline;} /*---------------------- footer -------------------------------------------- */ .popup td {color:#161C23; font-size:10px; text-decoration:none;} .popup a {color:#68C5F9; font-size:11px; text-decoration:none;} .popup a:hover {color:#68C5F9; text-decoration:underline;} .popup b {text-transform:uppercase; font-weight:bold; color:#C0CCDF; font-size:12px} .popup strong {text-transform:uppercase; font-weight:bold; color:#68C5F9; font-size:12px} .footer { } .footer td {color:#77797D; font-size:11px;} #footer_bar a {color:#77797d; font-size:11px; text-decoration:none;} #footer_bar footer a:hover {color:#77797D;text-decoration:underline;} .footer span {color:#77797D; font-size:11px;} .footer b, .footer b a {color:#4A5C74; font-size:11px; font-weight:bold; text-decoration:none;} .footer b a:hover {color:#4A5C74; text-decoration:underline;} /* ------------------------------------------------- -------------------------------------------------------- */ /* ------------------------------------------------- -------------------------------------------------------- */ .box_body td { color:#5A5F6A} .box_body ul {padding:0; margin:0 0 0 6px; list-style:none; } .box_body .bg_list { background:url(images/bg_list1.gif) left top no-repeat;} .box_body .bg_list a { background-position:0 5px; color:#8FACCA; text-decoration:none; padding-left:15px; margin-left:21px; line-height:24px; background-image: none; background-repeat: no-repeat; } .box_body .bg_list a:hover {color:#68C5F9;text-decoration:none; } .box_body .bg_list_un {} .box_body .bg_list_un a {background-position:0 5px; color:#8FACCA; text-decoration:none; padding-left:15px; margin-left:21px; line-height:24px;} .box_body .bg_list_un a:hover {color:#68C5F9;text-decoration:none;} .box_body .bg_list_sub {} .box_body .bg_list_sub a { background-position:0 5px; color:#8FACCA; text-decoration:none; padding-left:15px; margin-left:10px;line-height:24px;} .box_body .bg_list_sub a:hover {color:#68C5F9; text-decoration:none;} /* ------------------------------------------------- -------------------------------------------------------- */ .box_heading_td {color:#5A5F6A; background:#1E252E;padding-left:22px;} .box_body_table, .box_body_table_2 { background:#1E252E;} .box_body_table .box_body_td { padding:8px 13px 8px 13px;} .box_body_table_2 .box_body_td_2{ padding:8px 6px 8px 6px;} .box_body_table_3 .box_body_td_3{ padding:8px 6px 8px 6px;background: url(images/li5.gif)} .product a {color:#161C23; font-size:11px; text-decoration:none; font-weight:bold} .product a:hover {color:#161C23;text-decoration:underline;} .product div a, .smallText a.blue_light{color:#68C5F9; font-size:11px; font-weight:normal;text-decoration:underline; text-transform:none;display:block; text-align:left} .product div a:hover, .smallText a.blue_light:hover {color:#68C5F9;text-decoration:none;} span.descr {line-height:normal; display:block;margin-top:10px; width:350px;} span.price {display:block;margin-top:10px;} .product span a {color:#161C23; font-size:11px; text-decoration:none; font-weight:bold; text-decoration:none;} .product span a:hover {color:#161C23; font-size:11px; text-decoration:none; font-weight:bold; text-decoration:underline;} .product td {color:#161C23; font-size:11px; font-weight:normal;} .pic {border: 1px solid #000000;} .table_pic_width {width:1px;} /* ------------------------------------------------- -------------------------------------------------------- */ .cont_heading_table .cont_heading_td {height:35px; vertical-align:middle;background-color:#1E252E; text-transform:uppercase; font-weight:bold; color:#C0CCDF; font-size:12px; vertical-align:middle} .cont_heading_table .cont_heading_td a { font-weight:bold; color:#C0CCDF; font-size:12px; text-decoration:none; vertical-align:middle;} .cont_heading_table .cont_heading_td a:hover { font-weight:bold; color:#C0CCDF; font-size:12px; text-decoration:underline;} /* ------------------------------------------------- -------------------------------------------------------- */ /* ------------------------------------------------- -------------------------------------------------------- */ .result {margin:0px 0px 0px 0px;} .result td {width:50%; vertical-align:middle; padding:15px 10px 15px 10px;} .result_right {text-align:right;} .result td {color:#161C23; font-size:11px;} .result b {color:#161C23; font-weight:normal;} .result_right b {color:#68C5F9; font-size:11px; font-weight:bold;} .result_right a.pageResults {color:#68C5F9; font-size:11px;text-decoration:underline; } .result_right a.pageResults:hover {color:#68C5F9; text-decoration:none; } .result_right a.pageResults u {color:#68C5F9; font-size:11px; text-decoration:underline;} .result_right a.pageResults u:hover {color:#68C5F9; text-decoration:none;} /* ------------------------------------------------- -------------------------------------------------------- */ /* ------------------------------------------------- -------------------------------------------------------- */ .box_body span {color:#ffffff; font-size:11px; font-weight:normal; font-family:Tahoma} /* box_body name prod */ .box_body span a {color:#ffffff; font-size:11px; text-decoration:none; font-weight:bold; text-transform:uppercase} .box_body span a:hover {color:#ffffff;text-decoration:underline;} /* box_body name prod */ .box_body a {color:#ffffff; font-family:Tahoma; font-size:11px; text-decoration:none;} .box_body a:hover {color:#ffffff; text-decoration:underline} .box_body em a {color:#5A8B10; font-family:Tahoma; font-size:11px; font-weight:bold; text-decoration:underline; font-style:normal;} /* ------------------------------------------------- -------------------------------------------------------- */ .cont_header_txt em {color:#E50029; font-size:14px; font-weight:bold; font-style:normal;vertical-align:middle;text-decoration:none;} .product em {color:#161C23; font-size:11px; text-decoration:none; font-weight:bold; text-decoration:none; font-style:normal;} .title_info {width:270px;} .title_info td {vertical-align:middle; height:38px;} .prod_info {width:100px; float:left; margin-right:15px;} .prod_info td {text-align:center;} /* ------------------------------------------------- -------------------------------------------------------- */ .product .shop_cart {height:48px;text-align:center; vertical-align:middle; color:#68C5F9; font-size:12px; text-decoration:none; font-weight:bold;} /* heading */ .remove {width:15%;} .products {width:50%;} .quantity {width:15%;} .total {width:20%;} /* heading */ .bg_line_x {background:url(images/bg_line_x.gif) left center repeat-x;} .bg_line_y {background:url(images/bg_line_y.gif) center top repeat-y;} .cart_line_x {background:url(images/line.gif) left top no-repeat;} .cart_total_left {width:80%; text-align:right; vertical-align:middle;height:38px;} .cart_total_right {width:20%; text-align:center;vertical-align:middle;} .cart_total_left strong { color:#68C5F9; font-size:12px;} /* ------------------------------------------------- -------------------------------------------------------- */ SPAN.newItemInCart {font-family: Verdana, Arial, sans-serif;font-size:10px;color: #fb0707;} .box_body a SPAN.newItemInCart {font-family: Verdana, Arial, sans-serif;font-size:10px;color: #fb0707; text-decoration:underline;} /* ------------------------------------------------- -------------------------------------------------------- */ /* ------------------------------------------------- -------------------------------------------------------- */ .smallText a {color:#1e252e; font-size:11px; text-decoration:none;} /* advanced_search.php */ .smallText a:hover {color:#1e252e; font-size:11px; text-decoration:underline;} .smallText a u {color:#1e252e; font-size:11px; text-decoration:none;} .smallText a:hover u {color:#1e252e; font-size:11px; text-decoration:underline;} TD.fieldKey {font-family: Verdana, Arial, sans-serif;font-size: 12px;font-weight: bold;} TD.fieldValue {font-family: Verdana, Arial, sans-serif;font-size: 12px;} .main a b {color:#5D5F60;font-size: 10px; text-decoration:underline;} .main a:hover b {color:#5D5F60;font-size: 10px; text-decoration:none;} /* ------------------------------------------------- -------------------------------------------------------- */ span.txt_1 {font-size:10px; text-transform:none; color:#000000;} SPAN.productSpecialPrice, .product SPAN.productSpecialPrice {color:#68C5F9; font-size:14px; font-weight:bold; font-weight:bold;} .box_body SPAN.productSpecialPrice {color:#68C5F9; font-size:14px; font-weight:bold; font-weight:bold;} .box_body del {color:#888888; font-size:11px; font-weight:bold;} .product s {color:#808080;font-size:11px;font-weight:normal;} /* ------------------------------------------------- -------------------------------------------------------- */ /* ------------------------------------------------- -------------------------------------------------------- */ .bg_input input {background:none;} /* ------------------------------------------------- -------------------------------------------------------- */ /* ------------------------------------------------- -------------------------------------------------------- */ .padd_1 {padding:0px 10px 0px 10px;} .padd_22 {padding:8px;} td.padd2 {padding:8px; padding-left:4px;} .line_h {line-height:16px;} /* ------------------------------------------------- -------------------------------------------------------- */ .product div {padding:8px 0px 5px 0px;} div.padd3 {text-align:left; padding-top:0px; margin-left:0px; margin-right:0px;} .padd33 img, .padd33 input {margin:1px;} /* ------------------------------------------------- -------------------------------------------------------- */ #col-left{float:left; width:160px; margin:0 30px 0 0; padding:0 0 0 15px } #col-main{float:left; width:704px;} html>/**/body #col-main {/* non ie hack */ width:723px;} .box_width_left { float:left; width:175px; padding-right:15px} .box_width_right { float:left;width:18px;} .box_width_cont { width:100%;} .col_left {} .col_center { float:left;width:482px; margin-left:25px} .col_right { width:10px;} /* ------------------------------------------------- -------------------------------------------------------- */ .heading_top_1 {margin-top:0px;} .heading_top_1 .padd_11 {padding:10px 0px 9px 0px;} .heading_top_2 {margin-top:0px;} .heading_top_2 .padd_22 {padding:0px 20px 0px 20px;} .heading_top_3 {margin-top:4px;} .heading_top_3 .padd_33 {padding:0px 0px 0px 0px;} .heading_top_4 {margin-top:0px; background:#ffffff;} .heading_top_4 .padd_44 {padding:8px 10px 9px 18px} .tableBox_output {margin-top:4px;} .tableBox_shopping_cart {margin-top:0px;} .tep_draw_separate {height:11px;} .tep_draw_prod_top {padding:0px 0px 9px 0px;} .tep_draw_box_prod {} /* */ /* pageWrapper div for centering and fixing width settings! 2005/08/08 */ div#pageWrapper { position: fixed; /* sets margin from top of browser page to start of web page */ width: 950px; /* set total pagewidth or set at 100% */ } html>/**/body div#pageWrapper {width: 950px;} table#mainLayoutLT { margin: 0px auto; width: 950px; background-color: #4A5C74; } /* total width of the sub-table containing the info boxes */ td.columnLT { width: 2px; padding: 0; } /* total width of the info boxes */ table.infoBoxLT td.infoBoxHeadingLT, table.infoBoxLT td.boxTextLT { width: 210px; border-top-width: thin; border-right-width: thin; border-bottom-width: thin; border-left-width: thin; border-top-color: #CCCCCC; border-right-color: #CCCCCC; border-bottom-color: #CCCCCC; border-left-color: #CCCCCC; } /* relative width of the info box table and sub tables */ table.infoBoxLT td table { width: 100%; } .infoBox { background:#4a5c74; border:1px solid #1e252e; padding:5px; } .infoBoxContents {font-family: Verdana, Arial, sans-serif; font-size: 10px;} /* class called infoboxContents in standard osCommerce */ td#contentLT { } /* just sets the margins for info boxes */ .infoBoxLT { margin: 5px; } /* sets the padding for class called infoboxContents in standard osCommerce */ td#contentLT { padding: 10px 12px; } /* padding for the infoBox headings */ td.infoBoxHeadingLT, .infoBoxHeading { padding:9px 10px 9px 10px; vertical-align:middle;} td.boxTextLT { padding: 6px 5px; } div#imageNavLT{ margin: 12px 7px 0 0; float: right; } .navRightLT { float: right; } .boxTextLT select { width: 90%; } td#navBarTopLT div, td#navBarBottomLT div { margin: 1px 5px; height: 17px; } .logoLT { text-align: center; } .navLeftLT { float: left; } .footerLT { text-align: center; } .footerLT div { margin: 5px auto; } .infoBoxHeadingLT div { float: left; } #languagesBoxLT, #specialsBoxLT, #currenciesBoxLT, #whats_newBoxLT, #manufacturersBoxLT, #searchBoxLT, #tell_a_friendBoxLT { text-align: center; } #nav{ padding: 0 5px 0 0;} #nav li{ padding:5px 0 5px 15px; border-bottom:1px dotted #1e252f } #nav li li{ padding:5px 0 5px 0px; border-bottom:none; } #nav a{ color:#8facca; background:url(images/bullet.png) left 50% no-repeat; padding:0 0 0 15px; } #nav2 a{ color:#8facca; padding:10px 0 10px 0;; } .img_wrap{ display:block; width: 307px; height: 276px; background: url(images/img_wrapper2.png) 0% 0% no-repeat; padding: 7px 0 0 5px; }