/*************************/ /****Begin teclan CSS*****/ /*************************/ body { margin:0px; padding:0px; background:#ffffff url("theme_main_background.gif") repeat-x; font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:11px; } /* Main Containers */ #wrapper { width:960px; margin:0px auto 0px auto; padding:5px; background:#ffffff; min-height:800px; height:auto !important; height:800px; position:relative; } #nav-bac { background:url("top-nav-bg.jpg"); } #header { position:relative; height:85px; margin-bottom:8px; z-index:800; } #logo { position:absolute; top:-5px; left:0px; } #tag-line { font-size:18px; color:#1d80aa; position:absolute; top:60px; left:10px; } #mcaffee { position:absolute; top:10px; right:280px; } #contact { font-size:18px; color:#1d80aa; position:absolute; top:0px; left:280px; } #header-nav { position:absolute; height:30px; top:85px; width:960px; color:<actinic:variable name="#000000" />; } #cart-summary { border:1px solid #1d80aa; position:absolute; top:5px; right:0px; padding:0px 4px; width:250px; height:55px; } #quick-search { position:absolute; top:85px; right:0px; } #top-nav { position:absolute; top:71px; left:0px; width:100%; font-size:12px; background:url('top-nav-bg.jpg') repeat-x; border-bottom:1px solid #1d80aa; } #left { width:180px; float:left; } #right { width:180px; float:right; } #center { width:760px; float:right; min-height:800px; height:auto !important; height:800px; } #center-home { min-height:480px; height:auto !important; height:480px; } #footer { text-align:center; width:100%; background:url('footer-bg-long2.jpg') repeat-x left bottom; /*height:158px;*/ } #footer-inner { width:970px; margin:0px auto; background:#ffffff; padding:8px 0px; margin-bottom:3px; position:relative; } #footer-shadow { width:970px; margin:0px auto; height:39px; background:url('footer-bg2.jpg') repeat-x; } #left-corner { position:absolute; bottom:-42px; left:-60px; width:60px; height:313px; background:url('left-corner2.png') no-repeat; } #right-corner { position:absolute; bottom:-42px; right:-60px; width:60px; height:313px; background:url('right-corner2.png') no-repeat; } #brands { padding-top:5px; } #brands img { margin:0px 2px; } /* Headings */ .section-head { background:#1d80aa ; padding:3px 3px 3px 10px; font-size:14px; color:#ffffff; } .teclan-title1 { font-size:24px; font-weight:normal; margin:0px; padding:0px 0px 8px 0px; } .teclan-title2 { font-size:20px; font-weight:normal; margin:0px; padding:0px 0px 10px 0px; } .teclan-title3 { font-size:17px; font-weight:normal; color:#666; margin:0px; padding:0px 0px 6px 0px; } .teclan-title4 { font-size:14px; font-weight:bold; margin:0px; padding:0px 0px 4px 0px; } .teclan-title5 { font-size:12px; font-weight:normal; margin:0px; padding:4px 0px; } .teclan-title6 { font-size:14px; font-weight:normal; margin:0px; padding:4px 0px; } .teclan-title7 { font-size:13px; font-weight:normal; margin:0px; padding:0px 0px 10px 0px; } .bg-header { /*background-repeat:no-repeat; background-position:right top;*/ font-size:27px; } .breadcrumbs-top { /*border-bottom:1px solid #1d80aa;*/ padding-bottom:4px; margin-bottom:8px; position:absolute; top:103px; left:5px; } .breadcrumbs-bottom { border-top:1px solid #1d80aa; padding-top:4px; margin-top:8px; } #cart-summary h4 { font-weight:normal; font-size:15px; padding-bottom:3px; } /* Links */ #header-nav a { color:#ffffff; padding:0px 10px; font-size:11px; } #cart-summary div a { font-size:14px; color:#333333; } .section-list, .column-box, .blue-box { margin-bottom:10px; } .column-box { border:1px solid #D7D7D7; background:url('blue-grad.jpg') repeat-x; padding:10px; } .blue-box { border:1px solid #a2a2a2; border:1px solid #a2a2a2; color:#ffffff; text-align:center; padding:0px 0px; } .blue-box ul { list-style-type:none; padding:0px; margin:0px; text-align:left; } .blue-box li { } .blue-box a:link,  .blue-box a:visited,  .blue-box a:active { color:#333333; display:block; padding:2px 4px 2px 20px; border-bottom:1px solid #a2a2a2; } .blue-box a:hover { color:white; background:#1d80aa; text-decoration:none; } .blue-boxx { border:1px solid #d6d6d6; background:#cccccc url('grey-box.gif') repeat-x bottom left; color:#000000; text-align:left; padding:7px 0px; } .blue-boxx a:link,  .blue-boxx a:visited,  .blue-boxx a:active { color:#000000; } .section-list a:link,  .section-list a:visited,  .section-list a:active { display:block; border-bottom:1px solid #ccc; padding:6px 4px 6px 20px; color:#333333; } .section-list a:hover { background:url('component-over.jpg') repeat-x bottom left; text-decoration:none; } h3 a:link,  h3 a:visited, h3 a:active { color:#333333; } /* Home Page */ .feature-frag { width:108px; margin:0px 2px 10px 0px; float:left; text-align:center; } .feature-frag h3 { padding-top:6px; } .home-box { width:301px; float:left; margin-right:10px; padding:5px; position:relative; } /* Sections */ .section-box { border:1px solid #333; width:174px; text-align:center; padding-bottom:5px; margin-bottom:14px; } .section-boxx { border:1px solid #333; width:160px; background:url('section-bg.jpg') repeat-x left bottom; text-align:center; padding-bottom:5px; margin-bottom:14px; } .section-box-section { border:0px solid #333; width:160px; background:url('section-bg.jpg') repeat-x left bottom; text-align:center; padding-bottom:5px; margin-bottom:14px; } .section-img { padding-top:5px; } .tec-section { cursor:pointer; } .ts-hov { background:#efefef; } /* Products */ .product-title { font-size:18px; font-weight:normal; color:#1d80aa; margin:0px; padding:10px 0px 6px 0px; } #tab-title-bar a { display:block; float:left; padding:2px 24px; margin-right:8px; background:url('tab-unsel.jpg') repeat-x left bottom; color:#333333; border-bottom:1px solid #1d80aa; font-size:14px; } #tab-title-bar a.selected:link,  #tab-title-bar a.selected:visited,  #tab-title-bar a.selected:active { background:#3970A1 url('top-nav-bg.jpg') repeat-x; color:white; } .tab-content { display:none; border:1px solid #1d80aa; clear:left; min-height:180px; height:auto !important; height:180px; margin-top:-1px; padding:5px; } .component-box { width:370px; margin-bottom:10px; } .component-box table { width:100%; border:1px solid #999; border-collapse:collapse; } .component-box table td { border:1px solid #999; vertical-align:middle; padding:3px; height:30px; } .component-box table td.check { text-align:center; width:41px; height:41px; } .component-price { font-size:14px; font-weight:bold; color:#190E5D; } .component-img { width:50px; float:left; margin-right:5px;; text-align:center; } .component-img-related { width:70px; float:left; margin-right:5px;; text-align:center; } .comp-over { background:url('component-over.jpg') repeat-x left bottom; } /* Product 1 */ .product-data-1 { width:407px; float:left; } .product-image-1 { width:347px; float:right; text-align:center; } /* Product 4 */ .product-data-4 { width:447px; float:left; } .product-image-4 { width:307px; float:right; text-align:center; } .product-data-4 .component-box { float:none !important; margin-top:10px; } .product-data-4 select { width:90%; margin-bottom:8px; display:block; } /* General rules */ a img { border:none; } .teclan-text { border:1px solid #1d80aa; background:url('input-bg.jpg') no-repeat; color:#666; padding:1px 3px; width:150px; } ul.check-list { margin:0px 6px 0px 0px; padding:0px; float:left; list-style-type:none; } ul.check-list li { background:url('tick.gif') no-repeat left center; padding-left:13px; list-style-type:none; } /* Floats and clears */ .fleft {float:left;} .fright {float:right;} .cleft {clear:left;} .cright {clear:right;} .clearit {clear:both;} /*************************/ /*****End teclan CSS******/ /*************************/ /* Begin CSS inherited from Actinic */ p, table, td, th { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; color: #333333; margin-top: 0px; line-height: 150%; } form { margin: 0px; } a:link { color: #1d80aa; text-decoration: none; } a:visited { color: #1d80aa; text-decoration: none; } a:hover { color: #333333; text-decoration: underline; } a:active { color: #1d80aa; text-decoration: none; } ul { list-style-type: square; } /* Generic text formatting used throughout the store ---------------------------- */ .actCHECKOUTEM { background-color: #1d80aa; } .actCHECKOUTBG { background-color: #efefef; } .actlarger { font-size: 13px; color: #333333; } .actsmaller{ font-size: 10px; color: #333333; } .actxxsmall { font-size: 10px; color: #333333; } .actxsmall { font-size: 11px; color: #333333; } .actsmall { font-size: 11px; color: #333333; } .actregular { font-size: 13px; color: #333333; } .actlarge{ font-size: 16px; color: #333333; } .actxlarge { font-size: 20px; color: #333333; } .actxxlarge { font-size: 20px; color: #333333; } .actwarningcolor { color: #160e4a; } .actrequiredcolor { color: #160e4a; } .actsearchhighlightcolor { color: #88221f; } .actrequired { color: #160e4a; } .actwarning { font-size: 11px; color: #160e4a; } .actwelcome { font-size: 11px; color: #333333; } .actlogotext { font-size: 11px; color: #D9090E; font-style: normal; font-weight: bold; text-align: center; } .actlogout { font-size: 11px; color: #1d80aa; } /* Shopping cart and checkout fields ------------------------------------------- */ table.checkout td { background-color: #efefef; } table.checkout th { background-color: #1d80aa; } .cart { background-color: #efefef; } .cartheading { background:url('top-nav-bg.jpg') repeat-x; font-weight: bold; color:#ffffff; } /* Checkout Progress Indicator  ------------------------------------------------ */ p.checkout-progress-heading { width: 300px; margin: 10px auto; } #checkout-progress-indicator { width: 300px; height: 19px; background-image: url('cpi-background.gif'); margin: 0 auto 20px auto; } .checkout-progress-0 { width: 75px; height: 19px; background-color: #1d80aa; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-1 { width: 150px; height: 19px; background-color: #1d80aa; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-2 { width: 225px; height: 19px; background-color: #1d80aa; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-3 { width: 300px; height: 19px; background-color: #1d80aa; background-image: url('cpi-main.gif'); float: left; } #checkout-progress-indicator .cpi-end { width: 8px; padding: 0; margin: 0; border: 0; height: 19px; background-image: url('cpi-end.gif'); background-position: right; background-repeat: no-repeat; float: left; } /* Formatting for the site map -------------------------------------------- */ #actinic-sitemap { margin-left: 5px; } #actinic-sitemap ul { margin-bottom: 0; padding-bottom: 0; } /* headings ----------------------------------------------------------------------------- */ h1	{ font-size: 20px; font-weight: 900; margin: 0px;		 padding: 16px 0px 4px 0px; color: #1d80aa; } h1.subheading	{ font-size: 13px; font-weight: 900; margin: 0px; padding: 0px 0px 14px 0px; color: #1d80aa; } h2	{ font-size: 16px; font-weight: 900; margin: 0px; padding: 2px 0px 14px 0px; color: #1d80aa; } h2.clearall	{ font-size: 16px; font-weight: 900; margin: 0px; padding: 2px 0px 14px 0px; color: #1d80aa; clear:both; } h3.product	{ font-size: 13px; font-weight: 900; margin: 0px; padding: 0px 0px 6px 0px; color: #1d80aa; } h3.product_price	{ font-size: 11px; font-weight: 900; margin: 0px; padding: 0px 0px 20px 0px; } .text_heading_left_column	{ margin: 0px; padding: 19px 0px 4px 0px; line-height:normal; color: #1d80aa; font-weight: 900; font-size: 13px; } /* Default formatting of all text boxes used in store pages ---------------- */ .form_input_general	{ line-height: normal; font-size : 11px; word-spacing: normal; } /* Styles for 'Quick Search Bar With Larger Button' ------------------------ */ .form_main_search_box	{ line-height: 13px; width: 76px; height: 16px; margin: 0px 1px 0px 1px; padding: 0px 0px 0px 2px; font-size : 11px; background-color: #efefef; border: 1px solid #efefef; color: #333333; vertical-align: top; } .form_main_search_box_td	{ background-color: #1d80aa } .form_button_quick_search	{ line-height: 13px; height: 18px; width: 85px; margin: 1px 1px 1px 1px; padding: 0px 0px 0px 12px; font-size : 11px; background-color: #1d80aa; border: 1px solid #1d80aa; color: #ffffff; background-image: url('theme_icon_search.gif'); word-spacing: normal; } /* Styles for product image and fragment image placement in some layouts -------------------------- */ .image_float_right	{ float: right; margin: 16px 0px 15px 20px; } .image_product	{ margin: 0px 6px 18px 0px; text-align: center; float: left; } /* lines -------------------------------------------------------------------------------- */ .dotted_line_blue	{ height: 1px; background-color: #1d80aa; background-image:url('theme_dotted_line.gif'); clear:both; } .solid_line_light_blue	{ height: 1px; padding: 0px; margin: 0px; background-color: #1d80aa; clear:both; } .solid_line_blue	{ height: 1px; padding: 0px; margin: 0px; background-color: #1d80aa; clear:both; } .dotted_outline_blue	{ border: 1px dotted #1d80aa; padding: 8px; }		 /* Heading for attributes  --------------------------------------------------------*/ .text_options	{ font-weight: 900; } /* Formatting for 'Add To Cart Button With Cart Icon' ----------------------------------------------*/ .form_button_add_to_cart	{ line-height: 13px; height: 20px; width: 76px; margin: 0px 1px 0px 0px; padding: 1px 0px 1px 14px; font-size : 11px; background-color: #1d80aa; border: 1px solid #1d80aa; color: #ffffff; background-image: url('theme_icon_add_to_cart.gif'); word-spacing: normal; }	 .product_list { margin:10px 0px; } #tc-menu-container ul { list-style-type:none; margin:0px; padding:0px; } #tc-menu-container ul li { float:left; /*width:97px;*/ position:relative; }  #tc-menu-container ul li#last { margin-right:0px; } #tc-menu-container ul li a { display:block; /*width:91px;*/ background:url('topnav-link.jpg') repeat-y right top; padding:4px 10px; color:#ffffff; } #tc-menu-container ul li a.sel:link,  #tc-menu-container ul li a.sel:visited,  #tc-menu-container ul li a.sel:active,  #tc-menu-container ul li a:hover { text-decoration:underline; } #tc-menu-container ul li div { position:absolute; top:25px; left:0px; display:none; border:1px solid #1d80aa; padding:3px; padding-bottom:25px; overflow:hidden; z-index:99999; zoom:1; background:#ffffff ; width:264px; } #tc-menu-container ul li div ul { width:120px; float:left; border-right:1px solid #1d80aa; margin-right:12px; } #tc-menu-container ul li div ul.last { border-right:none; margin-right:0px; } #tc-menu-container ul li div ul li { float:none; /*width:90px;*/ } #tc-menu-container ul li div ul li a { background:#ffffff; color:#1d80aa; padding:3px 0px; } #tc-menu-container ul li div ul li a:hover { background:#ffffff; color:#333333; } .brochure-links { width:150px; float:left; margin-right:10px; text-align:left; margin-left:5px; } .brochure-links h3 { font-size:18px; font-weight:normal; color:#666; margin:0px; padding:0px 0px 18px 0px; } .brochure-links a:link,  .brochure-links a:visited,  .brochure-links a:active { display:block; color:#666; margin-left:15px; padding-bottom:10px; } .teclan-search-result { /*width:150px;*/ margin:0px 10px 10px 0px; /*padding:5px;*/ float:left; text-align:center; /*border:1px solid #1d80aa;*/ } .endrow { margin-right:0px; } .teclan-search-result h3 { font-weight:normal; font-size:15px; margin:0px; padding:0px 0px 5px 0px; } .search-img { margin-bottom:8px; } /* Recently Viewed */ #recently-viewed-items, #also-bought-items { margin-top:15px; border:1px solid #1d80aa; padding:5px 10px; background:url('component-over.jpg') repeat-x bottom left; } #recently-viewed-items h2, #also-bought-items h2 { color:#333333; font-weight:normal; font-size:16px; margin:0px; padding:0px 0px 5px 0px; } .recently-viewed-creation { display:none; } .recently-viewed { width:160px; float:left; margin-left:10px; position:relative; text-align:center; padding:5px 0px; } .recently-viewed h3 { font-weight:normal; margin:0px; padding:0px 0px 5px 0px; font-size:14px; } .recently-viewed h3 a:link,  .recently-viewed h3 a:visited,  .recently-viewed h3 a:active { color:#333333; } .rv-price { font-weight:bold; } .recently-viewed span.remove { display:block; position:absolute; top:-5px; right:0px; color:#999; cursor:pointer; font-size:14px; font-weight:bold; } .block { display:block; } .none { display:none; } #shopping-cart-summary { display:none; } .checkout-step { background:url('top-nav-bg.jpg') repeat-x; color:#ffffff; padding:3px; } .checkout-block { padding-bottom:10px; } #progress { padding:10px 0px; visibility:hidden; text-align:center; } #ActCartError { width:500px; margin:0px auto; border:1px solid #333333; } #invoice-details, #payment-phase { width:450px; float:left; } #additional-details, #gen-info { width:450px; float:right; } #del-form { width:440px; } #del-form label { display:block; float:left; clear:left; width:150px; margin-top:2px; } #del-form input.text { margin-bottom:3px; width:250px; } .red-box { border:1px solid #000000; background:#FF0000 url('red-box.jpg') repeat-x bottom left; color:#ffffff; text-align:center; padding:7px 0px; } .red-box redbox:link,  .red-box redbox:visited,  .red-box redbox:active { color:#ffffff; } .component-box-tap { width:450px; margin-bottom:10px; }   .component-box-tap table { width:100%; border:1px solid #999; border-collapse:collapse; } .component-box-tap table td { border:1px solid #999; vertical-align:middle; padding:3px; height:30px; } .component-box-tap table td.check { text-align:center; width:41px; height:41px; } .component-img-tap { width:100px; float:left; margin-right:5px;; text-align:center; } .section-box-tap { border:1px solid #333; width:140px; background:url('section-bg.jpg') repeat-x left bottom; text-align:center; padding-bottom:5px; margin-bottom:14px; } .JT40-section-boxx { border:1px solid #333; width:400; background:url('section-bg.jpg') repeat-x left bottom; text-align:center; padding-bottom:5px; margin-bottom:14px; } .section-box-section-bigger{ border:0px solid #333; width:300px; background:url('section-bg.jpg') repeat-x left bottom; text-align:center; padding-bottom:5px; margin-bottom:14px; } .section-box-section-210{ border:1px solid #333; width:210px; background:url('section-bg.jpg') repeat-x left bottom; text-align:center; padding-bottom:5px; margin-bottom:14px; } #sectionlisttable td { vertical-align: top; font-size: 11px; } #sectionlisttable h3 { color: #265D8E !important; margin: 3px 0; font-size: 18px; } #sectionlisttable td ul { list-style: none; padding: 0; margin: 0; }