/* theme.css contains styles that support different sizes of theme images */ @import url("theme.css"); /* begin teclan styles */ body { margin: 0px; padding: 0px; background:#000000 url('back-repeat.jpg') repeat; font-family: Trebuchet MS,Arial,Helvetica,sans-serif; color: #000000; font-size: 13px; } #wrapper { width:800px; margin:50px auto; } #header { background:url('top-curve.gif') no-repeat top center; min-height:57px; height:auto !important; height:57px; position:relative; } #logo { position:absolute; top:0px; left:10px; } #logo a { width:200px; height:100px; } #cart { position:absolute; right:15px; top:8px; height:43px; padding-left:178px; padding-top:18px; text-align:right; } #topnav { position:absolute; right:6px; top:68px; text-align:right; width:780px; padding-bottom:10px; border-bottom:1px solid #333; } #topnav a { padding:0px 8px; line-height:22px; border-right:1px solid #ccc; color:#333; } #content { background:#fff; padding:0px 12px; } #left { float:left; width:175px; margin-top:55px; } #sectionheader { background:url('sectionhead.gif') no-repeat; height:34px; } #brochureheader { background:url('brochurehead.gif') no-repeat; height:34px; } .sectionlist { margin:0px 0px 15px 0px; padding:0px; } .sectionlist ul { margin:0px; padding:0px; } .sectionlist li { list-style-type:none; padding:6px 0px; border-bottom:1px solid #ccc; width:165px; } .sectionlist a:link, .sectionlist a:visited, .sectionlist a:active { color:#000000; } .sectionlist a:hover { color:#ff0066; } #center { float:right; width:601px; top:72px; position:relative; z-index:9999; height:600px; overflow:auto; } #footer { background:url('bottom-curve.gif') no-repeat bottom center;  min-height:57px; height:auto !important; height:57px; clear:both; } #bottom { min-height:86px; height:auto !important; height:86px; width:800px; position:relative; left:1px; top:2px; } #bottom p { position:absolute; bottom:4px; right:3px; color:#ff0066; } #bottom p a { color:#ff0066; } .sectionbox_N { border:1px solid #ccc;  padding:5px;  margin:0px 5px 10px 0px;  text-align:center;  width:160px;  min-height:300px;  height:auto !important;  height:300px; } /*fragments*/ .img-title-frag { float:left; width:143px; position:relative; min-height:282px; height:auto !important; height:282px; margin-left:1px; } #feature h3 { font-weight:normal; font-size:16px; text-align:center; position:relative; bottom:-254px; color:#ffffff; margin:0px; padding:0px; } #feature a { color:#ffffff; } /*general classes and styles*/ .clearit { clear:both; height:1px; line-height:1px; } a img { border:none; } p, table, td, th { line-height:150%; margin-top:0px; } form { margin: 0px; } a:link { color: #ff0066; text-decoration: none; } a:visited { color: #ff0066; text-decoration: none; } a:hover { color: #000000; text-decoration: underline; } a:active { color: #ff0066; text-decoration: none; } ul { list-style-type: square; } /* Generic text formatting used throughout the store ---------------------------- */ .actCHECKOUTEM { background-color: #ff0066; } .actCHECKOUTBG { background-color: #ffffff; } .actlarger { font-size: 14px; color: #000000; } .actsmaller{ font-size: 11px; color: #000000; } .actxxsmall { font-size: 11px; color: #000000; } .actxsmall { font-size: 13px; color: #000000; } .actsmall { font-size: 13px; color: #000000; } .actregular { font-size: 14px; color: #000000; } .actlarge{ font-size: 16px; color: #000000; } .actxlarge { font-size: 20px; color: #000000; } .actxxlarge { font-size: 20px; color: #000000; } .actwarningcolor { color: #cc0000; } .actrequiredcolor { color: #cc0000; } .actsearchhighlightcolor { color: #cc0000; } .actrequired { color: #cc0000; } .actwarning { font-size: 13px; color: #cc0000; } .actwelcome { font-size: 13px; color: #000000; } .actlogotext { font-size: 13px; color: #D9090E; font-style: normal; font-weight: bold; text-align: center; } .actlogout { font-size: 13px; color: #ff0066; } /* Shopping cart and checkout fields ------------------------------------------- */ table.checkout td { background-color: #ffffff; } table.checkout th { background-color: #ff0066; } .cart { background-color: #ffffff; } .cartheading { background-color: #ff0066; 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: #ff0066; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-1 { width: 150px; height: 19px; background-color: #ff0066; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-2 { width: 225px; height: 19px; background-color: #ff0066; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-3 { width: 300px; height: 19px; background-color: #ff0066; 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; } /* Used by 'CSS Product Layout' ------------------------------------------- */ .content_left { text-align: left; float: left; margin-right: 20px; } .content_right { text-align: left; float: left; } /* Used by 'Standard Layout Using CSS' and related CSS-based product layouts */ .product_list	{ margin: 20px 0px 20px 0px; }	 /* headings ----------------------------------------------------------------------------- */ h1	{ font-size: 20px; font-weight: 900; margin: 0px;		 padding: 16px 0px 4px 0px; color: #ff0066; } h1.subheading	{ font-size: 14px; font-weight: 900; margin: 0px; padding: 0px 0px 14px 0px; color: #ff0066; } h2	{ font-size: 16px; font-weight: 900; margin: 0px; padding: 2px 0px 14px 0px; color: #ff0066; } h2.clearall	{ font-size:16px; font-weight:normal; margin:0px; padding:4px 0px 6px 0px; color:#000000; } h3.product	{ font-size: 14px; font-weight: 900; margin: 0px; padding: 0px 0px 6px 0px; color: #ff0066; } h3.product_price	{ font-size: 13px; 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: #ff0066; font-weight: 900; font-size: 14px; } /* Default formatting of all text boxes used in store pages ---------------- */ .form_input_general	{ line-height: normal; font-size : 13px; 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 : 13px; background-color: #ffffff; border: 1px solid #ffffff; color: #000000; vertical-align: top; } .form_main_search_box_td	{ background-color: #ff0066 } .form_button_quick_search	{ line-height: 13px; height: 18px; width: 85px; margin: 1px 1px 1px 1px; padding: 0px 0px 0px 12px; font-size : 13px; background-color: #ff0066; border: 1px solid #ff0066; color: #ffffff; background-image: url('theme_icon_search.gif'); word-spacing: normal; } /* Styles for the 'Mini' marketing layouts ---------------------------------- */ .product_image_cost	{ margin: 0px 12px 8px 0px; text-align: center; float: left; } .text_product_small_info	{ font-size: 11px; line-height: normal; margin: 0px; padding: 0px 0px 6px 0px; } .text_product_small_info_heading	{ margin: 0px; padding: 10px 0px 12px 0px; line-height:normal; color: #ff0066; font-weight: 900; font-size: 13px; } .text_product_small_info_price	{ margin: 0px; padding: 8px 0px 0px 0px; line-height:normal; font-weight: 900; font-size: 13px; } .best_selling_items	{ padding: 10px; background-color: #ffffff; } .best_selling_items_spacing	{ padding: 0px 0px 8px 8px; } /* 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; line-height:1px; background-color: #ff0066; background-image:url('theme_dotted_line.gif'); clear:both; overflow:hidden; } .solid_line_light_blue	{ height: 1px; padding: 0px; margin: 0px; background-color: #ff0066; clear:both; } .solid_line_blue	{ height: 1px; padding: 0px; margin: 0px; background-color: #ff0066; clear:both; } .dotted_outline_blue	{ border: 1px solid #ccc; padding: 8px; }		 /* Styles for 'Compact Parent Section List' ------------------------ */ .text_breadcrumbs	{ font-size: 11px; color: #ff0066; margin: 0px; line-height:normal; padding: 2px 0px 10px 0px; }	 a.link_breadcrumbs:visited	{	 color : #ff0066; text-decoration : underline; } a.link_breadcrumbs:link  { color : #ff0066; text-decoration : underline; } a.link_breadcrumbs:active  { color : #ff0066; text-decoration : underline; } a.link_breadcrumbs:hover  { color : #ff0066; text-decoration : underline; } /* 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 : 13px; background-color: #ff0066; border: 1px solid #ff0066; color: #ffffff; background-image: url('theme_icon_add_to_cart.gif'); word-spacing: normal; }	 /* Styles for CSS Buttons ----------------------------------------------*/ .text_menu	{ padding: 2px 0px 2px 0px; font-size : 13px; margin: 0px; color : #ffffff; }