/*************************/ /****Begin teclan CSS*****/ /*************************/ body { background:#218cab ; color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0px; padding:0px; text-align:center; } /* Main Containers */ #wrapper { background:#ffffff; margin:9px auto; position:relative; width:980px; text-align:left; z-index:1000; } #container { margin:0px auto; width:957px; } #leftbg { background:url('left-header-bg.png') no-repeat top left; height:371px; left:-30px; position:absolute; top:0px; width:30px; } #rightbg { background:url('right-header-bg.png') no-repeat top left; height:496px; position:absolute; right:-30px; top:0px; width:30px; } #fixme-bottom { position: fixed; bottom:-0px; right:110px; z-index: 3000; } #theme { position:fixed; bottom:10px; left:0px; width: Warning: getimagesize(Standard-feature.png): failed to open stream: No such file or directory in C:\Program Files (x86)\Actinic v9\actinic_main.php on line 56 px; height: Warning: getimagesize(Standard-feature.png): failed to open stream: No such file or directory in C:\Program Files (x86)\Actinic v9\actinic_main.php on line 72 px; background:url('Standard-feature.png') no-repeat; z-index:-100; } #addpeople { position:absolute; top:1200px; left:350px; z-index:1000; right:200px; } #videoLayer { position:fixed; width:300px; height:300px; z-index:30000; bottom: 200px; Left: 30px; } .stock { color:#218CAB; font-size:12px; font-weight:bold; } * html #theme { position:absolute; } #header { height:289px; margin-bottom:13px; position:relative; } #logo { left:-11px; position:absolute; top:-9px; } #top-nav { position:absolute; right:0px; top:5px; } #cart-summary { color:#218cab; position:absolute; right:0px; text-align:center; top:30px; width:265px; } #feature-nav { left:0px; position:absolute; top:86px; } #banner-img { border-bottom:5px solid #218cab; padding-top:103px; } #quick-search-bg { background:url('quicksearch.gif') no-repeat; height:120px; position:absolute; right:20px; top:143px; width:237px; } #left { float:left; width:200px; } #center { float:right; width:740px; } #footer { clear:both; padding-top:20px; text-align:center; } #page-close { padding:20px 0px; text-align:center; color:#ffffff; } /* Links */ #top-nav a { border-left:1px solid #218cab; color:#333333; display:block; float:left; padding:0px 4px; text-transform:lowercase; } #feature-nav a { background:url('feature-nav-curve.jpg') no-repeat; color:#ffffff; display:block; float:left; font-size:14px; margin-right:5px; padding:2px 0px; text-align:center; text-decoration:none; text-transform:lowercase; width:155px; } #feature-nav a:hover { background-image:url('feature-nav-curve-hover.jpg');   } .section-list a:link,  .section-list a:visited,  .section-list a:active { border-bottom:1px solid #999999; color:#333333; display:block; padding:6px 12px; } .section-list a:hover { color:#218cab; font-weight:bold; text-decoration:none; } .feature-frag-title a:link,  .feature-frag-title a:visited,  .feature-frag-title a:active { color:#ffffff; } .teclan-title5 a:link,  .teclan-title5 a:visited,  .teclan-title5 a:active { color:#333333; } #footer ul { list-style-type:none; margin:0px; padding:0px 0px 10px 0px; } #footer li { border-left:1px solid #333333; display:inline; padding:0px 4px; } #footer a { color:#333333; text-transform:lowercase; } #page-close a { color:#ffffff; text-decoration:underline; } /* Forms */ #quick-search { position:absolute; right:37px; text-align:center; top:144px; width:200px; } #quick-search select { display:block; margin-bottom:5px; width:200px; } /* Titles */ .teclan-title1 { color:#218cab; font-size:20px; font-weight:normal; margin:0px; padding:0px 0px 8px 0px; } .teclan-title2 { } .teclan-title3 { } .teclan-title4 { color:#218cab; font-size:15px; font-weight:bold; margin:0px; padding:6px 0px 8px 0px; } .teclan-title5 { color:#333333; font-size:13px; font-weight:normal; margin:0px; padding:6px 0px 2px 0px; } .section-box .teclan-title5, .section-box-hover .teclan-title5 { height:16px; overflow:hidden; } .section-head { background:url('section-head.jpg') no-repeat; color:#ffffff; font-size:15px; padding:4px 0px; text-align:center; } .feature-frag-title { background:url('blue-grad-curve.jpg') no-repeat; color:#ffffff; font-weight:normal; font-size:12px; margin:0px; padding:4px 0px; } /* Products */ .product-left { float:left; width:437px; } .product-right { float:right; text-align:center; width:290px; } #tab-titles a { color:#ffffff; background:url('product-tab.jpg') no-repeat; display:block; float:left; font-size:13px; padding:2px 0px; text-align:center; width:142px; margin-right:5px; } #tab-titles a.sel:link,  #tab-titles a.sel:visited,  #tab-titles a.sel:active { background:url('product-tab-selected.jpg') no-repeat; } .tab-content { border:1px solid #218cab; clear:left; height:136px; line-height:120%; margin-bottom:16px; overflow:auto; padding:5px; } .tc-hide { display:none; } #components { background:url('component-bg.jpg') no-repeat bottom center; margin-bottom:18px; position:relative; min-height:33px; height:auto !important; height:33px; } .comp-attrs { color:#ffffff; font-size:15px; margin-top:18px; padding-bottom:8px; padding-left:4px; } #atc { position:absolute; bottom:0px; right:0px; } #emailfriend { background:url('emailicon.jpg') no-repeat left center; color:#218cab; display:block; font-size:17px; margin-bottom:10px; padding:20px 0px 20px 60px; } #emailfriend a { color:#218cab; } /* General rules */ a img { border:none; } .section-list, .column-box { margin-bottom:12px; } .column-box { padding:6px 0px; text-align:center; } .feature-frag { float:left; margin:10px 25px 10px 0px; text-align:center; width:230px; } .breadcrumbs { border-bottom:1px solid #218cab; margin-bottom:14px; padding-bottom:8px; } .marketing-product { float:left; margin-bottom:30px; width:243px; } .marketing-product-img { float:left; text-align:center; width:80px; } .marketing-product-info { float:right; width:160px; } /* Sections */ .section-box, .section-box-hover { background:#f0f0f0; float:left; margin:0px 8px 25px 0px; text-align:center; width:175px; } .section-box-hover { background:#e8e8e8 url('section-box-hover.jpg') repeat-x top center; } .section-box-img { background:#ffffff; margin:0px auto; width:90%; height:155px; } .section-box-img table { width:100%; text-align:center; } .section-box-img td { height:155px; text-align:center; vertical-align:middle; } .product-standard { border-left:2px solid #ffffff; border-right:2px solid #ffffff; padding:11px 0px; } .product-new { border:2px solid #218cab; padding:9px 0px; position:relative; } .product-sale { border:2px solid #f60; padding:9px 0px; position:relative; } .product-promotion { border:2px solid #c00; padding:9px 0px; position:relative; } .box-type-img { left:0px; position:absolute; top:0px; z-index:9999; } /* Clears */ .cleft {clear:left;} .cright {clear:right;} .clearit {clear:both;} /*************************/ /*****End teclan CSS******/ /*************************/ /* Begin CSS inherited from Actinic */ p, table, td, th { font-size: 12px; font-style: normal; font-weight: normal; color: #333333; margin-top: 0px; line-height: 150%; } form { margin: 0px; } a:link { color: #218cab; text-decoration: none; } a:visited { color: #218cab; text-decoration: none; } a:hover { color: #333333; text-decoration: underline; } a:active { color: #218cab; text-decoration: none; } ul { list-style-type: square; } /* Generic text formatting used throughout the store ---------------------------- */ .actCHECKOUTEM { background-color: #218cab; } .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: 12px; color: #333333; } .actsmall { font-size: 12px; 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: #b00000; } .actrequiredcolor { color: #b00000; } .actsearchhighlightcolor { color: #b00000; } .actrequired { color: #b00000; } .actwarning { font-size: 12px; color: #b00000; } .actwelcome { font-size: 12px; color: #333333; } .actlogotext { font-size: 12px; color: #D9090E; font-style: normal; font-weight: bold; text-align: center; } .actlogout { font-size: 12px; color: #218cab; } /* Shopping cart and checkout fields ------------------------------------------- */ table.checkout td { background-color: #efefef; } table.checkout th { background-color: #218cab; } .cart { background-color: #efefef; } .cartheading { background:#0088B8 url('blue-grad.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: #218cab; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-1 { width: 150px; height: 19px; background-color: #218cab; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-2 { width: 225px; height: 19px; background-color: #218cab; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-3 { width: 300px; height: 19px; background-color: #218cab; 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: #218cab; } h1.subheading	{ font-size: 13px; font-weight: 900; margin: 0px; padding: 0px 0px 14px 0px; color: #ffac00; } h2	{ font-size: 16px; font-weight: 900; margin: 0px; padding: 2px 0px 14px 0px; color: #ffac00; } h2.clearall	{ font-size: 16px; font-weight: 900; margin: 0px; padding: 2px 0px 14px 0px; color: #ffac00; clear:both; } h3.product	{ font-size: 13px; font-weight: 900; margin: 0px; padding: 0px 0px 6px 0px; color: #ffac00; } h3.product_price	{ font-size: 17px; font-weight: bold; color:#218cab; margin: 0px; padding: 0px 0px 12px 0px; } .text_heading_left_column	{ margin: 0px; padding: 19px 0px 4px 0px; line-height:normal; color: #218cab; font-weight: 900; font-size: 13px; } /* Default formatting of all text boxes used in store pages ---------------- */ .form_input_general	{ line-height: normal; font-size : 12px; word-spacing: normal; } /* Styles for product image and fragment image placement in some layouts -------------------------- */ img.image_float_right	{ float: right; margin: 16px 0px 15px 20px; } img.image_product	{ margin: 0px 18px 10px 0px; text-align: center; float: left; } /* lines -------------------------------------------------------------------------------- */ .dotted_line_blue	{ height: 1px; background-color: #ffac00; background-image:url('theme_dotted_line.gif'); clear:both; } .solid_line_light_blue	{ height: 1px; padding: 0px; margin: 0px; background-color: #ffac00; clear:both; } .solid_line_blue	{ height: 1px; padding: 0px; margin: 0px; background-color: #218cab; clear:both; } .dotted_outline_blue	{ border: 1px dotted #ffac00; 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; margin: 0px 1px 0px 0px; padding: 1px 0px 1px 14px; font-size : 12px; background-color: #ffac00; border: 1px solid #218cab; color: #ffffff; background-image: url('theme_icon_add_to_cart.gif'); word-spacing: normal; }