/*************************/ /****Begin teclan CSS*****/ /*************************/ body { margin:0px; padding:0px; background:#ffffff url("bg.jpg") repeat-x; font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:12px; text-align:center; } /* Main Containers */ /* General rules */ a img { border:none; } /* Floats and clears */ .fleft {float:left;} .fright {float:right;} .cleft {clear:left;} .cright {clear:right;} .clearit {clear:both;} #container { margin:0px auto; text-align:left; width:876px; margin-top:10px; position:relative; } #header { position:relative; height:308px; } #content { background:white; padding-top:20px; position:relative; width:865px; } #footer { text-align:right; margin-top:10px; } #topnav { position:absolute; z-index:3; text-align:center; } #topnav ul { list-style-type:none; margin:0px; padding:0px; } #topnav li { float:left; margin-right:7px; text-align:center; } #topnav a { display:block; background:url('top-nav-bg.jpg') repeat-x; height:25px; line-height:20px; color:white; padding:3px 27px 3px 26px; font-size:15px; text-transform:lowercase; } #topnav a:hover { background:url('top-nav-bg-hover.jpg') repeat-x; text-decoration:none; } #logo { position:absolute; top:100px; } #banner { background:url('main-image.jpg') no-repeat; height:260px; width:865px; position:absolute; top:20px; z-index:1; } #fav_section_nav { position:absolute; top:273px; z-index:4; } #fav_section_nav ul { list-style-type:none; margin:0px; padding:0px; } #fav_section_nav li { margin-right:7px; text-align:center; float:left; } #fav_section_nav a { display:block; background:url('fav-sec-bg.jpg') repeat-x; color:white; height:42px; line-height:38px; text-transform:lowercase; padding:0px 25px 6px 24px; font-size:16px; } #fav_section_nav a:hover { background:url('fav-sec-bg-hover.jpg') repeat-x; text-decoration:none; } #left { position:absolute; top:20px; left:0px; width:200px; } #center { margin-left:220px; } .sectionhead { background:url('section-head.jpg') repeat-x; width:200px; height:30px; line-height:20px; color:white; text-align:center; font-size:15px; } #sectionlist ul { list-style-type:none; margin:0px; padding:0px; } #sectionlist li { padding:5px 10px; border-bottom:1px solid #666; } #sectionlist a { color:#333; } #sectionlist a:hover { color:#0797E4; text-decoration:none; font-weight:bold; } #infolist ul { list-style-type:none; margin:0px; padding:0px; } #infolist li { padding:5px 10px; border-bottom:1px solid #666; } #infolist a { color:#333; } #infolist a:hover { color:#0797E4; text-decoration:none; font-weight:bold; } #cart-summary { position:absolute; top:110px; right:10px; width:220px; background:#333333; text-align:center; display:none;  color:white; border:1px solid white; padding:7px; font-size:14px; text-transform:lowercase; } #cart-summary a { background:url('top-nav-bg.jpg') repeat-x; width:100px; height:25px; line-height:23px; color:white; font-size:15px; padding:5px 10px; margin:5px 0px; margin-right:5px; text-transform:lowercase; } #cart-summary a:hover { background:url('top-nav-bg-hover.jpg') repeat-x; text-decoration:none; } /*************************/ /*****End teclan CSS******/ /*************************/ /* Begin CSS inherited from Actinic */ p, table, td, th { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #333333; margin-top: 0px; line-height: 150%; } form { margin: 0px; } a:link { color: #0797e4; text-decoration: none; } a:visited { color: #0797e4; text-decoration: none; } a:hover { color: #f50a92; text-decoration: underline; } a:active { color: #0797e4; text-decoration: none; } ul { list-style-type: square; } /* Generic text formatting used throughout the store ---------------------------- */ .actCHECKOUTEM { background-color: #f50a92; } .actCHECKOUTBG { background-color: #eeeeee; } .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: #f50a92; } .actrequiredcolor { color: #f50a92; } .actsearchhighlightcolor { color: #f50a92; } .actrequired { color: #f50a92; } .actwarning { font-size: 12px; color: #f50a92; } .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: #0797e4; } /* Shopping cart and checkout fields ------------------------------------------- */ table.checkout td { background-color: #eeeeee; } table.checkout th { background-color: #f50a92; } .cart { background-color: #eeeeee; } .cartheading { background-color: #f50a92; font-weight: bold; } /* 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: #f50a92; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-1 { width: 150px; height: 19px; background-color: #f50a92; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-2 { width: 225px; height: 19px; background-color: #f50a92; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-3 { width: 300px; height: 19px; background-color: #f50a92; 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: #f50a92; } h1.subheading	{ font-size: 13px; font-weight: 900; margin: 0px; padding: 0px 0px 14px 0px; color: #0797e4; } h2	{ font-size: 16px; font-weight: 900; margin: 0px; padding: 2px 0px 14px 0px; color: #0797e4; } h2.clearall	{ font-size: 16px; font-weight: 900; margin: 0px; padding: 2px 0px 14px 0px; color: #0797e4; clear:both; } h3.product	{ font-size: 13px; font-weight: 900; margin: 0px; padding: 0px 0px 6px 0px; color: #0797e4; } h3.product_price	{ font-size: 12px; 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: #f50a92; 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 '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 : 12px; background-color: #eeeeee; border: 1px solid #eeeeee; color: #333333; vertical-align: top; } .form_main_search_box_td	{ background-color: #0797e4 } .form_button_quick_search	{ line-height: 13px; height: 18px; width: 85px; margin: 1px 1px 1px 1px; padding: 0px 0px 0px 12px; font-size : 12px; background-color: #0797e4; border: 1px solid #f50a92; 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 18px 10px 0px; text-align: center; float: left; } /* lines -------------------------------------------------------------------------------- */ .dotted_line_blue	{ height: 1px; background-color: #0797e4; background-image:url('theme_dotted_line.gif'); clear:both; } .solid_line_light_blue	{ height: 1px; padding: 0px; margin: 0px; background-color: #0797e4; clear:both; } .solid_line_blue	{ height: 1px; padding: 0px; margin: 0px; background-color: #f50a92; clear:both; } .dotted_outline_blue	{ border: 1px dotted #0797e4; 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: #0797e4; border: 1px solid #f50a92; color: #ffffff; background-image: url('theme_icon_add_to_cart.gif'); word-spacing: normal; }